@blocknote/core 0.7.1-alpha.0 → 0.8.1

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 Nt = Object.defineProperty;
+var At = (o, e, t) => e in o ? Nt(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var h = (o, e, t) => (At(o, typeof e != "symbol" ? e + "" : e, t), t);
+import { Node as R, InputRule as Y, mergeAttributes as w, Extension as v, findChildren as j, combineTransactionSteps as Ht, getChangedRanges as Ot, findChildrenInRange as Dt, Mark as st, findParentNode as Ft, isTextSelection as Rt, isNodeSelection as zt, posToDOMRect as at, getMarkRange as Q, extensions as N, Editor as Ut } from "@tiptap/core";
+import { PluginKey as E, Plugin as C, TextSelection as tt, Selection as G, NodeSelection as $t } from "prosemirror-state";
+import { Slice as I, Fragment as _, DOMSerializer as q, DOMParser as Gt } from "prosemirror-model";
+import { v4 as jt } from "uuid";
+import lt from "rehype-parse";
+import qt from "rehype-remark";
+import dt from "rehype-stringify";
+import ct from "remark-gfm";
+import Wt from "remark-parse";
+import Yt from "remark-rehype";
+import Vt from "remark-stringify";
+import { unified as V } from "unified";
+import { fromDom as et } from "hast-util-from-dom";
+import { Bold as Kt } from "@tiptap/extension-bold";
+import { Code as Jt } from "@tiptap/extension-code";
+import Xt from "@tiptap/extension-collaboration";
+import Zt from "@tiptap/extension-collaboration-cursor";
+import { Dropcursor as Qt } from "@tiptap/extension-dropcursor";
+import { Gapcursor as te } from "@tiptap/extension-gapcursor";
+import { HardBreak as ee } from "@tiptap/extension-hard-break";
+import { History as oe } from "@tiptap/extension-history";
+import { Italic as ne } from "@tiptap/extension-italic";
+import { Link as ut } from "@tiptap/extension-link";
+import { Strike as re } from "@tiptap/extension-strike";
+import { Text as ie } from "@tiptap/extension-text";
+import { Underline as se } from "@tiptap/extension-underline";
+import * as ae from "prosemirror-view";
 import { Decoration as D, DecorationSet as F } from "prosemirror-view";
-const 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 ht = "_blockOuter_xgzwr_5", pt = "_block_xgzwr_5", ft = "_reactNodeViewRenderer_xgzwr_17", mt = "_blockContent_xgzwr_22", gt = "_blockGroup_xgzwr_42", kt = "_isEmpty_xgzwr_240", yt = "_inlineContent_xgzwr_240", bt = "_isFilter_xgzwr_241", vt = "_hasAnchor_xgzwr_263", k = {
+  blockOuter: ht,
+  block: pt,
+  reactNodeViewRenderer: ft,
+  blockContent: mt,
+  blockGroup: gt,
+  isEmpty: kt,
+  inlineContent: yt,
+  isFilter: bt,
+  hasAnchor: vt
+}, Yo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  block: pt,
+  blockContent: mt,
+  blockGroup: gt,
+  blockOuter: ht,
+  default: k,
+  hasAnchor: vt,
+  inlineContent: yt,
+  isEmpty: kt,
+  isFilter: bt,
+  reactNodeViewRenderer: ft
+}, Symbol.toStringTag, { value: "Module" }));
+function ot(o) {
+  return "data-" + o.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+}
+function le(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 de(o) {
+  return [
+    {
+      tag: "div[data-content-type=" + o.type + "]"
+    }
+  ];
+}
+function ce(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 Vo(o) {
+  return {
+    node: H({
+      name: o.type,
+      content: o.containsInlineContent ? "inline*" : "",
+      selectable: o.containsInlineContent,
+      addOptions() {
+        return {
+          editor: void 0
+        };
+      },
+      addAttributes() {
+        return le(o);
+      },
+      parseHTML() {
+        return de(o);
+      },
+      renderHTML({ HTMLAttributes: t }) {
+        return ce(o, t);
+      },
+      addNodeView() {
+        return ({ HTMLAttributes: t, getPos: n }) => {
+          const r = document.createElement("div");
+          r.className = k.blockContent, r.setAttribute("data-content-type", o.type);
+          for (const [p, f] of Object.entries(t))
+            r.setAttribute(p, f);
+          const i = this.options.editor;
+          if (typeof n == "boolean")
+            throw new Error(
+              "Cannot find node position as getPos is a boolean, not a function."
+            );
+          const s = n(), d = i._tiptapEditor.state.doc.resolve(s).node().attrs.id, c = i.getBlock(d);
+          if (c.type !== o.type)
+            throw new Error("Block type does not match");
+          const u = o.render(c, i);
+          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 ue = 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 Y({
+        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 s = r.attrs.id, a = r.firstChild, l = a.type, d = r.childCount === 2 ? r.lastChild.childCount : 0, c = t.start(i), u = t.end(i);
   return {
-    id: a,
-    node: n,
-    contentNode: s,
+    id: s,
+    node: r,
+    contentNode: a,
     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 Et = (o) => {
+  const { node: e, contentType: t } = g(
+    o.state.doc,
+    o.state.selection.from
+  ), n = o.state.selection.anchor === o.state.selection.head;
+  return !t.name.endsWith("ListItem") || !n ? !1 : o.commands.first(({ state: r, chain: i, commands: s }) => [
+    () => (
+      // Changes list item block to a text block if the content is empty.
+      s.command(() => e.textContent.length === 0 ? s.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.
+      s.command(() => e.textContent.length > 0 ? (i().deleteSelection().BNSplitBlock(r.selection.from, !0).run(), !0) : !1)
+    )
+  ]);
+}, he = H({
+  name: "bulletListItem",
+  content: "inline*",
+  addInputRules() {
+    return [
+      // Creates an unordered list when starting with "-", "+", or "*".
+      new Y({
+        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: () => Et(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]
+    ];
+  }
+}), pe = new E("numbered-list-indexing"), fe = () => new C({
+  key: pe,
+  appendTransaction: (o, e, t) => {
+    const n = t.tr;
+    n.setMeta("numberedListIndexing", !0);
+    let r = !1;
+    return t.doc.descendants((i, s) => {
+      if (i.type.name === "blockContainer" && i.firstChild.type.name === "numberedListItem") {
+        let a = "1";
+        const l = s === 1, d = g(n.doc, s + 1);
+        if (d === void 0)
+          return;
+        if (!l) {
+          const p = g(n.doc, s - 2);
+          if (p === void 0)
+            return;
+          if (!(d.depth !== p.depth)) {
+            const m = p.contentNode;
+            if (p.contentType.name === "numberedListItem") {
+              const U = m.attrs.index;
+              a = (parseInt(U) + 1).toString();
+            }
+          }
+        }
+        d.contentNode.attrs.index !== a && (r = !0, n.setNodeMarkup(s + 1, void 0, {
+          index: a
+        }));
+      }
+    }), 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 Y({
+        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: () => Et(this.editor)
+    };
+  },
+  addProseMirrorPlugins() {
+    return [fe()];
+  },
+  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]
+    ];
+  }
+}), ge = 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]
+    ];
+  }
+}), A = {
+  backgroundColor: {
+    default: "transparent"
+  },
+  textColor: {
+    default: "black"
+    // TODO
+  },
+  textAlignment: {
+    default: "left",
+    values: ["left", "center", "right", "justify"]
+  }
+}, ke = {
+  paragraph: {
+    propSchema: A,
+    node: ge
+  },
+  heading: {
+    propSchema: {
+      ...A,
+      level: { default: "1", values: ["1", "2", "3"] }
+    },
+    node: ue
+  },
+  bulletListItem: {
+    propSchema: A,
+    node: he
+  },
+  numberedListItem: {
+    propSchema: A,
+    node: me
+  }
+};
+function ye(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 ye(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()) : jt(),
       filterTransaction: null
     };
   },
@@ -116,64 +516,64 @@ 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: s } = this.options;
+    j(n, (l) => r.includes(l.type.name) && l.attrs[i] === null).forEach(({ node: l, pos: d }) => {
+      t.setNodeMarkup(d, void 0, {
         ...l.attrs,
-        [i]: a()
+        [i]: s()
       });
-    }), 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((m) => m.docChanged) && !n.doc.eq(r.doc), s = this.options.filterTransaction && t.some((m) => {
+            var b, y;
+            return !(!((y = (b = this.options).filterTransaction) === null || y === void 0) && y.call(b, m));
           });
-          if (!i || a)
+          if (!i || s)
             return;
-          const { tr: s } = 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,
+          const { tr: a } = r, { types: l, attributeName: d, generateID: c } = this.options, u = Ht(
+            n.doc,
+            t
+          ), { mapping: p } = u;
+          if (Ot(u).forEach(({ newRange: m }) => {
+            const b = Dt(
+              r.doc,
               m,
               (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, {
+            ), y = b.map(({ node: M }) => M.attrs[d]).filter((M) => M !== null), U = be(y);
+            b.forEach(({ node: M, pos: O }) => {
+              var $;
+              const Z = ($ = a.doc.nodeAt(O)) === null || $ === void 0 ? void 0 : $.attrs[d];
+              if (Z === null) {
+                a.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: Lt } = p.invert().mapResult(O);
+              Lt && U.includes(Z) && a.setNodeMarkup(O, void 0, {
                 ...M.attrs,
                 [d]: c()
               });
             });
-          }), !!s.steps.length)
-            return s;
+          }), !!a.steps.length)
+            return a;
         },
         // we register a global drag handler to track the current drag source element
-        view(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) => {
-              const s = [];
-              return a.forEach((l) => {
+          transformPasted: (t) => {
+            if (!e)
+              return t;
+            const { types: n, attributeName: r } = this.options, i = (s) => {
+              const a = [];
+              return s.forEach((l) => {
                 if (l.isText) {
-                  s.push(l);
+                  a.push(l);
                   return;
                 }
-                if (!r.includes(l.type.name)) {
-                  s.push(l.copy(i(l.content)));
+                if (!n.includes(l.type.name)) {
+                  a.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);
+                a.push(d);
+              }), _.from(a);
             };
-            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,360 @@ const Y = E.create({
     ];
   }
 });
-class Zt extends Error {
-  constructor(t) {
-    super(`Unreachable case: ${t}`);
+class ve extends Error {
+  constructor(e) {
+    super(`Unreachable case: ${e}`);
   }
 }
-const dt = /* @__PURE__ */ new Set([
+const Ct = /* @__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);
+]), Mt = /* @__PURE__ */ new Set(["textColor", "backgroundColor"]);
+function nt(o, e) {
+  const t = [];
+  for (const [n, r] of Object.entries(o.styles))
+    Ct.has(n) ? t.push(e.mark(n)) : Mt.has(n) && t.push(e.mark(n, { color: r }));
+  return o.text.split(/(\n)/g).filter((n) => n.length > 0).map((n) => n === `
+` ? e.nodes.hardBreak.create() : e.text(n, t));
 }
-function ee(o, 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 Bt(o.content, e).map((n) => {
+    if (n.type.name === "text")
+      return n.mark([...n.marks, t]);
+    if (n.type.name === "hardBreak")
+      return n;
+    throw new Error("unexpected node type");
+  });
 }
-function ut(o, t) {
-  let e = [];
+function Bt(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(
+      ...nt({ type: "text", text: o, styles: {} }, e)
+    ), t;
+  for (const n of o)
+    t.push(...nt(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 Tt(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(...Bt([n], e));
     else
-      throw new Zt(r);
-  return e;
+      throw new ve(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 a = Tt(o.content, e);
+    r = e.nodes[n].create(o.props, a);
   }
   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(
+    for (const a of o.children)
+      i.push(z(a, e));
+  const s = 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, s] : 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) => {
+    if (n.type.name === "hardBreak") {
+      t ? t.type === "text" ? t.text += `
+` : t.type === "link" && (t.content[t.content.length - 1].text += `
+`) : t = {
+        type: "text",
+        text: `
+`,
+        styles: {}
+      };
+      return;
+    }
+    const r = {};
     let i;
-    for (const a of r.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;
+    for (const s of n.marks)
+      if (s.type.name === "link")
+        i = s;
+      else if (Ct.has(s.type.name))
+        r[s.type.name] = !0;
+      else if (Mt.has(s.type.name))
+        r[s.type.name] = s.attrs.color;
       else
-        throw Error("Mark is of an unrecognized type: " + a.type.name);
-    i && e && i.attrs.href === e.href ? e.content.push({
-      type: "text",
-      text: r.textContent,
-      styles: n
-    }) : i ? (e = {
+        throw Error("Mark is of an unrecognized type: " + s.type.name);
+    t ? t.type === "text" ? i ? (e.push(t), t = {
       type: "link",
       href: i.attrs.href,
       content: [
         {
           type: "text",
-          text: r.textContent,
-          styles: n
+          text: n.textContent,
+          styles: r
         }
       ]
-    }, t.push(e)) : (t.push({
+    }) : JSON.stringify(t.styles) === JSON.stringify(r) ? t.text += n.textContent : (e.push(t), t = {
       type: "text",
-      text: r.textContent,
-      styles: n
-    }), e = void 0);
-  }), t;
-}
-function B(o, t) {
-  if (o.type.name !== "blockContainer")
-    throw Error(
-      "Node must be of type blockContainer, but is of type" + o.type.name + "."
+      text: n.textContent,
+      styles: r
+    }) : t.type === "link" && (i ? t.href === i.attrs.href ? JSON.stringify(
+      t.content[t.content.length - 1].styles
+    ) === JSON.stringify(r) ? t.content[t.content.length - 1].text += n.textContent : t.content.push({
+      type: "text",
+      text: n.textContent,
+      styles: r
+    }) : (e.push(t), t = {
+      type: "link",
+      href: i.attrs.href,
+      content: [
+        {
+          type: "text",
+          text: n.textContent,
+          styles: r
+        }
+      ]
+    }) : (e.push(t), t = {
+      type: "text",
+      text: n.textContent,
+      styles: r
+    })) : i ? t = {
+      type: "link",
+      href: i.attrs.href,
+      content: [
+        {
+          type: "text",
+          text: n.textContent,
+          styles: r
+        }
+      ]
+    } : t = {
+      type: "text",
+      text: n.textContent,
+      styles: r
+    };
+  }), t && e.push(t), e;
+}
+function B(o, e, t) {
+  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 s = {};
+  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 f = p.propSchema;
+    c in f ? s[c] = u : c !== "id" && !(c in A) && 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 a = 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,
+    props: s,
     content: a,
-    children: 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 wt(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));
-  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") {
-    if (s.childCount < 2) {
-      a = l + s.firstChild.nodeSize + 1;
-      const d = r.state.schema.nodes.blockGroup.create(
+    i.push(z(d, n.schema));
+  let s = -1;
+  const { node: a, posBeforeNode: l } = J(r, n.state.doc);
+  if (t === "before" && (s = l), t === "after" && (s = l + a.nodeSize), t === "nested") {
+    if (a.childCount < 2) {
+      s = l + a.firstChild.nodeSize + 1;
+      const d = n.state.schema.nodes.blockGroup.create(
         {},
         i
       );
-      r.view.dispatch(
-        r.state.tr.insert(a, d)
+      n.view.dispatch(
+        n.state.tr.insert(s, d)
       );
       return;
     }
-    a = l + s.firstChild.nodeSize + 2;
+    s = l + a.firstChild.nodeSize + 2;
   }
-  r.view.dispatch(r.state.tr.insert(a, i));
+  n.view.dispatch(n.state.tr.insert(s, 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 St(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 s = e.state.doc.nodeSize;
+    e.commands.BNDeleteBlock(i - n + 1);
+    const a = e.state.doc.nodeSize;
+    return n += s - a, !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) {
+  wt(e, o[0], "before", t), St(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 s = 0; s < r; s++) {
+      const l = n.children[s].children[0], d = l.children[0], c = l.children.length === 2 ? l.children[1] : null, u = e.has(
         d.properties.dataContentType
-      ), 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(
-          a - i.children.length,
+      if (c !== null && t(c), i && i.tagName !== p) {
+        n.children.splice(
+          s - i.children.length,
           i.children.length,
           i
         );
-        const p = i.children.length - 1;
-        a -= p, n -= p, i = void 0;
+        const f = i.children.length - 1;
+        s -= f, r -= f, i = void 0;
       }
-      if (h) {
-        i || (i = Z(
-          document.createElement(f)
+      if (u) {
+        i || (i = et(
+          document.createElement(p)
         ));
-        const p = Z(
+        const f = et(
           document.createElement("li")
         );
-        p.children.push(d.children[0]), c !== null && p.children.push(...c.children), i.children.push(p);
+        f.children.push(d.children[0]), c !== null && f.children.push(...c.children), i.children.push(f);
       } 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(s + 1, 0, ...c.children), n.children[s] = d.children[0];
+        const f = c.children.length;
+        s += f, r += f;
       } else
-        r.children[a] = d.children[0];
+        n.children[s] = 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 xt(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 s = z(i, e), a = n.serializeNode(s);
+    t.appendChild(a);
   }
-  return (await W().use(it, { fragment: !0 }).use(se, {
+  return (await V().use(lt, { fragment: !0 }).use(we, {
     orderedListItemBlockTypes: /* @__PURE__ */ new Set(["numberedListItem"]),
     unorderedListItemBlockTypes: /* @__PURE__ */ new Set(["bulletListItem"])
-  }).use(st).process(e.innerHTML)).value;
+  }).use(dt).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 It(o, e, t) {
+  const n = document.createElement("div");
+  n.innerHTML = o.trim();
+  const i = Gt.fromSchema(t).parse(n), s = [];
+  for (let a = 0; a < i.firstChild.childCount; a++)
+    s.push(B(i.firstChild.child(a), e));
+  return s;
 }
-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 V().use(lt, { fragment: !0 }).use(Te).use(qt).use(ct).use(Vt).process(await xt(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 V().use(Wt).use(ct).use(Yt).use(dt).process(o);
+  return It(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_4vj2p_3", _e = "_bnRoot_4vj2p_20", Pe = "_defaultStyles_4vj2p_35", Le = "_dragPreview_4vj2p_68", P = {
+  bnEditor: Ie,
+  bnRoot: _e,
+  defaultStyles: Pe,
+  dragPreview: Le,
+  "collaboration-cursor__caret": "_collaboration-cursor__caret_4vj2p_74",
+  "collaboration-cursor__label": "_collaboration-cursor__label_4vj2p_85"
+}, Ne = v.create({
   name: "blockBackgroundColor",
   addGlobalAttributes() {
     return [
@@ -547,17 +1001,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({
+}), Ae = st.create({
   name: "backgroundColor",
   addAttributes() {
     return {
@@ -583,10 +1037,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 = {
+}), rt = new E("previous-blocks"), He = {
   // Numbered List Items
   index: "index",
   // Headings
@@ -595,17 +1049,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: rt,
+    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(rt, { clearUpdate: !0 })
             );
           }, 0));
         },
@@ -625,68 +1079,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(
-          a.map((d) => [d.node.attrs.id, d])
-        ), l = G(n.doc, (d) => d.attrs.id);
+      apply(e, t, n, r) {
+        if (t.currentTransactionOldBlockAttrs = {}, t.updatedBlocks.clear(), !e.docChanged || n.doc.eq(r.doc))
+          return t;
+        const i = {}, s = j(n.doc, (d) => d.attrs.id), a = new Map(
+          s.map((d) => [d.node.attrs.id, d])
+        ), l = j(r.doc, (d) => d.attrs.id);
         for (let d of l) {
-          const c = s.get(d.node.attrs.id), 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 = a.get(d.node.attrs.id), u = c == null ? void 0 : c.node.firstChild, p = d.node.firstChild;
+          if (c && u && p) {
+            const f = {
+              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
+              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] = m, e.getMeta("numberedListIndexing") && (d.node.attrs.id in t.prevTransactionOldBlockAttrs && (m = t.prevTransactionOldBlockAttrs[d.node.attrs.id]), f.type === "numberedListItem" && (m.index = f.index)), t.currentTransactionOldBlockAttrs[d.node.attrs.id] = m, JSON.stringify(m) !== JSON.stringify(f) && (m["depth-change"] = m.depth - f.depth, t.updatedBlocks.add(d.node.attrs.id));
           }
         }
-        return 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 = {};
-          for (let [d, c] of Object.entries(a))
-            s["data-prev-" + me[d]] = c || "none";
-          const l = D.node(i, i + n.nodeSize, {
-            ...s
+          const s = t.currentTransactionOldBlockAttrs[r.attrs.id], a = {};
+          for (let [d, c] of Object.entries(s))
+            a["data-prev-" + He[d]] = c || "none";
+          const l = D.node(i, i + r.nodeSize, {
+            ...a
           });
-          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 +1152,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,564 +1164,312 @@ 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
       ]
     ];
-  },
-  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;
-      },
-      // Deletes a block at a given position.
-      BNDeleteBlock: (o) => ({ state: t, dispatch: e }) => {
-        const r = g(t.doc, o);
-        if (r === void 0)
-          return !1;
-        const { startPos: n, endPos: i } = r;
-        return e && t.tr.deleteRange(n, 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)
-          return !1;
-        const { startPos: i, endPos: a, node: s, contentNode: l } = n;
-        if (r) {
-          if (t.children !== void 0) {
-            const d = [];
-            for (const c of t.children)
-              d.push(R(c, e.schema));
-            s.childCount === 2 ? e.tr.replace(
-              i + l.nodeSize + 1,
-              a - 1,
-              new P(L.from(d), 0, 0)
-            ) : e.tr.insert(
-              i + l.nodeSize,
-              e.schema.nodes.blockGroup.create({}, d)
-            );
-          }
-          if (t.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(
-              i + 1,
-              i + l.nodeSize - 1,
-              new P(L.from(d), 0, 0)
-            );
-          }
-          e.tr.setNodeMarkup(
-            i,
-            t.type === void 0 ? void 0 : e.schema.nodes[t.type],
-            {
-              ...l.attrs,
-              ...t.props
-            }
-          ), e.tr.setNodeMarkup(i - 1, void 0, {
-            ...s.attrs,
-            ...t.props
-          });
-        }
-        return !0;
-      },
-      // Appends the text contents of a block to the nearest previous block, given a position between them. Children of
-      // the merged block are moved out of it first, rather than also being merged.
-      //
-      // In the example below, the position passed into the function is between Block1 and Block2.
-      //
-      // Block1
-      //    Block2
-      // Block3
-      //    Block4
-      //        Block5
-      //
-      // Becomes:
-      //
-      // Block1
-      //    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)
-          return !1;
-        const i = g(
-          t.doc,
-          o + 1
-        ), { node: a, contentNode: s, startPos: l, endPos: d, depth: c } = i;
-        if (a.childCount === 2) {
-          const p = t.doc.resolve(
-            l + s.nodeSize + 1
-          ), m = t.doc.resolve(d - 1), y = p.blockRange(m);
-          e && t.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)
-            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))
-        )), !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)
-          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),
-            d + 2,
-            d + 2
-          ) : void 0
-        ), t && e.tr.setBlockType(
-          m,
-          m,
-          e.schema.node(a).type,
-          i.attrs
-        ), e.tr.setSelection(
-          new Q(e.doc.resolve(m))
-        ), e.tr.replace(
-          s + 1,
-          l - 1,
-          c.content.size > 0 ? new P(
-            L.from(c),
-            d + 2,
-            d + 2
-          ) : void 0
-        )), !0;
-      }
-    };
-  },
-  addProseMirrorPlugins() {
-    return [ge()];
-  },
-  addKeyboardShortcuts() {
-    return {
-      Backspace: () => this.editor.commands.first(({ commands: e }) => [
-        // Deletes the selection if it's not empty.
-        () => e.deleteSelection(),
-        // Undoes an input rule if one was triggered in the last editor state change.
-        () => e.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, {
-            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),
-        // 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;
-        })
-      ]),
-      Enter: () => this.editor.commands.first(({ commands: e }) => [
-        // 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;
-        }),
-        // 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 }) => {
-          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;
-          if (s && l && d) {
-            const c = a + 1, h = c + 2;
-            return n().BNCreateBlock(c).setTextSelection(h).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 }) => {
-          const { node: i } = g(
-            r.doc,
-            r.selection.from
-          );
-          return i.textContent.length === 0 ? !1 : (n().deleteSelection().BNSplitBlock(r.selection.from, !1).run(), !0);
-        })
-      ]),
-      // Always returning true for tab key presses ensures they're not captured by the browser. Otherwise, they blur the
-      // editor since the browser will try to use tab for keyboard navigation.
-      Tab: () => (this.editor.commands.sinkListItem("blockContainer"), !0),
-      "Shift-Tab": () => (this.editor.commands.liftListItem("blockContainer"), !0),
-      "Mod-Alt-0": () => this.editor.commands.BNCreateBlock(
-        this.editor.state.selection.anchor + 2
-      ),
-      "Mod-Alt-1": () => this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
-        type: "heading",
-        props: {
-          level: "1"
-        }
-      }),
-      "Mod-Alt-2": () => this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
-        type: "heading",
-        props: {
-          level: "2"
-        }
-      }),
-      "Mod-Alt-3": () => this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
-        type: "heading",
-        props: {
-          level: "3"
-        }
-      }),
-      "Mod-Shift-7": () => this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
-        type: "bulletListItem",
-        props: {}
-      }),
-      "Mod-Shift-8": () => this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
-        type: "numberedListItem",
-        props: {}
-      })
-    };
-  }
-}), we = S.create({
-  name: "blockGroup",
-  group: "blockGroup",
-  content: "blockContainer+",
-  addOptions() {
-    return {
-      HTMLAttributes: {}
-    };
-  },
-  parseHTML() {
-    return [
-      {
-        tag: "div",
-        getAttrs: (o) => typeof o == "string" ? !1 : o.getAttribute("data-node-type") === "blockGroup" ? null : !1
-      }
-    ];
-  },
-  renderHTML({ HTMLAttributes: o }) {
-    return [
-      "div",
-      w(this.options.HTMLAttributes, o, {
-        class: b.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();
-            }
+  },
+  addCommands() {
+    return {
+      // Creates a new text block at a given position.
+      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: e, dispatch: t }) => {
+        const n = g(e.doc, o);
+        if (n === void 0)
+          return !1;
+        const { startPos: r, endPos: i } = n;
+        return t && e.tr.deleteRange(r, i), !0;
+      },
+      // Updates a block at a given position.
+      BNUpdateBlock: (o, e) => ({ state: t, dispatch: n }) => {
+        const r = g(t.doc, o);
+        if (r === void 0)
+          return !1;
+        const { startPos: i, endPos: s, node: a, contentNode: l } = r;
+        if (n) {
+          if (e.children !== void 0) {
+            const d = [];
+            for (const c of e.children)
+              d.push(z(c, t.schema));
+            a.childCount === 2 ? t.tr.replace(
+              i + l.nodeSize + 1,
+              s - 1,
+              new I(_.from(d), 0, 0)
+            ) : t.tr.insert(
+              i + l.nodeSize,
+              t.schema.nodes.blockGroup.create({}, d)
+            );
+          }
+          if (e.content !== void 0) {
+            let d = [];
+            typeof e.content == "string" ? d.push(t.schema.text(e.content)) : d = Tt(e.content, t.schema), t.tr.replace(
+              i + 1,
+              i + l.nodeSize - 1,
+              new I(_.from(d), 0, 0)
+            );
           }
+          t.tr.setNodeMarkup(
+            i,
+            e.type === void 0 ? void 0 : t.schema.nodes[e.type],
+            {
+              ...l.attrs,
+              ...e.props
+            }
+          ), t.tr.setNodeMarkup(i - 1, void 0, {
+            ...a.attrs,
+            ...e.props
+          });
         }
-        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
-        })
+        return !0;
+      },
+      // Appends the text contents of a block to the nearest previous block, given a position between them. Children of
+      // the merged block are moved out of it first, rather than also being merged.
+      //
+      // In the example below, the position passed into the function is between Block1 and Block2.
+      //
+      // Block1
+      //    Block2
+      // Block3
+      //    Block4
+      //        Block5
+      //
+      // Becomes:
+      //
+      // Block1
+      //    Block2Block3
+      // Block4
+      //     Block5
+      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(
+          e.doc,
+          o + 1
+        ), { node: s, contentNode: a, startPos: l, endPos: d, depth: c } = i;
+        if (s.childCount === 2) {
+          const f = e.doc.resolve(
+            l + a.nodeSize + 1
+          ), m = e.doc.resolve(d - 1), b = f.blockRange(m);
+          t && e.tr.lift(b, c - 1);
+        }
+        let u = o - 1, p = g(e.doc, u);
+        for (; p.numChildBlocks > 0; )
+          if (u--, p = g(e.doc, u), p === void 0)
+            return !1;
+        return t && (e.tr.deleteRange(l, l + a.nodeSize), e.tr.insertText(a.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, e) => ({ state: t, dispatch: n }) => {
+        const r = g(t.doc, o);
+        if (r === void 0)
+          return !1;
+        const { contentNode: i, contentType: s, startPos: a, endPos: l, depth: d } = r, c = t.doc.cut(a + 1, o), u = t.doc.cut(o, l - 1), p = t.schema.nodes.blockContainer.createAndFill(), f = l + 1, m = f + 2;
+        return n && (t.tr.insert(f, p), t.tr.replace(
+          m,
+          m + 1,
+          u.content.size > 0 ? new I(
+            _.from(u),
+            d + 2,
+            d + 2
+          ) : void 0
+        ), e && t.tr.setBlockType(
+          m,
+          m,
+          t.schema.node(s).type,
+          i.attrs
+        ), t.tr.setSelection(
+          new tt(t.doc.resolve(m))
+        ), t.tr.replace(
+          a + 1,
+          l - 1,
+          c.content.size > 0 ? new I(
+            _.from(c),
+            d + 2,
+            d + 2
+          ) : void 0
+        )), !0;
       }
     };
   },
-  addInputRules() {
-    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",
+  addProseMirrorPlugins() {
+    return [Oe()];
+  },
+  addKeyboardShortcuts() {
+    return {
+      Backspace: () => this.editor.commands.first(({ commands: t }) => [
+        // Deletes the selection if it's not empty.
+        () => t.deleteSelection(),
+        // Undoes an input rule if one was triggered in the last editor state change.
+        () => t.undoInputRule(),
+        // Reverts block content type to a paragraph if the selection is at the start of the block.
+        () => t.command(({ state: n }) => {
+          const { contentType: r } = g(
+            n.doc,
+            n.selection.from
+          ), i = n.selection.$anchor.parentOffset === 0, s = r.name === "paragraph";
+          return i && !s ? t.BNUpdateBlock(n.selection.from, {
+            type: "paragraph",
             props: {}
-          }).deleteRange({ from: e.from, to: e.to });
+          }) : !1;
+        }),
+        // Removes a level of nesting if the block is indented if the selection is at the start of the block.
+        () => 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.
+        () => t.command(({ state: n }) => {
+          const { depth: r, startPos: i } = g(
+            n.doc,
+            n.selection.from
+          ), s = n.selection.$anchor.parentOffset === 0, a = n.selection.anchor === n.selection.head, l = i === 2, d = i - 1;
+          return !l && s && a && r === 2 ? t.BNMergeBlocks(d) : !1;
+        })
+      ]),
+      Enter: () => this.editor.commands.first(({ commands: t }) => [
+        // Removes a level of nesting if the block is empty & indented, while the selection is also empty & at the start
+        // of the block.
+        () => t.command(({ state: n }) => {
+          const { node: r, depth: i } = g(
+            n.doc,
+            n.selection.from
+          ), s = n.selection.$anchor.parentOffset === 0, a = n.selection.anchor === n.selection.head, l = r.textContent.length === 0, d = i > 2;
+          return s && a && l && d ? t.liftListItem("blockContainer") : !1;
+        }),
+        // Creates a new block and moves the selection to it if the current one is empty, while the selection is also
+        // empty & at the start of the block.
+        () => t.command(({ state: n, chain: r }) => {
+          const { node: i, endPos: s } = g(
+            n.doc,
+            n.selection.from
+          ), a = n.selection.$anchor.parentOffset === 0, l = n.selection.anchor === n.selection.head, d = i.textContent.length === 0;
+          if (a && l && d) {
+            const c = s + 1, u = c + 2;
+            return r().BNCreateBlock(c).setTextSelection(u).run(), !0;
+          }
+          return !1;
+        }),
+        // 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.
+        () => t.command(({ state: n, chain: r }) => {
+          const { node: i } = g(
+            n.doc,
+            n.selection.from
+          );
+          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
+      // editor since the browser will try to use tab for keyboard navigation.
+      Tab: () => (this.editor.commands.sinkListItem("blockContainer"), !0),
+      "Shift-Tab": () => (this.editor.commands.liftListItem("blockContainer"), !0),
+      "Mod-Alt-0": () => this.editor.commands.BNCreateBlock(
+        this.editor.state.selection.anchor + 2
+      ),
+      "Mod-Alt-1": () => this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
+        type: "heading",
+        props: {
+          level: "1"
+        }
+      }),
+      "Mod-Alt-2": () => this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
+        type: "heading",
+        props: {
+          level: "2"
+        }
+      }),
+      "Mod-Alt-3": () => this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
+        type: "heading",
+        props: {
+          level: "3"
         }
+      }),
+      "Mod-Shift-7": () => this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
+        type: "bulletListItem",
+        props: {}
+      }),
+      "Mod-Shift-8": () => this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
+        type: "numberedListItem",
+        props: {}
       })
-    ];
-  },
-  addKeyboardShortcuts() {
+    };
+  }
+}), Re = R.create({
+  name: "blockGroup",
+  group: "blockGroup",
+  content: "blockContainer+",
+  addOptions() {
     return {
-      Enter: () => kt(this.editor)
+      HTMLAttributes: {}
     };
   },
-  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"
+        tag: "div",
+        getAttrs: (o) => typeof o == "string" ? !1 : o.getAttribute("data-node-type") === "blockGroup" ? null : !1
       }
     ];
   },
   renderHTML({ HTMLAttributes: o }) {
     return [
       "div",
-      w(o, {
-        class: b.blockContent,
-        "data-content-type": this.name
+      w(this.options.HTMLAttributes, o, {
+        class: k.blockGroup,
+        "data-node-type": "blockGroup"
       }),
-      // 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]
+      0
     ];
   }
-}), Ae = [
-  Se,
-  xe,
-  Ie,
-  _e,
-  Te,
-  we,
-  S.create({
+}), ze = [
+  Fe,
+  Re,
+  R.create({
     name: "doc",
     topNode: !0,
     content: "blockGroup"
   })
-], Ne = wt(
+], 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 [
+      new C({
+        props: {
+          clipboardSerializer: Ue(this.editor.schema)
+        }
+      })
+    ];
+  }
+}), Ge = Ft(
   (o) => o.type.name === "blockContainer"
 );
-function q() {
+function W() {
   return {
     active: !1,
     triggerCharacter: void 0,
@@ -1286,38 +1480,38 @@ 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, s = n.active && !r.active, a = n.active && r.active;
+    !i && !a && !s || (this.pluginState = s ? n : r, (s || !this.editor.isEditable) && (this.suggestionsMenu.hide(), this.suggestionsMenu.element.removeEventListener(
       "mousedown",
       (l) => l.preventDefault()
-    )), s && this.suggestionsMenu.render(this.getDynamicParams(), !1), i && this.editor.isEditable && (this.suggestionsMenu.render(this.getDynamicParams(), !0), this.suggestionsMenu.element.addEventListener(
+    )), a && this.suggestionsMenu.render(this.getDynamicParams(), !1), i && this.editor.isEditable && (this.suggestionsMenu.render(this.getDynamicParams(), !0), this.suggestionsMenu.element.addEventListener(
       "mousedown",
       (l) => l.preventDefault()
     )));
@@ -1327,58 +1521,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 }));
+  const s = (a) => {
+    a.dispatch(a.state.tr.setMeta(o, { deactivate: !0 }));
   };
   return new C({
     key: o,
-    view: (s) => new He({
-      editor: t,
+    view: (a) => new je({
+      editor: e,
       pluginKey: o,
       onSelectItem: (l) => {
-        a(s), n(l);
+        s(a), 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;
-        if (s.getMeta("orderedListIndexing") !== void 0)
+      apply(a, l, d, c) {
+        var p, f, m, b;
+        if (a.getMeta("orderedListIndexing") !== void 0)
           return l;
-        if ((f = s.getMeta(o)) != null && f.activate)
+        if ((p = a.getMeta(o)) != null && p.activate)
           return {
             active: !0,
-            triggerCharacter: ((p = s.getMeta(o)) == null ? void 0 : p.triggerCharacter) || "",
+            triggerCharacter: ((f = a.getMeta(o)) == null ? void 0 : f.triggerCharacter) || "",
             queryStartPos: c.selection.from,
             items: i(""),
             keyboardHoveredItemIndex: 0,
@@ -1389,78 +1583,78 @@ 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.
+        (m = a.getMeta(o)) != null && m.deactivate || // Certain mouse events should hide the menu.
         // TODO: Change to global mousedown listener.
-        s.getMeta("focus") || s.getMeta("blur") || s.getMeta("pointer") || // Moving the caret before the character which triggered the menu should hide it.
+        a.getMeta("focus") || a.getMeta("blur") || a.getMeta("pointer") || // Moving the caret before the character which triggered the menu should hide it.
         l.active && c.selection.from < l.queryStartPos || // Entering more than 3 characters, after the last query that matched with at least 1 menu item, should hide
         // the menu.
-        h.notFoundCount > 3)
-          return q();
-        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;
+        u.notFoundCount > 3)
+          return W();
+        if (((b = a.getMeta(o)) == null ? void 0 : b.selectedItemIndexChanged) !== void 0) {
+          let y = a.getMeta(o).selectedItemIndexChanged;
+          y < 0 ? y = l.items.length - 1 : y >= l.items.length && (y = 0), u.keyboardHoveredItemIndex = y;
         }
-        return h;
+        return u;
       }
     },
     props: {
-      handleKeyDown(s, l) {
-        const d = this.getState(s.state).active;
-        if (l.key === e && !d)
-          return s.dispatch(
-            s.state.tr.insertText(e).scrollIntoView().setMeta(o, {
+      handleKeyDown(a, l) {
+        const d = this.getState(a.state).active;
+        if (l.key === t && !d)
+          return a.dispatch(
+            a.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
-        } = o.getState(s.state);
-        return l.key === "ArrowUp" ? (s.dispatch(
-          s.state.tr.setMeta(o, {
-            selectedItemIndexChanged: p - 1
+          queryStartPos: u,
+          items: p,
+          keyboardHoveredItemIndex: f
+        } = o.getState(a.state);
+        return l.key === "ArrowUp" ? (a.dispatch(
+          a.state.tr.setMeta(o, {
+            selectedItemIndexChanged: f - 1
           })
-        ), !0) : l.key === "ArrowDown" ? (s.dispatch(
-          s.state.tr.setMeta(o, {
-            selectedItemIndexChanged: p + 1
+        ), !0) : l.key === "ArrowDown" ? (a.dispatch(
+          a.state.tr.setMeta(o, {
+            selectedItemIndexChanged: f + 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 === "Escape" ? (a(s), !0) : !1;
+        ), !0) : l.key === "Enter" ? (s(a), e._tiptapEditor.chain().focus().deleteRange({
+          from: u - c.length,
+          to: e._tiptapEditor.state.selection.from
+        }).run(), r({
+          item: p[f],
+          editor: e
+        }), !0) : l.key === "Escape" ? (s(a), !0) : !1;
       },
       // Hides menu in cases where mouse click does not cause an editor state change.
-      handleClick(s) {
-        a(s);
+      handleClick(a) {
+        s(a);
       },
       // Setup decorator on the currently active suggestion.
-      decorations(s) {
-        const { active: l, decorationId: d, queryStartPos: c, triggerCharacter: h } = this.getState(s);
+      decorations(a) {
+        const { active: l, decorationId: d, queryStartPos: c, triggerCharacter: u } = this.getState(a);
         if (!l)
           return null;
-        if (h === "") {
-          const f = Ne(s.selection);
-          if (f)
-            return F.create(s.doc, [
+        if (u === "") {
+          const p = Ge(a.selection);
+          if (p)
+            return F.create(a.doc, [
               D.node(
-                f.pos,
-                f.pos + f.node.nodeSize,
+                p.pos,
+                p.pos + p.node.nodeSize,
                 {
                   nodeName: "span",
                   class: "suggestion-decorator",
@@ -1469,9 +1663,9 @@ function Oe({
               )
             ]);
         }
-        return F.create(s.doc, [
+        return F.create(a.doc, [
           D.inline(
-            c - h.length,
+            c - u.length,
             c,
             {
               nodeName: "span",
@@ -1484,7 +1678,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 +1692,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, s, a) => {
+      if (a !== null && a.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 Ye = ae.__serializeForClipboard;
 let T;
-function yt(o, t) {
-  var n;
-  if (!t.dom.isConnected)
+function _t(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 Ve(o, e) {
+  let t = _t(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) {
-    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;
+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", s = Math.min(o.$anchor.depth, o.$head.depth);
+  if (r && i) {
+    const a = o.$from.start(s - 1), l = o.$to.end(s - 1);
+    t = e.resolve(a - 1).pos, n = e.resolve(l + 1).pos;
   } else
-    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 it(o, e, t = e) {
+  e === t && (t += o.state.doc.resolve(e + 1).node().nodeSize);
+  const n = o.domAtPos(e).node.cloneNode(!0), r = o.domAtPos(e).node, i = (c, u) => Array.prototype.indexOf.call(c.children, u), s = i(
+    r,
     // Expects from position to be just before the first selected block.
-    o.domAtPos(t + 1).node.parentElement
-  ), s = i(
-    n,
+    o.domAtPos(e + 1).node.parentElement
+  ), a = i(
+    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 > a || c < s) && n.removeChild(n.children[c]);
+  Pt(), 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 Pt() {
   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 = Ve(n, e);
+  if (r != null) {
+    const i = e.state.selection, s = e.state.doc, { from: a, to: l } = Ke(i, s), d = a <= r && r < l, c = i.$anchor.node() !== i.$head.node() || i instanceof L;
+    d && c ? (e.dispatch(
+      e.state.tr.setSelection(L.create(s, a, l))
+    ), it(e, a, l)) : (e.dispatch(
+      e.state.tr.setSelection($t.create(e.state.doc, r))
+    ), it(e, r));
+    let u = e.state.selection.content(), { dom: p, text: f } = Ye(e, u);
+    o.dataTransfer.clearData(), o.dataTransfer.setData("text/html", p.innerHTML), o.dataTransfer.setData("text/plain", f), o.dataTransfer.effectAllowed = "move", o.dataTransfer.setDragImage(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,86 +1850,97 @@ 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);
       }
     });
     /**
-     * If the event is outside of the editor contents,
+     * If the event is outside the editor contents,
      * we dispatch a fake event, so that we can still drop the content
      * when dragging / dropping to the side of the editor
      */
-    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) => {
-      var a, s;
+    h(this, "onMouseMove", (e) => {
+      var l, d, c;
       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(), n = this.ttEditor.view.dom.getBoundingClientRect();
+      if (
+        // Cursor is within the editor area
+        e.clientX >= n.left && e.clientX <= n.right && e.clientY >= n.top && e.clientY <= n.bottom && // An element is hovered
+        e && e.target && // Element is outside the editor
+        this.ttEditor.view.dom !== e.target && !this.ttEditor.view.dom.contains(e.target) && // Element is outside the side menu
+        this.blockMenu.element !== e.target && !((l = this.blockMenu.element) != null && l.contains(e.target))
+      ) {
+        this.menuOpen && (this.menuOpen = !1, this.blockMenu.hide());
+        return;
+      }
+      this.horizontalPosAnchor = t.x;
+      const i = {
+        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
+      }, s = _t(i, this.ttEditor.view);
+      if (!s || !this.editor.isEditable) {
         this.menuOpen && (this.menuOpen = !1, this.blockMenu.hide());
         return;
       }
-      this.menuOpen && ((a = this.hoveredBlock) != null && a.hasAttribute("data-id")) && ((s = this.hoveredBlock) == null ? void 0 : s.getAttribute("data-id")) === 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 && ((d = this.hoveredBlock) != null && d.hasAttribute("data-id")) && ((c = this.hoveredBlock) == null ? void 0 : c.getAttribute("data-id")) === s.id || (this.hoveredBlock = s.node, !s.node.firstChild) || this.editor.isEditable && (this.menuOpen ? this.blockMenu.render(this.getDynamicParams(), !1) : (this.menuOpen = !0, this.blockMenu.render(this.getDynamicParams(), !0)));
     });
-    u(this, "onScroll", () => {
-      this.menuOpen && this.blockMenu.render(this.getDynamicParams(), !1);
+    h(this, "onScroll", () => {
+      const e = this.ttEditor.view.dom.firstChild.getBoundingClientRect();
+      this.horizontalPosAnchor = e.x, 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: s } = r;
     if (i.textContent.length !== 0) {
-      const s = a + 1, l = s + 2;
-      this.ttEditor.chain().BNCreateBlock(s).BNUpdateBlock(l, { type: "paragraph", props: {} }).setTextSelection(l).run();
+      const a = s + 1, l = a + 2;
+      this.ttEditor.chain().BNCreateBlock(a).BNUpdateBlock(l, { type: "paragraph", props: {} }).setTextSelection(l).run();
     } else
-      this.ttEditor.commands.setTextSelection(a);
+      this.ttEditor.commands.setTextSelection(s);
     this.ttEditor.view.focus(), this.ttEditor.view.dispatch(
-      this.ttEditor.view.state.tr.scrollIntoView().setMeta(V, {
+      this.ttEditor.view.state.tr.scrollIntoView().setMeta(X, {
         // TODO import suggestion plugin key
         activate: !0,
         type: "drag"
@@ -1744,10 +1951,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: () => Pt(),
       freezeMenu: () => {
         this.menuFrozen = !0;
       },
@@ -1757,27 +1964,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 +1994,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,83 +2002,74 @@ 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: s } = t, { empty: a } = s, l = !i.textBetween(n, r).length && Rt(t.selection);
+      return !(!e.hasFocus() || a || 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;
       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
-      )) || this.toolbarIsOpen && (this.formattingToolbar.hide(), this.toolbarIsOpen = !1);
+      // An element is clicked.
+      e && e.relatedTarget && // Element is outside the toolbar.
+      (this.formattingToolbar.element === e.relatedTarget || (t = this.formattingToolbar.element) != null && t.contains(e.relatedTarget)) || this.toolbarIsOpen && (this.formattingToolbar.hide(), this.toolbarIsOpen = !1);
     });
-    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: s } = n, a = t && t.doc.eq(i) && t.selection.eq(s);
+    if ((this.prevWasEditable === null || this.prevWasEditable === this.editor.isEditable) && (r || a))
       return;
     this.prevWasEditable = this.editor.isEditable;
-    const { ranges: l } = a, d = Math.min(...l.map((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 } = s, d = Math.min(...l.map((f) => f.$from.pos)), c = Math.max(...l.map((f) => f.$to.pos)), u = (p = this.shouldShow) == null ? void 0 : p.call(this, {
+      view: e,
+      state: n,
       from: d,
       to: c
     });
-    if (this.editor.isEditable && !this.toolbarIsOpen && !this.preventShow && (h || this.preventHide)) {
-      this.formattingToolbar.render(this.getDynamicParams(), !0), this.toolbarIsOpen = !0, this.formattingToolbar.element.addEventListener(
-        "mousedown",
-        (p) => p.preventDefault()
-      );
+    if (this.editor.isEditable && !this.toolbarIsOpen && !this.preventShow && (u || this.preventHide)) {
+      this.formattingToolbar.render(this.getDynamicParams(), !0), this.toolbarIsOpen = !0;
       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)) {
-      this.formattingToolbar.hide(), this.toolbarIsOpen = !1, this.formattingToolbar.element.removeEventListener(
-        "mousedown",
-        (p) => p.preventDefault()
-      );
+    if (this.toolbarIsOpen && !this.preventHide && (!u || this.preventShow || !this.editor.isEditable)) {
+      this.formattingToolbar.hide(), this.toolbarIsOpen = !1;
       return;
     }
   }
@@ -1879,13 +2077,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);
-      if (a)
-        return a.getBoundingClientRect();
+    const { state: e } = this.ttEditor.view, { selection: t } = e, { ranges: n } = t, r = Math.min(...n.map((s) => s.$from.pos)), i = Math.max(...n.map((s) => s.$to.pos));
+    if (zt(t)) {
+      const s = this.ttEditor.view.nodeDOM(r);
+      if (s)
+        return s.getBoundingClientRect();
     }
-    return nt(this.ttEditor.view, n, i);
+    return at(this.ttEditor.view, r, i);
   }
   getStaticParams() {
     return {
@@ -1898,10 +2096,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,77 +2107,85 @@ 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();
-        for (const a of i)
-          if (a.type.name === this.editor.schema.mark("link").type.name) {
-            this.mouseHoveredHyperlinkMark = a, this.mouseHoveredHyperlinkMarkRange = X(
-              n,
-              a.type,
-              a.attrs
+}), 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 s of i)
+          if (s.type.name === this.editor.schema.mark("link").type.name) {
+            this.mouseHoveredHyperlinkMark = s, this.mouseHoveredHyperlinkMarkRange = Q(
+              r,
+              s.type,
+              s.attrs
             ) || void 0;
             break;
           }
       }
       return this.startMenuUpdateTimer(), !1;
     });
-    u(this, "scrollHandler", () => {
+    h(this, "clickHandler", (e) => {
+      var t;
+      // Toolbar is open.
+      this.hyperlinkMark && // An element is clicked.
+      e && e.target && // Element is outside the editor.
+      this.editor.view.dom !== e.target && !this.editor.view.dom.contains(e.target) && // Element is outside the toolbar.
+      this.hyperlinkToolbar.element !== e.target && !((t = this.hyperlinkToolbar.element) != null && t.contains(e.target)) && this.hyperlinkToolbar.hide();
+    });
+    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);
+    }, this.stopMenuUpdateTimer = () => (this.menuUpdateTimer && (clearTimeout(this.menuUpdateTimer), this.menuUpdateTimer = void 0), !1), this.editor.view.dom.addEventListener("mouseover", this.mouseOverHandler), document.addEventListener("click", this.clickHandler, !0), 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(
+      const s = this.editor.state.selection.$from.marks();
+      for (const a of s)
+        if (a.type.name === this.editor.schema.mark("link").type.name) {
+          this.keyboardHoveredHyperlinkMark = a, this.keyboardHoveredHyperlinkMarkRange = Q(
             this.editor.state.selection.$from,
-            s.type,
-            s.attrs
+            a.type,
+            a.attrs
           ) || void 0;
           break;
         }
     }
     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 +2194,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 +2213,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 +2243,7 @@ class Ve {
         this.hyperlinkMarkRange.from,
         this.hyperlinkMarkRange.to
       ),
-      referenceRect: nt(
+      referenceRect: at(
         this.editor.view,
         this.hyperlinkMarkRange.from,
         this.hyperlinkMarkRange.to
@@ -2045,13 +2251,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 = ut.extend({
   priority: 500,
   addProseMirrorPlugins() {
     var o;
@@ -2059,12 +2265,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 +2287,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 d = i >= l && i <= l + s.nodeSize, c = !s.isLeaf && !s.childCount;
+            const { doc: e, selection: t } = o, n = X.getState(o), r = this.editor.isEditable || !this.options.showOnlyWhenEditable, { anchor: i } = t, s = [];
+            if (r)
+              return e.descendants((a, l) => {
+                const d = i >= l && i <= l + a.nodeSize, c = !a.isLeaf && !a.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 + a.nodeSize, {
+                    class: u.join(" ")
                   });
-                  a.push(f);
+                  s.push(p);
                 }
                 return this.options.includeChildren;
-              }), F.create(t, a);
+              }), F.create(e, s);
           }
         }
       })
     ];
   }
 });
-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 +2323,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 +2476,7 @@ const eo = [
   //   TableIcon,
   //   "Used to create a simple table"
   // ),
-], oo = E.create({
+], ho = v.create({
   name: "textAlignment",
   addGlobalAttributes() {
     return [
@@ -2292,23 +2498,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 +2534,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({
+}), fo = st.create({
   name: "textColor",
   addAttributes() {
     return {
@@ -2360,147 +2566,161 @@ 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({
+}), mo = 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;
-          if (s)
+        appendTransaction: (e, t, n) => {
+          const { doc: r, tr: i, schema: s } = n, a = o.getState(n), l = r.content.size - 2, d = s.nodes.blockContainer, c = s.nodes.paragraph;
+          if (a)
             return i.insert(
               l,
               d.create(void 0, c.create())
             );
         },
         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 = [
+}), go = (o) => {
+  const e = [
     N.ClipboardTextSerializer,
     N.Commands,
     N.Editable,
     N.FocusEvents,
     N.Tabindex,
     // DevTools,
-    Gt,
+    te,
     // 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,
+    ee,
     // Comments,
     // basics:
-    Kt,
+    ie,
     // marks:
-    Ft,
-    Rt,
-    Wt,
-    Yt,
-    Vt,
-    no,
-    ro,
-    fe,
-    pe,
-    oo,
+    Kt,
+    Jt,
+    ne,
+    re,
+    se,
+    fo,
+    po,
+    Ae,
+    Ne,
+    ho,
     // custom blocks:
-    ...Ae,
-    $t.configure({ width: 5, color: "#ddeeff" }),
+    ...ze,
+    ...Object.values(o.blockSchema).map(
+      (t) => t.node.configure({ editor: o.editor })
+    ),
+    $e,
+    Qt.configure({ width: 5, color: "#ddeeff" }),
     // This needs to be at the bottom of this list, because Key events (such as enter, when selecting a /command),
     // should be handled before Enter handlers in other components like splitListItem
-    io
+    mo
   ];
   if (o.collaboration) {
-    t.push(
-      zt.configure({
+    e.push(
+      Xt.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);
-      const a = document.createTextNode("⁠"), s = document.createTextNode("⁠");
-      return n.insertBefore(a, null), n.insertBefore(i, null), n.insertBefore(s, null), n;
+      i.classList.add(P["collaboration-cursor__label"]), i.setAttribute("style", `background-color: ${n.color}`), i.insertBefore(document.createTextNode(n.name), null);
+      const s = document.createTextNode("⁠"), a = document.createTextNode("⁠");
+      return r.insertBefore(s, null), r.insertBefore(i, null), r.insertBefore(a, null), r;
     };
-    t.push(
-      Ut.configure({
+    e.push(
+      Zt.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(oe);
+  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(ut), 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, s, a;
+    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 || ke,
+      ...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,40 +2728,43 @@ 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 : [...((s = t._tiptapOptions) == null ? void 0 : s.extensions) || [], ...n],
       editorProps: {
         attributes: {
-          "data-theme": t.theme || "light",
+          "data-theme": e.theme || "light",
           ...t.editorDOMAttributes || {},
           class: [
-            _.bnEditor,
-            _.bnRoot,
-            t.defaultStyles ? _.defaultStyles : "",
+            P.bnEditor,
+            P.bnRoot,
+            t.defaultStyles ? P.defaultStyles : "",
             ((a = t.editorDOMAttributes) == null ? void 0 : a.class) || ""
           ].join(" ")
         }
       }
     };
-    t.parentElement && (r.element = t.parentElement), this._tiptapEditor = new It(r);
+    t.parentElement && (r.element = t.parentElement), this._tiptapEditor = new Ut(r);
   }
   get domElement() {
     return this._tiptapEditor.view.dom;
   }
+  isFocused() {
+    return this._tiptapEditor.view.hasFocus();
+  }
   focus() {
     this._tiptapEditor.view.focus();
   }
@@ -2550,55 +2773,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) {
-      for (const a of i) {
-        if (!t(a))
+  forEachBlock(e, t = !1) {
+    const n = this.topLevelBlocks.slice();
+    t && n.reverse();
+    function r(i) {
+      for (const s of i) {
+        if (!e(s))
           return !1;
-        const s = e ? a.children.slice().reverse() : a.children;
-        if (!n(s))
+        const a = t ? s.children.slice().reverse() : s.children;
+        if (!r(a))
           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;
-    let s;
-    i > 0 && (s = this._tiptapEditor.state.doc.resolve(r - 2).node());
+    ), i = this._tiptapEditor.state.doc.resolve(r).index(t - 1), s = this._tiptapEditor.state.doc.resolve(r + 1).node().childCount;
+    let a;
+    i > 0 && (a = this._tiptapEditor.state.doc.resolve(n - 2).node());
     let l;
-    return i < a - 1 && (l = this._tiptapEditor.state.doc.resolve(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 < s - 1 && (l = this._tiptapEditor.state.doc.resolve(r + 2).node()), {
+      block: B(e, this.schema, this.blockCache),
+      prevBlock: a === void 0 ? void 0 : B(a, this.schema, this.blockCache),
+      nextBlock: l === void 0 ? void 0 : B(l, this.schema, this.blockCache)
     };
   }
   /**
@@ -2607,13 +2837,13 @@ 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: s } = g(
       this._tiptapEditor.state.doc,
-      n + 2
+      r + 2
     );
-    e === "start" ? this._tiptapEditor.commands.setTextSelection(i + 1) : this._tiptapEditor.commands.setTextSelection(
-      i + a.nodeSize - 1
+    t === "start" ? this._tiptapEditor.commands.setTextSelection(i + 1) : this._tiptapEditor.commands.setTextSelection(
+      i + s.nodeSize - 1
     );
   }
   /**
@@ -2622,13 +2852,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 +2872,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 +2883,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") {
+    wt(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 +2893,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) {
+    St(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 +2910,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 +2989,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 +3019,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 +3037,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 xt(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 +3047,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 It(e, this.schema, this._tiptapEditor.schema);
   }
   /**
    * Serializes blocks into a Markdown string. The output is simplified as Markdown does not support all features of
@@ -2822,8 +3056,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 +3066,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,
+  Yo as blockStyles,
+  ot as camelToDataKebab,
+  Vo as createBlockSpec,
+  H as createTipTapBlock,
+  ke as defaultBlockSchema,
+  A as defaultProps,
+  uo as defaultSlashMenuItems,
+  go as getBlockNoteExtensions,
+  de as parse,
+  le as propsToAttributes,
+  ce as render
 };
 //# sourceMappingURL=blocknote.js.map