@blocknote/core 0.7.0 → 0.8.0

package/dist/blocknote.js

@@ -1,87 +1,487 @@
-var Et = Object.defineProperty;
-var Ct = (o, t, e) => t in o ? Et(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var u = (o, t, e) => (Ct(o, typeof t != "symbol" ? t + "" : t, e), e);
-import { Extension as E, findChildren as G, combineTransactionSteps as Mt, getChangedRanges as Bt, findChildrenInRange as Tt, Mark as rt, Node as S, mergeAttributes as w, InputRule as j, findParentNode as wt, isTextSelection as St, isNodeSelection as xt, posToDOMRect as nt, getMarkRange as X, extensions as N, Editor as It } from "@tiptap/core";
-import { Slice as P, Fragment as L, DOMSerializer as Pt, DOMParser as Lt } from "prosemirror-model";
-import { Plugin as C, PluginKey as v, TextSelection as Q, Selection as $, NodeSelection as _t } from "prosemirror-state";
-import { v4 as At } from "uuid";
-import it from "rehype-parse";
-import Nt from "rehype-remark";
-import st from "rehype-stringify";
-import at from "remark-gfm";
-import Ht from "remark-parse";
-import Ot from "remark-rehype";
-import Dt from "remark-stringify";
-import { unified as W } from "unified";
-import { fromDom as Z } from "hast-util-from-dom";
-import { Bold as Ft } from "@tiptap/extension-bold";
-import { Code as Rt } from "@tiptap/extension-code";
-import zt from "@tiptap/extension-collaboration";
-import Ut from "@tiptap/extension-collaboration-cursor";
-import { Dropcursor as $t } from "@tiptap/extension-dropcursor";
-import { Gapcursor as Gt } from "@tiptap/extension-gapcursor";
-import { HardBreak as qt } from "@tiptap/extension-hard-break";
-import { History as jt } from "@tiptap/extension-history";
-import { Italic as Wt } from "@tiptap/extension-italic";
-import { Link as lt } from "@tiptap/extension-link";
-import { Strike as Yt } from "@tiptap/extension-strike";
-import { Text as Kt } from "@tiptap/extension-text";
-import { Underline as Vt } from "@tiptap/extension-underline";
-import * as Jt from "prosemirror-view";
+var Lt = Object.defineProperty;
+var At = (o, e, t) => e in o ? Lt(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var h = (o, e, t) => (At(o, typeof e != "symbol" ? e + "" : e, t), t);
+import { Node as R, InputRule as V, mergeAttributes as w, Extension as v, findChildren as j, combineTransactionSteps as Nt, getChangedRanges as Ht, findChildrenInRange as Ot, Mark as it, findParentNode as Dt, isTextSelection as Ft, isNodeSelection as Rt, posToDOMRect as st, getMarkRange as Q, extensions as A, Editor as zt } from "@tiptap/core";
+import { PluginKey as E, Plugin as C, TextSelection as tt, Selection as G, NodeSelection as Ut } from "prosemirror-state";
+import { Slice as I, Fragment as _, DOMSerializer as q, DOMParser as $t } from "prosemirror-model";
+import { v4 as Gt } from "uuid";
+import at from "rehype-parse";
+import jt from "rehype-remark";
+import lt from "rehype-stringify";
+import dt from "remark-gfm";
+import qt from "remark-parse";
+import Wt from "remark-rehype";
+import Vt from "remark-stringify";
+import { unified as Y } from "unified";
+import { fromDom as et } from "hast-util-from-dom";
+import { Bold as Yt } from "@tiptap/extension-bold";
+import { Code as Kt } from "@tiptap/extension-code";
+import Jt from "@tiptap/extension-collaboration";
+import Xt from "@tiptap/extension-collaboration-cursor";
+import { Dropcursor as Zt } from "@tiptap/extension-dropcursor";
+import { Gapcursor as Qt } from "@tiptap/extension-gapcursor";
+import { HardBreak as te } from "@tiptap/extension-hard-break";
+import { History as ee } from "@tiptap/extension-history";
+import { Italic as oe } from "@tiptap/extension-italic";
+import { Link as ct } from "@tiptap/extension-link";
+import { Strike as ne } from "@tiptap/extension-strike";
+import { Text as re } from "@tiptap/extension-text";
+import { Underline as ie } from "@tiptap/extension-underline";
+import * as se from "prosemirror-view";
 import { Decoration as D, DecorationSet as F } from "prosemirror-view";
-const O = [
-  "backgroundColor",
-  "textColor",
-  "textAlignment"
-], tt = {
-  paragraph: /* @__PURE__ */ new Set([...O]),
-  heading: /* @__PURE__ */ new Set([
-    ...O,
-    "level"
-  ]),
-  numberedListItem: /* @__PURE__ */ new Set([
-    ...O
-  ]),
-  bulletListItem: /* @__PURE__ */ new Set([...O])
-};
-function g(o, t) {
-  if (t < 0 || t > o.nodeSize)
+const ut = "_blockOuter_1a5p7_5", ht = "_block_1a5p7_5", pt = "_reactNodeViewRenderer_1a5p7_17", mt = "_blockContent_1a5p7_22", ft = "_blockGroup_1a5p7_42", gt = "_isEmpty_1a5p7_240", kt = "_inlineContent_1a5p7_240", bt = "_isFilter_1a5p7_241", yt = "_hasAnchor_1a5p7_263", k = {
+  blockOuter: ut,
+  block: ht,
+  reactNodeViewRenderer: pt,
+  blockContent: mt,
+  blockGroup: ft,
+  isEmpty: gt,
+  inlineContent: kt,
+  isFilter: bt,
+  hasAnchor: yt
+}, Vo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  block: ht,
+  blockContent: mt,
+  blockGroup: ft,
+  blockOuter: ut,
+  default: k,
+  hasAnchor: yt,
+  inlineContent: kt,
+  isEmpty: gt,
+  isFilter: bt,
+  reactNodeViewRenderer: pt
+}, Symbol.toStringTag, { value: "Module" }));
+function ot(o) {
+  return "data-" + o.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+}
+function ae(o) {
+  const e = {};
+  return Object.entries(o.propSchema).forEach(([t, n]) => {
+    e[t] = {
+      default: n.default,
+      keepOnSplit: !0,
+      // Props are displayed in kebab-case as HTML attributes. If a prop's
+      // value is the same as its default, we don't display an HTML
+      // attribute for it.
+      parseHTML: (r) => r.getAttribute(ot(t)),
+      renderHTML: (r) => r[t] !== n.default ? {
+        [ot(t)]: r[t]
+      } : {}
+    };
+  }), e;
+}
+function le(o) {
+  return [
+    {
+      tag: "div[data-content-type=" + o.type + "]"
+    }
+  ];
+}
+function de(o, e) {
+  const t = document.createElement("div");
+  t.setAttribute("data-content-type", o.type);
+  for (const [r, i] of Object.entries(e))
+    t.setAttribute(r, i);
+  let n;
+  return o.containsInlineContent ? (n = document.createElement("div"), t.appendChild(n)) : n = void 0, n !== void 0 ? {
+    dom: t,
+    contentDOM: n
+  } : {
+    dom: t
+  };
+}
+function Yo(o) {
+  return {
+    node: H({
+      name: o.type,
+      content: o.containsInlineContent ? "inline*" : "",
+      selectable: o.containsInlineContent,
+      addOptions() {
+        return {
+          editor: void 0
+        };
+      },
+      addAttributes() {
+        return ae(o);
+      },
+      parseHTML() {
+        return le(o);
+      },
+      renderHTML({ HTMLAttributes: t }) {
+        return de(o, t);
+      },
+      addNodeView() {
+        return ({ HTMLAttributes: t, getPos: n }) => {
+          const r = document.createElement("div");
+          r.className = k.blockContent, r.setAttribute("data-content-type", o.type);
+          for (const [p, m] of Object.entries(t))
+            r.setAttribute(p, m);
+          const i = this.options.editor;
+          if (typeof n == "boolean")
+            throw new Error(
+              "Cannot find node position as getPos is a boolean, not a function."
+            );
+          const a = n(), d = i._tiptapEditor.state.doc.resolve(a).node().attrs.id, c = i.getBlock(d);
+          if (c.type !== o.type)
+            throw new Error("Block type does not match");
+          const u = o.render(c, i);
+          return "contentDOM" in u && (u.contentDOM.className = `${u.contentDOM.className ? u.contentDOM.className + " " : ""}${k.inlineContent}`), r.appendChild(u.dom), "contentDOM" in u ? {
+            dom: r,
+            contentDOM: u.contentDOM
+          } : {
+            dom: r
+          };
+        };
+      }
+    }),
+    propSchema: o.propSchema
+  };
+}
+function H(o) {
+  return R.create({
+    ...o,
+    group: "blockContent"
+  });
+}
+const ce = H({
+  name: "heading",
+  content: "inline*",
+  addAttributes() {
+    return {
+      level: {
+        default: "1",
+        // instead of "level" attributes, use "data-level"
+        parseHTML: (o) => o.getAttribute("data-level"),
+        renderHTML: (o) => ({
+          "data-level": o.level
+        })
+      }
+    };
+  },
+  addInputRules() {
+    return [
+      ...["1", "2", "3"].map((o) => new V({
+        find: new RegExp(`^(#{${parseInt(o)}})\\s$`),
+        handler: ({ state: e, chain: t, range: n }) => {
+          t().BNUpdateBlock(e.selection.from, {
+            type: "heading",
+            props: {
+              level: o
+            }
+          }).deleteRange({ from: n.from, to: n.to });
+        }
+      }))
+    ];
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "h1",
+        attrs: { level: "1" },
+        node: "heading"
+      },
+      {
+        tag: "h2",
+        attrs: { level: "2" },
+        node: "heading"
+      },
+      {
+        tag: "h3",
+        attrs: { level: "3" },
+        node: "heading"
+      }
+    ];
+  },
+  renderHTML({ node: o, HTMLAttributes: e }) {
+    return [
+      "div",
+      w(e, {
+        class: k.blockContent,
+        "data-content-type": this.name
+      }),
+      ["h" + o.attrs.level, { class: k.inlineContent }, 0]
+    ];
+  }
+});
+function g(o, e) {
+  if (e < 0 || e > o.nodeSize)
     return;
-  const e = o.resolve(t), r = e.depth;
-  let n = e.node(r), i = r;
+  const t = o.resolve(e), n = t.depth;
+  let r = t.node(n), i = n;
   for (; ; ) {
     if (i < 0)
       return;
-    if (n.type.name === "blockContainer")
+    if (r.type.name === "blockContainer")
       break;
-    i -= 1, n = e.node(i);
+    i -= 1, r = t.node(i);
   }
-  const a = n.attrs.id, s = n.firstChild, l = s.type, d = n.childCount === 2 ? n.lastChild.childCount : 0, c = e.start(i), h = e.end(i);
+  const a = r.attrs.id, s = r.firstChild, l = s.type, d = r.childCount === 2 ? r.lastChild.childCount : 0, c = t.start(i), u = t.end(i);
   return {
     id: a,
-    node: n,
+    node: r,
     contentNode: s,
     contentType: l,
     numChildBlocks: d,
     startPos: c,
-    endPos: h,
+    endPos: u,
     depth: i
   };
 }
-function Xt(o, t = JSON.stringify) {
-  const e = {};
-  return o.filter((r) => {
-    const n = t(r);
-    return Object.prototype.hasOwnProperty.call(e, n) ? !1 : e[n] = !0;
+const vt = (o) => {
+  const { node: e, contentType: t } = g(
+    o.state.doc,
+    o.state.selection.from
+  ), n = o.state.selection.anchor === o.state.selection.head;
+  return !t.name.endsWith("ListItem") || !n ? !1 : o.commands.first(({ state: r, chain: i, commands: a }) => [
+    () => (
+      // Changes list item block to a text block if the content is empty.
+      a.command(() => e.textContent.length === 0 ? a.BNUpdateBlock(r.selection.from, {
+        type: "paragraph",
+        props: {}
+      }) : !1)
+    ),
+    () => (
+      // Splits the current block, moving content inside that's after the cursor to a new block of the same type
+      // below.
+      a.command(() => e.textContent.length > 0 ? (i().deleteSelection().BNSplitBlock(r.selection.from, !0).run(), !0) : !1)
+    )
+  ]);
+}, ue = H({
+  name: "bulletListItem",
+  content: "inline*",
+  addInputRules() {
+    return [
+      // Creates an unordered list when starting with "-", "+", or "*".
+      new V({
+        find: new RegExp("^[-+*]\\s$"),
+        handler: ({ state: o, chain: e, range: t }) => {
+          e().BNUpdateBlock(o.selection.from, {
+            type: "bulletListItem",
+            props: {}
+          }).deleteRange({ from: t.from, to: t.to });
+        }
+      })
+    ];
+  },
+  addKeyboardShortcuts() {
+    return {
+      Enter: () => vt(this.editor)
+    };
+  },
+  parseHTML() {
+    return [
+      // Case for regular HTML list structure.
+      {
+        tag: "li",
+        getAttrs: (o) => {
+          if (typeof o == "string")
+            return !1;
+          const e = o.parentElement;
+          return e === null ? !1 : e.tagName === "UL" ? {} : !1;
+        },
+        node: "bulletListItem"
+      },
+      // Case for BlockNote list structure.
+      {
+        tag: "p",
+        getAttrs: (o) => {
+          if (typeof o == "string")
+            return !1;
+          const e = o.parentElement;
+          return e === null ? !1 : e.getAttribute("data-content-type") === "bulletListItem" ? {} : !1;
+        },
+        priority: 300,
+        node: "bulletListItem"
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: o }) {
+    return [
+      "div",
+      w(o, {
+        class: k.blockContent,
+        "data-content-type": this.name
+      }),
+      ["p", { class: k.inlineContent }, 0]
+    ];
+  }
+}), he = new E("numbered-list-indexing"), pe = () => new C({
+  key: he,
+  appendTransaction: (o, e, t) => {
+    const n = t.tr;
+    n.setMeta("numberedListIndexing", !0);
+    let r = !1;
+    return t.doc.descendants((i, a) => {
+      if (i.type.name === "blockContainer" && i.firstChild.type.name === "numberedListItem") {
+        let s = "1";
+        const l = a === 1, d = g(n.doc, a + 1);
+        if (d === void 0)
+          return;
+        if (!l) {
+          const p = g(n.doc, a - 2);
+          if (p === void 0)
+            return;
+          if (!(d.depth !== p.depth)) {
+            const f = p.contentNode;
+            if (p.contentType.name === "numberedListItem") {
+              const U = f.attrs.index;
+              s = (parseInt(U) + 1).toString();
+            }
+          }
+        }
+        d.contentNode.attrs.index !== s && (r = !0, n.setNodeMarkup(a + 1, void 0, {
+          index: s
+        }));
+      }
+    }), r ? n : null;
+  }
+}), me = H({
+  name: "numberedListItem",
+  content: "inline*",
+  addAttributes() {
+    return {
+      index: {
+        default: null,
+        parseHTML: (o) => o.getAttribute("data-index"),
+        renderHTML: (o) => ({
+          "data-index": o.index
+        })
+      }
+    };
+  },
+  addInputRules() {
+    return [
+      // Creates an ordered list when starting with "1.".
+      new V({
+        find: new RegExp("^1\\.\\s$"),
+        handler: ({ state: o, chain: e, range: t }) => {
+          e().BNUpdateBlock(o.selection.from, {
+            type: "numberedListItem",
+            props: {}
+          }).deleteRange({ from: t.from, to: t.to });
+        }
+      })
+    ];
+  },
+  addKeyboardShortcuts() {
+    return {
+      Enter: () => vt(this.editor)
+    };
+  },
+  addProseMirrorPlugins() {
+    return [pe()];
+  },
+  parseHTML() {
+    return [
+      // Case for regular HTML list structure.
+      // (e.g.: when pasting from other apps)
+      {
+        tag: "li",
+        getAttrs: (o) => {
+          if (typeof o == "string")
+            return !1;
+          const e = o.parentElement;
+          return e === null ? !1 : e.tagName === "OL" ? {} : !1;
+        },
+        node: "numberedListItem"
+      },
+      // Case for BlockNote list structure.
+      // (e.g.: when pasting from blocknote)
+      {
+        tag: "p",
+        getAttrs: (o) => {
+          if (typeof o == "string")
+            return !1;
+          const e = o.parentElement;
+          return e === null ? !1 : e.getAttribute("data-content-type") === "numberedListItem" ? {} : !1;
+        },
+        priority: 300,
+        node: "numberedListItem"
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: o }) {
+    return [
+      "div",
+      w(o, {
+        class: k.blockContent,
+        "data-content-type": this.name
+      }),
+      // we use a <p> tag, because for <li> tags we'd need to add a <ul> parent for around siblings to be semantically correct,
+      // which would be quite cumbersome
+      ["p", { class: k.inlineContent }, 0]
+    ];
+  }
+}), fe = H({
+  name: "paragraph",
+  content: "inline*",
+  parseHTML() {
+    return [
+      {
+        tag: "p",
+        priority: 200,
+        node: "paragraph"
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: o }) {
+    return [
+      "div",
+      w(o, {
+        class: k.blockContent,
+        "data-content-type": this.name
+      }),
+      ["p", { class: k.inlineContent }, 0]
+    ];
+  }
+}), N = {
+  backgroundColor: {
+    default: "transparent"
+  },
+  textColor: {
+    default: "black"
+    // TODO
+  },
+  textAlignment: {
+    default: "left",
+    values: ["left", "center", "right", "justify"]
+  }
+}, ge = {
+  paragraph: {
+    propSchema: N,
+    node: fe
+  },
+  heading: {
+    propSchema: {
+      ...N,
+      level: { default: "1", values: ["1", "2", "3"] }
+    },
+    node: ce
+  },
+  bulletListItem: {
+    propSchema: N,
+    node: ue
+  },
+  numberedListItem: {
+    propSchema: N,
+    node: me
+  }
+};
+function ke(o, e = JSON.stringify) {
+  const t = {};
+  return o.filter((n) => {
+    const r = e(n);
+    return Object.prototype.hasOwnProperty.call(t, r) ? !1 : t[r] = !0;
   });
 }
-function Qt(o) {
-  const t = o.filter(
-    (r, n) => o.indexOf(r) !== n
+function be(o) {
+  const e = o.filter(
+    (n, r) => o.indexOf(n) !== r
   );
-  return Xt(t);
+  return ke(e);
 }
-const Y = E.create({
+const K = v.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
@@ -90,7 +490,7 @@ const Y = E.create({
     return {
       attributeName: "id",
       types: [],
-      generateID: () => window.__TEST_OPTIONS ? (window.__TEST_OPTIONS.mockID === void 0 ? window.__TEST_OPTIONS.mockID = 0 : window.__TEST_OPTIONS.mockID++, window.__TEST_OPTIONS.mockID.toString()) : At(),
+      generateID: () => window.__TEST_OPTIONS ? (window.__TEST_OPTIONS.mockID === void 0 ? window.__TEST_OPTIONS.mockID = 0 : window.__TEST_OPTIONS.mockID++, window.__TEST_OPTIONS.mockID.toString()) : Gt(),
       filterTransaction: null
     };
   },
@@ -116,48 +516,48 @@ const Y = E.create({
       (l) => l.name === "collaboration"
     ))
       return;
-    const { view: o, state: t } = this.editor, { tr: e, doc: r } = t, { types: n, attributeName: i, generateID: a } = this.options;
-    G(r, (l) => n.includes(l.type.name) && l.attrs[i] === null).forEach(({ node: l, pos: d }) => {
-      e.setNodeMarkup(d, void 0, {
+    const { view: o, state: e } = this.editor, { tr: t, doc: n } = e, { types: r, attributeName: i, generateID: a } = this.options;
+    j(n, (l) => r.includes(l.type.name) && l.attrs[i] === null).forEach(({ node: l, pos: d }) => {
+      t.setNodeMarkup(d, void 0, {
         ...l.attrs,
         [i]: a()
       });
-    }), e.setMeta("addToHistory", !1), o.dispatch(e);
+    }), t.setMeta("addToHistory", !1), o.dispatch(t);
   },
   addProseMirrorPlugins() {
-    let o = null, t = !1;
+    let o = null, e = !1;
     return [
       new C({
-        key: new v("uniqueID"),
-        appendTransaction: (e, r, n) => {
-          const i = e.some((m) => m.docChanged) && !r.doc.eq(n.doc), a = this.options.filterTransaction && e.some((m) => {
-            var y, k;
-            return !(!((k = (y = this.options).filterTransaction) === null || k === void 0) && k.call(y, m));
+        key: new E("uniqueID"),
+        appendTransaction: (t, n, r) => {
+          const i = t.some((f) => f.docChanged) && !n.doc.eq(r.doc), a = this.options.filterTransaction && t.some((f) => {
+            var y, b;
+            return !(!((b = (y = this.options).filterTransaction) === null || b === void 0) && b.call(y, f));
           });
           if (!i || a)
             return;
-          const { tr: s } = n, { types: l, attributeName: d, generateID: c } = this.options, h = Mt(
-            r.doc,
-            e
-          ), { mapping: f } = h;
-          if (Bt(h).forEach(({ newRange: m }) => {
-            const y = Tt(
-              n.doc,
-              m,
+          const { tr: s } = r, { types: l, attributeName: d, generateID: c } = this.options, u = Nt(
+            n.doc,
+            t
+          ), { mapping: p } = u;
+          if (Ht(u).forEach(({ newRange: f }) => {
+            const y = Ot(
+              r.doc,
+              f,
               (M) => l.includes(M.type.name)
-            ), k = y.map(({ node: M }) => M.attrs[d]).filter((M) => M !== null), z = Qt(k);
-            y.forEach(({ node: M, pos: H }) => {
-              var U;
-              const J = (U = s.doc.nodeAt(H)) === null || U === void 0 ? void 0 : U.attrs[d];
-              if (J === null) {
-                s.setNodeMarkup(H, void 0, {
+            ), b = y.map(({ node: M }) => M.attrs[d]).filter((M) => M !== null), U = be(b);
+            y.forEach(({ node: M, pos: O }) => {
+              var $;
+              const Z = ($ = s.doc.nodeAt(O)) === null || $ === void 0 ? void 0 : $.attrs[d];
+              if (Z === null) {
+                s.setNodeMarkup(O, void 0, {
                   ...M.attrs,
                   [d]: c()
                 });
                 return;
               }
-              const { deleted: vt } = f.invert().mapResult(H);
-              vt && z.includes(J) && s.setNodeMarkup(H, void 0, {
+              const { deleted: Pt } = p.invert().mapResult(O);
+              Pt && U.includes(Z) && s.setNodeMarkup(O, void 0, {
                 ...M.attrs,
                 [d]: c()
               });
@@ -166,14 +566,14 @@ const Y = E.create({
             return s;
         },
         // we register a global drag handler to track the current drag source element
-        view(e) {
-          const r = (n) => {
+        view(t) {
+          const n = (r) => {
             var i;
-            o = !((i = e.dom.parentElement) === null || i === void 0) && i.contains(n.target) ? e.dom.parentElement : null;
+            o = !((i = t.dom.parentElement) === null || i === void 0) && i.contains(r.target) ? t.dom.parentElement : null;
           };
-          return window.addEventListener("dragstart", r), {
+          return window.addEventListener("dragstart", n), {
             destroy() {
-              window.removeEventListener("dragstart", r);
+              window.removeEventListener("dragstart", n);
             }
           };
         },
@@ -183,44 +583,44 @@ const Y = E.create({
           handleDOMEvents: {
             // only create new ids for dropped content while holding `alt`
             // or content is dragged from another editor
-            drop: (e, r) => {
-              var n;
-              return (o !== e.dom.parentElement || ((n = r.dataTransfer) === null || n === void 0 ? void 0 : n.effectAllowed) === "copy") && (o = null, t = !0), !1;
+            drop: (t, n) => {
+              var r;
+              return (o !== t.dom.parentElement || ((r = n.dataTransfer) === null || r === void 0 ? void 0 : r.effectAllowed) === "copy") && (o = null, e = !0), !1;
             },
             // always create new ids on pasted content
-            paste: () => (t = !0, !1)
+            paste: () => (e = !0, !1)
           },
           // we’ll remove ids for every pasted node
           // so we can create a new one within `appendTransaction`
-          transformPasted: (e) => {
-            if (!t)
-              return e;
-            const { types: r, attributeName: n } = this.options, i = (a) => {
+          transformPasted: (t) => {
+            if (!e)
+              return t;
+            const { types: n, attributeName: r } = this.options, i = (a) => {
               const s = [];
               return a.forEach((l) => {
                 if (l.isText) {
                   s.push(l);
                   return;
                 }
-                if (!r.includes(l.type.name)) {
+                if (!n.includes(l.type.name)) {
                   s.push(l.copy(i(l.content)));
                   return;
                 }
                 const d = l.type.create(
                   {
                     ...l.attrs,
-                    [n]: null
+                    [r]: null
                   },
                   i(l.content),
                   l.marks
                 );
                 s.push(d);
-              }), L.from(s);
+              }), _.from(s);
             };
-            return t = !1, new P(
-              i(e.content),
-              e.openStart,
-              e.openEnd
+            return e = !1, new I(
+              i(t.content),
+              t.openStart,
+              t.openEnd
             );
           }
         }
@@ -228,306 +628,310 @@ const Y = E.create({
     ];
   }
 });
-class Zt extends Error {
-  constructor(t) {
-    super(`Unreachable case: ${t}`);
+class ye extends Error {
+  constructor(e) {
+    super(`Unreachable case: ${e}`);
   }
 }
-const dt = /* @__PURE__ */ new Set([
+const Et = /* @__PURE__ */ new Set([
   "bold",
   "italic",
   "underline",
   "strike",
   "code"
-]), ct = /* @__PURE__ */ new Set(["textColor", "backgroundColor"]);
-function te(o, t) {
-  const e = [];
-  for (const [r, n] of Object.entries(o.styles))
-    dt.has(r) ? e.push(t.mark(r)) : ct.has(r) && e.push(t.mark(r, { color: n }));
-  return t.text(o.text, e);
+]), Ct = /* @__PURE__ */ new Set(["textColor", "backgroundColor"]);
+function ve(o, e) {
+  const t = [];
+  for (const [n, r] of Object.entries(o.styles))
+    Et.has(n) ? t.push(e.mark(n)) : Ct.has(n) && t.push(e.mark(n, { color: r }));
+  return e.text(o.text, t);
 }
-function ee(o, t) {
-  const e = t.marks.link.create({
+function Ee(o, e) {
+  const t = e.marks.link.create({
     href: o.href
   });
-  return ut(o.content, t).map((r) => r.mark([...r.marks, e]));
+  return Mt(o.content, e).map((n) => n.mark([...n.marks, t]));
 }
-function ut(o, t) {
-  let e = [];
+function Mt(o, e) {
+  let t = [];
   if (typeof o == "string")
-    return e.push(t.text(o)), e;
-  for (const r of o)
-    e.push(te(r, t));
-  return e;
+    return t.push(e.text(o)), t;
+  for (const n of o)
+    t.push(ve(n, e));
+  return t;
 }
-function ht(o, t) {
-  let e = [];
-  for (const r of o)
-    if (r.type === "link")
-      e.push(...ee(r, t));
-    else if (r.type === "text")
-      e.push(...ut([r], t));
+function Bt(o, e) {
+  let t = [];
+  for (const n of o)
+    if (n.type === "link")
+      t.push(...Ee(n, e));
+    else if (n.type === "text")
+      t.push(...Mt([n], e));
     else
-      throw new Zt(r);
-  return e;
+      throw new ye(n);
+  return t;
 }
-function R(o, t) {
-  let e = o.id;
-  e === void 0 && (e = Y.options.generateID());
-  let r = o.type;
-  r === void 0 && (r = "paragraph");
-  let n;
+function z(o, e) {
+  let t = o.id;
+  t === void 0 && (t = K.options.generateID());
+  let n = o.type;
+  n === void 0 && (n = "paragraph");
+  let r;
   if (!o.content)
-    n = t.nodes[r].create(o.props);
+    r = e.nodes[n].create(o.props);
   else if (typeof o.content == "string")
-    n = t.nodes[r].create(
+    r = e.nodes[n].create(
       o.props,
-      t.text(o.content)
+      e.text(o.content)
     );
   else {
-    const s = ht(o.content, t);
-    n = t.nodes[r].create(o.props, s);
+    const s = Bt(o.content, e);
+    r = e.nodes[n].create(o.props, s);
   }
   const i = [];
   if (o.children)
     for (const s of o.children)
-      i.push(R(s, t));
-  const a = t.nodes.blockGroup.create({}, i);
-  return t.nodes.blockContainer.create(
+      i.push(z(s, e));
+  const a = e.nodes.blockGroup.create({}, i);
+  return e.nodes.blockContainer.create(
     {
-      id: e,
+      id: t,
       ...o.props
     },
-    i.length > 0 ? [n, a] : n
+    i.length > 0 ? [r, a] : r
   );
 }
-function oe(o) {
-  const t = [];
-  let e;
-  return o.content.forEach((r) => {
-    const n = {};
+function Ce(o) {
+  const e = [];
+  let t;
+  return o.content.forEach((n) => {
+    const r = {};
     let i;
-    for (const a of r.marks)
+    for (const a of n.marks)
       if (a.type.name === "link")
         i = a;
-      else if (dt.has(a.type.name))
-        n[a.type.name] = !0;
-      else if (ct.has(a.type.name))
-        n[a.type.name] = a.attrs.color;
+      else if (Et.has(a.type.name))
+        r[a.type.name] = !0;
+      else if (Ct.has(a.type.name))
+        r[a.type.name] = a.attrs.color;
       else
         throw Error("Mark is of an unrecognized type: " + a.type.name);
-    i && e && i.attrs.href === e.href ? e.content.push({
+    i && t && i.attrs.href === t.href ? t.content.push({
       type: "text",
-      text: r.textContent,
-      styles: n
-    }) : i ? (e = {
+      text: n.textContent,
+      styles: r
+    }) : i ? (t = {
       type: "link",
       href: i.attrs.href,
       content: [
         {
           type: "text",
-          text: r.textContent,
-          styles: n
+          text: n.textContent,
+          styles: r
         }
       ]
-    }, t.push(e)) : (t.push({
+    }, e.push(t)) : (e.push({
       type: "text",
-      text: r.textContent,
-      styles: n
-    }), e = void 0);
-  }), t;
+      text: n.textContent,
+      styles: r
+    }), t = void 0);
+  }), e;
 }
-function B(o, t) {
+function B(o, e, t) {
   if (o.type.name !== "blockContainer")
     throw Error(
       "Node must be of type blockContainer, but is of type" + o.type.name + "."
     );
-  const e = t == null ? void 0 : t.get(o);
-  if (e)
-    return e;
+  const n = t == null ? void 0 : t.get(o);
+  if (n)
+    return n;
   const r = g(o, 0);
-  let n = r.id;
-  n === null && (n = Y.options.generateID());
-  const i = {};
-  for (const [d, c] of Object.entries({
+  let i = r.id;
+  i === null && (i = K.options.generateID());
+  const a = {};
+  for (const [c, u] of Object.entries({
     ...r.node.attrs,
     ...r.contentNode.attrs
   })) {
-    if (!(r.contentType.name in tt))
+    const p = e[r.contentType.name];
+    if (!p)
       throw Error(
         "Block is of an unrecognized type: " + r.contentType.name
       );
-    tt[r.contentType.name].has(d) && (i[d] = c);
+    const m = p.propSchema;
+    c in m ? a[c] = u : c !== "id" && !(c in N) && console.warn("Block has an unrecognized attribute: " + c);
   }
-  const a = oe(r.contentNode), s = [];
-  for (let d = 0; d < r.numChildBlocks; d++)
-    s.push(B(r.node.lastChild.child(d)));
-  const l = {
-    id: n,
+  const s = Ce(r.contentNode), l = [];
+  for (let c = 0; c < r.numChildBlocks; c++)
+    l.push(
+      B(r.node.lastChild.child(c), e, t)
+    );
+  const d = {
+    id: i,
     type: r.contentType.name,
-    props: i,
-    content: a,
-    children: s
+    props: a,
+    content: s,
+    children: l
   };
-  return t == null || t.set(o, l), l;
+  return t == null || t.set(o, d), d;
 }
-function K(o, t) {
-  let e, r;
-  if (t.firstChild.descendants((n, i) => e ? !1 : n.type.name !== "blockContainer" || n.attrs.id !== o ? !0 : (e = n, r = i + 1, !1)), e === void 0 || r === void 0)
+function J(o, e) {
+  let t, n;
+  if (e.firstChild.descendants((r, i) => t ? !1 : r.type.name !== "blockContainer" || r.attrs.id !== o ? !0 : (t = r, n = i + 1, !1)), t === void 0 || n === void 0)
     throw Error("Could not find block in the editor with matching ID.");
   return {
-    node: e,
-    posBeforeNode: r
+    node: t,
+    posBeforeNode: n
   };
 }
-function pt(o, t, e = "before", r) {
-  const n = typeof t == "string" ? t : t.id, i = [];
+function Tt(o, e, t = "before", n) {
+  const r = typeof e == "string" ? e : e.id, i = [];
   for (const d of o)
-    i.push(R(d, r.schema));
+    i.push(z(d, n.schema));
   let a = -1;
-  const { node: s, posBeforeNode: l } = K(n, r.state.doc);
-  if (e === "before" && (a = l), e === "after" && (a = l + s.nodeSize), e === "nested") {
+  const { node: s, posBeforeNode: l } = J(r, n.state.doc);
+  if (t === "before" && (a = l), t === "after" && (a = l + s.nodeSize), t === "nested") {
     if (s.childCount < 2) {
       a = l + s.firstChild.nodeSize + 1;
-      const d = r.state.schema.nodes.blockGroup.create(
+      const d = n.state.schema.nodes.blockGroup.create(
         {},
         i
       );
-      r.view.dispatch(
-        r.state.tr.insert(a, d)
+      n.view.dispatch(
+        n.state.tr.insert(a, d)
       );
       return;
     }
     a = l + s.firstChild.nodeSize + 2;
   }
-  r.view.dispatch(r.state.tr.insert(a, i));
+  n.view.dispatch(n.state.tr.insert(a, i));
 }
-function re(o, t, e) {
-  const r = typeof o == "string" ? o : o.id, { posBeforeNode: n } = K(r, e.state.doc);
-  e.commands.BNUpdateBlock(n + 1, t);
+function Me(o, e, t) {
+  const n = typeof o == "string" ? o : o.id, { posBeforeNode: r } = J(n, t.state.doc);
+  t.commands.BNUpdateBlock(r + 1, e);
 }
-function ft(o, t) {
-  const e = new Set(
+function wt(o, e) {
+  const t = new Set(
     o.map(
-      (n) => typeof n == "string" ? n : n.id
+      (r) => typeof r == "string" ? r : r.id
     )
   );
-  let r = 0;
-  if (t.state.doc.descendants((n, i) => {
-    if (e.size === 0)
+  let n = 0;
+  if (e.state.doc.descendants((r, i) => {
+    if (t.size === 0)
       return !1;
-    if (n.type.name !== "blockContainer" || !e.has(n.attrs.id))
+    if (r.type.name !== "blockContainer" || !t.has(r.attrs.id))
       return !0;
-    e.delete(n.attrs.id);
-    const a = t.state.doc.nodeSize;
-    t.commands.BNDeleteBlock(i - r + 1);
-    const s = t.state.doc.nodeSize;
-    return r += a - s, !1;
-  }), e.size > 0) {
-    let n = [...e].join(`
+    t.delete(r.attrs.id);
+    const a = e.state.doc.nodeSize;
+    e.commands.BNDeleteBlock(i - n + 1);
+    const s = e.state.doc.nodeSize;
+    return n += a - s, !1;
+  }), t.size > 0) {
+    let r = [...t].join(`
 `);
     throw Error(
-      "Blocks with the following IDs could not be found in the editor: " + n
+      "Blocks with the following IDs could not be found in the editor: " + r
     );
   }
 }
-function ne(o, t, e) {
-  pt(t, o[0], "before", e), ft(o, e);
+function Be(o, e, t) {
+  Tt(e, o[0], "before", t), wt(o, t);
 }
-function ie() {
-  const o = (t) => {
-    let e = t.children.length;
-    for (let r = 0; r < e; r++) {
-      const n = t.children[r];
-      if (n.type === "element" && (o(n), n.tagName === "u"))
-        if (n.children.length > 0) {
-          t.children.splice(r, 1, ...n.children);
-          const i = n.children.length - 1;
-          e += i, r += i;
+function Te() {
+  const o = (e) => {
+    let t = e.children.length;
+    for (let n = 0; n < t; n++) {
+      const r = e.children[n];
+      if (r.type === "element" && (o(r), r.tagName === "u"))
+        if (r.children.length > 0) {
+          e.children.splice(n, 1, ...r.children);
+          const i = r.children.length - 1;
+          t += i, n += i;
         } else
-          t.children.splice(r, 1), e--, r--;
+          e.children.splice(n, 1), t--, n--;
     }
   };
   return o;
 }
-function se(o) {
-  const t = /* @__PURE__ */ new Set([
+function we(o) {
+  const e = /* @__PURE__ */ new Set([
     ...o.orderedListItemBlockTypes,
     ...o.unorderedListItemBlockTypes
-  ]), e = (r) => {
-    let n = r.children.length, i;
-    for (let a = 0; a < n; a++) {
-      const l = r.children[a].children[0], d = l.children[0], c = l.children.length === 2 ? l.children[1] : null, h = t.has(
+  ]), t = (n) => {
+    let r = n.children.length, i;
+    for (let a = 0; a < r; a++) {
+      const l = n.children[a].children[0], d = l.children[0], c = l.children.length === 2 ? l.children[1] : null, u = e.has(
         d.properties.dataContentType
-      ), f = h ? o.orderedListItemBlockTypes.has(
+      ), p = u ? o.orderedListItemBlockTypes.has(
         d.properties.dataContentType
       ) ? "ol" : "ul" : null;
-      if (c !== null && e(c), i && i.tagName !== f) {
-        r.children.splice(
+      if (c !== null && t(c), i && i.tagName !== p) {
+        n.children.splice(
           a - i.children.length,
           i.children.length,
           i
         );
-        const p = i.children.length - 1;
-        a -= p, n -= p, i = void 0;
+        const m = i.children.length - 1;
+        a -= m, r -= m, i = void 0;
       }
-      if (h) {
-        i || (i = Z(
-          document.createElement(f)
+      if (u) {
+        i || (i = et(
+          document.createElement(p)
         ));
-        const p = Z(
+        const m = et(
           document.createElement("li")
         );
-        p.children.push(d.children[0]), c !== null && p.children.push(...c.children), i.children.push(p);
+        m.children.push(d.children[0]), c !== null && m.children.push(...c.children), i.children.push(m);
       } else if (c !== null) {
-        r.children.splice(a + 1, 0, ...c.children), r.children[a] = d.children[0];
-        const p = c.children.length;
-        a += p, n += p;
+        n.children.splice(a + 1, 0, ...c.children), n.children[a] = d.children[0];
+        const m = c.children.length;
+        a += m, r += m;
       } else
-        r.children[a] = d.children[0];
+        n.children[a] = d.children[0];
     }
-    i && r.children.splice(
-      n - i.children.length,
+    i && n.children.splice(
+      r - i.children.length,
       i.children.length,
       i
     );
   };
-  return e;
+  return t;
 }
-async function mt(o, t) {
-  const e = document.createElement("div"), r = Pt.fromSchema(t);
+async function St(o, e) {
+  const t = document.createElement("div"), n = q.fromSchema(e);
   for (const i of o) {
-    const a = R(i, t), s = r.serializeNode(a);
-    e.appendChild(s);
+    const a = z(i, e), s = n.serializeNode(a);
+    t.appendChild(s);
   }
-  return (await W().use(it, { fragment: !0 }).use(se, {
+  return (await Y().use(at, { fragment: !0 }).use(we, {
     orderedListItemBlockTypes: /* @__PURE__ */ new Set(["numberedListItem"]),
     unorderedListItemBlockTypes: /* @__PURE__ */ new Set(["bulletListItem"])
-  }).use(st).process(e.innerHTML)).value;
+  }).use(lt).process(t.innerHTML)).value;
 }
-async function gt(o, t) {
-  const e = document.createElement("div");
-  e.innerHTML = o.trim();
-  const n = Lt.fromSchema(t).parse(e), i = [];
-  for (let a = 0; a < n.firstChild.childCount; a++)
-    i.push(B(n.firstChild.child(a)));
-  return i;
+async function xt(o, e, t) {
+  const n = document.createElement("div");
+  n.innerHTML = o.trim();
+  const i = $t.fromSchema(t).parse(n), a = [];
+  for (let s = 0; s < i.firstChild.childCount; s++)
+    a.push(B(i.firstChild.child(s), e));
+  return a;
 }
-async function ae(o, t) {
-  return (await W().use(it, { fragment: !0 }).use(ie).use(Nt).use(at).use(Dt).process(await mt(o, t))).value;
+async function Se(o, e) {
+  return (await Y().use(at, { fragment: !0 }).use(Te).use(jt).use(dt).use(Vt).process(await St(o, e))).value;
 }
-async function le(o, t) {
-  const e = await W().use(Ht).use(at).use(Ot).use(st).process(o);
-  return gt(e.value, t);
+async function xe(o, e, t) {
+  const n = await Y().use(qt).use(dt).use(Wt).use(lt).process(o);
+  return xt(n.value, e, t);
 }
-const de = "_bnEditor_ywyu7_3", ce = "_bnRoot_ywyu7_20", ue = "_defaultStyles_ywyu7_35", he = "_dragPreview_ywyu7_69", _ = {
-  bnEditor: de,
-  bnRoot: ce,
-  defaultStyles: ue,
-  dragPreview: he,
-  "collaboration-cursor__caret": "_collaboration-cursor__caret_ywyu7_75",
-  "collaboration-cursor__label": "_collaboration-cursor__label_ywyu7_86"
-}, pe = E.create({
+const Ie = "_bnEditor_14aht_3", _e = "_bnRoot_14aht_20", Pe = "_defaultStyles_14aht_35", Le = "_dragPreview_14aht_68", P = {
+  bnEditor: Ie,
+  bnRoot: _e,
+  defaultStyles: Pe,
+  dragPreview: Le,
+  "collaboration-cursor__caret": "_collaboration-cursor__caret_14aht_74",
+  "collaboration-cursor__label": "_collaboration-cursor__label_14aht_85"
+}, Ae = v.create({
   name: "blockBackgroundColor",
   addGlobalAttributes() {
     return [
@@ -547,17 +951,17 @@ const de = "_bnEditor_ywyu7_3", ce = "_bnRoot_ywyu7_20", ue = "_defaultStyles_yw
   },
   addCommands() {
     return {
-      setBlockBackgroundColor: (o, t) => ({ state: e, view: r }) => {
-        const n = g(e.doc, o);
-        return n === void 0 ? !1 : (e.tr.setNodeAttribute(
-          n.startPos - 1,
+      setBlockBackgroundColor: (o, e) => ({ state: t, view: n }) => {
+        const r = g(t.doc, o);
+        return r === void 0 ? !1 : (t.tr.setNodeAttribute(
+          r.startPos - 1,
           "backgroundColor",
-          t
-        ), r.focus(), !0);
+          e
+        ), n.focus(), !0);
       }
     };
   }
-}), fe = rt.create({
+}), Ne = it.create({
   name: "backgroundColor",
   addAttributes() {
     return {
@@ -583,10 +987,10 @@ const de = "_bnEditor_ywyu7_3", ce = "_bnRoot_ywyu7_20", ue = "_defaultStyles_yw
   },
   addCommands() {
     return {
-      setBackgroundColor: (o) => ({ commands: t }) => o !== "default" ? t.setMark(this.name, { color: o }) : t.unsetMark(this.name)
+      setBackgroundColor: (o) => ({ commands: e }) => o !== "default" ? e.setMark(this.name, { color: o }) : e.unsetMark(this.name)
     };
   }
-}), et = new v("previous-blocks"), me = {
+}), nt = new E("previous-blocks"), He = {
   // Numbered List Items
   index: "index",
   // Headings
@@ -595,17 +999,17 @@ const de = "_bnEditor_ywyu7_3", ce = "_bnRoot_ywyu7_20", ue = "_defaultStyles_yw
   type: "type",
   depth: "depth",
   "depth-change": "depth-change"
-}, ge = () => {
+}, Oe = () => {
   let o;
   return new C({
-    key: et,
-    view(t) {
+    key: nt,
+    view(e) {
       return {
-        update: async (e, r) => {
-          var n;
-          ((n = this.key) == null ? void 0 : n.getState(e.state).updatedBlocks.size) > 0 && (o = setTimeout(() => {
-            e.dispatch(
-              e.state.tr.setMeta(et, { clearUpdate: !0 })
+        update: async (t, n) => {
+          var r;
+          ((r = this.key) == null ? void 0 : r.getState(t.state).updatedBlocks.size) > 0 && (o = setTimeout(() => {
+            t.dispatch(
+              t.state.tr.setMeta(nt, { clearUpdate: !0 })
             );
           }, 0));
         },
@@ -625,68 +1029,60 @@ const de = "_bnEditor_ywyu7_3", ce = "_bnRoot_ywyu7_20", ue = "_defaultStyles_yw
           updatedBlocks: /* @__PURE__ */ new Set()
         };
       },
-      apply(t, e, r, n) {
-        if (e.currentTransactionOldBlockAttrs = {}, e.updatedBlocks.clear(), !t.docChanged || r.doc.eq(n.doc))
-          return e;
-        const i = {}, a = G(r.doc, (d) => d.attrs.id), s = new Map(
+      apply(e, t, n, r) {
+        if (t.currentTransactionOldBlockAttrs = {}, t.updatedBlocks.clear(), !e.docChanged || n.doc.eq(r.doc))
+          return t;
+        const i = {}, a = j(n.doc, (d) => d.attrs.id), s = new Map(
           a.map((d) => [d.node.attrs.id, d])
-        ), l = G(n.doc, (d) => d.attrs.id);
+        ), l = j(r.doc, (d) => d.attrs.id);
         for (let d of l) {
-          const c = s.get(d.node.attrs.id), h = c == null ? void 0 : c.node.firstChild, f = d.node.firstChild;
-          if (c && h && f) {
-            const p = {
-              index: f.attrs.index,
-              level: f.attrs.level,
-              type: f.type.name,
-              depth: n.doc.resolve(d.pos).depth
+          const c = s.get(d.node.attrs.id), u = c == null ? void 0 : c.node.firstChild, p = d.node.firstChild;
+          if (c && u && p) {
+            const m = {
+              index: p.attrs.index,
+              level: p.attrs.level,
+              type: p.type.name,
+              depth: r.doc.resolve(d.pos).depth
             };
-            let m = {
-              index: h.attrs.index,
-              level: h.attrs.level,
-              type: h.type.name,
-              depth: r.doc.resolve(c.pos).depth
+            let f = {
+              index: u.attrs.index,
+              level: u.attrs.level,
+              type: u.type.name,
+              depth: n.doc.resolve(c.pos).depth
             };
-            i[d.node.attrs.id] = m, t.getMeta("numberedListIndexing") && (d.node.attrs.id in e.prevTransactionOldBlockAttrs && (m = e.prevTransactionOldBlockAttrs[d.node.attrs.id]), p.type === "numberedListItem" && (m.index = p.index)), e.currentTransactionOldBlockAttrs[d.node.attrs.id] = m, JSON.stringify(m) !== JSON.stringify(p) && (m["depth-change"] = m.depth - p.depth, e.updatedBlocks.add(d.node.attrs.id));
+            i[d.node.attrs.id] = f, e.getMeta("numberedListIndexing") && (d.node.attrs.id in t.prevTransactionOldBlockAttrs && (f = t.prevTransactionOldBlockAttrs[d.node.attrs.id]), m.type === "numberedListItem" && (f.index = m.index)), t.currentTransactionOldBlockAttrs[d.node.attrs.id] = f, JSON.stringify(f) !== JSON.stringify(m) && (f["depth-change"] = f.depth - m.depth, t.updatedBlocks.add(d.node.attrs.id));
           }
         }
-        return e.prevTransactionOldBlockAttrs = i, e;
+        return t.prevTransactionOldBlockAttrs = i, t;
       }
     },
     props: {
-      decorations(t) {
-        const e = this.getState(t);
-        if (e.updatedBlocks.size === 0)
+      decorations(e) {
+        const t = this.getState(e);
+        if (t.updatedBlocks.size === 0)
           return;
-        const r = [];
-        return t.doc.descendants((n, i) => {
-          if (!n.attrs.id || !e.updatedBlocks.has(n.attrs.id))
+        const n = [];
+        return e.doc.descendants((r, i) => {
+          if (!r.attrs.id || !t.updatedBlocks.has(r.attrs.id))
             return;
-          const a = e.currentTransactionOldBlockAttrs[n.attrs.id], s = {};
+          const a = t.currentTransactionOldBlockAttrs[r.attrs.id], s = {};
           for (let [d, c] of Object.entries(a))
-            s["data-prev-" + me[d]] = c || "none";
-          const l = D.node(i, i + n.nodeSize, {
+            s["data-prev-" + He[d]] = c || "none";
+          const l = D.node(i, i + r.nodeSize, {
             ...s
           });
-          r.push(l);
-        }), F.create(t.doc, r);
+          n.push(l);
+        }), F.create(e.doc, n);
       }
     }
   });
-}, ke = "_blockOuter_1qj38_5", ye = "_blockContent_1qj38_10", be = "_blockGroup_1qj38_30", ve = "_block_1qj38_5", Ee = "_isEmpty_1qj38_228", Ce = "_isFilter_1qj38_229", Me = "_hasAnchor_1qj38_251", b = {
-  blockOuter: ke,
-  blockContent: ye,
-  blockGroup: be,
-  block: ve,
-  isEmpty: Ee,
-  isFilter: Ce,
-  hasAnchor: Me
-}, Be = {
+}, De = {
   blockColor: "data-block-color",
   blockStyle: "data-block-style",
   id: "data-id",
   depth: "data-depth",
   depthChange: "data-depth-change"
-}, Te = S.create({
+}, Fe = R.create({
   name: "blockContainer",
   group: "blockContainer",
   // A block always contains content, and optionally a blockGroup which contains nested blocks
@@ -706,10 +1102,10 @@ const de = "_bnEditor_ywyu7_3", ce = "_bnRoot_ywyu7_20", ue = "_defaultStyles_yw
         getAttrs: (o) => {
           if (typeof o == "string")
             return !1;
-          const t = {};
-          for (let [e, r] of Object.entries(Be))
-            o.getAttribute(r) && (t[e] = o.getAttribute(r));
-          return o.getAttribute("data-node-type") === "blockContainer" ? t : !1;
+          const e = {};
+          for (let [t, n] of Object.entries(De))
+            o.getAttribute(n) && (e[t] = o.getAttribute(n));
+          return o.getAttribute("data-node-type") === "blockContainer" ? e : !1;
         }
       }
     ];
@@ -718,14 +1114,14 @@ const de = "_bnEditor_ywyu7_3", ce = "_bnRoot_ywyu7_20", ue = "_defaultStyles_yw
     return [
       "div",
       w(o, {
-        class: b.blockOuter,
+        class: k.blockOuter,
         "data-node-type": "block-outer"
       }),
       [
         "div",
         w(o, {
           // TODO: maybe remove html attributes from inner block
-          class: b.block,
+          class: k.block,
           "data-node-type": this.name
         }),
         0
@@ -735,56 +1131,56 @@ const de = "_bnEditor_ywyu7_3", ce = "_bnRoot_ywyu7_20", ue = "_defaultStyles_yw
   addCommands() {
     return {
       // Creates a new text block at a given position.
-      BNCreateBlock: (o) => ({ state: t, dispatch: e }) => {
-        const r = t.schema.nodes.blockContainer.createAndFill();
-        return e && t.tr.insert(o, r), !0;
+      BNCreateBlock: (o) => ({ state: e, dispatch: t }) => {
+        const n = e.schema.nodes.blockContainer.createAndFill();
+        return t && e.tr.insert(o, n), !0;
       },
       // Deletes a block at a given position.
-      BNDeleteBlock: (o) => ({ state: t, dispatch: e }) => {
-        const r = g(t.doc, o);
-        if (r === void 0)
+      BNDeleteBlock: (o) => ({ state: e, dispatch: t }) => {
+        const n = g(e.doc, o);
+        if (n === void 0)
           return !1;
-        const { startPos: n, endPos: i } = r;
-        return e && t.tr.deleteRange(n, i), !0;
+        const { startPos: r, endPos: i } = n;
+        return t && e.tr.deleteRange(r, i), !0;
       },
       // Updates a block at a given position.
-      BNUpdateBlock: (o, t) => ({ state: e, dispatch: r }) => {
-        const n = g(e.doc, o);
-        if (n === void 0)
+      BNUpdateBlock: (o, e) => ({ state: t, dispatch: n }) => {
+        const r = g(t.doc, o);
+        if (r === void 0)
           return !1;
-        const { startPos: i, endPos: a, node: s, contentNode: l } = n;
-        if (r) {
-          if (t.children !== void 0) {
+        const { startPos: i, endPos: a, node: s, contentNode: l } = r;
+        if (n) {
+          if (e.children !== void 0) {
             const d = [];
-            for (const c of t.children)
-              d.push(R(c, e.schema));
-            s.childCount === 2 ? e.tr.replace(
+            for (const c of e.children)
+              d.push(z(c, t.schema));
+            s.childCount === 2 ? t.tr.replace(
               i + l.nodeSize + 1,
               a - 1,
-              new P(L.from(d), 0, 0)
-            ) : e.tr.insert(
+              new I(_.from(d), 0, 0)
+            ) : t.tr.insert(
               i + l.nodeSize,
-              e.schema.nodes.blockGroup.create({}, d)
+              t.schema.nodes.blockGroup.create({}, d)
             );
           }
-          if (t.content !== void 0) {
+          if (e.content !== void 0) {
             let d = [];
-            typeof t.content == "string" ? d.push(e.schema.text(t.content)) : d = ht(t.content, e.schema), e.tr.replace(
+            typeof e.content == "string" ? d.push(t.schema.text(e.content)) : d = Bt(e.content, t.schema), t.tr.replace(
               i + 1,
               i + l.nodeSize - 1,
-              new P(L.from(d), 0, 0)
+              new I(_.from(d), 0, 0)
             );
           }
-          e.tr.setNodeMarkup(
+          t.tr.setNodeMarkup(
             i,
-            t.type === void 0 ? void 0 : e.schema.nodes[t.type],
+            e.type === void 0 ? void 0 : t.schema.nodes[e.type],
             {
               ...l.attrs,
-              ...t.props
+              ...e.props
             }
-          ), e.tr.setNodeMarkup(i - 1, void 0, {
+          ), t.tr.setNodeMarkup(i - 1, void 0, {
             ...s.attrs,
-            ...t.props
+            ...e.props
           });
         }
         return !0;
@@ -806,55 +1202,55 @@ const de = "_bnEditor_ywyu7_3", ce = "_bnRoot_ywyu7_20", ue = "_defaultStyles_yw
       //    Block2Block3
       // Block4
       //     Block5
-      BNMergeBlocks: (o) => ({ state: t, dispatch: e }) => {
-        const r = t.doc.resolve(o + 1).node().type.name === "blockContainer", n = t.doc.resolve(o - 1).node().type.name === "blockContainer";
-        if (!r || !n)
+      BNMergeBlocks: (o) => ({ state: e, dispatch: t }) => {
+        const n = e.doc.resolve(o + 1).node().type.name === "blockContainer", r = e.doc.resolve(o - 1).node().type.name === "blockContainer";
+        if (!n || !r)
           return !1;
         const i = g(
-          t.doc,
+          e.doc,
           o + 1
         ), { node: a, contentNode: s, startPos: l, endPos: d, depth: c } = i;
         if (a.childCount === 2) {
-          const p = t.doc.resolve(
+          const m = e.doc.resolve(
             l + s.nodeSize + 1
-          ), m = t.doc.resolve(d - 1), y = p.blockRange(m);
-          e && t.tr.lift(y, c - 1);
+          ), f = e.doc.resolve(d - 1), y = m.blockRange(f);
+          t && e.tr.lift(y, c - 1);
         }
-        let h = o - 1, f = g(t.doc, h);
-        for (; f.numChildBlocks > 0; )
-          if (h--, f = g(t.doc, h), f === void 0)
+        let u = o - 1, p = g(e.doc, u);
+        for (; p.numChildBlocks > 0; )
+          if (u--, p = g(e.doc, u), p === void 0)
             return !1;
-        return e && (t.tr.deleteRange(l, l + s.nodeSize), t.tr.insertText(s.textContent, h - 1), t.tr.setSelection(
-          new Q(t.doc.resolve(h - 1))
+        return t && (e.tr.deleteRange(l, l + s.nodeSize), e.tr.insertText(s.textContent, u - 1), e.tr.setSelection(
+          new tt(e.doc.resolve(u - 1))
         )), !0;
       },
       // Splits a block at a given position. Content after the position is moved to a new block below, at the same
       // nesting level.
-      BNSplitBlock: (o, t) => ({ state: e, dispatch: r }) => {
-        const n = g(e.doc, o);
-        if (n === void 0)
+      BNSplitBlock: (o, e) => ({ state: t, dispatch: n }) => {
+        const r = g(t.doc, o);
+        if (r === void 0)
           return !1;
-        const { contentNode: i, contentType: a, startPos: s, endPos: l, depth: d } = n, c = e.doc.cut(s + 1, o), h = e.doc.cut(o, l - 1), f = e.schema.nodes.blockContainer.createAndFill(), p = l + 1, m = p + 2;
-        return r && (e.tr.insert(p, f), e.tr.replace(
-          m,
-          m + 1,
-          h.content.size > 0 ? new P(
-            L.from(h),
+        const { contentNode: i, contentType: a, startPos: s, endPos: l, depth: d } = r, c = t.doc.cut(s + 1, o), u = t.doc.cut(o, l - 1), p = t.schema.nodes.blockContainer.createAndFill(), m = l + 1, f = m + 2;
+        return n && (t.tr.insert(m, p), t.tr.replace(
+          f,
+          f + 1,
+          u.content.size > 0 ? new I(
+            _.from(u),
             d + 2,
             d + 2
           ) : void 0
-        ), t && e.tr.setBlockType(
-          m,
-          m,
-          e.schema.node(a).type,
+        ), e && t.tr.setBlockType(
+          f,
+          f,
+          t.schema.node(a).type,
           i.attrs
-        ), e.tr.setSelection(
-          new Q(e.doc.resolve(m))
-        ), e.tr.replace(
+        ), t.tr.setSelection(
+          new tt(t.doc.resolve(f))
+        ), t.tr.replace(
           s + 1,
           l - 1,
-          c.content.size > 0 ? new P(
-            L.from(c),
+          c.content.size > 0 ? new I(
+            _.from(c),
             d + 2,
             d + 2
           ) : void 0
@@ -863,69 +1259,69 @@ const de = "_bnEditor_ywyu7_3", ce = "_bnRoot_ywyu7_20", ue = "_defaultStyles_yw
     };
   },
   addProseMirrorPlugins() {
-    return [ge()];
+    return [Oe()];
   },
   addKeyboardShortcuts() {
     return {
-      Backspace: () => this.editor.commands.first(({ commands: e }) => [
+      Backspace: () => this.editor.commands.first(({ commands: t }) => [
         // Deletes the selection if it's not empty.
-        () => e.deleteSelection(),
+        () => t.deleteSelection(),
         // Undoes an input rule if one was triggered in the last editor state change.
-        () => e.undoInputRule(),
+        () => t.undoInputRule(),
         // Reverts block content type to a paragraph if the selection is at the start of the block.
-        () => e.command(({ state: r }) => {
-          const { contentType: n } = g(
-            r.doc,
-            r.selection.from
-          ), i = r.selection.$anchor.parentOffset === 0, a = n.name === "paragraph";
-          return i && !a ? e.BNUpdateBlock(r.selection.from, {
+        () => t.command(({ state: n }) => {
+          const { contentType: r } = g(
+            n.doc,
+            n.selection.from
+          ), i = n.selection.$anchor.parentOffset === 0, a = r.name === "paragraph";
+          return i && !a ? t.BNUpdateBlock(n.selection.from, {
             type: "paragraph",
             props: {}
           }) : !1;
         }),
         // Removes a level of nesting if the block is indented if the selection is at the start of the block.
-        () => e.command(({ state: r }) => r.selection.$anchor.parentOffset === 0 ? e.liftListItem("blockContainer") : !1),
+        () => t.command(({ state: n }) => n.selection.$anchor.parentOffset === 0 ? t.liftListItem("blockContainer") : !1),
         // Merges block with the previous one if it isn't indented, isn't the first block in the doc, and the selection
         // is at the start of the block.
-        () => e.command(({ state: r }) => {
-          const { depth: n, startPos: i } = g(
-            r.doc,
-            r.selection.from
-          ), a = r.selection.$anchor.parentOffset === 0, s = r.selection.anchor === r.selection.head, l = i === 2, d = i - 1;
-          return !l && a && s && n === 2 ? e.BNMergeBlocks(d) : !1;
+        () => t.command(({ state: n }) => {
+          const { depth: r, startPos: i } = g(
+            n.doc,
+            n.selection.from
+          ), a = n.selection.$anchor.parentOffset === 0, s = n.selection.anchor === n.selection.head, l = i === 2, d = i - 1;
+          return !l && a && s && r === 2 ? t.BNMergeBlocks(d) : !1;
         })
       ]),
-      Enter: () => this.editor.commands.first(({ commands: e }) => [
+      Enter: () => this.editor.commands.first(({ commands: t }) => [
         // Removes a level of nesting if the block is empty & indented, while the selection is also empty & at the start
         // of the block.
-        () => e.command(({ state: r }) => {
-          const { node: n, depth: i } = g(
-            r.doc,
-            r.selection.from
-          ), a = r.selection.$anchor.parentOffset === 0, s = r.selection.anchor === r.selection.head, l = n.textContent.length === 0, d = i > 2;
-          return a && s && l && d ? e.liftListItem("blockContainer") : !1;
+        () => t.command(({ state: n }) => {
+          const { node: r, depth: i } = g(
+            n.doc,
+            n.selection.from
+          ), a = n.selection.$anchor.parentOffset === 0, s = n.selection.anchor === n.selection.head, l = r.textContent.length === 0, d = i > 2;
+          return a && s && l && d ? t.liftListItem("blockContainer") : !1;
         }),
         // 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.
-        () => e.command(({ state: r, chain: n }) => {
+        () => t.command(({ state: n, chain: r }) => {
           const { node: i, endPos: a } = g(
-            r.doc,
-            r.selection.from
-          ), s = r.selection.$anchor.parentOffset === 0, l = r.selection.anchor === r.selection.head, d = i.textContent.length === 0;
+            n.doc,
+            n.selection.from
+          ), s = n.selection.$anchor.parentOffset === 0, l = n.selection.anchor === n.selection.head, d = i.textContent.length === 0;
           if (s && l && d) {
-            const c = a + 1, h = c + 2;
-            return n().BNCreateBlock(c).setTextSelection(h).run(), !0;
+            const c = a + 1, u = c + 2;
+            return r().BNCreateBlock(c).setTextSelection(u).run(), !0;
           }
           return !1;
         }),
         // Splits the current block, moving content inside that's after the cursor to a new text block below. Also
         // deletes the selection beforehand, if it's not empty.
-        () => e.command(({ state: r, chain: n }) => {
+        () => t.command(({ state: n, chain: r }) => {
           const { node: i } = g(
-            r.doc,
-            r.selection.from
+            n.doc,
+            n.selection.from
           );
-          return i.textContent.length === 0 ? !1 : (n().deleteSelection().BNSplitBlock(r.selection.from, !1).run(), !0);
+          return i.textContent.length === 0 ? !1 : (r().deleteSelection().BNSplitBlock(n.selection.from, !1).run(), !0);
         })
       ]),
       // Always returning true for tab key presses ensures they're not captured by the browser. Otherwise, they blur the
@@ -963,7 +1359,7 @@ const de = "_bnEditor_ywyu7_3", ce = "_bnRoot_ywyu7_20", ue = "_defaultStyles_yw
       })
     };
   }
-}), we = S.create({
+}), Re = R.create({
   name: "blockGroup",
   group: "blockGroup",
   content: "blockContainer+",
@@ -984,298 +1380,46 @@ const de = "_bnEditor_ywyu7_3", ce = "_bnRoot_ywyu7_20", ue = "_defaultStyles_yw
     return [
       "div",
       w(this.options.HTMLAttributes, o, {
-        class: b.blockGroup,
+        class: k.blockGroup,
         "data-node-type": "blockGroup"
       }),
       0
     ];
   }
-}), Se = S.create({
-  name: "paragraph",
-  group: "blockContent",
-  content: "inline*",
-  parseHTML() {
-    return [
-      {
-        tag: "p",
-        priority: 200,
-        node: "paragraph"
-      }
-    ];
-  },
-  renderHTML({ HTMLAttributes: o }) {
-    return [
-      "div",
-      w(o, {
-        class: b.blockContent,
-        "data-content-type": this.name
-      }),
-      ["p", 0]
-    ];
-  }
-}), xe = S.create({
-  name: "heading",
-  group: "blockContent",
-  content: "inline*",
-  addAttributes() {
-    return {
-      level: {
-        default: "1",
-        // instead of "level" attributes, use "data-level"
-        parseHTML: (o) => o.getAttribute("data-level"),
-        renderHTML: (o) => ({
-          "data-level": o.level
-        })
-      }
-    };
-  },
-  addInputRules() {
-    return [
-      ...["1", "2", "3"].map((o) => new j({
-        find: new RegExp(`^(#{${parseInt(o)}})\\s$`),
-        handler: ({ state: t, chain: e, range: r }) => {
-          e().BNUpdateBlock(t.selection.from, {
-            type: "heading",
-            props: {
-              level: o
-            }
-          }).deleteRange({ from: r.from, to: r.to });
-        }
-      }))
-    ];
-  },
-  parseHTML() {
-    return [
-      {
-        tag: "h1",
-        attrs: { level: "1" },
-        node: "heading"
-      },
-      {
-        tag: "h2",
-        attrs: { level: "2" },
-        node: "heading"
-      },
-      {
-        tag: "h3",
-        attrs: { level: "3" },
-        node: "heading"
-      }
-    ];
-  },
-  renderHTML({ node: o, HTMLAttributes: t }) {
-    return [
-      "div",
-      w(t, {
-        class: b.blockContent,
-        "data-content-type": this.name
-      }),
-      ["h" + o.attrs.level, 0]
-    ];
-  }
-}), kt = (o) => {
-  const { node: t, contentType: e } = g(
-    o.state.doc,
-    o.state.selection.from
-  ), r = o.state.selection.anchor === o.state.selection.head;
-  return !e.name.endsWith("ListItem") || !r ? !1 : o.commands.first(({ state: n, chain: i, commands: a }) => [
-    () => (
-      // Changes list item block to a text block if the content is empty.
-      a.command(() => t.textContent.length === 0 ? a.BNUpdateBlock(n.selection.from, {
-        type: "paragraph",
-        props: {}
-      }) : !1)
-    ),
-    () => (
-      // Splits the current block, moving content inside that's after the cursor to a new block of the same type
-      // below.
-      a.command(() => t.textContent.length > 0 ? (i().deleteSelection().BNSplitBlock(n.selection.from, !0).run(), !0) : !1)
-    )
-  ]);
-}, Ie = S.create({
-  name: "bulletListItem",
-  group: "blockContent",
-  content: "inline*",
-  addInputRules() {
-    return [
-      // Creates an unordered list when starting with "-", "+", or "*".
-      new j({
-        find: new RegExp("^[-+*]\\s$"),
-        handler: ({ state: o, chain: t, range: e }) => {
-          t().BNUpdateBlock(o.selection.from, {
-            type: "bulletListItem",
-            props: {}
-          }).deleteRange({ from: e.from, to: e.to });
-        }
-      })
-    ];
-  },
-  addKeyboardShortcuts() {
-    return {
-      Enter: () => kt(this.editor)
-    };
-  },
-  parseHTML() {
-    return [
-      // Case for regular HTML list structure.
-      {
-        tag: "li",
-        getAttrs: (o) => {
-          if (typeof o == "string")
-            return !1;
-          const t = o.parentElement;
-          return t === null ? !1 : t.tagName === "UL" ? {} : !1;
-        },
-        node: "bulletListItem"
-      },
-      // Case for BlockNote list structure.
-      {
-        tag: "p",
-        getAttrs: (o) => {
-          if (typeof o == "string")
-            return !1;
-          const t = o.parentElement;
-          return t === null ? !1 : t.getAttribute("data-content-type") === "bulletListItem" ? {} : !1;
-        },
-        priority: 300,
-        node: "bulletListItem"
-      }
-    ];
-  },
-  renderHTML({ HTMLAttributes: o }) {
-    return [
-      "div",
-      w(o, {
-        class: b.blockContent,
-        "data-content-type": this.name
-      }),
-      ["p", 0]
-    ];
-  }
-}), Pe = new v("numbered-list-indexing"), Le = () => new C({
-  key: Pe,
-  appendTransaction: (o, t, e) => {
-    const r = e.tr;
-    r.setMeta("numberedListIndexing", !0);
-    let n = !1;
-    return e.doc.descendants((i, a) => {
-      if (i.type.name === "blockContainer" && i.firstChild.type.name === "numberedListItem") {
-        let s = "1";
-        const l = a === 1, d = g(r.doc, a + 1);
-        if (d === void 0)
-          return;
-        if (!l) {
-          const f = g(r.doc, a - 2);
-          if (f === void 0)
-            return;
-          if (!(d.depth !== f.depth)) {
-            const m = f.contentNode;
-            if (f.contentType.name === "numberedListItem") {
-              const z = m.attrs.index;
-              s = (parseInt(z) + 1).toString();
-            }
-          }
-        }
-        d.contentNode.attrs.index !== s && (n = !0, r.setNodeMarkup(a + 1, void 0, {
-          index: s
-        }));
-      }
-    }), n ? r : null;
-  }
-}), _e = S.create({
-  name: "numberedListItem",
-  group: "blockContent",
-  content: "inline*",
-  addAttributes() {
-    return {
-      index: {
-        default: null,
-        parseHTML: (o) => o.getAttribute("data-index"),
-        renderHTML: (o) => ({
-          "data-index": o.index
-        })
-      }
-    };
-  },
-  addInputRules() {
+}), ze = [
+  Fe,
+  Re,
+  R.create({
+    name: "doc",
+    topNode: !0,
+    content: "blockGroup"
+  })
+], Ue = (o) => {
+  const e = q.fromSchema(o);
+  return new q(
+    {
+      ...e.nodes
+      // TODO: If a serializer is defined in the config for a custom block, it
+      //  should be added here. We still need to figure out how the serializer
+      //  should be defined in the custom blocks API though, and implement that,
+      //  before we can do this.
+    },
+    e.marks
+  );
+}, $e = v.create({
+  addProseMirrorPlugins() {
     return [
-      // Creates an ordered list when starting with "1.".
-      new j({
-        find: new RegExp("^1\\.\\s$"),
-        handler: ({ state: o, chain: t, range: e }) => {
-          t().BNUpdateBlock(o.selection.from, {
-            type: "numberedListItem",
-            props: {}
-          }).deleteRange({ from: e.from, to: e.to });
+      new C({
+        props: {
+          clipboardSerializer: Ue(this.editor.schema)
         }
       })
     ];
-  },
-  addKeyboardShortcuts() {
-    return {
-      Enter: () => kt(this.editor)
-    };
-  },
-  addProseMirrorPlugins() {
-    return [Le()];
-  },
-  parseHTML() {
-    return [
-      // Case for regular HTML list structure.
-      // (e.g.: when pasting from other apps)
-      {
-        tag: "li",
-        getAttrs: (o) => {
-          if (typeof o == "string")
-            return !1;
-          const t = o.parentElement;
-          return t === null ? !1 : t.tagName === "OL" ? {} : !1;
-        },
-        node: "numberedListItem"
-      },
-      // Case for BlockNote list structure.
-      // (e.g.: when pasting from blocknote)
-      {
-        tag: "p",
-        getAttrs: (o) => {
-          if (typeof o == "string")
-            return !1;
-          const t = o.parentElement;
-          return t === null ? !1 : t.getAttribute("data-content-type") === "numberedListItem" ? {} : !1;
-        },
-        priority: 300,
-        node: "numberedListItem"
-      }
-    ];
-  },
-  renderHTML({ HTMLAttributes: o }) {
-    return [
-      "div",
-      w(o, {
-        class: b.blockContent,
-        "data-content-type": this.name
-      }),
-      // we use a <p> tag, because for <li> tags we'd need to add a <ul> parent for around siblings to be semantically correct,
-      // which would be quite cumbersome
-      ["p", 0]
-    ];
   }
-}), Ae = [
-  Se,
-  xe,
-  Ie,
-  _e,
-  Te,
-  we,
-  S.create({
-    name: "doc",
-    topNode: !0,
-    content: "blockGroup"
-  })
-], Ne = wt(
+}), Ge = Dt(
   (o) => o.type.name === "blockContainer"
 );
-function q() {
+function W() {
   return {
     active: !1,
     triggerCharacter: void 0,
@@ -1286,35 +1430,35 @@ function q() {
     decorationId: void 0
   };
 }
-class He {
+class je {
   constructor({
-    editor: t,
-    pluginKey: e,
-    onSelectItem: r = () => {
+    editor: e,
+    pluginKey: t,
+    onSelectItem: n = () => {
     },
-    suggestionsMenuFactory: n
+    suggestionsMenuFactory: r
   }) {
-    u(this, "editor");
-    u(this, "pluginKey");
-    u(this, "suggestionsMenu");
-    u(this, "pluginState");
-    u(this, "itemCallback");
-    u(this, "handleScroll", () => {
+    h(this, "editor");
+    h(this, "pluginKey");
+    h(this, "suggestionsMenu");
+    h(this, "pluginState");
+    h(this, "itemCallback");
+    h(this, "handleScroll", () => {
       this.pluginKey.getState(this.editor._tiptapEditor.state).active && this.suggestionsMenu.render(this.getDynamicParams(), !1);
     });
-    this.editor = t, this.pluginKey = e, this.pluginState = q(), this.itemCallback = (i) => {
-      t._tiptapEditor.chain().focus().deleteRange({
+    this.editor = e, this.pluginKey = t, this.pluginState = W(), this.itemCallback = (i) => {
+      e._tiptapEditor.chain().focus().deleteRange({
         from: this.pluginState.queryStartPos - this.pluginState.triggerCharacter.length,
-        to: t._tiptapEditor.state.selection.from
-      }).run(), r({
+        to: e._tiptapEditor.state.selection.from
+      }).run(), n({
         item: i,
-        editor: t
+        editor: e
       });
-    }, this.suggestionsMenu = n(this.getStaticParams()), document.addEventListener("scroll", this.handleScroll);
+    }, this.suggestionsMenu = r(this.getStaticParams()), document.addEventListener("scroll", this.handleScroll);
   }
-  update(t, e) {
-    const r = this.pluginKey.getState(e), n = this.pluginKey.getState(t.state), i = !r.active && n.active, a = r.active && !n.active, s = r.active && n.active;
-    !i && !s && !a || (this.pluginState = a ? r : n, (a || !this.editor.isEditable) && (this.suggestionsMenu.hide(), this.suggestionsMenu.element.removeEventListener(
+  update(e, t) {
+    const n = this.pluginKey.getState(t), r = this.pluginKey.getState(e.state), i = !n.active && r.active, a = n.active && !r.active, s = n.active && r.active;
+    !i && !s && !a || (this.pluginState = a ? n : r, (a || !this.editor.isEditable) && (this.suggestionsMenu.hide(), this.suggestionsMenu.element.removeEventListener(
       "mousedown",
       (l) => l.preventDefault()
     )), s && this.suggestionsMenu.render(this.getDynamicParams(), !1), i && this.editor.isEditable && (this.suggestionsMenu.render(this.getDynamicParams(), !0), this.suggestionsMenu.element.addEventListener(
@@ -1327,58 +1471,58 @@ class He {
   }
   getStaticParams() {
     return {
-      itemCallback: (t) => this.itemCallback(t)
+      itemCallback: (e) => this.itemCallback(e)
     };
   }
   getDynamicParams() {
-    const t = document.querySelector(
+    const e = document.querySelector(
       `[data-decoration-id="${this.pluginState.decorationId}"]`
     );
     return {
       items: this.pluginState.items,
       keyboardHoveredItemIndex: this.pluginState.keyboardHoveredItemIndex,
-      referenceRect: t.getBoundingClientRect()
+      referenceRect: e.getBoundingClientRect()
     };
   }
 }
-function Oe({
+function qe({
   pluginKey: o,
-  editor: t,
-  defaultTriggerCharacter: e,
-  suggestionsMenuFactory: r,
-  onSelectItem: n = () => {
+  editor: e,
+  defaultTriggerCharacter: t,
+  suggestionsMenuFactory: n,
+  onSelectItem: r = () => {
   },
   items: i = () => []
 }) {
-  if (e.length !== 1)
+  if (t.length !== 1)
     throw new Error("'char' should be a single character");
   const a = (s) => {
     s.dispatch(s.state.tr.setMeta(o, { deactivate: !0 }));
   };
   return new C({
     key: o,
-    view: (s) => new He({
-      editor: t,
+    view: (s) => new je({
+      editor: e,
       pluginKey: o,
       onSelectItem: (l) => {
-        a(s), n(l);
+        a(s), r(l);
       },
-      suggestionsMenuFactory: r
+      suggestionsMenuFactory: n
     }),
     state: {
       // Initialize the plugin's internal state.
       init() {
-        return q();
+        return W();
       },
       // Apply changes to the plugin state from an editor transaction.
       apply(s, l, d, c) {
-        var f, p, m, y;
+        var p, m, f, y;
         if (s.getMeta("orderedListIndexing") !== void 0)
           return l;
-        if ((f = s.getMeta(o)) != null && f.activate)
+        if ((p = s.getMeta(o)) != null && p.activate)
           return {
             active: !0,
-            triggerCharacter: ((p = s.getMeta(o)) == null ? void 0 : p.triggerCharacter) || "",
+            triggerCharacter: ((m = s.getMeta(o)) == null ? void 0 : m.triggerCharacter) || "",
             queryStartPos: c.selection.from,
             items: i(""),
             keyboardHoveredItemIndex: 0,
@@ -1389,60 +1533,60 @@ function Oe({
           };
         if (!l.active)
           return l;
-        const h = { ...l };
-        if (h.items = i(
+        const u = { ...l };
+        if (u.items = i(
           c.doc.textBetween(l.queryStartPos, c.selection.from)
-        ), h.notFoundCount = 0, h.items.length === 0 && (h.notFoundCount = Math.max(
+        ), u.notFoundCount = 0, u.items.length === 0 && (u.notFoundCount = Math.max(
           0,
           l.notFoundCount + (c.selection.from - d.selection.from)
         )), // Highlighting text should hide the menu.
         c.selection.from !== c.selection.to || // Transactions with plugin metadata {deactivate: true} should hide the menu.
-        (m = s.getMeta(o)) != null && m.deactivate || // Certain mouse events should hide the menu.
+        (f = s.getMeta(o)) != null && f.deactivate || // Certain mouse events should hide the menu.
         // TODO: Change to global mousedown listener.
         s.getMeta("focus") || s.getMeta("blur") || s.getMeta("pointer") || // Moving the caret before the character which triggered the menu should hide it.
         l.active && c.selection.from < l.queryStartPos || // Entering more than 3 characters, after the last query that matched with at least 1 menu item, should hide
         // the menu.
-        h.notFoundCount > 3)
-          return q();
+        u.notFoundCount > 3)
+          return W();
         if (((y = s.getMeta(o)) == null ? void 0 : y.selectedItemIndexChanged) !== void 0) {
-          let k = s.getMeta(o).selectedItemIndexChanged;
-          k < 0 ? k = l.items.length - 1 : k >= l.items.length && (k = 0), h.keyboardHoveredItemIndex = k;
+          let b = s.getMeta(o).selectedItemIndexChanged;
+          b < 0 ? b = l.items.length - 1 : b >= l.items.length && (b = 0), u.keyboardHoveredItemIndex = b;
         }
-        return h;
+        return u;
       }
     },
     props: {
       handleKeyDown(s, l) {
         const d = this.getState(s.state).active;
-        if (l.key === e && !d)
+        if (l.key === t && !d)
           return s.dispatch(
-            s.state.tr.insertText(e).scrollIntoView().setMeta(o, {
+            s.state.tr.insertText(t).scrollIntoView().setMeta(o, {
               activate: !0,
-              triggerCharacter: e
+              triggerCharacter: t
             })
           ), !0;
         if (!d)
           return !1;
         const {
           triggerCharacter: c,
-          queryStartPos: h,
-          items: f,
-          keyboardHoveredItemIndex: p
+          queryStartPos: u,
+          items: p,
+          keyboardHoveredItemIndex: m
         } = o.getState(s.state);
         return l.key === "ArrowUp" ? (s.dispatch(
           s.state.tr.setMeta(o, {
-            selectedItemIndexChanged: p - 1
+            selectedItemIndexChanged: m - 1
           })
         ), !0) : l.key === "ArrowDown" ? (s.dispatch(
           s.state.tr.setMeta(o, {
-            selectedItemIndexChanged: p + 1
+            selectedItemIndexChanged: m + 1
           })
-        ), !0) : l.key === "Enter" ? (a(s), t._tiptapEditor.chain().focus().deleteRange({
-          from: h - c.length,
-          to: t._tiptapEditor.state.selection.from
-        }).run(), n({
-          item: f[p],
-          editor: t
+        ), !0) : l.key === "Enter" ? (a(s), e._tiptapEditor.chain().focus().deleteRange({
+          from: u - c.length,
+          to: e._tiptapEditor.state.selection.from
+        }).run(), r({
+          item: p[m],
+          editor: e
         }), !0) : l.key === "Escape" ? (a(s), !0) : !1;
       },
       // Hides menu in cases where mouse click does not cause an editor state change.
@@ -1451,16 +1595,16 @@ function Oe({
       },
       // Setup decorator on the currently active suggestion.
       decorations(s) {
-        const { active: l, decorationId: d, queryStartPos: c, triggerCharacter: h } = this.getState(s);
+        const { active: l, decorationId: d, queryStartPos: c, triggerCharacter: u } = this.getState(s);
         if (!l)
           return null;
-        if (h === "") {
-          const f = Ne(s.selection);
-          if (f)
+        if (u === "") {
+          const p = Ge(s.selection);
+          if (p)
             return F.create(s.doc, [
               D.node(
-                f.pos,
-                f.pos + f.node.nodeSize,
+                p.pos,
+                p.pos + p.node.nodeSize,
                 {
                   nodeName: "span",
                   class: "suggestion-decorator",
@@ -1471,7 +1615,7 @@ function Oe({
         }
         return F.create(s.doc, [
           D.inline(
-            c - h.length,
+            c - u.length,
             c,
             {
               nodeName: "span",
@@ -1484,7 +1628,7 @@ function Oe({
     }
   });
 }
-const V = new v("suggestions-slash-commands"), De = E.create({
+const X = new E("suggestions-slash-commands"), We = () => v.create({
   name: "slash-command",
   addOptions() {
     return {
@@ -1498,155 +1642,157 @@ const V = new v("suggestions-slash-commands"), De = E.create({
       throw new Error("required args not defined for SlashMenuExtension");
     const o = this.options.commands;
     return [
-      Oe({
-        pluginKey: V,
+      qe({
+        pluginKey: X,
         editor: this.options.editor,
         defaultTriggerCharacter: "/",
         suggestionsMenuFactory: this.options.slashMenuFactory,
-        items: (t) => o.filter((e) => e.match(t)),
-        onSelectItem: ({ item: t, editor: e }) => {
-          t.execute(e);
+        items: (e) => o.filter(
+          (t) => t.match(e)
+        ),
+        onSelectItem: ({ item: e, editor: t }) => {
+          e.execute(t);
         }
       })
     ];
   }
 });
-class A extends $ {
-  constructor(e, r) {
-    super(e, r);
-    u(this, "nodes");
-    const n = e.node();
-    this.nodes = [], e.doc.nodesBetween(e.pos, r.pos, (i, a, s) => {
-      if (s !== null && s.eq(n))
+class L extends G {
+  constructor(t, n) {
+    super(t, n);
+    h(this, "nodes");
+    const r = t.node();
+    this.nodes = [], t.doc.nodesBetween(t.pos, n.pos, (i, a, s) => {
+      if (s !== null && s.eq(r))
         return this.nodes.push(i), !1;
     });
   }
-  static create(e, r, n = r) {
-    return new A(e.resolve(r), e.resolve(n));
+  static create(t, n, r = n) {
+    return new L(t.resolve(n), t.resolve(r));
   }
   content() {
-    return new P(L.from(this.nodes), 0, 0);
+    return new I(_.from(this.nodes), 0, 0);
   }
-  eq(e) {
-    if (!(e instanceof A) || this.nodes.length !== e.nodes.length || this.from !== e.from || this.to !== e.to)
+  eq(t) {
+    if (!(t instanceof L) || this.nodes.length !== t.nodes.length || this.from !== t.from || this.to !== t.to)
       return !1;
-    for (let r = 0; r < this.nodes.length; r++)
-      if (!this.nodes[r].eq(e.nodes[r]))
+    for (let n = 0; n < this.nodes.length; n++)
+      if (!this.nodes[n].eq(t.nodes[n]))
         return !1;
     return !0;
   }
-  map(e, r) {
-    let n = r.mapResult(this.from), i = r.mapResult(this.to);
-    return i.deleted ? $.near(e.resolve(n.pos)) : n.deleted ? $.near(e.resolve(i.pos)) : new A(
-      e.resolve(n.pos),
-      e.resolve(i.pos)
+  map(t, n) {
+    let r = n.mapResult(this.from), i = n.mapResult(this.to);
+    return i.deleted ? G.near(t.resolve(r.pos)) : r.deleted ? G.near(t.resolve(i.pos)) : new L(
+      t.resolve(r.pos),
+      t.resolve(i.pos)
     );
   }
   toJSON() {
     return { type: "node", anchor: this.anchor, head: this.head };
   }
 }
-const Fe = Jt.__serializeForClipboard;
+const Ve = se.__serializeForClipboard;
 let T;
-function yt(o, t) {
-  var n;
-  if (!t.dom.isConnected)
+function It(o, e) {
+  var r;
+  if (!e.dom.isConnected)
     return;
-  let e = t.posAtCoords(o);
-  if (!e)
+  let t = e.posAtCoords(o);
+  if (!t)
     return;
-  let r = t.domAtPos(e.pos).node;
-  if (r !== t.dom) {
-    for (; r && r.parentNode && r.parentNode !== t.dom && !((n = r.hasAttribute) != null && n.call(r, "data-id")); )
-      r = r.parentNode;
-    if (r)
-      return { node: r, id: r.getAttribute("data-id") };
+  let n = e.domAtPos(t.pos).node;
+  if (n !== e.dom) {
+    for (; n && n.parentNode && n.parentNode !== e.dom && !((r = n.hasAttribute) != null && r.call(n, "data-id")); )
+      n = n.parentNode;
+    if (n)
+      return { node: n, id: n.getAttribute("data-id") };
   }
 }
-function Re(o, t) {
-  let e = yt(o, t);
-  if (e && e.node.nodeType === 1) {
-    const r = t.docView;
-    let n = r.nearestDesc(e.node, !0);
-    return !n || n === r ? null : n.posBefore;
+function Ye(o, e) {
+  let t = It(o, e);
+  if (t && t.node.nodeType === 1) {
+    const n = e.docView;
+    let r = n.nearestDesc(t.node, !0);
+    return !r || r === n ? null : r.posBefore;
   }
   return null;
 }
-function ze(o, t) {
-  let e, r;
-  const n = t.resolve(o.from).node().type.spec.group === "blockContent", i = t.resolve(o.to).node().type.spec.group === "blockContent", a = Math.min(o.$anchor.depth, o.$head.depth);
-  if (n && i) {
+function Ke(o, e) {
+  let t, n;
+  const r = e.resolve(o.from).node().type.spec.group === "blockContent", i = e.resolve(o.to).node().type.spec.group === "blockContent", a = Math.min(o.$anchor.depth, o.$head.depth);
+  if (r && i) {
     const s = o.$from.start(a - 1), l = o.$to.end(a - 1);
-    e = t.resolve(s - 1).pos, r = t.resolve(l + 1).pos;
+    t = e.resolve(s - 1).pos, n = e.resolve(l + 1).pos;
   } else
-    e = o.from, r = o.to;
-  return { from: e, to: r };
+    t = o.from, n = o.to;
+  return { from: t, to: n };
 }
-function ot(o, t, e = t) {
-  t === e && (e += o.state.doc.resolve(t + 1).node().nodeSize);
-  const r = o.domAtPos(t).node.cloneNode(!0), n = o.domAtPos(t).node, i = (c, h) => Array.prototype.indexOf.call(c.children, h), a = i(
-    n,
+function rt(o, e, t = e) {
+  e === t && (t += o.state.doc.resolve(e + 1).node().nodeSize);
+  const n = o.domAtPos(e).node.cloneNode(!0), r = o.domAtPos(e).node, i = (c, u) => Array.prototype.indexOf.call(c.children, u), a = i(
+    r,
     // Expects from position to be just before the first selected block.
-    o.domAtPos(t + 1).node.parentElement
+    o.domAtPos(e + 1).node.parentElement
   ), s = i(
-    n,
+    r,
     // Expects to position to be just after the last selected block.
-    o.domAtPos(e - 1).node.parentElement
+    o.domAtPos(t - 1).node.parentElement
   );
-  for (let c = n.childElementCount - 1; c >= 0; c--)
-    (c > s || c < a) && r.removeChild(r.children[c]);
-  bt(), T = r;
+  for (let c = r.childElementCount - 1; c >= 0; c--)
+    (c > s || c < a) && n.removeChild(n.children[c]);
+  _t(), T = n;
   const d = o.dom.className.split(" ").filter(
     (c) => !c.includes("bn") && !c.includes("ProseMirror") && !c.includes("editor")
   ).join(" ");
-  T.className = T.className + " " + _.dragPreview + " " + d, document.body.appendChild(T);
+  T.className = T.className + " " + P.dragPreview + " " + d, document.body.appendChild(T);
 }
-function bt() {
+function _t() {
   T !== void 0 && (document.body.removeChild(T), T = void 0);
 }
-function Ue(o, t) {
+function Je(o, e) {
   if (!o.dataTransfer)
     return;
-  const e = t.dom.getBoundingClientRect();
-  let r = {
-    left: e.left + e.width / 2,
+  const t = e.dom.getBoundingClientRect();
+  let n = {
+    left: t.left + t.width / 2,
     // take middle of editor
     top: o.clientY
-  }, n = Re(r, t);
-  if (n != null) {
-    const i = t.state.selection, a = t.state.doc, { from: s, to: l } = ze(i, a), d = s <= n && n < l, c = i.$anchor.node() !== i.$head.node() || i instanceof A;
-    d && c ? (t.dispatch(
-      t.state.tr.setSelection(A.create(a, s, l))
-    ), ot(t, s, l)) : (t.dispatch(
-      t.state.tr.setSelection(_t.create(t.state.doc, n))
-    ), ot(t, n));
-    let h = t.state.selection.content(), { dom: f, text: p } = Fe(t, h);
-    o.dataTransfer.clearData(), o.dataTransfer.setData("text/html", f.innerHTML), o.dataTransfer.setData("text/plain", p), o.dataTransfer.effectAllowed = "move", o.dataTransfer.setDragImage(T, 0, 0), t.dragging = { slice: h, move: !0 };
+  }, r = Ye(n, e);
+  if (r != null) {
+    const i = e.state.selection, a = e.state.doc, { from: s, to: l } = Ke(i, a), d = s <= r && r < l, c = i.$anchor.node() !== i.$head.node() || i instanceof L;
+    d && c ? (e.dispatch(
+      e.state.tr.setSelection(L.create(a, s, l))
+    ), rt(e, s, l)) : (e.dispatch(
+      e.state.tr.setSelection(Ut.create(e.state.doc, r))
+    ), rt(e, r));
+    let u = e.state.selection.content(), { dom: p, text: m } = Ve(e, u);
+    o.dataTransfer.clearData(), o.dataTransfer.setData("text/html", p.innerHTML), o.dataTransfer.setData("text/plain", m), o.dataTransfer.effectAllowed = "move", o.dataTransfer.setDragImage(T, 0, 0), e.dragging = { slice: u, move: !0 };
   }
 }
-class $e {
+class Xe {
   constructor({
-    tiptapEditor: t,
-    editor: e,
-    blockMenuFactory: r,
-    horizontalPosAnchoredAtRoot: n
+    tiptapEditor: e,
+    editor: t,
+    blockMenuFactory: n,
+    horizontalPosAnchoredAtRoot: r
   }) {
-    u(this, "editor");
-    u(this, "ttEditor");
+    h(this, "editor");
+    h(this, "ttEditor");
     // When true, the drag handle with be anchored at the same level as root elements
     // When false, the drag handle with be just to the left of the element
-    u(this, "horizontalPosAnchoredAtRoot");
-    u(this, "horizontalPosAnchor");
-    u(this, "blockMenu");
-    u(this, "hoveredBlock");
+    h(this, "horizontalPosAnchoredAtRoot");
+    h(this, "horizontalPosAnchor");
+    h(this, "blockMenu");
+    h(this, "hoveredBlock");
     // Used to check if currently dragged content comes from this editor instance.
-    u(this, "isDragging", !1);
-    u(this, "menuOpen", !1);
-    u(this, "menuFrozen", !1);
+    h(this, "isDragging", !1);
+    h(this, "menuOpen", !1);
+    h(this, "menuFrozen", !1);
     /**
      * Sets isDragging when dragging text.
      */
-    u(this, "onDragStart", () => {
+    h(this, "onDragStart", () => {
       this.isDragging = !0;
     });
     /**
@@ -1654,16 +1800,16 @@ class $e {
      * we dispatch a fake event, so that we can still drop the content
      * when dragging / dropping to the side of the editor
      */
-    u(this, "onDrop", (t) => {
-      if (t.synthetic || !this.isDragging)
+    h(this, "onDrop", (e) => {
+      if (e.synthetic || !this.isDragging)
         return;
-      let e = this.ttEditor.view.posAtCoords({
-        left: t.clientX,
-        top: t.clientY
+      let t = this.ttEditor.view.posAtCoords({
+        left: e.clientX,
+        top: e.clientY
       });
-      if (this.isDragging = !1, !e || e.inside === -1) {
-        const r = new Event("drop", t), n = this.ttEditor.view.dom.firstChild.getBoundingClientRect();
-        r.clientX = n.left + n.width / 2, r.clientY = t.clientY, r.dataTransfer = t.dataTransfer, r.preventDefault = () => t.preventDefault(), r.synthetic = !0, this.ttEditor.view.dom.dispatchEvent(r);
+      if (this.isDragging = !1, !t || t.inside === -1) {
+        const n = new Event("drop", e), r = this.ttEditor.view.dom.firstChild.getBoundingClientRect();
+        n.clientX = r.left + r.width / 2, n.clientY = e.clientY, n.dataTransfer = e.dataTransfer, n.preventDefault = () => e.preventDefault(), n.synthetic = !0, this.ttEditor.view.dom.dispatchEvent(n);
       }
     });
     /**
@@ -1671,69 +1817,69 @@ class $e {
      * we dispatch a fake event, so that we can still drop the content
      * when dragging / dropping to the side of the editor
      */
-    u(this, "onDragOver", (t) => {
-      if (t.synthetic || !this.isDragging)
+    h(this, "onDragOver", (e) => {
+      if (e.synthetic || !this.isDragging)
         return;
-      let e = this.ttEditor.view.posAtCoords({
-        left: t.clientX,
-        top: t.clientY
+      let t = this.ttEditor.view.posAtCoords({
+        left: e.clientX,
+        top: e.clientY
       });
-      if (!e || e.inside === -1) {
-        const r = new Event("dragover", t), n = this.ttEditor.view.dom.firstChild.getBoundingClientRect();
-        r.clientX = n.left + n.width / 2, r.clientY = t.clientY, r.dataTransfer = t.dataTransfer, r.preventDefault = () => t.preventDefault(), r.synthetic = !0, this.ttEditor.view.dom.dispatchEvent(r);
+      if (!t || t.inside === -1) {
+        const n = new Event("dragover", e), r = this.ttEditor.view.dom.firstChild.getBoundingClientRect();
+        n.clientX = r.left + r.width / 2, n.clientY = e.clientY, n.dataTransfer = e.dataTransfer, n.preventDefault = () => e.preventDefault(), n.synthetic = !0, this.ttEditor.view.dom.dispatchEvent(n);
       }
     });
-    u(this, "onKeyDown", (t) => {
+    h(this, "onKeyDown", (e) => {
       this.menuOpen && (this.menuOpen = !1, this.blockMenu.hide()), this.menuFrozen = !1;
     });
-    u(this, "onMouseDown", (t) => {
-      var e;
-      (e = this.blockMenu.element) != null && e.contains(t.target) || (this.menuOpen && (this.menuOpen = !1, this.blockMenu.hide()), this.menuFrozen = !1);
+    h(this, "onMouseDown", (e) => {
+      var t;
+      (t = this.blockMenu.element) != null && t.contains(e.target) || (this.menuOpen && (this.menuOpen = !1, this.blockMenu.hide()), this.menuFrozen = !1);
     });
-    u(this, "onMouseMove", (t) => {
+    h(this, "onMouseMove", (e) => {
       var a, s;
       if (this.menuFrozen)
         return;
-      const e = this.ttEditor.view.dom.firstChild.getBoundingClientRect();
-      this.horizontalPosAnchor = e.x;
-      const r = {
-        left: e.left + e.width / 2,
+      const t = this.ttEditor.view.dom.firstChild.getBoundingClientRect();
+      this.horizontalPosAnchor = t.x;
+      const n = {
+        left: t.left + t.width / 2,
         // take middle of editor
-        top: t.clientY
-      }, n = yt(r, this.ttEditor.view);
-      if (!n || !this.editor.isEditable) {
+        top: e.clientY
+      }, r = It(n, this.ttEditor.view);
+      if (!r || !this.editor.isEditable) {
         this.menuOpen && (this.menuOpen = !1, this.blockMenu.hide());
         return;
       }
-      this.menuOpen && ((a = this.hoveredBlock) != null && a.hasAttribute("data-id")) && ((s = this.hoveredBlock) == null ? void 0 : s.getAttribute("data-id")) === n.id || (this.hoveredBlock = n.node, !n.node.firstChild) || this.editor.isEditable && (this.menuOpen ? this.blockMenu.render(this.getDynamicParams(), !1) : (this.menuOpen = !0, this.blockMenu.render(this.getDynamicParams(), !0)));
+      this.menuOpen && ((a = this.hoveredBlock) != null && a.hasAttribute("data-id")) && ((s = this.hoveredBlock) == null ? void 0 : s.getAttribute("data-id")) === r.id || (this.hoveredBlock = r.node, !r.node.firstChild) || this.editor.isEditable && (this.menuOpen ? this.blockMenu.render(this.getDynamicParams(), !1) : (this.menuOpen = !0, this.blockMenu.render(this.getDynamicParams(), !0)));
     });
-    u(this, "onScroll", () => {
+    h(this, "onScroll", () => {
       this.menuOpen && this.blockMenu.render(this.getDynamicParams(), !1);
     });
-    this.editor = e, this.ttEditor = t, this.horizontalPosAnchoredAtRoot = n, this.horizontalPosAnchor = this.ttEditor.view.dom.firstChild.getBoundingClientRect().x, this.blockMenu = r(this.getStaticParams()), document.body.addEventListener("drop", this.onDrop, !0), document.body.addEventListener("dragover", this.onDragOver), this.ttEditor.view.dom.addEventListener("dragstart", this.onDragStart), document.body.addEventListener("mousemove", this.onMouseMove, !0), document.addEventListener("scroll", this.onScroll), document.body.addEventListener("mousedown", this.onMouseDown, !0), document.body.addEventListener("keydown", this.onKeyDown, !0);
+    this.editor = t, this.ttEditor = e, this.horizontalPosAnchoredAtRoot = r, this.horizontalPosAnchor = this.ttEditor.view.dom.firstChild.getBoundingClientRect().x, this.blockMenu = n(this.getStaticParams()), document.body.addEventListener("drop", this.onDrop, !0), document.body.addEventListener("dragover", this.onDragOver), this.ttEditor.view.dom.addEventListener("dragstart", this.onDragStart), document.body.addEventListener("mousemove", this.onMouseMove, !0), document.addEventListener("scroll", this.onScroll), document.body.addEventListener("mousedown", this.onMouseDown, !0), document.body.addEventListener("keydown", this.onKeyDown, !0);
   }
   destroy() {
     this.menuOpen && (this.menuOpen = !1, this.blockMenu.hide()), document.body.removeEventListener("mousemove", this.onMouseMove), document.body.removeEventListener("dragover", this.onDragOver), this.ttEditor.view.dom.removeEventListener("dragstart", this.onDragStart), document.body.removeEventListener("drop", this.onDrop), document.body.removeEventListener("mousedown", this.onMouseDown), document.removeEventListener("scroll", this.onScroll), document.body.removeEventListener("keydown", this.onKeyDown);
   }
   addBlock() {
     this.menuOpen = !1, this.menuFrozen = !0, this.blockMenu.hide();
-    const e = this.hoveredBlock.firstChild.getBoundingClientRect(), r = this.ttEditor.view.posAtCoords({
-      left: e.left + e.width / 2,
-      top: e.top + e.height / 2
+    const t = this.hoveredBlock.firstChild.getBoundingClientRect(), n = this.ttEditor.view.posAtCoords({
+      left: t.left + t.width / 2,
+      top: t.top + t.height / 2
     });
-    if (!r)
+    if (!n)
       return;
-    const n = g(this.ttEditor.state.doc, r.pos);
-    if (n === void 0)
+    const r = g(this.ttEditor.state.doc, n.pos);
+    if (r === void 0)
       return;
-    const { contentNode: i, endPos: a } = n;
+    const { contentNode: i, endPos: a } = r;
     if (i.textContent.length !== 0) {
       const s = a + 1, l = s + 2;
       this.ttEditor.chain().BNCreateBlock(s).BNUpdateBlock(l, { type: "paragraph", props: {} }).setTextSelection(l).run();
     } else
       this.ttEditor.commands.setTextSelection(a);
     this.ttEditor.view.focus(), this.ttEditor.view.dispatch(
-      this.ttEditor.view.state.tr.scrollIntoView().setMeta(V, {
+      this.ttEditor.view.state.tr.scrollIntoView().setMeta(X, {
         // TODO import suggestion plugin key
         activate: !0,
         type: "drag"
@@ -1744,10 +1890,10 @@ class $e {
     return {
       editor: this.editor,
       addBlock: () => this.addBlock(),
-      blockDragStart: (t) => {
-        this.isDragging = !0, Ue(t, this.ttEditor.view);
+      blockDragStart: (e) => {
+        this.isDragging = !0, Je(e, this.ttEditor.view);
       },
-      blockDragEnd: () => bt(),
+      blockDragEnd: () => _t(),
       freezeMenu: () => {
         this.menuFrozen = !0;
       },
@@ -1757,27 +1903,27 @@ class $e {
     };
   }
   getDynamicParams() {
-    const e = this.hoveredBlock.firstChild.getBoundingClientRect();
+    const t = this.hoveredBlock.firstChild.getBoundingClientRect();
     return {
       block: this.editor.getBlock(this.hoveredBlock.getAttribute("data-id")),
       referenceRect: new DOMRect(
-        this.horizontalPosAnchoredAtRoot ? this.horizontalPosAnchor : e.x,
-        e.y,
-        e.width,
-        e.height
+        this.horizontalPosAnchoredAtRoot ? this.horizontalPosAnchor : t.x,
+        t.y,
+        t.width,
+        t.height
       )
     };
   }
 }
-const Ge = (o) => new C({
-  key: new v("DraggableBlocksPlugin"),
-  view: () => new $e({
+const Ze = (o) => new C({
+  key: new E("DraggableBlocksPlugin"),
+  view: () => new Xe({
     tiptapEditor: o.tiptapEditor,
     editor: o.editor,
     blockMenuFactory: o.blockSideMenuFactory,
     horizontalPosAnchoredAtRoot: !0
   })
-}), qe = E.create({
+}), Qe = () => v.create({
   name: "DraggableBlocksExtension",
   priority: 1e3,
   // Need to be high, in order to hide menu when typing slash
@@ -1787,7 +1933,7 @@ const Ge = (o) => new C({
         "UI Element factory not defined for DraggableBlocksExtension"
       );
     return [
-      Ge({
+      Ze({
         tiptapEditor: this.editor,
         editor: this.options.editor,
         blockSideMenuFactory: this.options.blockSideMenuFactory
@@ -1795,82 +1941,79 @@ const Ge = (o) => new C({
     ];
   }
 });
-class je {
+class to {
   constructor({
-    editor: t,
-    tiptapEditor: e,
-    formattingToolbarFactory: r,
-    view: n,
-    shouldShow: i
+    editor: e,
+    tiptapEditor: t,
+    formattingToolbarFactory: n,
+    view: r
   }) {
-    u(this, "editor");
-    u(this, "ttEditor");
-    u(this, "view");
-    u(this, "formattingToolbar");
-    u(this, "preventHide", !1);
-    u(this, "preventShow", !1);
-    u(this, "toolbarIsOpen", !1);
-    u(this, "prevWasEditable", null);
-    u(this, "shouldShow", ({ view: t, state: e, from: r, to: n }) => {
-      const { doc: i, selection: a } = e, { empty: s } = a, l = !i.textBetween(r, n).length && St(e.selection);
-      return !(!t.hasFocus() || s || l);
+    h(this, "editor");
+    h(this, "ttEditor");
+    h(this, "view");
+    h(this, "formattingToolbar");
+    h(this, "preventHide", !1);
+    h(this, "preventShow", !1);
+    h(this, "toolbarIsOpen", !1);
+    h(this, "prevWasEditable", null);
+    h(this, "shouldShow", ({ view: e, state: t, from: n, to: r }) => {
+      const { doc: i, selection: a } = t, { empty: s } = a, l = !i.textBetween(n, r).length && Ft(t.selection);
+      return !(!e.hasFocus() || s || l);
     });
-    u(this, "viewMousedownHandler", () => {
+    h(this, "viewMousedownHandler", () => {
       this.preventShow = !0;
     });
-    u(this, "viewMouseupHandler", () => {
+    h(this, "viewMouseupHandler", () => {
       this.preventShow = !1, setTimeout(() => this.update(this.ttEditor.view));
     });
-    u(this, "dragstartHandler", () => {
+    h(this, "dragstartHandler", () => {
       this.formattingToolbar.hide(), this.toolbarIsOpen = !1;
     });
-    u(this, "focusHandler", () => {
+    h(this, "focusHandler", () => {
       setTimeout(() => this.update(this.ttEditor.view));
     });
-    u(this, "blurHandler", ({ event: t }) => {
-      var e, r;
+    h(this, "blurHandler", ({ event: e }) => {
+      var t, n;
       if (this.preventHide) {
         this.preventHide = !1;
         return;
       }
-      t != null && t.relatedTarget && ((r = (e = this.formattingToolbar.element) == null ? void 0 : e.parentNode) != null && r.contains(
-        t.relatedTarget
+      e != null && e.relatedTarget && ((n = (t = this.formattingToolbar.element) == null ? void 0 : t.parentNode) != null && n.contains(
+        e.relatedTarget
       )) || this.toolbarIsOpen && (this.formattingToolbar.hide(), this.toolbarIsOpen = !1);
     });
-    u(this, "scrollHandler", () => {
+    h(this, "scrollHandler", () => {
       this.toolbarIsOpen && this.formattingToolbar.render(this.getDynamicParams(), !1);
     });
-    this.editor = t, this.ttEditor = e, this.view = n, this.formattingToolbar = r(this.getStaticParams()), i && (this.shouldShow = i), this.view.dom.addEventListener("mousedown", this.viewMousedownHandler), this.view.dom.addEventListener("mouseup", this.viewMouseupHandler), this.view.dom.addEventListener("dragstart", this.dragstartHandler), this.ttEditor.on("focus", this.focusHandler), this.ttEditor.on("blur", this.blurHandler), document.addEventListener("scroll", this.scrollHandler);
+    this.editor = e, this.ttEditor = t, this.view = r, this.formattingToolbar = n(this.getStaticParams()), this.view.dom.addEventListener("mousedown", this.viewMousedownHandler), this.view.dom.addEventListener("mouseup", this.viewMouseupHandler), this.view.dom.addEventListener("dragstart", this.dragstartHandler), this.ttEditor.on("focus", this.focusHandler), this.ttEditor.on("blur", this.blurHandler), document.addEventListener("scroll", this.scrollHandler);
   }
-  update(t, e) {
-    var f;
-    const { state: r, composing: n } = t, { doc: i, selection: a } = r, s = e && e.doc.eq(i) && e.selection.eq(a);
-    if ((this.prevWasEditable === null || this.prevWasEditable === this.editor.isEditable) && (n || s))
+  update(e, t) {
+    var p;
+    const { state: n, composing: r } = e, { doc: i, selection: a } = n, s = t && t.doc.eq(i) && t.selection.eq(a);
+    if ((this.prevWasEditable === null || this.prevWasEditable === this.editor.isEditable) && (r || s))
       return;
     this.prevWasEditable = this.editor.isEditable;
-    const { ranges: l } = a, d = Math.min(...l.map((p) => p.$from.pos)), c = Math.max(...l.map((p) => p.$to.pos)), h = (f = this.shouldShow) == null ? void 0 : f.call(this, {
-      editor: this.editor,
-      view: t,
-      state: r,
-      oldState: e,
+    const { ranges: l } = a, d = Math.min(...l.map((m) => m.$from.pos)), c = Math.max(...l.map((m) => m.$to.pos)), u = (p = this.shouldShow) == null ? void 0 : p.call(this, {
+      view: e,
+      state: n,
       from: d,
       to: c
     });
-    if (this.editor.isEditable && !this.toolbarIsOpen && !this.preventShow && (h || this.preventHide)) {
+    if (this.editor.isEditable && !this.toolbarIsOpen && !this.preventShow && (u || this.preventHide)) {
       this.formattingToolbar.render(this.getDynamicParams(), !0), this.toolbarIsOpen = !0, this.formattingToolbar.element.addEventListener(
         "mousedown",
-        (p) => p.preventDefault()
+        (m) => m.preventDefault()
       );
       return;
     }
-    if (this.toolbarIsOpen && !this.preventShow && (h || this.preventHide)) {
+    if (this.toolbarIsOpen && !this.preventShow && (u || this.preventHide)) {
       this.formattingToolbar.render(this.getDynamicParams(), !1);
       return;
     }
-    if (this.toolbarIsOpen && !this.preventHide && (!h || this.preventShow || !this.editor.isEditable)) {
+    if (this.toolbarIsOpen && !this.preventHide && (!u || this.preventShow || !this.editor.isEditable)) {
       this.formattingToolbar.hide(), this.toolbarIsOpen = !1, this.formattingToolbar.element.removeEventListener(
         "mousedown",
-        (p) => p.preventDefault()
+        (m) => m.preventDefault()
       );
       return;
     }
@@ -1879,13 +2022,13 @@ class je {
     this.view.dom.removeEventListener("mousedown", this.viewMousedownHandler), this.view.dom.removeEventListener("mouseup", this.viewMouseupHandler), this.view.dom.removeEventListener("dragstart", this.dragstartHandler), this.ttEditor.off("focus", this.focusHandler), this.ttEditor.off("blur", this.blurHandler), document.removeEventListener("scroll", this.scrollHandler);
   }
   getSelectionBoundingBox() {
-    const { state: t } = this.ttEditor.view, { selection: e } = t, { ranges: r } = e, n = Math.min(...r.map((a) => a.$from.pos)), i = Math.max(...r.map((a) => a.$to.pos));
-    if (xt(e)) {
-      const a = this.ttEditor.view.nodeDOM(n);
+    const { state: e } = this.ttEditor.view, { selection: t } = e, { ranges: n } = t, r = Math.min(...n.map((a) => a.$from.pos)), i = Math.max(...n.map((a) => a.$to.pos));
+    if (Rt(t)) {
+      const a = this.ttEditor.view.nodeDOM(r);
       if (a)
         return a.getBoundingClientRect();
     }
-    return nt(this.ttEditor.view, n, i);
+    return st(this.ttEditor.view, r, i);
   }
   getStaticParams() {
     return {
@@ -1898,10 +2041,10 @@ class je {
     };
   }
 }
-const We = (o) => new C({
-  key: new v("FormattingToolbarPlugin"),
-  view: (t) => new je({ view: t, ...o })
-}), Ye = E.create({
+const eo = (o) => new C({
+  key: new E("FormattingToolbarPlugin"),
+  view: (e) => new to({ view: e, ...o })
+}), oo = () => v.create({
   name: "FormattingToolbarExtension",
   addProseMirrorPlugins() {
     if (!this.options.formattingToolbarFactory || !this.options.editor)
@@ -1909,37 +2052,37 @@ const We = (o) => new C({
         "required args not defined for FormattingToolbarExtension"
       );
     return [
-      We({
+      eo({
         tiptapEditor: this.editor,
         editor: this.options.editor,
         formattingToolbarFactory: this.options.formattingToolbarFactory,
-        pluginKey: new v("FormattingToolbarPlugin")
+        pluginKey: new E("FormattingToolbarPlugin")
       })
     ];
   }
-}), Ke = new v("HyperlinkToolbarPlugin");
-class Ve {
-  constructor({ editor: t, hyperlinkToolbarFactory: e }) {
-    u(this, "editor");
-    u(this, "hyperlinkToolbar");
-    u(this, "menuUpdateTimer");
-    u(this, "startMenuUpdateTimer");
-    u(this, "stopMenuUpdateTimer");
-    u(this, "mouseHoveredHyperlinkMark");
-    u(this, "mouseHoveredHyperlinkMarkRange");
-    u(this, "keyboardHoveredHyperlinkMark");
-    u(this, "keyboardHoveredHyperlinkMarkRange");
-    u(this, "hyperlinkMark");
-    u(this, "hyperlinkMarkRange");
-    u(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, r = this.editor.view.posAtDOM(e, 0) + 1, n = this.editor.state.doc.resolve(
-          r
-        ), i = n.marks();
+}), no = new E("HyperlinkToolbarPlugin");
+class ro {
+  constructor({ editor: e, hyperlinkToolbarFactory: t }) {
+    h(this, "editor");
+    h(this, "hyperlinkToolbar");
+    h(this, "menuUpdateTimer");
+    h(this, "startMenuUpdateTimer");
+    h(this, "stopMenuUpdateTimer");
+    h(this, "mouseHoveredHyperlinkMark");
+    h(this, "mouseHoveredHyperlinkMarkRange");
+    h(this, "keyboardHoveredHyperlinkMark");
+    h(this, "keyboardHoveredHyperlinkMarkRange");
+    h(this, "hyperlinkMark");
+    h(this, "hyperlinkMarkRange");
+    h(this, "mouseOverHandler", (e) => {
+      if (this.mouseHoveredHyperlinkMark = void 0, this.mouseHoveredHyperlinkMarkRange = void 0, this.stopMenuUpdateTimer(), e.target instanceof HTMLAnchorElement && e.target.nodeName === "A") {
+        const t = e.target, n = this.editor.view.posAtDOM(t, 0) + 1, r = this.editor.state.doc.resolve(
+          n
+        ), i = r.marks();
         for (const a of i)
           if (a.type.name === this.editor.schema.mark("link").type.name) {
-            this.mouseHoveredHyperlinkMark = a, this.mouseHoveredHyperlinkMarkRange = X(
-              n,
+            this.mouseHoveredHyperlinkMark = a, this.mouseHoveredHyperlinkMarkRange = Q(
+              r,
               a.type,
               a.attrs
             ) || void 0;
@@ -1948,25 +2091,25 @@ class Ve {
       }
       return this.startMenuUpdateTimer(), !1;
     });
-    u(this, "scrollHandler", () => {
+    h(this, "scrollHandler", () => {
       this.hyperlinkMark !== void 0 && this.hyperlinkToolbar.render(this.getDynamicParams(), !1);
     });
-    this.editor = t, this.hyperlinkToolbar = e(this.getStaticParams()), this.startMenuUpdateTimer = () => {
+    this.editor = e, this.hyperlinkToolbar = t(this.getStaticParams()), this.startMenuUpdateTimer = () => {
       this.menuUpdateTimer = setTimeout(() => {
         this.update();
       }, 250);
     }, this.stopMenuUpdateTimer = () => (this.menuUpdateTimer && (clearTimeout(this.menuUpdateTimer), this.menuUpdateTimer = void 0), !1), this.editor.view.dom.addEventListener("mouseover", this.mouseOverHandler), document.addEventListener("scroll", this.scrollHandler);
   }
   update() {
-    var e, r, n, i;
+    var t, n, r, i;
     if (!this.editor.view.hasFocus())
       return;
-    const t = this.hyperlinkMark;
+    const e = this.hyperlinkMark;
     if (this.hyperlinkMark = void 0, this.hyperlinkMarkRange = void 0, this.keyboardHoveredHyperlinkMark = void 0, this.keyboardHoveredHyperlinkMarkRange = void 0, this.editor.state.selection.empty) {
       const a = this.editor.state.selection.$from.marks();
       for (const s of a)
         if (s.type.name === this.editor.schema.mark("link").type.name) {
-          this.keyboardHoveredHyperlinkMark = s, this.keyboardHoveredHyperlinkMarkRange = X(
+          this.keyboardHoveredHyperlinkMark = s, this.keyboardHoveredHyperlinkMarkRange = Q(
             this.editor.state.selection.$from,
             s.type,
             s.attrs
@@ -1975,11 +2118,11 @@ class Ve {
         }
     }
     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.getDynamicParams(), !t) {
-        this.hyperlinkToolbar.render(this.getDynamicParams(), !0), (e = this.hyperlinkToolbar.element) == null || e.addEventListener(
+      if (this.getDynamicParams(), !e) {
+        this.hyperlinkToolbar.render(this.getDynamicParams(), !0), (t = this.hyperlinkToolbar.element) == null || t.addEventListener(
           "mouseleave",
           this.startMenuUpdateTimer
-        ), (r = this.hyperlinkToolbar.element) == null || r.addEventListener(
+        ), (n = this.hyperlinkToolbar.element) == null || n.addEventListener(
           "mouseenter",
           this.stopMenuUpdateTimer
         );
@@ -1988,8 +2131,8 @@ class Ve {
       this.hyperlinkToolbar.render(this.getDynamicParams(), !1);
       return;
     }
-    if (t && (!this.hyperlinkMark || !this.editor.isEditable)) {
-      (n = this.hyperlinkToolbar.element) == null || n.removeEventListener(
+    if (e && (!this.hyperlinkMark || !this.editor.isEditable)) {
+      (r = this.hyperlinkToolbar.element) == null || r.removeEventListener(
         "mouseleave",
         this.startMenuUpdateTimer
       ), (i = this.hyperlinkToolbar.element) == null || i.removeEventListener(
@@ -2007,17 +2150,17 @@ class Ve {
   }
   getStaticParams() {
     return {
-      editHyperlink: (t, e) => {
-        const r = this.editor.view.state.tr.insertText(
-          e,
+      editHyperlink: (e, t) => {
+        const n = this.editor.view.state.tr.insertText(
+          t,
           this.hyperlinkMarkRange.from,
           this.hyperlinkMarkRange.to
         );
-        r.addMark(
+        n.addMark(
           this.hyperlinkMarkRange.from,
-          this.hyperlinkMarkRange.from + e.length,
-          this.editor.schema.mark("link", { href: t })
-        ), this.editor.view.dispatch(r), this.editor.view.focus(), this.hyperlinkToolbar.hide();
+          this.hyperlinkMarkRange.from + t.length,
+          this.editor.schema.mark("link", { href: e })
+        ), this.editor.view.dispatch(n), this.editor.view.focus(), this.hyperlinkToolbar.hide();
       },
       deleteHyperlink: () => {
         this.editor.view.dispatch(
@@ -2037,7 +2180,7 @@ class Ve {
         this.hyperlinkMarkRange.from,
         this.hyperlinkMarkRange.to
       ),
-      referenceRect: nt(
+      referenceRect: st(
         this.editor.view,
         this.hyperlinkMarkRange.from,
         this.hyperlinkMarkRange.to
@@ -2045,13 +2188,13 @@ class Ve {
     };
   }
 }
-const Je = (o, t) => new C({
-  key: Ke,
-  view: () => new Ve({
+const io = (o, e) => new C({
+  key: no,
+  view: () => new ro({
     editor: o,
-    hyperlinkToolbarFactory: t.hyperlinkToolbarFactory
+    hyperlinkToolbarFactory: e.hyperlinkToolbarFactory
   })
-}), Xe = lt.extend({
+}), so = ct.extend({
   priority: 500,
   addProseMirrorPlugins() {
     var o;
@@ -2059,12 +2202,12 @@ const Je = (o, t) => new C({
       throw new Error("UI Element factory not defined for HyperlinkMark");
     return [
       ...((o = this.parent) == null ? void 0 : o.call(this)) || [],
-      Je(this.editor, {
+      io(this.editor, {
         hyperlinkToolbarFactory: this.options.hyperlinkToolbarFactory
       })
     ];
   }
-}), Qe = new v("blocknote-placeholder"), Ze = E.create({
+}), ao = new E("blocknote-placeholder"), lo = v.create({
   name: "placeholder",
   addOptions() {
     return {
@@ -2081,35 +2224,35 @@ const Je = (o, t) => new C({
   addProseMirrorPlugins() {
     return [
       new C({
-        key: Qe,
+        key: ao,
         props: {
           decorations: (o) => {
-            const { doc: t, selection: e } = o, r = V.getState(o), n = this.editor.isEditable || !this.options.showOnlyWhenEditable, { anchor: i } = e, a = [];
-            if (n)
-              return t.descendants((s, l) => {
+            const { doc: e, selection: t } = o, n = X.getState(o), r = this.editor.isEditable || !this.options.showOnlyWhenEditable, { anchor: i } = t, a = [];
+            if (r)
+              return e.descendants((s, l) => {
                 const d = i >= l && i <= l + s.nodeSize, c = !s.isLeaf && !s.childCount;
                 if ((d || !this.options.showOnlyCurrent) && c) {
-                  const h = [this.options.emptyNodeClass];
-                  this.editor.isEmpty && h.push(this.options.emptyEditorClass), d && h.push(this.options.hasAnchorClass), (r == null ? void 0 : r.triggerCharacter) === "" && (r != null && r.active) && h.push(this.options.isFilterClass);
-                  const f = D.node(l, l + s.nodeSize, {
-                    class: h.join(" ")
+                  const u = [this.options.emptyNodeClass];
+                  this.editor.isEmpty && u.push(this.options.emptyEditorClass), d && u.push(this.options.hasAnchorClass), (n == null ? void 0 : n.triggerCharacter) === "" && (n != null && n.active) && u.push(this.options.isFilterClass);
+                  const p = D.node(l, l + s.nodeSize, {
+                    class: u.join(" ")
                   });
-                  a.push(f);
+                  a.push(p);
                 }
                 return this.options.includeChildren;
-              }), F.create(t, a);
+              }), F.create(e, a);
           }
         }
       })
     ];
   }
 });
-class to {
-  constructor(t, e) {
-    this.name = t, this.match = e;
+class co {
+  constructor(e, t) {
+    this.name = e, this.match = t;
   }
 }
-class x extends to {
+class S extends co {
   /**
    * Constructs a new slash-command.
    *
@@ -2117,64 +2260,64 @@ class x extends to {
    * @param execute The callback for creating a new node
    * @param aliases Aliases for this command
    */
-  constructor(t, e, r = []) {
-    super(t, (n) => this.name.toLowerCase().startsWith(n.toLowerCase()) || this.aliases.filter(
-      (i) => i.toLowerCase().startsWith(n.toLowerCase())
-    ).length !== 0), this.name = t, this.execute = e, this.aliases = r;
+  constructor(e, t, n = []) {
+    super(e, (r) => this.name.toLowerCase().startsWith(r.toLowerCase()) || this.aliases.filter(
+      (i) => i.toLowerCase().startsWith(r.toLowerCase())
+    ).length !== 0), this.name = e, this.execute = t, this.aliases = n;
   }
 }
-function I(o, t) {
-  const e = o.getTextCursorPosition().block;
-  e.content.length === 1 && e.content[0].type === "text" && e.content[0].text === "/" || e.content.length === 0 ? o.updateBlock(e, t) : (o.insertBlocks([t], e, "after"), o.setTextCursorPosition(o.getTextCursorPosition().nextBlock));
+function x(o, e) {
+  const t = o.getTextCursorPosition().block;
+  t.content.length === 1 && t.content[0].type === "text" && t.content[0].text === "/" || t.content.length === 0 ? o.updateBlock(t, e) : (o.insertBlocks([e], t, "after"), o.setTextCursorPosition(o.getTextCursorPosition().nextBlock));
 }
-const eo = [
+const uo = [
   // Command for creating a level 1 heading
-  new x(
+  new S(
     "Heading",
-    (o) => I(o, {
+    (o) => x(o, {
       type: "heading",
       props: { level: "1" }
     }),
     ["h", "heading1", "h1"]
   ),
   // Command for creating a level 2 heading
-  new x(
+  new S(
     "Heading 2",
-    (o) => I(o, {
+    (o) => x(o, {
       type: "heading",
       props: { level: "2" }
     }),
     ["h2", "heading2", "subheading"]
   ),
   // Command for creating a level 3 heading
-  new x(
+  new S(
     "Heading 3",
-    (o) => I(o, {
+    (o) => x(o, {
       type: "heading",
       props: { level: "3" }
     }),
     ["h3", "heading3", "subheading"]
   ),
   // Command for creating an ordered list
-  new x(
+  new S(
     "Numbered List",
-    (o) => I(o, {
+    (o) => x(o, {
       type: "numberedListItem"
     }),
     ["li", "list", "numberedlist", "numbered list"]
   ),
   // Command for creating a bullet list
-  new x(
+  new S(
     "Bullet List",
-    (o) => I(o, {
+    (o) => x(o, {
       type: "bulletListItem"
     }),
     ["ul", "list", "bulletlist", "bullet list"]
   ),
   // Command for creating a paragraph (pretty useless)
-  new x(
+  new S(
     "Paragraph",
-    (o) => I(o, {
+    (o) => x(o, {
       type: "paragraph"
     }),
     ["p"]
@@ -2270,7 +2413,7 @@ const eo = [
   //   TableIcon,
   //   "Used to create a simple table"
   // ),
-], oo = E.create({
+], ho = v.create({
   name: "textAlignment",
   addGlobalAttributes() {
     return [
@@ -2292,23 +2435,23 @@ const eo = [
   },
   addCommands() {
     return {
-      setTextAlignment: (o) => ({ state: t }) => {
-        const e = [], r = g(
-          t.doc,
-          t.selection.from
+      setTextAlignment: (o) => ({ state: e }) => {
+        const t = [], n = g(
+          e.doc,
+          e.selection.from
         );
-        if (r === void 0)
+        if (n === void 0)
           return !1;
-        let n = r.startPos;
-        for (; n < t.selection.to; )
-          t.doc.resolve(n).node().type.spec.group === "blockContent" ? (e.push(n - 1), n += t.doc.resolve(n).node().nodeSize - 1) : n += 1;
-        for (const i of e)
-          t.tr.setNodeAttribute(i, "textAlignment", o);
+        let r = n.startPos;
+        for (; r < e.selection.to; )
+          e.doc.resolve(r).node().type.spec.group === "blockContent" ? (t.push(r - 1), r += e.doc.resolve(r).node().nodeSize - 1) : r += 1;
+        for (const i of t)
+          e.tr.setNodeAttribute(i, "textAlignment", o);
         return !0;
       }
     };
   }
-}), ro = E.create({
+}), po = v.create({
   name: "blockTextColor",
   addGlobalAttributes() {
     return [
@@ -2328,13 +2471,13 @@ const eo = [
   },
   addCommands() {
     return {
-      setBlockTextColor: (o, t) => ({ state: e, view: r }) => {
-        const n = g(e.doc, o);
-        return n === void 0 ? !1 : (e.tr.setNodeAttribute(n.startPos - 1, "textColor", t), r.focus(), !0);
+      setBlockTextColor: (o, e) => ({ state: t, view: n }) => {
+        const r = g(t.doc, o);
+        return r === void 0 ? !1 : (t.tr.setNodeAttribute(r.startPos - 1, "textColor", e), n.focus(), !0);
       }
     };
   }
-}), no = rt.create({
+}), mo = it.create({
   name: "textColor",
   addAttributes() {
     return {
@@ -2360,18 +2503,18 @@ const eo = [
   },
   addCommands() {
     return {
-      setTextColor: (o) => ({ commands: t }) => o !== "default" ? t.setMark(this.name, { color: o }) : t.unsetMark(this.name)
+      setTextColor: (o) => ({ commands: e }) => o !== "default" ? e.setMark(this.name, { color: o }) : e.unsetMark(this.name)
     };
   }
-}), io = E.create({
+}), fo = v.create({
   name: "trailingNode",
   addProseMirrorPlugins() {
-    const o = new v(this.name);
+    const o = new E(this.name);
     return [
       new C({
         key: o,
-        appendTransaction: (t, e, r) => {
-          const { doc: n, tr: i, schema: a } = r, s = o.getState(r), l = n.content.size - 2, d = a.nodes.blockContainer, c = a.nodes.paragraph;
+        appendTransaction: (e, t, n) => {
+          const { doc: r, tr: i, schema: a } = n, s = o.getState(n), l = r.content.size - 2, d = a.nodes.blockContainer, c = a.nodes.paragraph;
           if (s)
             return i.insert(
               l,
@@ -2379,128 +2522,142 @@ const eo = [
             );
         },
         state: {
-          init: (t, e) => {
+          init: (e, t) => {
           },
-          apply: (t, e) => {
-            if (!t.docChanged)
-              return e;
-            let r = t.doc.lastChild;
-            if (!r || r.type.name !== "blockGroup")
+          apply: (e, t) => {
+            if (!e.docChanged)
+              return t;
+            let n = e.doc.lastChild;
+            if (!n || n.type.name !== "blockGroup")
               throw new Error("Expected blockGroup");
-            if (r = r.lastChild, !r || r.type.name !== "blockContainer")
+            if (n = n.lastChild, !n || n.type.name !== "blockContainer")
               throw new Error("Expected blockContainer");
-            return r.nodeSize > 4;
+            return n.nodeSize > 4;
           }
         }
       })
     ];
   }
-}), so = (o) => {
-  const t = [
-    N.ClipboardTextSerializer,
-    N.Commands,
-    N.Editable,
-    N.FocusEvents,
-    N.Tabindex,
+}), go = (o) => {
+  const e = [
+    A.ClipboardTextSerializer,
+    A.Commands,
+    A.Editable,
+    A.FocusEvents,
+    A.Tabindex,
     // DevTools,
-    Gt,
+    Qt,
     // DropCursor,
-    Ze.configure({
-      emptyNodeClass: b.isEmpty,
-      hasAnchorClass: b.hasAnchor,
-      isFilterClass: b.isFilter,
+    lo.configure({
+      emptyNodeClass: k.isEmpty,
+      hasAnchorClass: k.hasAnchor,
+      isFilterClass: k.isFilter,
       includeChildren: !0,
       showOnlyCurrent: !1
     }),
-    Y.configure({
+    K.configure({
       types: ["blockContainer"]
     }),
-    qt,
+    te,
     // Comments,
     // basics:
-    Kt,
+    re,
     // marks:
-    Ft,
-    Rt,
-    Wt,
     Yt,
-    Vt,
-    no,
-    ro,
-    fe,
-    pe,
-    oo,
+    Kt,
+    oe,
+    ne,
+    ie,
+    mo,
+    po,
+    Ne,
+    Ae,
+    ho,
     // custom blocks:
-    ...Ae,
-    $t.configure({ width: 5, color: "#ddeeff" }),
+    ...ze,
+    ...Object.values(o.blockSchema).map(
+      (t) => t.node.configure({ editor: o.editor })
+    ),
+    $e,
+    Zt.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
-    io
+    fo
   ];
   if (o.collaboration) {
-    t.push(
-      zt.configure({
+    e.push(
+      Jt.configure({
         fragment: o.collaboration.fragment
       })
     );
-    const e = (r) => {
-      const n = document.createElement("span");
-      n.classList.add(_["collaboration-cursor__caret"]), n.setAttribute("style", `border-color: ${r.color}`);
+    const t = (n) => {
+      const r = document.createElement("span");
+      r.classList.add(P["collaboration-cursor__caret"]), r.setAttribute("style", `border-color: ${n.color}`);
       const i = document.createElement("span");
-      i.classList.add(_["collaboration-cursor__label"]), i.setAttribute("style", `background-color: ${r.color}`), i.insertBefore(document.createTextNode(r.name), null);
+      i.classList.add(P["collaboration-cursor__label"]), i.setAttribute("style", `background-color: ${n.color}`), i.insertBefore(document.createTextNode(n.name), null);
       const a = document.createTextNode("⁠"), s = document.createTextNode("⁠");
-      return n.insertBefore(a, null), n.insertBefore(i, null), n.insertBefore(s, null), n;
+      return r.insertBefore(a, null), r.insertBefore(i, null), r.insertBefore(s, null), r;
     };
-    t.push(
-      Ut.configure({
+    e.push(
+      Xt.configure({
         user: o.collaboration.user,
-        render: o.collaboration.renderCursor || e,
+        render: o.collaboration.renderCursor || t,
         provider: o.collaboration.provider
       })
     );
   } else
-    t.push(jt);
-  return o.uiFactories.blockSideMenuFactory && t.push(
-    qe.configure({
+    e.push(ee);
+  return o.uiFactories.blockSideMenuFactory && e.push(
+    Qe().configure({
       editor: o.editor,
       blockSideMenuFactory: o.uiFactories.blockSideMenuFactory
     })
-  ), o.uiFactories.formattingToolbarFactory && t.push(
-    Ye.configure({
+  ), o.uiFactories.formattingToolbarFactory && e.push(
+    oo().configure({
       editor: o.editor,
       formattingToolbarFactory: o.uiFactories.formattingToolbarFactory
     })
-  ), o.uiFactories.hyperlinkToolbarFactory ? t.push(
-    Xe.configure({
+  ), o.uiFactories.hyperlinkToolbarFactory ? e.push(
+    so.configure({
       hyperlinkToolbarFactory: o.uiFactories.hyperlinkToolbarFactory
     })
-  ) : t.push(lt), o.uiFactories.slashMenuFactory && t.push(
-    De.configure({
+  ) : e.push(ct), o.uiFactories.slashMenuFactory && e.push(
+    We().configure({
       editor: o.editor,
       commands: o.slashCommands,
       slashMenuFactory: o.uiFactories.slashMenuFactory
     })
-  ), t;
-}, ao = {
+  ), e;
+}, ko = {
   enableInputRules: !0,
   enablePasteRules: !0,
   enableCoreExtensions: !1
 };
-class Fo {
-  constructor(t = {}) {
-    u(this, "_tiptapEditor");
-    u(this, "blockCache", /* @__PURE__ */ new WeakMap());
-    var n, i, a;
-    this.options = t, t = {
+class Ko {
+  constructor(e = {}) {
+    h(this, "_tiptapEditor");
+    h(this, "blockCache", /* @__PURE__ */ new WeakMap());
+    h(this, "schema");
+    var i, a, s;
+    this.options = e;
+    const t = {
       defaultStyles: !0,
-      ...t
-    };
-    const e = so({
+      // TODO: There's a lot of annoying typing stuff to deal with here. If
+      //  BSchema is specified, then options.blockSchema should also be required.
+      //  If BSchema is not specified, then options.blockSchema should also not
+      //  be defined. Unfortunately, trying to implement these constraints seems
+      //  to be a huge pain, hence the `as any` casts.
+      blockSchema: e.blockSchema || ge,
+      ...e
+    }, n = go({
       editor: this,
       uiFactories: t.uiFactories || {},
-      slashCommands: t.slashCommands || eo,
+      slashCommands: t.slashCommands || uo,
+      blockSchema: t.blockSchema,
       collaboration: t.collaboration
-    }), r = {
+    });
+    this.schema = t.blockSchema;
+    const r = {
       // TODO: This approach to setting initial content is "cleaner" but requires the PM editor schema, which is only
       //  created after initializing the TipTap editor. Not sure it's feasible.
       // content:
@@ -2508,36 +2665,36 @@ class Fo {
       //   options.initialContent.map((block) =>
       //     blockToNode(block, this._tiptapEditor.schema).toJSON()
       //   ),
-      ...ao,
+      ...ko,
       ...t._tiptapOptions,
       onCreate: () => {
-        var s;
-        (s = t.onEditorReady) == null || s.call(t, this), t.initialContent && this.replaceBlocks(this.topLevelBlocks, t.initialContent);
+        var l;
+        (l = t.onEditorReady) == null || l.call(t, this), t.initialContent && this.replaceBlocks(this.topLevelBlocks, t.initialContent);
       },
       onUpdate: () => {
-        var s;
-        (s = t.onEditorContentChange) == null || s.call(t, this);
+        var l;
+        (l = t.onEditorContentChange) == null || l.call(t, this);
       },
       onSelectionUpdate: () => {
-        var s;
-        (s = t.onTextCursorPositionChange) == null || s.call(t, this);
+        var l;
+        (l = t.onTextCursorPositionChange) == null || l.call(t, this);
       },
-      editable: t.editable === void 0 ? !0 : t.editable,
-      extensions: t.enableBlockNoteExtensions === !1 ? (n = t._tiptapOptions) == null ? void 0 : n.extensions : [...((i = t._tiptapOptions) == null ? void 0 : i.extensions) || [], ...e],
+      editable: e.editable === void 0 ? !0 : e.editable,
+      extensions: t.enableBlockNoteExtensions === !1 ? (i = t._tiptapOptions) == null ? void 0 : i.extensions : [...((a = t._tiptapOptions) == null ? void 0 : a.extensions) || [], ...n],
       editorProps: {
         attributes: {
-          "data-theme": t.theme || "light",
+          "data-theme": e.theme || "light",
           ...t.editorDOMAttributes || {},
           class: [
-            _.bnEditor,
-            _.bnRoot,
-            t.defaultStyles ? _.defaultStyles : "",
-            ((a = t.editorDOMAttributes) == null ? void 0 : a.class) || ""
+            P.bnEditor,
+            P.bnRoot,
+            t.defaultStyles ? P.defaultStyles : "",
+            ((s = t.editorDOMAttributes) == null ? void 0 : s.class) || ""
           ].join(" ")
         }
       }
     };
-    t.parentElement && (r.element = t.parentElement), this._tiptapEditor = new It(r);
+    t.parentElement && (r.element = t.parentElement), this._tiptapEditor = new zt(r);
   }
   get domElement() {
     return this._tiptapEditor.view.dom;
@@ -2550,55 +2707,62 @@ class Fo {
    * @returns A snapshot of all top-level (non-nested) blocks in the editor.
    */
   get topLevelBlocks() {
-    const t = [];
-    return this._tiptapEditor.state.doc.firstChild.descendants((e) => (t.push(B(e, this.blockCache)), !1)), t;
+    const e = [];
+    return this._tiptapEditor.state.doc.firstChild.descendants((t) => (e.push(B(t, this.schema, this.blockCache)), !1)), e;
   }
   /**
    * Gets a snapshot of an existing block from the editor.
    * @param blockIdentifier The identifier of an existing block that should be retrieved.
    * @returns The block that matches the identifier, or `undefined` if no matching block was found.
    */
-  getBlock(t) {
-    const e = typeof t == "string" ? t : t.id;
-    let r;
-    return this._tiptapEditor.state.doc.firstChild.descendants((n) => typeof r < "u" ? !1 : n.type.name !== "blockContainer" || n.attrs.id !== e ? !0 : (r = B(n, this.blockCache), !1)), r;
+  getBlock(e) {
+    const t = typeof e == "string" ? e : e.id;
+    let n;
+    return this._tiptapEditor.state.doc.firstChild.descendants((r) => typeof n < "u" ? !1 : r.type.name !== "blockContainer" || r.attrs.id !== t ? !0 : (n = B(r, this.schema, this.blockCache), !1)), n;
   }
   /**
    * Traverses all blocks in the editor depth-first, and executes a callback for each.
    * @param callback The callback to execute for each block. Returning `false` stops the traversal.
    * @param reverse Whether the blocks should be traversed in reverse order.
    */
-  forEachBlock(t, e = !1) {
-    const r = this.topLevelBlocks.slice();
-    e && r.reverse();
-    function n(i) {
+  forEachBlock(e, t = !1) {
+    const n = this.topLevelBlocks.slice();
+    t && n.reverse();
+    function r(i) {
       for (const a of i) {
-        if (!t(a))
+        if (!e(a))
           return !1;
-        const s = e ? a.children.slice().reverse() : a.children;
-        if (!n(s))
+        const s = t ? a.children.slice().reverse() : a.children;
+        if (!r(s))
           return !1;
       }
       return !0;
     }
-    n(r);
+    r(n);
+  }
+  /**
+   * Executes a callback whenever the editor's contents change.
+   * @param callback The callback to execute.
+   */
+  onEditorContentChange(e) {
+    this._tiptapEditor.on("update", e);
   }
   /**
    * Gets a snapshot of the current text cursor position.
    * @returns A snapshot of the current text cursor position.
    */
   getTextCursorPosition() {
-    const { node: t, depth: e, startPos: r, endPos: n } = g(
+    const { node: e, depth: t, startPos: n, endPos: r } = g(
       this._tiptapEditor.state.doc,
       this._tiptapEditor.state.selection.from
-    ), i = this._tiptapEditor.state.doc.resolve(n).index(e - 1), a = this._tiptapEditor.state.doc.resolve(n + 1).node().childCount;
+    ), i = this._tiptapEditor.state.doc.resolve(r).index(t - 1), a = this._tiptapEditor.state.doc.resolve(r + 1).node().childCount;
     let s;
-    i > 0 && (s = this._tiptapEditor.state.doc.resolve(r - 2).node());
+    i > 0 && (s = this._tiptapEditor.state.doc.resolve(n - 2).node());
     let l;
-    return i < a - 1 && (l = this._tiptapEditor.state.doc.resolve(n + 2).node()), {
-      block: B(t, this.blockCache),
-      prevBlock: s === void 0 ? void 0 : B(s, this.blockCache),
-      nextBlock: l === void 0 ? void 0 : B(l, this.blockCache)
+    return i < a - 1 && (l = this._tiptapEditor.state.doc.resolve(r + 2).node()), {
+      block: B(e, this.schema, this.blockCache),
+      prevBlock: s === void 0 ? void 0 : B(s, this.schema, this.blockCache),
+      nextBlock: l === void 0 ? void 0 : B(l, this.schema, this.blockCache)
     };
   }
   /**
@@ -2607,12 +2771,12 @@ class Fo {
    * @param targetBlock The identifier of an existing block that the text cursor should be moved to.
    * @param placement Whether the text cursor should be placed at the start or end of the block.
    */
-  setTextCursorPosition(t, e = "start") {
-    const r = typeof t == "string" ? t : t.id, { posBeforeNode: n } = K(r, this._tiptapEditor.state.doc), { startPos: i, contentNode: a } = g(
+  setTextCursorPosition(e, t = "start") {
+    const n = typeof e == "string" ? e : e.id, { posBeforeNode: r } = J(n, this._tiptapEditor.state.doc), { startPos: i, contentNode: a } = g(
       this._tiptapEditor.state.doc,
-      n + 2
+      r + 2
     );
-    e === "start" ? this._tiptapEditor.commands.setTextSelection(i + 1) : this._tiptapEditor.commands.setTextSelection(
+    t === "start" ? this._tiptapEditor.commands.setTextSelection(i + 1) : this._tiptapEditor.commands.setTextSelection(
       i + a.nodeSize - 1
     );
   }
@@ -2622,13 +2786,14 @@ class Fo {
   getSelection() {
     if (this._tiptapEditor.state.selection.from === this._tiptapEditor.state.selection.to)
       return;
-    const t = [];
-    return this._tiptapEditor.state.doc.descendants((e, r) => e.type.spec.group !== "blockContent" || r + e.nodeSize < this._tiptapEditor.state.selection.from || r > this._tiptapEditor.state.selection.to ? !0 : (t.push(
+    const e = [];
+    return this._tiptapEditor.state.doc.descendants((t, n) => t.type.spec.group !== "blockContent" || n + t.nodeSize < this._tiptapEditor.state.selection.from || n > this._tiptapEditor.state.selection.to ? !0 : (e.push(
       B(
-        this._tiptapEditor.state.doc.resolve(r).node(),
+        this._tiptapEditor.state.doc.resolve(n).node(),
+        this.schema,
         this.blockCache
       )
-    ), !1)), { blocks: t };
+    ), !1)), { blocks: e };
   }
   /**
    * Checks if the editor is currently editable, or if it's locked.
@@ -2641,8 +2806,8 @@ class Fo {
    * Makes the editor editable or locks it, depending on the argument passed.
    * @param editable True to make the editor editable, or false to lock it.
    */
-  set isEditable(t) {
-    this._tiptapEditor.setEditable(t);
+  set isEditable(e) {
+    this._tiptapEditor.setEditable(e);
   }
   /**
    * Inserts new blocks into the editor. If a block's `id` is undefined, BlockNote generates one automatically. Throws an
@@ -2652,8 +2817,8 @@ class Fo {
    * @param placement Whether the blocks should be inserted just before, just after, or nested inside the
    * `referenceBlock`. Inserts the blocks at the start of the existing block's children if "nested" is used.
    */
-  insertBlocks(t, e, r = "before") {
-    pt(t, e, r, this._tiptapEditor);
+  insertBlocks(e, t, n = "before") {
+    Tt(e, t, n, this._tiptapEditor);
   }
   /**
    * Updates an existing block in the editor. Since updatedBlock is a PartialBlock object, some fields might not be
@@ -2662,15 +2827,15 @@ class Fo {
    * @param blockToUpdate The block that should be updated.
    * @param update A partial block which defines how the existing block should be changed.
    */
-  updateBlock(t, e) {
-    re(t, e, this._tiptapEditor);
+  updateBlock(e, t) {
+    Me(e, t, this._tiptapEditor);
   }
   /**
    * Removes existing blocks from the editor. Throws an error if any of the blocks could not be found.
    * @param blocksToRemove An array of identifiers for existing blocks that should be removed.
    */
-  removeBlocks(t) {
-    ft(t, this._tiptapEditor);
+  removeBlocks(e) {
+    wt(e, this._tiptapEditor);
   }
   /**
    * Replaces existing blocks in the editor with new blocks. If the blocks that should be removed are not adjacent or
@@ -2679,61 +2844,64 @@ class Fo {
    * @param blocksToRemove An array of blocks that should be replaced.
    * @param blocksToInsert An array of partial blocks to replace the old ones with.
    */
-  replaceBlocks(t, e) {
-    ne(t, e, this._tiptapEditor);
+  replaceBlocks(e, t) {
+    Be(e, t, this._tiptapEditor);
   }
   /**
    * Gets the active text styles at the text cursor position or at the end of the current selection if it's active.
    */
   getActiveStyles() {
-    const t = {}, e = this._tiptapEditor.state.selection.$to.marks(), r = /* @__PURE__ */ new Set([
+    const e = {}, t = this._tiptapEditor.state.selection.$to.marks(), n = /* @__PURE__ */ new Set([
       "bold",
       "italic",
       "underline",
       "strike",
       "code"
-    ]), n = /* @__PURE__ */ new Set(["textColor", "backgroundColor"]);
-    for (const i of e)
-      r.has(i.type.name) ? t[i.type.name] = !0 : n.has(i.type.name) && (t[i.type.name] = i.attrs.color);
-    return t;
+    ]), r = /* @__PURE__ */ new Set(["textColor", "backgroundColor"]);
+    for (const i of t)
+      n.has(i.type.name) ? e[i.type.name] = !0 : r.has(i.type.name) && (e[i.type.name] = i.attrs.color);
+    return e;
   }
   /**
    * Adds styles to the currently selected content.
    * @param styles The styles to add.
    */
-  addStyles(t) {
-    const e = /* @__PURE__ */ new Set([
+  addStyles(e) {
+    const t = /* @__PURE__ */ new Set([
       "bold",
       "italic",
       "underline",
       "strike",
       "code"
-    ]), r = /* @__PURE__ */ new Set(["textColor", "backgroundColor"]);
-    for (const [n, i] of Object.entries(t))
-      e.has(n) ? this._tiptapEditor.commands.setMark(n) : r.has(n) && this._tiptapEditor.commands.setMark(n, { color: i });
+    ]), n = /* @__PURE__ */ new Set(["textColor", "backgroundColor"]);
+    this._tiptapEditor.view.focus();
+    for (const [r, i] of Object.entries(e))
+      t.has(r) ? this._tiptapEditor.commands.setMark(r) : n.has(r) && this._tiptapEditor.commands.setMark(r, { color: i });
   }
   /**
    * Removes styles from the currently selected content.
    * @param styles The styles to remove.
    */
-  removeStyles(t) {
-    for (const e of Object.keys(t))
-      this._tiptapEditor.commands.unsetMark(e);
+  removeStyles(e) {
+    this._tiptapEditor.view.focus();
+    for (const t of Object.keys(e))
+      this._tiptapEditor.commands.unsetMark(t);
   }
   /**
    * Toggles styles on the currently selected content.
    * @param styles The styles to toggle.
    */
-  toggleStyles(t) {
-    const e = /* @__PURE__ */ new Set([
+  toggleStyles(e) {
+    const t = /* @__PURE__ */ new Set([
       "bold",
       "italic",
       "underline",
       "strike",
       "code"
-    ]), r = /* @__PURE__ */ new Set(["textColor", "backgroundColor"]);
-    for (const [n, i] of Object.entries(t))
-      e.has(n) ? this._tiptapEditor.commands.toggleMark(n) : r.has(n) && this._tiptapEditor.commands.toggleMark(n, { color: i });
+    ]), n = /* @__PURE__ */ new Set(["textColor", "backgroundColor"]);
+    this._tiptapEditor.view.focus();
+    for (const [r, i] of Object.entries(e))
+      t.has(r) ? this._tiptapEditor.commands.toggleMark(r) : n.has(r) && this._tiptapEditor.commands.toggleMark(r, { color: i });
   }
   /**
    * Gets the currently selected text.
@@ -2755,25 +2923,25 @@ class Fo {
    * @param url The link URL.
    * @param text The text to display the link with.
    */
-  createLink(t, e) {
-    if (t === "")
+  createLink(e, t) {
+    if (e === "")
       return;
-    let { from: r, to: n } = this._tiptapEditor.state.selection;
-    e || (e = this._tiptapEditor.state.doc.textBetween(r, n));
-    const i = this._tiptapEditor.schema.mark("link", { href: t });
+    let { from: n, to: r } = this._tiptapEditor.state.selection;
+    t || (t = this._tiptapEditor.state.doc.textBetween(n, r));
+    const i = this._tiptapEditor.schema.mark("link", { href: e });
     this._tiptapEditor.view.dispatch(
-      this._tiptapEditor.view.state.tr.insertText(e, r, n).addMark(r, r + e.length, i)
+      this._tiptapEditor.view.state.tr.insertText(t, n, r).addMark(n, n + t.length, i)
     );
   }
   /**
    * Checks if the block containing the text cursor can be nested.
    */
   canNestBlock() {
-    const { startPos: t, depth: e } = g(
+    const { startPos: e, depth: t } = g(
       this._tiptapEditor.state.doc,
       this._tiptapEditor.state.selection.from
     );
-    return this._tiptapEditor.state.doc.resolve(t).index(e - 1) > 0;
+    return this._tiptapEditor.state.doc.resolve(e).index(t - 1) > 0;
   }
   /**
    * Nests the block containing the text cursor into the block above it.
@@ -2785,11 +2953,11 @@ class Fo {
    * Checks if the block containing the text cursor is nested.
    */
   canUnnestBlock() {
-    const { depth: t } = g(
+    const { depth: e } = g(
       this._tiptapEditor.state.doc,
       this._tiptapEditor.state.selection.from
     );
-    return t > 2;
+    return e > 2;
   }
   /**
    * Lifts the block containing the text cursor out of its parent.
@@ -2803,8 +2971,8 @@ class Fo {
    * @param blocks An array of blocks that should be serialized into HTML.
    * @returns The blocks, serialized as an HTML string.
    */
-  async blocksToHTML(t) {
-    return mt(t, this._tiptapEditor.schema);
+  async blocksToHTML(e) {
+    return St(e, this._tiptapEditor.schema);
   }
   /**
    * Parses blocks from an HTML string. Tries to create `Block` objects out of any HTML block-level elements, and
@@ -2813,8 +2981,8 @@ class Fo {
    * @param html The HTML string to parse blocks from.
    * @returns The blocks parsed from the HTML string.
    */
-  async HTMLToBlocks(t) {
-    return gt(t, this._tiptapEditor.schema);
+  async HTMLToBlocks(e) {
+    return xt(e, this.schema, this._tiptapEditor.schema);
   }
   /**
    * Serializes blocks into a Markdown string. The output is simplified as Markdown does not support all features of
@@ -2822,8 +2990,8 @@ class Fo {
    * @param blocks An array of blocks that should be serialized into Markdown.
    * @returns The blocks, serialized as a Markdown string.
    */
-  async blocksToMarkdown(t) {
-    return ae(t, this._tiptapEditor.schema);
+  async blocksToMarkdown(e) {
+    return Se(e, this._tiptapEditor.schema);
   }
   /**
    * Creates a list of blocks from a Markdown string. Tries to create `Block` and `InlineNode` objects based on
@@ -2832,26 +3000,34 @@ class Fo {
    * @param markdown The Markdown string to parse blocks from.
    * @returns The blocks parsed from the Markdown string.
    */
-  async markdownToBlocks(t) {
-    return le(t, this._tiptapEditor.schema);
+  async markdownToBlocks(e) {
+    return xe(e, this.schema, this._tiptapEditor.schema);
   }
   /**
    * Updates the user info for the current user that's shown to other collaborators.
    */
-  updateCollaborationUserInfo(t) {
+  updateCollaborationUserInfo(e) {
     if (!this.options.collaboration)
       throw new Error(
         "Cannot update collaboration user info when collaboration is disabled."
       );
-    this._tiptapEditor.commands.updateUser(t);
+    this._tiptapEditor.commands.updateUser(e);
   }
 }
 export {
-  x as BaseSlashMenuItem,
-  Fo as BlockNoteEditor,
-  tt as blockProps,
-  eo as defaultSlashMenuItems,
-  so as getBlockNoteExtensions,
-  O as globalProps
+  S as BaseSlashMenuItem,
+  Ko as BlockNoteEditor,
+  $e as CustomBlockSerializerExtension,
+  Vo as blockStyles,
+  ot as camelToDataKebab,
+  Yo as createBlockSpec,
+  H as createTipTapBlock,
+  ge as defaultBlockSchema,
+  N as defaultProps,
+  uo as defaultSlashMenuItems,
+  go as getBlockNoteExtensions,
+  le as parse,
+  ae as propsToAttributes,
+  de as render
 };
 //# sourceMappingURL=blocknote.js.map