@blocknote/core 0.9.5 → 0.9.6

package/dist/blocknote.js

@@ -1,43 +1,43 @@
-var Yt = Object.defineProperty;
-var Jt = (n, t, e) => t in n ? Yt(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var u = (n, t, e) => (Jt(n, typeof t != "symbol" ? t + "" : t, e), e);
-import { Extension as A, Mark as ht, combineTransactionSteps as Zt, getChangedRanges as Qt, findChildrenInRange as te, findChildren as nt, Node as G, mergeAttributes as N, findParentNode as ee, extensions as R, InputRule as Z, isTextSelection as oe, isNodeSelection as ne, posToDOMRect as K, getMarkRange as rt, Editor as re } from "@tiptap/core";
-import { Bold as ie } from "@tiptap/extension-bold";
-import { Code as se } from "@tiptap/extension-code";
-import ae from "@tiptap/extension-collaboration";
-import le from "@tiptap/extension-collaboration-cursor";
-import { Dropcursor as de } from "@tiptap/extension-dropcursor";
-import { Gapcursor as ce } from "@tiptap/extension-gapcursor";
-import { HardBreak as ue } from "@tiptap/extension-hard-break";
-import { History as pe } from "@tiptap/extension-history";
-import { Italic as he } from "@tiptap/extension-italic";
-import { Link as me } from "@tiptap/extension-link";
-import { Strike as fe } from "@tiptap/extension-strike";
-import { Text as ge } from "@tiptap/extension-text";
-import { Underline as ke } from "@tiptap/extension-underline";
-import { Slice as L, Fragment as P, DOMSerializer as Y, DOMParser as be } from "prosemirror-model";
-import { Plugin as B, PluginKey as M, NodeSelection as mt, TextSelection as it, Selection as X } from "prosemirror-state";
-import { v4 as ye } from "uuid";
-import * as ve from "prosemirror-view";
-import { Decoration as $, DecorationSet as W } from "prosemirror-view";
-import ft from "rehype-parse";
-import we from "rehype-remark";
-import gt from "rehype-stringify";
-import kt from "remark-gfm";
-import Ce from "remark-parse";
-import Ee, { defaultHandlers as Se } from "remark-rehype";
-import Be from "remark-stringify";
-import { unified as Q } from "unified";
-import { fromDom as st } from "hast-util-from-dom";
-const Te = "_bnEditor_12je0_3", Me = "_bnRoot_12je0_19", xe = "_defaultStyles_12je0_34", Ie = "_dragPreview_12je0_57", D = {
-  bnEditor: Te,
-  bnRoot: Me,
-  defaultStyles: xe,
-  dragPreview: Ie,
+var Jt = Object.defineProperty;
+var Zt = (n, t, e) => t in n ? Jt(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var u = (n, t, e) => (Zt(n, typeof t != "symbol" ? t + "" : t, e), e);
+import { Extension as L, Mark as mt, combineTransactionSteps as Qt, getChangedRanges as te, findChildrenInRange as ee, findChildren as rt, Node as q, mergeAttributes as D, findParentNode as oe, extensions as V, InputRule as Q, isTextSelection as ne, isNodeSelection as re, posToDOMRect as Y, getMarkRange as it, Editor as ie } from "@tiptap/core";
+import { Bold as se } from "@tiptap/extension-bold";
+import { Code as ae } from "@tiptap/extension-code";
+import le from "@tiptap/extension-collaboration";
+import de from "@tiptap/extension-collaboration-cursor";
+import { Dropcursor as ce } from "@tiptap/extension-dropcursor";
+import { Gapcursor as ue } from "@tiptap/extension-gapcursor";
+import { HardBreak as pe } from "@tiptap/extension-hard-break";
+import { History as he } from "@tiptap/extension-history";
+import { Italic as me } from "@tiptap/extension-italic";
+import { Link as fe } from "@tiptap/extension-link";
+import { Strike as ge } from "@tiptap/extension-strike";
+import { Text as ke } from "@tiptap/extension-text";
+import { Underline as be } from "@tiptap/extension-underline";
+import { Slice as P, Fragment as O, DOMSerializer as J, DOMParser as ye } from "prosemirror-model";
+import { Plugin as I, PluginKey as _, NodeSelection as ft, TextSelection as st, Selection as K } from "prosemirror-state";
+import { v4 as ve } from "uuid";
+import * as we from "prosemirror-view";
+import { Decoration as G, DecorationSet as j } from "prosemirror-view";
+import gt from "rehype-parse";
+import Ce from "rehype-remark";
+import kt from "rehype-stringify";
+import bt from "remark-gfm";
+import Ee from "remark-parse";
+import Se, { defaultHandlers as Me } from "remark-rehype";
+import Te from "remark-stringify";
+import { unified as tt } from "unified";
+import { fromDom as at } from "hast-util-from-dom";
+const Be = "_bnEditor_12je0_3", xe = "_bnRoot_12je0_19", Ie = "_defaultStyles_12je0_34", _e = "_dragPreview_12je0_57", R = {
+  bnEditor: Be,
+  bnRoot: xe,
+  defaultStyles: Ie,
+  dragPreview: _e,
   "collaboration-cursor__caret": "_collaboration-cursor__caret_12je0_63",
   "collaboration-cursor__label": "_collaboration-cursor__label_12je0_74"
 };
-function bt(n) {
+function yt(n) {
   const t = n.attrs.id, e = n.firstChild, o = e.type, r = n.childCount === 2 ? n.lastChild.childCount : 0;
   return {
     id: t,
@@ -47,7 +47,7 @@ function bt(n) {
     numChildBlocks: r
   };
 }
-function b(n, t) {
+function v(n, t) {
   const o = n.nodeSize - 2;
   if (t <= 1)
     for (t = 1 + 1; n.resolve(t).parent.type.name !== "blockContainer" && t < o; )
@@ -67,19 +67,19 @@ function b(n, t) {
       break;
     l -= 1, s = r.node(l);
   }
-  const { id: a, contentNode: d, contentType: c, numChildBlocks: m } = bt(s), h = r.start(l), p = r.end(l);
+  const { id: a, contentNode: d, contentType: c, numChildBlocks: h } = yt(s), m = r.start(l), p = r.end(l);
   return {
     id: a,
     node: s,
     contentNode: d,
     contentType: c,
-    numChildBlocks: m,
-    startPos: h,
+    numChildBlocks: h,
+    startPos: m,
     endPos: p,
     depth: l
   };
 }
-const C = {
+const T = {
   backgroundColor: {
     default: "default"
   },
@@ -90,7 +90,7 @@ const C = {
     default: "left",
     values: ["left", "center", "right", "justify"]
   }
-}, Ae = A.create({
+}, Ae = L.create({
   name: "blockBackgroundColor",
   addGlobalAttributes() {
     return [
@@ -98,9 +98,9 @@ const C = {
         types: ["blockContainer"],
         attributes: {
           backgroundColor: {
-            default: C.backgroundColor.default,
-            parseHTML: (n) => n.hasAttribute("data-background-color") ? n.getAttribute("data-background-color") : C.backgroundColor.default,
-            renderHTML: (n) => n.backgroundColor !== C.backgroundColor.default && {
+            default: T.backgroundColor.default,
+            parseHTML: (n) => n.hasAttribute("data-background-color") ? n.getAttribute("data-background-color") : T.backgroundColor.default,
+            renderHTML: (n) => n.backgroundColor !== T.backgroundColor.default && {
               "data-background-color": n.backgroundColor
             }
           }
@@ -111,7 +111,7 @@ const C = {
   addCommands() {
     return {
       setBlockBackgroundColor: (n, t) => ({ state: e, view: o }) => {
-        const r = b(e.doc, n);
+        const r = v(e.doc, n);
         return r === void 0 ? !1 : (e.tr.setNodeAttribute(
           r.startPos - 1,
           "backgroundColor",
@@ -120,7 +120,7 @@ const C = {
       }
     };
   }
-}), _e = ht.create({
+}), He = mt.create({
   name: "backgroundColor",
   addAttributes() {
     return {
@@ -146,24 +146,24 @@ const C = {
   },
   addCommands() {
     return {
-      setBackgroundColor: (n) => ({ commands: t }) => n !== C.backgroundColor.default ? t.setMark(this.name, { color: n }) : t.unsetMark(this.name)
+      setBackgroundColor: (n) => ({ commands: t }) => n !== T.backgroundColor.default ? t.setMark(this.name, { color: n }) : t.unsetMark(this.name)
     };
   }
 });
-function He(n, t = JSON.stringify) {
+function Le(n, t = JSON.stringify) {
   const e = {};
   return n.filter((o) => {
     const r = t(o);
     return Object.prototype.hasOwnProperty.call(e, r) ? !1 : e[r] = !0;
   });
 }
-function Le(n) {
+function Ne(n) {
   const t = n.filter(
     (o, r) => n.indexOf(o) !== r
   );
-  return He(t);
+  return Le(t);
 }
-const j = A.create({
+const X = L.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
@@ -177,7 +177,7 @@ const j = A.create({
           const n = window.__TEST_OPTIONS;
           return n.mockID === void 0 ? n.mockID = 0 : n.mockID++, n.mockID.toString();
         }
-        return ye();
+        return ve();
       },
       filterTransaction: null
     };
@@ -231,38 +231,38 @@ const j = A.create({
   addProseMirrorPlugins() {
     let n = null, t = !1;
     return [
-      new B({
-        key: new M("uniqueID"),
+      new I({
+        key: new _("uniqueID"),
         appendTransaction: (e, o, r) => {
           const i = e.some((f) => f.docChanged) && !o.doc.eq(r.doc), s = this.options.filterTransaction && e.some((f) => {
-            let k, v;
-            return !(!((v = (k = this.options).filterTransaction) === null || v === void 0) && v.call(k, f));
+            let b, w;
+            return !(!((w = (b = this.options).filterTransaction) === null || w === void 0) && w.call(b, f));
           });
           if (!i || s)
             return;
-          const { tr: l } = r, { types: a, attributeName: d, generateID: c } = this.options, m = Zt(
+          const { tr: l } = r, { types: a, attributeName: d, generateID: c } = this.options, h = Qt(
             o.doc,
             e
-          ), { mapping: h } = m;
-          if (Qt(m).forEach(({ newRange: f }) => {
-            const k = te(
+          ), { mapping: m } = h;
+          if (te(h).forEach(({ newRange: f }) => {
+            const b = ee(
               r.doc,
               f,
-              (E) => a.includes(E.type.name)
-            ), v = k.map(({ node: E }) => E.attrs[d]).filter((E) => E !== null), w = Le(v);
-            k.forEach(({ node: E, pos: _ }) => {
+              (M) => a.includes(M.type.name)
+            ), w = b.map(({ node: M }) => M.attrs[d]).filter((M) => M !== null), C = Ne(w);
+            b.forEach(({ node: M, pos: E }) => {
               let y;
-              const T = (y = l.doc.nodeAt(_)) === null || y === void 0 ? void 0 : y.attrs[d];
-              if (T === null) {
-                l.setNodeMarkup(_, void 0, {
-                  ...E.attrs,
+              const S = (y = l.doc.nodeAt(E)) === null || y === void 0 ? void 0 : y.attrs[d];
+              if (S === null) {
+                l.setNodeMarkup(E, void 0, {
+                  ...M.attrs,
                   [d]: c()
                 });
                 return;
               }
-              const { deleted: ot } = h.invert().mapResult(_);
-              ot && w.includes(T) && l.setNodeMarkup(_, void 0, {
-                ...E.attrs,
+              const { deleted: g } = m.invert().mapResult(E);
+              g && C.includes(S) && l.setNodeMarkup(E, void 0, {
+                ...M.attrs,
                 [d]: c()
               });
             });
@@ -319,9 +319,9 @@ const j = A.create({
                   a.marks
                 );
                 l.push(d);
-              }), P.from(l);
+              }), O.from(l);
             };
-            return t = !1, new L(
+            return t = !1, new P(
               i(e.content),
               e.openStart,
               e.openEnd
@@ -331,37 +331,37 @@ const j = A.create({
       })
     ];
   }
-}), Ne = () => /Mac/.test(navigator.platform) || /AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent);
-function Tn(n) {
-  return Ne() ? n.replace("Mod", "⌘") : n.replace("Mod", "Ctrl");
+}), Pe = () => /Mac/.test(navigator.platform) || /AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent);
+function xn(n) {
+  return Pe() ? n.replace("Mod", "⌘") : n.replace("Mod", "Ctrl");
 }
-function S(...n) {
+function B(...n) {
   return n.filter((t) => t).join(" ");
 }
-class Pe extends Error {
+class De extends Error {
   constructor(t) {
     super(`Unreachable case: ${t}`);
   }
 }
-const yt = /* @__PURE__ */ new Set([
+const vt = /* @__PURE__ */ new Set([
   "bold",
   "italic",
   "underline",
   "strike",
   "code"
-]), vt = /* @__PURE__ */ new Set(["textColor", "backgroundColor"]);
-function at(n, t) {
+]), wt = /* @__PURE__ */ new Set(["textColor", "backgroundColor"]);
+function lt(n, t) {
   const e = [];
   for (const [o, r] of Object.entries(n.styles))
-    yt.has(o) ? e.push(t.mark(o)) : vt.has(o) && e.push(t.mark(o, { color: r }));
+    vt.has(o) ? e.push(t.mark(o)) : wt.has(o) && e.push(t.mark(o, { color: r }));
   return n.text.split(/(\n)/g).filter((o) => o.length > 0).map((o) => o === `
 ` ? t.nodes.hardBreak.create() : t.text(o, e));
 }
-function De(n, t) {
+function Oe(n, t) {
   const e = t.marks.link.create({
     href: n.href
   });
-  return wt(n.content, t).map((o) => {
+  return Ct(n.content, t).map((o) => {
     if (o.type.name === "text")
       return o.mark([...o.marks, e]);
     if (o.type.name === "hardBreak")
@@ -369,30 +369,30 @@ function De(n, t) {
     throw new Error("unexpected node type");
   });
 }
-function wt(n, t) {
+function Ct(n, t) {
   const e = [];
   if (typeof n == "string")
     return e.push(
-      ...at({ type: "text", text: n, styles: {} }, t)
+      ...lt({ type: "text", text: n, styles: {} }, t)
     ), e;
   for (const o of n)
-    e.push(...at(o, t));
+    e.push(...lt(o, t));
   return e;
 }
-function Ct(n, t) {
+function Et(n, t) {
   const e = [];
   for (const o of n)
     if (o.type === "link")
-      e.push(...De(o, t));
+      e.push(...Oe(o, t));
     else if (o.type === "text")
-      e.push(...wt([o], t));
+      e.push(...Ct([o], t));
     else
-      throw new Pe(o);
+      throw new De(o);
   return e;
 }
-function V(n, t) {
+function F(n, t) {
   let e = n.id;
-  e === void 0 && (e = j.options.generateID());
+  e === void 0 && (e = X.options.generateID());
   let o = n.type;
   o === void 0 && (o = "paragraph");
   let r;
@@ -404,13 +404,13 @@ function V(n, t) {
       t.text(n.content)
     );
   else {
-    const l = Ct(n.content, t);
+    const l = Et(n.content, t);
     r = t.nodes[o].create(n.props, l);
   }
   const i = [];
   if (n.children)
     for (const l of n.children)
-      i.push(V(l, t));
+      i.push(F(l, t));
   const s = t.nodes.blockGroup.create({}, i);
   return t.nodes.blockContainer.create(
     {
@@ -420,7 +420,7 @@ function V(n, t) {
     i.length > 0 ? [r, s] : r
   );
 }
-function Oe(n) {
+function Re(n) {
   const t = [];
   let e;
   return n.content.forEach((o) => {
@@ -440,9 +440,9 @@ function Oe(n) {
     for (const s of o.marks)
       if (s.type.name === "link")
         i = s;
-      else if (yt.has(s.type.name))
-        r[s.type.name] = !0;
       else if (vt.has(s.type.name))
+        r[s.type.name] = !0;
+      else if (wt.has(s.type.name))
         r[s.type.name] = s.attrs.color;
       else
         throw Error("Mark is of an unrecognized type: " + s.type.name);
@@ -497,7 +497,7 @@ function Oe(n) {
     };
   }), e && t.push(e), t;
 }
-function x(n, t, e) {
+function A(n, t, e) {
   if (n.type.name !== "blockContainer")
     throw Error(
       "Node must be of type blockContainer, but is of type" + n.type.name + "."
@@ -505,37 +505,37 @@ function x(n, t, e) {
   const o = e == null ? void 0 : e.get(n);
   if (o)
     return o;
-  const r = bt(n);
+  const r = yt(n);
   let i = r.id;
-  i === null && (i = j.options.generateID());
+  i === null && (i = X.options.generateID());
   const s = {};
-  for (const [c, m] of Object.entries({
+  for (const [c, h] of Object.entries({
     ...n.attrs,
     ...r.contentNode.attrs
   })) {
-    const h = t[r.contentType.name];
-    if (!h)
+    const m = t[r.contentType.name];
+    if (!m)
       throw Error(
         "Block is of an unrecognized type: " + r.contentType.name
       );
-    const p = h.propSchema;
-    c in p ? s[c] = m : c !== "id" && !(c in C) && console.warn("Block has an unrecognized attribute: " + c);
+    const p = m.propSchema;
+    c in p && (s[c] = h);
   }
   const l = t[r.contentType.name], a = [];
   for (let c = 0; c < r.numChildBlocks; c++)
     a.push(
-      x(n.lastChild.child(c), t, e)
+      A(n.lastChild.child(c), t, e)
     );
   const d = {
     id: i,
     type: l.node.name,
     props: s,
-    content: l.node.config.content === "inline*" ? Oe(r.contentNode) : void 0,
+    content: l.node.config.content === "inline*" ? Re(r.contentNode) : void 0,
     children: a
   };
   return e == null || e.set(n, d), d;
 }
-const lt = new M("previous-blocks"), Re = {
+const dt = new _("previous-blocks"), ze = {
   // Numbered List Items
   index: "index",
   // Headings
@@ -544,17 +544,17 @@ const lt = new M("previous-blocks"), Re = {
   type: "type",
   depth: "depth",
   "depth-change": "depth-change"
-}, ze = () => {
+}, Ve = () => {
   let n;
-  return new B({
-    key: lt,
+  return new I({
+    key: dt,
     view(t) {
       return {
         update: async (e, o) => {
           var r;
           ((r = this.key) == null ? void 0 : r.getState(e.state).updatedBlocks.size) > 0 && (n = setTimeout(() => {
             e.dispatch(
-              e.state.tr.setMeta(lt, { clearUpdate: !0 })
+              e.state.tr.setMeta(dt, { clearUpdate: !0 })
             );
           }, 0));
         },
@@ -577,22 +577,22 @@ const lt = new M("previous-blocks"), Re = {
       apply(t, e, o, r) {
         if (e.currentTransactionOldBlockAttrs = {}, e.updatedBlocks.clear(), !t.docChanged || o.doc.eq(r.doc))
           return e;
-        const i = {}, s = nt(o.doc, (d) => d.attrs.id), l = new Map(
+        const i = {}, s = rt(o.doc, (d) => d.attrs.id), l = new Map(
           s.map((d) => [d.node.attrs.id, d])
-        ), a = nt(r.doc, (d) => d.attrs.id);
+        ), a = rt(r.doc, (d) => d.attrs.id);
         for (const d of a) {
-          const c = l.get(d.node.attrs.id), m = c == null ? void 0 : c.node.firstChild, h = d.node.firstChild;
-          if (c && m && h) {
+          const c = l.get(d.node.attrs.id), h = c == null ? void 0 : c.node.firstChild, m = d.node.firstChild;
+          if (c && h && m) {
             const p = {
-              index: h.attrs.index,
-              level: h.attrs.level,
-              type: h.type.name,
-              depth: r.doc.resolve(d.pos).depth
-            };
-            let f = {
               index: m.attrs.index,
               level: m.attrs.level,
               type: m.type.name,
+              depth: r.doc.resolve(d.pos).depth
+            };
+            let f = {
+              index: h.attrs.index,
+              level: h.attrs.level,
+              type: h.type.name,
               depth: o.doc.resolve(c.pos).depth
             };
             i[d.node.attrs.id] = f, t.getMeta("numberedListIndexing") && (d.node.attrs.id in e.prevTransactionOldBlockAttrs && (f = e.prevTransactionOldBlockAttrs[d.node.attrs.id]), p.type === "numberedListItem" && (f.index = p.index)), e.currentTransactionOldBlockAttrs[d.node.attrs.id] = f, JSON.stringify(f) !== JSON.stringify(p) && (f["depth-change"] = f.depth - p.depth, e.updatedBlocks.add(d.node.attrs.id));
@@ -612,69 +612,69 @@ const lt = new M("previous-blocks"), Re = {
             return;
           const s = e.currentTransactionOldBlockAttrs[r.attrs.id], l = {};
           for (const [d, c] of Object.entries(s))
-            l["data-prev-" + Re[d]] = c || "none";
-          const a = $.node(i, i + r.nodeSize, {
+            l["data-prev-" + ze[d]] = c || "none";
+          const a = G.node(i, i + r.nodeSize, {
             ...l
           });
           o.push(a);
-        }), W.create(t.doc, o);
+        }), j.create(t.doc, o);
       }
     }
   });
-}, Et = "_blockOuter_xo7pf_5", St = "_block_xo7pf_5", Bt = "_reactNodeViewRenderer_xo7pf_17", Tt = "_blockContent_xo7pf_22", Mt = "_blockGroup_xo7pf_42", xt = "_wrapper_xo7pf_226", It = "_addImageButton_xo7pf_234", At = "_addImageButtonIcon_xo7pf_250", _t = "_addImageButtonText_xo7pf_256", Ht = "_imageAndCaptionWrapper_xo7pf_260", Lt = "_imageWrapper_xo7pf_266", Nt = "_image_xo7pf_260", Pt = "_resizeHandle_xo7pf_279", Dt = "_caption_xo7pf_294", Ot = "_isEmpty_xo7pf_300", Rt = "_inlineContent_xo7pf_300", zt = "_isFilter_xo7pf_301", Vt = "_hasAnchor_xo7pf_313", g = {
-  blockOuter: Et,
-  block: St,
-  reactNodeViewRenderer: Bt,
-  blockContent: Tt,
-  blockGroup: Mt,
-  wrapper: xt,
-  addImageButton: It,
+}, St = "_blockOuter_nstdf_5", Mt = "_block_nstdf_5", Tt = "_reactNodeViewRenderer_nstdf_17", Bt = "_blockContent_nstdf_22", xt = "_blockGroup_nstdf_43", It = "_wrapper_nstdf_227", _t = "_addImageButton_nstdf_235", At = "_addImageButtonIcon_nstdf_251", Ht = "_addImageButtonText_nstdf_257", Lt = "_imageAndCaptionWrapper_nstdf_261", Nt = "_imageWrapper_nstdf_267", Pt = "_image_nstdf_261", Dt = "_resizeHandle_nstdf_280", Ot = "_caption_nstdf_291", Rt = "_isEmpty_nstdf_297", zt = "_inlineContent_nstdf_297", Vt = "_isFilter_nstdf_298", Ut = "_hasAnchor_nstdf_310", k = {
+  blockOuter: St,
+  block: Mt,
+  reactNodeViewRenderer: Tt,
+  blockContent: Bt,
+  blockGroup: xt,
+  wrapper: It,
+  addImageButton: _t,
   addImageButtonIcon: At,
-  addImageButtonText: _t,
-  imageAndCaptionWrapper: Ht,
-  imageWrapper: Lt,
-  image: Nt,
-  resizeHandle: Pt,
-  caption: Dt,
-  isEmpty: Ot,
-  inlineContent: Rt,
-  isFilter: zt,
-  hasAnchor: Vt
-}, Mn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  addImageButtonText: Ht,
+  imageAndCaptionWrapper: Lt,
+  imageWrapper: Nt,
+  image: Pt,
+  resizeHandle: Dt,
+  caption: Ot,
+  isEmpty: Rt,
+  inlineContent: zt,
+  isFilter: Vt,
+  hasAnchor: Ut
+}, In = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  addImageButton: It,
+  addImageButton: _t,
   addImageButtonIcon: At,
-  addImageButtonText: _t,
-  block: St,
-  blockContent: Tt,
-  blockGroup: Mt,
-  blockOuter: Et,
-  caption: Dt,
-  default: g,
-  hasAnchor: Vt,
-  image: Nt,
-  imageAndCaptionWrapper: Ht,
-  imageWrapper: Lt,
-  inlineContent: Rt,
-  isEmpty: Ot,
-  isFilter: zt,
-  reactNodeViewRenderer: Bt,
-  resizeHandle: Pt,
-  wrapper: xt
-}, Symbol.toStringTag, { value: "Module" })), Ve = {
+  addImageButtonText: Ht,
+  block: Mt,
+  blockContent: Bt,
+  blockGroup: xt,
+  blockOuter: St,
+  caption: Ot,
+  default: k,
+  hasAnchor: Ut,
+  image: Pt,
+  imageAndCaptionWrapper: Lt,
+  imageWrapper: Nt,
+  inlineContent: zt,
+  isEmpty: Rt,
+  isFilter: Vt,
+  reactNodeViewRenderer: Tt,
+  resizeHandle: Dt,
+  wrapper: It
+}, Symbol.toStringTag, { value: "Module" })), Ue = {
   blockColor: "data-block-color",
   blockStyle: "data-block-style",
   id: "data-id",
   depth: "data-depth",
   depthChange: "data-depth-change"
-}, Ue = new M("non-editable-block"), Fe = () => new B({
-  key: Ue,
+}, Fe = new _("non-editable-block"), $e = () => new I({
+  key: Fe,
   props: {
     handleKeyDown: (n, t) => {
       "node" in n.state.selection && t.preventDefault();
     }
   }
-}), $e = G.create({
+}), We = q.create({
   name: "blockContainer",
   group: "blockContainer",
   // A block always contains content, and optionally a blockGroup which contains nested blocks
@@ -690,7 +690,7 @@ const lt = new M("previous-blocks"), Re = {
           if (typeof n == "string")
             return !1;
           const t = {};
-          for (const [e, o] of Object.entries(Ve))
+          for (const [e, o] of Object.entries(Ue))
             n.getAttribute(o) && (t[e] = n.getAttribute(o));
           return n.getAttribute("data-node-type") === "blockContainer" ? t : !1;
         }
@@ -702,16 +702,16 @@ const lt = new M("previous-blocks"), Re = {
     const t = ((e = this.options.domAttributes) == null ? void 0 : e.blockContainer) || {};
     return [
       "div",
-      N(n, {
-        class: g.blockOuter,
+      D(n, {
+        class: k.blockOuter,
         "data-node-type": "block-outer"
       }),
       [
         "div",
-        N(
+        D(
           {
             ...t,
-            class: S(g.block, t.class),
+            class: B(k.block, t.class),
             "data-node-type": this.name
           },
           n
@@ -729,7 +729,7 @@ const lt = new M("previous-blocks"), Re = {
       },
       // Deletes a block at a given position.
       BNDeleteBlock: (n) => ({ state: t, dispatch: e }) => {
-        const o = b(t.doc, n);
+        const o = v(t.doc, n);
         if (o === void 0)
           return !1;
         const { startPos: r, endPos: i } = o;
@@ -737,7 +737,7 @@ const lt = new M("previous-blocks"), Re = {
       },
       // Updates a block at a given position.
       BNUpdateBlock: (n, t) => ({ state: e, dispatch: o }) => {
-        const r = b(e.doc, n);
+        const r = v(e.doc, n);
         if (r === void 0)
           return !1;
         const { startPos: i, endPos: s, node: l, contentNode: a } = r;
@@ -745,11 +745,11 @@ const lt = new M("previous-blocks"), Re = {
           if (t.children !== void 0) {
             const p = [];
             for (const f of t.children)
-              p.push(V(f, e.schema));
+              p.push(F(f, e.schema));
             l.childCount === 2 ? e.tr.replace(
               i + a.nodeSize + 1,
               s - 1,
-              new L(P.from(p), 0, 0)
+              new P(O.from(p), 0, 0)
             ) : e.tr.insert(
               i + a.nodeSize,
               e.schema.nodes.blockGroup.create({}, p)
@@ -757,14 +757,14 @@ const lt = new M("previous-blocks"), Re = {
           }
           if (t.content !== void 0) {
             let p = [];
-            typeof t.content == "string" ? p.push(e.schema.text(t.content)) : p = Ct(t.content, e.schema), e.tr.replace(
+            typeof t.content == "string" ? p.push(e.schema.text(t.content)) : p = Et(t.content, e.schema), e.tr.replace(
               i + 1,
               i + a.nodeSize - 1,
-              new L(P.from(p), 0, 0)
+              new P(O.from(p), 0, 0)
             );
           }
-          const d = a.type.name, c = t.type || d, m = e.schema.nodes[d].spec.content, h = e.schema.nodes[c].spec.content;
-          m === "inline*" && h === "" ? e.tr.replaceWith(
+          const d = a.type.name, c = t.type || d, h = e.schema.nodes[d].spec.content, m = e.schema.nodes[c].spec.content;
+          h === "inline*" && m === "" ? e.tr.replaceWith(
             i,
             s,
             e.schema.nodes[c].create({
@@ -772,7 +772,7 @@ const lt = new M("previous-blocks"), Re = {
               ...t.props
             })
           ).setSelection(
-            new mt(e.tr.doc.resolve(i))
+            new ft(e.tr.doc.resolve(i))
           ) : e.tr.setNodeMarkup(
             i,
             t.type === void 0 ? void 0 : e.schema.nodes[t.type],
@@ -808,42 +808,42 @@ const lt = new M("previous-blocks"), Re = {
         const o = t.doc.resolve(n + 1).node().type.name === "blockContainer", r = t.doc.resolve(n - 1).node().type.name === "blockContainer";
         if (!o || !r)
           return !1;
-        const i = b(
+        const i = v(
           t.doc,
           n + 1
         ), { node: s, contentNode: l, startPos: a, endPos: d, depth: c } = i;
         if (s.childCount === 2) {
           const p = t.doc.resolve(
             a + l.nodeSize + 1
-          ), f = t.doc.resolve(d - 1), k = p.blockRange(f);
-          e && t.tr.lift(k, c - 1);
+          ), f = t.doc.resolve(d - 1), b = p.blockRange(f);
+          e && t.tr.lift(b, c - 1);
         }
-        let m = n - 1, h = b(t.doc, m);
-        for (; h.numChildBlocks > 0; )
-          if (m--, h = b(t.doc, m), h === void 0)
+        let h = n - 1, m = v(t.doc, h);
+        for (; m.numChildBlocks > 0; )
+          if (h--, m = v(t.doc, h), m === void 0)
             return !1;
         return e && (e(
           t.tr.deleteRange(a, a + l.nodeSize).replace(
-            m - 1,
+            h - 1,
             a,
-            new L(l.content, 0, 0)
+            new P(l.content, 0, 0)
           ).scrollIntoView()
         ), t.tr.setSelection(
-          new it(t.doc.resolve(m - 1))
+          new st(t.doc.resolve(h - 1))
         )), !0;
       },
       // Splits a block at a given position. Content after the position is moved to a new block below, at the same
       // nesting level.
       BNSplitBlock: (n, t) => ({ state: e, dispatch: o }) => {
-        const r = b(e.doc, n);
+        const r = v(e.doc, n);
         if (r === void 0)
           return !1;
-        const { contentNode: i, contentType: s, startPos: l, endPos: a, depth: d } = r, c = e.doc.cut(l + 1, n), m = e.doc.cut(n, a - 1), h = e.schema.nodes.blockContainer.createAndFill(), p = a + 1, f = p + 2;
-        return o && (e.tr.insert(p, h), e.tr.replace(
+        const { contentNode: i, contentType: s, startPos: l, endPos: a, depth: d } = r, c = e.doc.cut(l + 1, n), h = e.doc.cut(n, a - 1), m = e.schema.nodes.blockContainer.createAndFill(), p = a + 1, f = p + 2;
+        return o && (e.tr.insert(p, m), e.tr.replace(
           f,
           f + 1,
-          m.content.size > 0 ? new L(
-            P.from(m),
+          h.content.size > 0 ? new P(
+            O.from(h),
             d + 2,
             d + 2
           ) : void 0
@@ -853,12 +853,12 @@ const lt = new M("previous-blocks"), Re = {
           e.schema.node(s).type,
           i.attrs
         ), e.tr.setSelection(
-          new it(e.doc.resolve(f))
+          new st(e.doc.resolve(f))
         ), e.tr.replace(
           l + 1,
           a - 1,
-          c.content.size > 0 ? new L(
-            P.from(c),
+          c.content.size > 0 ? new P(
+            O.from(c),
             d + 2,
             d + 2
           ) : void 0
@@ -867,7 +867,7 @@ const lt = new M("previous-blocks"), Re = {
     };
   },
   addProseMirrorPlugins() {
-    return [ze(), Fe()];
+    return [Ve(), $e()];
   },
   addKeyboardShortcuts() {
     return {
@@ -878,7 +878,7 @@ const lt = new M("previous-blocks"), Re = {
         () => o.undoInputRule(),
         // Reverts block content type to a paragraph if the selection is at the start of the block.
         () => o.command(({ state: r }) => {
-          const { contentType: i } = b(
+          const { contentType: i } = v(
             r.doc,
             r.selection.from
           ), s = r.selection.$anchor.parentOffset === 0, l = i.name === "paragraph";
@@ -892,7 +892,7 @@ const lt = new M("previous-blocks"), Re = {
         // 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.
         () => o.command(({ state: r }) => {
-          const { depth: i, startPos: s } = b(
+          const { depth: i, startPos: s } = v(
             r.doc,
             r.selection.from
           ), l = r.selection.$anchor.parentOffset === 0, a = r.selection.anchor === r.selection.head, d = s === 2, c = s - 1;
@@ -906,14 +906,14 @@ const lt = new M("previous-blocks"), Re = {
         // if one exists, the block has no children, and the selection is at the
         // end of the block.
         () => o.command(({ state: r }) => {
-          const { node: i, contentNode: s, depth: l, endPos: a } = b(
+          const { node: i, contentNode: s, depth: l, endPos: a } = v(
             r.doc,
             r.selection.from
-          ), d = r.selection.$anchor.parentOffset === s.firstChild.nodeSize, c = r.selection.anchor === r.selection.head, m = i.childCount === 2;
-          if (d && c && !m) {
-            let h = l, p = a + 2, f = r.doc.resolve(p).depth;
-            for (; f < h; )
-              h = f, p += 2, f = r.doc.resolve(p).depth;
+          ), d = r.selection.$anchor.parentOffset === s.firstChild.nodeSize, c = r.selection.anchor === r.selection.head, h = i.childCount === 2;
+          if (d && c && !h) {
+            let m = l, p = a + 2, f = r.doc.resolve(p).depth;
+            for (; f < m; )
+              m = f, p += 2, f = r.doc.resolve(p).depth;
             return o.BNMergeBlocks(p - 1);
           }
           return !1;
@@ -923,7 +923,7 @@ const lt = new M("previous-blocks"), Re = {
         // Removes a level of nesting if the block is empty & indented, while the selection is also empty & at the start
         // of the block.
         () => o.command(({ state: r }) => {
-          const { node: i, depth: s } = b(
+          const { node: i, depth: s } = v(
             r.doc,
             r.selection.from
           ), l = r.selection.$anchor.parentOffset === 0, a = r.selection.anchor === r.selection.head, d = i.textContent.length === 0, c = s > 2;
@@ -932,20 +932,20 @@ const lt = new M("previous-blocks"), Re = {
         // 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.
         () => o.command(({ state: r, chain: i }) => {
-          const { node: s, endPos: l } = b(
+          const { node: s, endPos: l } = v(
             r.doc,
             r.selection.from
           ), a = r.selection.$anchor.parentOffset === 0, d = r.selection.anchor === r.selection.head, c = s.textContent.length === 0;
           if (a && d && c) {
-            const m = l + 1, h = m + 2;
-            return i().BNCreateBlock(m).setTextSelection(h).run(), !0;
+            const h = l + 1, m = h + 2;
+            return i().BNCreateBlock(h).setTextSelection(m).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.
         () => o.command(({ state: r, chain: i }) => {
-          const { node: s } = b(
+          const { node: s } = v(
             r.doc,
             r.selection.from
           ), l = r.selection.$anchor.parentOffset === 0;
@@ -961,7 +961,7 @@ const lt = new M("previous-blocks"), Re = {
       )
     };
   }
-}), We = G.create({
+}), Ge = q.create({
   name: "blockGroup",
   group: "blockGroup",
   content: "blockContainer+",
@@ -978,11 +978,11 @@ const lt = new M("previous-blocks"), Re = {
     const t = ((e = this.options.domAttributes) == null ? void 0 : e.blockGroup) || {};
     return [
       "div",
-      N(
+      D(
         {
           ...t,
-          class: S(
-            g.blockGroup,
+          class: B(
+            k.blockGroup,
             t.class
           ),
           "data-node-type": "blockGroup"
@@ -992,13 +992,13 @@ const lt = new M("previous-blocks"), Re = {
       0
     ];
   }
-}), Ge = G.create({
+}), je = q.create({
   name: "doc",
   topNode: !0,
   content: "blockGroup"
-}), je = (n) => {
-  const t = Y.fromSchema(n);
-  return new Y(
+}), qe = (n) => {
+  const t = J.fromSchema(n);
+  return new J(
     {
       ...t.nodes
       // TODO: If a serializer is defined in the config for a custom block, it
@@ -1008,18 +1008,18 @@ const lt = new M("previous-blocks"), Re = {
     },
     t.marks
   );
-}, qe = A.create({
+}, Xe = L.create({
   addProseMirrorPlugins() {
     return [
-      new B({
+      new I({
         props: {
-          clipboardSerializer: je(this.editor.schema)
+          clipboardSerializer: qe(this.editor.schema)
         }
       })
     ];
   }
 });
-class U {
+class $ {
   constructor() {
     // eslint-disable-next-line @typescript-eslint/ban-types
     u(this, "callbacks", {});
@@ -1039,10 +1039,10 @@ class U {
     this.callbacks = {};
   }
 }
-const Xe = ee(
+const Ke = oe(
   (n) => n.type.name === "blockContainer"
 );
-class Ke {
+class Ye {
   constructor(t, e, o = () => {
   }) {
     u(this, "suggestionsMenuState");
@@ -1057,7 +1057,7 @@ class Ke {
         this.suggestionsMenuState.referencePos = e.getBoundingClientRect(), this.updateSuggestionsMenu();
       }
     });
-    this.editor = t, this.pluginKey = e, this.pluginState = J(), this.updateSuggestionsMenu = () => {
+    this.editor = t, this.pluginKey = e, this.pluginState = Z(), this.updateSuggestionsMenu = () => {
       if (!this.suggestionsMenuState)
         throw new Error("Attempting to update uninitialized suggestions menu");
       o(this.suggestionsMenuState);
@@ -1085,7 +1085,7 @@ class Ke {
     document.removeEventListener("scroll", this.handleScroll);
   }
 }
-function J() {
+function Z() {
   return {
     active: !1,
     triggerCharacter: void 0,
@@ -1096,7 +1096,7 @@ function J() {
     decorationId: void 0
   };
 }
-const Ye = (n, t, e, o, r = () => [], i = () => {
+const Je = (n, t, e, o, r = () => [], i = () => {
 }) => {
   if (o.length !== 1)
     throw new Error("'char' should be a single character");
@@ -1105,9 +1105,9 @@ const Ye = (n, t, e, o, r = () => [], i = () => {
     a.dispatch(a.state.tr.setMeta(e, { deactivate: !0 }));
   };
   return {
-    plugin: new B({
+    plugin: new I({
       key: e,
-      view: () => (s = new Ke(
+      view: () => (s = new Ye(
         n,
         e,
         t
@@ -1115,18 +1115,18 @@ const Ye = (n, t, e, o, r = () => [], i = () => {
       state: {
         // Initialize the plugin's internal state.
         init() {
-          return J();
+          return Z();
         },
         // Apply changes to the plugin state from an editor transaction.
-        apply(a, d, c, m) {
-          var p, f, k, v;
+        apply(a, d, c, h) {
+          var p, f, b, w;
           if (a.getMeta("orderedListIndexing") !== void 0)
             return d;
           if ((p = a.getMeta(e)) != null && p.activate)
             return {
               active: !0,
               triggerCharacter: ((f = a.getMeta(e)) == null ? void 0 : f.triggerCharacter) || "",
-              queryStartPos: m.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
@@ -1136,30 +1136,30 @@ const Ye = (n, t, e, o, r = () => [], i = () => {
             };
           if (!d.active)
             return d;
-          const h = { ...d };
-          if (h.items = r(
-            m.doc.textBetween(
+          const m = { ...d };
+          if (m.items = r(
+            h.doc.textBetween(
               d.queryStartPos,
-              m.selection.from
+              h.selection.from
             )
-          ), h.notFoundCount = 0, h.items.length === 0 && (h.notFoundCount = Math.max(
+          ), m.notFoundCount = 0, m.items.length === 0 && (m.notFoundCount = Math.max(
             0,
-            d.notFoundCount + (m.selection.from - c.selection.from)
+            d.notFoundCount + (h.selection.from - c.selection.from)
           )), // Highlighting text should hide the menu.
-          m.selection.from !== m.selection.to || // Transactions with plugin metadata {deactivate: true} should hide the menu.
-          (k = a.getMeta(e)) != null && k.deactivate || // Certain mouse events should hide the menu.
+          h.selection.from !== h.selection.to || // Transactions with plugin metadata {deactivate: true} should hide the menu.
+          (b = a.getMeta(e)) != null && b.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 && m.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 J();
-          if (((v = a.getMeta(e)) == null ? void 0 : v.selectedItemIndexChanged) !== void 0) {
-            let w = a.getMeta(e).selectedItemIndexChanged;
-            w < 0 ? w = d.items.length - 1 : w >= d.items.length && (w = 0), h.keyboardHoveredItemIndex = w;
+          m.notFoundCount > 3)
+            return Z();
+          if (((w = a.getMeta(e)) == null ? void 0 : w.selectedItemIndexChanged) !== void 0) {
+            let C = a.getMeta(e).selectedItemIndexChanged;
+            C < 0 ? C = d.items.length - 1 : C >= d.items.length && (C = 0), m.keyboardHoveredItemIndex = C;
           } else
-            c.selection.from !== m.selection.from && (h.keyboardHoveredItemIndex = 0);
-          return h;
+            c.selection.from !== h.selection.from && (m.keyboardHoveredItemIndex = 0);
+          return m;
         }
       },
       props: {
@@ -1175,8 +1175,8 @@ const Ye = (n, t, e, o, r = () => [], i = () => {
           if (!c)
             return !1;
           const {
-            triggerCharacter: m,
-            queryStartPos: h,
+            triggerCharacter: h,
+            queryStartPos: m,
             items: p,
             keyboardHoveredItemIndex: f
           } = e.getState(a.state);
@@ -1189,7 +1189,7 @@ const Ye = (n, t, e, o, r = () => [], i = () => {
               selectedItemIndexChanged: f + 1
             })
           ), !0) : d.key === "Enter" ? (p.length === 0 || (l(a), n._tiptapEditor.chain().focus().deleteRange({
-            from: h - m.length,
+            from: m - h.length,
             to: n._tiptapEditor.state.selection.from
           }).run(), i({
             item: p[f],
@@ -1198,14 +1198,14 @@ const Ye = (n, t, e, o, r = () => [], i = () => {
         },
         // Setup decorator on the currently active suggestion.
         decorations(a) {
-          const { active: d, decorationId: c, queryStartPos: m, triggerCharacter: h } = this.getState(a);
+          const { active: d, decorationId: c, queryStartPos: h, triggerCharacter: m } = this.getState(a);
           if (!d)
             return null;
-          if (h === "") {
-            const p = Xe(a.selection);
+          if (m === "") {
+            const p = Ke(a.selection);
             if (p)
-              return W.create(a.doc, [
-                $.node(
+              return j.create(a.doc, [
+                G.node(
                   p.pos,
                   p.pos + p.node.nodeSize,
                   {
@@ -1216,10 +1216,10 @@ const Ye = (n, t, e, o, r = () => [], i = () => {
                 )
               ]);
           }
-          return W.create(a.doc, [
-            $.inline(
-              m - h.length,
-              m,
+          return j.create(a.doc, [
+            G.inline(
+              h - m.length,
+              h,
               {
                 nodeName: "span",
                 class: "suggestion-decorator",
@@ -1240,18 +1240,18 @@ const Ye = (n, t, e, o, r = () => [], i = () => {
       });
     }
   };
-}, tt = new M("SlashMenuPlugin");
-class Je extends U {
+}, et = new _("SlashMenuPlugin");
+class Ze extends $ {
   constructor(e, o) {
     super();
     u(this, "plugin");
     u(this, "itemCallback");
-    const r = Ye(
+    const r = Je(
       e,
       (i) => {
         this.emit("update", i);
       },
-      tt,
+      et,
       "/",
       (i) => o.filter(
         ({ name: s, aliases: l }) => s.toLowerCase().startsWith(i.toLowerCase()) || l && l.filter(
@@ -1266,7 +1266,7 @@ class Je extends U {
     return this.on("update", e);
   }
 }
-const Ze = new M("blocknote-placeholder"), Qe = A.create({
+const Qe = new _("blocknote-placeholder"), to = L.create({
   name: "placeholder",
   addOptions() {
     return {
@@ -1282,30 +1282,30 @@ const Ze = new M("blocknote-placeholder"), Qe = A.create({
   },
   addProseMirrorPlugins() {
     return [
-      new B({
-        key: Ze,
+      new I({
+        key: Qe,
         props: {
           decorations: (n) => {
-            const { doc: t, selection: e } = n, o = tt.getState(n), r = this.editor.isEditable || !this.options.showOnlyWhenEditable, { anchor: i } = e, s = [];
+            const { doc: t, selection: e } = n, o = et.getState(n), r = this.editor.isEditable || !this.options.showOnlyWhenEditable, { anchor: i } = e, s = [];
             if (r)
               return t.descendants((l, a) => {
                 const d = i >= a && i <= a + l.nodeSize, c = !l.isLeaf && !l.childCount;
                 if ((d || !this.options.showOnlyCurrent) && c) {
-                  const m = [this.options.emptyNodeClass];
-                  this.editor.isEmpty && m.push(this.options.emptyEditorClass), d && m.push(this.options.hasAnchorClass), (o == null ? void 0 : o.triggerCharacter) === "" && (o != null && o.active) && m.push(this.options.isFilterClass);
-                  const h = $.node(a, a + l.nodeSize, {
-                    class: m.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 m = G.node(a, a + l.nodeSize, {
+                    class: h.join(" ")
                   });
-                  s.push(h);
+                  s.push(m);
                 }
                 return this.options.includeChildren;
-              }), W.create(t, s);
+              }), j.create(t, s);
           }
         }
       })
     ];
   }
-}), to = A.create({
+}), eo = L.create({
   name: "textAlignment",
   addGlobalAttributes() {
     return [
@@ -1328,7 +1328,7 @@ const Ze = new M("blocknote-placeholder"), Qe = A.create({
   addCommands() {
     return {
       setTextAlignment: (n) => ({ state: t }) => {
-        const e = [], o = b(
+        const e = [], o = v(
           t.doc,
           t.selection.from
         );
@@ -1343,7 +1343,7 @@ const Ze = new M("blocknote-placeholder"), Qe = A.create({
       }
     };
   }
-}), eo = A.create({
+}), oo = L.create({
   name: "blockTextColor",
   addGlobalAttributes() {
     return [
@@ -1351,9 +1351,9 @@ const Ze = new M("blocknote-placeholder"), Qe = A.create({
         types: ["blockContainer"],
         attributes: {
           textColor: {
-            default: C.textColor.default,
-            parseHTML: (n) => n.hasAttribute("data-text-color") ? n.getAttribute("data-text-color") : C.textColor.default,
-            renderHTML: (n) => n.textColor !== C.textColor.default && {
+            default: T.textColor.default,
+            parseHTML: (n) => n.hasAttribute("data-text-color") ? n.getAttribute("data-text-color") : T.textColor.default,
+            renderHTML: (n) => n.textColor !== T.textColor.default && {
               "data-text-color": n.textColor
             }
           }
@@ -1364,12 +1364,12 @@ const Ze = new M("blocknote-placeholder"), Qe = A.create({
   addCommands() {
     return {
       setBlockTextColor: (n, t) => ({ state: e, view: o }) => {
-        const r = b(e.doc, n);
+        const r = v(e.doc, n);
         return r === void 0 ? !1 : (e.tr.setNodeAttribute(r.startPos - 1, "textColor", t), o.focus(), !0);
       }
     };
   }
-}), oo = ht.create({
+}), no = mt.create({
   name: "textColor",
   addAttributes() {
     return {
@@ -1395,15 +1395,15 @@ const Ze = new M("blocknote-placeholder"), Qe = A.create({
   },
   addCommands() {
     return {
-      setTextColor: (n) => ({ commands: t }) => n !== C.textColor.default ? t.setMark(this.name, { color: n }) : t.unsetMark(this.name)
+      setTextColor: (n) => ({ commands: t }) => n !== T.textColor.default ? t.setMark(this.name, { color: n }) : t.unsetMark(this.name)
     };
   }
-}), no = A.create({
+}), ro = L.create({
   name: "trailingNode",
   addProseMirrorPlugins() {
-    const n = new M(this.name);
+    const n = new _(this.name);
     return [
-      new B({
+      new I({
         key: n,
         appendTransaction: (t, e, 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;
@@ -1433,49 +1433,49 @@ const Ze = new M("blocknote-placeholder"), Qe = A.create({
       })
     ];
   }
-}), ro = (n) => {
+}), io = (n) => {
   var e;
   const t = [
-    R.ClipboardTextSerializer,
-    R.Commands,
-    R.Editable,
-    R.FocusEvents,
-    R.Tabindex,
+    V.ClipboardTextSerializer,
+    V.Commands,
+    V.Editable,
+    V.FocusEvents,
+    V.Tabindex,
     // DevTools,
-    ce,
+    ue,
     // DropCursor,
-    Qe.configure({
-      emptyNodeClass: g.isEmpty,
-      hasAnchorClass: g.hasAnchor,
-      isFilterClass: g.isFilter,
+    to.configure({
+      emptyNodeClass: k.isEmpty,
+      hasAnchorClass: k.hasAnchor,
+      isFilterClass: k.isFilter,
       includeChildren: !0,
       showOnlyCurrent: !1
     }),
-    j.configure({
+    X.configure({
       types: ["blockContainer"]
     }),
-    ue,
+    pe,
     // Comments,
     // basics:
-    ge,
+    ke,
     // marks:
-    ie,
     se,
-    he,
-    fe,
-    ke,
+    ae,
     me,
+    ge,
+    be,
+    fe,
+    no,
     oo,
-    eo,
-    _e,
+    He,
     Ae,
-    to,
+    eo,
     // nodes
-    Ge,
-    $e.configure({
+    je,
+    We.configure({
       domAttributes: n.domAttributes
     }),
-    We.configure({
+    Ge.configure({
       domAttributes: n.domAttributes
     }),
     ...Object.values(n.blockSchema).map(
@@ -1484,28 +1484,28 @@ const Ze = new M("blocknote-placeholder"), Qe = A.create({
         domAttributes: n.domAttributes
       })
     ),
-    qe,
-    de.configure({ width: 5, color: "#ddeeff" }),
+    Xe,
+    ce.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
-    no
+    ro
   ];
   if (n.collaboration) {
     if (t.push(
-      ae.configure({
+      le.configure({
         fragment: n.collaboration.fragment
       })
     ), (e = n.collaboration.provider) != null && e.awareness) {
       const o = (r) => {
         const i = document.createElement("span");
-        i.classList.add(D["collaboration-cursor__caret"]), i.setAttribute("style", `border-color: ${r.color}`);
+        i.classList.add(R["collaboration-cursor__caret"]), i.setAttribute("style", `border-color: ${r.color}`);
         const s = document.createElement("span");
-        s.classList.add(D["collaboration-cursor__label"]), s.setAttribute("style", `background-color: ${r.color}`), s.insertBefore(document.createTextNode(r.name), null);
+        s.classList.add(R["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;
       };
       t.push(
-        le.configure({
+        de.configure({
           user: n.collaboration.user,
           render: n.collaboration.renderCursor || o,
           provider: n.collaboration.provider
@@ -1513,10 +1513,10 @@ const Ze = new M("blocknote-placeholder"), Qe = A.create({
       );
     }
   } else
-    t.push(pe);
+    t.push(he);
   return t;
 };
-function et(n, t) {
+function ot(n, t) {
   let e, o;
   if (t.firstChild.descendants((r, i) => e ? !1 : r.type.name !== "blockContainer" || r.attrs.id !== n ? !0 : (e = r, o = i + 1, !1)), e === void 0 || o === void 0)
     throw Error("Could not find block in the editor with matching ID.");
@@ -1525,12 +1525,12 @@ function et(n, t) {
     posBeforeNode: o
   };
 }
-function Ut(n, t, e = "before", o) {
+function Ft(n, t, e = "before", o) {
   const r = typeof t == "string" ? t : t.id, i = [];
   for (const d of n)
-    i.push(V(d, o.schema));
+    i.push(F(d, o.schema));
   let s = -1;
-  const { node: l, posBeforeNode: a } = et(r, o.state.doc);
+  const { node: l, posBeforeNode: a } = ot(r, o.state.doc);
   if (e === "before" && (s = a), e === "after" && (s = a + l.nodeSize), e === "nested") {
     if (l.childCount < 2) {
       s = a + l.firstChild.nodeSize + 1;
@@ -1547,11 +1547,11 @@ function Ut(n, t, e = "before", o) {
   }
   o.view.dispatch(o.state.tr.insert(s, i));
 }
-function io(n, t, e) {
-  const o = typeof n == "string" ? n : n.id, { posBeforeNode: r } = et(o, e.state.doc);
+function so(n, t, e) {
+  const o = typeof n == "string" ? n : n.id, { posBeforeNode: r } = ot(o, e.state.doc);
   e.commands.BNUpdateBlock(r + 1, t);
 }
-function Ft(n, t) {
+function $t(n, t) {
   const e = new Set(
     n.map(
       (r) => typeof r == "string" ? r : r.id
@@ -1576,10 +1576,10 @@ function Ft(n, t) {
     );
   }
 }
-function so(n, t, e) {
-  Ut(t, n[0], "before", e), Ft(n, e);
+function ao(n, t, e) {
+  Ft(t, n[0], "before", e), $t(n, e);
 }
-function ao() {
+function lo() {
   const n = (t) => {
     let e = t.children.length;
     for (let o = 0; o < e; o++) {
@@ -1595,19 +1595,19 @@ function ao() {
   };
   return n;
 }
-function lo(n) {
+function co(n) {
   const t = /* @__PURE__ */ new Set([
     ...n.orderedListItemBlockTypes,
     ...n.unorderedListItemBlockTypes
   ]), e = (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, m = t.has(
+      const a = o.children[s].children[0], d = a.children[0], c = a.children.length === 2 ? a.children[1] : null, h = t.has(
         d.properties.dataContentType
-      ), h = m ? n.orderedListItemBlockTypes.has(
+      ), m = h ? n.orderedListItemBlockTypes.has(
         d.properties.dataContentType
       ) ? "ol" : "ul" : null;
-      if (c !== null && e(c), i && i.tagName !== h) {
+      if (c !== null && e(c), i && i.tagName !== m) {
         o.children.splice(
           s - i.children.length,
           i.children.length,
@@ -1616,11 +1616,11 @@ function lo(n) {
         const p = i.children.length - 1;
         s -= p, r -= p, i = void 0;
       }
-      if (m) {
-        i || (i = st(
-          document.createElement(h)
+      if (h) {
+        i || (i = at(
+          document.createElement(m)
         ));
-        const p = st(
+        const p = at(
           document.createElement("li")
         );
         p.children.push(d.children[0]), c !== null && p.children.push(...c.children), i.children.push(p);
@@ -1639,29 +1639,29 @@ function lo(n) {
   };
   return e;
 }
-async function $t(n, t) {
-  const e = document.createElement("div"), o = Y.fromSchema(t);
+async function Wt(n, t) {
+  const e = document.createElement("div"), o = J.fromSchema(t);
   for (const i of n) {
-    const s = V(i, t), l = o.serializeNode(s);
+    const s = F(i, t), l = o.serializeNode(s);
     e.appendChild(l);
   }
-  return (await Q().use(ft, { fragment: !0 }).use(lo, {
+  return (await tt().use(gt, { fragment: !0 }).use(co, {
     orderedListItemBlockTypes: /* @__PURE__ */ new Set(["numberedListItem"]),
     unorderedListItemBlockTypes: /* @__PURE__ */ new Set(["bulletListItem"])
-  }).use(gt).process(e.innerHTML)).value;
+  }).use(kt).process(e.innerHTML)).value;
 }
-async function Wt(n, t, e) {
+async function Gt(n, t, e) {
   const o = document.createElement("div");
   o.innerHTML = n.trim();
-  const i = be.fromSchema(e).parse(o), s = [];
+  const i = ye.fromSchema(e).parse(o), s = [];
   for (let l = 0; l < i.firstChild.childCount; l++)
-    s.push(x(i.firstChild.child(l), t));
+    s.push(A(i.firstChild.child(l), t));
   return s;
 }
-async function co(n, t) {
-  return (await Q().use(ft, { fragment: !0 }).use(ao).use(we).use(kt).use(Be).process(await $t(n, t))).value;
+async function uo(n, t) {
+  return (await tt().use(gt, { fragment: !0 }).use(lo).use(Ce).use(bt).use(Te).process(await Wt(n, t))).value;
 }
-function uo(n, t) {
+function po(n, t) {
   const e = t.value ? t.value + `
 ` : "", o = {};
   t.lang && (o["data-language"] = t.lang);
@@ -1678,19 +1678,19 @@ function uo(n, t) {
     children: [r]
   }, n.patch(t, r), r;
 }
-async function po(n, t, e) {
-  const o = await Q().use(Ce).use(kt).use(Ee, {
+async function ho(n, t, e) {
+  const o = await tt().use(Ee).use(bt).use(Se, {
     handlers: {
-      ...Se,
-      code: uo
+      ...Me,
+      code: po
     }
-  }).use(gt).process(n);
-  return Wt(o.value, t, e);
+  }).use(kt).process(n);
+  return Gt(o.value, t, e);
 }
-function dt(n) {
+function ct(n) {
   return "data-" + n.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
-function ho(n) {
+function mo(n) {
   const t = {};
   return Object.entries(n.propSchema).forEach(([e, o]) => {
     t[e] = {
@@ -1700,7 +1700,7 @@ function ho(n) {
       // value is the same as its default, we don't display an HTML
       // attribute for it.
       parseHTML: (r) => {
-        const i = r.getAttribute(dt(e));
+        const i = r.getAttribute(ct(e));
         if (i === null)
           return null;
         if (typeof o.default == "boolean")
@@ -1712,19 +1712,19 @@ function ho(n) {
         return i;
       },
       renderHTML: (r) => r[e] !== o.default ? {
-        [dt(e)]: r[e]
+        [ct(e)]: r[e]
       } : {}
     };
   }), t;
 }
-function mo(n) {
+function fo(n) {
   return [
     {
       tag: "div[data-content-type=" + n.type + "]"
     }
   ];
 }
-function fo(n, t) {
+function go(n, t) {
   const e = document.createElement("div");
   e.setAttribute("data-content-type", n.type);
   for (const [r, i] of Object.entries(t))
@@ -1737,63 +1737,63 @@ function fo(n, t) {
     dom: e
   };
 }
-function go(n) {
+function ko(n) {
   return {
-    node: F({
+    node: W({
       name: n.type,
       content: n.containsInlineContent ? "inline*" : "",
       selectable: !0,
       addAttributes() {
-        return ho(n);
+        return mo(n);
       },
       parseHTML() {
-        return mo(n);
+        return fo(n);
       },
       renderHTML({ HTMLAttributes: e }) {
-        return fo(n, e);
+        return go(n, e);
       },
       addNodeView() {
         return ({ HTMLAttributes: e, getPos: o }) => {
           var p, f;
           const r = document.createElement("div"), i = ((p = this.options.domAttributes) == null ? void 0 : p.blockContent) || {};
-          for (const [k, v] of Object.entries(
+          for (const [b, w] of Object.entries(
             i
           ))
-            k !== "class" && r.setAttribute(k, v);
-          r.className = S(
-            g.blockContent,
+            b !== "class" && r.setAttribute(b, w);
+          r.className = B(
+            k.blockContent,
             i.class
           ), r.setAttribute("data-content-type", n.type);
-          for (const [k, v] of Object.entries(e))
-            r.setAttribute(k, v);
+          for (const [b, w] of Object.entries(e))
+            r.setAttribute(b, w);
           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 l = o(), c = s._tiptapEditor.state.doc.resolve(l).node().attrs.id, m = s.getBlock(c);
-          if (m.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 h = n.render(m, s);
+          const m = n.render(h, s);
           if (n.containsInlineContent) {
-            const k = h.contentDOM, v = ((f = this.options.domAttributes) == null ? void 0 : f.inlineContent) || {};
-            for (const [w, E] of Object.entries(
-              v
+            const b = m.contentDOM, w = ((f = this.options.domAttributes) == null ? void 0 : f.inlineContent) || {};
+            for (const [C, M] of Object.entries(
+              w
             ))
-              w !== "class" && k.setAttribute(w, E);
-            k.className = S(
-              k.className,
-              g.inlineContent,
-              v.class
+              C !== "class" && b.setAttribute(C, M);
+            b.className = B(
+              b.className,
+              k.inlineContent,
+              w.class
             );
           }
-          return r.appendChild(h.dom), "contentDOM" in h ? {
+          return r.appendChild(m.dom), "contentDOM" in m ? {
             dom: r,
-            contentDOM: h.contentDOM,
-            destroy: h.destroy
+            contentDOM: m.contentDOM,
+            destroy: m.destroy
           } : {
             dom: r,
-            destroy: h.destroy
+            destroy: m.destroy
           };
         };
       }
@@ -1801,17 +1801,17 @@ function go(n) {
     propSchema: n.propSchema
   };
 }
-function F(n) {
-  return G.create({
+function W(n) {
+  return q.create({
     ...n,
     group: "blockContent",
     content: n.content
   });
 }
-const ko = {
-  ...C,
+const bo = {
+  ...T,
   level: { default: 1, values: [1, 2, 3] }
-}, bo = F({
+}, yo = W({
   name: "heading",
   content: "inline*",
   addAttributes() {
@@ -1828,7 +1828,7 @@ const ko = {
   },
   addInputRules() {
     return [
-      ...[1, 2, 3].map((n) => new Z({
+      ...[1, 2, 3].map((n) => new Q({
         find: new RegExp(`^(#{${n}})\\s$`),
         handler: ({ state: t, chain: e, range: o }) => {
           e().BNUpdateBlock(t.selection.from, {
@@ -1887,10 +1887,10 @@ const ko = {
     const e = ((r = this.options.domAttributes) == null ? void 0 : r.blockContent) || {}, o = ((i = this.options.domAttributes) == null ? void 0 : i.inlineContent) || {};
     return [
       "div",
-      N(t, {
+      D(t, {
         ...e,
-        class: S(
-          g.blockContent,
+        class: B(
+          k.blockContent,
           e.class
         ),
         "data-content-type": this.name
@@ -1899,8 +1899,8 @@ const ko = {
         `h${n.attrs.level}`,
         {
           ...o,
-          class: S(
-            g.inlineContent,
+          class: B(
+            k.inlineContent,
             o.class
           )
         },
@@ -1908,11 +1908,11 @@ const ko = {
       ]
     ];
   }
-}), yo = {
-  node: bo,
-  propSchema: ko
-}, Gt = (n) => {
-  const { node: t, contentType: e } = b(
+}), vo = {
+  node: yo,
+  propSchema: bo
+}, jt = (n) => {
+  const { node: t, contentType: e } = v(
     n.state.doc,
     n.state.selection.from
   ), o = n.state.selection.anchor === n.state.selection.head;
@@ -1930,15 +1930,15 @@ const ko = {
       s.command(() => t.textContent.length > 0 ? (i().deleteSelection().BNSplitBlock(r.selection.from, !0).run(), !0) : !1)
     )
   ]);
-}, vo = {
-  ...C
-}, wo = F({
+}, wo = {
+  ...T
+}, Co = W({
   name: "bulletListItem",
   content: "inline*",
   addInputRules() {
     return [
       // Creates an unordered list when starting with "-", "+", or "*".
-      new Z({
+      new Q({
         find: new RegExp("^[-+*]\\s$"),
         handler: ({ state: n, chain: t, range: e }) => {
           t().BNUpdateBlock(n.selection.from, {
@@ -1951,7 +1951,7 @@ const ko = {
   },
   addKeyboardShortcuts() {
     return {
-      Enter: () => Gt(this.editor),
+      Enter: () => jt(this.editor),
       "Mod-Shift-7": () => this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
         type: "bulletListItem",
         props: {}
@@ -1990,10 +1990,10 @@ const ko = {
     const t = ((o = this.options.domAttributes) == null ? void 0 : o.blockContent) || {}, e = ((r = this.options.domAttributes) == null ? void 0 : r.inlineContent) || {};
     return [
       "div",
-      N(n, {
+      D(n, {
         ...t,
-        class: S(
-          g.blockContent,
+        class: B(
+          k.blockContent,
           t.class
         ),
         "data-content-type": this.name
@@ -2002,8 +2002,8 @@ const ko = {
         "p",
         {
           ...e,
-          class: S(
-            g.inlineContent,
+          class: B(
+            k.inlineContent,
             e.class
           )
         },
@@ -2011,11 +2011,11 @@ const ko = {
       ]
     ];
   }
-}), Co = {
-  node: wo,
-  propSchema: vo
-}, Eo = new M("numbered-list-indexing"), So = () => new B({
-  key: Eo,
+}), Eo = {
+  node: Co,
+  propSchema: wo
+}, So = new _("numbered-list-indexing"), Mo = () => new I({
+  key: So,
   appendTransaction: (n, t, e) => {
     const o = e.tr;
     o.setMeta("numberedListIndexing", !0);
@@ -2023,18 +2023,18 @@ const ko = {
     return e.doc.descendants((i, s) => {
       if (i.type.name === "blockContainer" && i.firstChild.type.name === "numberedListItem") {
         let l = "1";
-        const a = s === 1, d = b(o.doc, s + 1);
+        const a = s === 1, d = v(o.doc, s + 1);
         if (d === void 0)
           return;
         if (!a) {
-          const h = b(o.doc, s - 2);
-          if (h === void 0)
+          const m = v(o.doc, s - 2);
+          if (m === void 0)
             return;
-          if (!(d.depth !== h.depth)) {
-            const f = h.contentNode;
-            if (h.contentType.name === "numberedListItem") {
-              const w = f.attrs.index;
-              l = (parseInt(w) + 1).toString();
+          if (!(d.depth !== m.depth)) {
+            const f = m.contentNode;
+            if (m.contentType.name === "numberedListItem") {
+              const C = f.attrs.index;
+              l = (parseInt(C) + 1).toString();
             }
           }
         }
@@ -2044,9 +2044,9 @@ const ko = {
       }
     }), r ? o : null;
   }
-}), Bo = {
-  ...C
-}, To = F({
+}), To = {
+  ...T
+}, Bo = W({
   name: "numberedListItem",
   content: "inline*",
   addAttributes() {
@@ -2063,7 +2063,7 @@ const ko = {
   addInputRules() {
     return [
       // Creates an ordered list when starting with "1.".
-      new Z({
+      new Q({
         find: new RegExp("^1\\.\\s$"),
         handler: ({ state: n, chain: t, range: e }) => {
           t().BNUpdateBlock(n.selection.from, {
@@ -2076,7 +2076,7 @@ const ko = {
   },
   addKeyboardShortcuts() {
     return {
-      Enter: () => Gt(this.editor),
+      Enter: () => jt(this.editor),
       "Mod-Shift-8": () => this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
         type: "numberedListItem",
         props: {}
@@ -2084,7 +2084,7 @@ const ko = {
     };
   },
   addProseMirrorPlugins() {
-    return [So()];
+    return [Mo()];
   },
   parseHTML() {
     return [
@@ -2120,10 +2120,10 @@ const ko = {
     const t = ((o = this.options.domAttributes) == null ? void 0 : o.blockContent) || {}, e = ((r = this.options.domAttributes) == null ? void 0 : r.inlineContent) || {};
     return [
       "div",
-      N(n, {
+      D(n, {
         ...t,
-        class: S(
-          g.blockContent,
+        class: B(
+          k.blockContent,
           t.class
         ),
         "data-content-type": this.name
@@ -2134,8 +2134,8 @@ const ko = {
         "p",
         {
           ...e,
-          class: S(
-            g.inlineContent,
+          class: B(
+            k.inlineContent,
             e.class
           )
         },
@@ -2143,12 +2143,12 @@ const ko = {
       ]
     ];
   }
-}), Mo = {
-  node: To,
-  propSchema: Bo
-}, xo = {
-  ...C
-}, Io = F({
+}), xo = {
+  node: Bo,
+  propSchema: To
+}, Io = {
+  ...T
+}, _o = W({
   name: "paragraph",
   content: "inline*",
   parseHTML() {
@@ -2165,11 +2165,11 @@ const ko = {
     const t = ((o = this.options.domAttributes) == null ? void 0 : o.blockContent) || {}, e = ((r = this.options.domAttributes) == null ? void 0 : r.inlineContent) || {};
     return [
       "div",
-      N(
+      D(
         {
           ...t,
-          class: S(
-            g.blockContent,
+          class: B(
+            k.blockContent,
             t.class
           ),
           "data-content-type": this.name
@@ -2180,8 +2180,8 @@ const ko = {
         "p",
         {
           ...e,
-          class: S(
-            g.inlineContent,
+          class: B(
+            k.inlineContent,
             e.class
           )
         },
@@ -2190,10 +2190,10 @@ const ko = {
     ];
   }
 }), Ao = {
-  node: Io,
-  propSchema: xo
+  node: _o,
+  propSchema: Io
 };
-class _o {
+class Ho {
   constructor(t, e, o) {
     u(this, "imageToolbarState");
     u(this, "updateImageToolbar");
@@ -2250,17 +2250,17 @@ class _o {
     this.pmView.dom.removeEventListener("mousedown", this.mouseDownHandler), this.pmView.dom.removeEventListener("dragstart", this.dragstartHandler), this.pmView.dom.removeEventListener("blur", this.blurHandler), document.removeEventListener("scroll", this.scrollHandler);
   }
 }
-const z = new M("ImageToolbarPlugin");
-class Ho extends U {
+const U = new _("ImageToolbarPlugin");
+class Lo extends $ {
   constructor(e) {
     super();
     u(this, "view");
     u(this, "plugin");
-    this.plugin = new B({
-      key: z,
-      view: (o) => (this.view = new _o(
+    this.plugin = new I({
+      key: U,
+      view: (o) => (this.view = new Ho(
         // editor,
-        z,
+        U,
         o,
         (r) => {
           this.emit("update", r);
@@ -2273,7 +2273,7 @@ class Ho extends U {
         apply: (o) => {
           var i;
           return {
-            block: (i = o.getMeta(z)) == null ? void 0 : i.block
+            block: (i = o.getMeta(U)) == null ? void 0 : i.block
           };
         }
       }
@@ -2283,9 +2283,9 @@ class Ho extends U {
     return this.on("update", e);
   }
 }
-const Lo = {
-  textAlignment: C.textAlignment,
-  backgroundColor: C.backgroundColor,
+const No = {
+  textAlignment: T.textAlignment,
+  backgroundColor: T.backgroundColor,
   // Image url.
   url: {
     default: ""
@@ -2298,7 +2298,7 @@ const Lo = {
   width: {
     default: 512
   }
-}, ct = (n) => {
+}, ut = (n) => {
   switch (n) {
     case "left":
       return "flex-start";
@@ -2309,109 +2309,113 @@ const Lo = {
     default:
       return "flex-start";
   }
-}, ut = 64, No = (n, t) => {
+}, pt = 64, Po = (n, t) => {
   const e = document.createElement("div");
-  e.className = g.wrapper, e.style.alignItems = ct(
+  e.className = k.wrapper, e.style.alignItems = ut(
     n.props.textAlignment
   );
   const o = document.createElement("div");
-  o.className = g.addImageButton, o.style.display = n.props.url === "" ? "" : "none";
+  o.className = k.addImageButton, o.style.display = n.props.url === "" ? "" : "none";
   const r = document.createElement("div");
-  r.className = g.addImageButtonIcon;
+  r.className = k.addImageButtonIcon;
   const i = document.createElement("p");
-  i.className = g.addImageButtonText, i.innerText = "Add Image";
+  i.className = k.addImageButtonText, i.innerText = "Add Image";
   const s = document.createElement("div");
-  s.className = g.imageAndCaptionWrapper, s.style.display = n.props.url !== "" ? "" : "none";
+  s.className = k.imageAndCaptionWrapper, s.style.display = n.props.url !== "" ? "" : "none";
   const l = document.createElement("div");
-  l.className = g.imageWrapper, l.style.display = n.props.url !== "" ? "" : "none";
+  l.className = k.imageWrapper, l.style.display = n.props.url !== "" ? "" : "none";
   const a = document.createElement("img");
-  a.className = g.image, a.src = n.props.url, a.alt = "placeholder", a.contentEditable = "false", a.draggable = !1, a.style.width = `${Math.min(
+  a.className = k.image, a.src = n.props.url, a.alt = "placeholder", a.contentEditable = "false", a.draggable = !1, a.style.width = `${Math.min(
     n.props.width,
     t.domElement.firstElementChild.clientWidth
   )}px`;
   const d = document.createElement("div");
-  d.className = g.resizeHandle, d.style.left = "4px";
+  d.className = k.resizeHandle, d.style.left = "4px";
   const c = document.createElement("div");
-  c.className = g.resizeHandle, c.style.right = "4px";
-  const m = document.createElement("p");
-  m.className = g.caption, m.innerText = n.props.caption, m.style.padding = n.props.caption ? "4px" : "";
-  const h = () => {
-    var q;
-    const y = ((q = t.getSelection()) == null ? void 0 : q.blocks) || [];
-    [t.getTextCursorPosition().block, ...y].find(
-      (Kt) => Kt.id === n.id
+  c.className = k.resizeHandle, c.style.right = "4px";
+  const h = document.createElement("p");
+  h.className = k.caption, h.innerText = n.props.caption, h.style.padding = n.props.caption ? "4px" : "";
+  const m = () => {
+    var nt;
+    const g = ((nt = t.getSelection()) == null ? void 0 : nt.blocks) || [];
+    [t.getTextCursorPosition().block, ...g].find(
+      (Yt) => Yt.id === n.id
     ) !== void 0 ? (o.style.outline = "4px solid rgb(100, 160, 255)", s.style.outline = "4px solid rgb(100, 160, 255)") : (o.style.outline = "", s.style.outline = "");
   };
-  t.onEditorContentChange(h), t.onEditorSelectionChange(h);
+  t.onEditorContentChange(m), t.onEditorSelectionChange(m);
   let p;
-  const f = (y) => {
+  const f = (g) => {
     if (!p)
       return;
-    let T;
-    ct(n.props.textAlignment) === "center" ? p.handleUsed === "left" ? T = p.initialWidth + (p.initialClientX - y.clientX) * 2 : T = p.initialWidth + (y.clientX - p.initialClientX) * 2 : p.handleUsed === "left" ? T = p.initialWidth + p.initialClientX - y.clientX : T = p.initialWidth + y.clientX - p.initialClientX, T < ut ? a.style.width = `${ut}px` : T > t.domElement.firstElementChild.clientWidth ? a.style.width = `${t.domElement.firstElementChild.clientWidth}px` : a.style.width = `${T}px`;
-  }, k = (y) => {
-    p && ((!y.target || !l.contains(y.target)) && l.contains(d) && l.contains(c) && (d.style.display = "none", c.style.display = "none"), p = void 0, t.updateBlock(n, {
+    let x;
+    ut(n.props.textAlignment) === "center" ? p.handleUsed === "left" ? x = p.initialWidth + (p.initialClientX - g.clientX) * 2 : x = p.initialWidth + (g.clientX - p.initialClientX) * 2 : p.handleUsed === "left" ? x = p.initialWidth + p.initialClientX - g.clientX : x = p.initialWidth + g.clientX - p.initialClientX, x < pt ? a.style.width = `${pt}px` : x > t.domElement.firstElementChild.clientWidth ? a.style.width = `${t.domElement.firstElementChild.clientWidth}px` : a.style.width = `${x}px`;
+  }, b = (g) => {
+    p && ((!g.target || !l.contains(g.target)) && l.contains(d) && l.contains(c) && (d.style.display = "none", c.style.display = "none"), p = void 0, t.updateBlock(n, {
       type: "image",
       props: {
         // Removes "px" from the end of the width string and converts to float.
         width: parseFloat(a.style.width.slice(0, -2))
       }
     }));
-  }, v = (y) => {
-    y.preventDefault();
-  }, w = () => {
+  }, w = (g) => {
+    g.preventDefault();
+  }, C = () => {
     t._tiptapEditor.view.dispatch(
-      t._tiptapEditor.state.tr.setMeta(z, {
+      t._tiptapEditor.state.tr.setMeta(U, {
         block: n
       })
     );
-  }, E = (y) => {
-    y.preventDefault(), d.style.display = "block", c.style.display = "block", p = {
+  }, M = () => {
+    t.isEditable ? (d.style.display = "block", c.style.display = "block") : (d.style.display = "none", c.style.display = "none");
+  }, E = (g) => {
+    g.relatedTarget === d || g.relatedTarget === c || p || (d.style.display = "none", c.style.display = "none");
+  }, y = (g) => {
+    g.preventDefault(), d.style.display = "block", c.style.display = "block", p = {
       handleUsed: "left",
       initialWidth: n.props.width,
-      initialClientX: y.clientX
+      initialClientX: g.clientX
     };
-  }, _ = (y) => {
-    y.preventDefault(), d.style.display = "block", c.style.display = "block", p = {
+  }, S = (g) => {
+    g.preventDefault(), d.style.display = "block", c.style.display = "block", p = {
       handleUsed: "right",
       initialWidth: n.props.width,
-      initialClientX: y.clientX
+      initialClientX: g.clientX
     };
   };
-  return e.appendChild(o), o.appendChild(r), o.appendChild(i), e.appendChild(s), s.appendChild(l), l.appendChild(a), l.appendChild(d), l.appendChild(c), s.appendChild(m), window.addEventListener("mousemove", f), window.addEventListener("mouseup", k), o.addEventListener("mousedown", v), o.addEventListener("click", w), d.addEventListener(
+  return e.appendChild(o), o.appendChild(r), o.appendChild(i), e.appendChild(s), s.appendChild(l), l.appendChild(a), l.appendChild(d), l.appendChild(c), s.appendChild(h), window.addEventListener("mousemove", f), window.addEventListener("mouseup", b), o.addEventListener("mousedown", w), o.addEventListener("click", C), a.addEventListener("mouseenter", M), a.addEventListener("mouseleave", E), d.addEventListener(
     "mousedown",
-    E
+    y
   ), c.addEventListener(
     "mousedown",
-    _
+    S
   ), {
     dom: e,
     destroy: () => {
-      window.removeEventListener("mousemove", f), window.removeEventListener("mouseup", k), o.removeEventListener(
+      window.removeEventListener("mousemove", f), window.removeEventListener("mouseup", b), o.removeEventListener(
         "mousedown",
-        v
-      ), o.removeEventListener("click", w), d.removeEventListener(
+        w
+      ), o.removeEventListener("click", C), d.removeEventListener(
         "mousedown",
-        E
+        y
       ), c.removeEventListener(
         "mousedown",
-        _
+        S
       );
     }
   };
-}, Po = go({
+}, Do = ko({
   type: "image",
-  propSchema: Lo,
+  propSchema: No,
   containsInlineContent: !1,
-  render: No
-}), jt = {
+  render: Po
+}), qt = {
   paragraph: Ao,
-  heading: yo,
-  bulletListItem: Co,
-  numberedListItem: Mo,
-  image: Po
+  heading: vo,
+  bulletListItem: Eo,
+  numberedListItem: xo,
+  image: Do
 };
-class Do {
+class Oo {
   constructor(t, e, o) {
     u(this, "formattingToolbarState");
     u(this, "updateFormattingToolbar");
@@ -2419,7 +2423,7 @@ class Do {
     u(this, "preventShow", !1);
     u(this, "prevWasEditable", null);
     u(this, "shouldShow", ({ view: t, state: e, from: o, to: r }) => {
-      const { doc: i, selection: s } = e, { empty: l } = s, a = !i.textBetween(o, r).length && oe(e.selection);
+      const { doc: i, selection: s } = e, { empty: l } = s, a = !i.textBetween(o, r).length && ne(e.selection);
       return !(!t.hasFocus() || l || a);
     });
     u(this, "viewMousedownHandler", () => {
@@ -2460,25 +2464,25 @@ class Do {
     }, e.dom.addEventListener("mousedown", this.viewMousedownHandler), e.dom.addEventListener("mouseup", this.viewMouseupHandler), e.dom.addEventListener("dragstart", this.dragstartHandler), e.dom.addEventListener("focus", this.focusHandler), e.dom.addEventListener("blur", this.blurHandler), document.addEventListener("scroll", this.scrollHandler);
   }
   update(t, e) {
-    var h, p;
+    var m, p;
     const { state: o, composing: r } = t, { doc: i, selection: s } = o, l = e && e.doc.eq(i) && e.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((f) => f.$from.pos)), c = Math.max(...a.map((f) => f.$to.pos)), m = (h = this.shouldShow) == null ? void 0 : h.call(this, {
+    const { ranges: a } = s, d = Math.min(...a.map((f) => f.$from.pos)), c = Math.max(...a.map((f) => f.$to.pos)), h = (m = this.shouldShow) == null ? void 0 : m.call(this, {
       view: t,
       state: o,
       from: d,
       to: c
     });
-    if (this.editor.isEditable && !this.preventShow && (m || this.preventHide)) {
+    if (this.editor.isEditable && !this.preventShow && (h || this.preventHide)) {
       this.formattingToolbarState = {
         show: !0,
         referencePos: this.getSelectionBoundingBox()
       }, this.updateFormattingToolbar();
       return;
     }
-    if ((p = this.formattingToolbarState) != null && p.show && !this.preventHide && (!m || this.preventShow || !this.editor.isEditable)) {
+    if ((p = this.formattingToolbarState) != null && p.show && !this.preventHide && (!h || this.preventShow || !this.editor.isEditable)) {
       this.formattingToolbarState.show = !1, this.updateFormattingToolbar();
       return;
     }
@@ -2488,25 +2492,25 @@ class Do {
   }
   getSelectionBoundingBox() {
     const { state: t } = this.pmView, { selection: e } = t, { ranges: o } = e, r = Math.min(...o.map((s) => s.$from.pos)), i = Math.max(...o.map((s) => s.$to.pos));
-    if (ne(e)) {
+    if (re(e)) {
       const s = this.pmView.nodeDOM(r);
       if (s)
         return s.getBoundingClientRect();
     }
-    return K(this.pmView, r, i);
+    return Y(this.pmView, r, i);
   }
 }
-const Oo = new M(
+const Ro = new _(
   "FormattingToolbarPlugin"
 );
-class Ro extends U {
+class zo extends $ {
   constructor(e) {
     super();
     u(this, "view");
     u(this, "plugin");
-    this.plugin = new B({
-      key: Oo,
-      view: (o) => (this.view = new Do(e, o, (r) => {
+    this.plugin = new I({
+      key: Ro,
+      view: (o) => (this.view = new Oo(e, o, (r) => {
         this.emit("update", r);
       }), this.view)
     });
@@ -2515,7 +2519,7 @@ class Ro extends U {
     return this.on("update", e);
   }
 }
-class zo {
+class Vo {
   constructor(t, e, o) {
     u(this, "hyperlinkToolbarState");
     u(this, "updateHyperlinkToolbar");
@@ -2535,7 +2539,7 @@ class zo {
         ), 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 = rt(
+            this.mouseHoveredHyperlinkMark = s, this.mouseHoveredHyperlinkMarkRange = it(
               r,
               s.type,
               s.attrs
@@ -2555,7 +2559,7 @@ class zo {
     });
     u(this, "scrollHandler", () => {
       var t;
-      this.hyperlinkMark !== void 0 && (t = this.hyperlinkToolbarState) != null && t.show && (this.hyperlinkToolbarState.referencePos = K(
+      this.hyperlinkMark !== void 0 && (t = this.hyperlinkToolbarState) != null && t.show && (this.hyperlinkToolbarState.referencePos = Y(
         this.pmView,
         this.hyperlinkMarkRange.from,
         this.hyperlinkMarkRange.to
@@ -2603,7 +2607,7 @@ class zo {
       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 = rt(
+          this.keyboardHoveredHyperlinkMark = r, this.keyboardHoveredHyperlinkMarkRange = it(
             this.pmView.state.selection.$from,
             r.type,
             r.attrs
@@ -2614,7 +2618,7 @@ class zo {
     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: K(
+        referencePos: Y(
           this.pmView,
           this.hyperlinkMarkRange.from,
           this.hyperlinkMarkRange.to
@@ -2636,10 +2640,10 @@ class zo {
     this.pmView.dom.removeEventListener("mouseover", this.mouseOverHandler), document.removeEventListener("scroll", this.scrollHandler), document.removeEventListener("click", this.clickHandler, !0);
   }
 }
-const Vo = new M(
+const Uo = new _(
   "HyperlinkToolbarPlugin"
 );
-class Uo extends U {
+class Fo extends $ {
   constructor(e) {
     super();
     u(this, "view");
@@ -2674,9 +2678,9 @@ class Uo extends U {
     u(this, "stopHideTimer", () => {
       this.view.stopMenuUpdateTimer();
     });
-    this.plugin = new B({
-      key: Vo,
-      view: (o) => (this.view = new zo(e, o, (r) => {
+    this.plugin = new I({
+      key: Uo,
+      view: (o) => (this.view = new Vo(e, o, (r) => {
         this.emit("update", r);
       }), this.view)
     });
@@ -2685,7 +2689,7 @@ class Uo extends U {
     return this.on("update", e);
   }
 }
-class O extends X {
+class z extends K {
   constructor(e, o) {
     super(e, o);
     u(this, "nodes");
@@ -2696,13 +2700,13 @@ class O extends X {
     });
   }
   static create(e, o, r = o) {
-    return new O(e.resolve(o), e.resolve(r));
+    return new z(e.resolve(o), e.resolve(r));
   }
   content() {
-    return new L(P.from(this.nodes), 0, 0);
+    return new P(O.from(this.nodes), 0, 0);
   }
   eq(e) {
-    if (!(e instanceof O) || this.nodes.length !== e.nodes.length || this.from !== e.from || this.to !== e.to)
+    if (!(e instanceof z) || this.nodes.length !== e.nodes.length || this.from !== e.from || this.to !== e.to)
       return !1;
     for (let o = 0; o < this.nodes.length; o++)
       if (!this.nodes[o].eq(e.nodes[o]))
@@ -2711,7 +2715,7 @@ class O extends X {
   }
   map(e, o) {
     const r = o.mapResult(this.from), i = o.mapResult(this.to);
-    return i.deleted ? X.near(e.resolve(r.pos)) : r.deleted ? X.near(e.resolve(i.pos)) : new O(
+    return i.deleted ? K.near(e.resolve(r.pos)) : r.deleted ? K.near(e.resolve(i.pos)) : new z(
       e.resolve(r.pos),
       e.resolve(i.pos)
     );
@@ -2720,9 +2724,9 @@ class O extends X {
     return { type: "node", anchor: this.anchor, head: this.head };
   }
 }
-const Fo = ve.__serializeForClipboard;
-let I;
-function qt(n, t) {
+const $o = we.__serializeForClipboard;
+let H;
+function Xt(n, t) {
   var r;
   if (!t.dom.isConnected)
     return;
@@ -2737,15 +2741,15 @@ function qt(n, t) {
       return { node: o, id: o.getAttribute("data-id") };
   }
 }
-function $o(n, t) {
-  const e = qt(n, t);
+function Wo(n, t) {
+  const e = Xt(n, t);
   if (e && e.node.nodeType === 1) {
     const o = t.docView, r = o.nearestDesc(e.node, !0);
     return !r || r === o ? null : r.posBefore;
   }
   return null;
 }
-function Wo(n, t) {
+function Go(n, t) {
   let e, o;
   const r = t.resolve(n.from).node().type.spec.group === "blockContent", i = t.resolve(n.to).node().type.spec.group === "blockContent", s = Math.min(n.$anchor.depth, n.$head.depth);
   if (r && i) {
@@ -2755,9 +2759,9 @@ function Wo(n, t) {
     e = n.from, o = n.to;
   return { from: e, to: o };
 }
-function pt(n, t, e = t) {
+function ht(n, t, e = t) {
   t === e && (e += n.state.doc.resolve(t + 1).node().nodeSize);
-  const o = n.domAtPos(t).node.cloneNode(!0), r = n.domAtPos(t).node, i = (c, m) => Array.prototype.indexOf.call(c.children, m), s = i(
+  const o = n.domAtPos(t).node.cloneNode(!0), r = n.domAtPos(t).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(t + 1).node.parentElement
@@ -2768,35 +2772,35 @@ function pt(n, t, e = t) {
   );
   for (let c = r.childElementCount - 1; c >= 0; c--)
     (c > l || c < s) && o.removeChild(o.children[c]);
-  Xt(), I = o;
+  Kt(), H = o;
   const d = n.dom.className.split(" ").filter(
     (c) => !c.includes("bn") && !c.includes("ProseMirror") && !c.includes("editor")
   ).join(" ");
-  I.className = I.className + " " + D.dragPreview + " " + d, document.body.appendChild(I);
+  H.className = H.className + " " + R.dragPreview + " " + d, document.body.appendChild(H);
 }
-function Xt() {
-  I !== void 0 && (document.body.removeChild(I), I = void 0);
+function Kt() {
+  H !== void 0 && (document.body.removeChild(H), H = void 0);
 }
-function Go(n, t) {
+function jo(n, t) {
   if (!n.dataTransfer)
     return;
   const e = t.dom.getBoundingClientRect(), o = {
     left: e.left + e.width / 2,
     // take middle of editor
     top: n.clientY
-  }, r = $o(o, t);
+  }, r = Wo(o, t);
   if (r != null) {
-    const i = t.state.selection, s = t.state.doc, { from: l, to: a } = Wo(i, s), d = l <= r && r < a, c = i.$anchor.node() !== i.$head.node() || i instanceof O;
+    const i = t.state.selection, s = t.state.doc, { from: l, to: a } = Go(i, s), d = l <= r && r < a, c = i.$anchor.node() !== i.$head.node() || i instanceof z;
     d && c ? (t.dispatch(
-      t.state.tr.setSelection(O.create(s, l, a))
-    ), pt(t, l, a)) : (t.dispatch(
-      t.state.tr.setSelection(mt.create(t.state.doc, r))
-    ), pt(t, r));
-    const m = t.state.selection.content(), { dom: h, text: p } = Fo(t, m);
-    n.dataTransfer.clearData(), n.dataTransfer.setData("text/html", h.innerHTML), n.dataTransfer.setData("text/plain", p), n.dataTransfer.effectAllowed = "move", n.dataTransfer.setDragImage(I, 0, 0), t.dragging = { slice: m, move: !0 };
+      t.state.tr.setSelection(z.create(s, l, a))
+    ), ht(t, l, a)) : (t.dispatch(
+      t.state.tr.setSelection(ft.create(t.state.doc, r))
+    ), ht(t, r));
+    const h = t.state.selection.content(), { dom: m, text: p } = $o(t, h);
+    n.dataTransfer.clearData(), n.dataTransfer.setData("text/html", m.innerHTML), n.dataTransfer.setData("text/plain", p), n.dataTransfer.effectAllowed = "move", n.dataTransfer.setDragImage(H, 0, 0), t.dragging = { slice: h, move: !0 };
   }
 }
-class jo {
+class qo {
   constructor(t, e, o) {
     u(this, "sideMenuState");
     // When true, the drag handle with be anchored at the same level as root elements
@@ -2852,8 +2856,11 @@ class jo {
       var e;
       (e = this.sideMenuState) != null && e.show && (this.sideMenuState.show = !1, this.updateSideMenu(this.sideMenuState)), this.menuFrozen = !1;
     });
+    u(this, "onMouseDown", (t) => {
+      this.sideMenuState && !this.sideMenuState.show && (this.sideMenuState.show = !0, this.updateSideMenu(this.sideMenuState)), this.menuFrozen = !1;
+    });
     u(this, "onMouseMove", (t) => {
-      var d, c, m, h, p;
+      var d, c, h, m, p;
       if (this.menuFrozen)
         return;
       const e = this.pmView.dom.firstChild.getBoundingClientRect(), o = this.pmView.dom.getBoundingClientRect(), r = t.clientX >= o.left && t.clientX <= o.right && t.clientY >= o.top && t.clientY <= o.bottom, i = this.pmView.dom.parentElement;
@@ -2871,12 +2878,12 @@ class jo {
         left: e.left + e.width / 2,
         // take middle of editor
         top: t.clientY
-      }, l = qt(s, this.pmView);
+      }, l = Xt(s, this.pmView);
       if (!l || !this.editor.isEditable) {
         (c = this.sideMenuState) != null && c.show && (this.sideMenuState.show = !1, this.updateSideMenu(this.sideMenuState));
         return;
       }
-      if ((m = this.sideMenuState) != null && m.show && ((h = this.hoveredBlock) != null && h.hasAttribute("data-id")) && ((p = this.hoveredBlock) == null ? void 0 : p.getAttribute("data-id")) === l.id)
+      if ((h = this.sideMenuState) != null && h.show && ((m = this.hoveredBlock) != null && m.hasAttribute("data-id")) && ((p = this.hoveredBlock) == null ? void 0 : p.getAttribute("data-id")) === l.id)
         return;
       this.hoveredBlock = l.node;
       const a = l.node.firstChild;
@@ -2908,11 +2915,11 @@ class jo {
         ), this.updateSideMenu(this.sideMenuState);
       }
     });
-    this.editor = t, this.pmView = e, this.updateSideMenu = o, this.horizontalPosAnchoredAtRoot = !0, this.horizontalPosAnchor = this.pmView.dom.firstChild.getBoundingClientRect().x, document.body.addEventListener("drop", this.onDrop, !0), document.body.addEventListener("dragover", this.onDragOver), this.pmView.dom.addEventListener("dragstart", this.onDragStart), document.body.addEventListener("mousemove", this.onMouseMove, !0), document.addEventListener("scroll", this.onScroll), document.body.addEventListener("keydown", this.onKeyDown, !0);
+    this.editor = t, this.pmView = e, this.updateSideMenu = o, this.horizontalPosAnchoredAtRoot = !0, this.horizontalPosAnchor = this.pmView.dom.firstChild.getBoundingClientRect().x, document.body.addEventListener("drop", this.onDrop, !0), document.body.addEventListener("dragover", this.onDragOver), this.pmView.dom.addEventListener("dragstart", this.onDragStart), document.body.addEventListener("mousemove", this.onMouseMove, !0), document.addEventListener("scroll", this.onScroll), document.body.addEventListener("mousedown", this.onMouseDown, !0), document.body.addEventListener("keydown", this.onKeyDown, !0);
   }
   destroy() {
     var t;
-    (t = this.sideMenuState) != null && t.show && (this.sideMenuState.show = !1, this.updateSideMenu(this.sideMenuState)), document.body.removeEventListener("mousemove", this.onMouseMove), document.body.removeEventListener("dragover", this.onDragOver), this.pmView.dom.removeEventListener("dragstart", this.onDragStart), document.body.removeEventListener("drop", this.onDrop, !0), document.removeEventListener("scroll", this.onScroll), document.body.removeEventListener("keydown", this.onKeyDown, !0);
+    (t = this.sideMenuState) != null && t.show && (this.sideMenuState.show = !1, this.updateSideMenu(this.sideMenuState)), document.body.removeEventListener("mousemove", this.onMouseMove), document.body.removeEventListener("dragover", this.onDragOver), this.pmView.dom.removeEventListener("dragstart", this.onDragStart), document.body.removeEventListener("drop", this.onDrop, !0), document.removeEventListener("scroll", this.onScroll), document.body.removeEventListener("mousedown", this.onMouseDown, !0), document.body.removeEventListener("keydown", this.onKeyDown, !0);
   }
   addBlock() {
     var l;
@@ -2923,7 +2930,7 @@ class jo {
     });
     if (!o)
       return;
-    const r = b(
+    const r = v(
       this.editor._tiptapEditor.state.doc,
       o.pos
     );
@@ -2936,7 +2943,7 @@ class jo {
     } else
       this.editor._tiptapEditor.commands.setTextSelection(s);
     this.pmView.focus(), this.pmView.dispatch(
-      this.pmView.state.tr.scrollIntoView().setMeta(tt, {
+      this.pmView.state.tr.scrollIntoView().setMeta(et, {
         // TODO import suggestion plugin key
         activate: !0,
         type: "drag"
@@ -2944,8 +2951,8 @@ class jo {
     );
   }
 }
-const qo = new M("SideMenuPlugin");
-class Xo extends U {
+const Xo = new _("SideMenuPlugin");
+class Ko extends $ {
   constructor(e) {
     super();
     u(this, "sideMenuView");
@@ -2959,12 +2966,12 @@ class Xo extends U {
      * Handles drag & drop events for blocks.
      */
     u(this, "blockDragStart", (e) => {
-      this.sideMenuView.isDragging = !0, Go(e, this.editor.prosemirrorView);
+      this.sideMenuView.isDragging = !0, jo(e, this.editor.prosemirrorView);
     });
     /**
      * Handles drag & drop events for blocks.
      */
-    u(this, "blockDragEnd", () => Xt());
+    u(this, "blockDragEnd", () => Kt());
     /**
      * Freezes the side menu. When frozen, the side menu will stay
      * attached to the same block regardless of which block is hovered by the
@@ -2977,9 +2984,9 @@ class Xo extends U {
      * mouse cursor.
      */
     u(this, "unfreezeMenu", () => this.sideMenuView.menuFrozen = !1);
-    this.editor = e, this.plugin = new B({
-      key: qo,
-      view: (o) => (this.sideMenuView = new jo(
+    this.editor = e, this.plugin = new I({
+      key: Xo,
+      view: (o) => (this.sideMenuView = new qo(
         e,
         o,
         (r) => {
@@ -2992,7 +2999,7 @@ class Xo extends U {
     return this.on("update", e);
   }
 }
-function H(n, t) {
+function N(n, t) {
   const e = n.getTextCursorPosition().block;
   if (e.content === void 0)
     throw new Error(
@@ -3000,46 +3007,46 @@ function H(n, t) {
     );
   e.content.length === 1 && e.content[0].type === "text" && e.content[0].text === "/" || e.content.length === 0 ? n.updateBlock(e, t) : (n.insertBlocks([t], e, "after"), n.setTextCursorPosition(n.getTextCursorPosition().nextBlock));
 }
-const Ko = (n = jt) => {
+const Yo = (n = qt) => {
   var e, o, r;
   const t = [];
   return "heading" in n && "level" in n.heading.propSchema && ((e = n.heading.propSchema.level.values) != null && e.includes(1) && t.push({
     name: "Heading",
     aliases: ["h", "heading1", "h1"],
-    execute: (i) => H(i, {
+    execute: (i) => N(i, {
       type: "heading",
       props: { level: 1 }
     })
   }), (o = n.heading.propSchema.level.values) != null && o.includes(2) && t.push({
     name: "Heading 2",
     aliases: ["h2", "heading2", "subheading"],
-    execute: (i) => H(i, {
+    execute: (i) => N(i, {
       type: "heading",
       props: { level: 2 }
     })
   }), (r = n.heading.propSchema.level.values) != null && r.includes(3) && t.push({
     name: "Heading 3",
     aliases: ["h3", "heading3", "subheading"],
-    execute: (i) => H(i, {
+    execute: (i) => N(i, {
       type: "heading",
       props: { level: 3 }
     })
   })), "bulletListItem" in n && t.push({
     name: "Bullet List",
     aliases: ["ul", "list", "bulletlist", "bullet list"],
-    execute: (i) => H(i, {
+    execute: (i) => N(i, {
       type: "bulletListItem"
     })
   }), "numberedListItem" in n && t.push({
     name: "Numbered List",
     aliases: ["li", "list", "numberedlist", "numbered list"],
-    execute: (i) => H(i, {
+    execute: (i) => N(i, {
       type: "numberedListItem"
     })
   }), "paragraph" in n && t.push({
     name: "Paragraph",
     aliases: ["p"],
-    execute: (i) => H(i, {
+    execute: (i) => N(i, {
       type: "paragraph"
     })
   }), "image" in n && t.push({
@@ -3056,24 +3063,24 @@ const Ko = (n = jt) => {
       "dropbox"
     ],
     execute: (i) => {
-      H(i, {
+      N(i, {
         type: "image"
       }), i.setTextCursorPosition(
         i.getTextCursorPosition().nextBlock,
         "start"
       ), i._tiptapEditor.view.dispatch(
-        i._tiptapEditor.state.tr.setMeta(z, {
+        i._tiptapEditor.state.tr.setMeta(U, {
           block: i.getTextCursorPosition().prevBlock
         })
       );
     }
   }), t;
-}, Yo = {
+}, Jo = {
   enableInputRules: !0,
   enablePasteRules: !0,
   enableCoreExtensions: !1
 };
-class xn {
+class _n {
   constructor(t = {}) {
     u(this, "_tiptapEditor");
     u(this, "blockCache", /* @__PURE__ */ new WeakMap());
@@ -3085,7 +3092,7 @@ class xn {
     u(this, "hyperlinkToolbar");
     u(this, "imageToolbar");
     u(this, "uploadFile");
-    var l, a, d, c, m;
+    var l, a, d, c, h, m, p, f, b, w, C, M;
     this.options = t;
     const e = {
       defaultStyles: !0,
@@ -3094,19 +3101,19 @@ class xn {
       //  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: t.blockSchema || jt,
+      blockSchema: t.blockSchema || qt,
       ...t
     };
-    this.sideMenu = new Xo(this), this.formattingToolbar = new Ro(this), this.slashMenu = new Je(
+    this.sideMenu = new Ko(this), this.formattingToolbar = new zo(this), this.slashMenu = new Ze(
       this,
-      e.slashMenuItems || Ko(e.blockSchema)
-    ), this.hyperlinkToolbar = new Uo(this), this.imageToolbar = new Ho(this);
-    const o = ro({
+      e.slashMenuItems || Yo(e.blockSchema)
+    ), this.hyperlinkToolbar = new Fo(this), this.imageToolbar = new Lo(this);
+    const o = io({
       editor: this,
       domAttributes: e.domAttributes || {},
       blockSchema: e.blockSchema,
       collaboration: e.collaboration
-    }), r = A.create({
+    }), r = L.create({
       name: "BlockNoteUIExtension",
       addProseMirrorPlugins: () => [
         this.sideMenu.plugin,
@@ -3120,50 +3127,54 @@ class xn {
     const i = e.initialContent || (t.collaboration ? void 0 : [
       {
         type: "paragraph",
-        id: j.options.generateID()
+        id: X.options.generateID()
       }
     ]), s = {
-      ...Yo,
+      ...Jo,
       ...e._tiptapOptions,
-      onBeforeCreate(h) {
-        if (!i)
+      onBeforeCreate(E) {
+        var g, x;
+        if ((x = (g = e._tiptapOptions) == null ? void 0 : g.onBeforeCreate) == null || x.call(g, E), !i)
           return;
-        const p = h.editor.schema, f = p.node(
+        const y = E.editor.schema, S = y.node(
           "doc",
           void 0,
-          p.node("blockGroup", void 0, [
-            V({ id: "initialBlock", type: "paragraph" }, p)
+          y.node("blockGroup", void 0, [
+            F({ id: "initialBlock", type: "paragraph" }, y)
           ])
         );
-        h.editor.options.content = f.toJSON();
+        E.editor.options.content = S.toJSON();
       },
-      onCreate: () => {
-        var h;
-        i !== void 0 && this.replaceBlocks(this.topLevelBlocks, i), (h = e.onEditorReady) == null || h.call(e, this), this.ready = !0;
+      onCreate: (E) => {
+        var y, S, g;
+        (S = (y = e._tiptapOptions) == null ? void 0 : y.onCreate) == null || S.call(y, E), i !== void 0 && this.replaceBlocks(this.topLevelBlocks, i), (g = e.onEditorReady) == null || g.call(e, this), this.ready = !0;
       },
-      onUpdate: () => {
-        var h;
-        this.ready && ((h = e.onEditorContentChange) == null || h.call(e, this));
+      onUpdate: (E) => {
+        var y, S, g;
+        (S = (y = e._tiptapOptions) == null ? void 0 : y.onUpdate) == null || S.call(y, E), this.ready && ((g = e.onEditorContentChange) == null || g.call(e, this));
       },
-      onSelectionUpdate: () => {
-        var h;
-        this.ready && ((h = e.onTextCursorPositionChange) == null || h.call(e, this));
+      onSelectionUpdate: (E) => {
+        var y, S, g;
+        (S = (y = e._tiptapOptions) == null ? void 0 : y.onSelectionUpdate) == null || S.call(y, E), this.ready && ((g = e.onTextCursorPositionChange) == null || g.call(e, this));
       },
-      editable: t.editable === void 0 ? !0 : t.editable,
-      extensions: e.enableBlockNoteExtensions === !1 ? (l = e._tiptapOptions) == null ? void 0 : l.extensions : [...((a = e._tiptapOptions) == null ? void 0 : a.extensions) || [], ...o],
+      editable: t.editable !== void 0 ? t.editable : ((l = e._tiptapOptions) == null ? void 0 : l.editable) !== void 0 ? (a = e._tiptapOptions) == null ? void 0 : a.editable : !0,
+      extensions: e.enableBlockNoteExtensions === !1 ? ((d = e._tiptapOptions) == null ? void 0 : d.extensions) || [] : [...((c = e._tiptapOptions) == null ? void 0 : c.extensions) || [], ...o],
       editorProps: {
+        ...(h = e._tiptapOptions) == null ? void 0 : h.editorProps,
         attributes: {
-          ...(d = e.domAttributes) == null ? void 0 : d.editor,
-          class: S(
-            D.bnEditor,
-            D.bnRoot,
-            e.defaultStyles ? D.defaultStyles : "",
-            ((m = (c = e.domAttributes) == null ? void 0 : c.editor) == null ? void 0 : m.class) || ""
+          ...(p = (m = e._tiptapOptions) == null ? void 0 : m.editorProps) == null ? void 0 : p.attributes,
+          ...(f = e.domAttributes) == null ? void 0 : f.editor,
+          class: B(
+            R.bnEditor,
+            R.bnRoot,
+            ((w = (b = e.domAttributes) == null ? void 0 : b.editor) == null ? void 0 : w.class) || "",
+            e.defaultStyles ? R.defaultStyles : "",
+            ((M = (C = e.domAttributes) == null ? void 0 : C.editor) == null ? void 0 : M.class) || ""
           )
         }
       }
     };
-    e.parentElement && (s.element = e.parentElement), this._tiptapEditor = new re(s);
+    e.parentElement && (s.element = e.parentElement), this._tiptapEditor = new ie(s);
   }
   get prosemirrorView() {
     return this._tiptapEditor.view;
@@ -3183,7 +3194,7 @@ class xn {
    */
   get topLevelBlocks() {
     const t = [];
-    return this._tiptapEditor.state.doc.firstChild.descendants((e) => (t.push(x(e, this.schema, this.blockCache)), !1)), t;
+    return this._tiptapEditor.state.doc.firstChild.descendants((e) => (t.push(A(e, this.schema, this.blockCache)), !1)), t;
   }
   /**
    * Gets a snapshot of an existing block from the editor.
@@ -3193,7 +3204,7 @@ class xn {
   getBlock(t) {
     const e = typeof t == "string" ? t : t.id;
     let o;
-    return this._tiptapEditor.state.doc.firstChild.descendants((r) => typeof o < "u" ? !1 : r.type.name !== "blockContainer" || r.attrs.id !== e ? !0 : (o = x(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 !== e ? !0 : (o = A(r, this.schema, this.blockCache), !1)), o;
   }
   /**
    * Traverses all blocks in the editor depth-first, and executes a callback for each.
@@ -3234,7 +3245,7 @@ class xn {
    * @returns A snapshot of the current text cursor position.
    */
   getTextCursorPosition() {
-    const { node: t, depth: e, startPos: o, endPos: r } = b(
+    const { node: t, depth: e, startPos: o, endPos: r } = v(
       this._tiptapEditor.state.doc,
       this._tiptapEditor.state.selection.from
     ), i = this._tiptapEditor.state.doc.resolve(r).index(e - 1), s = this._tiptapEditor.state.doc.resolve(r + 1).node().childCount;
@@ -3242,9 +3253,9 @@ class xn {
     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: x(t, this.schema, this.blockCache),
-      prevBlock: l === void 0 ? void 0 : x(l, this.schema, this.blockCache),
-      nextBlock: a === void 0 ? void 0 : x(a, this.schema, this.blockCache)
+      block: A(t, this.schema, this.blockCache),
+      prevBlock: l === void 0 ? void 0 : A(l, this.schema, this.blockCache),
+      nextBlock: a === void 0 ? void 0 : A(a, this.schema, this.blockCache)
     };
   }
   /**
@@ -3254,7 +3265,7 @@ class xn {
    * @param placement Whether the text cursor should be placed at the start or end of the block.
    */
   setTextCursorPosition(t, e = "start") {
-    const o = typeof t == "string" ? t : t.id, { posBeforeNode: r } = et(o, this._tiptapEditor.state.doc), { startPos: i, contentNode: s } = b(
+    const o = typeof t == "string" ? t : t.id, { posBeforeNode: r } = ot(o, this._tiptapEditor.state.doc), { startPos: i, contentNode: s } = v(
       this._tiptapEditor.state.doc,
       r + 2
     );
@@ -3274,7 +3285,7 @@ class xn {
       return;
     const t = [];
     return this._tiptapEditor.state.doc.descendants((e, o) => e.type.spec.group !== "blockContent" || o + e.nodeSize < this._tiptapEditor.state.selection.from || o > this._tiptapEditor.state.selection.to ? !0 : (t.push(
-      x(
+      A(
         this._tiptapEditor.state.doc.resolve(o).node(),
         this.schema,
         this.blockCache
@@ -3304,7 +3315,7 @@ class xn {
    * `referenceBlock`. Inserts the blocks at the start of the existing block's children if "nested" is used.
    */
   insertBlocks(t, e, o = "before") {
-    Ut(t, e, o, this._tiptapEditor);
+    Ft(t, e, o, this._tiptapEditor);
   }
   /**
    * Updates an existing block in the editor. Since updatedBlock is a PartialBlock object, some fields might not be
@@ -3314,14 +3325,14 @@ class xn {
    * @param update A partial block which defines how the existing block should be changed.
    */
   updateBlock(t, e) {
-    io(t, e, this._tiptapEditor);
+    so(t, e, this._tiptapEditor);
   }
   /**
    * Removes existing blocks from the editor. Throws an error if any of the blocks could not be found.
    * @param blocksToRemove An array of identifiers for existing blocks that should be removed.
    */
   removeBlocks(t) {
-    Ft(t, this._tiptapEditor);
+    $t(t, this._tiptapEditor);
   }
   /**
    * Replaces existing blocks in the editor with new blocks. If the blocks that should be removed are not adjacent or
@@ -3331,7 +3342,7 @@ class xn {
    * @param blocksToInsert An array of partial blocks to replace the old ones with.
    */
   replaceBlocks(t, e) {
-    so(t, e, this._tiptapEditor);
+    ao(t, e, this._tiptapEditor);
   }
   /**
    * Gets the active text styles at the text cursor position or at the end of the current selection if it's active.
@@ -3423,7 +3434,7 @@ class xn {
    * Checks if the block containing the text cursor can be nested.
    */
   canNestBlock() {
-    const { startPos: t, depth: e } = b(
+    const { startPos: t, depth: e } = v(
       this._tiptapEditor.state.doc,
       this._tiptapEditor.state.selection.from
     );
@@ -3439,7 +3450,7 @@ class xn {
    * Checks if the block containing the text cursor is nested.
    */
   canUnnestBlock() {
-    const { depth: t } = b(
+    const { depth: t } = v(
       this._tiptapEditor.state.doc,
       this._tiptapEditor.state.selection.from
     );
@@ -3458,7 +3469,7 @@ class xn {
    * @returns The blocks, serialized as an HTML string.
    */
   async blocksToHTML(t) {
-    return $t(t, this._tiptapEditor.schema);
+    return Wt(t, this._tiptapEditor.schema);
   }
   /**
    * Parses blocks from an HTML string. Tries to create `Block` objects out of any HTML block-level elements, and
@@ -3468,7 +3479,7 @@ class xn {
    * @returns The blocks parsed from the HTML string.
    */
   async HTMLToBlocks(t) {
-    return Wt(t, this.schema, this._tiptapEditor.schema);
+    return Gt(t, this.schema, this._tiptapEditor.schema);
   }
   /**
    * Serializes blocks into a Markdown string. The output is simplified as Markdown does not support all features of
@@ -3477,7 +3488,7 @@ class xn {
    * @returns The blocks, serialized as a Markdown string.
    */
   async blocksToMarkdown(t) {
-    return co(t, this._tiptapEditor.schema);
+    return uo(t, this._tiptapEditor.schema);
   }
   /**
    * Creates a list of blocks from a Markdown string. Tries to create `Block` and `InlineNode` objects based on
@@ -3487,7 +3498,7 @@ class xn {
    * @returns The blocks parsed from the Markdown string.
    */
   async markdownToBlocks(t) {
-    return po(t, this.schema, this._tiptapEditor.schema);
+    return ho(t, this.schema, this._tiptapEditor.schema);
   }
   /**
    * Updates the user info for the current user that's shown to other collaborators.
@@ -3500,7 +3511,7 @@ class xn {
     this._tiptapEditor.commands.updateUser(t);
   }
 }
-const In = async (n) => {
+const An = async (n) => {
   const t = new FormData();
   return t.append("file", n), (await (await fetch("https://tmpfiles.org/api/v1/upload", {
     method: "POST",
@@ -3511,37 +3522,37 @@ const In = async (n) => {
   );
 };
 export {
-  xn as BlockNoteEditor,
-  qe as CustomBlockSerializerExtension,
-  Ro as FormattingToolbarProsemirrorPlugin,
-  Do as FormattingToolbarView,
-  Uo as HyperlinkToolbarProsemirrorPlugin,
-  Ho as ImageToolbarProsemirrorPlugin,
-  _o as ImageToolbarView,
-  Xo as SideMenuProsemirrorPlugin,
-  jo as SideMenuView,
-  Je as SlashMenuProsemirrorPlugin,
-  Pe as UnreachableCaseError,
-  Mn as blockStyles,
-  dt as camelToDataKebab,
-  go as createBlockSpec,
-  F as createTipTapBlock,
-  jt as defaultBlockSchema,
-  C as defaultProps,
-  Tn as formatKeyboardShortcut,
-  Oo as formattingToolbarPluginKey,
-  ro as getBlockNoteExtensions,
-  Ko as getDefaultSlashMenuItems,
-  Vo as hyperlinkToolbarPluginKey,
-  z as imageToolbarPluginKey,
-  Ne as isAppleOS,
-  S as mergeCSSClasses,
-  mo as parse,
-  ho as propsToAttributes,
-  fo as render,
-  Ye as setupSuggestionsMenu,
-  qo as sideMenuPluginKey,
-  tt as slashMenuPluginKey,
-  In as uploadToTmpFilesDotOrg_DEV_ONLY
+  _n as BlockNoteEditor,
+  Xe as CustomBlockSerializerExtension,
+  zo as FormattingToolbarProsemirrorPlugin,
+  Oo as FormattingToolbarView,
+  Fo as HyperlinkToolbarProsemirrorPlugin,
+  Lo as ImageToolbarProsemirrorPlugin,
+  Ho as ImageToolbarView,
+  Ko as SideMenuProsemirrorPlugin,
+  qo as SideMenuView,
+  Ze as SlashMenuProsemirrorPlugin,
+  De as UnreachableCaseError,
+  In as blockStyles,
+  ct as camelToDataKebab,
+  ko as createBlockSpec,
+  W as createTipTapBlock,
+  qt as defaultBlockSchema,
+  T as defaultProps,
+  xn as formatKeyboardShortcut,
+  Ro as formattingToolbarPluginKey,
+  io as getBlockNoteExtensions,
+  Yo as getDefaultSlashMenuItems,
+  Uo as hyperlinkToolbarPluginKey,
+  U as imageToolbarPluginKey,
+  Pe as isAppleOS,
+  B as mergeCSSClasses,
+  fo as parse,
+  mo as propsToAttributes,
+  go as render,
+  Je as setupSuggestionsMenu,
+  Xo as sideMenuPluginKey,
+  et as slashMenuPluginKey,
+  An as uploadToTmpFilesDotOrg_DEV_ONLY
 };
 //# sourceMappingURL=blocknote.js.map