@blocknote/core 0.8.0 → 0.8.2

package/dist/blocknote.js

@@ -1,61 +1,61 @@
-var Lt = Object.defineProperty;
-var At = (o, e, t) => e in o ? Lt(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var h = (o, e, t) => (At(o, typeof e != "symbol" ? e + "" : e, t), t);
-import { Node as R, InputRule as V, mergeAttributes as w, Extension as v, findChildren as j, combineTransactionSteps as Nt, getChangedRanges as Ht, findChildrenInRange as Ot, Mark as it, findParentNode as Dt, isTextSelection as Ft, isNodeSelection as Rt, posToDOMRect as st, getMarkRange as Q, extensions as A, Editor as zt } from "@tiptap/core";
-import { PluginKey as E, Plugin as C, TextSelection as tt, Selection as G, NodeSelection as Ut } from "prosemirror-state";
-import { Slice as I, Fragment as _, DOMSerializer as q, DOMParser as $t } from "prosemirror-model";
-import { v4 as Gt } from "uuid";
-import at from "rehype-parse";
-import jt from "rehype-remark";
-import lt from "rehype-stringify";
-import dt from "remark-gfm";
-import qt from "remark-parse";
-import Wt from "remark-rehype";
-import Vt from "remark-stringify";
+var Nt = Object.defineProperty;
+var Lt = (o, e, t) => e in o ? Nt(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var h = (o, e, t) => (Lt(o, typeof e != "symbol" ? e + "" : e, t), t);
+import { Node as R, InputRule as V, mergeAttributes as x, Extension as v, findChildren as j, combineTransactionSteps as Ht, getChangedRanges as Ot, findChildrenInRange as Dt, Mark as st, findParentNode as Ft, isTextSelection as Rt, isNodeSelection as zt, posToDOMRect as at, getMarkRange as Q, extensions as N, Editor as Ut } from "@tiptap/core";
+import { PluginKey as E, Plugin as C, TextSelection as tt, Selection as G, NodeSelection as $t } from "prosemirror-state";
+import { Slice as T, Fragment as P, DOMSerializer as q, DOMParser as Gt } from "prosemirror-model";
+import { v4 as jt } from "uuid";
+import lt from "rehype-parse";
+import qt from "rehype-remark";
+import dt from "rehype-stringify";
+import ct from "remark-gfm";
+import Wt from "remark-parse";
+import Vt from "remark-rehype";
+import Yt from "remark-stringify";
 import { unified as Y } from "unified";
 import { fromDom as et } from "hast-util-from-dom";
-import { Bold as Yt } from "@tiptap/extension-bold";
-import { Code as Kt } from "@tiptap/extension-code";
-import Jt from "@tiptap/extension-collaboration";
-import Xt from "@tiptap/extension-collaboration-cursor";
-import { Dropcursor as Zt } from "@tiptap/extension-dropcursor";
-import { Gapcursor as Qt } from "@tiptap/extension-gapcursor";
-import { HardBreak as te } from "@tiptap/extension-hard-break";
-import { History as ee } from "@tiptap/extension-history";
-import { Italic as oe } from "@tiptap/extension-italic";
-import { Link as ct } from "@tiptap/extension-link";
-import { Strike as ne } from "@tiptap/extension-strike";
-import { Text as re } from "@tiptap/extension-text";
-import { Underline as ie } from "@tiptap/extension-underline";
-import * as se from "prosemirror-view";
+import { Bold as Kt } from "@tiptap/extension-bold";
+import { Code as Jt } from "@tiptap/extension-code";
+import Xt from "@tiptap/extension-collaboration";
+import Zt from "@tiptap/extension-collaboration-cursor";
+import { Dropcursor as Qt } from "@tiptap/extension-dropcursor";
+import { Gapcursor as te } from "@tiptap/extension-gapcursor";
+import { HardBreak as ee } from "@tiptap/extension-hard-break";
+import { History as oe } from "@tiptap/extension-history";
+import { Italic as ne } from "@tiptap/extension-italic";
+import { Link as ut } from "@tiptap/extension-link";
+import { Strike as re } from "@tiptap/extension-strike";
+import { Text as ie } from "@tiptap/extension-text";
+import { Underline as se } from "@tiptap/extension-underline";
+import * as ae from "prosemirror-view";
 import { Decoration as D, DecorationSet as F } from "prosemirror-view";
-const ut = "_blockOuter_1a5p7_5", ht = "_block_1a5p7_5", pt = "_reactNodeViewRenderer_1a5p7_17", mt = "_blockContent_1a5p7_22", ft = "_blockGroup_1a5p7_42", gt = "_isEmpty_1a5p7_240", kt = "_inlineContent_1a5p7_240", bt = "_isFilter_1a5p7_241", yt = "_hasAnchor_1a5p7_263", k = {
-  blockOuter: ut,
-  block: ht,
-  reactNodeViewRenderer: pt,
+const ht = "_blockOuter_xgzwr_5", pt = "_block_xgzwr_5", ft = "_reactNodeViewRenderer_xgzwr_17", mt = "_blockContent_xgzwr_22", gt = "_blockGroup_xgzwr_42", kt = "_isEmpty_xgzwr_240", yt = "_inlineContent_xgzwr_240", bt = "_isFilter_xgzwr_241", vt = "_hasAnchor_xgzwr_263", k = {
+  blockOuter: ht,
+  block: pt,
+  reactNodeViewRenderer: ft,
   blockContent: mt,
-  blockGroup: ft,
-  isEmpty: gt,
-  inlineContent: kt,
+  blockGroup: gt,
+  isEmpty: kt,
+  inlineContent: yt,
   isFilter: bt,
-  hasAnchor: yt
+  hasAnchor: vt
 }, Vo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  block: ht,
+  block: pt,
   blockContent: mt,
-  blockGroup: ft,
-  blockOuter: ut,
+  blockGroup: gt,
+  blockOuter: ht,
   default: k,
-  hasAnchor: yt,
-  inlineContent: kt,
-  isEmpty: gt,
+  hasAnchor: vt,
+  inlineContent: yt,
+  isEmpty: kt,
   isFilter: bt,
-  reactNodeViewRenderer: pt
+  reactNodeViewRenderer: ft
 }, Symbol.toStringTag, { value: "Module" }));
 function ot(o) {
   return "data-" + o.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
-function ae(o) {
+function le(o) {
   const e = {};
   return Object.entries(o.propSchema).forEach(([t, n]) => {
     e[t] = {
@@ -71,14 +71,14 @@ function ae(o) {
     };
   }), e;
 }
-function le(o) {
+function de(o) {
   return [
     {
       tag: "div[data-content-type=" + o.type + "]"
     }
   ];
 }
-function de(o, e) {
+function ce(o, e) {
   const t = document.createElement("div");
   t.setAttribute("data-content-type", o.type);
   for (const [r, i] of Object.entries(e))
@@ -103,26 +103,26 @@ function Yo(o) {
         };
       },
       addAttributes() {
-        return ae(o);
+        return le(o);
       },
       parseHTML() {
-        return le(o);
+        return de(o);
       },
       renderHTML({ HTMLAttributes: t }) {
-        return de(o, t);
+        return ce(o, t);
       },
       addNodeView() {
         return ({ HTMLAttributes: t, getPos: n }) => {
           const r = document.createElement("div");
           r.className = k.blockContent, r.setAttribute("data-content-type", o.type);
-          for (const [p, m] of Object.entries(t))
-            r.setAttribute(p, m);
+          for (const [p, f] of Object.entries(t))
+            r.setAttribute(p, f);
           const i = this.options.editor;
           if (typeof n == "boolean")
             throw new Error(
               "Cannot find node position as getPos is a boolean, not a function."
             );
-          const a = n(), d = i._tiptapEditor.state.doc.resolve(a).node().attrs.id, c = i.getBlock(d);
+          const s = n(), d = i._tiptapEditor.state.doc.resolve(s).node().attrs.id, c = i.getBlock(d);
           if (c.type !== o.type)
             throw new Error("Block type does not match");
           const u = o.render(c, i);
@@ -144,7 +144,7 @@ function H(o) {
     group: "blockContent"
   });
 }
-const ce = H({
+const ue = H({
   name: "heading",
   content: "inline*",
   addAttributes() {
@@ -196,7 +196,7 @@ const ce = H({
   renderHTML({ node: o, HTMLAttributes: e }) {
     return [
       "div",
-      w(e, {
+      x(e, {
         class: k.blockContent,
         "data-content-type": this.name
       }),
@@ -216,11 +216,11 @@ function g(o, e) {
       break;
     i -= 1, r = t.node(i);
   }
-  const a = r.attrs.id, s = r.firstChild, l = s.type, d = r.childCount === 2 ? r.lastChild.childCount : 0, c = t.start(i), u = t.end(i);
+  const s = r.attrs.id, a = r.firstChild, l = a.type, d = r.childCount === 2 ? r.lastChild.childCount : 0, c = t.start(i), u = t.end(i);
   return {
-    id: a,
+    id: s,
     node: r,
-    contentNode: s,
+    contentNode: a,
     contentType: l,
     numChildBlocks: d,
     startPos: c,
@@ -228,15 +228,15 @@ function g(o, e) {
     depth: i
   };
 }
-const vt = (o) => {
+const Et = (o) => {
   const { node: e, contentType: t } = g(
     o.state.doc,
     o.state.selection.from
   ), n = o.state.selection.anchor === o.state.selection.head;
-  return !t.name.endsWith("ListItem") || !n ? !1 : o.commands.first(({ state: r, chain: i, commands: a }) => [
+  return !t.name.endsWith("ListItem") || !n ? !1 : o.commands.first(({ state: r, chain: i, commands: s }) => [
     () => (
       // Changes list item block to a text block if the content is empty.
-      a.command(() => e.textContent.length === 0 ? a.BNUpdateBlock(r.selection.from, {
+      s.command(() => e.textContent.length === 0 ? s.BNUpdateBlock(r.selection.from, {
         type: "paragraph",
         props: {}
       }) : !1)
@@ -244,10 +244,10 @@ const vt = (o) => {
     () => (
       // Splits the current block, moving content inside that's after the cursor to a new block of the same type
       // below.
-      a.command(() => e.textContent.length > 0 ? (i().deleteSelection().BNSplitBlock(r.selection.from, !0).run(), !0) : !1)
+      s.command(() => e.textContent.length > 0 ? (i().deleteSelection().BNSplitBlock(r.selection.from, !0).run(), !0) : !1)
     )
   ]);
-}, ue = H({
+}, he = H({
   name: "bulletListItem",
   content: "inline*",
   addInputRules() {
@@ -266,7 +266,7 @@ const vt = (o) => {
   },
   addKeyboardShortcuts() {
     return {
-      Enter: () => vt(this.editor)
+      Enter: () => Et(this.editor)
     };
   },
   parseHTML() {
@@ -299,39 +299,39 @@ const vt = (o) => {
   renderHTML({ HTMLAttributes: o }) {
     return [
       "div",
-      w(o, {
+      x(o, {
         class: k.blockContent,
         "data-content-type": this.name
       }),
       ["p", { class: k.inlineContent }, 0]
     ];
   }
-}), he = new E("numbered-list-indexing"), pe = () => new C({
-  key: he,
+}), pe = new E("numbered-list-indexing"), fe = () => new C({
+  key: pe,
   appendTransaction: (o, e, t) => {
     const n = t.tr;
     n.setMeta("numberedListIndexing", !0);
     let r = !1;
-    return t.doc.descendants((i, a) => {
+    return t.doc.descendants((i, s) => {
       if (i.type.name === "blockContainer" && i.firstChild.type.name === "numberedListItem") {
-        let s = "1";
-        const l = a === 1, d = g(n.doc, a + 1);
+        let a = "1";
+        const l = s === 1, d = g(n.doc, s + 1);
         if (d === void 0)
           return;
         if (!l) {
-          const p = g(n.doc, a - 2);
+          const p = g(n.doc, s - 2);
           if (p === void 0)
             return;
           if (!(d.depth !== p.depth)) {
-            const f = p.contentNode;
+            const m = p.contentNode;
             if (p.contentType.name === "numberedListItem") {
-              const U = f.attrs.index;
-              s = (parseInt(U) + 1).toString();
+              const U = m.attrs.index;
+              a = (parseInt(U) + 1).toString();
             }
           }
         }
-        d.contentNode.attrs.index !== s && (r = !0, n.setNodeMarkup(a + 1, void 0, {
-          index: s
+        d.contentNode.attrs.index !== a && (r = !0, n.setNodeMarkup(s + 1, void 0, {
+          index: a
         }));
       }
     }), r ? n : null;
@@ -366,11 +366,11 @@ const vt = (o) => {
   },
   addKeyboardShortcuts() {
     return {
-      Enter: () => vt(this.editor)
+      Enter: () => Et(this.editor)
     };
   },
   addProseMirrorPlugins() {
-    return [pe()];
+    return [fe()];
   },
   parseHTML() {
     return [
@@ -404,7 +404,7 @@ const vt = (o) => {
   renderHTML({ HTMLAttributes: o }) {
     return [
       "div",
-      w(o, {
+      x(o, {
         class: k.blockContent,
         "data-content-type": this.name
       }),
@@ -413,7 +413,7 @@ const vt = (o) => {
       ["p", { class: k.inlineContent }, 0]
     ];
   }
-}), fe = H({
+}), ge = H({
   name: "paragraph",
   content: "inline*",
   parseHTML() {
@@ -428,14 +428,14 @@ const vt = (o) => {
   renderHTML({ HTMLAttributes: o }) {
     return [
       "div",
-      w(o, {
+      x(o, {
         class: k.blockContent,
         "data-content-type": this.name
       }),
       ["p", { class: k.inlineContent }, 0]
     ];
   }
-}), N = {
+}), L = {
   backgroundColor: {
     default: "transparent"
   },
@@ -447,28 +447,28 @@ const vt = (o) => {
     default: "left",
     values: ["left", "center", "right", "justify"]
   }
-}, ge = {
+}, ke = {
   paragraph: {
-    propSchema: N,
-    node: fe
+    propSchema: L,
+    node: ge
   },
   heading: {
     propSchema: {
-      ...N,
+      ...L,
       level: { default: "1", values: ["1", "2", "3"] }
     },
-    node: ce
+    node: ue
   },
   bulletListItem: {
-    propSchema: N,
-    node: ue
+    propSchema: L,
+    node: he
   },
   numberedListItem: {
-    propSchema: N,
+    propSchema: L,
     node: me
   }
 };
-function ke(o, e = JSON.stringify) {
+function ye(o, e = JSON.stringify) {
   const t = {};
   return o.filter((n) => {
     const r = e(n);
@@ -479,7 +479,7 @@ function be(o) {
   const e = o.filter(
     (n, r) => o.indexOf(n) !== r
   );
-  return ke(e);
+  return ye(e);
 }
 const K = v.create({
   name: "uniqueID",
@@ -490,7 +490,7 @@ const K = v.create({
     return {
       attributeName: "id",
       types: [],
-      generateID: () => window.__TEST_OPTIONS ? (window.__TEST_OPTIONS.mockID === void 0 ? window.__TEST_OPTIONS.mockID = 0 : window.__TEST_OPTIONS.mockID++, window.__TEST_OPTIONS.mockID.toString()) : Gt(),
+      generateID: () => window.__TEST_OPTIONS ? (window.__TEST_OPTIONS.mockID === void 0 ? window.__TEST_OPTIONS.mockID = 0 : window.__TEST_OPTIONS.mockID++, window.__TEST_OPTIONS.mockID.toString()) : jt(),
       filterTransaction: null
     };
   },
@@ -516,11 +516,11 @@ const K = v.create({
       (l) => l.name === "collaboration"
     ))
       return;
-    const { view: o, state: e } = this.editor, { tr: t, doc: n } = e, { types: r, attributeName: i, generateID: a } = this.options;
+    const { view: o, state: e } = this.editor, { tr: t, doc: n } = e, { types: r, attributeName: i, generateID: s } = this.options;
     j(n, (l) => r.includes(l.type.name) && l.attrs[i] === null).forEach(({ node: l, pos: d }) => {
       t.setNodeMarkup(d, void 0, {
         ...l.attrs,
-        [i]: a()
+        [i]: s()
       });
     }), t.setMeta("addToHistory", !1), o.dispatch(t);
   },
@@ -530,40 +530,40 @@ const K = v.create({
       new C({
         key: new E("uniqueID"),
         appendTransaction: (t, n, r) => {
-          const i = t.some((f) => f.docChanged) && !n.doc.eq(r.doc), a = this.options.filterTransaction && t.some((f) => {
-            var y, b;
-            return !(!((b = (y = this.options).filterTransaction) === null || b === void 0) && b.call(y, f));
+          const i = t.some((m) => m.docChanged) && !n.doc.eq(r.doc), s = this.options.filterTransaction && t.some((m) => {
+            var b, y;
+            return !(!((y = (b = this.options).filterTransaction) === null || y === void 0) && y.call(b, m));
           });
-          if (!i || a)
+          if (!i || s)
             return;
-          const { tr: s } = r, { types: l, attributeName: d, generateID: c } = this.options, u = Nt(
+          const { tr: a } = r, { types: l, attributeName: d, generateID: c } = this.options, u = Ht(
             n.doc,
             t
           ), { mapping: p } = u;
-          if (Ht(u).forEach(({ newRange: f }) => {
-            const y = Ot(
+          if (Ot(u).forEach(({ newRange: m }) => {
+            const b = Dt(
               r.doc,
-              f,
-              (M) => l.includes(M.type.name)
-            ), b = y.map(({ node: M }) => M.attrs[d]).filter((M) => M !== null), U = be(b);
-            y.forEach(({ node: M, pos: O }) => {
+              m,
+              (B) => l.includes(B.type.name)
+            ), y = b.map(({ node: B }) => B.attrs[d]).filter((B) => B !== null), U = be(y);
+            b.forEach(({ node: B, pos: O }) => {
               var $;
-              const Z = ($ = s.doc.nodeAt(O)) === null || $ === void 0 ? void 0 : $.attrs[d];
+              const Z = ($ = a.doc.nodeAt(O)) === null || $ === void 0 ? void 0 : $.attrs[d];
               if (Z === null) {
-                s.setNodeMarkup(O, void 0, {
-                  ...M.attrs,
+                a.setNodeMarkup(O, void 0, {
+                  ...B.attrs,
                   [d]: c()
                 });
                 return;
               }
-              const { deleted: Pt } = p.invert().mapResult(O);
-              Pt && U.includes(Z) && s.setNodeMarkup(O, void 0, {
-                ...M.attrs,
+              const { deleted: At } = p.invert().mapResult(O);
+              At && U.includes(Z) && a.setNodeMarkup(O, void 0, {
+                ...B.attrs,
                 [d]: c()
               });
             });
-          }), !!s.steps.length)
-            return s;
+          }), !!a.steps.length)
+            return a;
         },
         // we register a global drag handler to track the current drag source element
         view(t) {
@@ -595,15 +595,15 @@ const K = v.create({
           transformPasted: (t) => {
             if (!e)
               return t;
-            const { types: n, attributeName: r } = this.options, i = (a) => {
-              const s = [];
-              return a.forEach((l) => {
+            const { types: n, attributeName: r } = this.options, i = (s) => {
+              const a = [];
+              return s.forEach((l) => {
                 if (l.isText) {
-                  s.push(l);
+                  a.push(l);
                   return;
                 }
                 if (!n.includes(l.type.name)) {
-                  s.push(l.copy(i(l.content)));
+                  a.push(l.copy(i(l.content)));
                   return;
                 }
                 const d = l.type.create(
@@ -614,10 +614,10 @@ const K = v.create({
                   i(l.content),
                   l.marks
                 );
-                s.push(d);
-              }), _.from(s);
+                a.push(d);
+              }), P.from(a);
             };
-            return e = !1, new I(
+            return e = !1, new T(
               i(t.content),
               t.openStart,
               t.openEnd
@@ -628,47 +628,56 @@ const K = v.create({
     ];
   }
 });
-class ye extends Error {
+class ve extends Error {
   constructor(e) {
     super(`Unreachable case: ${e}`);
   }
 }
-const Et = /* @__PURE__ */ new Set([
+const Ct = /* @__PURE__ */ new Set([
   "bold",
   "italic",
   "underline",
   "strike",
   "code"
-]), Ct = /* @__PURE__ */ new Set(["textColor", "backgroundColor"]);
-function ve(o, e) {
+]), Bt = /* @__PURE__ */ new Set(["textColor", "backgroundColor"]);
+function nt(o, e) {
   const t = [];
   for (const [n, r] of Object.entries(o.styles))
-    Et.has(n) ? t.push(e.mark(n)) : Ct.has(n) && t.push(e.mark(n, { color: r }));
-  return e.text(o.text, t);
+    Ct.has(n) ? t.push(e.mark(n)) : Bt.has(n) && t.push(e.mark(n, { color: r }));
+  return o.text.split(/(\n)/g).filter((n) => n.length > 0).map((n) => n === `
+` ? e.nodes.hardBreak.create() : e.text(n, t));
 }
 function Ee(o, e) {
   const t = e.marks.link.create({
     href: o.href
   });
-  return Mt(o.content, e).map((n) => n.mark([...n.marks, t]));
+  return wt(o.content, e).map((n) => {
+    if (n.type.name === "text")
+      return n.mark([...n.marks, t]);
+    if (n.type.name === "hardBreak")
+      return n;
+    throw new Error("unexpected node type");
+  });
 }
-function Mt(o, e) {
+function wt(o, e) {
   let t = [];
   if (typeof o == "string")
-    return t.push(e.text(o)), t;
+    return t.push(
+      ...nt({ type: "text", text: o, styles: {} }, e)
+    ), t;
   for (const n of o)
-    t.push(ve(n, e));
+    t.push(...nt(n, e));
   return t;
 }
-function Bt(o, e) {
+function Mt(o, e) {
   let t = [];
   for (const n of o)
     if (n.type === "link")
       t.push(...Ee(n, e));
     else if (n.type === "text")
-      t.push(...Mt([n], e));
+      t.push(...wt([n], e));
     else
-      throw new ye(n);
+      throw new ve(n);
   return t;
 }
 function z(o, e) {
@@ -685,42 +694,69 @@ function z(o, e) {
       e.text(o.content)
     );
   else {
-    const s = Bt(o.content, e);
-    r = e.nodes[n].create(o.props, s);
+    const a = Mt(o.content, e);
+    r = e.nodes[n].create(o.props, a);
   }
   const i = [];
   if (o.children)
-    for (const s of o.children)
-      i.push(z(s, e));
-  const a = e.nodes.blockGroup.create({}, i);
+    for (const a of o.children)
+      i.push(z(a, e));
+  const s = e.nodes.blockGroup.create({}, i);
   return e.nodes.blockContainer.create(
     {
       id: t,
       ...o.props
     },
-    i.length > 0 ? [r, a] : r
+    i.length > 0 ? [r, s] : r
   );
 }
 function Ce(o) {
   const e = [];
   let t;
   return o.content.forEach((n) => {
+    if (n.type.name === "hardBreak") {
+      t ? t.type === "text" ? t.text += `
+` : t.type === "link" && (t.content[t.content.length - 1].text += `
+`) : t = {
+        type: "text",
+        text: `
+`,
+        styles: {}
+      };
+      return;
+    }
     const r = {};
     let i;
-    for (const a of n.marks)
-      if (a.type.name === "link")
-        i = a;
-      else if (Et.has(a.type.name))
-        r[a.type.name] = !0;
-      else if (Ct.has(a.type.name))
-        r[a.type.name] = a.attrs.color;
+    for (const s of n.marks)
+      if (s.type.name === "link")
+        i = s;
+      else if (Ct.has(s.type.name))
+        r[s.type.name] = !0;
+      else if (Bt.has(s.type.name))
+        r[s.type.name] = s.attrs.color;
       else
-        throw Error("Mark is of an unrecognized type: " + a.type.name);
-    i && t && i.attrs.href === t.href ? t.content.push({
+        throw Error("Mark is of an unrecognized type: " + s.type.name);
+    t ? t.type === "text" ? i ? (e.push(t), t = {
+      type: "link",
+      href: i.attrs.href,
+      content: [
+        {
+          type: "text",
+          text: n.textContent,
+          styles: r
+        }
+      ]
+    }) : JSON.stringify(t.styles) === JSON.stringify(r) ? t.text += n.textContent : (e.push(t), t = {
+      type: "text",
+      text: n.textContent,
+      styles: r
+    }) : t.type === "link" && (i ? t.href === i.attrs.href ? JSON.stringify(
+      t.content[t.content.length - 1].styles
+    ) === JSON.stringify(r) ? t.content[t.content.length - 1].text += n.textContent : t.content.push({
       type: "text",
       text: n.textContent,
       styles: r
-    }) : i ? (t = {
+    }) : (e.push(t), t = {
       type: "link",
       href: i.attrs.href,
       content: [
@@ -730,14 +766,28 @@ function Ce(o) {
           styles: r
         }
       ]
-    }, e.push(t)) : (e.push({
+    }) : (e.push(t), t = {
       type: "text",
       text: n.textContent,
       styles: r
-    }), t = void 0);
-  }), e;
+    })) : i ? t = {
+      type: "link",
+      href: i.attrs.href,
+      content: [
+        {
+          type: "text",
+          text: n.textContent,
+          styles: r
+        }
+      ]
+    } : t = {
+      type: "text",
+      text: n.textContent,
+      styles: r
+    };
+  }), t && e.push(t), e;
 }
-function B(o, e, t) {
+function w(o, e, t) {
   if (o.type.name !== "blockContainer")
     throw Error(
       "Node must be of type blockContainer, but is of type" + o.type.name + "."
@@ -748,7 +798,7 @@ function B(o, e, t) {
   const r = g(o, 0);
   let i = r.id;
   i === null && (i = K.options.generateID());
-  const a = {};
+  const s = {};
   for (const [c, u] of Object.entries({
     ...r.node.attrs,
     ...r.contentNode.attrs
@@ -758,19 +808,19 @@ function B(o, e, t) {
       throw Error(
         "Block is of an unrecognized type: " + r.contentType.name
       );
-    const m = p.propSchema;
-    c in m ? a[c] = u : c !== "id" && !(c in N) && console.warn("Block has an unrecognized attribute: " + c);
+    const f = p.propSchema;
+    c in f ? s[c] = u : c !== "id" && !(c in L) && console.warn("Block has an unrecognized attribute: " + c);
   }
-  const s = Ce(r.contentNode), l = [];
+  const a = Ce(r.contentNode), l = [];
   for (let c = 0; c < r.numChildBlocks; c++)
     l.push(
-      B(r.node.lastChild.child(c), e, t)
+      w(r.node.lastChild.child(c), e, t)
     );
   const d = {
     id: i,
     type: r.contentType.name,
-    props: a,
-    content: s,
+    props: s,
+    content: a,
     children: l
   };
   return t == null || t.set(o, d), d;
@@ -788,29 +838,29 @@ function Tt(o, e, t = "before", n) {
   const r = typeof e == "string" ? e : e.id, i = [];
   for (const d of o)
     i.push(z(d, n.schema));
-  let a = -1;
-  const { node: s, posBeforeNode: l } = J(r, n.state.doc);
-  if (t === "before" && (a = l), t === "after" && (a = l + s.nodeSize), t === "nested") {
-    if (s.childCount < 2) {
-      a = l + s.firstChild.nodeSize + 1;
+  let s = -1;
+  const { node: a, posBeforeNode: l } = J(r, n.state.doc);
+  if (t === "before" && (s = l), t === "after" && (s = l + a.nodeSize), t === "nested") {
+    if (a.childCount < 2) {
+      s = l + a.firstChild.nodeSize + 1;
       const d = n.state.schema.nodes.blockGroup.create(
         {},
         i
       );
       n.view.dispatch(
-        n.state.tr.insert(a, d)
+        n.state.tr.insert(s, d)
       );
       return;
     }
-    a = l + s.firstChild.nodeSize + 2;
+    s = l + a.firstChild.nodeSize + 2;
   }
-  n.view.dispatch(n.state.tr.insert(a, i));
+  n.view.dispatch(n.state.tr.insert(s, i));
 }
-function Me(o, e, t) {
+function Be(o, e, t) {
   const n = typeof o == "string" ? o : o.id, { posBeforeNode: r } = J(n, t.state.doc);
   t.commands.BNUpdateBlock(r + 1, e);
 }
-function wt(o, e) {
+function xt(o, e) {
   const t = new Set(
     o.map(
       (r) => typeof r == "string" ? r : r.id
@@ -823,10 +873,10 @@ function wt(o, e) {
     if (r.type.name !== "blockContainer" || !t.has(r.attrs.id))
       return !0;
     t.delete(r.attrs.id);
-    const a = e.state.doc.nodeSize;
-    e.commands.BNDeleteBlock(i - n + 1);
     const s = e.state.doc.nodeSize;
-    return n += a - s, !1;
+    e.commands.BNDeleteBlock(i - n + 1);
+    const a = e.state.doc.nodeSize;
+    return n += s - a, !1;
   }), t.size > 0) {
     let r = [...t].join(`
 `);
@@ -835,10 +885,10 @@ function wt(o, e) {
     );
   }
 }
-function Be(o, e, t) {
-  Tt(e, o[0], "before", t), wt(o, t);
+function we(o, e, t) {
+  Tt(e, o[0], "before", t), xt(o, t);
 }
-function Te() {
+function Me() {
   const o = (e) => {
     let t = e.children.length;
     for (let n = 0; n < t; n++) {
@@ -854,41 +904,41 @@ function Te() {
   };
   return o;
 }
-function we(o) {
+function Te(o) {
   const e = /* @__PURE__ */ new Set([
     ...o.orderedListItemBlockTypes,
     ...o.unorderedListItemBlockTypes
   ]), t = (n) => {
     let r = n.children.length, i;
-    for (let a = 0; a < r; a++) {
-      const l = n.children[a].children[0], d = l.children[0], c = l.children.length === 2 ? l.children[1] : null, u = e.has(
+    for (let s = 0; s < r; s++) {
+      const l = n.children[s].children[0], d = l.children[0], c = l.children.length === 2 ? l.children[1] : null, u = e.has(
         d.properties.dataContentType
       ), p = u ? o.orderedListItemBlockTypes.has(
         d.properties.dataContentType
       ) ? "ol" : "ul" : null;
       if (c !== null && t(c), i && i.tagName !== p) {
         n.children.splice(
-          a - i.children.length,
+          s - i.children.length,
           i.children.length,
           i
         );
-        const m = i.children.length - 1;
-        a -= m, r -= m, i = void 0;
+        const f = i.children.length - 1;
+        s -= f, r -= f, i = void 0;
       }
       if (u) {
         i || (i = et(
           document.createElement(p)
         ));
-        const m = et(
+        const f = et(
           document.createElement("li")
         );
-        m.children.push(d.children[0]), c !== null && m.children.push(...c.children), i.children.push(m);
+        f.children.push(d.children[0]), c !== null && f.children.push(...c.children), i.children.push(f);
       } else if (c !== null) {
-        n.children.splice(a + 1, 0, ...c.children), n.children[a] = d.children[0];
-        const m = c.children.length;
-        a += m, r += m;
+        n.children.splice(s + 1, 0, ...c.children), n.children[s] = d.children[0];
+        const f = c.children.length;
+        s += f, r += f;
       } else
-        n.children[a] = d.children[0];
+        n.children[s] = d.children[0];
     }
     i && n.children.splice(
       r - i.children.length,
@@ -901,37 +951,37 @@ function we(o) {
 async function St(o, e) {
   const t = document.createElement("div"), n = q.fromSchema(e);
   for (const i of o) {
-    const a = z(i, e), s = n.serializeNode(a);
-    t.appendChild(s);
+    const s = z(i, e), a = n.serializeNode(s);
+    t.appendChild(a);
   }
-  return (await Y().use(at, { fragment: !0 }).use(we, {
+  return (await Y().use(lt, { fragment: !0 }).use(Te, {
     orderedListItemBlockTypes: /* @__PURE__ */ new Set(["numberedListItem"]),
     unorderedListItemBlockTypes: /* @__PURE__ */ new Set(["bulletListItem"])
-  }).use(lt).process(t.innerHTML)).value;
+  }).use(dt).process(t.innerHTML)).value;
 }
-async function xt(o, e, t) {
+async function It(o, e, t) {
   const n = document.createElement("div");
   n.innerHTML = o.trim();
-  const i = $t.fromSchema(t).parse(n), a = [];
-  for (let s = 0; s < i.firstChild.childCount; s++)
-    a.push(B(i.firstChild.child(s), e));
-  return a;
+  const i = Gt.fromSchema(t).parse(n), s = [];
+  for (let a = 0; a < i.firstChild.childCount; a++)
+    s.push(w(i.firstChild.child(a), e));
+  return s;
 }
-async function Se(o, e) {
-  return (await Y().use(at, { fragment: !0 }).use(Te).use(jt).use(dt).use(Vt).process(await St(o, e))).value;
+async function xe(o, e) {
+  return (await Y().use(lt, { fragment: !0 }).use(Me).use(qt).use(ct).use(Yt).process(await St(o, e))).value;
 }
-async function xe(o, e, t) {
-  const n = await Y().use(qt).use(dt).use(Wt).use(lt).process(o);
-  return xt(n.value, e, t);
+async function Se(o, e, t) {
+  const n = await Y().use(Wt).use(ct).use(Vt).use(dt).process(o);
+  return It(n.value, e, t);
 }
-const Ie = "_bnEditor_14aht_3", _e = "_bnRoot_14aht_20", Pe = "_defaultStyles_14aht_35", Le = "_dragPreview_14aht_68", P = {
+const Ie = "_bnEditor_4vj2p_3", Pe = "_bnRoot_4vj2p_20", _e = "_defaultStyles_4vj2p_35", Ae = "_dragPreview_4vj2p_68", _ = {
   bnEditor: Ie,
-  bnRoot: _e,
-  defaultStyles: Pe,
-  dragPreview: Le,
-  "collaboration-cursor__caret": "_collaboration-cursor__caret_14aht_74",
-  "collaboration-cursor__label": "_collaboration-cursor__label_14aht_85"
-}, Ae = v.create({
+  bnRoot: Pe,
+  defaultStyles: _e,
+  dragPreview: Ae,
+  "collaboration-cursor__caret": "_collaboration-cursor__caret_4vj2p_74",
+  "collaboration-cursor__label": "_collaboration-cursor__label_4vj2p_85"
+}, Ne = v.create({
   name: "blockBackgroundColor",
   addGlobalAttributes() {
     return [
@@ -961,7 +1011,7 @@ const Ie = "_bnEditor_14aht_3", _e = "_bnRoot_14aht_20", Pe = "_defaultStyles_14
       }
     };
   }
-}), Ne = it.create({
+}), Le = st.create({
   name: "backgroundColor",
   addAttributes() {
     return {
@@ -990,7 +1040,7 @@ const Ie = "_bnEditor_14aht_3", _e = "_bnRoot_14aht_20", Pe = "_defaultStyles_14
       setBackgroundColor: (o) => ({ commands: e }) => o !== "default" ? e.setMark(this.name, { color: o }) : e.unsetMark(this.name)
     };
   }
-}), nt = new E("previous-blocks"), He = {
+}), rt = new E("previous-blocks"), He = {
   // Numbered List Items
   index: "index",
   // Headings
@@ -1002,14 +1052,14 @@ const Ie = "_bnEditor_14aht_3", _e = "_bnRoot_14aht_20", Pe = "_defaultStyles_14
 }, Oe = () => {
   let o;
   return new C({
-    key: nt,
+    key: rt,
     view(e) {
       return {
         update: async (t, n) => {
           var r;
           ((r = this.key) == null ? void 0 : r.getState(t.state).updatedBlocks.size) > 0 && (o = setTimeout(() => {
             t.dispatch(
-              t.state.tr.setMeta(nt, { clearUpdate: !0 })
+              t.state.tr.setMeta(rt, { clearUpdate: !0 })
             );
           }, 0));
         },
@@ -1032,25 +1082,25 @@ const Ie = "_bnEditor_14aht_3", _e = "_bnRoot_14aht_20", Pe = "_defaultStyles_14
       apply(e, t, n, r) {
         if (t.currentTransactionOldBlockAttrs = {}, t.updatedBlocks.clear(), !e.docChanged || n.doc.eq(r.doc))
           return t;
-        const i = {}, a = j(n.doc, (d) => d.attrs.id), s = new Map(
-          a.map((d) => [d.node.attrs.id, d])
+        const i = {}, s = j(n.doc, (d) => d.attrs.id), a = new Map(
+          s.map((d) => [d.node.attrs.id, d])
         ), l = j(r.doc, (d) => d.attrs.id);
         for (let d of l) {
-          const c = s.get(d.node.attrs.id), u = c == null ? void 0 : c.node.firstChild, p = d.node.firstChild;
+          const c = a.get(d.node.attrs.id), u = c == null ? void 0 : c.node.firstChild, p = d.node.firstChild;
           if (c && u && p) {
-            const m = {
+            const f = {
               index: p.attrs.index,
               level: p.attrs.level,
               type: p.type.name,
               depth: r.doc.resolve(d.pos).depth
             };
-            let f = {
+            let m = {
               index: u.attrs.index,
               level: u.attrs.level,
               type: u.type.name,
               depth: n.doc.resolve(c.pos).depth
             };
-            i[d.node.attrs.id] = f, e.getMeta("numberedListIndexing") && (d.node.attrs.id in t.prevTransactionOldBlockAttrs && (f = t.prevTransactionOldBlockAttrs[d.node.attrs.id]), m.type === "numberedListItem" && (f.index = m.index)), t.currentTransactionOldBlockAttrs[d.node.attrs.id] = f, JSON.stringify(f) !== JSON.stringify(m) && (f["depth-change"] = f.depth - m.depth, t.updatedBlocks.add(d.node.attrs.id));
+            i[d.node.attrs.id] = m, e.getMeta("numberedListIndexing") && (d.node.attrs.id in t.prevTransactionOldBlockAttrs && (m = t.prevTransactionOldBlockAttrs[d.node.attrs.id]), f.type === "numberedListItem" && (m.index = f.index)), t.currentTransactionOldBlockAttrs[d.node.attrs.id] = m, JSON.stringify(m) !== JSON.stringify(f) && (m["depth-change"] = m.depth - f.depth, t.updatedBlocks.add(d.node.attrs.id));
           }
         }
         return t.prevTransactionOldBlockAttrs = i, t;
@@ -1065,11 +1115,11 @@ const Ie = "_bnEditor_14aht_3", _e = "_bnRoot_14aht_20", Pe = "_defaultStyles_14
         return e.doc.descendants((r, i) => {
           if (!r.attrs.id || !t.updatedBlocks.has(r.attrs.id))
             return;
-          const a = t.currentTransactionOldBlockAttrs[r.attrs.id], s = {};
-          for (let [d, c] of Object.entries(a))
-            s["data-prev-" + He[d]] = c || "none";
+          const s = t.currentTransactionOldBlockAttrs[r.attrs.id], a = {};
+          for (let [d, c] of Object.entries(s))
+            a["data-prev-" + He[d]] = c || "none";
           const l = D.node(i, i + r.nodeSize, {
-            ...s
+            ...a
           });
           n.push(l);
         }), F.create(e.doc, n);
@@ -1113,13 +1163,13 @@ const Ie = "_bnEditor_14aht_3", _e = "_bnRoot_14aht_20", Pe = "_defaultStyles_14
   renderHTML({ HTMLAttributes: o }) {
     return [
       "div",
-      w(o, {
+      x(o, {
         class: k.blockOuter,
         "data-node-type": "block-outer"
       }),
       [
         "div",
-        w(o, {
+        x(o, {
           // TODO: maybe remove html attributes from inner block
           class: k.block,
           "data-node-type": this.name
@@ -1148,16 +1198,16 @@ const Ie = "_bnEditor_14aht_3", _e = "_bnRoot_14aht_20", Pe = "_defaultStyles_14
         const r = g(t.doc, o);
         if (r === void 0)
           return !1;
-        const { startPos: i, endPos: a, node: s, contentNode: l } = r;
+        const { startPos: i, endPos: s, node: a, contentNode: l } = r;
         if (n) {
           if (e.children !== void 0) {
             const d = [];
             for (const c of e.children)
               d.push(z(c, t.schema));
-            s.childCount === 2 ? t.tr.replace(
+            a.childCount === 2 ? t.tr.replace(
               i + l.nodeSize + 1,
-              a - 1,
-              new I(_.from(d), 0, 0)
+              s - 1,
+              new T(P.from(d), 0, 0)
             ) : t.tr.insert(
               i + l.nodeSize,
               t.schema.nodes.blockGroup.create({}, d)
@@ -1165,10 +1215,10 @@ const Ie = "_bnEditor_14aht_3", _e = "_bnRoot_14aht_20", Pe = "_defaultStyles_14
           }
           if (e.content !== void 0) {
             let d = [];
-            typeof e.content == "string" ? d.push(t.schema.text(e.content)) : d = Bt(e.content, t.schema), t.tr.replace(
+            typeof e.content == "string" ? d.push(t.schema.text(e.content)) : d = Mt(e.content, t.schema), t.tr.replace(
               i + 1,
               i + l.nodeSize - 1,
-              new I(_.from(d), 0, 0)
+              new T(P.from(d), 0, 0)
             );
           }
           t.tr.setNodeMarkup(
@@ -1179,7 +1229,7 @@ const Ie = "_bnEditor_14aht_3", _e = "_bnRoot_14aht_20", Pe = "_defaultStyles_14
               ...e.props
             }
           ), t.tr.setNodeMarkup(i - 1, void 0, {
-            ...s.attrs,
+            ...a.attrs,
             ...e.props
           });
         }
@@ -1209,18 +1259,24 @@ const Ie = "_bnEditor_14aht_3", _e = "_bnRoot_14aht_20", Pe = "_defaultStyles_14
         const i = g(
           e.doc,
           o + 1
-        ), { node: a, contentNode: s, startPos: l, endPos: d, depth: c } = i;
-        if (a.childCount === 2) {
-          const m = e.doc.resolve(
-            l + s.nodeSize + 1
-          ), f = e.doc.resolve(d - 1), y = m.blockRange(f);
-          t && e.tr.lift(y, c - 1);
+        ), { node: s, contentNode: a, startPos: l, endPos: d, depth: c } = i;
+        if (s.childCount === 2) {
+          const f = e.doc.resolve(
+            l + a.nodeSize + 1
+          ), m = e.doc.resolve(d - 1), b = f.blockRange(m);
+          t && e.tr.lift(b, c - 1);
         }
         let u = o - 1, p = g(e.doc, u);
         for (; p.numChildBlocks > 0; )
           if (u--, p = g(e.doc, u), p === void 0)
             return !1;
-        return t && (e.tr.deleteRange(l, l + s.nodeSize), e.tr.insertText(s.textContent, u - 1), e.tr.setSelection(
+        return t && (t(
+          e.tr.deleteRange(l, l + a.nodeSize).replace(
+            u - 1,
+            l,
+            new T(a.content, 0, 0)
+          ).scrollIntoView()
+        ), e.tr.setSelection(
           new tt(e.doc.resolve(u - 1))
         )), !0;
       },
@@ -1230,27 +1286,27 @@ const Ie = "_bnEditor_14aht_3", _e = "_bnRoot_14aht_20", Pe = "_defaultStyles_14
         const r = g(t.doc, o);
         if (r === void 0)
           return !1;
-        const { contentNode: i, contentType: a, startPos: s, endPos: l, depth: d } = r, c = t.doc.cut(s + 1, o), u = t.doc.cut(o, l - 1), p = t.schema.nodes.blockContainer.createAndFill(), m = l + 1, f = m + 2;
-        return n && (t.tr.insert(m, p), t.tr.replace(
-          f,
-          f + 1,
-          u.content.size > 0 ? new I(
-            _.from(u),
+        const { contentNode: i, contentType: s, startPos: a, endPos: l, depth: d } = r, c = t.doc.cut(a + 1, o), u = t.doc.cut(o, l - 1), p = t.schema.nodes.blockContainer.createAndFill(), f = l + 1, m = f + 2;
+        return n && (t.tr.insert(f, p), t.tr.replace(
+          m,
+          m + 1,
+          u.content.size > 0 ? new T(
+            P.from(u),
             d + 2,
             d + 2
           ) : void 0
         ), e && t.tr.setBlockType(
-          f,
-          f,
-          t.schema.node(a).type,
+          m,
+          m,
+          t.schema.node(s).type,
           i.attrs
         ), t.tr.setSelection(
-          new tt(t.doc.resolve(f))
+          new tt(t.doc.resolve(m))
         ), t.tr.replace(
-          s + 1,
+          a + 1,
           l - 1,
-          c.content.size > 0 ? new I(
-            _.from(c),
+          c.content.size > 0 ? new T(
+            P.from(c),
             d + 2,
             d + 2
           ) : void 0
@@ -1273,8 +1329,8 @@ const Ie = "_bnEditor_14aht_3", _e = "_bnRoot_14aht_20", Pe = "_defaultStyles_14
           const { contentType: r } = g(
             n.doc,
             n.selection.from
-          ), i = n.selection.$anchor.parentOffset === 0, a = r.name === "paragraph";
-          return i && !a ? t.BNUpdateBlock(n.selection.from, {
+          ), i = n.selection.$anchor.parentOffset === 0, s = r.name === "paragraph";
+          return i && !s ? t.BNUpdateBlock(n.selection.from, {
             type: "paragraph",
             props: {}
           }) : !1;
@@ -1287,8 +1343,8 @@ const Ie = "_bnEditor_14aht_3", _e = "_bnRoot_14aht_20", Pe = "_defaultStyles_14
           const { depth: r, startPos: i } = g(
             n.doc,
             n.selection.from
-          ), a = n.selection.$anchor.parentOffset === 0, s = n.selection.anchor === n.selection.head, l = i === 2, d = i - 1;
-          return !l && a && s && r === 2 ? t.BNMergeBlocks(d) : !1;
+          ), s = n.selection.$anchor.parentOffset === 0, a = n.selection.anchor === n.selection.head, l = i === 2, d = i - 1;
+          return !l && s && a && r === 2 ? t.BNMergeBlocks(d) : !1;
         })
       ]),
       Enter: () => this.editor.commands.first(({ commands: t }) => [
@@ -1298,18 +1354,18 @@ const Ie = "_bnEditor_14aht_3", _e = "_bnRoot_14aht_20", Pe = "_defaultStyles_14
           const { node: r, depth: i } = g(
             n.doc,
             n.selection.from
-          ), a = n.selection.$anchor.parentOffset === 0, s = n.selection.anchor === n.selection.head, l = r.textContent.length === 0, d = i > 2;
-          return a && s && l && d ? t.liftListItem("blockContainer") : !1;
+          ), s = n.selection.$anchor.parentOffset === 0, a = n.selection.anchor === n.selection.head, l = r.textContent.length === 0, d = i > 2;
+          return s && a && l && d ? t.liftListItem("blockContainer") : !1;
         }),
         // Creates a new block and moves the selection to it if the current one is empty, while the selection is also
         // empty & at the start of the block.
         () => t.command(({ state: n, chain: r }) => {
-          const { node: i, endPos: a } = g(
+          const { node: i, endPos: s } = g(
             n.doc,
             n.selection.from
-          ), s = n.selection.$anchor.parentOffset === 0, l = n.selection.anchor === n.selection.head, d = i.textContent.length === 0;
-          if (s && l && d) {
-            const c = a + 1, u = c + 2;
+          ), a = n.selection.$anchor.parentOffset === 0, l = n.selection.anchor === n.selection.head, d = i.textContent.length === 0;
+          if (a && l && d) {
+            const c = s + 1, u = c + 2;
             return r().BNCreateBlock(c).setTextSelection(u).run(), !0;
           }
           return !1;
@@ -1379,7 +1435,7 @@ const Ie = "_bnEditor_14aht_3", _e = "_bnRoot_14aht_20", Pe = "_defaultStyles_14
   renderHTML({ HTMLAttributes: o }) {
     return [
       "div",
-      w(this.options.HTMLAttributes, o, {
+      x(this.options.HTMLAttributes, o, {
         class: k.blockGroup,
         "data-node-type": "blockGroup"
       }),
@@ -1416,7 +1472,7 @@ const Ie = "_bnEditor_14aht_3", _e = "_bnRoot_14aht_20", Pe = "_defaultStyles_14
       })
     ];
   }
-}), Ge = Dt(
+}), Ge = Ft(
   (o) => o.type.name === "blockContainer"
 );
 function W() {
@@ -1443,9 +1499,7 @@ class je {
     h(this, "suggestionsMenu");
     h(this, "pluginState");
     h(this, "itemCallback");
-    h(this, "handleScroll", () => {
-      this.pluginKey.getState(this.editor._tiptapEditor.state).active && this.suggestionsMenu.render(this.getDynamicParams(), !1);
-    });
+    h(this, "lastPosition");
     this.editor = e, this.pluginKey = t, this.pluginState = W(), this.itemCallback = (i) => {
       e._tiptapEditor.chain().focus().deleteRange({
         from: this.pluginState.queryStartPos - this.pluginState.triggerCharacter.length,
@@ -1454,34 +1508,41 @@ class je {
         item: i,
         editor: e
       });
-    }, this.suggestionsMenu = r(this.getStaticParams()), document.addEventListener("scroll", this.handleScroll);
+    }, this.suggestionsMenu = r(this.getStaticParams());
   }
   update(e, t) {
-    const n = this.pluginKey.getState(t), r = this.pluginKey.getState(e.state), i = !n.active && r.active, a = n.active && !r.active, s = n.active && r.active;
-    !i && !s && !a || (this.pluginState = a ? n : r, (a || !this.editor.isEditable) && (this.suggestionsMenu.hide(), this.suggestionsMenu.element.removeEventListener(
+    const n = this.pluginKey.getState(t), r = this.pluginKey.getState(e.state), i = !n.active && r.active, s = n.active && !r.active, a = n.active && r.active;
+    !i && !a && !s || (this.pluginState = s ? n : r, (s || !this.editor.isEditable) && (this.suggestionsMenu.hide(), this.suggestionsMenu.element.removeEventListener(
       "mousedown",
       (l) => l.preventDefault()
-    )), s && this.suggestionsMenu.render(this.getDynamicParams(), !1), i && this.editor.isEditable && (this.suggestionsMenu.render(this.getDynamicParams(), !0), this.suggestionsMenu.element.addEventListener(
+    )), a && this.suggestionsMenu.render(this.getDynamicParams(), !1), i && this.editor.isEditable && (this.suggestionsMenu.render(this.getDynamicParams(), !0), this.suggestionsMenu.element.addEventListener(
       "mousedown",
       (l) => l.preventDefault()
     )));
   }
-  destroy() {
-    document.removeEventListener("scroll", this.handleScroll);
-  }
   getStaticParams() {
     return {
-      itemCallback: (e) => this.itemCallback(e)
+      itemCallback: (e) => this.itemCallback(e),
+      getReferenceRect: () => {
+        const e = document.querySelector(
+          `[data-decoration-id="${this.pluginState.decorationId}"]`
+        );
+        if (!e) {
+          if (this.lastPosition === void 0)
+            throw new Error(
+              "Attempted to access trigger character reference rect before rendering suggestions menu."
+            );
+          return this.lastPosition;
+        }
+        const t = e.getBoundingClientRect();
+        return this.lastPosition = t, t;
+      }
     };
   }
   getDynamicParams() {
-    const e = document.querySelector(
-      `[data-decoration-id="${this.pluginState.decorationId}"]`
-    );
     return {
       items: this.pluginState.items,
-      keyboardHoveredItemIndex: this.pluginState.keyboardHoveredItemIndex,
-      referenceRect: e.getBoundingClientRect()
+      keyboardHoveredItemIndex: this.pluginState.keyboardHoveredItemIndex
     };
   }
 }
@@ -1496,16 +1557,16 @@ function qe({
 }) {
   if (t.length !== 1)
     throw new Error("'char' should be a single character");
-  const a = (s) => {
-    s.dispatch(s.state.tr.setMeta(o, { deactivate: !0 }));
+  const s = (a) => {
+    a.dispatch(a.state.tr.setMeta(o, { deactivate: !0 }));
   };
   return new C({
     key: o,
-    view: (s) => new je({
+    view: (a) => new je({
       editor: e,
       pluginKey: o,
       onSelectItem: (l) => {
-        a(s), r(l);
+        s(a), r(l);
       },
       suggestionsMenuFactory: n
     }),
@@ -1515,14 +1576,14 @@ function qe({
         return W();
       },
       // Apply changes to the plugin state from an editor transaction.
-      apply(s, l, d, c) {
-        var p, m, f, y;
-        if (s.getMeta("orderedListIndexing") !== void 0)
+      apply(a, l, d, c) {
+        var p, f, m, b;
+        if (a.getMeta("orderedListIndexing") !== void 0)
           return l;
-        if ((p = s.getMeta(o)) != null && p.activate)
+        if ((p = a.getMeta(o)) != null && p.activate)
           return {
             active: !0,
-            triggerCharacter: ((m = s.getMeta(o)) == null ? void 0 : m.triggerCharacter) || "",
+            triggerCharacter: ((f = a.getMeta(o)) == null ? void 0 : f.triggerCharacter) || "",
             queryStartPos: c.selection.from,
             items: i(""),
             keyboardHoveredItemIndex: 0,
@@ -1541,26 +1602,26 @@ function qe({
           l.notFoundCount + (c.selection.from - d.selection.from)
         )), // Highlighting text should hide the menu.
         c.selection.from !== c.selection.to || // Transactions with plugin metadata {deactivate: true} should hide the menu.
-        (f = s.getMeta(o)) != null && f.deactivate || // Certain mouse events should hide the menu.
+        (m = a.getMeta(o)) != null && m.deactivate || // Certain mouse events should hide the menu.
         // TODO: Change to global mousedown listener.
-        s.getMeta("focus") || s.getMeta("blur") || s.getMeta("pointer") || // Moving the caret before the character which triggered the menu should hide it.
+        a.getMeta("focus") || a.getMeta("blur") || a.getMeta("pointer") || // Moving the caret before the character which triggered the menu should hide it.
         l.active && c.selection.from < l.queryStartPos || // Entering more than 3 characters, after the last query that matched with at least 1 menu item, should hide
         // the menu.
         u.notFoundCount > 3)
           return W();
-        if (((y = s.getMeta(o)) == null ? void 0 : y.selectedItemIndexChanged) !== void 0) {
-          let b = s.getMeta(o).selectedItemIndexChanged;
-          b < 0 ? b = l.items.length - 1 : b >= l.items.length && (b = 0), u.keyboardHoveredItemIndex = b;
+        if (((b = a.getMeta(o)) == null ? void 0 : b.selectedItemIndexChanged) !== void 0) {
+          let y = a.getMeta(o).selectedItemIndexChanged;
+          y < 0 ? y = l.items.length - 1 : y >= l.items.length && (y = 0), u.keyboardHoveredItemIndex = y;
         }
         return u;
       }
     },
     props: {
-      handleKeyDown(s, l) {
-        const d = this.getState(s.state).active;
+      handleKeyDown(a, l) {
+        const d = this.getState(a.state).active;
         if (l.key === t && !d)
-          return s.dispatch(
-            s.state.tr.insertText(t).scrollIntoView().setMeta(o, {
+          return a.dispatch(
+            a.state.tr.insertText(t).scrollIntoView().setMeta(o, {
               activate: !0,
               triggerCharacter: t
             })
@@ -1571,37 +1632,37 @@ function qe({
           triggerCharacter: c,
           queryStartPos: u,
           items: p,
-          keyboardHoveredItemIndex: m
-        } = o.getState(s.state);
-        return l.key === "ArrowUp" ? (s.dispatch(
-          s.state.tr.setMeta(o, {
-            selectedItemIndexChanged: m - 1
+          keyboardHoveredItemIndex: f
+        } = o.getState(a.state);
+        return l.key === "ArrowUp" ? (a.dispatch(
+          a.state.tr.setMeta(o, {
+            selectedItemIndexChanged: f - 1
           })
-        ), !0) : l.key === "ArrowDown" ? (s.dispatch(
-          s.state.tr.setMeta(o, {
-            selectedItemIndexChanged: m + 1
+        ), !0) : l.key === "ArrowDown" ? (a.dispatch(
+          a.state.tr.setMeta(o, {
+            selectedItemIndexChanged: f + 1
           })
-        ), !0) : l.key === "Enter" ? (a(s), e._tiptapEditor.chain().focus().deleteRange({
+        ), !0) : l.key === "Enter" ? (s(a), e._tiptapEditor.chain().focus().deleteRange({
           from: u - c.length,
           to: e._tiptapEditor.state.selection.from
         }).run(), r({
-          item: p[m],
+          item: p[f],
           editor: e
-        }), !0) : l.key === "Escape" ? (a(s), !0) : !1;
+        }), !0) : l.key === "Escape" ? (s(a), !0) : !1;
       },
       // Hides menu in cases where mouse click does not cause an editor state change.
-      handleClick(s) {
-        a(s);
+      handleClick(a) {
+        s(a);
       },
       // Setup decorator on the currently active suggestion.
-      decorations(s) {
-        const { active: l, decorationId: d, queryStartPos: c, triggerCharacter: u } = this.getState(s);
+      decorations(a) {
+        const { active: l, decorationId: d, queryStartPos: c, triggerCharacter: u } = this.getState(a);
         if (!l)
           return null;
         if (u === "") {
-          const p = Ge(s.selection);
+          const p = Ge(a.selection);
           if (p)
-            return F.create(s.doc, [
+            return F.create(a.doc, [
               D.node(
                 p.pos,
                 p.pos + p.node.nodeSize,
@@ -1613,7 +1674,7 @@ function qe({
               )
             ]);
         }
-        return F.create(s.doc, [
+        return F.create(a.doc, [
           D.inline(
             c - u.length,
             c,
@@ -1657,24 +1718,24 @@ const X = new E("suggestions-slash-commands"), We = () => v.create({
     ];
   }
 });
-class L extends G {
+class A extends G {
   constructor(t, n) {
     super(t, n);
     h(this, "nodes");
     const r = t.node();
-    this.nodes = [], t.doc.nodesBetween(t.pos, n.pos, (i, a, s) => {
-      if (s !== null && s.eq(r))
+    this.nodes = [], t.doc.nodesBetween(t.pos, n.pos, (i, s, a) => {
+      if (a !== null && a.eq(r))
         return this.nodes.push(i), !1;
     });
   }
   static create(t, n, r = n) {
-    return new L(t.resolve(n), t.resolve(r));
+    return new A(t.resolve(n), t.resolve(r));
   }
   content() {
-    return new I(_.from(this.nodes), 0, 0);
+    return new T(P.from(this.nodes), 0, 0);
   }
   eq(t) {
-    if (!(t instanceof L) || this.nodes.length !== t.nodes.length || this.from !== t.from || this.to !== t.to)
+    if (!(t instanceof A) || this.nodes.length !== t.nodes.length || this.from !== t.from || this.to !== t.to)
       return !1;
     for (let n = 0; n < this.nodes.length; n++)
       if (!this.nodes[n].eq(t.nodes[n]))
@@ -1683,7 +1744,7 @@ class L extends G {
   }
   map(t, n) {
     let r = n.mapResult(this.from), i = n.mapResult(this.to);
-    return i.deleted ? G.near(t.resolve(r.pos)) : r.deleted ? G.near(t.resolve(i.pos)) : new L(
+    return i.deleted ? G.near(t.resolve(r.pos)) : r.deleted ? G.near(t.resolve(i.pos)) : new A(
       t.resolve(r.pos),
       t.resolve(i.pos)
     );
@@ -1692,9 +1753,9 @@ class L extends G {
     return { type: "node", anchor: this.anchor, head: this.head };
   }
 }
-const Ve = se.__serializeForClipboard;
-let T;
-function It(o, e) {
+const Ve = ae.__serializeForClipboard;
+let M;
+function Pt(o, e) {
   var r;
   if (!e.dom.isConnected)
     return;
@@ -1710,7 +1771,7 @@ function It(o, e) {
   }
 }
 function Ye(o, e) {
-  let t = It(o, e);
+  let t = Pt(o, e);
   if (t && t.node.nodeType === 1) {
     const n = e.docView;
     let r = n.nearestDesc(t.node, !0);
@@ -1720,35 +1781,35 @@ function Ye(o, e) {
 }
 function Ke(o, e) {
   let t, n;
-  const r = e.resolve(o.from).node().type.spec.group === "blockContent", i = e.resolve(o.to).node().type.spec.group === "blockContent", a = Math.min(o.$anchor.depth, o.$head.depth);
+  const r = e.resolve(o.from).node().type.spec.group === "blockContent", i = e.resolve(o.to).node().type.spec.group === "blockContent", s = Math.min(o.$anchor.depth, o.$head.depth);
   if (r && i) {
-    const s = o.$from.start(a - 1), l = o.$to.end(a - 1);
-    t = e.resolve(s - 1).pos, n = e.resolve(l + 1).pos;
+    const a = o.$from.start(s - 1), l = o.$to.end(s - 1);
+    t = e.resolve(a - 1).pos, n = e.resolve(l + 1).pos;
   } else
     t = o.from, n = o.to;
   return { from: t, to: n };
 }
-function rt(o, e, t = e) {
+function it(o, e, t = e) {
   e === t && (t += o.state.doc.resolve(e + 1).node().nodeSize);
-  const n = o.domAtPos(e).node.cloneNode(!0), r = o.domAtPos(e).node, i = (c, u) => Array.prototype.indexOf.call(c.children, u), a = i(
+  const n = o.domAtPos(e).node.cloneNode(!0), r = o.domAtPos(e).node, i = (c, u) => Array.prototype.indexOf.call(c.children, u), s = i(
     r,
     // Expects from position to be just before the first selected block.
     o.domAtPos(e + 1).node.parentElement
-  ), s = i(
+  ), a = i(
     r,
     // Expects to position to be just after the last selected block.
     o.domAtPos(t - 1).node.parentElement
   );
   for (let c = r.childElementCount - 1; c >= 0; c--)
-    (c > s || c < a) && n.removeChild(n.children[c]);
-  _t(), T = n;
+    (c > a || c < s) && n.removeChild(n.children[c]);
+  _t(), M = n;
   const d = o.dom.className.split(" ").filter(
     (c) => !c.includes("bn") && !c.includes("ProseMirror") && !c.includes("editor")
   ).join(" ");
-  T.className = T.className + " " + P.dragPreview + " " + d, document.body.appendChild(T);
+  M.className = M.className + " " + _.dragPreview + " " + d, document.body.appendChild(M);
 }
 function _t() {
-  T !== void 0 && (document.body.removeChild(T), T = void 0);
+  M !== void 0 && (document.body.removeChild(M), M = void 0);
 }
 function Je(o, e) {
   if (!o.dataTransfer)
@@ -1760,14 +1821,14 @@ function Je(o, e) {
     top: o.clientY
   }, r = Ye(n, e);
   if (r != null) {
-    const i = e.state.selection, a = e.state.doc, { from: s, to: l } = Ke(i, a), d = s <= r && r < l, c = i.$anchor.node() !== i.$head.node() || i instanceof L;
+    const i = e.state.selection, s = e.state.doc, { from: a, to: l } = Ke(i, s), d = a <= r && r < l, c = i.$anchor.node() !== i.$head.node() || i instanceof A;
     d && c ? (e.dispatch(
-      e.state.tr.setSelection(L.create(a, s, l))
-    ), rt(e, s, l)) : (e.dispatch(
-      e.state.tr.setSelection(Ut.create(e.state.doc, r))
-    ), rt(e, r));
-    let u = e.state.selection.content(), { dom: p, text: m } = Ve(e, u);
-    o.dataTransfer.clearData(), o.dataTransfer.setData("text/html", p.innerHTML), o.dataTransfer.setData("text/plain", m), o.dataTransfer.effectAllowed = "move", o.dataTransfer.setDragImage(T, 0, 0), e.dragging = { slice: u, move: !0 };
+      e.state.tr.setSelection(A.create(s, a, l))
+    ), it(e, a, l)) : (e.dispatch(
+      e.state.tr.setSelection($t.create(e.state.doc, r))
+    ), it(e, r));
+    let u = e.state.selection.content(), { dom: p, text: f } = Ve(e, u);
+    o.dataTransfer.clearData(), o.dataTransfer.setData("text/html", p.innerHTML), o.dataTransfer.setData("text/plain", f), o.dataTransfer.effectAllowed = "move", o.dataTransfer.setDragImage(M, 0, 0), e.dragging = { slice: u, move: !0 };
   }
 }
 class Xe {
@@ -1789,6 +1850,7 @@ class Xe {
     h(this, "isDragging", !1);
     h(this, "menuOpen", !1);
     h(this, "menuFrozen", !1);
+    h(this, "lastPosition");
     /**
      * Sets isDragging when dragging text.
      */
@@ -1813,7 +1875,7 @@ class Xe {
       }
     });
     /**
-     * If the event is outside of the editor contents,
+     * If the event is outside the editor contents,
      * we dispatch a fake event, so that we can still drop the content
      * when dragging / dropping to the side of the editor
      */
@@ -1837,29 +1899,36 @@ class Xe {
       (t = this.blockMenu.element) != null && t.contains(e.target) || (this.menuOpen && (this.menuOpen = !1, this.blockMenu.hide()), this.menuFrozen = !1);
     });
     h(this, "onMouseMove", (e) => {
-      var a, s;
+      var l, d, c;
       if (this.menuFrozen)
         return;
-      const t = this.ttEditor.view.dom.firstChild.getBoundingClientRect();
+      const t = this.ttEditor.view.dom.firstChild.getBoundingClientRect(), n = this.ttEditor.view.dom.getBoundingClientRect();
+      if (
+        // Cursor is within the editor area
+        e.clientX >= n.left && e.clientX <= n.right && e.clientY >= n.top && e.clientY <= n.bottom && // An element is hovered
+        e && e.target && // Element is outside the editor
+        this.ttEditor.view.dom !== e.target && !this.ttEditor.view.dom.contains(e.target) && // Element is outside the side menu
+        this.blockMenu.element !== e.target && !((l = this.blockMenu.element) != null && l.contains(e.target))
+      ) {
+        this.menuOpen && (this.menuOpen = !1, this.blockMenu.hide());
+        return;
+      }
       this.horizontalPosAnchor = t.x;
-      const n = {
+      const i = {
         left: t.left + t.width / 2,
         // take middle of editor
         top: e.clientY
-      }, r = It(n, this.ttEditor.view);
-      if (!r || !this.editor.isEditable) {
+      }, s = Pt(i, this.ttEditor.view);
+      if (!s || !this.editor.isEditable) {
         this.menuOpen && (this.menuOpen = !1, this.blockMenu.hide());
         return;
       }
-      this.menuOpen && ((a = this.hoveredBlock) != null && a.hasAttribute("data-id")) && ((s = this.hoveredBlock) == null ? void 0 : s.getAttribute("data-id")) === r.id || (this.hoveredBlock = r.node, !r.node.firstChild) || this.editor.isEditable && (this.menuOpen ? this.blockMenu.render(this.getDynamicParams(), !1) : (this.menuOpen = !0, this.blockMenu.render(this.getDynamicParams(), !0)));
-    });
-    h(this, "onScroll", () => {
-      this.menuOpen && this.blockMenu.render(this.getDynamicParams(), !1);
+      this.menuOpen && ((d = this.hoveredBlock) != null && d.hasAttribute("data-id")) && ((c = this.hoveredBlock) == null ? void 0 : c.getAttribute("data-id")) === s.id || (this.hoveredBlock = s.node, !s.node.firstChild) || this.editor.isEditable && (this.menuOpen ? this.blockMenu.render(this.getDynamicParams(), !1) : (this.menuOpen = !0, this.blockMenu.render(this.getDynamicParams(), !0)));
     });
-    this.editor = t, this.ttEditor = e, this.horizontalPosAnchoredAtRoot = r, this.horizontalPosAnchor = this.ttEditor.view.dom.firstChild.getBoundingClientRect().x, this.blockMenu = n(this.getStaticParams()), document.body.addEventListener("drop", this.onDrop, !0), document.body.addEventListener("dragover", this.onDragOver), this.ttEditor.view.dom.addEventListener("dragstart", this.onDragStart), document.body.addEventListener("mousemove", this.onMouseMove, !0), document.addEventListener("scroll", this.onScroll), document.body.addEventListener("mousedown", this.onMouseDown, !0), document.body.addEventListener("keydown", this.onKeyDown, !0);
+    this.editor = t, this.ttEditor = e, this.horizontalPosAnchoredAtRoot = r, this.horizontalPosAnchor = this.ttEditor.view.dom.firstChild.getBoundingClientRect().x, this.blockMenu = n(this.getStaticParams()), document.body.addEventListener("drop", this.onDrop, !0), document.body.addEventListener("dragover", this.onDragOver), this.ttEditor.view.dom.addEventListener("dragstart", this.onDragStart), document.body.addEventListener("mousemove", this.onMouseMove, !0), document.body.addEventListener("mousedown", this.onMouseDown, !0), document.body.addEventListener("keydown", this.onKeyDown, !0);
   }
   destroy() {
-    this.menuOpen && (this.menuOpen = !1, this.blockMenu.hide()), document.body.removeEventListener("mousemove", this.onMouseMove), document.body.removeEventListener("dragover", this.onDragOver), this.ttEditor.view.dom.removeEventListener("dragstart", this.onDragStart), document.body.removeEventListener("drop", this.onDrop), document.body.removeEventListener("mousedown", this.onMouseDown), document.removeEventListener("scroll", this.onScroll), document.body.removeEventListener("keydown", this.onKeyDown);
+    this.menuOpen && (this.menuOpen = !1, this.blockMenu.hide()), document.body.removeEventListener("mousemove", this.onMouseMove), document.body.removeEventListener("dragover", this.onDragOver), this.ttEditor.view.dom.removeEventListener("dragstart", this.onDragStart), document.body.removeEventListener("drop", this.onDrop), document.body.removeEventListener("mousedown", this.onMouseDown), document.body.removeEventListener("keydown", this.onKeyDown);
   }
   addBlock() {
     this.menuOpen = !1, this.menuFrozen = !0, this.blockMenu.hide();
@@ -1872,12 +1941,12 @@ class Xe {
     const r = g(this.ttEditor.state.doc, n.pos);
     if (r === void 0)
       return;
-    const { contentNode: i, endPos: a } = r;
+    const { contentNode: i, endPos: s } = r;
     if (i.textContent.length !== 0) {
-      const s = a + 1, l = s + 2;
-      this.ttEditor.chain().BNCreateBlock(s).BNUpdateBlock(l, { type: "paragraph", props: {} }).setTextSelection(l).run();
+      const a = s + 1, l = a + 2;
+      this.ttEditor.chain().BNCreateBlock(a).BNUpdateBlock(l, { type: "paragraph", props: {} }).setTextSelection(l).run();
     } else
-      this.ttEditor.commands.setTextSelection(a);
+      this.ttEditor.commands.setTextSelection(s);
     this.ttEditor.view.focus(), this.ttEditor.view.dispatch(
       this.ttEditor.view.state.tr.scrollIntoView().setMeta(X, {
         // TODO import suggestion plugin key
@@ -1899,19 +1968,23 @@ class Xe {
       },
       unfreezeMenu: () => {
         this.menuFrozen = !1;
+      },
+      getReferenceRect: () => {
+        if (!this.menuOpen) {
+          if (this.lastPosition === void 0)
+            throw new Error(
+              "Attempted to access block reference rect before rendering block side menu."
+            );
+          return this.lastPosition;
+        }
+        const t = this.hoveredBlock.firstChild.getBoundingClientRect();
+        return this.horizontalPosAnchoredAtRoot && (t.x = this.horizontalPosAnchor), this.lastPosition = t, t;
       }
     };
   }
   getDynamicParams() {
-    const t = this.hoveredBlock.firstChild.getBoundingClientRect();
     return {
-      block: this.editor.getBlock(this.hoveredBlock.getAttribute("data-id")),
-      referenceRect: new DOMRect(
-        this.horizontalPosAnchoredAtRoot ? this.horizontalPosAnchor : t.x,
-        t.y,
-        t.width,
-        t.height
-      )
+      block: this.editor.getBlock(this.hoveredBlock.getAttribute("data-id"))
     };
   }
 }
@@ -1956,9 +2029,10 @@ class to {
     h(this, "preventShow", !1);
     h(this, "toolbarIsOpen", !1);
     h(this, "prevWasEditable", null);
+    h(this, "lastPosition");
     h(this, "shouldShow", ({ view: e, state: t, from: n, to: r }) => {
-      const { doc: i, selection: a } = t, { empty: s } = a, l = !i.textBetween(n, r).length && Ft(t.selection);
-      return !(!e.hasFocus() || s || l);
+      const { doc: i, selection: s } = t, { empty: a } = s, l = !i.textBetween(n, r).length && Rt(t.selection);
+      return !(!e.hasFocus() || a || l);
     });
     h(this, "viewMousedownHandler", () => {
       this.preventShow = !0;
@@ -1973,71 +2047,68 @@ class to {
       setTimeout(() => this.update(this.ttEditor.view));
     });
     h(this, "blurHandler", ({ event: e }) => {
-      var t, n;
+      var t;
       if (this.preventHide) {
         this.preventHide = !1;
         return;
       }
-      e != null && e.relatedTarget && ((n = (t = this.formattingToolbar.element) == null ? void 0 : t.parentNode) != null && n.contains(
-        e.relatedTarget
-      )) || this.toolbarIsOpen && (this.formattingToolbar.hide(), this.toolbarIsOpen = !1);
+      // An element is clicked.
+      e && e.relatedTarget && // Element is outside the toolbar.
+      (this.formattingToolbar.element === e.relatedTarget || (t = this.formattingToolbar.element) != null && t.contains(e.relatedTarget)) || this.toolbarIsOpen && (this.formattingToolbar.hide(), this.toolbarIsOpen = !1);
     });
-    h(this, "scrollHandler", () => {
-      this.toolbarIsOpen && this.formattingToolbar.render(this.getDynamicParams(), !1);
-    });
-    this.editor = e, this.ttEditor = t, this.view = r, this.formattingToolbar = n(this.getStaticParams()), this.view.dom.addEventListener("mousedown", this.viewMousedownHandler), this.view.dom.addEventListener("mouseup", this.viewMouseupHandler), this.view.dom.addEventListener("dragstart", this.dragstartHandler), this.ttEditor.on("focus", this.focusHandler), this.ttEditor.on("blur", this.blurHandler), document.addEventListener("scroll", this.scrollHandler);
+    this.editor = e, this.ttEditor = t, this.view = r, this.formattingToolbar = n(this.getStaticParams()), this.view.dom.addEventListener("mousedown", this.viewMousedownHandler), this.view.dom.addEventListener("mouseup", this.viewMouseupHandler), this.view.dom.addEventListener("dragstart", this.dragstartHandler), this.ttEditor.on("focus", this.focusHandler), this.ttEditor.on("blur", this.blurHandler);
   }
   update(e, t) {
     var p;
-    const { state: n, composing: r } = e, { doc: i, selection: a } = n, s = t && t.doc.eq(i) && t.selection.eq(a);
-    if ((this.prevWasEditable === null || this.prevWasEditable === this.editor.isEditable) && (r || s))
+    const { state: n, composing: r } = e, { doc: i, selection: s } = n, a = t && t.doc.eq(i) && t.selection.eq(s);
+    if ((this.prevWasEditable === null || this.prevWasEditable === this.editor.isEditable) && (r || a))
       return;
     this.prevWasEditable = this.editor.isEditable;
-    const { ranges: l } = a, d = Math.min(...l.map((m) => m.$from.pos)), c = Math.max(...l.map((m) => m.$to.pos)), u = (p = this.shouldShow) == null ? void 0 : p.call(this, {
+    const { ranges: l } = s, d = Math.min(...l.map((f) => f.$from.pos)), c = Math.max(...l.map((f) => f.$to.pos)), u = (p = this.shouldShow) == null ? void 0 : p.call(this, {
       view: e,
       state: n,
       from: d,
       to: c
     });
     if (this.editor.isEditable && !this.toolbarIsOpen && !this.preventShow && (u || this.preventHide)) {
-      this.formattingToolbar.render(this.getDynamicParams(), !0), this.toolbarIsOpen = !0, this.formattingToolbar.element.addEventListener(
-        "mousedown",
-        (m) => m.preventDefault()
-      );
+      this.formattingToolbar.render({}, !0), this.toolbarIsOpen = !0;
       return;
     }
     if (this.toolbarIsOpen && !this.preventShow && (u || this.preventHide)) {
-      this.formattingToolbar.render(this.getDynamicParams(), !1);
+      this.formattingToolbar.render({}, !1);
       return;
     }
     if (this.toolbarIsOpen && !this.preventHide && (!u || this.preventShow || !this.editor.isEditable)) {
-      this.formattingToolbar.hide(), this.toolbarIsOpen = !1, this.formattingToolbar.element.removeEventListener(
-        "mousedown",
-        (m) => m.preventDefault()
-      );
+      this.formattingToolbar.hide(), this.toolbarIsOpen = !1;
       return;
     }
   }
   destroy() {
-    this.view.dom.removeEventListener("mousedown", this.viewMousedownHandler), this.view.dom.removeEventListener("mouseup", this.viewMouseupHandler), this.view.dom.removeEventListener("dragstart", this.dragstartHandler), this.ttEditor.off("focus", this.focusHandler), this.ttEditor.off("blur", this.blurHandler), document.removeEventListener("scroll", this.scrollHandler);
+    this.view.dom.removeEventListener("mousedown", this.viewMousedownHandler), this.view.dom.removeEventListener("mouseup", this.viewMouseupHandler), this.view.dom.removeEventListener("dragstart", this.dragstartHandler), this.ttEditor.off("focus", this.focusHandler), this.ttEditor.off("blur", this.blurHandler);
   }
   getSelectionBoundingBox() {
-    const { state: e } = this.ttEditor.view, { selection: t } = e, { ranges: n } = t, r = Math.min(...n.map((a) => a.$from.pos)), i = Math.max(...n.map((a) => a.$to.pos));
-    if (Rt(t)) {
-      const a = this.ttEditor.view.nodeDOM(r);
-      if (a)
-        return a.getBoundingClientRect();
+    const { state: e } = this.ttEditor.view, { selection: t } = e, { ranges: n } = t, r = Math.min(...n.map((s) => s.$from.pos)), i = Math.max(...n.map((s) => s.$to.pos));
+    if (zt(t)) {
+      const s = this.ttEditor.view.nodeDOM(r);
+      if (s)
+        return s.getBoundingClientRect();
     }
-    return st(this.ttEditor.view, r, i);
+    return at(this.ttEditor.view, r, i);
   }
   getStaticParams() {
     return {
-      editor: this.editor
-    };
-  }
-  getDynamicParams() {
-    return {
-      referenceRect: this.getSelectionBoundingBox()
+      editor: this.editor,
+      getReferenceRect: () => {
+        if (!this.toolbarIsOpen) {
+          if (this.lastPosition === void 0)
+            throw new Error(
+              "Attempted to access selection reference rect before rendering formatting toolbar."
+            );
+          return this.lastPosition;
+        }
+        const e = this.getSelectionBoundingBox();
+        return this.lastPosition = e, e;
+      }
     };
   }
 }
@@ -2074,31 +2145,37 @@ class ro {
     h(this, "keyboardHoveredHyperlinkMarkRange");
     h(this, "hyperlinkMark");
     h(this, "hyperlinkMarkRange");
+    h(this, "lastPosition");
     h(this, "mouseOverHandler", (e) => {
       if (this.mouseHoveredHyperlinkMark = void 0, this.mouseHoveredHyperlinkMarkRange = void 0, this.stopMenuUpdateTimer(), e.target instanceof HTMLAnchorElement && e.target.nodeName === "A") {
         const t = e.target, n = this.editor.view.posAtDOM(t, 0) + 1, r = this.editor.state.doc.resolve(
           n
         ), i = r.marks();
-        for (const a of i)
-          if (a.type.name === this.editor.schema.mark("link").type.name) {
-            this.mouseHoveredHyperlinkMark = a, this.mouseHoveredHyperlinkMarkRange = Q(
+        for (const s of i)
+          if (s.type.name === this.editor.schema.mark("link").type.name) {
+            this.mouseHoveredHyperlinkMark = s, this.mouseHoveredHyperlinkMarkRange = Q(
               r,
-              a.type,
-              a.attrs
+              s.type,
+              s.attrs
             ) || void 0;
             break;
           }
       }
       return this.startMenuUpdateTimer(), !1;
     });
-    h(this, "scrollHandler", () => {
-      this.hyperlinkMark !== void 0 && this.hyperlinkToolbar.render(this.getDynamicParams(), !1);
+    h(this, "clickHandler", (e) => {
+      var t;
+      // Toolbar is open.
+      this.hyperlinkMark && // An element is clicked.
+      e && e.target && // Element is outside the editor.
+      this.editor.view.dom !== e.target && !this.editor.view.dom.contains(e.target) && // Element is outside the toolbar.
+      this.hyperlinkToolbar.element !== e.target && !((t = this.hyperlinkToolbar.element) != null && t.contains(e.target)) && this.hyperlinkToolbar.hide();
     });
     this.editor = e, this.hyperlinkToolbar = t(this.getStaticParams()), this.startMenuUpdateTimer = () => {
       this.menuUpdateTimer = setTimeout(() => {
         this.update();
       }, 250);
-    }, this.stopMenuUpdateTimer = () => (this.menuUpdateTimer && (clearTimeout(this.menuUpdateTimer), this.menuUpdateTimer = void 0), !1), this.editor.view.dom.addEventListener("mouseover", this.mouseOverHandler), document.addEventListener("scroll", this.scrollHandler);
+    }, this.stopMenuUpdateTimer = () => (this.menuUpdateTimer && (clearTimeout(this.menuUpdateTimer), this.menuUpdateTimer = void 0), !1), this.editor.view.dom.addEventListener("mouseover", this.mouseOverHandler), document.addEventListener("click", this.clickHandler, !0);
   }
   update() {
     var t, n, r, i;
@@ -2106,13 +2183,13 @@ class ro {
       return;
     const e = this.hyperlinkMark;
     if (this.hyperlinkMark = void 0, this.hyperlinkMarkRange = void 0, this.keyboardHoveredHyperlinkMark = void 0, this.keyboardHoveredHyperlinkMarkRange = void 0, this.editor.state.selection.empty) {
-      const a = this.editor.state.selection.$from.marks();
-      for (const s of a)
-        if (s.type.name === this.editor.schema.mark("link").type.name) {
-          this.keyboardHoveredHyperlinkMark = s, this.keyboardHoveredHyperlinkMarkRange = Q(
+      const s = this.editor.state.selection.$from.marks();
+      for (const a of s)
+        if (a.type.name === this.editor.schema.mark("link").type.name) {
+          this.keyboardHoveredHyperlinkMark = a, this.keyboardHoveredHyperlinkMarkRange = Q(
             this.editor.state.selection.$from,
-            s.type,
-            s.attrs
+            a.type,
+            a.attrs
           ) || void 0;
           break;
         }
@@ -2146,7 +2223,7 @@ class ro {
     this.editor.view.dom.removeEventListener(
       "mouseover",
       this.mouseOverHandler
-    ), document.removeEventListener("scroll", this.scrollHandler);
+    );
   }
   getStaticParams() {
     return {
@@ -2170,6 +2247,21 @@ class ro {
             this.hyperlinkMark.type
           ).setMeta("preventAutolink", !0)
         ), this.editor.view.focus(), this.hyperlinkToolbar.hide();
+      },
+      getReferenceRect: () => {
+        if (!this.hyperlinkMark) {
+          if (this.lastPosition === void 0)
+            throw new Error(
+              "Attempted to access hyperlink reference rect before rendering hyperlink toolbar."
+            );
+          return this.lastPosition;
+        }
+        const e = at(
+          this.editor.view,
+          this.hyperlinkMarkRange.from,
+          this.hyperlinkMarkRange.to
+        );
+        return this.lastPosition = e, e;
       }
     };
   }
@@ -2179,11 +2271,6 @@ class ro {
       text: this.editor.view.state.doc.textBetween(
         this.hyperlinkMarkRange.from,
         this.hyperlinkMarkRange.to
-      ),
-      referenceRect: st(
-        this.editor.view,
-        this.hyperlinkMarkRange.from,
-        this.hyperlinkMarkRange.to
       )
     };
   }
@@ -2194,7 +2281,7 @@ const io = (o, e) => new C({
     editor: o,
     hyperlinkToolbarFactory: e.hyperlinkToolbarFactory
   })
-}), so = ct.extend({
+}), so = ut.extend({
   priority: 500,
   addProseMirrorPlugins() {
     var o;
@@ -2227,20 +2314,20 @@ const io = (o, e) => new C({
         key: ao,
         props: {
           decorations: (o) => {
-            const { doc: e, selection: t } = o, n = X.getState(o), r = this.editor.isEditable || !this.options.showOnlyWhenEditable, { anchor: i } = t, a = [];
+            const { doc: e, selection: t } = o, n = X.getState(o), r = this.editor.isEditable || !this.options.showOnlyWhenEditable, { anchor: i } = t, s = [];
             if (r)
-              return e.descendants((s, l) => {
-                const d = i >= l && i <= l + s.nodeSize, c = !s.isLeaf && !s.childCount;
+              return e.descendants((a, l) => {
+                const d = i >= l && i <= l + a.nodeSize, c = !a.isLeaf && !a.childCount;
                 if ((d || !this.options.showOnlyCurrent) && c) {
                   const u = [this.options.emptyNodeClass];
                   this.editor.isEmpty && u.push(this.options.emptyEditorClass), d && u.push(this.options.hasAnchorClass), (n == null ? void 0 : n.triggerCharacter) === "" && (n != null && n.active) && u.push(this.options.isFilterClass);
-                  const p = D.node(l, l + s.nodeSize, {
+                  const p = D.node(l, l + a.nodeSize, {
                     class: u.join(" ")
                   });
-                  a.push(p);
+                  s.push(p);
                 }
                 return this.options.includeChildren;
-              }), F.create(e, a);
+              }), F.create(e, s);
           }
         }
       })
@@ -2266,7 +2353,7 @@ class S extends co {
     ).length !== 0), this.name = e, this.execute = t, this.aliases = n;
   }
 }
-function x(o, e) {
+function I(o, e) {
   const t = o.getTextCursorPosition().block;
   t.content.length === 1 && t.content[0].type === "text" && t.content[0].text === "/" || t.content.length === 0 ? o.updateBlock(t, e) : (o.insertBlocks([e], t, "after"), o.setTextCursorPosition(o.getTextCursorPosition().nextBlock));
 }
@@ -2274,7 +2361,7 @@ const uo = [
   // Command for creating a level 1 heading
   new S(
     "Heading",
-    (o) => x(o, {
+    (o) => I(o, {
       type: "heading",
       props: { level: "1" }
     }),
@@ -2283,7 +2370,7 @@ const uo = [
   // Command for creating a level 2 heading
   new S(
     "Heading 2",
-    (o) => x(o, {
+    (o) => I(o, {
       type: "heading",
       props: { level: "2" }
     }),
@@ -2292,7 +2379,7 @@ const uo = [
   // Command for creating a level 3 heading
   new S(
     "Heading 3",
-    (o) => x(o, {
+    (o) => I(o, {
       type: "heading",
       props: { level: "3" }
     }),
@@ -2301,7 +2388,7 @@ const uo = [
   // Command for creating an ordered list
   new S(
     "Numbered List",
-    (o) => x(o, {
+    (o) => I(o, {
       type: "numberedListItem"
     }),
     ["li", "list", "numberedlist", "numbered list"]
@@ -2309,7 +2396,7 @@ const uo = [
   // Command for creating a bullet list
   new S(
     "Bullet List",
-    (o) => x(o, {
+    (o) => I(o, {
       type: "bulletListItem"
     }),
     ["ul", "list", "bulletlist", "bullet list"]
@@ -2317,7 +2404,7 @@ const uo = [
   // Command for creating a paragraph (pretty useless)
   new S(
     "Paragraph",
-    (o) => x(o, {
+    (o) => I(o, {
       type: "paragraph"
     }),
     ["p"]
@@ -2477,7 +2564,7 @@ const uo = [
       }
     };
   }
-}), mo = it.create({
+}), fo = st.create({
   name: "textColor",
   addAttributes() {
     return {
@@ -2506,7 +2593,7 @@ const uo = [
       setTextColor: (o) => ({ commands: e }) => o !== "default" ? e.setMark(this.name, { color: o }) : e.unsetMark(this.name)
     };
   }
-}), fo = v.create({
+}), mo = v.create({
   name: "trailingNode",
   addProseMirrorPlugins() {
     const o = new E(this.name);
@@ -2514,8 +2601,8 @@ const uo = [
       new C({
         key: o,
         appendTransaction: (e, t, n) => {
-          const { doc: r, tr: i, schema: a } = n, s = o.getState(n), l = r.content.size - 2, d = a.nodes.blockContainer, c = a.nodes.paragraph;
-          if (s)
+          const { doc: r, tr: i, schema: s } = n, a = o.getState(n), l = r.content.size - 2, d = s.nodes.blockContainer, c = s.nodes.paragraph;
+          if (a)
             return i.insert(
               l,
               d.create(void 0, c.create())
@@ -2540,13 +2627,13 @@ const uo = [
   }
 }), go = (o) => {
   const e = [
-    A.ClipboardTextSerializer,
-    A.Commands,
-    A.Editable,
-    A.FocusEvents,
-    A.Tabindex,
+    N.ClipboardTextSerializer,
+    N.Commands,
+    N.Editable,
+    N.FocusEvents,
+    N.Tabindex,
     // DevTools,
-    Qt,
+    te,
     // DropCursor,
     lo.configure({
       emptyNodeClass: k.isEmpty,
@@ -2558,20 +2645,20 @@ const uo = [
     K.configure({
       types: ["blockContainer"]
     }),
-    te,
+    ee,
     // Comments,
     // basics:
-    re,
+    ie,
     // marks:
-    Yt,
     Kt,
-    oe,
+    Jt,
     ne,
-    ie,
-    mo,
+    re,
+    se,
+    fo,
     po,
+    Le,
     Ne,
-    Ae,
     ho,
     // custom blocks:
     ...ze,
@@ -2579,34 +2666,34 @@ const uo = [
       (t) => t.node.configure({ editor: o.editor })
     ),
     $e,
-    Zt.configure({ width: 5, color: "#ddeeff" }),
+    Qt.configure({ width: 5, color: "#ddeeff" }),
     // This needs to be at the bottom of this list, because Key events (such as enter, when selecting a /command),
     // should be handled before Enter handlers in other components like splitListItem
-    fo
+    mo
   ];
   if (o.collaboration) {
     e.push(
-      Jt.configure({
+      Xt.configure({
         fragment: o.collaboration.fragment
       })
     );
     const t = (n) => {
       const r = document.createElement("span");
-      r.classList.add(P["collaboration-cursor__caret"]), r.setAttribute("style", `border-color: ${n.color}`);
+      r.classList.add(_["collaboration-cursor__caret"]), r.setAttribute("style", `border-color: ${n.color}`);
       const i = document.createElement("span");
-      i.classList.add(P["collaboration-cursor__label"]), i.setAttribute("style", `background-color: ${n.color}`), i.insertBefore(document.createTextNode(n.name), null);
-      const a = document.createTextNode("⁠"), s = document.createTextNode("⁠");
-      return r.insertBefore(a, null), r.insertBefore(i, null), r.insertBefore(s, null), r;
+      i.classList.add(_["collaboration-cursor__label"]), i.setAttribute("style", `background-color: ${n.color}`), i.insertBefore(document.createTextNode(n.name), null);
+      const s = document.createTextNode("⁠"), a = document.createTextNode("⁠");
+      return r.insertBefore(s, null), r.insertBefore(i, null), r.insertBefore(a, null), r;
     };
     e.push(
-      Xt.configure({
+      Zt.configure({
         user: o.collaboration.user,
         render: o.collaboration.renderCursor || t,
         provider: o.collaboration.provider
       })
     );
   } else
-    e.push(ee);
+    e.push(oe);
   return o.uiFactories.blockSideMenuFactory && e.push(
     Qe().configure({
       editor: o.editor,
@@ -2621,7 +2708,7 @@ const uo = [
     so.configure({
       hyperlinkToolbarFactory: o.uiFactories.hyperlinkToolbarFactory
     })
-  ) : e.push(ct), o.uiFactories.slashMenuFactory && e.push(
+  ) : e.push(ut), o.uiFactories.slashMenuFactory && e.push(
     We().configure({
       editor: o.editor,
       commands: o.slashCommands,
@@ -2638,7 +2725,8 @@ class Ko {
     h(this, "_tiptapEditor");
     h(this, "blockCache", /* @__PURE__ */ new WeakMap());
     h(this, "schema");
-    var i, a, s;
+    h(this, "ready", !1);
+    var i, s, a;
     this.options = e;
     const t = {
       defaultStyles: !0,
@@ -2647,7 +2735,7 @@ class Ko {
       //  If BSchema is not specified, then options.blockSchema should also not
       //  be defined. Unfortunately, trying to implement these constraints seems
       //  to be a huge pain, hence the `as any` casts.
-      blockSchema: e.blockSchema || ge,
+      blockSchema: e.blockSchema || ke,
       ...e
     }, n = go({
       editor: this,
@@ -2669,36 +2757,39 @@ class Ko {
       ...t._tiptapOptions,
       onCreate: () => {
         var l;
-        (l = t.onEditorReady) == null || l.call(t, this), t.initialContent && this.replaceBlocks(this.topLevelBlocks, t.initialContent);
+        (l = t.onEditorReady) == null || l.call(t, this), t.initialContent && this.replaceBlocks(this.topLevelBlocks, t.initialContent), this.ready = !0;
       },
       onUpdate: () => {
         var l;
-        (l = t.onEditorContentChange) == null || l.call(t, this);
+        this.ready && ((l = t.onEditorContentChange) == null || l.call(t, this));
       },
       onSelectionUpdate: () => {
         var l;
-        (l = t.onTextCursorPositionChange) == null || l.call(t, this);
+        this.ready && ((l = t.onTextCursorPositionChange) == null || l.call(t, this));
       },
       editable: e.editable === void 0 ? !0 : e.editable,
-      extensions: t.enableBlockNoteExtensions === !1 ? (i = t._tiptapOptions) == null ? void 0 : i.extensions : [...((a = t._tiptapOptions) == null ? void 0 : a.extensions) || [], ...n],
+      extensions: t.enableBlockNoteExtensions === !1 ? (i = t._tiptapOptions) == null ? void 0 : i.extensions : [...((s = t._tiptapOptions) == null ? void 0 : s.extensions) || [], ...n],
       editorProps: {
         attributes: {
           "data-theme": e.theme || "light",
           ...t.editorDOMAttributes || {},
           class: [
-            P.bnEditor,
-            P.bnRoot,
-            t.defaultStyles ? P.defaultStyles : "",
-            ((s = t.editorDOMAttributes) == null ? void 0 : s.class) || ""
+            _.bnEditor,
+            _.bnRoot,
+            t.defaultStyles ? _.defaultStyles : "",
+            ((a = t.editorDOMAttributes) == null ? void 0 : a.class) || ""
           ].join(" ")
         }
       }
     };
-    t.parentElement && (r.element = t.parentElement), this._tiptapEditor = new zt(r);
+    t.parentElement && (r.element = t.parentElement), this._tiptapEditor = new Ut(r);
   }
   get domElement() {
     return this._tiptapEditor.view.dom;
   }
+  isFocused() {
+    return this._tiptapEditor.view.hasFocus();
+  }
   focus() {
     this._tiptapEditor.view.focus();
   }
@@ -2708,7 +2799,7 @@ class Ko {
    */
   get topLevelBlocks() {
     const e = [];
-    return this._tiptapEditor.state.doc.firstChild.descendants((t) => (e.push(B(t, this.schema, this.blockCache)), !1)), e;
+    return this._tiptapEditor.state.doc.firstChild.descendants((t) => (e.push(w(t, this.schema, this.blockCache)), !1)), e;
   }
   /**
    * Gets a snapshot of an existing block from the editor.
@@ -2718,7 +2809,7 @@ class Ko {
   getBlock(e) {
     const t = typeof e == "string" ? e : e.id;
     let n;
-    return this._tiptapEditor.state.doc.firstChild.descendants((r) => typeof n < "u" ? !1 : r.type.name !== "blockContainer" || r.attrs.id !== t ? !0 : (n = B(r, this.schema, this.blockCache), !1)), n;
+    return this._tiptapEditor.state.doc.firstChild.descendants((r) => typeof n < "u" ? !1 : r.type.name !== "blockContainer" || r.attrs.id !== t ? !0 : (n = w(r, this.schema, this.blockCache), !1)), n;
   }
   /**
    * Traverses all blocks in the editor depth-first, and executes a callback for each.
@@ -2729,11 +2820,11 @@ class Ko {
     const n = this.topLevelBlocks.slice();
     t && n.reverse();
     function r(i) {
-      for (const a of i) {
-        if (!e(a))
+      for (const s of i) {
+        if (!e(s))
           return !1;
-        const s = t ? a.children.slice().reverse() : a.children;
-        if (!r(s))
+        const a = t ? s.children.slice().reverse() : s.children;
+        if (!r(a))
           return !1;
       }
       return !0;
@@ -2755,14 +2846,14 @@ class Ko {
     const { node: e, depth: t, startPos: n, endPos: r } = g(
       this._tiptapEditor.state.doc,
       this._tiptapEditor.state.selection.from
-    ), i = this._tiptapEditor.state.doc.resolve(r).index(t - 1), a = this._tiptapEditor.state.doc.resolve(r + 1).node().childCount;
-    let s;
-    i > 0 && (s = this._tiptapEditor.state.doc.resolve(n - 2).node());
+    ), i = this._tiptapEditor.state.doc.resolve(r).index(t - 1), s = this._tiptapEditor.state.doc.resolve(r + 1).node().childCount;
+    let a;
+    i > 0 && (a = this._tiptapEditor.state.doc.resolve(n - 2).node());
     let l;
-    return i < a - 1 && (l = this._tiptapEditor.state.doc.resolve(r + 2).node()), {
-      block: B(e, this.schema, this.blockCache),
-      prevBlock: s === void 0 ? void 0 : B(s, this.schema, this.blockCache),
-      nextBlock: l === void 0 ? void 0 : B(l, this.schema, this.blockCache)
+    return i < s - 1 && (l = this._tiptapEditor.state.doc.resolve(r + 2).node()), {
+      block: w(e, this.schema, this.blockCache),
+      prevBlock: a === void 0 ? void 0 : w(a, this.schema, this.blockCache),
+      nextBlock: l === void 0 ? void 0 : w(l, this.schema, this.blockCache)
     };
   }
   /**
@@ -2772,12 +2863,12 @@ class Ko {
    * @param placement Whether the text cursor should be placed at the start or end of the block.
    */
   setTextCursorPosition(e, t = "start") {
-    const n = typeof e == "string" ? e : e.id, { posBeforeNode: r } = J(n, this._tiptapEditor.state.doc), { startPos: i, contentNode: a } = g(
+    const n = typeof e == "string" ? e : e.id, { posBeforeNode: r } = J(n, this._tiptapEditor.state.doc), { startPos: i, contentNode: s } = g(
       this._tiptapEditor.state.doc,
       r + 2
     );
     t === "start" ? this._tiptapEditor.commands.setTextSelection(i + 1) : this._tiptapEditor.commands.setTextSelection(
-      i + a.nodeSize - 1
+      i + s.nodeSize - 1
     );
   }
   /**
@@ -2788,7 +2879,7 @@ class Ko {
       return;
     const e = [];
     return this._tiptapEditor.state.doc.descendants((t, n) => t.type.spec.group !== "blockContent" || n + t.nodeSize < this._tiptapEditor.state.selection.from || n > this._tiptapEditor.state.selection.to ? !0 : (e.push(
-      B(
+      w(
         this._tiptapEditor.state.doc.resolve(n).node(),
         this.schema,
         this.blockCache
@@ -2828,14 +2919,14 @@ class Ko {
    * @param update A partial block which defines how the existing block should be changed.
    */
   updateBlock(e, t) {
-    Me(e, t, this._tiptapEditor);
+    Be(e, t, this._tiptapEditor);
   }
   /**
    * Removes existing blocks from the editor. Throws an error if any of the blocks could not be found.
    * @param blocksToRemove An array of identifiers for existing blocks that should be removed.
    */
   removeBlocks(e) {
-    wt(e, this._tiptapEditor);
+    xt(e, this._tiptapEditor);
   }
   /**
    * Replaces existing blocks in the editor with new blocks. If the blocks that should be removed are not adjacent or
@@ -2845,7 +2936,7 @@ class Ko {
    * @param blocksToInsert An array of partial blocks to replace the old ones with.
    */
   replaceBlocks(e, t) {
-    Be(e, t, this._tiptapEditor);
+    we(e, t, this._tiptapEditor);
   }
   /**
    * Gets the active text styles at the text cursor position or at the end of the current selection if it's active.
@@ -2982,7 +3073,7 @@ class Ko {
    * @returns The blocks parsed from the HTML string.
    */
   async HTMLToBlocks(e) {
-    return xt(e, this.schema, this._tiptapEditor.schema);
+    return It(e, this.schema, this._tiptapEditor.schema);
   }
   /**
    * Serializes blocks into a Markdown string. The output is simplified as Markdown does not support all features of
@@ -2991,7 +3082,7 @@ class Ko {
    * @returns The blocks, serialized as a Markdown string.
    */
   async blocksToMarkdown(e) {
-    return Se(e, this._tiptapEditor.schema);
+    return xe(e, this._tiptapEditor.schema);
   }
   /**
    * Creates a list of blocks from a Markdown string. Tries to create `Block` and `InlineNode` objects based on
@@ -3001,7 +3092,7 @@ class Ko {
    * @returns The blocks parsed from the Markdown string.
    */
   async markdownToBlocks(e) {
-    return xe(e, this.schema, this._tiptapEditor.schema);
+    return Se(e, this.schema, this._tiptapEditor.schema);
   }
   /**
    * Updates the user info for the current user that's shown to other collaborators.
@@ -3022,12 +3113,12 @@ export {
   ot as camelToDataKebab,
   Yo as createBlockSpec,
   H as createTipTapBlock,
-  ge as defaultBlockSchema,
-  N as defaultProps,
+  ke as defaultBlockSchema,
+  L as defaultProps,
   uo as defaultSlashMenuItems,
   go as getBlockNoteExtensions,
-  le as parse,
-  ae as propsToAttributes,
-  de as render
+  de as parse,
+  le as propsToAttributes,
+  ce as render
 };
 //# sourceMappingURL=blocknote.js.map