@blocknote/core 0.42.3 → 0.43.0

package/dist/{BlockNoteSchema-Bi-eeHal.js → defaultBlocks-BJtxTOM2.js}

@@ -1,25 +1,27 @@
-var Oe = Object.defineProperty;
-var De = (e, t, n) => t in e ? Oe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var C = (e, t, n) => De(e, typeof t != "symbol" ? t + "" : t, n);
-import { TableMap as me, goToNextCell as ee, columnResizing as _e, tableEditing as Ve, CellSelection as he, TableView as Re } from "prosemirror-tables";
-import { b as Z, g as We, a as P, n as ge, i as te, t as Fe, U as je, c as Ue, e as $, f as $e, h as be, j as Ge } from "./blockToNode-DIfPWLH8.js";
-import Ze from "@tiptap/extension-bold";
-import ze from "@tiptap/extension-code";
-import qe from "@tiptap/extension-italic";
-import Xe from "@tiptap/extension-strike";
-import Ke from "@tiptap/extension-underline";
-import { Node as N, Mark as Qe, Extension as Ye, callOrReturn as Je, getExtensionField as et, mergeAttributes as z } from "@tiptap/core";
-import { DOMParser as R, Fragment as O, DOMSerializer as ne, Slice as ke } from "prosemirror-model";
-import { createHighlightPlugin as tt } from "prosemirror-highlight";
-import { createParser as nt } from "prosemirror-highlight/shiki";
-import { TextSelection as Ce, Plugin as ot, PluginKey as rt } from "prosemirror-state";
-import { ReplaceStep as at } from "prosemirror-transform";
-import { DecorationSet as oe, Decoration as st } from "prosemirror-view";
-const ct = () => typeof navigator < "u" && (/Mac/.test(navigator.platform) || /AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent));
+var _e = Object.defineProperty;
+var Oe = (e, t, n) => t in e ? _e(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var L = (e, t, n) => Oe(e, typeof t != "symbol" ? t + "" : t, n);
+import { TableMap as be, goToNextCell as ae, columnResizing as Ve, tableEditing as Re, CellSelection as Ce, TableView as We } from "prosemirror-tables";
+import { Node as P, Mark as Fe, Extension as Ue, callOrReturn as $e, getExtensionField as qe, mergeAttributes as K, findParentNode as je } from "@tiptap/core";
+import { TextSelection as ke, Plugin as ye, PluginKey as ve } from "prosemirror-state";
+import { DecorationSet as F, Decoration as z } from "prosemirror-view";
+import { ReplaceStep as Ge, Mapping as Ze } from "prosemirror-transform";
+import { ySyncPluginKey as se, absolutePositionToRelativePosition as ze, relativePositionToAbsolutePosition as Xe } from "y-prosemirror";
+import { c as k, a as Ee } from "./BlockNoteExtension-C2X7LW-V.js";
+import { b as J, v as Qe, g as _, a as xe, i as ie, t as Ke, U as Je, q as Ye, A as X, r as et, w as we, J as tt } from "./blockToNode-DBNbhwwC.js";
+import nt from "@tiptap/extension-bold";
+import ot from "@tiptap/extension-code";
+import rt from "@tiptap/extension-italic";
+import at from "@tiptap/extension-strike";
+import st from "@tiptap/extension-underline";
+import { DOMParser as $, Fragment as O, DOMSerializer as ce, Slice as Se } from "prosemirror-model";
+import { createHighlightPlugin as it } from "prosemirror-highlight";
+import { createParser as ct } from "prosemirror-highlight/shiki";
+const lt = () => typeof navigator < "u" && (/Mac/.test(navigator.platform) || /AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent));
 function M(e, t = "Ctrl") {
-  return ct() ? e.replace("Mod", "⌘") : e.replace("Mod", t);
+  return lt() ? e.replace("Mod", "⌘") : e.replace("Mod", t);
 }
-function I(...e) {
+function D(...e) {
   return [
     // Converts to & from set to remove duplicates.
     ...new Set(
@@ -27,31 +29,31 @@ function I(...e) {
     )
   ].join(" ");
 }
-const eo = () => /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-function it(e, t, n, o) {
+const to = () => /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+function dt(e, t, n, o) {
   const r = document.createElement("div");
-  r.className = I(
+  r.className = D(
     "bn-block-content",
     n.class
   ), r.setAttribute("data-content-type", e);
-  for (const [s, c] of Object.entries(n))
-    s !== "class" && r.setAttribute(s, c);
+  for (const [s, i] of Object.entries(n))
+    s !== "class" && r.setAttribute(s, i);
   const a = document.createElement(t);
-  a.className = I(
+  a.className = D(
     "bn-inline-content",
     o.class
   );
-  for (const [s, c] of Object.entries(
+  for (const [s, i] of Object.entries(
     o
   ))
-    s !== "class" && a.setAttribute(s, c);
+    s !== "class" && a.setAttribute(s, i);
   return r.appendChild(a), {
     dom: r,
     contentDOM: a
   };
 }
-const re = (e, t) => {
-  let n = Z(e, t.pmSchema);
+const le = (e, t) => {
+  let n = J(e, t.pmSchema);
   n.type.name === "blockContainer" && (n = n.firstChild);
   const o = t.pmSchema.nodes[n.type.name].spec.toDOM;
   if (o === void 0)
@@ -65,7 +67,7 @@ const re = (e, t) => {
     );
   return r;
 };
-function lt(e, t = "<br>") {
+function ut(e, t = "<br>") {
   const n = e.querySelectorAll("p");
   if (n.length > 1) {
     const o = n[0];
@@ -75,15 +77,15 @@ function lt(e, t = "<br>") {
     }
   }
 }
-function V(e) {
+function U(e) {
   return "data-" + e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
-function to(e) {
+function no(e) {
   const t = e.split("/");
   return !t.length || // invalid?
   t[t.length - 1] === "" ? e : t[t.length - 1];
 }
-function no(e) {
+function oo(e) {
   var n;
   const t = [
     "mp4",
@@ -103,7 +105,7 @@ function no(e) {
     return !1;
   }
 }
-function dt(e) {
+function pt(e) {
   const t = {};
   return Object.entries(e).forEach(([n, o]) => {
     t[n] = {
@@ -113,7 +115,7 @@ function dt(e) {
       // value is the same as its default, we don't display an HTML
       // attribute for it.
       parseHTML: (r) => {
-        const a = r.getAttribute(V(n));
+        const a = r.getAttribute(U(n));
         if (a === null)
           return null;
         if (o.default === void 0 && o.type === "boolean" || o.default !== void 0 && typeof o.default == "boolean")
@@ -125,37 +127,37 @@ function dt(e) {
         return a;
       },
       renderHTML: (r) => r[n] !== o.default ? {
-        [V(n)]: r[n]
+        [U(n)]: r[n]
       } : {}
     };
   }), t;
 }
-function ut(e, t, n, o) {
+function ft(e, t, n, o) {
   const r = e();
   if (r === void 0)
     throw new Error("Cannot find node position");
   const s = n.state.doc.resolve(r).node().attrs.id;
   if (!s)
     throw new Error("Block doesn't have id");
-  const c = t.getBlock(s);
-  if (c.type !== o)
+  const i = t.getBlock(s);
+  if (i.type !== o)
     throw new Error("Block type does not match");
-  return c;
+  return i;
 }
-function G(e, t, n, o, r = !1, a) {
+function Q(e, t, n, o, r = !1, a) {
   const s = document.createElement("div");
   if (a !== void 0)
-    for (const [c, l] of Object.entries(a))
-      c !== "class" && s.setAttribute(c, l);
-  s.className = I(
+    for (const [i, c] of Object.entries(a))
+      i !== "class" && s.setAttribute(i, c);
+  s.className = D(
     "bn-block-content",
     (a == null ? void 0 : a.class) || ""
   ), s.setAttribute("data-content-type", t);
-  for (const [c, l] of Object.entries(n)) {
-    const u = o[c].default;
-    l !== u && s.setAttribute(V(c), l);
+  for (const [i, c] of Object.entries(n)) {
+    const u = o[i].default;
+    c !== u && s.setAttribute(U(i), c);
   }
-  return r && s.setAttribute("data-file-block", ""), s.appendChild(e.dom), e.contentDOM && (e.contentDOM.className = I(
+  return r && s.setAttribute("data-file-block", ""), s.appendChild(e.dom), e.contentDOM && (e.contentDOM.className = D(
     "bn-inline-content",
     e.contentDOM.className
   )), {
@@ -163,7 +165,7 @@ function G(e, t, n, o, r = !1, a) {
     dom: s
   };
 }
-function pt(e, t, n) {
+function ht(e, t, n) {
   return {
     config: {
       type: e.type,
@@ -172,13 +174,13 @@ function pt(e, t, n) {
     },
     implementation: {
       node: e.node,
-      render: re,
-      toExternalHTML: re
+      render: le,
+      toExternalHTML: le
     },
     extensions: n
   };
 }
-function ft(e, t) {
+function gt(e, t) {
   e.stopEvent = (n) => (n.type === "mousedown" && setTimeout(() => {
     t.view.dom.blur();
   }, 10), !0);
@@ -207,12 +209,12 @@ function mt(e, t) {
           schema: r
         });
       if (e.content === "inline") {
-        const c = o.cloneNode(!0);
-        return lt(
-          c,
+        const i = o.cloneNode(!0);
+        return ut(
+          i,
           (a = t.meta) != null && a.code ? `
 ` : "<br>"
-        ), R.fromSchema(r).parse(c, {
+        ), $.fromSchema(r).parse(i, {
           topNode: r.nodes.paragraph.create()
         }).content;
       }
@@ -220,27 +222,27 @@ function mt(e, t) {
     } : void 0
   }), n;
 }
-function ht(e, t, n, o) {
-  var a, s, c, l;
-  const r = t.node || N.create({
+function ro(e, t, n, o) {
+  var a, s, i, c;
+  const r = t.node || P.create({
     name: e.type,
     content: e.content === "inline" ? "inline*" : e.content === "none" ? "" : e.content,
     group: "blockContent",
     selectable: ((a = t.meta) == null ? void 0 : a.selectable) ?? !0,
     isolating: ((s = t.meta) == null ? void 0 : s.isolating) ?? !0,
-    code: ((c = t.meta) == null ? void 0 : c.code) ?? !1,
-    defining: ((l = t.meta) == null ? void 0 : l.defining) ?? !0,
+    code: ((i = t.meta) == null ? void 0 : i.code) ?? !1,
+    defining: ((c = t.meta) == null ? void 0 : c.defining) ?? !0,
     priority: o,
     addAttributes() {
-      return dt(e.propSchema);
+      return pt(e.propSchema);
     },
     parseHTML() {
       return mt(e, t);
     },
-    renderHTML({ HTMLAttributes: i }) {
+    renderHTML({ HTMLAttributes: l }) {
       var d;
       const u = document.createElement("div");
-      return G(
+      return Q(
         {
           dom: u,
           contentDOM: e.content === "inline" ? u : void 0
@@ -249,23 +251,23 @@ function ht(e, t, n, o) {
         {},
         e.propSchema,
         ((d = t.meta) == null ? void 0 : d.fileBlockAccept) !== void 0,
-        i
+        l
       );
     },
     addNodeView() {
-      return (i) => {
-        var f, S;
-        const u = this.options.editor, d = ut(
-          i.getPos,
+      return (l) => {
+        var f, E;
+        const u = this.options.editor, d = ft(
+          l.getPos,
           u,
           this.editor,
           e.type
-        ), p = ((f = this.options.domAttributes) == null ? void 0 : f.blockContent) || {}, h = t.render.call(
-          { blockContentDOMAttributes: p, props: i, renderType: "nodeView" },
+        ), p = ((f = this.options.domAttributes) == null ? void 0 : f.blockContent) || {}, g = t.render.call(
+          { blockContentDOMAttributes: p, props: l, renderType: "nodeView" },
           d,
           u
         );
-        return ((S = t.meta) == null ? void 0 : S.selectable) === !1 && ft(h, this.editor), h;
+        return ((E = t.meta) == null ? void 0 : E.selectable) === !1 && gt(g, this.editor), g;
       };
     }
   });
@@ -278,7 +280,7 @@ function ht(e, t, n, o) {
     implementation: {
       ...t,
       node: r,
-      render(i, u) {
+      render(l, u) {
         var p;
         const d = ((p = r.options.domAttributes) == null ? void 0 : p.blockContent) || {};
         return t.render.call(
@@ -287,22 +289,22 @@ function ht(e, t, n, o) {
             props: void 0,
             renderType: "dom"
           },
-          i,
+          l,
           u
         );
       },
       // TODO: this should not have wrapInBlockStructure and generally be a lot simpler
       // post-processing in externalHTMLExporter should not be necessary
-      toExternalHTML: (i, u) => {
-        var p, h;
+      toExternalHTML: (l, u) => {
+        var p, g;
         const d = ((p = r.options.domAttributes) == null ? void 0 : p.blockContent) || {};
-        return ((h = t.toExternalHTML) == null ? void 0 : h.call(
+        return ((g = t.toExternalHTML) == null ? void 0 : g.call(
           { blockContentDOMAttributes: d },
-          i,
+          l,
           u
         )) ?? t.render.call(
           { blockContentDOMAttributes: d, renderType: "dom", props: void 0 },
-          i,
+          l,
           u
         );
       }
@@ -310,7 +312,7 @@ function ht(e, t, n, o) {
     extensions: n
   };
 }
-function oo(e) {
+function ao(e) {
   return e;
 }
 function v(e, t, n) {
@@ -322,37 +324,37 @@ function v(e, t, n) {
         ...a,
         // TODO: this should not have wrapInBlockStructure and generally be a lot simpler
         // post-processing in externalHTMLExporter should not be necessary
-        toExternalHTML(c, l) {
+        toExternalHTML(i, c) {
           var u, d;
-          const i = (u = a.toExternalHTML) == null ? void 0 : u.call(
+          const l = (u = a.toExternalHTML) == null ? void 0 : u.call(
             { blockContentDOMAttributes: this.blockContentDOMAttributes },
-            c,
-            l
+            i,
+            c
           );
-          if (i !== void 0)
-            return G(
-              i,
-              c.type,
-              c.props,
+          if (l !== void 0)
+            return Q(
+              l,
+              i.type,
+              i.props,
               r.propSchema,
               ((d = a.meta) == null ? void 0 : d.fileBlockAccept) !== void 0
             );
         },
-        render(c, l) {
+        render(i, c) {
           var d;
-          const i = a.render.call(
+          const l = a.render.call(
             {
               blockContentDOMAttributes: this.blockContentDOMAttributes,
               renderType: this.renderType,
               props: this.props
             },
-            c,
-            l
-          );
-          return G(
             i,
-            c.type,
-            c.props,
+            c
+          );
+          return Q(
+            l,
+            i.type,
+            i.props,
             r.propSchema,
             ((d = a.meta) == null ? void 0 : d.fileBlockAccept) !== void 0,
             this.blockContentDOMAttributes
@@ -363,13 +365,13 @@ function v(e, t, n) {
     };
   };
 }
-function ro(e, t, n, o) {
+function so(e, t, n, o) {
   return e.dom.setAttribute("data-inline-content-type", t), Object.entries(n).filter(([r, a]) => {
     const s = o[r];
     return a !== s.default;
-  }).map(([r, a]) => [V(r), a]).forEach(([r, a]) => e.dom.setAttribute(r, a)), e.contentDOM && e.contentDOM.setAttribute("data-editable", ""), e;
+  }).map(([r, a]) => [U(r), a]).forEach(([r, a]) => e.dom.setAttribute(r, a)), e.contentDOM && e.contentDOM.setAttribute("data-editable", ""), e;
 }
-function ao(e) {
+function io(e) {
   return {
     Backspace: ({ editor: t }) => {
       const n = t.state.selection.$from;
@@ -377,14 +379,14 @@ function ao(e) {
     }
   };
 }
-function gt(e, t) {
+function bt(e, t) {
   return {
     config: e,
     implementation: t
   };
 }
-function so(e, t, n) {
-  return gt(
+function co(e, t, n) {
+  return bt(
     {
       type: e.name,
       propSchema: t,
@@ -396,12 +398,12 @@ function so(e, t, n) {
     }
   );
 }
-function ye(e) {
+function Ct(e) {
   return Object.fromEntries(
     Object.entries(e).map(([t, n]) => [t, n.config])
   );
 }
-function bt(e) {
+function kt(e) {
   return e === "boolean" ? {} : {
     stringValue: {
       default: void 0,
@@ -413,17 +415,17 @@ function bt(e) {
     }
   };
 }
-function _(e, t, n, o) {
+function R(e, t, n, o) {
   return e.dom.setAttribute("data-style-type", t), o === "string" && e.dom.setAttribute("data-value", n), e.contentDOM && e.contentDOM.setAttribute("data-editable", ""), e;
 }
-function ve(e, t) {
+function Me(e, t) {
   return {
     config: e,
     implementation: t
   };
 }
 function H(e, t) {
-  return ve(
+  return Me(
     {
       type: e.name,
       propSchema: t
@@ -438,7 +440,7 @@ function H(e, t) {
           );
         const a = o.pmSchema.mark(e.name, {
           stringValue: n
-        }), s = ne.renderSpec(
+        }), s = ce.renderSpec(
           document,
           r(a, !0)
         );
@@ -456,7 +458,7 @@ function H(e, t) {
           );
         const a = o.pmSchema.mark(e.name, {
           stringValue: n
-        }), s = ne.renderSpec(
+        }), s = ce.renderSpec(
           document,
           r(a, !0)
         );
@@ -469,12 +471,12 @@ function H(e, t) {
     }
   );
 }
-function Se(e) {
+function yt(e) {
   return Object.fromEntries(
     Object.entries(e).map(([t, n]) => [t, n.config])
   );
 }
-function kt(e, t) {
+function vt(e, t) {
   const n = [
     {
       tag: `[data-style-type="${e.type}"]`,
@@ -498,18 +500,18 @@ function kt(e, t) {
     }
   }), n;
 }
-function Ee(e, t) {
-  const n = Qe.create({
+function Le(e, t) {
+  const n = Fe.create({
     name: e.type,
     addAttributes() {
-      return bt(e.propSchema);
+      return kt(e.propSchema);
     },
     parseHTML() {
-      return kt(e, t.parse);
+      return vt(e, t.parse);
     },
     renderHTML({ mark: o }) {
       const r = (t.toExternalHTML || t.render)(o.attrs.stringValue);
-      return _(
+      return R(
         r,
         e.type,
         o.attrs.stringValue,
@@ -519,7 +521,7 @@ function Ee(e, t) {
     addMarkView() {
       return ({ mark: o }) => {
         const r = t.render(o.attrs.stringValue);
-        return _(
+        return R(
           r,
           e.type,
           o.attrs.stringValue,
@@ -528,12 +530,12 @@ function Ee(e, t) {
       };
     }
   });
-  return ve(e, {
+  return Me(e, {
     ...t,
     mark: n,
     render: (o) => {
       const r = t.render(o);
-      return _(
+      return R(
         r,
         e.type,
         o,
@@ -542,7 +544,7 @@ function Ee(e, t) {
     },
     toExternalHTML: (o) => {
       const r = (t.toExternalHTML || t.render)(o);
-      return _(
+      return R(
         r,
         e.type,
         o,
@@ -551,229 +553,54 @@ function Ee(e, t) {
     }
   });
 }
-function Ct(e) {
-  const t = vt(e);
-  let { roots: n, nonRoots: o } = ae(t);
-  const r = [];
-  for (; n.size; ) {
-    r.push(n);
-    const a = /* @__PURE__ */ new Set();
-    for (const s of n) {
-      const c = e.get(s);
-      if (c)
-        for (const l of c) {
-          const i = t.get(l);
-          if (i === void 0)
-            continue;
-          const u = i - 1;
-          t.set(l, u), u === 0 && a.add(l);
-        }
-    }
-    n = a;
-  }
-  if (o = ae(t).nonRoots, o.size)
-    throw new Error(
-      `Cycle(s) detected; toposort only works on acyclic graphs. Cyclic nodes: ${Array.from(o).join(", ")}`
-    );
-  return r;
-}
-function yt(e) {
-  const t = St(e);
-  return Ct(t);
-}
-function vt(e) {
-  const t = /* @__PURE__ */ new Map();
-  for (const [n, o] of e.entries()) {
-    t.has(n) || t.set(n, 0);
-    for (const r of o) {
-      const a = t.get(r) ?? 0;
-      t.set(r, a + 1);
-    }
-  }
-  return t;
-}
-function ae(e) {
-  const t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set();
-  for (const [o, r] of e.entries())
-    r === 0 ? t.add(o) : n.add(o);
-  return { roots: t, nonRoots: n };
-}
-function St(e) {
-  const t = /* @__PURE__ */ new Map();
-  for (const [n, o] of e.entries()) {
-    t.has(n) || t.set(n, /* @__PURE__ */ new Set());
-    for (const r of o)
-      t.has(r) || t.set(r, /* @__PURE__ */ new Set()), t.get(r).add(n);
-  }
-  return t;
-}
-function Et() {
-  return /* @__PURE__ */ new Map();
-}
-function se(e) {
-  return e && Object.fromEntries(
-    Object.entries(e).filter(([, t]) => t !== void 0)
-  );
-}
-class wt {
-  constructor(t) {
-    // Helper so that you can use typeof schema.BlockNoteEditor
-    C(this, "BlockNoteEditor", "only for types");
-    C(this, "Block", "only for types");
-    C(this, "PartialBlock", "only for types");
-    C(this, "inlineContentSpecs");
-    C(this, "styleSpecs");
-    C(this, "blockSpecs");
-    C(this, "blockSchema");
-    C(this, "inlineContentSchema");
-    C(this, "styleSchema");
-    this.opts = t;
-    const {
-      blockSpecs: n,
-      inlineContentSpecs: o,
-      styleSpecs: r,
-      blockSchema: a,
-      inlineContentSchema: s,
-      styleSchema: c
-    } = this.init();
-    this.blockSpecs = n, this.styleSpecs = r, this.styleSchema = c, this.inlineContentSpecs = o, this.blockSchema = a, this.inlineContentSchema = s;
-  }
-  init() {
-    var i;
-    const t = Et(), n = /* @__PURE__ */ new Set();
-    t.set("default", n);
-    for (const [u, d] of Object.entries({
-      ...this.opts.blockSpecs,
-      ...this.opts.inlineContentSpecs,
-      ...this.opts.styleSpecs
-    }))
-      (i = d.implementation) != null && i.runsBefore ? t.set(u, new Set(d.implementation.runsBefore)) : n.add(u);
-    const o = yt(t), r = o.findIndex((u) => u.has("default")), a = (u) => 91 + (o.findIndex((p) => p.has(u)) + r) * 10, s = Object.fromEntries(
-      Object.entries(this.opts.blockSpecs).map(([u, d]) => [
-        u,
-        ht(
-          d.config,
-          d.implementation,
-          d.extensions,
-          a(u)
-        )
-      ])
-    ), c = Object.fromEntries(
-      Object.entries(this.opts.inlineContentSpecs).map(
-        ([u, d]) => {
-          var p;
-          return typeof d.config != "object" ? [u, d] : [
-            u,
-            {
-              ...d,
-              implementation: {
-                ...d.implementation,
-                node: (p = d.implementation) == null ? void 0 : p.node.extend({
-                  priority: a(u)
-                })
-              }
-            }
-          ];
-        }
-      )
-    ), l = Object.fromEntries(
-      Object.entries(this.opts.styleSpecs).map(([u, d]) => {
-        var p;
-        return [
-          u,
-          {
-            ...d,
-            implementation: {
-              ...d.implementation,
-              mark: (p = d.implementation) == null ? void 0 : p.mark.extend({
-                priority: a(u)
-              })
-            }
-          }
-        ];
-      })
-    );
-    return {
-      blockSpecs: s,
-      blockSchema: Object.fromEntries(
-        Object.entries(s).map(([u, d]) => [u, d.config])
-      ),
-      inlineContentSpecs: se(c),
-      styleSpecs: se(l),
-      inlineContentSchema: ye(
-        c
-      ),
-      styleSchema: Se(l)
-    };
-  }
-  /**
-   * Adds additional block specs to the current schema in a builder pattern.
-   * This method allows extending the schema after it has been created.
-   *
-   * @param additionalBlockSpecs - Additional block specs to add to the schema
-   * @returns The current schema instance for chaining
-   */
-  extend(t) {
-    Object.assign(this.opts.blockSpecs, t.blockSpecs), Object.assign(this.opts.inlineContentSpecs, t.inlineContentSpecs), Object.assign(this.opts.styleSpecs, t.styleSpecs);
-    const {
-      blockSpecs: n,
-      inlineContentSpecs: o,
-      styleSpecs: r,
-      blockSchema: a,
-      inlineContentSchema: s,
-      styleSchema: c
-    } = this.init();
-    return this.blockSpecs = n, this.styleSpecs = r, this.styleSchema = c, this.inlineContentSpecs = o, this.blockSchema = a, this.inlineContentSchema = s, this;
-  }
-}
-function xt(e, t) {
+function Et(e, t) {
   let n, o;
-  if (t.firstChild.descendants((r, a) => n ? !1 : !Lt(r) || r.attrs.id !== e ? !0 : (n = r, o = a + 1, !1)), !(n === void 0 || o === void 0))
+  if (t.firstChild.descendants((r, a) => n ? !1 : !xt(r) || r.attrs.id !== e ? !0 : (n = r, o = a + 1, !1)), !(n === void 0 || o === void 0))
     return {
       node: n,
       posBeforeNode: o
     };
 }
-function Lt(e) {
+function xt(e) {
   return e.type.isInGroup("bnBlock");
 }
-const co = (e, t) => ({
+const lo = (e, t) => ({
   tr: n,
   dispatch: o
-}) => (o && q(n, e, t), !0);
-function q(e, t, n, o, r) {
-  const a = We(e.doc.resolve(t));
+}) => (o && Y(n, e, t), !0);
+function Y(e, t, n, o, r) {
+  const a = Qe(e.doc.resolve(t));
   let s = null;
-  a.blockNoteType === "table" && (s = Bt(e));
-  const c = P(e);
+  a.blockNoteType === "table" && (s = St(e));
+  const i = _(e);
   if (o !== void 0 && r !== void 0 && o > r)
     throw new Error("Invalid replaceFromPos or replaceToPos");
-  const l = c.nodes[a.blockNoteType], i = c.nodes[n.type || a.blockNoteType], u = i.isInGroup("bnBlock") ? i : c.nodes.blockContainer;
-  if (a.isBlockContainer && i.isInGroup("blockContent")) {
+  const c = i.nodes[a.blockNoteType], l = i.nodes[n.type || a.blockNoteType], u = l.isInGroup("bnBlock") ? l : i.nodes.blockContainer;
+  if (a.isBlockContainer && l.isInGroup("blockContent")) {
     const d = o !== void 0 && o > a.blockContent.beforePos && o < a.blockContent.afterPos ? o - a.blockContent.beforePos - 1 : void 0, p = r !== void 0 && r > a.blockContent.beforePos && r < a.blockContent.afterPos ? r - a.blockContent.beforePos - 1 : void 0;
-    ce(n, e, a), Mt(
+    de(n, e, a), wt(
       n,
       e,
+      c,
       l,
-      i,
       a,
       d,
       p
     );
-  } else if (!a.isBlockContainer && i.isInGroup("bnBlock"))
-    ce(n, e, a);
+  } else if (!a.isBlockContainer && l.isInGroup("bnBlock"))
+    de(n, e, a);
   else {
-    const d = ge(a.bnBlock.node, c);
+    const d = xe(a.bnBlock.node, i);
     e.replaceWith(
       a.bnBlock.beforePos,
       a.bnBlock.afterPos,
-      Z(
+      J(
         {
           children: d.children,
           // if no children are passed in, use existing children
           ...n
         },
-        c
+        i
       )
     );
     return;
@@ -781,27 +608,27 @@ function q(e, t, n, o, r) {
   e.setNodeMarkup(a.bnBlock.beforePos, u, {
     ...a.bnBlock.node.attrs,
     ...n.props
-  }), s && Tt(e, a, s);
+  }), s && Mt(e, a, s);
 }
-function Mt(e, t, n, o, r, a, s) {
-  const c = P(t);
-  let l = "keep";
+function wt(e, t, n, o, r, a, s) {
+  const i = _(t);
+  let c = "keep";
   if (e.content)
     if (typeof e.content == "string")
-      l = te(
+      c = ie(
         [e.content],
-        c,
+        i,
         o.name
       );
     else if (Array.isArray(e.content))
-      l = te(e.content, c, o.name);
+      c = ie(e.content, i, o.name);
     else if (e.content.type === "tableContent")
-      l = Fe(e.content, c);
+      c = Ke(e.content, i);
     else
-      throw new je(e.content.type);
+      throw new Je(e.content.type);
   else
-    n.spec.content === "" || o.spec.content !== n.spec.content && (l = []);
-  if (l === "keep")
+    n.spec.content === "" || o.spec.content !== n.spec.content && (c = []);
+  if (c === "keep")
     t.setNodeMarkup(r.blockContent.beforePos, o, {
       ...r.blockContent.node.attrs,
       ...e.props
@@ -811,14 +638,14 @@ function Mt(e, t, n, o, r, a, s) {
       ...r.blockContent.node.attrs,
       ...e.props
     });
-    const i = r.blockContent.beforePos + 1 + (a ?? 0), u = r.blockContent.beforePos + 1 + (s ?? r.blockContent.node.content.size), d = t.doc.resolve(r.blockContent.beforePos).depth, p = t.doc.resolve(i).depth, h = t.doc.resolve(u).depth;
+    const l = r.blockContent.beforePos + 1 + (a ?? 0), u = r.blockContent.beforePos + 1 + (s ?? r.blockContent.node.content.size), d = t.doc.resolve(r.blockContent.beforePos).depth, p = t.doc.resolve(l).depth, g = t.doc.resolve(u).depth;
     t.replace(
-      i,
+      l,
       u,
-      new ke(
-        O.from(l),
+      new Se(
+        O.from(c),
         p - d - 1,
-        h - d - 1
+        g - d - 1
       )
     );
   } else
@@ -830,20 +657,20 @@ function Mt(e, t, n, o, r, a, s) {
           ...r.blockContent.node.attrs,
           ...e.props
         },
-        l
+        c
       )
     );
 }
-function ce(e, t, n) {
-  const o = P(t);
+function de(e, t, n) {
+  const o = _(t);
   if (e.children !== void 0 && e.children.length > 0) {
-    const r = e.children.map((a) => Z(a, o));
+    const r = e.children.map((a) => J(a, o));
     if (n.childContainer)
       t.step(
-        new at(
+        new Ge(
           n.childContainer.beforePos + 1,
           n.childContainer.afterPos - 1,
-          new ke(O.from(r), 0, 0)
+          new Se(O.from(r), 0, 0)
         )
       );
     else {
@@ -856,65 +683,65 @@ function ce(e, t, n) {
     }
   }
 }
-function io(e, t, n, o, r) {
-  const a = typeof t == "string" ? t : t.id, s = xt(a, e.doc);
+function uo(e, t, n, o, r) {
+  const a = typeof t == "string" ? t : t.id, s = Et(a, e.doc);
   if (!s)
     throw new Error(`Block with ID ${a} not found`);
-  q(
+  Y(
     e,
     s.posBeforeNode,
     n,
     o,
     r
   );
-  const c = e.doc.resolve(s.posBeforeNode + 1).node(), l = P(e);
-  return ge(c, l);
+  const i = e.doc.resolve(s.posBeforeNode + 1).node(), c = _(e);
+  return xe(i, c);
 }
-function Bt(e) {
+function St(e) {
   const t = "selection" in e ? e.selection : null;
-  if (!(t instanceof Ce))
+  if (!(t instanceof ke))
     return null;
   const n = e.doc.resolve(t.head);
   let o = -1, r = -1;
-  for (let x = n.depth; x >= 0; x--) {
-    const E = n.node(x).type.name;
-    if (o < 0 && (E === "tableCell" || E === "tableHeader") && (o = x), E === "table") {
-      r = x;
+  for (let w = n.depth; w >= 0; w--) {
+    const x = n.node(w).type.name;
+    if (o < 0 && (x === "tableCell" || x === "tableHeader") && (o = w), x === "table") {
+      r = w;
       break;
     }
   }
   if (o < 0 || r < 0)
     return null;
-  const a = n.before(o), s = n.before(r), c = e.doc.nodeAt(s);
-  if (!c || c.type.name !== "table")
+  const a = n.before(o), s = n.before(r), i = e.doc.nodeAt(s);
+  if (!i || i.type.name !== "table")
     return null;
-  const l = me.get(c), i = a - (s + 1), u = l.map.indexOf(i);
+  const c = be.get(i), l = a - (s + 1), u = c.map.indexOf(l);
   if (u < 0)
     return null;
-  const d = Math.floor(u / l.width), p = u % l.width, f = a + 1 + 1, S = Math.max(0, t.head - f);
-  return { row: d, col: p, offset: S };
+  const d = Math.floor(u / c.width), p = u % c.width, f = a + 1 + 1, E = Math.max(0, t.head - f);
+  return { row: d, col: p, offset: E };
 }
-function Tt(e, t, n) {
-  var x;
+function Mt(e, t, n) {
+  var w;
   if (t.blockNoteType !== "table")
     return !1;
   let o = -1;
   if (t.isBlockContainer)
     o = e.mapping.map(t.blockContent.beforePos);
   else {
-    const E = e.mapping.map(t.bnBlock.beforePos), A = E + (((x = e.doc.nodeAt(E)) == null ? void 0 : x.nodeSize) || 0);
-    e.doc.nodesBetween(E, A, (g, L) => g.type.name === "table" ? (o = L, !1) : !0);
+    const x = e.mapping.map(t.bnBlock.beforePos), N = x + (((w = e.doc.nodeAt(x)) == null ? void 0 : w.nodeSize) || 0);
+    e.doc.nodesBetween(x, N, (m, S) => m.type.name === "table" ? (o = S, !1) : !0);
   }
   const r = o >= 0 ? e.doc.nodeAt(o) : null;
   if (!r || r.type.name !== "table")
     return !1;
-  const a = me.get(r), s = Math.max(0, Math.min(n.row, a.height - 1)), c = Math.max(0, Math.min(n.col, a.width - 1)), l = s * a.width + c, i = a.map[l];
-  if (i == null)
+  const a = be.get(r), s = Math.max(0, Math.min(n.row, a.height - 1)), i = Math.max(0, Math.min(n.col, a.width - 1)), c = s * a.width + i, l = a.map[c];
+  if (l == null)
     return !1;
-  const d = o + 1 + i + 1, p = e.doc.nodeAt(d), h = d + 1, f = p ? p.content.size : 0, S = h + Math.max(0, Math.min(n.offset, f));
-  return "selection" in e && e.setSelection(Ce.create(e.doc, S)), !0;
+  const d = o + 1 + l + 1, p = e.doc.nodeAt(d), g = d + 1, f = p ? p.content.size : 0, E = g + Math.max(0, Math.min(n.offset, f));
+  return "selection" in e && e.setSelection(ke.create(e.doc, E)), !0;
 }
-const B = {
+const T = {
   gray: {
     text: "#9b9a97",
     background: "#ebeced"
@@ -951,7 +778,7 @@ const B = {
     text: "#ad1a72",
     background: "#f4dfeb"
   }
-}, lo = {
+}, po = {
   gray: {
     text: "#bebdb8",
     background: "#9b9a97"
@@ -988,7 +815,7 @@ const B = {
     text: "#da208f",
     background: "#ad1a72"
   }
-}, m = {
+}, h = {
   backgroundColor: {
     default: "default"
   },
@@ -1001,30 +828,30 @@ const B = {
   }
 }, y = (e) => {
   const t = {};
-  return e.hasAttribute("data-background-color") ? t.backgroundColor = e.getAttribute("data-background-color") : e.style.backgroundColor && (t.backgroundColor = e.style.backgroundColor), e.hasAttribute("data-text-color") ? t.textColor = e.getAttribute("data-text-color") : e.style.color && (t.textColor = e.style.color), t.textAlignment = m.textAlignment.values.includes(
+  return e.hasAttribute("data-background-color") ? t.backgroundColor = e.getAttribute("data-background-color") : e.style.backgroundColor && (t.backgroundColor = e.style.backgroundColor), e.hasAttribute("data-text-color") ? t.textColor = e.getAttribute("data-text-color") : e.style.color && (t.textColor = e.style.color), t.textAlignment = h.textAlignment.values.includes(
     e.style.textAlign
   ) ? e.style.textAlign : void 0, t;
-}, T = (e, t) => {
-  e.backgroundColor && e.backgroundColor !== m.backgroundColor.default && (t.style.backgroundColor = e.backgroundColor in B ? B[e.backgroundColor].background : e.backgroundColor), e.textColor && e.textColor !== m.textColor.default && (t.style.color = e.textColor in B ? B[e.textColor].text : e.textColor), e.textAlignment && e.textAlignment !== m.textAlignment.default && (t.style.textAlign = e.textAlignment);
-}, uo = (e = "backgroundColor") => ({
-  default: m.backgroundColor.default,
-  parseHTML: (t) => t.hasAttribute("data-background-color") ? t.getAttribute("data-background-color") : t.style.backgroundColor ? t.style.backgroundColor : m.backgroundColor.default,
-  renderHTML: (t) => t[e] === m.backgroundColor.default ? {} : {
+}, A = (e, t) => {
+  e.backgroundColor && e.backgroundColor !== h.backgroundColor.default && (t.style.backgroundColor = e.backgroundColor in T ? T[e.backgroundColor].background : e.backgroundColor), e.textColor && e.textColor !== h.textColor.default && (t.style.color = e.textColor in T ? T[e.textColor].text : e.textColor), e.textAlignment && e.textAlignment !== h.textAlignment.default && (t.style.textAlign = e.textAlignment);
+}, fo = (e = "backgroundColor") => ({
+  default: h.backgroundColor.default,
+  parseHTML: (t) => t.hasAttribute("data-background-color") ? t.getAttribute("data-background-color") : t.style.backgroundColor ? t.style.backgroundColor : h.backgroundColor.default,
+  renderHTML: (t) => t[e] === h.backgroundColor.default ? {} : {
     "data-background-color": t[e]
   }
-}), po = (e = "textColor") => ({
-  default: m.textColor.default,
-  parseHTML: (t) => t.hasAttribute("data-text-color") ? t.getAttribute("data-text-color") : t.style.color ? t.style.color : m.textColor.default,
-  renderHTML: (t) => t[e] === m.textColor.default ? {} : {
+}), ho = (e = "textColor") => ({
+  default: h.textColor.default,
+  parseHTML: (t) => t.hasAttribute("data-text-color") ? t.getAttribute("data-text-color") : t.style.color ? t.style.color : h.textColor.default,
+  renderHTML: (t) => t[e] === h.textColor.default ? {} : {
     "data-text-color": t[e]
   }
-}), fo = (e = "textAlignment") => ({
-  default: m.textAlignment.default,
-  parseHTML: (t) => t.hasAttribute("data-text-alignment") ? t.getAttribute("data-text-alignment") : t.style.textAlign ? t.style.textAlign : m.textAlignment.default,
-  renderHTML: (t) => t[e] === m.textAlignment.default ? {} : {
+}), go = (e = "textAlignment") => ({
+  default: h.textAlignment.default,
+  parseHTML: (t) => t.hasAttribute("data-text-alignment") ? t.getAttribute("data-text-alignment") : t.style.textAlign ? t.style.textAlign : h.textAlignment.default,
+  renderHTML: (t) => t[e] === h.textAlignment.default ? {} : {
     "data-text-alignment": t[e]
   }
-}), W = (e, t) => {
+}), q = (e, t) => {
   const n = e.querySelector(
     t
   );
@@ -1032,27 +859,51 @@ const B = {
     return;
   const o = e.querySelector("figcaption"), r = (o == null ? void 0 : o.textContent) ?? void 0;
   return { targetElement: n, caption: r };
-}, At = (e, t, n) => {
+}, I = k(({ editor: e }) => {
+  const t = Ee(void 0);
+  function n() {
+    t.setState(void 0);
+  }
+  return {
+    key: "filePanel",
+    store: t,
+    mount({ signal: o }) {
+      const r = e.onChange(
+        n,
+        // Don't trigger if the changes are caused by a remote user.
+        !1
+      ), a = e.onSelectionChange(
+        n,
+        // Don't trigger if the changes are caused by a remote user.
+        !1
+      );
+      o.addEventListener("abort", () => {
+        r(), a();
+      });
+    },
+    closeMenu: n,
+    showMenu(o) {
+      t.setState(o);
+    }
+  };
+}), Lt = (e, t, n) => {
   const o = document.createElement("div");
   o.className = "bn-add-file-button";
   const r = document.createElement("div");
   r.className = "bn-add-file-button-icon", n ? r.appendChild(n) : r.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M3 8L9.00319 2H19.9978C20.5513 2 21 2.45531 21 2.9918V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5501 3 20.9932V8ZM10 4V9H5V20H19V4H10Z"></path></svg>', o.appendChild(r);
   const a = document.createElement("p");
   a.className = "bn-add-file-button-text", a.innerHTML = e.type in t.dictionary.file_blocks.add_button_text ? t.dictionary.file_blocks.add_button_text[e.type] : t.dictionary.file_blocks.add_button_text.file, o.appendChild(a);
-  const s = (l) => {
-    l.preventDefault();
-  }, c = () => {
-    t.transact(
-      (l) => l.setMeta(t.filePanel.plugins[0], {
-        block: e
-      })
-    );
+  const s = (c) => {
+    c.preventDefault(), c.stopPropagation();
+  }, i = () => {
+    var c;
+    t.isEditable && ((c = t.getExtension(I)) == null || c.showMenu(e.id));
   };
   return o.addEventListener(
     "mousedown",
     s,
     !0
-  ), o.addEventListener("click", c, !0), {
+  ), o.addEventListener("click", i, !0), {
     dom: o,
     destroy: () => {
       o.removeEventListener(
@@ -1061,45 +912,45 @@ const B = {
         !0
       ), o.removeEventListener(
         "click",
-        c,
+        i,
         !0
       );
     }
   };
-}, Nt = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M3 8L9.00319 2H19.9978C20.5513 2 21 2.45531 21 2.9918V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5501 3 20.9932V8ZM10 4V9H5V20H19V4H10Z"></path></svg>', Ht = (e) => {
+}, Tt = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M3 8L9.00319 2H19.9978C20.5513 2 21 2.45531 21 2.9918V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5501 3 20.9932V8ZM10 4V9H5V20H19V4H10Z"></path></svg>', Bt = (e) => {
   const t = document.createElement("div");
   t.className = "bn-file-name-with-icon";
   const n = document.createElement("div");
-  n.className = "bn-file-icon", n.innerHTML = Nt, t.appendChild(n);
+  n.className = "bn-file-icon", n.innerHTML = Tt, t.appendChild(n);
   const o = document.createElement("p");
   return o.className = "bn-file-name", o.textContent = e.props.name, t.appendChild(o), {
     dom: t
   };
-}, X = (e, t, n, o) => {
+}, ee = (e, t, n, o) => {
   const r = document.createElement("div");
   if (r.className = "bn-file-block-content-wrapper", e.props.url === "") {
-    const s = At(e, t, o);
+    const s = Lt(e, t, o);
     r.appendChild(s.dom);
-    const c = t.onUploadStart((l) => {
-      if (l === e.id) {
+    const i = t.onUploadStart((c) => {
+      if (c === e.id) {
         r.removeChild(s.dom);
-        const i = document.createElement("div");
-        i.className = "bn-file-loading-preview", i.textContent = "Loading...", r.appendChild(i);
+        const l = document.createElement("div");
+        l.className = "bn-file-loading-preview", l.textContent = "Loading...", r.appendChild(l);
       }
     });
     return {
       dom: r,
       destroy: () => {
-        c(), s.destroy();
+        i(), s.destroy();
       }
     };
   }
   const a = { dom: r };
   if (e.props.showPreview === !1 || !n) {
-    const s = Ht(e);
+    const s = Bt(e);
     r.appendChild(s.dom), a.destroy = () => {
-      var c;
-      (c = s.destroy) == null || c.call(s);
+      var i;
+      (i = s.destroy) == null || i.call(s);
     };
   } else
     r.appendChild(n.dom);
@@ -1108,18 +959,18 @@ const B = {
     s.className = "bn-file-caption", s.textContent = e.props.caption, r.appendChild(s);
   }
   return a;
-}, K = (e, t) => {
+}, te = (e, t) => {
   const n = document.createElement("figure"), o = document.createElement("figcaption");
   return o.textContent = t, n.appendChild(e), n.appendChild(o), { dom: n };
-}, F = (e, t) => {
+}, j = (e, t) => {
   const n = document.createElement("div"), o = document.createElement("p");
   return o.textContent = t, n.appendChild(e), n.appendChild(o), {
     dom: n
   };
-}, ie = (e) => ({ url: e.src || void 0 }), It = '<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>', Pt = (e) => ({
+}, ue = (e) => ({ url: e.src || void 0 }), At = '<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>', Nt = (e) => ({
   type: "audio",
   propSchema: {
-    backgroundColor: m.backgroundColor,
+    backgroundColor: h.backgroundColor,
     // File name.
     name: {
       default: ""
@@ -1137,40 +988,40 @@ const B = {
     }
   },
   content: "none"
-}), Ot = (e = {}) => (t) => {
+}), Pt = (e = {}) => (t) => {
   if (t.tagName === "AUDIO") {
     if (t.closest("figure"))
       return;
     const { backgroundColor: n } = y(t);
     return {
-      ...ie(t),
+      ...ue(t),
       backgroundColor: n
     };
   }
   if (t.tagName === "FIGURE") {
-    const n = W(t, "audio");
+    const n = q(t, "audio");
     if (!n)
       return;
     const { targetElement: o, caption: r } = n, { backgroundColor: a } = y(t);
     return {
-      ...ie(o),
+      ...ue(o),
       backgroundColor: a,
       caption: r
     };
   }
-}, Dt = (e = {}) => (t, n) => {
+}, Ht = (e = {}) => (t, n) => {
   const o = document.createElement("div");
-  o.innerHTML = e.icon ?? It;
+  o.innerHTML = e.icon ?? At;
   const r = document.createElement("audio");
   return r.className = "bn-audio", n.resolveFileUrl ? n.resolveFileUrl(t.props.url).then((a) => {
     r.src = a;
-  }) : r.src = t.props.url, r.controls = !0, r.contentEditable = "false", r.draggable = !1, X(
+  }) : r.src = t.props.url, r.controls = !0, r.contentEditable = "false", r.draggable = !1, ee(
     t,
     n,
     { dom: r },
     o.firstElementChild
   );
-}, _t = (e = {}) => (t, n) => {
+}, It = (e = {}) => (t, n) => {
   if (!t.props.url) {
     const r = document.createElement("p");
     return r.textContent = "Add audio", {
@@ -1178,114 +1029,46 @@ const B = {
     };
   }
   let o;
-  return t.props.showPreview ? (o = document.createElement("audio"), o.src = t.props.url) : (o = document.createElement("a"), o.href = t.props.url, o.textContent = t.props.name || t.props.url), t.props.caption ? t.props.showPreview ? K(o, t.props.caption) : F(o, t.props.caption) : {
+  return t.props.showPreview ? (o = document.createElement("audio"), o.src = t.props.url) : (o = document.createElement("a"), o.href = t.props.url, o.textContent = t.props.name || t.props.url), t.props.caption ? t.props.showPreview ? te(o, t.props.caption) : j(o, t.props.caption) : {
     dom: o
   };
-}, Vt = v(
-  Pt,
+}, Dt = v(
+  Nt,
   (e) => ({
     meta: {
       fileBlockAccept: ["audio/*"]
     },
-    parse: Ot(e),
-    render: Dt(e),
-    toExternalHTML: _t(e),
+    parse: Pt(e),
+    render: Ht(e),
+    toExternalHTML: It(e),
     runsBefore: ["file"]
   })
-);
-class Rt {
-  constructor() {
-    // eslint-disable-next-line @typescript-eslint/ban-types
-    C(this, "callbacks", {});
-  }
-  on(t, n) {
-    return this.callbacks[t] || (this.callbacks[t] = []), this.callbacks[t].push(n), () => this.off(t, n);
-  }
-  emit(t, ...n) {
-    const o = this.callbacks[t];
-    o && o.forEach((r) => r.apply(this, n));
-  }
-  off(t, n) {
-    const o = this.callbacks[t];
-    o && (n ? this.callbacks[t] = o.filter((r) => r !== n) : delete this.callbacks[t]);
-  }
-  removeAllListeners() {
-    this.callbacks = {};
-  }
-}
-class Wt extends Rt {
-  // eslint-disable-next-line
-  constructor(...n) {
-    super();
-    C(this, "plugins", []);
-    /**
-     * Input rules for the block
-     */
-    C(this, "inputRules");
-    /**
-     * A mapping of a keyboard shortcut to a function that will be called when the shortcut is pressed
-     *
-     * The keys are in the format:
-     * - Key names may be strings like `Shift-Ctrl-Enter`—a key identifier prefixed with zero or more modifiers
-     * - Key identifiers are based on the strings that can appear in KeyEvent.key
-     * - Use lowercase letters to refer to letter keys (or uppercase letters if you want shift to be held)
-     * - You may use `Space` as an alias for the " " name
-     * - Modifiers can be given in any order: `Shift-` (or `s-`), `Alt-` (or `a-`), `Ctrl-` (or `c-` or `Control-`) and `Cmd-` (or `m-` or `Meta-`)
-     * - For characters that are created by holding shift, the Shift- prefix is implied, and should not be added explicitly
-     * - You can use Mod- as a shorthand for Cmd- on Mac and Ctrl- on other platforms
-     *
-     * @example
-     * ```typescript
-     * keyboardShortcuts: {
-     *   "Mod-Enter": (ctx) => {  return true; },
-     *   "Shift-Ctrl-Space": (ctx) => { return true; },
-     *   "a": (ctx) => { return true; },
-     *   "Space": (ctx) => { return true; }
-     * }
-     * ```
-     */
-    C(this, "keyboardShortcuts");
-    C(this, "tiptapExtensions");
-  }
-  static key() {
-    throw new Error("You must implement the key method in your extension");
-  }
-  addProsemirrorPlugin(n) {
-    this.plugins.push(n);
-  }
-  get priority() {
-  }
-}
-function w(e) {
-  const t = Object.create(Wt.prototype);
-  return t.key = e.key, t.inputRules = e.inputRules, t.keyboardShortcuts = e.keyboardShortcuts, t.plugins = e.plugins ?? [], t.tiptapExtensions = e.tiptapExtensions, t;
-}
-const le = Symbol.for("blocknote.shikiParser"), U = Symbol.for(
+), pe = Symbol.for("blocknote.shikiParser"), Z = Symbol.for(
   "blocknote.shikiHighlighterPromise"
 );
-function Ft(e) {
+function _t(e) {
   const t = globalThis;
   let n, o, r = !1;
-  return tt({
+  return it({
     parser: (s) => {
       if (!e.createHighlighter)
         return process.env.NODE_ENV === "development" && !r && (console.log(
           "For syntax highlighting of code blocks, you must provide a `createCodeBlockSpec({ createHighlighter: () => ... })` function"
         ), r = !0), [];
       if (!n)
-        return t[U] = t[U] || e.createHighlighter(), t[U].then(
-          (l) => {
-            n = l;
+        return t[Z] = t[Z] || e.createHighlighter(), t[Z].then(
+          (c) => {
+            n = c;
           }
         );
-      const c = we(e, s.language);
-      return !c || c === "text" || c === "none" || c === "plaintext" || c === "txt" ? [] : n.getLoadedLanguages().includes(c) ? (o || (o = t[le] || nt(n), t[le] = o), o(s)) : n.loadLanguage(c);
+      const i = Te(e, s.language);
+      return !i || i === "text" || i === "none" || i === "plaintext" || i === "txt" ? [] : n.getLoadedLanguages().includes(i) ? (o || (o = t[pe] || ct(n), t[pe] = o), o(s)) : n.loadLanguage(i);
     },
     languageExtractor: (s) => s.attrs.language,
     nodeTypes: ["codeBlock"]
   });
 }
-const jt = ({ defaultLanguage: e = "text" }) => ({
+const Ot = ({ defaultLanguage: e = "text" }) => ({
   type: "codeBlock",
   propSchema: {
     language: {
@@ -1293,8 +1076,8 @@ const jt = ({ defaultLanguage: e = "text" }) => ({
     }
   },
   content: "inline"
-}), Ut = v(
-  jt,
+}), Vt = v(
+  Ot,
   (e) => ({
     meta: {
       code: !0,
@@ -1309,7 +1092,7 @@ const jt = ({ defaultLanguage: e = "text" }) => ({
       return { language: n.getAttribute("data-language") || ((a = n.className.split(" ").find((s) => s.includes("language-"))) == null ? void 0 : a.replace("language-", "")) };
     },
     parseContent: ({ el: t, schema: n }) => {
-      const o = R.fromSchema(n), r = t.firstElementChild;
+      const o = $.fromSchema(n), r = t.firstElementChild;
       return o.parse(r, {
         preserveWhitespace: "full",
         topNode: n.nodes.codeBlock.create()
@@ -1320,20 +1103,20 @@ const jt = ({ defaultLanguage: e = "text" }) => ({
       r.appendChild(a);
       let s;
       if (e.supportedLanguages) {
-        const c = document.createElement("select");
+        const i = document.createElement("select");
         Object.entries(e.supportedLanguages ?? {}).forEach(
           ([u, { name: d }]) => {
             const p = document.createElement("option");
-            p.value = u, p.text = d, c.appendChild(p);
+            p.value = u, p.text = d, i.appendChild(p);
           }
-        ), c.value = t.props.language || e.defaultLanguage || "text";
-        const l = (u) => {
+        ), i.value = t.props.language || e.defaultLanguage || "text";
+        const c = (u) => {
           const d = u.target.value;
           n.updateBlock(t.id, { props: { language: d } });
         };
-        c.addEventListener("change", l), s = () => c.removeEventListener("change", l);
-        const i = document.createElement("div");
-        i.contentEditable = "false", i.appendChild(c), o.appendChild(i);
+        i.addEventListener("change", c), s = () => i.removeEventListener("change", c);
+        const l = document.createElement("div");
+        l.contentEditable = "false", l.appendChild(i), o.appendChild(l);
       }
       return o.appendChild(r), {
         dom: o,
@@ -1352,11 +1135,11 @@ const jt = ({ defaultLanguage: e = "text" }) => ({
     }
   }),
   (e) => [
-    w({
+    k({
       key: "code-block-highlighter",
-      plugins: [Ft(e)]
+      prosemirrorPlugins: [_t(e)]
     }),
-    w({
+    k({
       key: "code-block-keyboard-shortcuts",
       keyboardShortcuts: {
         Delete: ({ editor: t }) => t.transact((n) => {
@@ -1374,18 +1157,18 @@ const jt = ({ defaultLanguage: e = "text" }) => ({
           const { block: o, nextBlock: r } = t.getTextCursorPosition();
           if (o.type !== "codeBlock")
             return !1;
-          const { $from: a } = n.selection, s = a.parentOffset === a.parent.nodeSize - 2, c = a.parent.textContent.endsWith(`
+          const { $from: a } = n.selection, s = a.parentOffset === a.parent.nodeSize - 2, i = a.parent.textContent.endsWith(`
 
 `);
-          if (s && c) {
+          if (s && i) {
             if (n.delete(a.pos - 2, a.pos), r)
               return t.setTextCursorPosition(r, "start"), !0;
-            const [l] = t.insertBlocks(
+            const [c] = t.insertBlocks(
               [{ type: "paragraph" }],
               o,
               "after"
             );
-            return t.setTextCursorPosition(l, "start"), !0;
+            return t.setTextCursorPosition(c, "start"), !0;
           }
           return n.insertText(`
 `), !0;
@@ -1412,7 +1195,7 @@ const jt = ({ defaultLanguage: e = "text" }) => ({
               type: "codeBlock",
               props: {
                 language: {
-                  language: we(e, n) ?? n
+                  language: Te(e, n) ?? n
                 }.language
               },
               content: []
@@ -1423,18 +1206,18 @@ const jt = ({ defaultLanguage: e = "text" }) => ({
     })
   ]
 );
-function we(e, t) {
+function Te(e, t) {
   var n;
   return (n = Object.entries(e.supportedLanguages ?? {}).find(
     ([o, { aliases: r }]) => (r == null ? void 0 : r.includes(t)) || o === t
   )) == null ? void 0 : n[0];
 }
-const $t = () => ({
+const Rt = () => ({
   type: "divider",
   propSchema: {},
   content: "none"
-}), Gt = v(
-  $t,
+}), Wt = v(
+  Rt,
   {
     meta: {
       isolating: !1
@@ -1450,7 +1233,7 @@ const $t = () => ({
     }
   },
   [
-    w({
+    k({
       key: "divider-block-shortcuts",
       inputRules: [
         {
@@ -1462,10 +1245,10 @@ const $t = () => ({
       ]
     })
   ]
-), de = (e) => ({ url: e.src || void 0 }), Zt = () => ({
+), fe = (e) => ({ url: e.src || void 0 }), Ft = () => ({
   type: "file",
   propSchema: {
-    backgroundColor: m.backgroundColor,
+    backgroundColor: h.backgroundColor,
     // File name.
     name: {
       default: ""
@@ -1480,34 +1263,34 @@ const $t = () => ({
     }
   },
   content: "none"
-}), zt = () => (e) => {
+}), Ut = () => (e) => {
   if (e.tagName === "EMBED") {
     if (e.closest("figure"))
       return;
     const { backgroundColor: t } = y(e);
     return {
-      ...de(e),
+      ...fe(e),
       backgroundColor: t
     };
   }
   if (e.tagName === "FIGURE") {
-    const t = W(e, "embed");
+    const t = q(e, "embed");
     if (!t)
       return;
     const { targetElement: n, caption: o } = t, { backgroundColor: r } = y(e);
     return {
-      ...de(n),
+      ...fe(n),
       backgroundColor: r,
       caption: o
     };
   }
-}, qt = v(Zt, {
+}, $t = v(Ft, {
   meta: {
     fileBlockAccept: ["*/*"]
   },
-  parse: zt(),
+  parse: Ut(),
   render(e, t) {
-    return X(e, t);
+    return ee(e, t);
   },
   toExternalHTML(e) {
     if (!e.props.url) {
@@ -1517,17 +1300,17 @@ const $t = () => ({
       };
     }
     const t = document.createElement("a");
-    return t.href = e.props.url, t.textContent = e.props.name || e.props.url, e.props.caption ? F(t, e.props.caption) : {
+    return t.href = e.props.url, t.textContent = e.props.name || e.props.url, e.props.caption ? j(t, e.props.caption) : {
       dom: t
     };
   }
-}), Xt = {
+}), qt = {
   set: (e, t) => window.localStorage.setItem(
     `toggle-${e.id}`,
     t ? "true" : "false"
   ),
   get: (e) => window.localStorage.getItem(`toggle-${e.id}`) === "true"
-}, xe = (e, t, n, o = Xt) => {
+}, Be = (e, t, n, o = qt) => {
   if ("isToggleable" in e.props && !e.props.isToggleable)
     return {
       dom: n
@@ -1537,17 +1320,17 @@ const $t = () => ({
   const s = document.createElement("button");
   s.className = "bn-toggle-button", s.type = "button", s.innerHTML = // https://fonts.google.com/icons?selected=Material+Symbols+Rounded:chevron_right:FILL@0;wght@700;GRAD@0;opsz@24&icon.query=chevron&icon.style=Rounded&icon.size=24&icon.color=%23e8eaed
   '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="CURRENTCOLOR"><path d="M320-200v-560l440 280-440 280Z"/></svg>';
-  const c = (f) => f.preventDefault();
-  s.addEventListener("mousedown", c);
-  const l = () => {
+  const i = (f) => f.preventDefault();
+  s.addEventListener("mousedown", i);
+  const c = () => {
     var f;
-    a.getAttribute("data-show-children") === "true" ? (a.setAttribute("data-show-children", "false"), o.set(t.getBlock(e), !1), r.contains(i) && r.removeChild(i)) : (a.setAttribute("data-show-children", "true"), o.set(t.getBlock(e), !0), ((f = t.getBlock(e)) == null ? void 0 : f.children.length) === 0 && !r.contains(i) && r.appendChild(i));
+    a.getAttribute("data-show-children") === "true" ? (a.setAttribute("data-show-children", "false"), o.set(t.getBlock(e), !1), r.contains(l) && r.removeChild(l)) : (a.setAttribute("data-show-children", "true"), o.set(t.getBlock(e), !0), t.isEditable && ((f = t.getBlock(e)) == null ? void 0 : f.children.length) === 0 && !r.contains(l) && r.appendChild(l));
   };
-  s.addEventListener("click", l), a.appendChild(s), a.appendChild(n);
-  const i = document.createElement("button");
-  i.className = "bn-toggle-add-block-button", i.type = "button", i.textContent = t.dictionary.toggle_blocks.add_block_button;
+  s.addEventListener("click", c), a.appendChild(s), a.appendChild(n);
+  const l = document.createElement("button");
+  l.className = "bn-toggle-add-block-button", l.type = "button", l.textContent = t.dictionary.toggle_blocks.add_block_button;
   const u = (f) => f.preventDefault();
-  i.addEventListener(
+  l.addEventListener(
     "mousedown",
     u
   );
@@ -1560,44 +1343,50 @@ const $t = () => ({
       t.setTextCursorPosition(f.children[0].id, "end"), t.focus();
     });
   };
-  i.addEventListener("click", d), r.appendChild(a);
+  l.addEventListener("click", d), r.appendChild(a);
   let p = e.children.length;
-  const h = t.onChange(() => {
-    var S;
-    const f = ((S = t.getBlock(e)) == null ? void 0 : S.children.length) ?? 0;
-    f > p ? (a.getAttribute("data-show-children") === "false" && (a.setAttribute("data-show-children", "true"), o.set(t.getBlock(e), !0)), r.contains(i) && r.removeChild(i)) : f === 0 && f < p && (a.getAttribute("data-show-children") === "true" && (a.setAttribute("data-show-children", "false"), o.set(t.getBlock(e), !1)), r.contains(i) && r.removeChild(i)), p = f;
+  const g = t.onChange(() => {
+    var E;
+    const f = ((E = t.getBlock(e)) == null ? void 0 : E.children.length) ?? 0;
+    f > p ? (a.getAttribute("data-show-children") === "false" && (a.setAttribute("data-show-children", "true"), o.set(t.getBlock(e), !0)), r.contains(l) && r.removeChild(l)) : f === 0 && f < p && (a.getAttribute("data-show-children") === "true" && (a.setAttribute("data-show-children", "false"), o.set(t.getBlock(e), !1)), r.contains(l) && r.removeChild(l)), p = f;
   });
-  return o.get(e) ? (a.setAttribute("data-show-children", "true"), e.children.length === 0 && r.appendChild(i)) : a.setAttribute("data-show-children", "false"), {
+  return o.get(e) ? (a.setAttribute("data-show-children", "true"), t.isEditable && e.children.length === 0 && r.appendChild(l)) : a.setAttribute("data-show-children", "false"), {
     dom: r,
     // Prevents re-renders when the toggle button is clicked.
     ignoreMutation: (f) => f instanceof MutationRecord && // We want to prevent re-renders when the view changes, so we ignore
     // all mutations where the `data-show-children` attribute is changed
     // or the "add block" button is added/removed.
-    (f.type === "attributes" && f.target === a && f.attributeName === "data-show-children" || f.type === "childList" && (f.addedNodes[0] === i || f.removedNodes[0] === i)),
+    (f.type === "attributes" && f.target === a && f.attributeName === "data-show-children" || f.type === "childList" && (f.addedNodes[0] === l || f.removedNodes[0] === l)),
     destroy: () => {
-      s.removeEventListener("mousedown", c), s.removeEventListener("click", l), i.removeEventListener(
+      s.removeEventListener("mousedown", i), s.removeEventListener("click", c), l.removeEventListener(
         "mousedown",
         u
-      ), i.removeEventListener(
+      ), l.removeEventListener(
         "click",
         d
-      ), h == null || h();
+      ), g == null || g();
     }
   };
-}, Le = [1, 2, 3, 4, 5, 6], Kt = ({
+}, Ae = [1, 2, 3, 4, 5, 6], jt = (e) => ({ editor: t }) => {
+  const n = t.getTextCursorPosition();
+  return t.schema.blockSchema[n.block.type].content !== "inline" ? !1 : (t.updateBlock(n.block, {
+    type: "heading",
+    props: { level: e }
+  }), !0);
+}, Gt = ({
   defaultLevel: e = 1,
-  levels: t = Le,
+  levels: t = Ae,
   allowToggleHeadings: n = !0
 } = {}) => ({
   type: "heading",
   propSchema: {
-    ...m,
+    ...h,
     level: { default: e, values: t },
     ...n ? { isToggleable: { default: !1, optional: !0 } } : {}
   },
   content: "inline"
-}), Qt = v(
-  Kt,
+}), Zt = v(
+  Gt,
   ({ allowToggleHeadings: e = !0 } = {}) => ({
     meta: {
       isolating: !1
@@ -1633,34 +1422,26 @@ const $t = () => ({
     },
     render(t, n) {
       const o = document.createElement(`h${t.props.level}`);
-      return e ? { ...xe(t, n, o), contentDOM: o } : {
+      return e ? { ...Be(t, n, o), contentDOM: o } : {
         dom: o,
         contentDOM: o
       };
     },
     toExternalHTML(t) {
       const n = document.createElement(`h${t.props.level}`);
-      return T(t.props, n), {
+      return A(t.props, n), {
         dom: n,
         contentDOM: n
       };
     }
   }),
-  ({ levels: e = Le } = {}) => [
-    w({
+  ({ levels: e = Ae } = {}) => [
+    k({
       key: "heading-shortcuts",
       keyboardShortcuts: Object.fromEntries(
         e.map((t) => [
           `Mod-Alt-${t}`,
-          ({ editor: n }) => {
-            const o = n.getTextCursorPosition();
-            return n.schema.blockSchema[o.block.type].content !== "inline" ? !1 : (n.updateBlock(o.block, {
-              type: "heading",
-              props: {
-                level: t
-              }
-            }), !0);
-          }
+          jt(t)
         ]) ?? []
       ),
       inputRules: e.map((t) => ({
@@ -1676,98 +1457,98 @@ const $t = () => ({
       }))
     })
   ]
-), Me = (e, t, n, o, r) => {
-  const { dom: a, destroy: s } = X(
+), Ne = (e, t, n, o, r) => {
+  const { dom: a, destroy: s } = ee(
     e,
     t,
     n,
     r
-  ), c = a;
-  c.style.position = "relative", e.props.url && e.props.showPreview && (e.props.previewWidth ? c.style.width = `${e.props.previewWidth}px` : c.style.width = "fit-content");
+  ), i = a;
+  i.style.position = "relative", e.props.url && e.props.showPreview && (e.props.previewWidth ? i.style.width = `${e.props.previewWidth}px` : i.style.width = "fit-content");
+  const c = document.createElement("div");
+  c.className = "bn-resize-handle", c.style.left = "4px";
   const l = document.createElement("div");
-  l.className = "bn-resize-handle", l.style.left = "4px";
-  const i = document.createElement("div");
-  i.className = "bn-resize-handle", i.style.right = "4px";
+  l.className = "bn-resize-handle", l.style.right = "4px";
   const u = document.createElement("div");
   u.style.position = "absolute", u.style.height = "100%", u.style.width = "100%";
   let d, p = e.props.previewWidth;
-  const h = (g) => {
-    var Y, J;
+  const g = (m) => {
+    var oe, re;
     if (!d) {
-      !t.isEditable && o.contains(l) && o.contains(i) && (o.removeChild(l), o.removeChild(i));
+      !t.isEditable && o.contains(c) && o.contains(l) && (o.removeChild(c), o.removeChild(l));
       return;
     }
-    let L;
-    const D = "touches" in g ? g.touches[0].clientX : g.clientX;
-    e.props.textAlignment === "center" ? d.handleUsed === "left" ? L = d.initialWidth + (d.initialClientX - D) * 2 : L = d.initialWidth + (D - d.initialClientX) * 2 : d.handleUsed === "left" ? L = d.initialWidth + d.initialClientX - D : L = d.initialWidth + D - d.initialClientX, p = Math.min(
-      Math.max(L, 64),
-      ((J = (Y = t.domElement) == null ? void 0 : Y.firstElementChild) == null ? void 0 : J.clientWidth) || Number.MAX_VALUE
-    ), c.style.width = `${p}px`;
-  }, f = (g) => {
-    (!g.target || !c.contains(g.target) || !t.isEditable) && o.contains(l) && o.contains(i) && (o.removeChild(l), o.removeChild(i)), d && (d = void 0, c.contains(u) && c.removeChild(u), t.updateBlock(e, {
+    let S;
+    const V = "touches" in m ? m.touches[0].clientX : m.clientX;
+    e.props.textAlignment === "center" ? d.handleUsed === "left" ? S = d.initialWidth + (d.initialClientX - V) * 2 : S = d.initialWidth + (V - d.initialClientX) * 2 : d.handleUsed === "left" ? S = d.initialWidth + d.initialClientX - V : S = d.initialWidth + V - d.initialClientX, p = Math.min(
+      Math.max(S, 64),
+      ((re = (oe = t.domElement) == null ? void 0 : oe.firstElementChild) == null ? void 0 : re.clientWidth) || Number.MAX_VALUE
+    ), i.style.width = `${p}px`;
+  }, f = (m) => {
+    (!m.target || !i.contains(m.target) || !t.isEditable) && o.contains(c) && o.contains(l) && (o.removeChild(c), o.removeChild(l)), d && (d = void 0, i.contains(u) && i.removeChild(u), t.updateBlock(e, {
       props: {
         previewWidth: p
       }
     }));
-  }, S = () => {
-    t.isEditable && (o.appendChild(l), o.appendChild(i));
-  }, x = (g) => {
-    g.relatedTarget === l || g.relatedTarget === i || d || t.isEditable && o.contains(l) && o.contains(i) && (o.removeChild(l), o.removeChild(i));
-  }, E = (g) => {
-    g.preventDefault(), c.contains(u) || c.appendChild(u);
-    const L = "touches" in g ? g.touches[0].clientX : g.clientX;
+  }, E = () => {
+    t.isEditable && (o.appendChild(c), o.appendChild(l));
+  }, w = (m) => {
+    m.relatedTarget === c || m.relatedTarget === l || d || t.isEditable && o.contains(c) && o.contains(l) && (o.removeChild(c), o.removeChild(l));
+  }, x = (m) => {
+    m.preventDefault(), i.contains(u) || i.appendChild(u);
+    const S = "touches" in m ? m.touches[0].clientX : m.clientX;
     d = {
       handleUsed: "left",
-      initialWidth: c.clientWidth,
-      initialClientX: L
+      initialWidth: i.clientWidth,
+      initialClientX: S
     };
-  }, A = (g) => {
-    g.preventDefault(), c.contains(u) || c.appendChild(u);
-    const L = "touches" in g ? g.touches[0].clientX : g.clientX;
+  }, N = (m) => {
+    m.preventDefault(), i.contains(u) || i.appendChild(u);
+    const S = "touches" in m ? m.touches[0].clientX : m.clientX;
     d = {
       handleUsed: "right",
-      initialWidth: c.clientWidth,
-      initialClientX: L
+      initialWidth: i.clientWidth,
+      initialClientX: S
     };
   };
-  return window.addEventListener("mousemove", h), window.addEventListener("touchmove", h), window.addEventListener("mouseup", f), window.addEventListener("touchend", f), c.addEventListener("mouseenter", S), c.addEventListener("mouseleave", x), l.addEventListener(
+  return window.addEventListener("mousemove", g), window.addEventListener("touchmove", g), window.addEventListener("mouseup", f), window.addEventListener("touchend", f), i.addEventListener("mouseenter", E), i.addEventListener("mouseleave", w), c.addEventListener(
     "mousedown",
-    E
-  ), l.addEventListener(
+    x
+  ), c.addEventListener(
     "touchstart",
-    E
-  ), i.addEventListener(
+    x
+  ), l.addEventListener(
     "mousedown",
-    A
-  ), i.addEventListener(
+    N
+  ), l.addEventListener(
     "touchstart",
-    A
+    N
   ), {
-    dom: c,
+    dom: i,
     destroy: () => {
-      s == null || s(), window.removeEventListener("mousemove", h), window.removeEventListener("touchmove", h), window.removeEventListener("mouseup", f), window.removeEventListener("touchend", f), c.removeEventListener("mouseenter", S), c.removeEventListener("mouseleave", x), l.removeEventListener(
+      s == null || s(), window.removeEventListener("mousemove", g), window.removeEventListener("touchmove", g), window.removeEventListener("mouseup", f), window.removeEventListener("touchend", f), i.removeEventListener("mouseenter", E), i.removeEventListener("mouseleave", w), c.removeEventListener(
         "mousedown",
-        E
-      ), l.removeEventListener(
+        x
+      ), c.removeEventListener(
         "touchstart",
-        E
-      ), i.removeEventListener(
+        x
+      ), l.removeEventListener(
         "mousedown",
-        A
-      ), i.removeEventListener(
+        N
+      ), l.removeEventListener(
         "touchstart",
-        A
+        N
       );
     }
   };
-}, ue = (e) => {
+}, he = (e) => {
   const t = e.src || void 0, n = e.width || void 0, o = e.alt || void 0;
   return { url: t, previewWidth: n, name: o };
-}, Yt = '<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>', Jt = (e = {}) => ({
+}, zt = '<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>', Xt = (e = {}) => ({
   type: "image",
   propSchema: {
-    textAlignment: m.textAlignment,
-    backgroundColor: m.backgroundColor,
+    textAlignment: h.textAlignment,
+    backgroundColor: h.backgroundColor,
     // File name.
     name: {
       default: ""
@@ -1790,43 +1571,43 @@ const $t = () => ({
     }
   },
   content: "none"
-}), en = (e = {}) => (t) => {
+}), Qt = (e = {}) => (t) => {
   if (t.tagName === "IMG") {
     if (t.closest("figure"))
       return;
     const { backgroundColor: n } = y(t);
     return {
-      ...ue(t),
+      ...he(t),
       backgroundColor: n
     };
   }
   if (t.tagName === "FIGURE") {
-    const n = W(t, "img");
+    const n = q(t, "img");
     if (!n)
       return;
     const { targetElement: o, caption: r } = n, { backgroundColor: a } = y(t);
     return {
-      ...ue(o),
+      ...he(o),
       backgroundColor: a,
       caption: r
     };
   }
-}, tn = (e = {}) => (t, n) => {
+}, Kt = (e = {}) => (t, n) => {
   const o = document.createElement("div");
-  o.innerHTML = e.icon ?? Yt;
+  o.innerHTML = e.icon ?? zt;
   const r = document.createElement("div");
   r.className = "bn-visual-media-wrapper";
   const a = document.createElement("img");
   return a.className = "bn-visual-media", n.resolveFileUrl ? n.resolveFileUrl(t.props.url).then((s) => {
     a.src = s;
-  }) : a.src = t.props.url, a.alt = t.props.name || t.props.caption || "BlockNote image", a.contentEditable = "false", a.draggable = !1, r.appendChild(a), Me(
+  }) : a.src = t.props.url, a.alt = t.props.name || t.props.caption || "BlockNote image", a.contentEditable = "false", a.draggable = !1, r.appendChild(a), Ne(
     t,
     n,
     { dom: r },
     r,
     o.firstElementChild
   );
-}, nn = (e = {}) => (t, n) => {
+}, Jt = (e = {}) => (t, n) => {
   if (!t.props.url) {
     const r = document.createElement("p");
     return r.textContent = "Add image", {
@@ -1834,28 +1615,28 @@ const $t = () => ({
     };
   }
   let o;
-  return t.props.showPreview ? (o = document.createElement("img"), o.src = t.props.url, o.alt = t.props.name || t.props.caption || "BlockNote image", t.props.previewWidth && (o.width = t.props.previewWidth)) : (o = document.createElement("a"), o.href = t.props.url, o.textContent = t.props.name || t.props.url), t.props.caption ? t.props.showPreview ? K(o, t.props.caption) : F(o, t.props.caption) : {
+  return t.props.showPreview ? (o = document.createElement("img"), o.src = t.props.url, o.alt = t.props.name || t.props.caption || "BlockNote image", t.props.previewWidth && (o.width = t.props.previewWidth)) : (o = document.createElement("a"), o.href = t.props.url, o.textContent = t.props.name || t.props.url), t.props.caption ? t.props.showPreview ? te(o, t.props.caption) : j(o, t.props.caption) : {
     dom: o
   };
-}, on = v(
-  Jt,
+}, Yt = v(
+  Xt,
   (e) => ({
     meta: {
       fileBlockAccept: ["image/*"]
     },
-    parse: en(e),
-    render: tn(e),
-    toExternalHTML: nn(e),
+    parse: Qt(e),
+    render: Kt(e),
+    toExternalHTML: Jt(e),
     runsBefore: ["file"]
   })
 ), mo = (e, t, n) => ({
   state: o,
   dispatch: r
-}) => r ? Be(o.tr, e, t, n) : !0, Be = (e, t, n, o) => {
-  const r = Ue(e.doc, t), a = $(r);
+}) => r ? Pe(o.tr, e, t, n) : !0, Pe = (e, t, n, o) => {
+  const r = Ye(e.doc, t), a = X(r);
   if (!a.isBlockContainer)
     return !1;
-  const s = P(e), c = [
+  const s = _(e), i = [
     {
       type: a.bnBlock.node.type,
       // always keep blockcontainer type
@@ -1866,25 +1647,25 @@ const $t = () => ({
       attrs: o ? { ...a.blockContent.node.attrs } : {}
     }
   ];
-  return e.split(t, 2, c), !0;
-}, j = (e, t) => {
+  return e.split(t, 2, i), !0;
+}, G = (e, t) => {
   const { blockInfo: n, selectionEmpty: o } = e.transact((s) => ({
-    blockInfo: $e(s),
+    blockInfo: et(s),
     selectionEmpty: s.selection.anchor === s.selection.head
   }));
   if (!n.isBlockContainer)
     return !1;
   const { bnBlock: r, blockContent: a } = n;
   return a.node.type.name !== t || !o ? !1 : a.node.childCount === 0 ? (e.transact((s) => {
-    q(s, r.beforePos, {
+    Y(s, r.beforePos, {
       type: "paragraph",
       props: {}
     });
-  }), !0) : a.node.childCount > 0 ? e.transact((s) => (s.deleteSelection(), Be(s, s.selection.from, !0))) : !1;
+  }), !0) : a.node.childCount > 0 ? e.transact((s) => (s.deleteSelection(), Pe(s, s.selection.from, !0))) : !1;
 };
-function Q(e, t, n) {
-  var d, p, h;
-  const o = R.fromSchema(t), r = e, a = document.createElement("div");
+function ne(e, t, n) {
+  var d, p, g;
+  const o = $.fromSchema(t), r = e, a = document.createElement("div");
   a.setAttribute("data-node-type", "blockGroup");
   for (const f of Array.from(r.childNodes))
     a.appendChild(f.cloneNode(!0));
@@ -1896,30 +1677,30 @@ function Q(e, t, n) {
       s.firstChild.firstChild.nodeSize + 2
     )
   ));
-  const c = (h = s.firstChild) == null ? void 0 : h.firstChild;
-  if (!(c != null && c.isTextblock))
+  const i = (g = s.firstChild) == null ? void 0 : g.firstChild;
+  if (!(i != null && i.isTextblock))
     return O.from(s);
-  const l = t.nodes[n].create(
+  const c = t.nodes[n].create(
     {},
-    c.content
-  ), i = s.content.cut(
+    i.content
+  ), l = s.content.cut(
     // +2 for the `blockGroup` node's start and end markers
-    c.nodeSize + 2
+    i.nodeSize + 2
   );
-  if (i.size > 0) {
-    const f = s.copy(i);
-    return l.content.addToEnd(f);
+  if (l.size > 0) {
+    const f = s.copy(l);
+    return c.content.addToEnd(f);
   }
-  return l.content;
+  return c.content;
 }
-const rn = () => ({
+const en = () => ({
   type: "bulletListItem",
   propSchema: {
-    ...m
+    ...h
   },
   content: "inline"
-}), an = v(
-  rn,
+}), tn = v(
+  en,
   {
     meta: {
       isolating: !1
@@ -1934,7 +1715,7 @@ const rn = () => ({
     },
     // As `li` elements can contain multiple paragraphs, we need to merge their contents
     // into a single one so that ProseMirror can parse everything correctly.
-    parseContent: ({ el: e, schema: t }) => Q(e, t, "bulletListItem"),
+    parseContent: ({ el: e, schema: t }) => ne(e, t, "bulletListItem"),
     render() {
       const e = document.createElement("p");
       return {
@@ -1944,17 +1725,17 @@ const rn = () => ({
     },
     toExternalHTML(e) {
       const t = document.createElement("li"), n = document.createElement("p");
-      return T(e.props, t), t.appendChild(n), {
+      return A(e.props, t), t.appendChild(n), {
         dom: t,
         contentDOM: n
       };
     }
   },
   [
-    w({
+    k({
       key: "bullet-list-item-shortcuts",
       keyboardShortcuts: {
-        Enter: ({ editor: e }) => j(e, "bulletListItem"),
+        Enter: ({ editor: e }) => G(e, "bulletListItem"),
         "Mod-Shift-8": ({ editor: e }) => {
           const t = e.getTextCursorPosition();
           return e.schema.blockSchema[t.block.type].content !== "inline" ? !1 : (e.updateBlock(t.block, {
@@ -1967,7 +1748,7 @@ const rn = () => ({
         {
           find: new RegExp("^[-+*]\\s$"),
           replace({ editor: e }) {
-            if (be(
+            if (we(
               e.prosemirrorState
             ).blockNoteType !== "heading")
               return {
@@ -1979,15 +1760,15 @@ const rn = () => ({
       ]
     })
   ]
-), sn = () => ({
+), nn = () => ({
   type: "checkListItem",
   propSchema: {
-    ...m,
+    ...h,
     checked: { default: !1, type: "boolean" }
   },
   content: "inline"
-}), cn = v(
-  sn,
+}), on = v(
+  nn,
   {
     meta: {
       isolating: !1
@@ -2006,7 +1787,7 @@ const rn = () => ({
     },
     // As `li` elements can contain multiple paragraphs, we need to merge their contents
     // into a single one so that ProseMirror can parse everything correctly.
-    parseContent: ({ el: e, schema: t }) => Q(e, t, "checkListItem"),
+    parseContent: ({ el: e, schema: t }) => ne(e, t, "checkListItem"),
     render(e, t) {
       const n = document.createDocumentFragment(), o = document.createElement("input");
       o.type = "checkbox", o.checked = e.props.checked, e.props.checked && o.setAttribute("checked", ""), o.addEventListener("change", () => {
@@ -2022,7 +1803,7 @@ const rn = () => ({
       const t = document.createElement("li"), n = document.createElement("input");
       n.type = "checkbox", n.checked = e.props.checked, e.props.checked && n.setAttribute("checked", "");
       const o = document.createElement("p");
-      return T(e.props, t), t.appendChild(n), t.appendChild(o), {
+      return A(e.props, t), t.appendChild(n), t.appendChild(o), {
         dom: t,
         contentDOM: o
       };
@@ -2030,10 +1811,10 @@ const rn = () => ({
     runsBefore: ["bulletListItem"]
   },
   [
-    w({
+    k({
       key: "check-list-item-shortcuts",
       keyboardShortcuts: {
-        Enter: ({ editor: e }) => j(e, "checkListItem"),
+        Enter: ({ editor: e }) => G(e, "checkListItem"),
         "Mod-Shift-9": ({ editor: e }) => {
           const t = e.getTextCursorPosition();
           return e.schema.blockSchema[t.block.type].content !== "inline" ? !1 : (e.updateBlock(t.block, {
@@ -2070,48 +1851,48 @@ const rn = () => ({
     })
   ]
 );
-function Te(e, t, n, o) {
+function He(e, t, n, o) {
   let r = e.firstChild.attrs.start || 1, a = !0;
-  const s = !!e.firstChild.attrs.start, c = $({
+  const s = !!e.firstChild.attrs.start, i = X({
     posBeforeNode: t,
     node: e
   });
-  if (!c.isBlockContainer)
+  if (!i.isBlockContainer)
     throw new Error("impossible");
-  const l = n.doc.resolve(c.bnBlock.beforePos).nodeBefore, i = l ? o.get(l) : void 0;
-  return i !== void 0 ? (r = i + 1, a = !1) : l && $({
-    posBeforeNode: c.bnBlock.beforePos - l.nodeSize,
-    node: l
-  }).blockNoteType === "numberedListItem" && (r = Te(
-    l,
-    c.bnBlock.beforePos - l.nodeSize,
+  const c = n.doc.resolve(i.bnBlock.beforePos).nodeBefore, l = c ? o.get(c) : void 0;
+  return l !== void 0 ? (r = l + 1, a = !1) : c && X({
+    posBeforeNode: i.bnBlock.beforePos - c.nodeSize,
+    node: c
+  }).blockNoteType === "numberedListItem" && (r = He(
+    c,
+    i.bnBlock.beforePos - c.nodeSize,
     n,
     o
   ).index + 1, a = !1), o.set(e, r), { index: r, isFirst: a, hasStart: s };
 }
-function pe(e, t) {
+function ge(e, t) {
   const n = /* @__PURE__ */ new Map(), o = t.decorations.map(
     e.mapping,
     e.doc
   ), r = [];
-  e.doc.nodesBetween(0, e.doc.nodeSize - 2, (s, c) => {
+  e.doc.nodesBetween(0, e.doc.nodeSize - 2, (s, i) => {
     if (s.type.name === "blockContainer" && s.firstChild.type.name === "numberedListItem") {
-      const { index: l, isFirst: i, hasStart: u } = Te(
+      const { index: c, isFirst: l, hasStart: u } = He(
         s,
-        c,
+        i,
         e,
         n
       );
       if (o.find(
-        c,
-        c + s.nodeSize,
-        (p) => p.index === l && p.isFirst === i && p.hasStart === u
+        i,
+        i + s.nodeSize,
+        (p) => p.index === c && p.isFirst === l && p.hasStart === u
       ).length === 0) {
-        const p = e.doc.nodeAt(c + 1);
+        const p = e.doc.nodeAt(i + 1);
         r.push(
           // move in by 1 to account for the block container
-          st.node(c + 1, c + 1 + p.nodeSize, {
-            "data-index": l.toString()
+          z.node(i + 1, i + 1 + p.nodeSize, {
+            "data-index": c.toString()
           })
         );
       }
@@ -2124,33 +1905,33 @@ function pe(e, t) {
     decorations: o.remove(a).add(e.doc, r)
   };
 }
-const ln = () => new ot({
-  key: new rt("numbered-list-indexing-decorations"),
+const rn = () => new ye({
+  key: new ve("numbered-list-indexing-decorations"),
   state: {
     init(e, t) {
-      return pe(t.tr, {
-        decorations: oe.empty
+      return ge(t.tr, {
+        decorations: F.empty
       });
     },
     apply(e, t) {
-      return !e.docChanged && !e.selectionSet && t.decorations ? t : pe(e, t);
+      return !e.docChanged && !e.selectionSet && t.decorations ? t : ge(e, t);
     }
   },
   props: {
     decorations(e) {
       var t;
-      return ((t = this.getState(e)) == null ? void 0 : t.decorations) ?? oe.empty;
+      return ((t = this.getState(e)) == null ? void 0 : t.decorations) ?? F.empty;
     }
   }
-}), dn = () => ({
+}), an = () => ({
   type: "numberedListItem",
   propSchema: {
-    ...m,
+    ...h,
     start: { default: void 0, type: "number" }
   },
   content: "inline"
-}), un = v(
-  dn,
+}), sn = v(
+  an,
   {
     meta: {
       isolating: !1
@@ -2170,7 +1951,7 @@ const ln = () => new ot({
     },
     // As `li` elements can contain multiple paragraphs, we need to merge their contents
     // into a single one so that ProseMirror can parse everything correctly.
-    parseContent: ({ el: e, schema: t }) => Q(e, t, "numberedListItem"),
+    parseContent: ({ el: e, schema: t }) => ne(e, t, "numberedListItem"),
     render() {
       const e = document.createElement("p");
       return {
@@ -2180,20 +1961,20 @@ const ln = () => new ot({
     },
     toExternalHTML(e) {
       const t = document.createElement("li"), n = document.createElement("p");
-      return T(e.props, t), t.appendChild(n), {
+      return A(e.props, t), t.appendChild(n), {
         dom: t,
         contentDOM: n
       };
     }
   },
   [
-    w({
+    k({
       key: "numbered-list-item-shortcuts",
       inputRules: [
         {
           find: new RegExp("^(\\d+)\\.\\s$"),
           replace({ match: e, editor: t }) {
-            if (be(
+            if (we(
               t.prosemirrorState
             ).blockNoteType === "heading")
               return;
@@ -2208,7 +1989,7 @@ const ln = () => new ot({
         }
       ],
       keyboardShortcuts: {
-        Enter: ({ editor: e }) => j(e, "numberedListItem"),
+        Enter: ({ editor: e }) => G(e, "numberedListItem"),
         "Mod-Shift-7": ({ editor: e }) => {
           const t = e.getTextCursorPosition();
           return e.schema.blockSchema[t.block.type].content !== "inline" ? !1 : (e.updateBlock(t.block, {
@@ -2217,24 +1998,24 @@ const ln = () => new ot({
           }), !0);
         }
       },
-      plugins: [ln()]
+      prosemirrorPlugins: [rn()]
     })
   ]
-), pn = () => ({
+), cn = () => ({
   type: "toggleListItem",
   propSchema: {
-    ...m
+    ...h
   },
   content: "inline"
-}), fn = v(
-  pn,
+}), ln = v(
+  cn,
   {
     meta: {
       isolating: !1
     },
     render(e, t) {
       const n = document.createElement("p");
-      return { ...xe(
+      return { ...Be(
         e,
         t,
         n
@@ -2242,17 +2023,17 @@ const ln = () => new ot({
     },
     toExternalHTML(e) {
       const t = document.createElement("li"), n = document.createElement("p");
-      return T(e.props, t), t.appendChild(n), {
+      return A(e.props, t), t.appendChild(n), {
         dom: t,
         contentDOM: n
       };
     }
   },
   [
-    w({
+    k({
       key: "toggle-list-item-shortcuts",
       keyboardShortcuts: {
-        Enter: ({ editor: e }) => j(e, "toggleListItem"),
+        Enter: ({ editor: e }) => G(e, "toggleListItem"),
         "Mod-Shift-6": ({ editor: e }) => {
           const t = e.getTextCursorPosition();
           return e.schema.blockSchema[t.block.type].content !== "inline" ? !1 : (e.updateBlock(t.block, {
@@ -2263,40 +2044,12 @@ const ln = () => new ot({
       }
     })
   ]
-), mn = () => ({
-  type: "pageBreak",
-  propSchema: {},
-  content: "none"
-}), hn = v(
-  mn,
-  {
-    parse(e) {
-      if (e.tagName === "DIV" && e.hasAttribute("data-page-break"))
-        return {};
-    },
-    render() {
-      const e = document.createElement("div");
-      return e.setAttribute("data-page-break", ""), {
-        dom: e
-      };
-    },
-    toExternalHTML() {
-      const e = document.createElement("div");
-      return e.setAttribute("data-page-break", ""), {
-        dom: e
-      };
-    }
-  }
-), ho = (e) => e.extend({
-  blockSpecs: {
-    pageBreak: hn()
-  }
-}), gn = () => ({
+), dn = () => ({
   type: "paragraph",
-  propSchema: m,
+  propSchema: h,
   content: "inline"
-}), bn = v(
-  gn,
+}), un = v(
+  dn,
   {
     meta: {
       isolating: !1
@@ -2315,7 +2068,7 @@ const ln = () => new ot({
     },
     toExternalHTML: (e) => {
       const t = document.createElement("p");
-      return T(e.props, t), {
+      return A(e.props, t), {
         dom: t,
         contentDOM: t
       };
@@ -2323,7 +2076,7 @@ const ln = () => new ot({
     runsBefore: ["default"]
   },
   [
-    w({
+    k({
       key: "paragraph-shortcuts",
       keyboardShortcuts: {
         "Mod-Alt-0": ({ editor: e }) => {
@@ -2336,15 +2089,15 @@ const ln = () => new ot({
       }
     })
   ]
-), kn = () => ({
+), pn = () => ({
   type: "quote",
   propSchema: {
-    backgroundColor: m.backgroundColor,
-    textColor: m.textColor
+    backgroundColor: h.backgroundColor,
+    textColor: h.textColor
   },
   content: "inline"
-}), Cn = v(
-  kn,
+}), fn = v(
+  pn,
   {
     meta: {
       isolating: !1
@@ -2364,14 +2117,14 @@ const ln = () => new ot({
     },
     toExternalHTML(e) {
       const t = document.createElement("blockquote");
-      return T(e.props, t), {
+      return A(e.props, t), {
         dom: t,
         contentDOM: t
       };
     }
   },
   [
-    w({
+    k({
       key: "quote-block-shortcuts",
       keyboardShortcuts: {
         "Mod-Alt-q": ({ editor: e }) => {
@@ -2395,18 +2148,18 @@ const ln = () => new ot({
       ]
     })
   ]
-), yn = 35, Ae = 120, go = 31, vn = Ye.create({
+), hn = 35, Ie = 120, bo = 31, gn = Ue.create({
   name: "BlockNoteTableExtension",
   addProseMirrorPlugins: () => [
-    _e({
-      cellMinWidth: yn,
-      defaultCellMinWidth: Ae,
+    Ve({
+      cellMinWidth: hn,
+      defaultCellMinWidth: Ie,
       // We set this to null as we implement our own node view in the table
       // block content. This node view is the same as what's used by default,
       // but is wrapped in a `blockContent` HTML element.
       View: null
     }),
-    Ve()
+    Re()
   ],
   addKeyboardShortcuts() {
     return {
@@ -2420,10 +2173,10 @@ const ln = () => new ot({
       },
       // Enables navigating cells using the tab key.
       Tab: () => this.editor.commands.command(
-        ({ state: e, dispatch: t, view: n }) => ee(1)(e, t, n)
+        ({ state: e, dispatch: t, view: n }) => ae(1)(e, t, n)
       ),
       "Shift-Tab": () => this.editor.commands.command(
-        ({ state: e, dispatch: t, view: n }) => ee(-1)(e, t, n)
+        ({ state: e, dispatch: t, view: n }) => ae(-1)(e, t, n)
       )
     };
   },
@@ -2434,14 +2187,14 @@ const ln = () => new ot({
       storage: e.storage
     };
     return {
-      tableRole: Je(
-        et(e, "tableRole", t)
+      tableRole: $e(
+        qe(e, "tableRole", t)
       )
     };
   }
-}), Sn = {
-  textColor: m.textColor
-}, En = N.create({
+}), mn = {
+  textColor: h.textColor
+}, bn = P.create({
   name: "tableHeader",
   addOptions() {
     return {
@@ -2481,18 +2234,18 @@ const ln = () => new ot({
         tag: "th",
         // As `th` elements can contain multiple paragraphs, we need to merge their contents
         // into a single one so that ProseMirror can parse everything correctly.
-        getContent: (e, t) => Ne(e, t)
+        getContent: (e, t) => De(e, t)
       }
     ];
   },
   renderHTML({ HTMLAttributes: e }) {
     return [
       "th",
-      z(this.options.HTMLAttributes, e),
+      K(this.options.HTMLAttributes, e),
       0
     ];
   }
-}), wn = N.create({
+}), Cn = P.create({
   name: "tableCell",
   addOptions() {
     return {
@@ -2525,18 +2278,18 @@ const ln = () => new ot({
         tag: "td",
         // As `td` elements can contain multiple paragraphs, we need to merge their contents
         // into a single one so that ProseMirror can parse everything correctly.
-        getContent: (e, t) => Ne(e, t)
+        getContent: (e, t) => De(e, t)
       }
     ];
   },
   renderHTML({ HTMLAttributes: e }) {
     return [
       "td",
-      z(this.options.HTMLAttributes, e),
+      K(this.options.HTMLAttributes, e),
       0
     ];
   }
-}), xn = N.create({
+}), kn = P.create({
   name: "table",
   content: "tableRow+",
   group: "blockContent",
@@ -2552,7 +2305,7 @@ const ln = () => new ot({
   },
   renderHTML({ node: e, HTMLAttributes: t }) {
     var r, a, s;
-    const n = it(
+    const n = dt(
       this.name,
       "table",
       {
@@ -2561,11 +2314,11 @@ const ln = () => new ot({
       },
       ((a = this.options.domAttributes) == null ? void 0 : a.inlineContent) || {}
     ), o = document.createElement("colgroup");
-    for (const c of e.children[0].children)
-      if (c.attrs.colwidth)
-        for (const i of c.attrs.colwidth) {
+    for (const i of e.children[0].children)
+      if (i.attrs.colwidth)
+        for (const l of i.attrs.colwidth) {
           const u = document.createElement("col");
-          i && (u.style = `width: ${i}px`), o.appendChild(u);
+          l && (u.style = `width: ${l}px`), o.appendChild(u);
         }
       else
         o.appendChild(document.createElement("col"));
@@ -2581,34 +2334,34 @@ const ln = () => new ot({
   addNodeView() {
     return ({ node: e, HTMLAttributes: t }) => {
       var o;
-      class n extends Re {
-        constructor(a, s, c) {
-          super(a, s), this.node = a, this.cellMinWidth = s, this.blockContentHTMLAttributes = c;
-          const l = document.createElement("div");
-          l.className = I(
+      class n extends We {
+        constructor(a, s, i) {
+          super(a, s), this.node = a, this.cellMinWidth = s, this.blockContentHTMLAttributes = i;
+          const c = document.createElement("div");
+          c.className = D(
             "bn-block-content",
-            c.class
-          ), l.setAttribute("data-content-type", "table");
-          for (const [p, h] of Object.entries(
-            c
+            i.class
+          ), c.setAttribute("data-content-type", "table");
+          for (const [p, g] of Object.entries(
+            i
           ))
-            p !== "class" && l.setAttribute(p, h);
-          const i = this.dom, u = document.createElement("div");
-          u.className = "tableWrapper-inner", u.appendChild(i.firstChild), i.appendChild(u), l.appendChild(i);
+            p !== "class" && c.setAttribute(p, g);
+          const l = this.dom, u = document.createElement("div");
+          u.className = "tableWrapper-inner", u.appendChild(l.firstChild), l.appendChild(u), c.appendChild(l);
           const d = document.createElement("div");
-          d.className = "table-widgets-container", d.style.position = "relative", i.appendChild(d), this.dom = l;
+          d.className = "table-widgets-container", d.style.position = "relative", l.appendChild(d), this.dom = c;
         }
         ignoreMutation(a) {
           return !a.target.closest(".tableWrapper-inner") || super.ignoreMutation(a);
         }
       }
-      return new n(e, Ae, {
+      return new n(e, Ie, {
         ...((o = this.options.domAttributes) == null ? void 0 : o.blockContent) || {},
         ...t
       });
     };
   }
-}), Ln = N.create({
+}), yn = P.create({
   name: "tableParagraph",
   group: "tableContent",
   content: "inline*",
@@ -2629,7 +2382,7 @@ const ln = () => new ot({
   renderHTML({ HTMLAttributes: e }) {
     return ["p", e, 0];
   }
-}), Mn = N.create({
+}), vn = P.create({
   name: "tableRow",
   addOptions() {
     return {
@@ -2645,13 +2398,13 @@ const ln = () => new ot({
   renderHTML({ HTMLAttributes: e }) {
     return [
       "tr",
-      z(this.options.HTMLAttributes, e),
+      K(this.options.HTMLAttributes, e),
       0
     ];
   }
 });
-function Ne(e, t) {
-  const o = R.fromSchema(t).parse(e, {
+function De(e, t) {
+  const o = $.fromSchema(t).parse(e, {
     topNode: t.nodes.blockGroup.create()
   }), r = [];
   return o.content.descendants((a) => {
@@ -2659,29 +2412,29 @@ function Ne(e, t) {
       return r.push(a), !1;
   }), O.fromArray(r);
 }
-const Bn = () => pt(
-  { node: xn, type: "table", content: "table" },
-  Sn,
+const En = () => ht(
+  { node: kn, type: "table", content: "table" },
+  mn,
   [
-    w({
+    k({
       key: "table-extensions",
       tiptapExtensions: [
-        vn,
-        Ln,
-        En,
-        wn,
-        Mn
+        gn,
+        yn,
+        bn,
+        Cn,
+        vn
       ]
     }),
     // Extension for keyboard shortcut which deletes the table if it's empty
     // and all cells are selected. Uses a separate extension as it needs
     // priority over keyboard handlers in the `TableExtension`'s
     // `tableEditing` plugin.
-    w({
+    k({
       key: "table-keyboard-delete",
       keyboardShortcuts: {
         Backspace: ({ editor: e }) => {
-          if (!(e.prosemirrorState.selection instanceof he))
+          if (!(e.prosemirrorState.selection instanceof Ce))
             return !1;
           const t = e.getTextCursorPosition().block, n = t.content;
           let o = 0;
@@ -2701,14 +2454,14 @@ const Bn = () => pt(
       }
     })
   ]
-), fe = (e) => {
+), me = (e) => {
   const t = e.src || void 0, n = e.width || void 0;
   return { url: t, previewWidth: n };
-}, Tn = '<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>', An = (e) => ({
+}, xn = '<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>', wn = (e) => ({
   type: "video",
   propSchema: {
-    textAlignment: m.textAlignment,
-    backgroundColor: m.backgroundColor,
+    textAlignment: h.textAlignment,
+    backgroundColor: h.backgroundColor,
     name: { default: "" },
     url: { default: "" },
     caption: { default: "" },
@@ -2716,43 +2469,43 @@ const Bn = () => pt(
     previewWidth: { default: void 0, type: "number" }
   },
   content: "none"
-}), Nn = (e) => (t) => {
+}), Sn = (e) => (t) => {
   if (t.tagName === "VIDEO") {
     if (t.closest("figure"))
       return;
     const { backgroundColor: n } = y(t);
     return {
-      ...fe(t),
+      ...me(t),
       backgroundColor: n
     };
   }
   if (t.tagName === "FIGURE") {
-    const n = W(t, "video");
+    const n = q(t, "video");
     if (!n)
       return;
     const { targetElement: o, caption: r } = n, { backgroundColor: a } = y(t);
     return {
-      ...fe(o),
+      ...me(o),
       backgroundColor: a,
       caption: r
     };
   }
-}, Hn = v(
-  An,
+}, Mn = v(
+  wn,
   (e) => ({
     meta: {
       fileBlockAccept: ["video/*"]
     },
-    parse: Nn(),
+    parse: Sn(),
     render(t, n) {
       const o = document.createElement("div");
-      o.innerHTML = e.icon ?? Tn;
+      o.innerHTML = e.icon ?? xn;
       const r = document.createElement("div");
       r.className = "bn-visual-media-wrapper";
       const a = document.createElement("video");
       return a.className = "bn-visual-media", n.resolveFileUrl ? n.resolveFileUrl(t.props.url).then((s) => {
         a.src = s;
-      }) : a.src = t.props.url, a.controls = !0, a.contentEditable = "false", a.draggable = !1, a.width = t.props.previewWidth, r.appendChild(a), Me(
+      }) : a.src = t.props.url, a.controls = !0, a.contentEditable = "false", a.draggable = !1, a.width = t.props.previewWidth, r.appendChild(a), Ne(
         t,
         n,
         { dom: r },
@@ -2768,23 +2521,14 @@ const Bn = () => pt(
         };
       }
       let n;
-      return t.props.showPreview ? (n = document.createElement("video"), n.src = t.props.url, t.props.previewWidth && (n.width = t.props.previewWidth)) : (n = document.createElement("a"), n.href = t.props.url, n.textContent = t.props.name || t.props.url), t.props.caption ? t.props.showPreview ? K(n, t.props.caption) : F(n, t.props.caption) : {
+      return t.props.showPreview ? (n = document.createElement("video"), n.src = t.props.url, t.props.previewWidth && (n.width = t.props.previewWidth)) : (n = document.createElement("a"), n.href = t.props.url, n.textContent = t.props.name || t.props.url), t.props.caption ? t.props.showPreview ? te(n, t.props.caption) : j(n, t.props.caption) : {
         dom: n
       };
     },
     runsBefore: ["file"]
   })
-), bo = async (e) => {
-  const t = new FormData();
-  return t.append("file", e), (await (await fetch("https://tmpfiles.org/api/v1/upload", {
-    method: "POST",
-    body: t
-  })).json()).data.url.replace(
-    "tmpfiles.org/",
-    "tmpfiles.org/dl/"
-  );
-};
-function k(e, t, n) {
+);
+function C(e, t, n) {
   if (!(t in e.schema.blockSpecs))
     return !1;
   if (!n)
@@ -2807,13 +2551,256 @@ function k(e, t, n) {
   }
   return !0;
 }
-function ko(e, t, n, o) {
-  return k(t, n, o) && e.type === n;
+function Co(e, t, n, o) {
+  return C(t, n, o) && e.type === n;
 }
-function Co(e) {
-  return e instanceof he;
+function ko(e) {
+  return e instanceof Ce;
+}
+const W = /* @__PURE__ */ new Map();
+function Ln(e) {
+  if (W.has(e))
+    return W.get(e);
+  const t = new Ze();
+  return e._tiptapEditor.on("transaction", ({ transaction: n }) => {
+    t.appendMapping(n.mapping);
+  }), e._tiptapEditor.on("destroy", () => {
+    W.delete(e);
+  }), W.set(e, t), t;
+}
+function Tn(e, t, n = "left") {
+  const o = se.getState(e.prosemirrorState);
+  if (!o) {
+    const a = Ln(e), s = a.maps.length;
+    return () => a.slice(s).map(t, n === "left" ? -1 : 1);
+  }
+  const r = ze(
+    // Track the position after the position if we are on the right side
+    t + (n === "right" ? 1 : -1),
+    o.binding.type,
+    o.binding.mapping
+  );
+  return () => {
+    const a = se.getState(
+      e.prosemirrorState
+    ), s = Xe(
+      a.doc,
+      a.binding.type,
+      r,
+      a.binding.mapping
+    );
+    if (s === null)
+      throw new Error("Position not found, cannot track positions");
+    return s + (n === "right" ? -1 : 1);
+  };
 }
-function In(e) {
+const Bn = je((e) => e.type.name === "blockContainer");
+class An {
+  constructor(t, n, o) {
+    L(this, "state");
+    L(this, "emitUpdate");
+    L(this, "rootEl");
+    L(this, "pluginState");
+    L(this, "handleScroll", () => {
+      var t, n;
+      if ((t = this.state) != null && t.show) {
+        const o = (n = this.rootEl) == null ? void 0 : n.querySelector(
+          `[data-decoration-id="${this.pluginState.decorationId}"]`
+        );
+        if (!o)
+          return;
+        this.state.referencePos = o.getBoundingClientRect().toJSON(), this.emitUpdate(this.pluginState.triggerCharacter);
+      }
+    });
+    L(this, "closeMenu", () => {
+      this.editor.transact((t) => t.setMeta(B, null));
+    });
+    L(this, "clearQuery", () => {
+      this.pluginState !== void 0 && this.editor._tiptapEditor.chain().focus().deleteRange({
+        from: this.pluginState.queryStartPos() - (this.pluginState.deleteTriggerCharacter ? this.pluginState.triggerCharacter.length : 0),
+        to: this.editor.transact((t) => t.selection.from)
+      }).run();
+    });
+    var r;
+    this.editor = t, this.pluginState = void 0, this.emitUpdate = (a) => {
+      var s;
+      if (!this.state)
+        throw new Error("Attempting to update uninitialized suggestions menu");
+      n(a, {
+        ...this.state,
+        ignoreQueryLength: (s = this.pluginState) == null ? void 0 : s.ignoreQueryLength
+      });
+    }, this.rootEl = o.root, (r = this.rootEl) == null || r.addEventListener("scroll", this.handleScroll, !0);
+  }
+  update(t, n) {
+    var l;
+    const o = B.getState(n), r = B.getState(
+      t.state
+    ), a = o === void 0 && r !== void 0, s = o !== void 0 && r === void 0;
+    if (!a && !(o !== void 0 && r !== void 0) && !s)
+      return;
+    if (this.pluginState = s ? o : r, s || !this.editor.isEditable) {
+      this.state && (this.state.show = !1), this.emitUpdate(this.pluginState.triggerCharacter);
+      return;
+    }
+    const c = (l = this.rootEl) == null ? void 0 : l.querySelector(
+      `[data-decoration-id="${this.pluginState.decorationId}"]`
+    );
+    this.editor.isEditable && c && (this.state = {
+      show: !0,
+      referencePos: c.getBoundingClientRect().toJSON(),
+      query: this.pluginState.query
+    }, this.emitUpdate(this.pluginState.triggerCharacter));
+  }
+  destroy() {
+    var t;
+    (t = this.rootEl) == null || t.removeEventListener("scroll", this.handleScroll, !0);
+  }
+}
+const B = new ve("SuggestionMenuPlugin"), Nn = k(({ editor: e }) => {
+  const t = [];
+  let n;
+  const o = Ee(void 0);
+  return {
+    key: "suggestionMenu",
+    store: o,
+    addTriggerCharacter: (r) => {
+      t.push(r);
+    },
+    removeTriggerCharacter: (r) => {
+      t.splice(t.indexOf(r), 1);
+    },
+    closeMenu: () => {
+      n == null || n.closeMenu();
+    },
+    clearQuery: () => {
+      n == null || n.clearQuery();
+    },
+    shown: () => {
+      var r;
+      return ((r = n == null ? void 0 : n.state) == null ? void 0 : r.show) || !1;
+    },
+    openSuggestionMenu: (r, a) => {
+      e.headless || (e.focus(), e.transact((s) => {
+        a != null && a.deleteTriggerCharacter && s.insertText(r), s.scrollIntoView().setMeta(B, {
+          triggerCharacter: r,
+          deleteTriggerCharacter: (a == null ? void 0 : a.deleteTriggerCharacter) || !1,
+          ignoreQueryLength: (a == null ? void 0 : a.ignoreQueryLength) || !1
+        });
+      }));
+    },
+    // TODO this whole plugin needs to be refactored (but I've done the minimal)
+    prosemirrorPlugins: [
+      new ye({
+        key: B,
+        view: (r) => (n = new An(
+          e,
+          (a, s) => {
+            o.setState({ ...s, triggerCharacter: a });
+          },
+          r
+        ), n),
+        state: {
+          // Initialize the plugin's internal state.
+          init() {
+          },
+          // Apply changes to the plugin state from an editor transaction.
+          apply: (r, a, s, i) => {
+            if (r.selection.$from.parent.type.spec.code)
+              return a;
+            const c = r.getMeta(B);
+            if (typeof c == "object" && c !== null) {
+              a && (n == null || n.closeMenu());
+              const u = Tn(
+                e,
+                i.selection.from - // Need to account for the trigger char that was inserted, so we offset the position by the length of the trigger character.
+                c.triggerCharacter.length
+              );
+              return {
+                triggerCharacter: c.triggerCharacter,
+                deleteTriggerCharacter: c.deleteTriggerCharacter !== !1,
+                // When reading the queryStartPos, we offset the result by the length of the trigger character, to make it easy on the caller
+                queryStartPos: () => u() + c.triggerCharacter.length,
+                query: "",
+                decorationId: `id_${Math.floor(Math.random() * 4294967295)}`,
+                ignoreQueryLength: c == null ? void 0 : c.ignoreQueryLength
+              };
+            }
+            if (a === void 0)
+              return a;
+            if (
+              // Highlighting text should hide the menu.
+              i.selection.from !== i.selection.to || // Transactions with plugin metadata should hide the menu.
+              c === null || // Certain mouse events should hide the menu.
+              // TODO: Change to global mousedown listener.
+              r.getMeta("focus") || r.getMeta("blur") || r.getMeta("pointer") || // Moving the caret before the character which triggered the menu should hide it.
+              a.triggerCharacter !== void 0 && i.selection.from < a.queryStartPos() || // Moving the caret to a new block should hide the menu.
+              !i.selection.$from.sameParent(
+                i.doc.resolve(a.queryStartPos())
+              )
+            )
+              return;
+            const l = { ...a };
+            return l.query = i.doc.textBetween(
+              a.queryStartPos(),
+              i.selection.from
+            ), l;
+          }
+        },
+        props: {
+          handleTextInput(r, a, s, i) {
+            if (a === s) {
+              const c = r.state.doc;
+              for (const l of t) {
+                const u = l.length > 1 ? c.textBetween(a - l.length, a) + i : i;
+                if (l === u)
+                  return r.dispatch(r.state.tr.insertText(i)), r.dispatch(
+                    r.state.tr.setMeta(B, {
+                      triggerCharacter: u
+                    }).scrollIntoView()
+                  ), !0;
+              }
+            }
+            return !1;
+          },
+          // Setup decorator on the currently active suggestion.
+          decorations(r) {
+            const a = this.getState(r);
+            if (a === void 0)
+              return null;
+            if (!a.deleteTriggerCharacter) {
+              const s = Bn(r.selection);
+              if (s)
+                return F.create(r.doc, [
+                  z.node(
+                    s.pos,
+                    s.pos + s.node.nodeSize,
+                    {
+                      nodeName: "span",
+                      class: "bn-suggestion-decorator",
+                      "data-decoration-id": a.decorationId
+                    }
+                  )
+                ]);
+            }
+            return F.create(r.doc, [
+              z.inline(
+                a.queryStartPos() - a.triggerCharacter.length,
+                a.queryStartPos(),
+                {
+                  nodeName: "span",
+                  class: "bn-suggestion-decorator",
+                  "data-decoration-id": a.decorationId
+                }
+              )
+            ]);
+          }
+        }
+      })
+    ]
+  };
+});
+function Pn(e) {
   let t = e.getTextCursorPosition().block, n = e.schema.blockSchema[t.type].content;
   for (; n === "none"; ) {
     if (t = e.getTextCursorPosition().nextBlock, t === void 0)
@@ -2826,11 +2813,11 @@ function b(e, t) {
   if (n.content === void 0)
     throw new Error("Slash Menu open in a block that doesn't contain content.");
   let o;
-  return Array.isArray(n.content) && (n.content.length === 1 && Ge(n.content[0]) && n.content[0].type === "text" && n.content[0].text === "/" || n.content.length === 0) ? (o = e.updateBlock(n, t), e.setTextCursorPosition(o)) : (o = e.insertBlocks([t], n, "after")[0], e.setTextCursorPosition(e.getTextCursorPosition().nextBlock)), In(e), o;
+  return Array.isArray(n.content) && (n.content.length === 1 && tt(n.content[0]) && n.content[0].type === "text" && n.content[0].text === "/" || n.content.length === 0) ? (o = e.updateBlock(n, t), e.setTextCursorPosition(o)) : (o = e.insertBlocks([t], n, "after")[0], e.setTextCursorPosition(e.getTextCursorPosition().nextBlock)), Pn(e), o;
 }
 function yo(e) {
   const t = [];
-  return k(e, "heading", { level: "number" }) && t.push(
+  return C(e, "heading", { level: "number" }) && t.push(
     {
       onItemClick: () => {
         b(e, {
@@ -2864,7 +2851,7 @@ function yo(e) {
       key: "heading_3",
       ...e.dictionary.slash_menu.heading_3
     }
-  ), k(e, "quote") && t.push({
+  ), C(e, "quote") && t.push({
     onItemClick: () => {
       b(e, {
         type: "quote"
@@ -2872,7 +2859,7 @@ function yo(e) {
     },
     key: "quote",
     ...e.dictionary.slash_menu.quote
-  }), k(e, "toggleListItem") && t.push({
+  }), C(e, "toggleListItem") && t.push({
     onItemClick: () => {
       b(e, {
         type: "toggleListItem"
@@ -2881,7 +2868,7 @@ function yo(e) {
     badge: M("Mod-Shift-6"),
     key: "toggle_list",
     ...e.dictionary.slash_menu.toggle_list
-  }), k(e, "numberedListItem") && t.push({
+  }), C(e, "numberedListItem") && t.push({
     onItemClick: () => {
       b(e, {
         type: "numberedListItem"
@@ -2890,7 +2877,7 @@ function yo(e) {
     badge: M("Mod-Shift-7"),
     key: "numbered_list",
     ...e.dictionary.slash_menu.numbered_list
-  }), k(e, "bulletListItem") && t.push({
+  }), C(e, "bulletListItem") && t.push({
     onItemClick: () => {
       b(e, {
         type: "bulletListItem"
@@ -2899,7 +2886,7 @@ function yo(e) {
     badge: M("Mod-Shift-8"),
     key: "bullet_list",
     ...e.dictionary.slash_menu.bullet_list
-  }), k(e, "checkListItem") && t.push({
+  }), C(e, "checkListItem") && t.push({
     onItemClick: () => {
       b(e, {
         type: "checkListItem"
@@ -2908,7 +2895,7 @@ function yo(e) {
     badge: M("Mod-Shift-9"),
     key: "check_list",
     ...e.dictionary.slash_menu.check_list
-  }), k(e, "paragraph") && t.push({
+  }), C(e, "paragraph") && t.push({
     onItemClick: () => {
       b(e, {
         type: "paragraph"
@@ -2917,7 +2904,7 @@ function yo(e) {
     badge: M("Mod-Alt-0"),
     key: "paragraph",
     ...e.dictionary.slash_menu.paragraph
-  }), k(e, "codeBlock") && t.push({
+  }), C(e, "codeBlock") && t.push({
     onItemClick: () => {
       b(e, {
         type: "codeBlock"
@@ -2926,13 +2913,13 @@ function yo(e) {
     badge: M("Mod-Alt-c"),
     key: "code_block",
     ...e.dictionary.slash_menu.code_block
-  }), k(e, "divider") && t.push({
+  }), C(e, "divider") && t.push({
     onItemClick: () => {
       b(e, { type: "divider" });
     },
     key: "divider",
     ...e.dictionary.slash_menu.divider
-  }), k(e, "table") && t.push({
+  }), C(e, "table") && t.push({
     onItemClick: () => {
       b(e, {
         type: "table",
@@ -2952,59 +2939,47 @@ function yo(e) {
     badge: void 0,
     key: "table",
     ...e.dictionary.slash_menu.table
-  }), k(e, "image", { url: "string" }) && t.push({
+  }), C(e, "image", { url: "string" }) && t.push({
     onItemClick: () => {
+      var o;
       const n = b(e, {
         type: "image"
       });
-      e.transact(
-        (o) => o.setMeta(e.filePanel.plugins[0], {
-          block: n
-        })
-      );
+      (o = e.getExtension(I)) == null || o.showMenu(n.id);
     },
     key: "image",
     ...e.dictionary.slash_menu.image
-  }), k(e, "video", { url: "string" }) && t.push({
+  }), C(e, "video", { url: "string" }) && t.push({
     onItemClick: () => {
+      var o;
       const n = b(e, {
         type: "video"
       });
-      e.transact(
-        (o) => o.setMeta(e.filePanel.plugins[0], {
-          block: n
-        })
-      );
+      (o = e.getExtension(I)) == null || o.showMenu(n.id);
     },
     key: "video",
     ...e.dictionary.slash_menu.video
-  }), k(e, "audio", { url: "string" }) && t.push({
+  }), C(e, "audio", { url: "string" }) && t.push({
     onItemClick: () => {
+      var o;
       const n = b(e, {
         type: "audio"
       });
-      e.transact(
-        (o) => o.setMeta(e.filePanel.plugins[0], {
-          block: n
-        })
-      );
+      (o = e.getExtension(I)) == null || o.showMenu(n.id);
     },
     key: "audio",
     ...e.dictionary.slash_menu.audio
-  }), k(e, "file", { url: "string" }) && t.push({
+  }), C(e, "file", { url: "string" }) && t.push({
     onItemClick: () => {
+      var o;
       const n = b(e, {
         type: "file"
       });
-      e.transact(
-        (o) => o.setMeta(e.filePanel.plugins[0], {
-          block: n
-        })
-      );
+      (o = e.getExtension(I)) == null || o.showMenu(n.id);
     },
     key: "file",
     ...e.dictionary.slash_menu.file
-  }), k(e, "heading", {
+  }), C(e, "heading", {
     level: "number",
     isToggleable: "boolean"
   }) && t.push(
@@ -3038,7 +3013,7 @@ function yo(e) {
       key: "toggle_heading_3",
       ...e.dictionary.slash_menu.toggle_heading_3
     }
-  ), k(e, "heading", { level: "number" }) && (e.schema.blockSchema.heading.propSchema.level.values || []).filter((n) => n > 3).forEach((n) => {
+  ), C(e, "heading", { level: "number" }) && (e.schema.blockSchema.heading.propSchema.level.values || []).filter((n) => n > 3).forEach((n) => {
     t.push({
       onItemClick: () => {
         b(e, {
@@ -3051,7 +3026,8 @@ function yo(e) {
     });
   }), t.push({
     onItemClick: () => {
-      e.openSuggestionMenu(":", {
+      var n;
+      (n = e.getExtension(Nn)) == null || n.openSuggestionMenu(":", {
         deleteTriggerCharacter: !0,
         ignoreQueryLength: !0
       });
@@ -3067,37 +3043,22 @@ function vo(e, t) {
     ).length !== 0
   );
 }
-function Pn(e) {
-  return "pageBreak" in e.schema.blockSchema;
-}
-function So(e) {
-  const t = [];
-  return Pn(e) && t.push({
-    ...e.dictionary.slash_menu.page_break,
-    onItemClick: () => {
-      b(e, {
-        type: "pageBreak"
-      });
-    },
-    key: "page_break"
-  }), t;
-}
-const On = {
-  audio: Vt(),
-  bulletListItem: an(),
-  checkListItem: cn(),
-  codeBlock: Ut(),
-  divider: Gt(),
-  file: qt(),
-  heading: Qt(),
-  image: on(),
-  numberedListItem: un(),
-  paragraph: bn(),
-  quote: Cn(),
-  table: Bn(),
-  toggleListItem: fn(),
-  video: Hn()
-}, Dn = Ee(
+const Eo = {
+  audio: Dt(),
+  bulletListItem: tn(),
+  checkListItem: on(),
+  codeBlock: Vt(),
+  divider: Wt(),
+  file: $t(),
+  heading: Zt(),
+  image: Yt(),
+  numberedListItem: sn(),
+  paragraph: un(),
+  quote: fn(),
+  table: En(),
+  toggleListItem: ln(),
+  video: Mn()
+}, Hn = Le(
   {
     type: "textColor",
     propSchema: "string"
@@ -3112,7 +3073,7 @@ const On = {
     },
     toExternalHTML: (e) => {
       const t = document.createElement("span");
-      return e !== m.textColor.default && (t.style.color = e in B ? B[e].text : e), {
+      return e !== h.textColor.default && (t.style.color = e in T ? T[e].text : e), {
         dom: t,
         contentDOM: t
       };
@@ -3122,7 +3083,7 @@ const On = {
         return e.style.color;
     }
   }
-), _n = Ee(
+), In = Le(
   {
     type: "backgroundColor",
     propSchema: "string"
@@ -3137,7 +3098,7 @@ const On = {
     },
     toExternalHTML: (e) => {
       const t = document.createElement("span");
-      return e !== m.backgroundColor.default && (t.style.backgroundColor = e in B ? B[e].background : e), {
+      return e !== h.backgroundColor.default && (t.style.backgroundColor = e in T ? T[e].background : e), {
         dom: t,
         contentDOM: t
       };
@@ -3147,142 +3108,125 @@ const On = {
         return e.style.backgroundColor;
     }
   }
-), He = {
-  bold: H(Ze, "boolean"),
-  italic: H(qe, "boolean"),
-  underline: H(Ke, "boolean"),
-  strike: H(Xe, "boolean"),
-  code: H(ze, "boolean"),
-  textColor: Dn,
-  backgroundColor: _n
-}, Eo = Se(He), Ie = {
+), Dn = {
+  bold: H(nt, "boolean"),
+  italic: H(rt, "boolean"),
+  underline: H(st, "boolean"),
+  strike: H(at, "boolean"),
+  code: H(ot, "boolean"),
+  textColor: Hn,
+  backgroundColor: In
+}, xo = yt(Dn), _n = {
   text: { config: "text", implementation: {} },
   link: { config: "link", implementation: {} }
-}, wo = ye(
-  Ie
+}, wo = Ct(
+  _n
 );
-class Pe extends wt {
-  static create(t) {
-    return new Pe({
-      blockSpecs: (t == null ? void 0 : t.blockSpecs) ?? On,
-      inlineContentSpecs: (t == null ? void 0 : t.inlineContentSpecs) ?? Ie,
-      styleSpecs: (t == null ? void 0 : t.styleSpecs) ?? He
-    });
-  }
-}
 export {
-  re as $,
-  cn as A,
-  dn as B,
-  un as C,
-  pn as D,
-  go as E,
-  It as F,
-  fn as G,
-  mn as H,
-  hn as I,
-  ho as J,
-  gn as K,
-  bn as L,
-  kn as M,
-  Cn as N,
-  Sn as O,
-  Bn as P,
-  Tn as Q,
-  An as R,
-  Nn as S,
-  Hn as T,
-  Xt as U,
-  xe as V,
-  bo as W,
-  Pn as X,
-  So as Y,
-  Pe as Z,
-  it as _,
-  Ae as a,
-  lt as a0,
-  On as a1,
-  He as a2,
-  Eo as a3,
-  Ie as a4,
-  wo as a5,
-  k as a6,
-  ko as a7,
-  Co as a8,
-  m as a9,
-  ft as aA,
-  mt as aB,
-  ht as aC,
-  oo as aD,
-  v as aE,
-  ut as aF,
-  G as aG,
-  pt as aH,
-  gt as aI,
-  ye as aJ,
-  kt as aK,
-  Ee as aL,
-  bt as aM,
-  _ as aN,
-  ve as aO,
-  H as aP,
-  Se as aQ,
-  wt as aR,
-  ct as aS,
-  M as aT,
-  eo as aU,
-  V as aV,
-  to as aW,
-  y as aa,
-  T as ab,
-  uo as ac,
-  po as ad,
-  fo as ae,
-  ro as af,
+  C as $,
+  on as A,
+  an as B,
+  sn as C,
+  cn as D,
+  bo as E,
+  At as F,
+  ln as G,
+  dn as H,
+  un as I,
+  pn as J,
+  fn as K,
+  mn as L,
+  En as M,
+  xn as N,
+  wn as O,
+  Sn as P,
+  Mn as Q,
+  qt as R,
+  Be as S,
+  dt as T,
+  le as U,
+  ut as V,
+  Eo as W,
+  Dn as X,
+  xo as Y,
+  _n as Z,
+  wo as _,
+  Ie as a,
+  Co as a0,
+  ko as a1,
+  h as a2,
+  y as a3,
+  A as a4,
+  fo as a5,
+  ho as a6,
+  go as a7,
+  I as a8,
+  Nn as a9,
+  Q as aA,
+  ht as aB,
+  bt as aC,
+  vt as aD,
+  Le as aE,
+  kt as aF,
+  R as aG,
+  Me as aH,
+  H as aI,
+  lt as aJ,
+  M as aK,
+  to as aL,
+  U as aM,
+  no as aN,
+  Tn as aO,
+  b as aa,
+  yo as ab,
+  vo as ac,
+  ro as ad,
+  yt as ae,
+  Ct as af,
   ao as ag,
-  dt as ah,
-  so as ai,
-  xt as aj,
-  Lt as ak,
-  Wt as al,
-  Rt as am,
-  mo as an,
-  co as ao,
-  I as ap,
-  io as aq,
-  no as ar,
-  q as as,
-  Bt as at,
-  w as au,
-  B as av,
-  lo as aw,
-  b as ax,
-  yo as ay,
-  vo as az,
-  Ot as b,
-  Pt as c,
-  Dt as d,
-  _t as e,
-  Vt as f,
-  jt as g,
-  Ut as h,
-  we as i,
-  $t as j,
-  Gt as k,
-  Zt as l,
-  zt as m,
-  qt as n,
-  Kt as o,
-  ie as p,
-  Qt as q,
-  Yt as r,
-  Jt as s,
-  en as t,
-  tn as u,
-  nn as v,
-  on as w,
-  rn as x,
-  an as y,
-  sn as z
+  v as ah,
+  xt as ai,
+  Et as aj,
+  so as ak,
+  io as al,
+  pt as am,
+  co as an,
+  uo as ao,
+  oo as ap,
+  mo as aq,
+  lo as ar,
+  D as as,
+  Y as at,
+  St as au,
+  T as av,
+  po as aw,
+  gt as ax,
+  mt as ay,
+  ft as az,
+  Pt as b,
+  Nt as c,
+  Ht as d,
+  It as e,
+  Dt as f,
+  Ot as g,
+  Vt as h,
+  Te as i,
+  Rt as j,
+  Wt as k,
+  Ft as l,
+  Ut as m,
+  $t as n,
+  Gt as o,
+  ue as p,
+  Zt as q,
+  zt as r,
+  Xt as s,
+  Qt as t,
+  Kt as u,
+  Jt as v,
+  Yt as w,
+  en as x,
+  tn as y,
+  nn as z
 };
-//# sourceMappingURL=BlockNoteSchema-Bi-eeHal.js.map
+//# sourceMappingURL=defaultBlocks-BJtxTOM2.js.map