@blocknote/core 0.23.6 → 0.24.0

package/dist/blocknote.js

@@ -1,13 +1,13 @@
-var go = Object.defineProperty;
-var bo = (e, t, o) => t in e ? go(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
-var p = (e, t, o) => bo(e, typeof t != "symbol" ? t + "" : t, o);
-import { Slice as q, Fragment as j, DOMSerializer as vt, DOMParser as wt, Node as ko } from "prosemirror-model";
-import { Extension as L, combineTransactionSteps as _o, getChangedRanges as yo, findChildrenInRange as vo, Node as X, Mark as xe, InputRule as te, isTextSelection as xt, callOrReturn as wo, getExtensionField as xo, selectionToInsertionEnd as Co, isNodeSelection as Ye, posToDOMRect as je, getMarkRange as Qe, findChildren as et, findParentNode as Eo, extensions as re, Editor as So, createDocument as Bo, getSchema as To } from "@tiptap/core";
-import { Plugin as B, PluginKey as N, TextSelection as U, NodeSelection as ce, Selection as Me, EditorState as Mo } from "prosemirror-state";
-import { v4 as Io } from "uuid";
+var bo = Object.defineProperty;
+var ko = (e, t, o) => t in e ? bo(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
+var p = (e, t, o) => ko(e, typeof t != "symbol" ? t + "" : t, o);
+import { Slice as q, Fragment as j, DOMSerializer as vt, DOMParser as wt, Node as _o } from "prosemirror-model";
+import { Extension as L, combineTransactionSteps as yo, getChangedRanges as vo, findChildrenInRange as wo, Node as Z, Mark as xe, InputRule as oe, isTextSelection as xt, callOrReturn as xo, getExtensionField as Co, selectionToInsertionEnd as Eo, isNodeSelection as Ye, posToDOMRect as je, getMarkRange as Qe, findChildren as et, findParentNode as So, extensions as re, Editor as Bo, createDocument as To, getSchema as Mo } from "@tiptap/core";
+import { Plugin as B, PluginKey as N, TextSelection as U, NodeSelection as ce, Selection as Me, EditorState as Io } from "prosemirror-state";
+import { v4 as Ct } from "uuid";
 import { createHighlightPlugin as Lo } from "prosemirror-highlight";
 import { createParser as Ao } from "prosemirror-highlight/shiki";
-import { bundledLanguagesInfo as Ct, createHighlighter as Po } from "shiki";
+import { bundledLanguagesInfo as Et, createHighlighter as Po } from "shiki";
 import No from "@tiptap/extension-bold";
 import jo from "@tiptap/extension-code";
 import Do from "@tiptap/extension-italic";
@@ -23,9 +23,9 @@ import { HardBreak as Ko } from "@tiptap/extension-hard-break";
 import { History as qo } from "@tiptap/extension-history";
 import { Link as Xo } from "@tiptap/extension-link";
 import { Text as Zo } from "@tiptap/extension-text";
-import { Decoration as oe, DecorationSet as ie, EditorView as Jo } from "prosemirror-view";
-import Yo from "@tiptap/extension-collaboration";
-import Qo from "@tiptap/extension-collaboration-cursor";
+import Jo from "@tiptap/extension-collaboration";
+import Yo from "@tiptap/extension-collaboration-cursor";
+import { Decoration as X, DecorationSet as ie, EditorView as Qo } from "prosemirror-view";
 import { dropCursor as ei } from "prosemirror-dropcursor";
 const ti = {
   slash_menu: {
@@ -286,6 +286,9 @@ const ti = {
     },
     align_justify: {
       tooltip: "ضبط النص"
+    },
+    comment: {
+      tooltip: "إضافة ملاحظة"
     }
   },
   file_panel: {
@@ -603,6 +606,9 @@ const ti = {
     },
     align_justify: {
       tooltip: "Text Blocksatz"
+    },
+    comment: {
+      tooltip: "Kommentar hinzufügen"
     }
   },
   file_panel: {
@@ -646,7 +652,7 @@ const ti = {
   generic: {
     ctrl_shortcut: "Strg"
   }
-}, Et = {
+}, St = {
   slash_menu: {
     heading: {
       title: "Heading 1",
@@ -921,6 +927,9 @@ const ti = {
     },
     align_justify: {
       tooltip: "Justify text"
+    },
+    comment: {
+      tooltip: "Add comment"
     }
   },
   file_panel: {
@@ -1237,6 +1246,9 @@ const ti = {
     },
     align_justify: {
       tooltip: "Justificar texto"
+    },
+    comment: {
+      tooltip: "Agregar comentario"
     }
   },
   file_panel: {
@@ -1576,6 +1588,9 @@ const ti = {
     },
     align_justify: {
       tooltip: "Justifier le texte"
+    },
+    comment: {
+      tooltip: "Ajouter un commentaire"
     }
   },
   file_panel: {
@@ -1900,6 +1915,9 @@ const ti = {
     },
     align_justify: {
       tooltip: "Poravnaj tekst obostrano"
+    },
+    comment: {
+      tooltip: "Dodaj komentar"
     }
   },
   file_panel: {
@@ -2209,6 +2227,9 @@ const ti = {
     },
     align_justify: {
       tooltip: "Jafna texta"
+    },
+    comment: {
+      tooltip: "Bæta við athugun"
     }
   },
   file_panel: {
@@ -2521,6 +2542,9 @@ const ti = {
     },
     align_justify: {
       tooltip: "Giustifica testo"
+    },
+    comment: {
+      tooltip: "Aggiungi commento"
     }
   },
   file_panel: {
@@ -2858,6 +2882,9 @@ const ti = {
     },
     align_justify: {
       tooltip: "両端揃え"
+    },
+    comment: {
+      tooltip: "コメントを追加"
     }
   },
   file_panel: {
@@ -3188,6 +3215,9 @@ const ti = {
     },
     align_justify: {
       tooltip: "텍스트 양쪽 맞춤"
+    },
+    comment: {
+      tooltip: "코멘트 추가"
     }
   },
   file_panel: {
@@ -3505,6 +3535,9 @@ const ti = {
     },
     align_justify: {
       tooltip: "Tekst uitvullen"
+    },
+    comment: {
+      tooltip: "Commentaar toevoegen"
     }
   },
   file_panel: {
@@ -3806,6 +3839,9 @@ const ti = {
     },
     align_justify: {
       tooltip: "Wyjustuj tekst"
+    },
+    comment: {
+      tooltip: "Dodaj komentarz"
     }
   },
   file_panel: {
@@ -4115,6 +4151,9 @@ const ti = {
     },
     align_justify: {
       tooltip: "Justificar texto"
+    },
+    comment: {
+      tooltip: "Adicionar comentário"
     }
   },
   file_panel: {
@@ -4459,6 +4498,9 @@ const ti = {
     },
     align_justify: {
       tooltip: "По середине текст"
+    },
+    comment: {
+      tooltip: "Добавить комментарий"
     }
   },
   file_panel: {
@@ -4525,19 +4567,45 @@ const ti = {
     numbered_list: {
       title: "Нумерований список",
       subtext: "Список із впорядкованими елементами",
-      aliases: ["ol", "li", "list", "numberedlist", "numbered list", "список", "нумерований список"],
+      aliases: [
+        "ol",
+        "li",
+        "list",
+        "numberedlist",
+        "numbered list",
+        "список",
+        "нумерований список"
+      ],
       group: "Базові блоки"
     },
     bullet_list: {
       title: "Маркований список",
       subtext: "Список із невпорядкованими елементами",
-      aliases: ["ul", "li", "list", "bulletlist", "bullet list", "список", "маркований список"],
+      aliases: [
+        "ul",
+        "li",
+        "list",
+        "bulletlist",
+        "bullet list",
+        "список",
+        "маркований список"
+      ],
       group: "Базові блоки"
     },
     check_list: {
       title: "Чек-лист",
       subtext: "Список із чекбоксами",
-      aliases: ["ul", "li", "list", "checklist", "check list", "checked list", "checkbox", "чекбокс", "чек-лист"],
+      aliases: [
+        "ul",
+        "li",
+        "list",
+        "checklist",
+        "check list",
+        "checked list",
+        "checkbox",
+        "чекбокс",
+        "чек-лист"
+      ],
       group: "Базові блоки"
     },
     paragraph: {
@@ -4567,19 +4635,49 @@ const ti = {
     image: {
       title: "Зображення",
       subtext: "Масштабоване зображення з підписом",
-      aliases: ["image", "imageUpload", "upload", "img", "picture", "media", "url", "зображення", "медіа"],
+      aliases: [
+        "image",
+        "imageUpload",
+        "upload",
+        "img",
+        "picture",
+        "media",
+        "url",
+        "зображення",
+        "медіа"
+      ],
       group: "Медіа"
     },
     video: {
       title: "Відео",
       subtext: "Масштабоване відео з підписом",
-      aliases: ["video", "videoUpload", "upload", "mp4", "film", "media", "url", "відео", "медіа"],
+      aliases: [
+        "video",
+        "videoUpload",
+        "upload",
+        "mp4",
+        "film",
+        "media",
+        "url",
+        "відео",
+        "медіа"
+      ],
       group: "Медіа"
     },
     audio: {
       title: "Аудіо",
       subtext: "Вбудоване аудіо з підписом",
-      aliases: ["audio", "audioUpload", "upload", "mp3", "sound", "media", "url", "аудіо", "медіа"],
+      aliases: [
+        "audio",
+        "audioUpload",
+        "upload",
+        "mp3",
+        "sound",
+        "media",
+        "url",
+        "аудіо",
+        "медіа"
+      ],
       group: "Медіа"
     },
     file: {
@@ -4745,6 +4843,9 @@ const ti = {
     },
     align_justify: {
       tooltip: "Вирівняти за шириною"
+    },
+    comment: {
+      tooltip: "Додати коментар"
     }
   },
   file_panel: {
@@ -5061,6 +5162,9 @@ const ti = {
     },
     align_justify: {
       tooltip: "Căn đều văn bản"
+    },
+    comment: {
+      tooltip: "Thêm bình luận"
     }
   },
   file_panel: {
@@ -5411,6 +5515,9 @@ const ti = {
     },
     align_justify: {
       tooltip: "文本对齐"
+    },
+    comment: {
+      tooltip: "添加评论"
     }
   },
   file_panel: {
@@ -5458,7 +5565,7 @@ const ti = {
   __proto__: null,
   ar: ti,
   de: oi,
-  en: Et,
+  en: St,
   es: ii,
   fr: ni,
   hr: ri,
@@ -5512,7 +5619,7 @@ const ue = L.create({
           const e = window.__TEST_OPTIONS;
           return e.mockID === void 0 ? e.mockID = 0 : e.mockID++, e.mockID.toString();
         }
-        return Io();
+        return Ct();
       },
       filterTransaction: null
     };
@@ -5581,42 +5688,42 @@ const ue = L.create({
           });
           if (!r || a)
             return;
-          const { tr: s } = n, { types: l, attributeName: d, generateID: c } = this.options, u = _o(
+          const { tr: s } = n, { types: l, attributeName: d, generateID: c } = this.options, u = yo(
             i.doc,
             o
           ), { mapping: h } = u;
-          if (yo(u).forEach(({ newRange: f }) => {
-            const g = vo(
+          if (vo(u).forEach(({ newRange: f }) => {
+            const g = wo(
               n.doc,
               f,
-              (C) => l.includes(C.type.name)
-            ), b = g.map(({ node: C }) => C.attrs[d]).filter((C) => C !== null), k = ki(b);
-            g.forEach(({ node: C, pos: y }) => {
+              (v) => l.includes(v.type.name)
+            ), b = g.map(({ node: v }) => v.attrs[d]).filter((v) => v !== null), k = ki(b);
+            g.forEach(({ node: v, pos: y }) => {
               let P;
-              const J = (P = s.doc.nodeAt(y)) === null || P === void 0 ? void 0 : P.attrs[d];
-              if (J === null) {
-                const w = i.doc.type.createAndFill().content;
-                if (i.doc.content.findDiffStart(w) === null) {
+              const Y = (P = s.doc.nodeAt(y)) === null || P === void 0 ? void 0 : P.attrs[d];
+              if (Y === null) {
+                const x = i.doc.type.createAndFill().content;
+                if (i.doc.content.findDiffStart(x) === null) {
                   const Je = JSON.parse(
                     JSON.stringify(n.doc.toJSON())
                   );
-                  if (Je.content[0].content[0].attrs.id = "initialBlockId", JSON.stringify(Je.content) === JSON.stringify(w.toJSON())) {
+                  if (Je.content[0].content[0].attrs.id = "initialBlockId", JSON.stringify(Je.content) === JSON.stringify(x.toJSON())) {
                     s.setNodeMarkup(y, void 0, {
-                      ...C.attrs,
+                      ...v.attrs,
                       [d]: "initialBlockId"
                     });
                     return;
                   }
                 }
                 s.setNodeMarkup(y, void 0, {
-                  ...C.attrs,
+                  ...v.attrs,
                   [d]: c()
                 });
                 return;
               }
               const { deleted: ge } = h.invert().mapResult(y);
-              ge && k.includes(J) && s.setNodeMarkup(y, void 0, {
-                ...C.attrs,
+              ge && k.includes(Y) && s.setNodeMarkup(y, void 0, {
+                ...v.attrs,
                 [d]: c()
               });
             });
@@ -5689,7 +5796,7 @@ const ue = L.create({
 function it(e) {
   return e.type === "link";
 }
-function St(e) {
+function Bt(e) {
   return typeof e != "string" && e.type === "link";
 }
 function de(e) {
@@ -5747,10 +5854,10 @@ function H(e, t, o, i) {
   for (const r of e)
     typeof r == "string" ? n.push(
       ...He(r, t, o, i)
-    ) : St(r) ? n.push(..._i(r, t, o)) : de(r) ? n.push(
+    ) : Bt(r) ? n.push(..._i(r, t, o)) : de(r) ? n.push(
       ...He([r], t, o, i)
     ) : n.push(
-      Bt(r, t, o)
+      Tt(r, t, o)
     );
   return n;
 }
@@ -5789,7 +5896,7 @@ function Ce(e, t, o) {
   }
   return i;
 }
-function Bt(e, t, o) {
+function Tt(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`);
@@ -5818,16 +5925,16 @@ function Bt(e, t, o) {
     throw new D(e.content.type);
   return i;
 }
-function Z(e, t, o) {
+function J(e, t, o) {
   let i = e.id;
   i === void 0 && (i = ue.options.generateID());
   const n = [];
   if (e.children)
     for (const a of e.children)
-      n.push(Z(a, t, o));
-  const r = t.nodes[e.type];
-  if (r.isInGroup("blockContent")) {
-    const a = Bt(
+      n.push(J(a, t, o));
+  if (!e.type || // can happen if block.type is not defined (this should create the default node)
+  t.nodes[e.type].isInGroup("blockContent")) {
+    const a = Tt(
       e,
       t,
       o
@@ -5840,7 +5947,7 @@ function Z(e, t, o) {
       s ? [a, s] : a
     );
   } else {
-    if (r.isInGroup("bnBlock"))
+    if (t.nodes[e.type].isInGroup("bnBlock"))
       return t.nodes[e.type].createChecked(
         {
           id: i,
@@ -5853,13 +5960,13 @@ function Z(e, t, o) {
     );
   }
 }
-function Tt(e) {
+function Mt(e) {
   const t = [...e.classList].filter(
     (o) => !o.startsWith("bn-")
   ) || [];
   t.length > 0 ? e.className = t.join(" ") : e.removeAttribute("class");
 }
-function Mt(e, t, o, i) {
+function It(e, t, o, i) {
   let n;
   if (t)
     if (typeof t == "string")
@@ -5884,18 +5991,18 @@ function Mt(e, t, o, i) {
       throw new D(t.type);
   else throw new Error("blockContent is required");
   const r = o.serializeFragment(j.from(n), i);
-  return r.nodeType === 1 && Tt(r), r;
+  return r.nodeType === 1 && Mt(r), r;
 }
 function yi(e, t, o, i, n, r, a) {
-  var g, b, k, C, y, P, J, ge;
+  var g, b, k, v, y, P, Y, ge;
   const s = (a == null ? void 0 : a.document) ?? document, l = t.pmSchema.nodes.blockContainer;
   let d = o.props;
   if (!o.props) {
     d = {};
-    for (const [E, w] of Object.entries(
+    for (const [E, x] of Object.entries(
       t.schema.blockSchema[o.type].propSchema
     ))
-      w.default !== void 0 && (d[E] = w.default);
+      x.default !== void 0 && (d[E] = x.default);
   }
   const u = [...((b = (g = l.spec) == null ? void 0 : g.toDOM) == null ? void 0 : b.call(
     g,
@@ -5906,15 +6013,15 @@ function yi(e, t, o, i, n, r, a) {
   )).dom.attributes], h = t.blockImplementations[o.type].implementation.toExternalHTML({ ...o, props: d }, t), m = s.createDocumentFragment();
   if (h.dom.classList.contains("bn-block-content")) {
     const E = [...u, ...h.dom.attributes].filter(
-      (w) => w.name.startsWith("data") && w.name !== "data-content-type" && w.name !== "data-file-block" && w.name !== "data-node-view-wrapper" && w.name !== "data-node-type" && w.name !== "data-id" && w.name !== "data-index" && w.name !== "data-editable"
+      (x) => x.name.startsWith("data") && x.name !== "data-content-type" && x.name !== "data-file-block" && x.name !== "data-node-view-wrapper" && x.name !== "data-node-type" && x.name !== "data-id" && x.name !== "data-index" && x.name !== "data-editable"
     );
-    for (const w of E)
-      h.dom.firstChild.setAttribute(w.name, w.value);
-    Tt(h.dom.firstChild), m.append(...h.dom.childNodes);
+    for (const x of E)
+      h.dom.firstChild.setAttribute(x.name, x.value);
+    Mt(h.dom.firstChild), m.append(...h.dom.childNodes);
   } else
     m.append(h.dom);
   if (h.contentDOM && o.content) {
-    const E = Mt(
+    const E = It(
       t,
       o.content,
       // TODO
@@ -5926,8 +6033,8 @@ function yi(e, t, o, i, n, r, a) {
   let f;
   if (n.has(o.type) ? f = "OL" : r.has(o.type) && (f = "UL"), f) {
     if (((k = e.lastChild) == null ? void 0 : k.nodeName) !== f) {
-      const w = s.createElement(f);
-      f === "OL" && (d != null && d.start) && (d == null ? void 0 : d.start) !== 1 && w.setAttribute("start", d.start + ""), e.append(w);
+      const x = s.createElement(f);
+      f === "OL" && (d != null && d.start) && (d == null ? void 0 : d.start) !== 1 && x.setAttribute("start", d.start + ""), e.append(x);
     }
     const E = s.createElement("li");
     E.append(m), e.lastChild.appendChild(E);
@@ -5935,7 +6042,7 @@ function yi(e, t, o, i, n, r, a) {
     e.append(m);
   if (o.children && o.children.length > 0) {
     const E = s.createDocumentFragment();
-    if (It(
+    if (Lt(
       E,
       t,
       o.children,
@@ -5943,13 +6050,13 @@ function yi(e, t, o, i, n, r, a) {
       n,
       r,
       a
-    ), ((C = e.lastChild) == null ? void 0 : C.nodeName) === "UL" || ((y = e.lastChild) == null ? void 0 : y.nodeName) === "OL")
-      for (; ((P = E.firstChild) == null ? void 0 : P.nodeName) === "UL" || ((J = E.firstChild) == null ? void 0 : J.nodeName) === "OL"; )
+    ), ((v = e.lastChild) == null ? void 0 : v.nodeName) === "UL" || ((y = e.lastChild) == null ? void 0 : y.nodeName) === "OL")
+      for (; ((P = E.firstChild) == null ? void 0 : P.nodeName) === "UL" || ((Y = E.firstChild) == null ? void 0 : Y.nodeName) === "OL"; )
         e.lastChild.lastChild.appendChild(E.firstChild);
     t.pmSchema.nodes[o.type].isInGroup("blockContent") ? e.append(E) : (ge = h.contentDOM) == null || ge.append(E);
   }
 }
-const It = (e, t, o, i, n, r, a) => {
+const Lt = (e, t, o, i, n, r, a) => {
   for (const s of o)
     yi(
       e,
@@ -5962,7 +6069,7 @@ const It = (e, t, o, i, n, r, a) => {
     );
 }, vi = (e, t, o, i, n, r) => {
   const s = ((r == null ? void 0 : r.document) ?? document).createDocumentFragment();
-  return It(
+  return Lt(
     s,
     e,
     t,
@@ -5986,7 +6093,7 @@ const It = (e, t, o, i, n, r, a) => {
       return a.append(r), a.innerHTML;
     },
     exportInlineContent: (i, n) => {
-      const r = Mt(
+      const r = It(
         t,
         i,
         o,
@@ -6049,7 +6156,7 @@ function xi(e, t, o, i, n) {
   }
   if (e.pmSchema.nodes[t.type].isInGroup("bnBlock")) {
     if (t.children && t.children.length > 0) {
-      const b = Lt(
+      const b = At(
         e,
         t.children,
         o,
@@ -6067,10 +6174,10 @@ function xi(e, t, o, i, n) {
     })
   );
   return (f = c.contentDOM) == null || f.appendChild(l.dom), t.children && t.children.length > 0 && ((g = c.contentDOM) == null || g.appendChild(
-    At(e, t.children, o, n)
+    Pt(e, t.children, o, n)
   )), c.dom;
 }
-function Lt(e, t, o, i) {
+function At(e, t, o, i) {
   const r = ((i == null ? void 0 : i.document) ?? document).createDocumentFragment();
   let a = 0;
   for (const s of t) {
@@ -6086,14 +6193,14 @@ function Lt(e, t, o, i) {
   }
   return r;
 }
-const At = (e, t, o, i) => {
+const Pt = (e, t, o, i) => {
   var s;
-  const n = e.pmSchema.nodes.blockGroup, r = n.spec.toDOM(n.create({})), a = Lt(e, t, o, i);
+  const n = e.pmSchema.nodes.blockGroup, r = n.spec.toDOM(n.create({})), a = At(e, t, o, i);
   return (s = r.contentDOM) == null || s.appendChild(a), r.dom;
 }, Ci = (e, t) => {
   const o = vt.fromSchema(e);
   return {
-    serializeBlocks: (i, n) => At(t, i, o, n).outerHTML
+    serializeBlocks: (i, n) => Pt(t, i, o, n).outerHTML
   };
 };
 function z(e, t) {
@@ -6229,7 +6336,7 @@ function R(e, t, o, i) {
   };
 }
 const rt = (e, t) => {
-  let o = Z(e, t.pmSchema, t.schema.styleSchema);
+  let o = J(e, t.pmSchema, t.schema.styleSchema);
   o.type.name === "blockContainer" && (o = o.firstChild);
   const i = t.pmSchema.nodes[o.type.name].spec.toDOM;
   if (i === void 0)
@@ -6242,7 +6349,7 @@ const rt = (e, t) => {
       "Cannot use this block's default HTML serialization as its corresponding TipTap node's `renderHTML` function does not return an object with the `dom` property."
     );
   return n;
-}, x = {
+}, C = {
   backgroundColor: {
     default: "default"
   },
@@ -6253,7 +6360,7 @@ const rt = (e, t) => {
     default: "left",
     values: ["left", "center", "right", "justify"]
   }
-}, Pt = ["backgroundColor", "textColor"];
+}, Nt = ["backgroundColor", "textColor"];
 function ye(e) {
   return "data-" + e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
@@ -6264,7 +6371,7 @@ function ls(e) {
 }
 function he(e) {
   const t = {};
-  return Object.entries(e).filter(([o, i]) => !Pt.includes(o)).forEach(([o, i]) => {
+  return Object.entries(e).filter(([o, i]) => !Nt.includes(o)).forEach(([o, i]) => {
     t[o] = {
       default: i.default,
       keepOnSplit: !0,
@@ -6313,7 +6420,7 @@ function be(e, t, o, i, n = !1, r) {
   ), a.setAttribute("data-content-type", t);
   for (const [s, l] of Object.entries(o)) {
     const c = i[s].default;
-    !Pt.includes(s) && l !== c && a.setAttribute(ye(s), l);
+    !Nt.includes(s) && l !== c && a.setAttribute(ye(s), l);
   }
   return n && a.setAttribute("data-file-block", ""), a.appendChild(e.dom), e.contentDOM !== void 0 && (e.contentDOM.className = G(
     "bn-inline-content",
@@ -6324,16 +6431,16 @@ function be(e, t, o, i, n = !1, r) {
   };
 }
 function $(e) {
-  return X.create(e);
+  return Z.create(e);
 }
-function Nt(e, t) {
+function jt(e, t) {
   return {
     config: e,
     implementation: t
   };
 }
 function W(e, t, o) {
-  return Nt(
+  return jt(
     {
       type: e.name,
       content: e.config.content === "inline*" ? "inline" : e.config.content === "tableRow+" ? "table" : "none",
@@ -6348,7 +6455,7 @@ function W(e, t, o) {
     }
   );
 }
-function jt(e) {
+function Dt(e) {
   return Object.fromEntries(
     Object.entries(e).map(([t, o]) => [t, o.config])
   );
@@ -6425,7 +6532,7 @@ function me(e, t) {
     throw new Error(
       "Node name does not match block type. This is a bug in BlockNote."
     );
-  return Nt(e, {
+  return jt(e, {
     node: o,
     toInternalHTML: (i, n) => {
       var s;
@@ -6459,7 +6566,7 @@ function me(e, t) {
     }
   });
 }
-function Dt(e, t, o) {
+function Ht(e, t, o) {
   const i = {
     type: "tableContent",
     columnWidths: [],
@@ -6506,7 +6613,11 @@ function Se(e, t, o) {
         };
       return;
     }
-    if (r.type.name !== "link" && r.type.name !== "text" && t[r.type.name]) {
+    if (r.type.name !== "link" && r.type.name !== "text") {
+      if (!t[r.type.name]) {
+        console.warn("unrecognized inline content type", r.type.name);
+        return;
+      }
       n && (i.push(n), n = void 0), i.push(
         Ue(r, t, o)
       );
@@ -6519,8 +6630,11 @@ function Se(e, t, o) {
         s = l;
       else {
         const d = o[l.type.name];
-        if (!d)
+        if (!d) {
+          if (l.type.spec.blocknoteIgnore)
+            continue;
           throw new Error(`style ${l.type.name} not found in styleSchema`);
+        }
         if (d.propSchema === "boolean")
           a[d.type] = !0;
         else if (d.propSchema === "string")
@@ -6600,7 +6714,7 @@ function Ue(e, t, o) {
     content: r
   };
 }
-function v(e, t, o, i, n) {
+function w(e, t, o, i, n) {
   var f;
   if (!e.type.isInGroup("bnBlock"))
     throw Error(
@@ -6626,7 +6740,7 @@ function v(e, t, o, i, n) {
   const c = t[a.blockNoteType], u = [];
   (f = a.childContainer) == null || f.node.forEach((g) => {
     u.push(
-      v(
+      w(
         g,
         t,
         o,
@@ -6647,7 +6761,7 @@ function v(e, t, o, i, n) {
   } else if (c.content === "table") {
     if (!a.isBlockContainer)
       throw new Error("impossible");
-    h = Dt(
+    h = Ht(
       a.blockContent.node,
       o,
       i
@@ -6697,7 +6811,7 @@ function Li(e, t) {
     }
   );
 }
-function Ht(e) {
+function Ut(e) {
   return Object.fromEntries(
     Object.entries(e).map(([t, o]) => [t, o.config])
   );
@@ -6714,7 +6828,7 @@ function Ai(e) {
   ];
 }
 function ds(e, t) {
-  const o = X.create({
+  const o = Z.create({
     name: e.type,
     inline: !0,
     group: "inline",
@@ -6805,14 +6919,14 @@ function Pi(e) {
 function Ni(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 Ot(e, t) {
   return {
     config: e,
     implementation: t
   };
 }
 function K(e, t) {
-  return Ut(
+  return Ot(
     {
       type: e.name,
       propSchema: t
@@ -6822,7 +6936,7 @@ function K(e, t) {
     }
   );
 }
-function Ot(e) {
+function Rt(e) {
   return Object.fromEntries(
     Object.entries(e).map(([t, o]) => [t, o.config])
   );
@@ -6863,7 +6977,7 @@ function cs(e, t) {
       );
     }
   });
-  return Ut(e, {
+  return Ot(e, {
     mark: o
   });
 }
@@ -6965,7 +7079,7 @@ const Be = (e, t) => {
     dom: o
   };
 }, st = (e) => ({ url: e.src || void 0 }), Oi = '<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>', Ri = {
-  backgroundColor: x.backgroundColor,
+  backgroundColor: C.backgroundColor,
   // File name.
   name: {
     default: ""
@@ -7028,13 +7142,13 @@ const Be = (e, t) => {
   render: zi,
   parse: Fi,
   toExternalHTML: Gi
-}), Rt = [
+}), Vt = [
   {
     id: "text",
     name: "Plain Text",
     match: ["text", "txt", "plain"]
   },
-  ...Ct.filter((e) => [
+  ...Et.filter((e) => [
     "c",
     "cpp",
     "css",
@@ -7136,9 +7250,9 @@ const Be = (e, t) => {
 ), Oe = {
   language: {
     default: "javascript",
-    values: [...Rt.map((e) => e.id)]
+    values: [...Vt.map((e) => e.id)]
   }
-}, Vt = $({
+}, zt = $({
   name: "codeBlock",
   content: "inline*",
   group: "blockContent",
@@ -7149,7 +7263,7 @@ const Be = (e, t) => {
     return {
       defaultLanguage: "javascript",
       indentLineWithTab: !0,
-      supportedLanguages: Rt
+      supportedLanguages: Vt
     };
   },
   addAttributes() {
@@ -7249,7 +7363,7 @@ const Be = (e, t) => {
             }
           );
         const s = a.language;
-        return s && s !== "text" && !o.getLoadedLanguages().includes(s) && e.find(({ id: l }) => l === s) && Ct.find(({ id: l }) => l === s) ? o.loadLanguage(s) : (i || (i = t[lt] || Ao(o), t[lt] = i), i(a));
+        return s && s !== "text" && !o.getLoadedLanguages().includes(s) && e.find(({ id: l }) => l === s) && Et.find(({ id: l }) => l === s) ? o.loadLanguage(s) : (i || (i = t[lt] || Ao(o), t[lt] = i), i(a));
       },
       languageExtractor: (a) => a.attrs.language,
       nodeTypes: [this.name]
@@ -7258,7 +7372,7 @@ const Be = (e, t) => {
   addInputRules() {
     const e = this.options.supportedLanguages;
     return [
-      new te({
+      new oe({
         find: /^```(.*?)\s$/,
         handler: ({ state: t, range: o, match: i }) => {
           var s;
@@ -7309,13 +7423,13 @@ const Be = (e, t) => {
     };
   }
 }), Wi = W(
-  Vt,
+  zt,
   Oe
 );
 function us(e) {
   var t;
   return W(
-    Vt.configure(e),
+    zt.configure(e),
     {
       language: {
         default: e.defaultLanguage || Oe.language.default,
@@ -7403,7 +7517,7 @@ const Ki = {
     return ["span", e, 0];
   }
 }), tn = K(en, "string"), dt = (e) => ({ url: e.src || void 0 }), on = {
-  backgroundColor: x.backgroundColor,
+  backgroundColor: C.backgroundColor,
   // File name.
   name: {
     default: ""
@@ -7470,7 +7584,7 @@ const Ki = {
     else if (!r.isBlockContainer && s.isInGroup("bnBlock"))
       ct(o, i, e, r);
     else {
-      const d = v(
+      const d = w(
         r.bnBlock.node,
         e.schema.blockSchema,
         e.schema.inlineContentSchema,
@@ -7480,7 +7594,7 @@ const Ki = {
       return i.tr.replaceWith(
         r.bnBlock.beforePos,
         r.bnBlock.afterPos,
-        Z(
+        J(
           {
             children: d.children,
             // if no children are passed in, use existing children
@@ -7546,7 +7660,7 @@ function dn(e, t, o, i, n, r) {
 }
 function ct(e, t, o, i) {
   if (e.children !== void 0) {
-    const n = e.children.map((r) => Z(r, t.schema, o.schema.styleSchema));
+    const n = e.children.map((r) => J(r, t.schema, o.schema.styleSchema));
     if (i.childContainer)
       t.tr.step(
         new Oo(
@@ -7575,7 +7689,7 @@ function cn(e, t, o) {
     o
   )({ state: s, dispatch: l }), !0));
   const a = i.state.doc.resolve(r.posBeforeNode + 1).node();
-  return v(
+  return w(
     a,
     e.schema.blockSchema,
     e.schema.inlineContentSchema,
@@ -7583,19 +7697,19 @@ function cn(e, t, o) {
     e.blockCache
   );
 }
-const zt = {
-  ...x,
+const Ft = {
+  ...C,
   level: { default: 1, values: [1, 2, 3] }
 }, un = $({
   name: "heading",
   content: "inline*",
   group: "blockContent",
   addAttributes() {
-    return he(zt);
+    return he(Ft);
   },
   addInputRules() {
     return [
-      ...[1, 2, 3].map((e) => new te({
+      ...[1, 2, 3].map((e) => new oe({
         find: new RegExp(`^(#{${e}})\\s$`),
         handler: ({ state: t, chain: o, range: i }) => {
           const n = _(t);
@@ -7688,8 +7802,8 @@ const zt = {
   }
 }), pn = W(
   un,
-  zt
-), Ft = (e, t, o, i, n, r) => {
+  Ft
+), Gt = (e, t, o, i, n, r) => {
   const { dom: a, destroy: s } = $e(
     e,
     t,
@@ -7726,7 +7840,7 @@ const zt = {
       initialWidth: l.clientWidth,
       initialClientX: y.clientX
     };
-  }, C = (y) => {
+  }, v = (y) => {
     y.preventDefault(), u = {
       handleUsed: "right",
       initialWidth: l.clientWidth,
@@ -7738,7 +7852,7 @@ const zt = {
     k
   ), c.addEventListener(
     "mousedown",
-    C
+    v
   ), {
     dom: l,
     destroy: () => {
@@ -7747,7 +7861,7 @@ const zt = {
         k
       ), c.removeEventListener(
         "mousedown",
-        C
+        v
       );
     }
   };
@@ -7755,8 +7869,8 @@ const zt = {
   const t = e.src || void 0, o = e.width || void 0;
   return { url: t, previewWidth: o };
 }, hn = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M5 11.1005L7 9.1005L12.5 14.6005L16 11.1005L19 14.1005V5H5V11.1005ZM4 3H20C20.5523 3 21 3.44772 21 4V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3ZM15.5 10C14.6716 10 14 9.32843 14 8.5C14 7.67157 14.6716 7 15.5 7C16.3284 7 17 7.67157 17 8.5C17 9.32843 16.3284 10 15.5 10Z"></path></svg>', mn = {
-  textAlignment: x.textAlignment,
-  backgroundColor: x.backgroundColor,
+  textAlignment: C.textAlignment,
+  backgroundColor: C.backgroundColor,
   // File name.
   name: {
     default: ""
@@ -7790,7 +7904,7 @@ const zt = {
   const n = document.createElement("img");
   return n.className = "bn-visual-media", t.resolveFileUrl ? t.resolveFileUrl(e.props.url).then((r) => {
     n.src = r;
-  }) : n.src = e.props.url, n.alt = e.props.name || e.props.caption || "BlockNote image", n.contentEditable = "false", n.draggable = !1, i.appendChild(n), Ft(
+  }) : n.src = e.props.url, n.alt = e.props.name || e.props.caption || "BlockNote image", n.contentEditable = "false", n.draggable = !1, i.appendChild(n), Gt(
     e,
     t,
     { dom: i },
@@ -7826,7 +7940,7 @@ const zt = {
   render: gn,
   parse: bn,
   toExternalHTML: kn
-}), Gt = (e, t, o) => ({
+}), $t = (e, t, o) => ({
   state: i,
   dispatch: n
 }) => {
@@ -7865,11 +7979,11 @@ const zt = {
     () => (
       // Splits the current block, moving content inside that's after the cursor
       // to a new block of the same type below.
-      l.command(() => n.node.childCount > 0 ? (s().deleteSelection().command(Gt(a.selection.from, !0)).run(), !0) : !1)
+      l.command(() => n.node.childCount > 0 ? (s().deleteSelection().command($t(a.selection.from, !0)).run(), !0) : !1)
     )
   ]);
 }, yn = {
-  ...x
+  ...C
 }, vn = $({
   name: "bulletListItem",
   content: "inline*",
@@ -7880,7 +7994,7 @@ const zt = {
   addInputRules() {
     return [
       // Creates an unordered list when starting with "-", "+", or "*".
-      new te({
+      new oe({
         find: new RegExp("^[-+*]\\s$"),
         handler: ({ state: e, chain: t, range: o }) => {
           const i = _(e);
@@ -7960,8 +8074,8 @@ const zt = {
 }), wn = W(
   vn,
   yn
-), $t = {
-  ...x,
+), Wt = {
+  ...C,
   checked: {
     default: !1
   }
@@ -7970,12 +8084,12 @@ const zt = {
   content: "inline*",
   group: "blockContent",
   addAttributes() {
-    return he($t);
+    return he(Wt);
   },
   addInputRules() {
     return [
       // Creates a checklist when starting with "[]" or "[X]".
-      new te({
+      new oe({
         find: new RegExp("\\[\\s*\\]\\s$"),
         handler: ({ state: e, chain: t, range: o }) => {
           const i = _(e);
@@ -7993,7 +8107,7 @@ const zt = {
           ).deleteRange({ from: o.from, to: o.to });
         }
       }),
-      new te({
+      new oe({
         find: new RegExp("\\[[Xx]\\]\\s$"),
         handler: ({ state: e, chain: t, range: o }) => {
           const i = _(e);
@@ -8141,7 +8255,7 @@ const zt = {
   }
 }), Cn = W(
   xn,
-  $t
+  Wt
 ), En = new N("numbered-list-indexing"), Sn = () => new B({
   key: En,
   appendTransaction: (e, t, o) => {
@@ -8188,8 +8302,8 @@ const zt = {
       }
     }), n ? i : null;
   }
-}), Wt = {
-  ...x,
+}), Kt = {
+  ...C,
   start: { default: void 0, type: "number" }
 }, Bn = $({
   name: "numberedListItem",
@@ -8198,7 +8312,7 @@ const zt = {
   priority: 90,
   addAttributes() {
     return {
-      ...he(Wt),
+      ...he(Kt),
       // the index attribute is only used internally (it's not part of the blocknote schema)
       // that's why it's defined explicitly here, and not part of the prop schema
       index: {
@@ -8213,7 +8327,7 @@ const zt = {
   addInputRules() {
     return [
       // Creates an ordered list when starting with "1.".
-      new te({
+      new oe({
         find: new RegExp("^(\\d+)\\.\\s$"),
         handler: ({ state: e, chain: t, range: o, match: i }) => {
           const n = _(e);
@@ -8310,9 +8424,9 @@ const zt = {
   }
 }), Tn = W(
   Bn,
-  Wt
+  Kt
 ), Mn = {
-  ...x
+  ...C
 }, In = $({
   name: "paragraph",
   content: "inline*",
@@ -8359,12 +8473,12 @@ const zt = {
 }), Ln = W(
   In,
   Mn
-), An = 35, Kt = 120, ps = 31, Pn = L.create({
+), An = 35, qt = 120, ps = 31, Pn = L.create({
   name: "BlockNoteTableExtension",
   addProseMirrorPlugins: () => [
     Fo({
       cellMinWidth: An,
-      defaultCellMinWidth: Kt,
+      defaultCellMinWidth: qt,
       // We set this to null as we implement our own node view in the table
       // block content. This node view is the same as what's used by default,
       // but is wrapped in a `blockContent` HTML element.
@@ -8398,13 +8512,13 @@ const zt = {
       storage: e.storage
     };
     return {
-      tableRole: wo(
-        xo(e, "tableRole", t)
+      tableRole: xo(
+        Co(e, "tableRole", t)
       )
     };
   }
 }), Nn = {
-  textColor: x.textColor
+  textColor: C.textColor
 }, jn = $({
   name: "table",
   content: "tableRow+",
@@ -8457,13 +8571,13 @@ const zt = {
           return !r.target.closest(".tableWrapper-inner") || super.ignoreMutation(r);
         }
       }
-      return new o(e, Kt, {
+      return new o(e, qt, {
         ...((i = this.options.domAttributes) == null ? void 0 : i.blockContent) || {},
         ...t
       });
     };
   }
-}), Dn = X.create({
+}), Dn = Z.create({
   name: "tableParagraph",
   group: "tableContent",
   content: "inline*",
@@ -8510,8 +8624,8 @@ const zt = {
   const t = e.src || void 0, o = e.width || void 0;
   return { url: t, previewWidth: o };
 }, Un = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M2 3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934ZM8 5V19H16V5H8ZM4 5V7H6V5H4ZM18 5V7H20V5H18ZM4 9V11H6V9H4ZM18 9V11H20V9H18ZM4 13V15H6V13H4ZM18 13V15H20V13H18ZM4 17V19H6V17H4ZM18 17V19H20V17H18Z"></path></svg>', On = {
-  textAlignment: x.textAlignment,
-  backgroundColor: x.backgroundColor,
+  textAlignment: C.textAlignment,
+  backgroundColor: C.backgroundColor,
   // File name.
   name: {
     default: ""
@@ -8545,7 +8659,7 @@ const zt = {
   const n = document.createElement("video");
   return n.className = "bn-visual-media", t.resolveFileUrl ? t.resolveFileUrl(e.props.url).then((r) => {
     n.src = r;
-  }) : n.src = e.props.url, n.controls = !0, n.contentEditable = "false", n.draggable = !1, n.width = e.props.previewWidth, i.appendChild(n), Ft(
+  }) : n.src = e.props.url, n.controls = !0, n.contentEditable = "false", n.draggable = !1, n.width = e.props.previewWidth, i.appendChild(n), Gt(
     e,
     t,
     { dom: i },
@@ -8581,7 +8695,7 @@ const zt = {
   render: Vn,
   parse: zn,
   toExternalHTML: Fn
-}), qt = {
+}), Xt = {
   paragraph: Ln,
   heading: pn,
   codeBlock: Wi,
@@ -8593,7 +8707,7 @@ const zt = {
   image: _n,
   video: Gn,
   audio: $i
-}, $n = jt(qt), Xt = {
+}, $n = Dt(Xt), Zt = {
   bold: K(No, "boolean"),
   italic: K(Do, "boolean"),
   underline: K(Uo, "boolean"),
@@ -8601,11 +8715,11 @@ const zt = {
   code: K(jo, "boolean"),
   textColor: tn,
   backgroundColor: Qi
-}, hs = Ot(Xt), Zt = {
+}, hs = Rt(Zt), Jt = {
   text: { config: "text", implementation: {} },
   link: { config: "link", implementation: {} }
-}, Wn = Ht(
-  Zt
+}, Wn = Ut(
+  Jt
 );
 function I(e, t) {
   return e in t.schema.blockSchema && t.schema.blockSchema[e] === $n[e];
@@ -8626,7 +8740,7 @@ function gs(e, t) {
   return t.schema.blockSchema[e.type].isFileBlock && !e.props.url;
 }
 function Xn(e, t, o) {
-  return t in o.schema.blockSchema && e in o.schema.blockSchema[t].propSchema && o.schema.blockSchema[t].propSchema[e] === x[e];
+  return t in o.schema.blockSchema && e in o.schema.blockSchema[t].propSchema && o.schema.blockSchema[t].propSchema[e] === C[e];
 }
 function bs(e, t, o) {
   return Xn(e, t.type, o);
@@ -8831,28 +8945,28 @@ class fe {
     p(this, "BlockNoteEditor", "only for types");
     p(this, "Block", "only for types");
     p(this, "PartialBlock", "only for types");
-    this.blockSpecs = Le(t == null ? void 0 : t.blockSpecs) || qt, this.inlineContentSpecs = Le(t == null ? void 0 : t.inlineContentSpecs) || Zt, this.styleSpecs = Le(t == null ? void 0 : t.styleSpecs) || Xt, this.blockSchema = jt(this.blockSpecs), this.inlineContentSchema = Ht(
+    this.blockSpecs = Le(t == null ? void 0 : t.blockSpecs) || Xt, this.inlineContentSpecs = Le(t == null ? void 0 : t.inlineContentSpecs) || Jt, this.styleSpecs = Le(t == null ? void 0 : t.styleSpecs) || Zt, this.blockSchema = Dt(this.blockSpecs), this.inlineContentSchema = Ut(
       this.inlineContentSpecs
-    ), this.styleSchema = Ot(this.styleSpecs);
+    ), this.styleSchema = Rt(this.styleSpecs);
   }
   static create(t) {
     return new fe(t);
   }
 }
-const Jt = fe.create({
+const Yt = fe.create({
   blockSpecs: {
     pageBreak: Ji
   }
 }), ys = (e) => fe.create({
   blockSpecs: {
     ...e.blockSpecs,
-    ...Jt.blockSpecs
+    ...Yt.blockSpecs
   },
   inlineContentSpecs: e.inlineContentSpecs,
   styleSpecs: e.styleSpecs
 });
 function Jn(e) {
-  return "pageBreak" in e.schema.blockSchema && e.schema.blockSchema.pageBreak === Jt.blockSchema.pageBreak;
+  return "pageBreak" in e.schema.blockSchema && e.schema.blockSchema.pageBreak === Yt.blockSchema.pageBreak;
 }
 function vs(e) {
   const t = [];
@@ -8880,7 +8994,7 @@ function Yn(e, t, o, i = "before") {
   const n = typeof o == "string" ? o : o.id, r = [];
   for (const l of t)
     r.push(
-      Z(l, e.pmSchema, e.schema.styleSchema)
+      J(l, e.pmSchema, e.schema.styleSchema)
     );
   const a = A(n, e._tiptapEditor.state.doc);
   if (!a)
@@ -8896,7 +9010,7 @@ function Yn(e, t, o, i = "before") {
   const s = [];
   for (const l of r)
     s.push(
-      v(
+      w(
         l,
         e.schema.blockSchema,
         e.schema.inlineContentSchema,
@@ -8976,57 +9090,57 @@ function Re(e) {
     children: Re(t.children)
   }).flat();
 }
-function Yt(e, t, o) {
+function Qt(e, t, o) {
   var r;
   const i = ((r = e.getSelection()) == null ? void 0 : r.blocks) || [
     e.getTextCursorPosition().block
   ], n = Qn(e);
   e.removeBlocks(i), e.insertBlocks(Re(i), t, o), er(e, n);
 }
-function Qt(e) {
+function eo(e) {
   return !e || e.type !== "columnList";
 }
-function eo(e, t, o) {
+function to(e, t, o) {
   let i, n;
   if (t ? t.children.length > 0 ? (i = t.children[t.children.length - 1], n = "after") : (i = t, n = "before") : o && (i = o, n = "before"), !i || !n)
     return;
   const r = e.getParentBlock(i);
-  return Qt(r) ? { referenceBlock: i, placement: n } : eo(
+  return eo(r) ? { referenceBlock: i, placement: n } : to(
     e,
     n === "after" ? i : e.getPrevBlock(i),
     r
   );
 }
-function to(e, t, o) {
+function oo(e, t, o) {
   let i, n;
   if (t ? t.children.length > 0 ? (i = t.children[0], n = "before") : (i = t, n = "after") : o && (i = o, n = "after"), !i || !n)
     return;
   const r = e.getParentBlock(i);
-  return Qt(r) ? { referenceBlock: i, placement: n } : to(
+  return eo(r) ? { referenceBlock: i, placement: n } : oo(
     e,
     n === "before" ? i : e.getNextBlock(i),
     r
   );
 }
 function tr(e) {
-  const t = e.getSelection(), o = (t == null ? void 0 : t.blocks[0]) || e.getTextCursorPosition().block, i = eo(
+  const t = e.getSelection(), o = (t == null ? void 0 : t.blocks[0]) || e.getTextCursorPosition().block, i = to(
     e,
     e.getPrevBlock(o),
     e.getParentBlock(o)
   );
-  i && Yt(
+  i && Qt(
     e,
     i.referenceBlock,
     i.placement
   );
 }
 function or(e) {
-  const t = e.getSelection(), o = (t == null ? void 0 : t.blocks[(t == null ? void 0 : t.blocks.length) - 1]) || e.getTextCursorPosition().block, i = to(
+  const t = e.getSelection(), o = (t == null ? void 0 : t.blocks[(t == null ? void 0 : t.blocks.length) - 1]) || e.getTextCursorPosition().block, i = oo(
     e,
     e.getNextBlock(o),
     e.getParentBlock(o)
   );
-  i && Yt(
+  i && Qt(
     e,
     i.referenceBlock,
     i.placement
@@ -9073,7 +9187,7 @@ function ir(e, t) {
     return !0;
   };
 }
-function oo(e) {
+function io(e) {
   return e._tiptapEditor.commands.command(
     ir(
       e._tiptapEditor.schema.nodes.blockContainer,
@@ -9096,13 +9210,13 @@ function ar(e) {
   );
   return e._tiptapEditor.state.doc.resolve(t.beforePos).depth > 1;
 }
-function io(e, t, o) {
+function no(e, t, o) {
   const i = e._tiptapEditor;
   let n = i.state.tr;
   const r = [];
   for (const u of o)
     r.push(
-      Z(u, e.pmSchema, e.schema.styleSchema)
+      J(u, e.pmSchema, e.schema.styleSchema)
     );
   const a = new Set(
     t.map(
@@ -9116,7 +9230,7 @@ function io(e, t, o) {
     if (!u.type.isInGroup("bnBlock") || !a.has(u.attrs.id))
       return !0;
     if (s.push(
-      v(
+      w(
         u,
         e.schema.blockSchema,
         e.schema.inlineContentSchema,
@@ -9144,7 +9258,7 @@ function io(e, t, o) {
   const c = [];
   for (const u of r)
     c.push(
-      v(
+      w(
         u,
         e.schema.blockSchema,
         e.schema.inlineContentSchema,
@@ -9155,15 +9269,15 @@ function io(e, t, o) {
   return { insertedBlocks: c, removedBlocks: s };
 }
 function sr(e, t, o) {
-  return io(e, t, o);
+  return no(e, t, o);
 }
 function lr(e, t) {
-  return io(e, t, []).removedBlocks;
+  return no(e, t, []).removedBlocks;
 }
 function dr(e, t) {
   const o = typeof t == "string" ? t : t.id, i = A(o, e._tiptapEditor.state.doc);
   if (i)
-    return v(
+    return w(
       i.node,
       e.schema.blockSchema,
       e.schema.inlineContentSchema,
@@ -9179,7 +9293,7 @@ function cr(e, t) {
     i.posBeforeNode
   ).nodeBefore;
   if (r)
-    return v(
+    return w(
       r,
       e.schema.blockSchema,
       e.schema.inlineContentSchema,
@@ -9195,7 +9309,7 @@ function ur(e, t) {
     i.posBeforeNode + i.node.nodeSize
   ).nodeAfter;
   if (r)
-    return v(
+    return w(
       r,
       e.schema.blockSchema,
       e.schema.inlineContentSchema,
@@ -9211,7 +9325,7 @@ function pr(e, t) {
     i.posBeforeNode
   ), r = n.node(), a = n.node(-1), s = a.type.name !== "doc" ? r.type.name === "blockGroup" ? a : r : void 0;
   if (s)
-    return v(
+    return w(
       s,
       e.schema.blockSchema,
       e.schema.inlineContentSchema,
@@ -9228,7 +9342,7 @@ function hr(e, t, o, i = { updateSelection: !0 }) {
     const { parent: c } = n.doc.resolve(r);
     c.isTextblock && !c.type.spec.code && !c.childCount && (r -= 1, a += 1);
   }
-  return s ? n.insertText(d, r, a) : n.replaceWith(r, a, t), i.updateSelection && Co(n, n.steps.length - 1, -1), o.dispatch(n), !0;
+  return s ? n.insertText(d, r, a) : n.replaceWith(r, a, t), i.updateSelection && Eo(n, n.steps.length - 1, -1), o.dispatch(n), !0;
 }
 function mr(e) {
   const t = e._tiptapEditor.state;
@@ -9244,7 +9358,7 @@ function mr(e) {
       throw new Error(
         `Error getting selection - node not found at position ${u}`
       );
-    return v(
+    return w(
       h,
       e.schema.blockSchema,
       e.schema.inlineContentSchema,
@@ -9254,7 +9368,7 @@ function mr(e) {
   }, r = [], a = o.sharedDepth(i.pos), s = o.index(a), l = i.index(a);
   if (o.depth > a) {
     r.push(
-      v(
+      w(
         o.nodeAfter,
         e.schema.blockSchema,
         e.schema.inlineContentSchema,
@@ -9328,28 +9442,28 @@ function gr(e) {
   ).nodeAfter;
   let r;
   return o.depth > 1 && (r = o.node(), r.type.isInGroup("bnBlock") || (r = o.node(o.depth - 1))), {
-    block: v(
+    block: w(
       t.node,
       e.schema.blockSchema,
       e.schema.inlineContentSchema,
       e.schema.styleSchema,
       e.blockCache
     ),
-    prevBlock: i === null ? void 0 : v(
+    prevBlock: i === null ? void 0 : w(
       i,
       e.schema.blockSchema,
       e.schema.inlineContentSchema,
       e.schema.styleSchema,
       e.blockCache
     ),
-    nextBlock: n === null ? void 0 : v(
+    nextBlock: n === null ? void 0 : w(
       n,
       e.schema.blockSchema,
       e.schema.inlineContentSchema,
       e.schema.styleSchema,
       e.blockCache
     ),
-    parentBlock: r === void 0 ? void 0 : v(
+    parentBlock: r === void 0 ? void 0 : w(
       r,
       e.schema.blockSchema,
       e.schema.inlineContentSchema,
@@ -9358,7 +9472,7 @@ function gr(e) {
     )
   };
 }
-function no(e, t, o = "start") {
+function ro(e, t, o = "start") {
   const i = typeof t == "string" ? t : t.id, n = A(i, e._tiptapEditor.state.doc);
   if (!n)
     throw new Error(`Block with ID ${i} not found`);
@@ -9385,13 +9499,13 @@ function no(e, t, o = "start") {
       throw new D(a);
   } else {
     const s = o === "start" ? r.childContainer.node.firstChild : r.childContainer.node.lastChild;
-    no(e, s.attrs.id, o);
+    ro(e, s.attrs.id, o);
   }
 }
-let Y;
+let Q;
 async function qe() {
-  if (Y)
-    return Y;
+  if (Q)
+    return Q;
   const e = await Promise.all([
     import("rehype-parse"),
     import("rehype-stringify"),
@@ -9404,7 +9518,7 @@ async function qe() {
     import("remark-rehype"),
     import("rehype-format")
   ]);
-  return Y = {
+  return Q = {
     rehypeParse: e[0],
     rehypeStringify: e[1],
     unified: e[2],
@@ -9415,7 +9529,7 @@ async function qe() {
     remarkParse: e[7],
     remarkRehype: e[8],
     rehypeFormat: e[9]
-  }, Y;
+  }, Q;
 }
 function br() {
   const e = (t) => {
@@ -9434,7 +9548,7 @@ function br() {
   return e;
 }
 function kr() {
-  const e = Y;
+  const e = Q;
   if (!e)
     throw new Error(
       "addSpacesToCheckboxes requires ESM dependencies to be initialized"
@@ -9456,7 +9570,7 @@ function kr() {
   return t;
 }
 function Xe(e) {
-  const t = Y;
+  const t = Q;
   if (!t)
     throw new Error(
       "cleanHTMLToMarkdown requires ESM dependencies to be initialized"
@@ -9505,20 +9619,20 @@ let ht = null;
 function Cr() {
   return ht || (ht = document.implementation.createHTMLDocument("title"));
 }
-function ro(e) {
+function ao(e) {
   if (typeof e == "string") {
     const t = Cr().createElement("div");
     t.innerHTML = e, e = t;
   }
   return wr(e), xr(e), e;
 }
-async function ao(e, t, o, i, n) {
-  const r = ro(e), s = wt.fromSchema(n).parse(r, {
+async function so(e, t, o, i, n) {
+  const r = ao(e), s = wt.fromSchema(n).parse(r, {
     topNode: n.nodes.blockGroup.create()
   }), l = [];
   for (let d = 0; d < s.childCount; d++)
     l.push(
-      v(s.child(d), t, o, i)
+      w(s.child(d), t, o, i)
     );
   return l;
 }
@@ -9545,7 +9659,7 @@ async function Sr(e, t, o, i, n) {
       code: Er
     }
   }).use(r.rehypeStringify.default).processSync(e);
-  return ao(
+  return so(
     a.value,
     t,
     o,
@@ -9573,7 +9687,7 @@ function Tr(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 so(e, t) {
+async function lo(e, t) {
   var a;
   if (!t.uploadFile) {
     console.warn(
@@ -9670,7 +9784,7 @@ const Mr = (e) => L.create({
                   i = n;
                   break;
                 }
-              return i === null ? !0 : i === "Files" ? (so(o, e), !0) : !1;
+              return i === null ? !0 : i === "Files" ? (lo(o, e), !0) : !1;
             }
           }
         }
@@ -9717,9 +9831,9 @@ const Lr = (e) => L.create({
               if (i === "vscode-editor-data")
                 return Ir(o, t), !0;
               if (i === "Files")
-                return so(o, e), !0;
+                return lo(o, e), !0;
               let n = o.clipboardData.getData(i);
-              return i === "blocknote/html" ? (t.pasteHTML(n), !0) : i === "text/html" ? (n = ro(n.trim()).innerHTML, t.pasteHTML(n), !0) : (t.pasteText(n), !0);
+              return i === "blocknote/html" ? (t.pasteHTML(n), !0) : i === "text/html" ? (n = ao(n.trim()).innerHTML, t.pasteHTML(n), !0) : (t.pasteText(n), !0);
             }
           }
         }
@@ -9727,13 +9841,13 @@ const Lr = (e) => L.create({
     ];
   }
 });
-function lo(e, t) {
+function co(e, t) {
   const o = [];
   return e.descendants((i) => {
     var n, r;
     return i.type.name === "blockContainer" && ((n = i.firstChild) == null ? void 0 : n.type.name) === "blockGroup" ? !0 : i.type.name === "columnList" && i.childCount === 1 ? ((r = i.firstChild) == null || r.forEach((a) => {
       o.push(
-        v(
+        w(
           a,
           t.blockSchema,
           t.inlineContentSchema,
@@ -9741,7 +9855,7 @@ function lo(e, t) {
         )
       );
     }), !1) : i.type.isInGroup("bnBlock") ? (o.push(
-      v(
+      w(
         i,
         t.blockSchema,
         t.inlineContentSchema,
@@ -9773,7 +9887,7 @@ function Ar(e, t, o) {
   );
   if (n) {
     ((s = t.firstChild) == null ? void 0 : s.type.name) === "table" && (t = t.firstChild.content);
-    const l = Dt(
+    const l = Ht(
       t,
       o.schema.inlineContentSchema,
       o.schema.styleSchema
@@ -9790,12 +9904,12 @@ function Ar(e, t, o) {
     );
     r = a.exportInlineContent(l, {});
   } else {
-    const l = lo(t, o.schema);
+    const l = co(t, o.schema);
     r = a.exportBlocks(l, {});
   }
   return r;
 }
-function co(e, t) {
+function uo(e, t) {
   "node" in e.state.selection && e.state.selection.node.type.spec.group === "blockContent" && t.dispatch(
     t._tiptapEditor.state.tr.setSelection(
       new ce(e.state.doc.resolve(e.state.selection.from - 1))
@@ -9823,7 +9937,7 @@ const mt = () => {
   return !1;
 }, ft = (e, t, o) => {
   o.preventDefault(), o.clipboardData.clearData();
-  const { clipboardHTML: i, externalHTML: n, markdown: r } = co(
+  const { clipboardHTML: i, externalHTML: n, markdown: r } = uo(
     t,
     e
   );
@@ -9854,7 +9968,7 @@ const mt = () => {
                   )
                 )
               ), o.preventDefault(), o.dataTransfer.clearData();
-              const { clipboardHTML: i, externalHTML: n, markdown: r } = co(t, e);
+              const { clipboardHTML: i, externalHTML: n, markdown: r } = uo(t, e);
               return o.dataTransfer.setData("blocknote/html", i), o.dataTransfer.setData("text/html", n), o.dataTransfer.setData("text/plain", r), !0;
             }
           }
@@ -9870,9 +9984,9 @@ const mt = () => {
         types: ["blockContainer"],
         attributes: {
           backgroundColor: {
-            default: x.backgroundColor.default,
-            parseHTML: (e) => e.hasAttribute("data-background-color") ? e.getAttribute("data-background-color") : x.backgroundColor.default,
-            renderHTML: (e) => e.backgroundColor === x.backgroundColor.default ? {} : {
+            default: C.backgroundColor.default,
+            parseHTML: (e) => e.hasAttribute("data-background-color") ? e.getAttribute("data-background-color") : C.backgroundColor.default,
+            renderHTML: (e) => e.backgroundColor === C.backgroundColor.default ? {} : {
               "data-background-color": e.backgroundColor
             }
           }
@@ -9880,7 +9994,82 @@ const mt = () => {
       }
     ];
   }
-});
+}), jr = (e) => {
+  var i;
+  const t = [];
+  t.push(
+    Jo.configure({
+      fragment: e.fragment
+    })
+  );
+  const o = (i = e.provider) == null ? void 0 : i.awareness;
+  if (o) {
+    const n = /* @__PURE__ */ new Map();
+    e.showCursorLabels !== "always" && o.on(
+      "change",
+      ({
+        updated: s
+      }) => {
+        for (const l of s) {
+          const d = n.get(l);
+          d && (d.element.setAttribute("data-active", ""), d.hideTimeout && clearTimeout(d.hideTimeout), n.set(l, {
+            element: d.element,
+            hideTimeout: setTimeout(() => {
+              d.element.removeAttribute("data-active");
+            }, 2e3)
+          }));
+        }
+      }
+    );
+    const r = (s) => {
+      const l = document.createElement("span");
+      l.classList.add("collaboration-cursor__base");
+      const d = document.createElement("span");
+      d.setAttribute("contentedEditable", "false"), d.classList.add("collaboration-cursor__caret"), d.setAttribute("style", `background-color: ${s.color}`);
+      const c = document.createElement("span");
+      return c.classList.add("collaboration-cursor__label"), c.setAttribute("style", `background-color: ${s.color}`), c.insertBefore(document.createTextNode(s.name), null), d.insertBefore(c, null), l.insertBefore(document.createTextNode("⁠"), null), l.insertBefore(d, null), l.insertBefore(document.createTextNode("⁠"), null), l;
+    }, a = (s) => {
+      var u;
+      const l = [...o.getStates().entries()].find(
+        (h) => h[1].user === s
+      );
+      if (!l)
+        throw new Error("Could not find client state for user");
+      const d = l[0];
+      let c = n.get(d);
+      if (!c) {
+        const h = ((u = e == null ? void 0 : e.renderCursor) == null ? void 0 : u.call(e, s)) || r(s);
+        (e == null ? void 0 : e.showCursorLabels) !== "always" && (h.addEventListener("mouseenter", () => {
+          const m = n.get(d);
+          m.element.setAttribute("data-active", ""), m.hideTimeout && (clearTimeout(m.hideTimeout), n.set(d, {
+            element: m.element,
+            hideTimeout: void 0
+          }));
+        }), h.addEventListener("mouseleave", () => {
+          const m = n.get(d);
+          n.set(d, {
+            element: m.element,
+            hideTimeout: setTimeout(() => {
+              m.element.removeAttribute("data-active");
+            }, 2e3)
+          });
+        })), c = {
+          element: h,
+          hideTimeout: void 0
+        }, n.set(d, c);
+      }
+      return c.element;
+    };
+    t.push(
+      Yo.configure({
+        user: e.user,
+        render: a,
+        provider: e.provider
+      })
+    );
+  }
+  return t;
+};
 class ne {
   constructor() {
     // eslint-disable-next-line @typescript-eslint/ban-types
@@ -9901,7 +10090,7 @@ class ne {
     this.callbacks = {};
   }
 }
-class jr {
+class Dr {
   constructor(t, o, i, n) {
     p(this, "state");
     p(this, "emitUpdate");
@@ -9958,7 +10147,7 @@ class jr {
   }
 }
 const Ae = new N("FilePanelPlugin");
-class Dr extends ne {
+class Hr extends ne {
   constructor(o) {
     super();
     p(this, "view");
@@ -9969,7 +10158,7 @@ class Dr extends ne {
     });
     this.plugin = new B({
       key: Ae,
-      view: (i) => (this.view = new jr(
+      view: (i) => (this.view = new Dr(
         o,
         Ae,
         i,
@@ -10004,7 +10193,7 @@ class Dr extends ne {
     return this.on("update", o);
   }
 }
-class Hr {
+class Ur {
   constructor(t, o, i) {
     p(this, "state");
     p(this, "emitUpdate");
@@ -10090,18 +10279,18 @@ class Hr {
     return je(this.pmView, n, r);
   }
 }
-const Ur = new N(
+const Or = new N(
   "FormattingToolbarPlugin"
 );
-class Or extends ne {
+class Rr extends ne {
   constructor(o) {
     super();
     p(this, "view");
     p(this, "plugin");
     p(this, "closeMenu", () => this.view.closeMenu());
     this.plugin = new B({
-      key: Ur,
-      view: (i) => (this.view = new Hr(o, i, (n) => {
+      key: Or,
+      view: (i) => (this.view = new Ur(o, i, (n) => {
         this.emit("update", n);
       }), this.view),
       props: {
@@ -10136,13 +10325,13 @@ const gt = (e, t) => {
   return pe(
     e.resolve(n)
   );
-}, uo = (e, t) => {
+}, po = (e, t) => {
   for (; t.childContainer; ) {
     const o = t.childContainer.node, i = e.resolve(t.childContainer.beforePos + 1).posAtIndex(o.childCount - 1);
     t = pe(e.resolve(i));
   }
   return t;
-}, Rr = (e, t) => e.isBlockContainer && e.blockContent.node.type.spec.content === "inline*" && e.blockContent.node.childCount > 0 && t.isBlockContainer && t.blockContent.node.type.spec.content === "inline*", Vr = (e, t, o, i) => {
+}, Vr = (e, t) => e.isBlockContainer && e.blockContent.node.type.spec.content === "inline*" && e.blockContent.node.childCount > 0 && t.isBlockContainer && t.blockContent.node.type.spec.content === "inline*", zr = (e, t, o, i) => {
   if (!i.isBlockContainer)
     throw new Error(
       `Attempted to merge block at position ${i.bnBlock.beforePos} into previous block at position ${o.bnBlock.beforePos}, but next block is not a block container`
@@ -10181,12 +10370,12 @@ const gt = (e, t) => {
   );
   if (!r)
     return !1;
-  const a = uo(
+  const a = po(
     t.doc,
     r
   );
-  return Rr(a, n) ? Vr(t, o, a, n) : !1;
-}, zr = L.create({
+  return Vr(a, n) ? zr(t, o, a, n) : !1;
+}, Fr = L.create({
   priority: 50,
   // TODO: The shortcuts need a refactor. Do we want to use a command priority
   //  design as there is now, or clump the logic into a single function?
@@ -10342,7 +10531,7 @@ const gt = (e, t) => {
             a.bnBlock.beforePos
           );
           if (d && s && l) {
-            const c = uo(
+            const c = po(
               r.doc,
               d
             );
@@ -10424,7 +10613,7 @@ const gt = (e, t) => {
             return !1;
           const { blockContent: s } = a, l = n.selection.$anchor.parentOffset === 0;
           return s.node.childCount === 0 ? !1 : (r().deleteSelection().command(
-            Gt(
+            $t(
               n.selection.from,
               l,
               l
@@ -10436,7 +10625,7 @@ const gt = (e, t) => {
       // editor since the browser will try to use tab for keyboard navigation.
       Tab: () => {
         var i, n, r;
-        return this.options.tabBehavior !== "prefer-indent" && ((i = this.options.editor.formattingToolbar) != null && i.shown || (n = this.options.editor.linkToolbar) != null && n.shown || (r = this.options.editor.filePanel) != null && r.shown) ? !1 : oo(this.options.editor);
+        return this.options.tabBehavior !== "prefer-indent" && ((i = this.options.editor.formattingToolbar) != null && i.shown || (n = this.options.editor.linkToolbar) != null && n.shown || (r = this.options.editor.filePanel) != null && r.shown) ? !1 : io(this.options.editor);
       },
       "Shift-Tab": () => {
         var i, n, r;
@@ -10447,7 +10636,7 @@ const gt = (e, t) => {
     };
   }
 });
-class Fr {
+class Gr {
   constructor(t, o, i) {
     p(this, "state");
     p(this, "emitUpdate");
@@ -10575,8 +10764,8 @@ class Fr {
     );
   }
 }
-const Gr = new N("LinkToolbarPlugin");
-class $r extends ne {
+const $r = new N("LinkToolbarPlugin");
+class Wr extends ne {
   constructor(o) {
     super();
     p(this, "view");
@@ -10615,8 +10804,8 @@ class $r extends ne {
     });
     p(this, "closeMenu", () => this.view.closeMenu());
     this.plugin = new B({
-      key: Gr,
-      view: (i) => (this.view = new Fr(o, i, (n) => {
+      key: $r,
+      view: (i) => (this.view = new Gr(o, i, (n) => {
         this.emit("update", n);
       }), this.view),
       props: {
@@ -10632,7 +10821,7 @@ class $r extends ne {
     return ((i = (o = this.view) == null ? void 0 : o.state) == null ? void 0 : i.show) || !1;
   }
 }
-const Wr = [
+const Kr = [
   "http",
   "https",
   "ftp",
@@ -10643,12 +10832,12 @@ const Wr = [
   "sms",
   "cid",
   "xmpp"
-], Kr = "https", qr = new N("node-selection-keyboard");
-class Xr {
+], qr = "https", Xr = new N("node-selection-keyboard");
+class Zr {
   constructor() {
     p(this, "plugin");
     this.plugin = new B({
-      key: qr,
+      key: Xr,
       props: {
         handleKeyDown: (t, o) => {
           if ("node" in t.state.selection) {
@@ -10676,69 +10865,83 @@ class Xr {
     });
   }
 }
-const Zr = new N("blocknote-placeholder");
-class Jr {
+const Jr = new N("blocknote-placeholder");
+class Yr {
   constructor(t, o) {
     p(this, "plugin");
     this.plugin = new B({
-      key: Zr,
-      view: () => {
-        var l, d;
-        const i = document.createElement("style"), n = t._tiptapEditor.options.injectNonce;
-        n && i.setAttribute("nonce", n), ((l = t.prosemirrorView) == null ? void 0 : l.root) instanceof ShadowRoot ? t.prosemirrorView.root.append(i) : (d = t.prosemirrorView) == null || d.root.head.appendChild(i);
-        const r = i.sheet, a = (c = "") => `.bn-block-content${c} .bn-inline-content:has(> .ProseMirror-trailingBreak:only-child):before`, s = (c, u = !0) => {
-          const h = u ? "[data-is-empty-and-focused]" : "";
-          if (c === "default")
-            return a(h);
-          const m = `[data-content-type="${c}"]`;
-          return a(h + m);
-        };
-        for (const [c, u] of Object.entries(o)) {
-          const h = c === "default";
-          try {
-            r.insertRule(
-              `${s(
-                c,
-                h
-              )} { content: ${JSON.stringify(u)}; }`
-            ), h || r.insertRule(
-              `${s(c, !0)} { content: ${JSON.stringify(
-                u
+      key: Jr,
+      view: (i) => {
+        var d, c;
+        const n = `placeholder-selector-${Ct()}`;
+        i.dom.classList.add(n);
+        const r = document.createElement("style"), a = t._tiptapEditor.options.injectNonce;
+        a && r.setAttribute("nonce", a), ((d = t.prosemirrorView) == null ? void 0 : d.root) instanceof ShadowRoot ? t.prosemirrorView.root.append(r) : (c = t.prosemirrorView) == null || c.root.head.appendChild(r);
+        const s = r.sheet, l = (u = "") => `.${n} .bn-block-content${u} .bn-inline-content:has(> .ProseMirror-trailingBreak:only-child):before`;
+        try {
+          const {
+            default: u,
+            emptyDocument: h,
+            ...m
+          } = o;
+          for (const [b, k] of Object.entries(m)) {
+            const v = `[data-content-type="${b}"]`;
+            s.insertRule(
+              `${l(v)} { content: ${JSON.stringify(
+                k
               )}; }`
             );
-          } catch (m) {
-            console.warn(
-              "Failed to insert placeholder CSS rule - this is likely due to the browser not supporting certain CSS pseudo-element selectors (:has, :only-child:, or :before)",
-              m
-            );
           }
+          const f = "[data-is-only-empty-block]", g = "[data-is-empty-and-focused]";
+          s.insertRule(
+            `${l(f)} { content: ${JSON.stringify(
+              h
+            )}; }`
+          ), s.insertRule(
+            `${l(g)} { content: ${JSON.stringify(
+              u
+            )}; }`
+          );
+        } catch (u) {
+          console.warn(
+            "Failed to insert placeholder CSS rule - this is likely due to the browser not supporting certain CSS pseudo-element selectors (:has, :only-child:, or :before)",
+            u
+          );
         }
         return {
           destroy: () => {
-            var c, u;
-            ((c = t.prosemirrorView) == null ? void 0 : c.root) instanceof ShadowRoot ? t.prosemirrorView.root.removeChild(i) : (u = t.prosemirrorView) == null || u.root.head.removeChild(i);
+            var u, h;
+            ((u = t.prosemirrorView) == null ? void 0 : u.root) instanceof ShadowRoot ? t.prosemirrorView.root.removeChild(r) : (h = t.prosemirrorView) == null || h.root.head.removeChild(r);
           }
         };
       },
       props: {
-        // TODO: maybe also add placeholder for empty document ("e.g.: start writing..")
         decorations: (i) => {
           const { doc: n, selection: r } = i;
           if (!t.isEditable || !r.empty || r.$from.parent.type.spec.code)
             return;
-          const a = r.$anchor, s = a.parent;
-          if (s.content.size > 0)
-            return null;
-          const l = a.before(), d = oe.node(l, l + s.nodeSize, {
-            "data-is-empty-and-focused": "true"
-          });
-          return ie.create(n, [d]);
+          const a = [];
+          i.doc.content.size === 6 && a.push(
+            X.node(2, 4, {
+              "data-is-only-empty-block": "true"
+            })
+          );
+          const s = r.$anchor, l = s.parent;
+          if (l.content.size === 0) {
+            const d = s.before();
+            a.push(
+              X.node(d, d + l.nodeSize, {
+                "data-is-empty-and-focused": "true"
+              })
+            );
+          }
+          return ie.create(n, a);
         }
       }
     });
   }
 }
-const kt = new N("previous-blocks"), Yr = {
+const kt = new N("previous-blocks"), Qr = {
   // Numbered List Items
   index: "index",
   // Headings
@@ -10748,7 +10951,7 @@ const kt = new N("previous-blocks"), Yr = {
   depth: "depth",
   "depth-change": "depth-change"
 };
-class Qr {
+class ea {
   constructor() {
     p(this, "plugin");
     let t;
@@ -10818,8 +11021,8 @@ class Qr {
               return;
             const s = i.currentTransactionOldBlockAttrs[r.attrs.id], l = {};
             for (const [c, u] of Object.entries(s))
-              l["data-prev-" + Yr[c]] = u || "none";
-            const d = oe.node(a, a + r.nodeSize, {
+              l["data-prev-" + Qr[c]] = u || "none";
+            const d = X.node(a, a + r.nodeSize, {
               ...l
             });
             n.push(d);
@@ -10829,14 +11032,14 @@ class Qr {
     });
   }
 }
-function po(e, t) {
+function ho(e, t) {
   var o, i;
   for (; e && e.parentElement && e.parentElement !== t.dom && ((o = e.getAttribute) == null ? void 0 : o.call(e, "data-node-type")) !== "blockContainer"; )
     e = e.parentElement;
   if (((i = e.getAttribute) == null ? void 0 : i.call(e, "data-node-type")) === "blockContainer")
     return { node: e, id: e.getAttribute("data-id") };
 }
-class Q extends Me {
+class ee extends Me {
   constructor(o, i) {
     super(o, i);
     p(this, "nodes");
@@ -10847,13 +11050,13 @@ class Q extends Me {
     });
   }
   static create(o, i, n = i) {
-    return new Q(o.resolve(i), o.resolve(n));
+    return new ee(o.resolve(i), o.resolve(n));
   }
   content() {
     return new q(j.from(this.nodes), 0, 0);
   }
   eq(o) {
-    if (!(o instanceof Q) || this.nodes.length !== o.nodes.length || this.from !== o.from || this.to !== o.to)
+    if (!(o instanceof ee) || 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]))
@@ -10862,7 +11065,7 @@ class Q extends Me {
   }
   map(o, i) {
     const n = i.mapResult(this.from), r = i.mapResult(this.to);
-    return r.deleted ? Me.near(o.resolve(n.pos)) : n.deleted ? Me.near(o.resolve(r.pos)) : new Q(
+    return r.deleted ? Me.near(o.resolve(n.pos)) : n.deleted ? Me.near(o.resolve(r.pos)) : new ee(
       o.resolve(n.pos),
       o.resolve(r.pos)
     );
@@ -10872,7 +11075,7 @@ class Q extends Me {
   }
 }
 let O;
-function ea(e, t) {
+function ta(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) {
@@ -10895,16 +11098,16 @@ function _t(e, t, o = t) {
   );
   for (let c = n.childElementCount - 1; c >= 0; c--)
     (c > s || c < a) && i.removeChild(i.children[c]);
-  ho(e.root), O = i;
+  mo(e.root), O = i;
   const d = e.dom.className.split(" ").filter(
     (c) => c !== "ProseMirror" && c !== "bn-root" && c !== "bn-editor"
   ).join(" ");
   O.className = O.className + " bn-drag-preview " + d, e.root instanceof ShadowRoot ? e.root.appendChild(O) : e.root.body.appendChild(O);
 }
-function ho(e) {
+function mo(e) {
   O !== void 0 && (e instanceof ShadowRoot ? e.removeChild(O) : e.body.removeChild(O), O = void 0);
 }
-function ta(e, t, o) {
+function oa(e, t, o) {
   if (!e.dataTransfer)
     return;
   const i = o.prosemirrorView;
@@ -10915,14 +11118,14 @@ function ta(e, t, o) {
     throw new Error(`Block with ID ${t.id} not found`);
   const r = n.posBeforeNode;
   if (r != null) {
-    const a = i.state.selection, s = i.state.doc, { from: l, to: d } = ea(a, s), c = l <= r && r < d, u = a.$anchor.node() !== a.$head.node() || a instanceof Q;
+    const a = i.state.selection, s = i.state.doc, { from: l, to: d } = ta(a, s), c = l <= r && r < d, u = a.$anchor.node() !== a.$head.node() || a instanceof ee;
     c && u ? (i.dispatch(
-      i.state.tr.setSelection(Q.create(s, l, d))
+      i.state.tr.setSelection(ee.create(s, l, d))
     ), _t(i, l, d)) : (i.dispatch(
       i.state.tr.setSelection(ce.create(i.state.doc, r))
     ), _t(i, r));
-    const h = i.state.selection.content(), m = o.pmSchema, f = i.serializeForClipboard(h).dom.innerHTML, g = Ee(m, o), b = lo(h.content, o.schema), k = g.exportBlocks(b, {}), C = Xe(k);
-    e.dataTransfer.clearData(), e.dataTransfer.setData("blocknote/html", f), e.dataTransfer.setData("text/html", k), e.dataTransfer.setData("text/plain", C), e.dataTransfer.effectAllowed = "move", e.dataTransfer.setDragImage(O, 0, 0);
+    const h = i.state.selection.content(), m = o.pmSchema, f = i.serializeForClipboard(h).dom.innerHTML, g = Ee(m, o), b = co(h.content, o.schema), k = g.exportBlocks(b, {}), v = Xe(k);
+    e.dataTransfer.clearData(), e.dataTransfer.setData("blocknote/html", f), e.dataTransfer.setData("text/html", k), e.dataTransfer.setData("text/plain", v), e.dataTransfer.effectAllowed = "move", e.dataTransfer.setDragImage(O, 0, 0);
   }
 }
 const ae = 0.1;
@@ -10943,9 +11146,9 @@ function ze(e, t, o, i = !0) {
         },
         o,
         !1
-      ) : po(r, e);
+      ) : ho(r, e);
 }
-function oa(e, t, o) {
+function ia(e, t, o) {
   if (!t.dom.firstChild)
     return;
   const i = t.dom.firstChild.getBoundingClientRect(), n = {
@@ -10960,7 +11163,7 @@ function oa(e, t, o) {
   }
   return s;
 }
-class ia {
+class na {
   constructor(t, o, i, n) {
     p(this, "state");
     p(this, "emitUpdate");
@@ -10975,7 +11178,7 @@ class ia {
       var i, n, r, a;
       if (this.menuFrozen || !this.mousePos)
         return;
-      const t = oa(
+      const t = ia(
         this.mousePos,
         this.pmView,
         this.sideMenuDetection
@@ -11176,8 +11379,8 @@ class ia {
     ), this.pmView.root.removeEventListener("scroll", this.onScroll, !0);
   }
 }
-const na = new N("SideMenuPlugin");
-class ra extends ne {
+const ra = new N("SideMenuPlugin");
+class aa extends ne {
   constructor(o, i) {
     super();
     p(this, "view");
@@ -11186,13 +11389,13 @@ class ra extends ne {
      * Handles drag & drop events for blocks.
      */
     p(this, "blockDragStart", (o, i) => {
-      this.view && (this.view.isDragOrigin = !0), ta(o, i, this.editor);
+      this.view && (this.view.isDragOrigin = !0), oa(o, i, this.editor);
     });
     /**
      * Handles drag & drop events for blocks.
      */
     p(this, "blockDragEnd", () => {
-      this.editor.prosemirrorView && ho(this.editor.prosemirrorView.root), this.view && (this.view.isDragOrigin = !1);
+      this.editor.prosemirrorView && mo(this.editor.prosemirrorView.root), this.view && (this.view.isDragOrigin = !1);
     });
     /**
      * Freezes the side menu. When frozen, the side menu will stay
@@ -11211,8 +11414,8 @@ class ra extends ne {
       this.view.menuFrozen = !1, this.view.state.show = !1, this.view.emitUpdate(this.view.state);
     });
     this.editor = o, this.plugin = new B({
-      key: na,
-      view: (n) => (this.view = new ia(
+      key: ra,
+      view: (n) => (this.view = new na(
         o,
         i,
         n,
@@ -11226,8 +11429,8 @@ class ra extends ne {
     return this.on("update", o);
   }
 }
-const aa = Eo((e) => e.type.name === "blockContainer");
-class sa {
+const sa = So((e) => e.type.name === "blockContainer");
+class la {
   constructor(t, o) {
     p(this, "state");
     p(this, "emitUpdate");
@@ -11246,7 +11449,7 @@ class sa {
     });
     p(this, "closeMenu", () => {
       this.editor.dispatch(
-        this.editor._tiptapEditor.state.tr.setMeta(ee, null)
+        this.editor._tiptapEditor.state.tr.setMeta(te, null)
       );
     });
     p(this, "clearQuery", () => {
@@ -11268,7 +11471,7 @@ class sa {
   }
   update(t, o) {
     var d;
-    const i = ee.getState(o), n = ee.getState(
+    const i = te.getState(o), n = te.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)
@@ -11291,8 +11494,8 @@ class sa {
     (t = this.rootEl) == null || t.removeEventListener("scroll", this.handleScroll, !0);
   }
 }
-const ee = new N("SuggestionMenuPlugin");
-class la extends ne {
+const te = new N("SuggestionMenuPlugin");
+class da extends ne {
   constructor(o) {
     super();
     p(this, "view");
@@ -11311,8 +11514,8 @@ class la extends ne {
     p(this, "clearQuery", () => this.view.clearQuery());
     const i = this.triggerCharacters;
     this.plugin = new B({
-      key: ee,
-      view: () => (this.view = new sa(
+      key: te,
+      view: () => (this.view = new la(
         o,
         (n, r) => {
           this.emit(`update ${n}`, r);
@@ -11326,7 +11529,7 @@ class la extends ne {
         apply(n, r, a, s) {
           if (n.getMeta("orderedListIndexing") !== void 0 || n.selection.$from.parent.type.spec.code)
             return r;
-          const l = n.getMeta(ee);
+          const l = n.getMeta(te);
           if (typeof l == "object" && l !== null && r === void 0)
             return {
               triggerCharacter: l.triggerCharacter,
@@ -11358,7 +11561,7 @@ class la extends ne {
         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(ee, {
+            n.state.tr.insertText(s).scrollIntoView().setMeta(te, {
               triggerCharacter: s
             })
           ), !0) : !1;
@@ -11369,10 +11572,10 @@ class la extends ne {
           if (r === void 0)
             return null;
           if (!r.deleteTriggerCharacter) {
-            const a = aa(n.selection);
+            const a = sa(n.selection);
             if (a)
               return ie.create(n.doc, [
-                oe.node(
+                X.node(
                   a.pos,
                   a.pos + a.node.nodeSize,
                   {
@@ -11384,7 +11587,7 @@ class la extends ne {
               ]);
           }
           return ie.create(n.doc, [
-            oe.inline(
+            X.inline(
               r.queryStartPos - r.triggerCharacter.length,
               r.queryStartPos,
               {
@@ -11413,13 +11616,13 @@ let M;
 function yt(e) {
   M || (M = document.createElement("div"), M.innerHTML = "_", M.style.opacity = "0", M.style.height = "1px", M.style.width = "1px", e instanceof Document ? e.body.appendChild(M) : e.appendChild(M));
 }
-function da(e) {
+function ca(e) {
   M && (e instanceof Document ? e.body.removeChild(M) : e.removeChild(M), M = void 0);
 }
 function ke(e) {
   return Array.prototype.indexOf.call(e.parentElement.childNodes, e);
 }
-function ca(e) {
+function ua(e) {
   let t = e;
   for (; t && t.nodeName !== "TD" && t.nodeName !== "TH" && !t.classList.contains("tableWrapper"); ) {
     if (t.classList.contains("ProseMirror"))
@@ -11439,12 +11642,12 @@ function ca(e) {
     tbodyNode: t.querySelector("tbody")
   };
 }
-function ua(e, t) {
+function pa(e, t) {
   const o = t.querySelectorAll(e);
   for (let i = 0; i < o.length; i++)
     o[i].style.visibility = "hidden";
 }
-class pa {
+class ha {
   constructor(t, o, i) {
     p(this, "state");
     p(this, "emitUpdate");
@@ -11464,7 +11667,7 @@ class pa {
       var d, c, u, h;
       if (this.menuFrozen || this.mouseState === "selecting" || !(t.target instanceof Element) || !this.pmView.dom.contains(t.target))
         return;
-      const o = ca(t.target);
+      const o = ua(t.target);
       if ((o == null ? void 0 : o.type) === "cell" && this.mouseState === "down" && !((d = this.state) != null && d.draggingState)) {
         this.mouseState = "selecting", (c = this.state) != null && c.show && (this.state.show = !1, this.state.showAddOrRemoveRowsButton = !1, this.state.showAddOrRemoveColumnsButton = !1, this.emitUpdate());
         return;
@@ -11475,7 +11678,7 @@ class pa {
       }
       if (!o.tbodyNode)
         return;
-      const i = o.tbodyNode.getBoundingClientRect(), n = po(o.domNode, this.pmView);
+      const i = o.tbodyNode.getBoundingClientRect(), n = ho(o.domNode, this.pmView);
       if (!n)
         return;
       this.tableElement = n.node;
@@ -11486,7 +11689,7 @@ class pa {
       );
       if (!a)
         throw new Error(`Block with ID ${n.id} not found`);
-      const s = v(
+      const s = w(
         a.node,
         this.editor.schema.blockSchema,
         this.editor.schema.inlineContentSchema,
@@ -11535,7 +11738,7 @@ class pa {
       var h;
       if (((h = this.state) == null ? void 0 : h.draggingState) === void 0)
         return;
-      t.preventDefault(), t.dataTransfer.dropEffect = "move", ua(
+      t.preventDefault(), t.dataTransfer.dropEffect = "move", pa(
         ".prosemirror-dropcursor-block, .prosemirror-dropcursor-inline",
         this.pmView.root
       );
@@ -11633,7 +11836,7 @@ class pa {
   }
 }
 const se = new N("TableHandlesPlugin");
-class ha extends ne {
+class ma extends ne {
   constructor(o) {
     super();
     p(this, "view");
@@ -11699,7 +11902,7 @@ class ha extends ne {
         this.editor._tiptapEditor.state.tr.setMeta(se, null)
       ), !this.editor.prosemirrorView)
         throw new Error("Editor view not initialized.");
-      da(this.editor.prosemirrorView.root);
+      ca(this.editor.prosemirrorView.root);
     });
     /**
      * Freezes the drag handles. When frozen, they will stay attached to the same
@@ -11717,7 +11920,7 @@ class ha extends ne {
     });
     this.editor = o, this.plugin = new B({
       key: se,
-      view: (i) => (this.view = new pa(o, i, (n) => {
+      view: (i) => (this.view = new ha(o, i, (n) => {
         this.emit("update", n);
       }), this.view),
       // We use decorations to render the drop cursor when dragging a table row
@@ -11743,7 +11946,7 @@ class ha extends ne {
               ), h = u.node(), m = u.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.
-                oe.widget(m, () => {
+                X.widget(m, () => {
                   const f = document.createElement("div");
                   return f.className = "bn-table-drop-cursor", f.style.left = "0", f.style.right = "0", n > this.view.state.draggingState.originalIndex ? f.style.bottom = "-2px" : f.style.top = "-3px", f.style.height = "4px", f;
                 })
@@ -11758,7 +11961,7 @@ class ha extends ne {
               ), u = c.node(), h = c.pos + (n > this.view.state.draggingState.originalIndex ? u.nodeSize - 2 : 0);
               r.push(
                 // The widget is a small bar which spans the height of the cell.
-                oe.widget(h, () => {
+                X.widget(h, () => {
                   const m = document.createElement("div");
                   return m.className = "bn-table-drop-cursor", m.style.top = "0", m.style.bottom = "0", n > this.view.state.draggingState.originalIndex ? m.style.right = "-2px" : m.style.left = "-3px", m.style.width = "4px", m;
                 })
@@ -11773,7 +11976,7 @@ class ha extends ne {
     return this.on("update", o);
   }
 }
-const ma = L.create({
+const fa = L.create({
   name: "textAlignment",
   addGlobalAttributes() {
     return [
@@ -11799,7 +12002,7 @@ const ma = L.create({
       }
     ];
   }
-}), fa = L.create({
+}), ga = L.create({
   name: "blockTextColor",
   addGlobalAttributes() {
     return [
@@ -11807,9 +12010,9 @@ const ma = L.create({
         types: ["blockContainer"],
         attributes: {
           textColor: {
-            default: x.textColor.default,
-            parseHTML: (e) => e.hasAttribute("data-text-color") ? e.getAttribute("data-text-color") : x.textColor.default,
-            renderHTML: (e) => e.textColor === x.textColor.default ? {} : {
+            default: C.textColor.default,
+            parseHTML: (e) => e.hasAttribute("data-text-color") ? e.getAttribute("data-text-color") : C.textColor.default,
+            renderHTML: (e) => e.textColor === C.textColor.default ? {} : {
               "data-text-color": e.textColor
             }
           }
@@ -11817,7 +12020,7 @@ const ma = L.create({
       }
     ];
   }
-}), ga = L.create({
+}), ba = L.create({
   name: "trailingNode",
   addProseMirrorPlugins() {
     const e = new N(this.name);
@@ -11852,13 +12055,13 @@ const ma = L.create({
       })
     ];
   }
-}), ba = {
+}), ka = {
   blockColor: "data-block-color",
   blockStyle: "data-block-style",
   id: "data-id",
   depth: "data-depth",
   depthChange: "data-depth-change"
-}, ka = X.create({
+}, _a = Z.create({
   name: "blockContainer",
   group: "blockGroupChild bnBlock",
   // A block always contains content, and optionally a blockGroup which contains nested blocks
@@ -11874,7 +12077,7 @@ const ma = L.create({
           if (typeof e == "string")
             return !1;
           const t = {};
-          for (const [o, i] of Object.entries(ba))
+          for (const [o, i] of Object.entries(ka))
             e.getAttribute(i) && (t[o] = e.getAttribute(i));
           return e.getAttribute("data-node-type") === "blockContainer" ? t : !1;
         }
@@ -11899,7 +12102,7 @@ const ma = L.create({
       contentDOM: i
     };
   }
-}), _a = X.create({
+}), ya = Z.create({
   name: "blockGroup",
   group: "childContainer",
   content: "blockGroupChild+",
@@ -11928,101 +12131,26 @@ const ma = L.create({
       contentDOM: o
     };
   }
-}), ya = X.create({
+}), va = Z.create({
   name: "doc",
   topNode: !0,
   content: "blockGroup"
-}), va = (e) => {
-  var i;
-  const t = [];
-  t.push(
-    Yo.configure({
-      fragment: e.fragment
-    })
-  );
-  const o = (i = e.provider) == null ? void 0 : i.awareness;
-  if (o) {
-    const n = /* @__PURE__ */ new Map();
-    e.showCursorLabels !== "always" && o.on(
-      "change",
-      ({
-        updated: s
-      }) => {
-        for (const l of s) {
-          const d = n.get(l);
-          d && (d.element.setAttribute("data-active", ""), d.hideTimeout && clearTimeout(d.hideTimeout), n.set(l, {
-            element: d.element,
-            hideTimeout: setTimeout(() => {
-              d.element.removeAttribute("data-active");
-            }, 2e3)
-          }));
-        }
-      }
-    );
-    const r = (s) => {
-      const l = document.createElement("span");
-      l.classList.add("collaboration-cursor__base");
-      const d = document.createElement("span");
-      d.setAttribute("contentedEditable", "false"), d.classList.add("collaboration-cursor__caret"), d.setAttribute("style", `background-color: ${s.color}`);
-      const c = document.createElement("span");
-      return c.classList.add("collaboration-cursor__label"), c.setAttribute("style", `background-color: ${s.color}`), c.insertBefore(document.createTextNode(s.name), null), d.insertBefore(c, null), l.insertBefore(document.createTextNode("⁠"), null), l.insertBefore(d, null), l.insertBefore(document.createTextNode("⁠"), null), l;
-    }, a = (s) => {
-      var u;
-      const l = [...o.getStates().entries()].find(
-        (h) => h[1].user === s
-      );
-      if (!l)
-        throw new Error("Could not find client state for user");
-      const d = l[0];
-      let c = n.get(d);
-      if (!c) {
-        const h = ((u = e == null ? void 0 : e.renderCursor) == null ? void 0 : u.call(e, s)) || r(s);
-        (e == null ? void 0 : e.showCursorLabels) !== "always" && (h.addEventListener("mouseenter", () => {
-          const m = n.get(d);
-          m.element.setAttribute("data-active", ""), m.hideTimeout && (clearTimeout(m.hideTimeout), n.set(d, {
-            element: m.element,
-            hideTimeout: void 0
-          }));
-        }), h.addEventListener("mouseleave", () => {
-          const m = n.get(d);
-          n.set(d, {
-            element: m.element,
-            hideTimeout: setTimeout(() => {
-              m.element.removeAttribute("data-active");
-            }, 2e3)
-          });
-        })), c = {
-          element: h,
-          hideTimeout: void 0
-        }, n.set(d, c);
-      }
-      return c.element;
-    };
-    t.push(
-      Qo.configure({
-        user: e.user,
-        render: a,
-        provider: e.provider
-      })
-    );
-  }
-  return t;
-}, wa = (e) => {
+}), wa = (e) => {
   const t = {}, o = xa(e);
   for (const n of o)
     t[n.name] = n;
-  t.formattingToolbar = new Or(
+  t.formattingToolbar = new Rr(
     e.editor
-  ), t.linkToolbar = new $r(e.editor), t.sideMenu = new ra(
+  ), t.linkToolbar = new Wr(e.editor), t.sideMenu = new aa(
     e.editor,
     e.sideMenuDetection
-  ), t.suggestionMenus = new la(e.editor), t.filePanel = new Dr(e.editor), t.placeholder = new Jr(e.editor, e.placeholders), (e.animations ?? !0) && (t.animations = new Qr()), e.tableHandles && (t.tableHandles = new ha(e.editor)), t.dropCursor = {
+  ), t.suggestionMenus = new da(e.editor), t.filePanel = new Hr(e.editor), t.placeholder = new Yr(e.editor, e.placeholders), (e.animations ?? !0) && (t.animations = new ea()), e.tableHandles && (t.tableHandles = new ma(e.editor)), t.dropCursor = {
     plugin: e.dropCursor({
       width: 5,
       color: "#ddeeff",
       editor: e.editor
     })
-  }, t.nodeSelectionKeyboard = new Xr();
+  }, t.nodeSelectionKeyboard = new Zr();
   const i = e.disableExtensions || [];
   for (const n of i)
     delete t[n];
@@ -12050,13 +12178,15 @@ const ma = L.create({
     Xo.extend({
       inclusive: !1
     }).configure({
-      defaultProtocol: Kr,
-      protocols: Wr
+      defaultProtocol: qr,
+      protocols: Kr
     }),
-    ...Object.values(e.styleSpecs).map((o) => o.implementation.mark),
-    fa,
+    ...Object.values(e.styleSpecs).map((o) => o.implementation.mark.configure({
+      editor: e.editor
+    })),
+    ga,
     Nr,
-    ma,
+    fa,
     // make sure escape blurs editor, so that we can tab to other elements in the host page (accessibility)
     L.create({
       name: "OverrideEscape",
@@ -12067,16 +12197,16 @@ const ma = L.create({
       }
     }),
     // nodes
-    ya,
-    ka.configure({
+    va,
+    _a.configure({
       editor: e.editor,
       domAttributes: e.domAttributes
     }),
-    zr.configure({
+    Fr.configure({
       editor: e.editor,
       tabBehavior: e.tabBehavior
     }),
-    _a.configure({
+    ya.configure({
       domAttributes: e.domAttributes
     }),
     ...Object.values(e.inlineContentSpecs).filter((o) => o.config !== "link" && o.config !== "text").map((o) => o.implementation.node.configure({
@@ -12101,9 +12231,9 @@ const ma = L.create({
     Mr(e.editor),
     // 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 ? [ga] : []
+    ...e.trailingBlock === void 0 || e.trailingBlock ? [ba] : []
   ];
-  return e.collaboration ? t.push(...va(e.collaboration)) : t.push(qo), t;
+  return e.collaboration ? t.push(...jr(e.collaboration)) : t.push(qo), t;
 };
 function Ca(e, t) {
   const o = [];
@@ -12162,18 +12292,17 @@ function Ba(e, t) {
   }
   return !0;
 }
-const we = class we extends So {
+const we = class we extends Bo {
   constructor(o, i) {
     super({ ...o, content: void 0 });
     p(this, "_state");
-    p(this, "_creating", !1);
     /**
      * Mounts / unmounts the editor to a dom element
      *
      * @param element DOM element to mount to, ur null / undefined to destroy
      */
-    p(this, "mount", (o) => {
-      o ? (this.options.element = o, this.createViewAlternative()) : (this.destroy(), this._creating = !1);
+    p(this, "mount", (o, i) => {
+      o ? (this.options.element = o, this.createViewAlternative(i)) : this.destroy();
     });
     const n = this.schema;
     let r;
@@ -12182,14 +12311,14 @@ const we = class we extends So {
       if (r)
         return r;
       const d = a.apply(n.nodes.doc, l), c = JSON.parse(JSON.stringify(d.toJSON()));
-      return c.content[0].content[0].attrs.id = "initialBlockId", r = ko.fromJSON(n, c), r;
+      return c.content[0].content[0].attrs.id = "initialBlockId", r = _o.fromJSON(n, c), r;
     };
     let s;
     try {
       const l = o == null ? void 0 : o.content.map(
-        (d) => Z(d, this.schema, i).toJSON()
+        (d) => J(d, this.schema, i).toJSON()
       );
-      s = Bo(
+      s = To(
         {
           type: "doc",
           content: [
@@ -12210,7 +12339,7 @@ const we = class we extends So {
         "Error creating document from blocks passed as `initialContent`:\n" + +JSON.stringify(o.content)
       );
     }
-    this._state = Mo.create({
+    this._state = Io.create({
       doc: s,
       schema: this.schema
       // selection: selection || undefined,
@@ -12225,25 +12354,26 @@ const we = class we extends So {
   /**
    * Replace the default `createView` method with a custom one - which we call on mount
    */
-  createViewAlternative() {
-    this._creating = !0, queueMicrotask(() => {
-      if (!this._creating)
-        return;
-      this.view = new Jo(
-        { mount: this.options.element },
-        // use mount option so that we reuse the existing element instead of creating a new one
-        {
-          ...this.options.editorProps,
-          // @ts-ignore
-          dispatchTransaction: this.dispatchTransaction.bind(this),
-          state: this.state
-        }
-      );
-      const o = this.state.reconfigure({
-        plugins: this.extensionManager.plugins
-      });
-      this.view.updateState(o), this.createNodeViews(), this.commands.focus(this.options.autofocus), this.emit("create", { editor: this }), this.isInitialized = !0, this._creating = !1;
+  createViewAlternative(o) {
+    this.contentComponent = o;
+    const i = {};
+    this.extensionManager.extensions.forEach((r) => {
+      r.type === "mark" && r.config.addMarkView && (i[r.name] = r.config.addMarkView);
+    }), this.view = new Qo(
+      { mount: this.options.element },
+      // use mount option so that we reuse the existing element instead of creating a new one
+      {
+        ...this.options.editorProps,
+        // @ts-ignore
+        dispatchTransaction: this.dispatchTransaction.bind(this),
+        state: this.state,
+        markViews: i
+      }
+    );
+    const n = this.state.reconfigure({
+      plugins: this.extensionManager.plugins
     });
+    this.view.updateState(n), this.createNodeViews(), this.commands.focus(this.options.autofocus), this.emit("create", { editor: this }), this.isInitialized = !0;
   }
 };
 p(we, "create", (o, i) => {
@@ -12265,7 +12395,7 @@ const Ta = {
   enablePasteRules: !0,
   enableCoreExtensions: !1
 };
-class mo {
+class fo {
   constructor(t) {
     p(this, "_pmSchema");
     /**
@@ -12328,10 +12458,10 @@ class mo {
      *
      * @warning Not needed to call manually when using React, use BlockNoteView to take care of mounting
      */
-    p(this, "mount", (t) => {
-      this._tiptapEditor.mount(t);
+    p(this, "mount", (t, o) => {
+      this._tiptapEditor.mount(t, o);
     });
-    var s, l, d, c, u, h, m;
+    var l, d, c, u, h, m, f;
     this.options = t;
     const o = t;
     if (o.onEditorContentChange)
@@ -12350,7 +12480,7 @@ class mo {
       throw new Error(
         "editable initialization option is deprecated, use <BlockNoteView editable={true/false} />, or alternatively editor.isEditable = true/false"
       );
-    this.dictionary = t.dictionary || Et;
+    this.dictionary = t.dictionary || St;
     const i = {
       defaultStyles: !0,
       schema: t.schema || fe.create(),
@@ -12377,29 +12507,31 @@ class mo {
       placeholders: i.placeholders,
       tabBehavior: i.tabBehavior,
       sideMenuDetection: i.sideMenuDetection || "viewport"
-    }), (((s = i._tiptapOptions) == null ? void 0 : s.extensions) || []).forEach((f) => {
-      this.extensions[f.name] = f;
-    }), Object.entries(i._extensions || {}).forEach(([f, g]) => {
-      typeof g == "function" && (g = g(this)), this.extensions[f] = g;
+    }), (((l = i._tiptapOptions) == null ? void 0 : l.extensions) || []).forEach((g) => {
+      this.extensions[g.name] = g;
+    }), Object.entries(i._extensions || {}).forEach(([g, b]) => {
+      typeof b == "function" && (b = b(this)), this.extensions[g] = b;
     }), this.formattingToolbar = this.extensions.formattingToolbar, this.linkToolbar = this.extensions.linkToolbar, this.sideMenu = this.extensions.sideMenu, this.suggestionMenus = this.extensions.suggestionMenus, this.filePanel = this.extensions.filePanel, this.tableHandles = this.extensions.tableHandles, i.uploadFile) {
-      const f = i.uploadFile;
-      this.uploadFile = async (g, b) => {
+      const g = i.uploadFile;
+      this.uploadFile = async (b, k) => {
         this.onUploadStartCallbacks.forEach(
-          (k) => k.apply(this, [b])
+          (v) => v.apply(this, [k])
         );
         try {
-          return await f(g, b);
+          return await g(b, k);
         } finally {
           this.onUploadEndCallbacks.forEach(
-            (k) => k.apply(this, [b])
+            (v) => v.apply(this, [k])
           );
         }
       };
     }
-    this.resolveFileUrl = i.resolveFileUrl, this.headless = i._headless, i.collaboration && i.initialContent && console.warn(
+    this.resolveFileUrl = i.resolveFileUrl, this.headless = i._headless;
+    const n = "collaboration" in this.extensions || "liveblocksExtension" in this.extensions;
+    n && i.initialContent && console.warn(
       "When using Collaboration, initialContent might cause conflicts, because changes should come from the collaboration provider"
     );
-    const n = i.initialContent || (t.collaboration ? [
+    const r = i.initialContent || (n ? [
       {
         type: "paragraph",
         id: "initialBlockId"
@@ -12410,48 +12542,48 @@ class mo {
         id: ue.options.generateID()
       }
     ]);
-    if (!Array.isArray(n) || n.length === 0)
+    if (!Array.isArray(r) || r.length === 0)
       throw new Error(
-        "initialContent must be a non-empty array of blocks, received: " + n
+        "initialContent must be a non-empty array of blocks, received: " + r
       );
-    const r = [
-      ...Object.entries(this.extensions).map(([f, g]) => {
-        if (g instanceof L || g instanceof X || g instanceof xe)
-          return g;
-        if (!g.plugin)
+    const a = [
+      ...Object.entries(this.extensions).map(([g, b]) => {
+        if (b instanceof L || b instanceof Z || b instanceof xe)
+          return b;
+        if (!b.plugin)
           throw new Error(
             "Extension should either be a TipTap extension or a ProseMirror plugin in a plugin property"
           );
         return L.create({
-          name: f,
-          addProseMirrorPlugins: () => [g.plugin]
+          name: g,
+          addProseMirrorPlugins: () => [b.plugin]
         });
       })
-    ], a = {
+    ], s = {
       ...Ta,
       ...i._tiptapOptions,
-      content: n,
-      extensions: r,
+      content: r,
+      extensions: a,
       editorProps: {
-        ...(l = i._tiptapOptions) == null ? void 0 : l.editorProps,
+        ...(d = i._tiptapOptions) == null ? void 0 : d.editorProps,
         attributes: {
           // As of TipTap v2.5.0 the tabIndex is removed when the editor is not
           // editable, so you can't focus it. We want to revert this as we have
           // UI behaviour that relies on it.
           tabIndex: "0",
-          ...(c = (d = i._tiptapOptions) == null ? void 0 : d.editorProps) == null ? void 0 : c.attributes,
-          ...(u = i.domAttributes) == null ? void 0 : u.editor,
+          ...(u = (c = i._tiptapOptions) == null ? void 0 : c.editorProps) == null ? void 0 : u.attributes,
+          ...(h = i.domAttributes) == null ? void 0 : h.editor,
           class: G(
             "bn-editor",
             i.defaultStyles ? "bn-default-styles" : "",
-            ((m = (h = i.domAttributes) == null ? void 0 : h.editor) == null ? void 0 : m.class) || ""
+            ((f = (m = i.domAttributes) == null ? void 0 : m.editor) == null ? void 0 : f.class) || ""
           )
         },
         transformPasted: Sa
       }
     };
-    this.headless ? this._pmSchema = To(a.extensions) : (this._tiptapEditor = ve.create(
-      a,
+    this.headless ? this._pmSchema = Mo(s.extensions) : (this._tiptapEditor = ve.create(
+      s,
       this.schema.styleSchema
     ), this._pmSchema = this._tiptapEditor.schema);
   }
@@ -12459,7 +12591,7 @@ class mo {
     return this._pmSchema;
   }
   static create(t = {}) {
-    return new mo(t);
+    return new fo(t);
   }
   dispatch(t) {
     this._tiptapEditor.dispatch(t);
@@ -12504,7 +12636,7 @@ class mo {
   get document() {
     const t = [];
     return this._tiptapEditor.state.doc.firstChild.descendants((o) => (t.push(
-      v(
+      w(
         o,
         this.schema.blockSchema,
         this.schema.inlineContentSchema,
@@ -12604,7 +12736,7 @@ class mo {
    * @param placement Whether the text cursor should be placed at the start or end of the block.
    */
   setTextCursorPosition(t, o = "start") {
-    no(this, t, o);
+    ro(this, t, o);
   }
   /**
    * Gets a snapshot of the current selection.
@@ -12705,7 +12837,9 @@ class mo {
     for (const i of o) {
       const n = this.schema.styleSchema[i.type.name];
       if (!n) {
-        i.type.name !== "link" && console.warn("mark not found in styleschema", i.type.name);
+        // Links are not considered styles in blocknote
+        i.type.name !== "link" && // "blocknoteIgnore" tagged marks (such as comments) are also not considered BlockNote "styles"
+        !i.type.spec.blocknoteIgnore && console.warn("mark not found in styleschema", i.type.name);
         continue;
       }
       n.propSchema === "boolean" ? t[n.type] = !0 : t[n.type] = i.attrs.stringValue;
@@ -12794,7 +12928,7 @@ class mo {
    * Nests the block containing the text cursor into the block above it.
    */
   nestBlock() {
-    oo(this);
+    io(this);
   }
   /**
    * Checks if the block containing the text cursor is nested.
@@ -12854,7 +12988,7 @@ class mo {
    * @returns The blocks parsed from the HTML string.
    */
   async tryParseHTMLToBlocks(t) {
-    return ao(
+    return so(
       t,
       this.schema.blockSchema,
       this.schema.inlineContentSchema,
@@ -13094,7 +13228,7 @@ function Ne(e = "") {
   ] : e;
 }
 function le(e) {
-  return typeof e == "string" ? Ne(e) : Array.isArray(e) ? e.flatMap((t) => typeof t == "string" ? Ne(t) : St(t) ? {
+  return typeof e == "string" ? Ne(e) : Array.isArray(e) ? e.flatMap((t) => typeof t == "string" ? Ne(t) : Bt(t) ? {
     ...t,
     content: Ne(t.content)
   } : de(t) ? t : {
@@ -13114,10 +13248,10 @@ function le(e) {
 }
 function Is(e, t) {
   return t.map(
-    (o) => fo(e.blockSchema, o)
+    (o) => go(e.blockSchema, o)
   );
 }
-function fo(e, t) {
+function go(e, t) {
   var n;
   const o = e[t.type].content, i = {
     id: "",
@@ -13148,7 +13282,7 @@ function fo(e, t) {
   return {
     ...i,
     content: le(i.content),
-    children: i.children.map((r) => fo(e, r))
+    children: i.children.map((r) => go(e, r))
   };
 }
 function Ma(e) {
@@ -13160,36 +13294,36 @@ function Ia(e) {
 }
 export {
   $i as AudioBlock,
-  mo as BlockNoteEditor,
+  fo as BlockNoteEditor,
   fe as BlockNoteSchema,
   Es as COLORS_DARK_MODE_DEFAULT,
   Cs as COLORS_DEFAULT,
   Wi as CodeBlock,
-  Kr as DEFAULT_LINK_PROTOCOL,
+  qr as DEFAULT_LINK_PROTOCOL,
   ps as EMPTY_CELL_HEIGHT,
-  Kt as EMPTY_CELL_WIDTH,
+  qt as EMPTY_CELL_WIDTH,
   Ss as Exporter,
   Oi as FILE_AUDIO_ICON_SVG,
   Hi as FILE_ICON_SVG,
   hn as FILE_IMAGE_ICON_SVG,
   Un as FILE_VIDEO_ICON_SVG,
   ln as FileBlock,
-  Dr as FilePanelProsemirrorPlugin,
-  jr as FilePanelView,
-  Or as FormattingToolbarProsemirrorPlugin,
-  Hr as FormattingToolbarView,
-  ao as HTMLToBlocks,
+  Hr as FilePanelProsemirrorPlugin,
+  Dr as FilePanelView,
+  Rr as FormattingToolbarProsemirrorPlugin,
+  Ur as FormattingToolbarView,
+  so as HTMLToBlocks,
   _n as ImageBlock,
-  $r as LinkToolbarProsemirrorPlugin,
+  Wr as LinkToolbarProsemirrorPlugin,
   Ji as PageBreak,
-  ra as SideMenuProsemirrorPlugin,
-  ia as SideMenuView,
-  la as SuggestionMenuProseMirrorPlugin,
-  ha as TableHandlesProsemirrorPlugin,
-  pa as TableHandlesView,
+  aa as SideMenuProsemirrorPlugin,
+  na as SideMenuView,
+  da as SuggestionMenuProseMirrorPlugin,
+  ma as TableHandlesProsemirrorPlugin,
+  ha as TableHandlesView,
   ue as UniqueID,
   D as UnreachableCaseError,
-  Wr as VALID_LINK_PROTOCOLS,
+  Kr as VALID_LINK_PROTOCOLS,
   Gn as VideoBlock,
   Ma as addIdsToBlock,
   Ia as addIdsToBlocks,
@@ -13203,7 +13337,7 @@ export {
   Ri as audioPropSchema,
   zi as audioRender,
   Gi as audioToExternalHTML,
-  Z as blockToNode,
+  J as blockToNode,
   _r as blocksToMarkdown,
   ye as camelToDataKebab,
   bs as checkBlockHasDefaultProp,
@@ -13218,7 +13352,7 @@ export {
   Xe as cleanHTMLToMarkdown,
   Ms as combineByGroup,
   Se as contentNodeToInlineContent,
-  Dt as contentNodeToTableContent,
+  Ht as contentNodeToTableContent,
   Di as createAddFileButton,
   me as createBlockSpec,
   W as createBlockSpecFromStronglyTypedTiptapNode,
@@ -13229,27 +13363,27 @@ export {
   Ui as createFileNameWithIcon,
   ds as createInlineContentSpec,
   Li as createInlineContentSpecFromTipTapNode,
-  Nt as createInternalBlockSpec,
+  jt as createInternalBlockSpec,
   Ci as createInternalHTMLSerializer,
   Ii as createInternalInlineContentSpec,
-  Ut as createInternalStyleSpec,
+  Ot as createInternalStyleSpec,
   Te as createLinkWithCaption,
-  Ft as createResizableFileBlockWrapper,
+  Gt as createResizableFileBlockWrapper,
   $ as createStronglyTypedTiptapNode,
   cs as createStyleSpec,
   K as createStyleSpecFromTipTapMark,
   xs as createSuggestionMenu,
   us as customizeCodeBlock,
   $n as defaultBlockSchema,
-  qt as defaultBlockSpecs,
+  Xt as defaultBlockSpecs,
   rt as defaultBlockToHTML,
   Oe as defaultCodeBlockPropSchema,
   Wn as defaultInlineContentSchema,
-  Zt as defaultInlineContentSpecs,
-  x as defaultProps,
+  Jt as defaultInlineContentSpecs,
+  C as defaultProps,
   hs as defaultStyleSchema,
-  Xt as defaultStyleSpecs,
-  Y as esmDependencies,
+  Zt as defaultStyleSpecs,
+  Q as esmDependencies,
   nn as fileBlockConfig,
   an as fileParse,
   on as filePropSchema,
@@ -13258,58 +13392,58 @@ export {
   ls as filenameFromURL,
   _s as filterSuggestionItems,
   V as formatKeyboardShortcut,
-  Ur as formattingToolbarPluginKey,
+  Or as formattingToolbarPluginKey,
   Si as getBlockFromPos,
   F as getBlockInfo,
   pe as getBlockInfoFromResolvedPos,
   _ as getBlockInfoFromSelection,
   Ge as getBlockInfoWithManualOffset,
   wa as getBlockNoteExtensions,
-  jt as getBlockSchemaFromSpecs,
+  Dt as getBlockSchemaFromSpecs,
   Ts as getDefaultEmojiPickerItems,
   ks as getDefaultSlashMenuItems,
   Ai as getInlineContentParseRules,
-  Ht as getInlineContentSchemaFromSpecs,
+  Ut as getInlineContentSchemaFromSpecs,
   z as getNearestBlockPos,
   A as getNodeById,
   vs as getPageBreakSlashMenuItems,
   Ti as getParseRules,
   ji as getStyleParseRules,
-  Ot as getStyleSchemaFromSpecs,
+  Rt as getStyleSchemaFromSpecs,
   fn as imageBlockConfig,
   bn as imageParse,
   mn as imagePropSchema,
   gn as imageRender,
   kn as imageToExternalHTML,
-  Pt as inheritedProps,
+  Nt as inheritedProps,
   qe as initializeESMDependencies,
   H as inlineContentToNodes,
   T as insertOrUpdateBlock,
   Ei as isAppleOS,
   it as isLinkInlineContent,
-  St as isPartialLinkInlineContent,
+  Bt as isPartialLinkInlineContent,
   ss as isSafari,
   de as isStyledTextInlineContent,
-  Gr as linkToolbarPluginKey,
+  $r as linkToolbarPluginKey,
   rs as locales,
   Bs as mappingFactory,
   Sr as markdownToBlocks,
   G as mergeCSSClasses,
-  v as nodeToBlock,
+  w as nodeToBlock,
   Ue as nodeToCustomInlineContent,
   Ki as pageBreakConfig,
   Xi as pageBreakParse,
   qi as pageBreakRender,
-  Jt as pageBreakSchema,
+  Yt as pageBreakSchema,
   Zi as pageBreakToExternalHTML,
   dt as parseEmbedElement,
   Be as parseFigureElement,
-  fo as partialBlockToBlockForTesting,
+  go as partialBlockToBlockForTesting,
   Is as partialBlocksToBlocksForTesting,
   he as propsToAttributes,
   Ie as shikiHighlighterPromiseSymbol,
   lt as shikiParserSymbol,
-  na as sideMenuPluginKey,
+  ra as sideMenuPluginKey,
   Pi as stylePropsToAttributes,
   Ce as tableContentToNodes,
   se as tableHandlesPluginKey,