@blocknote/core 0.15.7 → 0.15.10

package/dist/blocknote.js

@@ -1,29 +1,29 @@
-var St = Object.defineProperty;
-var Mt = (e, t, i) => t in e ? St(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
-var c = (e, t, i) => Mt(e, typeof t != "symbol" ? t + "" : t, i);
-import { Slice as j, Fragment as I, DOMSerializer as Ee, DOMParser as Tt, Node as Bt } from "prosemirror-model";
-import { Extension as T, combineTransactionSteps as Lt, getChangedRanges as It, findChildrenInRange as At, Node as q, Mark as Ce, InputRule as te, callOrReturn as Nt, getExtensionField as Pt, mergeAttributes as Ht, selectionToInsertionEnd as Dt, isTextSelection as Ut, isNodeSelection as jt, posToDOMRect as ve, getMarkRange as Ue, findParentNode as zt, findChildren as je, extensions as Y, Editor as Rt, createDocument as Vt, getSchema as Ot } from "@tiptap/core";
-import { Plugin as w, PluginKey as M, Selection as ge, NodeSelection as se, TextSelection as Q, EditorState as Ft } from "prosemirror-state";
-import { v4 as Gt } from "uuid";
-import Kt from "@tiptap/extension-bold";
-import Wt from "@tiptap/extension-code";
-import $t from "@tiptap/extension-italic";
-import qt from "@tiptap/extension-strike";
-import Xt from "@tiptap/extension-underline";
-import { TableCell as Zt } from "@tiptap/extension-table-cell";
-import { TableHeader as Jt } from "@tiptap/extension-table-header";
-import { TableRow as Yt } from "@tiptap/extension-table-row";
-import { columnResizing as Qt, tableEditing as ei } from "prosemirror-tables";
-import { DecorationSet as K, Decoration as W, EditorView as ti } from "prosemirror-view";
-import ii from "@tiptap/extension-collaboration";
-import oi from "@tiptap/extension-collaboration-cursor";
-import { Dropcursor as ni } from "@tiptap/extension-dropcursor";
-import { Gapcursor as ri } from "@tiptap/extension-gapcursor";
-import { HardBreak as ai } from "@tiptap/extension-hard-break";
-import { History as si } from "@tiptap/extension-history";
-import { Link as li } from "@tiptap/extension-link";
-import { Text as di } from "@tiptap/extension-text";
-const ci = {
+var Bt = Object.defineProperty;
+var Lt = (e, t, i) => t in e ? Bt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
+var c = (e, t, i) => Lt(e, typeof t != "symbol" ? t + "" : t, i);
+import { Slice as z, Fragment as N, DOMSerializer as Ee, DOMParser as It, Node as At } from "prosemirror-model";
+import { Extension as I, combineTransactionSteps as Nt, getChangedRanges as Pt, findChildrenInRange as Ht, Node as q, Mark as Ce, InputRule as ee, callOrReturn as Ut, getExtensionField as Dt, mergeAttributes as jt, selectionToInsertionEnd as zt, isTextSelection as Vt, isNodeSelection as Rt, posToDOMRect as we, getMarkRange as De, findParentNode as Ot, extensions as J, Editor as Ft, createDocument as Gt, findChildren as je, getSchema as Wt } from "@tiptap/core";
+import { Plugin as x, PluginKey as L, Selection as fe, NodeSelection as le, TextSelection as Y, EditorState as Kt } from "prosemirror-state";
+import { v4 as $t } from "uuid";
+import qt from "@tiptap/extension-bold";
+import Xt from "@tiptap/extension-code";
+import Zt from "@tiptap/extension-italic";
+import Jt from "@tiptap/extension-strike";
+import Yt from "@tiptap/extension-underline";
+import { TableCell as Qt } from "@tiptap/extension-table-cell";
+import { TableHeader as ei } from "@tiptap/extension-table-header";
+import { TableRow as ti } from "@tiptap/extension-table-row";
+import { columnResizing as ii, tableEditing as oi } from "prosemirror-tables";
+import { DecorationSet as K, Decoration as $, EditorView as ni } from "prosemirror-view";
+import ri from "@tiptap/extension-collaboration";
+import ai from "@tiptap/extension-collaboration-cursor";
+import { Dropcursor as si } from "@tiptap/extension-dropcursor";
+import { Gapcursor as li } from "@tiptap/extension-gapcursor";
+import { HardBreak as di } from "@tiptap/extension-hard-break";
+import { History as ci } from "@tiptap/extension-history";
+import { Link as ui } from "@tiptap/extension-link";
+import { Text as pi } from "@tiptap/extension-text";
+const hi = {
   slash_menu: {
     heading: {
       title: "عنوان 1",
@@ -313,7 +313,7 @@ const ci = {
   generic: {
     ctrl_shortcut: "Ctrl"
   }
-}, ui = {
+}, mi = {
   slash_menu: {
     heading: {
       title: "Überschrift 1",
@@ -618,7 +618,7 @@ const ci = {
   generic: {
     ctrl_shortcut: "Strg"
   }
-}, Je = {
+}, Qe = {
   slash_menu: {
     heading: {
       title: "Heading 1",
@@ -924,7 +924,7 @@ const ci = {
   generic: {
     ctrl_shortcut: "Ctrl"
   }
-}, pi = {
+}, fi = {
   slash_menu: {
     heading: {
       title: "Encabezado 1",
@@ -1197,7 +1197,7 @@ const ci = {
   generic: {
     ctrl_shortcut: "Ctrl"
   }
-}, hi = {
+}, gi = {
   slash_menu: {
     heading: {
       title: "Titre 1",
@@ -1502,7 +1502,7 @@ const ci = {
   generic: {
     ctrl_shortcut: "Ctrl"
   }
-}, mi = {
+}, bi = {
   slash_menu: {
     heading: {
       title: "Fyrirsögn 1",
@@ -1799,7 +1799,7 @@ const ci = {
   generic: {
     ctrl_shortcut: "Ctrl"
   }
-}, fi = {
+}, _i = {
   slash_menu: {
     heading: {
       title: "見出し１",
@@ -2124,7 +2124,7 @@ const ci = {
   generic: {
     ctrl_shortcut: "Ctrl"
   }
-}, gi = {
+}, ki = {
   slash_menu: {
     heading: {
       title: "제목1",
@@ -2442,7 +2442,7 @@ const ci = {
   generic: {
     ctrl_shortcut: "Ctrl"
   }
-}, bi = {
+}, yi = {
   slash_menu: {
     heading: {
       title: "Kop 1",
@@ -2747,7 +2747,7 @@ const ci = {
   generic: {
     ctrl_shortcut: "Ctrl"
   }
-}, _i = {
+}, wi = {
   slash_menu: {
     heading: {
       title: "Nagłówek 1",
@@ -3036,7 +3036,7 @@ const ci = {
   generic: {
     ctrl_shortcut: "Ctrl"
   }
-}, ki = {
+}, vi = {
   slash_menu: {
     heading: {
       title: "Título",
@@ -3333,7 +3333,7 @@ const ci = {
   generic: {
     ctrl_shortcut: "Ctrl"
   }
-}, yi = {
+}, xi = {
   slash_menu: {
     heading: {
       title: "Заголовок 1 уровня",
@@ -3665,7 +3665,7 @@ const ci = {
   generic: {
     ctrl_shortcut: "Ctrl"
   }
-}, wi = {
+}, Ei = {
   slash_menu: {
     heading: {
       title: "Tiêu đề H1",
@@ -3969,7 +3969,7 @@ const ci = {
   generic: {
     ctrl_shortcut: "Ctrl"
   }
-}, vi = {
+}, Ci = {
   slash_menu: {
     heading: {
       title: "一级标题",
@@ -4307,27 +4307,27 @@ const ci = {
   generic: {
     ctrl_shortcut: "Ctrl"
   }
-}, xr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Mr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ar: ci,
-  de: ui,
-  en: Je,
-  es: pi,
-  fr: hi,
-  is: mi,
-  ja: fi,
-  ko: gi,
-  nl: bi,
-  pl: _i,
-  pt: ki,
-  ru: yi,
-  vi: wi,
-  zh: vi
+  ar: hi,
+  de: mi,
+  en: Qe,
+  es: fi,
+  fr: gi,
+  is: bi,
+  ja: _i,
+  ko: ki,
+  nl: yi,
+  pl: wi,
+  pt: vi,
+  ru: xi,
+  vi: Ei,
+  zh: Ci
 }, Symbol.toStringTag, { value: "Module" }));
-let P;
-async function oe() {
-  if (P)
-    return P;
+let H;
+async function ie() {
+  if (H)
+    return H;
   const e = await Promise.all([
     import("rehype-parse"),
     import("rehype-stringify"),
@@ -4340,7 +4340,7 @@ async function oe() {
     import("remark-rehype"),
     import("rehype-format")
   ]);
-  return P = {
+  return H = {
     rehypeParse: e[0],
     rehypeStringify: e[1],
     unified: e[2],
@@ -4351,22 +4351,22 @@ async function oe() {
     remarkParse: e[7],
     remarkRehype: e[8],
     rehypeFormat: e[9]
-  }, P;
+  }, H;
 }
-function xi(e, t = JSON.stringify) {
+function Si(e, t = JSON.stringify) {
   const i = {};
   return e.filter((o) => {
     const n = t(o);
     return Object.prototype.hasOwnProperty.call(i, n) ? !1 : i[n] = !0;
   });
 }
-function Ei(e) {
+function Mi(e) {
   const t = e.filter(
     (o, n) => e.indexOf(o) !== n
   );
-  return xi(t);
+  return Si(t);
 }
-const ne = T.create({
+const oe = I.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
@@ -4375,12 +4375,13 @@ const ne = T.create({
     return {
       attributeName: "id",
       types: [],
+      setIdAttribute: !1,
       generateID: () => {
         if (typeof window < "u" && window.__TEST_OPTIONS) {
           const e = window.__TEST_OPTIONS;
           return e.mockID === void 0 ? e.mockID = 0 : e.mockID++, e.mockID.toString();
         }
-        return Gt();
+        return $t();
       },
       filterTransaction: null
     };
@@ -4393,9 +4394,15 @@ const ne = T.create({
           [this.options.attributeName]: {
             default: null,
             parseHTML: (e) => e.getAttribute(`data-${this.options.attributeName}`),
-            renderHTML: (e) => ({
-              [`data-${this.options.attributeName}`]: e[this.options.attributeName]
-            })
+            renderHTML: (e) => {
+              const t = {
+                [`data-${this.options.attributeName}`]: e[this.options.attributeName]
+              };
+              return this.options.setIdAttribute ? {
+                ...t,
+                id: e[this.options.attributeName]
+              } : t;
+            }
           }
         }
       }
@@ -4434,51 +4441,51 @@ const ne = T.create({
   addProseMirrorPlugins() {
     let e = null, t = !1;
     return [
-      new w({
-        key: new M("uniqueID"),
+      new x({
+        key: new L("uniqueID"),
         appendTransaction: (i, o, n) => {
-          const r = i.some((g) => g.docChanged) && !o.doc.eq(n.doc), a = this.options.filterTransaction && i.some((g) => {
-            let f, b;
-            return !(!((b = (f = this.options).filterTransaction) === null || b === void 0) && b.call(f, g));
+          const r = i.some((f) => f.docChanged) && !o.doc.eq(n.doc), a = this.options.filterTransaction && i.some((f) => {
+            let g, k;
+            return !(!((k = (g = this.options).filterTransaction) === null || k === void 0) && k.call(g, f));
           });
           if (!r || a)
             return;
-          const { tr: s } = n, { types: l, attributeName: d, generateID: u } = this.options, p = Lt(
+          const { tr: s } = n, { types: l, attributeName: d, generateID: u } = this.options, p = Nt(
             o.doc,
             i
           ), { mapping: h } = p;
-          if (It(p).forEach(({ newRange: g }) => {
-            const f = At(
+          if (Pt(p).forEach(({ newRange: f }) => {
+            const g = Ht(
               n.doc,
-              g,
-              (B) => l.includes(B.type.name)
-            ), b = f.map(({ node: B }) => B.attrs[d]).filter((B) => B !== null), y = Ei(b);
-            f.forEach(({ node: B, pos: N }) => {
-              let J;
-              const Pe = (J = s.doc.nodeAt(N)) === null || J === void 0 ? void 0 : J.attrs[d];
+              f,
+              (b) => l.includes(b.type.name)
+            ), k = g.map(({ node: b }) => b.attrs[d]).filter((b) => b !== null), v = Mi(k);
+            g.forEach(({ node: b, pos: y }) => {
+              let S;
+              const Pe = (S = s.doc.nodeAt(y)) === null || S === void 0 ? void 0 : S.attrs[d];
               if (Pe === null) {
                 const He = o.doc.type.createAndFill().content;
                 if (o.doc.content.findDiffStart(He) === null) {
-                  const De = JSON.parse(
+                  const Ue = JSON.parse(
                     JSON.stringify(n.doc.toJSON())
                   );
-                  if (De.content[0].content[0].attrs.id = "initialBlockId", JSON.stringify(De.content) === JSON.stringify(He.toJSON())) {
-                    s.setNodeMarkup(N, void 0, {
-                      ...B.attrs,
+                  if (Ue.content[0].content[0].attrs.id = "initialBlockId", JSON.stringify(Ue.content) === JSON.stringify(He.toJSON())) {
+                    s.setNodeMarkup(y, void 0, {
+                      ...b.attrs,
                       [d]: "initialBlockId"
                     });
                     return;
                   }
                 }
-                s.setNodeMarkup(N, void 0, {
-                  ...B.attrs,
+                s.setNodeMarkup(y, void 0, {
+                  ...b.attrs,
                   [d]: u()
                 });
                 return;
               }
-              const { deleted: Ct } = h.invert().mapResult(N);
-              Ct && y.includes(Pe) && s.setNodeMarkup(N, void 0, {
-                ...B.attrs,
+              const { deleted: Tt } = h.invert().mapResult(y);
+              Tt && v.includes(Pe) && s.setNodeMarkup(y, void 0, {
+                ...b.attrs,
                 [d]: u()
               });
             });
@@ -4535,9 +4542,9 @@ const ne = T.create({
                   l.marks
                 );
                 s.push(d);
-              }), I.from(s);
+              }), N.from(s);
             };
-            return t = !1, new j(
+            return t = !1, new z(
               r(i.content),
               i.openStart,
               i.openEnd
@@ -4548,7 +4555,7 @@ const ne = T.create({
     ];
   }
 });
-function Ye(e) {
+function et(e) {
   const t = e.attrs.id, i = e.firstChild, o = i.type, n = e.childCount === 2 ? e.lastChild.childCount : 0;
   return {
     id: t,
@@ -4578,7 +4585,7 @@ function _(e, t) {
       break;
     s -= 1, a = n.node(s);
   }
-  const { id: l, contentNode: d, contentType: u, numChildBlocks: p } = Ye(a), h = n.start(s), m = n.end(s);
+  const { id: l, contentNode: d, contentType: u, numChildBlocks: p } = et(a), h = n.start(s), m = n.end(s);
   return {
     id: l,
     node: a,
@@ -4593,23 +4600,23 @@ function _(e, t) {
 function ze(e) {
   return e.type === "link";
 }
-function Qe(e) {
+function tt(e) {
   return typeof e != "string" && e.type === "link";
 }
-function ie(e) {
+function te(e) {
   return typeof e != "string" && e.type === "text";
 }
-class A extends Error {
+class P extends Error {
   constructor(t) {
     super(`Unreachable case: ${t}`);
   }
 }
-function Er(e, t = !0) {
+function Tr(e, t = !0) {
   const { "data-test": i, ...o } = e;
   if (Object.keys(o).length > 0 && t)
     throw new Error("Object must be empty " + JSON.stringify(e));
 }
-function Re(e, t, i) {
+function Ve(e, t, i) {
   const o = [];
   for (const [n, r] of Object.entries(e.styles)) {
     const a = i[n];
@@ -4620,16 +4627,16 @@ function Re(e, t, i) {
     else if (a.propSchema === "string")
       o.push(t.mark(n, { stringValue: r }));
     else
-      throw new A(a.propSchema);
+      throw new P(a.propSchema);
   }
   return e.text.split(/(\n)/g).filter((n) => n.length > 0).map((n) => n === `
 ` ? t.nodes.hardBreak.create() : t.text(n, o));
 }
-function Ci(e, t, i) {
+function Ti(e, t, i) {
   const o = t.marks.link.create({
     href: e.href
   });
-  return xe(e.content, t, i).map(
+  return ve(e.content, t, i).map(
     (n) => {
       if (n.type.name === "text")
         return n.mark([...n.marks, o]);
@@ -4639,29 +4646,29 @@ function Ci(e, t, i) {
     }
   );
 }
-function xe(e, t, i) {
+function ve(e, t, i) {
   const o = [];
   if (typeof e == "string")
     return o.push(
-      ...Re(
+      ...Ve(
         { type: "text", text: e, styles: {} },
         t,
         i
       )
     ), o;
   for (const n of e)
-    o.push(...Re(n, t, i));
+    o.push(...Ve(n, t, i));
   return o;
 }
-function $(e, t, i) {
+function V(e, t, i) {
   const o = [];
   for (const n of e)
-    typeof n == "string" ? o.push(...xe(n, t, i)) : Qe(n) ? o.push(...Ci(n, t, i)) : ie(n) ? o.push(...xe([n], t, i)) : o.push(
-      tt(n, t, i)
+    typeof n == "string" ? o.push(...ve(n, t, i)) : tt(n) ? o.push(...Ti(n, t, i)) : te(n) ? o.push(...ve([n], t, i)) : o.push(
+      ot(n, t, i)
     );
   return o;
 }
-function et(e, t, i) {
+function it(e, t, i) {
   const o = [];
   for (const n of e.rows) {
     const r = [];
@@ -4672,7 +4679,7 @@ function et(e, t, i) {
       else if (typeof s == "string")
         l = t.nodes.tableParagraph.create({}, t.text(s));
       else {
-        const u = $(s, t, i);
+        const u = V(s, t, i);
         l = t.nodes.tableParagraph.create({}, u);
       }
       const d = t.nodes.tableCell.create({}, l);
@@ -4683,36 +4690,36 @@ function et(e, t, i) {
   }
   return o;
 }
-function tt(e, t, i) {
+function ot(e, t, i) {
   let o, n = e.type;
   if (n === void 0 && (n = "paragraph"), !t.nodes[n])
     throw new Error(`node type ${n} not found in schema`);
   if (!e.content)
     o = t.nodes[n].create(e.props);
   else if (typeof e.content == "string") {
-    const r = $([e.content], t, i);
+    const r = V([e.content], t, i);
     o = t.nodes[n].create(e.props, r);
   } else if (Array.isArray(e.content)) {
-    const r = $(e.content, t, i);
+    const r = V(e.content, t, i);
     o = t.nodes[n].create(e.props, r);
   } else if (e.content.type === "tableContent") {
-    const r = et(e.content, t, i);
+    const r = it(e.content, t, i);
     o = t.nodes[n].create(e.props, r);
   } else
-    throw new A(e.content.type);
+    throw new P(e.content.type);
   return o;
 }
-function H(e, t, i) {
+function U(e, t, i) {
   let o = e.id;
-  o === void 0 && (o = ne.options.generateID());
-  const n = tt(
+  o === void 0 && (o = oe.options.generateID());
+  const n = ot(
     e,
     t,
     i
   ), r = [];
   if (e.children)
     for (const s of e.children)
-      r.push(H(s, t, i));
+      r.push(U(s, t, i));
   const a = t.nodes.blockGroup.create({}, r);
   return t.nodes.blockContainer.create(
     {
@@ -4722,7 +4729,7 @@ function H(e, t, i) {
     r.length > 0 ? [n, a] : n
   );
 }
-function Si(e, t, i) {
+function Bi(e, t, i) {
   const o = {
     type: "tableContent",
     rows: []
@@ -4748,7 +4755,7 @@ function Se(e, t, i) {
   return e.content.forEach((r) => {
     if (r.type.name === "hardBreak") {
       if (n)
-        if (ie(n))
+        if (te(n))
           n.text += `
 `;
         else if (ze(n))
@@ -4767,7 +4774,7 @@ function Se(e, t, i) {
     }
     if (r.type.name !== "link" && r.type.name !== "text" && t[r.type.name]) {
       n && (o.push(n), n = void 0), o.push(
-        it(r, t, i)
+        xe(r, t, i)
       );
       return;
     }
@@ -4785,9 +4792,9 @@ function Se(e, t, i) {
         else if (d.propSchema === "string")
           a[d.type] = l.attrs.stringValue;
         else
-          throw new A(d.propSchema);
+          throw new P(d.propSchema);
       }
-    n ? ie(n) ? s ? (o.push(n), n = {
+    n ? te(n) ? s ? (o.push(n), n = {
       type: "link",
       href: s.attrs.href,
       content: [
@@ -4838,7 +4845,7 @@ function Se(e, t, i) {
     };
   }), n && o.push(n), o;
 }
-function it(e, t, i) {
+function xe(e, t, i) {
   if (e.type.name === "text" || e.type.name === "link")
     throw new Error("unexpected");
   const o = {}, n = t[e.type.name];
@@ -4859,7 +4866,7 @@ function it(e, t, i) {
     content: r
   };
 }
-function x(e, t, i, o, n) {
+function C(e, t, i, o, n) {
   if (e.type.name !== "blockContainer")
     throw Error(
       "Node must be of type blockContainer, but is of type" + e.type.name + "."
@@ -4867,26 +4874,26 @@ function x(e, t, i, o, n) {
   const r = n == null ? void 0 : n.get(e);
   if (r)
     return r;
-  const a = Ye(e);
+  const a = et(e);
   let s = a.id;
-  s === null && (s = ne.options.generateID());
+  s === null && (s = oe.options.generateID());
   const l = {};
-  for (const [m, g] of Object.entries({
+  for (const [m, f] of Object.entries({
     ...e.attrs,
     ...a.contentNode.attrs
   })) {
-    const f = t[a.contentType.name];
-    if (!f)
+    const g = t[a.contentType.name];
+    if (!g)
       throw Error(
         "Block is of an unrecognized type: " + a.contentType.name
       );
-    const b = f.propSchema;
-    m in b && (l[m] = g);
+    const k = g.propSchema;
+    m in k && (l[m] = f);
   }
   const d = t[a.contentType.name], u = [];
   for (let m = 0; m < a.numChildBlocks; m++)
     u.push(
-      x(
+      C(
         e.lastChild.child(m),
         t,
         i,
@@ -4902,7 +4909,7 @@ function x(e, t, i, o, n) {
       o
     );
   else if (d.content === "table")
-    p = Si(
+    p = Bi(
       a.contentNode,
       i,
       o
@@ -4910,7 +4917,7 @@ function x(e, t, i, o, n) {
   else if (d.content === "none")
     p = void 0;
   else
-    throw new A(d.content);
+    throw new P(d.content);
   const h = {
     id: s,
     type: d.type,
@@ -4920,14 +4927,14 @@ function x(e, t, i, o, n) {
   };
   return n == null || n.set(e, h), h;
 }
-function Mi(e) {
+function Li(e) {
   return e.document || window.document;
 }
-const ot = (e, t, i, o, n) => {
+const nt = (e, t, i, o, n) => {
   if (!i.nodes[e.type.name])
     throw new Error("Serializer is missing a node type: " + e.type.name);
   const { dom: r, contentDOM: a } = Ee.renderSpec(
-    Mi(t),
+    Li(t),
     i.nodes[e.type.name](e)
   );
   if (a) {
@@ -4937,7 +4944,7 @@ const ot = (e, t, i, o, n) => {
       const s = e.childCount > 0 && e.firstChild.type.spec.group === "blockContent" ? e.firstChild : void 0, l = e.childCount > 0 && e.lastChild.type.spec.group === "blockGroup" ? e.lastChild : void 0;
       if (s !== void 0) {
         const d = o.blockImplementations[s.type.name].implementation, p = (n ? d.toExternalHTML : d.toInternalHTML)(
-          x(
+          C(
             e,
             o.schema.blockSchema,
             o.schema.inlineContentSchema,
@@ -4958,7 +4965,7 @@ const ot = (e, t, i, o, n) => {
         a.appendChild(p.dom);
       }
       l !== void 0 && i.serializeFragment(
-        I.from(l),
+        N.from(l),
         t,
         a
       );
@@ -4966,12 +4973,23 @@ const ot = (e, t, i, o, n) => {
       i.serializeFragment(e.content, t, a);
   }
   return r;
-}, nt = (e, t, i) => {
+}, rt = (e, t, i) => {
   const o = t.serializeFragment(e, i), n = document.createElement("div");
   return n.appendChild(o), n.innerHTML;
 };
-function Ti(e) {
-  const t = P;
+function Re(e, t) {
+  var o;
+  const i = (((o = e.properties) == null ? void 0 : o.className) || []).filter(
+    (n) => !n.startsWith("bn-")
+  ) || [];
+  e.properties = {
+    ...e.properties,
+    ...t,
+    className: i.length > 0 ? i : void 0
+  };
+}
+function Ii(e) {
+  const t = H;
   if (!t)
     throw new Error(
       "simplifyBlocks requires ESM dependencies to be initialized"
@@ -4987,45 +5005,60 @@ function Ti(e) {
     }
     let r = n.children.length, a;
     for (let l = 0; l < r; l++) {
-      const u = n.children[l].children[0], p = u.children.find((f) => {
-        const b = f.properties, y = b == null ? void 0 : b.className;
-        return y == null ? void 0 : y.includes("bn-block-content");
-      }), h = u.children.find((f) => {
-        const b = f.properties, y = b == null ? void 0 : b.className;
-        return y == null ? void 0 : y.includes("bn-block-group");
-      });
+      const u = n.children[l].children[0], p = u.children.find((b) => {
+        const y = b.properties, S = y == null ? void 0 : y.className;
+        return S == null ? void 0 : S.includes("bn-block-content");
+      }), h = u.children.find((b) => {
+        const y = b.properties, S = y == null ? void 0 : y.className;
+        return S == null ? void 0 : S.includes("bn-block-group");
+      }), m = Object.fromEntries(
+        Object.entries(u.properties || {}).filter(
+          ([b]) => b.startsWith("data") && b !== "dataId" && b !== "dataNodeType"
+        )
+      ), f = Object.fromEntries(
+        Object.entries((p == null ? void 0 : p.properties) || {}).filter(
+          ([b]) => b.startsWith("data") && b !== "dataContentType" && b !== "dataFileBlock" && b !== "dataNodeViewWrapper" && b !== "dataEditable"
+        )
+      ), g = {
+        ...m,
+        ...f
+      };
       if (!p) {
         n.children.splice(l, 1, ...h.children), o(n);
         return;
       }
-      const m = i.has(
+      const k = i.has(
         p.properties.dataContentType
-      ), g = m ? e.orderedListItemBlockTypes.has(
+      ), v = k ? e.orderedListItemBlockTypes.has(
         p.properties.dataContentType
       ) ? "ol" : "ul" : null;
-      if (h && o(h), a && a.tagName !== g) {
+      if (h && o(h), a && a.tagName !== v) {
         n.children.splice(
           l - a.children.length,
           a.children.length,
           a
         );
-        const f = a.children.length - 1;
-        l -= f, r -= f, a = void 0;
+        const b = a.children.length - 1;
+        l -= b, r -= b, a = void 0;
       }
-      if (m) {
+      if (k) {
         a || (a = t.hastUtilFromDom.fromDom(
-          document.createElement(g)
+          document.createElement(v)
         ));
-        const f = t.hastUtilFromDom.fromDom(
+        const b = t.hastUtilFromDom.fromDom(
           document.createElement("li")
         );
-        f.children.push(...p.children), h && f.children.push(...h.children), a.children.push(f);
+        b.children.push(...p.children), h && b.children.push(...h.children), a.children.push(b);
       } else if (h) {
-        n.children.splice(l + 1, 0, ...h.children), n.children[l] = p.children[0];
-        const f = h.children.length;
-        l += f, r += f;
-      } else
-        n.children[l] = p.children[0];
+        n.children.splice(l + 1, 0, ...h.children);
+        const b = p.children[0];
+        Re(b, g), n.children[l] = b;
+        const y = h.children.length;
+        l += y, r += y;
+      } else {
+        const b = p.children[0];
+        Re(b, g), n.children[l] = b;
+      }
     }
     a && n.children.splice(
       r - a.children.length,
@@ -5036,62 +5069,62 @@ function Ti(e) {
   return o;
 }
 const de = (e, t) => {
-  const i = P;
+  const i = H;
   if (!i)
     throw new Error(
       "External HTML exporter requires ESM dependencies to be initialized"
     );
   const o = Ee.fromSchema(e);
-  return o.serializeNodeInner = (n, r) => ot(n, r, o, t, !0), o.exportProseMirrorFragment = (n, r) => i.unified.unified().use(i.rehypeParse.default, { fragment: !0 }).use(Ti, {
+  return o.serializeNodeInner = (n, r) => nt(n, r, o, t, !0), o.exportProseMirrorFragment = (n, r) => i.unified.unified().use(i.rehypeParse.default, { fragment: !0 }).use(Ii, {
     orderedListItemBlockTypes: /* @__PURE__ */ new Set(["numberedListItem"]),
     unorderedListItemBlockTypes: /* @__PURE__ */ new Set([
       "bulletListItem",
       "checkListItem"
     ])
-  }).use(i.rehypeStringify.default).processSync(nt(n, o, r)).value, o.exportBlocks = (n, r) => {
+  }).use(i.rehypeStringify.default).processSync(rt(n, o, r)).value, o.exportBlocks = (n, r) => {
     const a = n.map(
-      (l) => H(l, e, t.schema.styleSchema)
+      (l) => U(l, e, t.schema.styleSchema)
     ), s = e.nodes.blockGroup.create(null, a);
     return o.exportProseMirrorFragment(
-      I.from(s),
+      N.from(s),
       r
     );
   }, o;
 }, Me = (e, t) => {
   const i = Ee.fromSchema(e);
-  return i.serializeNodeInner = (o, n) => ot(o, n, i, t, !1), i.serializeProseMirrorFragment = (o, n) => nt(o, i, n), i.serializeBlocks = (o, n) => {
+  return i.serializeNodeInner = (o, n) => nt(o, n, i, t, !1), i.serializeProseMirrorFragment = (o, n) => rt(o, i, n), i.serializeBlocks = (o, n) => {
     const r = o.map(
-      (s) => H(s, e, t.schema.styleSchema)
+      (s) => U(s, e, t.schema.styleSchema)
     ), a = e.nodes.blockGroup.create(null, r);
     return i.serializeProseMirrorFragment(
-      I.from(a),
+      N.from(a),
       n
     );
   }, i;
-}, S = (e) => {
+}, B = (e) => {
   const { contentType: t } = _(
     e.state.doc,
     e.state.selection.from
   );
   return t.spec.content;
-}, Bi = () => typeof navigator < "u" && (/Mac/.test(navigator.platform) || /AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent));
+}, Ai = () => typeof navigator < "u" && (/Mac/.test(navigator.platform) || /AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent));
 function D(e, t = "Ctrl") {
-  return Bi() ? e.replace("Mod", "⌘") : e.replace("Mod", t);
+  return Ai() ? e.replace("Mod", "⌘") : e.replace("Mod", t);
 }
-function z(...e) {
+function R(...e) {
   return e.filter((t) => t).join(" ");
 }
-const Cr = () => /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-function R(e, t, i, o) {
+const Br = () => /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+function O(e, t, i, o) {
   const n = document.createElement("div");
-  n.className = z(
+  n.className = R(
     "bn-block-content",
     i.class
   ), n.setAttribute("data-content-type", e);
   for (const [a, s] of Object.entries(i))
     a !== "class" && n.setAttribute(a, s);
   const r = document.createElement(t);
-  r.className = z(
+  r.className = R(
     "bn-inline-content",
     o.class
   );
@@ -5104,8 +5137,8 @@ function R(e, t, i, o) {
     contentDOM: r
   };
 }
-const Ve = (e, t) => {
-  const i = H(e, t.pmSchema, t.schema.styleSchema).firstChild, o = t.pmSchema.nodes[i.type.name].spec.toDOM;
+const Oe = (e, t) => {
+  const i = U(e, t.pmSchema, t.schema.styleSchema).firstChild, o = t.pmSchema.nodes[i.type.name].spec.toDOM;
   if (o === void 0)
     throw new Error(
       "This block has no default HTML serialization as its corresponding TipTap node doesn't implement `renderHTML`."
@@ -5116,7 +5149,7 @@ const Ve = (e, t) => {
       "Cannot use this block's default HTML serialization as its corresponding TipTap node's `renderHTML` function does not return an object with the `dom` property."
     );
   return n;
-}, k = {
+}, w = {
   backgroundColor: {
     default: "default"
   },
@@ -5127,18 +5160,18 @@ const Ve = (e, t) => {
     default: "left",
     values: ["left", "center", "right", "justify"]
   }
-}, rt = ["backgroundColor", "textColor"];
-function le(e) {
+}, at = ["backgroundColor", "textColor"];
+function se(e) {
   return "data-" + e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
-function Sr(e) {
+function Lr(e) {
   const t = e.split("/");
   return !t.length || // invalid?
   t[t.length - 1] === "" ? e : t[t.length - 1];
 }
-function at(e) {
+function st(e) {
   const t = {};
-  return Object.entries(e).filter(([i, o]) => !rt.includes(i)).forEach(([i, o]) => {
+  return Object.entries(e).filter(([i, o]) => !at.includes(i)).forEach(([i, o]) => {
     t[i] = {
       default: o.default,
       keepOnSplit: !0,
@@ -5146,7 +5179,7 @@ function at(e) {
       // value is the same as its default, we don't display an HTML
       // attribute for it.
       parseHTML: (n) => {
-        const r = n.getAttribute(le(i));
+        const r = n.getAttribute(se(i));
         if (r === null)
           return null;
         if (typeof o.default == "boolean")
@@ -5158,12 +5191,12 @@ function at(e) {
         return r;
       },
       renderHTML: (n) => n[i] !== o.default ? {
-        [le(i)]: n[i]
+        [se(i)]: n[i]
       } : {}
     };
   }), t;
 }
-function Li(e, t, i, o) {
+function Ni(e, t, i, o) {
   if (typeof e == "boolean")
     throw new Error(
       "Cannot find node position as getPos is a boolean, not a function."
@@ -5176,18 +5209,18 @@ function Li(e, t, i, o) {
     throw new Error("Block type does not match");
   return s;
 }
-function be(e, t, i, o, n = !1, r) {
+function ge(e, t, i, o, n = !1, r) {
   const a = document.createElement("div");
   if (r !== void 0)
     for (const [s, l] of Object.entries(r))
       s !== "class" && a.setAttribute(s, l);
-  a.className = z(
+  a.className = R(
     "bn-block-content",
     (r == null ? void 0 : r.class) || ""
   ), a.setAttribute("data-content-type", t);
   for (const [s, l] of Object.entries(i))
-    !rt.includes(s) && l !== o[s].default && a.setAttribute(le(s), l);
-  return n && a.setAttribute("data-file-block", ""), a.appendChild(e.dom), e.contentDOM !== void 0 && (e.contentDOM.className = z(
+    !at.includes(s) && l !== o[s].default && a.setAttribute(se(s), l);
+  return n && a.setAttribute("data-file-block", ""), a.appendChild(e.dom), e.contentDOM !== void 0 && (e.contentDOM.className = R(
     "bn-inline-content",
     e.contentDOM.className
   ), e.contentDOM.setAttribute("data-editable", "")), {
@@ -5195,17 +5228,17 @@ function be(e, t, i, o, n = !1, r) {
     dom: a
   };
 }
-function O(e) {
+function F(e) {
   return q.create(e);
 }
-function st(e, t) {
+function lt(e, t) {
   return {
     config: e,
     implementation: t
   };
 }
 function X(e, t, i) {
-  return st(
+  return lt(
     {
       type: e.name,
       content: e.config.content === "inline*" ? "inline" : e.config.content === "tableRow+" ? "table" : "none",
@@ -5214,18 +5247,23 @@ function X(e, t, i) {
     {
       node: e,
       requiredExtensions: i,
-      toInternalHTML: Ve,
-      toExternalHTML: Ve
+      toInternalHTML: Oe,
+      toExternalHTML: Oe
       // parse: () => undefined, // parse rules are in node already
     }
   );
 }
-function lt(e) {
+function dt(e) {
   return Object.fromEntries(
     Object.entries(e).map(([t, i]) => [t, i.config])
   );
 }
-function Ii(e, t) {
+function Pi(e, t) {
+  e.stopEvent = (i) => i.type === "copy" || i.type === "cut" ? !0 : i.type === "mousedown" ? (setTimeout(() => {
+    t.view.dom.blur();
+  }, 10), !0) : !1;
+}
+function Hi(e, t) {
   const i = [
     {
       tag: "[data-content-type=" + e.type + "]",
@@ -5243,16 +5281,16 @@ function Ii(e, t) {
   }), i;
 }
 function ce(e, t) {
-  const i = O({
+  const i = F({
     name: e.type,
     content: e.content === "inline" ? "inline*" : "",
     group: "blockContent",
-    selectable: !0,
+    selectable: e.isSelectable ?? !0,
     addAttributes() {
-      return at(e.propSchema);
+      return st(e.propSchema);
     },
     parseHTML() {
-      return Ii(e, t.parse);
+      return Hi(e, t.parse);
     },
     renderHTML() {
       const o = document.createElement("div");
@@ -5262,20 +5300,20 @@ function ce(e, t) {
     },
     addNodeView() {
       return ({ getPos: o }) => {
-        var l;
-        const n = this.options.editor, r = Li(
+        var d;
+        const n = this.options.editor, r = Ni(
           o,
           n,
           this.editor,
           e.type
-        ), a = ((l = this.options.domAttributes) == null ? void 0 : l.blockContent) || {}, s = t.render(r, n);
-        return be(
+        ), a = ((d = this.options.domAttributes) == null ? void 0 : d.blockContent) || {}, s = t.render(r, n), l = ge(
           s,
           r.type,
           r.props,
           e.propSchema,
           a
         );
+        return e.isSelectable === !1 && Pi(l, this.editor), l;
       };
     }
   });
@@ -5283,12 +5321,12 @@ function ce(e, t) {
     throw new Error(
       "Node name does not match block type. This is a bug in BlockNote."
     );
-  return st(e, {
+  return lt(e, {
     node: i,
     toInternalHTML: (o, n) => {
       var s;
       const r = ((s = i.options.domAttributes) == null ? void 0 : s.blockContent) || {}, a = t.render(o, n);
-      return be(
+      return ge(
         a,
         o.type,
         o.props,
@@ -5305,7 +5343,7 @@ function ce(e, t) {
         o,
         n
       );
-      return a === void 0 && (a = t.render(o, n)), be(
+      return a === void 0 && (a = t.render(o, n)), ge(
         a,
         o.type,
         o.props,
@@ -5315,10 +5353,10 @@ function ce(e, t) {
     }
   });
 }
-function Ai(e, t, i, o) {
-  return e.dom.setAttribute("data-inline-content-type", t), Object.entries(i).filter(([n, r]) => r !== o[n].default).map(([n, r]) => [le(n), r]).forEach(([n, r]) => e.dom.setAttribute(n, r)), e.contentDOM !== void 0 && e.contentDOM.setAttribute("data-editable", ""), e;
+function Fe(e, t, i, o) {
+  return e.dom.setAttribute("data-inline-content-type", t), Object.entries(i).filter(([n, r]) => r !== o[n].default).map(([n, r]) => [se(n), r]).forEach(([n, r]) => e.dom.setAttribute(n, r)), e.contentDOM !== void 0 && e.contentDOM.setAttribute("data-editable", ""), e;
 }
-function Ni(e) {
+function Ui(e) {
   return {
     Backspace: ({ editor: t }) => {
       const i = t.state.selection.$from;
@@ -5326,14 +5364,14 @@ function Ni(e) {
     }
   };
 }
-function Pi(e, t) {
+function Di(e, t) {
   return {
     config: e,
     implementation: t
   };
 }
-function Hi(e, t) {
-  return Pi(
+function ji(e, t) {
+  return Di(
     {
       type: e.name,
       propSchema: t,
@@ -5344,12 +5382,12 @@ function Hi(e, t) {
     }
   );
 }
-function dt(e) {
+function ct(e) {
   return Object.fromEntries(
     Object.entries(e).map(([t, i]) => [t, i.config])
   );
 }
-function Di(e) {
+function zi(e) {
   return [
     {
       tag: `[data-inline-content-type="${e.type}"]`,
@@ -5360,7 +5398,7 @@ function Di(e) {
     }
   ];
 }
-function Mr(e, t) {
+function Ir(e, t) {
   const i = q.create({
     name: e.type,
     inline: !0,
@@ -5369,37 +5407,75 @@ function Mr(e, t) {
     atom: e.content === "none",
     content: e.content === "styled" ? "inline*" : "",
     addAttributes() {
-      return at(e.propSchema);
+      return st(e.propSchema);
     },
     addKeyboardShortcuts() {
-      return Ni(e);
+      return Ui(e);
     },
     parseHTML() {
-      return Di(e);
+      return zi(e);
     },
     renderHTML({ node: o }) {
       const n = this.options.editor, r = t.render(
-        it(
+        xe(
           o,
           n.schema.inlineContentSchema,
           n.schema.styleSchema
-        )
+        ),
         // TODO: fix cast
+        () => {
+        },
+        n
       );
-      return Ai(
+      return Fe(
         r,
         e.type,
         o.attrs,
         e.propSchema
       );
+    },
+    addNodeView() {
+      return ({ node: o, getPos: n }) => {
+        const r = this.options.editor, a = t.render(
+          xe(
+            o,
+            r.schema.inlineContentSchema,
+            r.schema.styleSchema
+          ),
+          // TODO: fix cast
+          (s) => {
+            if (typeof n == "boolean")
+              return;
+            const l = V(
+              [s],
+              r._tiptapEditor.schema,
+              r.schema.styleSchema
+            );
+            r._tiptapEditor.view.dispatch(
+              r._tiptapEditor.view.state.tr.replaceWith(
+                n(),
+                n() + o.nodeSize,
+                l
+              )
+            );
+          },
+          r
+        );
+        return Fe(
+          a,
+          e.type,
+          o.attrs,
+          e.propSchema
+        );
+      };
     }
   });
-  return Hi(
+  return ji(
     i,
     e.propSchema
   );
 }
-function Ui(e) {
+function Vi(e) {
   return e === "boolean" ? {} : {
     stringValue: {
       default: void 0,
@@ -5411,17 +5487,17 @@ function Ui(e) {
     }
   };
 }
-function ji(e, t, i, o) {
+function Ri(e, t, i, o) {
   return e.dom.setAttribute("data-style-type", t), o === "string" && e.dom.setAttribute("data-value", i), e.contentDOM !== void 0 && e.contentDOM.setAttribute("data-editable", ""), e;
 }
-function ct(e, t) {
+function ut(e, t) {
   return {
     config: e,
     implementation: t
   };
 }
-function U(e, t) {
-  return ct(
+function j(e, t) {
+  return ut(
     {
       type: e.name,
       propSchema: t
@@ -5431,12 +5507,12 @@ function U(e, t) {
     }
   );
 }
-function ut(e) {
+function pt(e) {
   return Object.fromEntries(
     Object.entries(e).map(([t, i]) => [t, i.config])
   );
 }
-function zi(e) {
+function Oi(e) {
   return [
     {
       tag: `[data-style-type="${e.type}"]`,
@@ -5447,14 +5523,14 @@ function zi(e) {
     }
   ];
 }
-function Tr(e, t) {
+function Ar(e, t) {
   const i = Ce.create({
     name: e.type,
     addAttributes() {
-      return Ui(e.propSchema);
+      return Vi(e.propSchema);
     },
     parseHTML() {
-      return zi(e);
+      return Oi(e);
     },
     renderHTML({ mark: o }) {
       let n;
@@ -5463,8 +5539,8 @@ function Tr(e, t) {
       else if (e.propSchema === "string")
         n = t.render(o.attrs.stringValue);
       else
-        throw new A(e.propSchema);
-      return ji(
+        throw new P(e.propSchema);
+      return Ri(
         n,
         e.type,
         o.attrs.stringValue,
@@ -5472,11 +5548,45 @@ function Tr(e, t) {
       );
     }
   });
-  return ct(e, {
+  return ut(e, {
     mark: i
   });
 }
-const ue = (e) => {
+const ue = (e, t, i, o, n) => {
+  const r = document.createElement("div");
+  if (r.className = "bn-file-block-content-wrapper", e.props.url === "") {
+    const a = Fi(
+      e,
+      t,
+      o,
+      n
+    );
+    r.appendChild(a.dom);
+    const s = document.createElement("div");
+    s.className = "bn-file-loading-preview", s.textContent = "Loading...";
+    const l = t.onUploadStart((u) => {
+      u === e.id && (r.removeChild(a.dom), r.appendChild(s));
+    }), d = t.onUploadEnd((u) => {
+      u === e.id && (r.removeChild(s), r.appendChild(a.dom));
+    });
+    return {
+      dom: r,
+      destroy: () => {
+        var u;
+        (u = a.destroy) == null || u.call(a), l(), d();
+      }
+    };
+  } else if (e.props.showPreview === !1) {
+    const a = ht(e).dom;
+    return {
+      dom: ne(e, a).dom
+    };
+  } else
+    return r.appendChild(i.dom), {
+      dom: r,
+      destroy: i.destroy
+    };
+}, ht = (e) => {
   const t = document.createElement("div");
   t.className = "bn-file-default-preview";
   const i = document.createElement("div");
@@ -5485,14 +5595,14 @@ const ue = (e) => {
   return o.className = "bn-file-default-preview-name", o.textContent = e.props.name || "", t.appendChild(i), t.appendChild(o), {
     dom: t
   };
-}, V = (e, t) => {
+}, ne = (e, t) => {
   const i = document.createElement("div");
   i.className = "bn-file-and-caption-wrapper";
   const o = document.createElement("p");
   return o.className = "bn-file-caption", o.textContent = e.props.caption, i.appendChild(t), i.appendChild(o), {
     dom: i
   };
-}, pe = (e, t, i, o) => {
+}, Fi = (e, t, i, o) => {
   const n = document.createElement("div");
   n.className = "bn-add-file-button";
   const r = document.createElement("div");
@@ -5526,7 +5636,7 @@ const ue = (e) => {
       );
     }
   };
-}, Oe = (e) => ({ url: e.src || void 0 }), he = (e, t) => {
+}, Ge = (e) => ({ url: e.src || void 0 }), pe = (e, t) => {
   const i = e.querySelector(
     t
   );
@@ -5534,7 +5644,7 @@ const ue = (e) => {
     return;
   const o = e.querySelector("figcaption"), n = (o == null ? void 0 : o.textContent) ?? void 0;
   return { targetElement: i, caption: n };
-}, me = (e, t) => {
+}, he = (e, t) => {
   const i = document.createElement("div"), o = document.createElement("p");
   return o.textContent = t, i.appendChild(e), i.appendChild(o), {
     dom: i
@@ -5542,7 +5652,7 @@ const ue = (e) => {
 }, Te = (e, t) => {
   const i = document.createElement("figure"), o = document.createElement("figcaption");
   return o.textContent = t, i.appendChild(e), i.appendChild(o), { dom: i };
-}, pt = (e, t, i, o, n) => {
+}, mt = (e, t, i, o, n) => {
   if (!e.props.previewWidth)
     throw new Error("Block must have a `previewWidth` prop.");
   const r = document.createElement("div");
@@ -5552,36 +5662,36 @@ const ue = (e) => {
   const s = document.createElement("div");
   s.className = "bn-visual-media-resize-handle", s.style.right = "4px";
   let l;
-  const d = (f) => {
+  const d = (g) => {
     if (!l) {
       !t.isEditable && r.contains(a) && r.contains(s) && (r.removeChild(a), r.removeChild(s));
       return;
     }
-    let b;
-    e.props.textAlignment === "center" ? l.handleUsed === "left" ? b = l.initialWidth + (l.initialClientX - f.clientX) * 2 : b = l.initialWidth + (f.clientX - l.initialClientX) * 2 : l.handleUsed === "left" ? b = l.initialWidth + l.initialClientX - f.clientX : b = l.initialWidth + f.clientX - l.initialClientX;
-    const y = 64;
-    b < y ? n(y) : b > t.domElement.firstElementChild.clientWidth ? n(t.domElement.firstElementChild.clientWidth) : n(b);
-  }, u = (f) => {
-    (!f.target || !r.contains(f.target) || !t.isEditable) && r.contains(a) && r.contains(s) && (r.removeChild(a), r.removeChild(s)), l && (l = void 0, t.updateBlock(e, {
+    let k;
+    e.props.textAlignment === "center" ? l.handleUsed === "left" ? k = l.initialWidth + (l.initialClientX - g.clientX) * 2 : k = l.initialWidth + (g.clientX - l.initialClientX) * 2 : l.handleUsed === "left" ? k = l.initialWidth + l.initialClientX - g.clientX : k = l.initialWidth + g.clientX - l.initialClientX;
+    const v = 64;
+    k < v ? n(v) : k > t.domElement.firstElementChild.clientWidth ? n(t.domElement.firstElementChild.clientWidth) : n(k);
+  }, u = (g) => {
+    (!g.target || !r.contains(g.target) || !t.isEditable) && r.contains(a) && r.contains(s) && (r.removeChild(a), r.removeChild(s)), l && (l = void 0, t.updateBlock(e, {
       props: {
         previewWidth: o()
       }
     }));
   }, p = () => {
     t.isEditable && (r.appendChild(a), r.appendChild(s));
-  }, h = (f) => {
-    f.relatedTarget === a || f.relatedTarget === s || l || t.isEditable && r.contains(a) && r.contains(s) && (r.removeChild(a), r.removeChild(s));
-  }, m = (f) => {
-    f.preventDefault(), r.appendChild(a), r.appendChild(s), l = {
+  }, h = (g) => {
+    g.relatedTarget === a || g.relatedTarget === s || l || t.isEditable && r.contains(a) && r.contains(s) && (r.removeChild(a), r.removeChild(s));
+  }, m = (g) => {
+    g.preventDefault(), r.appendChild(a), r.appendChild(s), l = {
       handleUsed: "left",
       initialWidth: e.props.previewWidth,
-      initialClientX: f.clientX
+      initialClientX: g.clientX
     };
-  }, g = (f) => {
-    f.preventDefault(), r.appendChild(a), r.appendChild(s), l = {
+  }, f = (g) => {
+    g.preventDefault(), r.appendChild(a), r.appendChild(s), l = {
       handleUsed: "right",
       initialWidth: e.props.previewWidth,
-      initialClientX: f.clientX
+      initialClientX: g.clientX
     };
   };
   return r.appendChild(i), window.addEventListener("mousemove", d), window.addEventListener("mouseup", u), i.addEventListener("mouseenter", p), i.addEventListener("mouseleave", h), a.addEventListener(
@@ -5589,7 +5699,7 @@ const ue = (e) => {
     m
   ), s.addEventListener(
     "mousedown",
-    g
+    f
   ), {
     dom: r,
     destroy: () => {
@@ -5598,12 +5708,12 @@ const ue = (e) => {
         m
       ), s.removeEventListener(
         "mousedown",
-        g
+        f
       );
     }
   };
-}, Fe = (e) => ({ url: e.src || void 0 }), Ri = {
-  backgroundColor: k.backgroundColor,
+}, We = (e) => ({ url: e.src || void 0 }), Gi = {
+  backgroundColor: w.backgroundColor,
   // File name.
   name: {
     default: ""
@@ -5619,59 +5729,41 @@ const ue = (e) => {
   showPreview: {
     default: !0
   }
-}, Vi = {
+}, Wi = {
   type: "audio",
-  propSchema: Ri,
+  propSchema: Gi,
   content: "none",
   isFileBlock: !0,
   fileBlockAccept: ["audio/*"]
-}, Oi = (e, t) => {
+}, Ki = (e, t) => {
   const i = document.createElement("div");
-  if (i.className = "bn-file-block-content-wrapper", e.props.url === "") {
-    const o = document.createElement("div");
-    o.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z"></path></svg>';
-    const n = pe(
-      e,
-      t,
-      t.dictionary.file_blocks.audio.add_button_text,
-      o.firstElementChild
-    );
-    return i.appendChild(n.dom), {
-      dom: i,
-      destroy: () => {
-        var r;
-        (r = n == null ? void 0 : n.destroy) == null || r.call(n);
-      }
-    };
-  } else if (e.props.showPreview) {
-    const o = document.createElement("audio");
-    o.className = "bn-audio", t.resolveFileUrl(e.props.url).then((r) => {
-      o.src = r;
-    }), o.controls = !0, o.contentEditable = "false", o.draggable = !1;
-    const n = V(e, o);
-    return i.appendChild(n.dom), {
-      dom: i
-    };
-  } else {
-    const o = ue(e).dom;
-    return {
-      dom: V(e, o).dom
-    };
-  }
-}, Fi = (e) => {
+  i.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z"></path></svg>';
+  const o = document.createElement("audio");
+  o.className = "bn-audio", t.resolveFileUrl(e.props.url).then((r) => {
+    o.src = r;
+  }), o.controls = !0, o.contentEditable = "false", o.draggable = !1;
+  const n = ne(e, o);
+  return ue(
+    e,
+    t,
+    n,
+    t.dictionary.file_blocks.audio.add_button_text,
+    i.firstElementChild
+  );
+}, $i = (e) => {
   if (e.tagName === "AUDIO")
-    return Fe(e);
+    return We(e);
   if (e.tagName === "FIGURE") {
-    const t = he(e, "audio");
+    const t = pe(e, "audio");
     if (!t)
       return;
     const { targetElement: i, caption: o } = t;
     return {
-      ...Fe(i),
+      ...We(i),
       caption: o
     };
   }
-}, Gi = (e) => {
+}, qi = (e) => {
   if (!e.props.url) {
     const i = document.createElement("p");
     return i.textContent = "Add audio", {
@@ -5679,15 +5771,15 @@ const ue = (e) => {
     };
   }
   let t;
-  return e.props.showPreview ? (t = document.createElement("audio"), t.src = e.props.url) : (t = document.createElement("a"), t.href = e.props.url, t.textContent = e.props.name || e.props.url), e.props.caption ? e.props.showPreview ? Te(t, e.props.caption) : me(t, e.props.caption) : {
+  return e.props.showPreview ? (t = document.createElement("audio"), t.src = e.props.url) : (t = document.createElement("a"), t.href = e.props.url, t.textContent = e.props.name || e.props.url), e.props.caption ? e.props.showPreview ? Te(t, e.props.caption) : he(t, e.props.caption) : {
     dom: t
   };
-}, Ki = ce(Vi, {
-  render: Oi,
-  parse: Fi,
-  toExternalHTML: Gi
-}), Wi = {
-  backgroundColor: k.backgroundColor,
+}, Xi = ce(Wi, {
+  render: Ki,
+  parse: $i,
+  toExternalHTML: qi
+}), Zi = {
+  backgroundColor: w.backgroundColor,
   // File name.
   name: {
     default: ""
@@ -5700,39 +5792,28 @@ const ue = (e) => {
   caption: {
     default: ""
   }
-}, $i = {
+}, Ji = {
   type: "file",
-  propSchema: Wi,
+  propSchema: Zi,
   content: "none",
   isFileBlock: !0
-}, qi = (e, t) => {
-  const i = document.createElement("div");
-  if (i.className = "bn-file-block-content-wrapper", e.props.url === "") {
-    const o = pe(e, t);
-    return i.appendChild(o.dom), {
-      dom: i,
-      destroy: o.destroy
-    };
-  } else {
-    const o = ue(e).dom, n = V(e, o);
-    return i.appendChild(n.dom), {
-      dom: i
-    };
-  }
-}, Xi = (e) => {
+}, Yi = (e, t) => {
+  const i = ht(e).dom, o = ne(e, i);
+  return ue(e, t, o);
+}, Qi = (e) => {
   if (e.tagName === "EMBED")
-    return Oe(e);
+    return Ge(e);
   if (e.tagName === "FIGURE") {
-    const t = he(e, "embed");
+    const t = pe(e, "embed");
     if (!t)
       return;
     const { targetElement: i, caption: o } = t;
     return {
-      ...Oe(i),
+      ...Ge(i),
       caption: o
     };
   }
-}, Zi = (e) => {
+}, eo = (e) => {
   if (!e.props.url) {
     const i = document.createElement("p");
     return i.textContent = "Add file", {
@@ -5740,14 +5821,14 @@ const ue = (e) => {
     };
   }
   const t = document.createElement("a");
-  return t.href = e.props.url, t.textContent = e.props.name || e.props.url, e.props.caption ? me(t, e.props.caption) : {
+  return t.href = e.props.url, t.textContent = e.props.name || e.props.url, e.props.caption ? he(t, e.props.caption) : {
     dom: t
   };
-}, Ji = ce($i, {
-  render: qi,
-  parse: Xi,
-  toExternalHTML: Zi
-}), Br = async (e) => {
+}, to = ce(Ji, {
+  render: Yi,
+  parse: Qi,
+  toExternalHTML: eo
+}), Nr = async (e) => {
   const t = new FormData();
   return t.append("file", e), (await (await fetch("https://tmpfiles.org/api/v1/upload", {
     method: "POST",
@@ -5756,12 +5837,12 @@ const ue = (e) => {
     "tmpfiles.org/",
     "tmpfiles.org/dl/"
   );
-}, Ge = (e) => {
+}, Ke = (e) => {
   const t = e.src || void 0, i = e.width || void 0;
   return { url: t, previewWidth: i };
-}, Yi = {
-  textAlignment: k.textAlignment,
-  backgroundColor: k.backgroundColor,
+}, io = {
+  textAlignment: w.textAlignment,
+  backgroundColor: w.backgroundColor,
   // File name.
   name: {
     default: ""
@@ -5781,69 +5862,50 @@ const ue = (e) => {
   previewWidth: {
     default: 512
   }
-}, Qi = {
+}, oo = {
   type: "image",
-  propSchema: Yi,
+  propSchema: io,
   content: "none",
   isFileBlock: !0,
   fileBlockAccept: ["image/*"]
-}, eo = (e, t) => {
+}, no = (e, t) => {
   const i = document.createElement("div");
-  if (i.className = "bn-file-block-content-wrapper", e.props.url === "") {
-    const o = document.createElement("div");
-    o.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M5 11.1005L7 9.1005L12.5 14.6005L16 11.1005L19 14.1005V5H5V11.1005ZM4 3H20C20.5523 3 21 3.44772 21 4V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3ZM15.5 10C14.6716 10 14 9.32843 14 8.5C14 7.67157 14.6716 7 15.5 7C16.3284 7 17 7.67157 17 8.5C17 9.32843 16.3284 10 15.5 10Z"></path></svg>';
-    const n = pe(
-      e,
-      t,
-      t.dictionary.file_blocks.image.add_button_text,
-      o.firstElementChild
-    );
-    return i.appendChild(n.dom), {
-      dom: i,
-      destroy: () => {
-        var r;
-        (r = n == null ? void 0 : n.destroy) == null || r.call(n);
-      }
-    };
-  } else if (e.props.showPreview) {
-    const o = document.createElement("img");
-    o.className = "bn-visual-media", t.resolveFileUrl(e.props.url).then((a) => {
-      o.src = a;
-    }), o.alt = e.props.name || e.props.caption || "BlockNote image", o.contentEditable = "false", o.draggable = !1, o.width = Math.min(
-      e.props.previewWidth,
-      t.domElement.firstElementChild.clientWidth
-    );
-    const n = pt(
-      e,
-      t,
-      o,
-      () => o.width,
-      (a) => o.width = a
-    ), r = V(e, n.dom);
-    return i.appendChild(r.dom), {
-      dom: i,
-      destroy: n.destroy
-    };
-  } else {
-    const o = ue(e).dom;
-    return {
-      dom: V(e, o).dom
-    };
-  }
-}, to = (e) => {
+  i.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M5 11.1005L7 9.1005L12.5 14.6005L16 11.1005L19 14.1005V5H5V11.1005ZM4 3H20C20.5523 3 21 3.44772 21 4V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3ZM15.5 10C14.6716 10 14 9.32843 14 8.5C14 7.67157 14.6716 7 15.5 7C16.3284 7 17 7.67157 17 8.5C17 9.32843 16.3284 10 15.5 10Z"></path></svg>';
+  const o = document.createElement("img");
+  o.className = "bn-visual-media", t.resolveFileUrl(e.props.url).then((a) => {
+    o.src = a;
+  }), o.alt = e.props.name || e.props.caption || "BlockNote image", o.contentEditable = "false", o.draggable = !1, o.width = Math.min(
+    e.props.previewWidth,
+    t.domElement.firstElementChild.clientWidth
+  );
+  const n = mt(
+    e,
+    t,
+    o,
+    () => o.width,
+    (a) => o.width = a
+  ), r = ne(e, n.dom);
+  return ue(
+    e,
+    t,
+    r,
+    t.dictionary.file_blocks.image.add_button_text,
+    i.firstElementChild
+  );
+}, ro = (e) => {
   if (e.tagName === "IMG")
-    return Ge(e);
+    return Ke(e);
   if (e.tagName === "FIGURE") {
-    const t = he(e, "img");
+    const t = pe(e, "img");
     if (!t)
       return;
     const { targetElement: i, caption: o } = t;
     return {
-      ...Ge(i),
+      ...Ke(i),
       caption: o
     };
   }
-}, io = (e) => {
+}, ao = (e) => {
   if (!e.props.url) {
     const i = document.createElement("p");
     return i.textContent = "Add image", {
@@ -5851,19 +5913,19 @@ const ue = (e) => {
     };
   }
   let t;
-  return e.props.showPreview ? (t = document.createElement("img"), t.src = e.props.url, t.alt = e.props.name || e.props.caption || "BlockNote image", t.width = e.props.previewWidth) : (t = document.createElement("a"), t.href = e.props.url, t.textContent = e.props.name || e.props.url), e.props.caption ? e.props.showPreview ? Te(t, e.props.caption) : me(t, e.props.caption) : {
+  return e.props.showPreview ? (t = document.createElement("img"), t.src = e.props.url, t.alt = e.props.name || e.props.caption || "BlockNote image", t.width = e.props.previewWidth) : (t = document.createElement("a"), t.href = e.props.url, t.textContent = e.props.name || e.props.url), e.props.caption ? e.props.showPreview ? Te(t, e.props.caption) : he(t, e.props.caption) : {
     dom: t
   };
-}, oo = ce(Qi, {
-  render: eo,
-  parse: to,
-  toExternalHTML: io
-}), Ke = (e) => {
+}, so = ce(oo, {
+  render: no,
+  parse: ro,
+  toExternalHTML: ao
+}), $e = (e) => {
   const t = e.src || void 0, i = e.width || void 0;
   return { url: t, previewWidth: i };
-}, no = {
-  textAlignment: k.textAlignment,
-  backgroundColor: k.backgroundColor,
+}, lo = {
+  textAlignment: w.textAlignment,
+  backgroundColor: w.backgroundColor,
   // File name.
   name: {
     default: ""
@@ -5883,67 +5945,48 @@ const ue = (e) => {
   previewWidth: {
     default: 512
   }
-}, ro = {
+}, co = {
   type: "video",
-  propSchema: no,
+  propSchema: lo,
   content: "none",
   isFileBlock: !0,
   fileBlockAccept: ["video/*"]
-}, ao = (e, t) => {
+}, uo = (e, t) => {
   const i = document.createElement("div");
-  if (i.className = "bn-file-block-content-wrapper", e.props.url === "") {
-    const o = document.createElement("div");
-    o.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M2 3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934ZM8 5V19H16V5H8ZM4 5V7H6V5H4ZM18 5V7H20V5H18ZM4 9V11H6V9H4ZM18 9V11H20V9H18ZM4 13V15H6V13H4ZM18 13V15H20V13H18ZM4 17V19H6V17H4ZM18 17V19H20V17H18Z"></path></svg>';
-    const n = pe(
-      e,
-      t,
-      t.dictionary.file_blocks.video.add_button_text,
-      o.firstElementChild
-    );
-    return i.appendChild(n.dom), {
-      dom: i,
-      destroy: () => {
-        var r;
-        (r = n == null ? void 0 : n.destroy) == null || r.call(n);
-      }
-    };
-  } else if (e.props.showPreview) {
-    const o = document.createElement("video");
-    o.className = "bn-visual-media", o.src = e.props.url, o.controls = !0, o.contentEditable = "false", o.draggable = !1, o.width = Math.min(
-      e.props.previewWidth,
-      t.domElement.firstElementChild.clientWidth
-    );
-    const n = pt(
-      e,
-      t,
-      o,
-      () => o.width,
-      (a) => o.width = a
-    ), r = V(e, n.dom);
-    return i.appendChild(r.dom), {
-      dom: i,
-      destroy: n.destroy
-    };
-  } else {
-    const o = ue(e).dom;
-    return {
-      dom: V(e, o).dom
-    };
-  }
-}, so = (e) => {
+  i.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M2 3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934ZM8 5V19H16V5H8ZM4 5V7H6V5H4ZM18 5V7H20V5H18ZM4 9V11H6V9H4ZM18 9V11H20V9H18ZM4 13V15H6V13H4ZM18 13V15H20V13H18ZM4 17V19H6V17H4ZM18 17V19H20V17H18Z"></path></svg>';
+  const o = document.createElement("video");
+  o.className = "bn-visual-media", o.src = e.props.url, o.controls = !0, o.contentEditable = "false", o.draggable = !1, o.width = Math.min(
+    e.props.previewWidth,
+    t.domElement.firstElementChild.clientWidth
+  );
+  const n = mt(
+    e,
+    t,
+    o,
+    () => o.width,
+    (a) => o.width = a
+  ), r = ne(e, n.dom);
+  return ue(
+    e,
+    t,
+    r,
+    t.dictionary.file_blocks.video.add_button_text,
+    i.firstElementChild
+  );
+}, po = (e) => {
   if (e.tagName === "VIDEO")
-    return Ke(e);
+    return $e(e);
   if (e.tagName === "FIGURE") {
-    const t = he(e, "video");
+    const t = pe(e, "video");
     if (!t)
       return;
     const { targetElement: i, caption: o } = t;
     return {
-      ...Ke(i),
+      ...$e(i),
       caption: o
     };
   }
-}, lo = (e) => {
+}, ho = (e) => {
   if (!e.props.url) {
     const i = document.createElement("p");
     return i.textContent = "Add video", {
@@ -5951,14 +5994,14 @@ const ue = (e) => {
     };
   }
   let t;
-  return e.props.showPreview ? (t = document.createElement("video"), t.src = e.props.url, t.width = e.props.previewWidth) : (t = document.createElement("a"), t.href = e.props.url, t.textContent = e.props.name || e.props.url), e.props.caption ? e.props.showPreview ? Te(t, e.props.caption) : me(t, e.props.caption) : {
+  return e.props.showPreview ? (t = document.createElement("video"), t.src = e.props.url, t.width = e.props.previewWidth) : (t = document.createElement("a"), t.href = e.props.url, t.textContent = e.props.name || e.props.url), e.props.caption ? e.props.showPreview ? Te(t, e.props.caption) : he(t, e.props.caption) : {
     dom: t
   };
-}, co = ce(ro, {
-  render: ao,
-  parse: so,
-  toExternalHTML: lo
-}), uo = Ce.create({
+}, mo = ce(co, {
+  render: uo,
+  parse: po,
+  toExternalHTML: ho
+}), fo = Ce.create({
   name: "backgroundColor",
   addAttributes() {
     return {
@@ -5984,10 +6027,10 @@ const ue = (e) => {
   renderHTML({ HTMLAttributes: e }) {
     return ["span", e, 0];
   }
-}), po = U(
-  uo,
+}), go = j(
+  fo,
   "string"
-), ho = Ce.create({
+), bo = Ce.create({
   name: "textColor",
   addAttributes() {
     return {
@@ -6011,10 +6054,10 @@ const ue = (e) => {
   renderHTML({ HTMLAttributes: e }) {
     return ["span", e, 0];
   }
-}), mo = U(ho, "string"), fo = {
-  ...k,
+}), _o = j(bo, "string"), ko = {
+  ...w,
   level: { default: 1, values: [1, 2, 3] }
-}, go = O({
+}, yo = F({
   name: "heading",
   content: "inline*",
   group: "blockContent",
@@ -6036,10 +6079,10 @@ const ue = (e) => {
   },
   addInputRules() {
     return [
-      ...[1, 2, 3].map((e) => new te({
+      ...[1, 2, 3].map((e) => new ee({
         find: new RegExp(`^(#{${e}})\\s$`),
         handler: ({ state: t, chain: i, range: o }) => {
-          S(this.editor) === "inline*" && i().BNUpdateBlock(t.selection.from, {
+          B(this.editor) === "inline*" && i().BNUpdateBlock(t.selection.from, {
             type: "heading",
             props: {
               level: e
@@ -6051,7 +6094,7 @@ const ue = (e) => {
   },
   addKeyboardShortcuts() {
     return {
-      "Mod-Alt-1": () => S(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
+      "Mod-Alt-1": () => B(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
         this.editor.state.selection.anchor,
         {
           type: "heading",
@@ -6060,7 +6103,7 @@ const ue = (e) => {
           }
         }
       ),
-      "Mod-Alt-2": () => S(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
+      "Mod-Alt-2": () => B(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
         this.editor.state.selection.anchor,
         {
           type: "heading",
@@ -6069,7 +6112,7 @@ const ue = (e) => {
           }
         }
       ),
-      "Mod-Alt-3": () => S(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
+      "Mod-Alt-3": () => B(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
         this.editor.state.selection.anchor,
         {
           type: "heading",
@@ -6107,7 +6150,7 @@ const ue = (e) => {
   },
   renderHTML({ node: e, HTMLAttributes: t }) {
     var i, o;
-    return R(
+    return O(
       this.name,
       `h${e.attrs.level}`,
       {
@@ -6117,9 +6160,9 @@ const ue = (e) => {
       ((o = this.options.domAttributes) == null ? void 0 : o.inlineContent) || {}
     );
   }
-}), bo = X(
-  go,
-  fo
+}), wo = X(
+  yo,
+  ko
 ), Be = (e) => {
   const { contentNode: t, contentType: i } = _(
     e.state.doc,
@@ -6139,9 +6182,9 @@ const ue = (e) => {
       a.command(() => t.childCount > 0 ? (r().deleteSelection().BNSplitBlock(n.selection.from, !0).run(), !0) : !1)
     )
   ]);
-}, _o = {
-  ...k
-}, ko = O({
+}, vo = {
+  ...w
+}, xo = F({
   name: "bulletListItem",
   content: "inline*",
   group: "blockContent",
@@ -6151,10 +6194,10 @@ const ue = (e) => {
   addInputRules() {
     return [
       // Creates an unordered list when starting with "-", "+", or "*".
-      new te({
+      new ee({
         find: new RegExp("^[-+*]\\s$"),
         handler: ({ state: e, chain: t, range: i }) => {
-          S(this.editor) === "inline*" && t().BNUpdateBlock(e.selection.from, {
+          B(this.editor) === "inline*" && t().BNUpdateBlock(e.selection.from, {
             type: "bulletListItem",
             props: {}
           }).deleteRange({ from: i.from, to: i.to });
@@ -6165,7 +6208,7 @@ const ue = (e) => {
   addKeyboardShortcuts() {
     return {
       Enter: () => Be(this.editor),
-      "Mod-Shift-8": () => S(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
+      "Mod-Shift-8": () => B(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
         this.editor.state.selection.anchor,
         {
           type: "bulletListItem",
@@ -6207,7 +6250,7 @@ const ue = (e) => {
   },
   renderHTML({ HTMLAttributes: e }) {
     var t, i;
-    return R(
+    return O(
       this.name,
       // We use a <p> tag, because for <li> tags we'd need a <ul> element to put
       // them in to be semantically correct, which we can't have due to the
@@ -6220,11 +6263,11 @@ const ue = (e) => {
       ((i = this.options.domAttributes) == null ? void 0 : i.inlineContent) || {}
     );
   }
-}), yo = X(
-  ko,
-  _o
-), wo = new M("numbered-list-indexing"), vo = () => new w({
-  key: wo,
+}), Eo = X(
+  xo,
+  vo
+), Co = new L("numbered-list-indexing"), So = () => new x({
+  key: Co,
   appendTransaction: (e, t, i) => {
     const o = i.tr;
     o.setMeta("numberedListIndexing", !0);
@@ -6240,10 +6283,10 @@ const ue = (e) => {
           if (h === void 0)
             return;
           if (!(d.depth !== h.depth)) {
-            const g = h.contentNode;
+            const f = h.contentNode;
             if (h.contentType.name === "numberedListItem") {
-              const y = g.attrs.index;
-              s = (parseInt(y) + 1).toString();
+              const v = f.attrs.index;
+              s = (parseInt(v) + 1).toString();
             }
           }
         }
@@ -6253,9 +6296,9 @@ const ue = (e) => {
       }
     }), n ? o : null;
   }
-}), xo = {
-  ...k
-}, Eo = O({
+}), Mo = {
+  ...w
+}, To = F({
   name: "numberedListItem",
   content: "inline*",
   group: "blockContent",
@@ -6274,10 +6317,10 @@ const ue = (e) => {
   addInputRules() {
     return [
       // Creates an ordered list when starting with "1.".
-      new te({
+      new ee({
         find: new RegExp("^1\\.\\s$"),
         handler: ({ state: e, chain: t, range: i }) => {
-          S(this.editor) === "inline*" && t().BNUpdateBlock(e.selection.from, {
+          B(this.editor) === "inline*" && t().BNUpdateBlock(e.selection.from, {
             type: "numberedListItem",
             props: {}
           }).deleteRange({ from: i.from, to: i.to });
@@ -6288,7 +6331,7 @@ const ue = (e) => {
   addKeyboardShortcuts() {
     return {
       Enter: () => Be(this.editor),
-      "Mod-Shift-7": () => S(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
+      "Mod-Shift-7": () => B(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
         this.editor.state.selection.anchor,
         {
           type: "numberedListItem",
@@ -6298,7 +6341,7 @@ const ue = (e) => {
     };
   },
   addProseMirrorPlugins() {
-    return [vo()];
+    return [So()];
   },
   parseHTML() {
     return [
@@ -6335,7 +6378,7 @@ const ue = (e) => {
   },
   renderHTML({ HTMLAttributes: e }) {
     var t, i;
-    return R(
+    return O(
       this.name,
       // We use a <p> tag, because for <li> tags we'd need an <ol> element to
       // put them in to be semantically correct, which we can't have due to the
@@ -6348,15 +6391,15 @@ const ue = (e) => {
       ((i = this.options.domAttributes) == null ? void 0 : i.inlineContent) || {}
     );
   }
-}), Co = X(
-  Eo,
-  xo
-), So = {
-  ...k,
+}), Bo = X(
+  To,
+  Mo
+), Lo = {
+  ...w,
   checked: {
     default: !1
   }
-}, Mo = O({
+}, Io = F({
   name: "checkListItem",
   content: "inline*",
   group: "blockContent",
@@ -6375,10 +6418,10 @@ const ue = (e) => {
   addInputRules() {
     return [
       // Creates a checklist when starting with "[]" or "[X]".
-      new te({
+      new ee({
         find: new RegExp("\\[\\s*\\]\\s$"),
         handler: ({ state: e, chain: t, range: i }) => {
-          S(this.editor) === "inline*" && t().BNUpdateBlock(e.selection.from, {
+          B(this.editor) === "inline*" && t().BNUpdateBlock(e.selection.from, {
             type: "checkListItem",
             props: {
               checked: !1
@@ -6386,10 +6429,10 @@ const ue = (e) => {
           }).deleteRange({ from: i.from, to: i.to });
         }
       }),
-      new te({
+      new ee({
         find: new RegExp("\\[[Xx]\\]\\s$"),
         handler: ({ state: e, chain: t, range: i }) => {
-          S(this.editor) === "inline*" && t().BNUpdateBlock(e.selection.from, {
+          B(this.editor) === "inline*" && t().BNUpdateBlock(e.selection.from, {
             type: "checkListItem",
             props: {
               checked: !0
@@ -6402,7 +6445,7 @@ const ue = (e) => {
   addKeyboardShortcuts() {
     return {
       Enter: () => Be(this.editor),
-      "Mod-Shift-9": () => S(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
+      "Mod-Shift-9": () => B(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
         this.editor.state.selection.anchor,
         {
           type: "checkListItem",
@@ -6453,7 +6496,7 @@ const ue = (e) => {
     var r, a;
     const i = document.createElement("input");
     i.type = "checkbox", i.checked = e.attrs.checked, e.attrs.checked && i.setAttribute("checked", "");
-    const { dom: o, contentDOM: n } = R(
+    const { dom: o, contentDOM: n } = O(
       this.name,
       "p",
       {
@@ -6486,7 +6529,7 @@ const ue = (e) => {
         });
       };
       a.addEventListener("change", s);
-      const { dom: l, contentDOM: d } = R(
+      const { dom: l, contentDOM: d } = O(
         this.name,
         "p",
         {
@@ -6508,18 +6551,18 @@ const ue = (e) => {
       };
     };
   }
-}), To = X(
-  Mo,
-  So
-), Bo = {
-  ...k
-}, Lo = O({
+}), Ao = X(
+  Io,
+  Lo
+), No = {
+  ...w
+}, Po = F({
   name: "paragraph",
   content: "inline*",
   group: "blockContent",
   addKeyboardShortcuts() {
     return {
-      "Mod-Alt-0": () => S(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
+      "Mod-Alt-0": () => B(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
         this.editor.state.selection.anchor,
         {
           type: "paragraph",
@@ -6544,7 +6587,7 @@ const ue = (e) => {
   },
   renderHTML({ HTMLAttributes: e }) {
     var t, i;
-    return R(
+    return O(
       this.name,
       "p",
       {
@@ -6554,16 +6597,16 @@ const ue = (e) => {
       ((i = this.options.domAttributes) == null ? void 0 : i.inlineContent) || {}
     );
   }
-}), Io = X(
-  Lo,
-  Bo
-), Ao = T.create({
+}), Ho = X(
+  Po,
+  No
+), Uo = I.create({
   name: "BlockNoteTableExtension",
   addProseMirrorPlugins: () => [
-    Qt({
+    ii({
       cellMinWidth: 100
     }),
-    ei()
+    oi()
   ],
   addKeyboardShortcuts() {
     return {
@@ -6584,14 +6627,14 @@ const ue = (e) => {
       storage: e.storage
     };
     return {
-      tableRole: Nt(
-        Pt(e, "tableRole", t)
+      tableRole: Ut(
+        Dt(e, "tableRole", t)
       )
     };
   }
-}), No = {
-  ...k
-}, Po = O({
+}), Do = {
+  ...w
+}, jo = F({
   name: "table",
   content: "tableRow+",
   group: "blockContent",
@@ -6602,7 +6645,7 @@ const ue = (e) => {
   },
   renderHTML({ HTMLAttributes: e }) {
     var t, i;
-    return R(
+    return O(
       this.name,
       "table",
       {
@@ -6612,7 +6655,7 @@ const ue = (e) => {
       ((i = this.options.domAttributes) == null ? void 0 : i.inlineContent) || {}
     );
   }
-}), Ho = q.create({
+}), zo = q.create({
   name: "tableParagraph",
   group: "tableContent",
   content: "inline*",
@@ -6633,72 +6676,72 @@ const ue = (e) => {
   renderHTML({ HTMLAttributes: e }) {
     return [
       "p",
-      Ht(this.options.HTMLAttributes, e),
+      jt(this.options.HTMLAttributes, e),
       0
     ];
   }
-}), Do = X(
-  Po,
-  No,
+}), Vo = X(
+  jo,
+  Do,
   [
-    Ao,
-    Ho,
-    Jt.extend({
+    Uo,
+    zo,
+    ei.extend({
       content: "tableContent"
     }),
-    Zt.extend({
+    Qt.extend({
       content: "tableContent"
     }),
-    Yt
+    ti
   ]
-), ht = {
-  paragraph: Io,
-  heading: bo,
-  bulletListItem: yo,
-  numberedListItem: Co,
-  checkListItem: To,
-  table: Do,
-  file: Ji,
-  image: oo,
-  video: co,
-  audio: Ki
-}, Uo = lt(ht), mt = {
-  bold: U(Kt, "boolean"),
-  italic: U($t, "boolean"),
-  underline: U(Xt, "boolean"),
-  strike: U(qt, "boolean"),
-  code: U(Wt, "boolean"),
-  textColor: mo,
-  backgroundColor: po
-}, Lr = ut(mt), ft = {
+), ft = {
+  paragraph: Ho,
+  heading: wo,
+  bulletListItem: Eo,
+  numberedListItem: Bo,
+  checkListItem: Ao,
+  table: Vo,
+  file: to,
+  image: so,
+  video: mo,
+  audio: Xi
+}, Ro = dt(ft), gt = {
+  bold: j(qt, "boolean"),
+  italic: j(Zt, "boolean"),
+  underline: j(Yt, "boolean"),
+  strike: j(Jt, "boolean"),
+  code: j(Xt, "boolean"),
+  textColor: _o,
+  backgroundColor: go
+}, Pr = pt(gt), bt = {
   text: { config: "text", implementation: {} },
   link: { config: "link", implementation: {} }
-}, jo = dt(
-  ft
+}, Oo = ct(
+  bt
 );
-function C(e, t) {
-  return e in t.schema.blockSchema && t.schema.blockSchema[e] === Uo[e];
+function T(e, t) {
+  return e in t.schema.blockSchema && t.schema.blockSchema[e] === Ro[e];
 }
-function zo(e, t) {
-  return e in t.schema.inlineContentSchema && t.schema.inlineContentSchema[e] === jo[e];
+function Fo(e, t) {
+  return e in t.schema.inlineContentSchema && t.schema.inlineContentSchema[e] === Oo[e];
 }
-function Ro(e, t, i) {
-  return t.type === e && t.type in i.schema.blockSchema && C(t.type, i);
+function Go(e, t, i) {
+  return t.type === e && t.type in i.schema.blockSchema && T(t.type, i);
 }
-function Ir(e, t) {
+function Hr(e, t) {
   return e.type in t.schema.blockSchema && t.schema.blockSchema[e.type].isFileBlock || !1;
 }
-function Ar(e, t) {
+function Ur(e, t) {
   return e.type in t.schema.blockSchema && t.schema.blockSchema[e.type].isFileBlock && "showPreview" in t.schema.blockSchema[e.type].propSchema || !1;
 }
-function Nr(e, t) {
+function Dr(e, t) {
   return t.schema.blockSchema[e.type].isFileBlock && !e.props.url;
 }
-function Vo(e, t, i) {
-  return t in i.schema.blockSchema && e in i.schema.blockSchema[t].propSchema && i.schema.blockSchema[t].propSchema[e] === k[e];
+function Wo(e, t, i) {
+  return t in i.schema.blockSchema && e in i.schema.blockSchema[t].propSchema && i.schema.blockSchema[t].propSchema[e] === w[e];
 }
-function Pr(e, t, i) {
-  return Vo(e, t.type, i);
+function jr(e, t, i) {
+  return Wo(e, t.type, i);
 }
 function Le(e, t) {
   let i, o;
@@ -6709,11 +6752,11 @@ function Le(e, t) {
     posBeforeNode: o
   };
 }
-function Oo(e, t, i = "before", o) {
+function Ko(e, t, i = "before", o) {
   const n = typeof t == "string" ? t : t.id, r = [];
   for (const d of e)
     r.push(
-      H(d, o.pmSchema, o.schema.styleSchema)
+      U(d, o.pmSchema, o.schema.styleSchema)
     );
   const { node: a, posBeforeNode: s } = Le(
     n,
@@ -6738,7 +6781,7 @@ function Oo(e, t, i = "before", o) {
   const l = [];
   for (const d of r)
     l.push(
-      x(
+      C(
         d,
         o.schema.blockSchema,
         o.schema.inlineContentSchema,
@@ -6748,11 +6791,11 @@ function Oo(e, t, i = "before", o) {
     );
   return l;
 }
-function Fo(e, t, i) {
+function $o(e, t, i) {
   const o = i._tiptapEditor, n = typeof e == "string" ? e : e.id, { posBeforeNode: r } = Le(n, o.state.doc);
   o.commands.BNUpdateBlock(r + 1, t);
   const a = o.state.doc.resolve(r + 1).node();
-  return x(
+  return C(
     a,
     i.schema.blockSchema,
     i.schema.inlineContentSchema,
@@ -6760,7 +6803,7 @@ function Fo(e, t, i) {
     i.blockCache
   );
 }
-function gt(e, t, i) {
+function _t(e, t, i) {
   const o = t._tiptapEditor, n = o.state.tr, r = new Set(
     e.map(
       (l) => typeof l == "string" ? l : l.id
@@ -6773,7 +6816,7 @@ function gt(e, t, i) {
     if (l.type.name !== "blockContainer" || !r.has(l.attrs.id))
       return !0;
     a.push(
-      x(
+      C(
         l,
         t.schema.blockSchema,
         t.schema.inlineContentSchema,
@@ -6794,16 +6837,16 @@ function gt(e, t, i) {
   }
   return t.dispatch(n), a;
 }
-function Go(e, t) {
-  return gt(e, t);
+function qo(e, t) {
+  return _t(e, t);
 }
-function Ko(e, t, i) {
+function Xo(e, t, i) {
   const o = [];
   for (const s of t)
     o.push(
-      H(s, i.pmSchema, i.schema.styleSchema)
+      U(s, i.pmSchema, i.schema.styleSchema)
     );
-  const n = typeof e[0] == "string" ? e[0] : e[0].id, r = gt(
+  const n = typeof e[0] == "string" ? e[0] : e[0].id, r = _t(
     e,
     i,
     (s, l, d, u) => {
@@ -6818,7 +6861,7 @@ function Ko(e, t, i) {
   ), a = [];
   for (const s of o)
     a.push(
-      x(
+      C(
         s,
         i.schema.blockSchema,
         i.schema.inlineContentSchema,
@@ -6828,7 +6871,7 @@ function Ko(e, t, i) {
     );
   return { insertedBlocks: a, removedBlocks: r };
 }
-function Wo(e, t, i, o = { updateSelection: !0 }) {
+function Zo(e, t, i, o = { updateSelection: !0 }) {
   const n = i._tiptapEditor.state.tr;
   let { from: r, to: a } = typeof e == "number" ? { from: e, to: e } : { from: e.from, to: e.to }, s = !0, l = !0, d = "";
   if (t.forEach((u) => {
@@ -6837,9 +6880,9 @@ function Wo(e, t, i, o = { updateSelection: !0 }) {
     const { parent: u } = n.doc.resolve(r);
     u.isTextblock && !u.type.spec.code && !u.childCount && (r -= 1, a += 1);
   }
-  return s ? n.insertText(d, r, a) : n.replaceWith(r, a, t), o.updateSelection && Dt(n, n.steps.length - 1, -1), i.dispatch(n), !0;
+  return s ? n.insertText(d, r, a) : n.replaceWith(r, a, t), o.updateSelection && zt(n, n.steps.length - 1, -1), i.dispatch(n), !0;
 }
-function $o() {
+function Jo() {
   const e = (t) => {
     let i = t.children.length;
     for (let o = 0; o < i; o++) {
@@ -6855,8 +6898,8 @@ function $o() {
   };
   return e;
 }
-function qo() {
-  const e = P;
+function Yo() {
+  const e = H;
   if (!e)
     throw new Error(
       "simplifyBlocks requires ESM dependencies to be initialized"
@@ -6878,42 +6921,42 @@ function qo() {
   return t;
 }
 function Ie(e) {
-  const t = P;
+  const t = H;
   if (!t)
     throw new Error(
       "cleanHTMLToMarkdown requires ESM dependencies to be initialized"
     );
-  return t.unified.unified().use(t.rehypeParse.default, { fragment: !0 }).use($o).use(qo).use(t.rehypeRemark.default).use(t.remarkGfm.default).use(t.remarkStringify.default, {
+  return t.unified.unified().use(t.rehypeParse.default, { fragment: !0 }).use(Jo).use(Yo).use(t.rehypeRemark.default).use(t.remarkGfm.default).use(t.remarkStringify.default, {
     handlers: { text: (o) => o.value }
   }).processSync(e).value;
 }
-async function Xo(e, t, i, o) {
-  await oe();
+async function Qo(e, t, i, o) {
+  await ie();
   const r = de(t, i).exportBlocks(e, o);
   return Ie(r);
 }
-function Zo(e) {
+function en(e) {
   return Array.prototype.indexOf.call(e.parentElement.childNodes, e);
 }
-function Jo(e) {
+function tn(e) {
   return e.nodeType === 3 && !/\S/.test(e.nodeValue || "");
 }
-function Yo(e) {
+function on(e) {
   e.querySelectorAll("li > ul, li > ol").forEach((t) => {
-    const i = Zo(t), o = t.parentElement, n = Array.from(o.childNodes).slice(
+    const i = en(t), o = t.parentElement, n = Array.from(o.childNodes).slice(
       i + 1
     );
     t.remove(), n.forEach((r) => {
       r.remove();
     }), o.insertAdjacentElement("afterend", t), n.reverse().forEach((r) => {
-      if (Jo(r))
+      if (tn(r))
         return;
       const a = document.createElement("li");
       a.append(r), t.insertAdjacentElement("afterend", a);
     }), o.childNodes.length === 0 && o.remove();
   });
 }
-function Qo(e) {
+function nn(e) {
   e.querySelectorAll("li + ul, li + ol").forEach((t) => {
     var r, a;
     const i = t.previousElementSibling, o = document.createElement("div");
@@ -6923,28 +6966,28 @@ function Qo(e) {
       n.append(o.nextElementSibling);
   });
 }
-let We = null;
-function en() {
-  return We || (We = document.implementation.createHTMLDocument("title"));
+let qe = null;
+function rn() {
+  return qe || (qe = document.implementation.createHTMLDocument("title"));
 }
-function bt(e) {
+function kt(e) {
   if (typeof e == "string") {
-    const t = en().createElement("div");
+    const t = rn().createElement("div");
     t.innerHTML = e, e = t;
   }
-  return Yo(e), Qo(e), e;
+  return on(e), nn(e), e;
 }
-async function _t(e, t, i, o, n) {
-  const r = bt(e), s = Tt.fromSchema(n).parse(r, {
+async function yt(e, t, i, o, n) {
+  const r = kt(e), s = It.fromSchema(n).parse(r, {
     topNode: n.nodes.blockGroup.create()
   }), l = [];
   for (let d = 0; d < s.childCount; d++)
     l.push(
-      x(s.child(d), t, i, o)
+      C(s.child(d), t, i, o)
     );
   return l;
 }
-function tn(e, t) {
+function an(e, t) {
   const i = t.value ? t.value + `
 ` : "", o = {};
   t.lang && (o["data-language"] = t.lang);
@@ -6961,14 +7004,14 @@ function tn(e, t) {
     children: [n]
   }, e.patch(t, n), n;
 }
-async function on(e, t, i, o, n) {
-  const r = await oe(), a = r.unified.unified().use(r.remarkParse.default).use(r.remarkGfm.default).use(r.remarkRehype.default, {
+async function sn(e, t, i, o, n) {
+  const r = await ie(), a = r.unified.unified().use(r.remarkParse.default).use(r.remarkGfm.default).use(r.remarkRehype.default, {
     handlers: {
       ...r.remarkRehype.defaultHandlers,
-      code: tn
+      code: an
     }
   }).use(r.rehypeStringify.default).processSync(e);
-  return _t(
+  return yt(
     a.value,
     t,
     i,
@@ -6996,7 +7039,7 @@ class Z {
     this.callbacks = {};
   }
 }
-class nn {
+class ln {
   constructor(t, i, o, n) {
     c(this, "state");
     c(this, "emitUpdate");
@@ -7015,6 +7058,8 @@ class nn {
         const i = this.pmView.root.querySelector(
           `[data-node-type="blockContainer"][data-id="${this.state.block.id}"]`
         );
+        if (!i)
+          return;
         this.state.referencePos = i.getBoundingClientRect(), this.emitUpdate();
       }
     });
@@ -7035,6 +7080,8 @@ class nn {
       const a = this.pmView.root.querySelector(
         `[data-node-type="blockContainer"][data-id="${o.block.id}"]`
       );
+      if (!a)
+        return;
       this.state = {
         show: !0,
         referencePos: a.getBoundingClientRect(),
@@ -7048,25 +7095,31 @@ class nn {
     this.pmView.dom.removeEventListener("mousedown", this.mouseDownHandler), this.pmView.dom.removeEventListener("dragstart", this.dragstartHandler), this.pmView.root.removeEventListener("scroll", this.scrollHandler, !0);
   }
 }
-const _e = new M("FilePanelPlugin");
-class rn extends Z {
+const be = new L("FilePanelPlugin");
+class dn extends Z {
   constructor(i) {
     super();
     c(this, "view");
     c(this, "plugin");
-    c(this, "closeMenu", () => this.view.closeMenu());
-    this.plugin = new w({
-      key: _e,
-      view: (o) => (this.view = new nn(
+    c(this, "closeMenu", () => {
+      var i;
+      return (i = this.view) == null ? void 0 : i.closeMenu();
+    });
+    this.plugin = new x({
+      key: be,
+      view: (o) => (this.view = new ln(
         i,
-        _e,
+        be,
         o,
         (n) => {
           this.emit("update", n);
         }
       ), this.view),
       props: {
-        handleKeyDown: (o, n) => n.key === "Escape" && this.shown ? (this.view.closeMenu(), !0) : !1
+        handleKeyDown: (o, n) => {
+          var r;
+          return n.key === "Escape" && this.shown ? ((r = this.view) == null || r.closeMenu(), !0) : !1;
+        }
       },
       state: {
         init: () => ({
@@ -7075,7 +7128,7 @@ class rn extends Z {
         apply: (o) => {
           var r;
           return {
-            block: (r = o.getMeta(_e)) == null ? void 0 : r.block
+            block: (r = o.getMeta(be)) == null ? void 0 : r.block
           };
         }
       }
@@ -7089,14 +7142,14 @@ class rn extends Z {
     return this.on("update", i);
   }
 }
-class an {
+class cn {
   constructor(t, i, o) {
     c(this, "state");
     c(this, "emitUpdate");
     c(this, "preventHide", !1);
     c(this, "preventShow", !1);
     c(this, "shouldShow", ({ state: t, from: i, to: o, view: n }) => {
-      const { doc: r, selection: a } = t, { empty: s } = a, l = !r.textBetween(i, o).length && Ut(t.selection);
+      const { doc: r, selection: a } = t, { empty: s } = a, l = !r.textBetween(i, o).length && Vt(t.selection);
       return !(!n.hasFocus() || s || l);
     });
     c(this, "blurHandler", (t) => {
@@ -7144,7 +7197,7 @@ class an {
     const { state: o, composing: n } = t, { doc: r, selection: a } = o, s = i && i.doc.eq(r) && i.selection.eq(a);
     if (n || s)
       return;
-    const { ranges: l } = a, d = Math.min(...l.map((g) => g.$from.pos)), u = Math.max(...l.map((g) => g.$to.pos)), p = (h = this.shouldShow) == null ? void 0 : h.call(this, {
+    const { ranges: l } = a, d = Math.min(...l.map((f) => f.$from.pos)), u = Math.max(...l.map((f) => f.$to.pos)), p = (h = this.shouldShow) == null ? void 0 : h.call(this, {
       view: t,
       state: o,
       from: d,
@@ -7167,26 +7220,26 @@ class an {
   }
   getSelectionBoundingBox() {
     const { state: t } = this.pmView, { selection: i } = t, { ranges: o } = i, n = Math.min(...o.map((a) => a.$from.pos)), r = Math.max(...o.map((a) => a.$to.pos));
-    if (jt(i)) {
+    if (Rt(i)) {
       const a = this.pmView.nodeDOM(n);
       if (a)
         return a.getBoundingClientRect();
     }
-    return ve(this.pmView, n, r);
+    return we(this.pmView, n, r);
   }
 }
-const sn = new M(
+const un = new L(
   "FormattingToolbarPlugin"
 );
-class ln extends Z {
+class pn extends Z {
   constructor(i) {
     super();
     c(this, "view");
     c(this, "plugin");
     c(this, "closeMenu", () => this.view.closeMenu());
-    this.plugin = new w({
-      key: sn,
-      view: (o) => (this.view = new an(i, o, (n) => {
+    this.plugin = new x({
+      key: un,
+      view: (o) => (this.view = new cn(i, o, (n) => {
         this.emit("update", n);
       }), this.view),
       props: {
@@ -7202,7 +7255,7 @@ class ln extends Z {
     return this.on("update", i);
   }
 }
-class dn {
+class hn {
   constructor(t, i, o) {
     c(this, "state");
     c(this, "emitUpdate");
@@ -7220,7 +7273,7 @@ class dn {
         const i = t.target, o = this.pmView.posAtDOM(i, 0) + 1, n = this.pmView.state.doc.resolve(o), r = n.marks();
         for (const a of r)
           if (a.type.name === this.pmView.state.schema.mark("link").type.name) {
-            this.mouseHoveredLinkMark = a, this.mouseHoveredLinkMarkRange = Ue(n, a.type, a.attrs) || void 0;
+            this.mouseHoveredLinkMark = a, this.mouseHoveredLinkMarkRange = De(n, a.type, a.attrs) || void 0;
             break;
           }
       }
@@ -7236,7 +7289,7 @@ class dn {
     });
     c(this, "scrollHandler", () => {
       var t;
-      this.linkMark !== void 0 && (t = this.state) != null && t.show && (this.state.referencePos = ve(
+      this.linkMark !== void 0 && (t = this.state) != null && t.show && (this.state.referencePos = we(
         this.pmView,
         this.linkMarkRange.from,
         this.linkMarkRange.to
@@ -7292,7 +7345,7 @@ class dn {
       const o = this.pmView.state.selection.$from.marks();
       for (const n of o)
         if (n.type.name === this.pmView.state.schema.mark("link").type.name) {
-          this.keyboardHoveredLinkMark = n, this.keyboardHoveredLinkMarkRange = Ue(
+          this.keyboardHoveredLinkMark = n, this.keyboardHoveredLinkMarkRange = De(
             this.pmView.state.selection.$from,
             n.type,
             n.attrs
@@ -7303,7 +7356,7 @@ class dn {
     if (this.mouseHoveredLinkMark && (this.linkMark = this.mouseHoveredLinkMark, this.linkMarkRange = this.mouseHoveredLinkMarkRange), this.keyboardHoveredLinkMark && (this.linkMark = this.keyboardHoveredLinkMark, this.linkMarkRange = this.keyboardHoveredLinkMarkRange), this.linkMark && this.editor.isEditable) {
       this.state = {
         show: !0,
-        referencePos: ve(
+        referencePos: we(
           this.pmView,
           this.linkMarkRange.from,
           this.linkMarkRange.to
@@ -7329,8 +7382,8 @@ class dn {
     );
   }
 }
-const cn = new M("LinkToolbarPlugin");
-class un extends Z {
+const mn = new L("LinkToolbarPlugin");
+class fn extends Z {
   constructor(i) {
     super();
     c(this, "view");
@@ -7368,9 +7421,9 @@ class un extends Z {
       this.view.stopMenuUpdateTimer();
     });
     c(this, "closeMenu", () => this.view.closeMenu());
-    this.plugin = new w({
-      key: cn,
-      view: (o) => (this.view = new dn(i, o, (n) => {
+    this.plugin = new x({
+      key: mn,
+      view: (o) => (this.view = new hn(i, o, (n) => {
         this.emit("update", n);
       }), this.view),
       props: {
@@ -7386,7 +7439,7 @@ class un extends Z {
     return ((o = (i = this.view) == null ? void 0 : i.state) == null ? void 0 : o.show) || !1;
   }
 }
-class F extends ge {
+class G extends fe {
   constructor(i, o) {
     super(i, o);
     c(this, "nodes");
@@ -7397,13 +7450,13 @@ class F extends ge {
     });
   }
   static create(i, o, n = o) {
-    return new F(i.resolve(o), i.resolve(n));
+    return new G(i.resolve(o), i.resolve(n));
   }
   content() {
-    return new j(I.from(this.nodes), 0, 0);
+    return new z(N.from(this.nodes), 0, 0);
   }
   eq(i) {
-    if (!(i instanceof F) || this.nodes.length !== i.nodes.length || this.from !== i.from || this.to !== i.to)
+    if (!(i instanceof G) || this.nodes.length !== i.nodes.length || this.from !== i.from || this.to !== i.to)
       return !1;
     for (let o = 0; o < this.nodes.length; o++)
       if (!this.nodes[o].eq(i.nodes[o]))
@@ -7412,7 +7465,7 @@ class F extends ge {
   }
   map(i, o) {
     const n = o.mapResult(this.from), r = o.mapResult(this.to);
-    return r.deleted ? ge.near(i.resolve(n.pos)) : n.deleted ? ge.near(i.resolve(r.pos)) : new F(
+    return r.deleted ? fe.near(i.resolve(n.pos)) : n.deleted ? fe.near(i.resolve(r.pos)) : new G(
       i.resolve(n.pos),
       i.resolve(r.pos)
     );
@@ -7421,23 +7474,23 @@ class F extends ge {
     return { type: "node", anchor: this.anchor, head: this.head };
   }
 }
-let L;
-function fe(e, t) {
+let A;
+function me(e, t) {
   var i, o;
   for (; e && e.parentElement && e.parentElement !== t.dom && ((i = e.getAttribute) == null ? void 0 : i.call(e, "data-node-type")) !== "blockContainer"; )
     e = e.parentElement;
   if (((o = e.getAttribute) == null ? void 0 : o.call(e, "data-node-type")) === "blockContainer")
     return { node: e, id: e.getAttribute("data-id") };
 }
-function pn(e, t) {
-  const i = fe(e, t);
+function gn(e, t) {
+  const i = me(e, t);
   if (i && i.node.nodeType === 1) {
     const o = t.docView, n = o.nearestDesc(i.node, !0);
     return !n || n === o ? null : n.posBefore;
   }
   return null;
 }
-function hn(e, t) {
+function bn(e, t) {
   let i, o;
   const n = t.resolve(e.from).node().type.spec.group === "blockContent", r = t.resolve(e.to).node().type.spec.group === "blockContent", a = Math.min(e.$anchor.depth, e.$head.depth);
   if (n && r) {
@@ -7447,7 +7500,7 @@ function hn(e, t) {
     i = e.from, o = e.to;
   return { from: i, to: o };
 }
-function $e(e, t, i = t) {
+function Xe(e, t, i = t) {
   t === i && (i += e.state.doc.resolve(t + 1).node().nodeSize);
   const o = e.domAtPos(t).node.cloneNode(!0), n = e.domAtPos(t).node, r = (u, p) => Array.prototype.indexOf.call(u.children, p), a = r(
     n,
@@ -7460,16 +7513,16 @@ function $e(e, t, i = t) {
   );
   for (let u = n.childElementCount - 1; u >= 0; u--)
     (u > s || u < a) && o.removeChild(o.children[u]);
-  kt(e.root), L = o;
+  wt(e.root), A = o;
   const d = e.dom.className.split(" ").filter(
     (u) => u !== "ProseMirror" && u !== "bn-root" && u !== "bn-editor"
   ).join(" ");
-  L.className = L.className + " bn-drag-preview " + d, e.root instanceof ShadowRoot ? e.root.appendChild(L) : e.root.body.appendChild(L);
+  A.className = A.className + " bn-drag-preview " + d, e.root instanceof ShadowRoot ? e.root.appendChild(A) : e.root.body.appendChild(A);
 }
-function kt(e) {
-  L !== void 0 && (e instanceof ShadowRoot ? e.removeChild(L) : e.body.removeChild(L), L = void 0);
+function wt(e) {
+  A !== void 0 && (e instanceof ShadowRoot ? e.removeChild(A) : e.body.removeChild(A), A = void 0);
 }
-function mn(e, t) {
+function _n(e, t) {
   if (!e.dataTransfer)
     return;
   const i = t.prosemirrorView, o = i.dom.getBoundingClientRect(), n = {
@@ -7480,30 +7533,30 @@ function mn(e, t) {
   let a;
   for (const l of r)
     if (i.dom.contains(l)) {
-      a = fe(l, i);
+      a = me(l, i);
       break;
     }
   if (!a)
     return;
-  const s = pn(a.node, i);
+  const s = gn(a.node, i);
   if (s != null) {
-    const l = i.state.selection, d = i.state.doc, { from: u, to: p } = hn(l, d), h = u <= s && s < p, m = l.$anchor.node() !== l.$head.node() || l instanceof F;
+    const l = i.state.selection, d = i.state.doc, { from: u, to: p } = bn(l, d), h = u <= s && s < p, m = l.$anchor.node() !== l.$head.node() || l instanceof G;
     h && m ? (i.dispatch(
-      i.state.tr.setSelection(F.create(d, u, p))
-    ), $e(i, u, p)) : (i.dispatch(
-      i.state.tr.setSelection(se.create(i.state.doc, s))
-    ), $e(i, s));
-    const g = i.state.selection.content(), f = t.pmSchema, y = Me(f, t).serializeProseMirrorFragment(
-      g.content,
+      i.state.tr.setSelection(G.create(d, u, p))
+    ), Xe(i, u, p)) : (i.dispatch(
+      i.state.tr.setSelection(le.create(i.state.doc, s))
+    ), Xe(i, s));
+    const f = i.state.selection.content(), g = t.pmSchema, v = Me(g, t).serializeProseMirrorFragment(
+      f.content,
       {}
-    ), N = de(f, t).exportProseMirrorFragment(
-      g.content,
+    ), y = de(g, t).exportProseMirrorFragment(
+      f.content,
       {}
-    ), J = Ie(N);
-    e.dataTransfer.clearData(), e.dataTransfer.setData("blocknote/html", y), e.dataTransfer.setData("text/html", N), e.dataTransfer.setData("text/plain", J), e.dataTransfer.effectAllowed = "move", e.dataTransfer.setDragImage(L, 0, 0), i.dragging = { slice: g, move: !0 };
+    ), S = Ie(y);
+    e.dataTransfer.clearData(), e.dataTransfer.setData("blocknote/html", v), e.dataTransfer.setData("text/html", y), e.dataTransfer.setData("text/plain", S), e.dataTransfer.effectAllowed = "move", e.dataTransfer.setDragImage(A, 0, 0), i.dragging = { slice: f, move: !0 };
   }
 }
-class fn {
+class kn {
   constructor(t, i, o) {
     c(this, "state");
     c(this, "emitUpdate");
@@ -7520,7 +7573,7 @@ class fn {
     c(this, "menuFrozen", !1);
     c(this, "updateState", () => {
       var a, s, l, d;
-      if (this.menuFrozen || !this.mousePos)
+      if (this.menuFrozen || !this.mousePos || !this.pmView.dom.firstChild)
         return;
       const t = this.pmView.dom.firstChild.getBoundingClientRect();
       this.horizontalPosAnchor = t.x;
@@ -7535,7 +7588,7 @@ class fn {
       let n;
       for (const u of o)
         if (this.pmView.dom.contains(u)) {
-          n = fe(u, this.pmView);
+          n = me(u, this.pmView);
           break;
         }
       if (!n || !this.editor.isEditable) {
@@ -7600,7 +7653,7 @@ class fn {
         left: t.clientX,
         top: t.clientY
       });
-      if (!i || i.inside === -1) {
+      if (!i || i.inside === -1 && this.pmView.dom.firstChild) {
         const o = new Event("dragover", t), n = this.pmView.dom.firstChild.getBoundingClientRect();
         o.clientX = n.left + n.width / 2, o.clientY = t.clientY, o.dataTransfer = t.dataTransfer, o.preventDefault = () => t.preventDefault(), o.synthetic = !0, this.pmView.dom.dispatchEvent(o);
       }
@@ -7630,14 +7683,14 @@ class fn {
       this.updateState(), this.needUpdate && (this.emitUpdate(this.state), this.needUpdate = !1);
     });
     c(this, "onScroll", () => {
-      var t;
-      if ((t = this.state) != null && t.show) {
-        const o = this.hoveredBlock.firstChild.getBoundingClientRect();
+      var t, i;
+      if ((t = this.state) != null && t.show && ((i = this.hoveredBlock) != null && i.firstChild)) {
+        const n = this.hoveredBlock.firstChild.getBoundingClientRect();
         this.state.referencePos = new DOMRect(
-          this.horizontalPosAnchoredAtRoot ? this.horizontalPosAnchor : o.x,
-          o.y,
-          o.width,
-          o.height
+          this.horizontalPosAnchoredAtRoot ? this.horizontalPosAnchor : n.x,
+          n.y,
+          n.width,
+          n.height
         ), this.emitUpdate(this.state);
       }
     });
@@ -7645,14 +7698,14 @@ class fn {
       if (!this.state)
         throw new Error("Attempting to update uninitialized side menu");
       o(this.state);
-    }, this.horizontalPosAnchoredAtRoot = !0, this.horizontalPosAnchor = this.pmView.dom.firstChild.getBoundingClientRect().x, this.pmView.root.addEventListener(
+    }, this.horizontalPosAnchoredAtRoot = !0, this.pmView.dom.firstChild && (this.horizontalPosAnchor = this.pmView.dom.firstChild.getBoundingClientRect().x), this.pmView.root.addEventListener(
       "drop",
       this.onDrop,
       !0
     ), this.pmView.root.addEventListener(
       "dragover",
       this.onDragOver
-    ), oe(), this.pmView.dom.addEventListener("dragstart", this.onDragStart), this.pmView.root.addEventListener(
+    ), ie(), this.pmView.dom.addEventListener("dragstart", this.onDragStart), this.pmView.root.addEventListener(
       "mousemove",
       this.onMouseMove,
       !0
@@ -7694,8 +7747,9 @@ class fn {
     );
   }
   addBlock() {
-    var l;
-    (l = this.state) != null && l.show && (this.state.show = !1, this.emitUpdate(this.state));
+    var l, d;
+    if ((l = this.state) != null && l.show && (this.state.show = !1, this.emitUpdate(this.state)), !((d = this.hoveredBlock) != null && d.firstChild))
+      return;
     const i = this.hoveredBlock.firstChild.getBoundingClientRect(), o = this.pmView.posAtCoords({
       left: i.left + i.width / 2,
       top: i.top + i.height / 2
@@ -7710,15 +7764,15 @@ class fn {
       return;
     const { contentNode: r, startPos: a, endPos: s } = n;
     if (r.type.spec.content !== "inline*" || r.textContent.length !== 0) {
-      const d = s + 1, u = d + 2;
-      this.editor._tiptapEditor.chain().BNCreateBlock(d).setTextSelection(u).run();
+      const u = s + 1, p = u + 2;
+      this.editor._tiptapEditor.chain().BNCreateBlock(u).setTextSelection(p).run();
     } else
       this.editor._tiptapEditor.commands.setTextSelection(a + 1);
     this.editor.openSuggestionMenu("/");
   }
 }
-const gn = new M("SideMenuPlugin");
-class bn extends Z {
+const yn = new L("SideMenuPlugin");
+class wn extends Z {
   constructor(i) {
     super();
     c(this, "view");
@@ -7732,12 +7786,12 @@ class bn extends Z {
      * Handles drag & drop events for blocks.
      */
     c(this, "blockDragStart", (i) => {
-      this.view.isDragging = !0, mn(i, this.editor);
+      this.view.isDragging = !0, _n(i, this.editor);
     });
     /**
      * Handles drag & drop events for blocks.
      */
-    c(this, "blockDragEnd", () => kt(this.editor.prosemirrorView.root));
+    c(this, "blockDragEnd", () => wt(this.editor.prosemirrorView.root));
     /**
      * Freezes the side menu. When frozen, the side menu will stay
      * attached to the same block regardless of which block is hovered by the
@@ -7752,9 +7806,9 @@ class bn extends Z {
     c(this, "unfreezeMenu", () => {
       this.view.menuFrozen = !1, this.view.state.show = !1, this.view.emitUpdate(this.view.state);
     });
-    this.editor = i, this.plugin = new w({
-      key: gn,
-      view: (o) => (this.view = new fn(i, o, (n) => {
+    this.editor = i, this.plugin = new x({
+      key: yn,
+      view: (o) => (this.view = new kn(i, o, (n) => {
         this.emit("update", n);
       }), this.view)
     });
@@ -7763,8 +7817,8 @@ class bn extends Z {
     return this.on("update", i);
   }
 }
-const _n = zt((e) => e.type.name === "blockContainer");
-class kn {
+const vn = Ot((e) => e.type.name === "blockContainer");
+class xn {
   constructor(t, i) {
     c(this, "state");
     c(this, "emitUpdate");
@@ -7776,13 +7830,15 @@ class kn {
         const o = (i = this.rootEl) == null ? void 0 : i.querySelector(
           `[data-decoration-id="${this.pluginState.decorationId}"]`
         );
+        if (!o)
+          return;
         this.state.referencePos = o.getBoundingClientRect(), this.emitUpdate(this.pluginState.triggerCharacter);
       }
     });
     c(this, "closeMenu", () => {
       this.editor.dispatch(
         this.editor._tiptapEditor.view.state.tr.setMeta(
-          G,
+          W,
           null
         )
       );
@@ -7805,7 +7861,7 @@ class kn {
   }
   update(t, i) {
     var d;
-    const o = G.getState(i), n = G.getState(
+    const o = W.getState(i), n = W.getState(
       t.state
     ), r = o === void 0 && n !== void 0, a = o !== void 0 && n === void 0;
     if (!r && !(o !== void 0 && n !== void 0) && !a)
@@ -7817,7 +7873,7 @@ class kn {
     const l = (d = this.rootEl) == null ? void 0 : d.querySelector(
       `[data-decoration-id="${this.pluginState.decorationId}"]`
     );
-    this.editor.isEditable && (this.state = {
+    this.editor.isEditable && l && (this.state = {
       show: !0,
       referencePos: l.getBoundingClientRect(),
       query: this.pluginState.query
@@ -7828,8 +7884,8 @@ class kn {
     (t = this.rootEl) == null || t.removeEventListener("scroll", this.handleScroll, !0);
   }
 }
-const G = new M("SuggestionMenuPlugin");
-class yn extends Z {
+const W = new L("SuggestionMenuPlugin");
+class En extends Z {
   constructor(i) {
     super();
     c(this, "view");
@@ -7847,9 +7903,9 @@ class yn extends Z {
     c(this, "closeMenu", () => this.view.closeMenu());
     c(this, "clearQuery", () => this.view.clearQuery());
     const o = this.triggerCharacters;
-    this.plugin = new w({
-      key: G,
-      view: () => (this.view = new kn(
+    this.plugin = new x({
+      key: W,
+      view: () => (this.view = new xn(
         i,
         (n, r) => {
           this.emit(`update ${n}`, r);
@@ -7863,7 +7919,7 @@ class yn extends Z {
         apply(n, r, a, s) {
           if (n.getMeta("orderedListIndexing") !== void 0)
             return r;
-          const l = n.getMeta(G);
+          const l = n.getMeta(W);
           if (typeof l == "object" && l !== null && r === void 0)
             return {
               triggerCharacter: l.triggerCharacter,
@@ -7895,7 +7951,7 @@ class yn extends Z {
         handleTextInput(n, r, a, s) {
           const l = this.getState(n.state);
           return o.includes(s) && l === void 0 ? (n.dispatch(
-            n.state.tr.insertText(s).scrollIntoView().setMeta(G, {
+            n.state.tr.insertText(s).scrollIntoView().setMeta(W, {
               triggerCharacter: s
             })
           ), !0) : !1;
@@ -7906,10 +7962,10 @@ class yn extends Z {
           if (r === void 0)
             return null;
           if (!r.deleteTriggerCharacter) {
-            const a = _n(n.selection);
+            const a = vn(n.selection);
             if (a)
               return K.create(n.doc, [
-                W.node(
+                $.node(
                   a.pos,
                   a.pos + a.node.nodeSize,
                   {
@@ -7921,7 +7977,7 @@ class yn extends Z {
               ]);
           }
           return K.create(n.doc, [
-            W.inline(
+            $.inline(
               r.queryStartPos - r.triggerCharacter.length,
               r.queryStartPos,
               {
@@ -7943,32 +7999,32 @@ class yn extends Z {
     return ((o = (i = this.view) == null ? void 0 : i.state) == null ? void 0 : o.show) || !1;
   }
 }
-function Hr(e, t) {
+function zr(e, t) {
   e.suggestionMenus.addTriggerCharacter(t);
 }
-let v;
-function qe(e) {
-  v || (v = document.createElement("div"), v.innerHTML = "_", v.style.opacity = "0", v.style.height = "1px", v.style.width = "1px", e instanceof Document ? e.body.appendChild(v) : e.appendChild(v));
+let E;
+function Ze(e) {
+  E || (E = document.createElement("div"), E.innerHTML = "_", E.style.opacity = "0", E.style.height = "1px", E.style.width = "1px", e instanceof Document ? e.body.appendChild(E) : e.appendChild(E));
 }
-function wn(e) {
-  v && (e instanceof Document ? e.body.removeChild(v) : e.removeChild(v), v = void 0);
+function Cn(e) {
+  E && (e instanceof Document ? e.body.removeChild(E) : e.removeChild(E), E = void 0);
 }
 function re(e) {
   return Array.prototype.indexOf.call(e.parentElement.childNodes, e);
 }
-function vn(e) {
+function Sn(e) {
   for (; e && e.nodeName !== "TD" && e.nodeName !== "TH"; )
     e = e.classList && e.classList.contains("ProseMirror") ? null : e.parentNode;
   return e;
 }
-function xn(e, t) {
+function Mn(e, t) {
   e.forEach((i) => {
     const o = t.querySelectorAll(i);
     for (let n = 0; n < o.length; n++)
       o[n].style.visibility = "hidden";
   });
 }
-class En {
+class Tn {
   constructor(t, i, o) {
     c(this, "state");
     c(this, "emitUpdate");
@@ -7977,31 +8033,34 @@ class En {
     c(this, "menuFrozen", !1);
     c(this, "prevWasEditable", null);
     c(this, "mouseMoveHandler", (t) => {
-      var d;
+      var d, u, p;
       if (this.menuFrozen)
         return;
-      const i = vn(t.target);
+      const i = Sn(t.target);
       if (!i || !this.editor.isEditable) {
         (d = this.state) != null && d.show && (this.state.show = !1, this.emitUpdate());
         return;
       }
-      const o = re(i), n = re(i.parentElement), r = i.getBoundingClientRect(), a = i.parentElement.parentElement.getBoundingClientRect(), s = fe(i, this.pmView);
+      const o = re(i), n = re(i.parentElement), r = i.getBoundingClientRect(), a = (p = (u = i.parentElement) == null ? void 0 : u.parentElement) == null ? void 0 : p.getBoundingClientRect();
+      if (!a)
+        return;
+      const s = me(i, this.pmView);
       if (!s)
         return;
       let l;
-      if (this.editor._tiptapEditor.state.doc.descendants((u, p) => {
+      if (this.editor._tiptapEditor.state.doc.descendants((h, m) => {
         if (typeof l < "u")
           return !1;
-        if (u.type.name !== "blockContainer" || u.attrs.id !== s.id)
+        if (h.type.name !== "blockContainer" || h.attrs.id !== s.id)
           return !0;
-        const h = x(
-          u,
+        const f = C(
+          h,
           this.editor.schema.blockSchema,
           this.editor.schema.inlineContentSchema,
           this.editor.schema.styleSchema,
           this.editor.blockCache
         );
-        return Ro("table", h, this.editor) && (this.tablePos = p + 1, l = h), !1;
+        return Go("table", f, this.editor) && (this.tablePos = m + 1, l = f), !1;
       }), !!l && (this.tableId = s.id, !(this.state !== void 0 && this.state.show && this.tableId === s.id && this.state.rowIndex === n && this.state.colIndex === o)))
         return this.state = {
           show: !0,
@@ -8017,7 +8076,7 @@ class En {
       var h;
       if (((h = this.state) == null ? void 0 : h.draggingState) === void 0)
         return;
-      t.preventDefault(), t.dataTransfer.dropEffect = "move", xn(
+      t.preventDefault(), t.dataTransfer.dropEffect = "move", Mn(
         [
           "column-resize-handle",
           "prosemirror-dropcursor-block",
@@ -8047,7 +8106,7 @@ class En {
       (this.state.rowIndex !== a || this.state.colIndex !== s) && (this.state.rowIndex = a, this.state.colIndex = s, this.state.referencePosCell = n.getBoundingClientRect(), r = !0);
       const p = this.state.draggingState.draggedCellOrientation === "row" ? i.top : i.left;
       this.state.draggingState.mousePos !== p && (this.state.draggingState.mousePos = p, r = !0), r && this.emitUpdate(), u && this.editor.dispatch(
-        this.pmView.state.tr.setMeta(ee, !0)
+        this.pmView.state.tr.setMeta(Q, !0)
       );
     });
     c(this, "dropHandler", (t) => {
@@ -8104,8 +8163,8 @@ class En {
     ), this.pmView.root.removeEventListener("scroll", this.scrollHandler, !0);
   }
 }
-const ee = new M("TableHandlesPlugin");
-class Cn extends Z {
+const Q = new L("TableHandlesPlugin");
+class Bn extends Z {
   constructor(i) {
     super();
     c(this, "view");
@@ -8124,13 +8183,13 @@ class Cn extends Z {
         originalIndex: this.view.state.colIndex,
         mousePos: i.clientX
       }, this.view.emitUpdate(), this.editor.dispatch(
-        this.editor._tiptapEditor.state.tr.setMeta(ee, {
+        this.editor._tiptapEditor.state.tr.setMeta(Q, {
           draggedCellOrientation: this.view.state.draggingState.draggedCellOrientation,
           originalIndex: this.view.state.colIndex,
           newIndex: this.view.state.colIndex,
           tablePos: this.view.tablePos
         })
-      ), qe(this.editor._tiptapEditor.view.root), i.dataTransfer.setDragImage(v, 0, 0), i.dataTransfer.effectAllowed = "move";
+      ), Ze(this.editor._tiptapEditor.view.root), i.dataTransfer.setDragImage(E, 0, 0), i.dataTransfer.effectAllowed = "move";
     });
     /**
      * Callback that should be set on the `dragStart` event for whichever element
@@ -8146,13 +8205,13 @@ class Cn extends Z {
         originalIndex: this.view.state.rowIndex,
         mousePos: i.clientY
       }, this.view.emitUpdate(), this.editor.dispatch(
-        this.editor._tiptapEditor.state.tr.setMeta(ee, {
+        this.editor._tiptapEditor.state.tr.setMeta(Q, {
           draggedCellOrientation: this.view.state.draggingState.draggedCellOrientation,
           originalIndex: this.view.state.rowIndex,
           newIndex: this.view.state.rowIndex,
           tablePos: this.view.tablePos
         })
-      ), qe(this.editor._tiptapEditor.view.root), i.dataTransfer.setDragImage(v, 0, 0), i.dataTransfer.effectAllowed = "copyMove";
+      ), Ze(this.editor._tiptapEditor.view.root), i.dataTransfer.setDragImage(E, 0, 0), i.dataTransfer.effectAllowed = "copyMove";
     });
     /**
      * Callback that should be set on the `dragEnd` event for both the element
@@ -8164,8 +8223,8 @@ class Cn extends Z {
           "Attempted to drag table row, but no table block was hovered prior."
         );
       this.view.state.draggingState = void 0, this.view.emitUpdate(), this.editor.dispatch(
-        this.editor._tiptapEditor.state.tr.setMeta(ee, null)
-      ), wn(this.editor._tiptapEditor.view.root);
+        this.editor._tiptapEditor.state.tr.setMeta(Q, null)
+      ), Cn(this.editor._tiptapEditor.view.root);
     });
     /**
      * Freezes the drag handles. When frozen, they will stay attached to the same
@@ -8181,9 +8240,9 @@ class Cn extends Z {
     c(this, "unfreezeHandles", () => {
       this.view.menuFrozen = !1;
     });
-    this.editor = i, this.plugin = new w({
-      key: ee,
-      view: (o) => (this.view = new En(i, o, (n) => {
+    this.editor = i, this.plugin = new x({
+      key: Q,
+      view: (o) => (this.view = new Tn(i, o, (n) => {
         this.emit("update", n);
       }), this.view),
       // We use decorations to render the drop cursor when dragging a table row
@@ -8206,9 +8265,9 @@ class Cn extends Z {
               ), h = p.node(), m = p.pos + (n > this.view.state.draggingState.originalIndex ? h.nodeSize - 2 : 0);
               r.push(
                 // The widget is a small bar which spans the width of the cell.
-                W.widget(m, () => {
-                  const g = document.createElement("div");
-                  return g.className = "bn-table-drop-cursor", g.style.left = "0", g.style.right = "0", n > this.view.state.draggingState.originalIndex ? g.style.bottom = "-2px" : g.style.top = "-3px", g.style.height = "4px", g;
+                $.widget(m, () => {
+                  const f = document.createElement("div");
+                  return f.className = "bn-table-drop-cursor", f.style.left = "0", f.style.right = "0", n > this.view.state.draggingState.originalIndex ? f.style.bottom = "-2px" : f.style.top = "-3px", f.style.height = "4px", f;
                 })
               );
             }
@@ -8221,7 +8280,7 @@ class Cn extends Z {
               ), p = u.node(), h = u.pos + (n > this.view.state.draggingState.originalIndex ? p.nodeSize - 2 : 0);
               r.push(
                 // The widget is a small bar which spans the height of the cell.
-                W.widget(h, () => {
+                $.widget(h, () => {
                   const m = document.createElement("div");
                   return m.className = "bn-table-drop-cursor", m.style.top = "0", m.style.bottom = "0", n > this.view.state.draggingState.originalIndex ? m.style.right = "-2px" : m.style.left = "-3px", m.style.width = "4px", m;
                 })
@@ -8236,15 +8295,15 @@ class Cn extends Z {
     return this.on("update", i);
   }
 }
-async function Xe(e, t) {
-  const i = e.state.selection.content().content, n = (await Me(
+async function vt(e, t) {
+  const i = e.state.selection.content().content, n = Me(
     e.state.schema,
     t
-  )).serializeProseMirrorFragment(
+  ).serializeProseMirrorFragment(
     i,
     {}
   );
-  await oe();
+  await ie();
   const a = de(
     e.state.schema,
     t
@@ -8254,24 +8313,27 @@ async function Xe(e, t) {
   ), s = await Ie(a);
   return { internalHTML: n, externalHTML: a, plainText: s };
 }
-const Sn = (e) => T.create({
+const Je = (e, t, i) => {
+  i.preventDefault(), i.clipboardData.clearData(), "node" in t.state.selection && t.state.selection.node.type.spec.group === "blockContent" && e.dispatch(
+    e._tiptapEditor.state.tr.setSelection(
+      new le(t.state.doc.resolve(t.state.selection.from - 1))
+    )
+  ), (async () => {
+    const { internalHTML: o, externalHTML: n, plainText: r } = await vt(t, e);
+    i.clipboardData.setData("blocknote/html", o), i.clipboardData.setData("text/html", n), i.clipboardData.setData("text/plain", r);
+  })();
+}, Ln = (e) => I.create({
   name: "copyToClipboard",
   addProseMirrorPlugins() {
     return [
-      new w({
+      new x({
         props: {
           handleDOMEvents: {
             copy(t, i) {
-              return i.preventDefault(), i.clipboardData.clearData(), "node" in t.state.selection && t.state.selection.node.type.spec.group === "blockContent" && e.dispatch(
-                e._tiptapEditor.state.tr.setSelection(
-                  new se(
-                    t.state.doc.resolve(t.state.selection.from - 1)
-                  )
-                )
-              ), (async () => {
-                const { internalHTML: o, externalHTML: n, plainText: r } = await Xe(t, e);
-                i.clipboardData.setData("blocknote/html", o), i.clipboardData.setData("text/html", n), i.clipboardData.setData("text/plain", r);
-              })(), !0;
+              return Je(e, t, i), !0;
+            },
+            cut(t, i) {
+              return Je(e, t, i), t.dispatch(t.state.tr.deleteSelection()), !0;
             },
             // This is for the use-case in which only a block without content
             // is selected, e.g. an image block, and dragged (not using the
@@ -8280,12 +8342,12 @@ const Sn = (e) => T.create({
               if ("node" in t.state.selection && t.state.selection.node.type.spec.group === "blockContent")
                 return e.dispatch(
                   e._tiptapEditor.state.tr.setSelection(
-                    new se(
+                    new le(
                       t.state.doc.resolve(t.state.selection.from - 1)
                     )
                   )
                 ), i.preventDefault(), i.dataTransfer.clearData(), (async () => {
-                  const { internalHTML: o, externalHTML: n, plainText: r } = await Xe(t, e);
+                  const { internalHTML: o, externalHTML: n, plainText: r } = await vt(t, e);
                   i.dataTransfer.setData("blocknote/html", o), i.dataTransfer.setData("text/html", n), i.dataTransfer.setData("text/plain", r);
                 })(), !0;
             }
@@ -8300,12 +8362,12 @@ const Sn = (e) => T.create({
   "text/html",
   "text/plain"
 ];
-function Mn(e, t) {
+function In(e, t) {
   if (!e.startsWith(".") || !t.startsWith("."))
     throw new Error("The strings provided are not valid file extensions.");
   return e === t;
 }
-function Tn(e, t) {
+function An(e, t) {
   const i = e.split("/"), o = t.split("/");
   if (i.length !== 2)
     throw new Error(`The string ${e} is not a valid MIME type.`);
@@ -8313,7 +8375,7 @@ function Tn(e, t) {
     throw new Error(`The string ${t} is not a valid MIME type.`);
   return i[1] === "*" || o[1] === "*" ? i[0] === o[0] : (i[0] === "*" || o[0] === "*" || i[0] === o[0]) && i[1] === o[1];
 }
-async function yt(e, t) {
+async function xt(e, t) {
   if (!t.uploadFile)
     return;
   const i = "dataTransfer" in e ? e.dataTransfer : e.clipboardData;
@@ -8339,7 +8401,7 @@ async function yt(e, t) {
     for (const d of r)
       for (const u of d.fileBlockAccept || []) {
         const p = u.startsWith("."), h = n[a].getAsFile();
-        if (h && (!p && h.type && Tn(n[a].type, u) || p && Mn(
+        if (h && (!p && h.type && An(n[a].type, u) || p && In(
           "." + h.name.split(".").pop(),
           u
         ))) {
@@ -8349,85 +8411,98 @@ async function yt(e, t) {
       }
     const l = n[a].getAsFile();
     if (l) {
-      const d = await t.uploadFile(l), u = typeof d == "string" ? {
+      const d = {
         type: s,
         props: {
-          name: l.name,
-          url: d
+          name: l.name
         }
-      } : { type: s, ...d };
-      if (e.type === "paste" && t.insertBlocks(
-        [u],
-        t.getTextCursorPosition().block,
-        "after"
-      ), e.type === "drop") {
-        const p = {
+      };
+      let u;
+      if (e.type === "paste")
+        u = t.insertBlocks(
+          [d],
+          t.getTextCursorPosition().block,
+          "after"
+        )[0].id;
+      else if (e.type === "drop") {
+        const m = {
           left: e.clientX,
           top: e.clientY
-        }, h = t._tiptapEditor.view.posAtCoords(p);
-        if (!h)
+        }, f = t._tiptapEditor.view.posAtCoords(m);
+        if (!f)
           return;
-        const m = _(
+        const g = _(
           t._tiptapEditor.state.doc,
-          h.pos
+          f.pos
         );
-        t.insertBlocks([u], m.id, "after");
-      }
+        u = t.insertBlocks(
+          [d],
+          g.id,
+          "after"
+        )[0].id;
+      } else
+        return;
+      const p = await t.uploadFile(l, u), h = typeof p == "string" ? {
+        props: {
+          url: p
+        }
+      } : { ...p };
+      t.updateBlock(u, h);
     }
   }
 }
-const Bn = (e) => T.create({
-  name: "pasteFromClipboard",
+const Nn = (e) => I.create({
+  name: "dropFile",
   addProseMirrorPlugins() {
     return [
-      new w({
+      new x({
         props: {
           handleDOMEvents: {
-            paste(t, i) {
-              if (i.preventDefault(), !e.isEditable)
+            drop(t, i) {
+              if (!e.isEditable)
                 return;
               let o = null;
-              for (const r of Ae)
-                if (i.clipboardData.types.includes(r)) {
-                  o = r;
+              for (const n of Ae)
+                if (i.dataTransfer.types.includes(n)) {
+                  o = n;
                   break;
                 }
-              if (o === null)
-                return !0;
-              if (o === "Files")
-                return yt(i, e), !0;
-              let n = i.clipboardData.getData(o);
-              return o === "text/html" && (n = bt(n.trim()).innerHTML), e._tiptapEditor.view.pasteHTML(n), !0;
+              return o === null ? !0 : o === "Files" ? (xt(i, e), !0) : !1;
             }
           }
         }
       })
     ];
   }
-}), Ln = (e) => T.create({
-  name: "dropFile",
+}), Pn = (e) => I.create({
+  name: "pasteFromClipboard",
   addProseMirrorPlugins() {
     return [
-      new w({
+      new x({
         props: {
           handleDOMEvents: {
-            drop(t, i) {
-              if (!e.isEditable)
+            paste(t, i) {
+              if (i.preventDefault(), !e.isEditable)
                 return;
               let o = null;
-              for (const n of Ae)
-                if (i.dataTransfer.types.includes(n)) {
-                  o = n;
+              for (const r of Ae)
+                if (i.clipboardData.types.includes(r)) {
+                  o = r;
                   break;
                 }
-              return o === null ? !0 : o === "Files" ? (yt(i, e), !0) : !1;
+              if (o === null)
+                return !0;
+              if (o === "Files")
+                return xt(i, e), !0;
+              let n = i.clipboardData.getData(o);
+              return o === "text/html" && (n = kt(n.trim()).innerHTML), e._tiptapEditor.view.pasteHTML(n), !0;
             }
           }
         }
       })
     ];
   }
-}), In = T.create({
+}), Hn = I.create({
   name: "blockBackgroundColor",
   addGlobalAttributes() {
     return [
@@ -8435,9 +8510,9 @@ const Bn = (e) => T.create({
         types: ["blockContainer"],
         attributes: {
           backgroundColor: {
-            default: k.backgroundColor.default,
-            parseHTML: (e) => e.hasAttribute("data-background-color") ? e.getAttribute("data-background-color") : k.backgroundColor.default,
-            renderHTML: (e) => e.backgroundColor === k.backgroundColor.default ? {} : {
+            default: w.backgroundColor.default,
+            parseHTML: (e) => e.hasAttribute("data-background-color") ? e.getAttribute("data-background-color") : w.backgroundColor.default,
+            renderHTML: (e) => e.backgroundColor === w.backgroundColor.default ? {} : {
               "data-background-color": e.backgroundColor
             }
           }
@@ -8445,7 +8520,7 @@ const Bn = (e) => T.create({
       }
     ];
   }
-}), An = T.create({
+}), Un = I.create({
   name: "textAlignment",
   addGlobalAttributes() {
     return [
@@ -8471,7 +8546,7 @@ const Bn = (e) => T.create({
       }
     ];
   }
-}), Nn = T.create({
+}), Dn = I.create({
   name: "blockTextColor",
   addGlobalAttributes() {
     return [
@@ -8479,9 +8554,9 @@ const Bn = (e) => T.create({
         types: ["blockContainer"],
         attributes: {
           textColor: {
-            default: k.textColor.default,
-            parseHTML: (e) => e.hasAttribute("data-text-color") ? e.getAttribute("data-text-color") : k.textColor.default,
-            renderHTML: (e) => e.textColor === k.textColor.default ? {} : {
+            default: w.textColor.default,
+            parseHTML: (e) => e.hasAttribute("data-text-color") ? e.getAttribute("data-text-color") : w.textColor.default,
+            renderHTML: (e) => e.textColor === w.textColor.default ? {} : {
               "data-text-color": e.textColor
             }
           }
@@ -8489,12 +8564,12 @@ const Bn = (e) => T.create({
       }
     ];
   }
-}), Pn = T.create({
+}), jn = I.create({
   name: "trailingNode",
   addProseMirrorPlugins() {
-    const e = new M(this.name);
+    const e = new L(this.name);
     return [
-      new w({
+      new x({
         key: e,
         appendTransaction: (t, i, o) => {
           const { doc: n, tr: r, schema: a } = o, s = e.getState(o), l = n.content.size - 2, d = a.nodes.blockContainer, u = a.nodes.paragraph;
@@ -8524,8 +8599,8 @@ const Bn = (e) => T.create({
       })
     ];
   }
-}), Hn = new M("non-editable-block"), Dn = () => new w({
-  key: Hn,
+}), zn = new L("non-editable-block"), Vn = () => new x({
+  key: zn,
   props: {
     handleKeyDown: (e, t) => {
       if ("node" in e.state.selection) {
@@ -8540,7 +8615,7 @@ const Bn = (e) => T.create({
               e.state.tr.selection.$to.after(),
               e.state.schema.nodes.paragraph.create()
             ).setSelection(
-              new Q(
+              new Y(
                 i.doc.resolve(e.state.tr.selection.$to.after() + 1)
               )
             )
@@ -8550,99 +8625,13 @@ const Bn = (e) => T.create({
       return !1;
     }
   }
-}), Ze = new M("previous-blocks"), Un = {
-  // Numbered List Items
-  index: "index",
-  // Headings
-  level: "level",
-  // All Blocks
-  type: "type",
-  depth: "depth",
-  "depth-change": "depth-change"
-}, jn = () => {
-  let e;
-  return new w({
-    key: Ze,
-    view(t) {
-      return {
-        update: async (i, o) => {
-          var n;
-          ((n = this.key) == null ? void 0 : n.getState(i.state).updatedBlocks.size) > 0 && (e = setTimeout(() => {
-            i.dispatch(
-              i.state.tr.setMeta(Ze, { clearUpdate: !0 })
-            );
-          }, 0));
-        },
-        destroy: () => {
-          e && clearTimeout(e);
-        }
-      };
-    },
-    state: {
-      init() {
-        return {
-          // Block attributes, by block ID, from just before the previous transaction.
-          prevTransactionOldBlockAttrs: {},
-          // Block attributes, by block ID, from just before the current transaction.
-          currentTransactionOldBlockAttrs: {},
-          // Set of IDs of blocks whose attributes changed from the current transaction.
-          updatedBlocks: /* @__PURE__ */ new Set()
-        };
-      },
-      apply(t, i, o, n) {
-        if (i.currentTransactionOldBlockAttrs = {}, i.updatedBlocks.clear(), !t.docChanged || o.doc.eq(n.doc))
-          return i;
-        const r = {}, a = je(o.doc, (d) => d.attrs.id), s = new Map(
-          a.map((d) => [d.node.attrs.id, d])
-        ), l = je(n.doc, (d) => d.attrs.id);
-        for (const d of l) {
-          const u = s.get(d.node.attrs.id), p = u == null ? void 0 : u.node.firstChild, h = d.node.firstChild;
-          if (u && p && h) {
-            const m = {
-              index: h.attrs.index,
-              level: h.attrs.level,
-              type: h.type.name,
-              depth: n.doc.resolve(d.pos).depth
-            };
-            let g = {
-              index: p.attrs.index,
-              level: p.attrs.level,
-              type: p.type.name,
-              depth: o.doc.resolve(u.pos).depth
-            };
-            r[d.node.attrs.id] = g, t.getMeta("numberedListIndexing") && (d.node.attrs.id in i.prevTransactionOldBlockAttrs && (g = i.prevTransactionOldBlockAttrs[d.node.attrs.id]), m.type === "numberedListItem" && (g.index = m.index)), i.currentTransactionOldBlockAttrs[d.node.attrs.id] = g, JSON.stringify(g) !== JSON.stringify(m) && (g["depth-change"] = g.depth - m.depth, i.updatedBlocks.add(d.node.attrs.id));
-          }
-        }
-        return i.prevTransactionOldBlockAttrs = r, i;
-      }
-    },
-    props: {
-      decorations(t) {
-        const i = this.getState(t);
-        if (i.updatedBlocks.size === 0)
-          return;
-        const o = [];
-        return t.doc.descendants((n, r) => {
-          if (!n.attrs.id || !i.updatedBlocks.has(n.attrs.id))
-            return;
-          const a = i.currentTransactionOldBlockAttrs[n.attrs.id], s = {};
-          for (const [d, u] of Object.entries(a))
-            s["data-prev-" + Un[d]] = u || "none";
-          const l = W.node(r, r + n.nodeSize, {
-            ...s
-          });
-          o.push(l);
-        }), K.create(t.doc, o);
-      }
-    }
-  });
-}, zn = {
+}), Rn = {
   blockColor: "data-block-color",
   blockStyle: "data-block-style",
   id: "data-id",
   depth: "data-depth",
   depthChange: "data-depth-change"
-}, Rn = q.create({
+}, On = q.create({
   name: "blockContainer",
   group: "blockContainer",
   // A block always contains content, and optionally a blockGroup which contains nested blocks
@@ -8658,7 +8647,7 @@ const Bn = (e) => T.create({
           if (typeof e == "string")
             return !1;
           const t = {};
-          for (const [i, o] of Object.entries(zn))
+          for (const [i, o] of Object.entries(Rn))
             e.getAttribute(o) && (t[i] = e.getAttribute(o));
           return e.getAttribute("data-node-type") === "blockContainer" ? t : !1;
         }
@@ -8675,7 +8664,7 @@ const Bn = (e) => T.create({
       ...((n = this.options.domAttributes) == null ? void 0 : n.block) || {},
       ...e
     }, o = document.createElement("div");
-    o.className = z("bn-block", i.class), o.setAttribute("data-node-type", this.name);
+    o.className = R("bn-block", i.class), o.setAttribute("data-node-type", this.name);
     for (const [r, a] of Object.entries(i))
       r !== "class" && o.setAttribute(r, a);
     return t.appendChild(o), {
@@ -8709,7 +8698,7 @@ const Bn = (e) => T.create({
             const h = [];
             for (const m of t.children)
               h.push(
-                H(
+                U(
                   m,
                   i.schema,
                   this.options.editor.schema.styleSchema
@@ -8718,7 +8707,7 @@ const Bn = (e) => T.create({
             s.childCount === 2 ? i.tr.replace(
               r + l.nodeSize + 1,
               a - 1,
-              new j(I.from(h), 0, 0)
+              new z(N.from(h), 0, 0)
             ) : i.tr.insert(
               r + l.nodeSize,
               i.schema.nodes.blockGroup.create({}, h)
@@ -8728,25 +8717,25 @@ const Bn = (e) => T.create({
           let p = "keep";
           if (t.content)
             if (typeof t.content == "string")
-              p = $(
+              p = V(
                 [t.content],
                 i.schema,
                 this.options.editor.schema.styleSchema
               );
             else if (Array.isArray(t.content))
-              p = $(
+              p = V(
                 t.content,
                 i.schema,
                 this.options.editor.schema.styleSchema
               );
             else if (t.content.type === "tableContent")
-              p = et(
+              p = it(
                 t.content,
                 i.schema,
                 this.options.editor.schema.styleSchema
               );
             else
-              throw new A(t.content.type);
+              throw new P(t.content.type);
           else {
             const h = i.schema.nodes[d].spec.content, m = i.schema.nodes[u].spec.content;
             h === "" || m !== h && (p = []);
@@ -8769,11 +8758,11 @@ const Bn = (e) => T.create({
               p
             )
           ).setSelection(
-            i.schema.nodes[u].spec.content === "" ? new se(i.tr.doc.resolve(r)) : i.schema.nodes[u].spec.content === "inline*" ? new Q(i.tr.doc.resolve(r)) : (
+            i.schema.nodes[u].spec.content === "" ? new le(i.tr.doc.resolve(r)) : i.schema.nodes[u].spec.content === "inline*" ? new Y(i.tr.doc.resolve(r)) : (
               // Need to offset the position as we have to get through the
               // `tableRow` and `tableCell` nodes to get to the
               // `tableParagraph` node we want to set the selection in.
-              new Q(i.tr.doc.resolve(r + 4))
+              new Y(i.tr.doc.resolve(r + 4))
             )
           ), i.tr.setNodeMarkup(r - 1, void 0, {
             ...s.attrs,
@@ -8810,8 +8799,8 @@ const Bn = (e) => T.create({
         if (a.childCount === 2) {
           const m = t.doc.resolve(
             l + s.nodeSize + 1
-          ), g = t.doc.resolve(d - 1), f = m.blockRange(g);
-          i && t.tr.lift(f, u - 1);
+          ), f = t.doc.resolve(d - 1), g = m.blockRange(f);
+          i && t.tr.lift(g, u - 1);
         }
         let p = e - 1, h = _(t.doc, p);
         for (; h.numChildBlocks > 0; )
@@ -8821,10 +8810,10 @@ const Bn = (e) => T.create({
           t.tr.deleteRange(l, l + s.nodeSize).replace(
             p - 1,
             l,
-            new j(s.content, 0, 0)
+            new z(s.content, 0, 0)
           ).scrollIntoView()
         ), t.tr.setSelection(
-          new Q(t.doc.resolve(p - 1))
+          new Y(t.doc.resolve(p - 1))
         )), !0;
       },
       // Splits a block at a given position. Content after the position is moved to a new block below, at the same
@@ -8837,27 +8826,27 @@ const Bn = (e) => T.create({
         const r = _(o.doc, e);
         if (r === void 0)
           return !1;
-        const { contentNode: a, contentType: s, startPos: l, endPos: d, depth: u } = r, p = o.doc.cut(l + 1, e), h = o.doc.cut(e, d - 1), m = o.schema.nodes.blockContainer.createAndFill(), g = d + 1, f = g + 2;
-        return n && (o.tr.insert(g, m), o.tr.replace(
-          f,
-          f + 1,
-          h.content.size > 0 ? new j(
-            I.from(h),
+        const { contentNode: a, contentType: s, startPos: l, endPos: d, depth: u } = r, p = o.doc.cut(l + 1, e), h = o.doc.cut(e, d - 1), m = o.schema.nodes.blockContainer.createAndFill(), f = d + 1, g = f + 2;
+        return n && (o.tr.insert(f, m), o.tr.replace(
+          g,
+          g + 1,
+          h.content.size > 0 ? new z(
+            N.from(h),
             u + 2,
             u + 2
           ) : void 0
         ), t && o.tr.setBlockType(
-          f,
-          f,
+          g,
+          g,
           o.schema.node(s).type,
           i ? a.attrs : void 0
         ), o.tr.setSelection(
-          new Q(o.doc.resolve(f))
+          new Y(o.doc.resolve(g))
         ), o.tr.replace(
           l + 1,
           d - 1,
-          p.content.size > 0 ? new j(
-            I.from(p),
+          p.content.size > 0 ? new z(
+            N.from(p),
             u + 2,
             u + 2
           ) : void 0
@@ -8866,7 +8855,7 @@ const Bn = (e) => T.create({
     };
   },
   addProseMirrorPlugins() {
-    return [jn(), Dn()];
+    return [Vn()];
   },
   addKeyboardShortcuts() {
     return {
@@ -8916,9 +8905,9 @@ const Bn = (e) => T.create({
             n.selection.from
           ), l = s === n.doc.nodeSize - 4, d = n.selection.from === s - 1, u = n.selection.empty, p = r.childCount === 2;
           if (!l && d && u && !p) {
-            let h = a, m = s + 2, g = n.doc.resolve(m).depth;
-            for (; g < h; )
-              h = g, m += 2, g = n.doc.resolve(m).depth;
+            let h = a, m = s + 2, f = n.doc.resolve(m).depth;
+            for (; f < h; )
+              h = f, m += 2, f = n.doc.resolve(m).depth;
             return o.BNMergeBlocks(m - 1);
           }
           return !1;
@@ -8973,7 +8962,7 @@ const Bn = (e) => T.create({
       }
     };
   }
-}), Vn = q.create({
+}), Fn = q.create({
   name: "blockGroup",
   group: "blockGroup",
   content: "blockContainer+",
@@ -8991,7 +8980,7 @@ const Bn = (e) => T.create({
       ...((o = this.options.domAttributes) == null ? void 0 : o.blockGroup) || {},
       ...e
     }, i = document.createElement("div");
-    i.className = z(
+    i.className = R(
       "bn-block-group",
       t.class
     ), i.setAttribute("data-node-type", "blockGroup");
@@ -9002,30 +8991,31 @@ const Bn = (e) => T.create({
       contentDOM: i
     };
   }
-}), On = q.create({
+}), Gn = q.create({
   name: "doc",
   topNode: !0,
   content: "blockGroup"
-}), Fn = (e) => {
+}), Wn = (e) => {
   var o;
   const t = [
-    Y.ClipboardTextSerializer,
-    Y.Commands,
-    Y.Editable,
-    Y.FocusEvents,
-    Y.Tabindex,
+    J.ClipboardTextSerializer,
+    J.Commands,
+    J.Editable,
+    J.FocusEvents,
+    J.Tabindex,
     // DevTools,
-    ri,
+    li,
     // DropCursor,
-    ne.configure({
-      types: ["blockContainer"]
+    oe.configure({
+      types: ["blockContainer"],
+      setIdAttribute: e.setIdAttribute
     }),
-    ai.extend({ priority: 10 }),
+    di.extend({ priority: 10 }),
     // Comments,
     // basics:
-    di,
+    pi,
     // marks:
-    li.extend({
+    ui.extend({
       addKeyboardShortcuts() {
         return {
           "Mod-k": () => (this.editor.commands.toggleLink({ href: "" }), !0)
@@ -9033,11 +9023,11 @@ const Bn = (e) => T.create({
       }
     }),
     ...Object.values(e.styleSpecs).map((n) => n.implementation.mark),
-    Nn,
-    In,
-    An,
+    Dn,
+    Hn,
+    Un,
     // make sure escape blurs editor, so that we can tab to other elements in the host page (accessibility)
-    T.create({
+    I.create({
       name: "OverrideEscape",
       addKeyboardShortcuts() {
         return {
@@ -9046,12 +9036,12 @@ const Bn = (e) => T.create({
       }
     }),
     // nodes
-    On,
-    Rn.configure({
+    Gn,
+    On.configure({
       editor: e.editor,
       domAttributes: e.domAttributes
     }),
-    Vn.configure({
+    Fn.configure({
       domAttributes: e.domAttributes
     }),
     ...Object.values(e.inlineContentSpecs).filter((n) => n.config !== "link" && n.config !== "text").map((n) => n.implementation.node.configure({
@@ -9071,17 +9061,17 @@ const Bn = (e) => T.create({
         domAttributes: e.domAttributes
       })
     ]),
-    Sn(e.editor),
-    Bn(e.editor),
     Ln(e.editor),
-    ni.configure({ width: 5, color: "#ddeeff" }),
+    Pn(e.editor),
+    Nn(e.editor),
+    si.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
-    ...e.trailingBlock === void 0 || e.trailingBlock ? [Pn] : []
+    ...e.trailingBlock === void 0 || e.trailingBlock ? [jn] : []
   ];
   if (e.collaboration) {
     if (t.push(
-      ii.configure({
+      ri.configure({
         fragment: e.collaboration.fragment
       })
     ), (o = e.collaboration.provider) != null && o.awareness) {
@@ -9094,7 +9084,7 @@ const Bn = (e) => T.create({
         return a.insertBefore(l, null), a.insertBefore(s, null), a.insertBefore(d, null), a;
       };
       t.push(
-        oi.configure({
+        ai.configure({
           user: e.collaboration.user,
           render: e.collaboration.renderCursor || n,
           provider: e.collaboration.provider
@@ -9102,24 +9092,24 @@ const Bn = (e) => T.create({
       );
     }
   } else
-    t.push(si);
+    t.push(ci);
   const i = e.disableExtensions || [];
   return t.filter((n) => !i.includes(n.name));
 };
-function Gn(e, t) {
+function Kn(e, t) {
   const i = [];
   return e.forEach((o, n, r) => {
     r !== t && i.push(o);
-  }), I.from(i);
+  }), N.from(i);
 }
-function Kn(e, t) {
-  let i = I.from(e.content);
+function $n(e, t) {
+  let i = N.from(e.content);
   for (let o = 0; o < i.childCount; o++)
     if (i.child(o).type.spec.group === "blockContent") {
       const n = [i.child(o)];
       if (o + 1 < i.childCount && i.child(o + 1).type.spec.group === "blockGroup") {
         const a = i.child(o + 1).child(0).child(0);
-        (a.type.name === "bulletListItem" || a.type.name === "numberedListItem" || a.type.name === "checkListItem") && (n.push(i.child(o + 1)), i = Gn(i, o + 1));
+        (a.type.name === "bulletListItem" || a.type.name === "numberedListItem" || a.type.name === "checkListItem") && (n.push(i.child(o + 1)), i = Kn(i, o + 1));
       }
       const r = t.state.schema.nodes.blockContainer.create(
         void 0,
@@ -9127,9 +9117,9 @@ function Kn(e, t) {
       );
       i = i.replaceChild(o, r);
     }
-  return new j(i, e.openStart, e.openEnd);
+  return new z(i, e.openStart, e.openEnd);
 }
-function ke(e) {
+function _e(e) {
   return e && Object.fromEntries(
     Object.entries(e).filter(([, t]) => t !== void 0)
   );
@@ -9146,15 +9136,15 @@ class Ne {
     c(this, "BlockNoteEditor", "only for types");
     c(this, "Block", "only for types");
     c(this, "PartialBlock", "only for types");
-    this.blockSpecs = ke(t == null ? void 0 : t.blockSpecs) || ht, this.inlineContentSpecs = ke(t == null ? void 0 : t.inlineContentSpecs) || ft, this.styleSpecs = ke(t == null ? void 0 : t.styleSpecs) || mt, this.blockSchema = lt(this.blockSpecs), this.inlineContentSchema = dt(
+    this.blockSpecs = _e(t == null ? void 0 : t.blockSpecs) || ft, this.inlineContentSpecs = _e(t == null ? void 0 : t.inlineContentSpecs) || bt, this.styleSpecs = _e(t == null ? void 0 : t.styleSpecs) || gt, this.blockSchema = dt(this.blockSpecs), this.inlineContentSchema = ct(
       this.inlineContentSpecs
-    ), this.styleSchema = ut(this.styleSpecs);
+    ), this.styleSchema = pt(this.styleSpecs);
   }
   static create(t) {
     return new Ne(t);
   }
 }
-class wt extends Rt {
+class Et extends Ft {
   constructor(i, o) {
     super({ ...i, content: void 0 });
     c(this, "_state");
@@ -9173,14 +9163,14 @@ class wt extends Rt {
       if (r)
         return r;
       const d = a.apply(n.nodes.doc, l), u = JSON.parse(JSON.stringify(d.toJSON()));
-      return u.content[0].content[0].attrs.id = "initialBlockId", r = Bt.fromJSON(n, u), r;
+      return u.content[0].content[0].attrs.id = "initialBlockId", r = At.fromJSON(n, u), r;
     };
     let s;
     try {
       const l = i == null ? void 0 : i.content.map(
-        (d) => H(d, this.schema, o).toJSON()
+        (d) => U(d, this.schema, o).toJSON()
       );
-      s = Vt(
+      s = Gt(
         {
           type: "doc",
           content: [
@@ -9201,7 +9191,7 @@ class wt extends Rt {
         "Error creating document from blocks passed as `initialContent`:\n" + +JSON.stringify(i.content)
       );
     }
-    this._state = Ft.create({
+    this._state = Kt.create({
       doc: s,
       schema: this.schema
       // selection: selection || undefined,
@@ -9218,7 +9208,7 @@ class wt extends Rt {
    */
   createViewAlternative() {
     queueMicrotask(() => {
-      this.view = new ti(
+      this.view = new ni(
         { mount: this.options.element },
         // use mount option so that we reuse the existing element instead of creating a new one
         {
@@ -9235,10 +9225,11 @@ class wt extends Rt {
     });
   }
 }
-wt.prototype.createView = () => {
+Et.prototype.createView = function() {
+  this.options.onPaste = this.options.onDrop = void 0;
 };
-const Wn = new M("blocknote-placeholder"), $n = (e, t) => new w({
-  key: Wn,
+const qn = new L("blocknote-placeholder"), Xn = (e, t) => new x({
+  key: qn,
   view: () => {
     const i = document.createElement("style"), o = e._tiptapEditor.options.injectNonce;
     o && i.setAttribute("nonce", o), e._tiptapEditor.view.root instanceof ShadowRoot ? e._tiptapEditor.view.root.append(i) : e._tiptapEditor.view.root.head.appendChild(i);
@@ -9276,18 +9267,104 @@ const Wn = new M("blocknote-placeholder"), $n = (e, t) => new w({
       const r = n.$anchor, a = r.parent;
       if (a.content.size > 0)
         return null;
-      const s = r.before(), l = W.node(s, s + a.nodeSize, {
+      const s = r.before(), l = $.node(s, s + a.nodeSize, {
         "data-is-empty-and-focused": "true"
       });
       return K.create(o, [l]);
     }
   }
-}), qn = {
+}), Ye = new L("previous-blocks"), Zn = {
+  // Numbered List Items
+  index: "index",
+  // Headings
+  level: "level",
+  // All Blocks
+  type: "type",
+  depth: "depth",
+  "depth-change": "depth-change"
+}, Jn = () => {
+  let e;
+  return new x({
+    key: Ye,
+    view(t) {
+      return {
+        update: async (i, o) => {
+          var n;
+          ((n = this.key) == null ? void 0 : n.getState(i.state).updatedBlocks.size) > 0 && (e = setTimeout(() => {
+            i.dispatch(
+              i.state.tr.setMeta(Ye, { clearUpdate: !0 })
+            );
+          }, 0));
+        },
+        destroy: () => {
+          e && clearTimeout(e);
+        }
+      };
+    },
+    state: {
+      init() {
+        return {
+          // Block attributes, by block ID, from just before the previous transaction.
+          prevTransactionOldBlockAttrs: {},
+          // Block attributes, by block ID, from just before the current transaction.
+          currentTransactionOldBlockAttrs: {},
+          // Set of IDs of blocks whose attributes changed from the current transaction.
+          updatedBlocks: /* @__PURE__ */ new Set()
+        };
+      },
+      apply(t, i, o, n) {
+        if (i.currentTransactionOldBlockAttrs = {}, i.updatedBlocks.clear(), !t.docChanged || o.doc.eq(n.doc))
+          return i;
+        const r = {}, a = je(o.doc, (d) => d.attrs.id), s = new Map(
+          a.map((d) => [d.node.attrs.id, d])
+        ), l = je(n.doc, (d) => d.attrs.id);
+        for (const d of l) {
+          const u = s.get(d.node.attrs.id), p = u == null ? void 0 : u.node.firstChild, h = d.node.firstChild;
+          if (u && p && h) {
+            const m = {
+              index: h.attrs.index,
+              level: h.attrs.level,
+              type: h.type.name,
+              depth: n.doc.resolve(d.pos).depth
+            };
+            let f = {
+              index: p.attrs.index,
+              level: p.attrs.level,
+              type: p.type.name,
+              depth: o.doc.resolve(u.pos).depth
+            };
+            r[d.node.attrs.id] = f, t.getMeta("numberedListIndexing") && (d.node.attrs.id in i.prevTransactionOldBlockAttrs && (f = i.prevTransactionOldBlockAttrs[d.node.attrs.id]), m.type === "numberedListItem" && (f.index = m.index)), i.currentTransactionOldBlockAttrs[d.node.attrs.id] = f, JSON.stringify(f) !== JSON.stringify(m) && (f["depth-change"] = f.depth - m.depth, i.updatedBlocks.add(d.node.attrs.id));
+          }
+        }
+        return i.prevTransactionOldBlockAttrs = r, i;
+      }
+    },
+    props: {
+      decorations(t) {
+        const i = this.getState(t);
+        if (i.updatedBlocks.size === 0)
+          return;
+        const o = [];
+        return t.doc.descendants((n, r) => {
+          if (!n.attrs.id || !i.updatedBlocks.has(n.attrs.id))
+            return;
+          const a = i.currentTransactionOldBlockAttrs[n.attrs.id], s = {};
+          for (const [d, u] of Object.entries(a))
+            s["data-prev-" + Zn[d]] = u || "none";
+          const l = $.node(r, r + n.nodeSize, {
+            ...s
+          });
+          o.push(l);
+        }), K.create(t.doc, o);
+      }
+    }
+  });
+}, Yn = {
   enableInputRules: !0,
   enablePasteRules: !0,
   enableCoreExtensions: !1
 };
-class vt {
+class Ct {
   constructor(t) {
     c(this, "_pmSchema");
     /**
@@ -9338,6 +9415,8 @@ class vt {
      * @returns The URL of the uploaded file OR an object containing props that should be set on the file block (such as an id)
      */
     c(this, "uploadFile");
+    c(this, "onUploadStartCallbacks", []);
+    c(this, "onUploadEndCallbacks", []);
     c(this, "resolveFileUrl");
     /**
      * Mount the editor to a parent DOM element. Call mount(undefined) to clean up
@@ -9347,7 +9426,7 @@ class vt {
     c(this, "mount", (t) => {
       this._tiptapEditor.mount(t);
     });
-    var l, d, u, p, h, m, g;
+    var l, d, u, p, h, m, f;
     this.options = t;
     const i = t;
     if (i.onEditorContentChange)
@@ -9366,7 +9445,7 @@ class vt {
       throw new Error(
         "editable initialization option is deprecated, use <BlockNoteView editable={true/false} />, or alternatively editor.isEditable = true/false"
       );
-    this.dictionary = t.dictionary || Je;
+    this.dictionary = t.dictionary || Qe;
     const o = {
       defaultStyles: !0,
       schema: t.schema || Ne.create(),
@@ -9377,8 +9456,8 @@ class vt {
         ...t.placeholders
       }
     };
-    this.schema = o.schema, this.blockImplementations = o.schema.blockSpecs, this.inlineContentImplementations = o.schema.inlineContentSpecs, this.styleImplementations = o.schema.styleSpecs, this.formattingToolbar = new ln(this), this.linkToolbar = new un(this), this.sideMenu = new bn(this), this.suggestionMenus = new yn(this), this.filePanel = new rn(this), C("table", this) && (this.tableHandles = new Cn(this));
-    const n = Fn({
+    this.schema = o.schema, this.blockImplementations = o.schema.blockSpecs, this.inlineContentImplementations = o.schema.inlineContentSpecs, this.styleImplementations = o.schema.styleSpecs, this.formattingToolbar = new pn(this), this.linkToolbar = new fn(this), this.sideMenu = new wn(this), this.suggestionMenus = new En(this), this.filePanel = new dn(this), T("table", this) && (this.tableHandles = new Bn(this));
+    const n = Wn({
       editor: this,
       domAttributes: o.domAttributes || {},
       blockSpecs: this.schema.blockSpecs,
@@ -9386,8 +9465,9 @@ class vt {
       inlineContentSpecs: this.schema.inlineContentSpecs,
       collaboration: o.collaboration,
       trailingBlock: o.trailingBlock,
-      disableExtensions: o.disableExtensions
-    }), r = T.create({
+      disableExtensions: o.disableExtensions,
+      setIdAttribute: o.setIdAttribute
+    }), r = I.create({
       name: "BlockNoteUIExtension",
       addProseMirrorPlugins: () => [
         this.formattingToolbar.plugin,
@@ -9396,10 +9476,26 @@ class vt {
         this.suggestionMenus.plugin,
         ...this.filePanel ? [this.filePanel.plugin] : [],
         ...this.tableHandles ? [this.tableHandles.plugin] : [],
-        $n(this, o.placeholders)
+        Xn(this, o.placeholders),
+        ...this.options.animations ?? !0 ? [Jn()] : []
       ]
     });
-    n.push(r), this.uploadFile = o.uploadFile, this.resolveFileUrl = o.resolveFileUrl || (async (f) => f), this.headless = o._headless, o.collaboration && o.initialContent && console.warn(
+    if (n.push(r), o.uploadFile) {
+      const g = o.uploadFile;
+      this.uploadFile = async (k, v) => {
+        this.onUploadStartCallbacks.forEach(
+          (b) => b.apply(this, [v])
+        );
+        try {
+          return await g(k, v);
+        } finally {
+          this.onUploadEndCallbacks.forEach(
+            (b) => b.apply(this, [v])
+          );
+        }
+      };
+    }
+    this.resolveFileUrl = o.resolveFileUrl || (async (g) => g), this.headless = o._headless, o.collaboration && o.initialContent && console.warn(
       "When using Collaboration, initialContent might cause conflicts, because changes should come from the collaboration provider"
     );
     const a = o.initialContent || (t.collaboration ? [
@@ -9410,7 +9506,7 @@ class vt {
     ] : [
       {
         type: "paragraph",
-        id: ne.options.generateID()
+        id: oe.options.generateID()
       }
     ]);
     if (!Array.isArray(a) || a.length === 0)
@@ -9418,7 +9514,7 @@ class vt {
         "initialContent must be a non-empty array of blocks, received: " + a
       );
     const s = {
-      ...qn,
+      ...Yn,
       ...o._tiptapOptions,
       content: a,
       extensions: [
@@ -9434,16 +9530,16 @@ class vt {
           tabIndex: "0",
           ...(p = (u = o._tiptapOptions) == null ? void 0 : u.editorProps) == null ? void 0 : p.attributes,
           ...(h = o.domAttributes) == null ? void 0 : h.editor,
-          class: z(
+          class: R(
             "bn-editor",
             o.defaultStyles ? "bn-default-styles" : "",
-            ((g = (m = o.domAttributes) == null ? void 0 : m.editor) == null ? void 0 : g.class) || ""
+            ((f = (m = o.domAttributes) == null ? void 0 : m.editor) == null ? void 0 : f.class) || ""
           )
         },
-        transformPasted: Kn
+        transformPasted: $n
       }
     };
-    this.headless ? this._pmSchema = Ot(s.extensions) : (this._tiptapEditor = new wt(
+    this.headless ? this._pmSchema = Wt(s.extensions) : (this._tiptapEditor = new Et(
       s,
       this.schema.styleSchema
     ), this._pmSchema = this._tiptapEditor.schema);
@@ -9452,7 +9548,7 @@ class vt {
     return this._pmSchema;
   }
   static create(t = {}) {
-    return new vt(t);
+    return new Ct(t);
   }
   dispatch(t) {
     this._tiptapEditor.dispatch(t);
@@ -9469,6 +9565,18 @@ class vt {
   focus() {
     this._tiptapEditor.view.focus();
   }
+  onUploadStart(t) {
+    return this.onUploadStartCallbacks.push(t), () => {
+      const i = this.onUploadStartCallbacks.indexOf(t);
+      i > -1 && this.onUploadStartCallbacks.splice(i, 1);
+    };
+  }
+  onUploadEnd(t) {
+    return this.onUploadEndCallbacks.push(t), () => {
+      const i = this.onUploadEndCallbacks.indexOf(t);
+      i > -1 && this.onUploadEndCallbacks.splice(i, 1);
+    };
+  }
   /**
    * @deprecated, use `editor.document` instead
    */
@@ -9482,7 +9590,7 @@ class vt {
   get document() {
     const t = [];
     return this._tiptapEditor.state.doc.firstChild.descendants((i) => (t.push(
-      x(
+      C(
         i,
         this.schema.blockSchema,
         this.schema.inlineContentSchema,
@@ -9499,7 +9607,7 @@ class vt {
   getBlock(t) {
     const i = typeof t == "string" ? t : t.id;
     let o;
-    return this._tiptapEditor.state.doc.firstChild.descendants((n) => typeof o < "u" ? !1 : n.type.name !== "blockContainer" || n.attrs.id !== i ? !0 : (o = x(
+    return this._tiptapEditor.state.doc.firstChild.descendants((n) => typeof o < "u" ? !1 : n.type.name !== "blockContainer" || n.attrs.id !== i ? !0 : (o = C(
       n,
       this.schema.blockSchema,
       this.schema.inlineContentSchema,
@@ -9517,7 +9625,7 @@ class vt {
     i && o.reverse();
     function n(r) {
       for (const a of r) {
-        if (!t(a))
+        if (t(a) === !1)
           return !1;
         const s = i ? a.children.slice().reverse() : a.children;
         if (!n(s))
@@ -9554,21 +9662,21 @@ class vt {
     r > 0 && (s = this._tiptapEditor.state.doc.resolve(o - 2).node());
     let l;
     return r < a - 1 && (l = this._tiptapEditor.state.doc.resolve(n + 2).node()), {
-      block: x(
+      block: C(
         t,
         this.schema.blockSchema,
         this.schema.inlineContentSchema,
         this.schema.styleSchema,
         this.blockCache
       ),
-      prevBlock: s === void 0 ? void 0 : x(
+      prevBlock: s === void 0 ? void 0 : C(
         s,
         this.schema.blockSchema,
         this.schema.inlineContentSchema,
         this.schema.styleSchema,
         this.blockCache
       ),
-      nextBlock: l === void 0 ? void 0 : x(
+      nextBlock: l === void 0 ? void 0 : C(
         l,
         this.schema.blockSchema,
         this.schema.inlineContentSchema,
@@ -9601,7 +9709,7 @@ class vt {
         r + a.nodeSize - 4
       );
     else
-      throw new A(s);
+      throw new P(s);
   }
   /**
    * Gets a snapshot of the current selection.
@@ -9615,7 +9723,7 @@ class vt {
         return !0;
       const n = o + i.nodeSize - 1, r = o + 1;
       return n <= this._tiptapEditor.state.selection.from || r >= this._tiptapEditor.state.selection.to ? !0 : (t.push(
-        x(
+        C(
           this._tiptapEditor.state.doc.resolve(o).node(),
           this.schema.blockSchema,
           this.schema.inlineContentSchema,
@@ -9658,7 +9766,7 @@ class vt {
    * `referenceBlock`. Inserts the blocks at the start of the existing block's children if "nested" is used.
    */
   insertBlocks(t, i, o = "before") {
-    return Oo(t, i, o, this);
+    return Ko(t, i, o, this);
   }
   /**
    * Updates an existing block in the editor. Since updatedBlock is a PartialBlock object, some fields might not be
@@ -9668,14 +9776,14 @@ class vt {
    * @param update A partial block which defines how the existing block should be changed.
    */
   updateBlock(t, i) {
-    return Fo(t, i, this);
+    return $o(t, i, this);
   }
   /**
    * 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) {
-    return Go(t, this);
+    return qo(t, this);
   }
   /**
    * Replaces existing blocks in the editor with new blocks. If the blocks that should be removed are not adjacent or
@@ -9685,7 +9793,7 @@ class vt {
    * @param blocksToInsert An array of partial blocks to replace the old ones with.
    */
   replaceBlocks(t, i) {
-    return Ko(t, i, this);
+    return Xo(t, i, this);
   }
   /**
    * Insert a piece of content at the current cursor position.
@@ -9693,12 +9801,12 @@ class vt {
    * @param content can be a string, or array of partial inline content elements
    */
   insertInlineContent(t) {
-    const i = $(
+    const i = V(
       t,
       this.pmSchema,
       this.schema.styleSchema
     );
-    Wo(
+    Zo(
       {
         from: this._tiptapEditor.state.selection.from,
         to: this._tiptapEditor.state.selection.to
@@ -9736,7 +9844,7 @@ class vt {
       else if (n.propSchema === "string")
         this._tiptapEditor.commands.setMark(i, { stringValue: o });
       else
-        throw new A(n.propSchema);
+        throw new P(n.propSchema);
     }
   }
   /**
@@ -9761,7 +9869,7 @@ class vt {
       else if (n.propSchema === "string")
         this._tiptapEditor.commands.toggleMark(i, { stringValue: o });
       else
-        throw new A(n.propSchema);
+        throw new P(n.propSchema);
     }
   }
   /**
@@ -9834,7 +9942,7 @@ class vt {
    * @returns The blocks, serialized as an HTML string.
    */
   async blocksToHTMLLossy(t = this.document) {
-    return await oe(), de(this.pmSchema, this).exportBlocks(t, {});
+    return await ie(), de(this.pmSchema, this).exportBlocks(t, {});
   }
   /**
    * Serializes blocks into an HTML string in the format that would normally be rendered by the editor.
@@ -9856,7 +9964,7 @@ class vt {
    * @returns The blocks parsed from the HTML string.
    */
   async tryParseHTMLToBlocks(t) {
-    return _t(
+    return yt(
       t,
       this.schema.blockSchema,
       this.schema.inlineContentSchema,
@@ -9871,7 +9979,7 @@ class vt {
    * @returns The blocks, serialized as a Markdown string.
    */
   async blocksToMarkdownLossy(t = this.document) {
-    return Xo(t, this.pmSchema, this, {});
+    return Qo(t, this.pmSchema, this, {});
   }
   /**
    * Creates a list of blocks from a Markdown string. Tries to create `Block` and `InlineNode` objects based on
@@ -9881,7 +9989,7 @@ class vt {
    * @returns The blocks parsed from the Markdown string.
    */
   async tryParseMarkdownToBlocks(t) {
-    return on(
+    return sn(
       t,
       this.schema.blockSchema,
       this.schema.inlineContentSchema,
@@ -9942,43 +10050,43 @@ class vt {
     );
   }
 }
-let ae, ye;
-async function Dr(e, t) {
-  if (!zo("text", e))
+let ae, ke;
+async function Vr(e, t) {
+  if (!Fo("text", e))
     return [];
   if (!ae) {
-    ae = import("@emoji-mart/data"), ye = await import("emoji-mart");
+    ae = import("@emoji-mart/data"), ke = await import("emoji-mart");
     const n = (await ae).default;
-    await ye.init({ data: n });
+    await ke.init({ data: n });
   }
   const i = (await ae).default;
-  return (t.trim() === "" ? Object.values(i.emojis) : await ye.SearchIndex.search(t)).map((n) => ({
+  return (t.trim() === "" ? Object.values(i.emojis) : await ke.SearchIndex.search(t)).map((n) => ({
     id: n.skins[0].native,
     onItemClick: () => e.insertInlineContent(n.skins[0].native + " ")
   }));
 }
-function Xn(e) {
+function Qn(e) {
   let t = e.getTextCursorPosition().block, i = e.schema.blockSchema[t.type].content;
   for (; i === "none"; )
     t = e.getTextCursorPosition().nextBlock, i = e.schema.blockSchema[t.type].content, e.setTextCursorPosition(t, "end");
 }
-function E(e, t) {
+function M(e, t) {
   const i = e.getTextCursorPosition().block;
   if (i.content === void 0)
     throw new Error("Slash Menu open in a block that doesn't contain content.");
-  Array.isArray(i.content) && (i.content.length === 1 && ie(i.content[0]) && i.content[0].type === "text" && i.content[0].text === "/" || i.content.length === 0) ? e.updateBlock(i, t) : (e.insertBlocks([t], i, "after"), e.setTextCursorPosition(
+  Array.isArray(i.content) && (i.content.length === 1 && te(i.content[0]) && i.content[0].type === "text" && i.content[0].text === "/" || i.content.length === 0) ? e.updateBlock(i, t) : (e.insertBlocks([t], i, "after"), e.setTextCursorPosition(
     e.getTextCursorPosition().nextBlock,
     "end"
   ));
   const o = e.getTextCursorPosition().block;
-  return Xn(e), o;
+  return Qn(e), o;
 }
-function Ur(e) {
+function Rr(e) {
   const t = [];
-  return C("heading", e) && t.push(
+  return T("heading", e) && t.push(
     {
       onItemClick: () => {
-        E(e, {
+        M(e, {
           type: "heading",
           props: { level: 1 }
         });
@@ -9989,7 +10097,7 @@ function Ur(e) {
     },
     {
       onItemClick: () => {
-        E(e, {
+        M(e, {
           type: "heading",
           props: { level: 2 }
         });
@@ -10000,7 +10108,7 @@ function Ur(e) {
     },
     {
       onItemClick: () => {
-        E(e, {
+        M(e, {
           type: "heading",
           props: { level: 3 }
         });
@@ -10009,45 +10117,45 @@ function Ur(e) {
       key: "heading_3",
       ...e.dictionary.slash_menu.heading_3
     }
-  ), C("numberedListItem", e) && t.push({
+  ), T("numberedListItem", e) && t.push({
     onItemClick: () => {
-      E(e, {
+      M(e, {
         type: "numberedListItem"
       });
     },
     badge: D("Mod-Shift-7"),
     key: "numbered_list",
     ...e.dictionary.slash_menu.numbered_list
-  }), C("bulletListItem", e) && t.push({
+  }), T("bulletListItem", e) && t.push({
     onItemClick: () => {
-      E(e, {
+      M(e, {
         type: "bulletListItem"
       });
     },
     badge: D("Mod-Shift-8"),
     key: "bullet_list",
     ...e.dictionary.slash_menu.bullet_list
-  }), C("checkListItem", e) && t.push({
+  }), T("checkListItem", e) && t.push({
     onItemClick: () => {
-      E(e, {
+      M(e, {
         type: "checkListItem"
       });
     },
     badge: D("Mod-Shift-9"),
     key: "check_list",
     ...e.dictionary.slash_menu.check_list
-  }), C("paragraph", e) && t.push({
+  }), T("paragraph", e) && t.push({
     onItemClick: () => {
-      E(e, {
+      M(e, {
         type: "paragraph"
       });
     },
     badge: D("Mod-Alt-0"),
     key: "paragraph",
     ...e.dictionary.slash_menu.paragraph
-  }), C("table", e) && t.push({
+  }), T("table", e) && t.push({
     onItemClick: () => {
-      E(e, {
+      M(e, {
         type: "table",
         content: {
           type: "tableContent",
@@ -10065,9 +10173,9 @@ function Ur(e) {
     badge: void 0,
     key: "table",
     ...e.dictionary.slash_menu.table
-  }), C("image", e) && t.push({
+  }), T("image", e) && t.push({
     onItemClick: () => {
-      const i = E(e, {
+      const i = M(e, {
         type: "image"
       });
       e.dispatch(
@@ -10078,9 +10186,9 @@ function Ur(e) {
     },
     key: "image",
     ...e.dictionary.slash_menu.image
-  }), C("video", e) && t.push({
+  }), T("video", e) && t.push({
     onItemClick: () => {
-      const i = E(e, {
+      const i = M(e, {
         type: "video"
       });
       e.dispatch(
@@ -10091,9 +10199,9 @@ function Ur(e) {
     },
     key: "video",
     ...e.dictionary.slash_menu.video
-  }), C("audio", e) && t.push({
+  }), T("audio", e) && t.push({
     onItemClick: () => {
-      const i = E(e, {
+      const i = M(e, {
         type: "audio"
       });
       e.dispatch(
@@ -10104,9 +10212,9 @@ function Ur(e) {
     },
     key: "audio",
     ...e.dictionary.slash_menu.audio
-  }), C("file", e) && t.push({
+  }), T("file", e) && t.push({
     onItemClick: () => {
-      const i = E(e, {
+      const i = M(e, {
         type: "file"
       });
       e.dispatch(
@@ -10128,14 +10236,14 @@ function Ur(e) {
     ...e.dictionary.slash_menu.emoji
   }), t;
 }
-function jr(e, t) {
+function Or(e, t) {
   return e.filter(
     ({ title: i, aliases: o }) => i.toLowerCase().includes(t.toLowerCase()) || o && o.filter(
       (n) => n.toLowerCase().includes(t.toLowerCase())
     ).length !== 0
   );
 }
-function we(e = "") {
+function ye(e = "") {
   return typeof e == "string" ? [
     {
       type: "text",
@@ -10144,22 +10252,22 @@ function we(e = "") {
     }
   ] : e;
 }
-function xt(e) {
-  return typeof e == "string" ? we(e) : Array.isArray(e) ? e.flatMap((t) => typeof t == "string" ? we(t) : Qe(t) ? {
+function St(e) {
+  return typeof e == "string" ? ye(e) : Array.isArray(e) ? e.flatMap((t) => typeof t == "string" ? ye(t) : tt(t) ? {
     ...t,
-    content: we(t.content)
-  } : ie(t) ? t : {
+    content: ye(t.content)
+  } : te(t) ? t : {
     props: {},
     ...t,
-    content: xt(t.content)
+    content: St(t.content)
   }) : e;
 }
-function zr(e, t) {
+function Fr(e, t) {
   return t.map(
-    (i) => Et(e, i)
+    (i) => Mt(e, i)
   );
 }
-function Et(e, t) {
+function Mt(e, t) {
   const i = {
     id: "",
     type: t.type,
@@ -10174,147 +10282,149 @@ function Et(e, t) {
     }
   ), {
     ...i,
-    content: xt(i.content),
-    children: i.children.map((o) => Et(e, o))
+    content: St(i.content),
+    children: i.children.map((o) => Mt(e, o))
   };
 }
-function Zn(e) {
-  e.id || (e.id = ne.options.generateID()), e.children && Jn(e.children);
+function er(e) {
+  e.id || (e.id = oe.options.generateID()), e.children && tr(e.children);
 }
-function Jn(e) {
+function tr(e) {
   for (const t of e)
-    Zn(t);
+    er(t);
 }
 export {
-  Ki as AudioBlock,
-  vt as BlockNoteEditor,
+  Xi as AudioBlock,
+  Ct as BlockNoteEditor,
   Ne as BlockNoteSchema,
-  Ji as FileBlock,
-  rn as FilePanelProsemirrorPlugin,
-  nn as FilePanelView,
-  ln as FormattingToolbarProsemirrorPlugin,
-  an as FormattingToolbarView,
-  _t as HTMLToBlocks,
-  oo as ImageBlock,
-  un as LinkToolbarProsemirrorPlugin,
-  bn as SideMenuProsemirrorPlugin,
-  fn as SideMenuView,
-  yn as SuggestionMenuProseMirrorPlugin,
-  Cn as TableHandlesProsemirrorPlugin,
-  En as TableHandlesView,
-  ne as UniqueID,
-  A as UnreachableCaseError,
-  co as VideoBlock,
-  Zn as addIdsToBlock,
-  Jn as addIdsToBlocks,
-  Ai as addInlineContentAttributes,
-  Ni as addInlineContentKeyboardShortcuts,
-  ji as addStyleAttributes,
-  Er as assertEmpty,
-  Vi as audioBlockConfig,
-  Fi as audioParse,
-  Ri as audioPropSchema,
-  Oi as audioRender,
-  Gi as audioToExternalHTML,
-  H as blockToNode,
-  Xo as blocksToMarkdown,
-  le as camelToDataKebab,
-  Pr as checkBlockHasDefaultProp,
-  Ro as checkBlockIsDefaultType,
-  Ir as checkBlockIsFileBlock,
-  Nr as checkBlockIsFileBlockWithPlaceholder,
-  Ar as checkBlockIsFileBlockWithPreview,
-  Vo as checkBlockTypeHasDefaultProp,
-  C as checkDefaultBlockTypeInSchema,
-  zo as checkDefaultInlineContentTypeInSchema,
+  to as FileBlock,
+  dn as FilePanelProsemirrorPlugin,
+  ln as FilePanelView,
+  pn as FormattingToolbarProsemirrorPlugin,
+  cn as FormattingToolbarView,
+  yt as HTMLToBlocks,
+  so as ImageBlock,
+  fn as LinkToolbarProsemirrorPlugin,
+  wn as SideMenuProsemirrorPlugin,
+  kn as SideMenuView,
+  En as SuggestionMenuProseMirrorPlugin,
+  Bn as TableHandlesProsemirrorPlugin,
+  Tn as TableHandlesView,
+  oe as UniqueID,
+  P as UnreachableCaseError,
+  mo as VideoBlock,
+  er as addIdsToBlock,
+  tr as addIdsToBlocks,
+  Fe as addInlineContentAttributes,
+  Ui as addInlineContentKeyboardShortcuts,
+  Ri as addStyleAttributes,
+  Pi as applyNonSelectableBlockFix,
+  Tr as assertEmpty,
+  Wi as audioBlockConfig,
+  $i as audioParse,
+  Gi as audioPropSchema,
+  Ki as audioRender,
+  qi as audioToExternalHTML,
+  U as blockToNode,
+  Qo as blocksToMarkdown,
+  se as camelToDataKebab,
+  jr as checkBlockHasDefaultProp,
+  Go as checkBlockIsDefaultType,
+  Hr as checkBlockIsFileBlock,
+  Dr as checkBlockIsFileBlockWithPlaceholder,
+  Ur as checkBlockIsFileBlockWithPreview,
+  Wo as checkBlockTypeHasDefaultProp,
+  T as checkDefaultBlockTypeInSchema,
+  Fo as checkDefaultInlineContentTypeInSchema,
   Ie as cleanHTMLToMarkdown,
   Se as contentNodeToInlineContent,
-  pe as createAddFileButton,
+  Fi as createAddFileButton,
   ce as createBlockSpec,
   X as createBlockSpecFromStronglyTypedTiptapNode,
-  R as createDefaultBlockDOMOutputSpec,
-  ue as createDefaultFilePreview,
+  O as createDefaultBlockDOMOutputSpec,
+  ht as createDefaultFilePreview,
   de as createExternalHTMLExporter,
   Te as createFigureWithCaption,
-  V as createFileAndCaptionWrapper,
-  Mr as createInlineContentSpec,
-  Hi as createInlineContentSpecFromTipTapNode,
-  st as createInternalBlockSpec,
+  ne as createFileAndCaptionWrapper,
+  ue as createFileBlockWrapper,
+  Ir as createInlineContentSpec,
+  ji as createInlineContentSpecFromTipTapNode,
+  lt as createInternalBlockSpec,
   Me as createInternalHTMLSerializer,
-  Pi as createInternalInlineContentSpec,
-  ct as createInternalStyleSpec,
-  me as createLinkWithCaption,
-  pt as createResizeHandlesWrapper,
-  O as createStronglyTypedTiptapNode,
-  Tr as createStyleSpec,
-  U as createStyleSpecFromTipTapMark,
-  Hr as createSuggestionMenu,
-  Uo as defaultBlockSchema,
-  ht as defaultBlockSpecs,
-  Ve as defaultBlockToHTML,
-  jo as defaultInlineContentSchema,
-  ft as defaultInlineContentSpecs,
-  k as defaultProps,
-  Lr as defaultStyleSchema,
-  mt as defaultStyleSpecs,
-  P as esmDependencies,
-  $i as fileBlockConfig,
-  Xi as fileParse,
-  Wi as filePropSchema,
-  qi as fileRender,
-  Zi as fileToExternalHTML,
-  Sr as filenameFromURL,
-  jr as filterSuggestionItems,
+  Di as createInternalInlineContentSpec,
+  ut as createInternalStyleSpec,
+  he as createLinkWithCaption,
+  mt as createResizeHandlesWrapper,
+  F as createStronglyTypedTiptapNode,
+  Ar as createStyleSpec,
+  j as createStyleSpecFromTipTapMark,
+  zr as createSuggestionMenu,
+  Ro as defaultBlockSchema,
+  ft as defaultBlockSpecs,
+  Oe as defaultBlockToHTML,
+  Oo as defaultInlineContentSchema,
+  bt as defaultInlineContentSpecs,
+  w as defaultProps,
+  Pr as defaultStyleSchema,
+  gt as defaultStyleSpecs,
+  H as esmDependencies,
+  Ji as fileBlockConfig,
+  Qi as fileParse,
+  Zi as filePropSchema,
+  Yi as fileRender,
+  eo as fileToExternalHTML,
+  Lr as filenameFromURL,
+  Or as filterSuggestionItems,
   D as formatKeyboardShortcut,
-  sn as formattingToolbarPluginKey,
-  Li as getBlockFromPos,
-  Fn as getBlockNoteExtensions,
-  lt as getBlockSchemaFromSpecs,
-  S as getCurrentBlockContentType,
-  Dr as getDefaultEmojiPickerItems,
-  Ur as getDefaultSlashMenuItems,
-  fe as getDraggableBlockFromElement,
-  Di as getInlineContentParseRules,
-  dt as getInlineContentSchemaFromSpecs,
-  Ii as getParseRules,
-  zi as getStyleParseRules,
-  ut as getStyleSchemaFromSpecs,
-  Qi as imageBlockConfig,
-  to as imageParse,
-  Yi as imagePropSchema,
-  eo as imageRender,
-  io as imageToExternalHTML,
-  rt as inheritedProps,
-  oe as initializeESMDependencies,
-  $ as inlineContentToNodes,
-  E as insertOrUpdateBlock,
-  Bi as isAppleOS,
+  un as formattingToolbarPluginKey,
+  Ni as getBlockFromPos,
+  Wn as getBlockNoteExtensions,
+  dt as getBlockSchemaFromSpecs,
+  B as getCurrentBlockContentType,
+  Vr as getDefaultEmojiPickerItems,
+  Rr as getDefaultSlashMenuItems,
+  me as getDraggableBlockFromElement,
+  zi as getInlineContentParseRules,
+  ct as getInlineContentSchemaFromSpecs,
+  Hi as getParseRules,
+  Oi as getStyleParseRules,
+  pt as getStyleSchemaFromSpecs,
+  oo as imageBlockConfig,
+  ro as imageParse,
+  io as imagePropSchema,
+  no as imageRender,
+  ao as imageToExternalHTML,
+  at as inheritedProps,
+  ie as initializeESMDependencies,
+  V as inlineContentToNodes,
+  M as insertOrUpdateBlock,
+  Ai as isAppleOS,
   ze as isLinkInlineContent,
-  Qe as isPartialLinkInlineContent,
-  Cr as isSafari,
-  ie as isStyledTextInlineContent,
-  cn as linkToolbarPluginKey,
-  xr as locales,
-  on as markdownToBlocks,
-  z as mergeCSSClasses,
-  x as nodeToBlock,
-  it as nodeToCustomInlineContent,
-  Oe as parseEmbedElement,
-  he as parseFigureElement,
-  Ge as parseImageElement,
-  Et as partialBlockToBlockForTesting,
-  zr as partialBlocksToBlocksForTesting,
-  at as propsToAttributes,
-  gn as sideMenuPluginKey,
-  Ui as stylePropsToAttributes,
-  et as tableContentToNodes,
-  ee as tableHandlesPluginKey,
-  Br as uploadToTmpFilesDotOrg_DEV_ONLY,
-  ro as videoBlockConfig,
-  so as videoParse,
-  no as videoPropSchema,
-  ao as videoRender,
-  lo as videoToExternalHTML,
-  be as wrapInBlockStructure
+  tt as isPartialLinkInlineContent,
+  Br as isSafari,
+  te as isStyledTextInlineContent,
+  mn as linkToolbarPluginKey,
+  Mr as locales,
+  sn as markdownToBlocks,
+  R as mergeCSSClasses,
+  C as nodeToBlock,
+  xe as nodeToCustomInlineContent,
+  Ge as parseEmbedElement,
+  pe as parseFigureElement,
+  Ke as parseImageElement,
+  Mt as partialBlockToBlockForTesting,
+  Fr as partialBlocksToBlocksForTesting,
+  st as propsToAttributes,
+  yn as sideMenuPluginKey,
+  Vi as stylePropsToAttributes,
+  it as tableContentToNodes,
+  Q as tableHandlesPluginKey,
+  Nr as uploadToTmpFilesDotOrg_DEV_ONLY,
+  co as videoBlockConfig,
+  po as videoParse,
+  lo as videoPropSchema,
+  uo as videoRender,
+  ho as videoToExternalHTML,
+  ge as wrapInBlockStructure
 };
 //# sourceMappingURL=blocknote.js.map