@blocknote/core 0.12.0 → 0.12.3

package/dist/blocknote.js

@@ -1,51 +1,51 @@
-var he = Object.defineProperty;
-var me = (n, t, e) => t in n ? he(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var d = (n, t, e) => (me(n, typeof t != "symbol" ? t + "" : t, e), e);
-import { Slice as _, Fragment as x, DOMSerializer as gt, DOMParser as fe, Node as ge } from "prosemirror-model";
-import Rt from "rehype-parse";
-import zt from "rehype-stringify";
-import { unified as bt } from "unified";
-import { Extension as M, combineTransactionSteps as be, getChangedRanges as ye, findChildrenInRange as ke, Node as j, Mark as yt, InputRule as kt, callOrReturn as we, getExtensionField as ve, mergeAttributes as Ee, selectionToInsertionEnd as Se, isNodeSelection as Ce, posToDOMRect as mt, getMarkRange as xt, findParentNode as Te, findChildren as Mt, extensions as J, Editor as xe, createDocument as Me } from "@tiptap/core";
-import { Plugin as v, PluginKey as T, Selection as dt, NodeSelection as rt, TextSelection as nt, EditorState as Be } from "prosemirror-state";
+var me = Object.defineProperty;
+var fe = (n, t, e) => t in n ? me(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var d = (n, t, e) => (fe(n, typeof t != "symbol" ? t + "" : t, e), e);
+import { Slice as U, Fragment as T, DOMSerializer as bt, DOMParser as ge, Node as be } from "prosemirror-model";
+import zt from "rehype-parse";
+import Vt from "rehype-stringify";
+import { unified as kt } from "unified";
+import { Extension as M, combineTransactionSteps as ke, getChangedRanges as ye, findChildrenInRange as we, Node as W, Mark as yt, InputRule as wt, callOrReturn as ve, getExtensionField as Ee, mergeAttributes as Se, selectionToInsertionEnd as Ce, isNodeSelection as xe, posToDOMRect as ft, getMarkRange as Mt, findParentNode as Te, findChildren as Bt, extensions as X, Editor as Me, createDocument as Be } from "@tiptap/core";
+import { Plugin as v, PluginKey as x, Selection as ut, NodeSelection as it, TextSelection as ot, EditorState as Le } from "prosemirror-state";
 import { v4 as Ie } from "uuid";
-import { fromDom as Bt } from "hast-util-from-dom";
-import Le from "@tiptap/extension-bold";
-import Ne from "@tiptap/extension-code";
-import Ae from "@tiptap/extension-italic";
+import { fromDom as Lt } from "hast-util-from-dom";
+import Ne from "@tiptap/extension-bold";
+import Ae from "@tiptap/extension-code";
+import Pe from "@tiptap/extension-italic";
 import He from "@tiptap/extension-strike";
-import Pe from "@tiptap/extension-underline";
-import { TableCell as De } from "@tiptap/extension-table-cell";
-import { TableHeader as Oe } from "@tiptap/extension-table-header";
-import { TableRow as _e } from "@tiptap/extension-table-row";
-import { columnResizing as Ue, tableEditing as Re } from "prosemirror-tables";
-import ze from "rehype-remark";
-import Vt from "remark-gfm";
-import Ve from "remark-stringify";
-import Fe from "remark-parse";
-import $e, { defaultHandlers as Ge } from "remark-rehype";
-import { DecorationSet as $, Decoration as G, EditorView as je } from "prosemirror-view";
-import We from "@tiptap/extension-collaboration";
-import qe from "@tiptap/extension-collaboration-cursor";
-import { Dropcursor as Ke } from "@tiptap/extension-dropcursor";
-import { Gapcursor as Je } from "@tiptap/extension-gapcursor";
-import { HardBreak as Xe } from "@tiptap/extension-hard-break";
-import { History as Ye } from "@tiptap/extension-history";
-import { Link as Qe } from "@tiptap/extension-link";
-import { Text as Ze } from "@tiptap/extension-text";
-function tn(n, t = JSON.stringify) {
+import De from "@tiptap/extension-underline";
+import { TableCell as Oe } from "@tiptap/extension-table-cell";
+import { TableHeader as _e } from "@tiptap/extension-table-header";
+import { TableRow as Ue } from "@tiptap/extension-table-row";
+import { columnResizing as Re, tableEditing as ze } from "prosemirror-tables";
+import Ve from "rehype-remark";
+import Ft from "remark-gfm";
+import Fe from "remark-stringify";
+import $e from "remark-parse";
+import Ge, { defaultHandlers as je } from "remark-rehype";
+import { DecorationSet as G, Decoration as j, EditorView as We } from "prosemirror-view";
+import qe from "@tiptap/extension-collaboration";
+import Ke from "@tiptap/extension-collaboration-cursor";
+import { Dropcursor as Je } from "@tiptap/extension-dropcursor";
+import { Gapcursor as Xe } from "@tiptap/extension-gapcursor";
+import { HardBreak as Ye } from "@tiptap/extension-hard-break";
+import { History as Qe } from "@tiptap/extension-history";
+import { Link as Ze } from "@tiptap/extension-link";
+import { Text as tn } from "@tiptap/extension-text";
+function en(n, t = JSON.stringify) {
   const e = {};
   return n.filter((o) => {
     const r = t(o);
     return Object.prototype.hasOwnProperty.call(e, r) ? !1 : e[r] = !0;
   });
 }
-function en(n) {
+function nn(n) {
   const t = n.filter(
     (o, r) => n.indexOf(o) !== r
   );
-  return tn(t);
+  return en(t);
 }
-const Q = M.create({
+const Z = M.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
@@ -114,51 +114,51 @@ const Q = M.create({
     let n = null, t = !1;
     return [
       new v({
-        key: new T("uniqueID"),
+        key: new x("uniqueID"),
         appendTransaction: (e, o, r) => {
           const i = e.some((f) => f.docChanged) && !o.doc.eq(r.doc), s = this.options.filterTransaction && e.some((f) => {
-            let y, S;
-            return !(!((S = (y = this.options).filterTransaction) === null || S === void 0) && S.call(y, f));
+            let k, S;
+            return !(!((S = (k = this.options).filterTransaction) === null || S === void 0) && S.call(k, f));
           });
           if (!i || s)
             return;
-          const { tr: a } = r, { types: l, attributeName: c, generateID: p } = this.options, u = be(
+          const { tr: a } = r, { types: l, attributeName: c, generateID: u } = this.options, p = ke(
             o.doc,
             e
-          ), { mapping: m } = u;
-          if (ye(u).forEach(({ newRange: f }) => {
-            const y = ke(
+          ), { mapping: m } = p;
+          if (ye(p).forEach(({ newRange: f }) => {
+            const k = we(
               r.doc,
               f,
               (E) => l.includes(E.type.name)
-            ), S = y.map(({ node: E }) => E.attrs[c]).filter((E) => E !== null), B = en(S);
-            y.forEach(({ node: E, pos: D }) => {
-              let z;
-              const K = (z = a.doc.nodeAt(D)) === null || z === void 0 ? void 0 : z.attrs[c];
-              if (K === null) {
-                const lt = o.doc.type.createAndFill().content;
-                if (o.doc.content.findDiffStart(lt) === null) {
-                  const et = JSON.parse(
+            ), S = k.map(({ node: E }) => E.attrs[c]).filter((E) => E !== null), B = nn(S);
+            k.forEach(({ node: E, pos: O }) => {
+              let V;
+              const J = (V = a.doc.nodeAt(O)) === null || V === void 0 ? void 0 : V.attrs[c];
+              if (J === null) {
+                const ct = o.doc.type.createAndFill().content;
+                if (o.doc.content.findDiffStart(ct) === null) {
+                  const nt = JSON.parse(
                     JSON.stringify(r.doc.toJSON())
                   );
-                  if (et.content[0].content[0].attrs.id = "initialBlockId", JSON.stringify(et.content) === JSON.stringify(lt.toJSON())) {
-                    a.setNodeMarkup(D, void 0, {
+                  if (nt.content[0].content[0].attrs.id = "initialBlockId", JSON.stringify(nt.content) === JSON.stringify(ct.toJSON())) {
+                    a.setNodeMarkup(O, void 0, {
                       ...E.attrs,
                       [c]: "initialBlockId"
                     });
                     return;
                   }
                 }
-                a.setNodeMarkup(D, void 0, {
+                a.setNodeMarkup(O, void 0, {
                   ...E.attrs,
-                  [c]: p()
+                  [c]: u()
                 });
                 return;
               }
-              const { deleted: g } = m.invert().mapResult(D);
-              g && B.includes(K) && a.setNodeMarkup(D, void 0, {
+              const { deleted: g } = m.invert().mapResult(O);
+              g && B.includes(J) && a.setNodeMarkup(O, void 0, {
                 ...E.attrs,
-                [c]: p()
+                [c]: u()
               });
             });
           }), !!a.steps.length)
@@ -214,9 +214,9 @@ const Q = M.create({
                   l.marks
                 );
                 a.push(c);
-              }), x.from(a);
+              }), T.from(a);
             };
-            return t = !1, new _(
+            return t = !1, new U(
               i(e.content),
               e.openStart,
               e.openEnd
@@ -227,7 +227,7 @@ const Q = M.create({
     ];
   }
 });
-function Ft(n) {
+function $t(n) {
   const t = n.attrs.id, e = n.firstChild, o = e.type, r = n.childCount === 2 ? n.lastChild.childCount : 0;
   return {
     id: t,
@@ -257,13 +257,13 @@ function b(n, t) {
       break;
     a -= 1, s = r.node(a);
   }
-  const { id: l, contentNode: c, contentType: p, numChildBlocks: u } = Ft(s), m = r.start(a), h = r.end(a);
+  const { id: l, contentNode: c, contentType: u, numChildBlocks: p } = $t(s), m = r.start(a), h = r.end(a);
   return {
     id: l,
     node: s,
     contentNode: c,
-    contentType: p,
-    numChildBlocks: u,
+    contentType: u,
+    numChildBlocks: p,
     startPos: m,
     endPos: h,
     depth: a
@@ -272,18 +272,18 @@ function b(n, t) {
 function It(n) {
   return n.type === "link";
 }
-function $t(n) {
+function Gt(n) {
   return typeof n != "string" && n.type === "link";
 }
-function Y(n) {
+function Q(n) {
   return typeof n != "string" && n.type === "text";
 }
-class N extends Error {
+class A extends Error {
   constructor(t) {
     super(`Unreachable case: ${t}`);
   }
 }
-function Lt(n, t, e) {
+function Nt(n, t, e) {
   const o = [];
   for (const [r, i] of Object.entries(n.styles)) {
     const s = e[r];
@@ -294,16 +294,16 @@ function Lt(n, t, e) {
     else if (s.propSchema === "string")
       o.push(t.mark(r, { stringValue: i }));
     else
-      throw new N(s.propSchema);
+      throw new A(s.propSchema);
   }
   return n.text.split(/(\n)/g).filter((r) => r.length > 0).map((r) => r === `
 ` ? t.nodes.hardBreak.create() : t.text(r, o));
 }
-function nn(n, t, e) {
+function on(n, t, e) {
   const o = t.marks.link.create({
     href: n.href
   });
-  return ft(n.content, t, e).map(
+  return gt(n.content, t, e).map(
     (r) => {
       if (r.type.name === "text")
         return r.mark([...r.marks, o]);
@@ -313,29 +313,29 @@ function nn(n, t, e) {
     }
   );
 }
-function ft(n, t, e) {
+function gt(n, t, e) {
   const o = [];
   if (typeof n == "string")
     return o.push(
-      ...Lt(
+      ...Nt(
         { type: "text", text: n, styles: {} },
         t,
         e
       )
     ), o;
   for (const r of n)
-    o.push(...Lt(r, t, e));
+    o.push(...Nt(r, t, e));
   return o;
 }
-function st(n, t, e) {
+function at(n, t, e) {
   const o = [];
   for (const r of n)
-    typeof r == "string" ? o.push(...ft(r, t, e)) : $t(r) ? o.push(...nn(r, t, e)) : Y(r) ? o.push(...ft([r], t, e)) : o.push(
-      jt(r, t, e)
+    typeof r == "string" ? o.push(...gt(r, t, e)) : Gt(r) ? o.push(...on(r, t, e)) : Q(r) ? o.push(...gt([r], t, e)) : o.push(
+      Wt(r, t, e)
     );
   return o;
 }
-function Gt(n, t, e) {
+function jt(n, t, e) {
   const o = [];
   for (const r of n.rows) {
     const i = [];
@@ -346,8 +346,8 @@ function Gt(n, t, e) {
       else if (typeof a == "string")
         l = t.nodes.tableParagraph.create({}, t.text(a));
       else {
-        const p = st(a, t, e);
-        l = t.nodes.tableParagraph.create({}, p);
+        const u = at(a, t, e);
+        l = t.nodes.tableParagraph.create({}, u);
       }
       const c = t.nodes.tableCell.create({}, l);
       i.push(c);
@@ -357,7 +357,7 @@ function Gt(n, t, e) {
   }
   return o;
 }
-function jt(n, t, e) {
+function Wt(n, t, e) {
   let o, r = n.type;
   if (r === void 0 && (r = "paragraph"), !t.nodes[r])
     throw new Error(`node type ${r} not found in schema`);
@@ -369,26 +369,26 @@ function jt(n, t, e) {
       t.text(n.content)
     );
   else if (Array.isArray(n.content)) {
-    const i = st(n.content, t, e);
+    const i = at(n.content, t, e);
     o = t.nodes[r].create(n.props, i);
   } else if (n.content.type === "tableContent") {
-    const i = Gt(n.content, t, e);
+    const i = jt(n.content, t, e);
     o = t.nodes[r].create(n.props, i);
   } else
-    throw new N(n.content.type);
+    throw new A(n.content.type);
   return o;
 }
-function P(n, t, e) {
+function D(n, t, e) {
   let o = n.id;
-  o === void 0 && (o = Q.options.generateID());
-  const r = jt(
+  o === void 0 && (o = Z.options.generateID());
+  const r = Wt(
     n,
     t,
     e
   ), i = [];
   if (n.children)
     for (const a of n.children)
-      i.push(P(a, t, e));
+      i.push(D(a, t, e));
   const s = t.nodes.blockGroup.create({}, i);
   return t.nodes.blockContainer.create(
     {
@@ -398,7 +398,7 @@ function P(n, t, e) {
     i.length > 0 ? [r, s] : r
   );
 }
-function on(n, t, e) {
+function rn(n, t, e) {
   const o = {
     type: "tableContent",
     rows: []
@@ -409,7 +409,7 @@ function on(n, t, e) {
     };
     r.content.forEach((s) => {
       i.cells.push(
-        wt(
+        vt(
           s.firstChild,
           t,
           e
@@ -418,13 +418,13 @@ function on(n, t, e) {
     }), o.rows.push(i);
   }), o;
 }
-function wt(n, t, e) {
+function vt(n, t, e) {
   const o = [];
   let r;
   return n.content.forEach((i) => {
     if (i.type.name === "hardBreak") {
       if (r)
-        if (Y(r))
+        if (Q(r))
           r.text += `
 `;
         else if (It(r))
@@ -443,7 +443,7 @@ function wt(n, t, e) {
     }
     if (i.type.name !== "link" && i.type.name !== "text" && t[i.type.name]) {
       r && (o.push(r), r = void 0), o.push(
-        Wt(i, t, e)
+        qt(i, t, e)
       );
       return;
     }
@@ -461,9 +461,9 @@ function wt(n, t, e) {
         else if (c.propSchema === "string")
           s[c.type] = l.attrs.stringValue;
         else
-          throw new N(c.propSchema);
+          throw new A(c.propSchema);
       }
-    r ? Y(r) ? a ? (o.push(r), r = {
+    r ? Q(r) ? a ? (o.push(r), r = {
       type: "link",
       href: a.attrs.href,
       content: [
@@ -514,7 +514,7 @@ function wt(n, t, e) {
     };
   }), r && o.push(r), o;
 }
-function Wt(n, t, e) {
+function qt(n, t, e) {
   if (n.type.name === "text" || n.type.name === "link")
     throw new Error("unexpected");
   const o = {}, r = t[n.type.name];
@@ -525,7 +525,7 @@ function Wt(n, t, e) {
     a in c && (o[a] = l);
   }
   let i;
-  return r.content === "styled" ? i = wt(
+  return r.content === "styled" ? i = vt(
     n,
     t,
     e
@@ -535,7 +535,7 @@ function Wt(n, t, e) {
     content: i
   };
 }
-function k(n, t, e, o, r) {
+function y(n, t, e, o, r) {
   if (n.type.name !== "blockContainer")
     throw Error(
       "Node must be of type blockContainer, but is of type" + n.type.name + "."
@@ -543,26 +543,26 @@ function k(n, t, e, o, r) {
   const i = r == null ? void 0 : r.get(n);
   if (i)
     return i;
-  const s = Ft(n);
+  const s = $t(n);
   let a = s.id;
-  a === null && (a = Q.options.generateID());
+  a === null && (a = Z.options.generateID());
   const l = {};
   for (const [h, f] of Object.entries({
     ...n.attrs,
     ...s.contentNode.attrs
   })) {
-    const y = t[s.contentType.name];
-    if (!y)
+    const k = t[s.contentType.name];
+    if (!k)
       throw Error(
         "Block is of an unrecognized type: " + s.contentType.name
       );
-    const S = y.propSchema;
+    const S = k.propSchema;
     h in S && (l[h] = f);
   }
-  const c = t[s.contentType.name], p = [];
+  const c = t[s.contentType.name], u = [];
   for (let h = 0; h < s.numChildBlocks; h++)
-    p.push(
-      k(
+    u.push(
+      y(
         n.lastChild.child(h),
         t,
         e,
@@ -570,40 +570,40 @@ function k(n, t, e, o, r) {
         r
       )
     );
-  let u;
+  let p;
   if (c.content === "inline")
-    u = wt(
+    p = vt(
       s.contentNode,
       e,
       o
     );
   else if (c.content === "table")
-    u = on(
+    p = rn(
       s.contentNode,
       e,
       o
     );
   else if (c.content === "none")
-    u = void 0;
+    p = void 0;
   else
-    throw new N(c.content);
+    throw new A(c.content);
   const m = {
     id: a,
     type: c.type,
     props: l,
-    content: u,
-    children: p
+    content: p,
+    children: u
   };
   return r == null || r.set(n, m), m;
 }
-function rn(n) {
+function sn(n) {
   return n.document || window.document;
 }
-const qt = (n, t, e, o, r) => {
+const Kt = (n, t, e, o, r) => {
   if (!e.nodes[n.type.name])
     throw new Error("Serializer is missing a node type: " + n.type.name);
-  const { dom: i, contentDOM: s } = gt.renderSpec(
-    rn(t),
+  const { dom: i, contentDOM: s } = bt.renderSpec(
+    sn(t),
     e.nodes[n.type.name](n)
   );
   if (s) {
@@ -612,8 +612,8 @@ const qt = (n, t, e, o, r) => {
     if (n.type.name === "blockContainer") {
       const a = n.childCount > 0 && n.firstChild.type.spec.group === "blockContent" ? n.firstChild : void 0, l = n.childCount > 0 && n.lastChild.type.spec.group === "blockGroup" ? n.lastChild : void 0;
       if (a !== void 0) {
-        const c = o.blockImplementations[a.type.name].implementation, u = (r ? c.toExternalHTML : c.toInternalHTML)(
-          k(
+        const c = o.blockImplementations[a.type.name].implementation, p = (r ? c.toExternalHTML : c.toInternalHTML)(
+          y(
             n,
             o.schema.blockSchema,
             o.schema.inlineContentSchema,
@@ -622,19 +622,19 @@ const qt = (n, t, e, o, r) => {
           ),
           o
         );
-        if (u.contentDOM !== void 0) {
+        if (p.contentDOM !== void 0) {
           if (n.isLeaf)
             throw new RangeError(
               "Content hole not allowed in a leaf node spec"
             );
-          u.contentDOM.appendChild(
+          p.contentDOM.appendChild(
             e.serializeFragment(a.content, t)
           );
         }
-        s.appendChild(u.dom);
+        s.appendChild(p.dom);
       }
       l !== void 0 && e.serializeFragment(
-        x.from(l),
+        T.from(l),
         t,
         s
       );
@@ -642,11 +642,11 @@ const qt = (n, t, e, o, r) => {
       e.serializeFragment(n.content, t, s);
   }
   return i;
-}, Kt = (n, t) => {
+}, Jt = (n, t) => {
   const e = t.serializeFragment(n), o = document.createElement("div");
   return o.appendChild(e), o.innerHTML;
 };
-function sn(n) {
+function an(n) {
   const t = /* @__PURE__ */ new Set([
     ...n.orderedListItemBlockTypes,
     ...n.unorderedListItemBlockTypes
@@ -658,12 +658,12 @@ function sn(n) {
     }
     let r = o.children.length, i;
     for (let a = 0; a < r; a++) {
-      const c = o.children[a].children[0], p = c.children[0], u = c.children.length === 2 ? c.children[1] : null, m = t.has(
-        p.properties.dataContentType
+      const c = o.children[a].children[0], u = c.children[0], p = c.children.length === 2 ? c.children[1] : null, m = t.has(
+        u.properties.dataContentType
       ), h = m ? n.orderedListItemBlockTypes.has(
-        p.properties.dataContentType
+        u.properties.dataContentType
       ) ? "ol" : "ul" : null;
-      if (u !== null && e(u), i && i.tagName !== h) {
+      if (p !== null && e(p), i && i.tagName !== h) {
         o.children.splice(
           a - i.children.length,
           i.children.length,
@@ -673,19 +673,19 @@ function sn(n) {
         a -= f, r -= f, i = void 0;
       }
       if (m) {
-        i || (i = Bt(
+        i || (i = Lt(
           document.createElement(h)
         ));
-        const f = Bt(
+        const f = Lt(
           document.createElement("li")
         );
-        f.children.push(p.children[0]), u !== null && f.children.push(...u.children), i.children.push(f);
-      } else if (u !== null) {
-        o.children.splice(a + 1, 0, ...u.children), o.children[a] = p.children[0];
-        const f = u.children.length;
+        f.children.push(u.children[0]), p !== null && f.children.push(...p.children), i.children.push(f);
+      } else if (p !== null) {
+        o.children.splice(a + 1, 0, ...p.children), o.children[a] = u.children[0];
+        const f = p.children.length;
         a += f, r += f;
       } else
-        o.children[a] = p.children[0];
+        o.children[a] = u.children[0];
     }
     i && o.children.splice(
       r - i.children.length,
@@ -695,24 +695,24 @@ function sn(n) {
   };
   return e;
 }
-const at = (n, t) => {
-  const e = gt.fromSchema(n);
-  return e.serializeNodeInner = (o, r) => qt(o, r, e, t, !0), e.exportProseMirrorFragment = (o) => bt().use(Rt, { fragment: !0 }).use(sn, {
+const lt = (n, t) => {
+  const e = bt.fromSchema(n);
+  return e.serializeNodeInner = (o, r) => Kt(o, r, e, t, !0), e.exportProseMirrorFragment = (o) => kt().use(zt, { fragment: !0 }).use(an, {
     orderedListItemBlockTypes: /* @__PURE__ */ new Set(["numberedListItem"]),
     unorderedListItemBlockTypes: /* @__PURE__ */ new Set(["bulletListItem"])
-  }).use(zt).processSync(Kt(o, e)).value, e.exportBlocks = (o) => {
+  }).use(Vt).processSync(Jt(o, e)).value, e.exportBlocks = (o) => {
     const r = o.map(
-      (s) => P(s, n, t.schema.styleSchema)
+      (s) => D(s, n, t.schema.styleSchema)
     ), i = n.nodes.blockGroup.create(null, r);
-    return e.exportProseMirrorFragment(x.from(i));
+    return e.exportProseMirrorFragment(T.from(i));
   }, e;
-}, Jt = (n, t) => {
-  const e = gt.fromSchema(n);
-  return e.serializeNodeInner = (o, r) => qt(o, r, e, t, !1), e.serializeProseMirrorFragment = (o) => Kt(o, e), e.serializeBlocks = (o) => {
+}, Xt = (n, t) => {
+  const e = bt.fromSchema(n);
+  return e.serializeNodeInner = (o, r) => Kt(o, r, e, t, !1), e.serializeProseMirrorFragment = (o) => Jt(o, e), e.serializeBlocks = (o) => {
     const r = o.map(
-      (s) => P(s, n, t.schema.styleSchema)
+      (s) => D(s, n, t.schema.styleSchema)
     ), i = n.nodes.blockGroup.create(null, r);
-    return e.serializeProseMirrorFragment(x.from(i));
+    return e.serializeProseMirrorFragment(T.from(i));
   }, e;
 }, Hr = async (n) => {
   const t = new FormData();
@@ -723,24 +723,24 @@ const at = (n, t) => {
     "tmpfiles.org/",
     "tmpfiles.org/dl/"
   );
-}, an = () => typeof navigator < "u" && (/Mac/.test(navigator.platform) || /AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent));
-function V(n) {
-  return an() ? n.replace("Mod", "⌘") : n.replace("Mod", "Ctrl");
+}, ln = () => typeof navigator < "u" && (/Mac/.test(navigator.platform) || /AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent));
+function F(n) {
+  return ln() ? n.replace("Mod", "⌘") : n.replace("Mod", "Ctrl");
 }
-function R(...n) {
+function z(...n) {
   return n.filter((t) => t).join(" ");
 }
-const Pr = () => /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-function Z(n, t, e, o) {
+const Dr = () => /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+function tt(n, t, e, o) {
   const r = document.createElement("div");
-  r.className = R(
+  r.className = z(
     "bn-block-content",
     e.class
   ), r.setAttribute("data-content-type", n);
   for (const [s, a] of Object.entries(e))
     s !== "class" && r.setAttribute(s, a);
   const i = document.createElement(t);
-  i.className = R(
+  i.className = z(
     "bn-inline-content",
     o.class
   );
@@ -753,8 +753,8 @@ function Z(n, t, e, o) {
     contentDOM: i
   };
 }
-const Nt = (n, t) => {
-  const e = P(
+const At = (n, t) => {
+  const e = D(
     n,
     t._tiptapEditor.schema,
     t.schema.styleSchema
@@ -780,13 +780,13 @@ const Nt = (n, t) => {
     default: "left",
     values: ["left", "center", "right", "justify"]
   }
-}, Xt = ["backgroundColor", "textColor"];
-function it(n) {
+}, Yt = ["backgroundColor", "textColor"];
+function st(n) {
   return "data-" + n.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
-function Yt(n) {
+function Qt(n) {
   const t = {};
-  return Object.entries(n).filter(([e, o]) => !Xt.includes(e)).forEach(([e, o]) => {
+  return Object.entries(n).filter(([e, o]) => !Yt.includes(e)).forEach(([e, o]) => {
     t[e] = {
       default: o.default,
       keepOnSplit: !0,
@@ -794,7 +794,7 @@ function Yt(n) {
       // value is the same as its default, we don't display an HTML
       // attribute for it.
       parseHTML: (r) => {
-        const i = r.getAttribute(it(e));
+        const i = r.getAttribute(st(e));
         if (i === null)
           return null;
         if (typeof o.default == "boolean")
@@ -806,12 +806,12 @@ function Yt(n) {
         return i;
       },
       renderHTML: (r) => r[e] !== o.default ? {
-        [it(e)]: r[e]
+        [st(e)]: r[e]
       } : {}
     };
   }), t;
 }
-function ln(n, t, e, o) {
+function cn(n, t, e, o) {
   if (typeof n == "boolean")
     throw new Error(
       "Cannot find node position as getPos is a boolean, not a function."
@@ -826,13 +826,13 @@ function pt(n, t, e, o, r) {
   if (r !== void 0)
     for (const [s, a] of Object.entries(r))
       s !== "class" && i.setAttribute(s, a);
-  i.className = R(
+  i.className = z(
     "bn-block-content",
     (r == null ? void 0 : r.class) || ""
   ), i.setAttribute("data-content-type", t);
   for (const [s, a] of Object.entries(e))
-    !Xt.includes(s) && a !== o[s].default && i.setAttribute(it(s), a);
-  return i.appendChild(n.dom), n.contentDOM !== void 0 && (n.contentDOM.className = R(
+    !Yt.includes(s) && a !== o[s].default && i.setAttribute(st(s), a);
+  return i.appendChild(n.dom), n.contentDOM !== void 0 && (n.contentDOM.className = z(
     "bn-inline-content",
     n.contentDOM.className
   ), n.contentDOM.setAttribute("data-editable", "")), {
@@ -840,17 +840,17 @@ function pt(n, t, e, o, r) {
     dom: i
   };
 }
-function W(n) {
-  return j.create(n);
+function q(n) {
+  return W.create(n);
 }
-function Qt(n, t) {
+function Zt(n, t) {
   return {
     config: n,
     implementation: t
   };
 }
-function tt(n, t, e) {
-  return Qt(
+function et(n, t, e) {
+  return Zt(
     {
       type: n.name,
       content: n.config.content === "inline*" ? "inline" : n.config.content === "tableRow+" ? "table" : "none",
@@ -859,18 +859,18 @@ function tt(n, t, e) {
     {
       node: n,
       requiredExtensions: e,
-      toInternalHTML: Nt,
-      toExternalHTML: Nt
+      toInternalHTML: At,
+      toExternalHTML: At
       // parse: () => undefined, // parse rules are in node already
     }
   );
 }
-function Zt(n) {
+function te(n) {
   return Object.fromEntries(
     Object.entries(n).map(([t, e]) => [t, e.config])
   );
 }
-function cn(n, t) {
+function dn(n, t) {
   const e = [
     {
       tag: "[data-content-type=" + n.type + "]",
@@ -887,17 +887,17 @@ function cn(n, t) {
     }
   }), e;
 }
-function dn(n, t) {
-  const e = W({
+function un(n, t) {
+  const e = q({
     name: n.type,
     content: n.content === "inline" ? "inline*" : "",
     group: "blockContent",
     selectable: !0,
     addAttributes() {
-      return Yt(n.propSchema);
+      return Qt(n.propSchema);
     },
     parseHTML() {
-      return cn(n, t.parse);
+      return dn(n, t.parse);
     },
     renderHTML() {
       const o = document.createElement("div");
@@ -908,7 +908,7 @@ function dn(n, t) {
     addNodeView() {
       return ({ getPos: o }) => {
         var l;
-        const r = this.options.editor, i = ln(
+        const r = this.options.editor, i = cn(
           o,
           r,
           this.editor,
@@ -928,7 +928,7 @@ function dn(n, t) {
     throw new Error(
       "Node name does not match block type. This is a bug in BlockNote."
     );
-  return Qt(n, {
+  return Zt(n, {
     node: e,
     toInternalHTML: (o, r) => {
       var a;
@@ -960,9 +960,9 @@ function dn(n, t) {
   });
 }
 function pn(n, t, e, o) {
-  return n.dom.setAttribute("data-inline-content-type", t), Object.entries(e).filter(([r, i]) => i !== o[r].default).map(([r, i]) => [it(r), i]).forEach(([r, i]) => n.dom.setAttribute(r, i)), n.contentDOM !== void 0 && n.contentDOM.setAttribute("data-editable", ""), n;
+  return n.dom.setAttribute("data-inline-content-type", t), Object.entries(e).filter(([r, i]) => i !== o[r].default).map(([r, i]) => [st(r), i]).forEach(([r, i]) => n.dom.setAttribute(r, i)), n.contentDOM !== void 0 && n.contentDOM.setAttribute("data-editable", ""), n;
 }
-function un(n) {
+function hn(n) {
   return {
     Backspace: ({ editor: t }) => {
       const e = t.state.selection.$from;
@@ -970,14 +970,14 @@ function un(n) {
     }
   };
 }
-function hn(n, t) {
+function mn(n, t) {
   return {
     config: n,
     implementation: t
   };
 }
-function mn(n, t) {
-  return hn(
+function fn(n, t) {
+  return mn(
     {
       type: n.name,
       propSchema: t,
@@ -988,12 +988,12 @@ function mn(n, t) {
     }
   );
 }
-function te(n) {
+function ee(n) {
   return Object.fromEntries(
     Object.entries(n).map(([t, e]) => [t, e.config])
   );
 }
-function fn(n) {
+function gn(n) {
   return [
     {
       tag: `[data-inline-content-type="${n.type}"]`,
@@ -1004,8 +1004,8 @@ function fn(n) {
     }
   ];
 }
-function Dr(n, t) {
-  const e = j.create({
+function Or(n, t) {
+  const e = W.create({
     name: n.type,
     inline: !0,
     group: "inline",
@@ -1013,17 +1013,17 @@ function Dr(n, t) {
     atom: n.content === "none",
     content: n.content === "styled" ? "inline*" : "",
     addAttributes() {
-      return Yt(n.propSchema);
+      return Qt(n.propSchema);
     },
     addKeyboardShortcuts() {
-      return un(n);
+      return hn(n);
     },
     parseHTML() {
-      return fn(n);
+      return gn(n);
     },
     renderHTML({ node: o }) {
       const r = this.options.editor, i = t.render(
-        Wt(
+        qt(
           o,
           r.schema.inlineContentSchema,
           r.schema.styleSchema
@@ -1038,12 +1038,12 @@ function Dr(n, t) {
       );
     }
   });
-  return mn(
+  return fn(
     e,
     n.propSchema
   );
 }
-function gn(n) {
+function bn(n) {
   return n === "boolean" ? {} : {
     stringValue: {
       default: void 0,
@@ -1055,17 +1055,17 @@ function gn(n) {
     }
   };
 }
-function bn(n, t, e, o) {
+function kn(n, t, e, o) {
   return n.dom.setAttribute("data-style-type", t), o === "string" && n.dom.setAttribute("data-value", e), n.contentDOM !== void 0 && n.contentDOM.setAttribute("data-editable", ""), n;
 }
-function ee(n, t) {
+function ne(n, t) {
   return {
     config: n,
     implementation: t
   };
 }
-function O(n, t) {
-  return ee(
+function _(n, t) {
+  return ne(
     {
       type: n.name,
       propSchema: t
@@ -1075,7 +1075,7 @@ function O(n, t) {
     }
   );
 }
-function ne(n) {
+function oe(n) {
   return Object.fromEntries(
     Object.entries(n).map(([t, e]) => [t, e.config])
   );
@@ -1091,11 +1091,11 @@ function yn(n) {
     }
   ];
 }
-function Or(n, t) {
+function _r(n, t) {
   const e = yt.create({
     name: n.type,
     addAttributes() {
-      return gn(n.propSchema);
+      return bn(n.propSchema);
     },
     parseHTML() {
       return yn(n);
@@ -1107,8 +1107,8 @@ function Or(n, t) {
       else if (n.propSchema === "string")
         r = t.render(o.attrs.stringValue);
       else
-        throw new N(n.propSchema);
-      return bn(
+        throw new A(n.propSchema);
+      return kn(
         r,
         n.type,
         o.attrs.stringValue,
@@ -1116,11 +1116,11 @@ function Or(n, t) {
       );
     }
   });
-  return ee(n, {
+  return ne(n, {
     mark: e
   });
 }
-const kn = yt.create({
+const wn = yt.create({
   name: "backgroundColor",
   addAttributes() {
     return {
@@ -1146,10 +1146,10 @@ const kn = yt.create({
   renderHTML({ HTMLAttributes: n }) {
     return ["span", n, 0];
   }
-}), wn = O(
-  kn,
+}), vn = _(
+  wn,
   "string"
-), vn = yt.create({
+), En = yt.create({
   name: "textColor",
   addAttributes() {
     return {
@@ -1173,10 +1173,16 @@ const kn = yt.create({
   renderHTML({ HTMLAttributes: n }) {
     return ["span", n, 0];
   }
-}), En = O(vn, "string"), Sn = {
+}), Sn = _(En, "string"), N = (n) => {
+  const { contentType: t } = b(
+    n.state.doc,
+    n.state.selection.from
+  );
+  return t.spec.content;
+}, Cn = {
   ...w,
   level: { default: 1, values: [1, 2, 3] }
-}, Cn = W({
+}, xn = q({
   name: "heading",
   content: "inline*",
   group: "blockContent",
@@ -1198,10 +1204,10 @@ const kn = yt.create({
   },
   addInputRules() {
     return [
-      ...[1, 2, 3].map((n) => new kt({
+      ...[1, 2, 3].map((n) => new wt({
         find: new RegExp(`^(#{${n}})\\s$`),
         handler: ({ state: t, chain: e, range: o }) => {
-          e().BNUpdateBlock(t.selection.from, {
+          N(this.editor) === "inline*" && e().BNUpdateBlock(t.selection.from, {
             type: "heading",
             props: {
               level: n
@@ -1213,24 +1219,33 @@ const kn = yt.create({
   },
   addKeyboardShortcuts() {
     return {
-      "Mod-Alt-1": () => this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
-        type: "heading",
-        props: {
-          level: 1
+      "Mod-Alt-1": () => N(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
+        this.editor.state.selection.anchor,
+        {
+          type: "heading",
+          props: {
+            level: 1
+          }
         }
-      }),
-      "Mod-Alt-2": () => this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
-        type: "heading",
-        props: {
-          level: 2
+      ),
+      "Mod-Alt-2": () => N(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
+        this.editor.state.selection.anchor,
+        {
+          type: "heading",
+          props: {
+            level: 2
+          }
         }
-      }),
-      "Mod-Alt-3": () => this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
-        type: "heading",
-        props: {
-          level: 3
+      ),
+      "Mod-Alt-3": () => N(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
+        this.editor.state.selection.anchor,
+        {
+          type: "heading",
+          props: {
+            level: 3
+          }
         }
-      })
+      )
     };
   },
   parseHTML() {
@@ -1260,7 +1275,7 @@ const kn = yt.create({
   },
   renderHTML({ node: n, HTMLAttributes: t }) {
     var e, o;
-    return Z(
+    return tt(
       this.name,
       `h${n.attrs.level}`,
       {
@@ -1270,10 +1285,10 @@ const kn = yt.create({
       ((o = this.options.domAttributes) == null ? void 0 : o.inlineContent) || {}
     );
   }
-}), Tn = tt(
-  Cn,
-  Sn
-), xn = {
+}), Tn = et(
+  xn,
+  Cn
+), Mn = {
   textAlignment: w.textAlignment,
   backgroundColor: w.backgroundColor,
   // Image url.
@@ -1288,7 +1303,7 @@ const kn = yt.create({
   width: {
     default: 512
   }
-}, At = (n) => {
+}, Pt = (n) => {
   switch (n) {
     case "left":
       return "flex-start";
@@ -1299,9 +1314,9 @@ const kn = yt.create({
     default:
       return "flex-start";
   }
-}, Ht = 64, Mn = (n, t) => {
+}, Ht = 64, Bn = (n, t) => {
   const e = document.createElement("div");
-  e.className = "bn-image-block-content-wrapper", e.style.alignItems = At(
+  e.className = "bn-image-block-content-wrapper", e.style.alignItems = Pt(
     n.props.textAlignment
   );
   const o = document.createElement("div");
@@ -1321,28 +1336,28 @@ const kn = yt.create({
   )}px`;
   const c = document.createElement("div");
   c.className = "bn-image-resize-handle", c.style.left = "4px";
-  const p = document.createElement("div");
-  p.className = "bn-image-resize-handle", p.style.right = "4px";
-  const u = document.createElement("p");
-  u.className = "bn-image-caption", u.innerText = n.props.caption, u.style.padding = n.props.caption ? "4px" : "";
+  const u = document.createElement("div");
+  u.className = "bn-image-resize-handle", u.style.right = "4px";
+  const p = document.createElement("p");
+  p.className = "bn-image-caption", p.innerText = n.props.caption, p.style.padding = n.props.caption ? "4px" : "";
   const m = () => {
-    var ct;
-    const g = ((ct = t.getSelection()) == null ? void 0 : ct.blocks) || [];
+    var dt;
+    const g = ((dt = t.getSelection()) == null ? void 0 : dt.blocks) || [];
     [t.getTextCursorPosition().block, ...g].find(
-      (et) => et.id === n.id
+      (nt) => nt.id === n.id
     ) !== void 0 ? (o.style.outline = "4px solid rgb(100, 160, 255)", s.style.outline = "4px solid rgb(100, 160, 255)") : (o.style.outline = "", s.style.outline = "");
   };
   t.onEditorContentChange(m), t.onEditorSelectionChange(m);
   let h;
   const f = (g) => {
     if (!h) {
-      !t.isEditable && a.contains(c) && a.contains(p) && (a.removeChild(c), a.removeChild(p));
+      !t.isEditable && a.contains(c) && a.contains(u) && (a.removeChild(c), a.removeChild(u));
       return;
     }
-    let I;
-    At(n.props.textAlignment) === "center" ? h.handleUsed === "left" ? I = h.initialWidth + (h.initialClientX - g.clientX) * 2 : I = h.initialWidth + (g.clientX - h.initialClientX) * 2 : h.handleUsed === "left" ? I = h.initialWidth + h.initialClientX - g.clientX : I = h.initialWidth + g.clientX - h.initialClientX, I < Ht ? l.style.width = `${Ht}px` : I > t.domElement.firstElementChild.clientWidth ? l.style.width = `${t.domElement.firstElementChild.clientWidth}px` : l.style.width = `${I}px`;
-  }, y = (g) => {
-    (!g.target || !a.contains(g.target) || !t.isEditable) && a.contains(c) && a.contains(p) && (a.removeChild(c), a.removeChild(p)), h && (h = void 0, t.updateBlock(n, {
+    let L;
+    Pt(n.props.textAlignment) === "center" ? h.handleUsed === "left" ? L = h.initialWidth + (h.initialClientX - g.clientX) * 2 : L = h.initialWidth + (g.clientX - h.initialClientX) * 2 : h.handleUsed === "left" ? L = h.initialWidth + h.initialClientX - g.clientX : L = h.initialWidth + g.clientX - h.initialClientX, L < Ht ? l.style.width = `${Ht}px` : L > t.domElement.firstElementChild.clientWidth ? l.style.width = `${t.domElement.firstElementChild.clientWidth}px` : l.style.width = `${L}px`;
+  }, k = (g) => {
+    (!g.target || !a.contains(g.target) || !t.isEditable) && a.contains(c) && a.contains(u) && (a.removeChild(c), a.removeChild(u)), h && (h = void 0, t.updateBlock(n, {
       type: "image",
       props: {
         // Removes "px" from the end of the width string and converts to float.
@@ -1353,56 +1368,56 @@ const kn = yt.create({
     g.preventDefault();
   }, B = () => {
     t._tiptapEditor.view.dispatch(
-      t._tiptapEditor.state.tr.setMeta(t.imageToolbar.plugin, {
+      t._tiptapEditor.state.tr.setMeta(t.imagePanel.plugin, {
         block: n
       })
     );
   }, E = () => {
-    t.isEditable && (a.appendChild(c), a.appendChild(p));
-  }, D = (g) => {
-    g.relatedTarget === c || g.relatedTarget === p || h || t.isEditable && a.contains(c) && a.contains(p) && (a.removeChild(c), a.removeChild(p));
-  }, z = (g) => {
-    g.preventDefault(), a.appendChild(c), a.appendChild(p), h = {
+    t.isEditable && (a.appendChild(c), a.appendChild(u));
+  }, O = (g) => {
+    g.relatedTarget === c || g.relatedTarget === u || h || t.isEditable && a.contains(c) && a.contains(u) && (a.removeChild(c), a.removeChild(u));
+  }, V = (g) => {
+    g.preventDefault(), a.appendChild(c), a.appendChild(u), h = {
       handleUsed: "left",
       initialWidth: n.props.width,
       initialClientX: g.clientX
     };
-  }, K = (g) => {
-    g.preventDefault(), a.appendChild(c), a.appendChild(p), h = {
+  }, J = (g) => {
+    g.preventDefault(), a.appendChild(c), a.appendChild(u), h = {
       handleUsed: "right",
       initialWidth: n.props.width,
       initialClientX: g.clientX
     };
   };
-  return o.appendChild(r), o.appendChild(i), s.appendChild(a), a.appendChild(l), s.appendChild(u), n.props.url === "" ? e.appendChild(o) : e.appendChild(s), window.addEventListener("mousemove", f), window.addEventListener("mouseup", y), o.addEventListener("mousedown", S), o.addEventListener("click", B), l.addEventListener("mouseenter", E), l.addEventListener("mouseleave", D), c.addEventListener(
+  return o.appendChild(r), o.appendChild(i), s.appendChild(a), a.appendChild(l), s.appendChild(p), n.props.url === "" ? e.appendChild(o) : e.appendChild(s), window.addEventListener("mousemove", f), window.addEventListener("mouseup", k), o.addEventListener("mousedown", S), o.addEventListener("click", B), l.addEventListener("mouseenter", E), l.addEventListener("mouseleave", O), c.addEventListener(
     "mousedown",
-    z
-  ), p.addEventListener(
+    V
+  ), u.addEventListener(
     "mousedown",
-    K
+    J
   ), {
     dom: e,
     destroy: () => {
-      window.removeEventListener("mousemove", f), window.removeEventListener("mouseup", y), o.removeEventListener(
+      window.removeEventListener("mousemove", f), window.removeEventListener("mouseup", k), o.removeEventListener(
         "mousedown",
         S
       ), o.removeEventListener("click", B), c.removeEventListener(
         "mousedown",
-        z
-      ), p.removeEventListener(
+        V
+      ), u.removeEventListener(
         "mousedown",
-        K
+        J
       );
     }
   };
-}, Bn = dn(
+}, Ln = un(
   {
     type: "image",
-    propSchema: xn,
+    propSchema: Mn,
     content: "none"
   },
   {
-    render: Mn,
+    render: Bn,
     toExternalHTML: (n) => {
       if (n.props.url === "") {
         const o = document.createElement("p");
@@ -1433,12 +1448,12 @@ const kn = yt.create({
         };
     }
   }
-), vt = (n) => {
+), Et = (n) => {
   const { node: t, contentType: e } = b(
     n.state.doc,
     n.state.selection.from
   ), o = n.state.selection.anchor === n.state.selection.head;
-  return !e.name.endsWith("ListItem") || !o ? !1 : n.commands.first(({ state: r, chain: i, commands: s }) => [
+  return !(e.name === "bulletListItem" || e.name === "numberedListItem") || !o ? !1 : n.commands.first(({ state: r, chain: i, commands: s }) => [
     () => (
       // Changes list item block to a text block if the content is empty.
       s.command(() => t.textContent.length === 0 ? s.BNUpdateBlock(r.selection.from, {
@@ -1454,17 +1469,17 @@ const kn = yt.create({
   ]);
 }, In = {
   ...w
-}, Ln = W({
+}, Nn = q({
   name: "bulletListItem",
   content: "inline*",
   group: "blockContent",
   addInputRules() {
     return [
       // Creates an unordered list when starting with "-", "+", or "*".
-      new kt({
+      new wt({
         find: new RegExp("^[-+*]\\s$"),
         handler: ({ state: n, chain: t, range: e }) => {
-          t().BNUpdateBlock(n.selection.from, {
+          N(this.editor) === "inline*" && t().BNUpdateBlock(n.selection.from, {
             type: "bulletListItem",
             props: {}
           }).deleteRange({ from: e.from, to: e.to });
@@ -1474,11 +1489,14 @@ const kn = yt.create({
   },
   addKeyboardShortcuts() {
     return {
-      Enter: () => vt(this.editor),
-      "Mod-Shift-8": () => this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
-        type: "bulletListItem",
-        props: {}
-      })
+      Enter: () => Et(this.editor),
+      "Mod-Shift-8": () => N(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
+        this.editor.state.selection.anchor,
+        {
+          type: "bulletListItem",
+          props: {}
+        }
+      )
     };
   },
   parseHTML() {
@@ -1514,7 +1532,7 @@ const kn = yt.create({
   },
   renderHTML({ HTMLAttributes: n }) {
     var t, e;
-    return Z(
+    return tt(
       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
@@ -1527,11 +1545,11 @@ const kn = yt.create({
       ((e = this.options.domAttributes) == null ? void 0 : e.inlineContent) || {}
     );
   }
-}), Nn = tt(
-  Ln,
+}), An = et(
+  Nn,
   In
-), An = new T("numbered-list-indexing"), Hn = () => new v({
-  key: An,
+), Pn = new x("numbered-list-indexing"), Hn = () => new v({
+  key: Pn,
   appendTransaction: (n, t, e) => {
     const o = e.tr;
     o.setMeta("numberedListIndexing", !0);
@@ -1560,9 +1578,9 @@ const kn = yt.create({
       }
     }), r ? o : null;
   }
-}), Pn = {
+}), Dn = {
   ...w
-}, Dn = W({
+}, On = q({
   name: "numberedListItem",
   content: "inline*",
   group: "blockContent",
@@ -1580,10 +1598,10 @@ const kn = yt.create({
   addInputRules() {
     return [
       // Creates an ordered list when starting with "1.".
-      new kt({
+      new wt({
         find: new RegExp("^1\\.\\s$"),
         handler: ({ state: n, chain: t, range: e }) => {
-          t().BNUpdateBlock(n.selection.from, {
+          N(this.editor) === "inline*" && t().BNUpdateBlock(n.selection.from, {
             type: "numberedListItem",
             props: {}
           }).deleteRange({ from: e.from, to: e.to });
@@ -1593,11 +1611,14 @@ const kn = yt.create({
   },
   addKeyboardShortcuts() {
     return {
-      Enter: () => vt(this.editor),
-      "Mod-Shift-7": () => this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
-        type: "numberedListItem",
-        props: {}
-      })
+      Enter: () => Et(this.editor),
+      "Mod-Shift-7": () => N(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
+        this.editor.state.selection.anchor,
+        {
+          type: "numberedListItem",
+          props: {}
+        }
+      )
     };
   },
   addProseMirrorPlugins() {
@@ -1638,7 +1659,7 @@ const kn = yt.create({
   },
   renderHTML({ HTMLAttributes: n }) {
     var t, e;
-    return Z(
+    return tt(
       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
@@ -1651,22 +1672,25 @@ const kn = yt.create({
       ((e = this.options.domAttributes) == null ? void 0 : e.inlineContent) || {}
     );
   }
-}), On = tt(
-  Dn,
-  Pn
-), _n = {
+}), _n = et(
+  On,
+  Dn
+), Un = {
   ...w
-}, Un = W({
+}, Rn = q({
   name: "paragraph",
   content: "inline*",
   group: "blockContent",
   addKeyboardShortcuts() {
     return {
-      Enter: () => vt(this.editor),
-      "Mod-Alt-0": () => this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
-        type: "paragraph",
-        props: {}
-      })
+      Enter: () => Et(this.editor),
+      "Mod-Alt-0": () => N(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
+        this.editor.state.selection.anchor,
+        {
+          type: "paragraph",
+          props: {}
+        }
+      )
     };
   },
   parseHTML() {
@@ -1681,7 +1705,7 @@ const kn = yt.create({
   },
   renderHTML({ HTMLAttributes: n }) {
     var t, e;
-    return Z(
+    return tt(
       this.name,
       "p",
       {
@@ -1691,16 +1715,16 @@ const kn = yt.create({
       ((e = this.options.domAttributes) == null ? void 0 : e.inlineContent) || {}
     );
   }
-}), Rn = tt(
-  Un,
-  _n
-), zn = M.create({
+}), zn = et(
+  Rn,
+  Un
+), Vn = M.create({
   name: "BlockNoteTableExtension",
   addProseMirrorPlugins: () => [
-    Ue({
+    Re({
       cellMinWidth: 100
     }),
-    Re()
+    ze()
   ],
   addKeyboardShortcuts() {
     return {
@@ -1721,14 +1745,14 @@ const kn = yt.create({
       storage: n.storage
     };
     return {
-      tableRole: we(
-        ve(n, "tableRole", t)
+      tableRole: ve(
+        Ee(n, "tableRole", t)
       )
     };
   }
-}), Vn = {
+}), Fn = {
   ...w
-}, Fn = W({
+}, $n = q({
   name: "table",
   content: "tableRow+",
   group: "blockContent",
@@ -1739,7 +1763,7 @@ const kn = yt.create({
   },
   renderHTML({ HTMLAttributes: n }) {
     var t, e;
-    return Z(
+    return tt(
       this.name,
       "table",
       {
@@ -1749,7 +1773,7 @@ const kn = yt.create({
       ((e = this.options.domAttributes) == null ? void 0 : e.inlineContent) || {}
     );
   }
-}), $n = j.create({
+}), Gn = W.create({
   name: "tableParagraph",
   group: "tableContent",
   content: "inline*",
@@ -1759,58 +1783,58 @@ const kn = yt.create({
   renderHTML({ HTMLAttributes: n }) {
     return [
       "p",
-      Ee(this.options.HTMLAttributes, n),
+      Se(this.options.HTMLAttributes, n),
       0
     ];
   }
-}), Gn = tt(
+}), jn = et(
+  $n,
   Fn,
-  Vn,
   [
-    zn,
-    $n,
-    Oe.extend({
+    Vn,
+    Gn,
+    _e.extend({
       content: "tableContent"
     }),
-    De.extend({
+    Oe.extend({
       content: "tableContent"
     }),
-    _e
+    Ue
   ]
-), oe = {
-  paragraph: Rn,
+), re = {
+  paragraph: zn,
   heading: Tn,
-  bulletListItem: Nn,
-  numberedListItem: On,
-  image: Bn,
-  table: Gn
-}, jn = Zt(oe), re = {
-  bold: O(Le, "boolean"),
-  italic: O(Ae, "boolean"),
-  underline: O(Pe, "boolean"),
-  strike: O(He, "boolean"),
-  code: O(Ne, "boolean"),
-  textColor: En,
-  backgroundColor: wn
-}, _r = ne(re), ie = {
+  bulletListItem: An,
+  numberedListItem: _n,
+  image: Ln,
+  table: jn
+}, Wn = te(re), ie = {
+  bold: _(Ne, "boolean"),
+  italic: _(Pe, "boolean"),
+  underline: _(De, "boolean"),
+  strike: _(He, "boolean"),
+  code: _(Ae, "boolean"),
+  textColor: Sn,
+  backgroundColor: vn
+}, Ur = oe(ie), se = {
   text: { config: "text", implementation: {} },
   link: { config: "link", implementation: {} }
-}, Ur = te(
-  ie
+}, Rr = ee(
+  se
 );
-function L(n, t) {
-  return n in t.schema.blockSchema && t.schema.blockSchema[n] === jn[n];
+function I(n, t) {
+  return n in t.schema.blockSchema && t.schema.blockSchema[n] === Wn[n];
 }
-function Rr(n, t, e) {
-  return t.type === n && t.type in e.schema.blockSchema && L(t.type, e);
+function zr(n, t, e) {
+  return t.type === n && t.type in e.schema.blockSchema && I(t.type, e);
 }
-function Wn(n, t, e) {
+function qn(n, t, e) {
   return t in e.schema.blockSchema && n in e.schema.blockSchema[t].propSchema && e.schema.blockSchema[t].propSchema[n] === w[n];
 }
-function zr(n, t, e) {
-  return Wn(n, t.type, e);
+function Vr(n, t, e) {
+  return qn(n, t.type, e);
 }
-function Et(n, t) {
+function St(n, t) {
   let e, o;
   if (t.firstChild.descendants((r, i) => e ? !1 : r.type.name !== "blockContainer" || r.attrs.id !== n ? !0 : (e = r, o = i + 1, !1)), e === void 0 || o === void 0)
     throw Error("Could not find block in the editor with matching ID.");
@@ -1819,34 +1843,34 @@ function Et(n, t) {
     posBeforeNode: o
   };
 }
-function qn(n, t, e = "before", o) {
+function Kn(n, t, e = "before", o) {
   const r = o._tiptapEditor, i = typeof t == "string" ? t : t.id, s = [];
-  for (const p of n)
+  for (const u of n)
     s.push(
-      P(p, r.schema, o.schema.styleSchema)
+      D(u, r.schema, o.schema.styleSchema)
     );
-  const { node: a, posBeforeNode: l } = Et(i, r.state.doc);
+  const { node: a, posBeforeNode: l } = St(i, r.state.doc);
   if (e === "before" && r.view.dispatch(
     r.state.tr.insert(l, s)
   ), e === "after" && r.view.dispatch(
     r.state.tr.insert(l + a.nodeSize, s)
   ), e === "nested" && a.childCount < 2) {
-    const p = r.state.schema.nodes.blockGroup.create(
+    const u = r.state.schema.nodes.blockGroup.create(
       {},
       s
     );
     r.view.dispatch(
       r.state.tr.insert(
         l + a.firstChild.nodeSize + 1,
-        p
+        u
       )
     );
   }
   const c = [];
-  for (const p of s)
+  for (const u of s)
     c.push(
-      k(
-        p,
+      y(
+        u,
         o.schema.blockSchema,
         o.schema.inlineContentSchema,
         o.schema.styleSchema,
@@ -1855,11 +1879,11 @@ function qn(n, t, e = "before", o) {
     );
   return c;
 }
-function Kn(n, t, e) {
-  const o = e._tiptapEditor, r = typeof n == "string" ? n : n.id, { posBeforeNode: i } = Et(r, o.state.doc);
+function Jn(n, t, e) {
+  const o = e._tiptapEditor, r = typeof n == "string" ? n : n.id, { posBeforeNode: i } = St(r, o.state.doc);
   o.commands.BNUpdateBlock(i + 1, t);
   const s = o.state.doc.resolve(i + 1).node();
-  return k(
+  return y(
     s,
     e.schema.blockSchema,
     e.schema.inlineContentSchema,
@@ -1867,7 +1891,7 @@ function Kn(n, t, e) {
     e.blockCache
   );
 }
-function se(n, t, e) {
+function ae(n, t, e) {
   const o = t._tiptapEditor, r = o.state.tr, i = new Set(
     n.map(
       (l) => typeof l == "string" ? l : l.id
@@ -1880,7 +1904,7 @@ function se(n, t, e) {
     if (l.type.name !== "blockContainer" || !i.has(l.attrs.id))
       return !0;
     s.push(
-      k(
+      y(
         l,
         t.schema.blockSchema,
         t.schema.inlineContentSchema,
@@ -1888,10 +1912,10 @@ function se(n, t, e) {
         t.blockCache
       )
     ), i.delete(l.attrs.id), a = (e == null ? void 0 : e(l, c, r, a)) || a;
-    const p = r.doc.nodeSize;
-    r.delete(c - a - 1, c - a + l.nodeSize + 1);
     const u = r.doc.nodeSize;
-    return a += p - u, !1;
+    r.delete(c - a - 1, c - a + l.nodeSize + 1);
+    const p = r.doc.nodeSize;
+    return a += u - p, !1;
   }), i.size > 0) {
     const l = [...i].join(`
 `);
@@ -1901,31 +1925,31 @@ function se(n, t, e) {
   }
   return o.view.dispatch(r), s;
 }
-function Jn(n, t) {
-  return se(n, t);
+function Xn(n, t) {
+  return ae(n, t);
 }
-function Xn(n, t, e) {
+function Yn(n, t, e) {
   const o = e._tiptapEditor, r = [];
   for (const l of t)
     r.push(
-      P(l, o.schema, e.schema.styleSchema)
+      D(l, o.schema, e.schema.styleSchema)
     );
-  const i = typeof n[0] == "string" ? n[0] : n[0].id, s = se(
+  const i = typeof n[0] == "string" ? n[0] : n[0].id, s = ae(
     n,
     e,
-    (l, c, p, u) => {
+    (l, c, u, p) => {
       if (l.attrs.id === i) {
-        const m = p.doc.nodeSize;
-        p.insert(c, r);
-        const h = p.doc.nodeSize;
-        return u + m - h;
+        const m = u.doc.nodeSize;
+        u.insert(c, r);
+        const h = u.doc.nodeSize;
+        return p + m - h;
       }
-      return u;
+      return p;
     }
   ), a = [];
   for (const l of r)
     a.push(
-      k(
+      y(
         l,
         e.schema.blockSchema,
         e.schema.inlineContentSchema,
@@ -1935,18 +1959,18 @@ function Xn(n, t, e) {
     );
   return { insertedBlocks: a, removedBlocks: s };
 }
-function Yn(n, t, e, o = { updateSelection: !0 }) {
+function Qn(n, t, e, o = { updateSelection: !0 }) {
   const r = e._tiptapEditor, i = r.state.tr;
-  let { from: s, to: a } = typeof n == "number" ? { from: n, to: n } : { from: n.from, to: n.to }, l = !0, c = !0, p = "";
-  if (t.forEach((u) => {
-    u.check(), l && u.isText && u.marks.length === 0 ? p += u.text : l = !1, c = c ? u.isBlock : !1;
+  let { from: s, to: a } = typeof n == "number" ? { from: n, to: n } : { from: n.from, to: n.to }, l = !0, c = !0, u = "";
+  if (t.forEach((p) => {
+    p.check(), l && p.isText && p.marks.length === 0 ? u += p.text : l = !1, c = c ? p.isBlock : !1;
   }), s === a && c) {
-    const { parent: u } = i.doc.resolve(s);
-    u.isTextblock && !u.type.spec.code && !u.childCount && (s -= 1, a += 1);
+    const { parent: p } = i.doc.resolve(s);
+    p.isTextblock && !p.type.spec.code && !p.childCount && (s -= 1, a += 1);
   }
-  return l ? i.insertText(p, s, a) : i.replaceWith(s, a, t), o.updateSelection && Se(i, i.steps.length - 1, -1), r.view.dispatch(i), !0;
+  return l ? i.insertText(u, s, a) : i.replaceWith(s, a, t), o.updateSelection && Ce(i, i.steps.length - 1, -1), r.view.dispatch(i), !0;
 }
-function Qn() {
+function Zn() {
   const n = (t) => {
     let e = t.children.length;
     for (let o = 0; o < e; o++) {
@@ -1962,35 +1986,35 @@ function Qn() {
   };
   return n;
 }
-function St(n) {
-  return bt().use(Rt, { fragment: !0 }).use(Qn).use(ze).use(Vt).use(Ve).processSync(n).value;
+function Ct(n) {
+  return kt().use(zt, { fragment: !0 }).use(Zn).use(Ve).use(Ft).use(Fe).processSync(n).value;
 }
-function Zn(n, t, e) {
-  const r = at(t, e).exportBlocks(n);
-  return St(r);
+function to(n, t, e) {
+  const r = lt(t, e).exportBlocks(n);
+  return Ct(r);
 }
-function to(n) {
+function eo(n) {
   return Array.prototype.indexOf.call(n.parentElement.childNodes, n);
 }
-function eo(n) {
+function no(n) {
   return n.nodeType === 3 && !/\S/.test(n.nodeValue || "");
 }
-function no(n) {
+function oo(n) {
   n.querySelectorAll("li > ul, li > ol").forEach((t) => {
-    const e = to(t), o = t.parentElement, r = Array.from(o.childNodes).slice(
+    const e = eo(t), o = t.parentElement, r = Array.from(o.childNodes).slice(
       e + 1
     );
     t.remove(), r.forEach((i) => {
       i.remove();
     }), o.insertAdjacentElement("afterend", t), r.reverse().forEach((i) => {
-      if (eo(i))
+      if (no(i))
         return;
       const s = document.createElement("li");
       s.append(i), t.insertAdjacentElement("afterend", s);
     }), o.childNodes.length === 0 && o.remove();
   });
 }
-function oo(n) {
+function ro(n) {
   n.querySelectorAll("li + ul, li + ol").forEach((t) => {
     var i, s;
     const e = t.previousElementSibling, o = document.createElement("div");
@@ -2000,28 +2024,28 @@ function oo(n) {
       r.append(o.nextElementSibling);
   });
 }
-let Pt = null;
-function ro() {
-  return Pt || (Pt = document.implementation.createHTMLDocument("title"));
+let Dt = null;
+function io() {
+  return Dt || (Dt = document.implementation.createHTMLDocument("title"));
 }
-function ae(n) {
+function le(n) {
   if (typeof n == "string") {
-    const t = ro().createElement("div");
+    const t = io().createElement("div");
     t.innerHTML = n, n = t;
   }
-  return no(n), oo(n), n;
+  return oo(n), ro(n), n;
 }
-async function le(n, t, e, o, r) {
-  const i = ae(n), a = fe.fromSchema(r).parse(i, {
+async function ce(n, t, e, o, r) {
+  const i = le(n), a = ge.fromSchema(r).parse(i, {
     topNode: r.nodes.blockGroup.create()
   }), l = [];
   for (let c = 0; c < a.childCount; c++)
     l.push(
-      k(a.child(c), t, e, o)
+      y(a.child(c), t, e, o)
     );
   return l;
 }
-function io(n, t) {
+function so(n, t) {
   const e = t.value ? t.value + `
 ` : "", o = {};
   t.lang && (o["data-language"] = t.lang);
@@ -2038,14 +2062,14 @@ function io(n, t) {
     children: [r]
   }, n.patch(t, r), r;
 }
-function so(n, t, e, o, r) {
-  const i = bt().use(Fe).use(Vt).use($e, {
+function ao(n, t, e, o, r) {
+  const i = kt().use($e).use(Ft).use(Ge, {
     handlers: {
-      ...Ge,
-      code: io
+      ...je,
+      code: so
     }
-  }).use(zt).processSync(n);
-  return le(
+  }).use(Vt).processSync(n);
+  return ce(
     i.value,
     t,
     e,
@@ -2053,7 +2077,7 @@ function so(n, t, e, o, r) {
     r
   );
 }
-class q {
+class K {
   constructor() {
     // eslint-disable-next-line @typescript-eslint/ban-types
     d(this, "callbacks", {});
@@ -2073,7 +2097,7 @@ class q {
     this.callbacks = {};
   }
 }
-class ao {
+class lo {
   constructor(t, e, o) {
     d(this, "state");
     d(this, "emitUpdate");
@@ -2124,20 +2148,20 @@ class ao {
     if ((this.prevWasEditable === null || this.prevWasEditable === this.editor.isEditable) && (r || a))
       return;
     this.prevWasEditable = this.editor.isEditable;
-    const { ranges: l } = s, c = Math.min(...l.map((f) => f.$from.pos)), p = Math.max(...l.map((f) => f.$to.pos)), u = (m = this.shouldShow) == null ? void 0 : m.call(this, {
+    const { ranges: l } = s, c = Math.min(...l.map((f) => f.$from.pos)), u = Math.max(...l.map((f) => f.$to.pos)), p = (m = this.shouldShow) == null ? void 0 : m.call(this, {
       view: t,
       state: o,
       from: c,
-      to: p
+      to: u
     });
-    if (this.editor.isEditable && !this.preventShow && (u || this.preventHide)) {
+    if (this.editor.isEditable && !this.preventShow && (p || this.preventHide)) {
       this.state = {
         show: !0,
         referencePos: this.getSelectionBoundingBox()
       }, this.emitUpdate();
       return;
     }
-    if ((h = this.state) != null && h.show && !this.preventHide && (!u || this.preventShow || !this.editor.isEditable)) {
+    if ((h = this.state) != null && h.show && !this.preventHide && (!p || this.preventShow || !this.editor.isEditable)) {
       this.state.show = !1, this.emitUpdate();
       return;
     }
@@ -2147,25 +2171,25 @@ class ao {
   }
   getSelectionBoundingBox() {
     const { state: t } = this.pmView, { selection: e } = t, { ranges: o } = e, r = Math.min(...o.map((s) => s.$from.pos)), i = Math.max(...o.map((s) => s.$to.pos));
-    if (Ce(e)) {
+    if (xe(e)) {
       const s = this.pmView.nodeDOM(r);
       if (s)
         return s.getBoundingClientRect();
     }
-    return mt(this.pmView, r, i);
+    return ft(this.pmView, r, i);
   }
 }
-const lo = new T(
+const co = new x(
   "FormattingToolbarPlugin"
 );
-class co extends q {
+class uo extends K {
   constructor(e) {
     super();
     d(this, "view");
     d(this, "plugin");
     this.plugin = new v({
-      key: lo,
-      view: (o) => (this.view = new ao(e, o, (r) => {
+      key: co,
+      view: (o) => (this.view = new lo(e, o, (r) => {
         this.emit("update", r);
       }), this.view)
     });
@@ -2181,24 +2205,18 @@ class po {
     d(this, "menuUpdateTimer");
     d(this, "startMenuUpdateTimer");
     d(this, "stopMenuUpdateTimer");
-    d(this, "mouseHoveredHyperlinkMark");
-    d(this, "mouseHoveredHyperlinkMarkRange");
-    d(this, "keyboardHoveredHyperlinkMark");
-    d(this, "keyboardHoveredHyperlinkMarkRange");
-    d(this, "hyperlinkMark");
-    d(this, "hyperlinkMarkRange");
+    d(this, "mouseHoveredLinkMark");
+    d(this, "mouseHoveredLinkMarkRange");
+    d(this, "keyboardHoveredLinkMark");
+    d(this, "keyboardHoveredLinkMarkRange");
+    d(this, "linkMark");
+    d(this, "linkMarkRange");
     d(this, "mouseOverHandler", (t) => {
-      if (this.mouseHoveredHyperlinkMark = void 0, this.mouseHoveredHyperlinkMarkRange = void 0, this.stopMenuUpdateTimer(), t.target instanceof HTMLAnchorElement && t.target.nodeName === "A") {
-        const e = t.target, o = this.pmView.posAtDOM(e, 0) + 1, r = this.pmView.state.doc.resolve(
-          o
-        ), i = r.marks();
+      if (this.mouseHoveredLinkMark = void 0, this.mouseHoveredLinkMarkRange = void 0, this.stopMenuUpdateTimer(), t.target instanceof HTMLAnchorElement && t.target.nodeName === "A") {
+        const e = t.target, o = this.pmView.posAtDOM(e, 0) + 1, r = this.pmView.state.doc.resolve(o), i = r.marks();
         for (const s of i)
           if (s.type.name === this.pmView.state.schema.mark("link").type.name) {
-            this.mouseHoveredHyperlinkMark = s, this.mouseHoveredHyperlinkMarkRange = xt(
-              r,
-              s.type,
-              s.attrs
-            ) || void 0;
+            this.mouseHoveredLinkMark = s, this.mouseHoveredLinkMarkRange = Mt(r, s.type, s.attrs) || void 0;
             break;
           }
       }
@@ -2208,21 +2226,21 @@ class po {
       var o;
       const e = this.pmView.dom.parentElement;
       // Toolbar is open.
-      this.hyperlinkMark && // An element is clicked.
+      this.linkMark && // An element is clicked.
       t && t.target && // The clicked element is not the editor.
       !(e === t.target || e.contains(t.target)) && (o = this.state) != null && o.show && (this.state.show = !1, this.emitUpdate());
     });
     d(this, "scrollHandler", () => {
       var t;
-      this.hyperlinkMark !== void 0 && (t = this.state) != null && t.show && (this.state.referencePos = mt(
+      this.linkMark !== void 0 && (t = this.state) != null && t.show && (this.state.referencePos = ft(
         this.pmView,
-        this.hyperlinkMarkRange.from,
-        this.hyperlinkMarkRange.to
+        this.linkMarkRange.from,
+        this.linkMarkRange.to
       ), this.emitUpdate());
     });
     this.editor = t, this.pmView = e, this.emitUpdate = () => {
       if (!this.state)
-        throw new Error("Attempting to update uninitialized hyperlink toolbar");
+        throw new Error("Attempting to update uninitialized link toolbar");
       o(this.state);
     }, this.startMenuUpdateTimer = () => {
       this.menuUpdateTimer = setTimeout(() => {
@@ -2230,26 +2248,26 @@ class po {
       }, 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);
   }
-  editHyperlink(t, e) {
+  editLink(t, e) {
     var r;
     const o = this.pmView.state.tr.insertText(
       e,
-      this.hyperlinkMarkRange.from,
-      this.hyperlinkMarkRange.to
+      this.linkMarkRange.from,
+      this.linkMarkRange.to
     );
     o.addMark(
-      this.hyperlinkMarkRange.from,
-      this.hyperlinkMarkRange.from + e.length,
+      this.linkMarkRange.from,
+      this.linkMarkRange.from + e.length,
       this.pmView.state.schema.mark("link", { href: t })
     ), this.pmView.dispatch(o), this.pmView.focus(), (r = this.state) != null && r.show && (this.state.show = !1, this.emitUpdate());
   }
-  deleteHyperlink() {
+  deleteLink() {
     var t;
     this.pmView.dispatch(
       this.pmView.state.tr.removeMark(
-        this.hyperlinkMarkRange.from,
-        this.hyperlinkMarkRange.to,
-        this.hyperlinkMark.type
+        this.linkMarkRange.from,
+        this.linkMarkRange.to,
+        this.linkMark.type
       ).setMeta("preventAutolink", !0)
     ), this.pmView.focus(), (t = this.state) != null && t.show && (this.state.show = !1, this.emitUpdate());
   }
@@ -2257,12 +2275,12 @@ class po {
     var e;
     if (!this.pmView.hasFocus())
       return;
-    const t = this.hyperlinkMark;
-    if (this.hyperlinkMark = void 0, this.hyperlinkMarkRange = void 0, this.keyboardHoveredHyperlinkMark = void 0, this.keyboardHoveredHyperlinkMarkRange = void 0, this.pmView.state.selection.empty) {
+    const t = this.linkMark;
+    if (this.linkMark = void 0, this.linkMarkRange = void 0, this.keyboardHoveredLinkMark = void 0, this.keyboardHoveredLinkMarkRange = void 0, this.pmView.state.selection.empty) {
       const o = this.pmView.state.selection.$from.marks();
       for (const r of o)
         if (r.type.name === this.pmView.state.schema.mark("link").type.name) {
-          this.keyboardHoveredHyperlinkMark = r, this.keyboardHoveredHyperlinkMarkRange = xt(
+          this.keyboardHoveredLinkMark = r, this.keyboardHoveredLinkMarkRange = Mt(
             this.pmView.state.selection.$from,
             r.type,
             r.attrs
@@ -2270,23 +2288,23 @@ class po {
           break;
         }
     }
-    if (this.mouseHoveredHyperlinkMark && (this.hyperlinkMark = this.mouseHoveredHyperlinkMark, this.hyperlinkMarkRange = this.mouseHoveredHyperlinkMarkRange), this.keyboardHoveredHyperlinkMark && (this.hyperlinkMark = this.keyboardHoveredHyperlinkMark, this.hyperlinkMarkRange = this.keyboardHoveredHyperlinkMarkRange), this.hyperlinkMark && this.editor.isEditable) {
+    if (this.mouseHoveredLinkMark && (this.linkMark = this.mouseHoveredLinkMark, this.linkMarkRange = this.mouseHoveredLinkMarkRange), this.keyboardHoveredLinkMark && (this.linkMark = this.keyboardHoveredLinkMark, this.linkMarkRange = this.keyboardHoveredLinkMarkRange), this.linkMark && this.editor.isEditable) {
       this.state = {
         show: !0,
-        referencePos: mt(
+        referencePos: ft(
           this.pmView,
-          this.hyperlinkMarkRange.from,
-          this.hyperlinkMarkRange.to
+          this.linkMarkRange.from,
+          this.linkMarkRange.to
         ),
-        url: this.hyperlinkMark.attrs.href,
+        url: this.linkMark.attrs.href,
         text: this.pmView.state.doc.textBetween(
-          this.hyperlinkMarkRange.from,
-          this.hyperlinkMarkRange.to
+          this.linkMarkRange.from,
+          this.linkMarkRange.to
         )
       }, this.emitUpdate();
       return;
     }
-    if ((e = this.state) != null && e.show && t && (!this.hyperlinkMark || !this.editor.isEditable)) {
+    if ((e = this.state) != null && e.show && t && (!this.linkMark || !this.editor.isEditable)) {
       this.state.show = !1, this.emitUpdate();
       return;
     }
@@ -2295,46 +2313,46 @@ class po {
     this.pmView.dom.removeEventListener("mouseover", this.mouseOverHandler), document.removeEventListener("scroll", this.scrollHandler), document.removeEventListener("click", this.clickHandler, !0);
   }
 }
-const uo = new T(
-  "HyperlinkToolbarPlugin"
-);
-class ho extends q {
+const ho = new x("LinkToolbarPlugin");
+class mo extends K {
   constructor(e) {
     super();
     d(this, "view");
     d(this, "plugin");
     /**
-     * Edit the currently hovered hyperlink.
+     * Edit the currently hovered link.
      */
-    d(this, "editHyperlink", (e, o) => {
-      this.view.editHyperlink(e, o);
+    d(this, "editLink", (e, o) => {
+      this.view.editLink(e, o);
     });
     /**
-     * Delete the currently hovered hyperlink.
+     * Delete the currently hovered link.
      */
-    d(this, "deleteHyperlink", () => {
-      this.view.deleteHyperlink();
+    d(this, "deleteLink", () => {
+      this.view.deleteLink();
     });
     /**
-     * When hovering on/off hyperlinks using the mouse cursor, the hyperlink
-     * toolbar will open & close with a delay.
+     * When hovering on/off links using the mouse cursor, the link toolbar will
+     * open & close with a delay.
      *
-     * This function starts the delay timer, and should be used for when the mouse cursor enters the hyperlink toolbar.
+     * This function starts the delay timer, and should be used for when the mouse
+     * cursor enters the link toolbar.
      */
     d(this, "startHideTimer", () => {
       this.view.startMenuUpdateTimer();
     });
     /**
-     * When hovering on/off hyperlinks using the mouse cursor, the hyperlink
-     * toolbar will open & close with a delay.
+     * When hovering on/off links using the mouse cursor, the link toolbar will
+     * open & close with a delay.
      *
-     * This function stops the delay timer, and should be used for when the mouse cursor exits the hyperlink toolbar.
+     * This function stops the delay timer, and should be used for when the mouse
+     * cursor exits the link toolbar.
      */
     d(this, "stopHideTimer", () => {
       this.view.stopMenuUpdateTimer();
     });
     this.plugin = new v({
-      key: uo,
+      key: ho,
       view: (o) => (this.view = new po(e, o, (r) => {
         this.emit("update", r);
       }), this.view)
@@ -2344,97 +2362,8 @@ class ho extends q {
     return this.on("update", e);
   }
 }
-class mo {
-  constructor(t, e, o) {
-    d(this, "state");
-    d(this, "emitUpdate");
-    d(this, "prevWasEditable", null);
-    d(this, "mouseDownHandler", () => {
-      var t;
-      (t = this.state) != null && t.show && (this.state.show = !1, this.emitUpdate());
-    });
-    // For dragging the whole editor.
-    d(this, "dragstartHandler", () => {
-      var t;
-      (t = this.state) != null && t.show && (this.state.show = !1, this.emitUpdate());
-    });
-    d(this, "blurHandler", (t) => {
-      var o;
-      const e = this.pmView.dom.parentElement;
-      // An element is clicked.
-      t && t.relatedTarget && // Element is inside the editor.
-      (e === t.relatedTarget || e.contains(t.relatedTarget)) || (o = this.state) != null && o.show && (this.state.show = !1, this.emitUpdate());
-    });
-    d(this, "scrollHandler", () => {
-      var t;
-      if ((t = this.state) != null && t.show) {
-        const e = document.querySelector(
-          `[data-node-type="blockContainer"][data-id="${this.state.block.id}"]`
-        );
-        this.state.referencePos = e.getBoundingClientRect(), this.emitUpdate();
-      }
-    });
-    this.pluginKey = t, this.pmView = e, this.emitUpdate = () => {
-      if (!this.state)
-        throw new Error("Attempting to update uninitialized image toolbar");
-      o(this.state);
-    }, e.dom.addEventListener("mousedown", this.mouseDownHandler), e.dom.addEventListener("dragstart", this.dragstartHandler), e.dom.addEventListener("blur", this.blurHandler), document.addEventListener("scroll", this.scrollHandler);
-  }
-  update(t, e) {
-    var r, i;
-    const o = this.pluginKey.getState(t.state);
-    if (!((r = this.state) != null && r.show) && o.block) {
-      const s = document.querySelector(
-        `[data-node-type="blockContainer"][data-id="${o.block.id}"]`
-      );
-      this.state = {
-        show: !0,
-        referencePos: s.getBoundingClientRect(),
-        block: o.block
-      }, this.emitUpdate();
-      return;
-    }
-    (!t.state.selection.eq(e.selection) || !t.state.doc.eq(e.doc)) && (i = this.state) != null && i.show && (this.state.show = !1, this.emitUpdate());
-  }
-  destroy() {
-    this.pmView.dom.removeEventListener("mousedown", this.mouseDownHandler), this.pmView.dom.removeEventListener("dragstart", this.dragstartHandler), this.pmView.dom.removeEventListener("blur", this.blurHandler), document.removeEventListener("scroll", this.scrollHandler);
-  }
-}
-const ut = new T("ImageToolbarPlugin");
-class fo extends q {
-  constructor(e) {
-    super();
-    d(this, "view");
-    d(this, "plugin");
-    this.plugin = new v({
-      key: ut,
-      view: (o) => (this.view = new mo(
-        // editor,
-        ut,
-        o,
-        (r) => {
-          this.emit("update", r);
-        }
-      ), this.view),
-      state: {
-        init: () => ({
-          block: void 0
-        }),
-        apply: (o) => {
-          var i;
-          return {
-            block: (i = o.getMeta(ut)) == null ? void 0 : i.block
-          };
-        }
-      }
-    });
-  }
-  onUpdate(e) {
-    return this.on("update", e);
-  }
-}
-const go = Te((n) => n.type.name === "blockContainer");
-class bo {
+const fo = Te((n) => n.type.name === "blockContainer");
+class go {
   constructor(t, e) {
     d(this, "state");
     d(this, "emitUpdate");
@@ -2451,7 +2380,7 @@ class bo {
     d(this, "closeMenu", () => {
       this.editor._tiptapEditor.view.dispatch(
         this.editor._tiptapEditor.view.state.tr.setMeta(
-          U,
+          R,
           null
         )
       );
@@ -2469,7 +2398,7 @@ class bo {
     }, document.addEventListener("scroll", this.handleScroll);
   }
   update(t, e) {
-    const o = U.getState(e), r = U.getState(
+    const o = R.getState(e), r = R.getState(
       t.state
     ), i = o === void 0 && r !== void 0, s = o !== void 0 && r === void 0;
     if (!i && !(o !== void 0 && r !== void 0) && !s)
@@ -2491,8 +2420,8 @@ class bo {
     document.removeEventListener("scroll", this.handleScroll);
   }
 }
-const U = new T("SuggestionMenuPlugin");
-class yo extends q {
+const R = new x("SuggestionMenuPlugin");
+class bo extends K {
   constructor(e) {
     super();
     d(this, "view");
@@ -2511,8 +2440,8 @@ class yo extends q {
     d(this, "clearQuery", () => this.view.clearQuery());
     const o = this.triggerCharacters;
     this.plugin = new v({
-      key: U,
-      view: () => (this.view = new bo(
+      key: R,
+      view: () => (this.view = new go(
         e,
         (r, i) => {
           this.emit(`update ${r}`, i);
@@ -2526,7 +2455,7 @@ class yo extends q {
         apply(r, i, s, a) {
           if (r.getMeta("orderedListIndexing") !== void 0)
             return i;
-          const l = r.getMeta(U);
+          const l = r.getMeta(R);
           if (typeof l == "object" && l !== null && i === void 0)
             return {
               triggerCharacter: l.triggerCharacter,
@@ -2557,7 +2486,7 @@ class yo extends q {
         handleKeyDown(r, i) {
           const s = this.getState(r.state);
           return o.includes(i.key) && s === void 0 ? (i.preventDefault(), r.dispatch(
-            r.state.tr.insertText(i.key).scrollIntoView().setMeta(U, {
+            r.state.tr.insertText(i.key).scrollIntoView().setMeta(R, {
               triggerCharacter: i.key
             })
           ), !0) : !1;
@@ -2568,10 +2497,10 @@ class yo extends q {
           if (i === void 0)
             return null;
           if (!i.fromUserInput) {
-            const s = go(r.selection);
+            const s = fo(r.selection);
             if (s)
-              return $.create(r.doc, [
-                G.node(
+              return G.create(r.doc, [
+                j.node(
                   s.pos,
                   s.pos + s.node.nodeSize,
                   {
@@ -2582,8 +2511,8 @@ class yo extends q {
                 )
               ]);
           }
-          return $.create(r.doc, [
-            G.inline(
+          return G.create(r.doc, [
+            j.inline(
               i.queryStartPos - i.triggerCharacter.length,
               i.queryStartPos,
               {
@@ -2601,10 +2530,10 @@ class yo extends q {
     return this.triggerCharacters.includes(e) || this.addTriggerCharacter(e), this.on(`update ${e}`, o);
   }
 }
-function Vr(n, t) {
+function Fr(n, t) {
   n.suggestionMenus.addTriggerCharacter(t);
 }
-class F extends dt {
+class $ extends ut {
   constructor(e, o) {
     super(e, o);
     d(this, "nodes");
@@ -2615,13 +2544,13 @@ class F extends dt {
     });
   }
   static create(e, o, r = o) {
-    return new F(e.resolve(o), e.resolve(r));
+    return new $(e.resolve(o), e.resolve(r));
   }
   content() {
-    return new _(x.from(this.nodes), 0, 0);
+    return new U(T.from(this.nodes), 0, 0);
   }
   eq(e) {
-    if (!(e instanceof F) || this.nodes.length !== e.nodes.length || this.from !== e.from || this.to !== e.to)
+    if (!(e instanceof $) || this.nodes.length !== e.nodes.length || this.from !== e.from || this.to !== e.to)
       return !1;
     for (let o = 0; o < this.nodes.length; o++)
       if (!this.nodes[o].eq(e.nodes[o]))
@@ -2630,7 +2559,7 @@ class F extends dt {
   }
   map(e, o) {
     const r = o.mapResult(this.from), i = o.mapResult(this.to);
-    return i.deleted ? dt.near(e.resolve(r.pos)) : r.deleted ? dt.near(e.resolve(i.pos)) : new F(
+    return i.deleted ? ut.near(e.resolve(r.pos)) : r.deleted ? ut.near(e.resolve(i.pos)) : new $(
       e.resolve(r.pos),
       e.resolve(i.pos)
     );
@@ -2640,7 +2569,7 @@ class F extends dt {
   }
 }
 let H;
-function Ct(n, t) {
+function xt(n, t) {
   var r;
   if (!t.dom.isConnected)
     return;
@@ -2656,14 +2585,14 @@ function Ct(n, t) {
   }
 }
 function ko(n, t) {
-  const e = Ct(n, t);
+  const e = xt(n, t);
   if (e && e.node.nodeType === 1) {
     const o = t.docView, r = o.nearestDesc(e.node, !0);
     return !r || r === o ? null : r.posBefore;
   }
   return null;
 }
-function wo(n, t) {
+function yo(n, t) {
   let e, o;
   const r = t.resolve(n.from).node().type.spec.group === "blockContent", i = t.resolve(n.to).node().type.spec.group === "blockContent", s = Math.min(n.$anchor.depth, n.$head.depth);
   if (r && i) {
@@ -2673,9 +2602,9 @@ function wo(n, t) {
     e = n.from, o = n.to;
   return { from: e, to: o };
 }
-function Dt(n, t, e = t) {
+function Ot(n, t, e = t) {
   t === e && (e += n.state.doc.resolve(t + 1).node().nodeSize);
-  const o = n.domAtPos(t).node.cloneNode(!0), r = n.domAtPos(t).node, i = (p, u) => Array.prototype.indexOf.call(p.children, u), s = i(
+  const o = n.domAtPos(t).node.cloneNode(!0), r = n.domAtPos(t).node, i = (u, p) => Array.prototype.indexOf.call(u.children, p), s = i(
     r,
     // Expects from position to be just before the first selected block.
     n.domAtPos(t + 1).node.parentElement
@@ -2684,18 +2613,18 @@ function Dt(n, t, e = t) {
     // Expects to position to be just after the last selected block.
     n.domAtPos(e - 1).node.parentElement
   );
-  for (let p = r.childElementCount - 1; p >= 0; p--)
-    (p > a || p < s) && o.removeChild(o.children[p]);
-  ce(), H = o;
+  for (let u = r.childElementCount - 1; u >= 0; u--)
+    (u > a || u < s) && o.removeChild(o.children[u]);
+  de(), H = o;
   const c = n.dom.className.split(" ").filter(
-    (p) => p !== "ProseMirror" && p !== "bn-root" && p !== "bn-editor"
+    (u) => u !== "ProseMirror" && u !== "bn-root" && u !== "bn-editor"
   ).join(" ");
   H.className = H.className + " bn-drag-preview " + c, document.body.appendChild(H);
 }
-function ce() {
+function de() {
   H !== void 0 && (document.body.removeChild(H), H = void 0);
 }
-function vo(n, t) {
+function wo(n, t) {
   if (!n.dataTransfer)
     return;
   const e = t.prosemirrorView, o = e.dom.getBoundingClientRect(), r = {
@@ -2704,21 +2633,21 @@ function vo(n, t) {
     top: n.clientY
   }, i = ko(r, e);
   if (i != null) {
-    const s = e.state.selection, a = e.state.doc, { from: l, to: c } = wo(s, a), p = l <= i && i < c, u = s.$anchor.node() !== s.$head.node() || s instanceof F;
-    p && u ? (e.dispatch(
-      e.state.tr.setSelection(F.create(a, l, c))
-    ), Dt(e, l, c)) : (e.dispatch(
-      e.state.tr.setSelection(rt.create(e.state.doc, i))
-    ), Dt(e, i));
-    const m = e.state.selection.content(), h = t._tiptapEditor.schema, y = Jt(h, t).serializeProseMirrorFragment(
+    const s = e.state.selection, a = e.state.doc, { from: l, to: c } = yo(s, a), u = l <= i && i < c, p = s.$anchor.node() !== s.$head.node() || s instanceof $;
+    u && p ? (e.dispatch(
+      e.state.tr.setSelection($.create(a, l, c))
+    ), Ot(e, l, c)) : (e.dispatch(
+      e.state.tr.setSelection(it.create(e.state.doc, i))
+    ), Ot(e, i));
+    const m = e.state.selection.content(), h = t._tiptapEditor.schema, k = Xt(h, t).serializeProseMirrorFragment(
       m.content
-    ), B = at(h, t).exportProseMirrorFragment(
+    ), B = lt(h, t).exportProseMirrorFragment(
       m.content
-    ), E = St(B);
-    n.dataTransfer.clearData(), n.dataTransfer.setData("blocknote/html", y), n.dataTransfer.setData("text/html", B), n.dataTransfer.setData("text/plain", E), n.dataTransfer.effectAllowed = "move", n.dataTransfer.setDragImage(H, 0, 0), e.dragging = { slice: m, move: !0 };
+    ), E = Ct(B);
+    n.dataTransfer.clearData(), n.dataTransfer.setData("blocknote/html", k), n.dataTransfer.setData("text/html", B), n.dataTransfer.setData("text/plain", E), n.dataTransfer.effectAllowed = "move", n.dataTransfer.setDragImage(H, 0, 0), e.dragging = { slice: m, move: !0 };
   }
 }
-class Eo {
+class vo {
   constructor(t, e, o) {
     d(this, "state");
     d(this, "emitUpdate");
@@ -2779,7 +2708,7 @@ class Eo {
       this.state && !this.state.show && (this.state.show = !0, this.emitUpdate(this.state)), this.menuFrozen = !1;
     });
     d(this, "onMouseMove", (t) => {
-      var c, p, u, m, h;
+      var c, u, p, m, h;
       if (this.menuFrozen)
         return;
       const e = this.pmView.dom.firstChild.getBoundingClientRect(), o = this.pmView.dom.getBoundingClientRect(), r = t.clientX >= o.left && t.clientX <= o.right && t.clientY >= o.top && t.clientY <= o.bottom, i = this.pmView.dom.parentElement;
@@ -2797,12 +2726,12 @@ class Eo {
         left: e.left + e.width / 2,
         // take middle of editor
         top: t.clientY
-      }, a = Ct(s, this.pmView);
+      }, a = xt(s, this.pmView);
       if (!a || !this.editor.isEditable) {
-        (p = this.state) != null && p.show && (this.state.show = !1, this.emitUpdate(this.state));
+        (u = this.state) != null && u.show && (this.state.show = !1, this.emitUpdate(this.state));
         return;
       }
-      if ((u = this.state) != null && u.show && ((m = this.hoveredBlock) != null && m.hasAttribute("data-id")) && ((h = this.hoveredBlock) == null ? void 0 : h.getAttribute("data-id")) === a.id)
+      if ((p = this.state) != null && p.show && ((m = this.hoveredBlock) != null && m.hasAttribute("data-id")) && ((h = this.hoveredBlock) == null ? void 0 : h.getAttribute("data-id")) === a.id)
         return;
       this.hoveredBlock = a.node;
       const l = a.node.firstChild;
@@ -2861,20 +2790,20 @@ class Eo {
       return;
     const { contentNode: i, startPos: s, endPos: a } = r;
     if (i.type.spec.content !== "inline*" || i.textContent.length !== 0) {
-      const c = a + 1, p = c + 2;
-      this.editor._tiptapEditor.chain().BNCreateBlock(c).setTextSelection(p).run();
+      const c = a + 1, u = c + 2;
+      this.editor._tiptapEditor.chain().BNCreateBlock(c).setTextSelection(u).run();
     } else
       this.editor._tiptapEditor.commands.setTextSelection(s + 1);
     this.pmView.focus(), this.pmView.dispatch(
-      this.pmView.state.tr.scrollIntoView().setMeta(U, {
+      this.pmView.state.tr.scrollIntoView().setMeta(R, {
         triggerCharacter: "/",
         fromUserInput: !1
       })
     );
   }
 }
-const So = new T("SideMenuPlugin");
-class Co extends q {
+const Eo = new x("SideMenuPlugin");
+class So extends K {
   constructor(e) {
     super();
     d(this, "view");
@@ -2888,12 +2817,12 @@ class Co extends q {
      * Handles drag & drop events for blocks.
      */
     d(this, "blockDragStart", (e) => {
-      this.view.isDragging = !0, vo(e, this.editor);
+      this.view.isDragging = !0, wo(e, this.editor);
     });
     /**
      * Handles drag & drop events for blocks.
      */
-    d(this, "blockDragEnd", () => ce());
+    d(this, "blockDragEnd", () => de());
     /**
      * Freezes the side menu. When frozen, the side menu will stay
      * attached to the same block regardless of which block is hovered by the
@@ -2907,8 +2836,8 @@ class Co extends q {
      */
     d(this, "unfreezeMenu", () => this.view.menuFrozen = !1);
     this.editor = e, this.plugin = new v({
-      key: So,
-      view: (o) => (this.view = new Eo(e, o, (r) => {
+      key: Eo,
+      view: (o) => (this.view = new vo(e, o, (r) => {
         this.emit("update", r);
       }), this.view)
     });
@@ -2917,29 +2846,118 @@ class Co extends q {
     return this.on("update", e);
   }
 }
+class Co {
+  constructor(t, e, o) {
+    d(this, "state");
+    d(this, "emitUpdate");
+    d(this, "prevWasEditable", null);
+    d(this, "mouseDownHandler", () => {
+      var t;
+      (t = this.state) != null && t.show && (this.state.show = !1, this.emitUpdate());
+    });
+    // For dragging the whole editor.
+    d(this, "dragstartHandler", () => {
+      var t;
+      (t = this.state) != null && t.show && (this.state.show = !1, this.emitUpdate());
+    });
+    d(this, "blurHandler", (t) => {
+      var o;
+      const e = this.pmView.dom.parentElement;
+      // An element is clicked.
+      t && t.relatedTarget && // Element is inside the editor.
+      (e === t.relatedTarget || e.contains(t.relatedTarget)) || (o = this.state) != null && o.show && (this.state.show = !1, this.emitUpdate());
+    });
+    d(this, "scrollHandler", () => {
+      var t;
+      if ((t = this.state) != null && t.show) {
+        const e = document.querySelector(
+          `[data-node-type="blockContainer"][data-id="${this.state.block.id}"]`
+        );
+        this.state.referencePos = e.getBoundingClientRect(), this.emitUpdate();
+      }
+    });
+    this.pluginKey = t, this.pmView = e, this.emitUpdate = () => {
+      if (!this.state)
+        throw new Error("Attempting to update uninitialized image panel");
+      o(this.state);
+    }, e.dom.addEventListener("mousedown", this.mouseDownHandler), e.dom.addEventListener("dragstart", this.dragstartHandler), e.dom.addEventListener("blur", this.blurHandler), document.addEventListener("scroll", this.scrollHandler);
+  }
+  update(t, e) {
+    var r, i;
+    const o = this.pluginKey.getState(t.state);
+    if (!((r = this.state) != null && r.show) && o.block) {
+      const s = document.querySelector(
+        `[data-node-type="blockContainer"][data-id="${o.block.id}"]`
+      );
+      this.state = {
+        show: !0,
+        referencePos: s.getBoundingClientRect(),
+        block: o.block
+      }, this.emitUpdate();
+      return;
+    }
+    (!t.state.selection.eq(e.selection) || !t.state.doc.eq(e.doc)) && (i = this.state) != null && i.show && (this.state.show = !1, this.emitUpdate());
+  }
+  destroy() {
+    this.pmView.dom.removeEventListener("mousedown", this.mouseDownHandler), this.pmView.dom.removeEventListener("dragstart", this.dragstartHandler), this.pmView.dom.removeEventListener("blur", this.blurHandler), document.removeEventListener("scroll", this.scrollHandler);
+  }
+}
+const ht = new x("ImagePanelPlugin");
+class xo extends K {
+  constructor(e) {
+    super();
+    d(this, "view");
+    d(this, "plugin");
+    this.plugin = new v({
+      key: ht,
+      view: (o) => (this.view = new Co(
+        // editor,
+        ht,
+        o,
+        (r) => {
+          this.emit("update", r);
+        }
+      ), this.view),
+      state: {
+        init: () => ({
+          block: void 0
+        }),
+        apply: (o) => {
+          var i;
+          return {
+            block: (i = o.getMeta(ht)) == null ? void 0 : i.block
+          };
+        }
+      }
+    });
+  }
+  onUpdate(e) {
+    return this.on("update", e);
+  }
+}
 let C;
-function Ot() {
+function _t() {
   C || (C = document.createElement("div"), C.innerHTML = "_", C.style.opacity = "0", C.style.height = "1px", C.style.width = "1px", document.body.appendChild(C));
 }
 function To() {
   C && (document.body.removeChild(C), C = void 0);
 }
-function ot(n) {
+function rt(n) {
   return Array.prototype.indexOf.call(n.parentElement.childNodes, n);
 }
-function xo(n) {
+function Mo(n) {
   for (; n && n.nodeName !== "TD" && n.nodeName !== "TH"; )
     n = n.classList && n.classList.contains("ProseMirror") ? null : n.parentNode;
   return n;
 }
-function Mo(n) {
+function Bo(n) {
   n.forEach((t) => {
     const e = document.getElementsByClassName(t);
     for (let o = 0; o < e.length; o++)
       e[o].style.visibility = "hidden";
   });
 }
-class Bo {
+class Lo {
   constructor(t, e, o) {
     d(this, "state");
     d(this, "emitUpdate");
@@ -2951,12 +2969,12 @@ class Bo {
       var c;
       if (this.menuFrozen)
         return;
-      const e = xo(t.target);
+      const e = Mo(t.target);
       if (!e || !this.editor.isEditable) {
         (c = this.state) != null && c.show && (this.state.show = !1, this.emitUpdate());
         return;
       }
-      const o = ot(e), r = ot(e.parentElement), i = e.getBoundingClientRect(), s = e.parentElement.parentElement.getBoundingClientRect(), a = Ct(i, this.pmView);
+      const o = rt(e), r = rt(e.parentElement), i = e.getBoundingClientRect(), s = e.parentElement.parentElement.getBoundingClientRect(), a = xt(i, this.pmView);
       if (!a)
         throw new Error(
           "Found table cell element, but could not find surrounding blockContent element."
@@ -2964,13 +2982,13 @@ class Bo {
       if (this.tableId = a.id, this.state !== void 0 && this.state.show && this.tableId === a.id && this.state.rowIndex === r && this.state.colIndex === o)
         return;
       let l;
-      return this.editor._tiptapEditor.state.doc.descendants((p, u) => typeof l < "u" ? !1 : p.type.name !== "blockContainer" || p.attrs.id !== a.id ? !0 : (l = k(
-        p,
+      return this.editor._tiptapEditor.state.doc.descendants((u, p) => typeof l < "u" ? !1 : u.type.name !== "blockContainer" || u.attrs.id !== a.id ? !0 : (l = y(
+        u,
         this.editor.schema.blockSchema,
         this.editor.schema.inlineContentSchema,
         this.editor.schema.styleSchema,
         this.editor.blockCache
-      ), this.tablePos = u + 1, !1)), this.state = {
+      ), this.tablePos = p + 1, !1)), this.state = {
         show: !0,
         referencePosCell: i,
         referencePosTable: s,
@@ -2984,7 +3002,7 @@ class Bo {
       var m;
       if (((m = this.state) == null ? void 0 : m.draggingState) === void 0)
         return;
-      t.preventDefault(), t.dataTransfer.dropEffect = "move", Mo([
+      t.preventDefault(), t.dataTransfer.dropEffect = "move", Bo([
         "column-resize-handle",
         "prosemirror-dropcursor-block",
         "prosemirror-dropcursor-inline"
@@ -3007,11 +3025,11 @@ class Bo {
         );
       const r = o[0];
       let i = !1;
-      const s = ot(r.parentElement), a = ot(r), l = this.state.draggingState.draggedCellOrientation === "row" ? this.state.rowIndex : this.state.colIndex, p = (this.state.draggingState.draggedCellOrientation === "row" ? s : a) !== l;
+      const s = rt(r.parentElement), a = rt(r), l = this.state.draggingState.draggedCellOrientation === "row" ? this.state.rowIndex : this.state.colIndex, u = (this.state.draggingState.draggedCellOrientation === "row" ? s : a) !== l;
       (this.state.rowIndex !== s || this.state.colIndex !== a) && (this.state.rowIndex = s, this.state.colIndex = a, this.state.referencePosCell = r.getBoundingClientRect(), i = !0);
-      const u = this.state.draggingState.draggedCellOrientation === "row" ? e.top : e.left;
-      this.state.draggingState.mousePos !== u && (this.state.draggingState.mousePos = u, i = !0), i && this.emitUpdate(), p && this.pmView.dispatch(
-        this.pmView.state.tr.setMeta(X, !0)
+      const p = this.state.draggingState.draggedCellOrientation === "row" ? e.top : e.left;
+      this.state.draggingState.mousePos !== p && (this.state.draggingState.mousePos = p, i = !0), i && this.emitUpdate(), u && this.pmView.dispatch(
+        this.pmView.state.tr.setMeta(Y, !0)
       );
     });
     d(this, "dropHandler", (t) => {
@@ -3059,8 +3077,8 @@ class Bo {
     this.pmView.dom.removeEventListener("mousedown", this.mouseMoveHandler), document.removeEventListener("dragover", this.dragOverHandler), document.removeEventListener("drop", this.dropHandler), document.removeEventListener("scroll", this.scrollHandler);
   }
 }
-const X = new T("TableHandlesPlugin");
-class Io extends q {
+const Y = new x("TableHandlesPlugin");
+class Io extends K {
   constructor(e) {
     super();
     d(this, "view");
@@ -3079,13 +3097,13 @@ class Io extends q {
         originalIndex: this.view.state.colIndex,
         mousePos: e.clientX
       }, this.view.emitUpdate(), this.editor._tiptapEditor.view.dispatch(
-        this.editor._tiptapEditor.state.tr.setMeta(X, {
+        this.editor._tiptapEditor.state.tr.setMeta(Y, {
           draggedCellOrientation: this.view.state.draggingState.draggedCellOrientation,
           originalIndex: this.view.state.colIndex,
           newIndex: this.view.state.colIndex,
           tablePos: this.view.tablePos
         })
-      ), Ot(), e.dataTransfer.setDragImage(C, 0, 0), e.dataTransfer.effectAllowed = "move";
+      ), _t(), e.dataTransfer.setDragImage(C, 0, 0), e.dataTransfer.effectAllowed = "move";
     });
     /**
      * Callback that should be set on the `dragStart` event for whichever element
@@ -3101,13 +3119,13 @@ class Io extends q {
         originalIndex: this.view.state.rowIndex,
         mousePos: e.clientY
       }, this.view.emitUpdate(), this.editor._tiptapEditor.view.dispatch(
-        this.editor._tiptapEditor.state.tr.setMeta(X, {
+        this.editor._tiptapEditor.state.tr.setMeta(Y, {
           draggedCellOrientation: this.view.state.draggingState.draggedCellOrientation,
           originalIndex: this.view.state.rowIndex,
           newIndex: this.view.state.rowIndex,
           tablePos: this.view.tablePos
         })
-      ), Ot(), e.dataTransfer.setDragImage(C, 0, 0), e.dataTransfer.effectAllowed = "copyMove";
+      ), _t(), e.dataTransfer.setDragImage(C, 0, 0), e.dataTransfer.effectAllowed = "copyMove";
     });
     /**
      * Callback that should be set on the `dragEnd` event for both the element
@@ -3119,7 +3137,7 @@ class Io extends q {
           "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(X, null)
+        this.editor._tiptapEditor.state.tr.setMeta(Y, null)
       ), To();
     });
     /**
@@ -3137,8 +3155,8 @@ class Io extends q {
       this.view.menuFrozen = !1;
     });
     this.editor = e, this.plugin = new v({
-      key: X,
-      view: (o) => (this.view = new Bo(e, o, (r) => {
+      key: Y,
+      view: (o) => (this.view = new Lo(e, o, (r) => {
         this.emit("update", r);
       }), this.view),
       // We use decorations to render the drop cursor when dragging a table row
@@ -3149,19 +3167,19 @@ class Io extends q {
             return;
           const r = this.view.state.draggingState.draggedCellOrientation === "row" ? this.view.state.rowIndex : this.view.state.colIndex, i = [];
           if (r === this.view.state.draggingState.originalIndex)
-            return $.create(o.doc, i);
+            return G.create(o.doc, i);
           const s = o.doc.resolve(this.view.tablePos + 1), a = s.node();
           if (this.view.state.draggingState.draggedCellOrientation === "row") {
             const l = o.doc.resolve(
               s.posAtIndex(r) + 1
             ), c = l.node();
-            for (let p = 0; p < c.childCount; p++) {
-              const u = o.doc.resolve(
-                l.posAtIndex(p) + 1
-              ), m = u.node(), h = u.pos + (r > this.view.state.draggingState.originalIndex ? m.nodeSize - 2 : 0);
+            for (let u = 0; u < c.childCount; u++) {
+              const p = o.doc.resolve(
+                l.posAtIndex(u) + 1
+              ), m = p.node(), h = p.pos + (r > this.view.state.draggingState.originalIndex ? m.nodeSize - 2 : 0);
               i.push(
                 // The widget is a small bar which spans the width of the cell.
-                G.widget(h, () => {
+                j.widget(h, () => {
                   const f = document.createElement("div");
                   return f.className = "bn-table-drop-cursor", f.style.left = "0", f.style.right = "0", r > this.view.state.draggingState.originalIndex ? f.style.bottom = "-2px" : f.style.top = "-3px", f.style.height = "4px", f;
                 })
@@ -3171,18 +3189,18 @@ class Io extends q {
             for (let l = 0; l < a.childCount; l++) {
               const c = o.doc.resolve(
                 s.posAtIndex(l) + 1
-              ), p = o.doc.resolve(
+              ), u = o.doc.resolve(
                 c.posAtIndex(r) + 1
-              ), u = p.node(), m = p.pos + (r > this.view.state.draggingState.originalIndex ? u.nodeSize - 2 : 0);
+              ), p = u.node(), m = u.pos + (r > this.view.state.draggingState.originalIndex ? p.nodeSize - 2 : 0);
               i.push(
                 // The widget is a small bar which spans the height of the cell.
-                G.widget(m, () => {
+                j.widget(m, () => {
                   const h = document.createElement("div");
                   return h.className = "bn-table-drop-cursor", h.style.top = "0", h.style.bottom = "0", r > this.view.state.draggingState.originalIndex ? h.style.right = "-2px" : h.style.left = "-3px", h.style.width = "4px", h;
                 })
               );
             }
-          return $.create(o.doc, i);
+          return G.create(o.doc, i);
         }
       }
     });
@@ -3191,17 +3209,17 @@ class Io extends q {
     return this.on("update", e);
   }
 }
-function _t(n, t) {
-  const e = n.state.selection.content().content, r = Jt(
+function Ut(n, t) {
+  const e = n.state.selection.content().content, r = Xt(
     n.state.schema,
     t
-  ).serializeProseMirrorFragment(e), s = at(
+  ).serializeProseMirrorFragment(e), s = lt(
     n.state.schema,
     t
-  ).exportProseMirrorFragment(e), a = St(s);
+  ).exportProseMirrorFragment(e), a = Ct(s);
   return { internalHTML: r, externalHTML: s, plainText: a };
 }
-const Lo = (n) => M.create({
+const No = (n) => M.create({
   name: "copyToClipboard",
   addProseMirrorPlugins() {
     return [
@@ -3211,12 +3229,12 @@ const Lo = (n) => M.create({
             copy(t, e) {
               e.preventDefault(), e.clipboardData.clearData(), "node" in t.state.selection && t.state.selection.node.type.spec.group === "blockContent" && t.dispatch(
                 t.state.tr.setSelection(
-                  new rt(
+                  new it(
                     t.state.doc.resolve(t.state.selection.from - 1)
                   )
                 )
               );
-              const { internalHTML: o, externalHTML: r, plainText: i } = _t(t, n);
+              const { internalHTML: o, externalHTML: r, plainText: i } = Ut(t, n);
               return e.clipboardData.setData("blocknote/html", o), e.clipboardData.setData("text/html", r), e.clipboardData.setData("text/plain", i), !0;
             },
             // This is for the use-case in which only a block without content
@@ -3227,12 +3245,12 @@ const Lo = (n) => M.create({
                 return;
               t.dispatch(
                 t.state.tr.setSelection(
-                  new rt(
+                  new it(
                     t.state.doc.resolve(t.state.selection.from - 1)
                   )
                 )
               ), e.preventDefault(), e.dataTransfer.clearData();
-              const { internalHTML: o, externalHTML: r, plainText: i } = _t(t, n);
+              const { internalHTML: o, externalHTML: r, plainText: i } = Ut(t, n);
               return e.dataTransfer.setData("blocknote/html", o), e.dataTransfer.setData("text/html", r), e.dataTransfer.setData("text/plain", i), !0;
             }
           }
@@ -3240,11 +3258,11 @@ const Lo = (n) => M.create({
       })
     ];
   }
-}), No = [
+}), Ao = [
   "blocknote/html",
   "text/html",
   "text/plain"
-], Ao = (n) => M.create({
+], Po = (n) => M.create({
   name: "pasteFromClipboard",
   addProseMirrorPlugins() {
     return [
@@ -3254,14 +3272,14 @@ const Lo = (n) => M.create({
             paste(t, e) {
               e.preventDefault();
               let o = null;
-              for (const r of No)
+              for (const r of Ao)
                 if (e.clipboardData.types.includes(r)) {
                   o = r;
                   break;
                 }
               if (o !== null) {
                 let r = e.clipboardData.getData(o);
-                o === "text/html" && (r = ae(
+                o === "text/html" && (r = le(
                   r.trim()
                 ).innerHTML), n._tiptapEditor.view.pasteHTML(r);
               }
@@ -3290,7 +3308,7 @@ const Lo = (n) => M.create({
       }
     ];
   }
-}), Po = new T("blocknote-placeholder"), Do = M.create({
+}), Do = new x("blocknote-placeholder"), Oo = M.create({
   name: "placeholder",
   addOptions() {
     return {
@@ -3306,7 +3324,7 @@ const Lo = (n) => M.create({
     const n = this.options.placeholders;
     return [
       new v({
-        key: Po,
+        key: Do,
         view: () => {
           const t = document.createElement("style");
           document.head.appendChild(t);
@@ -3345,16 +3363,16 @@ const Lo = (n) => M.create({
             const i = o.$anchor, s = i.parent;
             if (s.content.size > 0)
               return null;
-            const a = i.before(), l = G.node(a, a + s.nodeSize, {
+            const a = i.before(), l = j.node(a, a + s.nodeSize, {
               "data-is-empty-and-focused": "true"
             });
-            return $.create(e, [l]);
+            return G.create(e, [l]);
           }
         }
       })
     ];
   }
-}), Oo = M.create({
+}), _o = M.create({
   name: "textAlignment",
   addGlobalAttributes() {
     return [
@@ -3374,7 +3392,7 @@ const Lo = (n) => M.create({
       }
     ];
   }
-}), _o = M.create({
+}), Uo = M.create({
   name: "blockTextColor",
   addGlobalAttributes() {
     return [
@@ -3392,19 +3410,19 @@ const Lo = (n) => M.create({
       }
     ];
   }
-}), Uo = M.create({
+}), Ro = M.create({
   name: "trailingNode",
   addProseMirrorPlugins() {
-    const n = new T(this.name);
+    const n = new x(this.name);
     return [
       new v({
         key: n,
         appendTransaction: (t, e, o) => {
-          const { doc: r, tr: i, schema: s } = o, a = n.getState(o), l = r.content.size - 2, c = s.nodes.blockContainer, p = s.nodes.paragraph;
+          const { doc: r, tr: i, schema: s } = o, a = n.getState(o), l = r.content.size - 2, c = s.nodes.blockContainer, u = s.nodes.paragraph;
           if (a)
             return i.insert(
               l,
-              c.create(void 0, p.create())
+              c.create(void 0, u.create())
             );
         },
         state: {
@@ -3427,14 +3445,14 @@ const Lo = (n) => M.create({
       })
     ];
   }
-}), Ro = new T("non-editable-block"), zo = () => new v({
-  key: Ro,
+}), zo = new x("non-editable-block"), Vo = () => new v({
+  key: zo,
   props: {
     handleKeyDown: (n, t) => {
       "node" in n.state.selection && t.key.length === 1 && !t.ctrlKey && !t.altKey && !t.metaKey && !t.shiftKey && t.preventDefault();
     }
   }
-}), Ut = new T("previous-blocks"), Vo = {
+}), Rt = new x("previous-blocks"), Fo = {
   // Numbered List Items
   index: "index",
   // Headings
@@ -3443,17 +3461,17 @@ const Lo = (n) => M.create({
   type: "type",
   depth: "depth",
   "depth-change": "depth-change"
-}, Fo = () => {
+}, $o = () => {
   let n;
   return new v({
-    key: Ut,
+    key: Rt,
     view(t) {
       return {
         update: async (e, o) => {
           var r;
           ((r = this.key) == null ? void 0 : r.getState(e.state).updatedBlocks.size) > 0 && (n = setTimeout(() => {
             e.dispatch(
-              e.state.tr.setMeta(Ut, { clearUpdate: !0 })
+              e.state.tr.setMeta(Rt, { clearUpdate: !0 })
             );
           }, 0));
         },
@@ -3476,12 +3494,12 @@ const Lo = (n) => M.create({
       apply(t, e, o, r) {
         if (e.currentTransactionOldBlockAttrs = {}, e.updatedBlocks.clear(), !t.docChanged || o.doc.eq(r.doc))
           return e;
-        const i = {}, s = Mt(o.doc, (c) => c.attrs.id), a = new Map(
+        const i = {}, s = Bt(o.doc, (c) => c.attrs.id), a = new Map(
           s.map((c) => [c.node.attrs.id, c])
-        ), l = Mt(r.doc, (c) => c.attrs.id);
+        ), l = Bt(r.doc, (c) => c.attrs.id);
         for (const c of l) {
-          const p = a.get(c.node.attrs.id), u = p == null ? void 0 : p.node.firstChild, m = c.node.firstChild;
-          if (p && u && m) {
+          const u = a.get(c.node.attrs.id), p = u == null ? void 0 : u.node.firstChild, m = c.node.firstChild;
+          if (u && p && m) {
             const h = {
               index: m.attrs.index,
               level: m.attrs.level,
@@ -3489,10 +3507,10 @@ const Lo = (n) => M.create({
               depth: r.doc.resolve(c.pos).depth
             };
             let f = {
-              index: u.attrs.index,
-              level: u.attrs.level,
-              type: u.type.name,
-              depth: o.doc.resolve(p.pos).depth
+              index: p.attrs.index,
+              level: p.attrs.level,
+              type: p.type.name,
+              depth: o.doc.resolve(u.pos).depth
             };
             i[c.node.attrs.id] = f, t.getMeta("numberedListIndexing") && (c.node.attrs.id in e.prevTransactionOldBlockAttrs && (f = e.prevTransactionOldBlockAttrs[c.node.attrs.id]), h.type === "numberedListItem" && (f.index = h.index)), e.currentTransactionOldBlockAttrs[c.node.attrs.id] = f, JSON.stringify(f) !== JSON.stringify(h) && (f["depth-change"] = f.depth - h.depth, e.updatedBlocks.add(c.node.attrs.id));
           }
@@ -3510,23 +3528,23 @@ const Lo = (n) => M.create({
           if (!r.attrs.id || !e.updatedBlocks.has(r.attrs.id))
             return;
           const s = e.currentTransactionOldBlockAttrs[r.attrs.id], a = {};
-          for (const [c, p] of Object.entries(s))
-            a["data-prev-" + Vo[c]] = p || "none";
-          const l = G.node(i, i + r.nodeSize, {
+          for (const [c, u] of Object.entries(s))
+            a["data-prev-" + Fo[c]] = u || "none";
+          const l = j.node(i, i + r.nodeSize, {
             ...a
           });
           o.push(l);
-        }), $.create(t.doc, o);
+        }), G.create(t.doc, o);
       }
     }
   });
-}, $o = {
+}, Go = {
   blockColor: "data-block-color",
   blockStyle: "data-block-style",
   id: "data-id",
   depth: "data-depth",
   depthChange: "data-depth-change"
-}, Go = j.create({
+}, jo = W.create({
   name: "blockContainer",
   group: "blockContainer",
   // A block always contains content, and optionally a blockGroup which contains nested blocks
@@ -3542,7 +3560,7 @@ const Lo = (n) => M.create({
           if (typeof n == "string")
             return !1;
           const t = {};
-          for (const [e, o] of Object.entries($o))
+          for (const [e, o] of Object.entries(Go))
             n.getAttribute(o) && (t[e] = n.getAttribute(o));
           return n.getAttribute("data-node-type") === "blockContainer" ? t : !1;
         }
@@ -3559,7 +3577,7 @@ const Lo = (n) => M.create({
       ...((r = this.options.domAttributes) == null ? void 0 : r.block) || {},
       ...n
     }, o = document.createElement("div");
-    o.className = R("bn-block", e.class), o.setAttribute("data-node-type", this.name);
+    o.className = z("bn-block", e.class), o.setAttribute("data-node-type", this.name);
     for (const [i, s] of Object.entries(e))
       i !== "class" && o.setAttribute(i, s);
     return t.appendChild(o), {
@@ -3593,7 +3611,7 @@ const Lo = (n) => M.create({
             const m = [];
             for (const h of t.children)
               m.push(
-                P(
+                D(
                   h,
                   e.schema,
                   this.options.editor.schema.styleSchema
@@ -3602,36 +3620,36 @@ const Lo = (n) => M.create({
             a.childCount === 2 ? e.tr.replace(
               i + l.nodeSize + 1,
               s - 1,
-              new _(x.from(m), 0, 0)
+              new U(T.from(m), 0, 0)
             ) : e.tr.insert(
               i + l.nodeSize,
               e.schema.nodes.blockGroup.create({}, m)
             );
           }
-          const c = l.type.name, p = t.type || c;
-          let u = "keep";
+          const c = l.type.name, u = t.type || c;
+          let p = "keep";
           if (t.content)
             if (typeof t.content == "string")
-              u = [e.schema.text(t.content)];
+              p = [e.schema.text(t.content)];
             else if (Array.isArray(t.content))
-              u = st(
+              p = at(
                 t.content,
                 e.schema,
                 this.options.editor.schema.styleSchema
               );
             else if (t.content.type === "tableContent")
-              u = Gt(
+              p = jt(
                 t.content,
                 e.schema,
                 this.options.editor.schema.styleSchema
               );
             else
-              throw new N(t.content.type);
+              throw new A(t.content.type);
           else {
-            const m = e.schema.nodes[c].spec.content, h = e.schema.nodes[p].spec.content;
-            m === "" || h !== m && (u = []);
+            const m = e.schema.nodes[c].spec.content, h = e.schema.nodes[u].spec.content;
+            m === "" || h !== m && (p = []);
           }
-          u === "keep" ? e.tr.setNodeMarkup(
+          p === "keep" ? e.tr.setNodeMarkup(
             i,
             t.type === void 0 ? void 0 : e.schema.nodes[t.type],
             {
@@ -3641,19 +3659,19 @@ const Lo = (n) => M.create({
           ) : e.tr.replaceWith(
             i,
             s,
-            e.schema.nodes[p].create(
+            e.schema.nodes[u].create(
               {
                 ...l.attrs,
                 ...t.props
               },
-              u
+              p
             )
           ).setSelection(
-            e.schema.nodes[p].spec.content === "" ? new rt(e.tr.doc.resolve(i)) : e.schema.nodes[p].spec.content === "inline*" ? new nt(e.tr.doc.resolve(i)) : (
+            e.schema.nodes[u].spec.content === "" ? new it(e.tr.doc.resolve(i)) : e.schema.nodes[u].spec.content === "inline*" ? new ot(e.tr.doc.resolve(i)) : (
               // 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 nt(e.tr.doc.resolve(i + 4))
+              new ot(e.tr.doc.resolve(i + 4))
             )
           ), e.tr.setNodeMarkup(i - 1, void 0, {
             ...a.attrs,
@@ -3686,25 +3704,25 @@ const Lo = (n) => M.create({
         const i = b(
           t.doc,
           n + 1
-        ), { node: s, contentNode: a, startPos: l, endPos: c, depth: p } = i;
+        ), { node: s, contentNode: a, startPos: l, endPos: c, depth: u } = i;
         if (s.childCount === 2) {
           const h = t.doc.resolve(
             l + a.nodeSize + 1
-          ), f = t.doc.resolve(c - 1), y = h.blockRange(f);
-          e && t.tr.lift(y, p - 1);
+          ), f = t.doc.resolve(c - 1), k = h.blockRange(f);
+          e && t.tr.lift(k, u - 1);
         }
-        let u = n - 1, m = b(t.doc, u);
+        let p = n - 1, m = b(t.doc, p);
         for (; m.numChildBlocks > 0; )
-          if (u--, m = b(t.doc, u), m === void 0)
+          if (p--, m = b(t.doc, p), m === void 0)
             return !1;
         return e && (e(
           t.tr.deleteRange(l, l + a.nodeSize).replace(
-            u - 1,
+            p - 1,
             l,
-            new _(a.content, 0, 0)
+            new U(a.content, 0, 0)
           ).scrollIntoView()
         ), t.tr.setSelection(
-          new nt(t.doc.resolve(u - 1))
+          new ot(t.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
@@ -3713,12 +3731,12 @@ const Lo = (n) => M.create({
         const r = b(e.doc, n);
         if (r === void 0)
           return !1;
-        const { contentNode: i, contentType: s, startPos: a, endPos: l, depth: c } = r, p = e.doc.cut(a + 1, n), u = e.doc.cut(n, l - 1), m = e.schema.nodes.blockContainer.createAndFill(), h = l + 1, f = h + 2;
+        const { contentNode: i, contentType: s, startPos: a, endPos: l, depth: c } = r, u = e.doc.cut(a + 1, n), p = e.doc.cut(n, l - 1), m = e.schema.nodes.blockContainer.createAndFill(), h = l + 1, f = h + 2;
         return o && (e.tr.insert(h, m), e.tr.replace(
           f,
           f + 1,
-          u.content.size > 0 ? new _(
-            x.from(u),
+          p.content.size > 0 ? new U(
+            T.from(p),
             c + 2,
             c + 2
           ) : void 0
@@ -3728,12 +3746,12 @@ const Lo = (n) => M.create({
           e.schema.node(s).type,
           i.attrs
         ), e.tr.setSelection(
-          new nt(e.doc.resolve(f))
+          new ot(e.doc.resolve(f))
         ), e.tr.replace(
           a + 1,
           l - 1,
-          p.content.size > 0 ? new _(
-            x.from(p),
+          u.content.size > 0 ? new U(
+            T.from(u),
             c + 2,
             c + 2
           ) : void 0
@@ -3742,7 +3760,7 @@ const Lo = (n) => M.create({
     };
   },
   addProseMirrorPlugins() {
-    return [Fo(), zo()];
+    return [$o(), Vo()];
   },
   addKeyboardShortcuts() {
     return {
@@ -3776,8 +3794,8 @@ const Lo = (n) => M.create({
           const { depth: i, startPos: s } = b(
             r.doc,
             r.selection.from
-          ), a = r.selection.from === s + 1, l = r.selection.empty, c = s === 2, p = s - 1;
-          return !c && a && l && i === 2 ? o.BNMergeBlocks(p) : !1;
+          ), a = r.selection.from === s + 1, l = r.selection.empty, c = s === 2, u = s - 1;
+          return !c && a && l && i === 2 ? o.BNMergeBlocks(u) : !1;
         })
       ]),
       Delete: () => this.editor.commands.first(({ commands: o }) => [
@@ -3790,8 +3808,8 @@ const Lo = (n) => M.create({
           const { node: i, depth: s, endPos: a } = b(
             r.doc,
             r.selection.from
-          ), l = a === r.doc.nodeSize - 4, c = r.selection.from === a - 1, p = r.selection.empty, u = i.childCount === 2;
-          if (!l && c && p && !u) {
+          ), l = a === r.doc.nodeSize - 4, c = r.selection.from === a - 1, u = r.selection.empty, p = i.childCount === 2;
+          if (!l && c && u && !p) {
             let m = s, h = a + 2, f = r.doc.resolve(h).depth;
             for (; f < m; )
               m = f, h += 2, f = r.doc.resolve(h).depth;
@@ -3807,8 +3825,8 @@ const Lo = (n) => M.create({
           const { node: i, depth: s } = b(
             r.doc,
             r.selection.from
-          ), a = r.selection.$anchor.parentOffset === 0, l = r.selection.anchor === r.selection.head, c = i.textContent.length === 0, p = s > 2;
-          return a && l && c && p ? o.liftListItem("blockContainer") : !1;
+          ), a = r.selection.$anchor.parentOffset === 0, l = r.selection.anchor === r.selection.head, c = i.textContent.length === 0, u = s > 2;
+          return a && l && c && u ? o.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.
@@ -3816,10 +3834,10 @@ const Lo = (n) => M.create({
           const { node: s, endPos: a } = b(
             r.doc,
             r.selection.from
-          ), l = r.selection.$anchor.parentOffset === 0, c = r.selection.anchor === r.selection.head, p = s.textContent.length === 0;
-          if (l && c && p) {
-            const u = a + 1, m = u + 2;
-            return i().BNCreateBlock(u).setTextSelection(m).run(), !0;
+          ), l = r.selection.$anchor.parentOffset === 0, c = r.selection.anchor === r.selection.head, u = s.textContent.length === 0;
+          if (l && c && u) {
+            const p = a + 1, m = p + 2;
+            return i().BNCreateBlock(p).setTextSelection(m).run(), !0;
           }
           return !1;
         }),
@@ -3839,7 +3857,7 @@ const Lo = (n) => M.create({
       "Shift-Tab": () => (this.editor.commands.liftListItem("blockContainer"), !0)
     };
   }
-}), jo = j.create({
+}), Wo = W.create({
   name: "blockGroup",
   group: "blockGroup",
   content: "blockContainer+",
@@ -3857,7 +3875,7 @@ const Lo = (n) => M.create({
       ...((o = this.options.domAttributes) == null ? void 0 : o.blockGroup) || {},
       ...n
     }, e = document.createElement("div");
-    e.className = R(
+    e.className = z(
       "bn-block-group",
       t.class
     ), e.setAttribute("data-node-type", "blockGroup");
@@ -3868,45 +3886,45 @@ const Lo = (n) => M.create({
       contentDOM: e
     };
   }
-}), Wo = j.create({
+}), qo = W.create({
   name: "doc",
   topNode: !0,
   content: "blockGroup"
-}), qo = (n) => {
+}), Ko = (n) => {
   var e;
   const t = [
-    J.ClipboardTextSerializer,
-    J.Commands,
-    J.Editable,
-    J.FocusEvents,
-    J.Tabindex,
+    X.ClipboardTextSerializer,
+    X.Commands,
+    X.Editable,
+    X.FocusEvents,
+    X.Tabindex,
     // DevTools,
-    Je,
+    Xe,
     // DropCursor,
-    Do.configure({
+    Oo.configure({
       // TODO: This shorthand is kind of ugly
       ...n.placeholders !== void 0 ? { placeholders: n.placeholders } : {}
     }),
-    Q.configure({
+    Z.configure({
       types: ["blockContainer"]
     }),
-    Xe,
+    Ye,
     // Comments,
     // basics:
-    Ze,
+    tn,
     // marks:
-    Qe,
+    Ze,
     ...Object.values(n.styleSpecs).map((o) => o.implementation.mark),
-    _o,
+    Uo,
     Ho,
-    Oo,
+    _o,
     // nodes
-    Wo,
-    Go.configure({
+    qo,
+    jo.configure({
       editor: n.editor,
       domAttributes: n.domAttributes
     }),
-    jo.configure({
+    Wo.configure({
       domAttributes: n.domAttributes
     }),
     ...Object.values(n.inlineContentSpecs).filter((o) => o.config !== "link" && o.config !== "text").map((o) => o.implementation.node.configure({
@@ -3926,16 +3944,16 @@ const Lo = (n) => M.create({
         domAttributes: n.domAttributes
       })
     ]),
-    Lo(n.editor),
-    Ao(n.editor),
-    Ke.configure({ width: 5, color: "#ddeeff" }),
+    No(n.editor),
+    Po(n.editor),
+    Je.configure({ width: 5, color: "#ddeeff" }),
     // This needs to be at the bottom of this list, because Key events (such as enter, when selecting a /command),
     // should be handled before Enter handlers in other components like splitListItem
-    Uo
+    Ro
   ];
   if (n.collaboration) {
     if (t.push(
-      We.configure({
+      qe.configure({
         fragment: n.collaboration.fragment
       })
     ), (e = n.collaboration.provider) != null && e.awareness) {
@@ -3948,7 +3966,7 @@ const Lo = (n) => M.create({
         return i.insertBefore(a, null), i.insertBefore(s, null), i.insertBefore(l, null), i;
       };
       t.push(
-        qe.configure({
+        Ke.configure({
           user: n.collaboration.user,
           render: n.collaboration.renderCursor || o,
           provider: n.collaboration.provider
@@ -3956,23 +3974,23 @@ const Lo = (n) => M.create({
       );
     }
   } else
-    t.push(Ye);
+    t.push(Qe);
   return t;
 };
-function Ko(n, t) {
+function Jo(n, t) {
   const e = [];
   return n.forEach((o, r, i) => {
     i !== t && e.push(o);
-  }), x.from(e);
+  }), T.from(e);
 }
-function Jo(n, t) {
-  let e = x.from(n.content);
+function Xo(n, t) {
+  let e = T.from(n.content);
   for (let o = 0; o < e.childCount; o++)
     if (e.child(o).type.spec.group === "blockContent") {
       const r = [e.child(o)];
       if (o + 1 < e.childCount && e.child(o + 1).type.spec.group === "blockGroup") {
         const s = e.child(o + 1).child(0).child(0);
-        (s.type.name === "bulletListItem" || s.type.name === "numberedListItem") && (r.push(e.child(o + 1)), e = Ko(e, o + 1));
+        (s.type.name === "bulletListItem" || s.type.name === "numberedListItem") && (r.push(e.child(o + 1)), e = Jo(e, o + 1));
       }
       const i = t.state.schema.nodes.blockContainer.create(
         void 0,
@@ -3980,7 +3998,7 @@ function Jo(n, t) {
       );
       e = e.replaceChild(o, i);
     }
-  return new _(e, n.openStart, n.openEnd);
+  return new U(e, n.openStart, n.openEnd);
 }
 class Tt {
   constructor(t) {
@@ -3994,15 +4012,15 @@ class Tt {
     d(this, "BlockNoteEditor", "only for types");
     d(this, "Block", "only for types");
     d(this, "PartialBlock", "only for types");
-    this.blockSpecs = (t == null ? void 0 : t.blockSpecs) || oe, this.inlineContentSpecs = (t == null ? void 0 : t.inlineContentSpecs) || ie, this.styleSpecs = (t == null ? void 0 : t.styleSpecs) || re, this.blockSchema = Zt(this.blockSpecs), this.inlineContentSchema = te(
+    this.blockSpecs = (t == null ? void 0 : t.blockSpecs) || re, this.inlineContentSpecs = (t == null ? void 0 : t.inlineContentSpecs) || se, this.styleSpecs = (t == null ? void 0 : t.styleSpecs) || ie, this.blockSchema = te(this.blockSpecs), this.inlineContentSchema = ee(
       this.inlineContentSpecs
-    ), this.styleSchema = ne(this.styleSpecs);
+    ), this.styleSchema = oe(this.styleSpecs);
   }
   static create(t) {
     return new Tt(t);
   }
 }
-class Xo extends xe {
+class Yo extends Me {
   constructor(e, o) {
     super({ ...e, content: void 0 });
     d(this, "_state");
@@ -4020,15 +4038,15 @@ class Xo extends xe {
     r.nodes.doc.createAndFill = (...l) => {
       if (i)
         return i;
-      const c = s.apply(r.nodes.doc, l), p = JSON.parse(JSON.stringify(c.toJSON()));
-      return p.content[0].content[0].attrs.id = "initialBlockId", i = ge.fromJSON(r, p), i;
+      const c = s.apply(r.nodes.doc, l), u = JSON.parse(JSON.stringify(c.toJSON()));
+      return u.content[0].content[0].attrs.id = "initialBlockId", i = be.fromJSON(r, u), i;
     };
     let a;
     try {
       const l = e == null ? void 0 : e.content.map(
-        (c) => P(c, this.schema, o).toJSON()
+        (c) => D(c, this.schema, o).toJSON()
       );
-      a = Me(
+      a = Be(
         {
           type: "doc",
           content: [
@@ -4049,7 +4067,7 @@ class Xo extends xe {
         "Error creating document from blocks passed as `initialContent`:\n" + +JSON.stringify(e.content)
       );
     }
-    this._state = Be.create({
+    this._state = Le.create({
       doc: a,
       schema: this.schema
       // selection: selection || undefined,
@@ -4065,7 +4083,7 @@ class Xo extends xe {
    */
   createViewAlternative() {
     queueMicrotask(() => {
-      this.view = new je(this.options.element, {
+      this.view = new We(this.options.element, {
         ...this.options.editorProps,
         // @ts-ignore
         dispatchTransaction: this.dispatchTransaction.bind(this),
@@ -4078,12 +4096,12 @@ class Xo extends xe {
     });
   }
 }
-const Yo = {
+const Qo = {
   enableInputRules: !0,
   enablePasteRules: !0,
   enableCoreExtensions: !1
 };
-class de {
+class ue {
   constructor(t) {
     d(this, "_tiptapEditor");
     d(this, "blockCache", /* @__PURE__ */ new WeakMap());
@@ -4092,13 +4110,13 @@ class de {
     d(this, "inlineContentImplementations");
     d(this, "styleImplementations");
     d(this, "formattingToolbar");
-    d(this, "hyperlinkToolbar");
+    d(this, "linkToolbar");
     d(this, "sideMenu");
     d(this, "suggestionMenus");
-    d(this, "imageToolbar");
+    d(this, "imagePanel");
     d(this, "tableHandles");
     d(this, "uploadFile");
-    var l, c, p, u, m, h, f, y;
+    var l, c, u, p, m, h, f, k;
     this.options = t;
     const e = t;
     if (e.onEditorContentChange)
@@ -4122,8 +4140,8 @@ class de {
       schema: t.schema || Tt.create(),
       ...t
     };
-    this.schema = o.schema, this.blockImplementations = o.schema.blockSpecs, this.inlineContentImplementations = o.schema.inlineContentSpecs, this.styleImplementations = o.schema.styleSpecs, this.formattingToolbar = new co(this), this.hyperlinkToolbar = new ho(this), this.sideMenu = new Co(this), this.suggestionMenus = new yo(this), L("image", this) && (this.imageToolbar = new fo(this)), L("table", this) && (this.tableHandles = new Io(this));
-    const r = qo({
+    this.schema = o.schema, this.blockImplementations = o.schema.blockSpecs, this.inlineContentImplementations = o.schema.inlineContentSpecs, this.styleImplementations = o.schema.styleSpecs, this.formattingToolbar = new uo(this), this.linkToolbar = new mo(this), this.sideMenu = new So(this), this.suggestionMenus = new bo(this), I("image", this) && (this.imagePanel = new xo(this)), I("table", this) && (this.tableHandles = new Io(this));
+    const r = Ko({
       editor: this,
       placeholders: o.placeholders,
       domAttributes: o.domAttributes || {},
@@ -4136,10 +4154,10 @@ class de {
       name: "BlockNoteUIExtension",
       addProseMirrorPlugins: () => [
         this.formattingToolbar.plugin,
-        this.hyperlinkToolbar.plugin,
+        this.linkToolbar.plugin,
         this.sideMenu.plugin,
         this.suggestionMenus.plugin,
-        ...this.imageToolbar ? [this.imageToolbar.plugin] : [],
+        ...this.imagePanel ? [this.imagePanel.plugin] : [],
         ...this.tableHandles ? [this.tableHandles.plugin] : []
       ]
     });
@@ -4154,7 +4172,7 @@ class de {
     ] : [
       {
         type: "paragraph",
-        id: Q.options.generateID()
+        id: Z.options.generateID()
       }
     ]);
     if (!Array.isArray(s) || s.length === 0)
@@ -4162,31 +4180,31 @@ class de {
         "initialContent must be a non-empty array of blocks, received: " + s
       );
     const a = {
-      ...Yo,
+      ...Qo,
       ...o._tiptapOptions,
       content: s,
       extensions: o.enableBlockNoteExtensions === !1 ? ((l = o._tiptapOptions) == null ? void 0 : l.extensions) || [] : [...((c = o._tiptapOptions) == null ? void 0 : c.extensions) || [], ...r],
       editorProps: {
-        ...(p = o._tiptapOptions) == null ? void 0 : p.editorProps,
+        ...(u = o._tiptapOptions) == null ? void 0 : u.editorProps,
         attributes: {
-          ...(m = (u = o._tiptapOptions) == null ? void 0 : u.editorProps) == null ? void 0 : m.attributes,
+          ...(m = (p = o._tiptapOptions) == null ? void 0 : p.editorProps) == null ? void 0 : m.attributes,
           ...(h = o.domAttributes) == null ? void 0 : h.editor,
-          class: R(
+          class: z(
             "bn-editor",
             o.defaultStyles ? "bn-default-styles" : "",
-            ((y = (f = o.domAttributes) == null ? void 0 : f.editor) == null ? void 0 : y.class) || ""
+            ((k = (f = o.domAttributes) == null ? void 0 : f.editor) == null ? void 0 : k.class) || ""
           )
         },
-        transformPasted: Jo
+        transformPasted: Xo
       }
     };
-    this._tiptapEditor = new Xo(
+    this._tiptapEditor = new Yo(
       a,
       this.schema.styleSchema
     );
   }
   static create(t = {}) {
-    return new de(t);
+    return new ue(t);
   }
   /**
    * Mount the editor to a parent DOM element. Call mount(undefined) to clean up
@@ -4221,7 +4239,7 @@ class de {
   get document() {
     const t = [];
     return this._tiptapEditor.state.doc.firstChild.descendants((e) => (t.push(
-      k(
+      y(
         e,
         this.schema.blockSchema,
         this.schema.inlineContentSchema,
@@ -4238,7 +4256,7 @@ class de {
   getBlock(t) {
     const e = typeof t == "string" ? t : t.id;
     let o;
-    return this._tiptapEditor.state.doc.firstChild.descendants((r) => typeof o < "u" ? !1 : r.type.name !== "blockContainer" || r.attrs.id !== e ? !0 : (o = k(
+    return this._tiptapEditor.state.doc.firstChild.descendants((r) => typeof o < "u" ? !1 : r.type.name !== "blockContainer" || r.attrs.id !== e ? !0 : (o = y(
       r,
       this.schema.blockSchema,
       this.schema.inlineContentSchema,
@@ -4293,21 +4311,21 @@ class de {
     i > 0 && (a = this._tiptapEditor.state.doc.resolve(o - 2).node());
     let l;
     return i < s - 1 && (l = this._tiptapEditor.state.doc.resolve(r + 2).node()), {
-      block: k(
+      block: y(
         t,
         this.schema.blockSchema,
         this.schema.inlineContentSchema,
         this.schema.styleSchema,
         this.blockCache
       ),
-      prevBlock: a === void 0 ? void 0 : k(
+      prevBlock: a === void 0 ? void 0 : y(
         a,
         this.schema.blockSchema,
         this.schema.inlineContentSchema,
         this.schema.styleSchema,
         this.blockCache
       ),
-      nextBlock: l === void 0 ? void 0 : k(
+      nextBlock: l === void 0 ? void 0 : y(
         l,
         this.schema.blockSchema,
         this.schema.inlineContentSchema,
@@ -4323,7 +4341,7 @@ class de {
    * @param placement Whether the text cursor should be placed at the start or end of the block.
    */
   setTextCursorPosition(t, e = "start") {
-    const o = typeof t == "string" ? t : t.id, { posBeforeNode: r } = Et(o, this._tiptapEditor.state.doc), { startPos: i, contentNode: s } = b(
+    const o = typeof t == "string" ? t : t.id, { posBeforeNode: r } = St(o, this._tiptapEditor.state.doc), { startPos: i, contentNode: s } = b(
       this._tiptapEditor.state.doc,
       r + 2
     ), a = this.schema.blockSchema[s.type.name].content;
@@ -4340,7 +4358,7 @@ class de {
         i + s.nodeSize - 4
       );
     else
-      throw new N(a);
+      throw new A(a);
   }
   /**
    * Gets a snapshot of the current selection.
@@ -4350,7 +4368,7 @@ class de {
       return;
     const t = [];
     return this._tiptapEditor.state.doc.descendants((e, o) => e.type.spec.group !== "blockContent" || o + e.nodeSize < this._tiptapEditor.state.selection.from || o > this._tiptapEditor.state.selection.to ? !0 : (t.push(
-      k(
+      y(
         this._tiptapEditor.state.doc.resolve(o).node(),
         this.schema.blockSchema,
         this.schema.inlineContentSchema,
@@ -4371,7 +4389,7 @@ class de {
    * @param editable True to make the editor editable, or false to lock it.
    */
   set isEditable(t) {
-    this._tiptapEditor.setEditable(t);
+    this._tiptapEditor.options.editable !== t && this._tiptapEditor.setEditable(t);
   }
   /**
    * Inserts new blocks into the editor. If a block's `id` is undefined, BlockNote generates one automatically. Throws an
@@ -4382,7 +4400,7 @@ class de {
    * `referenceBlock`. Inserts the blocks at the start of the existing block's children if "nested" is used.
    */
   insertBlocks(t, e, o = "before") {
-    return qn(t, e, o, this);
+    return Kn(t, e, o, this);
   }
   /**
    * Updates an existing block in the editor. Since updatedBlock is a PartialBlock object, some fields might not be
@@ -4392,14 +4410,14 @@ class de {
    * @param update A partial block which defines how the existing block should be changed.
    */
   updateBlock(t, e) {
-    return Kn(t, e, this);
+    return Jn(t, e, this);
   }
   /**
    * Removes existing blocks from the editor. Throws an error if any of the blocks could not be found.
    * @param blocksToRemove An array of identifiers for existing blocks that should be removed.
    */
   removeBlocks(t) {
-    return Jn(t, this);
+    return Xn(t, this);
   }
   /**
    * Replaces existing blocks in the editor with new blocks. If the blocks that should be removed are not adjacent or
@@ -4409,7 +4427,7 @@ class de {
    * @param blocksToInsert An array of partial blocks to replace the old ones with.
    */
   replaceBlocks(t, e) {
-    return Xn(t, e, this);
+    return Yn(t, e, this);
   }
   /**
    * Insert a piece of content at the current cursor position.
@@ -4417,12 +4435,12 @@ class de {
    * @param content can be a string, or array of partial inline content elements
    */
   insertInlineContent(t) {
-    const e = st(
+    const e = at(
       t,
       this._tiptapEditor.schema,
       this.schema.styleSchema
     );
-    Yn(
+    Qn(
       {
         from: this._tiptapEditor.state.selection.from,
         to: this._tiptapEditor.state.selection.to
@@ -4461,7 +4479,7 @@ class de {
       else if (r.propSchema === "string")
         this._tiptapEditor.commands.setMark(e, { stringValue: o });
       else
-        throw new N(r.propSchema);
+        throw new A(r.propSchema);
     }
   }
   /**
@@ -4488,7 +4506,7 @@ class de {
       else if (r.propSchema === "string")
         this._tiptapEditor.commands.toggleMark(e, { stringValue: o });
       else
-        throw new N(r.propSchema);
+        throw new A(r.propSchema);
     }
   }
   /**
@@ -4561,7 +4579,7 @@ class de {
    * @returns The blocks, serialized as an HTML string.
    */
   async blocksToHTMLLossy(t = this.document) {
-    return at(
+    return lt(
       this._tiptapEditor.schema,
       this
     ).exportBlocks(t);
@@ -4574,7 +4592,7 @@ class de {
    * @returns The blocks parsed from the HTML string.
    */
   async tryParseHTMLToBlocks(t) {
-    return le(
+    return ce(
       t,
       this.schema.blockSchema,
       this.schema.inlineContentSchema,
@@ -4589,7 +4607,7 @@ class de {
    * @returns The blocks, serialized as a Markdown string.
    */
   async blocksToMarkdownLossy(t = this.document) {
-    return Zn(t, this._tiptapEditor.schema, this);
+    return to(t, this._tiptapEditor.schema, this);
   }
   /**
    * Creates a list of blocks from a Markdown string. Tries to create `Block` and `InlineNode` objects based on
@@ -4599,7 +4617,7 @@ class de {
    * @returns The blocks parsed from the Markdown string.
    */
   async tryParseMarkdownToBlocks(t) {
-    return so(
+    return ao(
       t,
       this.schema.blockSchema,
       this.schema.inlineContentSchema,
@@ -4646,101 +4664,101 @@ class de {
     };
   }
 }
-function Qo(n) {
+function Zo(n) {
   let t = n.getTextCursorPosition().block, e = n.schema.blockSchema[t.type].content;
   for (; e === "none"; )
     t = n.getTextCursorPosition().nextBlock, e = n.schema.blockSchema[t.type].content, n.setTextCursorPosition(t, "end");
 }
-function A(n, t) {
+function P(n, t) {
   const e = n.getTextCursorPosition().block;
   if (e.content === void 0)
     throw new Error("Slash Menu open in a block that doesn't contain content.");
-  Array.isArray(e.content) && (e.content.length === 1 && Y(e.content[0]) && e.content[0].type === "text" && e.content[0].text === "/" || e.content.length === 0) ? n.updateBlock(e, t) : (n.insertBlocks([t], e, "after"), n.setTextCursorPosition(
+  Array.isArray(e.content) && (e.content.length === 1 && Q(e.content[0]) && e.content[0].type === "text" && e.content[0].text === "/" || e.content.length === 0) ? n.updateBlock(e, t) : (n.insertBlocks([t], e, "after"), n.setTextCursorPosition(
     n.getTextCursorPosition().nextBlock,
     "end"
   ));
   const o = n.getTextCursorPosition().block;
-  return Qo(n), o;
+  return Zo(n), o;
 }
-function Fr(n) {
+function $r(n) {
   const t = [];
-  return L("heading", n) && t.push(
+  return I("heading", n) && t.push(
     {
       title: "Heading 1",
       onItemClick: () => {
-        A(n, {
+        P(n, {
           type: "heading",
           props: { level: 1 }
         });
       },
       subtext: "Used for a top-level heading",
-      badge: V("Mod-Alt-1"),
+      badge: F("Mod-Alt-1"),
       aliases: ["h", "heading1", "h1"],
       group: "Headings"
     },
     {
       title: "Heading 2",
       onItemClick: () => {
-        A(n, {
+        P(n, {
           type: "heading",
           props: { level: 2 }
         });
       },
       subtext: "Used for key sections",
-      badge: V("Mod-Alt-2"),
+      badge: F("Mod-Alt-2"),
       aliases: ["h2", "heading2", "subheading"],
       group: "Headings"
     },
     {
       title: "Heading 3",
       onItemClick: () => {
-        A(n, {
+        P(n, {
           type: "heading",
           props: { level: 3 }
         });
       },
       subtext: "Used for subsections and group headings",
-      badge: V("Mod-Alt-3"),
+      badge: F("Mod-Alt-3"),
       aliases: ["h3", "heading3", "subheading"],
       group: "Headings"
     }
-  ), L("numberedListItem", n) && t.push({
+  ), I("numberedListItem", n) && t.push({
     title: "Numbered List",
     onItemClick: () => {
-      A(n, {
+      P(n, {
         type: "numberedListItem"
       });
     },
     subtext: "Used to display a numbered list",
-    badge: V("Mod-Shift-7"),
+    badge: F("Mod-Shift-7"),
     aliases: ["ol", "li", "list", "numberedlist", "numbered list"],
     group: "Basic blocks"
-  }), L("bulletListItem", n) && t.push({
+  }), I("bulletListItem", n) && t.push({
     title: "Bullet List",
     onItemClick: () => {
-      A(n, {
+      P(n, {
         type: "bulletListItem"
       });
     },
     subtext: "Used to display an unordered list",
-    badge: V("Mod-Shift-8"),
+    badge: F("Mod-Shift-8"),
     aliases: ["ul", "li", "list", "bulletlist", "bullet list"],
     group: "Basic blocks"
-  }), L("paragraph", n) && t.push({
+  }), I("paragraph", n) && t.push({
     title: "Paragraph",
     onItemClick: () => {
-      A(n, {
+      P(n, {
         type: "paragraph"
       });
     },
     subtext: "Used for the body of your document",
-    badge: V("Mod-Alt-0"),
+    badge: F("Mod-Alt-0"),
     aliases: ["p", "paragraph"],
     group: "Basic blocks"
-  }), L("table", n) && t.push({
+  }), I("table", n) && t.push({
     title: "Table",
     onItemClick: () => {
-      A(n, {
+      P(n, {
         type: "table",
         content: {
           type: "tableContent",
@@ -4759,14 +4777,14 @@ function Fr(n) {
     aliases: ["table"],
     group: "Advanced",
     badge: void 0
-  }), L("image", n) && t.push({
+  }), I("image", n) && t.push({
     title: "Image",
     onItemClick: () => {
-      const e = A(n, {
+      const e = P(n, {
         type: "image"
       });
       n.prosemirrorView.dispatch(
-        n._tiptapEditor.state.tr.setMeta(n.imageToolbar.plugin, {
+        n._tiptapEditor.state.tr.setMeta(n.imagePanel.plugin, {
           block: e
         })
       );
@@ -4786,14 +4804,14 @@ function Fr(n) {
     group: "Media"
   }), t;
 }
-function $r(n, t) {
+function Gr(n, t) {
   return n.filter(
     ({ title: e, aliases: o }) => e.toLowerCase().startsWith(t.toLowerCase()) || o && o.filter(
       (r) => r.toLowerCase().startsWith(t.toLowerCase())
     ).length !== 0
   );
 }
-function ht(n = "") {
+function mt(n = "") {
   return typeof n == "string" ? [
     {
       type: "text",
@@ -4803,21 +4821,21 @@ function ht(n = "") {
   ] : n;
 }
 function pe(n) {
-  return typeof n == "string" ? ht(n) : Array.isArray(n) ? n.flatMap((t) => typeof t == "string" ? ht(t) : $t(t) ? {
+  return typeof n == "string" ? mt(n) : Array.isArray(n) ? n.flatMap((t) => typeof t == "string" ? mt(t) : Gt(t) ? {
     ...t,
-    content: ht(t.content)
-  } : Y(t) ? t : {
+    content: mt(t.content)
+  } : Q(t) ? t : {
     props: {},
     ...t,
     content: pe(t.content)
   }) : n;
 }
-function Gr(n, t) {
+function jr(n, t) {
   return t.map(
-    (e) => ue(n, e)
+    (e) => he(n, e)
   );
 }
-function ue(n, t) {
+function he(n, t) {
   const e = {
     id: "",
     type: t.type,
@@ -4833,96 +4851,96 @@ function ue(n, t) {
   ), {
     ...e,
     content: pe(e.content),
-    children: e.children.map((o) => ue(n, o))
+    children: e.children.map((o) => he(n, o))
   };
 }
-function Zo(n) {
-  n.id || (n.id = Q.options.generateID()), n.children && tr(n.children);
-}
 function tr(n) {
+  n.id || (n.id = Z.options.generateID()), n.children && er(n.children);
+}
+function er(n) {
   for (const t of n)
-    Zo(t);
+    tr(t);
 }
 export {
-  de as BlockNoteEditor,
+  ue as BlockNoteEditor,
   Tt as BlockNoteSchema,
-  co as FormattingToolbarProsemirrorPlugin,
-  ao as FormattingToolbarView,
-  ho as HyperlinkToolbarProsemirrorPlugin,
-  fo as ImageToolbarProsemirrorPlugin,
-  mo as ImageToolbarView,
-  Co as SideMenuProsemirrorPlugin,
-  Eo as SideMenuView,
-  yo as SuggestionMenuProseMirrorPlugin,
+  uo as FormattingToolbarProsemirrorPlugin,
+  lo as FormattingToolbarView,
+  xo as ImagePanelProsemirrorPlugin,
+  Co as ImagePanelView,
+  mo as LinkToolbarProsemirrorPlugin,
+  So as SideMenuProsemirrorPlugin,
+  vo as SideMenuView,
+  bo as SuggestionMenuProseMirrorPlugin,
   Io as TableHandlesProsemirrorPlugin,
-  Bo as TableHandlesView,
-  Q as UniqueID,
-  N as UnreachableCaseError,
-  Zo as addIdsToBlock,
-  tr as addIdsToBlocks,
+  Lo as TableHandlesView,
+  Z as UniqueID,
+  A as UnreachableCaseError,
+  tr as addIdsToBlock,
+  er as addIdsToBlocks,
   pn as addInlineContentAttributes,
-  un as addInlineContentKeyboardShortcuts,
-  bn as addStyleAttributes,
-  P as blockToNode,
-  it as camelToDataKebab,
-  zr as checkBlockHasDefaultProp,
-  Rr as checkBlockIsDefaultType,
-  Wn as checkBlockTypeHasDefaultProp,
-  L as checkDefaultBlockTypeInSchema,
-  wt as contentNodeToInlineContent,
-  dn as createBlockSpec,
-  tt as createBlockSpecFromStronglyTypedTiptapNode,
-  at as createExternalHTMLExporter,
-  Dr as createInlineContentSpec,
-  mn as createInlineContentSpecFromTipTapNode,
-  Qt as createInternalBlockSpec,
-  Jt as createInternalHTMLSerializer,
-  hn as createInternalInlineContentSpec,
-  ee as createInternalStyleSpec,
-  W as createStronglyTypedTiptapNode,
-  Or as createStyleSpec,
-  O as createStyleSpecFromTipTapMark,
-  Vr as createSuggestionMenu,
-  jn as defaultBlockSchema,
-  oe as defaultBlockSpecs,
-  Ur as defaultInlineContentSchema,
-  ie as defaultInlineContentSpecs,
+  hn as addInlineContentKeyboardShortcuts,
+  kn as addStyleAttributes,
+  D as blockToNode,
+  st as camelToDataKebab,
+  Vr as checkBlockHasDefaultProp,
+  zr as checkBlockIsDefaultType,
+  qn as checkBlockTypeHasDefaultProp,
+  I as checkDefaultBlockTypeInSchema,
+  vt as contentNodeToInlineContent,
+  un as createBlockSpec,
+  et as createBlockSpecFromStronglyTypedTiptapNode,
+  lt as createExternalHTMLExporter,
+  Or as createInlineContentSpec,
+  fn as createInlineContentSpecFromTipTapNode,
+  Zt as createInternalBlockSpec,
+  Xt as createInternalHTMLSerializer,
+  mn as createInternalInlineContentSpec,
+  ne as createInternalStyleSpec,
+  q as createStronglyTypedTiptapNode,
+  _r as createStyleSpec,
+  _ as createStyleSpecFromTipTapMark,
+  Fr as createSuggestionMenu,
+  Wn as defaultBlockSchema,
+  re as defaultBlockSpecs,
+  Rr as defaultInlineContentSchema,
+  se as defaultInlineContentSpecs,
   w as defaultProps,
-  _r as defaultStyleSchema,
-  re as defaultStyleSpecs,
-  $r as filterSuggestionItems,
-  V as formatKeyboardShortcut,
-  lo as formattingToolbarPluginKey,
-  ln as getBlockFromPos,
-  qo as getBlockNoteExtensions,
-  Zt as getBlockSchemaFromSpecs,
-  Fr as getDefaultSlashMenuItems,
-  Ct as getDraggableBlockFromCoords,
-  fn as getInlineContentParseRules,
-  te as getInlineContentSchemaFromSpecs,
-  cn as getParseRules,
+  Ur as defaultStyleSchema,
+  ie as defaultStyleSpecs,
+  Gr as filterSuggestionItems,
+  F as formatKeyboardShortcut,
+  co as formattingToolbarPluginKey,
+  cn as getBlockFromPos,
+  Ko as getBlockNoteExtensions,
+  te as getBlockSchemaFromSpecs,
+  $r as getDefaultSlashMenuItems,
+  xt as getDraggableBlockFromCoords,
+  gn as getInlineContentParseRules,
+  ee as getInlineContentSchemaFromSpecs,
+  dn as getParseRules,
   yn as getStyleParseRules,
-  ne as getStyleSchemaFromSpecs,
-  uo as hyperlinkToolbarPluginKey,
-  Xt as inheritedProps,
-  st as inlineContentToNodes,
-  A as insertOrUpdateBlock,
-  an as isAppleOS,
+  oe as getStyleSchemaFromSpecs,
+  Yt as inheritedProps,
+  at as inlineContentToNodes,
+  P as insertOrUpdateBlock,
+  ln as isAppleOS,
   It as isLinkInlineContent,
-  $t as isPartialLinkInlineContent,
-  Pr as isSafari,
-  Y as isStyledTextInlineContent,
-  R as mergeCSSClasses,
-  k as nodeToBlock,
-  Wt as nodeToCustomInlineContent,
-  ue as partialBlockToBlockForTesting,
-  Gr as partialBlocksToBlocksForTesting,
-  Yt as propsToAttributes,
-  So as sideMenuPluginKey,
-  gn as stylePropsToAttributes,
-  U as suggestionMenuPluginKey,
-  Gt as tableContentToNodes,
-  X as tableHandlesPluginKey,
+  Gt as isPartialLinkInlineContent,
+  Dr as isSafari,
+  Q as isStyledTextInlineContent,
+  ho as linkToolbarPluginKey,
+  z as mergeCSSClasses,
+  y as nodeToBlock,
+  qt as nodeToCustomInlineContent,
+  he as partialBlockToBlockForTesting,
+  jr as partialBlocksToBlocksForTesting,
+  Qt as propsToAttributes,
+  Eo as sideMenuPluginKey,
+  bn as stylePropsToAttributes,
+  R as suggestionMenuPluginKey,
+  jt as tableContentToNodes,
+  Y as tableHandlesPluginKey,
   Hr as uploadToTmpFilesDotOrg_DEV_ONLY,
   pt as wrapInBlockStructure
 };