@blocknote/core 0.8.5 → 0.9.2

package/dist/blocknote.js

@@ -1,43 +1,53 @@
-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";
-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";
+var Pt = Object.defineProperty;
+var Ot = (n, e, t) => e in n ? Pt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var u = (n, e, t) => (Ot(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 Dt, getChangedRanges as Rt, findChildrenInRange as Vt, findChildren as tt, findParentNode as zt, extensions as L, isTextSelection as Ut, isNodeSelection as Ft, posToDOMRect as q, getMarkRange as et, Editor as Gt } from "@tiptap/core";
+import { Bold as $t } from "@tiptap/extension-bold";
+import { Code as jt } from "@tiptap/extension-code";
+import qt from "@tiptap/extension-collaboration";
+import Wt from "@tiptap/extension-collaboration-cursor";
+import { Dropcursor as Yt } from "@tiptap/extension-dropcursor";
+import { Gapcursor as Kt } from "@tiptap/extension-gapcursor";
+import { HardBreak as Jt } from "@tiptap/extension-hard-break";
+import { History as Xt } from "@tiptap/extension-history";
+import { Italic as Zt } from "@tiptap/extension-italic";
+import { Link as Qt } from "@tiptap/extension-link";
+import { Strike as te } from "@tiptap/extension-strike";
+import { Text as ee } from "@tiptap/extension-text";
+import { Underline as oe } from "@tiptap/extension-underline";
+import { Slice as x, Fragment as _, DOMSerializer as W, DOMParser as ne } from "prosemirror-model";
+import { PluginKey as S, Plugin as w, TextSelection as ot, Selection as j, NodeSelection as re } from "prosemirror-state";
+import { v4 as ie } from "uuid";
+import * as se from "prosemirror-view";
+import { Decoration as V, DecorationSet as z } from "prosemirror-view";
+import dt from "rehype-parse";
+import ae from "rehype-remark";
+import ct from "rehype-stringify";
+import ut from "remark-gfm";
+import le from "remark-parse";
+import de, { defaultHandlers as ce } from "remark-rehype";
+import ue 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 pe = "_bnEditor_1pmoa_3", he = "_bnRoot_1pmoa_19", fe = "_defaultStyles_1pmoa_34", me = "_dragPreview_1pmoa_57", H = {
+  bnEditor: pe,
+  bnRoot: he,
+  defaultStyles: fe,
+  dragPreview: me,
+  "collaboration-cursor__caret": "_collaboration-cursor__caret_1pmoa_63",
+  "collaboration-cursor__label": "_collaboration-cursor__label_1pmoa_74"
 };
-function g(n, e) {
+function pt(n) {
+  const e = n.attrs.id, t = n.firstChild, o = t.type, r = n.childCount === 2 ? n.lastChild.childCount : 0;
+  return {
+    id: e,
+    node: n,
+    contentNode: t,
+    contentType: o,
+    numChildBlocks: r
+  };
+}
+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 +67,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 { id: a, contentNode: d, contentType: c, numChildBlocks: h } = pt(s), 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 ke = T.create({
   name: "blockBackgroundColor",
   addGlobalAttributes() {
     return [
@@ -90,7 +100,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 +109,7 @@ const he = B.create({
       }
     };
   }
-}), fe = at.create({
+}), ge = lt.create({
   name: "backgroundColor",
   addAttributes() {
     return {
@@ -128,33 +138,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,
-  isEmpty: gt,
-  inlineContent: kt,
-  isFilter: bt,
-  hasAnchor: yt
-}, jo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), ht = "_blockOuter_7sok8_5", ft = "_block_7sok8_5", mt = "_reactNodeViewRenderer_7sok8_17", kt = "_blockContent_7sok8_22", gt = "_blockGroup_7sok8_42", bt = "_isEmpty_7sok8_240", yt = "_inlineContent_7sok8_240", vt = "_isFilter_7sok8_241", Ct = "_hasAnchor_7sok8_263", y = {
+  blockOuter: ht,
+  block: ft,
+  reactNodeViewRenderer: mt,
+  blockContent: kt,
+  blockGroup: gt,
+  isEmpty: bt,
+  inlineContent: yt,
+  isFilter: vt,
+  hasAnchor: Ct
+}, Jo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  block: pt,
-  blockContent: ft,
-  blockGroup: mt,
-  blockOuter: ut,
-  default: k,
-  hasAnchor: yt,
-  inlineContent: kt,
-  isEmpty: gt,
-  isFilter: bt,
-  reactNodeViewRenderer: ht
-}, Symbol.toStringTag, { value: "Module" }));
-function nt(n) {
+  block: ft,
+  blockContent: kt,
+  blockGroup: gt,
+  blockOuter: ht,
+  default: y,
+  hasAnchor: Ct,
+  inlineContent: yt,
+  isEmpty: bt,
+  isFilter: vt,
+  reactNodeViewRenderer: mt
+}, Symbol.toStringTag, { value: "Module" })), be = () => /Mac/.test(navigator.platform) || /AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent);
+function Xo(n) {
+  return be() ? n.replace("Mod", "⌘") : n.replace("Mod", "Ctrl");
+}
+function v(...n) {
+  return n.filter((e) => e).join(" ");
+}
+class ye 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 ve(n) {
   const e = {};
   return Object.entries(n.propSchema).forEach(([t, o]) => {
     e[t] = {
@@ -163,21 +184,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 Ce(n) {
   return [
     {
       tag: "div[data-content-type=" + n.type + "]"
     }
   ];
 }
-function ke(n, e) {
+function we(n, e) {
   const t = document.createElement("div");
   t.setAttribute("data-content-type", n.type);
   for (const [r, i] of Object.entries(e))
@@ -190,42 +211,57 @@ function ke(n, e) {
     dom: t
   };
 }
-function qo(n) {
+function Zo(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 ve(n);
       },
       parseHTML() {
-        return ge(n);
+        return Ce(n);
       },
       renderHTML({ HTMLAttributes: t }) {
-        return ke(n, t);
+        return we(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 +273,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 Se = O({
   name: "heading",
   content: "inline*",
   addAttributes() {
@@ -260,7 +296,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 +329,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(
+}), wt = (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 +371,13 @@ const be = P({
       s.command(() => e.textContent.length > 0 ? (i().deleteSelection().BNSplitBlock(r.selection.from, !0).run(), !0) : !1)
     )
   ]);
-}, ye = P({
+}, Me = 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 +390,7 @@ const be = P({
   },
   addKeyboardShortcuts() {
     return {
-      Enter: () => vt(this.editor)
+      Enter: () => wt(this.editor)
     };
   },
   parseHTML() {
@@ -371,17 +421,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,
+}), Ee = new S("numbered-list-indexing"), Be = () => new w({
+  key: Ee,
   appendTransaction: (n, e, t) => {
     const o = t.tr;
     o.setMeta("numberedListIndexing", !0);
@@ -389,18 +453,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 +474,7 @@ const be = P({
       }
     }), r ? o : null;
   }
-}), Se = P({
+}), Te = O({
   name: "numberedListItem",
   content: "inline*",
   addAttributes() {
@@ -427,7 +491,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 +504,11 @@ const be = P({
   },
   addKeyboardShortcuts() {
     return {
-      Enter: () => vt(this.editor)
+      Enter: () => wt(this.editor)
     };
   },
   addProseMirrorPlugins() {
-    return [we()];
+    return [Be()];
   },
   parseHTML() {
     return [
@@ -476,18 +540,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({
+}), xe = O({
   name: "paragraph",
   content: "inline*",
   parseHTML() {
@@ -500,16 +578,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 +618,41 @@ const be = P({
     default: "left",
     values: ["left", "center", "right", "justify"]
   }
-}, wt = {
+}, St = {
   paragraph: {
-    propSchema: N,
-    node: Ce
+    propSchema: P,
+    node: xe
   },
   heading: {
     propSchema: {
-      ...N,
+      ...P,
       level: { default: "1", values: ["1", "2", "3"] }
     },
-    node: be
+    node: Se
   },
   bulletListItem: {
-    propSchema: N,
-    node: ye
+    propSchema: P,
+    node: Me
   },
   numberedListItem: {
-    propSchema: N,
-    node: Se
+    propSchema: P,
+    node: Te
   }
 };
-function Me(n, e = JSON.stringify) {
+function Ae(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 Ie(n) {
   const e = n.filter(
     (o, r) => n.indexOf(o) !== r
   );
-  return Me(e);
+  return Ae(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 +661,13 @@ 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: () => {
+        if (typeof window < "u" && window.__TEST_OPTIONS) {
+          const n = window.__TEST_OPTIONS;
+          return n.mockID === void 0 ? n.mockID = 0 : n.mockID++, n.mockID.toString();
+        }
+        return ie();
+      },
       filterTransaction: null
     };
   },
@@ -617,38 +720,38 @@ const U = B.create({
   addProseMirrorPlugins() {
     let n = null, e = !1;
     return [
-      new y({
+      new w({
         key: new S("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));
+            let 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 = Dt(
             o.doc,
             t
-          ), { mapping: h } = p;
-          if (Ot(p).forEach(({ newRange: m }) => {
-            const b = Dt(
+          ), { mapping: p } = h;
+          if (Rt(h).forEach(({ newRange: m }) => {
+            const g = Vt(
               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 = Ie(b);
+            g.forEach(({ node: M, pos: R }) => {
+              let $;
+              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: Lt } = p.invert().mapResult(R);
+              Lt && C.includes(Q) && l.setNodeMarkup(R, void 0, {
+                ...M.attrs,
                 [d]: c()
               });
             });
@@ -658,7 +761,7 @@ const U = B.create({
         // we register a global drag handler to track the current drag source element
         view(t) {
           const o = (r) => {
-            var i;
+            let i;
             n = !((i = t.dom.parentElement) === null || i === void 0) && i.contains(r.target) ? t.dom.parentElement : null;
           };
           return window.addEventListener("dragstart", o), {
@@ -674,7 +777,7 @@ const U = B.create({
             // only create new ids for dropped content while holding `alt`
             // or content is dragged from another editor
             drop: (t, o) => {
-              var r;
+              let r;
               return (n !== t.dom.parentElement || ((r = o.dataTransfer) === null || r === void 0 ? void 0 : r.effectAllowed) === "copy") && (n = null, e = !0), !1;
             },
             // always create new ids on pasted content
@@ -705,9 +808,9 @@ const U = B.create({
                   a.marks
                 );
                 l.push(d);
-              }), I.from(l);
+              }), _.from(l);
             };
-            return e = !1, new T(
+            return e = !1, new x(
               i(t.content),
               t.openStart,
               t.openEnd
@@ -717,31 +820,25 @@ const U = B.create({
       })
     ];
   }
-});
-class Be extends Error {
-  constructor(e) {
-    super(`Unreachable case: ${e}`);
-  }
-}
-const St = /* @__PURE__ */ new Set([
+}), Mt = /* @__PURE__ */ new Set([
   "bold",
   "italic",
   "underline",
   "strike",
   "code"
-]), Ct = /* @__PURE__ */ new Set(["textColor", "backgroundColor"]);
-function rt(n, e) {
+]), Et = /* @__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 }));
+    Mt.has(o) ? t.push(e.mark(o)) : Et.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 _e(n, e) {
   const t = e.marks.link.create({
     href: n.href
   });
-  return Mt(n.content, e).map((o) => {
+  return Bt(n.content, e).map((o) => {
     if (o.type.name === "text")
       return o.mark([...o.marks, t]);
     if (o.type.name === "hardBreak")
@@ -749,30 +846,30 @@ function Te(n, e) {
     throw new Error("unexpected node type");
   });
 }
-function Mt(n, e) {
-  let t = [];
+function Bt(n, e) {
+  const 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) {
-  let t = [];
+function Tt(n, e) {
+  const t = [];
   for (const o of n)
     if (o.type === "link")
-      t.push(...Te(o, e));
+      t.push(..._e(o, e));
     else if (o.type === "text")
-      t.push(...Mt([o], e));
+      t.push(...Bt([o], e));
     else
-      throw new Be(o);
+      throw new ye(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 +881,13 @@ function O(n, e) {
       e.text(n.content)
     );
   else {
-    const l = Et(n.content, e);
+    const l = Tt(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 +897,7 @@ function O(n, e) {
     i.length > 0 ? [r, s] : r
   );
 }
-function xe(n) {
+function He(n) {
   const e = [];
   let t;
   return n.content.forEach((o) => {
@@ -820,9 +917,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 (Mt.has(s.type.name))
         r[s.type.name] = !0;
-      else if (Ct.has(s.type.name))
+      else if (Et.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 +974,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 +982,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 = pt(n);
   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({
-    ...r.node.attrs,
+  for (const [c, h] of Object.entries({
+    ...n.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 = He(r.contentNode), a = [];
   for (let c = 0; c < r.numChildBlocks; c++)
     a.push(
-      M(r.node.lastChild.child(c), e, t)
+      E(n.lastChild.child(c), e, t)
     );
   const d = {
     id: i,
@@ -915,7 +1012,7 @@ function M(n, e, t) {
   };
   return t == null || t.set(n, d), d;
 }
-const it = new S("previous-blocks"), _e = {
+const st = new S("previous-blocks"), Ne = {
   // Numbered List Items
   index: "index",
   // Headings
@@ -924,17 +1021,17 @@ const it = new S("previous-blocks"), _e = {
   type: "type",
   depth: "depth",
   "depth-change": "depth-change"
-}, Ie = () => {
+}, Le = () => {
   let n;
-  return new y({
-    key: it,
+  return new w({
+    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 +1054,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);
-        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) {
+        ), a = tt(r.doc, (d) => d.attrs.id);
+        for (const d of a) {
+          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));
@@ -991,9 +1088,9 @@ const it = new S("previous-blocks"), _e = {
           if (!r.attrs.id || !t.updatedBlocks.has(r.attrs.id))
             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, {
+          for (const [d, c] of Object.entries(s))
+            l["data-prev-" + Ne[d]] = c || "none";
+          const a = V.node(i, i + r.nodeSize, {
             ...l
           });
           o.push(a);
@@ -1001,13 +1098,13 @@ const it = new S("previous-blocks"), _e = {
       }
     }
   });
-}, He = {
+}, Pe = {
   blockColor: "data-block-color",
   blockStyle: "data-block-style",
   id: "data-id",
   depth: "data-depth",
   depthChange: "data-depth-change"
-}, Ae = V.create({
+}, Oe = U.create({
   name: "blockContainer",
   group: "blockContainer",
   // A block always contains content, and optionally a blockGroup which contains nested blocks
@@ -1015,11 +1112,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 +1120,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 (const [t, o] of Object.entries(Pe))
             n.getAttribute(o) && (e[t] = n.getAttribute(o));
           return n.getAttribute("data-node-type") === "blockContainer" ? e : !1;
         }
@@ -1036,19 +1128,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 +1159,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 +1167,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 +1175,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(_.from(d), 0, 0)
             ) : t.tr.insert(
               i + a.nodeSize,
               t.schema.nodes.blockGroup.create({}, d)
@@ -1090,10 +1187,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 = Tt(e.content, t.schema), t.tr.replace(
               i + 1,
               i + a.nodeSize - 1,
-              new T(I.from(d), 0, 0)
+              new x(_.from(d), 0, 0)
             );
           }
           t.tr.setNodeMarkup(
@@ -1131,42 +1228,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(
+            _.from(h),
             d + 2,
             d + 2
           ) : void 0
@@ -1176,12 +1273,12 @@ 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(
-            I.from(c),
+          c.content.size > 0 ? new x(
+            _.from(c),
             d + 2,
             d + 2
           ) : void 0
@@ -1190,7 +1287,7 @@ const it = new S("previous-blocks"), _e = {
     };
   },
   addProseMirrorPlugins() {
-    return [Ie()];
+    return [Le()];
   },
   addKeyboardShortcuts() {
     return {
@@ -1201,7 +1298,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 +1312,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 +1323,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 +1332,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 +1387,10 @@ const it = new S("previous-blocks"), _e = {
       })
     };
   }
-}), Le = V.create({
+}), De = U.create({
   name: "blockGroup",
   group: "blockGroup",
   content: "blockContainer+",
-  addOptions() {
-    return {
-      HTMLAttributes: {}
-    };
-  },
   parseHTML() {
     return [
       {
@@ -1308,26 +1400,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(
+}), Re = U.create({
+  name: "doc",
+  topNode: !0,
+  content: "blockGroup"
+}), Ve = (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,19 +1434,20 @@ const it = new S("previous-blocks"), _e = {
     },
     e.marks
   );
-}, Oe = B.create({
+}, ze = T.create({
   addProseMirrorPlugins() {
     return [
-      new y({
+      new w({
         props: {
-          clipboardSerializer: Pe(this.editor.schema)
+          clipboardSerializer: Ve(this.editor.schema)
         }
       })
     ];
   }
 });
-class F {
+class G {
   constructor() {
+    // eslint-disable-next-line @typescript-eslint/ban-types
     u(this, "callbacks", {});
   }
   on(e, t) {
@@ -1367,10 +1465,10 @@ class F {
     this.callbacks = {};
   }
 }
-const De = Rt(
+const Ue = zt(
   (n) => n.type.name === "blockContainer"
 );
-class Re {
+class Fe {
   constructor(e, t, o = () => {
   }) {
     u(this, "suggestionsMenuState");
@@ -1385,7 +1483,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 +1511,7 @@ class Re {
     document.removeEventListener("scroll", this.handleScroll);
   }
 }
-function W() {
+function Y() {
   return {
     active: !1,
     triggerCharacter: void 0,
@@ -1424,7 +1522,7 @@ function W() {
     decorationId: void 0
   };
 }
-const ze = (n, e, t, o, r = () => [], i = () => {
+const Ge = (n, e, t, o, r = () => [], i = () => {
 }) => {
   if (o.length !== 1)
     throw new Error("'char' should be a single character");
@@ -1433,9 +1531,9 @@ const ze = (n, e, t, o, r = () => [], i = () => {
     a.dispatch(a.state.tr.setMeta(t, { deactivate: !0 }));
   };
   return {
-    plugin: new y({
+    plugin: new w({
       key: t,
-      view: () => (s = new Re(
+      view: () => (s = new Fe(
         n,
         t,
         e
@@ -1443,18 +1541,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 +1562,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 +1601,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 +1615,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 +1624,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 = Ue(a.selection);
             if (f)
               return z.create(a.doc, [
-                R.node(
+                V.node(
                   f.pos,
                   f.pos + f.node.nodeSize,
                   {
@@ -1545,9 +1643,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 +1666,18 @@ const ze = (n, e, t, o, r = () => [], i = () => {
       });
     }
   };
-}, K = new S("SlashMenuPlugin");
-class Ve extends F {
+}, X = new S("SlashMenuPlugin");
+class $e extends G {
   constructor(t, o) {
     super();
     u(this, "plugin");
     u(this, "itemCallback");
-    const r = ze(
+    const r = Ge(
       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 +1692,7 @@ class Ve extends F {
     return this.on("update", t);
   }
 }
-const Ue = new S("blocknote-placeholder"), Fe = B.create({
+const je = new S("blocknote-placeholder"), qe = T.create({
   name: "placeholder",
   addOptions() {
     return {
@@ -1610,21 +1708,21 @@ const Ue = new S("blocknote-placeholder"), Fe = B.create({
   },
   addProseMirrorPlugins() {
     return [
-      new y({
-        key: Ue,
+      new w({
+        key: je,
         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 +1731,7 @@ const Ue = new S("blocknote-placeholder"), Fe = B.create({
       })
     ];
   }
-}), Ge = B.create({
+}), We = T.create({
   name: "textAlignment",
   addGlobalAttributes() {
     return [
@@ -1656,7 +1754,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 +1769,7 @@ const Ue = new S("blocknote-placeholder"), Fe = B.create({
       }
     };
   }
-}), $e = B.create({
+}), Ye = T.create({
   name: "blockTextColor",
   addGlobalAttributes() {
     return [
@@ -1692,12 +1790,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({
+}), Ke = lt.create({
   name: "textColor",
   addAttributes() {
     return {
@@ -1726,12 +1824,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({
+}), Je = T.create({
   name: "trailingNode",
   addProseMirrorPlugins() {
     const n = new S(this.name);
     return [
-      new y({
+      new w({
         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 +1856,8 @@ const Ue = new S("blocknote-placeholder"), Fe = B.create({
       })
     ];
   }
-}), We = (n) => {
+}), Xe = (n) => {
+  var t;
   const e = [
     L.ClipboardTextSerializer,
     L.Commands,
@@ -1766,71 +1865,81 @@ const Ue = new S("blocknote-placeholder"), Fe = B.create({
     L.FocusEvents,
     L.Tabindex,
     // DevTools,
-    Wt,
+    Kt,
     // DropCursor,
-    Fe.configure({
-      emptyNodeClass: k.isEmpty,
-      hasAnchorClass: k.hasAnchor,
-      isFilterClass: k.isFilter,
+    qe.configure({
+      emptyNodeClass: y.isEmpty,
+      hasAnchorClass: y.hasAnchor,
+      isFilterClass: y.isFilter,
       includeChildren: !0,
       showOnlyCurrent: !1
     }),
-    U.configure({
+    F.configure({
       types: ["blockContainer"]
     }),
-    Yt,
+    Jt,
     // Comments,
     // basics:
-    Qt,
+    ee,
     // marks:
-    Ft,
-    Gt,
-    Kt,
+    $t,
+    jt,
     Zt,
     te,
-    Xt,
-    je,
-    $e,
-    fe,
-    he,
-    Ge,
-    // custom blocks:
-    ...Ne,
+    oe,
+    Qt,
+    Ke,
+    Ye,
+    ge,
+    ke,
+    We,
+    // nodes
+    Re,
+    Oe.configure({
+      domAttributes: n.domAttributes
+    }),
+    De.configure({
+      domAttributes: n.domAttributes
+    }),
     ...Object.values(n.blockSchema).map(
-      (t) => t.node.configure({ editor: n.editor })
+      (o) => o.node.configure({
+        editor: n.editor,
+        domAttributes: n.domAttributes
+      })
     ),
-    Oe,
-    qt.configure({ width: 5, color: "#ddeeff" }),
+    ze,
+    Yt.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
+    Je
   ];
   if (n.collaboration) {
-    e.push(
-      $t.configure({
+    if (e.push(
+      qt.configure({
         fragment: n.collaboration.fragment
       })
-    );
-    const t = (o) => {
-      const r = document.createElement("span");
-      r.classList.add(H["collaboration-cursor__caret"]), r.setAttribute("style", `border-color: ${o.color}`);
-      const i = document.createElement("span");
-      i.classList.add(H["collaboration-cursor__label"]), i.setAttribute("style", `background-color: ${o.color}`), i.insertBefore(document.createTextNode(o.name), null);
-      const s = document.createTextNode("⁠"), l = document.createTextNode("⁠");
-      return r.insertBefore(s, null), r.insertBefore(i, null), r.insertBefore(l, null), r;
-    };
-    e.push(
-      jt.configure({
-        user: n.collaboration.user,
-        render: n.collaboration.renderCursor || t,
-        provider: n.collaboration.provider
-      })
-    );
+    ), (t = n.collaboration.provider) != null && t.awareness) {
+      const o = (r) => {
+        const i = document.createElement("span");
+        i.classList.add(H["collaboration-cursor__caret"]), i.setAttribute("style", `border-color: ${r.color}`);
+        const s = document.createElement("span");
+        s.classList.add(H["collaboration-cursor__label"]), s.setAttribute("style", `background-color: ${r.color}`), s.insertBefore(document.createTextNode(r.name), null);
+        const l = document.createTextNode("⁠"), a = document.createTextNode("⁠");
+        return i.insertBefore(l, null), i.insertBefore(s, null), i.insertBefore(a, null), i;
+      };
+      e.push(
+        Wt.configure({
+          user: n.collaboration.user,
+          render: n.collaboration.renderCursor || o,
+          provider: n.collaboration.provider
+        })
+      );
+    }
   } else
-    e.push(Jt);
+    e.push(Xt);
   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 +1948,12 @@ function X(n, e) {
     posBeforeNode: o
   };
 }
-function Bt(n, e, t = "before", o) {
+function xt(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 +1970,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 Ze(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 At(n, e) {
   const t = new Set(
     n.map(
       (r) => typeof r == "string" ? r : r.id
@@ -1883,17 +1992,17 @@ function Tt(n, e) {
     const l = e.state.doc.nodeSize;
     return o += s - l, !1;
   }), t.size > 0) {
-    let r = [...t].join(`
+    const r = [...t].join(`
 `);
     throw Error(
       "Blocks with the following IDs could not be found in the editor: " + r
     );
   }
 }
-function Je(n, e, t) {
-  Bt(e, n[0], "before", t), Tt(n, t);
+function Qe(n, e, t) {
+  xt(e, n[0], "before", t), At(n, t);
 }
-function Ke() {
+function to() {
   const n = (e) => {
     let t = e.children.length;
     for (let o = 0; o < t; o++) {
@@ -1909,19 +2018,19 @@ function Ke() {
   };
   return n;
 }
-function Xe(n) {
+function eo(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 +2039,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 +2062,55 @@ function Xe(n) {
   };
   return t;
 }
-async function xt(n, e) {
-  const t = document.createElement("div"), o = q.fromSchema(e);
+async function It(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(eo, {
     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 = ne.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 oo(n, e) {
+  return (await J().use(dt, { fragment: !0 }).use(to).use(ae).use(ut).use(ue).process(await It(n, e))).value;
+}
+function no(n, e) {
+  const t = e.value ? e.value + `
+` : "", o = {};
+  e.lang && (o["data-language"] = e.lang);
+  let r = {
+    type: "element",
+    tagName: "code",
+    properties: o,
+    children: [{ type: "text", value: t }]
+  };
+  return e.meta && (r.data = { meta: e.meta }), n.patch(e, r), r = n.applyData(e, r), r = {
+    type: "element",
+    tagName: "pre",
+    properties: {},
+    children: [r]
+  }, n.patch(e, r), r;
 }
-async function Qe(n, e, t) {
-  const o = await J().use(se).use(ct).use(ae).use(dt).process(n);
+async function ro(n, e, t) {
+  const o = await J().use(le).use(ut).use(de, {
+    handlers: {
+      ...ce,
+      code: no
+    }
+  }).use(ct).process(n);
   return _t(o.value, e, t);
 }
-class to {
+class io {
   constructor(e, t, o) {
     u(this, "formattingToolbarState");
     u(this, "updateFormattingToolbar");
@@ -1987,7 +2118,7 @@ class to {
     u(this, "preventShow", !1);
     u(this, "prevWasEditable", null);
     u(this, "shouldShow", ({ view: e, state: t, from: o, to: r }) => {
-      const { doc: i, selection: s } = t, { empty: l } = s, a = !i.textBetween(o, r).length && zt(t.selection);
+      const { doc: i, selection: s } = t, { empty: l } = s, a = !i.textBetween(o, r).length && Ut(t.selection);
       return !(!e.hasFocus() || l || a);
     });
     u(this, "viewMousedownHandler", () => {
@@ -2028,25 +2159,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 +2187,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 (Ft(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 so = new S(
   "FormattingToolbarPlugin"
 );
-class oo extends F {
+class ao 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 w({
+      key: so,
+      view: (o) => (this.view = new io(t, o, (r) => {
         this.emit("update", r);
       }), this.view)
     });
@@ -2083,7 +2214,7 @@ class oo extends F {
     return this.on("update", t);
   }
 }
-class no {
+class lo {
   constructor(e, t, o) {
     u(this, "hyperlinkToolbarState");
     u(this, "updateHyperlinkToolbar");
@@ -2103,7 +2234,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 +2254,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 +2302,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 +2313,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 +2335,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 co = new S(
   "HyperlinkToolbarPlugin"
 );
-class io extends F {
+class uo extends G {
   constructor(t) {
     super();
     u(this, "view");
@@ -2242,9 +2373,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 w({
+      key: co,
+      view: (o) => (this.view = new lo(t, o, (r) => {
         this.emit("update", r);
       }), this.view)
     });
@@ -2253,7 +2384,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 +2395,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(_.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]))
@@ -2278,8 +2409,8 @@ class A extends $ {
     return !0;
   }
   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(
+    const r = o.mapResult(this.from), i = o.mapResult(this.to);
+    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,13 +2419,13 @@ class A extends $ {
     return { type: "node", anchor: this.anchor, head: this.head };
   }
 }
-const so = re.__serializeForClipboard;
-let E;
-function It(n, e) {
+const po = se.__serializeForClipboard;
+let B;
+function Ht(n, e) {
   var r;
   if (!e.dom.isConnected)
     return;
-  let t = e.posAtCoords(n);
+  const t = e.posAtCoords(n);
   if (!t)
     return;
   let o = e.domAtPos(t.pos).node;
@@ -2305,16 +2436,15 @@ function It(n, e) {
       return { node: o, id: o.getAttribute("data-id") };
   }
 }
-function ao(n, e) {
-  let t = It(n, e);
+function ho(n, e) {
+  const t = Ht(n, e);
   if (t && t.node.nodeType === 1) {
-    const o = e.docView;
-    let r = o.nearestDesc(t.node, !0);
+    const o = e.docView, r = o.nearestDesc(t.node, !0);
     return !r || r === o ? null : r.posBefore;
   }
   return null;
 }
-function lo(n, e) {
+function fo(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 +2454,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,36 +2467,35 @@ 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;
+  Nt(), 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);
+function Nt() {
+  B !== void 0 && (document.body.removeChild(B), B = void 0);
 }
-function co(n, e) {
+function mo(n, e) {
   if (!n.dataTransfer)
     return;
-  const t = e.dom.getBoundingClientRect();
-  let o = {
+  const t = e.dom.getBoundingClientRect(), o = {
     left: t.left + t.width / 2,
     // take middle of editor
     top: n.clientY
-  }, r = ao(o, e);
+  }, r = ho(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 } = fo(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(re.create(e.state.doc, r))
+    ), at(e, r));
+    const h = e.state.selection.content(), { dom: p, text: f } = po(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 ko {
   constructor(e, t, o) {
     u(this, "sideMenuState");
     // When true, the drag handle with be anchored at the same level as root elements
@@ -2392,7 +2521,7 @@ class uo {
     u(this, "onDrop", (e) => {
       if (this.editor._tiptapEditor.commands.blur(), e.synthetic || !this.isDragging)
         return;
-      let t = this.pmView.posAtCoords({
+      const t = this.pmView.posAtCoords({
         left: e.clientX,
         top: e.clientY
       });
@@ -2409,7 +2538,7 @@ class uo {
     u(this, "onDragOver", (e) => {
       if (e.synthetic || !this.isDragging)
         return;
-      let t = this.pmView.posAtCoords({
+      const t = this.pmView.posAtCoords({
         left: e.clientX,
         top: e.clientY
       });
@@ -2423,7 +2552,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;
@@ -2441,12 +2570,12 @@ class uo {
         left: t.left + t.width / 2,
         // take middle of editor
         top: e.clientY
-      }, l = It(s, this.pmView);
+      }, l = Ht(s, this.pmView);
       if (!l || !this.editor.isEditable) {
         (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 +2622,7 @@ class uo {
     });
     if (!o)
       return;
-    const r = g(
+    const r = k(
       this.editor._tiptapEditor.state.doc,
       o.pos
     );
@@ -2506,7 +2635,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 +2643,8 @@ class uo {
     );
   }
 }
-const po = new S("SideMenuPlugin");
-class ho extends F {
+const go = new S("SideMenuPlugin");
+class bo extends G {
   constructor(t) {
     super();
     u(this, "sideMenuView");
@@ -2529,12 +2658,12 @@ 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, mo(t, this.editor.prosemirrorView);
     });
     /**
      * Handles drag & drop events for blocks.
      */
-    u(this, "blockDragEnd", () => Ht());
+    u(this, "blockDragEnd", () => Nt());
     /**
      * Freezes the side menu. When frozen, the side menu will stay
      * attached to the same block regardless of which block is hovered by the
@@ -2547,9 +2676,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 w({
+      key: go,
+      view: (o) => (this.sideMenuView = new ko(
         t,
         o,
         (r) => {
@@ -2562,59 +2691,59 @@ class ho extends F {
     return this.on("update", t);
   }
 }
-function _(n, e) {
+function I(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 yo = (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({
     name: "Heading",
     aliases: ["h", "heading1", "h1"],
-    execute: (i) => _(i, {
+    execute: (i) => I(i, {
       type: "heading",
       props: { level: "1" }
     })
   }), (o = n.heading.propSchema.level.values) != null && o.includes("2") && e.push({
     name: "Heading 2",
     aliases: ["h2", "heading2", "subheading"],
-    execute: (i) => _(i, {
+    execute: (i) => I(i, {
       type: "heading",
       props: { level: "2" }
     })
   }), (r = n.heading.propSchema.level.values) != null && r.includes("3") && e.push({
     name: "Heading 3",
     aliases: ["h3", "heading3", "subheading"],
-    execute: (i) => _(i, {
+    execute: (i) => I(i, {
       type: "heading",
       props: { level: "3" }
     })
   })), "bulletListItem" in n && e.push({
     name: "Bullet List",
     aliases: ["ul", "list", "bulletlist", "bullet list"],
-    execute: (i) => _(i, {
+    execute: (i) => I(i, {
       type: "bulletListItem"
     })
   }), "numberedListItem" in n && e.push({
     name: "Numbered List",
     aliases: ["li", "list", "numberedlist", "numbered list"],
-    execute: (i) => _(i, {
+    execute: (i) => I(i, {
       type: "numberedListItem"
     })
   }), "paragraph" in n && e.push({
     name: "Paragraph",
     aliases: ["p"],
-    execute: (i) => _(i, {
+    execute: (i) => I(i, {
       type: "paragraph"
     })
   }), e;
-}, mo = {
+}, vo = {
   enableInputRules: !0,
   enablePasteRules: !0,
   enableCoreExtensions: !1
 };
-class Wo {
+class Qo {
   constructor(e = {}) {
     u(this, "_tiptapEditor");
     u(this, "blockCache", /* @__PURE__ */ new WeakMap());
@@ -2624,7 +2753,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 +2762,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 bo(this), this.formattingToolbar = new ao(this), this.slashMenu = new $e(
       this,
-      t.slashMenuItems || fo(t.blockSchema)
-    ), this.hyperlinkToolbar = new io(this);
-    const o = We({
+      t.slashMenuItems || yo(t.blockSchema)
+    ), this.hyperlinkToolbar = new uo(this);
+    const o = Xe({
       editor: this,
+      domAttributes: t.domAttributes || {},
       blockSchema: t.blockSchema,
       collaboration: t.collaboration
-    }), r = B.create({
+    }), r = T.create({
       name: "BlockNoteUIExtension",
       addProseMirrorPlugins: () => [
         this.sideMenu.plugin,
@@ -2657,49 +2787,48 @@ class Wo {
     const i = t.initialContent || (e.collaboration ? void 0 : [
       {
         type: "paragraph",
-        id: U.options.generateID()
+        id: F.options.generateID()
       }
     ]), s = {
-      ...mo,
+      ...vo,
       ...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 Gt(s);
   }
   get prosemirrorView() {
     return this._tiptapEditor.view;
@@ -2719,7 +2848,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 +2858,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 +2899,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 +2907,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 +2919,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 +2935,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 +2965,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);
+    xt(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 +2975,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);
+    Ze(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);
+    At(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 +2992,7 @@ class Wo {
    * @param blocksToInsert An array of partial blocks to replace the old ones with.
    */
   replaceBlocks(e, t) {
-    Je(e, t, this._tiptapEditor);
+    Qe(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.
@@ -2944,7 +3073,7 @@ class Wo {
   createLink(e, t) {
     if (e === "")
       return;
-    let { from: o, to: r } = this._tiptapEditor.state.selection;
+    const { from: o, to: r } = this._tiptapEditor.state.selection;
     t || (t = this._tiptapEditor.state.doc.textBetween(o, r));
     const i = this._tiptapEditor.schema.mark("link", { href: e });
     this._tiptapEditor.view.dispatch(
@@ -2955,7 +3084,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 +3100,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 +3119,7 @@ class Wo {
    * @returns The blocks, serialized as an HTML string.
    */
   async blocksToHTML(e) {
-    return xt(e, this._tiptapEditor.schema);
+    return It(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 +3138,7 @@ class Wo {
    * @returns The blocks, serialized as a Markdown string.
    */
   async blocksToMarkdown(e) {
-    return Ze(e, this._tiptapEditor.schema);
+    return oo(e, this._tiptapEditor.schema);
   }
   /**
    * Creates a list of blocks from a Markdown string. Tries to create `Block` and `InlineNode` objects based on
@@ -3019,7 +3148,7 @@ class Wo {
    * @returns The blocks parsed from the Markdown string.
    */
   async markdownToBlocks(e) {
-    return Qe(e, this.schema, this._tiptapEditor.schema);
+    return ro(e, this.schema, this._tiptapEditor.schema);
   }
   /**
    * Updates the user info for the current user that's shown to other collaborators.
@@ -3033,29 +3162,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
+  Qo as BlockNoteEditor,
+  ze as CustomBlockSerializerExtension,
+  ao as FormattingToolbarProsemirrorPlugin,
+  io as FormattingToolbarView,
+  uo as HyperlinkToolbarProsemirrorPlugin,
+  bo as SideMenuProsemirrorPlugin,
+  ko as SideMenuView,
+  $e as SlashMenuProsemirrorPlugin,
+  ye as UnreachableCaseError,
+  Jo as blockStyles,
+  rt as camelToDataKebab,
+  Zo as createBlockSpec,
+  O as createTipTapBlock,
+  St as defaultBlockSchema,
+  P as defaultProps,
+  Xo as formatKeyboardShortcut,
+  so as formattingToolbarPluginKey,
+  Xe as getBlockNoteExtensions,
+  yo as getDefaultSlashMenuItems,
+  co as hyperlinkToolbarPluginKey,
+  be as isAppleOS,
+  v as mergeCSSClasses,
+  Ce as parse,
+  ve as propsToAttributes,
+  we as render,
+  Ge as setupSuggestionsMenu,
+  go as sideMenuPluginKey,
+  X as slashMenuPluginKey
 };
 //# sourceMappingURL=blocknote.js.map