@blocknote/core 0.13.4 → 0.14.0

package/dist/blocknote.js

@@ -1,20 +1,20 @@
 var Et = Object.defineProperty;
 var Ct = (t, e, o) => e in t ? Et(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
 var c = (t, e, o) => (Ct(t, typeof e != "symbol" ? e + "" : e, o), o);
-import { Slice as U, Fragment as T, DOMSerializer as _e, DOMParser as St, Node as Mt } from "prosemirror-model";
-import Ke from "rehype-parse";
+import { Slice as D, Fragment as T, DOMSerializer as ve, DOMParser as St, Node as Mt } from "prosemirror-model";
+import $e from "rehype-parse";
 import qe from "rehype-stringify";
-import { unified as we } from "unified";
-import { Extension as B, combineTransactionSteps as Tt, getChangedRanges as Bt, findChildrenInRange as Lt, Node as W, Mark as xe, InputRule as Y, callOrReturn as It, getExtensionField as At, mergeAttributes as Nt, selectionToInsertionEnd as Pt, isTextSelection as Ht, isNodeSelection as Ut, posToDOMRect as ke, getMarkRange as Ne, findParentNode as Dt, findChildren as Pe, extensions as X, Editor as Ot, createDocument as Rt } from "@tiptap/core";
-import { Plugin as _, PluginKey as S, Selection as he, NodeSelection as oe, TextSelection as Z, EditorState as Vt } from "prosemirror-state";
+import { unified as _e } from "unified";
+import { Extension as B, combineTransactionSteps as Tt, getChangedRanges as Bt, findChildrenInRange as Lt, Node as $, Mark as xe, InputRule as ee, callOrReturn as It, getExtensionField as At, mergeAttributes as Nt, selectionToInsertionEnd as Pt, isTextSelection as Ht, isNodeSelection as Ut, posToDOMRect as ke, getMarkRange as Ne, findParentNode as Dt, findChildren as Pe, extensions as J, Editor as Ot, createDocument as Rt } from "@tiptap/core";
+import { Plugin as v, PluginKey as S, Selection as he, NodeSelection as ne, TextSelection as Y, EditorState as Vt } from "prosemirror-state";
 import { v4 as jt } from "uuid";
 import { fromDom as ye } from "hast-util-from-dom";
 import zt from "@tiptap/extension-bold";
 import Ft from "@tiptap/extension-code";
 import Gt from "@tiptap/extension-italic";
 import Wt from "@tiptap/extension-strike";
-import $t from "@tiptap/extension-underline";
-import { TableCell as Kt } from "@tiptap/extension-table-cell";
+import Kt from "@tiptap/extension-underline";
+import { TableCell as $t } from "@tiptap/extension-table-cell";
 import { TableHeader as qt } from "@tiptap/extension-table-header";
 import { TableRow as Xt } from "@tiptap/extension-table-row";
 import { columnResizing as Zt, tableEditing as Jt } from "prosemirror-tables";
@@ -23,7 +23,7 @@ import Xe from "remark-gfm";
 import Qt from "remark-stringify";
 import eo from "remark-parse";
 import to, { defaultHandlers as oo } from "remark-rehype";
-import { DecorationSet as F, Decoration as G, EditorView as io } from "prosemirror-view";
+import { DecorationSet as G, Decoration as W, EditorView as io } from "prosemirror-view";
 import no from "@tiptap/extension-collaboration";
 import ro from "@tiptap/extension-collaboration-cursor";
 import { Dropcursor as ao } from "@tiptap/extension-dropcursor";
@@ -2164,7 +2164,7 @@ const Ze = {
         "lista marcada",
         "caixa de seleção"
       ],
-      group: "Blocos básicos"
+      group: "Blocos Básicos"
     },
     paragraph: {
       title: "Parágrafo",
@@ -2412,7 +2412,7 @@ const Ze = {
   generic: {
     ctrl_shortcut: "Ctrl"
   }
-}, vo = {
+}, wo = {
   slash_menu: {
     heading: {
       title: "Tiêu đề H1",
@@ -2703,7 +2703,7 @@ const Ze = {
   generic: {
     ctrl_shortcut: "Ctrl"
   }
-}, _o = {
+}, vo = {
   slash_menu: {
     heading: {
       title: "一级标题",
@@ -2764,7 +2764,7 @@ const Ze = {
         "勾选列表",
         "复选框"
       ],
-      group: "基本块"
+      group: "基础"
     },
     paragraph: {
       title: "段落",
@@ -3037,10 +3037,10 @@ const Ze = {
   nl: bo,
   pl: ko,
   pt: yo,
-  vi: vo,
-  zh: _o
+  vi: wo,
+  zh: vo
 }, Symbol.toStringTag, { value: "Module" }));
-function wo(t, e = JSON.stringify) {
+function _o(t, e = JSON.stringify) {
   const o = {};
   return t.filter((i) => {
     const n = e(i);
@@ -3051,9 +3051,9 @@ function xo(t) {
   const e = t.filter(
     (i, n) => t.indexOf(i) !== n
   );
-  return wo(e);
+  return _o(e);
 }
-const ee = B.create({
+const oe = B.create({
   name: "uniqueID",
   // we’ll set a very high priority to make sure this runs first
   // and is compatible with `appendTransaction` hooks of other extensions
@@ -3121,7 +3121,7 @@ const ee = B.create({
   addProseMirrorPlugins() {
     let t = null, e = !1;
     return [
-      new _({
+      new v({
         key: new S("uniqueID"),
         appendTransaction: (o, i, n) => {
           const r = o.some((f) => f.docChanged) && !i.doc.eq(n.doc), a = this.options.filterTransaction && o.some((f) => {
@@ -3139,10 +3139,10 @@ const ee = B.create({
               n.doc,
               f,
               (M) => l.includes(M.type.name)
-            ), k = g.map(({ node: M }) => M.attrs[d]).filter((M) => M !== null), L = xo(k);
-            g.forEach(({ node: M, pos: q }) => {
-              let pe;
-              const Le = (pe = s.doc.nodeAt(q)) === null || pe === void 0 ? void 0 : pe.attrs[d];
+            ), k = g.map(({ node: M }) => M.attrs[d]).filter((M) => M !== null), I = xo(k);
+            g.forEach(({ node: M, pos: A }) => {
+              let Z;
+              const Le = (Z = s.doc.nodeAt(A)) === null || Z === void 0 ? void 0 : Z.attrs[d];
               if (Le === null) {
                 const Ie = i.doc.type.createAndFill().content;
                 if (i.doc.content.findDiffStart(Ie) === null) {
@@ -3150,21 +3150,21 @@ const ee = B.create({
                     JSON.stringify(n.doc.toJSON())
                   );
                   if (Ae.content[0].content[0].attrs.id = "initialBlockId", JSON.stringify(Ae.content) === JSON.stringify(Ie.toJSON())) {
-                    s.setNodeMarkup(q, void 0, {
+                    s.setNodeMarkup(A, void 0, {
                       ...M.attrs,
                       [d]: "initialBlockId"
                     });
                     return;
                   }
                 }
-                s.setNodeMarkup(q, void 0, {
+                s.setNodeMarkup(A, void 0, {
                   ...M.attrs,
                   [d]: u()
                 });
                 return;
               }
-              const { deleted: xt } = h.invert().mapResult(q);
-              xt && L.includes(Le) && s.setNodeMarkup(q, void 0, {
+              const { deleted: xt } = h.invert().mapResult(A);
+              xt && I.includes(Le) && s.setNodeMarkup(A, void 0, {
                 ...M.attrs,
                 [d]: u()
               });
@@ -3224,7 +3224,7 @@ const ee = B.create({
                 s.push(d);
               }), T.from(s);
             };
-            return e = !1, new U(
+            return e = !1, new D(
               r(o.content),
               o.openStart,
               o.openEnd
@@ -3283,10 +3283,10 @@ function He(t) {
 function Ye(t) {
   return typeof t != "string" && t.type === "link";
 }
-function Q(t) {
+function te(t) {
   return typeof t != "string" && t.type === "text";
 }
-class I extends Error {
+class L extends Error {
   constructor(e) {
     super(`Unreachable case: ${e}`);
   }
@@ -3307,7 +3307,7 @@ function Ue(t, e, o) {
     else if (a.propSchema === "string")
       i.push(e.mark(n, { stringValue: r }));
     else
-      throw new I(a.propSchema);
+      throw new L(a.propSchema);
   }
   return t.text.split(/(\n)/g).filter((n) => n.length > 0).map((n) => n === `
 ` ? e.nodes.hardBreak.create() : e.text(n, i));
@@ -3316,7 +3316,7 @@ function Eo(t, e, o) {
   const i = e.marks.link.create({
     href: t.href
   });
-  return ve(t.content, e, o).map(
+  return we(t.content, e, o).map(
     (n) => {
       if (n.type.name === "text")
         return n.mark([...n.marks, i]);
@@ -3326,7 +3326,7 @@ function Eo(t, e, o) {
     }
   );
 }
-function ve(t, e, o) {
+function we(t, e, o) {
   const i = [];
   if (typeof t == "string")
     return i.push(
@@ -3340,10 +3340,10 @@ function ve(t, e, o) {
     i.push(...Ue(n, e, o));
   return i;
 }
-function ne(t, e, o) {
+function K(t, e, o) {
   const i = [];
   for (const n of t)
-    typeof n == "string" ? i.push(...ve(n, e, o)) : Ye(n) ? i.push(...Eo(n, e, o)) : Q(n) ? i.push(...ve([n], e, o)) : i.push(
+    typeof n == "string" ? i.push(...we(n, e, o)) : Ye(n) ? i.push(...Eo(n, e, o)) : te(n) ? i.push(...we([n], e, o)) : i.push(
       et(n, e, o)
     );
   return i;
@@ -3359,7 +3359,7 @@ function Qe(t, e, o) {
       else if (typeof s == "string")
         l = e.nodes.tableParagraph.create({}, e.text(s));
       else {
-        const u = ne(s, e, o);
+        const u = K(s, e, o);
         l = e.nodes.tableParagraph.create({}, u);
       }
       const d = e.nodes.tableCell.create({}, l);
@@ -3376,24 +3376,22 @@ function et(t, e, o) {
     throw new Error(`node type ${n} not found in schema`);
   if (!t.content)
     i = e.nodes[n].create(t.props);
-  else if (typeof t.content == "string")
-    i = e.nodes[n].create(
-      t.props,
-      e.text(t.content)
-    );
-  else if (Array.isArray(t.content)) {
-    const r = ne(t.content, e, o);
+  else if (typeof t.content == "string") {
+    const r = K([t.content], e, o);
+    i = e.nodes[n].create(t.props, r);
+  } else if (Array.isArray(t.content)) {
+    const r = K(t.content, e, o);
     i = e.nodes[n].create(t.props, r);
   } else if (t.content.type === "tableContent") {
     const r = Qe(t.content, e, o);
     i = e.nodes[n].create(t.props, r);
   } else
-    throw new I(t.content.type);
+    throw new L(t.content.type);
   return i;
 }
-function N(t, e, o) {
+function P(t, e, o) {
   let i = t.id;
-  i === void 0 && (i = ee.options.generateID());
+  i === void 0 && (i = oe.options.generateID());
   const n = et(
     t,
     e,
@@ -3401,7 +3399,7 @@ function N(t, e, o) {
   ), r = [];
   if (t.children)
     for (const s of t.children)
-      r.push(N(s, e, o));
+      r.push(P(s, e, o));
   const a = e.nodes.blockGroup.create({}, r);
   return e.nodes.blockContainer.create(
     {
@@ -3437,7 +3435,7 @@ function Ee(t, e, o) {
   return t.content.forEach((r) => {
     if (r.type.name === "hardBreak") {
       if (n)
-        if (Q(n))
+        if (te(n))
           n.text += `
 `;
         else if (He(n))
@@ -3474,9 +3472,9 @@ function Ee(t, e, o) {
         else if (d.propSchema === "string")
           a[d.type] = l.attrs.stringValue;
         else
-          throw new I(d.propSchema);
+          throw new L(d.propSchema);
       }
-    n ? Q(n) ? s ? (i.push(n), n = {
+    n ? te(n) ? s ? (i.push(n), n = {
       type: "link",
       href: s.attrs.href,
       content: [
@@ -3548,7 +3546,7 @@ function tt(t, e, o) {
     content: r
   };
 }
-function v(t, e, o, i, n) {
+function w(t, e, o, i, n) {
   if (t.type.name !== "blockContainer")
     throw Error(
       "Node must be of type blockContainer, but is of type" + t.type.name + "."
@@ -3558,7 +3556,7 @@ function v(t, e, o, i, n) {
     return r;
   const a = Je(t);
   let s = a.id;
-  s === null && (s = ee.options.generateID());
+  s === null && (s = oe.options.generateID());
   const l = {};
   for (const [m, f] of Object.entries({
     ...t.attrs,
@@ -3575,7 +3573,7 @@ function v(t, e, o, i, n) {
   const d = e[a.contentType.name], u = [];
   for (let m = 0; m < a.numChildBlocks; m++)
     u.push(
-      v(
+      w(
         t.lastChild.child(m),
         e,
         o,
@@ -3599,7 +3597,7 @@ function v(t, e, o, i, n) {
   else if (d.content === "none")
     p = void 0;
   else
-    throw new I(d.content);
+    throw new L(d.content);
   const h = {
     id: s,
     type: d.type,
@@ -3615,7 +3613,7 @@ function So(t) {
 const ot = (t, e, o, i, n) => {
   if (!o.nodes[t.type.name])
     throw new Error("Serializer is missing a node type: " + t.type.name);
-  const { dom: r, contentDOM: a } = _e.renderSpec(
+  const { dom: r, contentDOM: a } = ve.renderSpec(
     So(e),
     o.nodes[t.type.name](t)
   );
@@ -3626,7 +3624,7 @@ const ot = (t, e, o, i, n) => {
       const s = t.childCount > 0 && t.firstChild.type.spec.group === "blockContent" ? t.firstChild : void 0, l = t.childCount > 0 && t.lastChild.type.spec.group === "blockGroup" ? t.lastChild : void 0;
       if (s !== void 0) {
         const d = i.blockImplementations[s.type.name].implementation, p = (n ? d.toExternalHTML : d.toInternalHTML)(
-          v(
+          w(
             t,
             i.schema.blockSchema,
             i.schema.inlineContentSchema,
@@ -3708,9 +3706,9 @@ function Mo(t) {
   };
   return o;
 }
-const re = (t, e) => {
-  const o = _e.fromSchema(t);
-  return o.serializeNodeInner = (i, n) => ot(i, n, o, e, !0), o.exportProseMirrorFragment = (i) => we().use(Ke, { fragment: !0 }).use(Mo, {
+const ae = (t, e) => {
+  const o = ve.fromSchema(t);
+  return o.serializeNodeInner = (i, n) => ot(i, n, o, e, !0), o.exportProseMirrorFragment = (i) => _e().use($e, { fragment: !0 }).use(Mo, {
     orderedListItemBlockTypes: /* @__PURE__ */ new Set(["numberedListItem"]),
     unorderedListItemBlockTypes: /* @__PURE__ */ new Set([
       "bulletListItem",
@@ -3718,36 +3716,36 @@ const re = (t, e) => {
     ])
   }).use(qe).processSync(it(i, o)).value, o.exportBlocks = (i) => {
     const n = i.map(
-      (a) => N(a, t, e.schema.styleSchema)
+      (a) => P(a, t, e.schema.styleSchema)
     ), r = t.nodes.blockGroup.create(null, n);
     return o.exportProseMirrorFragment(T.from(r));
   }, o;
 }, nt = (t, e) => {
-  const o = _e.fromSchema(t);
+  const o = ve.fromSchema(t);
   return o.serializeNodeInner = (i, n) => ot(i, n, o, e, !1), o.serializeProseMirrorFragment = (i) => it(i, o), o.serializeBlocks = (i) => {
     const n = i.map(
-      (a) => N(a, t, e.schema.styleSchema)
+      (a) => P(a, t, e.schema.styleSchema)
     ), r = t.nodes.blockGroup.create(null, n);
     return o.serializeProseMirrorFragment(T.from(r));
   }, o;
 }, To = () => typeof navigator < "u" && (/Mac/.test(navigator.platform) || /AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent));
-function P(t, e = "Ctrl") {
+function H(t, e = "Ctrl") {
   return To() ? t.replace("Mod", "⌘") : t.replace("Mod", e);
 }
-function O(...t) {
+function R(...t) {
   return t.filter((e) => e).join(" ");
 }
 const Br = () => /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-function R(t, e, o, i) {
+function V(t, e, o, i) {
   const n = document.createElement("div");
-  n.className = O(
+  n.className = R(
     "bn-block-content",
     o.class
   ), n.setAttribute("data-content-type", t);
   for (const [a, s] of Object.entries(o))
     a !== "class" && n.setAttribute(a, s);
   const r = document.createElement(e);
-  r.className = O(
+  r.className = R(
     "bn-inline-content",
     i.class
   );
@@ -3761,7 +3759,7 @@ function R(t, e, o, i) {
   };
 }
 const De = (t, e) => {
-  const o = N(
+  const o = P(
     t,
     e._tiptapEditor.schema,
     e.schema.styleSchema
@@ -3788,7 +3786,7 @@ const De = (t, e) => {
     values: ["left", "center", "right", "justify"]
   }
 }, rt = ["backgroundColor", "textColor"];
-function ie(t) {
+function re(t) {
   return "data-" + t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
 function Lr(t) {
@@ -3806,7 +3804,7 @@ function at(t) {
       // value is the same as its default, we don't display an HTML
       // attribute for it.
       parseHTML: (n) => {
-        const r = n.getAttribute(ie(o));
+        const r = n.getAttribute(re(o));
         if (r === null)
           return null;
         if (typeof i.default == "boolean")
@@ -3818,7 +3816,7 @@ function at(t) {
         return r;
       },
       renderHTML: (n) => n[o] !== i.default ? {
-        [ie(o)]: n[o]
+        [re(o)]: n[o]
       } : {}
     };
   }), e;
@@ -3841,13 +3839,13 @@ function me(t, e, o, i, n = !1, r) {
   if (r !== void 0)
     for (const [s, l] of Object.entries(r))
       s !== "class" && a.setAttribute(s, l);
-  a.className = O(
+  a.className = R(
     "bn-block-content",
     (r == null ? void 0 : r.class) || ""
   ), a.setAttribute("data-content-type", e);
   for (const [s, l] of Object.entries(o))
-    !rt.includes(s) && l !== i[s].default && a.setAttribute(ie(s), l);
-  return n && a.setAttribute("data-file-block", ""), a.appendChild(t.dom), t.contentDOM !== void 0 && (t.contentDOM.className = O(
+    !rt.includes(s) && l !== i[s].default && a.setAttribute(re(s), l);
+  return n && a.setAttribute("data-file-block", ""), a.appendChild(t.dom), t.contentDOM !== void 0 && (t.contentDOM.className = R(
     "bn-inline-content",
     t.contentDOM.className
   ), t.contentDOM.setAttribute("data-editable", "")), {
@@ -3855,8 +3853,8 @@ function me(t, e, o, i, n = !1, r) {
     dom: a
   };
 }
-function j(t) {
-  return W.create(t);
+function z(t) {
+  return $.create(t);
 }
 function st(t, e) {
   return {
@@ -3864,7 +3862,7 @@ function st(t, e) {
     implementation: e
   };
 }
-function $(t, e, o) {
+function q(t, e, o) {
   return st(
     {
       type: t.name,
@@ -3902,8 +3900,8 @@ function Lo(t, e) {
     }
   }), o;
 }
-function ae(t, e) {
-  const o = j({
+function se(t, e) {
+  const o = z({
     name: t.type,
     content: t.content === "inline" ? "inline*" : "",
     group: "blockContent",
@@ -3976,7 +3974,7 @@ function ae(t, e) {
   });
 }
 function Io(t, e, o, i) {
-  return t.dom.setAttribute("data-inline-content-type", e), Object.entries(o).filter(([n, r]) => r !== i[n].default).map(([n, r]) => [ie(n), r]).forEach(([n, r]) => t.dom.setAttribute(n, r)), t.contentDOM !== void 0 && t.contentDOM.setAttribute("data-editable", ""), t;
+  return t.dom.setAttribute("data-inline-content-type", e), Object.entries(o).filter(([n, r]) => r !== i[n].default).map(([n, r]) => [re(n), r]).forEach(([n, r]) => t.dom.setAttribute(n, r)), t.contentDOM !== void 0 && t.contentDOM.setAttribute("data-editable", ""), t;
 }
 function Ao(t) {
   return {
@@ -4021,7 +4019,7 @@ function Ho(t) {
   ];
 }
 function Ir(t, e) {
-  const o = W.create({
+  const o = $.create({
     name: t.type,
     inline: !0,
     group: "inline",
@@ -4080,7 +4078,7 @@ function ct(t, e) {
     implementation: e
   };
 }
-function H(t, e) {
+function U(t, e) {
   return ct(
     {
       type: t.name,
@@ -4123,7 +4121,7 @@ function Ar(t, e) {
       else if (t.propSchema === "string")
         n = e.render(i.attrs.stringValue);
       else
-        throw new I(t.propSchema);
+        throw new L(t.propSchema);
       return Do(
         n,
         t.type,
@@ -4136,7 +4134,7 @@ function Ar(t, e) {
     mark: o
   });
 }
-const se = (t) => {
+const le = (t) => {
   const e = document.createElement("div");
   e.className = "bn-file-default-preview";
   const o = document.createElement("div");
@@ -4145,14 +4143,14 @@ const se = (t) => {
   return i.className = "bn-file-default-preview-name", i.textContent = t.props.name || "", e.appendChild(o), e.appendChild(i), {
     dom: e
   };
-}, V = (t, e) => {
+}, j = (t, e) => {
   const o = document.createElement("div");
   o.className = "bn-file-and-caption-wrapper";
   const i = document.createElement("p");
   return i.className = "bn-file-caption", i.textContent = t.props.caption, o.appendChild(e), o.appendChild(i), {
     dom: o
   };
-}, le = (t, e, o, i) => {
+}, de = (t, e, o, i) => {
   const n = document.createElement("div");
   n.className = "bn-add-file-button";
   const r = document.createElement("div");
@@ -4186,7 +4184,7 @@ const se = (t) => {
       );
     }
   };
-}, Oe = (t) => ({ url: t.src || void 0 }), de = (t, e) => {
+}, Oe = (t) => ({ url: t.src || void 0 }), ce = (t, e) => {
   const o = t.querySelector(
     e
   );
@@ -4194,7 +4192,7 @@ const se = (t) => {
     return;
   const i = t.querySelector("figcaption"), n = (i == null ? void 0 : i.textContent) ?? void 0;
   return { targetElement: o, caption: n };
-}, ce = (t, e) => {
+}, ue = (t, e) => {
   const o = document.createElement("div"), i = document.createElement("p");
   return i.textContent = e, o.appendChild(t), o.appendChild(i), {
     dom: o
@@ -4219,8 +4217,8 @@ const se = (t) => {
     }
     let k;
     t.props.textAlignment === "center" ? l.handleUsed === "left" ? k = l.initialWidth + (l.initialClientX - g.clientX) * 2 : k = l.initialWidth + (g.clientX - l.initialClientX) * 2 : l.handleUsed === "left" ? k = l.initialWidth + l.initialClientX - g.clientX : k = l.initialWidth + g.clientX - l.initialClientX;
-    const L = 64;
-    k < L ? n(L) : k > e.domElement.firstElementChild.clientWidth ? n(e.domElement.firstElementChild.clientWidth) : n(k);
+    const I = 64;
+    k < I ? n(I) : k > e.domElement.firstElementChild.clientWidth ? n(e.domElement.firstElementChild.clientWidth) : n(k);
   }, u = (g) => {
     (!g.target || !r.contains(g.target) || !e.isEditable) && r.contains(a) && r.contains(s) && (r.removeChild(a), r.removeChild(s)), l && (l = void 0, e.updateBlock(t, {
       props: {
@@ -4284,13 +4282,13 @@ const se = (t) => {
 }, jo = (t, e) => {
   const o = document.createElement("div");
   if (o.className = "bn-file-block-content-wrapper", t.props.url === "") {
-    const i = le(t, e);
+    const i = de(t, e);
     return o.appendChild(i.dom), {
       dom: o,
       destroy: i.destroy
     };
   } else {
-    const i = se(t).dom, n = V(t, i);
+    const i = le(t).dom, n = j(t, i);
     return o.appendChild(n.dom), {
       dom: o
     };
@@ -4299,7 +4297,7 @@ const se = (t) => {
   if (t.tagName === "EMBED")
     return Oe(t);
   if (t.tagName === "FIGURE") {
-    const e = de(t, "embed");
+    const e = ce(t, "embed");
     if (!e)
       return;
     const { targetElement: o, caption: i } = e;
@@ -4316,10 +4314,10 @@ const se = (t) => {
     };
   }
   const e = document.createElement("a");
-  return e.href = t.props.url, e.textContent = t.props.name || t.props.url, t.props.caption ? ce(e, t.props.caption) : {
+  return e.href = t.props.url, e.textContent = t.props.name || t.props.url, t.props.caption ? ue(e, t.props.caption) : {
     dom: e
   };
-}, Go = ae(Vo, {
+}, Go = se(Vo, {
   render: jo,
   parse: zo,
   toExternalHTML: Fo
@@ -4348,18 +4346,18 @@ const se = (t) => {
   previewWidth: {
     default: 512
   }
-}, $o = {
+}, Ko = {
   type: "image",
   propSchema: Wo,
   content: "none",
   isFileBlock: !0,
   fileBlockAcceptMimeTypes: ["image/*"]
-}, Ko = (t, e) => {
+}, $o = (t, e) => {
   const o = document.createElement("div");
   if (o.className = "bn-file-block-content-wrapper", t.props.url === "") {
     const i = document.createElement("div");
     i.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M5 11.1005L7 9.1005L12.5 14.6005L16 11.1005L19 14.1005V5H5V11.1005ZM4 3H20C20.5523 3 21 3.44772 21 4V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3ZM15.5 10C14.6716 10 14 9.32843 14 8.5C14 7.67157 14.6716 7 15.5 7C16.3284 7 17 7.67157 17 8.5C17 9.32843 16.3284 10 15.5 10Z"></path></svg>';
-    const n = le(
+    const n = de(
       t,
       e,
       e.dictionary.file_blocks.image.add_button_text,
@@ -4386,22 +4384,22 @@ const se = (t) => {
       i,
       () => i.width,
       (a) => i.width = a
-    ), r = V(t, n.dom);
+    ), r = j(t, n.dom);
     return o.appendChild(r.dom), {
       dom: o,
       destroy: n.destroy
     };
   } else {
-    const i = se(t).dom;
+    const i = le(t).dom;
     return {
-      dom: V(t, i).dom
+      dom: j(t, i).dom
     };
   }
 }, qo = (t) => {
   if (t.tagName === "IMG")
     return Re(t);
   if (t.tagName === "FIGURE") {
-    const e = de(t, "img");
+    const e = ce(t, "img");
     if (!e)
       return;
     const { targetElement: o, caption: i } = e;
@@ -4418,11 +4416,11 @@ const se = (t) => {
     };
   }
   let e;
-  return t.props.showPreview ? (e = document.createElement("img"), e.src = t.props.url, e.alt = t.props.name || t.props.caption || "BlockNote image", e.width = t.props.previewWidth) : (e = document.createElement("a"), e.href = t.props.url, e.textContent = t.props.name || t.props.url), t.props.caption ? t.props.showPreview ? Ce(e, t.props.caption) : ce(e, t.props.caption) : {
+  return t.props.showPreview ? (e = document.createElement("img"), e.src = t.props.url, e.alt = t.props.name || t.props.caption || "BlockNote image", e.width = t.props.previewWidth) : (e = document.createElement("a"), e.href = t.props.url, e.textContent = t.props.name || t.props.url), t.props.caption ? t.props.showPreview ? Ce(e, t.props.caption) : ue(e, t.props.caption) : {
     dom: e
   };
-}, Zo = ae($o, {
-  render: Ko,
+}, Zo = se(Ko, {
+  render: $o,
   parse: qo,
   toExternalHTML: Xo
 }), Ve = (t) => {
@@ -4461,7 +4459,7 @@ const se = (t) => {
   if (o.className = "bn-file-block-content-wrapper", t.props.url === "") {
     const i = document.createElement("div");
     i.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M2 3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934ZM8 5V19H16V5H8ZM4 5V7H6V5H4ZM18 5V7H20V5H18ZM4 9V11H6V9H4ZM18 9V11H20V9H18ZM4 13V15H6V13H4ZM18 13V15H20V13H18ZM4 17V19H6V17H4ZM18 17V19H20V17H18Z"></path></svg>';
-    const n = le(
+    const n = de(
       t,
       e,
       e.dictionary.file_blocks.video.add_button_text,
@@ -4486,22 +4484,22 @@ const se = (t) => {
       i,
       () => i.width,
       (a) => i.width = a
-    ), r = V(t, n.dom);
+    ), r = j(t, n.dom);
     return o.appendChild(r.dom), {
       dom: o,
       destroy: n.destroy
     };
   } else {
-    const i = se(t).dom;
+    const i = le(t).dom;
     return {
-      dom: V(t, i).dom
+      dom: j(t, i).dom
     };
   }
 }, ei = (t) => {
   if (t.tagName === "VIDEO")
     return Ve(t);
   if (t.tagName === "FIGURE") {
-    const e = de(t, "video");
+    const e = ce(t, "video");
     if (!e)
       return;
     const { targetElement: o, caption: i } = e;
@@ -4518,10 +4516,10 @@ const se = (t) => {
     };
   }
   let e;
-  return t.props.showPreview ? (e = document.createElement("video"), e.src = t.props.url, e.width = t.props.previewWidth) : (e = document.createElement("a"), e.href = t.props.url, e.textContent = t.props.name || t.props.url), t.props.caption ? t.props.showPreview ? Ce(e, t.props.caption) : ce(e, t.props.caption) : {
+  return t.props.showPreview ? (e = document.createElement("video"), e.src = t.props.url, e.width = t.props.previewWidth) : (e = document.createElement("a"), e.href = t.props.url, e.textContent = t.props.name || t.props.url), t.props.caption ? t.props.showPreview ? Ce(e, t.props.caption) : ue(e, t.props.caption) : {
     dom: e
   };
-}, oi = ae(Yo, {
+}, oi = se(Yo, {
   render: Qo,
   parse: ei,
   toExternalHTML: ti
@@ -4553,7 +4551,7 @@ const se = (t) => {
   if (o.className = "bn-file-block-content-wrapper", t.props.url === "") {
     const i = document.createElement("div");
     i.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z"></path></svg>';
-    const n = le(
+    const n = de(
       t,
       e,
       e.dictionary.file_blocks.audio.add_button_text,
@@ -4571,21 +4569,21 @@ const se = (t) => {
     i.className = "bn-audio", e.resolveFileUrl(t.props.url).then((r) => {
       i.src = r;
     }), i.controls = !0, i.contentEditable = "false", i.draggable = !1;
-    const n = V(t, i);
+    const n = j(t, i);
     return o.appendChild(n.dom), {
       dom: o
     };
   } else {
-    const i = se(t).dom;
+    const i = le(t).dom;
     return {
-      dom: V(t, i).dom
+      dom: j(t, i).dom
     };
   }
 }, ai = (t) => {
   if (t.tagName === "AUDIO")
     return je(t);
   if (t.tagName === "FIGURE") {
-    const e = de(t, "audio");
+    const e = ce(t, "audio");
     if (!e)
       return;
     const { targetElement: o, caption: i } = e;
@@ -4602,10 +4600,10 @@ const se = (t) => {
     };
   }
   let e;
-  return t.props.showPreview ? (e = document.createElement("audio"), e.src = t.props.url) : (e = document.createElement("a"), e.href = t.props.url, e.textContent = t.props.name || t.props.url), t.props.caption ? t.props.showPreview ? Ce(e, t.props.caption) : ce(e, t.props.caption) : {
+  return t.props.showPreview ? (e = document.createElement("audio"), e.src = t.props.url) : (e = document.createElement("a"), e.href = t.props.url, e.textContent = t.props.name || t.props.url), t.props.caption ? t.props.showPreview ? Ce(e, t.props.caption) : ue(e, t.props.caption) : {
     dom: e
   };
-}, li = ae(ni, {
+}, li = se(ni, {
   render: ri,
   parse: ai,
   toExternalHTML: si
@@ -4644,7 +4642,7 @@ const se = (t) => {
   renderHTML({ HTMLAttributes: t }) {
     return ["span", t, 0];
   }
-}), ci = H(
+}), ci = U(
   di,
   "string"
 ), ui = xe.create({
@@ -4671,7 +4669,7 @@ const se = (t) => {
   renderHTML({ HTMLAttributes: t }) {
     return ["span", t, 0];
   }
-}), pi = H(ui, "string"), C = (t) => {
+}), pi = U(ui, "string"), C = (t) => {
   const { contentType: e } = b(
     t.state.doc,
     t.state.selection.from
@@ -4680,7 +4678,7 @@ const se = (t) => {
 }, hi = {
   ...y,
   level: { default: 1, values: [1, 2, 3] }
-}, mi = j({
+}, mi = z({
   name: "heading",
   content: "inline*",
   group: "blockContent",
@@ -4702,7 +4700,7 @@ const se = (t) => {
   },
   addInputRules() {
     return [
-      ...[1, 2, 3].map((t) => new Y({
+      ...[1, 2, 3].map((t) => new ee({
         find: new RegExp(`^(#{${t}})\\s$`),
         handler: ({ state: e, chain: o, range: i }) => {
           C(this.editor) === "inline*" && o().BNUpdateBlock(e.selection.from, {
@@ -4773,7 +4771,7 @@ const se = (t) => {
   },
   renderHTML({ node: t, HTMLAttributes: e }) {
     var o, i;
-    return R(
+    return V(
       this.name,
       `h${t.attrs.level}`,
       {
@@ -4783,31 +4781,31 @@ const se = (t) => {
       ((i = this.options.domAttributes) == null ? void 0 : i.inlineContent) || {}
     );
   }
-}), fi = $(
+}), fi = q(
   mi,
   hi
-), ue = (t) => {
-  const { node: e, contentType: o } = b(
+), Se = (t) => {
+  const { contentNode: e, contentType: o } = b(
     t.state.doc,
     t.state.selection.from
   ), i = t.state.selection.anchor === t.state.selection.head;
   return !(o.name === "bulletListItem" || o.name === "numberedListItem" || o.name === "checkListItem") || !i ? !1 : t.commands.first(({ state: n, chain: r, commands: a }) => [
     () => (
-      // Changes list item block to a text block if the content is empty.
-      a.command(() => e.textContent.length === 0 ? a.BNUpdateBlock(n.selection.from, {
+      // Changes list item block to a paragraph block if the content is empty.
+      a.command(() => e.childCount === 0 ? a.BNUpdateBlock(n.selection.from, {
         type: "paragraph",
         props: {}
       }) : !1)
     ),
     () => (
-      // 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 ? (r().deleteSelection().BNSplitBlock(n.selection.from, !0).run(), !0) : !1)
+      // Splits the current block, moving content inside that's after the cursor
+      // to a new block of the same type below.
+      a.command(() => e.childCount > 0 ? (r().deleteSelection().BNSplitBlock(n.selection.from, !0).run(), !0) : !1)
     )
   ]);
 }, gi = {
   ...y
-}, bi = j({
+}, bi = z({
   name: "bulletListItem",
   content: "inline*",
   group: "blockContent",
@@ -4817,7 +4815,7 @@ const se = (t) => {
   addInputRules() {
     return [
       // Creates an unordered list when starting with "-", "+", or "*".
-      new Y({
+      new ee({
         find: new RegExp("^[-+*]\\s$"),
         handler: ({ state: t, chain: e, range: o }) => {
           C(this.editor) === "inline*" && e().BNUpdateBlock(t.selection.from, {
@@ -4830,7 +4828,7 @@ const se = (t) => {
   },
   addKeyboardShortcuts() {
     return {
-      Enter: () => ue(this.editor),
+      Enter: () => Se(this.editor),
       "Mod-Shift-8": () => C(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
         this.editor.state.selection.anchor,
         {
@@ -4873,7 +4871,7 @@ const se = (t) => {
   },
   renderHTML({ HTMLAttributes: t }) {
     var e, o;
-    return R(
+    return V(
       this.name,
       // We use a <p> tag, because for <li> tags we'd need a <ul> element to put
       // them in to be semantically correct, which we can't have due to the
@@ -4886,10 +4884,10 @@ const se = (t) => {
       ((o = this.options.domAttributes) == null ? void 0 : o.inlineContent) || {}
     );
   }
-}), ki = $(
+}), ki = q(
   bi,
   gi
-), yi = new S("numbered-list-indexing"), vi = () => new _({
+), yi = new S("numbered-list-indexing"), wi = () => new v({
   key: yi,
   appendTransaction: (t, e, o) => {
     const i = o.tr;
@@ -4908,8 +4906,8 @@ const se = (t) => {
           if (!(d.depth !== h.depth)) {
             const f = h.contentNode;
             if (h.contentType.name === "numberedListItem") {
-              const L = f.attrs.index;
-              s = (parseInt(L) + 1).toString();
+              const I = f.attrs.index;
+              s = (parseInt(I) + 1).toString();
             }
           }
         }
@@ -4919,9 +4917,9 @@ const se = (t) => {
       }
     }), n ? i : null;
   }
-}), _i = {
+}), vi = {
   ...y
-}, wi = j({
+}, _i = z({
   name: "numberedListItem",
   content: "inline*",
   group: "blockContent",
@@ -4940,7 +4938,7 @@ const se = (t) => {
   addInputRules() {
     return [
       // Creates an ordered list when starting with "1.".
-      new Y({
+      new ee({
         find: new RegExp("^1\\.\\s$"),
         handler: ({ state: t, chain: e, range: o }) => {
           C(this.editor) === "inline*" && e().BNUpdateBlock(t.selection.from, {
@@ -4953,7 +4951,7 @@ const se = (t) => {
   },
   addKeyboardShortcuts() {
     return {
-      Enter: () => ue(this.editor),
+      Enter: () => Se(this.editor),
       "Mod-Shift-7": () => C(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
         this.editor.state.selection.anchor,
         {
@@ -4964,7 +4962,7 @@ const se = (t) => {
     };
   },
   addProseMirrorPlugins() {
-    return [vi()];
+    return [wi()];
   },
   parseHTML() {
     return [
@@ -5001,7 +4999,7 @@ const se = (t) => {
   },
   renderHTML({ HTMLAttributes: t }) {
     var e, o;
-    return R(
+    return V(
       this.name,
       // We use a <p> tag, because for <li> tags we'd need an <ol> element to
       // put them in to be semantically correct, which we can't have due to the
@@ -5014,15 +5012,15 @@ const se = (t) => {
       ((o = this.options.domAttributes) == null ? void 0 : o.inlineContent) || {}
     );
   }
-}), xi = $(
-  wi,
-  _i
+}), xi = q(
+  _i,
+  vi
 ), Ei = {
   ...y,
   checked: {
     default: !1
   }
-}, Ci = j({
+}, Ci = z({
   name: "checkListItem",
   content: "inline*",
   group: "blockContent",
@@ -5041,7 +5039,7 @@ const se = (t) => {
   addInputRules() {
     return [
       // Creates a checklist when starting with "[]" or "[X]".
-      new Y({
+      new ee({
         find: new RegExp("\\[\\s*\\]\\s$"),
         handler: ({ state: t, chain: e, range: o }) => {
           C(this.editor) === "inline*" && e().BNUpdateBlock(t.selection.from, {
@@ -5052,7 +5050,7 @@ const se = (t) => {
           }).deleteRange({ from: o.from, to: o.to });
         }
       }),
-      new Y({
+      new ee({
         find: new RegExp("\\[[Xx]\\]\\s$"),
         handler: ({ state: t, chain: e, range: o }) => {
           C(this.editor) === "inline*" && e().BNUpdateBlock(t.selection.from, {
@@ -5067,7 +5065,7 @@ const se = (t) => {
   },
   addKeyboardShortcuts() {
     return {
-      Enter: () => ue(this.editor),
+      Enter: () => Se(this.editor),
       "Mod-Shift-9": () => C(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
         this.editor.state.selection.anchor,
         {
@@ -5119,7 +5117,7 @@ const se = (t) => {
     var r, a;
     const o = document.createElement("input");
     o.type = "checkbox", o.checked = t.attrs.checked, t.attrs.checked && o.setAttribute("checked", "");
-    const { dom: i, contentDOM: n } = R(
+    const { dom: i, contentDOM: n } = V(
       this.name,
       "p",
       {
@@ -5152,7 +5150,7 @@ const se = (t) => {
         });
       };
       a.addEventListener("change", s);
-      const { dom: l, contentDOM: d } = R(
+      const { dom: l, contentDOM: d } = V(
         this.name,
         "p",
         {
@@ -5174,18 +5172,17 @@ const se = (t) => {
       };
     };
   }
-}), Si = $(
+}), Si = q(
   Ci,
   Ei
 ), Mi = {
   ...y
-}, Ti = j({
+}, Ti = z({
   name: "paragraph",
   content: "inline*",
   group: "blockContent",
   addKeyboardShortcuts() {
     return {
-      Enter: () => ue(this.editor),
       "Mod-Alt-0": () => C(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
         this.editor.state.selection.anchor,
         {
@@ -5201,13 +5198,17 @@ const se = (t) => {
       {
         tag: "p",
         priority: 200,
+        getAttrs: (t) => {
+          var e;
+          return typeof t == "string" || !((e = t.textContent) != null && e.trim()) ? !1 : {};
+        },
         node: "paragraph"
       }
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
     var e, o;
-    return R(
+    return V(
       this.name,
       "p",
       {
@@ -5217,7 +5218,7 @@ const se = (t) => {
       ((o = this.options.domAttributes) == null ? void 0 : o.inlineContent) || {}
     );
   }
-}), Bi = $(
+}), Bi = q(
   Ti,
   Mi
 ), Li = B.create({
@@ -5254,7 +5255,7 @@ const se = (t) => {
   }
 }), Ii = {
   ...y
-}, Ai = j({
+}, Ai = z({
   name: "table",
   content: "tableRow+",
   group: "blockContent",
@@ -5265,7 +5266,7 @@ const se = (t) => {
   },
   renderHTML({ HTMLAttributes: t }) {
     var e, o;
-    return R(
+    return V(
       this.name,
       "table",
       {
@@ -5275,12 +5276,23 @@ const se = (t) => {
       ((o = this.options.domAttributes) == null ? void 0 : o.inlineContent) || {}
     );
   }
-}), Ni = W.create({
+}), Ni = $.create({
   name: "tableParagraph",
   group: "tableContent",
   content: "inline*",
   parseHTML() {
-    return [{ tag: "p" }];
+    return [
+      { tag: "td" },
+      {
+        tag: "p",
+        getAttrs: (t) => {
+          if (typeof t == "string" || !t.textContent)
+            return !1;
+          const e = t.parentElement;
+          return e === null ? !1 : e.tagName === "TD" ? {} : !1;
+        }
+      }
+    ];
   },
   renderHTML({ HTMLAttributes: t }) {
     return [
@@ -5289,7 +5301,7 @@ const se = (t) => {
       0
     ];
   }
-}), Pi = $(
+}), Pi = q(
   Ai,
   Ii,
   [
@@ -5298,7 +5310,7 @@ const se = (t) => {
     qt.extend({
       content: "tableContent"
     }),
-    Kt.extend({
+    $t.extend({
       content: "tableContent"
     }),
     Xt
@@ -5315,11 +5327,11 @@ const se = (t) => {
   video: oi,
   audio: li
 }, Hi = lt(ht), mt = {
-  bold: H(zt, "boolean"),
-  italic: H(Gt, "boolean"),
-  underline: H($t, "boolean"),
-  strike: H(Wt, "boolean"),
-  code: H(Ft, "boolean"),
+  bold: U(zt, "boolean"),
+  italic: U(Gt, "boolean"),
+  underline: U(Kt, "boolean"),
+  strike: U(Wt, "boolean"),
+  code: U(Ft, "boolean"),
   textColor: pi,
   backgroundColor: ci
 }, Pr = ut(mt), ft = {
@@ -5349,7 +5361,7 @@ function Di(t, e, o) {
 function Rr(t, e, o) {
   return Di(t, e.type, o);
 }
-function Se(t, e) {
+function Me(t, e) {
   let o, i;
   if (e.firstChild.descendants((n, r) => o ? !1 : n.type.name !== "blockContainer" || n.attrs.id !== t ? !0 : (o = n, i = r + 1, !1)), o === void 0 || i === void 0)
     throw Error("Could not find block in the editor with matching ID.");
@@ -5362,9 +5374,9 @@ function Oi(t, e, o = "before", i) {
   const n = i._tiptapEditor, r = typeof e == "string" ? e : e.id, a = [];
   for (const u of t)
     a.push(
-      N(u, n.schema, i.schema.styleSchema)
+      P(u, n.schema, i.schema.styleSchema)
     );
-  const { node: s, posBeforeNode: l } = Se(r, n.state.doc);
+  const { node: s, posBeforeNode: l } = Me(r, n.state.doc);
   if (o === "before" && n.view.dispatch(
     n.state.tr.insert(l, a)
   ), o === "after" && n.view.dispatch(
@@ -5384,7 +5396,7 @@ function Oi(t, e, o = "before", i) {
   const d = [];
   for (const u of a)
     d.push(
-      v(
+      w(
         u,
         i.schema.blockSchema,
         i.schema.inlineContentSchema,
@@ -5395,10 +5407,10 @@ function Oi(t, e, o = "before", i) {
   return d;
 }
 function Ri(t, e, o) {
-  const i = o._tiptapEditor, n = typeof t == "string" ? t : t.id, { posBeforeNode: r } = Se(n, i.state.doc);
+  const i = o._tiptapEditor, n = typeof t == "string" ? t : t.id, { posBeforeNode: r } = Me(n, i.state.doc);
   i.commands.BNUpdateBlock(r + 1, e);
   const a = i.state.doc.resolve(r + 1).node();
-  return v(
+  return w(
     a,
     o.schema.blockSchema,
     o.schema.inlineContentSchema,
@@ -5419,7 +5431,7 @@ function gt(t, e, o) {
     if (l.type.name !== "blockContainer" || !r.has(l.attrs.id))
       return !0;
     a.push(
-      v(
+      w(
         l,
         e.schema.blockSchema,
         e.schema.inlineContentSchema,
@@ -5447,7 +5459,7 @@ function ji(t, e, o) {
   const i = o._tiptapEditor, n = [];
   for (const l of e)
     n.push(
-      N(l, i.schema, o.schema.styleSchema)
+      P(l, i.schema, o.schema.styleSchema)
     );
   const r = typeof t[0] == "string" ? t[0] : t[0].id, a = gt(
     t,
@@ -5464,7 +5476,7 @@ function ji(t, e, o) {
   ), s = [];
   for (const l of n)
     s.push(
-      v(
+      w(
         l,
         o.schema.blockSchema,
         o.schema.inlineContentSchema,
@@ -5516,28 +5528,28 @@ function Gi() {
   };
   return t;
 }
-function Me(t) {
-  return we().use(Ke, { fragment: !0 }).use(Fi).use(Gi).use(Yt).use(Xe).use(Qt).processSync(t).value;
+function Te(t) {
+  return _e().use($e, { fragment: !0 }).use(Fi).use(Gi).use(Yt).use(Xe).use(Qt).processSync(t).value;
 }
 function Wi(t, e, o) {
-  const n = re(e, o).exportBlocks(t);
-  return Me(n);
+  const n = ae(e, o).exportBlocks(t);
+  return Te(n);
 }
-function $i(t) {
+function Ki(t) {
   return Array.prototype.indexOf.call(t.parentElement.childNodes, t);
 }
-function Ki(t) {
+function $i(t) {
   return t.nodeType === 3 && !/\S/.test(t.nodeValue || "");
 }
 function qi(t) {
   t.querySelectorAll("li > ul, li > ol").forEach((e) => {
-    const o = $i(e), i = e.parentElement, n = Array.from(i.childNodes).slice(
+    const o = Ki(e), i = e.parentElement, n = Array.from(i.childNodes).slice(
       o + 1
     );
     e.remove(), n.forEach((r) => {
       r.remove();
     }), i.insertAdjacentElement("afterend", e), n.reverse().forEach((r) => {
-      if (Ki(r))
+      if ($i(r))
         return;
       const a = document.createElement("li");
       a.append(r), e.insertAdjacentElement("afterend", a);
@@ -5571,7 +5583,7 @@ async function kt(t, e, o, i, n) {
   }), l = [];
   for (let d = 0; d < s.childCount; d++)
     l.push(
-      v(s.child(d), e, o, i)
+      w(s.child(d), e, o, i)
     );
   return l;
 }
@@ -5593,7 +5605,7 @@ function Ji(t, e) {
   }, t.patch(e, n), n;
 }
 function Yi(t, e, o, i, n) {
-  const r = we().use(eo).use(Xe).use(to, {
+  const r = _e().use(eo).use(Xe).use(to, {
     handlers: {
       ...oo,
       code: Ji
@@ -5607,7 +5619,7 @@ function Yi(t, e, o, i, n) {
     n
   );
 }
-class K {
+class X {
   constructor() {
     // eslint-disable-next-line @typescript-eslint/ban-types
     c(this, "callbacks", {});
@@ -5628,10 +5640,9 @@ class K {
   }
 }
 class Qi {
-  constructor(e, o, i) {
+  constructor(e, o, i, n) {
     c(this, "state");
     c(this, "emitUpdate");
-    c(this, "prevWasEditable", null);
     c(this, "mouseDownHandler", () => {
       var e;
       (e = this.state) != null && e.show && (this.state.show = !1, this.emitUpdate());
@@ -5654,16 +5665,16 @@ class Qi {
       var e;
       (e = this.state) != null && e.show && (this.state.show = !1, this.emitUpdate());
     });
-    this.pluginKey = e, this.pmView = o, this.emitUpdate = () => {
+    this.editor = e, this.pluginKey = o, this.pmView = i, this.emitUpdate = () => {
       if (!this.state)
         throw new Error("Attempting to update uninitialized file panel");
-      i(this.state);
-    }, o.dom.addEventListener("mousedown", this.mouseDownHandler), o.dom.addEventListener("dragstart", this.dragstartHandler), document.addEventListener("scroll", this.scrollHandler);
+      n(this.state);
+    }, i.dom.addEventListener("mousedown", this.mouseDownHandler), i.dom.addEventListener("dragstart", this.dragstartHandler), document.addEventListener("scroll", this.scrollHandler, !0);
   }
   update(e, o) {
     var n, r;
     const i = this.pluginKey.getState(e.state);
-    if (!((n = this.state) != null && n.show) && i.block) {
+    if (!((n = this.state) != null && n.show) && i.block && this.editor.isEditable) {
       const a = document.querySelector(
         `[data-node-type="blockContainer"][data-id="${i.block.id}"]`
       );
@@ -5674,23 +5685,23 @@ class Qi {
       }, this.emitUpdate();
       return;
     }
-    (!e.state.selection.eq(o.selection) || !e.state.doc.eq(o.doc)) && (r = this.state) != null && r.show && (this.state.show = !1, this.emitUpdate());
+    (!e.state.selection.eq(o.selection) || !e.state.doc.eq(o.doc) || !this.editor.isEditable) && (r = this.state) != null && r.show && (this.state.show = !1, this.emitUpdate());
   }
   destroy() {
-    this.pmView.dom.removeEventListener("mousedown", this.mouseDownHandler), this.pmView.dom.removeEventListener("dragstart", this.dragstartHandler), document.removeEventListener("scroll", this.scrollHandler);
+    this.pmView.dom.removeEventListener("mousedown", this.mouseDownHandler), this.pmView.dom.removeEventListener("dragstart", this.dragstartHandler), document.removeEventListener("scroll", this.scrollHandler, !0);
   }
 }
 const fe = new S("FilePanelPlugin");
-class en extends K {
+class en extends X {
   constructor(o) {
     super();
     c(this, "view");
     c(this, "plugin");
     c(this, "closeMenu", () => this.view.closeMenu());
-    this.plugin = new _({
+    this.plugin = new v({
       key: fe,
       view: (i) => (this.view = new Qi(
-        // editor,
+        o,
         fe,
         i,
         (n) => {
@@ -5727,7 +5738,6 @@ class tn {
     c(this, "emitUpdate");
     c(this, "preventHide", !1);
     c(this, "preventShow", !1);
-    c(this, "prevWasEditable", null);
     c(this, "shouldShow", ({ state: e, from: o, to: i, view: n }) => {
       const { doc: r, selection: a } = e, { empty: s } = a, l = !r.textBetween(o, i).length && Ht(e.selection);
       return !(!n.hasFocus() || s || l);
@@ -5757,21 +5767,20 @@ class tn {
           "Attempting to update uninitialized formatting toolbar"
         );
       i(this.state);
-    }, o.dom.addEventListener("mousedown", this.viewMousedownHandler), o.dom.addEventListener("mouseup", this.viewMouseupHandler), o.dom.addEventListener("dragstart", this.dragHandler), o.dom.addEventListener("dragover", this.dragHandler), document.addEventListener("scroll", this.scrollHandler);
+    }, o.dom.addEventListener("mousedown", this.viewMousedownHandler), o.dom.addEventListener("mouseup", this.viewMouseupHandler), o.dom.addEventListener("dragstart", this.dragHandler), o.dom.addEventListener("dragover", this.dragHandler), document.addEventListener("scroll", this.scrollHandler, !0);
   }
   update(e, o) {
     var h, m;
     const { state: i, composing: n } = e, { doc: r, selection: a } = i, s = o && o.doc.eq(r) && o.selection.eq(a);
-    if ((this.prevWasEditable === null || this.prevWasEditable === this.editor.isEditable) && (n || s))
+    if (n || s)
       return;
-    this.prevWasEditable = this.editor.isEditable;
     const { ranges: l } = a, d = Math.min(...l.map((f) => f.$from.pos)), u = Math.max(...l.map((f) => f.$to.pos)), p = (h = this.shouldShow) == null ? void 0 : h.call(this, {
       view: e,
       state: i,
       from: d,
       to: u
     });
-    if (this.editor.isEditable && !this.preventShow && (p || this.preventHide)) {
+    if (!this.preventShow && (p || this.preventHide)) {
       this.state = {
         show: !0,
         referencePos: this.getSelectionBoundingBox()
@@ -5784,7 +5793,7 @@ class tn {
     }
   }
   destroy() {
-    this.pmView.dom.removeEventListener("mousedown", this.viewMousedownHandler), this.pmView.dom.removeEventListener("mouseup", this.viewMouseupHandler), this.pmView.dom.removeEventListener("dragstart", this.dragHandler), this.pmView.dom.removeEventListener("dragover", this.dragHandler), document.removeEventListener("scroll", this.scrollHandler);
+    this.pmView.dom.removeEventListener("mousedown", this.viewMousedownHandler), this.pmView.dom.removeEventListener("mouseup", this.viewMouseupHandler), this.pmView.dom.removeEventListener("dragstart", this.dragHandler), this.pmView.dom.removeEventListener("dragover", this.dragHandler), document.removeEventListener("scroll", this.scrollHandler, !0);
   }
   getSelectionBoundingBox() {
     const { state: e } = this.pmView, { selection: o } = e, { ranges: i } = o, n = Math.min(...i.map((a) => a.$from.pos)), r = Math.max(...i.map((a) => a.$to.pos));
@@ -5799,13 +5808,13 @@ class tn {
 const on = new S(
   "FormattingToolbarPlugin"
 );
-class nn extends K {
+class nn extends X {
   constructor(o) {
     super();
     c(this, "view");
     c(this, "plugin");
     c(this, "closeMenu", () => this.view.closeMenu());
-    this.plugin = new _({
+    this.plugin = new v({
       key: on,
       view: (i) => (this.view = new tn(o, i, (n) => {
         this.emit("update", n);
@@ -5875,7 +5884,7 @@ class rn {
       this.menuUpdateTimer = setTimeout(() => {
         this.update();
       }, 250);
-    }, this.stopMenuUpdateTimer = () => (this.menuUpdateTimer && (clearTimeout(this.menuUpdateTimer), this.menuUpdateTimer = void 0), !1), this.pmView.dom.addEventListener("mouseover", this.mouseOverHandler), document.addEventListener("click", this.clickHandler, !0), document.addEventListener("scroll", this.scrollHandler);
+    }, this.stopMenuUpdateTimer = () => (this.menuUpdateTimer && (clearTimeout(this.menuUpdateTimer), this.menuUpdateTimer = void 0), !1), this.pmView.dom.addEventListener("mouseover", this.mouseOverHandler), document.addEventListener("click", this.clickHandler, !0), document.addEventListener("scroll", this.scrollHandler, !0);
   }
   editLink(e, o) {
     var n;
@@ -5939,11 +5948,11 @@ class rn {
     }
   }
   destroy() {
-    this.pmView.dom.removeEventListener("mouseover", this.mouseOverHandler), document.removeEventListener("scroll", this.scrollHandler), document.removeEventListener("click", this.clickHandler, !0);
+    this.pmView.dom.removeEventListener("mouseover", this.mouseOverHandler), document.removeEventListener("scroll", this.scrollHandler, !0), document.removeEventListener("click", this.clickHandler, !0);
   }
 }
 const an = new S("LinkToolbarPlugin");
-class sn extends K {
+class sn extends X {
   constructor(o) {
     super();
     c(this, "view");
@@ -5981,7 +5990,7 @@ class sn extends K {
       this.view.stopMenuUpdateTimer();
     });
     c(this, "closeMenu", () => this.view.closeMenu());
-    this.plugin = new _({
+    this.plugin = new v({
       key: an,
       view: (i) => (this.view = new rn(o, i, (n) => {
         this.emit("update", n);
@@ -6017,7 +6026,7 @@ class dn {
     c(this, "closeMenu", () => {
       this.editor._tiptapEditor.view.dispatch(
         this.editor._tiptapEditor.view.state.tr.setMeta(
-          D,
+          O,
           null
         )
       );
@@ -6032,10 +6041,10 @@ class dn {
       if (!this.state)
         throw new Error("Attempting to update uninitialized suggestions menu");
       o(i, this.state);
-    }, document.addEventListener("scroll", this.handleScroll);
+    }, document.addEventListener("scroll", this.handleScroll, !0);
   }
   update(e, o) {
-    const i = D.getState(o), n = D.getState(
+    const i = O.getState(o), n = O.getState(
       e.state
     ), r = i === void 0 && n !== void 0, a = i !== void 0 && n === void 0;
     if (!r && !(i !== void 0 && n !== void 0) && !a)
@@ -6054,11 +6063,11 @@ class dn {
     }, this.emitUpdate(this.pluginState.triggerCharacter));
   }
   destroy() {
-    document.removeEventListener("scroll", this.handleScroll);
+    document.removeEventListener("scroll", this.handleScroll, !0);
   }
 }
-const D = new S("SuggestionMenuPlugin");
-class cn extends K {
+const O = new S("SuggestionMenuPlugin");
+class cn extends X {
   constructor(o) {
     super();
     c(this, "view");
@@ -6076,8 +6085,8 @@ class cn extends K {
     c(this, "closeMenu", () => this.view.closeMenu());
     c(this, "clearQuery", () => this.view.clearQuery());
     const i = this.triggerCharacters;
-    this.plugin = new _({
-      key: D,
+    this.plugin = new v({
+      key: O,
       view: () => (this.view = new dn(
         o,
         (n, r) => {
@@ -6092,7 +6101,7 @@ class cn extends K {
         apply(n, r, a, s) {
           if (n.getMeta("orderedListIndexing") !== void 0)
             return r;
-          const l = n.getMeta(D);
+          const l = n.getMeta(O);
           if (typeof l == "object" && l !== null && r === void 0)
             return {
               triggerCharacter: l.triggerCharacter,
@@ -6123,7 +6132,7 @@ class cn extends K {
         handleTextInput(n, r, a, s) {
           const l = this.getState(n.state);
           return i.includes(s) && l === void 0 ? (n.dispatch(
-            n.state.tr.insertText(s).scrollIntoView().setMeta(D, {
+            n.state.tr.insertText(s).scrollIntoView().setMeta(O, {
               triggerCharacter: s
             })
           ), !0) : !1;
@@ -6136,8 +6145,8 @@ class cn extends K {
           if (!r.fromUserInput) {
             const a = ln(n.selection);
             if (a)
-              return F.create(n.doc, [
-                G.node(
+              return G.create(n.doc, [
+                W.node(
                   a.pos,
                   a.pos + a.node.nodeSize,
                   {
@@ -6148,8 +6157,8 @@ class cn extends K {
                 )
               ]);
           }
-          return F.create(n.doc, [
-            G.inline(
+          return G.create(n.doc, [
+            W.inline(
               r.queryStartPos - r.triggerCharacter.length,
               r.queryStartPos,
               {
@@ -6174,7 +6183,7 @@ class cn extends K {
 function Vr(t, e) {
   t.suggestionMenus.addTriggerCharacter(e);
 }
-class z extends he {
+class F extends he {
   constructor(o, i) {
     super(o, i);
     c(this, "nodes");
@@ -6185,13 +6194,13 @@ class z extends he {
     });
   }
   static create(o, i, n = i) {
-    return new z(o.resolve(i), o.resolve(n));
+    return new F(o.resolve(i), o.resolve(n));
   }
   content() {
-    return new U(T.from(this.nodes), 0, 0);
+    return new D(T.from(this.nodes), 0, 0);
   }
   eq(o) {
-    if (!(o instanceof z) || this.nodes.length !== o.nodes.length || this.from !== o.from || this.to !== o.to)
+    if (!(o instanceof F) || this.nodes.length !== o.nodes.length || this.from !== o.from || this.to !== o.to)
       return !1;
     for (let i = 0; i < this.nodes.length; i++)
       if (!this.nodes[i].eq(o.nodes[i]))
@@ -6200,7 +6209,7 @@ class z extends he {
   }
   map(o, i) {
     const n = i.mapResult(this.from), r = i.mapResult(this.to);
-    return r.deleted ? he.near(o.resolve(n.pos)) : n.deleted ? he.near(o.resolve(r.pos)) : new z(
+    return r.deleted ? he.near(o.resolve(n.pos)) : n.deleted ? he.near(o.resolve(r.pos)) : new F(
       o.resolve(n.pos),
       o.resolve(r.pos)
     );
@@ -6209,24 +6218,16 @@ class z extends he {
     return { type: "node", anchor: this.anchor, head: this.head };
   }
 }
-let A;
-function Te(t, e) {
-  var n;
-  if (!e.dom.isConnected)
-    return;
-  const o = e.posAtCoords(t);
-  if (!o)
-    return;
-  let i = e.domAtPos(o.pos).node;
-  if (i !== e.dom) {
-    for (; i && i.parentNode && i.parentNode !== e.dom && !((n = i.hasAttribute) != null && n.call(i, "data-id")); )
-      i = i.parentNode;
-    if (i)
-      return { node: i, id: i.getAttribute("data-id") };
-  }
+let N;
+function pe(t, e) {
+  var o;
+  for (; t && t.parentElement && t.parentElement !== e.dom && !((o = t.hasAttribute) != null && o.call(t, "data-id")); )
+    t = t.parentElement;
+  if (t.hasAttribute("data-id"))
+    return { node: t, id: t.getAttribute("data-id") };
 }
 function un(t, e) {
-  const o = Te(t, e);
+  const o = pe(t, e);
   if (o && o.node.nodeType === 1) {
     const i = e.docView, n = i.nearestDesc(o.node, !0);
     return !n || n === i ? null : n.posBefore;
@@ -6256,14 +6257,14 @@ function Fe(t, e, o = e) {
   );
   for (let u = n.childElementCount - 1; u >= 0; u--)
     (u > s || u < a) && i.removeChild(i.children[u]);
-  yt(), A = i;
+  yt(), N = i;
   const d = t.dom.className.split(" ").filter(
     (u) => u !== "ProseMirror" && u !== "bn-root" && u !== "bn-editor"
   ).join(" ");
-  A.className = A.className + " bn-drag-preview " + d, document.body.appendChild(A);
+  N.className = N.className + " bn-drag-preview " + d, document.body.appendChild(N);
 }
 function yt() {
-  A !== void 0 && (document.body.removeChild(A), A = void 0);
+  N !== void 0 && (document.body.removeChild(N), N = void 0);
 }
 function hn(t, e) {
   if (!t.dataTransfer)
@@ -6272,26 +6273,37 @@ function hn(t, e) {
     left: i.left + i.width / 2,
     // take middle of editor
     top: t.clientY
-  }, r = un(n, o);
-  if (r != null) {
-    const a = o.state.selection, s = o.state.doc, { from: l, to: d } = pn(a, s), u = l <= r && r < d, p = a.$anchor.node() !== a.$head.node() || a instanceof z;
-    u && p ? (o.dispatch(
-      o.state.tr.setSelection(z.create(s, l, d))
-    ), Fe(o, l, d)) : (o.dispatch(
-      o.state.tr.setSelection(oe.create(o.state.doc, r))
-    ), Fe(o, r));
-    const h = o.state.selection.content(), m = e._tiptapEditor.schema, g = nt(m, e).serializeProseMirrorFragment(
-      h.content
-    ), L = re(m, e).exportProseMirrorFragment(
-      h.content
-    ), M = Me(L);
-    t.dataTransfer.clearData(), t.dataTransfer.setData("blocknote/html", g), t.dataTransfer.setData("text/html", L), t.dataTransfer.setData("text/plain", M), t.dataTransfer.effectAllowed = "move", t.dataTransfer.setDragImage(A, 0, 0), o.dragging = { slice: h, move: !0 };
+  }, r = document.elementsFromPoint(n.left, n.top);
+  let a;
+  for (const l of r)
+    if (o.dom.contains(l)) {
+      a = pe(l, o);
+      break;
+    }
+  if (!a)
+    return;
+  const s = un(a.node, o);
+  if (s != null) {
+    const l = o.state.selection, d = o.state.doc, { from: u, to: p } = pn(l, d), h = u <= s && s < p, m = l.$anchor.node() !== l.$head.node() || l instanceof F;
+    h && m ? (o.dispatch(
+      o.state.tr.setSelection(F.create(d, u, p))
+    ), Fe(o, u, p)) : (o.dispatch(
+      o.state.tr.setSelection(ne.create(o.state.doc, s))
+    ), Fe(o, s));
+    const f = o.state.selection.content(), g = e._tiptapEditor.schema, I = nt(g, e).serializeProseMirrorFragment(
+      f.content
+    ), A = ae(g, e).exportProseMirrorFragment(
+      f.content
+    ), Z = Te(A);
+    t.dataTransfer.clearData(), t.dataTransfer.setData("blocknote/html", I), t.dataTransfer.setData("text/html", A), t.dataTransfer.setData("text/plain", Z), t.dataTransfer.effectAllowed = "move", t.dataTransfer.setDragImage(N, 0, 0), o.dragging = { slice: f, move: !0 };
   }
 }
 class mn {
   constructor(e, o, i) {
     c(this, "state");
     c(this, "emitUpdate");
+    c(this, "needUpdate", !1);
+    c(this, "mousePos");
     // When true, the drag handle with be anchored at the same level as root elements
     // When false, the drag handle with be just to the left of the element
     // TODO: Is there any case where we want this to be false?
@@ -6301,6 +6313,47 @@ class mn {
     // Used to check if currently dragged content comes from this editor instance.
     c(this, "isDragging", !1);
     c(this, "menuFrozen", !1);
+    c(this, "updateState", () => {
+      var a, s, l, d;
+      if (this.menuFrozen || !this.mousePos)
+        return;
+      const e = this.pmView.dom.firstChild.getBoundingClientRect();
+      this.horizontalPosAnchor = e.x;
+      const o = {
+        left: e.left + e.width / 2,
+        // take middle of editor
+        top: this.mousePos.y
+      }, i = document.elementsFromPoint(o.left, o.top);
+      let n;
+      for (const u of i)
+        if (this.pmView.dom.contains(u)) {
+          n = pe(u, this.pmView);
+          break;
+        }
+      if (!n || !this.editor.isEditable) {
+        (a = this.state) != null && a.show && (this.state.show = !1, this.needUpdate = !0);
+        return;
+      }
+      if ((s = this.state) != null && s.show && ((l = this.hoveredBlock) != null && l.hasAttribute("data-id")) && ((d = this.hoveredBlock) == null ? void 0 : d.getAttribute("data-id")) === n.id)
+        return;
+      this.hoveredBlock = n.node;
+      const r = n.node.firstChild;
+      if (r && this.editor.isEditable) {
+        const u = r.getBoundingClientRect();
+        this.state = {
+          show: !0,
+          referencePos: new DOMRect(
+            this.horizontalPosAnchoredAtRoot ? this.horizontalPosAnchor : u.x,
+            u.y,
+            u.width,
+            u.height
+          ),
+          block: this.editor.getBlock(
+            this.hoveredBlock.getAttribute("data-id")
+          )
+        }, this.needUpdate = !0;
+      }
+    });
     /**
      * Sets isDragging when dragging text.
      */
@@ -6345,52 +6398,23 @@ class mn {
       var o;
       (o = this.state) != null && o.show && this.editor.isFocused() && (this.state.show = !1, this.emitUpdate(this.state), this.menuFrozen = !1);
     });
-    c(this, "onMouseDown", (e) => {
-      this.state && !this.state.show && (this.state.show = !0, this.emitUpdate(this.state)), this.menuFrozen = !1;
+    c(this, "onMouseDown", () => {
+      this.state && this.state.show && this.menuFrozen && (this.menuFrozen = !1, this.state.show = !1, this.emitUpdate(this.state));
     });
     c(this, "onMouseMove", (e) => {
-      var d, u, p, h, m;
-      if (this.menuFrozen)
-        return;
-      const o = this.pmView.dom.firstChild.getBoundingClientRect(), i = this.pmView.dom.getBoundingClientRect(), n = e.clientX >= i.left && e.clientX <= i.right && e.clientY >= i.top && e.clientY <= i.bottom, r = this.pmView.dom.parentElement;
+      var r;
+      this.mousePos = { x: e.clientX, y: e.clientY };
+      const o = this.pmView.dom.getBoundingClientRect(), i = this.mousePos.x > o.left && this.mousePos.x < o.right && this.mousePos.y > o.top && this.mousePos.y < o.bottom, n = this.pmView.dom.parentElement;
       if (
         // Cursor is within the editor area
-        n && // An element is hovered
+        i && // An element is hovered
         e && e.target && // Element is outside the editor
-        !(r === e.target || r.contains(e.target))
+        !(n === e.target || n.contains(e.target))
       ) {
-        (d = this.state) != null && d.show && (this.state.show = !1, this.emitUpdate(this.state));
-        return;
-      }
-      this.horizontalPosAnchor = o.x;
-      const a = {
-        left: o.left + o.width / 2,
-        // take middle of editor
-        top: e.clientY
-      }, s = Te(a, this.pmView);
-      if (!s || !this.editor.isEditable) {
-        (u = this.state) != null && u.show && (this.state.show = !1, this.emitUpdate(this.state));
-        return;
-      }
-      if ((p = this.state) != null && p.show && ((h = this.hoveredBlock) != null && h.hasAttribute("data-id")) && ((m = this.hoveredBlock) == null ? void 0 : m.getAttribute("data-id")) === s.id)
+        (r = this.state) != null && r.show && (this.state.show = !1, this.emitUpdate(this.state));
         return;
-      this.hoveredBlock = s.node;
-      const l = s.node.firstChild;
-      if (l && this.editor.isEditable) {
-        const f = l.getBoundingClientRect();
-        this.state = {
-          show: !0,
-          referencePos: new DOMRect(
-            this.horizontalPosAnchoredAtRoot ? this.horizontalPosAnchor : f.x,
-            f.y,
-            f.width,
-            f.height
-          ),
-          block: this.editor.getBlock(
-            this.hoveredBlock.getAttribute("data-id")
-          )
-        }, this.emitUpdate(this.state);
       }
+      this.updateState(), this.needUpdate && (this.emitUpdate(this.state), this.needUpdate = !1);
     });
     c(this, "onScroll", () => {
       var e;
@@ -6408,15 +6432,27 @@ class mn {
       if (!this.state)
         throw new Error("Attempting to update uninitialized side menu");
       i(this.state);
-    }, this.horizontalPosAnchoredAtRoot = !0, this.horizontalPosAnchor = this.pmView.dom.firstChild.getBoundingClientRect().x, document.body.addEventListener("drop", this.onDrop, !0), document.body.addEventListener("dragover", this.onDragOver), this.pmView.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.horizontalPosAnchoredAtRoot = !0, this.horizontalPosAnchor = this.pmView.dom.firstChild.getBoundingClientRect().x, document.body.addEventListener("drop", this.onDrop, !0), document.body.addEventListener("dragover", this.onDragOver), this.pmView.dom.addEventListener("dragstart", this.onDragStart), document.body.addEventListener("mousemove", this.onMouseMove, !0), this.pmView.dom.addEventListener("mousedown", this.onMouseDown), document.body.addEventListener("keydown", this.onKeyDown, !0), document.addEventListener("scroll", this.onScroll, !0);
+  }
+  // Needed in cases where the editor state updates without the mouse cursor
+  // moving, as some state updates can require a side menu update. For example,
+  // adding a button to the side menu which removes the block can cause the
+  // block below to jump up into the place of the removed block when clicked,
+  // allowing the user to click the button again without moving the cursor. This
+  // would otherwise not update the side menu, and so clicking the button again
+  // would attempt to remove the same block again, causing an error.
+  update() {
+    var o;
+    const e = (o = this.state) == null ? void 0 : o.block.id;
+    this.updateState(), this.needUpdate && this.state && e !== this.state.block.id && (this.emitUpdate(this.state), this.needUpdate = !1);
   }
   destroy() {
     var e;
-    (e = this.state) != null && e.show && (this.state.show = !1, this.emitUpdate(this.state)), document.body.removeEventListener("mousemove", this.onMouseMove, !0), document.body.removeEventListener("dragover", this.onDragOver), this.pmView.dom.removeEventListener("dragstart", this.onDragStart), document.body.removeEventListener("drop", this.onDrop, !0), document.removeEventListener("scroll", this.onScroll), document.body.removeEventListener("mousedown", this.onMouseDown, !0), document.body.removeEventListener("keydown", this.onKeyDown, !0);
+    (e = this.state) != null && e.show && (this.state.show = !1, this.emitUpdate(this.state)), document.body.removeEventListener("mousemove", this.onMouseMove, !0), document.body.removeEventListener("dragover", this.onDragOver), this.pmView.dom.removeEventListener("dragstart", this.onDragStart), document.body.removeEventListener("drop", this.onDrop, !0), document.removeEventListener("scroll", this.onScroll, !0), this.pmView.dom.removeEventListener("mousedown", this.onMouseDown), document.body.removeEventListener("keydown", this.onKeyDown, !0);
   }
   addBlock() {
     var l;
-    (l = this.state) != null && l.show && (this.state.show = !1, this.emitUpdate(this.state)), this.menuFrozen = !0;
+    (l = this.state) != null && l.show && (this.state.show = !1, this.emitUpdate(this.state));
     const o = this.hoveredBlock.firstChild.getBoundingClientRect(), i = this.pmView.posAtCoords({
       left: o.left + o.width / 2,
       top: o.top + o.height / 2
@@ -6436,7 +6472,7 @@ class mn {
     } else
       this.editor._tiptapEditor.commands.setTextSelection(a + 1);
     this.pmView.focus(), this.pmView.dispatch(
-      this.pmView.state.tr.scrollIntoView().setMeta(D, {
+      this.pmView.state.tr.scrollIntoView().setMeta(O, {
         triggerCharacter: "/",
         fromUserInput: !1
       })
@@ -6444,7 +6480,7 @@ class mn {
   }
 }
 const fn = new S("SideMenuPlugin");
-class gn extends K {
+class gn extends X {
   constructor(o) {
     super();
     c(this, "view");
@@ -6475,8 +6511,10 @@ class gn extends K {
      * attached to the same block regardless of which block is hovered by the
      * mouse cursor.
      */
-    c(this, "unfreezeMenu", () => this.view.menuFrozen = !1);
-    this.editor = o, this.plugin = new _({
+    c(this, "unfreezeMenu", () => {
+      this.view.menuFrozen = !1, this.view.state.show = !1, this.view.emitUpdate(this.view.state);
+    });
+    this.editor = o, this.plugin = new v({
       key: fn,
       view: (i) => (this.view = new mn(o, i, (n) => {
         this.emit("update", n);
@@ -6494,7 +6532,7 @@ function Ge() {
 function bn() {
   E && (document.body.removeChild(E), E = void 0);
 }
-function te(t) {
+function ie(t) {
   return Array.prototype.indexOf.call(t.parentElement.childNodes, t);
 }
 function kn(t) {
@@ -6509,7 +6547,7 @@ function yn(t) {
       o[i].style.visibility = "hidden";
   });
 }
-class vn {
+class wn {
   constructor(e, o, i) {
     c(this, "state");
     c(this, "emitUpdate");
@@ -6526,7 +6564,7 @@ class vn {
         (d = this.state) != null && d.show && (this.state.show = !1, this.emitUpdate());
         return;
       }
-      const i = te(o), n = te(o.parentElement), r = o.getBoundingClientRect(), a = o.parentElement.parentElement.getBoundingClientRect(), s = Te(r, this.pmView);
+      const i = ie(o), n = ie(o.parentElement), r = o.getBoundingClientRect(), a = o.parentElement.parentElement.getBoundingClientRect(), s = pe(o, this.pmView);
       if (!s)
         return;
       let l;
@@ -6535,7 +6573,7 @@ class vn {
           return !1;
         if (u.type.name !== "blockContainer" || u.attrs.id !== s.id)
           return !0;
-        const h = v(
+        const h = w(
           u,
           this.editor.schema.blockSchema,
           this.editor.schema.inlineContentSchema,
@@ -6581,11 +6619,11 @@ class vn {
         );
       const n = i[0];
       let r = !1;
-      const a = te(n.parentElement), s = te(n), l = this.state.draggingState.draggedCellOrientation === "row" ? this.state.rowIndex : this.state.colIndex, u = (this.state.draggingState.draggedCellOrientation === "row" ? a : s) !== l;
+      const a = ie(n.parentElement), s = ie(n), l = this.state.draggingState.draggedCellOrientation === "row" ? this.state.rowIndex : this.state.colIndex, u = (this.state.draggingState.draggedCellOrientation === "row" ? a : s) !== l;
       (this.state.rowIndex !== a || this.state.colIndex !== s) && (this.state.rowIndex = a, this.state.colIndex = s, this.state.referencePosCell = n.getBoundingClientRect(), r = !0);
       const p = this.state.draggingState.draggedCellOrientation === "row" ? o.top : o.left;
       this.state.draggingState.mousePos !== p && (this.state.draggingState.mousePos = p, r = !0), r && this.emitUpdate(), u && this.pmView.dispatch(
-        this.pmView.state.tr.setMeta(J, !0)
+        this.pmView.state.tr.setMeta(Q, !0)
       );
     });
     c(this, "dropHandler", (e) => {
@@ -6627,14 +6665,14 @@ class vn {
       if (!this.state)
         throw new Error("Attempting to update uninitialized image toolbar");
       i(this.state);
-    }, o.dom.addEventListener("mousemove", this.mouseMoveHandler), document.addEventListener("dragover", this.dragOverHandler), document.addEventListener("drop", this.dropHandler), document.addEventListener("scroll", this.scrollHandler);
+    }, o.dom.addEventListener("mousemove", this.mouseMoveHandler), document.addEventListener("dragover", this.dragOverHandler), document.addEventListener("drop", this.dropHandler), document.addEventListener("scroll", this.scrollHandler, !0);
   }
   destroy() {
-    this.pmView.dom.removeEventListener("mousemove", this.mouseMoveHandler), document.removeEventListener("dragover", this.dragOverHandler), document.removeEventListener("drop", this.dropHandler), document.removeEventListener("scroll", this.scrollHandler);
+    this.pmView.dom.removeEventListener("mousemove", this.mouseMoveHandler), document.removeEventListener("dragover", this.dragOverHandler), document.removeEventListener("drop", this.dropHandler), document.removeEventListener("scroll", this.scrollHandler, !0);
   }
 }
-const J = new S("TableHandlesPlugin");
-class _n extends K {
+const Q = new S("TableHandlesPlugin");
+class vn extends X {
   constructor(o) {
     super();
     c(this, "view");
@@ -6653,7 +6691,7 @@ class _n extends K {
         originalIndex: this.view.state.colIndex,
         mousePos: o.clientX
       }, this.view.emitUpdate(), this.editor._tiptapEditor.view.dispatch(
-        this.editor._tiptapEditor.state.tr.setMeta(J, {
+        this.editor._tiptapEditor.state.tr.setMeta(Q, {
           draggedCellOrientation: this.view.state.draggingState.draggedCellOrientation,
           originalIndex: this.view.state.colIndex,
           newIndex: this.view.state.colIndex,
@@ -6675,7 +6713,7 @@ class _n extends K {
         originalIndex: this.view.state.rowIndex,
         mousePos: o.clientY
       }, this.view.emitUpdate(), this.editor._tiptapEditor.view.dispatch(
-        this.editor._tiptapEditor.state.tr.setMeta(J, {
+        this.editor._tiptapEditor.state.tr.setMeta(Q, {
           draggedCellOrientation: this.view.state.draggingState.draggedCellOrientation,
           originalIndex: this.view.state.rowIndex,
           newIndex: this.view.state.rowIndex,
@@ -6693,7 +6731,7 @@ class _n extends K {
           "Attempted to drag table row, but no table block was hovered prior."
         );
       this.view.state.draggingState = void 0, this.view.emitUpdate(), this.editor._tiptapEditor.view.dispatch(
-        this.editor._tiptapEditor.state.tr.setMeta(J, null)
+        this.editor._tiptapEditor.state.tr.setMeta(Q, null)
       ), bn();
     });
     /**
@@ -6710,9 +6748,9 @@ class _n extends K {
     c(this, "unfreezeHandles", () => {
       this.view.menuFrozen = !1;
     });
-    this.editor = o, this.plugin = new _({
-      key: J,
-      view: (i) => (this.view = new vn(o, i, (n) => {
+    this.editor = o, this.plugin = new v({
+      key: Q,
+      view: (i) => (this.view = new wn(o, i, (n) => {
         this.emit("update", n);
       }), this.view),
       // We use decorations to render the drop cursor when dragging a table row
@@ -6723,7 +6761,7 @@ class _n extends K {
             return;
           const n = this.view.state.draggingState.draggedCellOrientation === "row" ? this.view.state.rowIndex : this.view.state.colIndex, r = [];
           if (n === this.view.state.draggingState.originalIndex)
-            return F.create(i.doc, r);
+            return G.create(i.doc, r);
           const a = i.doc.resolve(this.view.tablePos + 1), s = a.node();
           if (this.view.state.draggingState.draggedCellOrientation === "row") {
             const l = i.doc.resolve(
@@ -6735,7 +6773,7 @@ class _n extends K {
               ), h = p.node(), m = p.pos + (n > this.view.state.draggingState.originalIndex ? h.nodeSize - 2 : 0);
               r.push(
                 // The widget is a small bar which spans the width of the cell.
-                G.widget(m, () => {
+                W.widget(m, () => {
                   const f = document.createElement("div");
                   return f.className = "bn-table-drop-cursor", f.style.left = "0", f.style.right = "0", n > this.view.state.draggingState.originalIndex ? f.style.bottom = "-2px" : f.style.top = "-3px", f.style.height = "4px", f;
                 })
@@ -6750,13 +6788,13 @@ class _n extends K {
               ), p = u.node(), h = u.pos + (n > this.view.state.draggingState.originalIndex ? p.nodeSize - 2 : 0);
               r.push(
                 // The widget is a small bar which spans the height of the cell.
-                G.widget(h, () => {
+                W.widget(h, () => {
                   const m = document.createElement("div");
                   return m.className = "bn-table-drop-cursor", m.style.top = "0", m.style.bottom = "0", n > this.view.state.draggingState.originalIndex ? m.style.right = "-2px" : m.style.left = "-3px", m.style.width = "4px", m;
                 })
               );
             }
-          return F.create(i.doc, r);
+          return G.create(i.doc, r);
         }
       }
     });
@@ -6769,23 +6807,23 @@ function We(t, e) {
   const o = t.state.selection.content().content, n = nt(
     t.state.schema,
     e
-  ).serializeProseMirrorFragment(o), a = re(
+  ).serializeProseMirrorFragment(o), a = ae(
     t.state.schema,
     e
-  ).exportProseMirrorFragment(o), s = Me(a);
+  ).exportProseMirrorFragment(o), s = Te(a);
   return { internalHTML: n, externalHTML: a, plainText: s };
 }
-const wn = (t) => B.create({
+const _n = (t) => B.create({
   name: "copyToClipboard",
   addProseMirrorPlugins() {
     return [
-      new _({
+      new v({
         props: {
           handleDOMEvents: {
             copy(e, o) {
               o.preventDefault(), o.clipboardData.clearData(), "node" in e.state.selection && e.state.selection.node.type.spec.group === "blockContent" && e.dispatch(
                 e.state.tr.setSelection(
-                  new oe(
+                  new ne(
                     e.state.doc.resolve(e.state.selection.from - 1)
                   )
                 )
@@ -6801,7 +6839,7 @@ const wn = (t) => B.create({
                 return;
               e.dispatch(
                 e.state.tr.setSelection(
-                  new oe(
+                  new ne(
                     e.state.doc.resolve(e.state.selection.from - 1)
                   )
                 )
@@ -6822,11 +6860,12 @@ const wn = (t) => B.create({
   name: "pasteFromClipboard",
   addProseMirrorPlugins() {
     return [
-      new _({
+      new v({
         props: {
           handleDOMEvents: {
             paste(e, o) {
-              o.preventDefault();
+              if (o.preventDefault(), !t.isEditable)
+                return;
               let i = null;
               for (const n of xn)
                 if (o.clipboardData.types.includes(n)) {
@@ -6913,7 +6952,7 @@ const wn = (t) => B.create({
   addProseMirrorPlugins() {
     const t = new S(this.name);
     return [
-      new _({
+      new v({
         key: t,
         appendTransaction: (e, o, i) => {
           const { doc: n, tr: r, schema: a } = i, s = t.getState(i), l = n.content.size - 2, d = a.nodes.blockContainer, u = a.nodes.paragraph;
@@ -6943,7 +6982,7 @@ const wn = (t) => B.create({
       })
     ];
   }
-}), Bn = new S("non-editable-block"), Ln = () => new _({
+}), Bn = new S("non-editable-block"), Ln = () => new v({
   key: Bn,
   props: {
     handleKeyDown: (t, e) => {
@@ -6959,7 +6998,7 @@ const wn = (t) => B.create({
               t.state.tr.selection.$to.after(),
               t.state.schema.nodes.paragraph.create()
             ).setSelection(
-              new Z(
+              new Y(
                 o.doc.resolve(t.state.tr.selection.$to.after() + 1)
               )
             )
@@ -6969,7 +7008,7 @@ const wn = (t) => B.create({
       return !1;
     }
   }
-}), $e = new S("previous-blocks"), In = {
+}), Ke = new S("previous-blocks"), In = {
   // Numbered List Items
   index: "index",
   // Headings
@@ -6980,15 +7019,15 @@ const wn = (t) => B.create({
   "depth-change": "depth-change"
 }, An = () => {
   let t;
-  return new _({
-    key: $e,
+  return new v({
+    key: Ke,
     view(e) {
       return {
         update: async (o, i) => {
           var n;
           ((n = this.key) == null ? void 0 : n.getState(o.state).updatedBlocks.size) > 0 && (t = setTimeout(() => {
             o.dispatch(
-              o.state.tr.setMeta($e, { clearUpdate: !0 })
+              o.state.tr.setMeta(Ke, { clearUpdate: !0 })
             );
           }, 0));
         },
@@ -7047,11 +7086,11 @@ const wn = (t) => B.create({
           const a = o.currentTransactionOldBlockAttrs[n.attrs.id], s = {};
           for (const [d, u] of Object.entries(a))
             s["data-prev-" + In[d]] = u || "none";
-          const l = G.node(r, r + n.nodeSize, {
+          const l = W.node(r, r + n.nodeSize, {
             ...s
           });
           i.push(l);
-        }), F.create(e.doc, i);
+        }), G.create(e.doc, i);
       }
     }
   });
@@ -7061,7 +7100,7 @@ const wn = (t) => B.create({
   id: "data-id",
   depth: "data-depth",
   depthChange: "data-depth-change"
-}, Pn = W.create({
+}, Pn = $.create({
   name: "blockContainer",
   group: "blockContainer",
   // A block always contains content, and optionally a blockGroup which contains nested blocks
@@ -7094,7 +7133,7 @@ const wn = (t) => B.create({
       ...((n = this.options.domAttributes) == null ? void 0 : n.block) || {},
       ...t
     }, i = document.createElement("div");
-    i.className = O("bn-block", o.class), i.setAttribute("data-node-type", this.name);
+    i.className = R("bn-block", o.class), i.setAttribute("data-node-type", this.name);
     for (const [r, a] of Object.entries(o))
       r !== "class" && i.setAttribute(r, a);
     return e.appendChild(i), {
@@ -7128,7 +7167,7 @@ const wn = (t) => B.create({
             const h = [];
             for (const m of e.children)
               h.push(
-                N(
+                P(
                   m,
                   o.schema,
                   this.options.editor.schema.styleSchema
@@ -7137,7 +7176,7 @@ const wn = (t) => B.create({
             s.childCount === 2 ? o.tr.replace(
               r + l.nodeSize + 1,
               a - 1,
-              new U(T.from(h), 0, 0)
+              new D(T.from(h), 0, 0)
             ) : o.tr.insert(
               r + l.nodeSize,
               o.schema.nodes.blockGroup.create({}, h)
@@ -7147,9 +7186,13 @@ const wn = (t) => B.create({
           let p = "keep";
           if (e.content)
             if (typeof e.content == "string")
-              p = [o.schema.text(e.content)];
+              p = K(
+                [e.content],
+                o.schema,
+                this.options.editor.schema.styleSchema
+              );
             else if (Array.isArray(e.content))
-              p = ne(
+              p = K(
                 e.content,
                 o.schema,
                 this.options.editor.schema.styleSchema
@@ -7161,7 +7204,7 @@ const wn = (t) => B.create({
                 this.options.editor.schema.styleSchema
               );
             else
-              throw new I(e.content.type);
+              throw new L(e.content.type);
           else {
             const h = o.schema.nodes[d].spec.content, m = o.schema.nodes[u].spec.content;
             h === "" || m !== h && (p = []);
@@ -7184,11 +7227,11 @@ const wn = (t) => B.create({
               p
             )
           ).setSelection(
-            o.schema.nodes[u].spec.content === "" ? new oe(o.tr.doc.resolve(r)) : o.schema.nodes[u].spec.content === "inline*" ? new Z(o.tr.doc.resolve(r)) : (
+            o.schema.nodes[u].spec.content === "" ? new ne(o.tr.doc.resolve(r)) : o.schema.nodes[u].spec.content === "inline*" ? new Y(o.tr.doc.resolve(r)) : (
               // Need to offset the position as we have to get through the
               // `tableRow` and `tableCell` nodes to get to the
               // `tableParagraph` node we want to set the selection in.
-              new Z(o.tr.doc.resolve(r + 4))
+              new Y(o.tr.doc.resolve(r + 4))
             )
           ), o.tr.setNodeMarkup(r - 1, void 0, {
             ...s.attrs,
@@ -7236,10 +7279,10 @@ const wn = (t) => B.create({
           e.tr.deleteRange(l, l + s.nodeSize).replace(
             p - 1,
             l,
-            new U(s.content, 0, 0)
+            new D(s.content, 0, 0)
           ).scrollIntoView()
         ), e.tr.setSelection(
-          new Z(e.doc.resolve(p - 1))
+          new Y(e.doc.resolve(p - 1))
         )), !0;
       },
       // Splits a block at a given position. Content after the position is moved to a new block below, at the same
@@ -7256,7 +7299,7 @@ const wn = (t) => B.create({
         return n && (i.tr.insert(f, m), i.tr.replace(
           g,
           g + 1,
-          h.content.size > 0 ? new U(
+          h.content.size > 0 ? new D(
             T.from(h),
             u + 2,
             u + 2
@@ -7267,11 +7310,11 @@ const wn = (t) => B.create({
           i.schema.node(s).type,
           o ? a.attrs : void 0
         ), i.tr.setSelection(
-          new Z(i.doc.resolve(g))
+          new Y(i.doc.resolve(g))
         ), i.tr.replace(
           l + 1,
           d - 1,
-          p.content.size > 0 ? new U(
+          p.content.size > 0 ? new D(
             T.from(p),
             u + 2,
             u + 2
@@ -7343,19 +7386,19 @@ const wn = (t) => B.create({
         // Removes a level of nesting if the block is empty & indented, while the selection is also empty & at the start
         // of the block.
         () => i.command(({ state: n }) => {
-          const { node: r, depth: a } = b(
+          const { contentNode: r, depth: a } = b(
             n.doc,
             n.selection.from
-          ), s = n.selection.$anchor.parentOffset === 0, l = n.selection.anchor === n.selection.head, d = r.textContent.length === 0, u = a > 2;
+          ), s = n.selection.$anchor.parentOffset === 0, l = n.selection.anchor === n.selection.head, d = r.childCount === 0, u = a > 2;
           return s && l && d && u ? i.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.
         () => i.command(({ state: n, chain: r }) => {
-          const { node: a, endPos: s } = b(
+          const { contentNode: a, endPos: s } = b(
             n.doc,
             n.selection.from
-          ), l = n.selection.$anchor.parentOffset === 0, d = n.selection.anchor === n.selection.head, u = a.textContent.length === 0;
+          ), l = n.selection.$anchor.parentOffset === 0, d = n.selection.anchor === n.selection.head, u = a.childCount === 0;
           if (l && d && u) {
             const p = s + 1, h = p + 2;
             return r().BNCreateBlock(p).setTextSelection(h).run(), !0;
@@ -7365,11 +7408,11 @@ const wn = (t) => B.create({
         // Splits the current block, moving content inside that's after the cursor to a new text block below. Also
         // deletes the selection beforehand, if it's not empty.
         () => i.command(({ state: n, chain: r }) => {
-          const { node: a } = b(
+          const { contentNode: a } = b(
             n.doc,
             n.selection.from
           ), s = n.selection.$anchor.parentOffset === 0;
-          return a.textContent.length === 0 ? !1 : (r().deleteSelection().BNSplitBlock(
+          return a.childCount === 0 ? !1 : (r().deleteSelection().BNSplitBlock(
             n.selection.from,
             s,
             s
@@ -7388,7 +7431,7 @@ const wn = (t) => B.create({
       }
     };
   }
-}), Hn = W.create({
+}), Hn = $.create({
   name: "blockGroup",
   group: "blockGroup",
   content: "blockContainer+",
@@ -7406,7 +7449,7 @@ const wn = (t) => B.create({
       ...((i = this.options.domAttributes) == null ? void 0 : i.blockGroup) || {},
       ...t
     }, o = document.createElement("div");
-    o.className = O(
+    o.className = R(
       "bn-block-group",
       e.class
     ), o.setAttribute("data-node-type", "blockGroup");
@@ -7417,22 +7460,22 @@ const wn = (t) => B.create({
       contentDOM: o
     };
   }
-}), Un = W.create({
+}), Un = $.create({
   name: "doc",
   topNode: !0,
   content: "blockGroup"
 }), Dn = (t) => {
   var o;
   const e = [
-    X.ClipboardTextSerializer,
-    X.Commands,
-    X.Editable,
-    X.FocusEvents,
-    X.Tabindex,
+    J.ClipboardTextSerializer,
+    J.Commands,
+    J.Editable,
+    J.FocusEvents,
+    J.Tabindex,
     // DevTools,
     so,
     // DropCursor,
-    ee.configure({
+    oe.configure({
       types: ["blockContainer"]
     }),
     lo.extend({ priority: 10 }),
@@ -7440,7 +7483,13 @@ const wn = (t) => B.create({
     // basics:
     po,
     // marks:
-    uo,
+    uo.extend({
+      addKeyboardShortcuts() {
+        return {
+          "Mod-k": () => (this.editor.commands.toggleLink({ href: "" }), !0)
+        };
+      }
+    }),
     ...Object.values(t.styleSpecs).map((i) => i.implementation.mark),
     Mn,
     Cn,
@@ -7480,7 +7529,7 @@ const wn = (t) => B.create({
         domAttributes: t.domAttributes
       })
     ]),
-    wn(t.editor),
+    _n(t.editor),
     En(t.editor),
     ao.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),
@@ -7534,7 +7583,7 @@ function Rn(t, e) {
       );
       o = o.replaceChild(i, r);
     }
-  return new U(o, t.openStart, t.openEnd);
+  return new D(o, t.openStart, t.openEnd);
 }
 function ge(t) {
   return t && Object.fromEntries(
@@ -7585,7 +7634,7 @@ class Vn extends Ot {
     let s;
     try {
       const l = o == null ? void 0 : o.content.map(
-        (d) => N(d, this.schema, i).toJSON()
+        (d) => P(d, this.schema, i).toJSON()
       );
       s = Rt(
         {
@@ -7641,27 +7690,27 @@ class Vn extends Ot {
     });
   }
 }
-const jn = new S("blocknote-placeholder"), zn = (t, e) => new _({
+const jn = new S("blocknote-placeholder"), zn = (t, e) => new v({
   key: jn,
   view: () => {
-    const o = document.createElement("style");
-    document.head.appendChild(o);
-    const i = o.sheet, n = (a = "") => `.bn-block-content${a} .bn-inline-content:has(> .ProseMirror-trailingBreak):before`, r = (a, s = !0) => {
-      const l = s ? "[data-is-empty-and-focused]" : "";
-      if (a === "default")
-        return n(l);
-      const d = `[data-content-type="${a}"]`;
-      return n(l + d);
+    const o = document.createElement("style"), i = t._tiptapEditor.options.injectNonce;
+    i && o.setAttribute("nonce", i), document.head.appendChild(o);
+    const n = o.sheet, r = (s = "") => `.bn-block-content${s} .bn-inline-content:has(> .ProseMirror-trailingBreak:only-child):before`, a = (s, l = !0) => {
+      const d = l ? "[data-is-empty-and-focused]" : "";
+      if (s === "default")
+        return r(d);
+      const u = `[data-content-type="${s}"]`;
+      return r(d + u);
     };
-    for (const [a, s] of Object.entries(e)) {
-      const l = a === "default";
-      i.insertRule(
-        `${r(a, l)}{ content: ${JSON.stringify(
-          s
+    for (const [s, l] of Object.entries(e)) {
+      const d = s === "default";
+      n.insertRule(
+        `${a(s, d)}{ content: ${JSON.stringify(
+          l
         )}; }`
-      ), l || i.insertRule(
-        `${r(a, !0)}{ content: ${JSON.stringify(
-          s
+      ), d || n.insertRule(
+        `${a(s, !0)}{ content: ${JSON.stringify(
+          l
         )}; }`
       );
     }
@@ -7680,10 +7729,10 @@ const jn = new S("blocknote-placeholder"), zn = (t, e) => new _({
       const r = n.$anchor, a = r.parent;
       if (a.content.size > 0)
         return null;
-      const s = r.before(), l = G.node(s, s + a.nodeSize, {
+      const s = r.before(), l = W.node(s, s + a.nodeSize, {
         "data-is-empty-and-focused": "true"
       });
-      return F.create(i, [l]);
+      return G.create(i, [l]);
     }
   }
 });
@@ -7692,7 +7741,7 @@ const Fn = {
   enablePasteRules: !0,
   enableCoreExtensions: !1
 };
-class vt {
+class wt {
   constructor(e) {
     c(this, "_tiptapEditor");
     c(this, "blockCache", /* @__PURE__ */ new WeakMap());
@@ -7738,7 +7787,7 @@ class vt {
         ...e.placeholders
       }
     };
-    this.schema = i.schema, this.blockImplementations = i.schema.blockSpecs, this.inlineContentImplementations = i.schema.inlineContentSpecs, this.styleImplementations = i.schema.styleSpecs, this.formattingToolbar = new nn(this), this.linkToolbar = new sn(this), this.sideMenu = new gn(this), this.suggestionMenus = new cn(this), this.filePanel = new en(this), x("table", this) && (this.tableHandles = new _n(this));
+    this.schema = i.schema, this.blockImplementations = i.schema.blockSpecs, this.inlineContentImplementations = i.schema.inlineContentSpecs, this.styleImplementations = i.schema.styleSpecs, this.formattingToolbar = new nn(this), this.linkToolbar = new sn(this), this.sideMenu = new gn(this), this.suggestionMenus = new cn(this), this.filePanel = new en(this), x("table", this) && (this.tableHandles = new vn(this));
     const n = Dn({
       editor: this,
       domAttributes: i.domAttributes || {},
@@ -7771,7 +7820,7 @@ class vt {
     ] : [
       {
         type: "paragraph",
-        id: ee.options.generateID()
+        id: oe.options.generateID()
       }
     ]);
     if (!Array.isArray(a) || a.length === 0)
@@ -7788,7 +7837,7 @@ class vt {
         attributes: {
           ...(h = (p = i._tiptapOptions) == null ? void 0 : p.editorProps) == null ? void 0 : h.attributes,
           ...(m = i.domAttributes) == null ? void 0 : m.editor,
-          class: O(
+          class: R(
             "bn-editor",
             i.defaultStyles ? "bn-default-styles" : "",
             ((g = (f = i.domAttributes) == null ? void 0 : f.editor) == null ? void 0 : g.class) || ""
@@ -7803,7 +7852,7 @@ class vt {
     );
   }
   static create(e = {}) {
-    return new vt(e);
+    return new wt(e);
   }
   /**
    * Mount the editor to a parent DOM element. Call mount(undefined) to clean up
@@ -7838,7 +7887,7 @@ class vt {
   get document() {
     const e = [];
     return this._tiptapEditor.state.doc.firstChild.descendants((o) => (e.push(
-      v(
+      w(
         o,
         this.schema.blockSchema,
         this.schema.inlineContentSchema,
@@ -7855,7 +7904,7 @@ class vt {
   getBlock(e) {
     const o = typeof e == "string" ? e : e.id;
     let i;
-    return this._tiptapEditor.state.doc.firstChild.descendants((n) => typeof i < "u" ? !1 : n.type.name !== "blockContainer" || n.attrs.id !== o ? !0 : (i = v(
+    return this._tiptapEditor.state.doc.firstChild.descendants((n) => typeof i < "u" ? !1 : n.type.name !== "blockContainer" || n.attrs.id !== o ? !0 : (i = w(
       n,
       this.schema.blockSchema,
       this.schema.inlineContentSchema,
@@ -7910,21 +7959,21 @@ class vt {
     r > 0 && (s = this._tiptapEditor.state.doc.resolve(i - 2).node());
     let l;
     return r < a - 1 && (l = this._tiptapEditor.state.doc.resolve(n + 2).node()), {
-      block: v(
+      block: w(
         e,
         this.schema.blockSchema,
         this.schema.inlineContentSchema,
         this.schema.styleSchema,
         this.blockCache
       ),
-      prevBlock: s === void 0 ? void 0 : v(
+      prevBlock: s === void 0 ? void 0 : w(
         s,
         this.schema.blockSchema,
         this.schema.inlineContentSchema,
         this.schema.styleSchema,
         this.blockCache
       ),
-      nextBlock: l === void 0 ? void 0 : v(
+      nextBlock: l === void 0 ? void 0 : w(
         l,
         this.schema.blockSchema,
         this.schema.inlineContentSchema,
@@ -7940,7 +7989,7 @@ class vt {
    * @param placement Whether the text cursor should be placed at the start or end of the block.
    */
   setTextCursorPosition(e, o = "start") {
-    const i = typeof e == "string" ? e : e.id, { posBeforeNode: n } = Se(i, this._tiptapEditor.state.doc), { startPos: r, contentNode: a } = b(
+    const i = typeof e == "string" ? e : e.id, { posBeforeNode: n } = Me(i, this._tiptapEditor.state.doc), { startPos: r, contentNode: a } = b(
       this._tiptapEditor.state.doc,
       n + 2
     ), s = this.schema.blockSchema[a.type.name].content;
@@ -7957,7 +8006,7 @@ class vt {
         r + a.nodeSize - 4
       );
     else
-      throw new I(s);
+      throw new L(s);
   }
   /**
    * Gets a snapshot of the current selection.
@@ -7967,7 +8016,7 @@ class vt {
       return;
     const e = [];
     return this._tiptapEditor.state.doc.descendants((o, i) => o.type.spec.group !== "blockContent" || i + o.nodeSize < this._tiptapEditor.state.selection.from || i > this._tiptapEditor.state.selection.to ? !0 : (e.push(
-      v(
+      w(
         this._tiptapEditor.state.doc.resolve(i).node(),
         this.schema.blockSchema,
         this.schema.inlineContentSchema,
@@ -8034,7 +8083,7 @@ class vt {
    * @param content can be a string, or array of partial inline content elements
    */
   insertInlineContent(e) {
-    const o = ne(
+    const o = K(
       e,
       this._tiptapEditor.schema,
       this.schema.styleSchema
@@ -8056,7 +8105,7 @@ class vt {
     for (const i of o) {
       const n = this.schema.styleSchema[i.type.name];
       if (!n) {
-        console.warn("mark not found in styleschema", i.type.name);
+        i.type.name !== "link" && console.warn("mark not found in styleschema", i.type.name);
         continue;
       }
       n.propSchema === "boolean" ? e[n.type] = !0 : e[n.type] = i.attrs.stringValue;
@@ -8077,7 +8126,7 @@ class vt {
       else if (n.propSchema === "string")
         this._tiptapEditor.commands.setMark(o, { stringValue: i });
       else
-        throw new I(n.propSchema);
+        throw new L(n.propSchema);
     }
   }
   /**
@@ -8102,7 +8151,7 @@ class vt {
       else if (n.propSchema === "string")
         this._tiptapEditor.commands.toggleMark(o, { stringValue: i });
       else
-        throw new I(n.propSchema);
+        throw new L(n.propSchema);
     }
   }
   /**
@@ -8175,7 +8224,7 @@ class vt {
    * @returns The blocks, serialized as an HTML string.
    */
   async blocksToHTMLLossy(e = this.document) {
-    return re(
+    return ae(
       this._tiptapEditor.schema,
       this
     ).exportBlocks(e);
@@ -8265,11 +8314,11 @@ function Gn(t) {
   for (; o === "none"; )
     e = t.getTextCursorPosition().nextBlock, o = t.schema.blockSchema[e.type].content, t.setTextCursorPosition(e, "end");
 }
-function w(t, e) {
+function _(t, e) {
   const o = t.getTextCursorPosition().block;
   if (o.content === void 0)
     throw new Error("Slash Menu open in a block that doesn't contain content.");
-  Array.isArray(o.content) && (o.content.length === 1 && Q(o.content[0]) && o.content[0].type === "text" && o.content[0].text === "/" || o.content.length === 0) ? t.updateBlock(o, e) : (t.insertBlocks([e], o, "after"), t.setTextCursorPosition(
+  Array.isArray(o.content) && (o.content.length === 1 && te(o.content[0]) && o.content[0].type === "text" && o.content[0].text === "/" || o.content.length === 0) ? t.updateBlock(o, e) : (t.insertBlocks([e], o, "after"), t.setTextCursorPosition(
     t.getTextCursorPosition().nextBlock,
     "end"
   ));
@@ -8281,76 +8330,76 @@ function jr(t) {
   return x("heading", t) && e.push(
     {
       onItemClick: () => {
-        w(t, {
+        _(t, {
           type: "heading",
           props: { level: 1 }
         });
       },
-      badge: P("Mod-Alt-1"),
+      badge: H("Mod-Alt-1"),
       key: "heading",
       ...t.dictionary.slash_menu.heading
     },
     {
       onItemClick: () => {
-        w(t, {
+        _(t, {
           type: "heading",
           props: { level: 2 }
         });
       },
-      badge: P("Mod-Alt-2"),
+      badge: H("Mod-Alt-2"),
       key: "heading_2",
       ...t.dictionary.slash_menu.heading_2
     },
     {
       onItemClick: () => {
-        w(t, {
+        _(t, {
           type: "heading",
           props: { level: 3 }
         });
       },
-      badge: P("Mod-Alt-3"),
+      badge: H("Mod-Alt-3"),
       key: "heading_3",
       ...t.dictionary.slash_menu.heading_3
     }
   ), x("numberedListItem", t) && e.push({
     onItemClick: () => {
-      w(t, {
+      _(t, {
         type: "numberedListItem"
       });
     },
-    badge: P("Mod-Shift-7"),
+    badge: H("Mod-Shift-7"),
     key: "numbered_list",
     ...t.dictionary.slash_menu.numbered_list
   }), x("bulletListItem", t) && e.push({
     onItemClick: () => {
-      w(t, {
+      _(t, {
         type: "bulletListItem"
       });
     },
-    badge: P("Mod-Shift-8"),
+    badge: H("Mod-Shift-8"),
     key: "bullet_list",
     ...t.dictionary.slash_menu.bullet_list
   }), x("checkListItem", t) && e.push({
     onItemClick: () => {
-      w(t, {
+      _(t, {
         type: "checkListItem"
       });
     },
-    badge: P("Mod-Shift-9"),
+    badge: H("Mod-Shift-9"),
     key: "check_list",
     ...t.dictionary.slash_menu.check_list
   }), x("paragraph", t) && e.push({
     onItemClick: () => {
-      w(t, {
+      _(t, {
         type: "paragraph"
       });
     },
-    badge: P("Mod-Alt-0"),
+    badge: H("Mod-Alt-0"),
     key: "paragraph",
     ...t.dictionary.slash_menu.paragraph
   }), x("table", t) && e.push({
     onItemClick: () => {
-      w(t, {
+      _(t, {
         type: "table",
         content: {
           type: "tableContent",
@@ -8370,7 +8419,7 @@ function jr(t) {
     ...t.dictionary.slash_menu.table
   }), x("image", t) && e.push({
     onItemClick: () => {
-      const o = w(t, {
+      const o = _(t, {
         type: "image"
       });
       t.prosemirrorView.dispatch(
@@ -8383,7 +8432,7 @@ function jr(t) {
     ...t.dictionary.slash_menu.image
   }), x("video", t) && e.push({
     onItemClick: () => {
-      const o = w(t, {
+      const o = _(t, {
         type: "video"
       });
       t.prosemirrorView.dispatch(
@@ -8396,7 +8445,7 @@ function jr(t) {
     ...t.dictionary.slash_menu.video
   }), x("audio", t) && e.push({
     onItemClick: () => {
-      const o = w(t, {
+      const o = _(t, {
         type: "audio"
       });
       t.prosemirrorView.dispatch(
@@ -8409,7 +8458,7 @@ function jr(t) {
     ...t.dictionary.slash_menu.audio
   }), x("file", t) && e.push({
     onItemClick: () => {
-      const o = w(t, {
+      const o = _(t, {
         type: "file"
       });
       t.prosemirrorView.dispatch(
@@ -8438,22 +8487,22 @@ function be(t = "") {
     }
   ] : t;
 }
-function _t(t) {
+function vt(t) {
   return typeof t == "string" ? be(t) : Array.isArray(t) ? t.flatMap((e) => typeof e == "string" ? be(e) : Ye(e) ? {
     ...e,
     content: be(e.content)
-  } : Q(e) ? e : {
+  } : te(e) ? e : {
     props: {},
     ...e,
-    content: _t(e.content)
+    content: vt(e.content)
   }) : t;
 }
 function Fr(t, e) {
   return e.map(
-    (o) => wt(t, o)
+    (o) => _t(t, o)
   );
 }
-function wt(t, e) {
+function _t(t, e) {
   const o = {
     id: "",
     type: e.type,
@@ -8468,20 +8517,20 @@ function wt(t, e) {
     }
   ), {
     ...o,
-    content: _t(o.content),
-    children: o.children.map((i) => wt(t, i))
+    content: vt(o.content),
+    children: o.children.map((i) => _t(t, i))
   };
 }
 function Wn(t) {
-  t.id || (t.id = ee.options.generateID()), t.children && $n(t.children);
+  t.id || (t.id = oe.options.generateID()), t.children && Kn(t.children);
 }
-function $n(t) {
+function Kn(t) {
   for (const e of t)
     Wn(e);
 }
 export {
   li as AudioBlock,
-  vt as BlockNoteEditor,
+  wt as BlockNoteEditor,
   Be as BlockNoteSchema,
   Go as FileBlock,
   en as FilePanelProsemirrorPlugin,
@@ -8493,13 +8542,13 @@ export {
   gn as SideMenuProsemirrorPlugin,
   mn as SideMenuView,
   cn as SuggestionMenuProseMirrorPlugin,
-  _n as TableHandlesProsemirrorPlugin,
-  vn as TableHandlesView,
-  ee as UniqueID,
-  I as UnreachableCaseError,
+  vn as TableHandlesProsemirrorPlugin,
+  wn as TableHandlesView,
+  oe as UniqueID,
+  L as UnreachableCaseError,
   oi as VideoBlock,
   Wn as addIdsToBlock,
-  $n as addIdsToBlocks,
+  Kn as addIdsToBlocks,
   Io as addInlineContentAttributes,
   Ao as addInlineContentKeyboardShortcuts,
   Do as addStyleAttributes,
@@ -8509,8 +8558,8 @@ export {
   ii as audioPropSchema,
   ri as audioRender,
   si as audioToExternalHTML,
-  N as blockToNode,
-  ie as camelToDataKebab,
+  P as blockToNode,
+  re as camelToDataKebab,
   Rr as checkBlockHasDefaultProp,
   Ui as checkBlockIsDefaultType,
   Ur as checkBlockIsFileBlock,
@@ -8519,24 +8568,24 @@ export {
   Di as checkBlockTypeHasDefaultProp,
   x as checkDefaultBlockTypeInSchema,
   Ee as contentNodeToInlineContent,
-  le as createAddFileButton,
-  ae as createBlockSpec,
-  $ as createBlockSpecFromStronglyTypedTiptapNode,
-  se as createDefaultFilePreview,
-  re as createExternalHTMLExporter,
+  de as createAddFileButton,
+  se as createBlockSpec,
+  q as createBlockSpecFromStronglyTypedTiptapNode,
+  le as createDefaultFilePreview,
+  ae as createExternalHTMLExporter,
   Ce as createFigureWithCaption,
-  V as createFileAndCaptionWrapper,
+  j as createFileAndCaptionWrapper,
   Ir as createInlineContentSpec,
   Po as createInlineContentSpecFromTipTapNode,
   st as createInternalBlockSpec,
   nt as createInternalHTMLSerializer,
   No as createInternalInlineContentSpec,
   ct as createInternalStyleSpec,
-  ce as createLinkWithCaption,
+  ue as createLinkWithCaption,
   pt as createResizeHandlesWrapper,
-  j as createStronglyTypedTiptapNode,
+  z as createStronglyTypedTiptapNode,
   Ar as createStyleSpec,
-  H as createStyleSpecFromTipTapMark,
+  U as createStyleSpecFromTipTapMark,
   Vr as createSuggestionMenu,
   Hi as defaultBlockSchema,
   ht as defaultBlockSpecs,
@@ -8552,47 +8601,47 @@ export {
   Fo as fileToExternalHTML,
   Lr as filenameFromURL,
   zr as filterSuggestionItems,
-  P as formatKeyboardShortcut,
+  H as formatKeyboardShortcut,
   on as formattingToolbarPluginKey,
   Bo as getBlockFromPos,
   Dn as getBlockNoteExtensions,
   lt as getBlockSchemaFromSpecs,
   jr as getDefaultSlashMenuItems,
-  Te as getDraggableBlockFromCoords,
+  pe as getDraggableBlockFromElement,
   Ho as getInlineContentParseRules,
   dt as getInlineContentSchemaFromSpecs,
   Lo as getParseRules,
   Oo as getStyleParseRules,
   ut as getStyleSchemaFromSpecs,
-  $o as imageBlockConfig,
+  Ko as imageBlockConfig,
   qo as imageParse,
   Wo as imagePropSchema,
-  Ko as imageRender,
+  $o as imageRender,
   Xo as imageToExternalHTML,
   rt as inheritedProps,
-  ne as inlineContentToNodes,
-  w as insertOrUpdateBlock,
+  K as inlineContentToNodes,
+  _ as insertOrUpdateBlock,
   To as isAppleOS,
   He as isLinkInlineContent,
   Ye as isPartialLinkInlineContent,
   Br as isSafari,
-  Q as isStyledTextInlineContent,
+  te as isStyledTextInlineContent,
   an as linkToolbarPluginKey,
   Mr as locales,
-  O as mergeCSSClasses,
-  v as nodeToBlock,
+  R as mergeCSSClasses,
+  w as nodeToBlock,
   tt as nodeToCustomInlineContent,
   Oe as parseEmbedElement,
-  de as parseFigureElement,
+  ce as parseFigureElement,
   Re as parseImageElement,
-  wt as partialBlockToBlockForTesting,
+  _t as partialBlockToBlockForTesting,
   Fr as partialBlocksToBlocksForTesting,
   at as propsToAttributes,
   fn as sideMenuPluginKey,
   Uo as stylePropsToAttributes,
-  D as suggestionMenuPluginKey,
+  O as suggestionMenuPluginKey,
   Qe as tableContentToNodes,
-  J as tableHandlesPluginKey,
+  Q as tableHandlesPluginKey,
   Nr as uploadToTmpFilesDotOrg_DEV_ONLY,
   Yo as videoBlockConfig,
   ei as videoParse,