@blocknote/core 0.14.5 → 0.15.0

package/dist/blocknote.js

@@ -1,38 +1,40 @@
-var St = Object.defineProperty;
-var Mt = (e, t, o) => t in e ? St(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
-var c = (e, t, o) => (Mt(e, typeof t != "symbol" ? t + "" : t, o), o);
-import { Slice as D, Fragment as L, DOMSerializer as we, DOMParser as Tt, Node as Bt } from "prosemirror-model";
-import qe from "rehype-parse";
-import Xe from "rehype-stringify";
+var Bt = Object.defineProperty;
+var Lt = (e, t, o) => t in e ? Bt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
+var c = (e, t, o) => (Lt(e, typeof t != "symbol" ? t + "" : t, o), o);
+import { Slice as D, Fragment as L, DOMSerializer as we, DOMParser as It, Node as At } from "prosemirror-model";
+import Je from "rehype-parse";
+import Ye from "rehype-stringify";
 import { unified as ve } from "unified";
-import { Extension as M, combineTransactionSteps as Lt, getChangedRanges as It, findChildrenInRange as At, Node as $, Mark as xe, InputRule as ee, callOrReturn as Nt, getExtensionField as Pt, mergeAttributes as Ht, selectionToInsertionEnd as Ut, isTextSelection as Dt, isNodeSelection as Vt, posToDOMRect as ke, getMarkRange as Pe, findParentNode as Rt, findChildren as He, extensions as J, Editor as Ot, createDocument as jt } from "@tiptap/core";
-import { Plugin as y, PluginKey as S, Selection as he, NodeSelection as ne, TextSelection as Y, EditorState as zt } from "prosemirror-state";
-import { v4 as Ft } from "uuid";
+import { Extension as M, combineTransactionSteps as Nt, getChangedRanges as Pt, findChildrenInRange as Ht, Node as $, Mark as xe, InputRule as ee, callOrReturn as Ut, getExtensionField as Dt, mergeAttributes as jt, selectionToInsertionEnd as Rt, isTextSelection as Vt, isNodeSelection as Ot, posToDOMRect as ke, getMarkRange as He, findParentNode as zt, findChildren as Ue, extensions as J, Editor as Ft, createDocument as Gt, getSchema as Kt } from "@tiptap/core";
+import { Plugin as y, PluginKey as S, Selection as he, NodeSelection as ne, TextSelection as Y, EditorState as Wt } from "prosemirror-state";
+import { v4 as $t } from "uuid";
 import { fromDom as _e } from "hast-util-from-dom";
-import Gt from "@tiptap/extension-bold";
-import Wt from "@tiptap/extension-code";
-import Kt from "@tiptap/extension-italic";
-import $t from "@tiptap/extension-strike";
-import qt from "@tiptap/extension-underline";
-import { TableCell as Xt } from "@tiptap/extension-table-cell";
-import { TableHeader as Zt } from "@tiptap/extension-table-header";
-import { TableRow as Jt } from "@tiptap/extension-table-row";
-import { columnResizing as Yt, tableEditing as Qt } from "prosemirror-tables";
-import eo from "rehype-remark";
-import Ze from "remark-gfm";
-import to from "remark-stringify";
-import oo from "remark-parse";
-import io, { defaultHandlers as no } from "remark-rehype";
-import { DecorationSet as G, Decoration as W, EditorView as ro } from "prosemirror-view";
-import ao from "@tiptap/extension-collaboration";
-import so from "@tiptap/extension-collaboration-cursor";
-import { Dropcursor as lo } from "@tiptap/extension-dropcursor";
-import { Gapcursor as co } from "@tiptap/extension-gapcursor";
-import { HardBreak as uo } from "@tiptap/extension-hard-break";
-import { History as po } from "@tiptap/extension-history";
-import { Link as ho } from "@tiptap/extension-link";
-import { Text as mo } from "@tiptap/extension-text";
-const fo = {
+import qt from "@tiptap/extension-bold";
+import Xt from "@tiptap/extension-code";
+import Zt from "@tiptap/extension-italic";
+import Jt from "@tiptap/extension-strike";
+import Yt from "@tiptap/extension-underline";
+import { TableCell as Qt } from "@tiptap/extension-table-cell";
+import { TableHeader as eo } from "@tiptap/extension-table-header";
+import { TableRow as to } from "@tiptap/extension-table-row";
+import { columnResizing as oo, tableEditing as io } from "prosemirror-tables";
+import no from "rehype-remark";
+import Qe from "remark-gfm";
+import ro from "remark-stringify";
+import ao from "remark-parse";
+import so, { defaultHandlers as lo } from "remark-rehype";
+import { DecorationSet as G, Decoration as K, EditorView as co } from "prosemirror-view";
+import uo from "@tiptap/extension-collaboration";
+import po from "@tiptap/extension-collaboration-cursor";
+import { Dropcursor as ho } from "@tiptap/extension-dropcursor";
+import { Gapcursor as mo } from "@tiptap/extension-gapcursor";
+import { HardBreak as fo } from "@tiptap/extension-hard-break";
+import { History as go } from "@tiptap/extension-history";
+import { Link as bo } from "@tiptap/extension-link";
+import { Text as ko } from "@tiptap/extension-text";
+import _o from "@emoji-mart/data";
+import { init as yo, SearchIndex as wo } from "emoji-mart";
+const vo = {
   slash_menu: {
     heading: {
       title: "عنوان 1",
@@ -121,6 +123,12 @@ const fo = {
       subtext: "إدراج ملف",
       aliases: ["ملف", "تحميل", "تضمين", "وسائط", "رابط"],
       group: "وسائط"
+    },
+    emoji: {
+      title: "الرموز التعبيرية",
+      subtext: "تُستخدم لإدراج رمز تعبيري",
+      aliases: ["رمز تعبيري", "إيموجي", "إيموت", "عاطفة", "وجه"],
+      group: "آخرون"
     }
   },
   placeholders: {
@@ -316,41 +324,41 @@ const fo = {
   generic: {
     ctrl_shortcut: "Ctrl"
   }
-}, Je = {
+}, et = {
   slash_menu: {
     heading: {
       title: "Heading 1",
-      subtext: "Used for a top-level heading",
+      subtext: "Top-level heading",
       aliases: ["h", "heading1", "h1"],
       group: "Headings"
     },
     heading_2: {
       title: "Heading 2",
-      subtext: "Used for key sections",
+      subtext: "Key section heading",
       aliases: ["h2", "heading2", "subheading"],
       group: "Headings"
     },
     heading_3: {
       title: "Heading 3",
-      subtext: "Used for subsections and group headings",
+      subtext: "Subsection and group heading",
       aliases: ["h3", "heading3", "subheading"],
       group: "Headings"
     },
     numbered_list: {
       title: "Numbered List",
-      subtext: "Used to display a numbered list",
+      subtext: "List with ordered items",
       aliases: ["ol", "li", "list", "numberedlist", "numbered list"],
       group: "Basic blocks"
     },
     bullet_list: {
       title: "Bullet List",
-      subtext: "Used to display an unordered list",
+      subtext: "List with unordered items",
       aliases: ["ul", "li", "list", "bulletlist", "bullet list"],
       group: "Basic blocks"
     },
     check_list: {
       title: "Check List",
-      subtext: "Used to display a list with checkboxes",
+      subtext: "List with checkboxes",
       aliases: [
         "ul",
         "li",
@@ -364,19 +372,19 @@ const fo = {
     },
     paragraph: {
       title: "Paragraph",
-      subtext: "Used for the body of your document",
+      subtext: "The body of your document",
       aliases: ["p", "paragraph"],
       group: "Basic blocks"
     },
     table: {
       title: "Table",
-      subtext: "Used for tables",
+      subtext: "Table with editable cells",
       aliases: ["table"],
       group: "Advanced"
     },
     image: {
       title: "Image",
-      subtext: "Insert an image",
+      subtext: "Resizable image with caption",
       aliases: [
         "image",
         "imageUpload",
@@ -390,7 +398,7 @@ const fo = {
     },
     video: {
       title: "Video",
-      subtext: "Insert a video",
+      subtext: "Resizable video with caption",
       aliases: [
         "video",
         "videoUpload",
@@ -404,7 +412,7 @@ const fo = {
     },
     audio: {
       title: "Audio",
-      subtext: "Insert audio",
+      subtext: "Embedded audio with caption",
       aliases: [
         "audio",
         "audioUpload",
@@ -418,9 +426,15 @@ const fo = {
     },
     file: {
       title: "File",
-      subtext: "Insert a file",
+      subtext: "Embedded file",
       aliases: ["file", "upload", "embed", "media", "url"],
       group: "Media"
+    },
+    emoji: {
+      title: "Emoji",
+      subtext: "Search for and insert an emoji",
+      aliases: ["emoji", "emote", "emotion", "face"],
+      group: "Others"
     }
   },
   placeholders: {
@@ -616,7 +630,7 @@ const fo = {
   generic: {
     ctrl_shortcut: "Ctrl"
   }
-}, go = {
+}, xo = {
   slash_menu: {
     heading: {
       title: "Titre 1",
@@ -720,6 +734,12 @@ const fo = {
       subtext: "Insérer un fichier",
       aliases: ["fichier", "téléverser", "intégrer", "média", "url"],
       group: "Média"
+    },
+    emoji: {
+      title: "Emoji",
+      subtext: "Utilisé pour insérer un emoji",
+      aliases: ["emoji", "émoticône", "émotion", "visage"],
+      group: "Autres"
     }
   },
   placeholders: {
@@ -915,7 +935,7 @@ const fo = {
   generic: {
     ctrl_shortcut: "Ctrl"
   }
-}, bo = {
+}, Eo = {
   slash_menu: {
     heading: {
       title: "Fyrirsögn 1",
@@ -1012,6 +1032,12 @@ const fo = {
       subtext: "Setja inn skrá",
       aliases: ["skrá", "hlaða upp", "fella inn", "miðill", "url"],
       group: "Miðlar"
+    },
+    emoji: {
+      title: "Emoji",
+      subtext: "Notað til að setja inn smámynd",
+      aliases: ["emoji", "andlitsávísun", "tilfinningar", "andlit"],
+      group: "Annað"
     }
   },
   placeholders: {
@@ -1206,7 +1232,7 @@ const fo = {
   generic: {
     ctrl_shortcut: "Ctrl"
   }
-}, ko = {
+}, Co = {
   slash_menu: {
     heading: {
       title: "見出し１",
@@ -1330,6 +1356,12 @@ const fo = {
       subtext: "ファイルを挿入",
       aliases: ["file", "upload", "embed", "media", "url", "ファイル"],
       group: "メディア"
+    },
+    emoji: {
+      title: "絵文字",
+      subtext: "絵文字を挿入するために使用します",
+      aliases: ["絵文字", "顔文字", "感情表現", "顔"],
+      group: "その他"
     }
   },
   placeholders: {
@@ -1525,7 +1557,7 @@ const fo = {
   generic: {
     ctrl_shortcut: "Ctrl"
   }
-}, _o = {
+}, So = {
   slash_menu: {
     heading: {
       title: "제목1",
@@ -1633,6 +1665,21 @@ const fo = {
       subtext: "파일 삽입",
       aliases: ["file", "upload", "embed", "media", "파일", "url"],
       group: "미디어"
+    },
+    emoji: {
+      title: "이모지",
+      subtext: "이모지 삽입용으로 사용됩니다",
+      aliases: [
+        "이모지",
+        "emoji",
+        "감정 표현",
+        "emotion expression",
+        "표정",
+        "face expression",
+        "얼굴",
+        "face"
+      ],
+      group: "기타"
     }
   },
   placeholders: {
@@ -1828,7 +1875,7 @@ const fo = {
   generic: {
     ctrl_shortcut: "Ctrl"
   }
-}, yo = {
+}, Mo = {
   slash_menu: {
     heading: {
       title: "Kop 1",
@@ -1927,6 +1974,17 @@ const fo = {
       subtext: "Voeg een bestand in",
       aliases: ["bestand", "upload", "insluiten", "media", "url"],
       group: "Media"
+    },
+    emoji: {
+      title: "Emoji",
+      subtext: "Gebruikt voor het invoegen van een emoji",
+      aliases: [
+        "emoji",
+        "emotie-uitdrukking",
+        "gezichtsuitdrukking",
+        "gezicht"
+      ],
+      group: "Overig"
     }
   },
   placeholders: {
@@ -2122,7 +2180,7 @@ const fo = {
   generic: {
     ctrl_shortcut: "Ctrl"
   }
-}, wo = {
+}, To = {
   slash_menu: {
     heading: {
       title: "Nagłówek 1",
@@ -2211,6 +2269,12 @@ const fo = {
       subtext: "Wstaw plik",
       aliases: ["plik", "wrzuć", "wstaw", "media", "url"],
       group: "Media"
+    },
+    emoji: {
+      title: "Emoji",
+      subtext: "Używane do wstawiania emoji",
+      aliases: ["emoji", "emotka", "wyrażenie emocji", "twarz"],
+      group: "Inne"
     }
   },
   placeholders: {
@@ -2405,7 +2469,7 @@ const fo = {
   generic: {
     ctrl_shortcut: "Ctrl"
   }
-}, vo = {
+}, Bo = {
   slash_menu: {
     heading: {
       title: "Título",
@@ -2501,6 +2565,12 @@ const fo = {
       subtext: "Inserir um arquivo",
       aliases: ["arquivo", "upload", "incorporar", "mídia", "url"],
       group: "Mídia"
+    },
+    emoji: {
+      title: "Emoji",
+      subtext: "Usado para inserir um emoji",
+      aliases: ["emoji", "emoticon", "expressão emocional", "rosto"],
+      group: "Outros"
     }
   },
   placeholders: {
@@ -2696,7 +2766,7 @@ const fo = {
   generic: {
     ctrl_shortcut: "Ctrl"
   }
-}, xo = {
+}, Lo = {
   slash_menu: {
     heading: {
       title: "Tiêu đề H1",
@@ -2792,6 +2862,19 @@ const fo = {
       subtext: "Chèn tệp",
       aliases: ["tep", "tai-len", "nhung", "media", "url"],
       group: "Phương tiện"
+    },
+    emoji: {
+      title: "Biểu tượng cảm xúc",
+      subtext: "Dùng để chèn biểu tượng cảm xúc",
+      aliases: [
+        "biểu tượng cảm xúc",
+        "emoji",
+        "emoticon",
+        "cảm xúc expression",
+        "khuôn mặt",
+        "face"
+      ],
+      group: "Khác"
     }
   },
   placeholders: {
@@ -2987,7 +3070,7 @@ const fo = {
   generic: {
     ctrl_shortcut: "Ctrl"
   }
-}, Eo = {
+}, Io = {
   slash_menu: {
     heading: {
       title: "一级标题",
@@ -3116,6 +3199,20 @@ const fo = {
       subtext: "插入文件",
       aliases: ["文件", "上传", "file", "嵌入", "媒体", "url"],
       group: "媒体"
+    },
+    emoji: {
+      title: "表情符号",
+      subtext: "用于插入表情符号",
+      aliases: [
+        "表情符号",
+        "emoji",
+        "face",
+        "emote",
+        "表情",
+        "表情表达",
+        "表情"
+      ],
+      group: "其他"
     }
   },
   placeholders: {
@@ -3311,7 +3408,7 @@ const fo = {
   generic: {
     ctrl_shortcut: "Ctrl"
   }
-}, Co = {
+}, Ao = {
   slash_menu: {
     heading: {
       title: "Заголовок 1 уровня",
@@ -3348,7 +3445,15 @@ const fo = {
     bullet_list: {
       title: "Маркированный список",
       subtext: "Для отображения неупорядоченного списка.",
-      aliases: ["ul", "li", "list", "bulletlist", "bullet list", "список", "маркированный список"],
+      aliases: [
+        "ul",
+        "li",
+        "list",
+        "bulletlist",
+        "bullet list",
+        "список",
+        "маркированный список"
+      ],
       group: "Базовые блоки"
     },
     check_list: {
@@ -3434,6 +3539,12 @@ const fo = {
       subtext: "Вставить файл",
       aliases: ["file", "upload", "embed", "media", "url", "загрузка", "файл"],
       group: "Медиа"
+    },
+    emoji: {
+      title: "Эмодзи",
+      subtext: "Используется для вставки эмодзи",
+      aliases: ["эмодзи", "смайлик", "выражение эмоций", "лицо"],
+      group: "Прочее"
     }
   },
   placeholders: {
@@ -3629,33 +3740,33 @@ const fo = {
   generic: {
     ctrl_shortcut: "Ctrl"
   }
-}, Ar = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, zr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ar: fo,
-  en: Je,
-  fr: go,
-  is: bo,
-  ja: ko,
-  ko: _o,
-  nl: yo,
-  pl: wo,
-  pt: vo,
-  ru: Co,
-  vi: xo,
-  zh: Eo
+  ar: vo,
+  en: et,
+  fr: xo,
+  is: Eo,
+  ja: Co,
+  ko: So,
+  nl: Mo,
+  pl: To,
+  pt: Bo,
+  ru: Ao,
+  vi: Lo,
+  zh: Io
 }, Symbol.toStringTag, { value: "Module" }));
-function So(e, t = JSON.stringify) {
+function No(e, t = JSON.stringify) {
   const o = {};
   return e.filter((i) => {
     const n = t(i);
     return Object.prototype.hasOwnProperty.call(o, n) ? !1 : o[n] = !0;
   });
 }
-function Mo(e) {
+function Po(e) {
   const t = e.filter(
     (i, n) => e.indexOf(i) !== n
   );
-  return So(t);
+  return No(t);
 }
 const oe = M.create({
   name: "uniqueID",
@@ -3671,7 +3782,7 @@ const oe = M.create({
           const e = window.__TEST_OPTIONS;
           return e.mockID === void 0 ? e.mockID = 0 : e.mockID++, e.mockID.toString();
         }
-        return Ft();
+        return $t();
       },
       filterTransaction: null
     };
@@ -3734,26 +3845,26 @@ const oe = M.create({
           });
           if (!r || a)
             return;
-          const { tr: s } = n, { types: l, attributeName: d, generateID: u } = this.options, p = Lt(
+          const { tr: s } = n, { types: l, attributeName: d, generateID: u } = this.options, p = Nt(
             i.doc,
             o
           ), { mapping: h } = p;
-          if (It(p).forEach(({ newRange: m }) => {
-            const g = At(
+          if (Pt(p).forEach(({ newRange: m }) => {
+            const g = Ht(
               n.doc,
               m,
               (T) => l.includes(T.type.name)
-            ), b = g.map(({ node: T }) => T.attrs[d]).filter((T) => T !== null), A = Mo(b);
+            ), b = g.map(({ node: T }) => T.attrs[d]).filter((T) => T !== null), A = Po(b);
             g.forEach(({ node: T, pos: N }) => {
               let Z;
-              const Ie = (Z = s.doc.nodeAt(N)) === null || Z === void 0 ? void 0 : Z.attrs[d];
-              if (Ie === null) {
-                const Ae = i.doc.type.createAndFill().content;
-                if (i.doc.content.findDiffStart(Ae) === null) {
-                  const Ne = JSON.parse(
+              const Ae = (Z = s.doc.nodeAt(N)) === null || Z === void 0 ? void 0 : Z.attrs[d];
+              if (Ae === null) {
+                const Ne = i.doc.type.createAndFill().content;
+                if (i.doc.content.findDiffStart(Ne) === null) {
+                  const Pe = JSON.parse(
                     JSON.stringify(n.doc.toJSON())
                   );
-                  if (Ne.content[0].content[0].attrs.id = "initialBlockId", JSON.stringify(Ne.content) === JSON.stringify(Ae.toJSON())) {
+                  if (Pe.content[0].content[0].attrs.id = "initialBlockId", JSON.stringify(Pe.content) === JSON.stringify(Ne.toJSON())) {
                     s.setNodeMarkup(N, void 0, {
                       ...T.attrs,
                       [d]: "initialBlockId"
@@ -3767,8 +3878,8 @@ const oe = M.create({
                 });
                 return;
               }
-              const { deleted: Ct } = h.invert().mapResult(N);
-              Ct && A.includes(Ie) && s.setNodeMarkup(N, void 0, {
+              const { deleted: Tt } = h.invert().mapResult(N);
+              Tt && A.includes(Ae) && s.setNodeMarkup(N, void 0, {
                 ...T.attrs,
                 [d]: u()
               });
@@ -3839,7 +3950,7 @@ const oe = M.create({
     ];
   }
 });
-function Ye(e) {
+function tt(e) {
   const t = e.attrs.id, o = e.firstChild, i = o.type, n = e.childCount === 2 ? e.lastChild.childCount : 0;
   return {
     id: t,
@@ -3869,7 +3980,7 @@ function k(e, t) {
       break;
     s -= 1, a = n.node(s);
   }
-  const { id: l, contentNode: d, contentType: u, numChildBlocks: p } = Ye(a), h = n.start(s), f = n.end(s);
+  const { id: l, contentNode: d, contentType: u, numChildBlocks: p } = tt(a), h = n.start(s), f = n.end(s);
   return {
     id: l,
     node: a,
@@ -3881,10 +3992,10 @@ function k(e, t) {
     depth: s
   };
 }
-function Ue(e) {
+function De(e) {
   return e.type === "link";
 }
-function Qe(e) {
+function ot(e) {
   return typeof e != "string" && e.type === "link";
 }
 function te(e) {
@@ -3895,12 +4006,12 @@ class I extends Error {
     super(`Unreachable case: ${t}`);
   }
 }
-function Nr(e, t = !0) {
+function Fr(e, t = !0) {
   const { "data-test": o, ...i } = e;
   if (Object.keys(i).length > 0 && t)
     throw new Error("Object must be empty " + JSON.stringify(e));
 }
-function De(e, t, o) {
+function je(e, t, o) {
   const i = [];
   for (const [n, r] of Object.entries(e.styles)) {
     const a = o[n];
@@ -3916,7 +4027,7 @@ function De(e, t, o) {
   return e.text.split(/(\n)/g).filter((n) => n.length > 0).map((n) => n === `
 ` ? t.nodes.hardBreak.create() : t.text(n, i));
 }
-function To(e, t, o) {
+function Ho(e, t, o) {
   const i = t.marks.link.create({
     href: e.href
   });
@@ -3934,25 +4045,25 @@ function ye(e, t, o) {
   const i = [];
   if (typeof e == "string")
     return i.push(
-      ...De(
+      ...je(
         { type: "text", text: e, styles: {} },
         t,
         o
       )
     ), i;
   for (const n of e)
-    i.push(...De(n, t, o));
+    i.push(...je(n, t, o));
   return i;
 }
-function K(e, t, o) {
+function W(e, t, o) {
   const i = [];
   for (const n of e)
-    typeof n == "string" ? i.push(...ye(n, t, o)) : Qe(n) ? i.push(...To(n, t, o)) : te(n) ? i.push(...ye([n], t, o)) : i.push(
-      tt(n, t, o)
+    typeof n == "string" ? i.push(...ye(n, t, o)) : ot(n) ? i.push(...Ho(n, t, o)) : te(n) ? i.push(...ye([n], t, o)) : i.push(
+      nt(n, t, o)
     );
   return i;
 }
-function et(e, t, o) {
+function it(e, t, o) {
   const i = [];
   for (const n of e.rows) {
     const r = [];
@@ -3963,7 +4074,7 @@ function et(e, t, o) {
       else if (typeof s == "string")
         l = t.nodes.tableParagraph.create({}, t.text(s));
       else {
-        const u = K(s, t, o);
+        const u = W(s, t, o);
         l = t.nodes.tableParagraph.create({}, u);
       }
       const d = t.nodes.tableCell.create({}, l);
@@ -3974,20 +4085,20 @@ function et(e, t, o) {
   }
   return i;
 }
-function tt(e, t, o) {
+function nt(e, t, o) {
   let i, n = e.type;
   if (n === void 0 && (n = "paragraph"), !t.nodes[n])
     throw new Error(`node type ${n} not found in schema`);
   if (!e.content)
     i = t.nodes[n].create(e.props);
   else if (typeof e.content == "string") {
-    const r = K([e.content], t, o);
+    const r = W([e.content], t, o);
     i = t.nodes[n].create(e.props, r);
   } else if (Array.isArray(e.content)) {
-    const r = K(e.content, t, o);
+    const r = W(e.content, t, o);
     i = t.nodes[n].create(e.props, r);
   } else if (e.content.type === "tableContent") {
-    const r = et(e.content, t, o);
+    const r = it(e.content, t, o);
     i = t.nodes[n].create(e.props, r);
   } else
     throw new I(e.content.type);
@@ -3996,7 +4107,7 @@ function tt(e, t, o) {
 function P(e, t, o) {
   let i = e.id;
   i === void 0 && (i = oe.options.generateID());
-  const n = tt(
+  const n = nt(
     e,
     t,
     o
@@ -4013,7 +4124,7 @@ function P(e, t, o) {
     r.length > 0 ? [n, a] : n
   );
 }
-function Bo(e, t, o) {
+function Uo(e, t, o) {
   const i = {
     type: "tableContent",
     rows: []
@@ -4042,7 +4153,7 @@ function Ee(e, t, o) {
         if (te(n))
           n.text += `
 `;
-        else if (Ue(n))
+        else if (De(n))
           n.content[n.content.length - 1].text += `
 `;
         else
@@ -4058,7 +4169,7 @@ function Ee(e, t, o) {
     }
     if (r.type.name !== "link" && r.type.name !== "text" && t[r.type.name]) {
       n && (i.push(n), n = void 0), i.push(
-        ot(r, t, o)
+        rt(r, t, o)
       );
       return;
     }
@@ -4092,7 +4203,7 @@ function Ee(e, t, o) {
       type: "text",
       text: r.textContent,
       styles: a
-    }) : Ue(n) && (s ? n.href === s.attrs.href ? JSON.stringify(
+    }) : De(n) && (s ? n.href === s.attrs.href ? JSON.stringify(
       n.content[n.content.length - 1].styles
     ) === JSON.stringify(a) ? n.content[n.content.length - 1].text += r.textContent : n.content.push({
       type: "text",
@@ -4129,7 +4240,7 @@ function Ee(e, t, o) {
     };
   }), n && i.push(n), i;
 }
-function ot(e, t, o) {
+function rt(e, t, o) {
   if (e.type.name === "text" || e.type.name === "link")
     throw new Error("unexpected");
   const i = {}, n = t[e.type.name];
@@ -4158,7 +4269,7 @@ function v(e, t, o, i, n) {
   const r = n == null ? void 0 : n.get(e);
   if (r)
     return r;
-  const a = Ye(e);
+  const a = tt(e);
   let s = a.id;
   s === null && (s = oe.options.generateID());
   const l = {};
@@ -4193,7 +4304,7 @@ function v(e, t, o, i, n) {
       i
     );
   else if (d.content === "table")
-    p = Bo(
+    p = Uo(
       a.contentNode,
       o,
       i
@@ -4211,14 +4322,14 @@ function v(e, t, o, i, n) {
   };
   return n == null || n.set(e, h), h;
 }
-function Lo(e) {
+function Do(e) {
   return e.document || window.document;
 }
-const it = (e, t, o, i, n) => {
+const at = (e, t, o, i, n) => {
   if (!o.nodes[e.type.name])
     throw new Error("Serializer is missing a node type: " + e.type.name);
   const { dom: r, contentDOM: a } = we.renderSpec(
-    Lo(t),
+    Do(t),
     o.nodes[e.type.name](e)
   );
   if (a) {
@@ -4257,11 +4368,11 @@ const it = (e, t, o, i, n) => {
       o.serializeFragment(e.content, t, a);
   }
   return r;
-}, nt = (e, t) => {
-  const o = t.serializeFragment(e), i = document.createElement("div");
-  return i.appendChild(o), i.innerHTML;
+}, st = (e, t, o) => {
+  const i = t.serializeFragment(e, o), n = document.createElement("div");
+  return n.appendChild(i), n.innerHTML;
 };
-function Io(e) {
+function jo(e) {
   const t = /* @__PURE__ */ new Set([
     ...e.orderedListItemBlockTypes,
     ...e.unorderedListItemBlockTypes
@@ -4323,44 +4434,50 @@ function Io(e) {
 }
 const ae = (e, t) => {
   const o = we.fromSchema(e);
-  return o.serializeNodeInner = (i, n) => it(i, n, o, t, !0), o.exportProseMirrorFragment = (i) => ve().use(qe, { fragment: !0 }).use(Io, {
+  return o.serializeNodeInner = (i, n) => at(i, n, o, t, !0), o.exportProseMirrorFragment = (i, n) => ve().use(Je, { fragment: !0 }).use(jo, {
     orderedListItemBlockTypes: /* @__PURE__ */ new Set(["numberedListItem"]),
     unorderedListItemBlockTypes: /* @__PURE__ */ new Set([
       "bulletListItem",
       "checkListItem"
     ])
-  }).use(Xe).processSync(nt(i, o)).value, o.exportBlocks = (i) => {
-    const n = i.map(
-      (a) => P(a, e, t.schema.styleSchema)
-    ), r = e.nodes.blockGroup.create(null, n);
-    return o.exportProseMirrorFragment(L.from(r));
+  }).use(Ye).processSync(st(i, o, n)).value, o.exportBlocks = (i, n) => {
+    const r = i.map(
+      (s) => P(s, e, t.schema.styleSchema)
+    ), a = e.nodes.blockGroup.create(null, r);
+    return o.exportProseMirrorFragment(
+      L.from(a),
+      n
+    );
   }, o;
-}, rt = (e, t) => {
+}, Ce = (e, t) => {
   const o = we.fromSchema(e);
-  return o.serializeNodeInner = (i, n) => it(i, n, o, t, !1), o.serializeProseMirrorFragment = (i) => nt(i, o), o.serializeBlocks = (i) => {
-    const n = i.map(
-      (a) => P(a, e, t.schema.styleSchema)
-    ), r = e.nodes.blockGroup.create(null, n);
-    return o.serializeProseMirrorFragment(L.from(r));
+  return o.serializeNodeInner = (i, n) => at(i, n, o, t, !1), o.serializeProseMirrorFragment = (i, n) => st(i, o, n), o.serializeBlocks = (i, n) => {
+    const r = i.map(
+      (s) => P(s, e, t.schema.styleSchema)
+    ), a = e.nodes.blockGroup.create(null, r);
+    return o.serializeProseMirrorFragment(
+      L.from(a),
+      n
+    );
   }, o;
-}, Ao = () => typeof navigator < "u" && (/Mac/.test(navigator.platform) || /AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent));
+}, Ro = () => typeof navigator < "u" && (/Mac/.test(navigator.platform) || /AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent));
 function H(e, t = "Ctrl") {
-  return Ao() ? e.replace("Mod", "⌘") : e.replace("Mod", t);
+  return Ro() ? e.replace("Mod", "⌘") : e.replace("Mod", t);
 }
-function R(...e) {
+function j(...e) {
   return e.filter((t) => t).join(" ");
 }
-const Pr = () => /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-function O(e, t, o, i) {
+const Gr = () => /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+function R(e, t, o, i) {
   const n = document.createElement("div");
-  n.className = R(
+  n.className = j(
     "bn-block-content",
     o.class
   ), n.setAttribute("data-content-type", e);
   for (const [a, s] of Object.entries(o))
     a !== "class" && n.setAttribute(a, s);
   const r = document.createElement(t);
-  r.className = R(
+  r.className = j(
     "bn-inline-content",
     i.class
   );
@@ -4373,12 +4490,8 @@ function O(e, t, o, i) {
     contentDOM: r
   };
 }
-const Ve = (e, t) => {
-  const o = P(
-    e,
-    t._tiptapEditor.schema,
-    t.schema.styleSchema
-  ).firstChild, i = t._tiptapEditor.schema.nodes[o.type.name].spec.toDOM;
+const Re = (e, t) => {
+  const o = P(e, t.pmSchema, t.schema.styleSchema).firstChild, i = t.pmSchema.nodes[o.type.name].spec.toDOM;
   if (i === void 0)
     throw new Error(
       "This block has no default HTML serialization as its corresponding TipTap node doesn't implement `renderHTML`."
@@ -4400,18 +4513,18 @@ const Ve = (e, t) => {
     default: "left",
     values: ["left", "center", "right", "justify"]
   }
-}, at = ["backgroundColor", "textColor"];
+}, lt = ["backgroundColor", "textColor"];
 function re(e) {
   return "data-" + e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
-function Hr(e) {
+function Kr(e) {
   const t = e.split("/");
   return !t.length || // invalid?
   t[t.length - 1] === "" ? e : t[t.length - 1];
 }
-function st(e) {
+function dt(e) {
   const t = {};
-  return Object.entries(e).filter(([o, i]) => !at.includes(o)).forEach(([o, i]) => {
+  return Object.entries(e).filter(([o, i]) => !lt.includes(o)).forEach(([o, i]) => {
     t[o] = {
       default: i.default,
       keepOnSplit: !0,
@@ -4436,7 +4549,7 @@ function st(e) {
     };
   }), t;
 }
-function No(e, t, o, i) {
+function Vo(e, t, o, i) {
   if (typeof e == "boolean")
     throw new Error(
       "Cannot find node position as getPos is a boolean, not a function."
@@ -4454,13 +4567,13 @@ function me(e, t, o, i, n = !1, r) {
   if (r !== void 0)
     for (const [s, l] of Object.entries(r))
       s !== "class" && a.setAttribute(s, l);
-  a.className = R(
+  a.className = j(
     "bn-block-content",
     (r == null ? void 0 : r.class) || ""
   ), a.setAttribute("data-content-type", t);
   for (const [s, l] of Object.entries(o))
-    !at.includes(s) && l !== i[s].default && a.setAttribute(re(s), l);
-  return n && a.setAttribute("data-file-block", ""), a.appendChild(e.dom), e.contentDOM !== void 0 && (e.contentDOM.className = R(
+    !lt.includes(s) && l !== i[s].default && a.setAttribute(re(s), l);
+  return n && a.setAttribute("data-file-block", ""), a.appendChild(e.dom), e.contentDOM !== void 0 && (e.contentDOM.className = j(
     "bn-inline-content",
     e.contentDOM.className
   ), e.contentDOM.setAttribute("data-editable", "")), {
@@ -4468,17 +4581,17 @@ function me(e, t, o, i, n = !1, r) {
     dom: a
   };
 }
-function z(e) {
+function O(e) {
   return $.create(e);
 }
-function lt(e, t) {
+function ct(e, t) {
   return {
     config: e,
     implementation: t
   };
 }
 function q(e, t, o) {
-  return lt(
+  return ct(
     {
       type: e.name,
       content: e.config.content === "inline*" ? "inline" : e.config.content === "tableRow+" ? "table" : "none",
@@ -4487,18 +4600,18 @@ function q(e, t, o) {
     {
       node: e,
       requiredExtensions: o,
-      toInternalHTML: Ve,
-      toExternalHTML: Ve
+      toInternalHTML: Re,
+      toExternalHTML: Re
       // parse: () => undefined, // parse rules are in node already
     }
   );
 }
-function dt(e) {
+function ut(e) {
   return Object.fromEntries(
     Object.entries(e).map(([t, o]) => [t, o.config])
   );
 }
-function Po(e, t) {
+function Oo(e, t) {
   const o = [
     {
       tag: "[data-content-type=" + e.type + "]",
@@ -4516,16 +4629,16 @@ function Po(e, t) {
   }), o;
 }
 function se(e, t) {
-  const o = z({
+  const o = O({
     name: e.type,
     content: e.content === "inline" ? "inline*" : "",
     group: "blockContent",
     selectable: !0,
     addAttributes() {
-      return st(e.propSchema);
+      return dt(e.propSchema);
     },
     parseHTML() {
-      return Po(e, t.parse);
+      return Oo(e, t.parse);
     },
     renderHTML() {
       const i = document.createElement("div");
@@ -4536,7 +4649,7 @@ function se(e, t) {
     addNodeView() {
       return ({ getPos: i }) => {
         var l;
-        const n = this.options.editor, r = No(
+        const n = this.options.editor, r = Vo(
           i,
           n,
           this.editor,
@@ -4556,7 +4669,7 @@ function se(e, t) {
     throw new Error(
       "Node name does not match block type. This is a bug in BlockNote."
     );
-  return lt(e, {
+  return ct(e, {
     node: o,
     toInternalHTML: (i, n) => {
       var s;
@@ -4588,10 +4701,10 @@ function se(e, t) {
     }
   });
 }
-function Ho(e, t, o, i) {
+function zo(e, t, o, i) {
   return e.dom.setAttribute("data-inline-content-type", t), Object.entries(o).filter(([n, r]) => r !== i[n].default).map(([n, r]) => [re(n), r]).forEach(([n, r]) => e.dom.setAttribute(n, r)), e.contentDOM !== void 0 && e.contentDOM.setAttribute("data-editable", ""), e;
 }
-function Uo(e) {
+function Fo(e) {
   return {
     Backspace: ({ editor: t }) => {
       const o = t.state.selection.$from;
@@ -4599,14 +4712,14 @@ function Uo(e) {
     }
   };
 }
-function Do(e, t) {
+function Go(e, t) {
   return {
     config: e,
     implementation: t
   };
 }
-function Vo(e, t) {
-  return Do(
+function Ko(e, t) {
+  return Go(
     {
       type: e.name,
       propSchema: t,
@@ -4617,12 +4730,12 @@ function Vo(e, t) {
     }
   );
 }
-function ct(e) {
+function pt(e) {
   return Object.fromEntries(
     Object.entries(e).map(([t, o]) => [t, o.config])
   );
 }
-function Ro(e) {
+function Wo(e) {
   return [
     {
       tag: `[data-inline-content-type="${e.type}"]`,
@@ -4633,7 +4746,7 @@ function Ro(e) {
     }
   ];
 }
-function Ur(e, t) {
+function Wr(e, t) {
   const o = $.create({
     name: e.type,
     inline: !0,
@@ -4642,24 +4755,24 @@ function Ur(e, t) {
     atom: e.content === "none",
     content: e.content === "styled" ? "inline*" : "",
     addAttributes() {
-      return st(e.propSchema);
+      return dt(e.propSchema);
     },
     addKeyboardShortcuts() {
-      return Uo(e);
+      return Fo(e);
     },
     parseHTML() {
-      return Ro(e);
+      return Wo(e);
     },
     renderHTML({ node: i }) {
       const n = this.options.editor, r = t.render(
-        ot(
+        rt(
           i,
           n.schema.inlineContentSchema,
           n.schema.styleSchema
         )
         // TODO: fix cast
       );
-      return Ho(
+      return zo(
         r,
         e.type,
         i.attrs,
@@ -4667,12 +4780,12 @@ function Ur(e, t) {
       );
     }
   });
-  return Vo(
+  return Ko(
     o,
     e.propSchema
   );
 }
-function Oo(e) {
+function $o(e) {
   return e === "boolean" ? {} : {
     stringValue: {
       default: void 0,
@@ -4684,17 +4797,17 @@ function Oo(e) {
     }
   };
 }
-function jo(e, t, o, i) {
+function qo(e, t, o, i) {
   return e.dom.setAttribute("data-style-type", t), i === "string" && e.dom.setAttribute("data-value", o), e.contentDOM !== void 0 && e.contentDOM.setAttribute("data-editable", ""), e;
 }
-function ut(e, t) {
+function ht(e, t) {
   return {
     config: e,
     implementation: t
   };
 }
 function U(e, t) {
-  return ut(
+  return ht(
     {
       type: e.name,
       propSchema: t
@@ -4704,12 +4817,12 @@ function U(e, t) {
     }
   );
 }
-function pt(e) {
+function mt(e) {
   return Object.fromEntries(
     Object.entries(e).map(([t, o]) => [t, o.config])
   );
 }
-function zo(e) {
+function Xo(e) {
   return [
     {
       tag: `[data-style-type="${e.type}"]`,
@@ -4720,14 +4833,14 @@ function zo(e) {
     }
   ];
 }
-function Dr(e, t) {
+function $r(e, t) {
   const o = xe.create({
     name: e.type,
     addAttributes() {
-      return Oo(e.propSchema);
+      return $o(e.propSchema);
     },
     parseHTML() {
-      return zo(e);
+      return Xo(e);
     },
     renderHTML({ mark: i }) {
       let n;
@@ -4737,7 +4850,7 @@ function Dr(e, t) {
         n = t.render(i.attrs.stringValue);
       else
         throw new I(e.propSchema);
-      return jo(
+      return qo(
         n,
         e.type,
         i.attrs.stringValue,
@@ -4745,7 +4858,7 @@ function Dr(e, t) {
       );
     }
   });
-  return ut(e, {
+  return ht(e, {
     mark: o
   });
 }
@@ -4758,7 +4871,7 @@ const le = (e) => {
   return i.className = "bn-file-default-preview-name", i.textContent = e.props.name || "", t.appendChild(o), t.appendChild(i), {
     dom: t
   };
-}, j = (e, t) => {
+}, V = (e, t) => {
   const o = document.createElement("div");
   o.className = "bn-file-and-caption-wrapper";
   const i = document.createElement("p");
@@ -4775,7 +4888,7 @@ const le = (e) => {
   const s = (d) => {
     d.preventDefault();
   }, l = () => {
-    t._tiptapEditor.view.dispatch(
+    t.dispatch(
       t._tiptapEditor.state.tr.setMeta(t.filePanel.plugin, {
         block: e
       })
@@ -4799,7 +4912,7 @@ const le = (e) => {
       );
     }
   };
-}, Re = (e) => ({ url: e.src || void 0 }), ce = (e, t) => {
+}, Ve = (e) => ({ url: e.src || void 0 }), ce = (e, t) => {
   const o = e.querySelector(
     t
   );
@@ -4812,10 +4925,10 @@ const le = (e) => {
   return i.textContent = t, o.appendChild(e), o.appendChild(i), {
     dom: o
   };
-}, Ce = (e, t) => {
+}, Se = (e, t) => {
   const o = document.createElement("figure"), i = document.createElement("figcaption");
   return i.textContent = t, o.appendChild(e), o.appendChild(i), { dom: o };
-}, ht = (e, t, o, i, n) => {
+}, ft = (e, t, o, i, n) => {
   if (!e.props.previewWidth)
     throw new Error("Block must have a `previewWidth` prop.");
   const r = document.createElement("div");
@@ -4875,7 +4988,91 @@ const le = (e) => {
       );
     }
   };
-}, Fo = {
+}, Oe = (e) => ({ url: e.src || void 0 }), Zo = {
+  backgroundColor: _.backgroundColor,
+  // File name.
+  name: {
+    default: ""
+  },
+  // File url.
+  url: {
+    default: ""
+  },
+  // File caption.
+  caption: {
+    default: ""
+  },
+  showPreview: {
+    default: !0
+  }
+}, Jo = {
+  type: "audio",
+  propSchema: Zo,
+  content: "none",
+  isFileBlock: !0,
+  fileBlockAcceptMimeTypes: ["audio/*"]
+}, Yo = (e, t) => {
+  const o = document.createElement("div");
+  if (o.className = "bn-file-block-content-wrapper", e.props.url === "") {
+    const i = document.createElement("div");
+    i.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z"></path></svg>';
+    const n = de(
+      e,
+      t,
+      t.dictionary.file_blocks.audio.add_button_text,
+      i.firstElementChild
+    );
+    return o.appendChild(n.dom), {
+      dom: o,
+      destroy: () => {
+        var r;
+        (r = n == null ? void 0 : n.destroy) == null || r.call(n);
+      }
+    };
+  } else if (e.props.showPreview) {
+    const i = document.createElement("audio");
+    i.className = "bn-audio", t.resolveFileUrl(e.props.url).then((r) => {
+      i.src = r;
+    }), i.controls = !0, i.contentEditable = "false", i.draggable = !1;
+    const n = V(e, i);
+    return o.appendChild(n.dom), {
+      dom: o
+    };
+  } else {
+    const i = le(e).dom;
+    return {
+      dom: V(e, i).dom
+    };
+  }
+}, Qo = (e) => {
+  if (e.tagName === "AUDIO")
+    return Oe(e);
+  if (e.tagName === "FIGURE") {
+    const t = ce(e, "audio");
+    if (!t)
+      return;
+    const { targetElement: o, caption: i } = t;
+    return {
+      ...Oe(o),
+      caption: i
+    };
+  }
+}, ei = (e) => {
+  if (!e.props.url) {
+    const o = document.createElement("p");
+    return o.textContent = "Add audio", {
+      dom: o
+    };
+  }
+  let t;
+  return e.props.showPreview ? (t = document.createElement("audio"), t.src = e.props.url) : (t = document.createElement("a"), t.href = e.props.url, t.textContent = e.props.name || e.props.url), e.props.caption ? e.props.showPreview ? Se(t, e.props.caption) : ue(t, e.props.caption) : {
+    dom: t
+  };
+}, ti = se(Jo, {
+  render: Yo,
+  parse: Qo,
+  toExternalHTML: ei
+}), oi = {
   backgroundColor: _.backgroundColor,
   // File name.
   name: {
@@ -4889,12 +5086,12 @@ const le = (e) => {
   caption: {
     default: ""
   }
-}, Go = {
+}, ii = {
   type: "file",
-  propSchema: Fo,
+  propSchema: oi,
   content: "none",
   isFileBlock: !0
-}, Wo = (e, t) => {
+}, ni = (e, t) => {
   const o = document.createElement("div");
   if (o.className = "bn-file-block-content-wrapper", e.props.url === "") {
     const i = de(e, t);
@@ -4903,25 +5100,25 @@ const le = (e) => {
       destroy: i.destroy
     };
   } else {
-    const i = le(e).dom, n = j(e, i);
+    const i = le(e).dom, n = V(e, i);
     return o.appendChild(n.dom), {
       dom: o
     };
   }
-}, Ko = (e) => {
+}, ri = (e) => {
   if (e.tagName === "EMBED")
-    return Re(e);
+    return Ve(e);
   if (e.tagName === "FIGURE") {
     const t = ce(e, "embed");
     if (!t)
       return;
     const { targetElement: o, caption: i } = t;
     return {
-      ...Re(o),
+      ...Ve(o),
       caption: i
     };
   }
-}, $o = (e) => {
+}, ai = (e) => {
   if (!e.props.url) {
     const o = document.createElement("p");
     return o.textContent = "Add file", {
@@ -4932,14 +5129,14 @@ const le = (e) => {
   return t.href = e.props.url, t.textContent = e.props.name || e.props.url, e.props.caption ? ue(t, e.props.caption) : {
     dom: t
   };
-}, qo = se(Go, {
-  render: Wo,
-  parse: Ko,
-  toExternalHTML: $o
-}), Oe = (e) => {
+}, si = se(ii, {
+  render: ni,
+  parse: ri,
+  toExternalHTML: ai
+}), ze = (e) => {
   const t = e.src || void 0, o = e.width || void 0;
   return { url: t, previewWidth: o };
-}, Xo = {
+}, li = {
   textAlignment: _.textAlignment,
   backgroundColor: _.backgroundColor,
   // File name.
@@ -4961,13 +5158,13 @@ const le = (e) => {
   previewWidth: {
     default: 512
   }
-}, Zo = {
+}, di = {
   type: "image",
-  propSchema: Xo,
+  propSchema: li,
   content: "none",
   isFileBlock: !0,
   fileBlockAcceptMimeTypes: ["image/*"]
-}, Jo = (e, t) => {
+}, ci = (e, t) => {
   const o = document.createElement("div");
   if (o.className = "bn-file-block-content-wrapper", e.props.url === "") {
     const i = document.createElement("div");
@@ -4993,13 +5190,13 @@ const le = (e) => {
       e.props.previewWidth,
       t.domElement.firstElementChild.clientWidth
     );
-    const n = ht(
+    const n = ft(
       e,
       t,
       i,
       () => i.width,
       (a) => i.width = a
-    ), r = j(e, n.dom);
+    ), r = V(e, n.dom);
     return o.appendChild(r.dom), {
       dom: o,
       destroy: n.destroy
@@ -5007,23 +5204,23 @@ const le = (e) => {
   } else {
     const i = le(e).dom;
     return {
-      dom: j(e, i).dom
+      dom: V(e, i).dom
     };
   }
-}, Yo = (e) => {
+}, ui = (e) => {
   if (e.tagName === "IMG")
-    return Oe(e);
+    return ze(e);
   if (e.tagName === "FIGURE") {
     const t = ce(e, "img");
     if (!t)
       return;
     const { targetElement: o, caption: i } = t;
     return {
-      ...Oe(o),
+      ...ze(o),
       caption: i
     };
   }
-}, Qo = (e) => {
+}, pi = (e) => {
   if (!e.props.url) {
     const o = document.createElement("p");
     return o.textContent = "Add image", {
@@ -5031,17 +5228,17 @@ const le = (e) => {
     };
   }
   let t;
-  return e.props.showPreview ? (t = document.createElement("img"), t.src = e.props.url, t.alt = e.props.name || e.props.caption || "BlockNote image", t.width = e.props.previewWidth) : (t = document.createElement("a"), t.href = e.props.url, t.textContent = e.props.name || e.props.url), e.props.caption ? e.props.showPreview ? Ce(t, e.props.caption) : ue(t, e.props.caption) : {
+  return e.props.showPreview ? (t = document.createElement("img"), t.src = e.props.url, t.alt = e.props.name || e.props.caption || "BlockNote image", t.width = e.props.previewWidth) : (t = document.createElement("a"), t.href = e.props.url, t.textContent = e.props.name || e.props.url), e.props.caption ? e.props.showPreview ? Se(t, e.props.caption) : ue(t, e.props.caption) : {
     dom: t
   };
-}, ei = se(Zo, {
-  render: Jo,
-  parse: Yo,
-  toExternalHTML: Qo
-}), je = (e) => {
+}, hi = se(di, {
+  render: ci,
+  parse: ui,
+  toExternalHTML: pi
+}), Fe = (e) => {
   const t = e.src || void 0, o = e.width || void 0;
   return { url: t, previewWidth: o };
-}, ti = {
+}, mi = {
   textAlignment: _.textAlignment,
   backgroundColor: _.backgroundColor,
   // File name.
@@ -5063,13 +5260,13 @@ const le = (e) => {
   previewWidth: {
     default: 512
   }
-}, oi = {
+}, fi = {
   type: "video",
-  propSchema: ti,
+  propSchema: mi,
   content: "none",
   isFileBlock: !0,
   fileBlockAcceptMimeTypes: ["video/*"]
-}, ii = (e, t) => {
+}, gi = (e, t) => {
   const o = document.createElement("div");
   if (o.className = "bn-file-block-content-wrapper", e.props.url === "") {
     const i = document.createElement("div");
@@ -5093,13 +5290,13 @@ const le = (e) => {
       e.props.previewWidth,
       t.domElement.firstElementChild.clientWidth
     );
-    const n = ht(
+    const n = ft(
       e,
       t,
       i,
       () => i.width,
       (a) => i.width = a
-    ), r = j(e, n.dom);
+    ), r = V(e, n.dom);
     return o.appendChild(r.dom), {
       dom: o,
       destroy: n.destroy
@@ -5107,23 +5304,23 @@ const le = (e) => {
   } else {
     const i = le(e).dom;
     return {
-      dom: j(e, i).dom
+      dom: V(e, i).dom
     };
   }
-}, ni = (e) => {
+}, bi = (e) => {
   if (e.tagName === "VIDEO")
-    return je(e);
+    return Fe(e);
   if (e.tagName === "FIGURE") {
     const t = ce(e, "video");
     if (!t)
       return;
     const { targetElement: o, caption: i } = t;
     return {
-      ...je(o),
+      ...Fe(o),
       caption: i
     };
   }
-}, ri = (e) => {
+}, ki = (e) => {
   if (!e.props.url) {
     const o = document.createElement("p");
     return o.textContent = "Add video", {
@@ -5131,98 +5328,14 @@ const le = (e) => {
     };
   }
   let t;
-  return e.props.showPreview ? (t = document.createElement("video"), t.src = e.props.url, t.width = e.props.previewWidth) : (t = document.createElement("a"), t.href = e.props.url, t.textContent = e.props.name || e.props.url), e.props.caption ? e.props.showPreview ? Ce(t, e.props.caption) : ue(t, e.props.caption) : {
-    dom: t
-  };
-}, ai = se(oi, {
-  render: ii,
-  parse: ni,
-  toExternalHTML: ri
-}), ze = (e) => ({ url: e.src || void 0 }), si = {
-  backgroundColor: _.backgroundColor,
-  // File name.
-  name: {
-    default: ""
-  },
-  // File url.
-  url: {
-    default: ""
-  },
-  // File caption.
-  caption: {
-    default: ""
-  },
-  showPreview: {
-    default: !0
-  }
-}, li = {
-  type: "audio",
-  propSchema: si,
-  content: "none",
-  isFileBlock: !0,
-  fileBlockAcceptMimeTypes: ["audio/*"]
-}, di = (e, t) => {
-  const o = document.createElement("div");
-  if (o.className = "bn-file-block-content-wrapper", e.props.url === "") {
-    const i = document.createElement("div");
-    i.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z"></path></svg>';
-    const n = de(
-      e,
-      t,
-      t.dictionary.file_blocks.audio.add_button_text,
-      i.firstElementChild
-    );
-    return o.appendChild(n.dom), {
-      dom: o,
-      destroy: () => {
-        var r;
-        (r = n == null ? void 0 : n.destroy) == null || r.call(n);
-      }
-    };
-  } else if (e.props.showPreview) {
-    const i = document.createElement("audio");
-    i.className = "bn-audio", t.resolveFileUrl(e.props.url).then((r) => {
-      i.src = r;
-    }), i.controls = !0, i.contentEditable = "false", i.draggable = !1;
-    const n = j(e, i);
-    return o.appendChild(n.dom), {
-      dom: o
-    };
-  } else {
-    const i = le(e).dom;
-    return {
-      dom: j(e, i).dom
-    };
-  }
-}, ci = (e) => {
-  if (e.tagName === "AUDIO")
-    return ze(e);
-  if (e.tagName === "FIGURE") {
-    const t = ce(e, "audio");
-    if (!t)
-      return;
-    const { targetElement: o, caption: i } = t;
-    return {
-      ...ze(o),
-      caption: i
-    };
-  }
-}, ui = (e) => {
-  if (!e.props.url) {
-    const o = document.createElement("p");
-    return o.textContent = "Add audio", {
-      dom: o
-    };
-  }
-  let t;
-  return e.props.showPreview ? (t = document.createElement("audio"), t.src = e.props.url) : (t = document.createElement("a"), t.href = e.props.url, t.textContent = e.props.name || e.props.url), e.props.caption ? e.props.showPreview ? Ce(t, e.props.caption) : ue(t, e.props.caption) : {
+  return e.props.showPreview ? (t = document.createElement("video"), t.src = e.props.url, t.width = e.props.previewWidth) : (t = document.createElement("a"), t.href = e.props.url, t.textContent = e.props.name || e.props.url), e.props.caption ? e.props.showPreview ? Se(t, e.props.caption) : ue(t, e.props.caption) : {
     dom: t
   };
-}, pi = se(li, {
-  render: di,
-  parse: ci,
-  toExternalHTML: ui
-}), Vr = async (e) => {
+}, _i = se(fi, {
+  render: gi,
+  parse: bi,
+  toExternalHTML: ki
+}), qr = async (e) => {
   const t = new FormData();
   return t.append("file", e), (await (await fetch("https://tmpfiles.org/api/v1/upload", {
     method: "POST",
@@ -5231,7 +5344,7 @@ const le = (e) => {
     "tmpfiles.org/",
     "tmpfiles.org/dl/"
   );
-}, hi = xe.create({
+}, yi = xe.create({
   name: "backgroundColor",
   addAttributes() {
     return {
@@ -5257,10 +5370,10 @@ const le = (e) => {
   renderHTML({ HTMLAttributes: e }) {
     return ["span", e, 0];
   }
-}), mi = U(
-  hi,
+}), wi = U(
+  yi,
   "string"
-), fi = xe.create({
+), vi = xe.create({
   name: "textColor",
   addAttributes() {
     return {
@@ -5284,16 +5397,16 @@ const le = (e) => {
   renderHTML({ HTMLAttributes: e }) {
     return ["span", e, 0];
   }
-}), gi = U(fi, "string"), C = (e) => {
+}), xi = U(vi, "string"), C = (e) => {
   const { contentType: t } = k(
     e.state.doc,
     e.state.selection.from
   );
   return t.spec.content;
-}, bi = {
+}, Ei = {
   ..._,
   level: { default: 1, values: [1, 2, 3] }
-}, ki = z({
+}, Ci = O({
   name: "heading",
   content: "inline*",
   group: "blockContent",
@@ -5386,7 +5499,7 @@ const le = (e) => {
   },
   renderHTML({ node: e, HTMLAttributes: t }) {
     var o, i;
-    return O(
+    return R(
       this.name,
       `h${e.attrs.level}`,
       {
@@ -5396,10 +5509,10 @@ const le = (e) => {
       ((i = this.options.domAttributes) == null ? void 0 : i.inlineContent) || {}
     );
   }
-}), _i = q(
-  ki,
-  bi
-), Se = (e) => {
+}), Si = q(
+  Ci,
+  Ei
+), Me = (e) => {
   const { contentNode: t, contentType: o } = k(
     e.state.doc,
     e.state.selection.from
@@ -5418,9 +5531,9 @@ const le = (e) => {
       a.command(() => t.childCount > 0 ? (r().deleteSelection().BNSplitBlock(n.selection.from, !0).run(), !0) : !1)
     )
   ]);
-}, yi = {
+}, Mi = {
   ..._
-}, wi = z({
+}, Ti = O({
   name: "bulletListItem",
   content: "inline*",
   group: "blockContent",
@@ -5443,7 +5556,7 @@ const le = (e) => {
   },
   addKeyboardShortcuts() {
     return {
-      Enter: () => Se(this.editor),
+      Enter: () => Me(this.editor),
       "Mod-Shift-8": () => C(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
         this.editor.state.selection.anchor,
         {
@@ -5486,7 +5599,7 @@ const le = (e) => {
   },
   renderHTML({ HTMLAttributes: e }) {
     var t, o;
-    return O(
+    return R(
       this.name,
       // We use a <p> tag, because for <li> tags we'd need a <ul> element to put
       // them in to be semantically correct, which we can't have due to the
@@ -5499,11 +5612,11 @@ const le = (e) => {
       ((o = this.options.domAttributes) == null ? void 0 : o.inlineContent) || {}
     );
   }
-}), vi = q(
-  wi,
-  yi
-), xi = new S("numbered-list-indexing"), Ei = () => new y({
-  key: xi,
+}), Bi = q(
+  Ti,
+  Mi
+), Li = new S("numbered-list-indexing"), Ii = () => new y({
+  key: Li,
   appendTransaction: (e, t, o) => {
     const i = o.tr;
     i.setMeta("numberedListIndexing", !0);
@@ -5532,9 +5645,9 @@ const le = (e) => {
       }
     }), n ? i : null;
   }
-}), Ci = {
+}), Ai = {
   ..._
-}, Si = z({
+}, Ni = O({
   name: "numberedListItem",
   content: "inline*",
   group: "blockContent",
@@ -5566,7 +5679,7 @@ const le = (e) => {
   },
   addKeyboardShortcuts() {
     return {
-      Enter: () => Se(this.editor),
+      Enter: () => Me(this.editor),
       "Mod-Shift-7": () => C(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
         this.editor.state.selection.anchor,
         {
@@ -5577,7 +5690,7 @@ const le = (e) => {
     };
   },
   addProseMirrorPlugins() {
-    return [Ei()];
+    return [Ii()];
   },
   parseHTML() {
     return [
@@ -5614,7 +5727,7 @@ const le = (e) => {
   },
   renderHTML({ HTMLAttributes: e }) {
     var t, o;
-    return O(
+    return R(
       this.name,
       // We use a <p> tag, because for <li> tags we'd need an <ol> element to
       // put them in to be semantically correct, which we can't have due to the
@@ -5627,15 +5740,15 @@ const le = (e) => {
       ((o = this.options.domAttributes) == null ? void 0 : o.inlineContent) || {}
     );
   }
-}), Mi = q(
-  Si,
-  Ci
-), Ti = {
+}), Pi = q(
+  Ni,
+  Ai
+), Hi = {
   ..._,
   checked: {
     default: !1
   }
-}, Bi = z({
+}, Ui = O({
   name: "checkListItem",
   content: "inline*",
   group: "blockContent",
@@ -5680,7 +5793,7 @@ const le = (e) => {
   },
   addKeyboardShortcuts() {
     return {
-      Enter: () => Se(this.editor),
+      Enter: () => Me(this.editor),
       "Mod-Shift-9": () => C(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
         this.editor.state.selection.anchor,
         {
@@ -5732,7 +5845,7 @@ const le = (e) => {
     var r, a;
     const o = document.createElement("input");
     o.type = "checkbox", o.checked = e.attrs.checked, e.attrs.checked && o.setAttribute("checked", "");
-    const { dom: i, contentDOM: n } = O(
+    const { dom: i, contentDOM: n } = R(
       this.name,
       "p",
       {
@@ -5765,7 +5878,7 @@ const le = (e) => {
         });
       };
       a.addEventListener("change", s);
-      const { dom: l, contentDOM: d } = O(
+      const { dom: l, contentDOM: d } = R(
         this.name,
         "p",
         {
@@ -5787,12 +5900,12 @@ const le = (e) => {
       };
     };
   }
-}), Li = q(
-  Bi,
-  Ti
-), Ii = {
+}), Di = q(
+  Ui,
+  Hi
+), ji = {
   ..._
-}, Ai = z({
+}, Ri = O({
   name: "paragraph",
   content: "inline*",
   group: "blockContent",
@@ -5823,7 +5936,7 @@ const le = (e) => {
   },
   renderHTML({ HTMLAttributes: e }) {
     var t, o;
-    return O(
+    return R(
       this.name,
       "p",
       {
@@ -5833,16 +5946,16 @@ const le = (e) => {
       ((o = this.options.domAttributes) == null ? void 0 : o.inlineContent) || {}
     );
   }
-}), Ni = q(
-  Ai,
-  Ii
-), Pi = M.create({
+}), Vi = q(
+  Ri,
+  ji
+), Oi = M.create({
   name: "BlockNoteTableExtension",
   addProseMirrorPlugins: () => [
-    Yt({
+    oo({
       cellMinWidth: 100
     }),
-    Qt()
+    io()
   ],
   addKeyboardShortcuts() {
     return {
@@ -5863,14 +5976,14 @@ const le = (e) => {
       storage: e.storage
     };
     return {
-      tableRole: Nt(
-        Pt(e, "tableRole", t)
+      tableRole: Ut(
+        Dt(e, "tableRole", t)
       )
     };
   }
-}), Hi = {
+}), zi = {
   ..._
-}, Ui = z({
+}, Fi = O({
   name: "table",
   content: "tableRow+",
   group: "blockContent",
@@ -5881,7 +5994,7 @@ const le = (e) => {
   },
   renderHTML({ HTMLAttributes: e }) {
     var t, o;
-    return O(
+    return R(
       this.name,
       "table",
       {
@@ -5891,7 +6004,7 @@ const le = (e) => {
       ((o = this.options.domAttributes) == null ? void 0 : o.inlineContent) || {}
     );
   }
-}), Di = $.create({
+}), Gi = $.create({
   name: "tableParagraph",
   group: "tableContent",
   content: "inline*",
@@ -5912,71 +6025,74 @@ const le = (e) => {
   renderHTML({ HTMLAttributes: e }) {
     return [
       "p",
-      Ht(this.options.HTMLAttributes, e),
+      jt(this.options.HTMLAttributes, e),
       0
     ];
   }
-}), Vi = q(
-  Ui,
-  Hi,
+}), Ki = q(
+  Fi,
+  zi,
   [
-    Pi,
-    Di,
-    Zt.extend({
+    Oi,
+    Gi,
+    eo.extend({
       content: "tableContent"
     }),
-    Xt.extend({
+    Qt.extend({
       content: "tableContent"
     }),
-    Jt
+    to
   ]
-), mt = {
-  paragraph: Ni,
-  heading: _i,
-  bulletListItem: vi,
-  numberedListItem: Mi,
-  checkListItem: Li,
-  table: Vi,
-  file: qo,
-  image: ei,
-  video: ai,
-  audio: pi
-}, Ri = dt(mt), ft = {
-  bold: U(Gt, "boolean"),
-  italic: U(Kt, "boolean"),
-  underline: U(qt, "boolean"),
-  strike: U($t, "boolean"),
-  code: U(Wt, "boolean"),
-  textColor: gi,
-  backgroundColor: mi
-}, Rr = pt(ft), gt = {
+), gt = {
+  paragraph: Vi,
+  heading: Si,
+  bulletListItem: Bi,
+  numberedListItem: Pi,
+  checkListItem: Di,
+  table: Ki,
+  file: si,
+  image: hi,
+  video: _i,
+  audio: ti
+}, Wi = ut(gt), bt = {
+  bold: U(qt, "boolean"),
+  italic: U(Zt, "boolean"),
+  underline: U(Yt, "boolean"),
+  strike: U(Jt, "boolean"),
+  code: U(Xt, "boolean"),
+  textColor: xi,
+  backgroundColor: wi
+}, Xr = mt(bt), kt = {
   text: { config: "text", implementation: {} },
   link: { config: "link", implementation: {} }
-}, Or = ct(
-  gt
+}, $i = pt(
+  kt
 );
 function E(e, t) {
-  return e in t.schema.blockSchema && t.schema.blockSchema[e] === Ri[e];
+  return e in t.schema.blockSchema && t.schema.blockSchema[e] === Wi[e];
 }
-function Oi(e, t, o) {
+function qi(e, t) {
+  return e in t.schema.inlineContentSchema && t.schema.inlineContentSchema[e] === $i[e];
+}
+function Xi(e, t, o) {
   return t.type === e && t.type in o.schema.blockSchema && E(t.type, o);
 }
-function jr(e, t) {
+function Zr(e, t) {
   return e.type in t.schema.blockSchema && t.schema.blockSchema[e.type].isFileBlock || !1;
 }
-function zr(e, t) {
+function Jr(e, t) {
   return e.type in t.schema.blockSchema && t.schema.blockSchema[e.type].isFileBlock && "showPreview" in t.schema.blockSchema[e.type].propSchema || !1;
 }
-function Fr(e, t) {
+function Yr(e, t) {
   return t.schema.blockSchema[e.type].isFileBlock && !e.props.url;
 }
-function ji(e, t, o) {
+function Zi(e, t, o) {
   return t in o.schema.blockSchema && e in o.schema.blockSchema[t].propSchema && o.schema.blockSchema[t].propSchema[e] === _[e];
 }
-function Gr(e, t, o) {
-  return ji(e, t.type, o);
+function Qr(e, t, o) {
+  return Zi(e, t.type, o);
 }
-function Me(e, t) {
+function Te(e, t) {
   let o, i;
   if (t.firstChild.descendants((n, r) => o ? !1 : n.type.name !== "blockContainer" || n.attrs.id !== e ? !0 : (o = n, i = r + 1, !1)), o === void 0 || i === void 0)
     throw Error("Could not find block in the editor with matching ID.");
@@ -5985,44 +6101,47 @@ function Me(e, t) {
     posBeforeNode: i
   };
 }
-function zi(e, t, o = "before", i) {
-  const n = i._tiptapEditor, r = typeof t == "string" ? t : t.id, a = [];
-  for (const u of e)
-    a.push(
-      P(u, n.schema, i.schema.styleSchema)
-    );
-  const { node: s, posBeforeNode: l } = Me(r, n.state.doc);
-  if (o === "before" && n.view.dispatch(
-    n.state.tr.insert(l, a)
-  ), o === "after" && n.view.dispatch(
-    n.state.tr.insert(l + s.nodeSize, a)
-  ), o === "nested" && s.childCount < 2) {
-    const u = n.state.schema.nodes.blockGroup.create(
-      {},
-      a
+function Ji(e, t, o = "before", i) {
+  const n = typeof t == "string" ? t : t.id, r = [];
+  for (const d of e)
+    r.push(
+      P(d, i.pmSchema, i.schema.styleSchema)
     );
-    n.view.dispatch(
-      n.state.tr.insert(
-        l + s.firstChild.nodeSize + 1,
-        u
+  const { node: a, posBeforeNode: s } = Te(
+    n,
+    i._tiptapEditor.state.doc
+  );
+  if (o === "before" && i.dispatch(
+    i._tiptapEditor.state.tr.insert(s, r)
+  ), o === "after" && i.dispatch(
+    i._tiptapEditor.state.tr.insert(
+      s + a.nodeSize,
+      r
+    )
+  ), o === "nested" && a.childCount < 2) {
+    const d = i._tiptapEditor.state.schema.nodes.blockGroup.create({}, r);
+    i.dispatch(
+      i._tiptapEditor.state.tr.insert(
+        s + a.firstChild.nodeSize + 1,
+        d
       )
     );
   }
-  const d = [];
-  for (const u of a)
-    d.push(
+  const l = [];
+  for (const d of r)
+    l.push(
       v(
-        u,
+        d,
         i.schema.blockSchema,
         i.schema.inlineContentSchema,
         i.schema.styleSchema,
         i.blockCache
       )
     );
-  return d;
+  return l;
 }
-function Fi(e, t, o) {
-  const i = o._tiptapEditor, n = typeof e == "string" ? e : e.id, { posBeforeNode: r } = Me(n, i.state.doc);
+function Yi(e, t, o) {
+  const i = o._tiptapEditor, n = typeof e == "string" ? e : e.id, { posBeforeNode: r } = Te(n, i.state.doc);
   i.commands.BNUpdateBlock(r + 1, t);
   const a = i.state.doc.resolve(r + 1).node();
   return v(
@@ -6033,7 +6152,7 @@ function Fi(e, t, o) {
     o.blockCache
   );
 }
-function bt(e, t, o) {
+function _t(e, t, o) {
   const i = t._tiptapEditor, n = i.state.tr, r = new Set(
     e.map(
       (l) => typeof l == "string" ? l : l.id
@@ -6065,54 +6184,54 @@ function bt(e, t, o) {
       "Blocks with the following IDs could not be found in the editor: " + l
     );
   }
-  return i.view.dispatch(n), a;
+  return t.dispatch(n), a;
 }
-function Gi(e, t) {
-  return bt(e, t);
+function Qi(e, t) {
+  return _t(e, t);
 }
-function Wi(e, t, o) {
-  const i = o._tiptapEditor, n = [];
-  for (const l of t)
-    n.push(
-      P(l, i.schema, o.schema.styleSchema)
+function en(e, t, o) {
+  const i = [];
+  for (const s of t)
+    i.push(
+      P(s, o.pmSchema, o.schema.styleSchema)
     );
-  const r = typeof e[0] == "string" ? e[0] : e[0].id, a = bt(
+  const n = typeof e[0] == "string" ? e[0] : e[0].id, r = _t(
     e,
     o,
-    (l, d, u, p) => {
-      if (l.attrs.id === r) {
-        const h = u.doc.nodeSize;
-        u.insert(d, n);
-        const f = u.doc.nodeSize;
-        return p + h - f;
+    (s, l, d, u) => {
+      if (s.attrs.id === n) {
+        const p = d.doc.nodeSize;
+        d.insert(l, i);
+        const h = d.doc.nodeSize;
+        return u + p - h;
       }
-      return p;
+      return u;
     }
-  ), s = [];
-  for (const l of n)
-    s.push(
+  ), a = [];
+  for (const s of i)
+    a.push(
       v(
-        l,
+        s,
         o.schema.blockSchema,
         o.schema.inlineContentSchema,
         o.schema.styleSchema,
         o.blockCache
       )
     );
-  return { insertedBlocks: s, removedBlocks: a };
+  return { insertedBlocks: a, removedBlocks: r };
 }
-function Ki(e, t, o, i = { updateSelection: !0 }) {
-  const n = o._tiptapEditor, r = n.state.tr;
-  let { from: a, to: s } = typeof e == "number" ? { from: e, to: e } : { from: e.from, to: e.to }, l = !0, d = !0, u = "";
-  if (t.forEach((p) => {
-    p.check(), l && p.isText && p.marks.length === 0 ? u += p.text : l = !1, d = d ? p.isBlock : !1;
-  }), a === s && d) {
-    const { parent: p } = r.doc.resolve(a);
-    p.isTextblock && !p.type.spec.code && !p.childCount && (a -= 1, s += 1);
-  }
-  return l ? r.insertText(u, a, s) : r.replaceWith(a, s, t), i.updateSelection && Ut(r, r.steps.length - 1, -1), n.view.dispatch(r), !0;
+function tn(e, t, o, i = { updateSelection: !0 }) {
+  const n = o._tiptapEditor.state.tr;
+  let { from: r, to: a } = typeof e == "number" ? { from: e, to: e } : { from: e.from, to: e.to }, s = !0, l = !0, d = "";
+  if (t.forEach((u) => {
+    u.check(), s && u.isText && u.marks.length === 0 ? d += u.text : s = !1, l = l ? u.isBlock : !1;
+  }), r === a && l) {
+    const { parent: u } = n.doc.resolve(r);
+    u.isTextblock && !u.type.spec.code && !u.childCount && (r -= 1, a += 1);
+  }
+  return s ? n.insertText(d, r, a) : n.replaceWith(r, a, t), i.updateSelection && Rt(n, n.steps.length - 1, -1), o.dispatch(n), !0;
 }
-function $i() {
+function on() {
   const e = (t) => {
     let o = t.children.length;
     for (let i = 0; i < o; i++) {
@@ -6128,7 +6247,7 @@ function $i() {
   };
   return e;
 }
-function qi() {
+function nn() {
   const e = (t) => {
     var o;
     if (t.children && "length" in t.children && t.children.length)
@@ -6143,35 +6262,35 @@ function qi() {
   };
   return e;
 }
-function Te(e) {
-  return ve().use(qe, { fragment: !0 }).use($i).use(qi).use(eo).use(Ze).use(to, { handlers: { text: (o) => o.value } }).processSync(e).value;
+function Be(e) {
+  return ve().use(Je, { fragment: !0 }).use(on).use(nn).use(no).use(Qe).use(ro, { handlers: { text: (o) => o.value } }).processSync(e).value;
 }
-function Xi(e, t, o) {
-  const n = ae(t, o).exportBlocks(e);
-  return Te(n);
+function rn(e, t, o, i) {
+  const r = ae(t, o).exportBlocks(e, i);
+  return Be(r);
 }
-function Zi(e) {
+function an(e) {
   return Array.prototype.indexOf.call(e.parentElement.childNodes, e);
 }
-function Ji(e) {
+function sn(e) {
   return e.nodeType === 3 && !/\S/.test(e.nodeValue || "");
 }
-function Yi(e) {
+function ln(e) {
   e.querySelectorAll("li > ul, li > ol").forEach((t) => {
-    const o = Zi(t), i = t.parentElement, n = Array.from(i.childNodes).slice(
+    const o = an(t), i = t.parentElement, n = Array.from(i.childNodes).slice(
       o + 1
     );
     t.remove(), n.forEach((r) => {
       r.remove();
     }), i.insertAdjacentElement("afterend", t), n.reverse().forEach((r) => {
-      if (Ji(r))
+      if (sn(r))
         return;
       const a = document.createElement("li");
       a.append(r), t.insertAdjacentElement("afterend", a);
     }), i.childNodes.length === 0 && i.remove();
   });
 }
-function Qi(e) {
+function dn(e) {
   e.querySelectorAll("li + ul, li + ol").forEach((t) => {
     var r, a;
     const o = t.previousElementSibling, i = document.createElement("div");
@@ -6181,19 +6300,19 @@ function Qi(e) {
       n.append(i.nextElementSibling);
   });
 }
-let Fe = null;
-function en() {
-  return Fe || (Fe = document.implementation.createHTMLDocument("title"));
+let Ge = null;
+function cn() {
+  return Ge || (Ge = document.implementation.createHTMLDocument("title"));
 }
-function kt(e) {
+function yt(e) {
   if (typeof e == "string") {
-    const t = en().createElement("div");
+    const t = cn().createElement("div");
     t.innerHTML = e, e = t;
   }
-  return Yi(e), Qi(e), e;
+  return ln(e), dn(e), e;
 }
-async function _t(e, t, o, i, n) {
-  const r = kt(e), s = Tt.fromSchema(n).parse(r, {
+async function wt(e, t, o, i, n) {
+  const r = yt(e), s = It.fromSchema(n).parse(r, {
     topNode: n.nodes.blockGroup.create()
   }), l = [];
   for (let d = 0; d < s.childCount; d++)
@@ -6202,7 +6321,7 @@ async function _t(e, t, o, i, n) {
     );
   return l;
 }
-function tn(e, t) {
+function un(e, t) {
   const o = t.value ? t.value + `
 ` : "", i = {};
   t.lang && (i["data-language"] = t.lang);
@@ -6219,14 +6338,14 @@ function tn(e, t) {
     children: [n]
   }, e.patch(t, n), n;
 }
-function on(e, t, o, i, n) {
-  const r = ve().use(oo).use(Ze).use(io, {
+function pn(e, t, o, i, n) {
+  const r = ve().use(ao).use(Qe).use(so, {
     handlers: {
-      ...no,
-      code: tn
+      ...lo,
+      code: un
     }
-  }).use(Xe).processSync(e);
-  return _t(
+  }).use(Ye).processSync(e);
+  return wt(
     r.value,
     t,
     o,
@@ -6254,7 +6373,7 @@ class X {
     this.callbacks = {};
   }
 }
-class nn {
+class hn {
   constructor(t, o, i, n) {
     c(this, "state");
     c(this, "emitUpdate");
@@ -6307,7 +6426,7 @@ class nn {
   }
 }
 const fe = new S("FilePanelPlugin");
-class rn extends X {
+class mn extends X {
   constructor(o) {
     super();
     c(this, "view");
@@ -6315,7 +6434,7 @@ class rn extends X {
     c(this, "closeMenu", () => this.view.closeMenu());
     this.plugin = new y({
       key: fe,
-      view: (i) => (this.view = new nn(
+      view: (i) => (this.view = new hn(
         o,
         fe,
         i,
@@ -6347,14 +6466,14 @@ class rn extends X {
     return this.on("update", o);
   }
 }
-class an {
+class fn {
   constructor(t, o, i) {
     c(this, "state");
     c(this, "emitUpdate");
     c(this, "preventHide", !1);
     c(this, "preventShow", !1);
     c(this, "shouldShow", ({ state: t, from: o, to: i, view: n }) => {
-      const { doc: r, selection: a } = t, { empty: s } = a, l = !r.textBetween(o, i).length && Dt(t.selection);
+      const { doc: r, selection: a } = t, { empty: s } = a, l = !r.textBetween(o, i).length && Vt(t.selection);
       return !(!n.hasFocus() || s || l);
     });
     c(this, "viewMousedownHandler", () => {
@@ -6412,7 +6531,7 @@ class an {
   }
   getSelectionBoundingBox() {
     const { state: t } = this.pmView, { selection: o } = t, { ranges: i } = o, n = Math.min(...i.map((a) => a.$from.pos)), r = Math.max(...i.map((a) => a.$to.pos));
-    if (Vt(o)) {
+    if (Ot(o)) {
       const a = this.pmView.nodeDOM(n);
       if (a)
         return a.getBoundingClientRect();
@@ -6420,18 +6539,18 @@ class an {
     return ke(this.pmView, n, r);
   }
 }
-const sn = new S(
+const gn = new S(
   "FormattingToolbarPlugin"
 );
-class ln extends X {
+class bn extends X {
   constructor(o) {
     super();
     c(this, "view");
     c(this, "plugin");
     c(this, "closeMenu", () => this.view.closeMenu());
     this.plugin = new y({
-      key: sn,
-      view: (i) => (this.view = new an(o, i, (n) => {
+      key: gn,
+      view: (i) => (this.view = new fn(o, i, (n) => {
         this.emit("update", n);
       }), this.view),
       props: {
@@ -6447,7 +6566,7 @@ class ln extends X {
     return this.on("update", o);
   }
 }
-class dn {
+class kn {
   constructor(t, o, i) {
     c(this, "state");
     c(this, "emitUpdate");
@@ -6465,7 +6584,7 @@ class dn {
         const o = t.target, i = this.pmView.posAtDOM(o, 0) + 1, n = this.pmView.state.doc.resolve(i), r = n.marks();
         for (const a of r)
           if (a.type.name === this.pmView.state.schema.mark("link").type.name) {
-            this.mouseHoveredLinkMark = a, this.mouseHoveredLinkMarkRange = Pe(n, a.type, a.attrs) || void 0;
+            this.mouseHoveredLinkMark = a, this.mouseHoveredLinkMarkRange = He(n, a.type, a.attrs) || void 0;
             break;
           }
       }
@@ -6516,11 +6635,11 @@ class dn {
       this.linkMarkRange.from,
       this.linkMarkRange.from + o.length,
       this.pmView.state.schema.mark("link", { href: t })
-    ), this.pmView.dispatch(i), this.pmView.focus(), (n = this.state) != null && n.show && (this.state.show = !1, this.emitUpdate());
+    ), this.editor.dispatch(i), this.pmView.focus(), (n = this.state) != null && n.show && (this.state.show = !1, this.emitUpdate());
   }
   deleteLink() {
     var t;
-    this.pmView.dispatch(
+    this.editor.dispatch(
       this.pmView.state.tr.removeMark(
         this.linkMarkRange.from,
         this.linkMarkRange.to,
@@ -6537,7 +6656,7 @@ class dn {
       const i = this.pmView.state.selection.$from.marks();
       for (const n of i)
         if (n.type.name === this.pmView.state.schema.mark("link").type.name) {
-          this.keyboardHoveredLinkMark = n, this.keyboardHoveredLinkMarkRange = Pe(
+          this.keyboardHoveredLinkMark = n, this.keyboardHoveredLinkMarkRange = He(
             this.pmView.state.selection.$from,
             n.type,
             n.attrs
@@ -6574,8 +6693,8 @@ class dn {
     );
   }
 }
-const cn = new S("LinkToolbarPlugin");
-class un extends X {
+const _n = new S("LinkToolbarPlugin");
+class yn extends X {
   constructor(o) {
     super();
     c(this, "view");
@@ -6614,8 +6733,8 @@ class un extends X {
     });
     c(this, "closeMenu", () => this.view.closeMenu());
     this.plugin = new y({
-      key: cn,
-      view: (i) => (this.view = new dn(o, i, (n) => {
+      key: _n,
+      view: (i) => (this.view = new kn(o, i, (n) => {
         this.emit("update", n);
       }), this.view),
       props: {
@@ -6631,202 +6750,24 @@ class un extends X {
     return ((i = (o = this.view) == null ? void 0 : o.state) == null ? void 0 : i.show) || !1;
   }
 }
-const pn = Rt((e) => e.type.name === "blockContainer");
-class hn {
-  constructor(t, o) {
-    c(this, "state");
-    c(this, "emitUpdate");
-    c(this, "rootEl");
-    c(this, "pluginState");
-    c(this, "handleScroll", () => {
-      var t, o;
-      if ((t = this.state) != null && t.show) {
-        const i = (o = this.rootEl) == null ? void 0 : o.querySelector(
-          `[data-decoration-id="${this.pluginState.decorationId}"]`
-        );
-        this.state.referencePos = i.getBoundingClientRect(), this.emitUpdate(this.pluginState.triggerCharacter);
-      }
-    });
-    c(this, "closeMenu", () => {
-      this.editor._tiptapEditor.view.dispatch(
-        this.editor._tiptapEditor.view.state.tr.setMeta(
-          V,
-          null
-        )
-      );
-    });
-    c(this, "clearQuery", () => {
-      this.pluginState !== void 0 && this.editor._tiptapEditor.chain().focus().deleteRange({
-        from: this.pluginState.queryStartPos - (this.pluginState.fromUserInput ? this.pluginState.triggerCharacter.length : 0),
-        to: this.editor._tiptapEditor.state.selection.from
-      }).run();
-    });
-    this.editor = t, this.pluginState = void 0, this.emitUpdate = (i) => {
-      if (!this.state)
-        throw new Error("Attempting to update uninitialized suggestions menu");
-      o(i, this.state);
-    }, this.rootEl = this.editor._tiptapEditor.view.root, this.rootEl.addEventListener("scroll", this.handleScroll, !0);
-  }
-  update(t, o) {
-    var d;
-    const i = V.getState(o), n = V.getState(
-      t.state
-    ), r = i === void 0 && n !== void 0, a = i !== void 0 && n === void 0;
-    if (!r && !(i !== void 0 && n !== void 0) && !a)
-      return;
-    if (this.pluginState = a ? i : n, a || !this.editor.isEditable) {
-      this.state.show = !1, this.emitUpdate(this.pluginState.triggerCharacter);
-      return;
-    }
-    const l = (d = this.rootEl) == null ? void 0 : d.querySelector(
-      `[data-decoration-id="${this.pluginState.decorationId}"]`
-    );
-    this.editor.isEditable && (this.state = {
-      show: !0,
-      referencePos: l.getBoundingClientRect(),
-      query: this.pluginState.query
-    }, this.emitUpdate(this.pluginState.triggerCharacter));
-  }
-  destroy() {
-    var t;
-    (t = this.rootEl) == null || t.removeEventListener("scroll", this.handleScroll, !0);
-  }
-}
-const V = new S("SuggestionMenuPlugin");
-class mn extends X {
-  constructor(o) {
-    super();
-    c(this, "view");
-    c(this, "plugin");
-    c(this, "triggerCharacters", []);
-    c(this, "addTriggerCharacter", (o) => {
-      this.triggerCharacters.push(o);
-    });
-    // TODO: Should this be called automatically when listeners are removed?
-    c(this, "removeTriggerCharacter", (o) => {
-      this.triggerCharacters = this.triggerCharacters.filter(
-        (i) => i !== o
-      );
-    });
-    c(this, "closeMenu", () => this.view.closeMenu());
-    c(this, "clearQuery", () => this.view.clearQuery());
-    const i = this.triggerCharacters;
-    this.plugin = new y({
-      key: V,
-      view: () => (this.view = new hn(
-        o,
-        (n, r) => {
-          this.emit(`update ${n}`, r);
-        }
-      ), this.view),
-      state: {
-        // Initialize the plugin's internal state.
-        init() {
-        },
-        // Apply changes to the plugin state from an editor transaction.
-        apply(n, r, a, s) {
-          if (n.getMeta("orderedListIndexing") !== void 0)
-            return r;
-          const l = n.getMeta(V);
-          if (typeof l == "object" && l !== null && r === void 0)
-            return {
-              triggerCharacter: l.triggerCharacter,
-              fromUserInput: l.fromUserInput !== !1,
-              queryStartPos: s.selection.from,
-              query: "",
-              decorationId: `id_${Math.floor(Math.random() * 4294967295)}`
-            };
-          if (r === void 0)
-            return r;
-          if (
-            // Highlighting text should hide the menu.
-            s.selection.from !== s.selection.to || // Transactions with plugin metadata should hide the menu.
-            l === null || // Certain mouse events should hide the menu.
-            // TODO: Change to global mousedown listener.
-            n.getMeta("focus") || n.getMeta("blur") || n.getMeta("pointer") || // Moving the caret before the character which triggered the menu should hide it.
-            r.triggerCharacter !== void 0 && s.selection.from < r.queryStartPos
-          )
-            return;
-          const d = { ...r };
-          return d.query = s.doc.textBetween(
-            r.queryStartPos,
-            s.selection.from
-          ), d;
-        }
-      },
-      props: {
-        handleTextInput(n, r, a, s) {
-          const l = this.getState(n.state);
-          return i.includes(s) && l === void 0 ? (n.dispatch(
-            n.state.tr.insertText(s).scrollIntoView().setMeta(V, {
-              triggerCharacter: s
-            })
-          ), !0) : !1;
-        },
-        // Setup decorator on the currently active suggestion.
-        decorations(n) {
-          const r = this.getState(n);
-          if (r === void 0)
-            return null;
-          if (!r.fromUserInput) {
-            const a = pn(n.selection);
-            if (a)
-              return G.create(n.doc, [
-                W.node(
-                  a.pos,
-                  a.pos + a.node.nodeSize,
-                  {
-                    nodeName: "span",
-                    class: "bn-suggestion-decorator",
-                    "data-decoration-id": r.decorationId
-                  }
-                )
-              ]);
-          }
-          return G.create(n.doc, [
-            W.inline(
-              r.queryStartPos - r.triggerCharacter.length,
-              r.queryStartPos,
-              {
-                nodeName: "span",
-                class: "bn-suggestion-decorator",
-                "data-decoration-id": r.decorationId
-              }
-            )
-          ]);
-        }
-      }
-    });
-  }
-  onUpdate(o, i) {
-    return this.triggerCharacters.includes(o) || this.addTriggerCharacter(o), this.on(`update ${o}`, i);
-  }
-  get shown() {
-    var o, i;
-    return ((i = (o = this.view) == null ? void 0 : o.state) == null ? void 0 : i.show) || !1;
-  }
-}
-function Wr(e, t) {
-  e.suggestionMenus.addTriggerCharacter(t);
-}
-class F extends he {
-  constructor(o, i) {
-    super(o, i);
-    c(this, "nodes");
-    const n = o.node();
-    this.nodes = [], o.doc.nodesBetween(o.pos, i.pos, (r, a, s) => {
-      if (s !== null && s.eq(n))
-        return this.nodes.push(r), !1;
+class z extends he {
+  constructor(o, i) {
+    super(o, i);
+    c(this, "nodes");
+    const n = o.node();
+    this.nodes = [], o.doc.nodesBetween(o.pos, i.pos, (r, a, s) => {
+      if (s !== null && s.eq(n))
+        return this.nodes.push(r), !1;
     });
   }
   static create(o, i, n = i) {
-    return new F(o.resolve(i), o.resolve(n));
+    return new z(o.resolve(i), o.resolve(n));
   }
   content() {
     return new D(L.from(this.nodes), 0, 0);
   }
   eq(o) {
-    if (!(o instanceof F) || this.nodes.length !== o.nodes.length || this.from !== o.from || this.to !== o.to)
+    if (!(o instanceof z) || this.nodes.length !== o.nodes.length || this.from !== o.from || this.to !== o.to)
       return !1;
     for (let i = 0; i < this.nodes.length; i++)
       if (!this.nodes[i].eq(o.nodes[i]))
@@ -6835,7 +6776,7 @@ class F extends he {
   }
   map(o, i) {
     const n = i.mapResult(this.from), r = i.mapResult(this.to);
-    return r.deleted ? he.near(o.resolve(n.pos)) : n.deleted ? he.near(o.resolve(r.pos)) : new F(
+    return r.deleted ? he.near(o.resolve(n.pos)) : n.deleted ? he.near(o.resolve(r.pos)) : new z(
       o.resolve(n.pos),
       o.resolve(r.pos)
     );
@@ -6852,7 +6793,7 @@ function pe(e, t) {
   if (e.hasAttribute("data-id"))
     return { node: e, id: e.getAttribute("data-id") };
 }
-function fn(e, t) {
+function wn(e, t) {
   const o = pe(e, t);
   if (o && o.node.nodeType === 1) {
     const i = t.docView, n = i.nearestDesc(o.node, !0);
@@ -6860,7 +6801,7 @@ function fn(e, t) {
   }
   return null;
 }
-function gn(e, t) {
+function vn(e, t) {
   let o, i;
   const n = t.resolve(e.from).node().type.spec.group === "blockContent", r = t.resolve(e.to).node().type.spec.group === "blockContent", a = Math.min(e.$anchor.depth, e.$head.depth);
   if (n && r) {
@@ -6870,7 +6811,7 @@ function gn(e, t) {
     o = e.from, i = e.to;
   return { from: o, to: i };
 }
-function Ge(e, t, o = t) {
+function Ke(e, t, o = t) {
   t === o && (o += e.state.doc.resolve(t + 1).node().nodeSize);
   const i = e.domAtPos(t).node.cloneNode(!0), n = e.domAtPos(t).node, r = (u, p) => Array.prototype.indexOf.call(u.children, p), a = r(
     n,
@@ -6883,16 +6824,16 @@ function Ge(e, t, o = t) {
   );
   for (let u = n.childElementCount - 1; u >= 0; u--)
     (u > s || u < a) && i.removeChild(i.children[u]);
-  yt(e.root), B = i;
+  vt(e.root), B = i;
   const d = e.dom.className.split(" ").filter(
     (u) => u !== "ProseMirror" && u !== "bn-root" && u !== "bn-editor"
   ).join(" ");
   B.className = B.className + " bn-drag-preview " + d, e.root instanceof ShadowRoot ? e.root.appendChild(B) : e.root.body.appendChild(B);
 }
-function yt(e) {
+function vt(e) {
   B !== void 0 && (e instanceof ShadowRoot ? e.removeChild(B) : e.body.removeChild(B), B = void 0);
 }
-function bn(e, t) {
+function xn(e, t) {
   if (!e.dataTransfer)
     return;
   const o = t.prosemirrorView, i = o.dom.getBoundingClientRect(), n = {
@@ -6908,23 +6849,25 @@ function bn(e, t) {
     }
   if (!a)
     return;
-  const s = fn(a.node, o);
+  const s = wn(a.node, o);
   if (s != null) {
-    const l = o.state.selection, d = o.state.doc, { from: u, to: p } = gn(l, d), h = u <= s && s < p, f = l.$anchor.node() !== l.$head.node() || l instanceof F;
+    const l = o.state.selection, d = o.state.doc, { from: u, to: p } = vn(l, d), h = u <= s && s < p, f = l.$anchor.node() !== l.$head.node() || l instanceof z;
     h && f ? (o.dispatch(
-      o.state.tr.setSelection(F.create(d, u, p))
-    ), Ge(o, u, p)) : (o.dispatch(
+      o.state.tr.setSelection(z.create(d, u, p))
+    ), Ke(o, u, p)) : (o.dispatch(
       o.state.tr.setSelection(ne.create(o.state.doc, s))
-    ), Ge(o, s));
-    const m = o.state.selection.content(), g = t._tiptapEditor.schema, A = rt(g, t).serializeProseMirrorFragment(
-      m.content
+    ), Ke(o, s));
+    const m = o.state.selection.content(), g = t.pmSchema, A = Ce(g, t).serializeProseMirrorFragment(
+      m.content,
+      {}
     ), N = ae(g, t).exportProseMirrorFragment(
-      m.content
-    ), Z = Te(N);
+      m.content,
+      {}
+    ), Z = Be(N);
     e.dataTransfer.clearData(), e.dataTransfer.setData("blocknote/html", A), e.dataTransfer.setData("text/html", N), e.dataTransfer.setData("text/plain", Z), e.dataTransfer.effectAllowed = "move", e.dataTransfer.setDragImage(B, 0, 0), o.dragging = { slice: m, move: !0 };
   }
 }
-class kn {
+class En {
   constructor(t, o, i) {
     c(this, "state");
     c(this, "emitUpdate");
@@ -7130,16 +7073,11 @@ class kn {
       this.editor._tiptapEditor.chain().BNCreateBlock(d).setTextSelection(u).run();
     } else
       this.editor._tiptapEditor.commands.setTextSelection(a + 1);
-    this.pmView.focus(), this.pmView.dispatch(
-      this.pmView.state.tr.scrollIntoView().setMeta(V, {
-        triggerCharacter: "/",
-        fromUserInput: !1
-      })
-    );
+    this.editor.openSelectionMenu("/");
   }
 }
-const _n = new S("SideMenuPlugin");
-class yn extends X {
+const Cn = new S("SideMenuPlugin");
+class Sn extends X {
   constructor(o) {
     super();
     c(this, "view");
@@ -7153,12 +7091,12 @@ class yn extends X {
      * Handles drag & drop events for blocks.
      */
     c(this, "blockDragStart", (o) => {
-      this.view.isDragging = !0, bn(o, this.editor);
+      this.view.isDragging = !0, xn(o, this.editor);
     });
     /**
      * Handles drag & drop events for blocks.
      */
-    c(this, "blockDragEnd", () => yt(this.editor.prosemirrorView.root));
+    c(this, "blockDragEnd", () => vt(this.editor.prosemirrorView.root));
     /**
      * Freezes the side menu. When frozen, the side menu will stay
      * attached to the same block regardless of which block is hovered by the
@@ -7174,8 +7112,8 @@ class yn extends X {
       this.view.menuFrozen = !1, this.view.state.show = !1, this.view.emitUpdate(this.view.state);
     });
     this.editor = o, this.plugin = new y({
-      key: _n,
-      view: (i) => (this.view = new kn(o, i, (n) => {
+      key: Cn,
+      view: (i) => (this.view = new En(o, i, (n) => {
         this.emit("update", n);
       }), this.view)
     });
@@ -7184,29 +7122,207 @@ class yn extends X {
     return this.on("update", o);
   }
 }
+const Mn = zt((e) => e.type.name === "blockContainer");
+class Tn {
+  constructor(t, o) {
+    c(this, "state");
+    c(this, "emitUpdate");
+    c(this, "rootEl");
+    c(this, "pluginState");
+    c(this, "handleScroll", () => {
+      var t, o;
+      if ((t = this.state) != null && t.show) {
+        const i = (o = this.rootEl) == null ? void 0 : o.querySelector(
+          `[data-decoration-id="${this.pluginState.decorationId}"]`
+        );
+        this.state.referencePos = i.getBoundingClientRect(), this.emitUpdate(this.pluginState.triggerCharacter);
+      }
+    });
+    c(this, "closeMenu", () => {
+      this.editor.dispatch(
+        this.editor._tiptapEditor.view.state.tr.setMeta(
+          F,
+          null
+        )
+      );
+    });
+    c(this, "clearQuery", () => {
+      this.pluginState !== void 0 && this.editor._tiptapEditor.chain().focus().deleteRange({
+        from: this.pluginState.queryStartPos - (this.pluginState.fromUserInput ? this.pluginState.triggerCharacter.length : 0),
+        to: this.editor._tiptapEditor.state.selection.from
+      }).run();
+    });
+    this.editor = t, this.pluginState = void 0, this.emitUpdate = (i) => {
+      if (!this.state)
+        throw new Error("Attempting to update uninitialized suggestions menu");
+      o(i, this.state);
+    }, this.rootEl = this.editor._tiptapEditor.view.root, this.rootEl.addEventListener("scroll", this.handleScroll, !0);
+  }
+  update(t, o) {
+    var d;
+    const i = F.getState(o), n = F.getState(
+      t.state
+    ), r = i === void 0 && n !== void 0, a = i !== void 0 && n === void 0;
+    if (!r && !(i !== void 0 && n !== void 0) && !a)
+      return;
+    if (this.pluginState = a ? i : n, a || !this.editor.isEditable) {
+      this.state.show = !1, this.emitUpdate(this.pluginState.triggerCharacter);
+      return;
+    }
+    const l = (d = this.rootEl) == null ? void 0 : d.querySelector(
+      `[data-decoration-id="${this.pluginState.decorationId}"]`
+    );
+    this.editor.isEditable && (this.state = {
+      show: !0,
+      referencePos: l.getBoundingClientRect(),
+      query: this.pluginState.query
+    }, this.emitUpdate(this.pluginState.triggerCharacter));
+  }
+  destroy() {
+    var t;
+    (t = this.rootEl) == null || t.removeEventListener("scroll", this.handleScroll, !0);
+  }
+}
+const F = new S("SuggestionMenuPlugin");
+class Bn extends X {
+  constructor(o) {
+    super();
+    c(this, "view");
+    c(this, "plugin");
+    c(this, "triggerCharacters", []);
+    c(this, "addTriggerCharacter", (o) => {
+      this.triggerCharacters.push(o);
+    });
+    // TODO: Should this be called automatically when listeners are removed?
+    c(this, "removeTriggerCharacter", (o) => {
+      this.triggerCharacters = this.triggerCharacters.filter(
+        (i) => i !== o
+      );
+    });
+    c(this, "closeMenu", () => this.view.closeMenu());
+    c(this, "clearQuery", () => this.view.clearQuery());
+    const i = this.triggerCharacters;
+    this.plugin = new y({
+      key: F,
+      view: () => (this.view = new Tn(
+        o,
+        (n, r) => {
+          this.emit(`update ${n}`, r);
+        }
+      ), this.view),
+      state: {
+        // Initialize the plugin's internal state.
+        init() {
+        },
+        // Apply changes to the plugin state from an editor transaction.
+        apply(n, r, a, s) {
+          if (n.getMeta("orderedListIndexing") !== void 0)
+            return r;
+          const l = n.getMeta(F);
+          if (typeof l == "object" && l !== null && r === void 0)
+            return {
+              triggerCharacter: l.triggerCharacter,
+              fromUserInput: l.fromUserInput !== !1,
+              queryStartPos: s.selection.from,
+              query: "",
+              decorationId: `id_${Math.floor(Math.random() * 4294967295)}`
+            };
+          if (r === void 0)
+            return r;
+          if (
+            // Highlighting text should hide the menu.
+            s.selection.from !== s.selection.to || // Transactions with plugin metadata should hide the menu.
+            l === null || // Certain mouse events should hide the menu.
+            // TODO: Change to global mousedown listener.
+            n.getMeta("focus") || n.getMeta("blur") || n.getMeta("pointer") || // Moving the caret before the character which triggered the menu should hide it.
+            r.triggerCharacter !== void 0 && s.selection.from < r.queryStartPos
+          )
+            return;
+          const d = { ...r };
+          return d.query = s.doc.textBetween(
+            r.queryStartPos,
+            s.selection.from
+          ), d;
+        }
+      },
+      props: {
+        handleTextInput(n, r, a, s) {
+          const l = this.getState(n.state);
+          return i.includes(s) && l === void 0 ? (n.dispatch(
+            n.state.tr.insertText(s).scrollIntoView().setMeta(F, {
+              triggerCharacter: s
+            })
+          ), !0) : !1;
+        },
+        // Setup decorator on the currently active suggestion.
+        decorations(n) {
+          const r = this.getState(n);
+          if (r === void 0)
+            return null;
+          if (!r.fromUserInput) {
+            const a = Mn(n.selection);
+            if (a)
+              return G.create(n.doc, [
+                K.node(
+                  a.pos,
+                  a.pos + a.node.nodeSize,
+                  {
+                    nodeName: "span",
+                    class: "bn-suggestion-decorator",
+                    "data-decoration-id": r.decorationId
+                  }
+                )
+              ]);
+          }
+          return G.create(n.doc, [
+            K.inline(
+              r.queryStartPos - r.triggerCharacter.length,
+              r.queryStartPos,
+              {
+                nodeName: "span",
+                class: "bn-suggestion-decorator",
+                "data-decoration-id": r.decorationId
+              }
+            )
+          ]);
+        }
+      }
+    });
+  }
+  onUpdate(o, i) {
+    return this.triggerCharacters.includes(o) || this.addTriggerCharacter(o), this.on(`update ${o}`, i);
+  }
+  get shown() {
+    var o, i;
+    return ((i = (o = this.view) == null ? void 0 : o.state) == null ? void 0 : i.show) || !1;
+  }
+}
+function ea(e, t) {
+  e.suggestionMenus.addTriggerCharacter(t);
+}
 let w;
 function We(e) {
   w || (w = document.createElement("div"), w.innerHTML = "_", w.style.opacity = "0", w.style.height = "1px", w.style.width = "1px", e instanceof Document ? e.body.appendChild(w) : e.appendChild(w));
 }
-function wn(e) {
+function Ln(e) {
   w && (e instanceof Document ? e.body.removeChild(w) : e.removeChild(w), w = void 0);
 }
 function ie(e) {
   return Array.prototype.indexOf.call(e.parentElement.childNodes, e);
 }
-function vn(e) {
+function In(e) {
   for (; e && e.nodeName !== "TD" && e.nodeName !== "TH"; )
     e = e.classList && e.classList.contains("ProseMirror") ? null : e.parentNode;
   return e;
 }
-function xn(e, t) {
+function An(e, t) {
   e.forEach((o) => {
     const i = t.querySelectorAll(o);
     for (let n = 0; n < i.length; n++)
       i[n].style.visibility = "hidden";
   });
 }
-class En {
+class Nn {
   constructor(t, o, i) {
     c(this, "state");
     c(this, "emitUpdate");
@@ -7218,7 +7334,7 @@ class En {
       var d;
       if (this.menuFrozen)
         return;
-      const o = vn(t.target);
+      const o = In(t.target);
       if (!o || !this.editor.isEditable) {
         (d = this.state) != null && d.show && (this.state.show = !1, this.emitUpdate());
         return;
@@ -7239,7 +7355,7 @@ class En {
           this.editor.schema.styleSchema,
           this.editor.blockCache
         );
-        return Oi("table", h, this.editor) && (this.tablePos = p + 1, l = h), !1;
+        return Xi("table", h, this.editor) && (this.tablePos = p + 1, l = h), !1;
       }), !!l && (this.tableId = s.id, !(this.state !== void 0 && this.state.show && this.tableId === s.id && this.state.rowIndex === n && this.state.colIndex === i)))
         return this.state = {
           show: !0,
@@ -7255,7 +7371,7 @@ class En {
       var h;
       if (((h = this.state) == null ? void 0 : h.draggingState) === void 0)
         return;
-      t.preventDefault(), t.dataTransfer.dropEffect = "move", xn(
+      t.preventDefault(), t.dataTransfer.dropEffect = "move", An(
         [
           "column-resize-handle",
           "prosemirror-dropcursor-block",
@@ -7284,7 +7400,7 @@ class En {
       const a = ie(n.parentElement), s = ie(n), l = this.state.draggingState.draggedCellOrientation === "row" ? this.state.rowIndex : this.state.colIndex, u = (this.state.draggingState.draggedCellOrientation === "row" ? a : s) !== l;
       (this.state.rowIndex !== a || this.state.colIndex !== s) && (this.state.rowIndex = a, this.state.colIndex = s, this.state.referencePosCell = n.getBoundingClientRect(), r = !0);
       const p = this.state.draggingState.draggedCellOrientation === "row" ? o.top : o.left;
-      this.state.draggingState.mousePos !== p && (this.state.draggingState.mousePos = p, r = !0), r && this.emitUpdate(), u && this.pmView.dispatch(
+      this.state.draggingState.mousePos !== p && (this.state.draggingState.mousePos = p, r = !0), r && this.emitUpdate(), u && this.editor.dispatch(
         this.pmView.state.tr.setMeta(Q, !0)
       );
     });
@@ -7343,7 +7459,7 @@ class En {
   }
 }
 const Q = new S("TableHandlesPlugin");
-class Cn extends X {
+class Pn extends X {
   constructor(o) {
     super();
     c(this, "view");
@@ -7361,7 +7477,7 @@ class Cn extends X {
         draggedCellOrientation: "col",
         originalIndex: this.view.state.colIndex,
         mousePos: o.clientX
-      }, this.view.emitUpdate(), this.editor._tiptapEditor.view.dispatch(
+      }, this.view.emitUpdate(), this.editor.dispatch(
         this.editor._tiptapEditor.state.tr.setMeta(Q, {
           draggedCellOrientation: this.view.state.draggingState.draggedCellOrientation,
           originalIndex: this.view.state.colIndex,
@@ -7383,7 +7499,7 @@ class Cn extends X {
         draggedCellOrientation: "row",
         originalIndex: this.view.state.rowIndex,
         mousePos: o.clientY
-      }, this.view.emitUpdate(), this.editor._tiptapEditor.view.dispatch(
+      }, this.view.emitUpdate(), this.editor.dispatch(
         this.editor._tiptapEditor.state.tr.setMeta(Q, {
           draggedCellOrientation: this.view.state.draggingState.draggedCellOrientation,
           originalIndex: this.view.state.rowIndex,
@@ -7401,9 +7517,9 @@ class Cn extends X {
         throw new Error(
           "Attempted to drag table row, but no table block was hovered prior."
         );
-      this.view.state.draggingState = void 0, this.view.emitUpdate(), this.editor._tiptapEditor.view.dispatch(
+      this.view.state.draggingState = void 0, this.view.emitUpdate(), this.editor.dispatch(
         this.editor._tiptapEditor.state.tr.setMeta(Q, null)
-      ), wn(this.editor._tiptapEditor.view.root);
+      ), Ln(this.editor._tiptapEditor.view.root);
     });
     /**
      * Freezes the drag handles. When frozen, they will stay attached to the same
@@ -7421,7 +7537,7 @@ class Cn extends X {
     });
     this.editor = o, this.plugin = new y({
       key: Q,
-      view: (i) => (this.view = new En(o, i, (n) => {
+      view: (i) => (this.view = new Nn(o, i, (n) => {
         this.emit("update", n);
       }), this.view),
       // We use decorations to render the drop cursor when dragging a table row
@@ -7444,7 +7560,7 @@ class Cn extends X {
               ), h = p.node(), f = p.pos + (n > this.view.state.draggingState.originalIndex ? h.nodeSize - 2 : 0);
               r.push(
                 // The widget is a small bar which spans the width of the cell.
-                W.widget(f, () => {
+                K.widget(f, () => {
                   const m = document.createElement("div");
                   return m.className = "bn-table-drop-cursor", m.style.left = "0", m.style.right = "0", n > this.view.state.draggingState.originalIndex ? m.style.bottom = "-2px" : m.style.top = "-3px", m.style.height = "4px", m;
                 })
@@ -7459,7 +7575,7 @@ class Cn extends X {
               ), p = u.node(), h = u.pos + (n > this.view.state.draggingState.originalIndex ? p.nodeSize - 2 : 0);
               r.push(
                 // The widget is a small bar which spans the height of the cell.
-                W.widget(h, () => {
+                K.widget(h, () => {
                   const f = document.createElement("div");
                   return f.className = "bn-table-drop-cursor", f.style.top = "0", f.style.bottom = "0", n > this.view.state.draggingState.originalIndex ? f.style.right = "-2px" : f.style.left = "-3px", f.style.width = "4px", f;
                 })
@@ -7474,17 +7590,23 @@ class Cn extends X {
     return this.on("update", o);
   }
 }
-function Ke(e, t) {
-  const o = e.state.selection.content().content, n = rt(
+function $e(e, t) {
+  const o = e.state.selection.content().content, n = Ce(
     e.state.schema,
     t
-  ).serializeProseMirrorFragment(o), a = ae(
+  ).serializeProseMirrorFragment(
+    o,
+    {}
+  ), a = ae(
     e.state.schema,
     t
-  ).exportProseMirrorFragment(o), s = Te(a);
+  ).exportProseMirrorFragment(
+    o,
+    {}
+  ), s = Be(a);
   return { internalHTML: n, externalHTML: a, plainText: s };
 }
-const Sn = (e) => M.create({
+const Hn = (e) => M.create({
   name: "copyToClipboard",
   addProseMirrorPlugins() {
     return [
@@ -7492,14 +7614,14 @@ const Sn = (e) => M.create({
         props: {
           handleDOMEvents: {
             copy(t, o) {
-              o.preventDefault(), o.clipboardData.clearData(), "node" in t.state.selection && t.state.selection.node.type.spec.group === "blockContent" && t.dispatch(
-                t.state.tr.setSelection(
+              o.preventDefault(), o.clipboardData.clearData(), "node" in t.state.selection && t.state.selection.node.type.spec.group === "blockContent" && e.dispatch(
+                e._tiptapEditor.state.tr.setSelection(
                   new ne(
                     t.state.doc.resolve(t.state.selection.from - 1)
                   )
                 )
               );
-              const { internalHTML: i, externalHTML: n, plainText: r } = Ke(t, e);
+              const { internalHTML: i, externalHTML: n, plainText: r } = $e(t, e);
               return o.clipboardData.setData("blocknote/html", i), o.clipboardData.setData("text/html", n), o.clipboardData.setData("text/plain", r), !0;
             },
             // This is for the use-case in which only a block without content
@@ -7508,14 +7630,14 @@ const Sn = (e) => M.create({
             dragstart(t, o) {
               if (!("node" in t.state.selection) || t.state.selection.node.type.spec.group !== "blockContent")
                 return;
-              t.dispatch(
-                t.state.tr.setSelection(
+              e.dispatch(
+                e._tiptapEditor.state.tr.setSelection(
                   new ne(
                     t.state.doc.resolve(t.state.selection.from - 1)
                   )
                 )
               ), o.preventDefault(), o.dataTransfer.clearData();
-              const { internalHTML: i, externalHTML: n, plainText: r } = Ke(t, e);
+              const { internalHTML: i, externalHTML: n, plainText: r } = $e(t, e);
               return o.dataTransfer.setData("blocknote/html", i), o.dataTransfer.setData("text/html", n), o.dataTransfer.setData("text/plain", r), !0;
             }
           }
@@ -7524,7 +7646,7 @@ const Sn = (e) => M.create({
     ];
   }
 });
-function Mn(e) {
+function Un(e) {
   let t = e.getTextCursorPosition().block, o = e.schema.blockSchema[t.type].content;
   for (; o === "none"; )
     t = e.getTextCursorPosition().nextBlock, o = e.schema.blockSchema[t.type].content, e.setTextCursorPosition(t, "end");
@@ -7538,9 +7660,9 @@ function x(e, t) {
     "end"
   ));
   const i = e.getTextCursorPosition().block;
-  return Mn(e), i;
+  return Un(e), i;
 }
-function Kr(e) {
+function ta(e) {
   const t = [];
   return E("heading", e) && t.push(
     {
@@ -7637,7 +7759,7 @@ function Kr(e) {
       const o = x(e, {
         type: "image"
       });
-      e.prosemirrorView.dispatch(
+      e.dispatch(
         e._tiptapEditor.state.tr.setMeta(e.filePanel.plugin, {
           block: o
         })
@@ -7650,7 +7772,7 @@ function Kr(e) {
       const o = x(e, {
         type: "video"
       });
-      e.prosemirrorView.dispatch(
+      e.dispatch(
         e._tiptapEditor.state.tr.setMeta(e.filePanel.plugin, {
           block: o
         })
@@ -7663,7 +7785,7 @@ function Kr(e) {
       const o = x(e, {
         type: "audio"
       });
-      e.prosemirrorView.dispatch(
+      e.dispatch(
         e._tiptapEditor.state.tr.setMeta(e.filePanel.plugin, {
           block: o
         })
@@ -7676,7 +7798,7 @@ function Kr(e) {
       const o = x(e, {
         type: "file"
       });
-      e.prosemirrorView.dispatch(
+      e.dispatch(
         e._tiptapEditor.state.tr.setMeta(e.filePanel.plugin, {
           block: o
         })
@@ -7684,22 +7806,26 @@ function Kr(e) {
     },
     key: "image",
     ...e.dictionary.slash_menu.file
+  }), t.push({
+    onItemClick: () => e.openSelectionMenu(":"),
+    key: "emoji",
+    ...e.dictionary.slash_menu.emoji
   }), t;
 }
-function $r(e, t) {
+function oa(e, t) {
   return e.filter(
     ({ title: o, aliases: i }) => o.toLowerCase().includes(t.toLowerCase()) || i && i.filter(
       (n) => n.toLowerCase().includes(t.toLowerCase())
     ).length !== 0
   );
 }
-const Be = [
+const Le = [
   "blocknote/html",
   "Files",
   "text/html",
   "text/plain"
 ];
-function Tn(e, t) {
+function Dn(e, t) {
   const o = e.split("/"), i = t.split("/");
   if (o.length !== 2)
     throw new Error(`The string ${e} is not a valid MIME type.`);
@@ -7707,14 +7833,14 @@ function Tn(e, t) {
     throw new Error(`The string ${t} is not a valid MIME type.`);
   return o[1] === "*" || i[1] === "*" ? o[0] === i[0] : (o[0] === "*" || i[0] === "*" || o[0] === i[0]) && o[1] === i[1];
 }
-async function wt(e, t) {
+async function xt(e, t) {
   if (!t.uploadFile)
     return;
   const o = "dataTransfer" in e ? e.dataTransfer : e.clipboardData;
   if (o === null)
     return;
   let i = null;
-  for (const a of Be)
+  for (const a of Le)
     if (o.types.includes(a)) {
       i = a;
       break;
@@ -7732,7 +7858,7 @@ async function wt(e, t) {
     let s = "file";
     for (const d of r)
       for (const u of d.fileBlockAcceptMimeTypes || [])
-        if (Tn(n[a].type, u)) {
+        if (Dn(n[a].type, u)) {
           s = d.type;
           break;
         }
@@ -7752,7 +7878,7 @@ async function wt(e, t) {
     }
   }
 }
-const Bn = (e) => M.create({
+const jn = (e) => M.create({
   name: "pasteFromClipboard",
   addProseMirrorPlugins() {
     return [
@@ -7763,7 +7889,7 @@ const Bn = (e) => M.create({
               if (o.preventDefault(), !e.isEditable)
                 return;
               let i = null;
-              for (const r of Be)
+              for (const r of Le)
                 if (o.clipboardData.types.includes(r)) {
                   i = r;
                   break;
@@ -7771,16 +7897,16 @@ const Bn = (e) => M.create({
               if (i === null)
                 return !0;
               if (i === "Files")
-                return wt(o, e), !0;
+                return xt(o, e), !0;
               let n = o.clipboardData.getData(i);
-              return i === "text/html" && (n = kt(n.trim()).innerHTML), e._tiptapEditor.view.pasteHTML(n), !0;
+              return i === "text/html" && (n = yt(n.trim()).innerHTML), e._tiptapEditor.view.pasteHTML(n), !0;
             }
           }
         }
       })
     ];
   }
-}), Ln = (e) => M.create({
+}), Rn = (e) => M.create({
   name: "dropFile",
   addProseMirrorPlugins() {
     return [
@@ -7791,19 +7917,19 @@ const Bn = (e) => M.create({
               if (!e.isEditable)
                 return;
               let i = null;
-              for (const n of Be)
+              for (const n of Le)
                 if (o.dataTransfer.types.includes(n)) {
                   i = n;
                   break;
                 }
-              return i === null ? !0 : i === "Files" ? (wt(o, e), !0) : !1;
+              return i === null ? !0 : i === "Files" ? (xt(o, e), !0) : !1;
             }
           }
         }
       })
     ];
   }
-}), In = M.create({
+}), Vn = M.create({
   name: "blockBackgroundColor",
   addGlobalAttributes() {
     return [
@@ -7813,7 +7939,7 @@ const Bn = (e) => M.create({
           backgroundColor: {
             default: _.backgroundColor.default,
             parseHTML: (e) => e.hasAttribute("data-background-color") ? e.getAttribute("data-background-color") : _.backgroundColor.default,
-            renderHTML: (e) => e.backgroundColor !== _.backgroundColor.default && {
+            renderHTML: (e) => e.backgroundColor === _.backgroundColor.default ? {} : {
               "data-background-color": e.backgroundColor
             }
           }
@@ -7821,7 +7947,7 @@ const Bn = (e) => M.create({
       }
     ];
   }
-}), An = M.create({
+}), On = M.create({
   name: "textAlignment",
   addGlobalAttributes() {
     return [
@@ -7839,7 +7965,7 @@ const Bn = (e) => M.create({
           textAlignment: {
             default: "left",
             parseHTML: (e) => e.getAttribute("data-text-alignment"),
-            renderHTML: (e) => e.textAlignment !== "left" && {
+            renderHTML: (e) => e.textAlignment === "left" ? {} : {
               "data-text-alignment": e.textAlignment
             }
           }
@@ -7847,7 +7973,7 @@ const Bn = (e) => M.create({
       }
     ];
   }
-}), Nn = M.create({
+}), zn = M.create({
   name: "blockTextColor",
   addGlobalAttributes() {
     return [
@@ -7857,7 +7983,7 @@ const Bn = (e) => M.create({
           textColor: {
             default: _.textColor.default,
             parseHTML: (e) => e.hasAttribute("data-text-color") ? e.getAttribute("data-text-color") : _.textColor.default,
-            renderHTML: (e) => e.textColor !== _.textColor.default && {
+            renderHTML: (e) => e.textColor === _.textColor.default ? {} : {
               "data-text-color": e.textColor
             }
           }
@@ -7865,7 +7991,7 @@ const Bn = (e) => M.create({
       }
     ];
   }
-}), Pn = M.create({
+}), Fn = M.create({
   name: "trailingNode",
   addProseMirrorPlugins() {
     const e = new S(this.name);
@@ -7900,8 +8026,8 @@ const Bn = (e) => M.create({
       })
     ];
   }
-}), Hn = new S("non-editable-block"), Un = () => new y({
-  key: Hn,
+}), Gn = new S("non-editable-block"), Kn = () => new y({
+  key: Gn,
   props: {
     handleKeyDown: (e, t) => {
       if ("node" in e.state.selection) {
@@ -7926,7 +8052,7 @@ const Bn = (e) => M.create({
       return !1;
     }
   }
-}), $e = new S("previous-blocks"), Dn = {
+}), qe = new S("previous-blocks"), Wn = {
   // Numbered List Items
   index: "index",
   // Headings
@@ -7935,17 +8061,17 @@ const Bn = (e) => M.create({
   type: "type",
   depth: "depth",
   "depth-change": "depth-change"
-}, Vn = () => {
+}, $n = () => {
   let e;
   return new y({
-    key: $e,
+    key: qe,
     view(t) {
       return {
         update: async (o, i) => {
           var n;
           ((n = this.key) == null ? void 0 : n.getState(o.state).updatedBlocks.size) > 0 && (e = setTimeout(() => {
             o.dispatch(
-              o.state.tr.setMeta($e, { clearUpdate: !0 })
+              o.state.tr.setMeta(qe, { clearUpdate: !0 })
             );
           }, 0));
         },
@@ -7968,9 +8094,9 @@ const Bn = (e) => M.create({
       apply(t, o, i, n) {
         if (o.currentTransactionOldBlockAttrs = {}, o.updatedBlocks.clear(), !t.docChanged || i.doc.eq(n.doc))
           return o;
-        const r = {}, a = He(i.doc, (d) => d.attrs.id), s = new Map(
+        const r = {}, a = Ue(i.doc, (d) => d.attrs.id), s = new Map(
           a.map((d) => [d.node.attrs.id, d])
-        ), l = He(n.doc, (d) => d.attrs.id);
+        ), l = Ue(n.doc, (d) => d.attrs.id);
         for (const d of l) {
           const u = s.get(d.node.attrs.id), p = u == null ? void 0 : u.node.firstChild, h = d.node.firstChild;
           if (u && p && h) {
@@ -8003,8 +8129,8 @@ const Bn = (e) => M.create({
             return;
           const a = o.currentTransactionOldBlockAttrs[n.attrs.id], s = {};
           for (const [d, u] of Object.entries(a))
-            s["data-prev-" + Dn[d]] = u || "none";
-          const l = W.node(r, r + n.nodeSize, {
+            s["data-prev-" + Wn[d]] = u || "none";
+          const l = K.node(r, r + n.nodeSize, {
             ...s
           });
           i.push(l);
@@ -8012,13 +8138,13 @@ const Bn = (e) => M.create({
       }
     }
   });
-}, Rn = {
+}, qn = {
   blockColor: "data-block-color",
   blockStyle: "data-block-style",
   id: "data-id",
   depth: "data-depth",
   depthChange: "data-depth-change"
-}, On = $.create({
+}, Xn = $.create({
   name: "blockContainer",
   group: "blockContainer",
   // A block always contains content, and optionally a blockGroup which contains nested blocks
@@ -8034,7 +8160,7 @@ const Bn = (e) => M.create({
           if (typeof e == "string")
             return !1;
           const t = {};
-          for (const [o, i] of Object.entries(Rn))
+          for (const [o, i] of Object.entries(qn))
             e.getAttribute(i) && (t[o] = e.getAttribute(i));
           return e.getAttribute("data-node-type") === "blockContainer" ? t : !1;
         }
@@ -8051,7 +8177,7 @@ const Bn = (e) => M.create({
       ...((n = this.options.domAttributes) == null ? void 0 : n.block) || {},
       ...e
     }, i = document.createElement("div");
-    i.className = R("bn-block", o.class), i.setAttribute("data-node-type", this.name);
+    i.className = j("bn-block", o.class), i.setAttribute("data-node-type", this.name);
     for (const [r, a] of Object.entries(o))
       r !== "class" && i.setAttribute(r, a);
     return t.appendChild(i), {
@@ -8104,19 +8230,19 @@ const Bn = (e) => M.create({
           let p = "keep";
           if (t.content)
             if (typeof t.content == "string")
-              p = K(
+              p = W(
                 [t.content],
                 o.schema,
                 this.options.editor.schema.styleSchema
               );
             else if (Array.isArray(t.content))
-              p = K(
+              p = W(
                 t.content,
                 o.schema,
                 this.options.editor.schema.styleSchema
               );
             else if (t.content.type === "tableContent")
-              p = et(
+              p = it(
                 t.content,
                 o.schema,
                 this.options.editor.schema.styleSchema
@@ -8242,7 +8368,7 @@ const Bn = (e) => M.create({
     };
   },
   addProseMirrorPlugins() {
-    return [Vn(), Un()];
+    return [$n(), Kn()];
   },
   addKeyboardShortcuts() {
     return {
@@ -8349,7 +8475,7 @@ const Bn = (e) => M.create({
       }
     };
   }
-}), jn = $.create({
+}), Zn = $.create({
   name: "blockGroup",
   group: "blockGroup",
   content: "blockContainer+",
@@ -8367,7 +8493,7 @@ const Bn = (e) => M.create({
       ...((i = this.options.domAttributes) == null ? void 0 : i.blockGroup) || {},
       ...e
     }, o = document.createElement("div");
-    o.className = R(
+    o.className = j(
       "bn-block-group",
       t.class
     ), o.setAttribute("data-node-type", "blockGroup");
@@ -8378,11 +8504,11 @@ const Bn = (e) => M.create({
       contentDOM: o
     };
   }
-}), zn = $.create({
+}), Jn = $.create({
   name: "doc",
   topNode: !0,
   content: "blockGroup"
-}), Fn = (e) => {
+}), Yn = (e) => {
   var i;
   const t = [
     J.ClipboardTextSerializer,
@@ -8391,17 +8517,17 @@ const Bn = (e) => M.create({
     J.FocusEvents,
     J.Tabindex,
     // DevTools,
-    co,
+    mo,
     // DropCursor,
     oe.configure({
       types: ["blockContainer"]
     }),
-    uo.extend({ priority: 10 }),
+    fo.extend({ priority: 10 }),
     // Comments,
     // basics:
-    mo,
+    ko,
     // marks:
-    ho.extend({
+    bo.extend({
       addKeyboardShortcuts() {
         return {
           "Mod-k": () => (this.editor.commands.toggleLink({ href: "" }), !0)
@@ -8409,9 +8535,9 @@ const Bn = (e) => M.create({
       }
     }),
     ...Object.values(e.styleSpecs).map((n) => n.implementation.mark),
-    Nn,
-    In,
-    An,
+    zn,
+    Vn,
+    On,
     // make sure escape blurs editor, so that we can tab to other elements in the host page (accessibility)
     M.create({
       name: "OverrideEscape",
@@ -8422,12 +8548,12 @@ const Bn = (e) => M.create({
       }
     }),
     // nodes
-    zn,
-    On.configure({
+    Jn,
+    Xn.configure({
       editor: e.editor,
       domAttributes: e.domAttributes
     }),
-    jn.configure({
+    Zn.configure({
       domAttributes: e.domAttributes
     }),
     ...Object.values(e.inlineContentSpecs).filter((n) => n.config !== "link" && n.config !== "text").map((n) => n.implementation.node.configure({
@@ -8447,17 +8573,17 @@ const Bn = (e) => M.create({
         domAttributes: e.domAttributes
       })
     ]),
-    Sn(e.editor),
-    Bn(e.editor),
-    Ln(e.editor),
-    lo.configure({ width: 5, color: "#ddeeff" }),
+    Hn(e.editor),
+    jn(e.editor),
+    Rn(e.editor),
+    ho.configure({ width: 5, color: "#ddeeff" }),
     // This needs to be at the bottom of this list, because Key events (such as enter, when selecting a /command),
     // should be handled before Enter handlers in other components like splitListItem
-    ...e.trailingBlock === void 0 || e.trailingBlock ? [Pn] : []
+    ...e.trailingBlock === void 0 || e.trailingBlock ? [Fn] : []
   ];
   if (e.collaboration) {
     if (t.push(
-      ao.configure({
+      uo.configure({
         fragment: e.collaboration.fragment
       })
     ), (i = e.collaboration.provider) != null && i.awareness) {
@@ -8470,7 +8596,7 @@ const Bn = (e) => M.create({
         return a.insertBefore(l, null), a.insertBefore(s, null), a.insertBefore(d, null), a;
       };
       t.push(
-        so.configure({
+        po.configure({
           user: e.collaboration.user,
           render: e.collaboration.renderCursor || n,
           provider: e.collaboration.provider
@@ -8478,24 +8604,24 @@ const Bn = (e) => M.create({
       );
     }
   } else
-    t.push(po);
+    t.push(go);
   const o = e.disableExtensions || [];
   return t.filter((n) => !o.includes(n.name));
 };
-function Gn(e, t) {
+function Qn(e, t) {
   const o = [];
   return e.forEach((i, n, r) => {
     r !== t && o.push(i);
   }), L.from(o);
 }
-function Wn(e, t) {
+function er(e, t) {
   let o = L.from(e.content);
   for (let i = 0; i < o.childCount; i++)
     if (o.child(i).type.spec.group === "blockContent") {
       const n = [o.child(i)];
       if (i + 1 < o.childCount && o.child(i + 1).type.spec.group === "blockGroup") {
         const a = o.child(i + 1).child(0).child(0);
-        (a.type.name === "bulletListItem" || a.type.name === "numberedListItem" || a.type.name === "checkListItem") && (n.push(o.child(i + 1)), o = Gn(o, i + 1));
+        (a.type.name === "bulletListItem" || a.type.name === "numberedListItem" || a.type.name === "checkListItem") && (n.push(o.child(i + 1)), o = Qn(o, i + 1));
       }
       const r = t.state.schema.nodes.blockContainer.create(
         void 0,
@@ -8510,7 +8636,7 @@ function ge(e) {
     Object.entries(e).filter(([, t]) => t !== void 0)
   );
 }
-class Le {
+class Ie {
   constructor(t) {
     c(this, "blockSpecs");
     c(this, "inlineContentSpecs");
@@ -8522,15 +8648,15 @@ class Le {
     c(this, "BlockNoteEditor", "only for types");
     c(this, "Block", "only for types");
     c(this, "PartialBlock", "only for types");
-    this.blockSpecs = ge(t == null ? void 0 : t.blockSpecs) || mt, this.inlineContentSpecs = ge(t == null ? void 0 : t.inlineContentSpecs) || gt, this.styleSpecs = ge(t == null ? void 0 : t.styleSpecs) || ft, this.blockSchema = dt(this.blockSpecs), this.inlineContentSchema = ct(
+    this.blockSpecs = ge(t == null ? void 0 : t.blockSpecs) || gt, this.inlineContentSpecs = ge(t == null ? void 0 : t.inlineContentSpecs) || kt, this.styleSpecs = ge(t == null ? void 0 : t.styleSpecs) || bt, this.blockSchema = ut(this.blockSpecs), this.inlineContentSchema = pt(
       this.inlineContentSpecs
-    ), this.styleSchema = pt(this.styleSpecs);
+    ), this.styleSchema = mt(this.styleSpecs);
   }
   static create(t) {
-    return new Le(t);
+    return new Ie(t);
   }
 }
-class Kn extends Ot {
+class Et extends Ft {
   constructor(o, i) {
     super({ ...o, content: void 0 });
     c(this, "_state");
@@ -8549,14 +8675,14 @@ class Kn extends Ot {
       if (r)
         return r;
       const d = a.apply(n.nodes.doc, l), u = JSON.parse(JSON.stringify(d.toJSON()));
-      return u.content[0].content[0].attrs.id = "initialBlockId", r = Bt.fromJSON(n, u), r;
+      return u.content[0].content[0].attrs.id = "initialBlockId", r = At.fromJSON(n, u), r;
     };
     let s;
     try {
       const l = o == null ? void 0 : o.content.map(
         (d) => P(d, this.schema, i).toJSON()
       );
-      s = jt(
+      s = Gt(
         {
           type: "doc",
           content: [
@@ -8577,7 +8703,7 @@ class Kn extends Ot {
         "Error creating document from blocks passed as `initialContent`:\n" + +JSON.stringify(o.content)
       );
     }
-    this._state = zt.create({
+    this._state = Wt.create({
       doc: s,
       schema: this.schema
       // selection: selection || undefined,
@@ -8586,14 +8712,15 @@ class Kn extends Ot {
   get state() {
     return this.view && (this._state = this.view.state), this._state;
   }
-  createView() {
+  dispatch(o) {
+    this.view ? this.view.dispatch(o) : this._state = this.state.apply(o);
   }
   /**
    * Replace the default `createView` method with a custom one - which we call on mount
    */
   createViewAlternative() {
     queueMicrotask(() => {
-      this.view = new ro(
+      this.view = new co(
         { mount: this.options.element },
         // use mount option so that we reuse the existing element instead of creating a new one
         {
@@ -8610,8 +8737,10 @@ class Kn extends Ot {
     });
   }
 }
-const $n = new S("blocknote-placeholder"), qn = (e, t) => new y({
-  key: $n,
+Et.prototype.createView = () => {
+};
+const tr = new S("blocknote-placeholder"), or = (e, t) => new y({
+  key: tr,
   view: () => {
     const o = document.createElement("style"), i = e._tiptapEditor.options.injectNonce;
     i && o.setAttribute("nonce", i), e._tiptapEditor.view.root instanceof ShadowRoot ? e._tiptapEditor.view.root.append(o) : e._tiptapEditor.view.root.head.appendChild(o);
@@ -8649,23 +8778,49 @@ const $n = new S("blocknote-placeholder"), qn = (e, t) => new y({
       const r = n.$anchor, a = r.parent;
       if (a.content.size > 0)
         return null;
-      const s = r.before(), l = W.node(s, s + a.nodeSize, {
+      const s = r.before(), l = K.node(s, s + a.nodeSize, {
         "data-is-empty-and-focused": "true"
       });
       return G.create(i, [l]);
     }
   }
 });
-const Xn = {
+const ir = {
   enableInputRules: !0,
   enablePasteRules: !0,
   enableCoreExtensions: !1
 };
-class vt {
+class Ct {
   constructor(t) {
+    c(this, "_pmSchema");
+    /**
+     * Boolean indicating whether the editor is in headless mode.
+     * Headless mode means we can use features like importing / exporting blocks,
+     * but there's no underlying editor (UI) instantiated.
+     *
+     * You probably don't need to set this manually, but use the `server-util` package instead that uses this option internally
+     */
+    c(this, "headless", !1);
     c(this, "_tiptapEditor");
+    // TODO: Type should actually reflect that it can be `undefined` in headless mode
+    /**
+     * Used by React to store a reference to an `ElementRenderer` helper utility to make sure we can render React elements
+     * in the correct context (used by `ReactRenderUtil`)
+     */
+    c(this, "elementRenderer", null);
+    /**
+     * Cache of all blocks. This makes sure we don't have to "recompute" blocks if underlying Prosemirror Nodes haven't changed.
+     * This is especially useful when we want to keep track of the same block across multiple operations,
+     * with this cache, blocks stay the same object reference (referential equality with ===).
+     */
     c(this, "blockCache", /* @__PURE__ */ new WeakMap());
+    /**
+     * The dictionary contains translations for the editor.
+     */
     c(this, "dictionary");
+    /**
+     * The schema of the editor. The schema defines which Blocks, InlineContent, and Styles are available in the editor.
+     */
     c(this, "schema");
     c(this, "blockImplementations");
     c(this, "inlineContentImplementations");
@@ -8676,8 +8831,25 @@ class vt {
     c(this, "suggestionMenus");
     c(this, "filePanel");
     c(this, "tableHandles");
+    /**
+     * The `uploadFile` method is what the editor uses when files need to be uploaded (for example when selecting an image to upload).
+     * This method should set when creating the editor as this is application-specific.
+     *
+     * `undefined` means the application doesn't support file uploads.
+     *
+     * @param file The file that should be uploaded.
+     * @returns The URL of the uploaded file OR an object containing props that should be set on the file block (such as an id)
+     */
     c(this, "uploadFile");
     c(this, "resolveFileUrl");
+    /**
+     * Mount the editor to a parent DOM element. Call mount(undefined) to clean up
+     *
+     * @warning Not needed to call manually when using React, use BlockNoteView to take care of mounting
+     */
+    c(this, "mount", (t) => {
+      this._tiptapEditor.mount(t);
+    });
     var l, d, u, p, h, f, m;
     this.options = t;
     const o = t;
@@ -8697,21 +8869,21 @@ class vt {
       throw new Error(
         "editable initialization option is deprecated, use <BlockNoteView editable={true/false} />, or alternatively editor.isEditable = true/false"
       );
-    this.dictionary = t.dictionary || Je;
+    this.dictionary = t.dictionary || et;
     const i = {
       defaultStyles: !0,
-      schema: t.schema || Le.create(),
+      schema: t.schema || Ie.create(),
+      _headless: !1,
       ...t,
       placeholders: {
         ...this.dictionary.placeholders,
         ...t.placeholders
       }
     };
-    this.schema = i.schema, this.blockImplementations = i.schema.blockSpecs, this.inlineContentImplementations = i.schema.inlineContentSpecs, this.styleImplementations = i.schema.styleSpecs, this.formattingToolbar = new ln(this), this.linkToolbar = new un(this), this.sideMenu = new yn(this), this.suggestionMenus = new mn(this), this.filePanel = new rn(this), E("table", this) && (this.tableHandles = new Cn(this));
-    const n = Fn({
+    this.schema = i.schema, this.blockImplementations = i.schema.blockSpecs, this.inlineContentImplementations = i.schema.inlineContentSpecs, this.styleImplementations = i.schema.styleSpecs, this.formattingToolbar = new bn(this), this.linkToolbar = new yn(this), this.sideMenu = new Sn(this), this.suggestionMenus = new Bn(this), this.filePanel = new mn(this), E("table", this) && (this.tableHandles = new Pn(this));
+    const n = Yn({
       editor: this,
       domAttributes: i.domAttributes || {},
-      blockSchema: this.schema.blockSchema,
       blockSpecs: this.schema.blockSpecs,
       styleSpecs: this.schema.styleSpecs,
       inlineContentSpecs: this.schema.inlineContentSpecs,
@@ -8727,10 +8899,10 @@ class vt {
         this.suggestionMenus.plugin,
         ...this.filePanel ? [this.filePanel.plugin] : [],
         ...this.tableHandles ? [this.tableHandles.plugin] : [],
-        qn(this, i.placeholders)
+        or(this, i.placeholders)
       ]
     });
-    n.push(r), this.uploadFile = i.uploadFile, this.resolveFileUrl = i.resolveFileUrl || (async (g) => g), i.collaboration && i.initialContent && console.warn(
+    n.push(r), this.uploadFile = i.uploadFile, this.resolveFileUrl = i.resolveFileUrl || (async (g) => g), this.headless = i._headless, i.collaboration && i.initialContent && console.warn(
       "When using Collaboration, initialContent might cause conflicts, because changes should come from the collaboration provider"
     );
     const a = i.initialContent || (t.collaboration ? [
@@ -8749,7 +8921,7 @@ class vt {
         "initialContent must be a non-empty array of blocks, received: " + a
       );
     const s = {
-      ...Xn,
+      ...ir,
       ...i._tiptapOptions,
       content: a,
       extensions: [
@@ -8761,30 +8933,28 @@ class vt {
         attributes: {
           ...(p = (u = i._tiptapOptions) == null ? void 0 : u.editorProps) == null ? void 0 : p.attributes,
           ...(h = i.domAttributes) == null ? void 0 : h.editor,
-          class: R(
+          class: j(
             "bn-editor",
             i.defaultStyles ? "bn-default-styles" : "",
             ((m = (f = i.domAttributes) == null ? void 0 : f.editor) == null ? void 0 : m.class) || ""
           )
         },
-        transformPasted: Wn
+        transformPasted: er
       }
     };
-    this._tiptapEditor = new Kn(
+    this.headless ? this._pmSchema = Kt(s.extensions) : (this._tiptapEditor = new Et(
       s,
       this.schema.styleSchema
-    );
+    ), this._pmSchema = this._tiptapEditor.schema);
+  }
+  get pmSchema() {
+    return this._pmSchema;
   }
   static create(t = {}) {
-    return new vt(t);
+    return new Ct(t);
   }
-  /**
-   * Mount the editor to a parent DOM element. Call mount(undefined) to clean up
-   *
-   * @warning Not needed for React, use BlockNoteView to take care of this
-   */
-  mount(t) {
-    this._tiptapEditor.mount(t);
+  dispatch(t) {
+    this._tiptapEditor.dispatch(t);
   }
   get prosemirrorView() {
     return this._tiptapEditor.view;
@@ -8802,7 +8972,7 @@ class vt {
    * @deprecated, use `editor.document` instead
    */
   get topLevelBlocks() {
-    return this.topLevelBlocks;
+    return this.document;
   }
   /**
    * Gets a snapshot of all top-level (non-nested) blocks in the editor.
@@ -8913,7 +9083,7 @@ class vt {
    * @param placement Whether the text cursor should be placed at the start or end of the block.
    */
   setTextCursorPosition(t, o = "start") {
-    const i = typeof t == "string" ? t : t.id, { posBeforeNode: n } = Me(i, this._tiptapEditor.state.doc), { startPos: r, contentNode: a } = k(
+    const i = typeof t == "string" ? t : t.id, { posBeforeNode: n } = Te(i, this._tiptapEditor.state.doc), { startPos: r, contentNode: a } = k(
       this._tiptapEditor.state.doc,
       n + 2
     ), s = this.schema.blockSchema[a.type.name].content;
@@ -8954,6 +9124,11 @@ class vt {
    * @returns True if the editor is editable, false otherwise.
    */
   get isEditable() {
+    if (!this._tiptapEditor) {
+      if (!this.headless)
+        throw new Error("no editor, but also not headless?");
+      return !1;
+    }
     return this._tiptapEditor.isEditable;
   }
   /**
@@ -8961,6 +9136,11 @@ class vt {
    * @param editable True to make the editor editable, or false to lock it.
    */
   set isEditable(t) {
+    if (!this._tiptapEditor) {
+      if (!this.headless)
+        throw new Error("no editor, but also not headless?");
+      return;
+    }
     this._tiptapEditor.options.editable !== t && this._tiptapEditor.setEditable(t);
   }
   /**
@@ -8972,7 +9152,7 @@ class vt {
    * `referenceBlock`. Inserts the blocks at the start of the existing block's children if "nested" is used.
    */
   insertBlocks(t, o, i = "before") {
-    return zi(t, o, i, this);
+    return Ji(t, o, i, this);
   }
   /**
    * Updates an existing block in the editor. Since updatedBlock is a PartialBlock object, some fields might not be
@@ -8982,14 +9162,14 @@ class vt {
    * @param update A partial block which defines how the existing block should be changed.
    */
   updateBlock(t, o) {
-    return Fi(t, o, this);
+    return Yi(t, o, this);
   }
   /**
    * Removes existing blocks from the editor. Throws an error if any of the blocks could not be found.
    * @param blocksToRemove An array of identifiers for existing blocks that should be removed.
    */
   removeBlocks(t) {
-    return Gi(t, this);
+    return Qi(t, this);
   }
   /**
    * Replaces existing blocks in the editor with new blocks. If the blocks that should be removed are not adjacent or
@@ -8999,7 +9179,7 @@ class vt {
    * @param blocksToInsert An array of partial blocks to replace the old ones with.
    */
   replaceBlocks(t, o) {
-    return Wi(t, o, this);
+    return en(t, o, this);
   }
   /**
    * Insert a piece of content at the current cursor position.
@@ -9007,12 +9187,12 @@ class vt {
    * @param content can be a string, or array of partial inline content elements
    */
   insertInlineContent(t) {
-    const o = K(
+    const o = W(
       t,
-      this._tiptapEditor.schema,
+      this.pmSchema,
       this.schema.styleSchema
     );
-    Ki(
+    tn(
       {
         from: this._tiptapEditor.state.selection.from,
         to: this._tiptapEditor.state.selection.to
@@ -9103,9 +9283,9 @@ class vt {
       return;
     const { from: i, to: n } = this._tiptapEditor.state.selection;
     o || (o = this._tiptapEditor.state.doc.textBetween(i, n));
-    const r = this._tiptapEditor.schema.mark("link", { href: t });
-    this._tiptapEditor.view.dispatch(
-      this._tiptapEditor.view.state.tr.insertText(o, i, n).addMark(i, i + o.length, r)
+    const r = this.pmSchema.mark("link", { href: t });
+    this.dispatch(
+      this._tiptapEditor.state.tr.insertText(o, i, n).addMark(i, i + o.length, r)
     );
   }
   /**
@@ -9140,18 +9320,27 @@ class vt {
   unnestBlock() {
     this._tiptapEditor.commands.liftListItem("blockContainer");
   }
-  // TODO: Fix when implementing HTML/Markdown import & export
   /**
-   * Serializes blocks into an HTML string. To better conform to HTML standards, children of blocks which aren't list
+   * Exports blocks into a simplified HTML string. To better conform to HTML standards, children of blocks which aren't list
    * items are un-nested in the output HTML.
+   *
    * @param blocks An array of blocks that should be serialized into HTML.
    * @returns The blocks, serialized as an HTML string.
    */
   async blocksToHTMLLossy(t = this.document) {
-    return ae(
-      this._tiptapEditor.schema,
-      this
-    ).exportBlocks(t);
+    return ae(this.pmSchema, this).exportBlocks(t, {});
+  }
+  /**
+   * Serializes blocks into an HTML string in the format that would normally be rendered by the editor.
+   *
+   * Use this method if you want to server-side render HTML (for example, a blog post that has been edited in BlockNote)
+   * and serve it to users without loading the editor on the client (i.e.: displaying the blog post)
+   *
+   * @param blocks An array of blocks that should be serialized into HTML.
+   * @returns The blocks, serialized as an HTML string.
+   */
+  async blocksToFullHTML(t) {
+    return Ce(this.pmSchema, this).serializeBlocks(t, {});
   }
   /**
    * Parses blocks from an HTML string. Tries to create `Block` objects out of any HTML block-level elements, and
@@ -9161,12 +9350,12 @@ class vt {
    * @returns The blocks parsed from the HTML string.
    */
   async tryParseHTMLToBlocks(t) {
-    return _t(
+    return wt(
       t,
       this.schema.blockSchema,
       this.schema.inlineContentSchema,
       this.schema.styleSchema,
-      this._tiptapEditor.schema
+      this.pmSchema
     );
   }
   /**
@@ -9176,7 +9365,7 @@ class vt {
    * @returns The blocks, serialized as a Markdown string.
    */
   async blocksToMarkdownLossy(t = this.document) {
-    return Xi(t, this._tiptapEditor.schema, this);
+    return rn(t, this.pmSchema, this, {});
   }
   /**
    * Creates a list of blocks from a Markdown string. Tries to create `Block` and `InlineNode` objects based on
@@ -9186,12 +9375,12 @@ class vt {
    * @returns The blocks parsed from the Markdown string.
    */
   async tryParseMarkdownToBlocks(t) {
-    return on(
+    return pn(
       t,
       this.schema.blockSchema,
       this.schema.inlineContentSchema,
       this.schema.styleSchema,
-      this._tiptapEditor.schema
+      this.pmSchema
     );
   }
   /**
@@ -9211,6 +9400,8 @@ class vt {
    * @returns A function to remove the callback.
    */
   onChange(t) {
+    if (this.headless)
+      return;
     const o = () => {
       t(this);
     };
@@ -9225,6 +9416,8 @@ class vt {
    * @returns A function to remove the callback.
    */
   onSelectionChange(t) {
+    if (this.headless)
+      return;
     const o = () => {
       t(this);
     };
@@ -9232,6 +9425,22 @@ class vt {
       this._tiptapEditor.off("selectionUpdate", o);
     };
   }
+  openSelectionMenu(t) {
+    this.prosemirrorView.focus(), this.prosemirrorView.dispatch(
+      this.prosemirrorView.state.tr.scrollIntoView().setMeta(this.suggestionMenus.plugin, {
+        triggerCharacter: t,
+        fromUserInput: !1
+      })
+    );
+  }
+}
+let Xe = !1;
+const Ze = _o;
+async function ia(e, t) {
+  return qi("text", e) ? (Xe || (Xe = !0, await yo({ emojiMartData: Ze })), (t.trim() === "" ? Object.values(Ze.emojis) : await wo.search(t)).map((i) => ({
+    id: i.skins[0].native,
+    onItemClick: () => e.insertInlineContent(i.skins[0].native + " ")
+  }))) : [];
 }
 function be(e = "") {
   return typeof e == "string" ? [
@@ -9242,22 +9451,22 @@ function be(e = "") {
     }
   ] : e;
 }
-function xt(e) {
-  return typeof e == "string" ? be(e) : Array.isArray(e) ? e.flatMap((t) => typeof t == "string" ? be(t) : Qe(t) ? {
+function St(e) {
+  return typeof e == "string" ? be(e) : Array.isArray(e) ? e.flatMap((t) => typeof t == "string" ? be(t) : ot(t) ? {
     ...t,
     content: be(t.content)
   } : te(t) ? t : {
     props: {},
     ...t,
-    content: xt(t.content)
+    content: St(t.content)
   }) : e;
 }
-function qr(e, t) {
+function na(e, t) {
   return t.map(
-    (o) => Et(e, o)
+    (o) => Mt(e, o)
   );
 }
-function Et(e, t) {
+function Mt(e, t) {
   const o = {
     id: "",
     type: t.type,
@@ -9272,137 +9481,142 @@ function Et(e, t) {
     }
   ), {
     ...o,
-    content: xt(o.content),
-    children: o.children.map((i) => Et(e, i))
+    content: St(o.content),
+    children: o.children.map((i) => Mt(e, i))
   };
 }
-function Zn(e) {
-  e.id || (e.id = oe.options.generateID()), e.children && Jn(e.children);
+function nr(e) {
+  e.id || (e.id = oe.options.generateID()), e.children && rr(e.children);
 }
-function Jn(e) {
+function rr(e) {
   for (const t of e)
-    Zn(t);
+    nr(t);
 }
 export {
-  pi as AudioBlock,
-  vt as BlockNoteEditor,
-  Le as BlockNoteSchema,
-  qo as FileBlock,
-  rn as FilePanelProsemirrorPlugin,
-  nn as FilePanelView,
-  ln as FormattingToolbarProsemirrorPlugin,
-  an as FormattingToolbarView,
-  ei as ImageBlock,
-  un as LinkToolbarProsemirrorPlugin,
-  yn as SideMenuProsemirrorPlugin,
-  kn as SideMenuView,
-  mn as SuggestionMenuProseMirrorPlugin,
-  Cn as TableHandlesProsemirrorPlugin,
-  En as TableHandlesView,
+  ti as AudioBlock,
+  Ct as BlockNoteEditor,
+  Ie as BlockNoteSchema,
+  si as FileBlock,
+  mn as FilePanelProsemirrorPlugin,
+  hn as FilePanelView,
+  bn as FormattingToolbarProsemirrorPlugin,
+  fn as FormattingToolbarView,
+  wt as HTMLToBlocks,
+  hi as ImageBlock,
+  yn as LinkToolbarProsemirrorPlugin,
+  Sn as SideMenuProsemirrorPlugin,
+  En as SideMenuView,
+  Bn as SuggestionMenuProseMirrorPlugin,
+  Pn as TableHandlesProsemirrorPlugin,
+  Nn as TableHandlesView,
   oe as UniqueID,
   I as UnreachableCaseError,
-  ai as VideoBlock,
-  Zn as addIdsToBlock,
-  Jn as addIdsToBlocks,
-  Ho as addInlineContentAttributes,
-  Uo as addInlineContentKeyboardShortcuts,
-  jo as addStyleAttributes,
-  Nr as assertEmpty,
-  li as audioBlockConfig,
-  ci as audioParse,
-  si as audioPropSchema,
-  di as audioRender,
-  ui as audioToExternalHTML,
+  _i as VideoBlock,
+  nr as addIdsToBlock,
+  rr as addIdsToBlocks,
+  zo as addInlineContentAttributes,
+  Fo as addInlineContentKeyboardShortcuts,
+  qo as addStyleAttributes,
+  Fr as assertEmpty,
+  Jo as audioBlockConfig,
+  Qo as audioParse,
+  Zo as audioPropSchema,
+  Yo as audioRender,
+  ei as audioToExternalHTML,
   P as blockToNode,
+  rn as blocksToMarkdown,
   re as camelToDataKebab,
-  Gr as checkBlockHasDefaultProp,
-  Oi as checkBlockIsDefaultType,
-  jr as checkBlockIsFileBlock,
-  Fr as checkBlockIsFileBlockWithPlaceholder,
-  zr as checkBlockIsFileBlockWithPreview,
-  ji as checkBlockTypeHasDefaultProp,
+  Qr as checkBlockHasDefaultProp,
+  Xi as checkBlockIsDefaultType,
+  Zr as checkBlockIsFileBlock,
+  Yr as checkBlockIsFileBlockWithPlaceholder,
+  Jr as checkBlockIsFileBlockWithPreview,
+  Zi as checkBlockTypeHasDefaultProp,
   E as checkDefaultBlockTypeInSchema,
+  qi as checkDefaultInlineContentTypeInSchema,
+  Be as cleanHTMLToMarkdown,
   Ee as contentNodeToInlineContent,
   de as createAddFileButton,
   se as createBlockSpec,
   q as createBlockSpecFromStronglyTypedTiptapNode,
   le as createDefaultFilePreview,
   ae as createExternalHTMLExporter,
-  Ce as createFigureWithCaption,
-  j as createFileAndCaptionWrapper,
-  Ur as createInlineContentSpec,
-  Vo as createInlineContentSpecFromTipTapNode,
-  lt as createInternalBlockSpec,
-  rt as createInternalHTMLSerializer,
-  Do as createInternalInlineContentSpec,
-  ut as createInternalStyleSpec,
+  Se as createFigureWithCaption,
+  V as createFileAndCaptionWrapper,
+  Wr as createInlineContentSpec,
+  Ko as createInlineContentSpecFromTipTapNode,
+  ct as createInternalBlockSpec,
+  Ce as createInternalHTMLSerializer,
+  Go as createInternalInlineContentSpec,
+  ht as createInternalStyleSpec,
   ue as createLinkWithCaption,
-  ht as createResizeHandlesWrapper,
-  z as createStronglyTypedTiptapNode,
-  Dr as createStyleSpec,
+  ft as createResizeHandlesWrapper,
+  O as createStronglyTypedTiptapNode,
+  $r as createStyleSpec,
   U as createStyleSpecFromTipTapMark,
-  Wr as createSuggestionMenu,
-  Ri as defaultBlockSchema,
-  mt as defaultBlockSpecs,
-  Or as defaultInlineContentSchema,
-  gt as defaultInlineContentSpecs,
+  ea as createSuggestionMenu,
+  Wi as defaultBlockSchema,
+  gt as defaultBlockSpecs,
+  $i as defaultInlineContentSchema,
+  kt as defaultInlineContentSpecs,
   _ as defaultProps,
-  Rr as defaultStyleSchema,
-  ft as defaultStyleSpecs,
-  Go as fileBlockConfig,
-  Ko as fileParse,
-  Fo as filePropSchema,
-  Wo as fileRender,
-  $o as fileToExternalHTML,
-  Hr as filenameFromURL,
-  $r as filterSuggestionItems,
+  Xr as defaultStyleSchema,
+  bt as defaultStyleSpecs,
+  ii as fileBlockConfig,
+  ri as fileParse,
+  oi as filePropSchema,
+  ni as fileRender,
+  ai as fileToExternalHTML,
+  Kr as filenameFromURL,
+  oa as filterSuggestionItems,
   H as formatKeyboardShortcut,
-  sn as formattingToolbarPluginKey,
-  No as getBlockFromPos,
-  Fn as getBlockNoteExtensions,
-  dt as getBlockSchemaFromSpecs,
-  Kr as getDefaultSlashMenuItems,
+  gn as formattingToolbarPluginKey,
+  Vo as getBlockFromPos,
+  Yn as getBlockNoteExtensions,
+  ut as getBlockSchemaFromSpecs,
+  ia as getDefaultEmojiPickerItems,
+  ta as getDefaultSlashMenuItems,
   pe as getDraggableBlockFromElement,
-  Ro as getInlineContentParseRules,
-  ct as getInlineContentSchemaFromSpecs,
-  Po as getParseRules,
-  zo as getStyleParseRules,
-  pt as getStyleSchemaFromSpecs,
-  Zo as imageBlockConfig,
-  Yo as imageParse,
-  Xo as imagePropSchema,
-  Jo as imageRender,
-  Qo as imageToExternalHTML,
-  at as inheritedProps,
-  K as inlineContentToNodes,
+  Wo as getInlineContentParseRules,
+  pt as getInlineContentSchemaFromSpecs,
+  Oo as getParseRules,
+  Xo as getStyleParseRules,
+  mt as getStyleSchemaFromSpecs,
+  di as imageBlockConfig,
+  ui as imageParse,
+  li as imagePropSchema,
+  ci as imageRender,
+  pi as imageToExternalHTML,
+  lt as inheritedProps,
+  W as inlineContentToNodes,
   x as insertOrUpdateBlock,
-  Ao as isAppleOS,
-  Ue as isLinkInlineContent,
-  Qe as isPartialLinkInlineContent,
-  Pr as isSafari,
+  Ro as isAppleOS,
+  De as isLinkInlineContent,
+  ot as isPartialLinkInlineContent,
+  Gr as isSafari,
   te as isStyledTextInlineContent,
-  cn as linkToolbarPluginKey,
-  Ar as locales,
-  R as mergeCSSClasses,
+  _n as linkToolbarPluginKey,
+  zr as locales,
+  pn as markdownToBlocks,
+  j as mergeCSSClasses,
   v as nodeToBlock,
-  ot as nodeToCustomInlineContent,
-  Re as parseEmbedElement,
+  rt as nodeToCustomInlineContent,
+  Ve as parseEmbedElement,
   ce as parseFigureElement,
-  Oe as parseImageElement,
-  Et as partialBlockToBlockForTesting,
-  qr as partialBlocksToBlocksForTesting,
-  st as propsToAttributes,
-  _n as sideMenuPluginKey,
-  Oo as stylePropsToAttributes,
-  V as suggestionMenuPluginKey,
-  et as tableContentToNodes,
+  ze as parseImageElement,
+  Mt as partialBlockToBlockForTesting,
+  na as partialBlocksToBlocksForTesting,
+  dt as propsToAttributes,
+  Cn as sideMenuPluginKey,
+  $o as stylePropsToAttributes,
+  it as tableContentToNodes,
   Q as tableHandlesPluginKey,
-  Vr as uploadToTmpFilesDotOrg_DEV_ONLY,
-  oi as videoBlockConfig,
-  ni as videoParse,
-  ti as videoPropSchema,
-  ii as videoRender,
-  ri as videoToExternalHTML,
+  qr as uploadToTmpFilesDotOrg_DEV_ONLY,
+  fi as videoBlockConfig,
+  bi as videoParse,
+  mi as videoPropSchema,
+  gi as videoRender,
+  ki as videoToExternalHTML,
   me as wrapInBlockStructure
 };
 //# sourceMappingURL=blocknote.js.map