@blocknote/core 0.8.4 → 0.9.0

package/dist/blocknote.js

@@ -1,43 +1,43 @@
 var Lt = Object.defineProperty;
-var Nt = (n, e, t) => e in n ? Lt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var u = (n, e, t) => (Nt(n, typeof e != "symbol" ? e + "" : e, t), t);
-import { Extension as B, Mark as at, Node as V, InputRule as Y, mergeAttributes as x, combineTransactionSteps as Pt, getChangedRanges as Ot, findChildrenInRange as Dt, findChildren as Q, findParentNode as Rt, extensions as L, isTextSelection as zt, isNodeSelection as Vt, posToDOMRect as j, getMarkRange as tt, Editor as Ut } from "@tiptap/core";
-import { Bold as Ft } from "@tiptap/extension-bold";
-import { Code as Gt } from "@tiptap/extension-code";
-import $t from "@tiptap/extension-collaboration";
-import jt from "@tiptap/extension-collaboration-cursor";
-import { Dropcursor as qt } from "@tiptap/extension-dropcursor";
-import { Gapcursor as Wt } from "@tiptap/extension-gapcursor";
-import { HardBreak as Yt } from "@tiptap/extension-hard-break";
+var Pt = (n, e, t) => e in n ? Lt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var u = (n, e, t) => (Pt(n, typeof e != "symbol" ? e + "" : e, t), t);
+import { Extension as T, Mark as lt, Node as U, InputRule as K, mergeAttributes as A, combineTransactionSteps as Ot, getChangedRanges as Dt, findChildrenInRange as Rt, findChildren as tt, findParentNode as Vt, extensions as L, isTextSelection as zt, isNodeSelection as Ut, posToDOMRect as q, getMarkRange as et, Editor as Ft } from "@tiptap/core";
+import { Bold as Gt } from "@tiptap/extension-bold";
+import { Code as $t } from "@tiptap/extension-code";
+import jt from "@tiptap/extension-collaboration";
+import qt from "@tiptap/extension-collaboration-cursor";
+import { Dropcursor as Wt } from "@tiptap/extension-dropcursor";
+import { Gapcursor as Yt } from "@tiptap/extension-gapcursor";
+import { HardBreak as Kt } from "@tiptap/extension-hard-break";
 import { History as Jt } from "@tiptap/extension-history";
-import { Italic as Kt } from "@tiptap/extension-italic";
-import { Link as Xt } from "@tiptap/extension-link";
-import { Strike as Zt } from "@tiptap/extension-strike";
-import { Text as Qt } from "@tiptap/extension-text";
-import { Underline as te } from "@tiptap/extension-underline";
-import { Slice as T, Fragment as I, DOMSerializer as q, DOMParser as ee } from "prosemirror-model";
-import { PluginKey as S, Plugin as y, TextSelection as et, Selection as $, NodeSelection as oe } from "prosemirror-state";
-import { v4 as ne } from "uuid";
-import * as re from "prosemirror-view";
-import { Decoration as R, DecorationSet as z } from "prosemirror-view";
-import lt from "rehype-parse";
-import ie from "rehype-remark";
-import dt from "rehype-stringify";
-import ct from "remark-gfm";
-import se from "remark-parse";
-import ae from "remark-rehype";
-import le from "remark-stringify";
+import { Italic as Xt } from "@tiptap/extension-italic";
+import { Link as Zt } from "@tiptap/extension-link";
+import { Strike as Qt } from "@tiptap/extension-strike";
+import { Text as te } from "@tiptap/extension-text";
+import { Underline as ee } from "@tiptap/extension-underline";
+import { Slice as x, Fragment as I, DOMSerializer as W, DOMParser as oe } from "prosemirror-model";
+import { PluginKey as w, Plugin as S, TextSelection as ot, Selection as j, NodeSelection as ne } from "prosemirror-state";
+import { v4 as re } from "uuid";
+import * as ie from "prosemirror-view";
+import { Decoration as V, DecorationSet as z } from "prosemirror-view";
+import dt from "rehype-parse";
+import se from "rehype-remark";
+import ct from "rehype-stringify";
+import ut from "remark-gfm";
+import ae from "remark-parse";
+import le from "remark-rehype";
+import de from "remark-stringify";
 import { unified as J } from "unified";
-import { fromDom as ot } from "hast-util-from-dom";
-const de = "_bnEditor_4vj2p_3", ce = "_bnRoot_4vj2p_20", ue = "_defaultStyles_4vj2p_35", pe = "_dragPreview_4vj2p_68", H = {
-  bnEditor: de,
-  bnRoot: ce,
-  defaultStyles: ue,
-  dragPreview: pe,
-  "collaboration-cursor__caret": "_collaboration-cursor__caret_4vj2p_74",
-  "collaboration-cursor__label": "_collaboration-cursor__label_4vj2p_85"
+import { fromDom as nt } from "hast-util-from-dom";
+const ce = "_bnEditor_1pmoa_3", ue = "_bnRoot_1pmoa_19", pe = "_defaultStyles_1pmoa_34", he = "_dragPreview_1pmoa_57", H = {
+  bnEditor: ce,
+  bnRoot: ue,
+  defaultStyles: pe,
+  dragPreview: he,
+  "collaboration-cursor__caret": "_collaboration-cursor__caret_1pmoa_63",
+  "collaboration-cursor__label": "_collaboration-cursor__label_1pmoa_74"
 };
-function g(n, e) {
+function k(n, e) {
   const o = n.nodeSize - 2;
   if (e <= 1)
     for (e = 1 + 1; n.resolve(e).parent.type.name !== "blockContainer" && e < o; )
@@ -57,19 +57,19 @@ function g(n, e) {
       break;
     l -= 1, s = r.node(l);
   }
-  const a = s.attrs.id, d = s.firstChild, c = d.type, p = s.childCount === 2 ? s.lastChild.childCount : 0, h = r.start(l), f = r.end(l);
+  const a = s.attrs.id, d = s.firstChild, c = d.type, h = s.childCount === 2 ? s.lastChild.childCount : 0, p = r.start(l), f = r.end(l);
   return {
     id: a,
     node: s,
     contentNode: d,
     contentType: c,
-    numChildBlocks: p,
-    startPos: h,
+    numChildBlocks: h,
+    startPos: p,
     endPos: f,
     depth: l
   };
 }
-const he = B.create({
+const fe = T.create({
   name: "blockBackgroundColor",
   addGlobalAttributes() {
     return [
@@ -90,7 +90,7 @@ const he = B.create({
   addCommands() {
     return {
       setBlockBackgroundColor: (n, e) => ({ state: t, view: o }) => {
-        const r = g(t.doc, n);
+        const r = k(t.doc, n);
         return r === void 0 ? !1 : (t.tr.setNodeAttribute(
           r.startPos - 1,
           "backgroundColor",
@@ -99,7 +99,7 @@ const he = B.create({
       }
     };
   }
-}), fe = at.create({
+}), me = lt.create({
   name: "backgroundColor",
   addAttributes() {
     return {
@@ -128,33 +128,44 @@ const he = B.create({
       setBackgroundColor: (n) => ({ commands: e }) => n !== "default" ? e.setMark(this.name, { color: n }) : e.unsetMark(this.name)
     };
   }
-}), ut = "_blockOuter_xgzwr_5", pt = "_block_xgzwr_5", ht = "_reactNodeViewRenderer_xgzwr_17", ft = "_blockContent_xgzwr_22", mt = "_blockGroup_xgzwr_42", gt = "_isEmpty_xgzwr_240", kt = "_inlineContent_xgzwr_240", bt = "_isFilter_xgzwr_241", yt = "_hasAnchor_xgzwr_263", k = {
-  blockOuter: ut,
-  block: pt,
-  reactNodeViewRenderer: ht,
-  blockContent: ft,
-  blockGroup: mt,
+}), pt = "_blockOuter_7sok8_5", ht = "_block_7sok8_5", ft = "_reactNodeViewRenderer_7sok8_17", mt = "_blockContent_7sok8_22", kt = "_blockGroup_7sok8_42", gt = "_isEmpty_7sok8_240", bt = "_inlineContent_7sok8_240", yt = "_isFilter_7sok8_241", vt = "_hasAnchor_7sok8_263", y = {
+  blockOuter: pt,
+  block: ht,
+  reactNodeViewRenderer: ft,
+  blockContent: mt,
+  blockGroup: kt,
   isEmpty: gt,
-  inlineContent: kt,
-  isFilter: bt,
-  hasAnchor: yt
-}, jo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  inlineContent: bt,
+  isFilter: yt,
+  hasAnchor: vt
+}, Wo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  block: pt,
-  blockContent: ft,
-  blockGroup: mt,
-  blockOuter: ut,
-  default: k,
-  hasAnchor: yt,
-  inlineContent: kt,
+  block: ht,
+  blockContent: mt,
+  blockGroup: kt,
+  blockOuter: pt,
+  default: y,
+  hasAnchor: vt,
+  inlineContent: bt,
   isEmpty: gt,
-  isFilter: bt,
-  reactNodeViewRenderer: ht
-}, Symbol.toStringTag, { value: "Module" }));
-function nt(n) {
+  isFilter: yt,
+  reactNodeViewRenderer: ft
+}, Symbol.toStringTag, { value: "Module" })), ke = () => /Mac/.test(navigator.platform) || /AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent);
+function Yo(n) {
+  return ke() ? n.replace("Mod", "⌘") : n.replace("Mod", "Ctrl");
+}
+function v(...n) {
+  return n.filter((e) => e).join(" ");
+}
+class ge extends Error {
+  constructor(e) {
+    super(`Unreachable case: ${e}`);
+  }
+}
+function rt(n) {
   return "data-" + n.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
-function me(n) {
+function be(n) {
   const e = {};
   return Object.entries(n.propSchema).forEach(([t, o]) => {
     e[t] = {
@@ -163,21 +174,21 @@ function me(n) {
       // 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(nt(t)),
+      parseHTML: (r) => r.getAttribute(rt(t)),
       renderHTML: (r) => r[t] !== o.default ? {
-        [nt(t)]: r[t]
+        [rt(t)]: r[t]
       } : {}
     };
   }), e;
 }
-function ge(n) {
+function ye(n) {
   return [
     {
       tag: "div[data-content-type=" + n.type + "]"
     }
   ];
 }
-function ke(n, e) {
+function ve(n, e) {
   const t = document.createElement("div");
   t.setAttribute("data-content-type", n.type);
   for (const [r, i] of Object.entries(e))
@@ -190,42 +201,57 @@ function ke(n, e) {
     dom: t
   };
 }
-function qo(n) {
+function Ko(n) {
   return {
-    node: P({
+    node: O({
       name: n.type,
       content: n.containsInlineContent ? "inline*" : "",
       selectable: n.containsInlineContent,
-      addOptions() {
-        return {
-          editor: void 0
-        };
-      },
       addAttributes() {
-        return me(n);
+        return be(n);
       },
       parseHTML() {
-        return ge(n);
+        return ye(n);
       },
       renderHTML({ HTMLAttributes: t }) {
-        return ke(n, t);
+        return ve(n, t);
       },
       addNodeView() {
         return ({ HTMLAttributes: t, getPos: o }) => {
-          const r = document.createElement("div");
-          r.className = k.blockContent, r.setAttribute("data-content-type", n.type);
-          for (const [h, f] of Object.entries(t))
-            r.setAttribute(h, f);
-          const i = this.options.editor;
+          var f, m;
+          const r = document.createElement("div"), i = ((f = this.options.domAttributes) == null ? void 0 : f.blockContent) || {};
+          for (const [g, b] of Object.entries(
+            i
+          ))
+            g !== "class" && r.setAttribute(g, b);
+          r.className = v(
+            y.blockContent,
+            i.class
+          ), r.setAttribute("data-content-type", n.type);
+          for (const [g, b] of Object.entries(t))
+            r.setAttribute(g, b);
+          const s = this.options.editor;
           if (typeof o == "boolean")
             throw new Error(
               "Cannot find node position as getPos is a boolean, not a function."
             );
-          const s = o(), d = i._tiptapEditor.state.doc.resolve(s).node().attrs.id, c = i.getBlock(d);
-          if (c.type !== n.type)
+          const l = o(), c = s._tiptapEditor.state.doc.resolve(l).node().attrs.id, h = s.getBlock(c);
+          if (h.type !== n.type)
             throw new Error("Block type does not match");
-          const p = n.render(c, i);
-          return "contentDOM" in p && (p.contentDOM.className = `${p.contentDOM.className ? p.contentDOM.className + " " : ""}${k.inlineContent}`), r.appendChild(p.dom), "contentDOM" in p ? {
+          const p = n.render(h, s);
+          if ("contentDOM" in p) {
+            const g = ((m = this.options.domAttributes) == null ? void 0 : m.inlineContent) || {};
+            for (const [b, C] of Object.entries(
+              g
+            ))
+              b !== "class" && p.contentDOM.setAttribute(b, C);
+            p.contentDOM.className = v(
+              p.contentDOM.className,
+              y.inlineContent,
+              g.class
+            );
+          }
+          return r.appendChild(p.dom), "contentDOM" in p ? {
             dom: r,
             contentDOM: p.contentDOM
           } : {
@@ -237,13 +263,13 @@ function qo(n) {
     propSchema: n.propSchema
   };
 }
-function P(n) {
-  return V.create({
+function O(n) {
+  return U.create({
     ...n,
     group: "blockContent"
   });
 }
-const be = P({
+const Ce = O({
   name: "heading",
   content: "inline*",
   addAttributes() {
@@ -260,7 +286,7 @@ const be = P({
   },
   addInputRules() {
     return [
-      ...["1", "2", "3"].map((n) => new Y({
+      ...["1", "2", "3"].map((n) => new K({
         find: new RegExp(`^(#{${parseInt(n)}})\\s$`),
         handler: ({ state: e, chain: t, range: o }) => {
           t().BNUpdateBlock(e.selection.from, {
@@ -293,17 +319,31 @@ const be = P({
     ];
   },
   renderHTML({ node: n, HTMLAttributes: e }) {
+    var r, i;
+    const t = ((r = this.options.domAttributes) == null ? void 0 : r.blockContent) || {}, o = ((i = this.options.domAttributes) == null ? void 0 : i.inlineContent) || {};
     return [
       "div",
-      x(e, {
-        class: k.blockContent,
+      A(e, {
+        class: v(
+          y.blockContent,
+          t.class
+        ),
         "data-content-type": this.name
       }),
-      ["h" + n.attrs.level, { class: k.inlineContent }, 0]
+      [
+        "h" + n.attrs.level,
+        {
+          class: v(
+            y.inlineContent,
+            o.class
+          )
+        },
+        0
+      ]
     ];
   }
-}), vt = (n) => {
-  const { node: e, contentType: t } = g(
+}), Ct = (n) => {
+  const { node: e, contentType: t } = k(
     n.state.doc,
     n.state.selection.from
   ), o = n.state.selection.anchor === n.state.selection.head;
@@ -321,13 +361,13 @@ const be = P({
       s.command(() => e.textContent.length > 0 ? (i().deleteSelection().BNSplitBlock(r.selection.from, !0).run(), !0) : !1)
     )
   ]);
-}, ye = P({
+}, Se = O({
   name: "bulletListItem",
   content: "inline*",
   addInputRules() {
     return [
       // Creates an unordered list when starting with "-", "+", or "*".
-      new Y({
+      new K({
         find: new RegExp("^[-+*]\\s$"),
         handler: ({ state: n, chain: e, range: t }) => {
           e().BNUpdateBlock(n.selection.from, {
@@ -340,7 +380,7 @@ const be = P({
   },
   addKeyboardShortcuts() {
     return {
-      Enter: () => vt(this.editor)
+      Enter: () => Ct(this.editor)
     };
   },
   parseHTML() {
@@ -371,17 +411,31 @@ const be = P({
     ];
   },
   renderHTML({ HTMLAttributes: n }) {
+    var o, r;
+    const e = ((o = this.options.domAttributes) == null ? void 0 : o.blockContent) || {}, t = ((r = this.options.domAttributes) == null ? void 0 : r.inlineContent) || {};
     return [
       "div",
-      x(n, {
-        class: k.blockContent,
+      A(n, {
+        class: v(
+          y.blockContent,
+          e.class
+        ),
         "data-content-type": this.name
       }),
-      ["p", { class: k.inlineContent }, 0]
+      [
+        "p",
+        {
+          class: v(
+            y.inlineContent,
+            t.class
+          )
+        },
+        0
+      ]
     ];
   }
-}), ve = new S("numbered-list-indexing"), we = () => new y({
-  key: ve,
+}), we = new w("numbered-list-indexing"), Me = () => new S({
+  key: we,
   appendTransaction: (n, e, t) => {
     const o = t.tr;
     o.setMeta("numberedListIndexing", !0);
@@ -389,18 +443,18 @@ const be = P({
     return t.doc.descendants((i, s) => {
       if (i.type.name === "blockContainer" && i.firstChild.type.name === "numberedListItem") {
         let l = "1";
-        const a = s === 1, d = g(o.doc, s + 1);
+        const a = s === 1, d = k(o.doc, s + 1);
         if (d === void 0)
           return;
         if (!a) {
-          const h = g(o.doc, s - 2);
-          if (h === void 0)
+          const p = k(o.doc, s - 2);
+          if (p === void 0)
             return;
-          if (!(d.depth !== h.depth)) {
-            const m = h.contentNode;
-            if (h.contentType.name === "numberedListItem") {
-              const w = m.attrs.index;
-              l = (parseInt(w) + 1).toString();
+          if (!(d.depth !== p.depth)) {
+            const m = p.contentNode;
+            if (p.contentType.name === "numberedListItem") {
+              const C = m.attrs.index;
+              l = (parseInt(C) + 1).toString();
             }
           }
         }
@@ -410,7 +464,7 @@ const be = P({
       }
     }), r ? o : null;
   }
-}), Se = P({
+}), Ee = O({
   name: "numberedListItem",
   content: "inline*",
   addAttributes() {
@@ -427,7 +481,7 @@ const be = P({
   addInputRules() {
     return [
       // Creates an ordered list when starting with "1.".
-      new Y({
+      new K({
         find: new RegExp("^1\\.\\s$"),
         handler: ({ state: n, chain: e, range: t }) => {
           e().BNUpdateBlock(n.selection.from, {
@@ -440,11 +494,11 @@ const be = P({
   },
   addKeyboardShortcuts() {
     return {
-      Enter: () => vt(this.editor)
+      Enter: () => Ct(this.editor)
     };
   },
   addProseMirrorPlugins() {
-    return [we()];
+    return [Me()];
   },
   parseHTML() {
     return [
@@ -476,18 +530,32 @@ const be = P({
     ];
   },
   renderHTML({ HTMLAttributes: n }) {
+    var o, r;
+    const e = ((o = this.options.domAttributes) == null ? void 0 : o.blockContent) || {}, t = ((r = this.options.domAttributes) == null ? void 0 : r.inlineContent) || {};
     return [
       "div",
-      x(n, {
-        class: k.blockContent,
+      A(n, {
+        class: v(
+          y.blockContent,
+          e.class
+        ),
         "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]
+      [
+        "p",
+        {
+          class: v(
+            y.inlineContent,
+            t.class
+          )
+        },
+        0
+      ]
     ];
   }
-}), Ce = P({
+}), Be = O({
   name: "paragraph",
   content: "inline*",
   parseHTML() {
@@ -500,16 +568,35 @@ const be = P({
     ];
   },
   renderHTML({ HTMLAttributes: n }) {
+    var o, r;
+    const e = ((o = this.options.domAttributes) == null ? void 0 : o.blockContent) || {}, t = ((r = this.options.domAttributes) == null ? void 0 : r.inlineContent) || {};
     return [
       "div",
-      x(n, {
-        class: k.blockContent,
-        "data-content-type": this.name
-      }),
-      ["p", { class: k.inlineContent }, 0]
+      A(
+        {
+          ...e,
+          class: v(
+            y.blockContent,
+            e.class
+          ),
+          "data-content-type": this.name
+        },
+        n
+      ),
+      [
+        "p",
+        {
+          ...t,
+          class: v(
+            y.inlineContent,
+            t.class
+          )
+        },
+        0
+      ]
     ];
   }
-}), N = {
+}), P = {
   backgroundColor: {
     default: "transparent"
   },
@@ -521,41 +608,41 @@ const be = P({
     default: "left",
     values: ["left", "center", "right", "justify"]
   }
-}, wt = {
+}, St = {
   paragraph: {
-    propSchema: N,
-    node: Ce
+    propSchema: P,
+    node: Be
   },
   heading: {
     propSchema: {
-      ...N,
+      ...P,
       level: { default: "1", values: ["1", "2", "3"] }
     },
-    node: be
+    node: Ce
   },
   bulletListItem: {
-    propSchema: N,
-    node: ye
+    propSchema: P,
+    node: Se
   },
   numberedListItem: {
-    propSchema: N,
-    node: Se
+    propSchema: P,
+    node: Ee
   }
 };
-function Me(n, e = JSON.stringify) {
+function Te(n, e = JSON.stringify) {
   const t = {};
   return n.filter((o) => {
     const r = e(o);
     return Object.prototype.hasOwnProperty.call(t, r) ? !1 : t[r] = !0;
   });
 }
-function Ee(n) {
+function xe(n) {
   const e = n.filter(
     (o, r) => n.indexOf(o) !== r
   );
-  return Me(e);
+  return Te(e);
 }
-const U = B.create({
+const F = T.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
@@ -564,7 +651,7 @@ const U = B.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()) : ne(),
+      generateID: () => window.__TEST_OPTIONS ? (window.__TEST_OPTIONS.mockID === void 0 ? window.__TEST_OPTIONS.mockID = 0 : window.__TEST_OPTIONS.mockID++, window.__TEST_OPTIONS.mockID.toString()) : re(),
       filterTransaction: null
     };
   },
@@ -617,38 +704,38 @@ const U = B.create({
   addProseMirrorPlugins() {
     let n = null, e = !1;
     return [
-      new y({
-        key: new S("uniqueID"),
+      new S({
+        key: new w("uniqueID"),
         appendTransaction: (t, o, r) => {
           const i = t.some((m) => m.docChanged) && !o.doc.eq(r.doc), s = this.options.filterTransaction && t.some((m) => {
-            var b, v;
-            return !(!((v = (b = this.options).filterTransaction) === null || v === void 0) && v.call(b, m));
+            var g, b;
+            return !(!((b = (g = this.options).filterTransaction) === null || b === void 0) && b.call(g, m));
           });
           if (!i || s)
             return;
-          const { tr: l } = r, { types: a, attributeName: d, generateID: c } = this.options, p = Pt(
+          const { tr: l } = r, { types: a, attributeName: d, generateID: c } = this.options, h = Ot(
             o.doc,
             t
-          ), { mapping: h } = p;
-          if (Ot(p).forEach(({ newRange: m }) => {
-            const b = Dt(
+          ), { mapping: p } = h;
+          if (Dt(h).forEach(({ newRange: m }) => {
+            const g = Rt(
               r.doc,
               m,
-              (C) => a.includes(C.type.name)
-            ), v = b.map(({ node: C }) => C.attrs[d]).filter((C) => C !== null), w = Ee(v);
-            b.forEach(({ node: C, pos: D }) => {
-              var G;
-              const Z = (G = l.doc.nodeAt(D)) === null || G === void 0 ? void 0 : G.attrs[d];
-              if (Z === null) {
-                l.setNodeMarkup(D, void 0, {
-                  ...C.attrs,
+              (M) => a.includes(M.type.name)
+            ), b = g.map(({ node: M }) => M.attrs[d]).filter((M) => M !== null), C = xe(b);
+            g.forEach(({ node: M, pos: R }) => {
+              var $;
+              const Q = ($ = l.doc.nodeAt(R)) === null || $ === void 0 ? void 0 : $.attrs[d];
+              if (Q === null) {
+                l.setNodeMarkup(R, void 0, {
+                  ...M.attrs,
                   [d]: c()
                 });
                 return;
               }
-              const { deleted: At } = h.invert().mapResult(D);
-              At && w.includes(Z) && l.setNodeMarkup(D, void 0, {
-                ...C.attrs,
+              const { deleted: Nt } = p.invert().mapResult(R);
+              Nt && C.includes(Q) && l.setNodeMarkup(R, void 0, {
+                ...M.attrs,
                 [d]: c()
               });
             });
@@ -707,7 +794,7 @@ const U = B.create({
                 l.push(d);
               }), I.from(l);
             };
-            return e = !1, new T(
+            return e = !1, new x(
               i(t.content),
               t.openStart,
               t.openEnd
@@ -717,31 +804,25 @@ const U = B.create({
       })
     ];
   }
-});
-class Be extends Error {
-  constructor(e) {
-    super(`Unreachable case: ${e}`);
-  }
-}
-const St = /* @__PURE__ */ new Set([
+}), wt = /* @__PURE__ */ new Set([
   "bold",
   "italic",
   "underline",
   "strike",
   "code"
-]), Ct = /* @__PURE__ */ new Set(["textColor", "backgroundColor"]);
-function rt(n, e) {
+]), Mt = /* @__PURE__ */ new Set(["textColor", "backgroundColor"]);
+function it(n, e) {
   const t = [];
   for (const [o, r] of Object.entries(n.styles))
-    St.has(o) ? t.push(e.mark(o)) : Ct.has(o) && t.push(e.mark(o, { color: r }));
+    wt.has(o) ? t.push(e.mark(o)) : Mt.has(o) && t.push(e.mark(o, { color: r }));
   return n.text.split(/(\n)/g).filter((o) => o.length > 0).map((o) => o === `
 ` ? e.nodes.hardBreak.create() : e.text(o, t));
 }
-function Te(n, e) {
+function Ae(n, e) {
   const t = e.marks.link.create({
     href: n.href
   });
-  return Mt(n.content, e).map((o) => {
+  return Et(n.content, e).map((o) => {
     if (o.type.name === "text")
       return o.mark([...o.marks, t]);
     if (o.type.name === "hardBreak")
@@ -749,30 +830,30 @@ function Te(n, e) {
     throw new Error("unexpected node type");
   });
 }
-function Mt(n, e) {
+function Et(n, e) {
   let t = [];
   if (typeof n == "string")
     return t.push(
-      ...rt({ type: "text", text: n, styles: {} }, e)
+      ...it({ type: "text", text: n, styles: {} }, e)
     ), t;
   for (const o of n)
-    t.push(...rt(o, e));
+    t.push(...it(o, e));
   return t;
 }
-function Et(n, e) {
+function Bt(n, e) {
   let t = [];
   for (const o of n)
     if (o.type === "link")
-      t.push(...Te(o, e));
+      t.push(...Ae(o, e));
     else if (o.type === "text")
-      t.push(...Mt([o], e));
+      t.push(...Et([o], e));
     else
-      throw new Be(o);
+      throw new ge(o);
   return t;
 }
-function O(n, e) {
+function D(n, e) {
   let t = n.id;
-  t === void 0 && (t = U.options.generateID());
+  t === void 0 && (t = F.options.generateID());
   let o = n.type;
   o === void 0 && (o = "paragraph");
   let r;
@@ -784,13 +865,13 @@ function O(n, e) {
       e.text(n.content)
     );
   else {
-    const l = Et(n.content, e);
+    const l = Bt(n.content, e);
     r = e.nodes[o].create(n.props, l);
   }
   const i = [];
   if (n.children)
     for (const l of n.children)
-      i.push(O(l, e));
+      i.push(D(l, e));
   const s = e.nodes.blockGroup.create({}, i);
   return e.nodes.blockContainer.create(
     {
@@ -800,7 +881,7 @@ function O(n, e) {
     i.length > 0 ? [r, s] : r
   );
 }
-function xe(n) {
+function _e(n) {
   const e = [];
   let t;
   return n.content.forEach((o) => {
@@ -820,9 +901,9 @@ function xe(n) {
     for (const s of o.marks)
       if (s.type.name === "link")
         i = s;
-      else if (St.has(s.type.name))
+      else if (wt.has(s.type.name))
         r[s.type.name] = !0;
-      else if (Ct.has(s.type.name))
+      else if (Mt.has(s.type.name))
         r[s.type.name] = s.attrs.color;
       else
         throw Error("Mark is of an unrecognized type: " + s.type.name);
@@ -877,7 +958,7 @@ function xe(n) {
     };
   }), t && e.push(t), e;
 }
-function M(n, e, t) {
+function E(n, e, t) {
   if (n.type.name !== "blockContainer")
     throw Error(
       "Node must be of type blockContainer, but is of type" + n.type.name + "."
@@ -885,26 +966,26 @@ function M(n, e, t) {
   const o = t == null ? void 0 : t.get(n);
   if (o)
     return o;
-  const r = g(n, 0);
+  const r = k(n, 0);
   let i = r.id;
-  i === null && (i = U.options.generateID());
+  i === null && (i = F.options.generateID());
   const s = {};
-  for (const [c, p] of Object.entries({
+  for (const [c, h] of Object.entries({
     ...r.node.attrs,
     ...r.contentNode.attrs
   })) {
-    const h = e[r.contentType.name];
-    if (!h)
+    const p = e[r.contentType.name];
+    if (!p)
       throw Error(
         "Block is of an unrecognized type: " + r.contentType.name
       );
-    const f = h.propSchema;
-    c in f ? s[c] = p : c !== "id" && !(c in N) && console.warn("Block has an unrecognized attribute: " + c);
+    const f = p.propSchema;
+    c in f ? s[c] = h : c !== "id" && !(c in P) && console.warn("Block has an unrecognized attribute: " + c);
   }
-  const l = xe(r.contentNode), a = [];
+  const l = _e(r.contentNode), a = [];
   for (let c = 0; c < r.numChildBlocks; c++)
     a.push(
-      M(r.node.lastChild.child(c), e, t)
+      E(r.node.lastChild.child(c), e, t)
     );
   const d = {
     id: i,
@@ -915,7 +996,7 @@ function M(n, e, t) {
   };
   return t == null || t.set(n, d), d;
 }
-const it = new S("previous-blocks"), _e = {
+const st = new w("previous-blocks"), Ie = {
   // Numbered List Items
   index: "index",
   // Headings
@@ -924,17 +1005,17 @@ const it = new S("previous-blocks"), _e = {
   type: "type",
   depth: "depth",
   "depth-change": "depth-change"
-}, Ie = () => {
+}, He = () => {
   let n;
-  return new y({
-    key: it,
+  return new S({
+    key: st,
     view(e) {
       return {
         update: async (t, o) => {
           var r;
           ((r = this.key) == null ? void 0 : r.getState(t.state).updatedBlocks.size) > 0 && (n = setTimeout(() => {
             t.dispatch(
-              t.state.tr.setMeta(it, { clearUpdate: !0 })
+              t.state.tr.setMeta(st, { clearUpdate: !0 })
             );
           }, 0));
         },
@@ -957,22 +1038,22 @@ const it = new S("previous-blocks"), _e = {
       apply(e, t, o, r) {
         if (t.currentTransactionOldBlockAttrs = {}, t.updatedBlocks.clear(), !e.docChanged || o.doc.eq(r.doc))
           return t;
-        const i = {}, s = Q(o.doc, (d) => d.attrs.id), l = new Map(
+        const i = {}, s = tt(o.doc, (d) => d.attrs.id), l = new Map(
           s.map((d) => [d.node.attrs.id, d])
-        ), a = Q(r.doc, (d) => d.attrs.id);
+        ), a = tt(r.doc, (d) => d.attrs.id);
         for (let d of a) {
-          const c = l.get(d.node.attrs.id), p = c == null ? void 0 : c.node.firstChild, h = d.node.firstChild;
-          if (c && p && h) {
+          const c = l.get(d.node.attrs.id), h = c == null ? void 0 : c.node.firstChild, p = d.node.firstChild;
+          if (c && h && p) {
             const f = {
-              index: h.attrs.index,
-              level: h.attrs.level,
-              type: h.type.name,
-              depth: r.doc.resolve(d.pos).depth
-            };
-            let m = {
               index: p.attrs.index,
               level: p.attrs.level,
               type: p.type.name,
+              depth: r.doc.resolve(d.pos).depth
+            };
+            let m = {
+              index: h.attrs.index,
+              level: h.attrs.level,
+              type: h.type.name,
               depth: o.doc.resolve(c.pos).depth
             };
             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));
@@ -992,8 +1073,8 @@ const it = new S("previous-blocks"), _e = {
             return;
           const s = t.currentTransactionOldBlockAttrs[r.attrs.id], l = {};
           for (let [d, c] of Object.entries(s))
-            l["data-prev-" + _e[d]] = c || "none";
-          const a = R.node(i, i + r.nodeSize, {
+            l["data-prev-" + Ie[d]] = c || "none";
+          const a = V.node(i, i + r.nodeSize, {
             ...l
           });
           o.push(a);
@@ -1001,13 +1082,13 @@ const it = new S("previous-blocks"), _e = {
       }
     }
   });
-}, He = {
+}, Ne = {
   blockColor: "data-block-color",
   blockStyle: "data-block-style",
   id: "data-id",
   depth: "data-depth",
   depthChange: "data-depth-change"
-}, Ae = V.create({
+}, Le = U.create({
   name: "blockContainer",
   group: "blockContainer",
   // A block always contains content, and optionally a blockGroup which contains nested blocks
@@ -1015,11 +1096,6 @@ const it = new S("previous-blocks"), _e = {
   // Ensures content-specific keyboard handlers trigger first.
   priority: 50,
   defining: !0,
-  addOptions() {
-    return {
-      HTMLAttributes: {}
-    };
-  },
   parseHTML() {
     return [
       {
@@ -1028,7 +1104,7 @@ const it = new S("previous-blocks"), _e = {
           if (typeof n == "string")
             return !1;
           const e = {};
-          for (let [t, o] of Object.entries(He))
+          for (let [t, o] of Object.entries(Ne))
             n.getAttribute(o) && (e[t] = n.getAttribute(o));
           return n.getAttribute("data-node-type") === "blockContainer" ? e : !1;
         }
@@ -1036,19 +1112,24 @@ const it = new S("previous-blocks"), _e = {
     ];
   },
   renderHTML({ HTMLAttributes: n }) {
+    var t;
+    const e = ((t = this.options.domAttributes) == null ? void 0 : t.blockContainer) || {};
     return [
       "div",
-      x(n, {
-        class: k.blockOuter,
+      A(n, {
+        class: y.blockOuter,
         "data-node-type": "block-outer"
       }),
       [
         "div",
-        x(n, {
-          // TODO: maybe remove html attributes from inner block
-          class: k.block,
-          "data-node-type": this.name
-        }),
+        A(
+          {
+            ...e,
+            class: v(y.block, e.class),
+            "data-node-type": this.name
+          },
+          n
+        ),
         0
       ]
     ];
@@ -1062,7 +1143,7 @@ const it = new S("previous-blocks"), _e = {
       },
       // Deletes a block at a given position.
       BNDeleteBlock: (n) => ({ state: e, dispatch: t }) => {
-        const o = g(e.doc, n);
+        const o = k(e.doc, n);
         if (o === void 0)
           return !1;
         const { startPos: r, endPos: i } = o;
@@ -1070,7 +1151,7 @@ const it = new S("previous-blocks"), _e = {
       },
       // Updates a block at a given position.
       BNUpdateBlock: (n, e) => ({ state: t, dispatch: o }) => {
-        const r = g(t.doc, n);
+        const r = k(t.doc, n);
         if (r === void 0)
           return !1;
         const { startPos: i, endPos: s, node: l, contentNode: a } = r;
@@ -1078,11 +1159,11 @@ const it = new S("previous-blocks"), _e = {
           if (e.children !== void 0) {
             const d = [];
             for (const c of e.children)
-              d.push(O(c, t.schema));
+              d.push(D(c, t.schema));
             l.childCount === 2 ? t.tr.replace(
               i + a.nodeSize + 1,
               s - 1,
-              new T(I.from(d), 0, 0)
+              new x(I.from(d), 0, 0)
             ) : t.tr.insert(
               i + a.nodeSize,
               t.schema.nodes.blockGroup.create({}, d)
@@ -1090,10 +1171,10 @@ const it = new S("previous-blocks"), _e = {
           }
           if (e.content !== void 0) {
             let d = [];
-            typeof e.content == "string" ? d.push(t.schema.text(e.content)) : d = Et(e.content, t.schema), t.tr.replace(
+            typeof e.content == "string" ? d.push(t.schema.text(e.content)) : d = Bt(e.content, t.schema), t.tr.replace(
               i + 1,
               i + a.nodeSize - 1,
-              new T(I.from(d), 0, 0)
+              new x(I.from(d), 0, 0)
             );
           }
           t.tr.setNodeMarkup(
@@ -1131,42 +1212,42 @@ const it = new S("previous-blocks"), _e = {
         const o = e.doc.resolve(n + 1).node().type.name === "blockContainer", r = e.doc.resolve(n - 1).node().type.name === "blockContainer";
         if (!o || !r)
           return !1;
-        const i = g(
+        const i = k(
           e.doc,
           n + 1
         ), { node: s, contentNode: l, startPos: a, endPos: d, depth: c } = i;
         if (s.childCount === 2) {
           const f = e.doc.resolve(
             a + l.nodeSize + 1
-          ), m = e.doc.resolve(d - 1), b = f.blockRange(m);
-          t && e.tr.lift(b, c - 1);
+          ), m = e.doc.resolve(d - 1), g = f.blockRange(m);
+          t && e.tr.lift(g, c - 1);
         }
-        let p = n - 1, h = g(e.doc, p);
-        for (; h.numChildBlocks > 0; )
-          if (p--, h = g(e.doc, p), h === void 0)
+        let h = n - 1, p = k(e.doc, h);
+        for (; p.numChildBlocks > 0; )
+          if (h--, p = k(e.doc, h), p === void 0)
             return !1;
         return t && (t(
           e.tr.deleteRange(a, a + l.nodeSize).replace(
-            p - 1,
+            h - 1,
             a,
-            new T(l.content, 0, 0)
+            new x(l.content, 0, 0)
           ).scrollIntoView()
         ), e.tr.setSelection(
-          new et(e.doc.resolve(p - 1))
+          new ot(e.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: (n, e) => ({ state: t, dispatch: o }) => {
-        const r = g(t.doc, n);
+        const r = k(t.doc, n);
         if (r === void 0)
           return !1;
-        const { contentNode: i, contentType: s, startPos: l, endPos: a, depth: d } = r, c = t.doc.cut(l + 1, n), p = t.doc.cut(n, a - 1), h = t.schema.nodes.blockContainer.createAndFill(), f = a + 1, m = f + 2;
-        return o && (t.tr.insert(f, h), t.tr.replace(
+        const { contentNode: i, contentType: s, startPos: l, endPos: a, depth: d } = r, c = t.doc.cut(l + 1, n), h = t.doc.cut(n, a - 1), p = t.schema.nodes.blockContainer.createAndFill(), f = a + 1, m = f + 2;
+        return o && (t.tr.insert(f, p), t.tr.replace(
           m,
           m + 1,
-          p.content.size > 0 ? new T(
-            I.from(p),
+          h.content.size > 0 ? new x(
+            I.from(h),
             d + 2,
             d + 2
           ) : void 0
@@ -1176,11 +1257,11 @@ const it = new S("previous-blocks"), _e = {
           t.schema.node(s).type,
           i.attrs
         ), t.tr.setSelection(
-          new et(t.doc.resolve(m))
+          new ot(t.doc.resolve(m))
         ), t.tr.replace(
           l + 1,
           a - 1,
-          c.content.size > 0 ? new T(
+          c.content.size > 0 ? new x(
             I.from(c),
             d + 2,
             d + 2
@@ -1190,7 +1271,7 @@ const it = new S("previous-blocks"), _e = {
     };
   },
   addProseMirrorPlugins() {
-    return [Ie()];
+    return [He()];
   },
   addKeyboardShortcuts() {
     return {
@@ -1201,7 +1282,7 @@ const it = new S("previous-blocks"), _e = {
         () => t.undoInputRule(),
         // Reverts block content type to a paragraph if the selection is at the start of the block.
         () => t.command(({ state: o }) => {
-          const { contentType: r } = g(
+          const { contentType: r } = k(
             o.doc,
             o.selection.from
           ), i = o.selection.$anchor.parentOffset === 0, s = r.name === "paragraph";
@@ -1215,7 +1296,7 @@ const it = new S("previous-blocks"), _e = {
         // 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: o }) => {
-          const { depth: r, startPos: i } = g(
+          const { depth: r, startPos: i } = k(
             o.doc,
             o.selection.from
           ), s = o.selection.$anchor.parentOffset === 0, l = o.selection.anchor === o.selection.head, a = i === 2, d = i - 1;
@@ -1226,7 +1307,7 @@ const it = new S("previous-blocks"), _e = {
         // 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: o }) => {
-          const { node: r, depth: i } = g(
+          const { node: r, depth: i } = k(
             o.doc,
             o.selection.from
           ), s = o.selection.$anchor.parentOffset === 0, l = o.selection.anchor === o.selection.head, a = r.textContent.length === 0, d = i > 2;
@@ -1235,20 +1316,20 @@ const it = new S("previous-blocks"), _e = {
         // 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: o, chain: r }) => {
-          const { node: i, endPos: s } = g(
+          const { node: i, endPos: s } = k(
             o.doc,
             o.selection.from
           ), l = o.selection.$anchor.parentOffset === 0, a = o.selection.anchor === o.selection.head, d = i.textContent.length === 0;
           if (l && a && d) {
-            const c = s + 1, p = c + 2;
-            return r().BNCreateBlock(c).setTextSelection(p).run(), !0;
+            const c = s + 1, h = c + 2;
+            return r().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.
         () => t.command(({ state: o, chain: r }) => {
-          const { node: i } = g(
+          const { node: i } = k(
             o.doc,
             o.selection.from
           );
@@ -1290,15 +1371,10 @@ const it = new S("previous-blocks"), _e = {
       })
     };
   }
-}), Le = V.create({
+}), Pe = U.create({
   name: "blockGroup",
   group: "blockGroup",
   content: "blockContainer+",
-  addOptions() {
-    return {
-      HTMLAttributes: {}
-    };
-  },
   parseHTML() {
     return [
       {
@@ -1308,26 +1384,31 @@ const it = new S("previous-blocks"), _e = {
     ];
   },
   renderHTML({ HTMLAttributes: n }) {
+    var t;
+    const e = ((t = this.options.domAttributes) == null ? void 0 : t.blockGroup) || {};
     return [
       "div",
-      x(this.options.HTMLAttributes, n, {
-        class: k.blockGroup,
-        "data-node-type": "blockGroup"
-      }),
+      A(
+        {
+          ...e,
+          class: v(
+            y.blockGroup,
+            e.class
+          ),
+          "data-node-type": "blockGroup"
+        },
+        n
+      ),
       0
     ];
   }
-}), Ne = [
-  Ae,
-  Le,
-  V.create({
-    name: "doc",
-    topNode: !0,
-    content: "blockGroup"
-  })
-], Pe = (n) => {
-  const e = q.fromSchema(n);
-  return new q(
+}), Oe = U.create({
+  name: "doc",
+  topNode: !0,
+  content: "blockGroup"
+}), De = (n) => {
+  const e = W.fromSchema(n);
+  return new W(
     {
       ...e.nodes
       // TODO: If a serializer is defined in the config for a custom block, it
@@ -1337,18 +1418,18 @@ const it = new S("previous-blocks"), _e = {
     },
     e.marks
   );
-}, Oe = B.create({
+}, Re = T.create({
   addProseMirrorPlugins() {
     return [
-      new y({
+      new S({
         props: {
-          clipboardSerializer: Pe(this.editor.schema)
+          clipboardSerializer: De(this.editor.schema)
         }
       })
     ];
   }
 });
-class F {
+class G {
   constructor() {
     u(this, "callbacks", {});
   }
@@ -1367,10 +1448,10 @@ class F {
     this.callbacks = {};
   }
 }
-const De = Rt(
+const Ve = Vt(
   (n) => n.type.name === "blockContainer"
 );
-class Re {
+class ze {
   constructor(e, t, o = () => {
   }) {
     u(this, "suggestionsMenuState");
@@ -1385,7 +1466,7 @@ class Re {
         this.suggestionsMenuState.referencePos = t.getBoundingClientRect(), this.updateSuggestionsMenu();
       }
     });
-    this.editor = e, this.pluginKey = t, this.pluginState = W(), this.updateSuggestionsMenu = () => {
+    this.editor = e, this.pluginKey = t, this.pluginState = Y(), this.updateSuggestionsMenu = () => {
       if (!this.suggestionsMenuState)
         throw new Error("Attempting to update uninitialized suggestions menu");
       o(this.suggestionsMenuState);
@@ -1413,7 +1494,7 @@ class Re {
     document.removeEventListener("scroll", this.handleScroll);
   }
 }
-function W() {
+function Y() {
   return {
     active: !1,
     triggerCharacter: void 0,
@@ -1424,7 +1505,7 @@ function W() {
     decorationId: void 0
   };
 }
-const ze = (n, e, t, o, r = () => [], i = () => {
+const Ue = (n, e, t, o, r = () => [], i = () => {
 }) => {
   if (o.length !== 1)
     throw new Error("'char' should be a single character");
@@ -1433,9 +1514,9 @@ const ze = (n, e, t, o, r = () => [], i = () => {
     a.dispatch(a.state.tr.setMeta(t, { deactivate: !0 }));
   };
   return {
-    plugin: new y({
+    plugin: new S({
       key: t,
-      view: () => (s = new Re(
+      view: () => (s = new ze(
         n,
         t,
         e
@@ -1443,18 +1524,18 @@ const ze = (n, e, t, o, r = () => [], i = () => {
       state: {
         // Initialize the plugin's internal state.
         init() {
-          return W();
+          return Y();
         },
         // Apply changes to the plugin state from an editor transaction.
-        apply(a, d, c, p) {
-          var f, m, b, v;
+        apply(a, d, c, h) {
+          var f, m, g, b;
           if (a.getMeta("orderedListIndexing") !== void 0)
             return d;
           if ((f = a.getMeta(t)) != null && f.activate)
             return {
               active: !0,
               triggerCharacter: ((m = a.getMeta(t)) == null ? void 0 : m.triggerCharacter) || "",
-              queryStartPos: p.selection.from,
+              queryStartPos: h.selection.from,
               items: r(""),
               keyboardHoveredItemIndex: 0,
               // TODO: Maybe should be 1 if the menu has no possible items? Probably redundant since a menu with no items
@@ -1464,30 +1545,30 @@ const ze = (n, e, t, o, r = () => [], i = () => {
             };
           if (!d.active)
             return d;
-          const h = { ...d };
-          if (h.items = r(
-            p.doc.textBetween(
+          const p = { ...d };
+          if (p.items = r(
+            h.doc.textBetween(
               d.queryStartPos,
-              p.selection.from
+              h.selection.from
             )
-          ), h.notFoundCount = 0, h.items.length === 0 && (h.notFoundCount = Math.max(
+          ), p.notFoundCount = 0, p.items.length === 0 && (p.notFoundCount = Math.max(
             0,
-            d.notFoundCount + (p.selection.from - c.selection.from)
+            d.notFoundCount + (h.selection.from - c.selection.from)
           )), // Highlighting text should hide the menu.
-          p.selection.from !== p.selection.to || // Transactions with plugin metadata {deactivate: true} should hide the menu.
-          (b = a.getMeta(t)) != null && b.deactivate || // Certain mouse events should hide the menu.
+          h.selection.from !== h.selection.to || // Transactions with plugin metadata {deactivate: true} should hide the menu.
+          (g = a.getMeta(t)) != null && g.deactivate || // Certain mouse events should hide the menu.
           // TODO: Change to global mousedown listener.
           a.getMeta("focus") || a.getMeta("blur") || a.getMeta("pointer") || // Moving the caret before the character which triggered the menu should hide it.
-          d.active && p.selection.from < d.queryStartPos || // Entering more than 3 characters, after the last query that matched with at least 1 menu item, should hide
+          d.active && h.selection.from < d.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 W();
-          if (((v = a.getMeta(t)) == null ? void 0 : v.selectedItemIndexChanged) !== void 0) {
-            let w = a.getMeta(t).selectedItemIndexChanged;
-            w < 0 ? w = d.items.length - 1 : w >= d.items.length && (w = 0), h.keyboardHoveredItemIndex = w;
+          p.notFoundCount > 3)
+            return Y();
+          if (((b = a.getMeta(t)) == null ? void 0 : b.selectedItemIndexChanged) !== void 0) {
+            let C = a.getMeta(t).selectedItemIndexChanged;
+            C < 0 ? C = d.items.length - 1 : C >= d.items.length && (C = 0), p.keyboardHoveredItemIndex = C;
           } else
-            c.selection.from !== p.selection.from && (h.keyboardHoveredItemIndex = 0);
-          return h;
+            c.selection.from !== h.selection.from && (p.keyboardHoveredItemIndex = 0);
+          return p;
         }
       },
       props: {
@@ -1503,8 +1584,8 @@ const ze = (n, e, t, o, r = () => [], i = () => {
           if (!c)
             return !1;
           const {
-            triggerCharacter: p,
-            queryStartPos: h,
+            triggerCharacter: h,
+            queryStartPos: p,
             items: f,
             keyboardHoveredItemIndex: m
           } = t.getState(a.state);
@@ -1517,7 +1598,7 @@ const ze = (n, e, t, o, r = () => [], i = () => {
               selectedItemIndexChanged: m + 1
             })
           ), !0) : d.key === "Enter" ? (l(a), n._tiptapEditor.chain().focus().deleteRange({
-            from: h - p.length,
+            from: p - h.length,
             to: n._tiptapEditor.state.selection.from
           }).run(), i({
             item: f[m],
@@ -1526,14 +1607,14 @@ const ze = (n, e, t, o, r = () => [], i = () => {
         },
         // Setup decorator on the currently active suggestion.
         decorations(a) {
-          const { active: d, decorationId: c, queryStartPos: p, triggerCharacter: h } = this.getState(a);
+          const { active: d, decorationId: c, queryStartPos: h, triggerCharacter: p } = this.getState(a);
           if (!d)
             return null;
-          if (h === "") {
-            const f = De(a.selection);
+          if (p === "") {
+            const f = Ve(a.selection);
             if (f)
               return z.create(a.doc, [
-                R.node(
+                V.node(
                   f.pos,
                   f.pos + f.node.nodeSize,
                   {
@@ -1545,9 +1626,9 @@ const ze = (n, e, t, o, r = () => [], i = () => {
               ]);
           }
           return z.create(a.doc, [
-            R.inline(
-              p - h.length,
-              p,
+            V.inline(
+              h - p.length,
+              h,
               {
                 nodeName: "span",
                 class: "suggestion-decorator",
@@ -1568,18 +1649,18 @@ const ze = (n, e, t, o, r = () => [], i = () => {
       });
     }
   };
-}, K = new S("SlashMenuPlugin");
-class Ve extends F {
+}, X = new w("SlashMenuPlugin");
+class Fe extends G {
   constructor(t, o) {
     super();
     u(this, "plugin");
     u(this, "itemCallback");
-    const r = ze(
+    const r = Ue(
       t,
       (i) => {
         this.emit("update", i);
       },
-      K,
+      X,
       "/",
       (i) => o.filter(
         ({ name: s, aliases: l }) => s.toLowerCase().startsWith(i.toLowerCase()) || l && l.filter(
@@ -1594,7 +1675,7 @@ class Ve extends F {
     return this.on("update", t);
   }
 }
-const Ue = new S("blocknote-placeholder"), Fe = B.create({
+const Ge = new w("blocknote-placeholder"), $e = T.create({
   name: "placeholder",
   addOptions() {
     return {
@@ -1610,21 +1691,21 @@ const Ue = new S("blocknote-placeholder"), Fe = B.create({
   },
   addProseMirrorPlugins() {
     return [
-      new y({
-        key: Ue,
+      new S({
+        key: Ge,
         props: {
           decorations: (n) => {
-            const { doc: e, selection: t } = n, o = K.getState(n), r = this.editor.isEditable || !this.options.showOnlyWhenEditable, { anchor: i } = t, s = [];
+            const { doc: e, selection: t } = n, o = X.getState(n), r = this.editor.isEditable || !this.options.showOnlyWhenEditable, { anchor: i } = t, s = [];
             if (r)
               return e.descendants((l, a) => {
                 const d = i >= a && i <= a + l.nodeSize, c = !l.isLeaf && !l.childCount;
                 if ((d || !this.options.showOnlyCurrent) && c) {
-                  const p = [this.options.emptyNodeClass];
-                  this.editor.isEmpty && p.push(this.options.emptyEditorClass), d && p.push(this.options.hasAnchorClass), (o == null ? void 0 : o.triggerCharacter) === "" && (o != null && o.active) && p.push(this.options.isFilterClass);
-                  const h = R.node(a, a + l.nodeSize, {
-                    class: p.join(" ")
+                  const h = [this.options.emptyNodeClass];
+                  this.editor.isEmpty && h.push(this.options.emptyEditorClass), d && h.push(this.options.hasAnchorClass), (o == null ? void 0 : o.triggerCharacter) === "" && (o != null && o.active) && h.push(this.options.isFilterClass);
+                  const p = V.node(a, a + l.nodeSize, {
+                    class: h.join(" ")
                   });
-                  s.push(h);
+                  s.push(p);
                 }
                 return this.options.includeChildren;
               }), z.create(e, s);
@@ -1633,7 +1714,7 @@ const Ue = new S("blocknote-placeholder"), Fe = B.create({
       })
     ];
   }
-}), Ge = B.create({
+}), je = T.create({
   name: "textAlignment",
   addGlobalAttributes() {
     return [
@@ -1656,7 +1737,7 @@ const Ue = new S("blocknote-placeholder"), Fe = B.create({
   addCommands() {
     return {
       setTextAlignment: (n) => ({ state: e }) => {
-        const t = [], o = g(
+        const t = [], o = k(
           e.doc,
           e.selection.from
         );
@@ -1671,7 +1752,7 @@ const Ue = new S("blocknote-placeholder"), Fe = B.create({
       }
     };
   }
-}), $e = B.create({
+}), qe = T.create({
   name: "blockTextColor",
   addGlobalAttributes() {
     return [
@@ -1692,12 +1773,12 @@ const Ue = new S("blocknote-placeholder"), Fe = B.create({
   addCommands() {
     return {
       setBlockTextColor: (n, e) => ({ state: t, view: o }) => {
-        const r = g(t.doc, n);
+        const r = k(t.doc, n);
         return r === void 0 ? !1 : (t.tr.setNodeAttribute(r.startPos - 1, "textColor", e), o.focus(), !0);
       }
     };
   }
-}), je = at.create({
+}), We = lt.create({
   name: "textColor",
   addAttributes() {
     return {
@@ -1726,12 +1807,12 @@ const Ue = new S("blocknote-placeholder"), Fe = B.create({
       setTextColor: (n) => ({ commands: e }) => n !== "default" ? e.setMark(this.name, { color: n }) : e.unsetMark(this.name)
     };
   }
-}), qe = B.create({
+}), Ye = T.create({
   name: "trailingNode",
   addProseMirrorPlugins() {
-    const n = new S(this.name);
+    const n = new w(this.name);
     return [
-      new y({
+      new S({
         key: n,
         appendTransaction: (e, t, o) => {
           const { doc: r, tr: i, schema: s } = o, l = n.getState(o), a = r.content.size - 2, d = s.nodes.blockContainer, c = s.nodes.paragraph;
@@ -1758,7 +1839,7 @@ const Ue = new S("blocknote-placeholder"), Fe = B.create({
       })
     ];
   }
-}), We = (n) => {
+}), Ke = (n) => {
   const e = [
     L.ClipboardTextSerializer,
     L.Commands,
@@ -1766,48 +1847,57 @@ const Ue = new S("blocknote-placeholder"), Fe = B.create({
     L.FocusEvents,
     L.Tabindex,
     // DevTools,
-    Wt,
+    Yt,
     // DropCursor,
-    Fe.configure({
-      emptyNodeClass: k.isEmpty,
-      hasAnchorClass: k.hasAnchor,
-      isFilterClass: k.isFilter,
+    $e.configure({
+      emptyNodeClass: y.isEmpty,
+      hasAnchorClass: y.hasAnchor,
+      isFilterClass: y.isFilter,
       includeChildren: !0,
       showOnlyCurrent: !1
     }),
-    U.configure({
+    F.configure({
       types: ["blockContainer"]
     }),
-    Yt,
+    Kt,
     // Comments,
     // basics:
-    Qt,
+    te,
     // marks:
-    Ft,
     Gt,
-    Kt,
-    Zt,
-    te,
+    $t,
     Xt,
-    je,
-    $e,
+    Qt,
+    ee,
+    Zt,
+    We,
+    qe,
+    me,
     fe,
-    he,
-    Ge,
-    // custom blocks:
-    ...Ne,
+    je,
+    // nodes
+    Oe,
+    Le.configure({
+      domAttributes: n.domAttributes
+    }),
+    Pe.configure({
+      domAttributes: n.domAttributes
+    }),
     ...Object.values(n.blockSchema).map(
-      (t) => t.node.configure({ editor: n.editor })
+      (t) => t.node.configure({
+        editor: n.editor,
+        domAttributes: n.domAttributes
+      })
     ),
-    Oe,
-    qt.configure({ width: 5, color: "#ddeeff" }),
+    Re,
+    Wt.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
-    qe
+    Ye
   ];
   if (n.collaboration) {
     e.push(
-      $t.configure({
+      jt.configure({
         fragment: n.collaboration.fragment
       })
     );
@@ -1820,7 +1910,7 @@ const Ue = new S("blocknote-placeholder"), Fe = B.create({
       return r.insertBefore(s, null), r.insertBefore(i, null), r.insertBefore(l, null), r;
     };
     e.push(
-      jt.configure({
+      qt.configure({
         user: n.collaboration.user,
         render: n.collaboration.renderCursor || t,
         provider: n.collaboration.provider
@@ -1830,7 +1920,7 @@ const Ue = new S("blocknote-placeholder"), Fe = B.create({
     e.push(Jt);
   return e;
 };
-function X(n, e) {
+function Z(n, e) {
   let t, o;
   if (e.firstChild.descendants((r, i) => t ? !1 : r.type.name !== "blockContainer" || r.attrs.id !== n ? !0 : (t = r, o = i + 1, !1)), t === void 0 || o === void 0)
     throw Error("Could not find block in the editor with matching ID.");
@@ -1839,12 +1929,12 @@ function X(n, e) {
     posBeforeNode: o
   };
 }
-function Bt(n, e, t = "before", o) {
+function Tt(n, e, t = "before", o) {
   const r = typeof e == "string" ? e : e.id, i = [];
   for (const d of n)
-    i.push(O(d, o.schema));
+    i.push(D(d, o.schema));
   let s = -1;
-  const { node: l, posBeforeNode: a } = X(r, o.state.doc);
+  const { node: l, posBeforeNode: a } = Z(r, o.state.doc);
   if (t === "before" && (s = a), t === "after" && (s = a + l.nodeSize), t === "nested") {
     if (l.childCount < 2) {
       s = a + l.firstChild.nodeSize + 1;
@@ -1861,11 +1951,11 @@ function Bt(n, e, t = "before", o) {
   }
   o.view.dispatch(o.state.tr.insert(s, i));
 }
-function Ye(n, e, t) {
-  const o = typeof n == "string" ? n : n.id, { posBeforeNode: r } = X(o, t.state.doc);
+function Je(n, e, t) {
+  const o = typeof n == "string" ? n : n.id, { posBeforeNode: r } = Z(o, t.state.doc);
   t.commands.BNUpdateBlock(r + 1, e);
 }
-function Tt(n, e) {
+function xt(n, e) {
   const t = new Set(
     n.map(
       (r) => typeof r == "string" ? r : r.id
@@ -1890,10 +1980,10 @@ function Tt(n, e) {
     );
   }
 }
-function Je(n, e, t) {
-  Bt(e, n[0], "before", t), Tt(n, t);
+function Xe(n, e, t) {
+  Tt(e, n[0], "before", t), xt(n, t);
 }
-function Ke() {
+function Ze() {
   const n = (e) => {
     let t = e.children.length;
     for (let o = 0; o < t; o++) {
@@ -1909,19 +1999,19 @@ function Ke() {
   };
   return n;
 }
-function Xe(n) {
+function Qe(n) {
   const e = /* @__PURE__ */ new Set([
     ...n.orderedListItemBlockTypes,
     ...n.unorderedListItemBlockTypes
   ]), t = (o) => {
     let r = o.children.length, i;
     for (let s = 0; s < r; s++) {
-      const a = o.children[s].children[0], d = a.children[0], c = a.children.length === 2 ? a.children[1] : null, p = e.has(
+      const a = o.children[s].children[0], d = a.children[0], c = a.children.length === 2 ? a.children[1] : null, h = e.has(
         d.properties.dataContentType
-      ), h = p ? n.orderedListItemBlockTypes.has(
+      ), p = h ? n.orderedListItemBlockTypes.has(
         d.properties.dataContentType
       ) ? "ol" : "ul" : null;
-      if (c !== null && t(c), i && i.tagName !== h) {
+      if (c !== null && t(c), i && i.tagName !== p) {
         o.children.splice(
           s - i.children.length,
           i.children.length,
@@ -1930,11 +2020,11 @@ function Xe(n) {
         const f = i.children.length - 1;
         s -= f, r -= f, i = void 0;
       }
-      if (p) {
-        i || (i = ot(
-          document.createElement(h)
+      if (h) {
+        i || (i = nt(
+          document.createElement(p)
         ));
-        const f = ot(
+        const f = nt(
           document.createElement("li")
         );
         f.children.push(d.children[0]), c !== null && f.children.push(...c.children), i.children.push(f);
@@ -1953,33 +2043,33 @@ function Xe(n) {
   };
   return t;
 }
-async function xt(n, e) {
-  const t = document.createElement("div"), o = q.fromSchema(e);
+async function At(n, e) {
+  const t = document.createElement("div"), o = W.fromSchema(e);
   for (const i of n) {
-    const s = O(i, e), l = o.serializeNode(s);
+    const s = D(i, e), l = o.serializeNode(s);
     t.appendChild(l);
   }
-  return (await J().use(lt, { fragment: !0 }).use(Xe, {
+  return (await J().use(dt, { fragment: !0 }).use(Qe, {
     orderedListItemBlockTypes: /* @__PURE__ */ new Set(["numberedListItem"]),
     unorderedListItemBlockTypes: /* @__PURE__ */ new Set(["bulletListItem"])
-  }).use(dt).process(t.innerHTML)).value;
+  }).use(ct).process(t.innerHTML)).value;
 }
 async function _t(n, e, t) {
   const o = document.createElement("div");
   o.innerHTML = n.trim();
-  const i = ee.fromSchema(t).parse(o), s = [];
+  const i = oe.fromSchema(t).parse(o), s = [];
   for (let l = 0; l < i.firstChild.childCount; l++)
-    s.push(M(i.firstChild.child(l), e));
+    s.push(E(i.firstChild.child(l), e));
   return s;
 }
-async function Ze(n, e) {
-  return (await J().use(lt, { fragment: !0 }).use(Ke).use(ie).use(ct).use(le).process(await xt(n, e))).value;
+async function to(n, e) {
+  return (await J().use(dt, { fragment: !0 }).use(Ze).use(se).use(ut).use(de).process(await At(n, e))).value;
 }
-async function Qe(n, e, t) {
-  const o = await J().use(se).use(ct).use(ae).use(dt).process(n);
+async function eo(n, e, t) {
+  const o = await J().use(ae).use(ut).use(le).use(ct).process(n);
   return _t(o.value, e, t);
 }
-class to {
+class oo {
   constructor(e, t, o) {
     u(this, "formattingToolbarState");
     u(this, "updateFormattingToolbar");
@@ -2028,25 +2118,25 @@ class to {
     }, t.dom.addEventListener("mousedown", this.viewMousedownHandler), t.dom.addEventListener("mouseup", this.viewMouseupHandler), t.dom.addEventListener("dragstart", this.dragstartHandler), t.dom.addEventListener("focus", this.focusHandler), t.dom.addEventListener("blur", this.blurHandler), document.addEventListener("scroll", this.scrollHandler);
   }
   update(e, t) {
-    var h, f;
+    var p, f;
     const { state: o, composing: r } = e, { doc: i, selection: s } = o, l = t && t.doc.eq(i) && t.selection.eq(s);
     if ((this.prevWasEditable === null || this.prevWasEditable === this.editor.isEditable) && (r || l))
       return;
     this.prevWasEditable = this.editor.isEditable;
-    const { ranges: a } = s, d = Math.min(...a.map((m) => m.$from.pos)), c = Math.max(...a.map((m) => m.$to.pos)), p = (h = this.shouldShow) == null ? void 0 : h.call(this, {
+    const { ranges: a } = s, d = Math.min(...a.map((m) => m.$from.pos)), c = Math.max(...a.map((m) => m.$to.pos)), h = (p = this.shouldShow) == null ? void 0 : p.call(this, {
       view: e,
       state: o,
       from: d,
       to: c
     });
-    if (this.editor.isEditable && !this.preventShow && (p || this.preventHide)) {
+    if (this.editor.isEditable && !this.preventShow && (h || this.preventHide)) {
       this.formattingToolbarState = {
         show: !0,
         referencePos: this.getSelectionBoundingBox()
       }, this.updateFormattingToolbar();
       return;
     }
-    if ((f = this.formattingToolbarState) != null && f.show && !this.preventHide && (!p || this.preventShow || !this.editor.isEditable)) {
+    if ((f = this.formattingToolbarState) != null && f.show && !this.preventHide && (!h || this.preventShow || !this.editor.isEditable)) {
       this.formattingToolbarState.show = !1, this.updateFormattingToolbar();
       return;
     }
@@ -2056,25 +2146,25 @@ class to {
   }
   getSelectionBoundingBox() {
     const { state: e } = this.pmView, { selection: t } = e, { ranges: o } = t, r = Math.min(...o.map((s) => s.$from.pos)), i = Math.max(...o.map((s) => s.$to.pos));
-    if (Vt(t)) {
+    if (Ut(t)) {
       const s = this.pmView.nodeDOM(r);
       if (s)
         return s.getBoundingClientRect();
     }
-    return j(this.pmView, r, i);
+    return q(this.pmView, r, i);
   }
 }
-const eo = new S(
+const no = new w(
   "FormattingToolbarPlugin"
 );
-class oo extends F {
+class ro extends G {
   constructor(t) {
     super();
     u(this, "view");
     u(this, "plugin");
-    this.plugin = new y({
-      key: eo,
-      view: (o) => (this.view = new to(t, o, (r) => {
+    this.plugin = new S({
+      key: no,
+      view: (o) => (this.view = new oo(t, o, (r) => {
         this.emit("update", r);
       }), this.view)
     });
@@ -2083,7 +2173,7 @@ class oo extends F {
     return this.on("update", t);
   }
 }
-class no {
+class io {
   constructor(e, t, o) {
     u(this, "hyperlinkToolbarState");
     u(this, "updateHyperlinkToolbar");
@@ -2103,7 +2193,7 @@ class no {
         ), i = r.marks();
         for (const s of i)
           if (s.type.name === this.pmView.state.schema.mark("link").type.name) {
-            this.mouseHoveredHyperlinkMark = s, this.mouseHoveredHyperlinkMarkRange = tt(
+            this.mouseHoveredHyperlinkMark = s, this.mouseHoveredHyperlinkMarkRange = et(
               r,
               s.type,
               s.attrs
@@ -2123,7 +2213,7 @@ class no {
     });
     u(this, "scrollHandler", () => {
       var e;
-      this.hyperlinkMark !== void 0 && (e = this.hyperlinkToolbarState) != null && e.show && (this.hyperlinkToolbarState.referencePos = j(
+      this.hyperlinkMark !== void 0 && (e = this.hyperlinkToolbarState) != null && e.show && (this.hyperlinkToolbarState.referencePos = q(
         this.pmView,
         this.hyperlinkMarkRange.from,
         this.hyperlinkMarkRange.to
@@ -2171,7 +2261,7 @@ class no {
       const o = this.pmView.state.selection.$from.marks();
       for (const r of o)
         if (r.type.name === this.pmView.state.schema.mark("link").type.name) {
-          this.keyboardHoveredHyperlinkMark = r, this.keyboardHoveredHyperlinkMarkRange = tt(
+          this.keyboardHoveredHyperlinkMark = r, this.keyboardHoveredHyperlinkMarkRange = et(
             this.pmView.state.selection.$from,
             r.type,
             r.attrs
@@ -2182,7 +2272,7 @@ class no {
     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) {
       this.hyperlinkToolbarState = {
         show: !0,
-        referencePos: j(
+        referencePos: q(
           this.pmView,
           this.hyperlinkMarkRange.from,
           this.hyperlinkMarkRange.to
@@ -2204,10 +2294,10 @@ class no {
     this.pmView.dom.removeEventListener("mouseover", this.mouseOverHandler), document.removeEventListener("scroll", this.scrollHandler), document.removeEventListener("click", this.clickHandler, !0);
   }
 }
-const ro = new S(
+const so = new w(
   "HyperlinkToolbarPlugin"
 );
-class io extends F {
+class ao extends G {
   constructor(t) {
     super();
     u(this, "view");
@@ -2242,9 +2332,9 @@ class io extends F {
     u(this, "stopHideTimer", () => {
       this.view.stopMenuUpdateTimer();
     });
-    this.plugin = new y({
-      key: ro,
-      view: (o) => (this.view = new no(t, o, (r) => {
+    this.plugin = new S({
+      key: so,
+      view: (o) => (this.view = new io(t, o, (r) => {
         this.emit("update", r);
       }), this.view)
     });
@@ -2253,7 +2343,7 @@ class io extends F {
     return this.on("update", t);
   }
 }
-class A extends $ {
+class N extends j {
   constructor(t, o) {
     super(t, o);
     u(this, "nodes");
@@ -2264,13 +2354,13 @@ class A extends $ {
     });
   }
   static create(t, o, r = o) {
-    return new A(t.resolve(o), t.resolve(r));
+    return new N(t.resolve(o), t.resolve(r));
   }
   content() {
-    return new T(I.from(this.nodes), 0, 0);
+    return new x(I.from(this.nodes), 0, 0);
   }
   eq(t) {
-    if (!(t instanceof A) || this.nodes.length !== t.nodes.length || this.from !== t.from || this.to !== t.to)
+    if (!(t instanceof N) || this.nodes.length !== t.nodes.length || this.from !== t.from || this.to !== t.to)
       return !1;
     for (let o = 0; o < this.nodes.length; o++)
       if (!this.nodes[o].eq(t.nodes[o]))
@@ -2279,7 +2369,7 @@ class A extends $ {
   }
   map(t, o) {
     let r = o.mapResult(this.from), i = o.mapResult(this.to);
-    return i.deleted ? $.near(t.resolve(r.pos)) : r.deleted ? $.near(t.resolve(i.pos)) : new A(
+    return i.deleted ? j.near(t.resolve(r.pos)) : r.deleted ? j.near(t.resolve(i.pos)) : new N(
       t.resolve(r.pos),
       t.resolve(i.pos)
     );
@@ -2288,8 +2378,8 @@ class A extends $ {
     return { type: "node", anchor: this.anchor, head: this.head };
   }
 }
-const so = re.__serializeForClipboard;
-let E;
+const lo = ie.__serializeForClipboard;
+let B;
 function It(n, e) {
   var r;
   if (!e.dom.isConnected)
@@ -2305,7 +2395,7 @@ function It(n, e) {
       return { node: o, id: o.getAttribute("data-id") };
   }
 }
-function ao(n, e) {
+function co(n, e) {
   let t = It(n, e);
   if (t && t.node.nodeType === 1) {
     const o = e.docView;
@@ -2314,7 +2404,7 @@ function ao(n, e) {
   }
   return null;
 }
-function lo(n, e) {
+function uo(n, e) {
   let t, o;
   const r = e.resolve(n.from).node().type.spec.group === "blockContent", i = e.resolve(n.to).node().type.spec.group === "blockContent", s = Math.min(n.$anchor.depth, n.$head.depth);
   if (r && i) {
@@ -2324,9 +2414,9 @@ function lo(n, e) {
     t = n.from, o = n.to;
   return { from: t, to: o };
 }
-function st(n, e, t = e) {
+function at(n, e, t = e) {
   e === t && (t += n.state.doc.resolve(e + 1).node().nodeSize);
-  const o = n.domAtPos(e).node.cloneNode(!0), r = n.domAtPos(e).node, i = (c, p) => Array.prototype.indexOf.call(c.children, p), s = i(
+  const o = n.domAtPos(e).node.cloneNode(!0), r = n.domAtPos(e).node, i = (c, h) => Array.prototype.indexOf.call(c.children, h), s = i(
     r,
     // Expects from position to be just before the first selected block.
     n.domAtPos(e + 1).node.parentElement
@@ -2337,16 +2427,16 @@ function st(n, e, t = e) {
   );
   for (let c = r.childElementCount - 1; c >= 0; c--)
     (c > l || c < s) && o.removeChild(o.children[c]);
-  Ht(), E = o;
+  Ht(), B = o;
   const d = n.dom.className.split(" ").filter(
     (c) => !c.includes("bn") && !c.includes("ProseMirror") && !c.includes("editor")
   ).join(" ");
-  E.className = E.className + " " + H.dragPreview + " " + d, document.body.appendChild(E);
+  B.className = B.className + " " + H.dragPreview + " " + d, document.body.appendChild(B);
 }
 function Ht() {
-  E !== void 0 && (document.body.removeChild(E), E = void 0);
+  B !== void 0 && (document.body.removeChild(B), B = void 0);
 }
-function co(n, e) {
+function po(n, e) {
   if (!n.dataTransfer)
     return;
   const t = e.dom.getBoundingClientRect();
@@ -2354,19 +2444,19 @@ function co(n, e) {
     left: t.left + t.width / 2,
     // take middle of editor
     top: n.clientY
-  }, r = ao(o, e);
+  }, r = co(o, e);
   if (r != null) {
-    const i = e.state.selection, s = e.state.doc, { from: l, to: a } = lo(i, s), d = l <= r && r < a, c = i.$anchor.node() !== i.$head.node() || i instanceof A;
+    const i = e.state.selection, s = e.state.doc, { from: l, to: a } = uo(i, s), d = l <= r && r < a, c = i.$anchor.node() !== i.$head.node() || i instanceof N;
     d && c ? (e.dispatch(
-      e.state.tr.setSelection(A.create(s, l, a))
-    ), st(e, l, a)) : (e.dispatch(
-      e.state.tr.setSelection(oe.create(e.state.doc, r))
-    ), st(e, r));
-    let p = e.state.selection.content(), { dom: h, text: f } = so(e, p);
-    n.dataTransfer.clearData(), n.dataTransfer.setData("text/html", h.innerHTML), n.dataTransfer.setData("text/plain", f), n.dataTransfer.effectAllowed = "move", n.dataTransfer.setDragImage(E, 0, 0), e.dragging = { slice: p, move: !0 };
+      e.state.tr.setSelection(N.create(s, l, a))
+    ), at(e, l, a)) : (e.dispatch(
+      e.state.tr.setSelection(ne.create(e.state.doc, r))
+    ), at(e, r));
+    let h = e.state.selection.content(), { dom: p, text: f } = lo(e, h);
+    n.dataTransfer.clearData(), n.dataTransfer.setData("text/html", p.innerHTML), n.dataTransfer.setData("text/plain", f), n.dataTransfer.effectAllowed = "move", n.dataTransfer.setDragImage(B, 0, 0), e.dragging = { slice: h, move: !0 };
   }
 }
-class uo {
+class ho {
   constructor(e, t, o) {
     u(this, "sideMenuState");
     // When true, the drag handle with be anchored at the same level as root elements
@@ -2423,7 +2513,7 @@ class uo {
       (t = this.sideMenuState) != null && t.show && (this.sideMenuState.show = !1, this.updateSideMenu(this.sideMenuState)), this.menuFrozen = !1;
     });
     u(this, "onMouseMove", (e) => {
-      var d, c, p, h, f;
+      var d, c, h, p, f;
       if (this.menuFrozen)
         return;
       const t = this.pmView.dom.firstChild.getBoundingClientRect(), o = this.pmView.dom.getBoundingClientRect(), r = e.clientX >= o.left && e.clientX <= o.right && e.clientY >= o.top && e.clientY <= o.bottom, i = this.pmView.dom.parentElement;
@@ -2446,7 +2536,7 @@ class uo {
         (c = this.sideMenuState) != null && c.show && (this.sideMenuState.show = !1, this.updateSideMenu(this.sideMenuState));
         return;
       }
-      if ((p = this.sideMenuState) != null && p.show && ((h = this.hoveredBlock) != null && h.hasAttribute("data-id")) && ((f = this.hoveredBlock) == null ? void 0 : f.getAttribute("data-id")) === l.id)
+      if ((h = this.sideMenuState) != null && h.show && ((p = this.hoveredBlock) != null && p.hasAttribute("data-id")) && ((f = this.hoveredBlock) == null ? void 0 : f.getAttribute("data-id")) === l.id)
         return;
       this.hoveredBlock = l.node;
       const a = l.node.firstChild;
@@ -2493,7 +2583,7 @@ class uo {
     });
     if (!o)
       return;
-    const r = g(
+    const r = k(
       this.editor._tiptapEditor.state.doc,
       o.pos
     );
@@ -2506,7 +2596,7 @@ class uo {
     } else
       this.editor._tiptapEditor.commands.setTextSelection(s);
     this.pmView.focus(), this.pmView.dispatch(
-      this.pmView.state.tr.scrollIntoView().setMeta(K, {
+      this.pmView.state.tr.scrollIntoView().setMeta(X, {
         // TODO import suggestion plugin key
         activate: !0,
         type: "drag"
@@ -2514,8 +2604,8 @@ class uo {
     );
   }
 }
-const po = new S("SideMenuPlugin");
-class ho extends F {
+const fo = new w("SideMenuPlugin");
+class mo extends G {
   constructor(t) {
     super();
     u(this, "sideMenuView");
@@ -2529,7 +2619,7 @@ class ho extends F {
      * Handles drag & drop events for blocks.
      */
     u(this, "blockDragStart", (t) => {
-      this.sideMenuView.isDragging = !0, co(t, this.editor.prosemirrorView);
+      this.sideMenuView.isDragging = !0, po(t, this.editor.prosemirrorView);
     });
     /**
      * Handles drag & drop events for blocks.
@@ -2547,9 +2637,9 @@ class ho extends F {
      * mouse cursor.
      */
     u(this, "unfreezeMenu", () => this.sideMenuView.menuFrozen = !1);
-    this.editor = t, this.plugin = new y({
-      key: po,
-      view: (o) => (this.sideMenuView = new uo(
+    this.editor = t, this.plugin = new S({
+      key: fo,
+      view: (o) => (this.sideMenuView = new ho(
         t,
         o,
         (r) => {
@@ -2566,7 +2656,7 @@ function _(n, e) {
   const t = n.getTextCursorPosition().block;
   t.content.length === 1 && t.content[0].type === "text" && t.content[0].text === "/" || t.content.length === 0 ? n.updateBlock(t, e) : (n.insertBlocks([e], t, "after"), n.setTextCursorPosition(n.getTextCursorPosition().nextBlock));
 }
-const fo = (n = wt) => {
+const ko = (n = St) => {
   var t, o, r;
   const e = [];
   return "heading" in n && "level" in n.heading.propSchema && ((t = n.heading.propSchema.level.values) != null && t.includes("1") && e.push({
@@ -2609,12 +2699,12 @@ const fo = (n = wt) => {
       type: "paragraph"
     })
   }), e;
-}, mo = {
+}, go = {
   enableInputRules: !0,
   enablePasteRules: !0,
   enableCoreExtensions: !1
 };
-class Wo {
+class Jo {
   constructor(e = {}) {
     u(this, "_tiptapEditor");
     u(this, "blockCache", /* @__PURE__ */ new WeakMap());
@@ -2624,7 +2714,7 @@ class Wo {
     u(this, "formattingToolbar");
     u(this, "slashMenu");
     u(this, "hyperlinkToolbar");
-    var l, a, d;
+    var l, a, d, c, h;
     this.options = e;
     const t = {
       defaultStyles: !0,
@@ -2633,18 +2723,19 @@ class Wo {
       //  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 || wt,
+      blockSchema: e.blockSchema || St,
       ...e
     };
-    this.sideMenu = new ho(this), this.formattingToolbar = new oo(this), this.slashMenu = new Ve(
+    this.sideMenu = new mo(this), this.formattingToolbar = new ro(this), this.slashMenu = new Fe(
       this,
-      t.slashMenuItems || fo(t.blockSchema)
-    ), this.hyperlinkToolbar = new io(this);
-    const o = We({
+      t.slashMenuItems || ko(t.blockSchema)
+    ), this.hyperlinkToolbar = new ao(this);
+    const o = Ke({
       editor: this,
+      domAttributes: t.domAttributes || {},
       blockSchema: t.blockSchema,
       collaboration: t.collaboration
-    }), r = B.create({
+    }), r = T.create({
       name: "BlockNoteUIExtension",
       addProseMirrorPlugins: () => [
         this.sideMenu.plugin,
@@ -2654,52 +2745,51 @@ class Wo {
       ]
     });
     o.push(r), this.schema = t.blockSchema;
-    const i = t.initialContent || e.collaboration ? void 0 : [
+    const i = t.initialContent || (e.collaboration ? void 0 : [
       {
         type: "paragraph",
-        id: U.options.generateID()
+        id: F.options.generateID()
       }
-    ], s = {
-      ...mo,
+    ]), s = {
+      ...go,
       ...t._tiptapOptions,
       onCreate: () => {
-        var c;
-        (c = t.onEditorReady) == null || c.call(t, this), this.ready = !0;
+        var p;
+        (p = t.onEditorReady) == null || p.call(t, this), this.ready = !0;
       },
-      onBeforeCreate(c) {
+      onBeforeCreate(p) {
         if (!i)
           return;
-        const p = c.editor.schema, h = i.map((m) => O(m, p)), f = p.node(
+        const f = p.editor.schema, m = i.map((b) => D(b, f)), g = f.node(
           "doc",
           void 0,
-          p.node("blockGroup", void 0, h)
+          f.node("blockGroup", void 0, m)
         );
-        c.editor.options.content = f.toJSON();
+        p.editor.options.content = g.toJSON();
       },
       onUpdate: () => {
-        var c;
-        this.ready && ((c = t.onEditorContentChange) == null || c.call(t, this));
+        var p;
+        this.ready && ((p = t.onEditorContentChange) == null || p.call(t, this));
       },
       onSelectionUpdate: () => {
-        var c;
-        this.ready && ((c = t.onTextCursorPositionChange) == null || c.call(t, this));
+        var p;
+        this.ready && ((p = t.onTextCursorPositionChange) == null || p.call(t, this));
       },
       editable: e.editable === void 0 ? !0 : e.editable,
       extensions: t.enableBlockNoteExtensions === !1 ? (l = t._tiptapOptions) == null ? void 0 : l.extensions : [...((a = t._tiptapOptions) == null ? void 0 : a.extensions) || [], ...o],
       editorProps: {
         attributes: {
-          "data-theme": e.theme || "light",
-          ...t.editorDOMAttributes || {},
-          class: [
+          ...(d = t.domAttributes) == null ? void 0 : d.editor,
+          class: v(
             H.bnEditor,
             H.bnRoot,
             t.defaultStyles ? H.defaultStyles : "",
-            ((d = t.editorDOMAttributes) == null ? void 0 : d.class) || ""
-          ].join(" ")
+            ((h = (c = t.domAttributes) == null ? void 0 : c.editor) == null ? void 0 : h.class) || ""
+          )
         }
       }
     };
-    t.parentElement && (s.element = t.parentElement), this._tiptapEditor = new Ut(s);
+    t.parentElement && (s.element = t.parentElement), this._tiptapEditor = new Ft(s);
   }
   get prosemirrorView() {
     return this._tiptapEditor.view;
@@ -2719,7 +2809,7 @@ class Wo {
    */
   get topLevelBlocks() {
     const e = [];
-    return this._tiptapEditor.state.doc.firstChild.descendants((t) => (e.push(M(t, this.schema, this.blockCache)), !1)), e;
+    return this._tiptapEditor.state.doc.firstChild.descendants((t) => (e.push(E(t, this.schema, this.blockCache)), !1)), e;
   }
   /**
    * Gets a snapshot of an existing block from the editor.
@@ -2729,7 +2819,7 @@ class Wo {
   getBlock(e) {
     const t = typeof e == "string" ? e : e.id;
     let o;
-    return this._tiptapEditor.state.doc.firstChild.descendants((r) => typeof o < "u" ? !1 : r.type.name !== "blockContainer" || r.attrs.id !== t ? !0 : (o = M(r, this.schema, this.blockCache), !1)), o;
+    return this._tiptapEditor.state.doc.firstChild.descendants((r) => typeof o < "u" ? !1 : r.type.name !== "blockContainer" || r.attrs.id !== t ? !0 : (o = E(r, this.schema, this.blockCache), !1)), o;
   }
   /**
    * Traverses all blocks in the editor depth-first, and executes a callback for each.
@@ -2770,7 +2860,7 @@ class Wo {
    * @returns A snapshot of the current text cursor position.
    */
   getTextCursorPosition() {
-    const { node: e, depth: t, startPos: o, endPos: r } = g(
+    const { node: e, depth: t, startPos: o, endPos: r } = k(
       this._tiptapEditor.state.doc,
       this._tiptapEditor.state.selection.from
     ), i = this._tiptapEditor.state.doc.resolve(r).index(t - 1), s = this._tiptapEditor.state.doc.resolve(r + 1).node().childCount;
@@ -2778,9 +2868,9 @@ class Wo {
     i > 0 && (l = this._tiptapEditor.state.doc.resolve(o - 2).node());
     let a;
     return i < s - 1 && (a = this._tiptapEditor.state.doc.resolve(r + 2).node()), {
-      block: M(e, this.schema, this.blockCache),
-      prevBlock: l === void 0 ? void 0 : M(l, this.schema, this.blockCache),
-      nextBlock: a === void 0 ? void 0 : M(a, this.schema, this.blockCache)
+      block: E(e, this.schema, this.blockCache),
+      prevBlock: l === void 0 ? void 0 : E(l, this.schema, this.blockCache),
+      nextBlock: a === void 0 ? void 0 : E(a, this.schema, this.blockCache)
     };
   }
   /**
@@ -2790,7 +2880,7 @@ class Wo {
    * @param placement Whether the text cursor should be placed at the start or end of the block.
    */
   setTextCursorPosition(e, t = "start") {
-    const o = typeof e == "string" ? e : e.id, { posBeforeNode: r } = X(o, this._tiptapEditor.state.doc), { startPos: i, contentNode: s } = g(
+    const o = typeof e == "string" ? e : e.id, { posBeforeNode: r } = Z(o, this._tiptapEditor.state.doc), { startPos: i, contentNode: s } = k(
       this._tiptapEditor.state.doc,
       r + 2
     );
@@ -2806,7 +2896,7 @@ class Wo {
       return;
     const e = [];
     return this._tiptapEditor.state.doc.descendants((t, o) => t.type.spec.group !== "blockContent" || o + t.nodeSize < this._tiptapEditor.state.selection.from || o > this._tiptapEditor.state.selection.to ? !0 : (e.push(
-      M(
+      E(
         this._tiptapEditor.state.doc.resolve(o).node(),
         this.schema,
         this.blockCache
@@ -2836,7 +2926,7 @@ class Wo {
    * `referenceBlock`. Inserts the blocks at the start of the existing block's children if "nested" is used.
    */
   insertBlocks(e, t, o = "before") {
-    Bt(e, t, o, this._tiptapEditor);
+    Tt(e, t, o, this._tiptapEditor);
   }
   /**
    * Updates an existing block in the editor. Since updatedBlock is a PartialBlock object, some fields might not be
@@ -2846,14 +2936,14 @@ class Wo {
    * @param update A partial block which defines how the existing block should be changed.
    */
   updateBlock(e, t) {
-    Ye(e, t, this._tiptapEditor);
+    Je(e, t, this._tiptapEditor);
   }
   /**
    * Removes existing blocks from the editor. Throws an error if any of the blocks could not be found.
    * @param blocksToRemove An array of identifiers for existing blocks that should be removed.
    */
   removeBlocks(e) {
-    Tt(e, this._tiptapEditor);
+    xt(e, this._tiptapEditor);
   }
   /**
    * Replaces existing blocks in the editor with new blocks. If the blocks that should be removed are not adjacent or
@@ -2863,7 +2953,7 @@ class Wo {
    * @param blocksToInsert An array of partial blocks to replace the old ones with.
    */
   replaceBlocks(e, t) {
-    Je(e, t, this._tiptapEditor);
+    Xe(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.
@@ -2955,7 +3045,7 @@ class Wo {
    * Checks if the block containing the text cursor can be nested.
    */
   canNestBlock() {
-    const { startPos: e, depth: t } = g(
+    const { startPos: e, depth: t } = k(
       this._tiptapEditor.state.doc,
       this._tiptapEditor.state.selection.from
     );
@@ -2971,7 +3061,7 @@ class Wo {
    * Checks if the block containing the text cursor is nested.
    */
   canUnnestBlock() {
-    const { depth: e } = g(
+    const { depth: e } = k(
       this._tiptapEditor.state.doc,
       this._tiptapEditor.state.selection.from
     );
@@ -2990,7 +3080,7 @@ class Wo {
    * @returns The blocks, serialized as an HTML string.
    */
   async blocksToHTML(e) {
-    return xt(e, this._tiptapEditor.schema);
+    return At(e, this._tiptapEditor.schema);
   }
   /**
    * Parses blocks from an HTML string. Tries to create `Block` objects out of any HTML block-level elements, and
@@ -3009,7 +3099,7 @@ class Wo {
    * @returns The blocks, serialized as a Markdown string.
    */
   async blocksToMarkdown(e) {
-    return Ze(e, this._tiptapEditor.schema);
+    return to(e, this._tiptapEditor.schema);
   }
   /**
    * Creates a list of blocks from a Markdown string. Tries to create `Block` and `InlineNode` objects based on
@@ -3019,7 +3109,7 @@ class Wo {
    * @returns The blocks parsed from the Markdown string.
    */
   async markdownToBlocks(e) {
-    return Qe(e, this.schema, this._tiptapEditor.schema);
+    return eo(e, this.schema, this._tiptapEditor.schema);
   }
   /**
    * Updates the user info for the current user that's shown to other collaborators.
@@ -3033,29 +3123,33 @@ class Wo {
   }
 }
 export {
-  Wo as BlockNoteEditor,
-  Oe as CustomBlockSerializerExtension,
-  oo as FormattingToolbarProsemirrorPlugin,
-  to as FormattingToolbarView,
-  io as HyperlinkToolbarProsemirrorPlugin,
-  ho as SideMenuProsemirrorPlugin,
-  uo as SideMenuView,
-  Ve as SlashMenuProsemirrorPlugin,
-  jo as blockStyles,
-  nt as camelToDataKebab,
-  qo as createBlockSpec,
-  P as createTipTapBlock,
-  wt as defaultBlockSchema,
-  N as defaultProps,
-  eo as formattingToolbarPluginKey,
-  We as getBlockNoteExtensions,
-  fo as getDefaultSlashMenuItems,
-  ro as hyperlinkToolbarPluginKey,
-  ge as parse,
-  me as propsToAttributes,
-  ke as render,
-  ze as setupSuggestionsMenu,
-  po as sideMenuPluginKey,
-  K as slashMenuPluginKey
+  Jo as BlockNoteEditor,
+  Re as CustomBlockSerializerExtension,
+  ro as FormattingToolbarProsemirrorPlugin,
+  oo as FormattingToolbarView,
+  ao as HyperlinkToolbarProsemirrorPlugin,
+  mo as SideMenuProsemirrorPlugin,
+  ho as SideMenuView,
+  Fe as SlashMenuProsemirrorPlugin,
+  ge as UnreachableCaseError,
+  Wo as blockStyles,
+  rt as camelToDataKebab,
+  Ko as createBlockSpec,
+  O as createTipTapBlock,
+  St as defaultBlockSchema,
+  P as defaultProps,
+  Yo as formatKeyboardShortcut,
+  no as formattingToolbarPluginKey,
+  Ke as getBlockNoteExtensions,
+  ko as getDefaultSlashMenuItems,
+  so as hyperlinkToolbarPluginKey,
+  ke as isAppleOS,
+  v as mergeCSSClasses,
+  ye as parse,
+  be as propsToAttributes,
+  ve as render,
+  Ue as setupSuggestionsMenu,
+  fo as sideMenuPluginKey,
+  X as slashMenuPluginKey
 };
 //# sourceMappingURL=blocknote.js.map