@blocknote/core 0.12.4 → 0.13.0

package/dist/blocknote.js

@@ -1,49 +1,442 @@
-var me = Object.defineProperty;
-var fe = (n, t, e) => t in n ? me(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var d = (n, t, e) => (fe(n, typeof t != "symbol" ? t + "" : t, e), e);
-import { Slice as U, Fragment as T, DOMSerializer as bt, DOMParser as ge, Node as be } from "prosemirror-model";
-import zt from "rehype-parse";
-import Vt from "rehype-stringify";
+var fe = Object.defineProperty;
+var ge = (n, t, e) => t in n ? fe(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var d = (n, t, e) => (ge(n, typeof t != "symbol" ? t + "" : t, e), e);
+import { Slice as U, Fragment as T, DOMSerializer as bt, DOMParser as be, Node as ke } from "prosemirror-model";
+import Vt from "rehype-parse";
+import zt from "rehype-stringify";
 import { unified as kt } from "unified";
-import { Extension as M, combineTransactionSteps as ke, getChangedRanges as ye, findChildrenInRange as we, Node as W, Mark as yt, InputRule as wt, callOrReturn as ve, getExtensionField as Ee, mergeAttributes as Se, selectionToInsertionEnd as Ce, isNodeSelection as xe, posToDOMRect as ft, getMarkRange as Mt, findParentNode as Te, findChildren as Bt, extensions as X, Editor as Me, createDocument as Be } from "@tiptap/core";
-import { Plugin as v, PluginKey as x, Selection as ut, NodeSelection as it, TextSelection as ot, EditorState as Le } from "prosemirror-state";
-import { v4 as Ie } from "uuid";
+import { Extension as M, combineTransactionSteps as ye, getChangedRanges as we, findChildrenInRange as ve, Node as K, Mark as yt, InputRule as wt, callOrReturn as Ee, getExtensionField as Se, mergeAttributes as Ce, selectionToInsertionEnd as xe, isNodeSelection as Te, posToDOMRect as ft, getMarkRange as Mt, findParentNode as Me, findChildren as Bt, extensions as X, Editor as Be, createDocument as Le } from "@tiptap/core";
+import { Plugin as v, PluginKey as x, Selection as ut, NodeSelection as it, TextSelection as ot, EditorState as Ie } from "prosemirror-state";
+import { v4 as _e } from "uuid";
 import { fromDom as Lt } from "hast-util-from-dom";
-import Ne from "@tiptap/extension-bold";
-import Ae from "@tiptap/extension-code";
+import Ae from "@tiptap/extension-bold";
+import Ne from "@tiptap/extension-code";
 import Pe from "@tiptap/extension-italic";
 import He from "@tiptap/extension-strike";
 import De from "@tiptap/extension-underline";
 import { TableCell as Oe } from "@tiptap/extension-table-cell";
-import { TableHeader as _e } from "@tiptap/extension-table-header";
-import { TableRow as Ue } from "@tiptap/extension-table-row";
-import { columnResizing as Re, tableEditing as ze } from "prosemirror-tables";
-import Ve from "rehype-remark";
+import { TableHeader as Ue } from "@tiptap/extension-table-header";
+import { TableRow as Re } from "@tiptap/extension-table-row";
+import { columnResizing as Ve, tableEditing as ze } from "prosemirror-tables";
+import Fe from "rehype-remark";
 import Ft from "remark-gfm";
-import Fe from "remark-stringify";
-import $e from "remark-parse";
-import Ge, { defaultHandlers as je } from "remark-rehype";
-import { DecorationSet as G, Decoration as j, EditorView as We } from "prosemirror-view";
-import qe from "@tiptap/extension-collaboration";
-import Ke from "@tiptap/extension-collaboration-cursor";
-import { Dropcursor as Je } from "@tiptap/extension-dropcursor";
-import { Gapcursor as Xe } from "@tiptap/extension-gapcursor";
-import { HardBreak as Ye } from "@tiptap/extension-hard-break";
-import { History as Qe } from "@tiptap/extension-history";
-import { Link as Ze } from "@tiptap/extension-link";
-import { Text as tn } from "@tiptap/extension-text";
-function en(n, t = JSON.stringify) {
+import je from "remark-stringify";
+import Ge from "remark-parse";
+import $e, { defaultHandlers as Ke } from "remark-rehype";
+import { DecorationSet as G, Decoration as $, EditorView as qe } from "prosemirror-view";
+import We from "@tiptap/extension-collaboration";
+import Je from "@tiptap/extension-collaboration-cursor";
+import { Dropcursor as Xe } from "@tiptap/extension-dropcursor";
+import { Gapcursor as Ye } from "@tiptap/extension-gapcursor";
+import { HardBreak as Qe } from "@tiptap/extension-hard-break";
+import { History as Ze } from "@tiptap/extension-history";
+import { Link as tn } from "@tiptap/extension-link";
+import { Text as en } from "@tiptap/extension-text";
+const jt = {
+  slash_menu: {
+    heading: {
+      title: "Heading 1",
+      subtext: "Used for a top-level heading",
+      aliases: ["h", "heading1", "h1"],
+      group: "Headings"
+    },
+    heading_2: {
+      title: "Heading 2",
+      subtext: "Used for key sections",
+      aliases: ["h2", "heading2", "subheading"],
+      group: "Headings"
+    },
+    heading_3: {
+      title: "Heading 3",
+      subtext: "Used for subsections and group headings",
+      aliases: ["h3", "heading3", "subheading"],
+      group: "Headings"
+    },
+    numbered_list: {
+      title: "Numbered List",
+      subtext: "Used to display a numbered list",
+      aliases: ["ol", "li", "list", "numberedlist", "numbered list"],
+      group: "Basic blocks"
+    },
+    bullet_list: {
+      title: "Bullet List",
+      subtext: "Used to display an unordered list",
+      aliases: ["ul", "li", "list", "bulletlist", "bullet list"],
+      group: "Basic blocks"
+    },
+    paragraph: {
+      title: "Paragraph",
+      subtext: "Used for the body of your document",
+      aliases: ["p", "paragraph"],
+      group: "Basic blocks"
+    },
+    table: {
+      title: "Table",
+      subtext: "Used for for tables",
+      aliases: ["table"],
+      group: "Advanced"
+    },
+    image: {
+      title: "Image",
+      subtext: "Insert an image",
+      aliases: [
+        "image",
+        "imageUpload",
+        "upload",
+        "img",
+        "picture",
+        "media",
+        "url",
+        "drive",
+        "dropbox"
+      ],
+      group: "Media"
+    }
+  },
+  placeholders: {
+    default: "Enter text or type '/' for commands",
+    heading: "Heading",
+    bulletListItem: "List",
+    numberedListItem: "List"
+  },
+  image: {
+    add_button: "Add Image"
+  },
+  // from react package:
+  side_menu: {
+    add_block_label: "Add block",
+    drag_handle_label: "Open block menu"
+  },
+  drag_handle: {
+    delete_menuitem: "Delete",
+    colors_menuitem: "Colors"
+  },
+  table_handle: {
+    delete_column_menuitem: "Delete column",
+    delete_row_menuitem: "Delete row",
+    add_left_menuitem: "Add column left",
+    add_right_menuitem: "Add column right",
+    add_above_menuitem: "Add row above",
+    add_below_menuitem: "Add row below"
+  },
+  suggestion_menu: {
+    no_items_title: "No items found",
+    loading: "Loading…"
+  },
+  color_picker: {
+    text_title: "Text",
+    background_title: "Background",
+    colors: {
+      default: "Default",
+      gray: "Gray",
+      brown: "Brown",
+      red: "Red",
+      orange: "Orange",
+      yellow: "Yellow",
+      green: "Green",
+      blue: "Blue",
+      purple: "Purple",
+      pink: "Pink"
+    }
+  },
+  formatting_toolbar: {
+    bold: {
+      tooltip: "Bold",
+      secondary_tooltip: "Mod+B"
+    },
+    italic: {
+      tooltip: "Italic",
+      secondary_tooltip: "Mod+I"
+    },
+    underline: {
+      tooltip: "Underline",
+      secondary_tooltip: "Mod+U"
+    },
+    strike: {
+      tooltip: "Strike",
+      secondary_tooltip: "Mod+Shift+X"
+    },
+    code: {
+      tooltip: "Code",
+      secondary_tooltip: ""
+    },
+    colors: {
+      tooltip: "Colors"
+    },
+    link: {
+      tooltip: "Create link",
+      secondary_tooltip: "Mod+K"
+    },
+    image_caption: {
+      tooltip: "Edit caption",
+      input_placeholder: "Edit caption"
+    },
+    image_replace: {
+      tooltip: "Replace image"
+    },
+    nest: {
+      tooltip: "Nest block",
+      secondary_tooltip: "Tab"
+    },
+    unnest: {
+      tooltip: "Unnest block",
+      secondary_tooltip: "Shift+Tab"
+    },
+    align_left: {
+      tooltip: "Align text left"
+    },
+    align_center: {
+      tooltip: "Align text center"
+    },
+    align_right: {
+      tooltip: "Align text right"
+    },
+    align_justify: {
+      tooltip: "Justify text"
+    }
+  },
+  image_panel: {
+    upload: {
+      title: "Upload",
+      file_placeholder: "Upload image",
+      upload_error: "Error: Upload failed"
+    },
+    embed: {
+      title: "Embed",
+      embed_button: "Embed image",
+      url_placeholder: "Enter URL"
+    }
+  },
+  link_toolbar: {
+    delete: {
+      tooltip: "Remove link"
+    },
+    edit: {
+      text: "Edit link",
+      tooltip: "Edit"
+    },
+    open: {
+      tooltip: "Open in new tab"
+    },
+    form: {
+      title_placeholder: "Edit title",
+      url_placeholder: "Edit URL"
+    }
+  },
+  generic: {
+    ctrl_shortcut: "Ctrl"
+  }
+}, nn = {
+  slash_menu: {
+    heading: {
+      title: "Kop 1",
+      subtext: "Gebruikt voor een hoofdkop",
+      aliases: ["h", "kop1", "h1"],
+      group: "Koppen"
+    },
+    heading_2: {
+      title: "Kop 2",
+      subtext: "Gebruikt voor belangrijke secties",
+      aliases: ["h2", "kop2", "subkop"],
+      group: "Koppen"
+    },
+    heading_3: {
+      title: "Kop 3",
+      subtext: "Gebruikt voor subsecties en groepskoppen",
+      aliases: ["h3", "kop3", "subkop"],
+      group: "Koppen"
+    },
+    numbered_list: {
+      title: "Genummerde Lijst",
+      subtext: "Gebruikt om een genummerde lijst weer te geven",
+      aliases: ["ol", "li", "lijst", "genummerdelijst", "genummerde lijst"],
+      group: "Basisblokken"
+    },
+    bullet_list: {
+      title: "Puntenlijst",
+      subtext: "Gebruikt om een ongeordende lijst weer te geven",
+      aliases: ["ul", "li", "lijst", "puntenlijst", "punten lijst"],
+      group: "Basisblokken"
+    },
+    paragraph: {
+      title: "Paragraaf",
+      subtext: "Gebruikt voor de hoofdtekst van uw document",
+      aliases: ["p", "paragraaf"],
+      group: "Basisblokken"
+    },
+    table: {
+      title: "Tabel",
+      subtext: "Gebruikt voor tabellen",
+      aliases: ["tabel"],
+      group: "Geavanceerd"
+    },
+    image: {
+      title: "Afbeelding",
+      subtext: "Voeg een afbeelding in",
+      aliases: [
+        "afbeelding",
+        "imageUpload",
+        "upload",
+        "img",
+        "foto",
+        "media",
+        "url",
+        "drive",
+        "dropbox"
+      ],
+      group: "Media"
+    }
+  },
+  placeholders: {
+    default: "Voer tekst in of type '/' voor commando's",
+    heading: "Kop",
+    bulletListItem: "Lijst",
+    numberedListItem: "Lijst"
+  },
+  image: {
+    add_button: "Afbeelding toevoegen"
+  },
+  // from react package:
+  side_menu: {
+    add_block_label: "Nieuw blok",
+    drag_handle_label: "Open blok menu"
+  },
+  drag_handle: {
+    delete_menuitem: "Verwijder",
+    colors_menuitem: "Kleuren"
+  },
+  table_handle: {
+    delete_column_menuitem: "Verwijder kolom",
+    delete_row_menuitem: "Verwijder rij",
+    add_left_menuitem: "Voeg kolom links toe",
+    add_right_menuitem: "Voeg kolom rechts toe",
+    add_above_menuitem: "Voeg rij boven toe",
+    add_below_menuitem: "Voeg rij onder toe"
+  },
+  suggestion_menu: {
+    no_items_title: "Geen items gevonden",
+    loading: "Laden…"
+  },
+  color_picker: {
+    text_title: "Tekst",
+    background_title: "Achtergrond",
+    colors: {
+      default: "Standaard",
+      gray: "Grijs",
+      brown: "Bruin",
+      red: "Rood",
+      orange: "Oranje",
+      yellow: "Geel",
+      green: "Groen",
+      blue: "Blauw",
+      purple: "Paars",
+      pink: "Roze"
+    }
+  },
+  formatting_toolbar: {
+    bold: {
+      tooltip: "Vet",
+      secondary_tooltip: "Mod+B"
+    },
+    italic: {
+      tooltip: "Cursief",
+      secondary_tooltip: "Mod+I"
+    },
+    underline: {
+      tooltip: "Onderstrepen",
+      secondary_tooltip: "Mod+U"
+    },
+    strike: {
+      tooltip: "Doorstrepen",
+      secondary_tooltip: "Mod+Shift+X"
+    },
+    code: {
+      tooltip: "Code",
+      secondary_tooltip: ""
+    },
+    colors: {
+      tooltip: "Kleuren"
+    },
+    link: {
+      tooltip: "Maak link",
+      secondary_tooltip: "Mod+K"
+    },
+    image_caption: {
+      tooltip: "Bewerk onderschrift",
+      input_placeholder: "Bewerk onderschrift"
+    },
+    image_replace: {
+      tooltip: "Vervang afbeelding"
+    },
+    nest: {
+      tooltip: "Nest blok",
+      secondary_tooltip: "Tab"
+    },
+    unnest: {
+      tooltip: "Ontnest blok",
+      secondary_tooltip: "Shift+Tab"
+    },
+    align_left: {
+      tooltip: "Tekst links uitlijnen"
+    },
+    align_center: {
+      tooltip: "Tekst centreren"
+    },
+    align_right: {
+      tooltip: "Tekst rechts uitlijnen"
+    },
+    align_justify: {
+      tooltip: "Tekst uitvullen"
+    }
+  },
+  image_panel: {
+    upload: {
+      title: "Upload",
+      file_placeholder: "Upload afbeelding",
+      upload_error: "Fout: Upload mislukt"
+    },
+    embed: {
+      title: "Insluiten",
+      embed_button: "Insluiten afbeelding",
+      url_placeholder: "Voer URL in"
+    }
+  },
+  link_toolbar: {
+    delete: {
+      tooltip: "Verwijder link"
+    },
+    edit: {
+      text: "Bewerk link",
+      tooltip: "Bewerk"
+    },
+    open: {
+      tooltip: "Open in nieuw tabblad"
+    },
+    form: {
+      title_placeholder: "Bewerk titel",
+      url_placeholder: "Bewerk URL"
+    }
+  },
+  generic: {
+    ctrl_shortcut: "Ctrl"
+  }
+}, Dr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  en: jt,
+  nl: nn
+}, Symbol.toStringTag, { value: "Module" }));
+function on(n, t = JSON.stringify) {
   const e = {};
   return n.filter((o) => {
     const r = t(o);
     return Object.prototype.hasOwnProperty.call(e, r) ? !1 : e[r] = !0;
   });
 }
-function nn(n) {
+function rn(n) {
   const t = n.filter(
     (o, r) => n.indexOf(o) !== r
   );
-  return en(t);
+  return on(t);
 }
 const Z = M.create({
   name: "uniqueID",
@@ -59,7 +452,7 @@ const Z = M.create({
           const n = window.__TEST_OPTIONS;
           return n.mockID === void 0 ? n.mockID = 0 : n.mockID++, n.mockID.toString();
         }
-        return Ie();
+        return _e();
       },
       filterTransaction: null
     };
@@ -122,19 +515,19 @@ const Z = M.create({
           });
           if (!i || s)
             return;
-          const { tr: a } = r, { types: l, attributeName: c, generateID: u } = this.options, p = ke(
+          const { tr: a } = r, { types: l, attributeName: c, generateID: u } = this.options, p = ye(
             o.doc,
             e
           ), { mapping: m } = p;
-          if (ye(p).forEach(({ newRange: f }) => {
-            const k = we(
+          if (we(p).forEach(({ newRange: f }) => {
+            const k = ve(
               r.doc,
               f,
               (E) => l.includes(E.type.name)
-            ), S = k.map(({ node: E }) => E.attrs[c]).filter((E) => E !== null), B = nn(S);
-            k.forEach(({ node: E, pos: O }) => {
-              let V;
-              const J = (V = a.doc.nodeAt(O)) === null || V === void 0 ? void 0 : V.attrs[c];
+            ), S = k.map(({ node: E }) => E.attrs[c]).filter((E) => E !== null), B = rn(S);
+            k.forEach(({ node: E, pos: D }) => {
+              let z;
+              const J = (z = a.doc.nodeAt(D)) === null || z === void 0 ? void 0 : z.attrs[c];
               if (J === null) {
                 const ct = o.doc.type.createAndFill().content;
                 if (o.doc.content.findDiffStart(ct) === null) {
@@ -142,21 +535,21 @@ const Z = M.create({
                     JSON.stringify(r.doc.toJSON())
                   );
                   if (nt.content[0].content[0].attrs.id = "initialBlockId", JSON.stringify(nt.content) === JSON.stringify(ct.toJSON())) {
-                    a.setNodeMarkup(O, void 0, {
+                    a.setNodeMarkup(D, void 0, {
                       ...E.attrs,
                       [c]: "initialBlockId"
                     });
                     return;
                   }
                 }
-                a.setNodeMarkup(O, void 0, {
+                a.setNodeMarkup(D, void 0, {
                   ...E.attrs,
                   [c]: u()
                 });
                 return;
               }
-              const { deleted: g } = m.invert().mapResult(O);
-              g && B.includes(J) && a.setNodeMarkup(O, void 0, {
+              const { deleted: g } = m.invert().mapResult(D);
+              g && B.includes(J) && a.setNodeMarkup(D, void 0, {
                 ...E.attrs,
                 [c]: u()
               });
@@ -227,7 +620,7 @@ const Z = M.create({
     ];
   }
 });
-function $t(n) {
+function Gt(n) {
   const t = n.attrs.id, e = n.firstChild, o = e.type, r = n.childCount === 2 ? n.lastChild.childCount : 0;
   return {
     id: t,
@@ -257,7 +650,7 @@ function b(n, t) {
       break;
     a -= 1, s = r.node(a);
   }
-  const { id: l, contentNode: c, contentType: u, numChildBlocks: p } = $t(s), m = r.start(a), h = r.end(a);
+  const { id: l, contentNode: c, contentType: u, numChildBlocks: p } = Gt(s), m = r.start(a), h = r.end(a);
   return {
     id: l,
     node: s,
@@ -272,7 +665,7 @@ function b(n, t) {
 function It(n) {
   return n.type === "link";
 }
-function Gt(n) {
+function $t(n) {
   return typeof n != "string" && n.type === "link";
 }
 function Q(n) {
@@ -283,7 +676,12 @@ class A extends Error {
     super(`Unreachable case: ${t}`);
   }
 }
-function Nt(n, t, e) {
+function Or(n, t = !0) {
+  const { "data-test": e, ...o } = n;
+  if (Object.keys(o).length > 0 && t)
+    throw new Error("Object must be empty " + JSON.stringify(n));
+}
+function _t(n, t, e) {
   const o = [];
   for (const [r, i] of Object.entries(n.styles)) {
     const s = e[r];
@@ -299,7 +697,7 @@ function Nt(n, t, e) {
   return n.text.split(/(\n)/g).filter((r) => r.length > 0).map((r) => r === `
 ` ? t.nodes.hardBreak.create() : t.text(r, o));
 }
-function on(n, t, e) {
+function sn(n, t, e) {
   const o = t.marks.link.create({
     href: n.href
   });
@@ -317,25 +715,25 @@ function gt(n, t, e) {
   const o = [];
   if (typeof n == "string")
     return o.push(
-      ...Nt(
+      ..._t(
         { type: "text", text: n, styles: {} },
         t,
         e
       )
     ), o;
   for (const r of n)
-    o.push(...Nt(r, t, e));
+    o.push(..._t(r, t, e));
   return o;
 }
 function at(n, t, e) {
   const o = [];
   for (const r of n)
-    typeof r == "string" ? o.push(...gt(r, t, e)) : Gt(r) ? o.push(...on(r, t, e)) : Q(r) ? o.push(...gt([r], t, e)) : o.push(
-      Wt(r, t, e)
+    typeof r == "string" ? o.push(...gt(r, t, e)) : $t(r) ? o.push(...sn(r, t, e)) : Q(r) ? o.push(...gt([r], t, e)) : o.push(
+      qt(r, t, e)
     );
   return o;
 }
-function jt(n, t, e) {
+function Kt(n, t, e) {
   const o = [];
   for (const r of n.rows) {
     const i = [];
@@ -357,7 +755,7 @@ function jt(n, t, e) {
   }
   return o;
 }
-function Wt(n, t, e) {
+function qt(n, t, e) {
   let o, r = n.type;
   if (r === void 0 && (r = "paragraph"), !t.nodes[r])
     throw new Error(`node type ${r} not found in schema`);
@@ -372,23 +770,23 @@ function Wt(n, t, e) {
     const i = at(n.content, t, e);
     o = t.nodes[r].create(n.props, i);
   } else if (n.content.type === "tableContent") {
-    const i = jt(n.content, t, e);
+    const i = Kt(n.content, t, e);
     o = t.nodes[r].create(n.props, i);
   } else
     throw new A(n.content.type);
   return o;
 }
-function D(n, t, e) {
+function H(n, t, e) {
   let o = n.id;
   o === void 0 && (o = Z.options.generateID());
-  const r = Wt(
+  const r = qt(
     n,
     t,
     e
   ), i = [];
   if (n.children)
     for (const a of n.children)
-      i.push(D(a, t, e));
+      i.push(H(a, t, e));
   const s = t.nodes.blockGroup.create({}, i);
   return t.nodes.blockContainer.create(
     {
@@ -398,7 +796,7 @@ function D(n, t, e) {
     i.length > 0 ? [r, s] : r
   );
 }
-function rn(n, t, e) {
+function an(n, t, e) {
   const o = {
     type: "tableContent",
     rows: []
@@ -443,7 +841,7 @@ function vt(n, t, e) {
     }
     if (i.type.name !== "link" && i.type.name !== "text" && t[i.type.name]) {
       r && (o.push(r), r = void 0), o.push(
-        qt(i, t, e)
+        Wt(i, t, e)
       );
       return;
     }
@@ -514,7 +912,7 @@ function vt(n, t, e) {
     };
   }), r && o.push(r), o;
 }
-function qt(n, t, e) {
+function Wt(n, t, e) {
   if (n.type.name === "text" || n.type.name === "link")
     throw new Error("unexpected");
   const o = {}, r = t[n.type.name];
@@ -543,7 +941,7 @@ function y(n, t, e, o, r) {
   const i = r == null ? void 0 : r.get(n);
   if (i)
     return i;
-  const s = $t(n);
+  const s = Gt(n);
   let a = s.id;
   a === null && (a = Z.options.generateID());
   const l = {};
@@ -578,7 +976,7 @@ function y(n, t, e, o, r) {
       o
     );
   else if (c.content === "table")
-    p = rn(
+    p = an(
       s.contentNode,
       e,
       o
@@ -596,14 +994,14 @@ function y(n, t, e, o, r) {
   };
   return r == null || r.set(n, m), m;
 }
-function sn(n) {
+function ln(n) {
   return n.document || window.document;
 }
-const Kt = (n, t, e, o, r) => {
+const Jt = (n, t, e, o, r) => {
   if (!e.nodes[n.type.name])
     throw new Error("Serializer is missing a node type: " + n.type.name);
   const { dom: i, contentDOM: s } = bt.renderSpec(
-    sn(t),
+    ln(t),
     e.nodes[n.type.name](n)
   );
   if (s) {
@@ -642,11 +1040,11 @@ const Kt = (n, t, e, o, r) => {
       e.serializeFragment(n.content, t, s);
   }
   return i;
-}, Jt = (n, t) => {
+}, Xt = (n, t) => {
   const e = t.serializeFragment(n), o = document.createElement("div");
   return o.appendChild(e), o.innerHTML;
 };
-function an(n) {
+function cn(n) {
   const t = /* @__PURE__ */ new Set([
     ...n.orderedListItemBlockTypes,
     ...n.unorderedListItemBlockTypes
@@ -697,24 +1095,24 @@ function an(n) {
 }
 const lt = (n, t) => {
   const e = bt.fromSchema(n);
-  return e.serializeNodeInner = (o, r) => Kt(o, r, e, t, !0), e.exportProseMirrorFragment = (o) => kt().use(zt, { fragment: !0 }).use(an, {
+  return e.serializeNodeInner = (o, r) => Jt(o, r, e, t, !0), e.exportProseMirrorFragment = (o) => kt().use(Vt, { fragment: !0 }).use(cn, {
     orderedListItemBlockTypes: /* @__PURE__ */ new Set(["numberedListItem"]),
     unorderedListItemBlockTypes: /* @__PURE__ */ new Set(["bulletListItem"])
-  }).use(Vt).processSync(Jt(o, e)).value, e.exportBlocks = (o) => {
+  }).use(zt).processSync(Xt(o, e)).value, e.exportBlocks = (o) => {
     const r = o.map(
-      (s) => D(s, n, t.schema.styleSchema)
+      (s) => H(s, n, t.schema.styleSchema)
     ), i = n.nodes.blockGroup.create(null, r);
     return e.exportProseMirrorFragment(T.from(i));
   }, e;
-}, Xt = (n, t) => {
+}, Yt = (n, t) => {
   const e = bt.fromSchema(n);
-  return e.serializeNodeInner = (o, r) => Kt(o, r, e, t, !1), e.serializeProseMirrorFragment = (o) => Jt(o, e), e.serializeBlocks = (o) => {
+  return e.serializeNodeInner = (o, r) => Jt(o, r, e, t, !1), e.serializeProseMirrorFragment = (o) => Xt(o, e), e.serializeBlocks = (o) => {
     const r = o.map(
-      (s) => D(s, n, t.schema.styleSchema)
+      (s) => H(s, n, t.schema.styleSchema)
     ), i = n.nodes.blockGroup.create(null, r);
     return e.serializeProseMirrorFragment(T.from(i));
   }, e;
-}, Hr = async (n) => {
+}, Ur = async (n) => {
   const t = new FormData();
   return t.append("file", n), (await (await fetch("https://tmpfiles.org/api/v1/upload", {
     method: "POST",
@@ -723,24 +1121,24 @@ const lt = (n, t) => {
     "tmpfiles.org/",
     "tmpfiles.org/dl/"
   );
-}, ln = () => typeof navigator < "u" && (/Mac/.test(navigator.platform) || /AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent));
-function F(n) {
-  return ln() ? n.replace("Mod", "⌘") : n.replace("Mod", "Ctrl");
+}, dn = () => typeof navigator < "u" && (/Mac/.test(navigator.platform) || /AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent));
+function F(n, t = "Ctrl") {
+  return dn() ? n.replace("Mod", "⌘") : n.replace("Mod", t);
 }
-function z(...n) {
+function V(...n) {
   return n.filter((t) => t).join(" ");
 }
-const Dr = () => /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+const Rr = () => /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
 function tt(n, t, e, o) {
   const r = document.createElement("div");
-  r.className = z(
+  r.className = V(
     "bn-block-content",
     e.class
   ), r.setAttribute("data-content-type", n);
   for (const [s, a] of Object.entries(e))
     s !== "class" && r.setAttribute(s, a);
   const i = document.createElement(t);
-  i.className = z(
+  i.className = V(
     "bn-inline-content",
     o.class
   );
@@ -754,7 +1152,7 @@ function tt(n, t, e, o) {
   };
 }
 const At = (n, t) => {
-  const e = D(
+  const e = H(
     n,
     t._tiptapEditor.schema,
     t.schema.styleSchema
@@ -780,13 +1178,13 @@ const At = (n, t) => {
     default: "left",
     values: ["left", "center", "right", "justify"]
   }
-}, Yt = ["backgroundColor", "textColor"];
+}, Qt = ["backgroundColor", "textColor"];
 function st(n) {
   return "data-" + n.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
-function Qt(n) {
+function Zt(n) {
   const t = {};
-  return Object.entries(n).filter(([e, o]) => !Yt.includes(e)).forEach(([e, o]) => {
+  return Object.entries(n).filter(([e, o]) => !Qt.includes(e)).forEach(([e, o]) => {
     t[e] = {
       default: o.default,
       keepOnSplit: !0,
@@ -811,7 +1209,7 @@ function Qt(n) {
     };
   }), t;
 }
-function cn(n, t, e, o) {
+function un(n, t, e, o) {
   if (typeof n == "boolean")
     throw new Error(
       "Cannot find node position as getPos is a boolean, not a function."
@@ -826,13 +1224,13 @@ function pt(n, t, e, o, r) {
   if (r !== void 0)
     for (const [s, a] of Object.entries(r))
       s !== "class" && i.setAttribute(s, a);
-  i.className = z(
+  i.className = V(
     "bn-block-content",
     (r == null ? void 0 : r.class) || ""
   ), i.setAttribute("data-content-type", t);
   for (const [s, a] of Object.entries(e))
-    !Yt.includes(s) && a !== o[s].default && i.setAttribute(st(s), a);
-  return i.appendChild(n.dom), n.contentDOM !== void 0 && (n.contentDOM.className = z(
+    !Qt.includes(s) && a !== o[s].default && i.setAttribute(st(s), a);
+  return i.appendChild(n.dom), n.contentDOM !== void 0 && (n.contentDOM.className = V(
     "bn-inline-content",
     n.contentDOM.className
   ), n.contentDOM.setAttribute("data-editable", "")), {
@@ -841,16 +1239,16 @@ function pt(n, t, e, o, r) {
   };
 }
 function q(n) {
-  return W.create(n);
+  return K.create(n);
 }
-function Zt(n, t) {
+function te(n, t) {
   return {
     config: n,
     implementation: t
   };
 }
 function et(n, t, e) {
-  return Zt(
+  return te(
     {
       type: n.name,
       content: n.config.content === "inline*" ? "inline" : n.config.content === "tableRow+" ? "table" : "none",
@@ -865,12 +1263,12 @@ function et(n, t, e) {
     }
   );
 }
-function te(n) {
+function ee(n) {
   return Object.fromEntries(
     Object.entries(n).map(([t, e]) => [t, e.config])
   );
 }
-function dn(n, t) {
+function pn(n, t) {
   const e = [
     {
       tag: "[data-content-type=" + n.type + "]",
@@ -887,17 +1285,17 @@ function dn(n, t) {
     }
   }), e;
 }
-function un(n, t) {
+function hn(n, t) {
   const e = q({
     name: n.type,
     content: n.content === "inline" ? "inline*" : "",
     group: "blockContent",
     selectable: !0,
     addAttributes() {
-      return Qt(n.propSchema);
+      return Zt(n.propSchema);
     },
     parseHTML() {
-      return dn(n, t.parse);
+      return pn(n, t.parse);
     },
     renderHTML() {
       const o = document.createElement("div");
@@ -908,7 +1306,7 @@ function un(n, t) {
     addNodeView() {
       return ({ getPos: o }) => {
         var l;
-        const r = this.options.editor, i = cn(
+        const r = this.options.editor, i = un(
           o,
           r,
           this.editor,
@@ -928,7 +1326,7 @@ function un(n, t) {
     throw new Error(
       "Node name does not match block type. This is a bug in BlockNote."
     );
-  return Zt(n, {
+  return te(n, {
     node: e,
     toInternalHTML: (o, r) => {
       var a;
@@ -959,10 +1357,10 @@ function un(n, t) {
     }
   });
 }
-function pn(n, t, e, o) {
+function mn(n, t, e, o) {
   return n.dom.setAttribute("data-inline-content-type", t), Object.entries(e).filter(([r, i]) => i !== o[r].default).map(([r, i]) => [st(r), i]).forEach(([r, i]) => n.dom.setAttribute(r, i)), n.contentDOM !== void 0 && n.contentDOM.setAttribute("data-editable", ""), n;
 }
-function hn(n) {
+function fn(n) {
   return {
     Backspace: ({ editor: t }) => {
       const e = t.state.selection.$from;
@@ -970,14 +1368,14 @@ function hn(n) {
     }
   };
 }
-function mn(n, t) {
+function gn(n, t) {
   return {
     config: n,
     implementation: t
   };
 }
-function fn(n, t) {
-  return mn(
+function bn(n, t) {
+  return gn(
     {
       type: n.name,
       propSchema: t,
@@ -988,12 +1386,12 @@ function fn(n, t) {
     }
   );
 }
-function ee(n) {
+function ne(n) {
   return Object.fromEntries(
     Object.entries(n).map(([t, e]) => [t, e.config])
   );
 }
-function gn(n) {
+function kn(n) {
   return [
     {
       tag: `[data-inline-content-type="${n.type}"]`,
@@ -1004,8 +1402,8 @@ function gn(n) {
     }
   ];
 }
-function Or(n, t) {
-  const e = W.create({
+function Vr(n, t) {
+  const e = K.create({
     name: n.type,
     inline: !0,
     group: "inline",
@@ -1013,24 +1411,24 @@ function Or(n, t) {
     atom: n.content === "none",
     content: n.content === "styled" ? "inline*" : "",
     addAttributes() {
-      return Qt(n.propSchema);
+      return Zt(n.propSchema);
     },
     addKeyboardShortcuts() {
-      return hn(n);
+      return fn(n);
     },
     parseHTML() {
-      return gn(n);
+      return kn(n);
     },
     renderHTML({ node: o }) {
       const r = this.options.editor, i = t.render(
-        qt(
+        Wt(
           o,
           r.schema.inlineContentSchema,
           r.schema.styleSchema
         )
         // TODO: fix cast
       );
-      return pn(
+      return mn(
         i,
         n.type,
         o.attrs,
@@ -1038,12 +1436,12 @@ function Or(n, t) {
       );
     }
   });
-  return fn(
+  return bn(
     e,
     n.propSchema
   );
 }
-function bn(n) {
+function yn(n) {
   return n === "boolean" ? {} : {
     stringValue: {
       default: void 0,
@@ -1055,17 +1453,17 @@ function bn(n) {
     }
   };
 }
-function kn(n, t, e, o) {
+function wn(n, t, e, o) {
   return n.dom.setAttribute("data-style-type", t), o === "string" && n.dom.setAttribute("data-value", e), n.contentDOM !== void 0 && n.contentDOM.setAttribute("data-editable", ""), n;
 }
-function ne(n, t) {
+function oe(n, t) {
   return {
     config: n,
     implementation: t
   };
 }
-function _(n, t) {
-  return ne(
+function O(n, t) {
+  return oe(
     {
       type: n.name,
       propSchema: t
@@ -1075,12 +1473,12 @@ function _(n, t) {
     }
   );
 }
-function oe(n) {
+function re(n) {
   return Object.fromEntries(
     Object.entries(n).map(([t, e]) => [t, e.config])
   );
 }
-function yn(n) {
+function vn(n) {
   return [
     {
       tag: `[data-style-type="${n.type}"]`,
@@ -1091,14 +1489,14 @@ function yn(n) {
     }
   ];
 }
-function _r(n, t) {
+function zr(n, t) {
   const e = yt.create({
     name: n.type,
     addAttributes() {
-      return bn(n.propSchema);
+      return yn(n.propSchema);
     },
     parseHTML() {
-      return yn(n);
+      return vn(n);
     },
     renderHTML({ mark: o }) {
       let r;
@@ -1108,7 +1506,7 @@ function _r(n, t) {
         r = t.render(o.attrs.stringValue);
       else
         throw new A(n.propSchema);
-      return kn(
+      return wn(
         r,
         n.type,
         o.attrs.stringValue,
@@ -1116,11 +1514,11 @@ function _r(n, t) {
       );
     }
   });
-  return ne(n, {
+  return oe(n, {
     mark: e
   });
 }
-const wn = yt.create({
+const En = yt.create({
   name: "backgroundColor",
   addAttributes() {
     return {
@@ -1146,10 +1544,10 @@ const wn = yt.create({
   renderHTML({ HTMLAttributes: n }) {
     return ["span", n, 0];
   }
-}), vn = _(
-  wn,
+}), Sn = O(
+  En,
   "string"
-), En = yt.create({
+), Cn = yt.create({
   name: "textColor",
   addAttributes() {
     return {
@@ -1173,16 +1571,16 @@ const wn = yt.create({
   renderHTML({ HTMLAttributes: n }) {
     return ["span", n, 0];
   }
-}), Sn = _(En, "string"), N = (n) => {
+}), xn = O(Cn, "string"), _ = (n) => {
   const { contentType: t } = b(
     n.state.doc,
     n.state.selection.from
   );
   return t.spec.content;
-}, Cn = {
+}, Tn = {
   ...w,
   level: { default: 1, values: [1, 2, 3] }
-}, xn = q({
+}, Mn = q({
   name: "heading",
   content: "inline*",
   group: "blockContent",
@@ -1207,7 +1605,7 @@ const wn = yt.create({
       ...[1, 2, 3].map((n) => new wt({
         find: new RegExp(`^(#{${n}})\\s$`),
         handler: ({ state: t, chain: e, range: o }) => {
-          N(this.editor) === "inline*" && e().BNUpdateBlock(t.selection.from, {
+          _(this.editor) === "inline*" && e().BNUpdateBlock(t.selection.from, {
             type: "heading",
             props: {
               level: n
@@ -1219,7 +1617,7 @@ const wn = yt.create({
   },
   addKeyboardShortcuts() {
     return {
-      "Mod-Alt-1": () => N(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
+      "Mod-Alt-1": () => _(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
         this.editor.state.selection.anchor,
         {
           type: "heading",
@@ -1228,7 +1626,7 @@ const wn = yt.create({
           }
         }
       ),
-      "Mod-Alt-2": () => N(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
+      "Mod-Alt-2": () => _(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
         this.editor.state.selection.anchor,
         {
           type: "heading",
@@ -1237,7 +1635,7 @@ const wn = yt.create({
           }
         }
       ),
-      "Mod-Alt-3": () => N(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
+      "Mod-Alt-3": () => _(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
         this.editor.state.selection.anchor,
         {
           type: "heading",
@@ -1285,10 +1683,10 @@ const wn = yt.create({
       ((o = this.options.domAttributes) == null ? void 0 : o.inlineContent) || {}
     );
   }
-}), Tn = et(
-  xn,
-  Cn
-), Mn = {
+}), Bn = et(
+  Mn,
+  Tn
+), Ln = {
   textAlignment: w.textAlignment,
   backgroundColor: w.backgroundColor,
   // Image url.
@@ -1303,7 +1701,7 @@ const wn = yt.create({
   width: {
     default: 512
   }
-}, Pt = (n) => {
+}, Nt = (n) => {
   switch (n) {
     case "left":
       return "flex-start";
@@ -1314,9 +1712,9 @@ const wn = yt.create({
     default:
       return "flex-start";
   }
-}, Ht = 64, Bn = (n, t) => {
+}, Pt = 64, In = (n, t) => {
   const e = document.createElement("div");
-  e.className = "bn-image-block-content-wrapper", e.style.alignItems = Pt(
+  e.className = "bn-image-block-content-wrapper", e.style.alignItems = Nt(
     n.props.textAlignment
   );
   const o = document.createElement("div");
@@ -1324,7 +1722,7 @@ const wn = yt.create({
   const r = document.createElement("div");
   r.className = "bn-add-image-button-icon";
   const i = document.createElement("p");
-  i.className = "bn-add-image-button-text", i.innerText = "Add Image";
+  i.className = "bn-add-image-button-text", i.innerText = t.dictionary.image.add_button;
   const s = document.createElement("div");
   s.className = "bn-image-and-caption-wrapper";
   const a = document.createElement("div");
@@ -1355,7 +1753,7 @@ const wn = yt.create({
       return;
     }
     let L;
-    Pt(n.props.textAlignment) === "center" ? h.handleUsed === "left" ? L = h.initialWidth + (h.initialClientX - g.clientX) * 2 : L = h.initialWidth + (g.clientX - h.initialClientX) * 2 : h.handleUsed === "left" ? L = h.initialWidth + h.initialClientX - g.clientX : L = h.initialWidth + g.clientX - h.initialClientX, L < Ht ? l.style.width = `${Ht}px` : L > t.domElement.firstElementChild.clientWidth ? l.style.width = `${t.domElement.firstElementChild.clientWidth}px` : l.style.width = `${L}px`;
+    Nt(n.props.textAlignment) === "center" ? h.handleUsed === "left" ? L = h.initialWidth + (h.initialClientX - g.clientX) * 2 : L = h.initialWidth + (g.clientX - h.initialClientX) * 2 : h.handleUsed === "left" ? L = h.initialWidth + h.initialClientX - g.clientX : L = h.initialWidth + g.clientX - h.initialClientX, L < Pt ? l.style.width = `${Pt}px` : L > t.domElement.firstElementChild.clientWidth ? l.style.width = `${t.domElement.firstElementChild.clientWidth}px` : l.style.width = `${L}px`;
   }, k = (g) => {
     (!g.target || !a.contains(g.target) || !t.isEditable) && a.contains(c) && a.contains(u) && (a.removeChild(c), a.removeChild(u)), h && (h = void 0, t.updateBlock(n, {
       type: "image",
@@ -1374,9 +1772,9 @@ const wn = yt.create({
     );
   }, E = () => {
     t.isEditable && (a.appendChild(c), a.appendChild(u));
-  }, O = (g) => {
+  }, D = (g) => {
     g.relatedTarget === c || g.relatedTarget === u || h || t.isEditable && a.contains(c) && a.contains(u) && (a.removeChild(c), a.removeChild(u));
-  }, V = (g) => {
+  }, z = (g) => {
     g.preventDefault(), a.appendChild(c), a.appendChild(u), h = {
       handleUsed: "left",
       initialWidth: n.props.width,
@@ -1389,9 +1787,9 @@ const wn = yt.create({
       initialClientX: g.clientX
     };
   };
-  return o.appendChild(r), o.appendChild(i), s.appendChild(a), a.appendChild(l), s.appendChild(p), n.props.url === "" ? e.appendChild(o) : e.appendChild(s), window.addEventListener("mousemove", f), window.addEventListener("mouseup", k), o.addEventListener("mousedown", S), o.addEventListener("click", B), l.addEventListener("mouseenter", E), l.addEventListener("mouseleave", O), c.addEventListener(
+  return o.appendChild(r), o.appendChild(i), s.appendChild(a), a.appendChild(l), s.appendChild(p), n.props.url === "" ? e.appendChild(o) : e.appendChild(s), window.addEventListener("mousemove", f), window.addEventListener("mouseup", k), o.addEventListener("mousedown", S), o.addEventListener("click", B), l.addEventListener("mouseenter", E), l.addEventListener("mouseleave", D), c.addEventListener(
     "mousedown",
-    V
+    z
   ), u.addEventListener(
     "mousedown",
     J
@@ -1403,21 +1801,21 @@ const wn = yt.create({
         S
       ), o.removeEventListener("click", B), c.removeEventListener(
         "mousedown",
-        V
+        z
       ), u.removeEventListener(
         "mousedown",
         J
       );
     }
   };
-}, Ln = un(
+}, _n = hn(
   {
     type: "image",
-    propSchema: Mn,
+    propSchema: Ln,
     content: "none"
   },
   {
-    render: Bn,
+    render: In,
     toExternalHTML: (n) => {
       if (n.props.url === "") {
         const o = document.createElement("p");
@@ -1467,7 +1865,7 @@ const wn = yt.create({
       s.command(() => t.textContent.length > 0 ? (i().deleteSelection().BNSplitBlock(r.selection.from, !0).run(), !0) : !1)
     )
   ]);
-}, In = {
+}, An = {
   ...w
 }, Nn = q({
   name: "bulletListItem",
@@ -1479,7 +1877,7 @@ const wn = yt.create({
       new wt({
         find: new RegExp("^[-+*]\\s$"),
         handler: ({ state: n, chain: t, range: e }) => {
-          N(this.editor) === "inline*" && t().BNUpdateBlock(n.selection.from, {
+          _(this.editor) === "inline*" && t().BNUpdateBlock(n.selection.from, {
             type: "bulletListItem",
             props: {}
           }).deleteRange({ from: e.from, to: e.to });
@@ -1490,7 +1888,7 @@ const wn = yt.create({
   addKeyboardShortcuts() {
     return {
       Enter: () => Et(this.editor),
-      "Mod-Shift-8": () => N(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
+      "Mod-Shift-8": () => _(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
         this.editor.state.selection.anchor,
         {
           type: "bulletListItem",
@@ -1545,11 +1943,11 @@ const wn = yt.create({
       ((e = this.options.domAttributes) == null ? void 0 : e.inlineContent) || {}
     );
   }
-}), An = et(
+}), Pn = et(
   Nn,
-  In
-), Pn = new x("numbered-list-indexing"), Hn = () => new v({
-  key: Pn,
+  An
+), Hn = new x("numbered-list-indexing"), Dn = () => new v({
+  key: Hn,
   appendTransaction: (n, t, e) => {
     const o = e.tr;
     o.setMeta("numberedListIndexing", !0);
@@ -1578,9 +1976,9 @@ const wn = yt.create({
       }
     }), r ? o : null;
   }
-}), Dn = {
+}), On = {
   ...w
-}, On = q({
+}, Un = q({
   name: "numberedListItem",
   content: "inline*",
   group: "blockContent",
@@ -1601,7 +1999,7 @@ const wn = yt.create({
       new wt({
         find: new RegExp("^1\\.\\s$"),
         handler: ({ state: n, chain: t, range: e }) => {
-          N(this.editor) === "inline*" && t().BNUpdateBlock(n.selection.from, {
+          _(this.editor) === "inline*" && t().BNUpdateBlock(n.selection.from, {
             type: "numberedListItem",
             props: {}
           }).deleteRange({ from: e.from, to: e.to });
@@ -1612,7 +2010,7 @@ const wn = yt.create({
   addKeyboardShortcuts() {
     return {
       Enter: () => Et(this.editor),
-      "Mod-Shift-7": () => N(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
+      "Mod-Shift-7": () => _(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
         this.editor.state.selection.anchor,
         {
           type: "numberedListItem",
@@ -1622,7 +2020,7 @@ const wn = yt.create({
     };
   },
   addProseMirrorPlugins() {
-    return [Hn()];
+    return [Dn()];
   },
   parseHTML() {
     return [
@@ -1672,19 +2070,19 @@ const wn = yt.create({
       ((e = this.options.domAttributes) == null ? void 0 : e.inlineContent) || {}
     );
   }
-}), _n = et(
-  On,
-  Dn
-), Un = {
+}), Rn = et(
+  Un,
+  On
+), Vn = {
   ...w
-}, Rn = q({
+}, zn = q({
   name: "paragraph",
   content: "inline*",
   group: "blockContent",
   addKeyboardShortcuts() {
     return {
       Enter: () => Et(this.editor),
-      "Mod-Alt-0": () => N(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
+      "Mod-Alt-0": () => _(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
         this.editor.state.selection.anchor,
         {
           type: "paragraph",
@@ -1715,13 +2113,13 @@ const wn = yt.create({
       ((e = this.options.domAttributes) == null ? void 0 : e.inlineContent) || {}
     );
   }
-}), zn = et(
-  Rn,
-  Un
-), Vn = M.create({
+}), Fn = et(
+  zn,
+  Vn
+), jn = M.create({
   name: "BlockNoteTableExtension",
   addProseMirrorPlugins: () => [
-    Re({
+    Ve({
       cellMinWidth: 100
     }),
     ze()
@@ -1745,12 +2143,12 @@ const wn = yt.create({
       storage: n.storage
     };
     return {
-      tableRole: ve(
-        Ee(n, "tableRole", t)
+      tableRole: Ee(
+        Se(n, "tableRole", t)
       )
     };
   }
-}), Fn = {
+}), Gn = {
   ...w
 }, $n = q({
   name: "table",
@@ -1773,7 +2171,7 @@ const wn = yt.create({
       ((e = this.options.domAttributes) == null ? void 0 : e.inlineContent) || {}
     );
   }
-}), Gn = W.create({
+}), Kn = K.create({
   name: "tableParagraph",
   group: "tableContent",
   content: "inline*",
@@ -1783,56 +2181,56 @@ const wn = yt.create({
   renderHTML({ HTMLAttributes: n }) {
     return [
       "p",
-      Se(this.options.HTMLAttributes, n),
+      Ce(this.options.HTMLAttributes, n),
       0
     ];
   }
-}), jn = et(
+}), qn = et(
   $n,
-  Fn,
+  Gn,
   [
-    Vn,
-    Gn,
-    _e.extend({
+    jn,
+    Kn,
+    Ue.extend({
       content: "tableContent"
     }),
     Oe.extend({
       content: "tableContent"
     }),
-    Ue
+    Re
   ]
-), re = {
-  paragraph: zn,
-  heading: Tn,
-  bulletListItem: An,
-  numberedListItem: _n,
-  image: Ln,
-  table: jn
-}, Wn = te(re), ie = {
-  bold: _(Ne, "boolean"),
-  italic: _(Pe, "boolean"),
-  underline: _(De, "boolean"),
-  strike: _(He, "boolean"),
-  code: _(Ae, "boolean"),
-  textColor: Sn,
-  backgroundColor: vn
-}, Ur = oe(ie), se = {
+), ie = {
+  paragraph: Fn,
+  heading: Bn,
+  bulletListItem: Pn,
+  numberedListItem: Rn,
+  image: _n,
+  table: qn
+}, Wn = ee(ie), se = {
+  bold: O(Ae, "boolean"),
+  italic: O(Pe, "boolean"),
+  underline: O(De, "boolean"),
+  strike: O(He, "boolean"),
+  code: O(Ne, "boolean"),
+  textColor: xn,
+  backgroundColor: Sn
+}, Fr = re(se), ae = {
   text: { config: "text", implementation: {} },
   link: { config: "link", implementation: {} }
-}, Rr = ee(
-  se
+}, jr = ne(
+  ae
 );
 function I(n, t) {
   return n in t.schema.blockSchema && t.schema.blockSchema[n] === Wn[n];
 }
-function zr(n, t, e) {
+function Gr(n, t, e) {
   return t.type === n && t.type in e.schema.blockSchema && I(t.type, e);
 }
-function qn(n, t, e) {
+function Jn(n, t, e) {
   return t in e.schema.blockSchema && n in e.schema.blockSchema[t].propSchema && e.schema.blockSchema[t].propSchema[n] === w[n];
 }
-function Vr(n, t, e) {
-  return qn(n, t.type, e);
+function $r(n, t, e) {
+  return Jn(n, t.type, e);
 }
 function St(n, t) {
   let e, o;
@@ -1843,11 +2241,11 @@ function St(n, t) {
     posBeforeNode: o
   };
 }
-function Kn(n, t, e = "before", o) {
+function Xn(n, t, e = "before", o) {
   const r = o._tiptapEditor, i = typeof t == "string" ? t : t.id, s = [];
   for (const u of n)
     s.push(
-      D(u, r.schema, o.schema.styleSchema)
+      H(u, r.schema, o.schema.styleSchema)
     );
   const { node: a, posBeforeNode: l } = St(i, r.state.doc);
   if (e === "before" && r.view.dispatch(
@@ -1879,7 +2277,7 @@ function Kn(n, t, e = "before", o) {
     );
   return c;
 }
-function Jn(n, t, e) {
+function Yn(n, t, e) {
   const o = e._tiptapEditor, r = typeof n == "string" ? n : n.id, { posBeforeNode: i } = St(r, o.state.doc);
   o.commands.BNUpdateBlock(i + 1, t);
   const s = o.state.doc.resolve(i + 1).node();
@@ -1891,7 +2289,7 @@ function Jn(n, t, e) {
     e.blockCache
   );
 }
-function ae(n, t, e) {
+function le(n, t, e) {
   const o = t._tiptapEditor, r = o.state.tr, i = new Set(
     n.map(
       (l) => typeof l == "string" ? l : l.id
@@ -1925,16 +2323,16 @@ function ae(n, t, e) {
   }
   return o.view.dispatch(r), s;
 }
-function Xn(n, t) {
-  return ae(n, t);
+function Qn(n, t) {
+  return le(n, t);
 }
-function Yn(n, t, e) {
+function Zn(n, t, e) {
   const o = e._tiptapEditor, r = [];
   for (const l of t)
     r.push(
-      D(l, o.schema, e.schema.styleSchema)
+      H(l, o.schema, e.schema.styleSchema)
     );
-  const i = typeof n[0] == "string" ? n[0] : n[0].id, s = ae(
+  const i = typeof n[0] == "string" ? n[0] : n[0].id, s = le(
     n,
     e,
     (l, c, u, p) => {
@@ -1959,7 +2357,7 @@ function Yn(n, t, e) {
     );
   return { insertedBlocks: a, removedBlocks: s };
 }
-function Qn(n, t, e, o = { updateSelection: !0 }) {
+function to(n, t, e, o = { updateSelection: !0 }) {
   const r = e._tiptapEditor, i = r.state.tr;
   let { from: s, to: a } = typeof n == "number" ? { from: n, to: n } : { from: n.from, to: n.to }, l = !0, c = !0, u = "";
   if (t.forEach((p) => {
@@ -1968,9 +2366,9 @@ function Qn(n, t, e, o = { updateSelection: !0 }) {
     const { parent: p } = i.doc.resolve(s);
     p.isTextblock && !p.type.spec.code && !p.childCount && (s -= 1, a += 1);
   }
-  return l ? i.insertText(u, s, a) : i.replaceWith(s, a, t), o.updateSelection && Ce(i, i.steps.length - 1, -1), r.view.dispatch(i), !0;
+  return l ? i.insertText(u, s, a) : i.replaceWith(s, a, t), o.updateSelection && xe(i, i.steps.length - 1, -1), r.view.dispatch(i), !0;
 }
-function Zn() {
+function eo() {
   const n = (t) => {
     let e = t.children.length;
     for (let o = 0; o < e; o++) {
@@ -1987,34 +2385,34 @@ function Zn() {
   return n;
 }
 function Ct(n) {
-  return kt().use(zt, { fragment: !0 }).use(Zn).use(Ve).use(Ft).use(Fe).processSync(n).value;
+  return kt().use(Vt, { fragment: !0 }).use(eo).use(Fe).use(Ft).use(je).processSync(n).value;
 }
-function to(n, t, e) {
+function no(n, t, e) {
   const r = lt(t, e).exportBlocks(n);
   return Ct(r);
 }
-function eo(n) {
+function oo(n) {
   return Array.prototype.indexOf.call(n.parentElement.childNodes, n);
 }
-function no(n) {
+function ro(n) {
   return n.nodeType === 3 && !/\S/.test(n.nodeValue || "");
 }
-function oo(n) {
+function io(n) {
   n.querySelectorAll("li > ul, li > ol").forEach((t) => {
-    const e = eo(t), o = t.parentElement, r = Array.from(o.childNodes).slice(
+    const e = oo(t), o = t.parentElement, r = Array.from(o.childNodes).slice(
       e + 1
     );
     t.remove(), r.forEach((i) => {
       i.remove();
     }), o.insertAdjacentElement("afterend", t), r.reverse().forEach((i) => {
-      if (no(i))
+      if (ro(i))
         return;
       const s = document.createElement("li");
       s.append(i), t.insertAdjacentElement("afterend", s);
     }), o.childNodes.length === 0 && o.remove();
   });
 }
-function ro(n) {
+function so(n) {
   n.querySelectorAll("li + ul, li + ol").forEach((t) => {
     var i, s;
     const e = t.previousElementSibling, o = document.createElement("div");
@@ -2024,19 +2422,19 @@ function ro(n) {
       r.append(o.nextElementSibling);
   });
 }
-let Dt = null;
-function io() {
-  return Dt || (Dt = document.implementation.createHTMLDocument("title"));
+let Ht = null;
+function ao() {
+  return Ht || (Ht = document.implementation.createHTMLDocument("title"));
 }
-function le(n) {
+function ce(n) {
   if (typeof n == "string") {
-    const t = io().createElement("div");
+    const t = ao().createElement("div");
     t.innerHTML = n, n = t;
   }
-  return oo(n), ro(n), n;
+  return io(n), so(n), n;
 }
-async function ce(n, t, e, o, r) {
-  const i = le(n), a = ge.fromSchema(r).parse(i, {
+async function de(n, t, e, o, r) {
+  const i = ce(n), a = be.fromSchema(r).parse(i, {
     topNode: r.nodes.blockGroup.create()
   }), l = [];
   for (let c = 0; c < a.childCount; c++)
@@ -2045,7 +2443,7 @@ async function ce(n, t, e, o, r) {
     );
   return l;
 }
-function so(n, t) {
+function lo(n, t) {
   const e = t.value ? t.value + `
 ` : "", o = {};
   t.lang && (o["data-language"] = t.lang);
@@ -2062,14 +2460,14 @@ function so(n, t) {
     children: [r]
   }, n.patch(t, r), r;
 }
-function ao(n, t, e, o, r) {
-  const i = kt().use($e).use(Ft).use(Ge, {
+function co(n, t, e, o, r) {
+  const i = kt().use(Ge).use(Ft).use($e, {
     handlers: {
-      ...je,
-      code: so
+      ...Ke,
+      code: lo
     }
-  }).use(Vt).processSync(n);
-  return ce(
+  }).use(zt).processSync(n);
+  return de(
     i.value,
     t,
     e,
@@ -2077,7 +2475,7 @@ function ao(n, t, e, o, r) {
     r
   );
 }
-class K {
+class W {
   constructor() {
     // eslint-disable-next-line @typescript-eslint/ban-types
     d(this, "callbacks", {});
@@ -2097,7 +2495,7 @@ class K {
     this.callbacks = {};
   }
 }
-class lo {
+class uo {
   constructor(t, e, o) {
     d(this, "state");
     d(this, "emitUpdate");
@@ -2116,31 +2514,21 @@ class lo {
       var t;
       (t = this.state) != null && t.show && (this.state.show = !1, this.emitUpdate());
     });
-    d(this, "focusHandler", () => {
-      setTimeout(() => this.update(this.pmView));
-    });
-    d(this, "blurHandler", (t) => {
-      var o;
-      if (this.preventHide) {
-        this.preventHide = !1;
-        return;
-      }
-      const e = this.pmView.dom.parentElement;
-      // An element is clicked.
-      t && t.relatedTarget && // Element is inside the editor.
-      (e === t.relatedTarget || e.contains(t.relatedTarget)) || (o = this.state) != null && o.show && (this.state.show = !1, this.emitUpdate());
-    });
     d(this, "scrollHandler", () => {
       var t;
       (t = this.state) != null && t.show && (this.state.referencePos = this.getSelectionBoundingBox(), this.emitUpdate());
     });
+    d(this, "closeMenu", () => {
+      var t;
+      (t = this.state) != null && t.show && (this.state.show = !1, this.emitUpdate());
+    });
     this.editor = t, this.pmView = e, this.emitUpdate = () => {
       if (!this.state)
         throw new Error(
           "Attempting to update uninitialized formatting toolbar"
         );
       o(this.state);
-    }, e.dom.addEventListener("mousedown", this.viewMousedownHandler), e.dom.addEventListener("mouseup", this.viewMouseupHandler), e.dom.addEventListener("dragstart", this.dragHandler), e.dom.addEventListener("dragover", this.dragHandler), e.dom.addEventListener("focus", this.focusHandler), e.dom.addEventListener("blur", this.blurHandler), document.addEventListener("scroll", this.scrollHandler);
+    }, e.dom.addEventListener("mousedown", this.viewMousedownHandler), e.dom.addEventListener("mouseup", this.viewMouseupHandler), e.dom.addEventListener("dragstart", this.dragHandler), e.dom.addEventListener("dragover", this.dragHandler), document.addEventListener("scroll", this.scrollHandler);
   }
   update(t, e) {
     var m, h;
@@ -2167,11 +2555,11 @@ class lo {
     }
   }
   destroy() {
-    this.pmView.dom.removeEventListener("mousedown", this.viewMousedownHandler), this.pmView.dom.removeEventListener("mouseup", this.viewMouseupHandler), this.pmView.dom.removeEventListener("dragstart", this.dragHandler), this.pmView.dom.removeEventListener("dragover", this.dragHandler), this.pmView.dom.removeEventListener("focus", this.focusHandler), this.pmView.dom.removeEventListener("blur", this.blurHandler), document.removeEventListener("scroll", this.scrollHandler);
+    this.pmView.dom.removeEventListener("mousedown", this.viewMousedownHandler), this.pmView.dom.removeEventListener("mouseup", this.viewMouseupHandler), this.pmView.dom.removeEventListener("dragstart", this.dragHandler), this.pmView.dom.removeEventListener("dragover", this.dragHandler), document.removeEventListener("scroll", this.scrollHandler);
   }
   getSelectionBoundingBox() {
     const { state: t } = this.pmView, { selection: e } = t, { ranges: o } = e, r = Math.min(...o.map((s) => s.$from.pos)), i = Math.max(...o.map((s) => s.$to.pos));
-    if (xe(e)) {
+    if (Te(e)) {
       const s = this.pmView.nodeDOM(r);
       if (s)
         return s.getBoundingClientRect();
@@ -2179,26 +2567,128 @@ class lo {
     return ft(this.pmView, r, i);
   }
 }
-const co = new x(
+const po = new x(
   "FormattingToolbarPlugin"
 );
-class uo extends K {
+class ho extends W {
   constructor(e) {
     super();
     d(this, "view");
     d(this, "plugin");
+    d(this, "closeMenu", () => this.view.closeMenu());
     this.plugin = new v({
-      key: co,
-      view: (o) => (this.view = new lo(e, o, (r) => {
+      key: po,
+      view: (o) => (this.view = new uo(e, o, (r) => {
         this.emit("update", r);
-      }), this.view)
+      }), this.view),
+      props: {
+        handleKeyDown: (o, r) => r.key === "Escape" && this.shown ? (this.view.closeMenu(), !0) : !1
+      }
     });
   }
+  get shown() {
+    var e, o;
+    return ((o = (e = this.view) == null ? void 0 : e.state) == null ? void 0 : o.show) || !1;
+  }
   onUpdate(e) {
     return this.on("update", e);
   }
 }
-class po {
+class mo {
+  constructor(t, e, o) {
+    d(this, "state");
+    d(this, "emitUpdate");
+    d(this, "prevWasEditable", null);
+    d(this, "mouseDownHandler", () => {
+      var t;
+      (t = this.state) != null && t.show && (this.state.show = !1, this.emitUpdate());
+    });
+    // For dragging the whole editor.
+    d(this, "dragstartHandler", () => {
+      var t;
+      (t = this.state) != null && t.show && (this.state.show = !1, this.emitUpdate());
+    });
+    d(this, "scrollHandler", () => {
+      var t;
+      if ((t = this.state) != null && t.show) {
+        const e = document.querySelector(
+          `[data-node-type="blockContainer"][data-id="${this.state.block.id}"]`
+        );
+        this.state.referencePos = e.getBoundingClientRect(), this.emitUpdate();
+      }
+    });
+    d(this, "closeMenu", () => {
+      var t;
+      (t = this.state) != null && t.show && (this.state.show = !1, this.emitUpdate());
+    });
+    this.pluginKey = t, this.pmView = e, this.emitUpdate = () => {
+      if (!this.state)
+        throw new Error("Attempting to update uninitialized image panel");
+      o(this.state);
+    }, e.dom.addEventListener("mousedown", this.mouseDownHandler), e.dom.addEventListener("dragstart", this.dragstartHandler), document.addEventListener("scroll", this.scrollHandler);
+  }
+  update(t, e) {
+    var r, i;
+    const o = this.pluginKey.getState(t.state);
+    if (!((r = this.state) != null && r.show) && o.block) {
+      const s = document.querySelector(
+        `[data-node-type="blockContainer"][data-id="${o.block.id}"]`
+      );
+      this.state = {
+        show: !0,
+        referencePos: s.getBoundingClientRect(),
+        block: o.block
+      }, this.emitUpdate();
+      return;
+    }
+    (!t.state.selection.eq(e.selection) || !t.state.doc.eq(e.doc)) && (i = this.state) != null && i.show && (this.state.show = !1, this.emitUpdate());
+  }
+  destroy() {
+    this.pmView.dom.removeEventListener("mousedown", this.mouseDownHandler), this.pmView.dom.removeEventListener("dragstart", this.dragstartHandler), document.removeEventListener("scroll", this.scrollHandler);
+  }
+}
+const ht = new x("ImagePanelPlugin");
+class fo extends W {
+  constructor(e) {
+    super();
+    d(this, "view");
+    d(this, "plugin");
+    d(this, "closeMenu", () => this.view.closeMenu());
+    this.plugin = new v({
+      key: ht,
+      view: (o) => (this.view = new mo(
+        // editor,
+        ht,
+        o,
+        (r) => {
+          this.emit("update", r);
+        }
+      ), this.view),
+      props: {
+        handleKeyDown: (o, r) => r.key === "Escape" && this.shown ? (this.view.closeMenu(), !0) : !1
+      },
+      state: {
+        init: () => ({
+          block: void 0
+        }),
+        apply: (o) => {
+          var i;
+          return {
+            block: (i = o.getMeta(ht)) == null ? void 0 : i.block
+          };
+        }
+      }
+    });
+  }
+  get shown() {
+    var e, o;
+    return ((o = (e = this.view) == null ? void 0 : e.state) == null ? void 0 : o.show) || !1;
+  }
+  onUpdate(e) {
+    return this.on("update", e);
+  }
+}
+class go {
   constructor(t, e, o) {
     d(this, "state");
     d(this, "emitUpdate");
@@ -2238,6 +2728,10 @@ class po {
         this.linkMarkRange.to
       ), this.emitUpdate());
     });
+    d(this, "closeMenu", () => {
+      var t;
+      (t = this.state) != null && t.show && (this.state.show = !1, this.emitUpdate());
+    });
     this.editor = t, this.pmView = e, this.emitUpdate = () => {
       if (!this.state)
         throw new Error("Attempting to update uninitialized link toolbar");
@@ -2313,8 +2807,8 @@ class po {
     this.pmView.dom.removeEventListener("mouseover", this.mouseOverHandler), document.removeEventListener("scroll", this.scrollHandler), document.removeEventListener("click", this.clickHandler, !0);
   }
 }
-const ho = new x("LinkToolbarPlugin");
-class mo extends K {
+const bo = new x("LinkToolbarPlugin");
+class ko extends W {
   constructor(e) {
     super();
     d(this, "view");
@@ -2351,19 +2845,27 @@ class mo extends K {
     d(this, "stopHideTimer", () => {
       this.view.stopMenuUpdateTimer();
     });
+    d(this, "closeMenu", () => this.view.closeMenu());
     this.plugin = new v({
-      key: ho,
-      view: (o) => (this.view = new po(e, o, (r) => {
+      key: bo,
+      view: (o) => (this.view = new go(e, o, (r) => {
         this.emit("update", r);
-      }), this.view)
+      }), this.view),
+      props: {
+        handleKeyDown: (o, r) => r.key === "Escape" && this.shown ? (this.view.closeMenu(), !0) : !1
+      }
     });
   }
   onUpdate(e) {
     return this.on("update", e);
   }
+  get shown() {
+    var e, o;
+    return ((o = (e = this.view) == null ? void 0 : e.state) == null ? void 0 : o.show) || !1;
+  }
 }
-const fo = Te((n) => n.type.name === "blockContainer");
-class go {
+const yo = Me((n) => n.type.name === "blockContainer");
+class wo {
   constructor(t, e) {
     d(this, "state");
     d(this, "emitUpdate");
@@ -2421,7 +2923,7 @@ class go {
   }
 }
 const R = new x("SuggestionMenuPlugin");
-class bo extends K {
+class vo extends W {
   constructor(e) {
     super();
     d(this, "view");
@@ -2441,7 +2943,7 @@ class bo extends K {
     const o = this.triggerCharacters;
     this.plugin = new v({
       key: R,
-      view: () => (this.view = new go(
+      view: () => (this.view = new wo(
         e,
         (r, i) => {
           this.emit(`update ${r}`, i);
@@ -2497,10 +2999,10 @@ class bo extends K {
           if (i === void 0)
             return null;
           if (!i.fromUserInput) {
-            const s = fo(r.selection);
+            const s = yo(r.selection);
             if (s)
               return G.create(r.doc, [
-                j.node(
+                $.node(
                   s.pos,
                   s.pos + s.node.nodeSize,
                   {
@@ -2512,7 +3014,7 @@ class bo extends K {
               ]);
           }
           return G.create(r.doc, [
-            j.inline(
+            $.inline(
               i.queryStartPos - i.triggerCharacter.length,
               i.queryStartPos,
               {
@@ -2529,11 +3031,15 @@ class bo extends K {
   onUpdate(e, o) {
     return this.triggerCharacters.includes(e) || this.addTriggerCharacter(e), this.on(`update ${e}`, o);
   }
+  get shown() {
+    var e, o;
+    return ((o = (e = this.view) == null ? void 0 : e.state) == null ? void 0 : o.show) || !1;
+  }
 }
-function Fr(n, t) {
+function Kr(n, t) {
   n.suggestionMenus.addTriggerCharacter(t);
 }
-class $ extends ut {
+class j extends ut {
   constructor(e, o) {
     super(e, o);
     d(this, "nodes");
@@ -2544,13 +3050,13 @@ class $ extends ut {
     });
   }
   static create(e, o, r = o) {
-    return new $(e.resolve(o), e.resolve(r));
+    return new j(e.resolve(o), e.resolve(r));
   }
   content() {
     return new U(T.from(this.nodes), 0, 0);
   }
   eq(e) {
-    if (!(e instanceof $) || this.nodes.length !== e.nodes.length || this.from !== e.from || this.to !== e.to)
+    if (!(e instanceof j) || this.nodes.length !== e.nodes.length || this.from !== e.from || this.to !== e.to)
       return !1;
     for (let o = 0; o < this.nodes.length; o++)
       if (!this.nodes[o].eq(e.nodes[o]))
@@ -2559,7 +3065,7 @@ class $ extends ut {
   }
   map(e, o) {
     const r = o.mapResult(this.from), i = o.mapResult(this.to);
-    return i.deleted ? ut.near(e.resolve(r.pos)) : r.deleted ? ut.near(e.resolve(i.pos)) : new $(
+    return i.deleted ? ut.near(e.resolve(r.pos)) : r.deleted ? ut.near(e.resolve(i.pos)) : new j(
       e.resolve(r.pos),
       e.resolve(i.pos)
     );
@@ -2568,7 +3074,7 @@ class $ extends ut {
     return { type: "node", anchor: this.anchor, head: this.head };
   }
 }
-let H;
+let P;
 function xt(n, t) {
   var r;
   if (!t.dom.isConnected)
@@ -2584,7 +3090,7 @@ function xt(n, t) {
       return { node: o, id: o.getAttribute("data-id") };
   }
 }
-function ko(n, t) {
+function Eo(n, t) {
   const e = xt(n, t);
   if (e && e.node.nodeType === 1) {
     const o = t.docView, r = o.nearestDesc(e.node, !0);
@@ -2592,7 +3098,7 @@ function ko(n, t) {
   }
   return null;
 }
-function yo(n, t) {
+function So(n, t) {
   let e, o;
   const r = t.resolve(n.from).node().type.spec.group === "blockContent", i = t.resolve(n.to).node().type.spec.group === "blockContent", s = Math.min(n.$anchor.depth, n.$head.depth);
   if (r && i) {
@@ -2602,7 +3108,7 @@ function yo(n, t) {
     e = n.from, o = n.to;
   return { from: e, to: o };
 }
-function Ot(n, t, e = t) {
+function Dt(n, t, e = t) {
   t === e && (e += n.state.doc.resolve(t + 1).node().nodeSize);
   const o = n.domAtPos(t).node.cloneNode(!0), r = n.domAtPos(t).node, i = (u, p) => Array.prototype.indexOf.call(u.children, p), s = i(
     r,
@@ -2615,39 +3121,39 @@ function Ot(n, t, e = t) {
   );
   for (let u = r.childElementCount - 1; u >= 0; u--)
     (u > a || u < s) && o.removeChild(o.children[u]);
-  de(), H = o;
+  ue(), P = o;
   const c = n.dom.className.split(" ").filter(
     (u) => u !== "ProseMirror" && u !== "bn-root" && u !== "bn-editor"
   ).join(" ");
-  H.className = H.className + " bn-drag-preview " + c, document.body.appendChild(H);
+  P.className = P.className + " bn-drag-preview " + c, document.body.appendChild(P);
 }
-function de() {
-  H !== void 0 && (document.body.removeChild(H), H = void 0);
+function ue() {
+  P !== void 0 && (document.body.removeChild(P), P = void 0);
 }
-function wo(n, t) {
+function Co(n, t) {
   if (!n.dataTransfer)
     return;
   const e = t.prosemirrorView, o = e.dom.getBoundingClientRect(), r = {
     left: o.left + o.width / 2,
     // take middle of editor
     top: n.clientY
-  }, i = ko(r, e);
+  }, i = Eo(r, e);
   if (i != null) {
-    const s = e.state.selection, a = e.state.doc, { from: l, to: c } = yo(s, a), u = l <= i && i < c, p = s.$anchor.node() !== s.$head.node() || s instanceof $;
+    const s = e.state.selection, a = e.state.doc, { from: l, to: c } = So(s, a), u = l <= i && i < c, p = s.$anchor.node() !== s.$head.node() || s instanceof j;
     u && p ? (e.dispatch(
-      e.state.tr.setSelection($.create(a, l, c))
-    ), Ot(e, l, c)) : (e.dispatch(
+      e.state.tr.setSelection(j.create(a, l, c))
+    ), Dt(e, l, c)) : (e.dispatch(
       e.state.tr.setSelection(it.create(e.state.doc, i))
-    ), Ot(e, i));
-    const m = e.state.selection.content(), h = t._tiptapEditor.schema, k = Xt(h, t).serializeProseMirrorFragment(
+    ), Dt(e, i));
+    const m = e.state.selection.content(), h = t._tiptapEditor.schema, k = Yt(h, t).serializeProseMirrorFragment(
       m.content
     ), B = lt(h, t).exportProseMirrorFragment(
       m.content
     ), E = Ct(B);
-    n.dataTransfer.clearData(), n.dataTransfer.setData("blocknote/html", k), n.dataTransfer.setData("text/html", B), n.dataTransfer.setData("text/plain", E), n.dataTransfer.effectAllowed = "move", n.dataTransfer.setDragImage(H, 0, 0), e.dragging = { slice: m, move: !0 };
+    n.dataTransfer.clearData(), n.dataTransfer.setData("blocknote/html", k), n.dataTransfer.setData("text/html", B), n.dataTransfer.setData("text/plain", E), n.dataTransfer.effectAllowed = "move", n.dataTransfer.setDragImage(P, 0, 0), e.dragging = { slice: m, move: !0 };
   }
 }
-class vo {
+class xo {
   constructor(t, e, o) {
     d(this, "state");
     d(this, "emitUpdate");
@@ -2702,7 +3208,7 @@ class vo {
     });
     d(this, "onKeyDown", (t) => {
       var e;
-      (e = this.state) != null && e.show && (this.state.show = !1, this.emitUpdate(this.state)), this.menuFrozen = !1;
+      (e = this.state) != null && e.show && this.editor.isFocused() && (this.state.show = !1, this.emitUpdate(this.state), this.menuFrozen = !1);
     });
     d(this, "onMouseDown", (t) => {
       this.state && !this.state.show && (this.state.show = !0, this.emitUpdate(this.state)), this.menuFrozen = !1;
@@ -2802,8 +3308,8 @@ class vo {
     );
   }
 }
-const Eo = new x("SideMenuPlugin");
-class So extends K {
+const To = new x("SideMenuPlugin");
+class Mo extends W {
   constructor(e) {
     super();
     d(this, "view");
@@ -2817,12 +3323,12 @@ class So extends K {
      * Handles drag & drop events for blocks.
      */
     d(this, "blockDragStart", (e) => {
-      this.view.isDragging = !0, wo(e, this.editor);
+      this.view.isDragging = !0, Co(e, this.editor);
     });
     /**
      * Handles drag & drop events for blocks.
      */
-    d(this, "blockDragEnd", () => de());
+    d(this, "blockDragEnd", () => ue());
     /**
      * Freezes the side menu. When frozen, the side menu will stay
      * attached to the same block regardless of which block is hovered by the
@@ -2836,8 +3342,8 @@ class So extends K {
      */
     d(this, "unfreezeMenu", () => this.view.menuFrozen = !1);
     this.editor = e, this.plugin = new v({
-      key: Eo,
-      view: (o) => (this.view = new vo(e, o, (r) => {
+      key: To,
+      view: (o) => (this.view = new xo(e, o, (r) => {
         this.emit("update", r);
       }), this.view)
     });
@@ -2846,118 +3352,29 @@ class So extends K {
     return this.on("update", e);
   }
 }
-class Co {
-  constructor(t, e, o) {
-    d(this, "state");
-    d(this, "emitUpdate");
-    d(this, "prevWasEditable", null);
-    d(this, "mouseDownHandler", () => {
-      var t;
-      (t = this.state) != null && t.show && (this.state.show = !1, this.emitUpdate());
-    });
-    // For dragging the whole editor.
-    d(this, "dragstartHandler", () => {
-      var t;
-      (t = this.state) != null && t.show && (this.state.show = !1, this.emitUpdate());
-    });
-    d(this, "blurHandler", (t) => {
-      var o;
-      const e = this.pmView.dom.parentElement;
-      // An element is clicked.
-      t && t.relatedTarget && // Element is inside the editor.
-      (e === t.relatedTarget || e.contains(t.relatedTarget)) || (o = this.state) != null && o.show && (this.state.show = !1, this.emitUpdate());
-    });
-    d(this, "scrollHandler", () => {
-      var t;
-      if ((t = this.state) != null && t.show) {
-        const e = document.querySelector(
-          `[data-node-type="blockContainer"][data-id="${this.state.block.id}"]`
-        );
-        this.state.referencePos = e.getBoundingClientRect(), this.emitUpdate();
-      }
-    });
-    this.pluginKey = t, this.pmView = e, this.emitUpdate = () => {
-      if (!this.state)
-        throw new Error("Attempting to update uninitialized image panel");
-      o(this.state);
-    }, e.dom.addEventListener("mousedown", this.mouseDownHandler), e.dom.addEventListener("dragstart", this.dragstartHandler), e.dom.addEventListener("blur", this.blurHandler), document.addEventListener("scroll", this.scrollHandler);
-  }
-  update(t, e) {
-    var r, i;
-    const o = this.pluginKey.getState(t.state);
-    if (!((r = this.state) != null && r.show) && o.block) {
-      const s = document.querySelector(
-        `[data-node-type="blockContainer"][data-id="${o.block.id}"]`
-      );
-      this.state = {
-        show: !0,
-        referencePos: s.getBoundingClientRect(),
-        block: o.block
-      }, this.emitUpdate();
-      return;
-    }
-    (!t.state.selection.eq(e.selection) || !t.state.doc.eq(e.doc)) && (i = this.state) != null && i.show && (this.state.show = !1, this.emitUpdate());
-  }
-  destroy() {
-    this.pmView.dom.removeEventListener("mousedown", this.mouseDownHandler), this.pmView.dom.removeEventListener("dragstart", this.dragstartHandler), this.pmView.dom.removeEventListener("blur", this.blurHandler), document.removeEventListener("scroll", this.scrollHandler);
-  }
-}
-const ht = new x("ImagePanelPlugin");
-class xo extends K {
-  constructor(e) {
-    super();
-    d(this, "view");
-    d(this, "plugin");
-    this.plugin = new v({
-      key: ht,
-      view: (o) => (this.view = new Co(
-        // editor,
-        ht,
-        o,
-        (r) => {
-          this.emit("update", r);
-        }
-      ), this.view),
-      state: {
-        init: () => ({
-          block: void 0
-        }),
-        apply: (o) => {
-          var i;
-          return {
-            block: (i = o.getMeta(ht)) == null ? void 0 : i.block
-          };
-        }
-      }
-    });
-  }
-  onUpdate(e) {
-    return this.on("update", e);
-  }
-}
 let C;
-function _t() {
+function Ot() {
   C || (C = document.createElement("div"), C.innerHTML = "_", C.style.opacity = "0", C.style.height = "1px", C.style.width = "1px", document.body.appendChild(C));
 }
-function To() {
+function Bo() {
   C && (document.body.removeChild(C), C = void 0);
 }
 function rt(n) {
   return Array.prototype.indexOf.call(n.parentElement.childNodes, n);
 }
-function Mo(n) {
+function Lo(n) {
   for (; n && n.nodeName !== "TD" && n.nodeName !== "TH"; )
     n = n.classList && n.classList.contains("ProseMirror") ? null : n.parentNode;
   return n;
 }
-function Bo(n) {
+function Io(n) {
   n.forEach((t) => {
     const e = document.getElementsByClassName(t);
     for (let o = 0; o < e.length; o++)
       e[o].style.visibility = "hidden";
   });
 }
-class Lo {
+class _o {
   constructor(t, e, o) {
     d(this, "state");
     d(this, "emitUpdate");
@@ -2969,7 +3386,7 @@ class Lo {
       var c;
       if (this.menuFrozen)
         return;
-      const e = Mo(t.target);
+      const e = Lo(t.target);
       if (!e || !this.editor.isEditable) {
         (c = this.state) != null && c.show && (this.state.show = !1, this.emitUpdate());
         return;
@@ -3002,7 +3419,7 @@ class Lo {
       var m;
       if (((m = this.state) == null ? void 0 : m.draggingState) === void 0)
         return;
-      t.preventDefault(), t.dataTransfer.dropEffect = "move", Bo([
+      t.preventDefault(), t.dataTransfer.dropEffect = "move", Io([
         "column-resize-handle",
         "prosemirror-dropcursor-block",
         "prosemirror-dropcursor-inline"
@@ -3074,11 +3491,11 @@ class Lo {
     }, e.dom.addEventListener("mousemove", this.mouseMoveHandler), document.addEventListener("dragover", this.dragOverHandler), document.addEventListener("drop", this.dropHandler), document.addEventListener("scroll", this.scrollHandler);
   }
   destroy() {
-    this.pmView.dom.removeEventListener("mousedown", this.mouseMoveHandler), document.removeEventListener("dragover", this.dragOverHandler), document.removeEventListener("drop", this.dropHandler), document.removeEventListener("scroll", this.scrollHandler);
+    this.pmView.dom.removeEventListener("mousemove", this.mouseMoveHandler), document.removeEventListener("dragover", this.dragOverHandler), document.removeEventListener("drop", this.dropHandler), document.removeEventListener("scroll", this.scrollHandler);
   }
 }
 const Y = new x("TableHandlesPlugin");
-class Io extends K {
+class Ao extends W {
   constructor(e) {
     super();
     d(this, "view");
@@ -3103,7 +3520,7 @@ class Io extends K {
           newIndex: this.view.state.colIndex,
           tablePos: this.view.tablePos
         })
-      ), _t(), e.dataTransfer.setDragImage(C, 0, 0), e.dataTransfer.effectAllowed = "move";
+      ), Ot(), e.dataTransfer.setDragImage(C, 0, 0), e.dataTransfer.effectAllowed = "move";
     });
     /**
      * Callback that should be set on the `dragStart` event for whichever element
@@ -3125,7 +3542,7 @@ class Io extends K {
           newIndex: this.view.state.rowIndex,
           tablePos: this.view.tablePos
         })
-      ), _t(), e.dataTransfer.setDragImage(C, 0, 0), e.dataTransfer.effectAllowed = "copyMove";
+      ), Ot(), e.dataTransfer.setDragImage(C, 0, 0), e.dataTransfer.effectAllowed = "copyMove";
     });
     /**
      * Callback that should be set on the `dragEnd` event for both the element
@@ -3138,7 +3555,7 @@ class Io extends K {
         );
       this.view.state.draggingState = void 0, this.view.emitUpdate(), this.editor._tiptapEditor.view.dispatch(
         this.editor._tiptapEditor.state.tr.setMeta(Y, null)
-      ), To();
+      ), Bo();
     });
     /**
      * Freezes the drag handles. When frozen, they will stay attached to the same
@@ -3156,7 +3573,7 @@ class Io extends K {
     });
     this.editor = e, this.plugin = new v({
       key: Y,
-      view: (o) => (this.view = new Lo(e, o, (r) => {
+      view: (o) => (this.view = new _o(e, o, (r) => {
         this.emit("update", r);
       }), this.view),
       // We use decorations to render the drop cursor when dragging a table row
@@ -3179,7 +3596,7 @@ class Io extends K {
               ), m = p.node(), h = p.pos + (r > this.view.state.draggingState.originalIndex ? m.nodeSize - 2 : 0);
               i.push(
                 // The widget is a small bar which spans the width of the cell.
-                j.widget(h, () => {
+                $.widget(h, () => {
                   const f = document.createElement("div");
                   return f.className = "bn-table-drop-cursor", f.style.left = "0", f.style.right = "0", r > this.view.state.draggingState.originalIndex ? f.style.bottom = "-2px" : f.style.top = "-3px", f.style.height = "4px", f;
                 })
@@ -3194,7 +3611,7 @@ class Io extends K {
               ), p = u.node(), m = u.pos + (r > this.view.state.draggingState.originalIndex ? p.nodeSize - 2 : 0);
               i.push(
                 // The widget is a small bar which spans the height of the cell.
-                j.widget(m, () => {
+                $.widget(m, () => {
                   const h = document.createElement("div");
                   return h.className = "bn-table-drop-cursor", h.style.top = "0", h.style.bottom = "0", r > this.view.state.draggingState.originalIndex ? h.style.right = "-2px" : h.style.left = "-3px", h.style.width = "4px", h;
                 })
@@ -3210,7 +3627,7 @@ class Io extends K {
   }
 }
 function Ut(n, t) {
-  const e = n.state.selection.content().content, r = Xt(
+  const e = n.state.selection.content().content, r = Yt(
     n.state.schema,
     t
   ).serializeProseMirrorFragment(e), s = lt(
@@ -3258,11 +3675,11 @@ const No = (n) => M.create({
       })
     ];
   }
-}), Ao = [
+}), Po = [
   "blocknote/html",
   "text/html",
   "text/plain"
-], Po = (n) => M.create({
+], Ho = (n) => M.create({
   name: "pasteFromClipboard",
   addProseMirrorPlugins() {
     return [
@@ -3272,14 +3689,14 @@ const No = (n) => M.create({
             paste(t, e) {
               e.preventDefault();
               let o = null;
-              for (const r of Ao)
+              for (const r of Po)
                 if (e.clipboardData.types.includes(r)) {
                   o = r;
                   break;
                 }
               if (o !== null) {
                 let r = e.clipboardData.getData(o);
-                o === "text/html" && (r = le(
+                o === "text/html" && (r = ce(
                   r.trim()
                 ).innerHTML), n._tiptapEditor.view.pasteHTML(r);
               }
@@ -3290,7 +3707,7 @@ const No = (n) => M.create({
       })
     ];
   }
-}), Ho = M.create({
+}), Do = M.create({
   name: "blockBackgroundColor",
   addGlobalAttributes() {
     return [
@@ -3308,71 +3725,7 @@ const No = (n) => M.create({
       }
     ];
   }
-}), Do = new x("blocknote-placeholder"), Oo = M.create({
-  name: "placeholder",
-  addOptions() {
-    return {
-      placeholders: {
-        default: "Enter text or type '/' for commands",
-        heading: "Heading",
-        bulletListItem: "List",
-        numberedListItem: "List"
-      }
-    };
-  },
-  addProseMirrorPlugins() {
-    const n = this.options.placeholders;
-    return [
-      new v({
-        key: Do,
-        view: () => {
-          const t = document.createElement("style");
-          document.head.appendChild(t);
-          const e = t.sheet, o = (i = "") => `.bn-block-content${i} .bn-inline-content:has(> .ProseMirror-trailingBreak):before`, r = (i, s = !0) => {
-            const a = s ? "[data-is-empty-and-focused]" : "";
-            if (i === "default")
-              return o(a);
-            const l = `[data-content-type="${i}"]`;
-            return o(a + l);
-          };
-          for (const [i, s] of Object.entries(n)) {
-            const a = i === "default";
-            e.insertRule(
-              `${r(
-                i,
-                a
-              )}{ content: ${JSON.stringify(s)}; }`
-            ), a || e.insertRule(
-              `${r(i, !0)}{ content: ${JSON.stringify(
-                s
-              )}; }`
-            );
-          }
-          return {
-            destroy: () => {
-              document.head.removeChild(t);
-            }
-          };
-        },
-        props: {
-          // TODO: maybe also add placeholder for empty document ("e.g.: start writing..")
-          decorations: (t) => {
-            const { doc: e, selection: o } = t;
-            if (!this.editor.isEditable || !o.empty)
-              return;
-            const i = o.$anchor, s = i.parent;
-            if (s.content.size > 0)
-              return null;
-            const a = i.before(), l = j.node(a, a + s.nodeSize, {
-              "data-is-empty-and-focused": "true"
-            });
-            return G.create(e, [l]);
-          }
-        }
-      })
-    ];
-  }
-}), _o = M.create({
+}), Oo = M.create({
   name: "textAlignment",
   addGlobalAttributes() {
     return [
@@ -3445,8 +3798,8 @@ const No = (n) => M.create({
       })
     ];
   }
-}), zo = new x("non-editable-block"), Vo = () => new v({
-  key: zo,
+}), Vo = new x("non-editable-block"), zo = () => new v({
+  key: Vo,
   props: {
     handleKeyDown: (n, t) => {
       "node" in n.state.selection && t.key.length === 1 && !t.ctrlKey && !t.altKey && !t.metaKey && !t.shiftKey && t.preventDefault();
@@ -3461,7 +3814,7 @@ const No = (n) => M.create({
   type: "type",
   depth: "depth",
   "depth-change": "depth-change"
-}, $o = () => {
+}, jo = () => {
   let n;
   return new v({
     key: Rt,
@@ -3530,7 +3883,7 @@ const No = (n) => M.create({
           const s = e.currentTransactionOldBlockAttrs[r.attrs.id], a = {};
           for (const [c, u] of Object.entries(s))
             a["data-prev-" + Fo[c]] = u || "none";
-          const l = j.node(i, i + r.nodeSize, {
+          const l = $.node(i, i + r.nodeSize, {
             ...a
           });
           o.push(l);
@@ -3544,7 +3897,7 @@ const No = (n) => M.create({
   id: "data-id",
   depth: "data-depth",
   depthChange: "data-depth-change"
-}, jo = W.create({
+}, $o = K.create({
   name: "blockContainer",
   group: "blockContainer",
   // A block always contains content, and optionally a blockGroup which contains nested blocks
@@ -3577,7 +3930,7 @@ const No = (n) => M.create({
       ...((r = this.options.domAttributes) == null ? void 0 : r.block) || {},
       ...n
     }, o = document.createElement("div");
-    o.className = z("bn-block", e.class), o.setAttribute("data-node-type", this.name);
+    o.className = V("bn-block", e.class), o.setAttribute("data-node-type", this.name);
     for (const [i, s] of Object.entries(e))
       i !== "class" && o.setAttribute(i, s);
     return t.appendChild(o), {
@@ -3611,7 +3964,7 @@ const No = (n) => M.create({
             const m = [];
             for (const h of t.children)
               m.push(
-                D(
+                H(
                   h,
                   e.schema,
                   this.options.editor.schema.styleSchema
@@ -3638,7 +3991,7 @@ const No = (n) => M.create({
                 this.options.editor.schema.styleSchema
               );
             else if (t.content.type === "tableContent")
-              p = jt(
+              p = Kt(
                 t.content,
                 e.schema,
                 this.options.editor.schema.styleSchema
@@ -3760,7 +4113,7 @@ const No = (n) => M.create({
     };
   },
   addProseMirrorPlugins() {
-    return [$o(), Vo()];
+    return [jo(), zo()];
   },
   addKeyboardShortcuts() {
     return {
@@ -3853,11 +4206,17 @@ const No = (n) => M.create({
       ]),
       // Always returning true for tab key presses ensures they're not captured by the browser. Otherwise, they blur the
       // editor since the browser will try to use tab for keyboard navigation.
-      Tab: () => (this.editor.commands.sinkListItem("blockContainer"), !0),
-      "Shift-Tab": () => (this.editor.commands.liftListItem("blockContainer"), !0)
+      Tab: () => {
+        var o, r, i;
+        return (o = this.options.editor.formattingToolbar) != null && o.shown || (r = this.options.editor.linkToolbar) != null && r.shown || (i = this.options.editor.imagePanel) != null && i.shown ? !1 : (this.editor.commands.sinkListItem("blockContainer"), !0);
+      },
+      "Shift-Tab": () => {
+        var o, r, i;
+        return (o = this.options.editor.formattingToolbar) != null && o.shown || (r = this.options.editor.linkToolbar) != null && r.shown || (i = this.options.editor.imagePanel) != null && i.shown ? !1 : (this.editor.commands.liftListItem("blockContainer"), !0);
+      }
     };
   }
-}), Wo = W.create({
+}), Ko = K.create({
   name: "blockGroup",
   group: "blockGroup",
   content: "blockContainer+",
@@ -3875,7 +4234,7 @@ const No = (n) => M.create({
       ...((o = this.options.domAttributes) == null ? void 0 : o.blockGroup) || {},
       ...n
     }, e = document.createElement("div");
-    e.className = z(
+    e.className = V(
       "bn-block-group",
       t.class
     ), e.setAttribute("data-node-type", "blockGroup");
@@ -3886,11 +4245,11 @@ const No = (n) => M.create({
       contentDOM: e
     };
   }
-}), qo = W.create({
+}), qo = K.create({
   name: "doc",
   topNode: !0,
   content: "blockGroup"
-}), Ko = (n) => {
+}), Wo = (n) => {
   var e;
   const t = [
     X.ClipboardTextSerializer,
@@ -3899,32 +4258,37 @@ const No = (n) => M.create({
     X.FocusEvents,
     X.Tabindex,
     // DevTools,
-    Xe,
+    Ye,
     // DropCursor,
-    Oo.configure({
-      // TODO: This shorthand is kind of ugly
-      ...n.placeholders !== void 0 ? { placeholders: n.placeholders } : {}
-    }),
     Z.configure({
       types: ["blockContainer"]
     }),
-    Ye,
+    Qe,
     // Comments,
     // basics:
-    tn,
+    en,
     // marks:
-    Ze,
+    tn,
     ...Object.values(n.styleSpecs).map((o) => o.implementation.mark),
     Uo,
-    Ho,
-    _o,
+    Do,
+    Oo,
+    // make sure escape blurs editor, so that we can tab to other elements in the host page (accessibility)
+    M.create({
+      name: "OverrideEscape",
+      addKeyboardShortcuts() {
+        return {
+          Escape: () => n.editor.suggestionMenus.shown ? !1 : this.editor.commands.blur()
+        };
+      }
+    }),
     // nodes
     qo,
-    jo.configure({
+    $o.configure({
       editor: n.editor,
       domAttributes: n.domAttributes
     }),
-    Wo.configure({
+    Ko.configure({
       domAttributes: n.domAttributes
     }),
     ...Object.values(n.inlineContentSpecs).filter((o) => o.config !== "link" && o.config !== "text").map((o) => o.implementation.node.configure({
@@ -3945,15 +4309,15 @@ const No = (n) => M.create({
       })
     ]),
     No(n.editor),
-    Po(n.editor),
-    Je.configure({ width: 5, color: "#ddeeff" }),
+    Ho(n.editor),
+    Xe.configure({ width: 5, color: "#ddeeff" }),
     // This needs to be at the bottom of this list, because Key events (such as enter, when selecting a /command),
     // should be handled before Enter handlers in other components like splitListItem
-    Ro
+    ...n.trailingBlock === void 0 || n.trailingBlock ? [Ro] : []
   ];
   if (n.collaboration) {
     if (t.push(
-      qe.configure({
+      We.configure({
         fragment: n.collaboration.fragment
       })
     ), (e = n.collaboration.provider) != null && e.awareness) {
@@ -3966,7 +4330,7 @@ const No = (n) => M.create({
         return i.insertBefore(a, null), i.insertBefore(s, null), i.insertBefore(l, null), i;
       };
       t.push(
-        Ke.configure({
+        Je.configure({
           user: n.collaboration.user,
           render: n.collaboration.renderCursor || o,
           provider: n.collaboration.provider
@@ -3974,7 +4338,7 @@ const No = (n) => M.create({
       );
     }
   } else
-    t.push(Qe);
+    t.push(Ze);
   return t;
 };
 function Jo(n, t) {
@@ -4012,15 +4376,15 @@ class Tt {
     d(this, "BlockNoteEditor", "only for types");
     d(this, "Block", "only for types");
     d(this, "PartialBlock", "only for types");
-    this.blockSpecs = (t == null ? void 0 : t.blockSpecs) || re, this.inlineContentSpecs = (t == null ? void 0 : t.inlineContentSpecs) || se, this.styleSpecs = (t == null ? void 0 : t.styleSpecs) || ie, this.blockSchema = te(this.blockSpecs), this.inlineContentSchema = ee(
+    this.blockSpecs = (t == null ? void 0 : t.blockSpecs) || ie, this.inlineContentSpecs = (t == null ? void 0 : t.inlineContentSpecs) || ae, this.styleSpecs = (t == null ? void 0 : t.styleSpecs) || se, this.blockSchema = ee(this.blockSpecs), this.inlineContentSchema = ne(
       this.inlineContentSpecs
-    ), this.styleSchema = oe(this.styleSpecs);
+    ), this.styleSchema = re(this.styleSpecs);
   }
   static create(t) {
     return new Tt(t);
   }
 }
-class Yo extends Me {
+class Yo extends Be {
   constructor(e, o) {
     super({ ...e, content: void 0 });
     d(this, "_state");
@@ -4039,14 +4403,14 @@ class Yo extends Me {
       if (i)
         return i;
       const c = s.apply(r.nodes.doc, l), u = JSON.parse(JSON.stringify(c.toJSON()));
-      return u.content[0].content[0].attrs.id = "initialBlockId", i = be.fromJSON(r, u), i;
+      return u.content[0].content[0].attrs.id = "initialBlockId", i = ke.fromJSON(r, u), i;
     };
     let a;
     try {
       const l = e == null ? void 0 : e.content.map(
-        (c) => D(c, this.schema, o).toJSON()
+        (c) => H(c, this.schema, o).toJSON()
       );
-      a = Be(
+      a = Le(
         {
           type: "doc",
           content: [
@@ -4067,7 +4431,7 @@ class Yo extends Me {
         "Error creating document from blocks passed as `initialContent`:\n" + +JSON.stringify(e.content)
       );
     }
-    this._state = Le.create({
+    this._state = Ie.create({
       doc: a,
       schema: this.schema
       // selection: selection || undefined,
@@ -4083,12 +4447,16 @@ class Yo extends Me {
    */
   createViewAlternative() {
     queueMicrotask(() => {
-      this.view = new We(this.options.element, {
-        ...this.options.editorProps,
-        // @ts-ignore
-        dispatchTransaction: this.dispatchTransaction.bind(this),
-        state: this.state
-      });
+      this.view = new qe(
+        { 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 e = this.state.reconfigure({
         plugins: this.extensionManager.plugins
       });
@@ -4096,15 +4464,62 @@ class Yo extends Me {
     });
   }
 }
-const Qo = {
+const Qo = new x("blocknote-placeholder"), Zo = (n, t) => new v({
+  key: Qo,
+  view: () => {
+    const e = document.createElement("style");
+    document.head.appendChild(e);
+    const o = e.sheet, r = (s = "") => `.bn-block-content${s} .bn-inline-content:has(> .ProseMirror-trailingBreak):before`, i = (s, a = !0) => {
+      const l = a ? "[data-is-empty-and-focused]" : "";
+      if (s === "default")
+        return r(l);
+      const c = `[data-content-type="${s}"]`;
+      return r(l + c);
+    };
+    for (const [s, a] of Object.entries(t)) {
+      const l = s === "default";
+      o.insertRule(
+        `${i(s, l)}{ content: ${JSON.stringify(
+          a
+        )}; }`
+      ), l || o.insertRule(
+        `${i(s, !0)}{ content: ${JSON.stringify(
+          a
+        )}; }`
+      );
+    }
+    return {
+      destroy: () => {
+        document.head.removeChild(e);
+      }
+    };
+  },
+  props: {
+    // TODO: maybe also add placeholder for empty document ("e.g.: start writing..")
+    decorations: (e) => {
+      const { doc: o, selection: r } = e;
+      if (!n.isEditable || !r.empty)
+        return;
+      const i = r.$anchor, s = i.parent;
+      if (s.content.size > 0)
+        return null;
+      const a = i.before(), l = $.node(a, a + s.nodeSize, {
+        "data-is-empty-and-focused": "true"
+      });
+      return G.create(o, [l]);
+    }
+  }
+});
+const tr = {
   enableInputRules: !0,
   enablePasteRules: !0,
   enableCoreExtensions: !1
 };
-class ue {
+class pe {
   constructor(t) {
     d(this, "_tiptapEditor");
     d(this, "blockCache", /* @__PURE__ */ new WeakMap());
+    d(this, "dictionary");
     d(this, "schema");
     d(this, "blockImplementations");
     d(this, "inlineContentImplementations");
@@ -4135,21 +4550,26 @@ class ue {
       throw new Error(
         "editable initialization option is deprecated, use <BlockNoteView editable={true/false} />, or alternatively editor.isEditable = true/false"
       );
+    this.dictionary = t.dictionary || jt;
     const o = {
       defaultStyles: !0,
       schema: t.schema || Tt.create(),
-      ...t
+      ...t,
+      placeholders: {
+        ...this.dictionary.placeholders,
+        ...t.placeholders
+      }
     };
-    this.schema = o.schema, this.blockImplementations = o.schema.blockSpecs, this.inlineContentImplementations = o.schema.inlineContentSpecs, this.styleImplementations = o.schema.styleSpecs, this.formattingToolbar = new uo(this), this.linkToolbar = new mo(this), this.sideMenu = new So(this), this.suggestionMenus = new bo(this), I("image", this) && (this.imagePanel = new xo(this)), I("table", this) && (this.tableHandles = new Io(this));
-    const r = Ko({
+    this.schema = o.schema, this.blockImplementations = o.schema.blockSpecs, this.inlineContentImplementations = o.schema.inlineContentSpecs, this.styleImplementations = o.schema.styleSpecs, this.formattingToolbar = new ho(this), this.linkToolbar = new ko(this), this.sideMenu = new Mo(this), this.suggestionMenus = new vo(this), I("image", this) && (this.imagePanel = new fo(this)), I("table", this) && (this.tableHandles = new Ao(this));
+    const r = Wo({
       editor: this,
-      placeholders: o.placeholders,
       domAttributes: o.domAttributes || {},
       blockSchema: this.schema.blockSchema,
       blockSpecs: this.schema.blockSpecs,
       styleSpecs: this.schema.styleSpecs,
       inlineContentSpecs: this.schema.inlineContentSpecs,
-      collaboration: o.collaboration
+      collaboration: o.collaboration,
+      trailingBlock: o.trailingBlock
     }), i = M.create({
       name: "BlockNoteUIExtension",
       addProseMirrorPlugins: () => [
@@ -4158,7 +4578,8 @@ class ue {
         this.sideMenu.plugin,
         this.suggestionMenus.plugin,
         ...this.imagePanel ? [this.imagePanel.plugin] : [],
-        ...this.tableHandles ? [this.tableHandles.plugin] : []
+        ...this.tableHandles ? [this.tableHandles.plugin] : [],
+        Zo(this, o.placeholders)
       ]
     });
     r.push(i), this.uploadFile = o.uploadFile, o.collaboration && o.initialContent && console.warn(
@@ -4180,7 +4601,7 @@ class ue {
         "initialContent must be a non-empty array of blocks, received: " + s
       );
     const a = {
-      ...Qo,
+      ...tr,
       ...o._tiptapOptions,
       content: s,
       extensions: o.enableBlockNoteExtensions === !1 ? ((l = o._tiptapOptions) == null ? void 0 : l.extensions) || [] : [...((c = o._tiptapOptions) == null ? void 0 : c.extensions) || [], ...r],
@@ -4189,7 +4610,7 @@ class ue {
         attributes: {
           ...(m = (p = o._tiptapOptions) == null ? void 0 : p.editorProps) == null ? void 0 : m.attributes,
           ...(h = o.domAttributes) == null ? void 0 : h.editor,
-          class: z(
+          class: V(
             "bn-editor",
             o.defaultStyles ? "bn-default-styles" : "",
             ((k = (f = o.domAttributes) == null ? void 0 : f.editor) == null ? void 0 : k.class) || ""
@@ -4204,7 +4625,7 @@ class ue {
     );
   }
   static create(t = {}) {
-    return new ue(t);
+    return new pe(t);
   }
   /**
    * Mount the editor to a parent DOM element. Call mount(undefined) to clean up
@@ -4400,7 +4821,7 @@ class ue {
    * `referenceBlock`. Inserts the blocks at the start of the existing block's children if "nested" is used.
    */
   insertBlocks(t, e, o = "before") {
-    return Kn(t, e, o, this);
+    return Xn(t, e, o, this);
   }
   /**
    * Updates an existing block in the editor. Since updatedBlock is a PartialBlock object, some fields might not be
@@ -4410,14 +4831,14 @@ class ue {
    * @param update A partial block which defines how the existing block should be changed.
    */
   updateBlock(t, e) {
-    return Jn(t, e, this);
+    return Yn(t, e, this);
   }
   /**
    * Removes existing blocks from the editor. Throws an error if any of the blocks could not be found.
    * @param blocksToRemove An array of identifiers for existing blocks that should be removed.
    */
   removeBlocks(t) {
-    return Xn(t, this);
+    return Qn(t, this);
   }
   /**
    * Replaces existing blocks in the editor with new blocks. If the blocks that should be removed are not adjacent or
@@ -4427,7 +4848,7 @@ class ue {
    * @param blocksToInsert An array of partial blocks to replace the old ones with.
    */
   replaceBlocks(t, e) {
-    return Yn(t, e, this);
+    return Zn(t, e, this);
   }
   /**
    * Insert a piece of content at the current cursor position.
@@ -4440,7 +4861,7 @@ class ue {
       this._tiptapEditor.schema,
       this.schema.styleSchema
     );
-    Qn(
+    to(
       {
         from: this._tiptapEditor.state.selection.from,
         to: this._tiptapEditor.state.selection.to
@@ -4469,7 +4890,6 @@ class ue {
    * @param styles The styles to add.
    */
   addStyles(t) {
-    this._tiptapEditor.view.focus();
     for (const [e, o] of Object.entries(t)) {
       const r = this.schema.styleSchema[e];
       if (!r)
@@ -4487,7 +4907,6 @@ class ue {
    * @param styles The styles to remove.
    */
   removeStyles(t) {
-    this._tiptapEditor.view.focus();
     for (const e of Object.keys(t))
       this._tiptapEditor.commands.unsetMark(e);
   }
@@ -4496,7 +4915,6 @@ class ue {
    * @param styles The styles to toggle.
    */
   toggleStyles(t) {
-    this._tiptapEditor.view.focus();
     for (const [e, o] of Object.entries(t)) {
       const r = this.schema.styleSchema[e];
       if (!r)
@@ -4592,7 +5010,7 @@ class ue {
    * @returns The blocks parsed from the HTML string.
    */
   async tryParseHTMLToBlocks(t) {
-    return ce(
+    return de(
       t,
       this.schema.blockSchema,
       this.schema.inlineContentSchema,
@@ -4607,7 +5025,7 @@ class ue {
    * @returns The blocks, serialized as a Markdown string.
    */
   async blocksToMarkdownLossy(t = this.document) {
-    return to(t, this._tiptapEditor.schema, this);
+    return no(t, this._tiptapEditor.schema, this);
   }
   /**
    * Creates a list of blocks from a Markdown string. Tries to create `Block` and `InlineNode` objects based on
@@ -4617,7 +5035,7 @@ class ue {
    * @returns The blocks parsed from the Markdown string.
    */
   async tryParseMarkdownToBlocks(t) {
-    return ao(
+    return co(
       t,
       this.schema.blockSchema,
       this.schema.inlineContentSchema,
@@ -4664,12 +5082,12 @@ class ue {
     };
   }
 }
-function Zo(n) {
+function er(n) {
   let t = n.getTextCursorPosition().block, e = n.schema.blockSchema[t.type].content;
   for (; e === "none"; )
     t = n.getTextCursorPosition().nextBlock, e = n.schema.blockSchema[t.type].content, n.setTextCursorPosition(t, "end");
 }
-function P(n, t) {
+function N(n, t) {
   const e = n.getTextCursorPosition().block;
   if (e.content === void 0)
     throw new Error("Slash Menu open in a block that doesn't contain content.");
@@ -4678,87 +5096,74 @@ function P(n, t) {
     "end"
   ));
   const o = n.getTextCursorPosition().block;
-  return Zo(n), o;
+  return er(n), o;
 }
-function $r(n) {
+function qr(n) {
   const t = [];
   return I("heading", n) && t.push(
     {
-      title: "Heading 1",
       onItemClick: () => {
-        P(n, {
+        N(n, {
           type: "heading",
           props: { level: 1 }
         });
       },
-      subtext: "Used for a top-level heading",
       badge: F("Mod-Alt-1"),
-      aliases: ["h", "heading1", "h1"],
-      group: "Headings"
+      key: "heading",
+      ...n.dictionary.slash_menu.heading
     },
     {
-      title: "Heading 2",
       onItemClick: () => {
-        P(n, {
+        N(n, {
           type: "heading",
           props: { level: 2 }
         });
       },
-      subtext: "Used for key sections",
       badge: F("Mod-Alt-2"),
-      aliases: ["h2", "heading2", "subheading"],
-      group: "Headings"
+      key: "heading_2",
+      ...n.dictionary.slash_menu.heading_2
     },
     {
-      title: "Heading 3",
       onItemClick: () => {
-        P(n, {
+        N(n, {
           type: "heading",
           props: { level: 3 }
         });
       },
-      subtext: "Used for subsections and group headings",
       badge: F("Mod-Alt-3"),
-      aliases: ["h3", "heading3", "subheading"],
-      group: "Headings"
+      key: "heading_3",
+      ...n.dictionary.slash_menu.heading_3
     }
   ), I("numberedListItem", n) && t.push({
-    title: "Numbered List",
     onItemClick: () => {
-      P(n, {
+      N(n, {
         type: "numberedListItem"
       });
     },
-    subtext: "Used to display a numbered list",
     badge: F("Mod-Shift-7"),
-    aliases: ["ol", "li", "list", "numberedlist", "numbered list"],
-    group: "Basic blocks"
+    key: "numbered_list",
+    ...n.dictionary.slash_menu.numbered_list
   }), I("bulletListItem", n) && t.push({
-    title: "Bullet List",
     onItemClick: () => {
-      P(n, {
+      N(n, {
         type: "bulletListItem"
       });
     },
-    subtext: "Used to display an unordered list",
     badge: F("Mod-Shift-8"),
-    aliases: ["ul", "li", "list", "bulletlist", "bullet list"],
-    group: "Basic blocks"
+    key: "bullet_list",
+    ...n.dictionary.slash_menu.bullet_list
   }), I("paragraph", n) && t.push({
-    title: "Paragraph",
     onItemClick: () => {
-      P(n, {
+      N(n, {
         type: "paragraph"
       });
     },
-    subtext: "Used for the body of your document",
     badge: F("Mod-Alt-0"),
-    aliases: ["p", "paragraph"],
-    group: "Basic blocks"
+    key: "paragraph",
+    ...n.dictionary.slash_menu.paragraph
   }), I("table", n) && t.push({
-    title: "Table",
     onItemClick: () => {
-      P(n, {
+      N(n, {
         type: "table",
         content: {
           type: "tableContent",
@@ -4773,14 +5178,12 @@ function $r(n) {
         }
       });
     },
-    subtext: "Used for for tables",
-    aliases: ["table"],
-    group: "Advanced",
-    badge: void 0
+    badge: void 0,
+    key: "table",
+    ...n.dictionary.slash_menu.table
   }), I("image", n) && t.push({
-    title: "Image",
     onItemClick: () => {
-      const e = P(n, {
+      const e = N(n, {
         type: "image"
       });
       n.prosemirrorView.dispatch(
@@ -4789,25 +5192,14 @@ function $r(n) {
         })
       );
     },
-    subtext: "Insert an image",
-    aliases: [
-      "image",
-      "imageUpload",
-      "upload",
-      "img",
-      "picture",
-      "media",
-      "url",
-      "drive",
-      "dropbox"
-    ],
-    group: "Media"
+    key: "image",
+    ...n.dictionary.slash_menu.image
   }), t;
 }
-function Gr(n, t) {
+function Wr(n, t) {
   return n.filter(
-    ({ title: e, aliases: o }) => e.toLowerCase().startsWith(t.toLowerCase()) || o && o.filter(
-      (r) => r.toLowerCase().startsWith(t.toLowerCase())
+    ({ title: e, aliases: o }) => e.toLowerCase().includes(t.toLowerCase()) || o && o.filter(
+      (r) => r.toLowerCase().includes(t.toLowerCase())
     ).length !== 0
   );
 }
@@ -4820,22 +5212,22 @@ function mt(n = "") {
     }
   ] : n;
 }
-function pe(n) {
-  return typeof n == "string" ? mt(n) : Array.isArray(n) ? n.flatMap((t) => typeof t == "string" ? mt(t) : Gt(t) ? {
+function he(n) {
+  return typeof n == "string" ? mt(n) : Array.isArray(n) ? n.flatMap((t) => typeof t == "string" ? mt(t) : $t(t) ? {
     ...t,
     content: mt(t.content)
   } : Q(t) ? t : {
     props: {},
     ...t,
-    content: pe(t.content)
+    content: he(t.content)
   }) : n;
 }
-function jr(n, t) {
+function Jr(n, t) {
   return t.map(
-    (e) => he(n, e)
+    (e) => me(n, e)
   );
 }
-function he(n, t) {
+function me(n, t) {
   const e = {
     id: "",
     type: t.type,
@@ -4850,98 +5242,100 @@ function he(n, t) {
     }
   ), {
     ...e,
-    content: pe(e.content),
-    children: e.children.map((o) => he(n, o))
+    content: he(e.content),
+    children: e.children.map((o) => me(n, o))
   };
 }
-function tr(n) {
-  n.id || (n.id = Z.options.generateID()), n.children && er(n.children);
+function nr(n) {
+  n.id || (n.id = Z.options.generateID()), n.children && or(n.children);
 }
-function er(n) {
+function or(n) {
   for (const t of n)
-    tr(t);
+    nr(t);
 }
 export {
-  ue as BlockNoteEditor,
+  pe as BlockNoteEditor,
   Tt as BlockNoteSchema,
-  uo as FormattingToolbarProsemirrorPlugin,
-  lo as FormattingToolbarView,
-  xo as ImagePanelProsemirrorPlugin,
-  Co as ImagePanelView,
-  mo as LinkToolbarProsemirrorPlugin,
-  So as SideMenuProsemirrorPlugin,
-  vo as SideMenuView,
-  bo as SuggestionMenuProseMirrorPlugin,
-  Io as TableHandlesProsemirrorPlugin,
-  Lo as TableHandlesView,
+  ho as FormattingToolbarProsemirrorPlugin,
+  uo as FormattingToolbarView,
+  fo as ImagePanelProsemirrorPlugin,
+  mo as ImagePanelView,
+  ko as LinkToolbarProsemirrorPlugin,
+  Mo as SideMenuProsemirrorPlugin,
+  xo as SideMenuView,
+  vo as SuggestionMenuProseMirrorPlugin,
+  Ao as TableHandlesProsemirrorPlugin,
+  _o as TableHandlesView,
   Z as UniqueID,
   A as UnreachableCaseError,
-  tr as addIdsToBlock,
-  er as addIdsToBlocks,
-  pn as addInlineContentAttributes,
-  hn as addInlineContentKeyboardShortcuts,
-  kn as addStyleAttributes,
-  D as blockToNode,
+  nr as addIdsToBlock,
+  or as addIdsToBlocks,
+  mn as addInlineContentAttributes,
+  fn as addInlineContentKeyboardShortcuts,
+  wn as addStyleAttributes,
+  Or as assertEmpty,
+  H as blockToNode,
   st as camelToDataKebab,
-  Vr as checkBlockHasDefaultProp,
-  zr as checkBlockIsDefaultType,
-  qn as checkBlockTypeHasDefaultProp,
+  $r as checkBlockHasDefaultProp,
+  Gr as checkBlockIsDefaultType,
+  Jn as checkBlockTypeHasDefaultProp,
   I as checkDefaultBlockTypeInSchema,
   vt as contentNodeToInlineContent,
-  un as createBlockSpec,
+  hn as createBlockSpec,
   et as createBlockSpecFromStronglyTypedTiptapNode,
   lt as createExternalHTMLExporter,
-  Or as createInlineContentSpec,
-  fn as createInlineContentSpecFromTipTapNode,
-  Zt as createInternalBlockSpec,
-  Xt as createInternalHTMLSerializer,
-  mn as createInternalInlineContentSpec,
-  ne as createInternalStyleSpec,
+  Vr as createInlineContentSpec,
+  bn as createInlineContentSpecFromTipTapNode,
+  te as createInternalBlockSpec,
+  Yt as createInternalHTMLSerializer,
+  gn as createInternalInlineContentSpec,
+  oe as createInternalStyleSpec,
   q as createStronglyTypedTiptapNode,
-  _r as createStyleSpec,
-  _ as createStyleSpecFromTipTapMark,
-  Fr as createSuggestionMenu,
+  zr as createStyleSpec,
+  O as createStyleSpecFromTipTapMark,
+  Kr as createSuggestionMenu,
   Wn as defaultBlockSchema,
-  re as defaultBlockSpecs,
-  Rr as defaultInlineContentSchema,
-  se as defaultInlineContentSpecs,
+  ie as defaultBlockSpecs,
+  jr as defaultInlineContentSchema,
+  ae as defaultInlineContentSpecs,
   w as defaultProps,
-  Ur as defaultStyleSchema,
-  ie as defaultStyleSpecs,
-  Gr as filterSuggestionItems,
+  Fr as defaultStyleSchema,
+  se as defaultStyleSpecs,
+  Wr as filterSuggestionItems,
   F as formatKeyboardShortcut,
-  co as formattingToolbarPluginKey,
-  cn as getBlockFromPos,
-  Ko as getBlockNoteExtensions,
-  te as getBlockSchemaFromSpecs,
-  $r as getDefaultSlashMenuItems,
+  po as formattingToolbarPluginKey,
+  un as getBlockFromPos,
+  Wo as getBlockNoteExtensions,
+  ee as getBlockSchemaFromSpecs,
+  qr as getDefaultSlashMenuItems,
   xt as getDraggableBlockFromCoords,
-  gn as getInlineContentParseRules,
-  ee as getInlineContentSchemaFromSpecs,
-  dn as getParseRules,
-  yn as getStyleParseRules,
-  oe as getStyleSchemaFromSpecs,
-  Yt as inheritedProps,
+  kn as getInlineContentParseRules,
+  ne as getInlineContentSchemaFromSpecs,
+  pn as getParseRules,
+  vn as getStyleParseRules,
+  re as getStyleSchemaFromSpecs,
+  Qt as inheritedProps,
   at as inlineContentToNodes,
-  P as insertOrUpdateBlock,
-  ln as isAppleOS,
+  N as insertOrUpdateBlock,
+  dn as isAppleOS,
   It as isLinkInlineContent,
-  Gt as isPartialLinkInlineContent,
-  Dr as isSafari,
+  $t as isPartialLinkInlineContent,
+  Rr as isSafari,
   Q as isStyledTextInlineContent,
-  ho as linkToolbarPluginKey,
-  z as mergeCSSClasses,
+  bo as linkToolbarPluginKey,
+  Dr as locales,
+  V as mergeCSSClasses,
   y as nodeToBlock,
-  qt as nodeToCustomInlineContent,
-  he as partialBlockToBlockForTesting,
-  jr as partialBlocksToBlocksForTesting,
-  Qt as propsToAttributes,
-  Eo as sideMenuPluginKey,
-  bn as stylePropsToAttributes,
+  Wt as nodeToCustomInlineContent,
+  me as partialBlockToBlockForTesting,
+  Jr as partialBlocksToBlocksForTesting,
+  Zt as propsToAttributes,
+  To as sideMenuPluginKey,
+  yn as stylePropsToAttributes,
   R as suggestionMenuPluginKey,
-  jt as tableContentToNodes,
+  Kt as tableContentToNodes,
   Y as tableHandlesPluginKey,
-  Hr as uploadToTmpFilesDotOrg_DEV_ONLY,
+  Ur as uploadToTmpFilesDotOrg_DEV_ONLY,
   pt as wrapInBlockStructure
 };
 //# sourceMappingURL=blocknote.js.map