@blocknote/core 0.4.6-alpha.4 → 0.5.1

package/dist/blocknote.js

@@ -1,9 +1,9 @@
 var Ce = Object.defineProperty;
 var Be = (o, e, t) => e in o ? Ce(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
 var h = (o, e, t) => (Be(o, typeof e != "symbol" ? e + "" : e, t), t);
-import { Extension as C, findChildren as q, combineTransactionSteps as Te, getChangedRanges as we, findChildrenInRange as Me, Mark as ne, Node as E, mergeAttributes as x, InputRule as j, findParentNode as xe, isTextSelection as Ee, isNodeSelection as Ie, posToDOMRect as re, getMarkRange as X, extensions as N, Editor as Se } from "@tiptap/core";
+import { Extension as C, findChildren as $, combineTransactionSteps as Te, getChangedRanges as Me, findChildrenInRange as we, Mark as ne, Node as E, mergeAttributes as x, InputRule as Y, findParentNode as xe, isTextSelection as Ee, isNodeSelection as Ie, posToDOMRect as re, getMarkRange as X, extensions as N, Editor as Se } from "@tiptap/core";
 import { Slice as A, Fragment as P, DOMSerializer as Ae, DOMParser as Pe } from "prosemirror-model";
-import { Plugin as B, PluginKey as v, TextSelection as Q, Selection as U, NodeSelection as Ne } from "prosemirror-state";
+import { Plugin as B, PluginKey as v, TextSelection as Q, Selection as G, NodeSelection as Ne } from "prosemirror-state";
 import { v4 as Le } from "uuid";
 import ie from "rehype-parse";
 import He from "rehype-remark";
@@ -12,21 +12,21 @@ import ae from "remark-gfm";
 import Oe from "remark-parse";
 import _e from "remark-rehype";
 import De from "remark-stringify";
-import { unified as Y } from "unified";
+import { unified as W } from "unified";
 import { fromDom as Z } from "hast-util-from-dom";
 import { Bold as Fe } from "@tiptap/extension-bold";
 import { Code as Re } from "@tiptap/extension-code";
 import { Dropcursor as ze } from "@tiptap/extension-dropcursor";
 import { Gapcursor as Ue } from "@tiptap/extension-gapcursor";
-import { HardBreak as qe } from "@tiptap/extension-hard-break";
-import { History as Ge } from "@tiptap/extension-history";
-import { Italic as $e } from "@tiptap/extension-italic";
+import { HardBreak as Ge } from "@tiptap/extension-hard-break";
+import { History as $e } from "@tiptap/extension-history";
+import { Italic as qe } from "@tiptap/extension-italic";
 import { Link as de } from "@tiptap/extension-link";
-import { Strike as je } from "@tiptap/extension-strike";
-import { Text as Ye } from "@tiptap/extension-text";
-import { Underline as We } from "@tiptap/extension-underline";
+import { Strike as Ye } from "@tiptap/extension-strike";
+import { Text as We } from "@tiptap/extension-text";
+import { Underline as je } from "@tiptap/extension-underline";
 import * as Ve from "prosemirror-view";
-import { Decoration as _, DecorationSet as D } from "prosemirror-view";
+import { Decoration as D, DecorationSet as F } from "prosemirror-view";
 const O = [
   "backgroundColor",
   "textColor",
@@ -54,12 +54,12 @@ function k(o, e) {
       break;
     i -= 1, r = t.node(i);
   }
-  const d = r.attrs.id, s = r.firstChild, a = s.type, l = r.childCount === 2 ? r.lastChild.childCount : 0, c = t.start(i), u = t.end(i);
+  const a = r.attrs.id, s = r.firstChild, d = s.type, l = r.childCount === 2 ? r.lastChild.childCount : 0, c = t.start(i), u = t.end(i);
   return {
-    id: d,
+    id: a,
     node: r,
     contentNode: s,
-    contentType: a,
+    contentType: d,
     numChildBlocks: l,
     startPos: c,
     endPos: u,
@@ -79,7 +79,7 @@ function Je(o) {
   );
   return Ke(e);
 }
-const W = C.create({
+const j = C.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
@@ -111,14 +111,14 @@ const W = C.create({
   // check initial content for missing ids
   onCreate() {
     if (this.editor.extensionManager.extensions.find(
-      (a) => a.name === "collaboration"
+      (d) => d.name === "collaboration"
     ))
       return;
-    const { view: o, state: e } = this.editor, { tr: t, doc: n } = e, { types: r, attributeName: i, generateID: d } = this.options;
-    q(n, (a) => r.includes(a.type.name) && a.attrs[i] === null).forEach(({ node: a, pos: l }) => {
+    const { view: o, state: e } = this.editor, { tr: t, doc: n } = e, { types: r, attributeName: i, generateID: a } = this.options;
+    $(n, (d) => r.includes(d.type.name) && d.attrs[i] === null).forEach(({ node: d, pos: l }) => {
       t.setNodeMarkup(l, void 0, {
-        ...a.attrs,
-        [i]: d()
+        ...d.attrs,
+        [i]: a()
       });
     }), t.setMeta("addToHistory", !1), o.dispatch(t);
   },
@@ -128,25 +128,25 @@ const W = C.create({
       new B({
         key: new v("uniqueID"),
         appendTransaction: (t, n, r) => {
-          const i = t.some((m) => m.docChanged) && !n.doc.eq(r.doc), d = this.options.filterTransaction && t.some((m) => {
+          const i = t.some((m) => m.docChanged) && !n.doc.eq(r.doc), a = this.options.filterTransaction && t.some((m) => {
             var y, g;
             return !(!((g = (y = this.options).filterTransaction) === null || g === void 0) && g.call(y, m));
           });
-          if (!i || d)
+          if (!i || a)
             return;
-          const { tr: s } = r, { types: a, attributeName: l, generateID: c } = this.options, u = Te(
+          const { tr: s } = r, { types: d, attributeName: l, generateID: c } = this.options, u = Te(
             n.doc,
             t
           ), { mapping: f } = u;
-          if (we(u).forEach(({ newRange: m }) => {
-            const y = Me(
+          if (Me(u).forEach(({ newRange: m }) => {
+            const y = we(
               r.doc,
               m,
-              (T) => a.includes(T.type.name)
-            ), g = y.map(({ node: T }) => T.attrs[l]).filter((T) => T !== null), R = Je(g);
+              (T) => d.includes(T.type.name)
+            ), g = y.map(({ node: T }) => T.attrs[l]).filter((T) => T !== null), z = Je(g);
             y.forEach(({ node: T, pos: H }) => {
-              var z;
-              const J = (z = s.doc.nodeAt(H)) === null || z === void 0 ? void 0 : z.attrs[l];
+              var U;
+              const J = (U = s.doc.nodeAt(H)) === null || U === void 0 ? void 0 : U.attrs[l];
               if (J === null) {
                 s.setNodeMarkup(H, void 0, {
                   ...T.attrs,
@@ -155,7 +155,7 @@ const W = C.create({
                 return;
               }
               const { deleted: ve } = f.invert().mapResult(H);
-              ve && R.includes(J) && s.setNodeMarkup(H, void 0, {
+              ve && z.includes(J) && s.setNodeMarkup(H, void 0, {
                 ...T.attrs,
                 [l]: c()
               });
@@ -193,24 +193,24 @@ const W = C.create({
           transformPasted: (t) => {
             if (!e)
               return t;
-            const { types: n, attributeName: r } = this.options, i = (d) => {
+            const { types: n, attributeName: r } = this.options, i = (a) => {
               const s = [];
-              return d.forEach((a) => {
-                if (a.isText) {
-                  s.push(a);
+              return a.forEach((d) => {
+                if (d.isText) {
+                  s.push(d);
                   return;
                 }
-                if (!n.includes(a.type.name)) {
-                  s.push(a.copy(i(a.content)));
+                if (!n.includes(d.type.name)) {
+                  s.push(d.copy(i(d.content)));
                   return;
                 }
-                const l = a.type.create(
+                const l = d.type.create(
                   {
-                    ...a.attrs,
+                    ...d.attrs,
                     [r]: null
                   },
-                  i(a.content),
-                  a.marks
+                  i(d.content),
+                  d.marks
                 );
                 s.push(l);
               }), P.from(s);
@@ -268,9 +268,9 @@ function he(o, e) {
       throw new Xe(n);
   return t;
 }
-function F(o, e) {
+function R(o, e) {
   let t = o.id;
-  t === void 0 && (t = W.options.generateID());
+  t === void 0 && (t = j.options.generateID());
   let n = o.type;
   n === void 0 && (n = "paragraph");
   let r;
@@ -288,14 +288,14 @@ function F(o, e) {
   const i = [];
   if (o.children)
     for (const s of o.children)
-      i.push(F(s, e));
-  const d = e.nodes.blockGroup.create({}, i);
+      i.push(R(s, e));
+  const a = e.nodes.blockGroup.create({}, i);
   return e.nodes.blockContainer.create(
     {
       id: t,
       ...o.props
     },
-    i.length > 0 ? [r, d] : r
+    i.length > 0 ? [r, a] : r
   );
 }
 function et(o) {
@@ -304,15 +304,15 @@ function et(o) {
   return o.content.forEach((n) => {
     const r = {};
     let i;
-    for (const d of n.marks)
-      if (d.type.name === "link")
-        i = d;
-      else if (le.has(d.type.name))
-        r[d.type.name] = !0;
-      else if (ce.has(d.type.name))
-        r[d.type.name] = d.attrs.color;
+    for (const a of n.marks)
+      if (a.type.name === "link")
+        i = a;
+      else if (le.has(a.type.name))
+        r[a.type.name] = !0;
+      else if (ce.has(a.type.name))
+        r[a.type.name] = a.attrs.color;
       else
-        throw Error("Mark is of an unrecognized type: " + d.type.name);
+        throw Error("Mark is of an unrecognized type: " + a.type.name);
     i && t && i.attrs.href === t.href ? t.content.push({
       type: "text",
       text: n.textContent,
@@ -334,7 +334,7 @@ function et(o) {
     }), t = void 0);
   }), e;
 }
-function M(o, e) {
+function w(o, e) {
   if (o.type.name !== "blockContainer")
     throw Error(
       "Node must be of type blockContainer, but is of type" + o.type.name + "."
@@ -344,7 +344,7 @@ function M(o, e) {
     return t;
   const n = k(o, 0);
   let r = n.id;
-  r === null && (r = W.options.generateID());
+  r === null && (r = j.options.generateID());
   const i = {};
   for (const [l, c] of Object.entries({
     ...n.node.attrs,
@@ -356,17 +356,17 @@ function M(o, e) {
       );
     ee[n.contentType.name].has(l) && (i[l] = c);
   }
-  const d = et(n.contentNode), s = [];
+  const a = et(n.contentNode), s = [];
   for (let l = 0; l < n.numChildBlocks; l++)
-    s.push(M(n.node.lastChild.child(l)));
-  const a = {
+    s.push(w(n.node.lastChild.child(l)));
+  const d = {
     id: r,
     type: n.contentType.name,
     props: i,
-    content: d,
+    content: a,
     children: s
   };
-  return e == null || e.set(o, a), a;
+  return e == null || e.set(o, d), d;
 }
 function V(o, e) {
   let t, n;
@@ -380,24 +380,24 @@ function V(o, e) {
 function pe(o, e, t = "before", n) {
   const r = typeof e == "string" ? e : e.id, i = [];
   for (const l of o)
-    i.push(F(l, n.schema));
-  let d = -1;
-  const { node: s, posBeforeNode: a } = V(r, n.state.doc);
-  if (t === "before" && (d = a), t === "after" && (d = a + s.nodeSize), t === "nested") {
+    i.push(R(l, n.schema));
+  let a = -1;
+  const { node: s, posBeforeNode: d } = V(r, n.state.doc);
+  if (t === "before" && (a = d), t === "after" && (a = d + s.nodeSize), t === "nested") {
     if (s.childCount < 2) {
-      d = a + s.firstChild.nodeSize + 1;
+      a = d + s.firstChild.nodeSize + 1;
       const l = n.state.schema.nodes.blockGroup.create(
         {},
         i
       );
       n.view.dispatch(
-        n.state.tr.insert(d, l)
+        n.state.tr.insert(a, l)
       );
       return;
     }
-    d = a + s.firstChild.nodeSize + 2;
+    a = d + s.firstChild.nodeSize + 2;
   }
-  n.view.dispatch(n.state.tr.insert(d, i));
+  n.view.dispatch(n.state.tr.insert(a, i));
 }
 function tt(o, e, t) {
   const n = typeof o == "string" ? o : o.id, { posBeforeNode: r } = V(n, t.state.doc);
@@ -416,10 +416,10 @@ function fe(o, e) {
     if (r.type.name !== "blockContainer" || !t.has(r.attrs.id))
       return !0;
     t.delete(r.attrs.id);
-    const d = e.state.doc.nodeSize;
+    const a = e.state.doc.nodeSize;
     e.commands.BNDeleteBlock(i - n + 1);
     const s = e.state.doc.nodeSize;
-    return n += d - s, !1;
+    return n += a - s, !1;
   }), t.size > 0) {
     let r = [...t].join(`
 `);
@@ -453,20 +453,20 @@ function rt(o) {
     ...o.unorderedListItemBlockTypes
   ]), t = (n) => {
     let r = n.children.length, i;
-    for (let d = 0; d < r; d++) {
-      const a = n.children[d].children[0], l = a.children[0], c = a.children.length === 2 ? a.children[1] : null, u = e.has(
+    for (let a = 0; a < r; a++) {
+      const d = n.children[a].children[0], l = d.children[0], c = d.children.length === 2 ? d.children[1] : null, u = e.has(
         l.properties.dataContentType
       ), f = u ? o.orderedListItemBlockTypes.has(
         l.properties.dataContentType
       ) ? "ol" : "ul" : null;
       if (c !== null && t(c), i && i.tagName !== f) {
         n.children.splice(
-          d - i.children.length,
+          a - i.children.length,
           i.children.length,
           i
         );
         const p = i.children.length - 1;
-        d -= p, r -= p, i = void 0;
+        a -= p, r -= p, i = void 0;
       }
       if (u) {
         i || (i = Z(
@@ -477,11 +477,11 @@ function rt(o) {
         );
         p.children.push(l.children[0]), c !== null && p.children.push(...c.children), i.children.push(p);
       } else if (c !== null) {
-        n.children.splice(d + 1, 0, ...c.children), n.children[d] = l.children[0];
+        n.children.splice(a + 1, 0, ...c.children), n.children[a] = l.children[0];
         const p = c.children.length;
-        d += p, r += p;
+        a += p, r += p;
       } else
-        n.children[d] = l.children[0];
+        n.children[a] = l.children[0];
     }
     i && n.children.splice(
       r - i.children.length,
@@ -494,10 +494,10 @@ function rt(o) {
 async function me(o, e) {
   const t = document.createElement("div"), n = Ae.fromSchema(e);
   for (const i of o) {
-    const d = F(i, e), s = n.serializeNode(d);
+    const a = R(i, e), s = n.serializeNode(a);
     t.appendChild(s);
   }
-  return (await Y().use(ie, { fragment: !0 }).use(rt, {
+  return (await W().use(ie, { fragment: !0 }).use(rt, {
     orderedListItemBlockTypes: /* @__PURE__ */ new Set(["numberedListItem"]),
     unorderedListItemBlockTypes: /* @__PURE__ */ new Set(["bulletListItem"])
   }).use(se).process(t.innerHTML)).value;
@@ -506,15 +506,15 @@ async function ke(o, e) {
   const t = document.createElement("div");
   t.innerHTML = o.trim();
   const r = Pe.fromSchema(e).parse(t), i = [];
-  for (let d = 0; d < r.firstChild.childCount; d++)
-    i.push(M(r.firstChild.child(d)));
+  for (let a = 0; a < r.firstChild.childCount; a++)
+    i.push(w(r.firstChild.child(a)));
   return i;
 }
 async function it(o, e) {
-  return (await Y().use(ie, { fragment: !0 }).use(nt).use(He).use(ae).use(De).process(await me(o, e))).value;
+  return (await W().use(ie, { fragment: !0 }).use(nt).use(He).use(ae).use(De).process(await me(o, e))).value;
 }
 async function st(o, e) {
-  const t = await Y().use(Oe).use(ae).use(_e).use(se).process(o);
+  const t = await W().use(Oe).use(ae).use(_e).use(se).process(o);
   return ke(t.value, e);
 }
 const at = C.create({
@@ -618,10 +618,10 @@ const at = C.create({
       apply(e, t, n, r) {
         if (t.currentTransactionOldBlockAttrs = {}, t.updatedBlocks.clear(), !e.docChanged || n.doc.eq(r.doc))
           return t;
-        const i = {}, d = q(n.doc, (l) => l.attrs.id), s = new Map(
-          d.map((l) => [l.node.attrs.id, l])
-        ), a = q(r.doc, (l) => l.attrs.id);
-        for (let l of a) {
+        const i = {}, a = $(n.doc, (l) => l.attrs.id), s = new Map(
+          a.map((l) => [l.node.attrs.id, l])
+        ), d = $(r.doc, (l) => l.attrs.id);
+        for (let l of d) {
           const c = s.get(l.node.attrs.id), u = c == null ? void 0 : c.node.firstChild, f = l.node.firstChild;
           if (c && u && f) {
             const p = {
@@ -651,22 +651,22 @@ const at = C.create({
         return e.doc.descendants((r, i) => {
           if (!r.attrs.id || !t.updatedBlocks.has(r.attrs.id))
             return;
-          const d = t.currentTransactionOldBlockAttrs[r.attrs.id], s = {};
-          for (let [l, c] of Object.entries(d))
+          const a = t.currentTransactionOldBlockAttrs[r.attrs.id], s = {};
+          for (let [l, c] of Object.entries(a))
             s["data-prev-" + lt[l]] = c || "none";
-          const a = _.node(i, i + r.nodeSize, {
+          const d = D.node(i, i + r.nodeSize, {
             ...s
           });
-          n.push(a);
-        }), D.create(e.doc, n);
+          n.push(d);
+        }), F.create(e.doc, n);
       }
     }
   });
-}, ut = "_blockOuter_qwsjj_5", ht = "_block_qwsjj_5", pt = "_blockContent_qwsjj_19", ft = "_blockGroup_qwsjj_48", mt = "_isEmpty_qwsjj_237", kt = "_isFilter_qwsjj_238", gt = "_hasAnchor_qwsjj_251", b = {
+}, ut = "_blockOuter_1xym9_5", ht = "_blockContent_1xym9_10", pt = "_blockGroup_1xym9_26", ft = "_block_1xym9_5", mt = "_isEmpty_1xym9_215", kt = "_isFilter_1xym9_216", gt = "_hasAnchor_1xym9_229", b = {
   blockOuter: ut,
-  block: ht,
-  blockContent: pt,
-  blockGroup: ft,
+  blockContent: ht,
+  blockGroup: pt,
+  block: ft,
   isEmpty: mt,
   isFilter: kt,
   hasAnchor: gt
@@ -742,18 +742,18 @@ const at = C.create({
         const r = k(t.doc, o);
         if (r === void 0)
           return !1;
-        const { startPos: i, endPos: d, node: s, contentNode: a } = r;
+        const { startPos: i, endPos: a, node: s, contentNode: d } = r;
         if (n) {
           if (e.children !== void 0) {
             const l = [];
             for (const c of e.children)
-              l.push(F(c, t.schema));
+              l.push(R(c, t.schema));
             s.childCount === 2 ? t.tr.replace(
-              i + a.nodeSize + 1,
-              d - 1,
+              i + d.nodeSize + 1,
+              a - 1,
               new A(P.from(l), 0, 0)
             ) : t.tr.insert(
-              i + a.nodeSize,
+              i + d.nodeSize,
               t.schema.nodes.blockGroup.create({}, l)
             );
           }
@@ -761,7 +761,7 @@ const at = C.create({
             let l = [];
             typeof e.content == "string" ? l.push(t.schema.text(e.content)) : l = he(e.content, t.schema), t.tr.replace(
               i + 1,
-              i + a.nodeSize - 1,
+              i + d.nodeSize - 1,
               new A(P.from(l), 0, 0)
             );
           }
@@ -769,7 +769,7 @@ const at = C.create({
             i,
             e.type === void 0 ? void 0 : t.schema.nodes[e.type],
             {
-              ...a.attrs,
+              ...d.attrs,
               ...e.props
             }
           ), t.tr.setNodeMarkup(i - 1, void 0, {
@@ -803,10 +803,10 @@ const at = C.create({
         const i = k(
           e.doc,
           o + 1
-        ), { node: d, contentNode: s, startPos: a, endPos: l, depth: c } = i;
-        if (d.childCount === 2) {
+        ), { node: a, contentNode: s, startPos: d, endPos: l, depth: c } = i;
+        if (a.childCount === 2) {
           const p = e.doc.resolve(
-            a + s.nodeSize + 1
+            d + s.nodeSize + 1
           ), m = e.doc.resolve(l - 1), y = p.blockRange(m);
           t && e.tr.lift(y, c - 1);
         }
@@ -814,7 +814,7 @@ const at = C.create({
         for (; f.numChildBlocks > 0; )
           if (u--, f = k(e.doc, u), f === void 0)
             return !1;
-        return t && (e.tr.deleteRange(a, a + s.nodeSize), e.tr.insertText(s.textContent, u - 1), e.tr.setSelection(
+        return t && (e.tr.deleteRange(d, d + s.nodeSize), e.tr.insertText(s.textContent, u - 1), e.tr.setSelection(
           new Q(e.doc.resolve(u - 1))
         )), !0;
       },
@@ -824,7 +824,7 @@ const at = C.create({
         const r = k(t.doc, o);
         if (r === void 0)
           return !1;
-        const { contentNode: i, contentType: d, startPos: s, endPos: a, depth: l } = r, c = t.doc.cut(s + 1, o), u = t.doc.cut(o, a - 1), f = t.schema.nodes.blockContainer.createAndFill(), p = a + 1, m = p + 2;
+        const { contentNode: i, contentType: a, startPos: s, endPos: d, depth: l } = r, c = t.doc.cut(s + 1, o), u = t.doc.cut(o, d - 1), f = t.schema.nodes.blockContainer.createAndFill(), p = d + 1, m = p + 2;
         return n && (t.tr.insert(p, f), t.tr.replace(
           m,
           m + 1,
@@ -836,13 +836,13 @@ const at = C.create({
         ), e && t.tr.setBlockType(
           m,
           m,
-          t.schema.node(d).type,
+          t.schema.node(a).type,
           i.attrs
         ), t.tr.setSelection(
           new Q(t.doc.resolve(m))
         ), t.tr.replace(
           s + 1,
-          a - 1,
+          d - 1,
           c.content.size > 0 ? new A(
             P.from(c),
             l + 2,
@@ -867,8 +867,8 @@ const at = C.create({
           const { contentType: r } = k(
             n.doc,
             n.selection.from
-          ), i = n.selection.$anchor.parentOffset === 0, d = r.name === "paragraph";
-          return i && !d ? t.BNUpdateBlock(n.selection.from, {
+          ), i = n.selection.$anchor.parentOffset === 0, a = r.name === "paragraph";
+          return i && !a ? t.BNUpdateBlock(n.selection.from, {
             type: "paragraph",
             props: {}
           }) : !1;
@@ -881,8 +881,8 @@ const at = C.create({
           const { depth: r, startPos: i } = k(
             n.doc,
             n.selection.from
-          ), d = n.selection.$anchor.parentOffset === 0, s = n.selection.anchor === n.selection.head, a = i === 2, l = i - 1;
-          return !a && d && s && r === 2 ? t.BNMergeBlocks(l) : !1;
+          ), a = n.selection.$anchor.parentOffset === 0, s = n.selection.anchor === n.selection.head, d = i === 2, l = i - 1;
+          return !d && a && s && r === 2 ? t.BNMergeBlocks(l) : !1;
         })
       ]),
       Enter: () => this.editor.commands.first(({ commands: t }) => [
@@ -892,18 +892,18 @@ const at = C.create({
           const { node: r, depth: i } = k(
             n.doc,
             n.selection.from
-          ), d = n.selection.$anchor.parentOffset === 0, s = n.selection.anchor === n.selection.head, a = r.textContent.length === 0, l = i > 2;
-          return d && s && a && l ? t.liftListItem("blockContainer") : !1;
+          ), a = n.selection.$anchor.parentOffset === 0, s = n.selection.anchor === n.selection.head, d = r.textContent.length === 0, l = i > 2;
+          return a && s && d && l ? t.liftListItem("blockContainer") : !1;
         }),
         // Creates a new block and moves the selection to it if the current one is empty, while the selection is also
         // empty & at the start of the block.
         () => t.command(({ state: n, chain: r }) => {
-          const { node: i, endPos: d } = k(
+          const { node: i, endPos: a } = k(
             n.doc,
             n.selection.from
-          ), s = n.selection.$anchor.parentOffset === 0, a = n.selection.anchor === n.selection.head, l = i.textContent.length === 0;
-          if (s && a && l) {
-            const c = d + 1, u = c + 2;
+          ), s = n.selection.$anchor.parentOffset === 0, d = n.selection.anchor === n.selection.head, l = i.textContent.length === 0;
+          if (s && d && l) {
+            const c = a + 1, u = c + 2;
             return r().BNCreateBlock(c).setTextSelection(u).run(), !0;
           }
           return !1;
@@ -1021,7 +1021,7 @@ const at = C.create({
   },
   addInputRules() {
     return [
-      ...["1", "2", "3"].map((o) => new j({
+      ...["1", "2", "3"].map((o) => new Y({
         find: new RegExp(`^(#{${parseInt(o)}})\\s$`),
         handler: ({ state: e, chain: t, range: n }) => {
           t().BNUpdateBlock(e.selection.from, {
@@ -1068,10 +1068,10 @@ const at = C.create({
     o.state.doc,
     o.state.selection.from
   ), n = o.state.selection.anchor === o.state.selection.head;
-  return !t.name.endsWith("ListItem") || !n ? !1 : o.commands.first(({ state: r, chain: i, commands: d }) => [
+  return !t.name.endsWith("ListItem") || !n ? !1 : o.commands.first(({ state: r, chain: i, commands: a }) => [
     () => (
       // Changes list item block to a text block if the content is empty.
-      d.command(() => e.textContent.length === 0 ? d.BNUpdateBlock(r.selection.from, {
+      a.command(() => e.textContent.length === 0 ? a.BNUpdateBlock(r.selection.from, {
         type: "paragraph",
         props: {}
       }) : !1)
@@ -1079,7 +1079,7 @@ const at = C.create({
     () => (
       // Splits the current block, moving content inside that's after the cursor to a new block of the same type
       // below.
-      d.command(() => e.textContent.length > 0 ? (i().deleteSelection().BNSplitBlock(r.selection.from, !0).run(), !0) : !1)
+      a.command(() => e.textContent.length > 0 ? (i().deleteSelection().BNSplitBlock(r.selection.from, !0).run(), !0) : !1)
     )
   ]);
 }, Tt = E.create({
@@ -1089,7 +1089,7 @@ const at = C.create({
   addInputRules() {
     return [
       // Creates an unordered list when starting with "-", "+", or "*".
-      new j({
+      new Y({
         find: new RegExp("^[-+*]\\s$"),
         handler: ({ state: o, chain: e, range: t }) => {
           e().BNUpdateBlock(o.selection.from, {
@@ -1142,31 +1142,31 @@ const at = C.create({
       ["p", 0]
     ];
   }
-}), wt = new v("numbered-list-indexing"), Mt = () => new B({
-  key: wt,
+}), Mt = new v("numbered-list-indexing"), wt = () => new B({
+  key: Mt,
   appendTransaction: (o, e, t) => {
     const n = t.tr;
     n.setMeta("numberedListIndexing", !0);
     let r = !1;
-    return t.doc.descendants((i, d) => {
+    return t.doc.descendants((i, a) => {
       if (i.type.name === "blockContainer" && i.firstChild.type.name === "numberedListItem") {
         let s = "1";
-        const a = d === 1, l = k(n.doc, d + 1);
+        const d = a === 1, l = k(n.doc, a + 1);
         if (l === void 0)
           return;
-        if (!a) {
-          const f = k(n.doc, d - 2);
+        if (!d) {
+          const f = k(n.doc, a - 2);
           if (f === void 0)
             return;
           if (!(l.depth !== f.depth)) {
             const m = f.contentNode;
             if (f.contentType.name === "numberedListItem") {
-              const R = m.attrs.index;
-              s = (parseInt(R) + 1).toString();
+              const z = m.attrs.index;
+              s = (parseInt(z) + 1).toString();
             }
           }
         }
-        l.contentNode.attrs.index !== s && (r = !0, n.setNodeMarkup(d + 1, void 0, {
+        l.contentNode.attrs.index !== s && (r = !0, n.setNodeMarkup(a + 1, void 0, {
           index: s
         }));
       }
@@ -1190,7 +1190,7 @@ const at = C.create({
   addInputRules() {
     return [
       // Creates an ordered list when starting with "1.".
-      new j({
+      new Y({
         find: new RegExp("^1\\.\\s$"),
         handler: ({ state: o, chain: e, range: t }) => {
           e().BNUpdateBlock(o.selection.from, {
@@ -1207,7 +1207,7 @@ const at = C.create({
     };
   },
   addProseMirrorPlugins() {
-    return [Mt()];
+    return [wt()];
   },
   parseHTML() {
     return [
@@ -1262,14 +1262,15 @@ const at = C.create({
     topNode: !0,
     content: "blockGroup"
   })
-], It = "_bnEditor_yxlqg_3", St = "_bnRoot_yxlqg_14", At = "_dragPreview_yxlqg_29", G = {
+], It = "_bnEditor_ft05x_3", St = "_bnRoot_ft05x_19", At = "_defaultStyles_ft05x_34", Pt = "_dragPreview_ft05x_57", _ = {
   bnEditor: It,
   bnRoot: St,
-  dragPreview: At
-}, Pt = xe(
+  defaultStyles: At,
+  dragPreview: Pt
+}, Nt = xe(
   (o) => o.type.name === "blockContainer"
 );
-function $() {
+function q() {
   return {
     active: !1,
     triggerCharacter: void 0,
@@ -1280,7 +1281,7 @@ function $() {
     decorationId: void 0
   };
 }
-class Nt {
+class Lt {
   constructor({
     editor: e,
     pluginKey: t,
@@ -1293,7 +1294,7 @@ class Nt {
     h(this, "suggestionsMenu");
     h(this, "pluginState");
     h(this, "itemCallback");
-    this.editor = e, this.pluginKey = t, this.pluginState = $(), this.itemCallback = (i) => {
+    this.editor = e, this.pluginKey = t, this.pluginState = q(), this.itemCallback = (i) => {
       e._tiptapEditor.chain().focus().deleteRange({
         from: this.pluginState.queryStartPos - this.pluginState.triggerCharacter.length,
         to: e._tiptapEditor.state.selection.from
@@ -1304,13 +1305,13 @@ class Nt {
     }, this.suggestionsMenu = r(this.getStaticParams());
   }
   update(e, t) {
-    const n = this.pluginKey.getState(t), r = this.pluginKey.getState(e.state), i = !n.active && r.active, d = n.active && !r.active, s = n.active && r.active;
-    !i && !s && !d || (this.pluginState = d ? n : r, d && (this.suggestionsMenu.hide(), this.suggestionsMenu.element.removeEventListener(
+    const n = this.pluginKey.getState(t), r = this.pluginKey.getState(e.state), i = !n.active && r.active, a = n.active && !r.active, s = n.active && r.active;
+    !i && !s && !a || (this.pluginState = a ? n : r, a && (this.suggestionsMenu.hide(), this.suggestionsMenu.element.removeEventListener(
       "mousedown",
-      (a) => a.preventDefault()
+      (d) => d.preventDefault()
     )), s && this.suggestionsMenu.render(this.getDynamicParams(), !1), i && (this.suggestionsMenu.render(this.getDynamicParams(), !0), this.suggestionsMenu.element.addEventListener(
       "mousedown",
-      (a) => a.preventDefault()
+      (d) => d.preventDefault()
     )));
   }
   getStaticParams() {
@@ -1329,7 +1330,7 @@ class Nt {
     };
   }
 }
-function Lt({
+function Ht({
   pluginKey: o,
   editor: e,
   defaultTriggerCharacter: t,
@@ -1340,29 +1341,29 @@ function Lt({
 }) {
   if (t.length !== 1)
     throw new Error("'char' should be a single character");
-  const d = (s) => {
+  const a = (s) => {
     s.dispatch(s.state.tr.setMeta(o, { deactivate: !0 }));
   };
   return new B({
     key: o,
-    view: (s) => new Nt({
+    view: (s) => new Lt({
       editor: e,
       pluginKey: o,
-      onSelectItem: (a) => {
-        d(s), r(a);
+      onSelectItem: (d) => {
+        a(s), r(d);
       },
       suggestionsMenuFactory: n
     }),
     state: {
       // Initialize the plugin's internal state.
       init() {
-        return $();
+        return q();
       },
       // Apply changes to the plugin state from an editor transaction.
-      apply(s, a, l, c) {
+      apply(s, d, l, c) {
         var f, p, m, y;
         if (s.getMeta("orderedListIndexing") !== void 0)
-          return a;
+          return d;
         if ((f = s.getMeta(o)) != null && f.activate)
           return {
             active: !0,
@@ -1375,34 +1376,34 @@ function Lt({
             notFoundCount: 0,
             decorationId: `id_${Math.floor(Math.random() * 4294967295)}`
           };
-        if (!a.active)
-          return a;
-        const u = { ...a };
+        if (!d.active)
+          return d;
+        const u = { ...d };
         if (u.items = i(
-          c.doc.textBetween(a.queryStartPos, c.selection.from)
+          c.doc.textBetween(d.queryStartPos, c.selection.from)
         ), u.notFoundCount = 0, u.items.length === 0 && (u.notFoundCount = Math.max(
           0,
-          a.notFoundCount + (c.selection.from - l.selection.from)
+          d.notFoundCount + (c.selection.from - l.selection.from)
         )), // Highlighting text should hide the menu.
         c.selection.from !== c.selection.to || // Transactions with plugin metadata {deactivate: true} should hide the menu.
         (m = s.getMeta(o)) != null && m.deactivate || // Certain mouse events should hide the menu.
         // TODO: Change to global mousedown listener.
         s.getMeta("focus") || s.getMeta("blur") || s.getMeta("pointer") || // Moving the caret before the character which triggered the menu should hide it.
-        a.active && c.selection.from < a.queryStartPos || // Entering more than 3 characters, after the last query that matched with at least 1 menu item, should hide
+        d.active && c.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.
         u.notFoundCount > 3)
-          return $();
+          return q();
         if (((y = s.getMeta(o)) == null ? void 0 : y.selectedItemIndexChanged) !== void 0) {
           let g = s.getMeta(o).selectedItemIndexChanged;
-          g < 0 ? g = a.items.length - 1 : g >= a.items.length && (g = 0), u.keyboardHoveredItemIndex = g;
+          g < 0 ? g = d.items.length - 1 : g >= d.items.length && (g = 0), u.keyboardHoveredItemIndex = g;
         }
         return u;
       }
     },
     props: {
-      handleKeyDown(s, a) {
+      handleKeyDown(s, d) {
         const l = this.getState(s.state).active;
-        if (a.key === t && !l)
+        if (d.key === t && !l)
           return s.dispatch(
             s.state.tr.insertText(t).scrollIntoView().setMeta(o, {
               activate: !0,
@@ -1417,36 +1418,36 @@ function Lt({
           items: f,
           keyboardHoveredItemIndex: p
         } = o.getState(s.state);
-        return a.key === "ArrowUp" ? (s.dispatch(
+        return d.key === "ArrowUp" ? (s.dispatch(
           s.state.tr.setMeta(o, {
             selectedItemIndexChanged: p - 1
           })
-        ), !0) : a.key === "ArrowDown" ? (s.dispatch(
+        ), !0) : d.key === "ArrowDown" ? (s.dispatch(
           s.state.tr.setMeta(o, {
             selectedItemIndexChanged: p + 1
           })
-        ), !0) : a.key === "Enter" ? (d(s), e._tiptapEditor.chain().focus().deleteRange({
+        ), !0) : d.key === "Enter" ? (a(s), e._tiptapEditor.chain().focus().deleteRange({
           from: u - c.length,
           to: e._tiptapEditor.state.selection.from
         }).run(), r({
           item: f[p],
           editor: e
-        }), !0) : a.key === "Escape" ? (d(s), !0) : !1;
+        }), !0) : d.key === "Escape" ? (a(s), !0) : !1;
       },
       // Hides menu in cases where mouse click does not cause an editor state change.
       handleClick(s) {
-        d(s);
+        a(s);
       },
       // Setup decorator on the currently active suggestion.
       decorations(s) {
-        const { active: a, decorationId: l, queryStartPos: c, triggerCharacter: u } = this.getState(s);
-        if (!a)
+        const { active: d, decorationId: l, queryStartPos: c, triggerCharacter: u } = this.getState(s);
+        if (!d)
           return null;
         if (u === "") {
-          const f = Pt(s.selection);
+          const f = Nt(s.selection);
           if (f)
-            return D.create(s.doc, [
-              _.node(
+            return F.create(s.doc, [
+              D.node(
                 f.pos,
                 f.pos + f.node.nodeSize,
                 {
@@ -1457,8 +1458,8 @@ function Lt({
               )
             ]);
         }
-        return D.create(s.doc, [
-          _.inline(
+        return F.create(s.doc, [
+          D.inline(
             c - u.length,
             c,
             {
@@ -1472,7 +1473,7 @@ function Lt({
     }
   });
 }
-const K = new v("suggestions-slash-commands"), Ht = C.create({
+const K = new v("suggestions-slash-commands"), Ot = C.create({
   name: "slash-command",
   addOptions() {
     return {
@@ -1486,7 +1487,7 @@ const K = new v("suggestions-slash-commands"), Ht = C.create({
       throw new Error("required args not defined for SlashMenuExtension");
     const o = this.options.commands;
     return [
-      Lt({
+      Ht({
         pluginKey: K,
         editor: this.options.editor,
         defaultTriggerCharacter: "/",
@@ -1499,12 +1500,12 @@ const K = new v("suggestions-slash-commands"), Ht = C.create({
     ];
   }
 });
-class L extends U {
+class L extends G {
   constructor(t, n) {
     super(t, n);
     h(this, "nodes");
     const r = t.node();
-    this.nodes = [], t.doc.nodesBetween(t.pos, n.pos, (i, d, s) => {
+    this.nodes = [], t.doc.nodesBetween(t.pos, n.pos, (i, a, s) => {
       if (s !== null && s.eq(r))
         return this.nodes.push(i), !1;
     });
@@ -1525,7 +1526,7 @@ class L extends U {
   }
   map(t, n) {
     let r = n.mapResult(this.from), i = n.mapResult(this.to);
-    return i.deleted ? U.near(t.resolve(r.pos)) : r.deleted ? U.near(t.resolve(i.pos)) : new L(
+    return i.deleted ? G.near(t.resolve(r.pos)) : r.deleted ? G.near(t.resolve(i.pos)) : new L(
       t.resolve(r.pos),
       t.resolve(i.pos)
     );
@@ -1534,8 +1535,8 @@ class L extends U {
     return { type: "node", anchor: this.anchor, head: this.head };
   }
 }
-const Ot = Ve.__serializeForClipboard;
-let w;
+const _t = Ve.__serializeForClipboard;
+let M;
 function ye(o, e) {
   var r;
   if (!e.dom.isConnected)
@@ -1551,7 +1552,7 @@ function ye(o, e) {
       return { node: n, id: n.getAttribute("data-id") };
   }
 }
-function _t(o, e) {
+function Dt(o, e) {
   let t = ye(o, e);
   if (t && t.node.nodeType === 1) {
     const n = e.docView;
@@ -1560,19 +1561,19 @@ function _t(o, e) {
   }
   return null;
 }
-function Dt(o, e) {
+function Ft(o, e) {
   let t, n;
-  const r = e.resolve(o.from).node().type.spec.group === "blockContent", i = e.resolve(o.to).node().type.spec.group === "blockContent", d = Math.min(o.$anchor.depth, o.$head.depth);
+  const r = e.resolve(o.from).node().type.spec.group === "blockContent", i = e.resolve(o.to).node().type.spec.group === "blockContent", a = Math.min(o.$anchor.depth, o.$head.depth);
   if (r && i) {
-    const s = o.$from.start(d - 1), a = o.$to.end(d - 1);
-    t = e.resolve(s - 1).pos, n = e.resolve(a + 1).pos;
+    const s = o.$from.start(a - 1), d = o.$to.end(a - 1);
+    t = e.resolve(s - 1).pos, n = e.resolve(d + 1).pos;
   } else
     t = o.from, n = o.to;
   return { from: t, to: n };
 }
 function oe(o, e, t = e) {
   e === t && (t += o.state.doc.resolve(e + 1).node().nodeSize);
-  const n = o.domAtPos(e).node.cloneNode(!0), r = o.domAtPos(e).node, i = (a, l) => Array.prototype.indexOf.call(a.children, l), d = i(
+  const n = o.domAtPos(e).node.cloneNode(!0), r = o.domAtPos(e).node, i = (c, u) => Array.prototype.indexOf.call(c.children, u), a = i(
     r,
     // Expects from position to be just before the first selected block.
     o.domAtPos(e + 1).node.parentElement
@@ -1581,14 +1582,18 @@ function oe(o, e, t = e) {
     // Expects to position to be just after the last selected block.
     o.domAtPos(t - 1).node.parentElement
   );
-  for (let a = r.childElementCount - 1; a >= 0; a--)
-    (a > s || a < d) && n.removeChild(n.children[a]);
-  be(), w = n, w.className = w.className + " " + G.dragPreview, document.body.appendChild(w);
+  for (let c = r.childElementCount - 1; c >= 0; c--)
+    (c > s || c < a) && n.removeChild(n.children[c]);
+  be(), M = n;
+  const l = o.dom.className.split(" ").filter(
+    (c) => !c.includes("bn") && !c.includes("ProseMirror") && !c.includes("editor")
+  ).join(" ");
+  M.className = M.className + " " + _.dragPreview + " " + l, document.body.appendChild(M);
 }
 function be() {
-  w !== void 0 && (document.body.removeChild(w), w = void 0);
+  M !== void 0 && (document.body.removeChild(M), M = void 0);
 }
-function Ft(o, e) {
+function Rt(o, e) {
   if (!o.dataTransfer)
     return;
   const t = e.dom.getBoundingClientRect();
@@ -1596,19 +1601,19 @@ function Ft(o, e) {
     left: t.left + t.width / 2,
     // take middle of editor
     top: o.clientY
-  }, r = _t(n, e);
+  }, r = Dt(n, e);
   if (r != null) {
-    const i = e.state.selection, d = e.state.doc, { from: s, to: a } = Dt(i, d), l = s <= r && r < a, c = !i.$anchor.node().eq(i.$head.node());
+    const i = e.state.selection, a = e.state.doc, { from: s, to: d } = Ft(i, a), l = s <= r && r < d, c = !i.$anchor.node().eq(i.$head.node());
     l && c ? (e.dispatch(
-      e.state.tr.setSelection(L.create(d, s, a))
-    ), oe(e, s, a)) : (e.dispatch(
+      e.state.tr.setSelection(L.create(a, s, d))
+    ), oe(e, s, d)) : (e.dispatch(
       e.state.tr.setSelection(Ne.create(e.state.doc, r))
     ), oe(e, r));
-    let u = e.state.selection.content(), { dom: f, text: p } = Ot(e, u);
-    o.dataTransfer.clearData(), o.dataTransfer.setData("text/html", f.innerHTML), o.dataTransfer.setData("text/plain", p), o.dataTransfer.effectAllowed = "move", o.dataTransfer.setDragImage(w, 0, 0), e.dragging = { slice: u, move: !0 };
+    let u = e.state.selection.content(), { dom: f, text: p } = _t(e, u);
+    o.dataTransfer.clearData(), o.dataTransfer.setData("text/html", f.innerHTML), o.dataTransfer.setData("text/plain", p), o.dataTransfer.effectAllowed = "move", o.dataTransfer.setDragImage(M, 0, 0), e.dragging = { slice: u, move: !0 };
   }
 }
-class Rt {
+class zt {
   constructor({
     editor: e,
     blockMenuFactory: t,
@@ -1665,7 +1670,7 @@ class Rt {
       (t = this.blockMenu.element) != null && t.contains(e.target) || (this.menuOpen && (this.menuOpen = !1, this.blockMenu.hide()), this.menuFrozen = !1);
     });
     h(this, "onMouseMove", (e) => {
-      var d, s;
+      var a, s;
       if (this.menuFrozen)
         return;
       const t = this.editor.view.dom.firstChild.getBoundingClientRect();
@@ -1679,7 +1684,7 @@ class Rt {
         this.menuOpen && (this.menuOpen = !1, this.blockMenu.hide());
         return;
       }
-      if (this.menuOpen && ((d = this.hoveredBlockContent) != null && d.hasAttribute("data-id")) && ((s = this.hoveredBlockContent) == null ? void 0 : s.getAttribute("data-id")) === r.id)
+      if (this.menuOpen && ((a = this.hoveredBlockContent) != null && a.hasAttribute("data-id")) && ((s = this.hoveredBlockContent) == null ? void 0 : s.getAttribute("data-id")) === r.id)
         return;
       const i = r.node.firstChild;
       this.hoveredBlockContent = i, i && (this.menuOpen ? this.blockMenu.render(this.getDynamicParams(), !1) : (this.menuOpen = !0, this.blockMenu.render(this.getDynamicParams(), !0)));
@@ -1702,8 +1707,8 @@ class Rt {
       return;
     const { contentNode: r, endPos: i } = n;
     if (r.textContent.length !== 0) {
-      const d = i + 1, s = d + 2;
-      this.editor.chain().BNCreateBlock(d).BNUpdateBlock(s, { type: "paragraph", props: {} }).setTextSelection(s).run();
+      const a = i + 1, s = a + 2;
+      this.editor.chain().BNCreateBlock(a).BNUpdateBlock(s, { type: "paragraph", props: {} }).setTextSelection(s).run();
     } else
       this.editor.commands.setTextSelection(i);
     this.editor.view.focus(), this.editor.view.dispatch(
@@ -1742,7 +1747,7 @@ class Rt {
     return {
       addBlock: () => this.addBlock(),
       deleteBlock: () => this.deleteBlock(),
-      blockDragStart: (e) => Ft(e, this.editor.view),
+      blockDragStart: (e) => Rt(e, this.editor.view),
       blockDragEnd: () => be(),
       freezeMenu: () => {
         this.menuFrozen = !0;
@@ -1768,14 +1773,14 @@ class Rt {
     };
   }
 }
-const zt = (o) => new B({
+const Ut = (o) => new B({
   key: new v("DraggableBlocksPlugin"),
-  view: () => new Rt({
+  view: () => new zt({
     editor: o.editor,
     blockMenuFactory: o.blockSideMenuFactory,
     horizontalPosAnchoredAtRoot: !0
   })
-}), Ut = C.create({
+}), Gt = C.create({
   name: "DraggableBlocksExtension",
   priority: 1e3,
   // Need to be high, in order to hide menu when typing slash
@@ -1785,14 +1790,14 @@ const zt = (o) => new B({
         "UI Element factory not defined for DraggableBlocksExtension"
       );
     return [
-      zt({
+      Ut({
         editor: this.editor,
         blockSideMenuFactory: this.options.blockSideMenuFactory
       })
     ];
   }
 });
-class qt {
+class $t {
   constructor({
     editor: e,
     formattingToolbarFactory: t,
@@ -1806,8 +1811,8 @@ class qt {
     h(this, "preventShow", !1);
     h(this, "toolbarIsOpen", !1);
     h(this, "shouldShow", ({ view: e, state: t, from: n, to: r }) => {
-      const { doc: i, selection: d } = t, { empty: s } = d, a = !i.textBetween(n, r).length && Ee(t.selection);
-      return !(!e.hasFocus() || s || a);
+      const { doc: i, selection: a } = t, { empty: s } = a, d = !i.textBetween(n, r).length && Ee(t.selection);
+      return !(!e.hasFocus() || s || d);
     });
     h(this, "viewMousedownHandler", () => {
       this.preventShow = !0;
@@ -1835,10 +1840,10 @@ class qt {
   }
   update(e, t) {
     var f;
-    const { state: n, composing: r } = e, { doc: i, selection: d } = n, s = t && t.doc.eq(i) && t.selection.eq(d);
+    const { state: n, composing: r } = e, { doc: i, selection: a } = n, s = t && t.doc.eq(i) && t.selection.eq(a);
     if (r || s)
       return;
-    const { ranges: a } = d, l = Math.min(...a.map((p) => p.$from.pos)), c = Math.max(...a.map((p) => p.$to.pos)), u = (f = this.shouldShow) == null ? void 0 : f.call(this, {
+    const { ranges: d } = a, l = Math.min(...d.map((p) => p.$from.pos)), c = Math.max(...d.map((p) => p.$to.pos)), u = (f = this.shouldShow) == null ? void 0 : f.call(this, {
       editor: this.editor,
       view: e,
       state: n,
@@ -1869,11 +1874,11 @@ class qt {
     this.view.dom.removeEventListener("mousedown", this.viewMousedownHandler), this.view.dom.removeEventListener("mouseup", this.viewMouseupHandler), this.view.dom.removeEventListener("dragstart", this.dragstartHandler), this.editor.off("focus", this.focusHandler), this.editor.off("blur", this.blurHandler);
   }
   getSelectionBoundingBox() {
-    const { state: e } = this.editor.view, { selection: t } = e, { ranges: n } = t, r = Math.min(...n.map((d) => d.$from.pos)), i = Math.max(...n.map((d) => d.$to.pos));
+    const { state: e } = this.editor.view, { selection: t } = e, { ranges: n } = t, r = Math.min(...n.map((a) => a.$from.pos)), i = Math.max(...n.map((a) => a.$to.pos));
     if (Ie(t)) {
-      const d = this.editor.view.nodeDOM(r);
-      if (d)
-        return d.getBoundingClientRect();
+      const a = this.editor.view.nodeDOM(r);
+      if (a)
+        return a.getBoundingClientRect();
     }
     return re(this.editor.view, r, i);
   }
@@ -1955,10 +1960,10 @@ class qt {
     };
   }
 }
-const Gt = (o) => new B({
+const qt = (o) => new B({
   key: new v("FormattingToolbarPlugin"),
-  view: (e) => new qt({ view: e, ...o })
-}), $t = C.create({
+  view: (e) => new $t({ view: e, ...o })
+}), Yt = C.create({
   name: "FormattingToolbarExtension",
   addProseMirrorPlugins() {
     if (!this.options.formattingToolbarFactory)
@@ -1966,15 +1971,15 @@ const Gt = (o) => new B({
         "UI Element factory not defined for FormattingToolbarExtension"
       );
     return [
-      Gt({
+      qt({
         editor: this.editor,
         formattingToolbarFactory: this.options.formattingToolbarFactory,
         pluginKey: new v("FormattingToolbarPlugin")
       })
     ];
   }
-}), jt = new v("HyperlinkToolbarPlugin");
-class Yt {
+}), Wt = new v("HyperlinkToolbarPlugin");
+class jt {
   constructor({ editor: e, hyperlinkToolbarFactory: t }) {
     h(this, "editor");
     h(this, "hyperlinkToolbar");
@@ -1993,15 +1998,15 @@ class Yt {
       }, 250);
     }, this.stopMenuUpdateTimer = () => (this.menuUpdateTimer && (clearTimeout(this.menuUpdateTimer), this.menuUpdateTimer = void 0), !1), e.view.dom.addEventListener("mouseover", (n) => {
       if (this.mouseHoveredHyperlinkMark = void 0, this.mouseHoveredHyperlinkMarkRange = void 0, this.stopMenuUpdateTimer(), n.target instanceof HTMLAnchorElement && n.target.nodeName === "A") {
-        const r = n.target, i = e.view.posAtDOM(r, 0) + 1, d = e.state.doc.resolve(
+        const r = n.target, i = e.view.posAtDOM(r, 0) + 1, a = e.state.doc.resolve(
           i
-        ), s = d.marks();
-        for (const a of s)
-          if (a.type.name === e.schema.mark("link").type.name) {
-            this.mouseHoveredHyperlinkMark = a, this.mouseHoveredHyperlinkMarkRange = X(
-              d,
-              a.type,
-              a.attrs
+        ), s = a.marks();
+        for (const d of s)
+          if (d.type.name === e.schema.mark("link").type.name) {
+            this.mouseHoveredHyperlinkMark = d, this.mouseHoveredHyperlinkMarkRange = X(
+              a,
+              d.type,
+              d.attrs
             ) || void 0;
             break;
           }
@@ -2015,8 +2020,8 @@ class Yt {
       return;
     const e = this.hyperlinkMark;
     if (this.hyperlinkMark = void 0, this.hyperlinkMarkRange = void 0, this.keyboardHoveredHyperlinkMark = void 0, this.keyboardHoveredHyperlinkMarkRange = void 0, this.editor.state.selection.empty) {
-      const d = this.editor.state.selection.$from.marks();
-      for (const s of d)
+      const a = this.editor.state.selection.$from.marks();
+      for (const s of a)
         if (s.type.name === this.editor.schema.mark("link").type.name) {
           this.keyboardHoveredHyperlinkMark = s, this.keyboardHoveredHyperlinkMarkRange = X(
             this.editor.state.selection.$from,
@@ -2091,13 +2096,13 @@ class Yt {
     };
   }
 }
-const Wt = (o, e) => new B({
-  key: jt,
-  view: () => new Yt({
+const Vt = (o, e) => new B({
+  key: Wt,
+  view: () => new jt({
     editor: o,
     hyperlinkToolbarFactory: e.hyperlinkToolbarFactory
   })
-}), Vt = de.extend({
+}), Kt = de.extend({
   priority: 500,
   addProseMirrorPlugins() {
     var o;
@@ -2105,12 +2110,12 @@ const Wt = (o, e) => new B({
       throw new Error("UI Element factory not defined for HyperlinkMark");
     return [
       ...((o = this.parent) == null ? void 0 : o.call(this)) || [],
-      Wt(this.editor, {
+      Vt(this.editor, {
         hyperlinkToolbarFactory: this.options.hyperlinkToolbarFactory
       })
     ];
   }
-}), Kt = new v("blocknote-placeholder"), Jt = C.create({
+}), Jt = new v("blocknote-placeholder"), Xt = C.create({
   name: "placeholder",
   addOptions() {
     return {
@@ -2127,35 +2132,35 @@ const Wt = (o, e) => new B({
   addProseMirrorPlugins() {
     return [
       new B({
-        key: Kt,
+        key: Jt,
         props: {
           decorations: (o) => {
-            const { doc: e, selection: t } = o, n = K.getState(o), r = this.editor.isEditable || !this.options.showOnlyWhenEditable, { anchor: i } = t, d = [];
+            const { doc: e, selection: t } = o, n = K.getState(o), r = this.editor.isEditable || !this.options.showOnlyWhenEditable, { anchor: i } = t, a = [];
             if (r)
-              return e.descendants((s, a) => {
-                const l = i >= a && i <= a + s.nodeSize, c = !s.isLeaf && !s.childCount;
+              return e.descendants((s, d) => {
+                const l = i >= d && i <= d + s.nodeSize, c = !s.isLeaf && !s.childCount;
                 if ((l || !this.options.showOnlyCurrent) && c) {
                   const u = [this.options.emptyNodeClass];
                   this.editor.isEmpty && u.push(this.options.emptyEditorClass), l && u.push(this.options.hasAnchorClass), (n == null ? void 0 : n.triggerCharacter) === "" && (n != null && n.active) && u.push(this.options.isFilterClass);
-                  const f = _.node(a, a + s.nodeSize, {
+                  const f = D.node(d, d + s.nodeSize, {
                     class: u.join(" ")
                   });
-                  d.push(f);
+                  a.push(f);
                 }
                 return this.options.includeChildren;
-              }), D.create(e, d);
+              }), F.create(e, a);
           }
         }
       })
     ];
   }
 });
-class Xt {
+class Qt {
   constructor(e, t) {
     this.name = e, this.match = t;
   }
 }
-class I extends Xt {
+class I extends Qt {
   /**
    * Constructs a new slash-command.
    *
@@ -2173,7 +2178,7 @@ function S(o, e) {
   const t = o.getTextCursorPosition().block;
   t.content.length === 1 && t.content[0].type === "text" && t.content[0].text === "/" || t.content.length === 0 ? o.updateBlock(t, e) : (o.insertBlocks([e], t, "after"), o.setTextCursorPosition(o.getTextCursorPosition().nextBlock));
 }
-const Qt = [
+const Zt = [
   // Command for creating a level 1 heading
   new I(
     "Heading",
@@ -2316,7 +2321,7 @@ const Qt = [
   //   TableIcon,
   //   "Used to create a simple table"
   // ),
-], Zt = C.create({
+], eo = C.create({
   name: "textAlignment",
   addGlobalAttributes() {
     return [
@@ -2354,7 +2359,7 @@ const Qt = [
       }
     };
   }
-}), eo = C.create({
+}), to = C.create({
   name: "blockTextColor",
   addGlobalAttributes() {
     return [
@@ -2380,7 +2385,7 @@ const Qt = [
       }
     };
   }
-}), to = ne.create({
+}), oo = ne.create({
   name: "textColor",
   addAttributes() {
     return {
@@ -2409,7 +2414,7 @@ const Qt = [
       setTextColor: (o) => ({ commands: e }) => o !== "default" ? e.setMark(this.name, { color: o }) : e.unsetMark(this.name)
     };
   }
-}), oo = C.create({
+}), no = C.create({
   name: "trailingNode",
   addProseMirrorPlugins() {
     const o = new v(this.name);
@@ -2417,10 +2422,10 @@ const Qt = [
       new B({
         key: o,
         appendTransaction: (e, t, n) => {
-          const { doc: r, tr: i, schema: d } = n, s = o.getState(n), a = r.content.size - 2, l = d.nodes.blockContainer, c = d.nodes.paragraph;
+          const { doc: r, tr: i, schema: a } = n, s = o.getState(n), d = r.content.size - 2, l = a.nodes.blockContainer, c = a.nodes.paragraph;
           if (s)
             return i.insert(
-              a,
+              d,
               l.create(void 0, c.create())
             );
         },
@@ -2441,7 +2446,7 @@ const Qt = [
       })
     ];
   }
-}), no = (o) => {
+}), ro = (o) => {
   const e = [
     N.ClipboardTextSerializer,
     N.Commands,
@@ -2451,96 +2456,108 @@ const Qt = [
     // DevTools,
     Ue,
     // DropCursor,
-    Jt.configure({
+    Xt.configure({
       emptyNodeClass: b.isEmpty,
       hasAnchorClass: b.hasAnchor,
       isFilterClass: b.isFilter,
       includeChildren: !0,
       showOnlyCurrent: !1
     }),
-    W.configure({
+    j.configure({
       types: ["blockContainer"]
     }),
-    qe,
+    Ge,
     // Comments,
     // basics:
-    Ye,
+    We,
     // marks:
     Fe,
     Re,
-    $e,
+    qe,
+    Ye,
     je,
-    We,
+    oo,
     to,
-    eo,
     dt,
     at,
-    Zt,
+    eo,
     // custom blocks:
     ...Et,
     ze.configure({ width: 5, color: "#ddeeff" }),
-    Ge,
+    $e,
     // 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
-    oo
+    no
   ];
   return o.uiFactories.blockSideMenuFactory && e.push(
-    Ut.configure({
+    Gt.configure({
       blockSideMenuFactory: o.uiFactories.blockSideMenuFactory
     })
   ), o.uiFactories.formattingToolbarFactory && e.push(
-    $t.configure({
+    Yt.configure({
       formattingToolbarFactory: o.uiFactories.formattingToolbarFactory
     })
   ), o.uiFactories.hyperlinkToolbarFactory ? e.push(
-    Vt.configure({
+    Kt.configure({
       hyperlinkToolbarFactory: o.uiFactories.hyperlinkToolbarFactory
     })
   ) : e.push(de), o.uiFactories.slashMenuFactory && e.push(
-    Ht.configure({
+    Ot.configure({
       editor: o.editor,
       commands: o.slashCommands,
       slashMenuFactory: o.uiFactories.slashMenuFactory
     })
   ), e;
-}, ro = {
+}, io = {
   enableInputRules: !0,
   enablePasteRules: !0,
   enableCoreExtensions: !1
 };
-class Lo {
+class Ho {
   constructor(e = {}) {
     h(this, "_tiptapEditor");
     h(this, "blockCache", /* @__PURE__ */ new WeakMap());
-    var i, d, s;
-    const t = no({
+    var i, a, s;
+    e = {
+      defaultStyles: !0,
+      ...e
+    };
+    const t = ro({
       editor: this,
       uiFactories: e.uiFactories || {},
-      slashCommands: e.slashCommands || Qt
+      slashCommands: e.slashCommands || Zt
     });
-    let n = e.disableHistoryExtension ? t.filter((a) => a.name !== "history") : t;
+    let n = e.disableHistoryExtension ? t.filter((d) => d.name !== "history") : t;
     const r = {
-      ...ro,
+      // TODO: This approach to setting initial content is "cleaner" but requires the PM editor schema, which is only
+      //  created after initializing the TipTap editor. Not sure it's feasible.
+      // content:
+      //   options.initialContent &&
+      //   options.initialContent.map((block) =>
+      //     blockToNode(block, this._tiptapEditor.schema).toJSON()
+      //   ),
+      ...io,
       ...e._tiptapOptions,
       onCreate: () => {
-        var a;
-        (a = e.onEditorReady) == null || a.call(e, this);
+        var d;
+        (d = e.onEditorReady) == null || d.call(e, this), e.initialContent && this.replaceBlocks(this.topLevelBlocks, e.initialContent);
       },
       onUpdate: () => {
-        var a;
-        (a = e.onEditorContentChange) == null || a.call(e, this);
+        var d;
+        (d = e.onEditorContentChange) == null || d.call(e, this);
       },
       onSelectionUpdate: () => {
-        var a;
-        (a = e.onTextCursorPositionChange) == null || a.call(e, this);
+        var d;
+        (d = e.onTextCursorPositionChange) == null || d.call(e, this);
       },
-      extensions: e.enableBlockNoteExtensions === !1 ? (i = e._tiptapOptions) == null ? void 0 : i.extensions : [...((d = e._tiptapOptions) == null ? void 0 : d.extensions) || [], ...n],
+      extensions: e.enableBlockNoteExtensions === !1 ? (i = e._tiptapOptions) == null ? void 0 : i.extensions : [...((a = e._tiptapOptions) == null ? void 0 : a.extensions) || [], ...n],
       editorProps: {
         attributes: {
           ...e.editorDOMAttributes || {},
           class: [
-            G.bnEditor,
-            G.bnRoot,
+            _.bnEditor,
+            _.bnRoot,
+            e.defaultStyles ? _.defaultStyles : "",
             ((s = e.editorDOMAttributes) == null ? void 0 : s.class) || ""
           ].join(" ")
         }
@@ -2557,7 +2574,7 @@ class Lo {
    */
   get topLevelBlocks() {
     const e = [];
-    return this._tiptapEditor.state.doc.firstChild.descendants((t) => (e.push(M(t, this.blockCache)), !1)), e;
+    return this._tiptapEditor.state.doc.firstChild.descendants((t) => (e.push(w(t, this.blockCache)), !1)), e;
   }
   /**
    * Gets a snapshot of an existing block from the editor.
@@ -2567,7 +2584,7 @@ class Lo {
   getBlock(e) {
     const t = typeof e == "string" ? e : e.id;
     let n;
-    return this._tiptapEditor.state.doc.firstChild.descendants((r) => typeof n < "u" ? !1 : r.type.name !== "blockContainer" || r.attrs.id !== t ? !0 : (n = M(r, this.blockCache), !1)), n;
+    return this._tiptapEditor.state.doc.firstChild.descendants((r) => typeof n < "u" ? !1 : r.type.name !== "blockContainer" || r.attrs.id !== t ? !0 : (n = w(r, this.blockCache), !1)), n;
   }
   /**
    * Traverses all blocks in the editor depth-first, and executes a callback for each.
@@ -2575,15 +2592,19 @@ class Lo {
    * @param reverse Whether the blocks should be traversed in reverse order.
    */
   forEachBlock(e, t = !1) {
-    function n(r) {
-      if (t)
-        for (const i of r.reverse())
-          n(i.children), e(i);
-      else
-        for (const i of r)
-          e(i), n(i.children);
+    const n = this.topLevelBlocks.slice();
+    t && n.reverse();
+    function r(i) {
+      for (const a of i) {
+        if (e(a) === !1)
+          return !1;
+        const s = t ? a.children.slice().reverse() : a.children;
+        if (r(s) === !1)
+          return !1;
+      }
+      return !0;
     }
-    n(this.topLevelBlocks);
+    r(n);
   }
   /**
    * Gets a snapshot of the current text cursor position.
@@ -2593,14 +2614,14 @@ class Lo {
     const { node: e, depth: t, startPos: n, endPos: r } = k(
       this._tiptapEditor.state.doc,
       this._tiptapEditor.state.selection.from
-    ), i = this._tiptapEditor.state.doc.resolve(r).index(t - 1), d = this._tiptapEditor.state.doc.resolve(r + 1).node().childCount;
+    ), i = this._tiptapEditor.state.doc.resolve(r).index(t - 1), a = this._tiptapEditor.state.doc.resolve(r + 1).node().childCount;
     let s;
     i > 0 && (s = this._tiptapEditor.state.doc.resolve(n - 2).node());
-    let a;
-    return i < d - 1 && (a = this._tiptapEditor.state.doc.resolve(r + 2).node()), {
-      block: M(e, this.blockCache),
-      prevBlock: s === void 0 ? void 0 : M(s, this.blockCache),
-      nextBlock: a === void 0 ? void 0 : M(a, this.blockCache)
+    let d;
+    return i < a - 1 && (d = this._tiptapEditor.state.doc.resolve(r + 2).node()), {
+      block: w(e, this.blockCache),
+      prevBlock: s === void 0 ? void 0 : w(s, this.blockCache),
+      nextBlock: d === void 0 ? void 0 : w(d, this.blockCache)
     };
   }
   /**
@@ -2610,12 +2631,12 @@ class Lo {
    * @param placement Whether the text cursor should be placed at the start or end of the block.
    */
   setTextCursorPosition(e, t = "start") {
-    const n = typeof e == "string" ? e : e.id, { posBeforeNode: r } = V(n, this._tiptapEditor.state.doc), { startPos: i, contentNode: d } = k(
+    const n = typeof e == "string" ? e : e.id, { posBeforeNode: r } = V(n, this._tiptapEditor.state.doc), { startPos: i, contentNode: a } = k(
       this._tiptapEditor.state.doc,
       r + 2
     );
     t === "start" ? this._tiptapEditor.commands.setTextSelection(i + 1) : this._tiptapEditor.commands.setTextSelection(
-      i + d.nodeSize - 1
+      i + a.nodeSize - 1
     );
   }
   /**
@@ -2697,10 +2718,10 @@ class Lo {
 }
 export {
   I as BaseSlashMenuItem,
-  Lo as BlockNoteEditor,
+  Ho as BlockNoteEditor,
   ee as blockProps,
-  Qt as defaultSlashMenuItems,
-  no as getBlockNoteExtensions,
+  Zt as defaultSlashMenuItems,
+  ro as getBlockNoteExtensions,
   O as globalProps
 };
 //# sourceMappingURL=blocknote.js.map