@blocknote/core 0.15.7 → 0.15.9

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 Rt, isNodeSelection as Vt, posToDOMRect as ve, 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 = {
+}, vi = {
   slash_menu: {
     heading: {
       title: "Nagłówek 1",
@@ -3036,7 +3036,7 @@ const ci = {
   generic: {
     ctrl_shortcut: "Ctrl"
   }
-}, ki = {
+}, wi = {
   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({
+}, Sr = /* @__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: vi,
+  pt: wi,
+  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), w = 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 && w.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,18 +4600,18 @@ 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 Mr(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));
@@ -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 we(e.content, t, i).map(
     (n) => {
       if (n.type.name === "text")
         return n.mark([...n.marks, o]);
@@ -4639,7 +4646,7 @@ function Ci(e, t, i) {
     }
   );
 }
-function xe(e, t, i) {
+function we(e, t, i) {
   const o = [];
   if (typeof e == "string")
     return o.push(
@@ -4653,15 +4660,15 @@ function xe(e, t, i) {
     o.push(...Re(n, t, i));
   return o;
 }
-function $(e, t, i) {
+function R(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(...we(n, t, i)) : tt(n) ? o.push(...Ti(n, t, i)) : te(n) ? o.push(...we([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 = R(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 = R([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 = R(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 Ve(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(
+      ), w = 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 !== w) {
         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(w)
         ));
-        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];
+        Ve(b, g), n.children[l] = b;
+        const y = h.children.length;
+        l += y, r += y;
+      } else {
+        const b = p.children[0];
+        Ve(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 V(...e) {
   return e.filter((t) => t).join(" ");
 }
-const Cr = () => /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-function R(e, t, i, o) {
+const Tr = () => /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+function O(e, t, i, o) {
   const n = document.createElement("div");
-  n.className = z(
+  n.className = V(
     "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 = V(
     "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 = {
+}, v = {
   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 Br(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 = V(
     "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 = V(
     "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,18 @@ 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) {
   const i = [
     {
       tag: "[data-content-type=" + e.type + "]",
@@ -5243,16 +5276,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,
     addAttributes() {
-      return at(e.propSchema);
+      return st(e.propSchema);
     },
     parseHTML() {
-      return Ii(e, t.parse);
+      return Pi(e, t.parse);
     },
     renderHTML() {
       const o = document.createElement("div");
@@ -5263,13 +5296,13 @@ function ce(e, t) {
     addNodeView() {
       return ({ getPos: o }) => {
         var l;
-        const n = this.options.editor, r = Li(
+        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(
+        return ge(
           s,
           r.type,
           r.props,
@@ -5283,12 +5316,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 +5338,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 +5348,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 Hi(e) {
   return {
     Backspace: ({ editor: t }) => {
       const i = t.state.selection.$from;
@@ -5326,14 +5359,14 @@ function Ni(e) {
     }
   };
 }
-function Pi(e, t) {
+function Ui(e, t) {
   return {
     config: e,
     implementation: t
   };
 }
-function Hi(e, t) {
-  return Pi(
+function Di(e, t) {
+  return Ui(
     {
       type: e.name,
       propSchema: t,
@@ -5344,12 +5377,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 ji(e) {
   return [
     {
       tag: `[data-inline-content-type="${e.type}"]`,
@@ -5360,7 +5393,7 @@ function Di(e) {
     }
   ];
 }
-function Mr(e, t) {
+function Lr(e, t) {
   const i = q.create({
     name: e.type,
     inline: !0,
@@ -5369,37 +5402,73 @@ 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 Hi(e);
     },
     parseHTML() {
-      return Di(e);
+      return ji(e);
     },
     renderHTML({ node: o }) {
       const n = this.options.editor, r = t.render(
-        it(
+        xe(
           o,
           n.schema.inlineContentSchema,
           n.schema.styleSchema
-        )
+        ),
         // TODO: fix cast
+        () => {
+        }
       );
-      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 = R(
+              [s],
+              r._tiptapEditor.schema,
+              r.schema.styleSchema
+            );
+            r._tiptapEditor.view.dispatch(
+              r._tiptapEditor.view.state.tr.replaceWith(
+                n(),
+                n() + o.nodeSize,
+                l
+              )
+            );
+          }
+        );
+        return Fe(
+          a,
+          e.type,
+          o.attrs,
+          e.propSchema
+        );
+      };
     }
   });
-  return Hi(
+  return Di(
     i,
     e.propSchema
   );
 }
-function Ui(e) {
+function zi(e) {
   return e === "boolean" ? {} : {
     stringValue: {
       default: void 0,
@@ -5411,17 +5480,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 +5500,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 Vi(e) {
   return [
     {
       tag: `[data-style-type="${e.type}"]`,
@@ -5447,14 +5516,14 @@ function zi(e) {
     }
   ];
 }
-function Tr(e, t) {
+function Ir(e, t) {
   const i = Ce.create({
     name: e.type,
     addAttributes() {
-      return Ui(e.propSchema);
+      return zi(e.propSchema);
     },
     parseHTML() {
-      return zi(e);
+      return Vi(e);
     },
     renderHTML({ mark: o }) {
       let n;
@@ -5463,8 +5532,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 +5541,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 = Oi(
+      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 +5588,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) => {
+}, Oi = (e, t, i, o) => {
   const n = document.createElement("div");
   n.className = "bn-add-file-button";
   const r = document.createElement("div");
@@ -5526,7 +5629,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 +5637,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 +5645,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 +5655,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 w = 64;
+    k < w ? n(w) : 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 +5692,7 @@ const ue = (e) => {
     m
   ), s.addEventListener(
     "mousedown",
-    g
+    f
   ), {
     dom: r,
     destroy: () => {
@@ -5598,12 +5701,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 }), Fi = {
+  backgroundColor: v.backgroundColor,
   // File name.
   name: {
     default: ""
@@ -5619,59 +5722,41 @@ const ue = (e) => {
   showPreview: {
     default: !0
   }
-}, Vi = {
+}, Gi = {
   type: "audio",
-  propSchema: Ri,
+  propSchema: Fi,
   content: "none",
   isFileBlock: !0,
   fileBlockAccept: ["audio/*"]
-}, Oi = (e, t) => {
+}, Wi = (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
+  );
+}, Ki = (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) => {
+}, $i = (e) => {
   if (!e.props.url) {
     const i = document.createElement("p");
     return i.textContent = "Add audio", {
@@ -5679,15 +5764,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,
+}, qi = ce(Gi, {
+  render: Wi,
+  parse: Ki,
+  toExternalHTML: $i
+}), Xi = {
+  backgroundColor: v.backgroundColor,
   // File name.
   name: {
     default: ""
@@ -5700,39 +5785,28 @@ const ue = (e) => {
   caption: {
     default: ""
   }
-}, $i = {
+}, Zi = {
   type: "file",
-  propSchema: Wi,
+  propSchema: Xi,
   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) => {
+}, Ji = (e, t) => {
+  const i = ht(e).dom, o = ne(e, i);
+  return ue(e, t, o);
+}, Yi = (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) => {
+}, Qi = (e) => {
   if (!e.props.url) {
     const i = document.createElement("p");
     return i.textContent = "Add file", {
@@ -5740,14 +5814,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) => {
+}, eo = ce(Zi, {
+  render: Ji,
+  parse: Yi,
+  toExternalHTML: Qi
+}), Ar = async (e) => {
   const t = new FormData();
   return t.append("file", e), (await (await fetch("https://tmpfiles.org/api/v1/upload", {
     method: "POST",
@@ -5756,12 +5830,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,
+}, to = {
+  textAlignment: v.textAlignment,
+  backgroundColor: v.backgroundColor,
   // File name.
   name: {
     default: ""
@@ -5781,69 +5855,50 @@ const ue = (e) => {
   previewWidth: {
     default: 512
   }
-}, Qi = {
+}, io = {
   type: "image",
-  propSchema: Yi,
+  propSchema: to,
   content: "none",
   isFileBlock: !0,
   fileBlockAccept: ["image/*"]
-}, eo = (e, t) => {
+}, oo = (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
+  );
+}, no = (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) => {
+}, ro = (e) => {
   if (!e.props.url) {
     const i = document.createElement("p");
     return i.textContent = "Add image", {
@@ -5851,19 +5906,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) => {
+}, ao = ce(io, {
+  render: oo,
+  parse: no,
+  toExternalHTML: ro
+}), $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,
+}, so = {
+  textAlignment: v.textAlignment,
+  backgroundColor: v.backgroundColor,
   // File name.
   name: {
     default: ""
@@ -5883,67 +5938,48 @@ const ue = (e) => {
   previewWidth: {
     default: 512
   }
-}, ro = {
+}, lo = {
   type: "video",
-  propSchema: no,
+  propSchema: so,
   content: "none",
   isFileBlock: !0,
   fileBlockAccept: ["video/*"]
-}, ao = (e, t) => {
+}, co = (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
+  );
+}, uo = (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) => {
+}, po = (e) => {
   if (!e.props.url) {
     const i = document.createElement("p");
     return i.textContent = "Add video", {
@@ -5951,14 +5987,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({
+}, ho = ce(lo, {
+  render: co,
+  parse: uo,
+  toExternalHTML: po
+}), mo = Ce.create({
   name: "backgroundColor",
   addAttributes() {
     return {
@@ -5984,10 +6020,10 @@ const ue = (e) => {
   renderHTML({ HTMLAttributes: e }) {
     return ["span", e, 0];
   }
-}), po = U(
-  uo,
+}), fo = j(
+  mo,
   "string"
-), ho = Ce.create({
+), go = Ce.create({
   name: "textColor",
   addAttributes() {
     return {
@@ -6011,10 +6047,10 @@ const ue = (e) => {
   renderHTML({ HTMLAttributes: e }) {
     return ["span", e, 0];
   }
-}), mo = U(ho, "string"), fo = {
-  ...k,
+}), bo = j(go, "string"), _o = {
+  ...v,
   level: { default: 1, values: [1, 2, 3] }
-}, go = O({
+}, ko = F({
   name: "heading",
   content: "inline*",
   group: "blockContent",
@@ -6036,10 +6072,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 +6087,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 +6096,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 +6105,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 +6143,7 @@ const ue = (e) => {
   },
   renderHTML({ node: e, HTMLAttributes: t }) {
     var i, o;
-    return R(
+    return O(
       this.name,
       `h${e.attrs.level}`,
       {
@@ -6117,9 +6153,9 @@ const ue = (e) => {
       ((o = this.options.domAttributes) == null ? void 0 : o.inlineContent) || {}
     );
   }
-}), bo = X(
-  go,
-  fo
+}), yo = X(
+  ko,
+  _o
 ), Be = (e) => {
   const { contentNode: t, contentType: i } = _(
     e.state.doc,
@@ -6139,9 +6175,9 @@ const ue = (e) => {
       a.command(() => t.childCount > 0 ? (r().deleteSelection().BNSplitBlock(n.selection.from, !0).run(), !0) : !1)
     )
   ]);
-}, _o = {
-  ...k
-}, ko = O({
+}, vo = {
+  ...v
+}, wo = F({
   name: "bulletListItem",
   content: "inline*",
   group: "blockContent",
@@ -6151,10 +6187,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 +6201,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 +6243,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 +6256,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,
+}), xo = X(
+  wo,
+  vo
+), Eo = new L("numbered-list-indexing"), Co = () => new x({
+  key: Eo,
   appendTransaction: (e, t, i) => {
     const o = i.tr;
     o.setMeta("numberedListIndexing", !0);
@@ -6240,10 +6276,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 w = f.attrs.index;
+              s = (parseInt(w) + 1).toString();
             }
           }
         }
@@ -6253,9 +6289,9 @@ const ue = (e) => {
       }
     }), n ? o : null;
   }
-}), xo = {
-  ...k
-}, Eo = O({
+}), So = {
+  ...v
+}, Mo = F({
   name: "numberedListItem",
   content: "inline*",
   group: "blockContent",
@@ -6274,10 +6310,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 +6324,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 +6334,7 @@ const ue = (e) => {
     };
   },
   addProseMirrorPlugins() {
-    return [vo()];
+    return [Co()];
   },
   parseHTML() {
     return [
@@ -6335,7 +6371,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 +6384,15 @@ const ue = (e) => {
       ((i = this.options.domAttributes) == null ? void 0 : i.inlineContent) || {}
     );
   }
-}), Co = X(
-  Eo,
-  xo
-), So = {
-  ...k,
+}), To = X(
+  Mo,
+  So
+), Bo = {
+  ...v,
   checked: {
     default: !1
   }
-}, Mo = O({
+}, Lo = F({
   name: "checkListItem",
   content: "inline*",
   group: "blockContent",
@@ -6375,10 +6411,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 +6422,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 +6438,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 +6489,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 +6522,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 +6544,18 @@ const ue = (e) => {
       };
     };
   }
-}), To = X(
-  Mo,
-  So
-), Bo = {
-  ...k
-}, Lo = O({
+}), Io = X(
+  Lo,
+  Bo
+), Ao = {
+  ...v
+}, No = 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 +6580,7 @@ const ue = (e) => {
   },
   renderHTML({ HTMLAttributes: e }) {
     var t, i;
-    return R(
+    return O(
       this.name,
       "p",
       {
@@ -6554,16 +6590,16 @@ const ue = (e) => {
       ((i = this.options.domAttributes) == null ? void 0 : i.inlineContent) || {}
     );
   }
-}), Io = X(
-  Lo,
-  Bo
-), Ao = T.create({
+}), Po = X(
+  No,
+  Ao
+), Ho = I.create({
   name: "BlockNoteTableExtension",
   addProseMirrorPlugins: () => [
-    Qt({
+    ii({
       cellMinWidth: 100
     }),
-    ei()
+    oi()
   ],
   addKeyboardShortcuts() {
     return {
@@ -6584,14 +6620,14 @@ const ue = (e) => {
       storage: e.storage
     };
     return {
-      tableRole: Nt(
-        Pt(e, "tableRole", t)
+      tableRole: Ut(
+        Dt(e, "tableRole", t)
       )
     };
   }
-}), No = {
-  ...k
-}, Po = O({
+}), Uo = {
+  ...v
+}, Do = F({
   name: "table",
   content: "tableRow+",
   group: "blockContent",
@@ -6602,7 +6638,7 @@ const ue = (e) => {
   },
   renderHTML({ HTMLAttributes: e }) {
     var t, i;
-    return R(
+    return O(
       this.name,
       "table",
       {
@@ -6612,7 +6648,7 @@ const ue = (e) => {
       ((i = this.options.domAttributes) == null ? void 0 : i.inlineContent) || {}
     );
   }
-}), Ho = q.create({
+}), jo = q.create({
   name: "tableParagraph",
   group: "tableContent",
   content: "inline*",
@@ -6633,72 +6669,72 @@ const ue = (e) => {
   renderHTML({ HTMLAttributes: e }) {
     return [
       "p",
-      Ht(this.options.HTMLAttributes, e),
+      jt(this.options.HTMLAttributes, e),
       0
     ];
   }
-}), Do = X(
-  Po,
-  No,
+}), zo = X(
+  Do,
+  Uo,
   [
-    Ao,
     Ho,
-    Jt.extend({
+    jo,
+    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: Po,
+  heading: yo,
+  bulletListItem: xo,
+  numberedListItem: To,
+  checkListItem: Io,
+  table: zo,
+  file: eo,
+  image: ao,
+  video: ho,
+  audio: qi
+}, 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: bo,
+  backgroundColor: fo
+}, Nr = pt(gt), bt = {
   text: { config: "text", implementation: {} },
   link: { config: "link", implementation: {} }
-}, jo = dt(
-  ft
+}, Vo = 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 Oo(e, t) {
+  return e in t.schema.inlineContentSchema && t.schema.inlineContentSchema[e] === Vo[e];
 }
-function Ro(e, t, i) {
-  return t.type === e && t.type in i.schema.blockSchema && C(t.type, i);
+function Fo(e, t, i) {
+  return t.type === e && t.type in i.schema.blockSchema && T(t.type, i);
 }
-function Ir(e, t) {
+function Pr(e, t) {
   return e.type in t.schema.blockSchema && t.schema.blockSchema[e.type].isFileBlock || !1;
 }
-function Ar(e, t) {
+function Hr(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 Ur(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 Go(e, t, i) {
+  return t in i.schema.blockSchema && e in i.schema.blockSchema[t].propSchema && i.schema.blockSchema[t].propSchema[e] === v[e];
 }
-function Pr(e, t, i) {
-  return Vo(e, t.type, i);
+function Dr(e, t, i) {
+  return Go(e, t.type, i);
 }
 function Le(e, t) {
   let i, o;
@@ -6709,11 +6745,11 @@ function Le(e, t) {
     posBeforeNode: o
   };
 }
-function Oo(e, t, i = "before", o) {
+function Wo(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 +6774,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 +6784,11 @@ function Oo(e, t, i = "before", o) {
     );
   return l;
 }
-function Fo(e, t, i) {
+function Ko(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 +6796,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 +6809,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 +6830,16 @@ function gt(e, t, i) {
   }
   return t.dispatch(n), a;
 }
-function Go(e, t) {
-  return gt(e, t);
+function $o(e, t) {
+  return _t(e, t);
 }
-function Ko(e, t, i) {
+function qo(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 +6854,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 +6864,7 @@ function Ko(e, t, i) {
     );
   return { insertedBlocks: a, removedBlocks: r };
 }
-function Wo(e, t, i, o = { updateSelection: !0 }) {
+function Xo(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 +6873,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 Zo() {
   const e = (t) => {
     let i = t.children.length;
     for (let o = 0; o < i; o++) {
@@ -6855,8 +6891,8 @@ function $o() {
   };
   return e;
 }
-function qo() {
-  const e = P;
+function Jo() {
+  const e = H;
   if (!e)
     throw new Error(
       "simplifyBlocks requires ESM dependencies to be initialized"
@@ -6878,42 +6914,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(Zo).use(Jo).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 Yo(e, t, i, o) {
+  await ie();
   const r = de(t, i).exportBlocks(e, o);
   return Ie(r);
 }
-function Zo(e) {
+function Qo(e) {
   return Array.prototype.indexOf.call(e.parentElement.childNodes, e);
 }
-function Jo(e) {
+function en(e) {
   return e.nodeType === 3 && !/\S/.test(e.nodeValue || "");
 }
-function Yo(e) {
+function tn(e) {
   e.querySelectorAll("li > ul, li > ol").forEach((t) => {
-    const i = Zo(t), o = t.parentElement, n = Array.from(o.childNodes).slice(
+    const i = Qo(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 (en(r))
         return;
       const a = document.createElement("li");
       a.append(r), t.insertAdjacentElement("afterend", a);
     }), o.childNodes.length === 0 && o.remove();
   });
 }
-function Qo(e) {
+function on(e) {
   e.querySelectorAll("li + ul, li + ol").forEach((t) => {
     var r, a;
     const i = t.previousElementSibling, o = document.createElement("div");
@@ -6923,28 +6959,28 @@ function Qo(e) {
       n.append(o.nextElementSibling);
   });
 }
-let We = null;
-function en() {
-  return We || (We = document.implementation.createHTMLDocument("title"));
+let qe = null;
+function nn() {
+  return qe || (qe = document.implementation.createHTMLDocument("title"));
 }
-function bt(e) {
+function kt(e) {
   if (typeof e == "string") {
-    const t = en().createElement("div");
+    const t = nn().createElement("div");
     t.innerHTML = e, e = t;
   }
-  return Yo(e), Qo(e), e;
+  return tn(e), on(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 rn(e, t) {
   const i = t.value ? t.value + `
 ` : "", o = {};
   t.lang && (o["data-language"] = t.lang);
@@ -6961,14 +6997,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 an(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: rn
     }
   }).use(r.rehypeStringify.default).processSync(e);
-  return _t(
+  return yt(
     a.value,
     t,
     i,
@@ -6996,7 +7032,7 @@ class Z {
     this.callbacks = {};
   }
 }
-class nn {
+class sn {
   constructor(t, i, o, n) {
     c(this, "state");
     c(this, "emitUpdate");
@@ -7015,6 +7051,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 +7073,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 +7088,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 ln 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 sn(
         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 +7121,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 +7135,14 @@ class rn extends Z {
     return this.on("update", i);
   }
 }
-class an {
+class dn {
   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 && Rt(t.selection);
       return !(!n.hasFocus() || s || l);
     });
     c(this, "blurHandler", (t) => {
@@ -7144,7 +7190,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,7 +7213,7 @@ 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 (Vt(i)) {
       const a = this.pmView.nodeDOM(n);
       if (a)
         return a.getBoundingClientRect();
@@ -7175,18 +7221,18 @@ class an {
     return ve(this.pmView, n, r);
   }
 }
-const sn = new M(
+const cn = new L(
   "FormattingToolbarPlugin"
 );
-class ln extends Z {
+class un 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: cn,
+      view: (o) => (this.view = new dn(i, o, (n) => {
         this.emit("update", n);
       }), this.view),
       props: {
@@ -7202,7 +7248,7 @@ class ln extends Z {
     return this.on("update", i);
   }
 }
-class dn {
+class pn {
   constructor(t, i, o) {
     c(this, "state");
     c(this, "emitUpdate");
@@ -7220,7 +7266,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;
           }
       }
@@ -7292,7 +7338,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
@@ -7329,8 +7375,8 @@ class dn {
     );
   }
 }
-const cn = new M("LinkToolbarPlugin");
-class un extends Z {
+const hn = new L("LinkToolbarPlugin");
+class mn extends Z {
   constructor(i) {
     super();
     c(this, "view");
@@ -7368,9 +7414,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: hn,
+      view: (o) => (this.view = new pn(i, o, (n) => {
         this.emit("update", n);
       }), this.view),
       props: {
@@ -7386,7 +7432,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 +7443,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 +7458,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 +7467,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 fn(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 gn(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 +7493,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 +7506,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;
+  vt(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 vt(e) {
+  A !== void 0 && (e instanceof ShadowRoot ? e.removeChild(A) : e.body.removeChild(A), A = void 0);
 }
-function mn(e, t) {
+function bn(e, t) {
   if (!e.dataTransfer)
     return;
   const i = t.prosemirrorView, o = i.dom.getBoundingClientRect(), n = {
@@ -7480,30 +7526,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 = fn(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 } = gn(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, w = 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", w), 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 _n {
   constructor(t, i, o) {
     c(this, "state");
     c(this, "emitUpdate");
@@ -7520,7 +7566,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 +7581,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 +7646,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 +7676,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 +7691,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 +7740,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 +7757,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 kn = new L("SideMenuPlugin");
+class yn extends Z {
   constructor(i) {
     super();
     c(this, "view");
@@ -7732,12 +7779,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, bn(i, this.editor);
     });
     /**
      * Handles drag & drop events for blocks.
      */
-    c(this, "blockDragEnd", () => kt(this.editor.prosemirrorView.root));
+    c(this, "blockDragEnd", () => vt(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 +7799,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: kn,
+      view: (o) => (this.view = new _n(i, o, (n) => {
         this.emit("update", n);
       }), this.view)
     });
@@ -7763,8 +7810,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 wn {
   constructor(t, i) {
     c(this, "state");
     c(this, "emitUpdate");
@@ -7776,13 +7823,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 +7854,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 +7866,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 +7877,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 xn extends Z {
   constructor(i) {
     super();
     c(this, "view");
@@ -7847,9 +7896,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 wn(
         i,
         (n, r) => {
           this.emit(`update ${n}`, r);
@@ -7863,7 +7912,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 +7944,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 +7955,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 +7970,7 @@ class yn extends Z {
               ]);
           }
           return K.create(n.doc, [
-            W.inline(
+            $.inline(
               r.queryStartPos - r.triggerCharacter.length,
               r.queryStartPos,
               {
@@ -7943,32 +7992,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 jr(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 En(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 Cn(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 Sn(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 Mn {
   constructor(t, i, o) {
     c(this, "state");
     c(this, "emitUpdate");
@@ -7977,31 +8026,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 = Cn(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 Fo("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 +8069,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", Sn(
         [
           "column-resize-handle",
           "prosemirror-dropcursor-block",
@@ -8047,7 +8099,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 +8156,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 Tn extends Z {
   constructor(i) {
     super();
     c(this, "view");
@@ -8124,13 +8176,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 +8198,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 +8216,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)
+      ), En(this.editor._tiptapEditor.view.root);
     });
     /**
      * Freezes the drag handles. When frozen, they will stay attached to the same
@@ -8181,9 +8233,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 Mn(i, o, (n) => {
         this.emit("update", n);
       }), this.view),
       // We use decorations to render the drop cursor when dragging a table row
@@ -8206,9 +8258,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 +8273,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 +8288,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 wt(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 +8306,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 wt(t, e);
+    i.clipboardData.setData("blocknote/html", o), i.clipboardData.setData("text/html", n), i.clipboardData.setData("text/plain", r);
+  })();
+}, Bn = (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 +8335,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 wt(t, e);
                   i.dataTransfer.setData("blocknote/html", o), i.dataTransfer.setData("text/html", n), i.dataTransfer.setData("text/plain", r);
                 })(), !0;
             }
@@ -8300,12 +8355,12 @@ const Sn = (e) => T.create({
   "text/html",
   "text/plain"
 ];
-function Mn(e, t) {
+function Ln(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 In(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 +8368,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 +8394,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 && In(n[a].type, u) || p && Ln(
           "." + h.name.split(".").pop(),
           u
         ))) {
@@ -8349,85 +8404,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 An = (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",
+}), Nn = (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({
+}), Pn = I.create({
   name: "blockBackgroundColor",
   addGlobalAttributes() {
     return [
@@ -8435,9 +8503,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: v.backgroundColor.default,
+            parseHTML: (e) => e.hasAttribute("data-background-color") ? e.getAttribute("data-background-color") : v.backgroundColor.default,
+            renderHTML: (e) => e.backgroundColor === v.backgroundColor.default ? {} : {
               "data-background-color": e.backgroundColor
             }
           }
@@ -8445,7 +8513,7 @@ const Bn = (e) => T.create({
       }
     ];
   }
-}), An = T.create({
+}), Hn = I.create({
   name: "textAlignment",
   addGlobalAttributes() {
     return [
@@ -8471,7 +8539,7 @@ const Bn = (e) => T.create({
       }
     ];
   }
-}), Nn = T.create({
+}), Un = I.create({
   name: "blockTextColor",
   addGlobalAttributes() {
     return [
@@ -8479,9 +8547,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: v.textColor.default,
+            parseHTML: (e) => e.hasAttribute("data-text-color") ? e.getAttribute("data-text-color") : v.textColor.default,
+            renderHTML: (e) => e.textColor === v.textColor.default ? {} : {
               "data-text-color": e.textColor
             }
           }
@@ -8489,12 +8557,12 @@ const Bn = (e) => T.create({
       }
     ];
   }
-}), Pn = T.create({
+}), Dn = 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 +8592,8 @@ const Bn = (e) => T.create({
       })
     ];
   }
-}), Hn = new M("non-editable-block"), Dn = () => new w({
-  key: Hn,
+}), jn = new L("non-editable-block"), zn = () => new x({
+  key: jn,
   props: {
     handleKeyDown: (e, t) => {
       if ("node" in e.state.selection) {
@@ -8540,7 +8608,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 +8618,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({
+}, Vn = q.create({
   name: "blockContainer",
   group: "blockContainer",
   // A block always contains content, and optionally a blockGroup which contains nested blocks
@@ -8658,7 +8640,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 +8657,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 = V("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 +8691,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 +8700,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 +8710,25 @@ const Bn = (e) => T.create({
           let p = "keep";
           if (t.content)
             if (typeof t.content == "string")
-              p = $(
+              p = R(
                 [t.content],
                 i.schema,
                 this.options.editor.schema.styleSchema
               );
             else if (Array.isArray(t.content))
-              p = $(
+              p = R(
                 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 +8751,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 +8792,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 +8803,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 +8819,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 +8848,7 @@ const Bn = (e) => T.create({
     };
   },
   addProseMirrorPlugins() {
-    return [jn(), Dn()];
+    return [zn()];
   },
   addKeyboardShortcuts() {
     return {
@@ -8916,9 +8898,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 +8955,7 @@ const Bn = (e) => T.create({
       }
     };
   }
-}), Vn = q.create({
+}), On = q.create({
   name: "blockGroup",
   group: "blockGroup",
   content: "blockContainer+",
@@ -8991,7 +8973,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 = V(
       "bn-block-group",
       t.class
     ), i.setAttribute("data-node-type", "blockGroup");
@@ -9002,30 +8984,31 @@ const Bn = (e) => T.create({
       contentDOM: i
     };
   }
-}), On = q.create({
+}), Fn = q.create({
   name: "doc",
   topNode: !0,
   content: "blockGroup"
-}), Fn = (e) => {
+}), Gn = (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 +9016,11 @@ const Bn = (e) => T.create({
       }
     }),
     ...Object.values(e.styleSpecs).map((n) => n.implementation.mark),
-    Nn,
-    In,
-    An,
+    Un,
+    Pn,
+    Hn,
     // 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 +9029,12 @@ const Bn = (e) => T.create({
       }
     }),
     // nodes
-    On,
-    Rn.configure({
+    Fn,
+    Vn.configure({
       editor: e.editor,
       domAttributes: e.domAttributes
     }),
-    Vn.configure({
+    On.configure({
       domAttributes: e.domAttributes
     }),
     ...Object.values(e.inlineContentSpecs).filter((n) => n.config !== "link" && n.config !== "text").map((n) => n.implementation.node.configure({
@@ -9071,17 +9054,17 @@ const Bn = (e) => T.create({
         domAttributes: e.domAttributes
       })
     ]),
-    Sn(e.editor),
     Bn(e.editor),
-    Ln(e.editor),
-    ni.configure({ width: 5, color: "#ddeeff" }),
+    Nn(e.editor),
+    An(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 ? [Dn] : []
   ];
   if (e.collaboration) {
     if (t.push(
-      ii.configure({
+      ri.configure({
         fragment: e.collaboration.fragment
       })
     ), (o = e.collaboration.provider) != null && o.awareness) {
@@ -9094,7 +9077,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 +9085,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 Wn(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);
+  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 = Wn(i, o + 1));
       }
       const r = t.state.schema.nodes.blockContainer.create(
         void 0,
@@ -9127,9 +9110,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 +9129,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 +9156,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 +9184,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 +9201,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 +9218,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 $n = new L("blocknote-placeholder"), qn = (e, t) => new x({
+  key: $n,
   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 +9260,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"), Xn = {
+  // Numbered List Items
+  index: "index",
+  // Headings
+  level: "level",
+  // All Blocks
+  type: "type",
+  depth: "depth",
+  "depth-change": "depth-change"
+}, Zn = () => {
+  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-" + Xn[d]] = u || "none";
+          const l = $.node(r, r + n.nodeSize, {
+            ...s
+          });
+          o.push(l);
+        }), K.create(t.doc, o);
+      }
+    }
+  });
+}, Jn = {
   enableInputRules: !0,
   enablePasteRules: !0,
   enableCoreExtensions: !1
 };
-class vt {
+class Ct {
   constructor(t) {
     c(this, "_pmSchema");
     /**
@@ -9338,6 +9408,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 +9419,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 +9438,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 +9449,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 un(this), this.linkToolbar = new mn(this), this.sideMenu = new yn(this), this.suggestionMenus = new xn(this), this.filePanel = new ln(this), T("table", this) && (this.tableHandles = new Tn(this));
+    const n = Gn({
       editor: this,
       domAttributes: o.domAttributes || {},
       blockSpecs: this.schema.blockSpecs,
@@ -9386,8 +9458,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 +9469,26 @@ class vt {
         this.suggestionMenus.plugin,
         ...this.filePanel ? [this.filePanel.plugin] : [],
         ...this.tableHandles ? [this.tableHandles.plugin] : [],
-        $n(this, o.placeholders)
+        qn(this, o.placeholders),
+        ...this.options.animations ?? !0 ? [Zn()] : []
       ]
     });
-    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, w) => {
+        this.onUploadStartCallbacks.forEach(
+          (b) => b.apply(this, [w])
+        );
+        try {
+          return await g(k, w);
+        } finally {
+          this.onUploadEndCallbacks.forEach(
+            (b) => b.apply(this, [w])
+          );
+        }
+      };
+    }
+    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 +9499,7 @@ class vt {
     ] : [
       {
         type: "paragraph",
-        id: ne.options.generateID()
+        id: oe.options.generateID()
       }
     ]);
     if (!Array.isArray(a) || a.length === 0)
@@ -9418,7 +9507,7 @@ class vt {
         "initialContent must be a non-empty array of blocks, received: " + a
       );
     const s = {
-      ...qn,
+      ...Jn,
       ...o._tiptapOptions,
       content: a,
       extensions: [
@@ -9434,16 +9523,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: V(
             "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
       }
     };
-    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 +9541,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 +9558,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 +9583,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 +9600,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 +9618,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 +9655,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 +9702,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 +9716,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 +9759,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 Wo(t, i, o, this);
   }
   /**
    * Updates an existing block in the editor. Since updatedBlock is a PartialBlock object, some fields might not be
@@ -9668,14 +9769,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 Ko(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 $o(t, this);
   }
   /**
    * Replaces existing blocks in the editor with new blocks. If the blocks that should be removed are not adjacent or
@@ -9685,7 +9786,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 qo(t, i, this);
   }
   /**
    * Insert a piece of content at the current cursor position.
@@ -9693,12 +9794,12 @@ class vt {
    * @param content can be a string, or array of partial inline content elements
    */
   insertInlineContent(t) {
-    const i = $(
+    const i = R(
       t,
       this.pmSchema,
       this.schema.styleSchema
     );
-    Wo(
+    Xo(
       {
         from: this._tiptapEditor.state.selection.from,
         to: this._tiptapEditor.state.selection.to
@@ -9736,7 +9837,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 +9862,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 +9935,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 +9957,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 +9972,7 @@ class vt {
    * @returns The blocks, serialized as a Markdown string.
    */
   async blocksToMarkdownLossy(t = this.document) {
-    return Xo(t, this.pmSchema, this, {});
+    return Yo(t, this.pmSchema, this, {});
   }
   /**
    * Creates a list of blocks from a Markdown string. Tries to create `Block` and `InlineNode` objects based on
@@ -9881,7 +9982,7 @@ class vt {
    * @returns The blocks parsed from the Markdown string.
    */
   async tryParseMarkdownToBlocks(t) {
-    return on(
+    return an(
       t,
       this.schema.blockSchema,
       this.schema.inlineContentSchema,
@@ -9942,43 +10043,43 @@ class vt {
     );
   }
 }
-let ae, ye;
-async function Dr(e, t) {
-  if (!zo("text", e))
+let ae, ke;
+async function zr(e, t) {
+  if (!Oo("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 Yn(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 Yn(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 +10090,7 @@ function Ur(e) {
     },
     {
       onItemClick: () => {
-        E(e, {
+        M(e, {
           type: "heading",
           props: { level: 2 }
         });
@@ -10000,7 +10101,7 @@ function Ur(e) {
     },
     {
       onItemClick: () => {
-        E(e, {
+        M(e, {
           type: "heading",
           props: { level: 3 }
         });
@@ -10009,45 +10110,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 +10166,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 +10179,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 +10192,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 +10205,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 +10229,14 @@ function Ur(e) {
     ...e.dictionary.slash_menu.emoji
   }), t;
 }
-function jr(e, t) {
+function Vr(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 +10245,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 Or(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 +10275,148 @@ 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 Qn(e) {
+  e.id || (e.id = oe.options.generateID()), e.children && er(e.children);
 }
-function Jn(e) {
+function er(e) {
   for (const t of e)
-    Zn(t);
+    Qn(t);
 }
 export {
-  Ki as AudioBlock,
-  vt as BlockNoteEditor,
+  qi 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,
+  eo as FileBlock,
+  ln as FilePanelProsemirrorPlugin,
+  sn as FilePanelView,
+  un as FormattingToolbarProsemirrorPlugin,
+  dn as FormattingToolbarView,
+  yt as HTMLToBlocks,
+  ao as ImageBlock,
+  mn as LinkToolbarProsemirrorPlugin,
+  yn as SideMenuProsemirrorPlugin,
+  _n as SideMenuView,
+  xn as SuggestionMenuProseMirrorPlugin,
+  Tn as TableHandlesProsemirrorPlugin,
+  Mn as TableHandlesView,
+  oe as UniqueID,
+  P as UnreachableCaseError,
+  ho as VideoBlock,
+  Qn as addIdsToBlock,
+  er as addIdsToBlocks,
+  Fe as addInlineContentAttributes,
+  Hi as addInlineContentKeyboardShortcuts,
+  Ri as addStyleAttributes,
+  Mr as assertEmpty,
+  Gi as audioBlockConfig,
+  Ki as audioParse,
+  Fi as audioPropSchema,
+  Wi as audioRender,
+  $i as audioToExternalHTML,
+  U as blockToNode,
+  Yo as blocksToMarkdown,
+  se as camelToDataKebab,
+  Dr as checkBlockHasDefaultProp,
+  Fo as checkBlockIsDefaultType,
+  Pr as checkBlockIsFileBlock,
+  Ur as checkBlockIsFileBlockWithPlaceholder,
+  Hr as checkBlockIsFileBlockWithPreview,
+  Go as checkBlockTypeHasDefaultProp,
+  T as checkDefaultBlockTypeInSchema,
+  Oo as checkDefaultInlineContentTypeInSchema,
   Ie as cleanHTMLToMarkdown,
   Se as contentNodeToInlineContent,
-  pe as createAddFileButton,
+  Oi 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,
+  Lr as createInlineContentSpec,
+  Di 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,
+  Ui as createInternalInlineContentSpec,
+  ut as createInternalStyleSpec,
+  he as createLinkWithCaption,
+  mt as createResizeHandlesWrapper,
+  F as createStronglyTypedTiptapNode,
+  Ir as createStyleSpec,
+  j as createStyleSpecFromTipTapMark,
+  jr as createSuggestionMenu,
+  Ro as defaultBlockSchema,
+  ft as defaultBlockSpecs,
+  Oe as defaultBlockToHTML,
+  Vo as defaultInlineContentSchema,
+  bt as defaultInlineContentSpecs,
+  v as defaultProps,
+  Nr as defaultStyleSchema,
+  gt as defaultStyleSpecs,
+  H as esmDependencies,
+  Zi as fileBlockConfig,
+  Yi as fileParse,
+  Xi as filePropSchema,
+  Ji as fileRender,
+  Qi as fileToExternalHTML,
+  Br as filenameFromURL,
+  Vr 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,
+  cn as formattingToolbarPluginKey,
+  Ni as getBlockFromPos,
+  Gn as getBlockNoteExtensions,
+  dt as getBlockSchemaFromSpecs,
+  B as getCurrentBlockContentType,
+  zr as getDefaultEmojiPickerItems,
+  Rr as getDefaultSlashMenuItems,
+  me as getDraggableBlockFromElement,
+  ji as getInlineContentParseRules,
+  ct as getInlineContentSchemaFromSpecs,
+  Pi as getParseRules,
+  Vi as getStyleParseRules,
+  pt as getStyleSchemaFromSpecs,
+  io as imageBlockConfig,
+  no as imageParse,
+  to as imagePropSchema,
+  oo as imageRender,
+  ro as imageToExternalHTML,
+  at as inheritedProps,
+  ie as initializeESMDependencies,
+  R 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,
+  Tr as isSafari,
+  te as isStyledTextInlineContent,
+  hn as linkToolbarPluginKey,
+  Sr as locales,
+  an as markdownToBlocks,
+  V as mergeCSSClasses,
+  C as nodeToBlock,
+  xe as nodeToCustomInlineContent,
+  Ge as parseEmbedElement,
+  pe as parseFigureElement,
+  Ke as parseImageElement,
+  Mt as partialBlockToBlockForTesting,
+  Or as partialBlocksToBlocksForTesting,
+  st as propsToAttributes,
+  kn as sideMenuPluginKey,
+  zi as stylePropsToAttributes,
+  it as tableContentToNodes,
+  Q as tableHandlesPluginKey,
+  Ar as uploadToTmpFilesDotOrg_DEV_ONLY,
+  lo as videoBlockConfig,
+  uo as videoParse,
+  so as videoPropSchema,
+  co as videoRender,
+  po as videoToExternalHTML,
+  ge as wrapInBlockStructure
 };
 //# sourceMappingURL=blocknote.js.map