@blocknote/core 0.15.6 → 0.15.7

package/dist/blocknote.js

@@ -1,8 +1,8 @@
-var Ct = Object.defineProperty;
-var Mt = (e, t, i) => t in e ? Ct(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
+var St = Object.defineProperty;
+var Mt = (e, t, i) => t in e ? St(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
 var c = (e, t, i) => Mt(e, typeof t != "symbol" ? t + "" : t, i);
 import { Slice as j, Fragment as I, DOMSerializer as Ee, DOMParser as Tt, Node as Bt } from "prosemirror-model";
-import { Extension as T, combineTransactionSteps as Lt, getChangedRanges as It, findChildrenInRange as At, Node as q, Mark as Se, InputRule as te, callOrReturn as Nt, getExtensionField as Pt, mergeAttributes as Ht, selectionToInsertionEnd as Ut, isTextSelection as Dt, isNodeSelection as jt, posToDOMRect as ve, getMarkRange as De, findParentNode as zt, findChildren as je, extensions as Y, Editor as Rt, createDocument as Vt, getSchema as Ot } from "@tiptap/core";
+import { Extension as T, combineTransactionSteps as Lt, getChangedRanges as It, findChildrenInRange as At, Node as q, Mark as Ce, InputRule as te, callOrReturn as Nt, getExtensionField as Pt, mergeAttributes as Ht, selectionToInsertionEnd as Dt, isTextSelection as Ut, isNodeSelection as jt, posToDOMRect as ve, getMarkRange as Ue, findParentNode as zt, findChildren as je, extensions as Y, Editor as Rt, createDocument as Vt, getSchema as Ot } from "@tiptap/core";
 import { Plugin as w, PluginKey as M, Selection as ge, NodeSelection as se, TextSelection as Q, EditorState as Ft } from "prosemirror-state";
 import { v4 as Gt } from "uuid";
 import Kt from "@tiptap/extension-bold";
@@ -4307,7 +4307,7 @@ const ci = {
   generic: {
     ctrl_shortcut: "Ctrl"
   }
-}, vr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, xr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   ar: ci,
   de: ui,
@@ -4459,10 +4459,10 @@ const ne = T.create({
               if (Pe === null) {
                 const He = o.doc.type.createAndFill().content;
                 if (o.doc.content.findDiffStart(He) === null) {
-                  const Ue = JSON.parse(
+                  const De = JSON.parse(
                     JSON.stringify(n.doc.toJSON())
                   );
-                  if (Ue.content[0].content[0].attrs.id = "initialBlockId", JSON.stringify(Ue.content) === JSON.stringify(He.toJSON())) {
+                  if (De.content[0].content[0].attrs.id = "initialBlockId", JSON.stringify(De.content) === JSON.stringify(He.toJSON())) {
                     s.setNodeMarkup(N, void 0, {
                       ...B.attrs,
                       [d]: "initialBlockId"
@@ -4476,8 +4476,8 @@ const ne = T.create({
                 });
                 return;
               }
-              const { deleted: St } = h.invert().mapResult(N);
-              St && y.includes(Pe) && s.setNodeMarkup(N, void 0, {
+              const { deleted: Ct } = h.invert().mapResult(N);
+              Ct && y.includes(Pe) && s.setNodeMarkup(N, void 0, {
                 ...B.attrs,
                 [d]: u()
               });
@@ -4604,7 +4604,7 @@ class A extends Error {
     super(`Unreachable case: ${t}`);
   }
 }
-function xr(e, t = !0) {
+function Er(e, t = !0) {
   const { "data-test": i, ...o } = e;
   if (Object.keys(o).length > 0 && t)
     throw new Error("Object must be empty " + JSON.stringify(e));
@@ -4625,7 +4625,7 @@ function Re(e, t, i) {
   return e.text.split(/(\n)/g).filter((n) => n.length > 0).map((n) => n === `
 ` ? t.nodes.hardBreak.create() : t.text(n, o));
 }
-function Si(e, t, i) {
+function Ci(e, t, i) {
   const o = t.marks.link.create({
     href: e.href
   });
@@ -4656,7 +4656,7 @@ function xe(e, t, i) {
 function $(e, t, i) {
   const o = [];
   for (const n of e)
-    typeof n == "string" ? o.push(...xe(n, t, i)) : Qe(n) ? o.push(...Si(n, t, i)) : ie(n) ? o.push(...xe([n], t, i)) : o.push(
+    typeof n == "string" ? o.push(...xe(n, t, i)) : Qe(n) ? o.push(...Ci(n, t, i)) : ie(n) ? o.push(...xe([n], t, i)) : o.push(
       tt(n, t, i)
     );
   return o;
@@ -4722,7 +4722,7 @@ function H(e, t, i) {
     r.length > 0 ? [n, a] : n
   );
 }
-function Ci(e, t, i) {
+function Si(e, t, i) {
   const o = {
     type: "tableContent",
     rows: []
@@ -4733,7 +4733,7 @@ function Ci(e, t, i) {
     };
     n.content.forEach((a) => {
       r.cells.push(
-        Ce(
+        Se(
           a.firstChild,
           t,
           i
@@ -4742,7 +4742,7 @@ function Ci(e, t, i) {
     }), o.rows.push(r);
   }), o;
 }
-function Ce(e, t, i) {
+function Se(e, t, i) {
   const o = [];
   let n;
   return e.content.forEach((r) => {
@@ -4849,7 +4849,7 @@ function it(e, t, i) {
     s in d && (o[s] = l);
   }
   let r;
-  return n.content === "styled" ? r = Ce(
+  return n.content === "styled" ? r = Se(
     e,
     t,
     i
@@ -4896,13 +4896,13 @@ function x(e, t, i, o, n) {
     );
   let p;
   if (d.content === "inline")
-    p = Ce(
+    p = Se(
       a.contentNode,
       i,
       o
     );
   else if (d.content === "table")
-    p = Ci(
+    p = Si(
       a.contentNode,
       i,
       o
@@ -5068,20 +5068,20 @@ const de = (e, t) => {
       n
     );
   }, i;
-}, C = (e) => {
+}, S = (e) => {
   const { contentType: t } = _(
     e.state.doc,
     e.state.selection.from
   );
   return t.spec.content;
 }, Bi = () => typeof navigator < "u" && (/Mac/.test(navigator.platform) || /AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent));
-function U(e, t = "Ctrl") {
+function D(e, t = "Ctrl") {
   return Bi() ? e.replace("Mod", "⌘") : e.replace("Mod", t);
 }
 function z(...e) {
   return e.filter((t) => t).join(" ");
 }
-const Er = () => /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+const Cr = () => /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
 function R(e, t, i, o) {
   const n = document.createElement("div");
   n.className = z(
@@ -5349,7 +5349,7 @@ function dt(e) {
     Object.entries(e).map(([t, i]) => [t, i.config])
   );
 }
-function Ui(e) {
+function Di(e) {
   return [
     {
       tag: `[data-inline-content-type="${e.type}"]`,
@@ -5360,7 +5360,7 @@ function Ui(e) {
     }
   ];
 }
-function Cr(e, t) {
+function Mr(e, t) {
   const i = q.create({
     name: e.type,
     inline: !0,
@@ -5375,7 +5375,7 @@ function Cr(e, t) {
       return Ni(e);
     },
     parseHTML() {
-      return Ui(e);
+      return Di(e);
     },
     renderHTML({ node: o }) {
       const n = this.options.editor, r = t.render(
@@ -5399,7 +5399,7 @@ function Cr(e, t) {
     e.propSchema
   );
 }
-function Di(e) {
+function Ui(e) {
   return e === "boolean" ? {} : {
     stringValue: {
       default: void 0,
@@ -5420,7 +5420,7 @@ function ct(e, t) {
     implementation: t
   };
 }
-function D(e, t) {
+function U(e, t) {
   return ct(
     {
       type: e.name,
@@ -5447,11 +5447,11 @@ function zi(e) {
     }
   ];
 }
-function Mr(e, t) {
-  const i = Se.create({
+function Tr(e, t) {
+  const i = Ce.create({
     name: e.type,
     addAttributes() {
-      return Di(e.propSchema);
+      return Ui(e.propSchema);
     },
     parseHTML() {
       return zi(e);
@@ -5624,7 +5624,7 @@ const ue = (e) => {
   propSchema: Ri,
   content: "none",
   isFileBlock: !0,
-  fileBlockAcceptMimeTypes: ["audio/*"]
+  fileBlockAccept: ["audio/*"]
 }, Oi = (e, t) => {
   const i = document.createElement("div");
   if (i.className = "bn-file-block-content-wrapper", e.props.url === "") {
@@ -5747,7 +5747,7 @@ const ue = (e) => {
   render: qi,
   parse: Xi,
   toExternalHTML: Zi
-}), Tr = async (e) => {
+}), Br = async (e) => {
   const t = new FormData();
   return t.append("file", e), (await (await fetch("https://tmpfiles.org/api/v1/upload", {
     method: "POST",
@@ -5786,7 +5786,7 @@ const ue = (e) => {
   propSchema: Yi,
   content: "none",
   isFileBlock: !0,
-  fileBlockAcceptMimeTypes: ["image/*"]
+  fileBlockAccept: ["image/*"]
 }, eo = (e, t) => {
   const i = document.createElement("div");
   if (i.className = "bn-file-block-content-wrapper", e.props.url === "") {
@@ -5888,7 +5888,7 @@ const ue = (e) => {
   propSchema: no,
   content: "none",
   isFileBlock: !0,
-  fileBlockAcceptMimeTypes: ["video/*"]
+  fileBlockAccept: ["video/*"]
 }, ao = (e, t) => {
   const i = document.createElement("div");
   if (i.className = "bn-file-block-content-wrapper", e.props.url === "") {
@@ -5958,7 +5958,7 @@ const ue = (e) => {
   render: ao,
   parse: so,
   toExternalHTML: lo
-}), uo = Se.create({
+}), uo = Ce.create({
   name: "backgroundColor",
   addAttributes() {
     return {
@@ -5984,10 +5984,10 @@ const ue = (e) => {
   renderHTML({ HTMLAttributes: e }) {
     return ["span", e, 0];
   }
-}), po = D(
+}), po = U(
   uo,
   "string"
-), ho = Se.create({
+), ho = Ce.create({
   name: "textColor",
   addAttributes() {
     return {
@@ -6011,7 +6011,7 @@ const ue = (e) => {
   renderHTML({ HTMLAttributes: e }) {
     return ["span", e, 0];
   }
-}), mo = D(ho, "string"), fo = {
+}), mo = U(ho, "string"), fo = {
   ...k,
   level: { default: 1, values: [1, 2, 3] }
 }, go = O({
@@ -6039,7 +6039,7 @@ const ue = (e) => {
       ...[1, 2, 3].map((e) => new te({
         find: new RegExp(`^(#{${e}})\\s$`),
         handler: ({ state: t, chain: i, range: o }) => {
-          C(this.editor) === "inline*" && i().BNUpdateBlock(t.selection.from, {
+          S(this.editor) === "inline*" && i().BNUpdateBlock(t.selection.from, {
             type: "heading",
             props: {
               level: e
@@ -6051,7 +6051,7 @@ const ue = (e) => {
   },
   addKeyboardShortcuts() {
     return {
-      "Mod-Alt-1": () => C(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
+      "Mod-Alt-1": () => S(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
         this.editor.state.selection.anchor,
         {
           type: "heading",
@@ -6060,7 +6060,7 @@ const ue = (e) => {
           }
         }
       ),
-      "Mod-Alt-2": () => C(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
+      "Mod-Alt-2": () => S(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
         this.editor.state.selection.anchor,
         {
           type: "heading",
@@ -6069,7 +6069,7 @@ const ue = (e) => {
           }
         }
       ),
-      "Mod-Alt-3": () => C(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
+      "Mod-Alt-3": () => S(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
         this.editor.state.selection.anchor,
         {
           type: "heading",
@@ -6154,7 +6154,7 @@ const ue = (e) => {
       new te({
         find: new RegExp("^[-+*]\\s$"),
         handler: ({ state: e, chain: t, range: i }) => {
-          C(this.editor) === "inline*" && t().BNUpdateBlock(e.selection.from, {
+          S(this.editor) === "inline*" && t().BNUpdateBlock(e.selection.from, {
             type: "bulletListItem",
             props: {}
           }).deleteRange({ from: i.from, to: i.to });
@@ -6165,7 +6165,7 @@ const ue = (e) => {
   addKeyboardShortcuts() {
     return {
       Enter: () => Be(this.editor),
-      "Mod-Shift-8": () => C(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
+      "Mod-Shift-8": () => S(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
         this.editor.state.selection.anchor,
         {
           type: "bulletListItem",
@@ -6277,7 +6277,7 @@ const ue = (e) => {
       new te({
         find: new RegExp("^1\\.\\s$"),
         handler: ({ state: e, chain: t, range: i }) => {
-          C(this.editor) === "inline*" && t().BNUpdateBlock(e.selection.from, {
+          S(this.editor) === "inline*" && t().BNUpdateBlock(e.selection.from, {
             type: "numberedListItem",
             props: {}
           }).deleteRange({ from: i.from, to: i.to });
@@ -6288,7 +6288,7 @@ const ue = (e) => {
   addKeyboardShortcuts() {
     return {
       Enter: () => Be(this.editor),
-      "Mod-Shift-7": () => C(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
+      "Mod-Shift-7": () => S(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
         this.editor.state.selection.anchor,
         {
           type: "numberedListItem",
@@ -6348,10 +6348,10 @@ const ue = (e) => {
       ((i = this.options.domAttributes) == null ? void 0 : i.inlineContent) || {}
     );
   }
-}), So = X(
+}), Co = X(
   Eo,
   xo
-), Co = {
+), So = {
   ...k,
   checked: {
     default: !1
@@ -6378,7 +6378,7 @@ const ue = (e) => {
       new te({
         find: new RegExp("\\[\\s*\\]\\s$"),
         handler: ({ state: e, chain: t, range: i }) => {
-          C(this.editor) === "inline*" && t().BNUpdateBlock(e.selection.from, {
+          S(this.editor) === "inline*" && t().BNUpdateBlock(e.selection.from, {
             type: "checkListItem",
             props: {
               checked: !1
@@ -6389,7 +6389,7 @@ const ue = (e) => {
       new te({
         find: new RegExp("\\[[Xx]\\]\\s$"),
         handler: ({ state: e, chain: t, range: i }) => {
-          C(this.editor) === "inline*" && t().BNUpdateBlock(e.selection.from, {
+          S(this.editor) === "inline*" && t().BNUpdateBlock(e.selection.from, {
             type: "checkListItem",
             props: {
               checked: !0
@@ -6402,7 +6402,7 @@ const ue = (e) => {
   addKeyboardShortcuts() {
     return {
       Enter: () => Be(this.editor),
-      "Mod-Shift-9": () => C(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
+      "Mod-Shift-9": () => S(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
         this.editor.state.selection.anchor,
         {
           type: "checkListItem",
@@ -6510,7 +6510,7 @@ const ue = (e) => {
   }
 }), To = X(
   Mo,
-  Co
+  So
 ), Bo = {
   ...k
 }, Lo = O({
@@ -6519,7 +6519,7 @@ const ue = (e) => {
   group: "blockContent",
   addKeyboardShortcuts() {
     return {
-      "Mod-Alt-0": () => C(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
+      "Mod-Alt-0": () => S(this.editor) !== "inline*" ? !0 : this.editor.commands.BNUpdateBlock(
         this.editor.state.selection.anchor,
         {
           type: "paragraph",
@@ -6637,7 +6637,7 @@ const ue = (e) => {
       0
     ];
   }
-}), Uo = X(
+}), Do = X(
   Po,
   No,
   [
@@ -6655,49 +6655,49 @@ const ue = (e) => {
   paragraph: Io,
   heading: bo,
   bulletListItem: yo,
-  numberedListItem: So,
+  numberedListItem: Co,
   checkListItem: To,
-  table: Uo,
+  table: Do,
   file: Ji,
   image: oo,
   video: co,
   audio: Ki
-}, Do = lt(ht), mt = {
-  bold: D(Kt, "boolean"),
-  italic: D($t, "boolean"),
-  underline: D(Xt, "boolean"),
-  strike: D(qt, "boolean"),
-  code: D(Wt, "boolean"),
+}, Uo = lt(ht), mt = {
+  bold: U(Kt, "boolean"),
+  italic: U($t, "boolean"),
+  underline: U(Xt, "boolean"),
+  strike: U(qt, "boolean"),
+  code: U(Wt, "boolean"),
   textColor: mo,
   backgroundColor: po
-}, Br = ut(mt), ft = {
+}, Lr = ut(mt), ft = {
   text: { config: "text", implementation: {} },
   link: { config: "link", implementation: {} }
 }, jo = dt(
   ft
 );
-function S(e, t) {
-  return e in t.schema.blockSchema && t.schema.blockSchema[e] === Do[e];
+function C(e, t) {
+  return e in t.schema.blockSchema && t.schema.blockSchema[e] === Uo[e];
 }
 function zo(e, t) {
   return e in t.schema.inlineContentSchema && t.schema.inlineContentSchema[e] === jo[e];
 }
 function Ro(e, t, i) {
-  return t.type === e && t.type in i.schema.blockSchema && S(t.type, i);
+  return t.type === e && t.type in i.schema.blockSchema && C(t.type, i);
 }
-function Lr(e, t) {
+function Ir(e, t) {
   return e.type in t.schema.blockSchema && t.schema.blockSchema[e.type].isFileBlock || !1;
 }
-function Ir(e, t) {
+function Ar(e, t) {
   return e.type in t.schema.blockSchema && t.schema.blockSchema[e.type].isFileBlock && "showPreview" in t.schema.blockSchema[e.type].propSchema || !1;
 }
-function Ar(e, t) {
+function Nr(e, t) {
   return t.schema.blockSchema[e.type].isFileBlock && !e.props.url;
 }
 function Vo(e, t, i) {
   return t in i.schema.blockSchema && e in i.schema.blockSchema[t].propSchema && i.schema.blockSchema[t].propSchema[e] === k[e];
 }
-function Nr(e, t, i) {
+function Pr(e, t, i) {
   return Vo(e, t.type, i);
 }
 function Le(e, t) {
@@ -6837,7 +6837,7 @@ function Wo(e, t, i, o = { updateSelection: !0 }) {
     const { parent: u } = n.doc.resolve(r);
     u.isTextblock && !u.type.spec.code && !u.childCount && (r -= 1, a += 1);
   }
-  return s ? n.insertText(d, r, a) : n.replaceWith(r, a, t), o.updateSelection && Ut(n, n.steps.length - 1, -1), i.dispatch(n), !0;
+  return s ? n.insertText(d, r, a) : n.replaceWith(r, a, t), o.updateSelection && Dt(n, n.steps.length - 1, -1), i.dispatch(n), !0;
 }
 function $o() {
   const e = (t) => {
@@ -7096,7 +7096,7 @@ class an {
     c(this, "preventHide", !1);
     c(this, "preventShow", !1);
     c(this, "shouldShow", ({ state: t, from: i, to: o, view: n }) => {
-      const { doc: r, selection: a } = t, { empty: s } = a, l = !r.textBetween(i, o).length && Dt(t.selection);
+      const { doc: r, selection: a } = t, { empty: s } = a, l = !r.textBetween(i, o).length && Ut(t.selection);
       return !(!n.hasFocus() || s || l);
     });
     c(this, "blurHandler", (t) => {
@@ -7220,7 +7220,7 @@ class dn {
         const i = t.target, o = this.pmView.posAtDOM(i, 0) + 1, n = this.pmView.state.doc.resolve(o), r = n.marks();
         for (const a of r)
           if (a.type.name === this.pmView.state.schema.mark("link").type.name) {
-            this.mouseHoveredLinkMark = a, this.mouseHoveredLinkMarkRange = De(n, a.type, a.attrs) || void 0;
+            this.mouseHoveredLinkMark = a, this.mouseHoveredLinkMarkRange = Ue(n, a.type, a.attrs) || void 0;
             break;
           }
       }
@@ -7292,7 +7292,7 @@ class dn {
       const o = this.pmView.state.selection.$from.marks();
       for (const n of o)
         if (n.type.name === this.pmView.state.schema.mark("link").type.name) {
-          this.keyboardHoveredLinkMark = n, this.keyboardHoveredLinkMarkRange = De(
+          this.keyboardHoveredLinkMark = n, this.keyboardHoveredLinkMarkRange = Ue(
             this.pmView.state.selection.$from,
             n.type,
             n.attrs
@@ -7714,7 +7714,7 @@ class fn {
       this.editor._tiptapEditor.chain().BNCreateBlock(d).setTextSelection(u).run();
     } else
       this.editor._tiptapEditor.commands.setTextSelection(a + 1);
-    this.editor.openSelectionMenu("/");
+    this.editor.openSuggestionMenu("/");
   }
 }
 const gn = new M("SideMenuPlugin");
@@ -7789,14 +7789,18 @@ class kn {
     });
     c(this, "clearQuery", () => {
       this.pluginState !== void 0 && this.editor._tiptapEditor.chain().focus().deleteRange({
-        from: this.pluginState.queryStartPos - (this.pluginState.fromUserInput ? this.pluginState.triggerCharacter.length : 0),
+        from: this.pluginState.queryStartPos - (this.pluginState.deleteTriggerCharacter ? this.pluginState.triggerCharacter.length : 0),
         to: this.editor._tiptapEditor.state.selection.from
       }).run();
     });
     this.editor = t, this.pluginState = void 0, this.emitUpdate = (o) => {
+      var n;
       if (!this.state)
         throw new Error("Attempting to update uninitialized suggestions menu");
-      i(o, this.state);
+      i(o, {
+        ...this.state,
+        ignoreQueryLength: (n = this.pluginState) == null ? void 0 : n.ignoreQueryLength
+      });
     }, this.rootEl = this.editor._tiptapEditor.view.root, this.rootEl.addEventListener("scroll", this.handleScroll, !0);
   }
   update(t, i) {
@@ -7863,10 +7867,11 @@ class yn extends Z {
           if (typeof l == "object" && l !== null && r === void 0)
             return {
               triggerCharacter: l.triggerCharacter,
-              fromUserInput: l.fromUserInput !== !1,
+              deleteTriggerCharacter: l.deleteTriggerCharacter !== !1,
               queryStartPos: s.selection.from,
               query: "",
-              decorationId: `id_${Math.floor(Math.random() * 4294967295)}`
+              decorationId: `id_${Math.floor(Math.random() * 4294967295)}`,
+              ignoreQueryLength: l == null ? void 0 : l.ignoreQueryLength
             };
           if (r === void 0)
             return r;
@@ -7900,7 +7905,7 @@ class yn extends Z {
           const r = this.getState(n);
           if (r === void 0)
             return null;
-          if (!r.fromUserInput) {
+          if (!r.deleteTriggerCharacter) {
             const a = _n(n.selection);
             if (a)
               return K.create(n.doc, [
@@ -7938,7 +7943,7 @@ class yn extends Z {
     return ((o = (i = this.view) == null ? void 0 : i.state) == null ? void 0 : o.show) || !1;
   }
 }
-function Pr(e, t) {
+function Hr(e, t) {
   e.suggestionMenus.addTriggerCharacter(t);
 }
 let v;
@@ -8100,7 +8105,7 @@ class En {
   }
 }
 const ee = new M("TableHandlesPlugin");
-class Sn extends Z {
+class Cn extends Z {
   constructor(i) {
     super();
     c(this, "view");
@@ -8249,7 +8254,7 @@ async function Xe(e, t) {
   ), s = await Ie(a);
   return { internalHTML: n, externalHTML: a, plainText: s };
 }
-const Cn = (e) => T.create({
+const Sn = (e) => T.create({
   name: "copyToClipboard",
   addProseMirrorPlugins() {
     return [
@@ -8289,186 +8294,17 @@ const Cn = (e) => T.create({
       })
     ];
   }
-});
-function Mn(e) {
-  let t = e.getTextCursorPosition().block, i = e.schema.blockSchema[t.type].content;
-  for (; i === "none"; )
-    t = e.getTextCursorPosition().nextBlock, i = e.schema.blockSchema[t.type].content, e.setTextCursorPosition(t, "end");
-}
-function E(e, t) {
-  const i = e.getTextCursorPosition().block;
-  if (i.content === void 0)
-    throw new Error("Slash Menu open in a block that doesn't contain content.");
-  Array.isArray(i.content) && (i.content.length === 1 && ie(i.content[0]) && i.content[0].type === "text" && i.content[0].text === "/" || i.content.length === 0) ? e.updateBlock(i, t) : (e.insertBlocks([t], i, "after"), e.setTextCursorPosition(
-    e.getTextCursorPosition().nextBlock,
-    "end"
-  ));
-  const o = e.getTextCursorPosition().block;
-  return Mn(e), o;
-}
-function Hr(e) {
-  const t = [];
-  return S("heading", e) && t.push(
-    {
-      onItemClick: () => {
-        E(e, {
-          type: "heading",
-          props: { level: 1 }
-        });
-      },
-      badge: U("Mod-Alt-1"),
-      key: "heading",
-      ...e.dictionary.slash_menu.heading
-    },
-    {
-      onItemClick: () => {
-        E(e, {
-          type: "heading",
-          props: { level: 2 }
-        });
-      },
-      badge: U("Mod-Alt-2"),
-      key: "heading_2",
-      ...e.dictionary.slash_menu.heading_2
-    },
-    {
-      onItemClick: () => {
-        E(e, {
-          type: "heading",
-          props: { level: 3 }
-        });
-      },
-      badge: U("Mod-Alt-3"),
-      key: "heading_3",
-      ...e.dictionary.slash_menu.heading_3
-    }
-  ), S("numberedListItem", e) && t.push({
-    onItemClick: () => {
-      E(e, {
-        type: "numberedListItem"
-      });
-    },
-    badge: U("Mod-Shift-7"),
-    key: "numbered_list",
-    ...e.dictionary.slash_menu.numbered_list
-  }), S("bulletListItem", e) && t.push({
-    onItemClick: () => {
-      E(e, {
-        type: "bulletListItem"
-      });
-    },
-    badge: U("Mod-Shift-8"),
-    key: "bullet_list",
-    ...e.dictionary.slash_menu.bullet_list
-  }), S("checkListItem", e) && t.push({
-    onItemClick: () => {
-      E(e, {
-        type: "checkListItem"
-      });
-    },
-    badge: U("Mod-Shift-9"),
-    key: "check_list",
-    ...e.dictionary.slash_menu.check_list
-  }), S("paragraph", e) && t.push({
-    onItemClick: () => {
-      E(e, {
-        type: "paragraph"
-      });
-    },
-    badge: U("Mod-Alt-0"),
-    key: "paragraph",
-    ...e.dictionary.slash_menu.paragraph
-  }), S("table", e) && t.push({
-    onItemClick: () => {
-      E(e, {
-        type: "table",
-        content: {
-          type: "tableContent",
-          rows: [
-            {
-              cells: ["", "", ""]
-            },
-            {
-              cells: ["", "", ""]
-            }
-          ]
-        }
-      });
-    },
-    badge: void 0,
-    key: "table",
-    ...e.dictionary.slash_menu.table
-  }), S("image", e) && t.push({
-    onItemClick: () => {
-      const i = E(e, {
-        type: "image"
-      });
-      e.dispatch(
-        e._tiptapEditor.state.tr.setMeta(e.filePanel.plugin, {
-          block: i
-        })
-      );
-    },
-    key: "image",
-    ...e.dictionary.slash_menu.image
-  }), S("video", e) && t.push({
-    onItemClick: () => {
-      const i = E(e, {
-        type: "video"
-      });
-      e.dispatch(
-        e._tiptapEditor.state.tr.setMeta(e.filePanel.plugin, {
-          block: i
-        })
-      );
-    },
-    key: "video",
-    ...e.dictionary.slash_menu.video
-  }), S("audio", e) && t.push({
-    onItemClick: () => {
-      const i = E(e, {
-        type: "audio"
-      });
-      e.dispatch(
-        e._tiptapEditor.state.tr.setMeta(e.filePanel.plugin, {
-          block: i
-        })
-      );
-    },
-    key: "audio",
-    ...e.dictionary.slash_menu.audio
-  }), S("file", e) && t.push({
-    onItemClick: () => {
-      const i = E(e, {
-        type: "file"
-      });
-      e.dispatch(
-        e._tiptapEditor.state.tr.setMeta(e.filePanel.plugin, {
-          block: i
-        })
-      );
-    },
-    key: "image",
-    ...e.dictionary.slash_menu.file
-  }), t.push({
-    onItemClick: () => e.openSelectionMenu(":"),
-    key: "emoji",
-    ...e.dictionary.slash_menu.emoji
-  }), t;
-}
-function Ur(e, t) {
-  return e.filter(
-    ({ title: i, aliases: o }) => i.toLowerCase().includes(t.toLowerCase()) || o && o.filter(
-      (n) => n.toLowerCase().includes(t.toLowerCase())
-    ).length !== 0
-  );
-}
-const Ae = [
+}), Ae = [
   "blocknote/html",
   "Files",
   "text/html",
   "text/plain"
 ];
+function Mn(e, t) {
+  if (!e.startsWith(".") || !t.startsWith("."))
+    throw new Error("The strings provided are not valid file extensions.");
+  return e === t;
+}
 function Tn(e, t) {
   const i = e.split("/"), o = t.split("/");
   if (i.length !== 2)
@@ -8501,23 +8337,41 @@ async function yt(e, t) {
   for (let a = 0; a < n.length; a++) {
     let s = "file";
     for (const d of r)
-      for (const u of d.fileBlockAcceptMimeTypes || [])
-        if (Tn(n[a].type, u)) {
+      for (const u of d.fileBlockAccept || []) {
+        const p = u.startsWith("."), h = n[a].getAsFile();
+        if (h && (!p && h.type && Tn(n[a].type, u) || p && Mn(
+          "." + h.name.split(".").pop(),
+          u
+        ))) {
           s = d.type;
           break;
         }
+      }
     const l = n[a].getAsFile();
     if (l) {
-      const d = await t.uploadFile(l);
-      if (typeof d == "string") {
-        const u = {
-          type: s,
-          props: {
-            name: l.name,
-            url: d
-          }
-        };
-        E(t, u);
+      const d = await t.uploadFile(l), u = typeof d == "string" ? {
+        type: s,
+        props: {
+          name: l.name,
+          url: d
+        }
+      } : { type: s, ...d };
+      if (e.type === "paste" && t.insertBlocks(
+        [u],
+        t.getTextCursorPosition().block,
+        "after"
+      ), e.type === "drop") {
+        const p = {
+          left: e.clientX,
+          top: e.clientY
+        }, h = t._tiptapEditor.view.posAtCoords(p);
+        if (!h)
+          return;
+        const m = _(
+          t._tiptapEditor.state.doc,
+          h.pos
+        );
+        t.insertBlocks([u], m.id, "after");
       }
     }
   }
@@ -8670,7 +8524,7 @@ const Bn = (e) => T.create({
       })
     ];
   }
-}), Hn = new M("non-editable-block"), Un = () => new w({
+}), Hn = new M("non-editable-block"), Dn = () => new w({
   key: Hn,
   props: {
     handleKeyDown: (e, t) => {
@@ -8696,7 +8550,7 @@ const Bn = (e) => T.create({
       return !1;
     }
   }
-}), Ze = new M("previous-blocks"), Dn = {
+}), Ze = new M("previous-blocks"), Un = {
   // Numbered List Items
   index: "index",
   // Headings
@@ -8773,7 +8627,7 @@ const Bn = (e) => T.create({
             return;
           const a = i.currentTransactionOldBlockAttrs[n.attrs.id], s = {};
           for (const [d, u] of Object.entries(a))
-            s["data-prev-" + Dn[d]] = u || "none";
+            s["data-prev-" + Un[d]] = u || "none";
           const l = W.node(r, r + n.nodeSize, {
             ...s
           });
@@ -9012,7 +8866,7 @@ const Bn = (e) => T.create({
     };
   },
   addProseMirrorPlugins() {
-    return [jn(), Un()];
+    return [jn(), Dn()];
   },
   addKeyboardShortcuts() {
     return {
@@ -9217,7 +9071,7 @@ const Bn = (e) => T.create({
         domAttributes: e.domAttributes
       })
     ]),
-    Cn(e.editor),
+    Sn(e.editor),
     Bn(e.editor),
     Ln(e.editor),
     ni.configure({ width: 5, color: "#ddeeff" }),
@@ -9523,7 +9377,7 @@ class vt {
         ...t.placeholders
       }
     };
-    this.schema = o.schema, this.blockImplementations = o.schema.blockSpecs, this.inlineContentImplementations = o.schema.inlineContentSpecs, this.styleImplementations = o.schema.styleSpecs, this.formattingToolbar = new ln(this), this.linkToolbar = new un(this), this.sideMenu = new bn(this), this.suggestionMenus = new yn(this), this.filePanel = new rn(this), S("table", this) && (this.tableHandles = new Sn(this));
+    this.schema = o.schema, this.blockImplementations = o.schema.blockSpecs, this.inlineContentImplementations = o.schema.inlineContentSpecs, this.styleImplementations = o.schema.styleSpecs, this.formattingToolbar = new ln(this), this.linkToolbar = new un(this), this.sideMenu = new bn(this), this.suggestionMenus = new yn(this), this.filePanel = new rn(this), C("table", this) && (this.tableHandles = new Cn(this));
     const n = Fn({
       editor: this,
       domAttributes: o.domAttributes || {},
@@ -10077,11 +9931,13 @@ class vt {
       this._tiptapEditor.off("selectionUpdate", i);
     };
   }
-  openSelectionMenu(t) {
+  openSuggestionMenu(t, i) {
+    const o = this.prosemirrorView.state.tr, n = i && i.deleteTriggerCharacter ? o.insertText(t) : o;
     this.prosemirrorView.focus(), this.prosemirrorView.dispatch(
-      this.prosemirrorView.state.tr.scrollIntoView().setMeta(this.suggestionMenus.plugin, {
+      n.scrollIntoView().setMeta(this.suggestionMenus.plugin, {
         triggerCharacter: t,
-        fromUserInput: !1
+        deleteTriggerCharacter: (i == null ? void 0 : i.deleteTriggerCharacter) || !1,
+        ignoreQueryLength: (i == null ? void 0 : i.ignoreQueryLength) || !1
       })
     );
   }
@@ -10101,6 +9957,184 @@ async function Dr(e, t) {
     onItemClick: () => e.insertInlineContent(n.skins[0].native + " ")
   }));
 }
+function Xn(e) {
+  let t = e.getTextCursorPosition().block, i = e.schema.blockSchema[t.type].content;
+  for (; i === "none"; )
+    t = e.getTextCursorPosition().nextBlock, i = e.schema.blockSchema[t.type].content, e.setTextCursorPosition(t, "end");
+}
+function E(e, t) {
+  const i = e.getTextCursorPosition().block;
+  if (i.content === void 0)
+    throw new Error("Slash Menu open in a block that doesn't contain content.");
+  Array.isArray(i.content) && (i.content.length === 1 && ie(i.content[0]) && i.content[0].type === "text" && i.content[0].text === "/" || i.content.length === 0) ? e.updateBlock(i, t) : (e.insertBlocks([t], i, "after"), e.setTextCursorPosition(
+    e.getTextCursorPosition().nextBlock,
+    "end"
+  ));
+  const o = e.getTextCursorPosition().block;
+  return Xn(e), o;
+}
+function Ur(e) {
+  const t = [];
+  return C("heading", e) && t.push(
+    {
+      onItemClick: () => {
+        E(e, {
+          type: "heading",
+          props: { level: 1 }
+        });
+      },
+      badge: D("Mod-Alt-1"),
+      key: "heading",
+      ...e.dictionary.slash_menu.heading
+    },
+    {
+      onItemClick: () => {
+        E(e, {
+          type: "heading",
+          props: { level: 2 }
+        });
+      },
+      badge: D("Mod-Alt-2"),
+      key: "heading_2",
+      ...e.dictionary.slash_menu.heading_2
+    },
+    {
+      onItemClick: () => {
+        E(e, {
+          type: "heading",
+          props: { level: 3 }
+        });
+      },
+      badge: D("Mod-Alt-3"),
+      key: "heading_3",
+      ...e.dictionary.slash_menu.heading_3
+    }
+  ), C("numberedListItem", e) && t.push({
+    onItemClick: () => {
+      E(e, {
+        type: "numberedListItem"
+      });
+    },
+    badge: D("Mod-Shift-7"),
+    key: "numbered_list",
+    ...e.dictionary.slash_menu.numbered_list
+  }), C("bulletListItem", e) && t.push({
+    onItemClick: () => {
+      E(e, {
+        type: "bulletListItem"
+      });
+    },
+    badge: D("Mod-Shift-8"),
+    key: "bullet_list",
+    ...e.dictionary.slash_menu.bullet_list
+  }), C("checkListItem", e) && t.push({
+    onItemClick: () => {
+      E(e, {
+        type: "checkListItem"
+      });
+    },
+    badge: D("Mod-Shift-9"),
+    key: "check_list",
+    ...e.dictionary.slash_menu.check_list
+  }), C("paragraph", e) && t.push({
+    onItemClick: () => {
+      E(e, {
+        type: "paragraph"
+      });
+    },
+    badge: D("Mod-Alt-0"),
+    key: "paragraph",
+    ...e.dictionary.slash_menu.paragraph
+  }), C("table", e) && t.push({
+    onItemClick: () => {
+      E(e, {
+        type: "table",
+        content: {
+          type: "tableContent",
+          rows: [
+            {
+              cells: ["", "", ""]
+            },
+            {
+              cells: ["", "", ""]
+            }
+          ]
+        }
+      });
+    },
+    badge: void 0,
+    key: "table",
+    ...e.dictionary.slash_menu.table
+  }), C("image", e) && t.push({
+    onItemClick: () => {
+      const i = E(e, {
+        type: "image"
+      });
+      e.dispatch(
+        e._tiptapEditor.state.tr.setMeta(e.filePanel.plugin, {
+          block: i
+        })
+      );
+    },
+    key: "image",
+    ...e.dictionary.slash_menu.image
+  }), C("video", e) && t.push({
+    onItemClick: () => {
+      const i = E(e, {
+        type: "video"
+      });
+      e.dispatch(
+        e._tiptapEditor.state.tr.setMeta(e.filePanel.plugin, {
+          block: i
+        })
+      );
+    },
+    key: "video",
+    ...e.dictionary.slash_menu.video
+  }), C("audio", e) && t.push({
+    onItemClick: () => {
+      const i = E(e, {
+        type: "audio"
+      });
+      e.dispatch(
+        e._tiptapEditor.state.tr.setMeta(e.filePanel.plugin, {
+          block: i
+        })
+      );
+    },
+    key: "audio",
+    ...e.dictionary.slash_menu.audio
+  }), C("file", e) && t.push({
+    onItemClick: () => {
+      const i = E(e, {
+        type: "file"
+      });
+      e.dispatch(
+        e._tiptapEditor.state.tr.setMeta(e.filePanel.plugin, {
+          block: i
+        })
+      );
+    },
+    key: "image",
+    ...e.dictionary.slash_menu.file
+  }), t.push({
+    onItemClick: () => {
+      e.openSuggestionMenu(":", {
+        deleteTriggerCharacter: !0,
+        ignoreQueryLength: !0
+      });
+    },
+    key: "emoji",
+    ...e.dictionary.slash_menu.emoji
+  }), t;
+}
+function jr(e, t) {
+  return e.filter(
+    ({ title: i, aliases: o }) => i.toLowerCase().includes(t.toLowerCase()) || o && o.filter(
+      (n) => n.toLowerCase().includes(t.toLowerCase())
+    ).length !== 0
+  );
+}
 function we(e = "") {
   return typeof e == "string" ? [
     {
@@ -10120,7 +10154,7 @@ function xt(e) {
     content: xt(t.content)
   }) : e;
 }
-function jr(e, t) {
+function zr(e, t) {
   return t.map(
     (i) => Et(e, i)
   );
@@ -10144,12 +10178,12 @@ function Et(e, t) {
     children: i.children.map((o) => Et(e, o))
   };
 }
-function Xn(e) {
-  e.id || (e.id = ne.options.generateID()), e.children && Zn(e.children);
-}
 function Zn(e) {
+  e.id || (e.id = ne.options.generateID()), e.children && Jn(e.children);
+}
+function Jn(e) {
   for (const t of e)
-    Xn(t);
+    Zn(t);
 }
 export {
   Ki as AudioBlock,
@@ -10166,17 +10200,17 @@ export {
   bn as SideMenuProsemirrorPlugin,
   fn as SideMenuView,
   yn as SuggestionMenuProseMirrorPlugin,
-  Sn as TableHandlesProsemirrorPlugin,
+  Cn as TableHandlesProsemirrorPlugin,
   En as TableHandlesView,
   ne as UniqueID,
   A as UnreachableCaseError,
   co as VideoBlock,
-  Xn as addIdsToBlock,
-  Zn as addIdsToBlocks,
+  Zn as addIdsToBlock,
+  Jn as addIdsToBlocks,
   Ai as addInlineContentAttributes,
   Ni as addInlineContentKeyboardShortcuts,
   ji as addStyleAttributes,
-  xr as assertEmpty,
+  Er as assertEmpty,
   Vi as audioBlockConfig,
   Fi as audioParse,
   Ri as audioPropSchema,
@@ -10185,16 +10219,16 @@ export {
   H as blockToNode,
   Xo as blocksToMarkdown,
   le as camelToDataKebab,
-  Nr as checkBlockHasDefaultProp,
+  Pr as checkBlockHasDefaultProp,
   Ro as checkBlockIsDefaultType,
-  Lr as checkBlockIsFileBlock,
-  Ar as checkBlockIsFileBlockWithPlaceholder,
-  Ir as checkBlockIsFileBlockWithPreview,
+  Ir as checkBlockIsFileBlock,
+  Nr as checkBlockIsFileBlockWithPlaceholder,
+  Ar as checkBlockIsFileBlockWithPreview,
   Vo as checkBlockTypeHasDefaultProp,
-  S as checkDefaultBlockTypeInSchema,
+  C as checkDefaultBlockTypeInSchema,
   zo as checkDefaultInlineContentTypeInSchema,
   Ie as cleanHTMLToMarkdown,
-  Ce as contentNodeToInlineContent,
+  Se as contentNodeToInlineContent,
   pe as createAddFileButton,
   ce as createBlockSpec,
   X as createBlockSpecFromStronglyTypedTiptapNode,
@@ -10203,7 +10237,7 @@ export {
   de as createExternalHTMLExporter,
   Te as createFigureWithCaption,
   V as createFileAndCaptionWrapper,
-  Cr as createInlineContentSpec,
+  Mr as createInlineContentSpec,
   Hi as createInlineContentSpecFromTipTapNode,
   st as createInternalBlockSpec,
   Me as createInternalHTMLSerializer,
@@ -10212,16 +10246,16 @@ export {
   me as createLinkWithCaption,
   pt as createResizeHandlesWrapper,
   O as createStronglyTypedTiptapNode,
-  Mr as createStyleSpec,
-  D as createStyleSpecFromTipTapMark,
-  Pr as createSuggestionMenu,
-  Do as defaultBlockSchema,
+  Tr as createStyleSpec,
+  U as createStyleSpecFromTipTapMark,
+  Hr as createSuggestionMenu,
+  Uo as defaultBlockSchema,
   ht as defaultBlockSpecs,
   Ve as defaultBlockToHTML,
   jo as defaultInlineContentSchema,
   ft as defaultInlineContentSpecs,
   k as defaultProps,
-  Br as defaultStyleSchema,
+  Lr as defaultStyleSchema,
   mt as defaultStyleSpecs,
   P as esmDependencies,
   $i as fileBlockConfig,
@@ -10230,17 +10264,17 @@ export {
   qi as fileRender,
   Zi as fileToExternalHTML,
   Sr as filenameFromURL,
-  Ur as filterSuggestionItems,
-  U as formatKeyboardShortcut,
+  jr as filterSuggestionItems,
+  D as formatKeyboardShortcut,
   sn as formattingToolbarPluginKey,
   Li as getBlockFromPos,
   Fn as getBlockNoteExtensions,
   lt as getBlockSchemaFromSpecs,
-  C as getCurrentBlockContentType,
+  S as getCurrentBlockContentType,
   Dr as getDefaultEmojiPickerItems,
-  Hr as getDefaultSlashMenuItems,
+  Ur as getDefaultSlashMenuItems,
   fe as getDraggableBlockFromElement,
-  Ui as getInlineContentParseRules,
+  Di as getInlineContentParseRules,
   dt as getInlineContentSchemaFromSpecs,
   Ii as getParseRules,
   zi as getStyleParseRules,
@@ -10257,10 +10291,10 @@ export {
   Bi as isAppleOS,
   ze as isLinkInlineContent,
   Qe as isPartialLinkInlineContent,
-  Er as isSafari,
+  Cr as isSafari,
   ie as isStyledTextInlineContent,
   cn as linkToolbarPluginKey,
-  vr as locales,
+  xr as locales,
   on as markdownToBlocks,
   z as mergeCSSClasses,
   x as nodeToBlock,
@@ -10269,13 +10303,13 @@ export {
   he as parseFigureElement,
   Ge as parseImageElement,
   Et as partialBlockToBlockForTesting,
-  jr as partialBlocksToBlocksForTesting,
+  zr as partialBlocksToBlocksForTesting,
   at as propsToAttributes,
   gn as sideMenuPluginKey,
-  Di as stylePropsToAttributes,
+  Ui as stylePropsToAttributes,
   et as tableContentToNodes,
   ee as tableHandlesPluginKey,
-  Tr as uploadToTmpFilesDotOrg_DEV_ONLY,
+  Br as uploadToTmpFilesDotOrg_DEV_ONLY,
   ro as videoBlockConfig,
   so as videoParse,
   no as videoPropSchema,