@blocknote/core 0.9.2 → 0.9.4

package/dist/blocknote.js

@@ -1,43 +1,43 @@
-var Pt = Object.defineProperty;
-var Ot = (n, e, t) => e in n ? Pt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var u = (n, e, t) => (Ot(n, typeof e != "symbol" ? e + "" : e, t), t);
-import { Extension as T, Mark as lt, Node as U, InputRule as K, mergeAttributes as A, combineTransactionSteps as Dt, getChangedRanges as Rt, findChildrenInRange as Vt, findChildren as tt, findParentNode as zt, extensions as L, isTextSelection as Ut, isNodeSelection as Ft, posToDOMRect as q, getMarkRange as et, Editor as Gt } from "@tiptap/core";
-import { Bold as $t } from "@tiptap/extension-bold";
-import { Code as jt } from "@tiptap/extension-code";
-import qt from "@tiptap/extension-collaboration";
-import Wt from "@tiptap/extension-collaboration-cursor";
-import { Dropcursor as Yt } from "@tiptap/extension-dropcursor";
-import { Gapcursor as Kt } from "@tiptap/extension-gapcursor";
-import { HardBreak as Jt } from "@tiptap/extension-hard-break";
-import { History as Xt } from "@tiptap/extension-history";
-import { Italic as Zt } from "@tiptap/extension-italic";
-import { Link as Qt } from "@tiptap/extension-link";
-import { Strike as te } from "@tiptap/extension-strike";
-import { Text as ee } from "@tiptap/extension-text";
-import { Underline as oe } from "@tiptap/extension-underline";
-import { Slice as x, Fragment as _, DOMSerializer as W, DOMParser as ne } from "prosemirror-model";
-import { PluginKey as S, Plugin as w, TextSelection as ot, Selection as j, NodeSelection as re } from "prosemirror-state";
-import { v4 as ie } from "uuid";
-import * as se from "prosemirror-view";
-import { Decoration as V, DecorationSet as z } from "prosemirror-view";
-import dt from "rehype-parse";
-import ae from "rehype-remark";
-import ct from "rehype-stringify";
-import ut from "remark-gfm";
-import le from "remark-parse";
-import de, { defaultHandlers as ce } from "remark-rehype";
-import ue from "remark-stringify";
-import { unified as J } from "unified";
-import { fromDom as nt } from "hast-util-from-dom";
-const pe = "_bnEditor_1pmoa_3", he = "_bnRoot_1pmoa_19", fe = "_defaultStyles_1pmoa_34", me = "_dragPreview_1pmoa_57", H = {
-  bnEditor: pe,
-  bnRoot: he,
-  defaultStyles: fe,
-  dragPreview: me,
-  "collaboration-cursor__caret": "_collaboration-cursor__caret_1pmoa_63",
-  "collaboration-cursor__label": "_collaboration-cursor__label_1pmoa_74"
+var Yt = Object.defineProperty;
+var Jt = (n, e, t) => e in n ? Yt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var u = (n, e, t) => (Jt(n, typeof e != "symbol" ? e + "" : e, t), t);
+import { Extension as A, Mark as ht, combineTransactionSteps as Zt, getChangedRanges as Qt, findChildrenInRange as te, findChildren as nt, Node as G, mergeAttributes as N, findParentNode as ee, extensions as R, InputRule as Z, isTextSelection as oe, isNodeSelection as ne, posToDOMRect as K, getMarkRange as rt, Editor as re } from "@tiptap/core";
+import { Bold as ie } from "@tiptap/extension-bold";
+import { Code as se } from "@tiptap/extension-code";
+import ae from "@tiptap/extension-collaboration";
+import le from "@tiptap/extension-collaboration-cursor";
+import { Dropcursor as de } from "@tiptap/extension-dropcursor";
+import { Gapcursor as ce } from "@tiptap/extension-gapcursor";
+import { HardBreak as ue } from "@tiptap/extension-hard-break";
+import { History as pe } from "@tiptap/extension-history";
+import { Italic as he } from "@tiptap/extension-italic";
+import { Link as me } from "@tiptap/extension-link";
+import { Strike as fe } from "@tiptap/extension-strike";
+import { Text as ge } from "@tiptap/extension-text";
+import { Underline as ke } from "@tiptap/extension-underline";
+import { Slice as L, Fragment as P, DOMSerializer as Y, DOMParser as be } from "prosemirror-model";
+import { Plugin as T, PluginKey as B, NodeSelection as mt, TextSelection as it, Selection as X } from "prosemirror-state";
+import { v4 as ye } from "uuid";
+import * as ve from "prosemirror-view";
+import { Decoration as W, DecorationSet as $ } from "prosemirror-view";
+import ft from "rehype-parse";
+import we from "rehype-remark";
+import gt from "rehype-stringify";
+import kt from "remark-gfm";
+import Ce from "remark-parse";
+import Ee, { defaultHandlers as Se } from "remark-rehype";
+import Te from "remark-stringify";
+import { unified as Q } from "unified";
+import { fromDom as st } from "hast-util-from-dom";
+const Me = "_bnEditor_12je0_3", Be = "_bnRoot_12je0_19", xe = "_defaultStyles_12je0_34", Ie = "_dragPreview_12je0_57", D = {
+  bnEditor: Me,
+  bnRoot: Be,
+  defaultStyles: xe,
+  dragPreview: Ie,
+  "collaboration-cursor__caret": "_collaboration-cursor__caret_12je0_63",
+  "collaboration-cursor__label": "_collaboration-cursor__label_12je0_74"
 };
-function pt(n) {
+function bt(n) {
   const e = n.attrs.id, t = n.firstChild, o = t.type, r = n.childCount === 2 ? n.lastChild.childCount : 0;
   return {
     id: e,
@@ -47,7 +47,7 @@ function pt(n) {
     numChildBlocks: r
   };
 }
-function k(n, e) {
+function b(n, e) {
   const o = n.nodeSize - 2;
   if (e <= 1)
     for (e = 1 + 1; n.resolve(e).parent.type.name !== "blockContainer" && e < o; )
@@ -67,19 +67,30 @@ function k(n, e) {
       break;
     l -= 1, s = r.node(l);
   }
-  const { id: a, contentNode: d, contentType: c, numChildBlocks: h } = pt(s), p = r.start(l), f = r.end(l);
+  const { id: a, contentNode: d, contentType: c, numChildBlocks: m } = bt(s), h = r.start(l), p = r.end(l);
   return {
     id: a,
     node: s,
     contentNode: d,
     contentType: c,
-    numChildBlocks: h,
-    startPos: p,
-    endPos: f,
+    numChildBlocks: m,
+    startPos: h,
+    endPos: p,
     depth: l
   };
 }
-const ke = T.create({
+const C = {
+  backgroundColor: {
+    default: "default"
+  },
+  textColor: {
+    default: "default"
+  },
+  textAlignment: {
+    default: "left",
+    values: ["left", "center", "right", "justify"]
+  }
+}, Ae = A.create({
   name: "blockBackgroundColor",
   addGlobalAttributes() {
     return [
@@ -87,9 +98,9 @@ const ke = T.create({
         types: ["blockContainer"],
         attributes: {
           backgroundColor: {
-            default: "default",
-            parseHTML: (n) => n.hasAttribute("data-background-color") ? n.getAttribute("data-background-color") : "default",
-            renderHTML: (n) => n.backgroundColor !== "default" && {
+            default: C.backgroundColor.default,
+            parseHTML: (n) => n.hasAttribute("data-background-color") ? n.getAttribute("data-background-color") : C.backgroundColor.default,
+            renderHTML: (n) => n.backgroundColor !== C.backgroundColor.default && {
               "data-background-color": n.backgroundColor
             }
           }
@@ -100,7 +111,7 @@ const ke = T.create({
   addCommands() {
     return {
       setBlockBackgroundColor: (n, e) => ({ state: t, view: o }) => {
-        const r = k(t.doc, n);
+        const r = b(t.doc, n);
         return r === void 0 ? !1 : (t.tr.setNodeAttribute(
           r.startPos - 1,
           "backgroundColor",
@@ -109,7 +120,7 @@ const ke = T.create({
       }
     };
   }
-}), ge = lt.create({
+}), _e = ht.create({
   name: "backgroundColor",
   addAttributes() {
     return {
@@ -135,555 +146,55 @@ const ke = T.create({
   },
   addCommands() {
     return {
-      setBackgroundColor: (n) => ({ commands: e }) => n !== "default" ? e.setMark(this.name, { color: n }) : e.unsetMark(this.name)
+      setBackgroundColor: (n) => ({ commands: e }) => n !== C.backgroundColor.default ? e.setMark(this.name, { color: n }) : e.unsetMark(this.name)
     };
   }
-}), ht = "_blockOuter_7sok8_5", ft = "_block_7sok8_5", mt = "_reactNodeViewRenderer_7sok8_17", kt = "_blockContent_7sok8_22", gt = "_blockGroup_7sok8_42", bt = "_isEmpty_7sok8_240", yt = "_inlineContent_7sok8_240", vt = "_isFilter_7sok8_241", Ct = "_hasAnchor_7sok8_263", y = {
-  blockOuter: ht,
-  block: ft,
-  reactNodeViewRenderer: mt,
-  blockContent: kt,
-  blockGroup: gt,
-  isEmpty: bt,
-  inlineContent: yt,
-  isFilter: vt,
-  hasAnchor: Ct
-}, Jo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  block: ft,
-  blockContent: kt,
-  blockGroup: gt,
-  blockOuter: ht,
-  default: y,
-  hasAnchor: Ct,
-  inlineContent: yt,
-  isEmpty: bt,
-  isFilter: vt,
-  reactNodeViewRenderer: mt
-}, Symbol.toStringTag, { value: "Module" })), be = () => /Mac/.test(navigator.platform) || /AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent);
-function Xo(n) {
-  return be() ? n.replace("Mod", "⌘") : n.replace("Mod", "Ctrl");
-}
-function v(...n) {
-  return n.filter((e) => e).join(" ");
-}
-class ye extends Error {
-  constructor(e) {
-    super(`Unreachable case: ${e}`);
-  }
-}
-function rt(n) {
-  return "data-" + n.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
-}
-function ve(n) {
-  const e = {};
-  return Object.entries(n.propSchema).forEach(([t, o]) => {
-    e[t] = {
-      default: o.default,
-      keepOnSplit: !0,
-      // Props are displayed in kebab-case as HTML attributes. If a prop's
-      // value is the same as its default, we don't display an HTML
-      // attribute for it.
-      parseHTML: (r) => r.getAttribute(rt(t)),
-      renderHTML: (r) => r[t] !== o.default ? {
-        [rt(t)]: r[t]
-      } : {}
-    };
-  }), e;
-}
-function Ce(n) {
-  return [
-    {
-      tag: "div[data-content-type=" + n.type + "]"
-    }
-  ];
-}
-function we(n, e) {
-  const t = document.createElement("div");
-  t.setAttribute("data-content-type", n.type);
-  for (const [r, i] of Object.entries(e))
-    t.setAttribute(r, i);
-  let o;
-  return n.containsInlineContent ? (o = document.createElement("div"), t.appendChild(o)) : o = void 0, o !== void 0 ? {
-    dom: t,
-    contentDOM: o
-  } : {
-    dom: t
-  };
-}
-function Zo(n) {
-  return {
-    node: O({
-      name: n.type,
-      content: n.containsInlineContent ? "inline*" : "",
-      selectable: n.containsInlineContent,
-      addAttributes() {
-        return ve(n);
-      },
-      parseHTML() {
-        return Ce(n);
-      },
-      renderHTML({ HTMLAttributes: t }) {
-        return we(n, t);
-      },
-      addNodeView() {
-        return ({ HTMLAttributes: t, getPos: o }) => {
-          var f, m;
-          const r = document.createElement("div"), i = ((f = this.options.domAttributes) == null ? void 0 : f.blockContent) || {};
-          for (const [g, b] of Object.entries(
-            i
-          ))
-            g !== "class" && r.setAttribute(g, b);
-          r.className = v(
-            y.blockContent,
-            i.class
-          ), r.setAttribute("data-content-type", n.type);
-          for (const [g, b] of Object.entries(t))
-            r.setAttribute(g, b);
-          const s = this.options.editor;
-          if (typeof o == "boolean")
-            throw new Error(
-              "Cannot find node position as getPos is a boolean, not a function."
-            );
-          const l = o(), c = s._tiptapEditor.state.doc.resolve(l).node().attrs.id, h = s.getBlock(c);
-          if (h.type !== n.type)
-            throw new Error("Block type does not match");
-          const p = n.render(h, s);
-          if ("contentDOM" in p) {
-            const g = ((m = this.options.domAttributes) == null ? void 0 : m.inlineContent) || {};
-            for (const [b, C] of Object.entries(
-              g
-            ))
-              b !== "class" && p.contentDOM.setAttribute(b, C);
-            p.contentDOM.className = v(
-              p.contentDOM.className,
-              y.inlineContent,
-              g.class
-            );
-          }
-          return r.appendChild(p.dom), "contentDOM" in p ? {
-            dom: r,
-            contentDOM: p.contentDOM
-          } : {
-            dom: r
-          };
-        };
-      }
-    }),
-    propSchema: n.propSchema
-  };
-}
-function O(n) {
-  return U.create({
-    ...n,
-    group: "blockContent"
+});
+function He(n, e = JSON.stringify) {
+  const t = {};
+  return n.filter((o) => {
+    const r = e(o);
+    return Object.prototype.hasOwnProperty.call(t, r) ? !1 : t[r] = !0;
   });
 }
-const Se = O({
-  name: "heading",
-  content: "inline*",
-  addAttributes() {
+function Le(n) {
+  const e = n.filter(
+    (o, r) => n.indexOf(o) !== r
+  );
+  return He(e);
+}
+const j = A.create({
+  name: "uniqueID",
+  // we’ll set a very high priority to make sure this runs first
+  // and is compatible with `appendTransaction` hooks of other extensions
+  priority: 1e4,
+  addOptions() {
     return {
-      level: {
-        default: "1",
-        // instead of "level" attributes, use "data-level"
-        parseHTML: (n) => n.getAttribute("data-level"),
-        renderHTML: (n) => ({
-          "data-level": n.level
-        })
-      }
-    };
-  },
-  addInputRules() {
-    return [
-      ...["1", "2", "3"].map((n) => new K({
-        find: new RegExp(`^(#{${parseInt(n)}})\\s$`),
-        handler: ({ state: e, chain: t, range: o }) => {
-          t().BNUpdateBlock(e.selection.from, {
-            type: "heading",
-            props: {
-              level: n
-            }
-          }).deleteRange({ from: o.from, to: o.to });
+      attributeName: "id",
+      types: [],
+      generateID: () => {
+        if (typeof window < "u" && window.__TEST_OPTIONS) {
+          const n = window.__TEST_OPTIONS;
+          return n.mockID === void 0 ? n.mockID = 0 : n.mockID++, n.mockID.toString();
         }
-      }))
-    ];
-  },
-  parseHTML() {
-    return [
-      {
-        tag: "h1",
-        attrs: { level: "1" },
-        node: "heading"
-      },
-      {
-        tag: "h2",
-        attrs: { level: "2" },
-        node: "heading"
+        return ye();
       },
-      {
-        tag: "h3",
-        attrs: { level: "3" },
-        node: "heading"
-      }
-    ];
-  },
-  renderHTML({ node: n, HTMLAttributes: e }) {
-    var r, i;
-    const t = ((r = this.options.domAttributes) == null ? void 0 : r.blockContent) || {}, o = ((i = this.options.domAttributes) == null ? void 0 : i.inlineContent) || {};
-    return [
-      "div",
-      A(e, {
-        class: v(
-          y.blockContent,
-          t.class
-        ),
-        "data-content-type": this.name
-      }),
-      [
-        "h" + n.attrs.level,
-        {
-          class: v(
-            y.inlineContent,
-            o.class
-          )
-        },
-        0
-      ]
-    ];
-  }
-}), wt = (n) => {
-  const { node: e, contentType: t } = k(
-    n.state.doc,
-    n.state.selection.from
-  ), o = n.state.selection.anchor === n.state.selection.head;
-  return !t.name.endsWith("ListItem") || !o ? !1 : n.commands.first(({ state: r, chain: i, commands: s }) => [
-    () => (
-      // Changes list item block to a text block if the content is empty.
-      s.command(() => e.textContent.length === 0 ? s.BNUpdateBlock(r.selection.from, {
-        type: "paragraph",
-        props: {}
-      }) : !1)
-    ),
-    () => (
-      // Splits the current block, moving content inside that's after the cursor to a new block of the same type
-      // below.
-      s.command(() => e.textContent.length > 0 ? (i().deleteSelection().BNSplitBlock(r.selection.from, !0).run(), !0) : !1)
-    )
-  ]);
-}, Me = O({
-  name: "bulletListItem",
-  content: "inline*",
-  addInputRules() {
-    return [
-      // Creates an unordered list when starting with "-", "+", or "*".
-      new K({
-        find: new RegExp("^[-+*]\\s$"),
-        handler: ({ state: n, chain: e, range: t }) => {
-          e().BNUpdateBlock(n.selection.from, {
-            type: "bulletListItem",
-            props: {}
-          }).deleteRange({ from: t.from, to: t.to });
-        }
-      })
-    ];
-  },
-  addKeyboardShortcuts() {
-    return {
-      Enter: () => wt(this.editor)
+      filterTransaction: null
     };
   },
-  parseHTML() {
+  addGlobalAttributes() {
     return [
-      // Case for regular HTML list structure.
-      {
-        tag: "li",
-        getAttrs: (n) => {
-          if (typeof n == "string")
-            return !1;
-          const e = n.parentElement;
-          return e === null ? !1 : e.tagName === "UL" ? {} : !1;
-        },
-        node: "bulletListItem"
-      },
-      // Case for BlockNote list structure.
       {
-        tag: "p",
-        getAttrs: (n) => {
-          if (typeof n == "string")
-            return !1;
-          const e = n.parentElement;
-          return e === null ? !1 : e.getAttribute("data-content-type") === "bulletListItem" ? {} : !1;
-        },
-        priority: 300,
-        node: "bulletListItem"
-      }
-    ];
-  },
-  renderHTML({ HTMLAttributes: n }) {
-    var o, r;
-    const e = ((o = this.options.domAttributes) == null ? void 0 : o.blockContent) || {}, t = ((r = this.options.domAttributes) == null ? void 0 : r.inlineContent) || {};
-    return [
-      "div",
-      A(n, {
-        class: v(
-          y.blockContent,
-          e.class
-        ),
-        "data-content-type": this.name
-      }),
-      [
-        "p",
-        {
-          class: v(
-            y.inlineContent,
-            t.class
-          )
-        },
-        0
-      ]
-    ];
-  }
-}), Ee = new S("numbered-list-indexing"), Be = () => new w({
-  key: Ee,
-  appendTransaction: (n, e, t) => {
-    const o = t.tr;
-    o.setMeta("numberedListIndexing", !0);
-    let r = !1;
-    return t.doc.descendants((i, s) => {
-      if (i.type.name === "blockContainer" && i.firstChild.type.name === "numberedListItem") {
-        let l = "1";
-        const a = s === 1, d = k(o.doc, s + 1);
-        if (d === void 0)
-          return;
-        if (!a) {
-          const p = k(o.doc, s - 2);
-          if (p === void 0)
-            return;
-          if (!(d.depth !== p.depth)) {
-            const m = p.contentNode;
-            if (p.contentType.name === "numberedListItem") {
-              const C = m.attrs.index;
-              l = (parseInt(C) + 1).toString();
-            }
-          }
-        }
-        d.contentNode.attrs.index !== l && (r = !0, o.setNodeMarkup(s + 1, void 0, {
-          index: l
-        }));
-      }
-    }), r ? o : null;
-  }
-}), Te = O({
-  name: "numberedListItem",
-  content: "inline*",
-  addAttributes() {
-    return {
-      index: {
-        default: null,
-        parseHTML: (n) => n.getAttribute("data-index"),
-        renderHTML: (n) => ({
-          "data-index": n.index
-        })
-      }
-    };
-  },
-  addInputRules() {
-    return [
-      // Creates an ordered list when starting with "1.".
-      new K({
-        find: new RegExp("^1\\.\\s$"),
-        handler: ({ state: n, chain: e, range: t }) => {
-          e().BNUpdateBlock(n.selection.from, {
-            type: "numberedListItem",
-            props: {}
-          }).deleteRange({ from: t.from, to: t.to });
-        }
-      })
-    ];
-  },
-  addKeyboardShortcuts() {
-    return {
-      Enter: () => wt(this.editor)
-    };
-  },
-  addProseMirrorPlugins() {
-    return [Be()];
-  },
-  parseHTML() {
-    return [
-      // Case for regular HTML list structure.
-      // (e.g.: when pasting from other apps)
-      {
-        tag: "li",
-        getAttrs: (n) => {
-          if (typeof n == "string")
-            return !1;
-          const e = n.parentElement;
-          return e === null ? !1 : e.tagName === "OL" ? {} : !1;
-        },
-        node: "numberedListItem"
-      },
-      // Case for BlockNote list structure.
-      // (e.g.: when pasting from blocknote)
-      {
-        tag: "p",
-        getAttrs: (n) => {
-          if (typeof n == "string")
-            return !1;
-          const e = n.parentElement;
-          return e === null ? !1 : e.getAttribute("data-content-type") === "numberedListItem" ? {} : !1;
-        },
-        priority: 300,
-        node: "numberedListItem"
-      }
-    ];
-  },
-  renderHTML({ HTMLAttributes: n }) {
-    var o, r;
-    const e = ((o = this.options.domAttributes) == null ? void 0 : o.blockContent) || {}, t = ((r = this.options.domAttributes) == null ? void 0 : r.inlineContent) || {};
-    return [
-      "div",
-      A(n, {
-        class: v(
-          y.blockContent,
-          e.class
-        ),
-        "data-content-type": this.name
-      }),
-      // we use a <p> tag, because for <li> tags we'd need to add a <ul> parent for around siblings to be semantically correct,
-      // which would be quite cumbersome
-      [
-        "p",
-        {
-          class: v(
-            y.inlineContent,
-            t.class
-          )
-        },
-        0
-      ]
-    ];
-  }
-}), xe = O({
-  name: "paragraph",
-  content: "inline*",
-  parseHTML() {
-    return [
-      {
-        tag: "p",
-        priority: 200,
-        node: "paragraph"
-      }
-    ];
-  },
-  renderHTML({ HTMLAttributes: n }) {
-    var o, r;
-    const e = ((o = this.options.domAttributes) == null ? void 0 : o.blockContent) || {}, t = ((r = this.options.domAttributes) == null ? void 0 : r.inlineContent) || {};
-    return [
-      "div",
-      A(
-        {
-          ...e,
-          class: v(
-            y.blockContent,
-            e.class
-          ),
-          "data-content-type": this.name
-        },
-        n
-      ),
-      [
-        "p",
-        {
-          ...t,
-          class: v(
-            y.inlineContent,
-            t.class
-          )
-        },
-        0
-      ]
-    ];
-  }
-}), P = {
-  backgroundColor: {
-    default: "transparent"
-  },
-  textColor: {
-    default: "black"
-    // TODO
-  },
-  textAlignment: {
-    default: "left",
-    values: ["left", "center", "right", "justify"]
-  }
-}, St = {
-  paragraph: {
-    propSchema: P,
-    node: xe
-  },
-  heading: {
-    propSchema: {
-      ...P,
-      level: { default: "1", values: ["1", "2", "3"] }
-    },
-    node: Se
-  },
-  bulletListItem: {
-    propSchema: P,
-    node: Me
-  },
-  numberedListItem: {
-    propSchema: P,
-    node: Te
-  }
-};
-function Ae(n, e = JSON.stringify) {
-  const t = {};
-  return n.filter((o) => {
-    const r = e(o);
-    return Object.prototype.hasOwnProperty.call(t, r) ? !1 : t[r] = !0;
-  });
-}
-function Ie(n) {
-  const e = n.filter(
-    (o, r) => n.indexOf(o) !== r
-  );
-  return Ae(e);
-}
-const F = T.create({
-  name: "uniqueID",
-  // we’ll set a very high priority to make sure this runs first
-  // and is compatible with `appendTransaction` hooks of other extensions
-  priority: 1e4,
-  addOptions() {
-    return {
-      attributeName: "id",
-      types: [],
-      generateID: () => {
-        if (typeof window < "u" && window.__TEST_OPTIONS) {
-          const n = window.__TEST_OPTIONS;
-          return n.mockID === void 0 ? n.mockID = 0 : n.mockID++, n.mockID.toString();
-        }
-        return ie();
-      },
-      filterTransaction: null
-    };
-  },
-  addGlobalAttributes() {
-    return [
-      {
-        types: this.options.types,
-        attributes: {
-          [this.options.attributeName]: {
-            default: null,
-            parseHTML: (n) => n.getAttribute(`data-${this.options.attributeName}`),
-            renderHTML: (n) => ({
-              [`data-${this.options.attributeName}`]: n[this.options.attributeName]
-            })
-          }
-        }
+        types: this.options.types,
+        attributes: {
+          [this.options.attributeName]: {
+            default: null,
+            parseHTML: (n) => n.getAttribute(`data-${this.options.attributeName}`),
+            renderHTML: (n) => ({
+              [`data-${this.options.attributeName}`]: n[this.options.attributeName]
+            })
+          }
+        }
       }
     ];
   },
@@ -720,38 +231,38 @@ const F = T.create({
   addProseMirrorPlugins() {
     let n = null, e = !1;
     return [
-      new w({
-        key: new S("uniqueID"),
+      new T({
+        key: new B("uniqueID"),
         appendTransaction: (t, o, r) => {
-          const i = t.some((m) => m.docChanged) && !o.doc.eq(r.doc), s = this.options.filterTransaction && t.some((m) => {
-            let g, b;
-            return !(!((b = (g = this.options).filterTransaction) === null || b === void 0) && b.call(g, m));
+          const i = t.some((f) => f.docChanged) && !o.doc.eq(r.doc), s = this.options.filterTransaction && t.some((f) => {
+            let k, v;
+            return !(!((v = (k = this.options).filterTransaction) === null || v === void 0) && v.call(k, f));
           });
           if (!i || s)
             return;
-          const { tr: l } = r, { types: a, attributeName: d, generateID: c } = this.options, h = Dt(
+          const { tr: l } = r, { types: a, attributeName: d, generateID: c } = this.options, m = Zt(
             o.doc,
             t
-          ), { mapping: p } = h;
-          if (Rt(h).forEach(({ newRange: m }) => {
-            const g = Vt(
+          ), { mapping: h } = m;
+          if (Qt(m).forEach(({ newRange: f }) => {
+            const k = te(
               r.doc,
-              m,
-              (M) => a.includes(M.type.name)
-            ), b = g.map(({ node: M }) => M.attrs[d]).filter((M) => M !== null), C = Ie(b);
-            g.forEach(({ node: M, pos: R }) => {
-              let $;
-              const Q = ($ = l.doc.nodeAt(R)) === null || $ === void 0 ? void 0 : $.attrs[d];
-              if (Q === null) {
-                l.setNodeMarkup(R, void 0, {
-                  ...M.attrs,
+              f,
+              (E) => a.includes(E.type.name)
+            ), v = k.map(({ node: E }) => E.attrs[d]).filter((E) => E !== null), w = Le(v);
+            k.forEach(({ node: E, pos: _ }) => {
+              let y;
+              const M = (y = l.doc.nodeAt(_)) === null || y === void 0 ? void 0 : y.attrs[d];
+              if (M === null) {
+                l.setNodeMarkup(_, void 0, {
+                  ...E.attrs,
                   [d]: c()
                 });
                 return;
               }
-              const { deleted: Lt } = p.invert().mapResult(R);
-              Lt && C.includes(Q) && l.setNodeMarkup(R, void 0, {
-                ...M.attrs,
+              const { deleted: ot } = h.invert().mapResult(_);
+              ot && w.includes(M) && l.setNodeMarkup(_, void 0, {
+                ...E.attrs,
                 [d]: c()
               });
             });
@@ -808,9 +319,9 @@ const F = T.create({
                   a.marks
                 );
                 l.push(d);
-              }), _.from(l);
+              }), P.from(l);
             };
-            return e = !1, new x(
+            return e = !1, new L(
               i(t.content),
               t.openStart,
               t.openEnd
@@ -820,25 +331,37 @@ const F = T.create({
       })
     ];
   }
-}), Mt = /* @__PURE__ */ new Set([
+}), Ne = () => /Mac/.test(navigator.platform) || /AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent);
+function Mn(n) {
+  return Ne() ? n.replace("Mod", "⌘") : n.replace("Mod", "Ctrl");
+}
+function S(...n) {
+  return n.filter((e) => e).join(" ");
+}
+class Pe extends Error {
+  constructor(e) {
+    super(`Unreachable case: ${e}`);
+  }
+}
+const yt = /* @__PURE__ */ new Set([
   "bold",
   "italic",
   "underline",
   "strike",
   "code"
-]), Et = /* @__PURE__ */ new Set(["textColor", "backgroundColor"]);
-function it(n, e) {
+]), vt = /* @__PURE__ */ new Set(["textColor", "backgroundColor"]);
+function at(n, e) {
   const t = [];
   for (const [o, r] of Object.entries(n.styles))
-    Mt.has(o) ? t.push(e.mark(o)) : Et.has(o) && t.push(e.mark(o, { color: r }));
+    yt.has(o) ? t.push(e.mark(o)) : vt.has(o) && t.push(e.mark(o, { color: r }));
   return n.text.split(/(\n)/g).filter((o) => o.length > 0).map((o) => o === `
 ` ? e.nodes.hardBreak.create() : e.text(o, t));
 }
-function _e(n, e) {
+function De(n, e) {
   const t = e.marks.link.create({
     href: n.href
   });
-  return Bt(n.content, e).map((o) => {
+  return wt(n.content, e).map((o) => {
     if (o.type.name === "text")
       return o.mark([...o.marks, t]);
     if (o.type.name === "hardBreak")
@@ -846,30 +369,30 @@ function _e(n, e) {
     throw new Error("unexpected node type");
   });
 }
-function Bt(n, e) {
+function wt(n, e) {
   const t = [];
   if (typeof n == "string")
     return t.push(
-      ...it({ type: "text", text: n, styles: {} }, e)
+      ...at({ type: "text", text: n, styles: {} }, e)
     ), t;
   for (const o of n)
-    t.push(...it(o, e));
+    t.push(...at(o, e));
   return t;
 }
-function Tt(n, e) {
+function Ct(n, e) {
   const t = [];
   for (const o of n)
     if (o.type === "link")
-      t.push(..._e(o, e));
+      t.push(...De(o, e));
     else if (o.type === "text")
-      t.push(...Bt([o], e));
+      t.push(...wt([o], e));
     else
-      throw new ye(o);
+      throw new Pe(o);
   return t;
 }
-function D(n, e) {
+function V(n, e) {
   let t = n.id;
-  t === void 0 && (t = F.options.generateID());
+  t === void 0 && (t = j.options.generateID());
   let o = n.type;
   o === void 0 && (o = "paragraph");
   let r;
@@ -881,13 +404,13 @@ function D(n, e) {
       e.text(n.content)
     );
   else {
-    const l = Tt(n.content, e);
+    const l = Ct(n.content, e);
     r = e.nodes[o].create(n.props, l);
   }
   const i = [];
   if (n.children)
     for (const l of n.children)
-      i.push(D(l, e));
+      i.push(V(l, e));
   const s = e.nodes.blockGroup.create({}, i);
   return e.nodes.blockContainer.create(
     {
@@ -897,7 +420,7 @@ function D(n, e) {
     i.length > 0 ? [r, s] : r
   );
 }
-function He(n) {
+function Oe(n) {
   const e = [];
   let t;
   return n.content.forEach((o) => {
@@ -917,9 +440,9 @@ function He(n) {
     for (const s of o.marks)
       if (s.type.name === "link")
         i = s;
-      else if (Mt.has(s.type.name))
+      else if (yt.has(s.type.name))
         r[s.type.name] = !0;
-      else if (Et.has(s.type.name))
+      else if (vt.has(s.type.name))
         r[s.type.name] = s.attrs.color;
       else
         throw Error("Mark is of an unrecognized type: " + s.type.name);
@@ -974,7 +497,7 @@ function He(n) {
     };
   }), t && e.push(t), e;
 }
-function E(n, e, t) {
+function x(n, e, t) {
   if (n.type.name !== "blockContainer")
     throw Error(
       "Node must be of type blockContainer, but is of type" + n.type.name + "."
@@ -982,37 +505,37 @@ function E(n, e, t) {
   const o = t == null ? void 0 : t.get(n);
   if (o)
     return o;
-  const r = pt(n);
+  const r = bt(n);
   let i = r.id;
-  i === null && (i = F.options.generateID());
+  i === null && (i = j.options.generateID());
   const s = {};
-  for (const [c, h] of Object.entries({
+  for (const [c, m] of Object.entries({
     ...n.attrs,
     ...r.contentNode.attrs
   })) {
-    const p = e[r.contentType.name];
-    if (!p)
+    const h = e[r.contentType.name];
+    if (!h)
       throw Error(
         "Block is of an unrecognized type: " + r.contentType.name
       );
-    const f = p.propSchema;
-    c in f ? s[c] = h : c !== "id" && !(c in P) && console.warn("Block has an unrecognized attribute: " + c);
+    const p = h.propSchema;
+    c in p ? s[c] = m : c !== "id" && !(c in C) && console.warn("Block has an unrecognized attribute: " + c);
   }
-  const l = He(r.contentNode), a = [];
+  const l = e[r.contentType.name], a = [];
   for (let c = 0; c < r.numChildBlocks; c++)
     a.push(
-      E(n.lastChild.child(c), e, t)
+      x(n.lastChild.child(c), e, t)
     );
   const d = {
     id: i,
-    type: r.contentType.name,
+    type: l.node.name,
     props: s,
-    content: l,
+    content: l.node.config.content === "inline*" ? Oe(r.contentNode) : void 0,
     children: a
   };
   return t == null || t.set(n, d), d;
 }
-const st = new S("previous-blocks"), Ne = {
+const lt = new B("previous-blocks"), Re = {
   // Numbered List Items
   index: "index",
   // Headings
@@ -1021,17 +544,17 @@ const st = new S("previous-blocks"), Ne = {
   type: "type",
   depth: "depth",
   "depth-change": "depth-change"
-}, Le = () => {
+}, ze = () => {
   let n;
-  return new w({
-    key: st,
+  return new T({
+    key: lt,
     view(e) {
       return {
         update: async (t, o) => {
           var r;
           ((r = this.key) == null ? void 0 : r.getState(t.state).updatedBlocks.size) > 0 && (n = setTimeout(() => {
             t.dispatch(
-              t.state.tr.setMeta(st, { clearUpdate: !0 })
+              t.state.tr.setMeta(lt, { clearUpdate: !0 })
             );
           }, 0));
         },
@@ -1054,25 +577,25 @@ const st = new S("previous-blocks"), Ne = {
       apply(e, t, o, r) {
         if (t.currentTransactionOldBlockAttrs = {}, t.updatedBlocks.clear(), !e.docChanged || o.doc.eq(r.doc))
           return t;
-        const i = {}, s = tt(o.doc, (d) => d.attrs.id), l = new Map(
+        const i = {}, s = nt(o.doc, (d) => d.attrs.id), l = new Map(
           s.map((d) => [d.node.attrs.id, d])
-        ), a = tt(r.doc, (d) => d.attrs.id);
+        ), a = nt(r.doc, (d) => d.attrs.id);
         for (const d of a) {
-          const c = l.get(d.node.attrs.id), h = c == null ? void 0 : c.node.firstChild, p = d.node.firstChild;
-          if (c && h && p) {
-            const f = {
-              index: p.attrs.index,
-              level: p.attrs.level,
-              type: p.type.name,
-              depth: r.doc.resolve(d.pos).depth
-            };
-            let m = {
+          const c = l.get(d.node.attrs.id), m = c == null ? void 0 : c.node.firstChild, h = d.node.firstChild;
+          if (c && m && h) {
+            const p = {
               index: h.attrs.index,
               level: h.attrs.level,
               type: h.type.name,
+              depth: r.doc.resolve(d.pos).depth
+            };
+            let f = {
+              index: m.attrs.index,
+              level: m.attrs.level,
+              type: m.type.name,
               depth: o.doc.resolve(c.pos).depth
             };
-            i[d.node.attrs.id] = m, e.getMeta("numberedListIndexing") && (d.node.attrs.id in t.prevTransactionOldBlockAttrs && (m = t.prevTransactionOldBlockAttrs[d.node.attrs.id]), f.type === "numberedListItem" && (m.index = f.index)), t.currentTransactionOldBlockAttrs[d.node.attrs.id] = m, JSON.stringify(m) !== JSON.stringify(f) && (m["depth-change"] = m.depth - f.depth, t.updatedBlocks.add(d.node.attrs.id));
+            i[d.node.attrs.id] = f, e.getMeta("numberedListIndexing") && (d.node.attrs.id in t.prevTransactionOldBlockAttrs && (f = t.prevTransactionOldBlockAttrs[d.node.attrs.id]), p.type === "numberedListItem" && (f.index = p.index)), t.currentTransactionOldBlockAttrs[d.node.attrs.id] = f, JSON.stringify(f) !== JSON.stringify(p) && (f["depth-change"] = f.depth - p.depth, t.updatedBlocks.add(d.node.attrs.id));
           }
         }
         return t.prevTransactionOldBlockAttrs = i, t;
@@ -1089,22 +612,69 @@ const st = new S("previous-blocks"), Ne = {
             return;
           const s = t.currentTransactionOldBlockAttrs[r.attrs.id], l = {};
           for (const [d, c] of Object.entries(s))
-            l["data-prev-" + Ne[d]] = c || "none";
-          const a = V.node(i, i + r.nodeSize, {
+            l["data-prev-" + Re[d]] = c || "none";
+          const a = W.node(i, i + r.nodeSize, {
             ...l
           });
           o.push(a);
-        }), z.create(e.doc, o);
+        }), $.create(e.doc, o);
       }
     }
   });
-}, Pe = {
+}, Et = "_blockOuter_xo7pf_5", St = "_block_xo7pf_5", Tt = "_reactNodeViewRenderer_xo7pf_17", Mt = "_blockContent_xo7pf_22", Bt = "_blockGroup_xo7pf_42", xt = "_wrapper_xo7pf_226", It = "_addImageButton_xo7pf_234", At = "_addImageButtonIcon_xo7pf_250", _t = "_addImageButtonText_xo7pf_256", Ht = "_imageAndCaptionWrapper_xo7pf_260", Lt = "_imageWrapper_xo7pf_266", Nt = "_image_xo7pf_260", Pt = "_resizeHandle_xo7pf_279", Dt = "_caption_xo7pf_294", Ot = "_isEmpty_xo7pf_300", Rt = "_inlineContent_xo7pf_300", zt = "_isFilter_xo7pf_301", Vt = "_hasAnchor_xo7pf_313", g = {
+  blockOuter: Et,
+  block: St,
+  reactNodeViewRenderer: Tt,
+  blockContent: Mt,
+  blockGroup: Bt,
+  wrapper: xt,
+  addImageButton: It,
+  addImageButtonIcon: At,
+  addImageButtonText: _t,
+  imageAndCaptionWrapper: Ht,
+  imageWrapper: Lt,
+  image: Nt,
+  resizeHandle: Pt,
+  caption: Dt,
+  isEmpty: Ot,
+  inlineContent: Rt,
+  isFilter: zt,
+  hasAnchor: Vt
+}, Bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  addImageButton: It,
+  addImageButtonIcon: At,
+  addImageButtonText: _t,
+  block: St,
+  blockContent: Mt,
+  blockGroup: Bt,
+  blockOuter: Et,
+  caption: Dt,
+  default: g,
+  hasAnchor: Vt,
+  image: Nt,
+  imageAndCaptionWrapper: Ht,
+  imageWrapper: Lt,
+  inlineContent: Rt,
+  isEmpty: Ot,
+  isFilter: zt,
+  reactNodeViewRenderer: Tt,
+  resizeHandle: Pt,
+  wrapper: xt
+}, Symbol.toStringTag, { value: "Module" })), Ve = {
   blockColor: "data-block-color",
   blockStyle: "data-block-style",
   id: "data-id",
   depth: "data-depth",
   depthChange: "data-depth-change"
-}, Oe = U.create({
+}, Ue = new B("non-editable-block"), Fe = () => new T({
+  key: Ue,
+  props: {
+    handleKeyDown: (n, e) => {
+      "node" in n.state.selection && e.preventDefault();
+    }
+  }
+}), We = G.create({
   name: "blockContainer",
   group: "blockContainer",
   // A block always contains content, and optionally a blockGroup which contains nested blocks
@@ -1120,7 +690,7 @@ const st = new S("previous-blocks"), Ne = {
           if (typeof n == "string")
             return !1;
           const e = {};
-          for (const [t, o] of Object.entries(Pe))
+          for (const [t, o] of Object.entries(Ve))
             n.getAttribute(o) && (e[t] = n.getAttribute(o));
           return n.getAttribute("data-node-type") === "blockContainer" ? e : !1;
         }
@@ -1132,16 +702,16 @@ const st = new S("previous-blocks"), Ne = {
     const e = ((t = this.options.domAttributes) == null ? void 0 : t.blockContainer) || {};
     return [
       "div",
-      A(n, {
-        class: y.blockOuter,
+      N(n, {
+        class: g.blockOuter,
         "data-node-type": "block-outer"
       }),
       [
         "div",
-        A(
+        N(
           {
             ...e,
-            class: v(y.block, e.class),
+            class: S(g.block, e.class),
             "data-node-type": this.name
           },
           n
@@ -1159,7 +729,7 @@ const st = new S("previous-blocks"), Ne = {
       },
       // Deletes a block at a given position.
       BNDeleteBlock: (n) => ({ state: e, dispatch: t }) => {
-        const o = k(e.doc, n);
+        const o = b(e.doc, n);
         if (o === void 0)
           return !1;
         const { startPos: r, endPos: i } = o;
@@ -1167,33 +737,43 @@ const st = new S("previous-blocks"), Ne = {
       },
       // Updates a block at a given position.
       BNUpdateBlock: (n, e) => ({ state: t, dispatch: o }) => {
-        const r = k(t.doc, n);
+        const r = b(t.doc, n);
         if (r === void 0)
           return !1;
         const { startPos: i, endPos: s, node: l, contentNode: a } = r;
         if (o) {
           if (e.children !== void 0) {
-            const d = [];
-            for (const c of e.children)
-              d.push(D(c, t.schema));
+            const p = [];
+            for (const f of e.children)
+              p.push(V(f, t.schema));
             l.childCount === 2 ? t.tr.replace(
               i + a.nodeSize + 1,
               s - 1,
-              new x(_.from(d), 0, 0)
+              new L(P.from(p), 0, 0)
             ) : t.tr.insert(
               i + a.nodeSize,
-              t.schema.nodes.blockGroup.create({}, d)
+              t.schema.nodes.blockGroup.create({}, p)
             );
           }
           if (e.content !== void 0) {
-            let d = [];
-            typeof e.content == "string" ? d.push(t.schema.text(e.content)) : d = Tt(e.content, t.schema), t.tr.replace(
+            let p = [];
+            typeof e.content == "string" ? p.push(t.schema.text(e.content)) : p = Ct(e.content, t.schema), t.tr.replace(
               i + 1,
               i + a.nodeSize - 1,
-              new x(_.from(d), 0, 0)
+              new L(P.from(p), 0, 0)
             );
           }
-          t.tr.setNodeMarkup(
+          const d = a.type.name, c = e.type || d, m = t.schema.nodes[d].spec.content, h = t.schema.nodes[c].spec.content;
+          m === "inline*" && h === "" ? t.tr.replaceWith(
+            i,
+            s,
+            t.schema.nodes[c].create({
+              ...a.attrs,
+              ...e.props
+            })
+          ).setSelection(
+            new mt(t.tr.doc.resolve(i))
+          ) : t.tr.setNodeMarkup(
             i,
             e.type === void 0 ? void 0 : t.schema.nodes[e.type],
             {
@@ -1228,57 +808,57 @@ const st = new S("previous-blocks"), Ne = {
         const o = e.doc.resolve(n + 1).node().type.name === "blockContainer", r = e.doc.resolve(n - 1).node().type.name === "blockContainer";
         if (!o || !r)
           return !1;
-        const i = k(
+        const i = b(
           e.doc,
           n + 1
         ), { node: s, contentNode: l, startPos: a, endPos: d, depth: c } = i;
         if (s.childCount === 2) {
-          const f = e.doc.resolve(
+          const p = e.doc.resolve(
             a + l.nodeSize + 1
-          ), m = e.doc.resolve(d - 1), g = f.blockRange(m);
-          t && e.tr.lift(g, c - 1);
+          ), f = e.doc.resolve(d - 1), k = p.blockRange(f);
+          t && e.tr.lift(k, c - 1);
         }
-        let h = n - 1, p = k(e.doc, h);
-        for (; p.numChildBlocks > 0; )
-          if (h--, p = k(e.doc, h), p === void 0)
+        let m = n - 1, h = b(e.doc, m);
+        for (; h.numChildBlocks > 0; )
+          if (m--, h = b(e.doc, m), h === void 0)
             return !1;
         return t && (t(
           e.tr.deleteRange(a, a + l.nodeSize).replace(
-            h - 1,
+            m - 1,
             a,
-            new x(l.content, 0, 0)
+            new L(l.content, 0, 0)
           ).scrollIntoView()
         ), e.tr.setSelection(
-          new ot(e.doc.resolve(h - 1))
+          new it(e.doc.resolve(m - 1))
         )), !0;
       },
       // Splits a block at a given position. Content after the position is moved to a new block below, at the same
       // nesting level.
       BNSplitBlock: (n, e) => ({ state: t, dispatch: o }) => {
-        const r = k(t.doc, n);
+        const r = b(t.doc, n);
         if (r === void 0)
           return !1;
-        const { contentNode: i, contentType: s, startPos: l, endPos: a, depth: d } = r, c = t.doc.cut(l + 1, n), h = t.doc.cut(n, a - 1), p = t.schema.nodes.blockContainer.createAndFill(), f = a + 1, m = f + 2;
-        return o && (t.tr.insert(f, p), t.tr.replace(
-          m,
-          m + 1,
-          h.content.size > 0 ? new x(
-            _.from(h),
+        const { contentNode: i, contentType: s, startPos: l, endPos: a, depth: d } = r, c = t.doc.cut(l + 1, n), m = t.doc.cut(n, a - 1), h = t.schema.nodes.blockContainer.createAndFill(), p = a + 1, f = p + 2;
+        return o && (t.tr.insert(p, h), t.tr.replace(
+          f,
+          f + 1,
+          m.content.size > 0 ? new L(
+            P.from(m),
             d + 2,
             d + 2
           ) : void 0
         ), e && t.tr.setBlockType(
-          m,
-          m,
+          f,
+          f,
           t.schema.node(s).type,
           i.attrs
         ), t.tr.setSelection(
-          new ot(t.doc.resolve(m))
+          new it(t.doc.resolve(f))
         ), t.tr.replace(
           l + 1,
           a - 1,
-          c.content.size > 0 ? new x(
-            _.from(c),
+          c.content.size > 0 ? new L(
+            P.from(c),
             d + 2,
             d + 2
           ) : void 0
@@ -1287,7 +867,7 @@ const st = new S("previous-blocks"), Ne = {
     };
   },
   addProseMirrorPlugins() {
-    return [Le()];
+    return [ze(), Fe()];
   },
   addKeyboardShortcuts() {
     return {
@@ -1298,7 +878,7 @@ const st = new S("previous-blocks"), Ne = {
         () => t.undoInputRule(),
         // Reverts block content type to a paragraph if the selection is at the start of the block.
         () => t.command(({ state: o }) => {
-          const { contentType: r } = k(
+          const { contentType: r } = b(
             o.doc,
             o.selection.from
           ), i = o.selection.$anchor.parentOffset === 0, s = r.name === "paragraph";
@@ -1312,7 +892,7 @@ const st = new S("previous-blocks"), Ne = {
         // Merges block with the previous one if it isn't indented, isn't the first block in the doc, and the selection
         // is at the start of the block.
         () => t.command(({ state: o }) => {
-          const { depth: r, startPos: i } = k(
+          const { depth: r, startPos: i } = b(
             o.doc,
             o.selection.from
           ), s = o.selection.$anchor.parentOffset === 0, l = o.selection.anchor === o.selection.head, a = i === 2, d = i - 1;
@@ -1323,7 +903,7 @@ const st = new S("previous-blocks"), Ne = {
         // Removes a level of nesting if the block is empty & indented, while the selection is also empty & at the start
         // of the block.
         () => t.command(({ state: o }) => {
-          const { node: r, depth: i } = k(
+          const { node: r, depth: i } = b(
             o.doc,
             o.selection.from
           ), s = o.selection.$anchor.parentOffset === 0, l = o.selection.anchor === o.selection.head, a = r.textContent.length === 0, d = i > 2;
@@ -1332,20 +912,20 @@ const st = new S("previous-blocks"), Ne = {
         // Creates a new block and moves the selection to it if the current one is empty, while the selection is also
         // empty & at the start of the block.
         () => t.command(({ state: o, chain: r }) => {
-          const { node: i, endPos: s } = k(
+          const { node: i, endPos: s } = b(
             o.doc,
             o.selection.from
           ), l = o.selection.$anchor.parentOffset === 0, a = o.selection.anchor === o.selection.head, d = i.textContent.length === 0;
           if (l && a && d) {
-            const c = s + 1, h = c + 2;
-            return r().BNCreateBlock(c).setTextSelection(h).run(), !0;
+            const c = s + 1, m = c + 2;
+            return r().BNCreateBlock(c).setTextSelection(m).run(), !0;
           }
           return !1;
         }),
         // Splits the current block, moving content inside that's after the cursor to a new text block below. Also
         // deletes the selection beforehand, if it's not empty.
         () => t.command(({ state: o, chain: r }) => {
-          const { node: i } = k(
+          const { node: i } = b(
             o.doc,
             o.selection.from
           );
@@ -1358,36 +938,10 @@ const st = new S("previous-blocks"), Ne = {
       "Shift-Tab": () => (this.editor.commands.liftListItem("blockContainer"), !0),
       "Mod-Alt-0": () => this.editor.commands.BNCreateBlock(
         this.editor.state.selection.anchor + 2
-      ),
-      "Mod-Alt-1": () => this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
-        type: "heading",
-        props: {
-          level: "1"
-        }
-      }),
-      "Mod-Alt-2": () => this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
-        type: "heading",
-        props: {
-          level: "2"
-        }
-      }),
-      "Mod-Alt-3": () => this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
-        type: "heading",
-        props: {
-          level: "3"
-        }
-      }),
-      "Mod-Shift-7": () => this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
-        type: "bulletListItem",
-        props: {}
-      }),
-      "Mod-Shift-8": () => this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
-        type: "numberedListItem",
-        props: {}
-      })
+      )
     };
   }
-}), De = U.create({
+}), $e = G.create({
   name: "blockGroup",
   group: "blockGroup",
   content: "blockContainer+",
@@ -1404,11 +958,11 @@ const st = new S("previous-blocks"), Ne = {
     const e = ((t = this.options.domAttributes) == null ? void 0 : t.blockGroup) || {};
     return [
       "div",
-      A(
+      N(
         {
           ...e,
-          class: v(
-            y.blockGroup,
+          class: S(
+            g.blockGroup,
             e.class
           ),
           "data-node-type": "blockGroup"
@@ -1418,13 +972,13 @@ const st = new S("previous-blocks"), Ne = {
       0
     ];
   }
-}), Re = U.create({
+}), Ge = G.create({
   name: "doc",
   topNode: !0,
   content: "blockGroup"
-}), Ve = (n) => {
-  const e = W.fromSchema(n);
-  return new W(
+}), je = (n) => {
+  const e = Y.fromSchema(n);
+  return new Y(
     {
       ...e.nodes
       // TODO: If a serializer is defined in the config for a custom block, it
@@ -1434,18 +988,18 @@ const st = new S("previous-blocks"), Ne = {
     },
     e.marks
   );
-}, ze = T.create({
+}, qe = A.create({
   addProseMirrorPlugins() {
     return [
-      new w({
+      new T({
         props: {
-          clipboardSerializer: Ve(this.editor.schema)
+          clipboardSerializer: je(this.editor.schema)
         }
       })
     ];
   }
 });
-class G {
+class U {
   constructor() {
     // eslint-disable-next-line @typescript-eslint/ban-types
     u(this, "callbacks", {});
@@ -1465,10 +1019,10 @@ class G {
     this.callbacks = {};
   }
 }
-const Ue = zt(
+const Xe = ee(
   (n) => n.type.name === "blockContainer"
 );
-class Fe {
+class Ke {
   constructor(e, t, o = () => {
   }) {
     u(this, "suggestionsMenuState");
@@ -1483,7 +1037,7 @@ class Fe {
         this.suggestionsMenuState.referencePos = t.getBoundingClientRect(), this.updateSuggestionsMenu();
       }
     });
-    this.editor = e, this.pluginKey = t, this.pluginState = Y(), this.updateSuggestionsMenu = () => {
+    this.editor = e, this.pluginKey = t, this.pluginState = J(), this.updateSuggestionsMenu = () => {
       if (!this.suggestionsMenuState)
         throw new Error("Attempting to update uninitialized suggestions menu");
       o(this.suggestionsMenuState);
@@ -1511,7 +1065,7 @@ class Fe {
     document.removeEventListener("scroll", this.handleScroll);
   }
 }
-function Y() {
+function J() {
   return {
     active: !1,
     triggerCharacter: void 0,
@@ -1522,7 +1076,7 @@ function Y() {
     decorationId: void 0
   };
 }
-const Ge = (n, e, t, o, r = () => [], i = () => {
+const Ye = (n, e, t, o, r = () => [], i = () => {
 }) => {
   if (o.length !== 1)
     throw new Error("'char' should be a single character");
@@ -1531,9 +1085,9 @@ const Ge = (n, e, t, o, r = () => [], i = () => {
     a.dispatch(a.state.tr.setMeta(t, { deactivate: !0 }));
   };
   return {
-    plugin: new w({
+    plugin: new T({
       key: t,
-      view: () => (s = new Fe(
+      view: () => (s = new Ke(
         n,
         t,
         e
@@ -1541,18 +1095,18 @@ const Ge = (n, e, t, o, r = () => [], i = () => {
       state: {
         // Initialize the plugin's internal state.
         init() {
-          return Y();
+          return J();
         },
         // Apply changes to the plugin state from an editor transaction.
-        apply(a, d, c, h) {
-          var f, m, g, b;
+        apply(a, d, c, m) {
+          var p, f, k, v;
           if (a.getMeta("orderedListIndexing") !== void 0)
             return d;
-          if ((f = a.getMeta(t)) != null && f.activate)
+          if ((p = a.getMeta(t)) != null && p.activate)
             return {
               active: !0,
-              triggerCharacter: ((m = a.getMeta(t)) == null ? void 0 : m.triggerCharacter) || "",
-              queryStartPos: h.selection.from,
+              triggerCharacter: ((f = a.getMeta(t)) == null ? void 0 : f.triggerCharacter) || "",
+              queryStartPos: m.selection.from,
               items: r(""),
               keyboardHoveredItemIndex: 0,
               // TODO: Maybe should be 1 if the menu has no possible items? Probably redundant since a menu with no items
@@ -1562,30 +1116,30 @@ const Ge = (n, e, t, o, r = () => [], i = () => {
             };
           if (!d.active)
             return d;
-          const p = { ...d };
-          if (p.items = r(
-            h.doc.textBetween(
+          const h = { ...d };
+          if (h.items = r(
+            m.doc.textBetween(
               d.queryStartPos,
-              h.selection.from
+              m.selection.from
             )
-          ), p.notFoundCount = 0, p.items.length === 0 && (p.notFoundCount = Math.max(
+          ), h.notFoundCount = 0, h.items.length === 0 && (h.notFoundCount = Math.max(
             0,
-            d.notFoundCount + (h.selection.from - c.selection.from)
+            d.notFoundCount + (m.selection.from - c.selection.from)
           )), // Highlighting text should hide the menu.
-          h.selection.from !== h.selection.to || // Transactions with plugin metadata {deactivate: true} should hide the menu.
-          (g = a.getMeta(t)) != null && g.deactivate || // Certain mouse events should hide the menu.
+          m.selection.from !== m.selection.to || // Transactions with plugin metadata {deactivate: true} should hide the menu.
+          (k = a.getMeta(t)) != null && k.deactivate || // Certain mouse events should hide the menu.
           // TODO: Change to global mousedown listener.
           a.getMeta("focus") || a.getMeta("blur") || a.getMeta("pointer") || // Moving the caret before the character which triggered the menu should hide it.
-          d.active && h.selection.from < d.queryStartPos || // Entering more than 3 characters, after the last query that matched with at least 1 menu item, should hide
+          d.active && m.selection.from < d.queryStartPos || // Entering more than 3 characters, after the last query that matched with at least 1 menu item, should hide
           // the menu.
-          p.notFoundCount > 3)
-            return Y();
-          if (((b = a.getMeta(t)) == null ? void 0 : b.selectedItemIndexChanged) !== void 0) {
-            let C = a.getMeta(t).selectedItemIndexChanged;
-            C < 0 ? C = d.items.length - 1 : C >= d.items.length && (C = 0), p.keyboardHoveredItemIndex = C;
+          h.notFoundCount > 3)
+            return J();
+          if (((v = a.getMeta(t)) == null ? void 0 : v.selectedItemIndexChanged) !== void 0) {
+            let w = a.getMeta(t).selectedItemIndexChanged;
+            w < 0 ? w = d.items.length - 1 : w >= d.items.length && (w = 0), h.keyboardHoveredItemIndex = w;
           } else
-            c.selection.from !== h.selection.from && (p.keyboardHoveredItemIndex = 0);
-          return p;
+            c.selection.from !== m.selection.from && (h.keyboardHoveredItemIndex = 0);
+          return h;
         }
       },
       props: {
@@ -1601,39 +1155,39 @@ const Ge = (n, e, t, o, r = () => [], i = () => {
           if (!c)
             return !1;
           const {
-            triggerCharacter: h,
-            queryStartPos: p,
-            items: f,
-            keyboardHoveredItemIndex: m
+            triggerCharacter: m,
+            queryStartPos: h,
+            items: p,
+            keyboardHoveredItemIndex: f
           } = t.getState(a.state);
           return d.key === "ArrowUp" ? (a.dispatch(
             a.state.tr.setMeta(t, {
-              selectedItemIndexChanged: m - 1
+              selectedItemIndexChanged: f - 1
             })
           ), !0) : d.key === "ArrowDown" ? (a.dispatch(
             a.state.tr.setMeta(t, {
-              selectedItemIndexChanged: m + 1
+              selectedItemIndexChanged: f + 1
             })
           ), !0) : d.key === "Enter" ? (l(a), n._tiptapEditor.chain().focus().deleteRange({
-            from: p - h.length,
+            from: h - m.length,
             to: n._tiptapEditor.state.selection.from
           }).run(), i({
-            item: f[m],
+            item: p[f],
             editor: n
           }), !0) : d.key === "Escape" ? (l(a), !0) : !1;
         },
         // Setup decorator on the currently active suggestion.
         decorations(a) {
-          const { active: d, decorationId: c, queryStartPos: h, triggerCharacter: p } = this.getState(a);
+          const { active: d, decorationId: c, queryStartPos: m, triggerCharacter: h } = this.getState(a);
           if (!d)
             return null;
-          if (p === "") {
-            const f = Ue(a.selection);
-            if (f)
-              return z.create(a.doc, [
-                V.node(
-                  f.pos,
-                  f.pos + f.node.nodeSize,
+          if (h === "") {
+            const p = Xe(a.selection);
+            if (p)
+              return $.create(a.doc, [
+                W.node(
+                  p.pos,
+                  p.pos + p.node.nodeSize,
                   {
                     nodeName: "span",
                     class: "suggestion-decorator",
@@ -1642,10 +1196,10 @@ const Ge = (n, e, t, o, r = () => [], i = () => {
                 )
               ]);
           }
-          return z.create(a.doc, [
-            V.inline(
-              h - p.length,
-              h,
+          return $.create(a.doc, [
+            W.inline(
+              m - h.length,
+              m,
               {
                 nodeName: "span",
                 class: "suggestion-decorator",
@@ -1666,18 +1220,18 @@ const Ge = (n, e, t, o, r = () => [], i = () => {
       });
     }
   };
-}, X = new S("SlashMenuPlugin");
-class $e extends G {
+}, tt = new B("SlashMenuPlugin");
+class Je extends U {
   constructor(t, o) {
     super();
     u(this, "plugin");
     u(this, "itemCallback");
-    const r = Ge(
+    const r = Ye(
       t,
       (i) => {
         this.emit("update", i);
       },
-      X,
+      tt,
       "/",
       (i) => o.filter(
         ({ name: s, aliases: l }) => s.toLowerCase().startsWith(i.toLowerCase()) || l && l.filter(
@@ -1692,7 +1246,7 @@ class $e extends G {
     return this.on("update", t);
   }
 }
-const je = new S("blocknote-placeholder"), qe = T.create({
+const Ze = new B("blocknote-placeholder"), Qe = A.create({
   name: "placeholder",
   addOptions() {
     return {
@@ -1708,30 +1262,30 @@ const je = new S("blocknote-placeholder"), qe = T.create({
   },
   addProseMirrorPlugins() {
     return [
-      new w({
-        key: je,
+      new T({
+        key: Ze,
         props: {
           decorations: (n) => {
-            const { doc: e, selection: t } = n, o = X.getState(n), r = this.editor.isEditable || !this.options.showOnlyWhenEditable, { anchor: i } = t, s = [];
+            const { doc: e, selection: t } = n, o = tt.getState(n), r = this.editor.isEditable || !this.options.showOnlyWhenEditable, { anchor: i } = t, s = [];
             if (r)
               return e.descendants((l, a) => {
                 const d = i >= a && i <= a + l.nodeSize, c = !l.isLeaf && !l.childCount;
                 if ((d || !this.options.showOnlyCurrent) && c) {
-                  const h = [this.options.emptyNodeClass];
-                  this.editor.isEmpty && h.push(this.options.emptyEditorClass), d && h.push(this.options.hasAnchorClass), (o == null ? void 0 : o.triggerCharacter) === "" && (o != null && o.active) && h.push(this.options.isFilterClass);
-                  const p = V.node(a, a + l.nodeSize, {
-                    class: h.join(" ")
+                  const m = [this.options.emptyNodeClass];
+                  this.editor.isEmpty && m.push(this.options.emptyEditorClass), d && m.push(this.options.hasAnchorClass), (o == null ? void 0 : o.triggerCharacter) === "" && (o != null && o.active) && m.push(this.options.isFilterClass);
+                  const h = W.node(a, a + l.nodeSize, {
+                    class: m.join(" ")
                   });
-                  s.push(p);
+                  s.push(h);
                 }
                 return this.options.includeChildren;
-              }), z.create(e, s);
+              }), $.create(e, s);
           }
         }
       })
     ];
   }
-}), We = T.create({
+}), to = A.create({
   name: "textAlignment",
   addGlobalAttributes() {
     return [
@@ -1754,7 +1308,7 @@ const je = new S("blocknote-placeholder"), qe = T.create({
   addCommands() {
     return {
       setTextAlignment: (n) => ({ state: e }) => {
-        const t = [], o = k(
+        const t = [], o = b(
           e.doc,
           e.selection.from
         );
@@ -1769,7 +1323,7 @@ const je = new S("blocknote-placeholder"), qe = T.create({
       }
     };
   }
-}), Ye = T.create({
+}), eo = A.create({
   name: "blockTextColor",
   addGlobalAttributes() {
     return [
@@ -1777,9 +1331,9 @@ const je = new S("blocknote-placeholder"), qe = T.create({
         types: ["blockContainer"],
         attributes: {
           textColor: {
-            default: "default",
-            parseHTML: (n) => n.hasAttribute("data-text-color") ? n.getAttribute("data-text-color") : "default",
-            renderHTML: (n) => n.textColor !== "default" && {
+            default: C.textColor.default,
+            parseHTML: (n) => n.hasAttribute("data-text-color") ? n.getAttribute("data-text-color") : C.textColor.default,
+            renderHTML: (n) => n.textColor !== C.textColor.default && {
               "data-text-color": n.textColor
             }
           }
@@ -1790,12 +1344,12 @@ const je = new S("blocknote-placeholder"), qe = T.create({
   addCommands() {
     return {
       setBlockTextColor: (n, e) => ({ state: t, view: o }) => {
-        const r = k(t.doc, n);
+        const r = b(t.doc, n);
         return r === void 0 ? !1 : (t.tr.setNodeAttribute(r.startPos - 1, "textColor", e), o.focus(), !0);
       }
     };
   }
-}), Ke = lt.create({
+}), oo = ht.create({
   name: "textColor",
   addAttributes() {
     return {
@@ -1821,15 +1375,15 @@ const je = new S("blocknote-placeholder"), qe = T.create({
   },
   addCommands() {
     return {
-      setTextColor: (n) => ({ commands: e }) => n !== "default" ? e.setMark(this.name, { color: n }) : e.unsetMark(this.name)
+      setTextColor: (n) => ({ commands: e }) => n !== C.textColor.default ? e.setMark(this.name, { color: n }) : e.unsetMark(this.name)
     };
   }
-}), Je = T.create({
+}), no = A.create({
   name: "trailingNode",
   addProseMirrorPlugins() {
-    const n = new S(this.name);
+    const n = new B(this.name);
     return [
-      new w({
+      new T({
         key: n,
         appendTransaction: (e, t, o) => {
           const { doc: r, tr: i, schema: s } = o, l = n.getState(o), a = r.content.size - 2, d = s.nodes.blockContainer, c = s.nodes.paragraph;
@@ -1839,278 +1393,994 @@ const je = new S("blocknote-placeholder"), qe = T.create({
               d.create(void 0, c.create())
             );
         },
-        state: {
-          init: (e, t) => {
-          },
-          apply: (e, t) => {
-            if (!e.docChanged)
-              return t;
-            let o = e.doc.lastChild;
-            if (!o || o.type.name !== "blockGroup")
-              throw new Error("Expected blockGroup");
-            if (o = o.lastChild, !o || o.type.name !== "blockContainer")
-              throw new Error("Expected blockContainer");
-            return o.nodeSize > 4;
-          }
-        }
-      })
+        state: {
+          init: (e, t) => {
+          },
+          apply: (e, t) => {
+            if (!e.docChanged)
+              return t;
+            let o = e.doc.lastChild;
+            if (!o || o.type.name !== "blockGroup")
+              throw new Error("Expected blockGroup");
+            if (o = o.lastChild, !o || o.type.name !== "blockContainer")
+              throw new Error("Expected blockContainer");
+            const r = o.firstChild;
+            if (!r)
+              throw new Error("Expected blockContent");
+            return o.nodeSize > 4 || r.type.spec.content !== "inline*";
+          }
+        }
+      })
+    ];
+  }
+}), ro = (n) => {
+  var t;
+  const e = [
+    R.ClipboardTextSerializer,
+    R.Commands,
+    R.Editable,
+    R.FocusEvents,
+    R.Tabindex,
+    // DevTools,
+    ce,
+    // DropCursor,
+    Qe.configure({
+      emptyNodeClass: g.isEmpty,
+      hasAnchorClass: g.hasAnchor,
+      isFilterClass: g.isFilter,
+      includeChildren: !0,
+      showOnlyCurrent: !1
+    }),
+    j.configure({
+      types: ["blockContainer"]
+    }),
+    ue,
+    // Comments,
+    // basics:
+    ge,
+    // marks:
+    ie,
+    se,
+    he,
+    fe,
+    ke,
+    me,
+    oo,
+    eo,
+    _e,
+    Ae,
+    to,
+    // nodes
+    Ge,
+    We.configure({
+      domAttributes: n.domAttributes
+    }),
+    $e.configure({
+      domAttributes: n.domAttributes
+    }),
+    ...Object.values(n.blockSchema).map(
+      (o) => o.node.configure({
+        editor: n.editor,
+        domAttributes: n.domAttributes
+      })
+    ),
+    qe,
+    de.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
+    no
+  ];
+  if (n.collaboration) {
+    if (e.push(
+      ae.configure({
+        fragment: n.collaboration.fragment
+      })
+    ), (t = n.collaboration.provider) != null && t.awareness) {
+      const o = (r) => {
+        const i = document.createElement("span");
+        i.classList.add(D["collaboration-cursor__caret"]), i.setAttribute("style", `border-color: ${r.color}`);
+        const s = document.createElement("span");
+        s.classList.add(D["collaboration-cursor__label"]), s.setAttribute("style", `background-color: ${r.color}`), s.insertBefore(document.createTextNode(r.name), null);
+        const l = document.createTextNode("⁠"), a = document.createTextNode("⁠");
+        return i.insertBefore(l, null), i.insertBefore(s, null), i.insertBefore(a, null), i;
+      };
+      e.push(
+        le.configure({
+          user: n.collaboration.user,
+          render: n.collaboration.renderCursor || o,
+          provider: n.collaboration.provider
+        })
+      );
+    }
+  } else
+    e.push(pe);
+  return e;
+};
+function et(n, e) {
+  let t, o;
+  if (e.firstChild.descendants((r, i) => t ? !1 : r.type.name !== "blockContainer" || r.attrs.id !== n ? !0 : (t = r, o = i + 1, !1)), t === void 0 || o === void 0)
+    throw Error("Could not find block in the editor with matching ID.");
+  return {
+    node: t,
+    posBeforeNode: o
+  };
+}
+function Ut(n, e, t = "before", o) {
+  const r = typeof e == "string" ? e : e.id, i = [];
+  for (const d of n)
+    i.push(V(d, o.schema));
+  let s = -1;
+  const { node: l, posBeforeNode: a } = et(r, o.state.doc);
+  if (t === "before" && (s = a), t === "after" && (s = a + l.nodeSize), t === "nested") {
+    if (l.childCount < 2) {
+      s = a + l.firstChild.nodeSize + 1;
+      const d = o.state.schema.nodes.blockGroup.create(
+        {},
+        i
+      );
+      o.view.dispatch(
+        o.state.tr.insert(s, d)
+      );
+      return;
+    }
+    s = a + l.firstChild.nodeSize + 2;
+  }
+  o.view.dispatch(o.state.tr.insert(s, i));
+}
+function io(n, e, t) {
+  const o = typeof n == "string" ? n : n.id, { posBeforeNode: r } = et(o, t.state.doc);
+  t.commands.BNUpdateBlock(r + 1, e);
+}
+function Ft(n, e) {
+  const t = new Set(
+    n.map(
+      (r) => typeof r == "string" ? r : r.id
+    )
+  );
+  let o = 0;
+  if (e.state.doc.descendants((r, i) => {
+    if (t.size === 0)
+      return !1;
+    if (r.type.name !== "blockContainer" || !t.has(r.attrs.id))
+      return !0;
+    t.delete(r.attrs.id);
+    const s = e.state.doc.nodeSize;
+    e.commands.BNDeleteBlock(i - o + 1);
+    const l = e.state.doc.nodeSize;
+    return o += s - l, !1;
+  }), t.size > 0) {
+    const r = [...t].join(`
+`);
+    throw Error(
+      "Blocks with the following IDs could not be found in the editor: " + r
+    );
+  }
+}
+function so(n, e, t) {
+  Ut(e, n[0], "before", t), Ft(n, t);
+}
+function ao() {
+  const n = (e) => {
+    let t = e.children.length;
+    for (let o = 0; o < t; o++) {
+      const r = e.children[o];
+      if (r.type === "element" && (n(r), r.tagName === "u"))
+        if (r.children.length > 0) {
+          e.children.splice(o, 1, ...r.children);
+          const i = r.children.length - 1;
+          t += i, o += i;
+        } else
+          e.children.splice(o, 1), t--, o--;
+    }
+  };
+  return n;
+}
+function lo(n) {
+  const e = /* @__PURE__ */ new Set([
+    ...n.orderedListItemBlockTypes,
+    ...n.unorderedListItemBlockTypes
+  ]), t = (o) => {
+    let r = o.children.length, i;
+    for (let s = 0; s < r; s++) {
+      const a = o.children[s].children[0], d = a.children[0], c = a.children.length === 2 ? a.children[1] : null, m = e.has(
+        d.properties.dataContentType
+      ), h = m ? n.orderedListItemBlockTypes.has(
+        d.properties.dataContentType
+      ) ? "ol" : "ul" : null;
+      if (c !== null && t(c), i && i.tagName !== h) {
+        o.children.splice(
+          s - i.children.length,
+          i.children.length,
+          i
+        );
+        const p = i.children.length - 1;
+        s -= p, r -= p, i = void 0;
+      }
+      if (m) {
+        i || (i = st(
+          document.createElement(h)
+        ));
+        const p = st(
+          document.createElement("li")
+        );
+        p.children.push(d.children[0]), c !== null && p.children.push(...c.children), i.children.push(p);
+      } else if (c !== null) {
+        o.children.splice(s + 1, 0, ...c.children), o.children[s] = d.children[0];
+        const p = c.children.length;
+        s += p, r += p;
+      } else
+        o.children[s] = d.children[0];
+    }
+    i && o.children.splice(
+      r - i.children.length,
+      i.children.length,
+      i
+    );
+  };
+  return t;
+}
+async function Wt(n, e) {
+  const t = document.createElement("div"), o = Y.fromSchema(e);
+  for (const i of n) {
+    const s = V(i, e), l = o.serializeNode(s);
+    t.appendChild(l);
+  }
+  return (await Q().use(ft, { fragment: !0 }).use(lo, {
+    orderedListItemBlockTypes: /* @__PURE__ */ new Set(["numberedListItem"]),
+    unorderedListItemBlockTypes: /* @__PURE__ */ new Set(["bulletListItem"])
+  }).use(gt).process(t.innerHTML)).value;
+}
+async function $t(n, e, t) {
+  const o = document.createElement("div");
+  o.innerHTML = n.trim();
+  const i = be.fromSchema(t).parse(o), s = [];
+  for (let l = 0; l < i.firstChild.childCount; l++)
+    s.push(x(i.firstChild.child(l), e));
+  return s;
+}
+async function co(n, e) {
+  return (await Q().use(ft, { fragment: !0 }).use(ao).use(we).use(kt).use(Te).process(await Wt(n, e))).value;
+}
+function uo(n, e) {
+  const t = e.value ? e.value + `
+` : "", o = {};
+  e.lang && (o["data-language"] = e.lang);
+  let r = {
+    type: "element",
+    tagName: "code",
+    properties: o,
+    children: [{ type: "text", value: t }]
+  };
+  return e.meta && (r.data = { meta: e.meta }), n.patch(e, r), r = n.applyData(e, r), r = {
+    type: "element",
+    tagName: "pre",
+    properties: {},
+    children: [r]
+  }, n.patch(e, r), r;
+}
+async function po(n, e, t) {
+  const o = await Q().use(Ce).use(kt).use(Ee, {
+    handlers: {
+      ...Se,
+      code: uo
+    }
+  }).use(gt).process(n);
+  return $t(o.value, e, t);
+}
+function dt(n) {
+  return "data-" + n.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+}
+function ho(n) {
+  const e = {};
+  return Object.entries(n.propSchema).forEach(([t, o]) => {
+    e[t] = {
+      default: o.default,
+      keepOnSplit: !0,
+      // Props are displayed in kebab-case as HTML attributes. If a prop's
+      // value is the same as its default, we don't display an HTML
+      // attribute for it.
+      parseHTML: (r) => r.getAttribute(dt(t)),
+      renderHTML: (r) => r[t] !== o.default ? {
+        [dt(t)]: r[t]
+      } : {}
+    };
+  }), e;
+}
+function mo(n) {
+  return [
+    {
+      tag: "div[data-content-type=" + n.type + "]"
+    }
+  ];
+}
+function fo(n, e) {
+  const t = document.createElement("div");
+  t.setAttribute("data-content-type", n.type);
+  for (const [r, i] of Object.entries(e))
+    t.setAttribute(r, i);
+  let o;
+  return n.containsInlineContent ? (o = document.createElement("div"), t.appendChild(o)) : o = void 0, o !== void 0 ? {
+    dom: t,
+    contentDOM: o
+  } : {
+    dom: t
+  };
+}
+function go(n) {
+  return {
+    node: F({
+      name: n.type,
+      content: n.containsInlineContent ? "inline*" : "",
+      selectable: !0,
+      addAttributes() {
+        return ho(n);
+      },
+      parseHTML() {
+        return mo(n);
+      },
+      renderHTML({ HTMLAttributes: t }) {
+        return fo(n, t);
+      },
+      addNodeView() {
+        return ({ HTMLAttributes: t, getPos: o }) => {
+          var p, f;
+          const r = document.createElement("div"), i = ((p = this.options.domAttributes) == null ? void 0 : p.blockContent) || {};
+          for (const [k, v] of Object.entries(
+            i
+          ))
+            k !== "class" && r.setAttribute(k, v);
+          r.className = S(
+            g.blockContent,
+            i.class
+          ), r.setAttribute("data-content-type", n.type);
+          for (const [k, v] of Object.entries(t))
+            r.setAttribute(k, v);
+          const s = this.options.editor;
+          if (typeof o == "boolean")
+            throw new Error(
+              "Cannot find node position as getPos is a boolean, not a function."
+            );
+          const l = o(), c = s._tiptapEditor.state.doc.resolve(l).node().attrs.id, m = s.getBlock(c);
+          if (m.type !== n.type)
+            throw new Error("Block type does not match");
+          const h = n.render(m, s);
+          if (n.containsInlineContent) {
+            const k = h.contentDOM, v = ((f = this.options.domAttributes) == null ? void 0 : f.inlineContent) || {};
+            for (const [w, E] of Object.entries(
+              v
+            ))
+              w !== "class" && k.setAttribute(w, E);
+            k.className = S(
+              k.className,
+              g.inlineContent,
+              v.class
+            );
+          }
+          return r.appendChild(h.dom), "contentDOM" in h ? {
+            dom: r,
+            contentDOM: h.contentDOM,
+            destroy: h.destroy
+          } : {
+            dom: r,
+            destroy: h.destroy
+          };
+        };
+      }
+    }),
+    propSchema: n.propSchema
+  };
+}
+function F(n) {
+  return G.create({
+    ...n,
+    group: "blockContent",
+    content: n.content
+  });
+}
+const ko = {
+  ...C,
+  level: { default: 1, values: [1, 2, 3] }
+}, bo = F({
+  name: "heading",
+  content: "inline*",
+  addAttributes() {
+    return {
+      level: {
+        default: 1,
+        // instead of "level" attributes, use "data-level"
+        parseHTML: (n) => n.getAttribute("data-level"),
+        renderHTML: (n) => ({
+          "data-level": n.level.toString()
+        })
+      }
+    };
+  },
+  addInputRules() {
+    return [
+      ...[1, 2, 3].map((n) => new Z({
+        find: new RegExp(`^(#{${n}})\\s$`),
+        handler: ({ state: e, chain: t, range: o }) => {
+          t().BNUpdateBlock(e.selection.from, {
+            type: "heading",
+            props: {
+              level: n
+            }
+          }).deleteRange({ from: o.from, to: o.to });
+        }
+      }))
+    ];
+  },
+  addKeyboardShortcuts() {
+    return {
+      "Mod-Alt-1": () => this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
+        type: "heading",
+        props: {
+          level: 1
+        }
+      }),
+      "Mod-Alt-2": () => this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
+        type: "heading",
+        props: {
+          level: 2
+        }
+      }),
+      "Mod-Alt-3": () => this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
+        type: "heading",
+        props: {
+          level: 3
+        }
+      })
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "h1",
+        attrs: { level: 1 },
+        node: "heading"
+      },
+      {
+        tag: "h2",
+        attrs: { level: 2 },
+        node: "heading"
+      },
+      {
+        tag: "h3",
+        attrs: { level: 3 },
+        node: "heading"
+      }
+    ];
+  },
+  renderHTML({ node: n, HTMLAttributes: e }) {
+    var r, i;
+    const t = ((r = this.options.domAttributes) == null ? void 0 : r.blockContent) || {}, o = ((i = this.options.domAttributes) == null ? void 0 : i.inlineContent) || {};
+    return [
+      "div",
+      N(e, {
+        ...t,
+        class: S(
+          g.blockContent,
+          t.class
+        ),
+        "data-content-type": this.name
+      }),
+      [
+        `h${n.attrs.level}`,
+        {
+          ...o,
+          class: S(
+            g.inlineContent,
+            o.class
+          )
+        },
+        0
+      ]
+    ];
+  }
+}), yo = {
+  node: bo,
+  propSchema: ko
+}, Gt = (n) => {
+  const { node: e, contentType: t } = b(
+    n.state.doc,
+    n.state.selection.from
+  ), o = n.state.selection.anchor === n.state.selection.head;
+  return !t.name.endsWith("ListItem") || !o ? !1 : n.commands.first(({ state: r, chain: i, commands: s }) => [
+    () => (
+      // Changes list item block to a text block if the content is empty.
+      s.command(() => e.textContent.length === 0 ? s.BNUpdateBlock(r.selection.from, {
+        type: "paragraph",
+        props: {}
+      }) : !1)
+    ),
+    () => (
+      // Splits the current block, moving content inside that's after the cursor to a new block of the same type
+      // below.
+      s.command(() => e.textContent.length > 0 ? (i().deleteSelection().BNSplitBlock(r.selection.from, !0).run(), !0) : !1)
+    )
+  ]);
+}, vo = {
+  ...C
+}, wo = F({
+  name: "bulletListItem",
+  content: "inline*",
+  addInputRules() {
+    return [
+      // Creates an unordered list when starting with "-", "+", or "*".
+      new Z({
+        find: new RegExp("^[-+*]\\s$"),
+        handler: ({ state: n, chain: e, range: t }) => {
+          e().BNUpdateBlock(n.selection.from, {
+            type: "bulletListItem",
+            props: {}
+          }).deleteRange({ from: t.from, to: t.to });
+        }
+      })
+    ];
+  },
+  addKeyboardShortcuts() {
+    return {
+      Enter: () => Gt(this.editor),
+      "Mod-Shift-7": () => this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
+        type: "bulletListItem",
+        props: {}
+      })
+    };
+  },
+  parseHTML() {
+    return [
+      // Case for regular HTML list structure.
+      {
+        tag: "li",
+        getAttrs: (n) => {
+          if (typeof n == "string")
+            return !1;
+          const e = n.parentElement;
+          return e === null ? !1 : e.tagName === "UL" ? {} : !1;
+        },
+        node: "bulletListItem"
+      },
+      // Case for BlockNote list structure.
+      {
+        tag: "p",
+        getAttrs: (n) => {
+          if (typeof n == "string")
+            return !1;
+          const e = n.parentElement;
+          return e === null ? !1 : e.getAttribute("data-content-type") === "bulletListItem" ? {} : !1;
+        },
+        priority: 300,
+        node: "bulletListItem"
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: n }) {
+    var o, r;
+    const e = ((o = this.options.domAttributes) == null ? void 0 : o.blockContent) || {}, t = ((r = this.options.domAttributes) == null ? void 0 : r.inlineContent) || {};
+    return [
+      "div",
+      N(n, {
+        ...e,
+        class: S(
+          g.blockContent,
+          e.class
+        ),
+        "data-content-type": this.name
+      }),
+      [
+        "p",
+        {
+          ...t,
+          class: S(
+            g.inlineContent,
+            t.class
+          )
+        },
+        0
+      ]
+    ];
+  }
+}), Co = {
+  node: wo,
+  propSchema: vo
+}, Eo = new B("numbered-list-indexing"), So = () => new T({
+  key: Eo,
+  appendTransaction: (n, e, t) => {
+    const o = t.tr;
+    o.setMeta("numberedListIndexing", !0);
+    let r = !1;
+    return t.doc.descendants((i, s) => {
+      if (i.type.name === "blockContainer" && i.firstChild.type.name === "numberedListItem") {
+        let l = "1";
+        const a = s === 1, d = b(o.doc, s + 1);
+        if (d === void 0)
+          return;
+        if (!a) {
+          const h = b(o.doc, s - 2);
+          if (h === void 0)
+            return;
+          if (!(d.depth !== h.depth)) {
+            const f = h.contentNode;
+            if (h.contentType.name === "numberedListItem") {
+              const w = f.attrs.index;
+              l = (parseInt(w) + 1).toString();
+            }
+          }
+        }
+        d.contentNode.attrs.index !== l && (r = !0, o.setNodeMarkup(s + 1, void 0, {
+          index: l
+        }));
+      }
+    }), r ? o : null;
+  }
+}), To = {
+  ...C
+}, Mo = F({
+  name: "numberedListItem",
+  content: "inline*",
+  addAttributes() {
+    return {
+      index: {
+        default: null,
+        parseHTML: (n) => n.getAttribute("data-index"),
+        renderHTML: (n) => ({
+          "data-index": n.index
+        })
+      }
+    };
+  },
+  addInputRules() {
+    return [
+      // Creates an ordered list when starting with "1.".
+      new Z({
+        find: new RegExp("^1\\.\\s$"),
+        handler: ({ state: n, chain: e, range: t }) => {
+          e().BNUpdateBlock(n.selection.from, {
+            type: "numberedListItem",
+            props: {}
+          }).deleteRange({ from: t.from, to: t.to });
+        }
+      })
+    ];
+  },
+  addKeyboardShortcuts() {
+    return {
+      Enter: () => Gt(this.editor),
+      "Mod-Shift-8": () => this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
+        type: "numberedListItem",
+        props: {}
+      })
+    };
+  },
+  addProseMirrorPlugins() {
+    return [So()];
+  },
+  parseHTML() {
+    return [
+      // Case for regular HTML list structure.
+      // (e.g.: when pasting from other apps)
+      {
+        tag: "li",
+        getAttrs: (n) => {
+          if (typeof n == "string")
+            return !1;
+          const e = n.parentElement;
+          return e === null ? !1 : e.tagName === "OL" ? {} : !1;
+        },
+        node: "numberedListItem"
+      },
+      // Case for BlockNote list structure.
+      // (e.g.: when pasting from blocknote)
+      {
+        tag: "p",
+        getAttrs: (n) => {
+          if (typeof n == "string")
+            return !1;
+          const e = n.parentElement;
+          return e === null ? !1 : e.getAttribute("data-content-type") === "numberedListItem" ? {} : !1;
+        },
+        priority: 300,
+        node: "numberedListItem"
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: n }) {
+    var o, r;
+    const e = ((o = this.options.domAttributes) == null ? void 0 : o.blockContent) || {}, t = ((r = this.options.domAttributes) == null ? void 0 : r.inlineContent) || {};
+    return [
+      "div",
+      N(n, {
+        ...e,
+        class: S(
+          g.blockContent,
+          e.class
+        ),
+        "data-content-type": this.name
+      }),
+      // we use a <p> tag, because for <li> tags we'd need to add a <ul> parent for around siblings to be semantically correct,
+      // which would be quite cumbersome
+      [
+        "p",
+        {
+          ...t,
+          class: S(
+            g.inlineContent,
+            t.class
+          )
+        },
+        0
+      ]
+    ];
+  }
+}), Bo = {
+  node: Mo,
+  propSchema: To
+}, xo = {
+  ...C
+}, Io = F({
+  name: "paragraph",
+  content: "inline*",
+  parseHTML() {
+    return [
+      {
+        tag: "p",
+        priority: 200,
+        node: "paragraph"
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: n }) {
+    var o, r;
+    const e = ((o = this.options.domAttributes) == null ? void 0 : o.blockContent) || {}, t = ((r = this.options.domAttributes) == null ? void 0 : r.inlineContent) || {};
+    return [
+      "div",
+      N(
+        {
+          ...e,
+          class: S(
+            g.blockContent,
+            e.class
+          ),
+          "data-content-type": this.name
+        },
+        n
+      ),
+      [
+        "p",
+        {
+          ...t,
+          class: S(
+            g.inlineContent,
+            t.class
+          )
+        },
+        0
+      ]
     ];
   }
-}), Xe = (n) => {
-  var t;
-  const e = [
-    L.ClipboardTextSerializer,
-    L.Commands,
-    L.Editable,
-    L.FocusEvents,
-    L.Tabindex,
-    // DevTools,
-    Kt,
-    // DropCursor,
-    qe.configure({
-      emptyNodeClass: y.isEmpty,
-      hasAnchorClass: y.hasAnchor,
-      isFilterClass: y.isFilter,
-      includeChildren: !0,
-      showOnlyCurrent: !1
-    }),
-    F.configure({
-      types: ["blockContainer"]
-    }),
-    Jt,
-    // Comments,
-    // basics:
-    ee,
-    // marks:
-    $t,
-    jt,
-    Zt,
-    te,
-    oe,
-    Qt,
-    Ke,
-    Ye,
-    ge,
-    ke,
-    We,
-    // nodes
-    Re,
-    Oe.configure({
-      domAttributes: n.domAttributes
-    }),
-    De.configure({
-      domAttributes: n.domAttributes
-    }),
-    ...Object.values(n.blockSchema).map(
-      (o) => o.node.configure({
-        editor: n.editor,
-        domAttributes: n.domAttributes
-      })
-    ),
-    ze,
-    Yt.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
-    Je
-  ];
-  if (n.collaboration) {
-    if (e.push(
-      qt.configure({
-        fragment: n.collaboration.fragment
-      })
-    ), (t = n.collaboration.provider) != null && t.awareness) {
-      const o = (r) => {
-        const i = document.createElement("span");
-        i.classList.add(H["collaboration-cursor__caret"]), i.setAttribute("style", `border-color: ${r.color}`);
-        const s = document.createElement("span");
-        s.classList.add(H["collaboration-cursor__label"]), s.setAttribute("style", `background-color: ${r.color}`), s.insertBefore(document.createTextNode(r.name), null);
-        const l = document.createTextNode("⁠"), a = document.createTextNode("⁠");
-        return i.insertBefore(l, null), i.insertBefore(s, null), i.insertBefore(a, null), i;
-      };
-      e.push(
-        Wt.configure({
-          user: n.collaboration.user,
-          render: n.collaboration.renderCursor || o,
-          provider: n.collaboration.provider
-        })
-      );
-    }
-  } else
-    e.push(Xt);
-  return e;
+}), Ao = {
+  node: Io,
+  propSchema: xo
 };
-function Z(n, e) {
-  let t, o;
-  if (e.firstChild.descendants((r, i) => t ? !1 : r.type.name !== "blockContainer" || r.attrs.id !== n ? !0 : (t = r, o = i + 1, !1)), t === void 0 || o === void 0)
-    throw Error("Could not find block in the editor with matching ID.");
-  return {
-    node: t,
-    posBeforeNode: o
-  };
-}
-function xt(n, e, t = "before", o) {
-  const r = typeof e == "string" ? e : e.id, i = [];
-  for (const d of n)
-    i.push(D(d, o.schema));
-  let s = -1;
-  const { node: l, posBeforeNode: a } = Z(r, o.state.doc);
-  if (t === "before" && (s = a), t === "after" && (s = a + l.nodeSize), t === "nested") {
-    if (l.childCount < 2) {
-      s = a + l.firstChild.nodeSize + 1;
-      const d = o.state.schema.nodes.blockGroup.create(
-        {},
-        i
-      );
-      o.view.dispatch(
-        o.state.tr.insert(s, d)
+class _o {
+  constructor(e, t, o) {
+    u(this, "imageToolbarState");
+    u(this, "updateImageToolbar");
+    u(this, "prevWasEditable", null);
+    u(this, "shouldShow", (e) => "node" in e.selection && e.selection.node.type.name === "image" && e.selection.node.attrs.src === "");
+    u(this, "mouseDownHandler", () => {
+      var e;
+      (e = this.imageToolbarState) != null && e.show && (this.imageToolbarState.show = !1, this.updateImageToolbar());
+    });
+    // For dragging the whole editor.
+    u(this, "dragstartHandler", () => {
+      var e;
+      (e = this.imageToolbarState) != null && e.show && (this.imageToolbarState.show = !1, this.updateImageToolbar());
+    });
+    u(this, "blurHandler", (e) => {
+      var o;
+      const t = this.pmView.dom.parentElement;
+      // An element is clicked.
+      e && e.relatedTarget && // Element is inside the editor.
+      (t === e.relatedTarget || t.contains(e.relatedTarget)) || (o = this.imageToolbarState) != null && o.show && (this.imageToolbarState.show = !1, this.updateImageToolbar());
+    });
+    u(this, "scrollHandler", () => {
+      var e;
+      if ((e = this.imageToolbarState) != null && e.show) {
+        const t = document.querySelector(
+          `[data-node-type="blockContainer"][data-id="${this.imageToolbarState.block.id}"]`
+        );
+        this.imageToolbarState.referencePos = t.getBoundingClientRect(), this.updateImageToolbar();
+      }
+    });
+    this.pluginKey = e, this.pmView = t, this.updateImageToolbar = () => {
+      if (!this.imageToolbarState)
+        throw new Error("Attempting to update uninitialized image toolbar");
+      o(this.imageToolbarState);
+    }, t.dom.addEventListener("mousedown", this.mouseDownHandler), t.dom.addEventListener("dragstart", this.dragstartHandler), t.dom.addEventListener("blur", this.blurHandler), document.addEventListener("scroll", this.scrollHandler);
+  }
+  update(e, t) {
+    var r, i;
+    const o = this.pluginKey.getState(e.state);
+    if (!((r = this.imageToolbarState) != null && r.show) && o.block) {
+      const s = document.querySelector(
+        `[data-node-type="blockContainer"][data-id="${o.block.id}"]`
       );
+      this.imageToolbarState = {
+        show: !0,
+        referencePos: s.getBoundingClientRect(),
+        block: o.block
+      }, this.updateImageToolbar();
       return;
     }
-    s = a + l.firstChild.nodeSize + 2;
+    (!e.state.selection.eq(t.selection) || !e.state.doc.eq(t.doc)) && (i = this.imageToolbarState) != null && i.show && (this.imageToolbarState.show = !1, this.updateImageToolbar());
   }
-  o.view.dispatch(o.state.tr.insert(s, i));
-}
-function Ze(n, e, t) {
-  const o = typeof n == "string" ? n : n.id, { posBeforeNode: r } = Z(o, t.state.doc);
-  t.commands.BNUpdateBlock(r + 1, e);
-}
-function At(n, e) {
-  const t = new Set(
-    n.map(
-      (r) => typeof r == "string" ? r : r.id
-    )
-  );
-  let o = 0;
-  if (e.state.doc.descendants((r, i) => {
-    if (t.size === 0)
-      return !1;
-    if (r.type.name !== "blockContainer" || !t.has(r.attrs.id))
-      return !0;
-    t.delete(r.attrs.id);
-    const s = e.state.doc.nodeSize;
-    e.commands.BNDeleteBlock(i - o + 1);
-    const l = e.state.doc.nodeSize;
-    return o += s - l, !1;
-  }), t.size > 0) {
-    const r = [...t].join(`
-`);
-    throw Error(
-      "Blocks with the following IDs could not be found in the editor: " + r
-    );
+  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);
   }
 }
-function Qe(n, e, t) {
-  xt(e, n[0], "before", t), At(n, t);
-}
-function to() {
-  const n = (e) => {
-    let t = e.children.length;
-    for (let o = 0; o < t; o++) {
-      const r = e.children[o];
-      if (r.type === "element" && (n(r), r.tagName === "u"))
-        if (r.children.length > 0) {
-          e.children.splice(o, 1, ...r.children);
-          const i = r.children.length - 1;
-          t += i, o += i;
-        } else
-          e.children.splice(o, 1), t--, o--;
-    }
-  };
-  return n;
-}
-function eo(n) {
-  const e = /* @__PURE__ */ new Set([
-    ...n.orderedListItemBlockTypes,
-    ...n.unorderedListItemBlockTypes
-  ]), t = (o) => {
-    let r = o.children.length, i;
-    for (let s = 0; s < r; s++) {
-      const a = o.children[s].children[0], d = a.children[0], c = a.children.length === 2 ? a.children[1] : null, h = e.has(
-        d.properties.dataContentType
-      ), p = h ? n.orderedListItemBlockTypes.has(
-        d.properties.dataContentType
-      ) ? "ol" : "ul" : null;
-      if (c !== null && t(c), i && i.tagName !== p) {
-        o.children.splice(
-          s - i.children.length,
-          i.children.length,
-          i
-        );
-        const f = i.children.length - 1;
-        s -= f, r -= f, i = void 0;
+const z = new B("ImageToolbarPlugin");
+class Ho extends U {
+  constructor(t) {
+    super();
+    u(this, "view");
+    u(this, "plugin");
+    this.plugin = new T({
+      key: z,
+      view: (o) => (this.view = new _o(
+        // editor,
+        z,
+        o,
+        (r) => {
+          this.emit("update", r);
+        }
+      ), this.view),
+      state: {
+        init: () => ({
+          block: void 0
+        }),
+        apply: (o) => {
+          var i;
+          return {
+            block: (i = o.getMeta(z)) == null ? void 0 : i.block
+          };
+        }
       }
-      if (h) {
-        i || (i = nt(
-          document.createElement(p)
-        ));
-        const f = nt(
-          document.createElement("li")
-        );
-        f.children.push(d.children[0]), c !== null && f.children.push(...c.children), i.children.push(f);
-      } else if (c !== null) {
-        o.children.splice(s + 1, 0, ...c.children), o.children[s] = d.children[0];
-        const f = c.children.length;
-        s += f, r += f;
-      } else
-        o.children[s] = d.children[0];
-    }
-    i && o.children.splice(
-      r - i.children.length,
-      i.children.length,
-      i
-    );
-  };
-  return t;
-}
-async function It(n, e) {
-  const t = document.createElement("div"), o = W.fromSchema(e);
-  for (const i of n) {
-    const s = D(i, e), l = o.serializeNode(s);
-    t.appendChild(l);
+    });
+  }
+  onUpdate(t) {
+    return this.on("update", t);
   }
-  return (await J().use(dt, { fragment: !0 }).use(eo, {
-    orderedListItemBlockTypes: /* @__PURE__ */ new Set(["numberedListItem"]),
-    unorderedListItemBlockTypes: /* @__PURE__ */ new Set(["bulletListItem"])
-  }).use(ct).process(t.innerHTML)).value;
 }
-async function _t(n, e, t) {
+const Lo = {
+  textAlignment: C.textAlignment,
+  backgroundColor: C.backgroundColor,
+  // Image url.
+  url: {
+    default: ""
+  },
+  // Image caption.
+  caption: {
+    default: ""
+  },
+  // Image width in px.
+  width: {
+    default: 512
+  }
+}, ct = (n) => {
+  switch (n) {
+    case "left":
+      return "flex-start";
+    case "center":
+      return "center";
+    case "right":
+      return "flex-end";
+    default:
+      return "flex-start";
+  }
+}, ut = 64, No = (n, e) => {
+  const t = document.createElement("div");
+  t.className = g.wrapper, t.style.alignItems = ct(
+    n.props.textAlignment
+  );
   const o = document.createElement("div");
-  o.innerHTML = n.trim();
-  const i = ne.fromSchema(t).parse(o), s = [];
-  for (let l = 0; l < i.firstChild.childCount; l++)
-    s.push(E(i.firstChild.child(l), e));
-  return s;
-}
-async function oo(n, e) {
-  return (await J().use(dt, { fragment: !0 }).use(to).use(ae).use(ut).use(ue).process(await It(n, e))).value;
-}
-function no(n, e) {
-  const t = e.value ? e.value + `
-` : "", o = {};
-  e.lang && (o["data-language"] = e.lang);
-  let r = {
-    type: "element",
-    tagName: "code",
-    properties: o,
-    children: [{ type: "text", value: t }]
+  o.className = g.addImageButton, o.style.display = n.props.url === "" ? "" : "none";
+  const r = document.createElement("div");
+  r.className = g.addImageButtonIcon;
+  const i = document.createElement("p");
+  i.className = g.addImageButtonText, i.innerText = "Add Image";
+  const s = document.createElement("div");
+  s.className = g.imageAndCaptionWrapper, s.style.display = n.props.url !== "" ? "" : "none";
+  const l = document.createElement("div");
+  l.className = g.imageWrapper, l.style.display = n.props.url !== "" ? "" : "none";
+  const a = document.createElement("img");
+  a.className = g.image, a.src = n.props.url, a.alt = "placeholder", a.contentEditable = "false", a.draggable = !1, a.style.width = `${Math.min(
+    n.props.width,
+    e.domElement.firstElementChild.clientWidth
+  )}px`;
+  const d = document.createElement("div");
+  d.className = g.resizeHandle, d.style.left = "4px";
+  const c = document.createElement("div");
+  c.className = g.resizeHandle, c.style.right = "4px";
+  const m = document.createElement("p");
+  m.className = g.caption, m.innerText = n.props.caption, m.style.padding = n.props.caption ? "4px" : "";
+  const h = () => {
+    var q;
+    const y = ((q = e.getSelection()) == null ? void 0 : q.blocks) || [];
+    [e.getTextCursorPosition().block, ...y].find(
+      (Kt) => Kt.id === n.id
+    ) !== void 0 ? (o.style.outline = "4px solid rgb(100, 160, 255)", s.style.outline = "4px solid rgb(100, 160, 255)") : (o.style.outline = "", s.style.outline = "");
   };
-  return e.meta && (r.data = { meta: e.meta }), n.patch(e, r), r = n.applyData(e, r), r = {
-    type: "element",
-    tagName: "pre",
-    properties: {},
-    children: [r]
-  }, n.patch(e, r), r;
-}
-async function ro(n, e, t) {
-  const o = await J().use(le).use(ut).use(de, {
-    handlers: {
-      ...ce,
-      code: no
+  e.onEditorContentChange(h), e.onEditorSelectionChange(h);
+  let p;
+  const f = (y) => {
+    if (!p)
+      return;
+    let M;
+    ct(n.props.textAlignment) === "center" ? p.handleUsed === "left" ? M = p.initialWidth + (p.initialClientX - y.clientX) * 2 : M = p.initialWidth + (y.clientX - p.initialClientX) * 2 : p.handleUsed === "left" ? M = p.initialWidth + p.initialClientX - y.clientX : M = p.initialWidth + y.clientX - p.initialClientX, M < ut ? a.style.width = `${ut}px` : M > e.domElement.firstElementChild.clientWidth ? a.style.width = `${e.domElement.firstElementChild.clientWidth}px` : a.style.width = `${M}px`;
+  }, k = (y) => {
+    p && ((!y.target || !l.contains(y.target)) && l.contains(d) && l.contains(c) && (d.style.display = "none", c.style.display = "none"), p = void 0, e.updateBlock(n, {
+      type: "image",
+      props: {
+        // Removes "px" from the end of the width string and converts to float.
+        width: parseFloat(a.style.width.slice(0, -2))
+      }
+    }));
+  }, v = (y) => {
+    y.preventDefault();
+  }, w = () => {
+    e._tiptapEditor.view.dispatch(
+      e._tiptapEditor.state.tr.setMeta(z, {
+        block: n
+      })
+    );
+  }, E = (y) => {
+    y.preventDefault(), d.style.display = "block", c.style.display = "block", p = {
+      handleUsed: "left",
+      initialWidth: n.props.width,
+      initialClientX: y.clientX
+    };
+  }, _ = (y) => {
+    y.preventDefault(), d.style.display = "block", c.style.display = "block", p = {
+      handleUsed: "right",
+      initialWidth: n.props.width,
+      initialClientX: y.clientX
+    };
+  };
+  return t.appendChild(o), o.appendChild(r), o.appendChild(i), t.appendChild(s), s.appendChild(l), l.appendChild(a), l.appendChild(d), l.appendChild(c), s.appendChild(m), window.addEventListener("mousemove", f), window.addEventListener("mouseup", k), o.addEventListener("mousedown", v), o.addEventListener("click", w), d.addEventListener(
+    "mousedown",
+    E
+  ), c.addEventListener(
+    "mousedown",
+    _
+  ), {
+    dom: t,
+    destroy: () => {
+      window.removeEventListener("mousemove", f), window.removeEventListener("mouseup", k), o.removeEventListener(
+        "mousedown",
+        v
+      ), o.removeEventListener("click", w), d.removeEventListener(
+        "mousedown",
+        E
+      ), c.removeEventListener(
+        "mousedown",
+        _
+      );
     }
-  }).use(ct).process(n);
-  return _t(o.value, e, t);
-}
-class io {
+  };
+}, Po = go({
+  type: "image",
+  propSchema: Lo,
+  containsInlineContent: !1,
+  render: No
+}), jt = {
+  paragraph: Ao,
+  heading: yo,
+  bulletListItem: Co,
+  numberedListItem: Bo,
+  image: Po
+};
+class Do {
   constructor(e, t, o) {
     u(this, "formattingToolbarState");
     u(this, "updateFormattingToolbar");
@@ -2118,7 +2388,7 @@ class io {
     u(this, "preventShow", !1);
     u(this, "prevWasEditable", null);
     u(this, "shouldShow", ({ view: e, state: t, from: o, to: r }) => {
-      const { doc: i, selection: s } = t, { empty: l } = s, a = !i.textBetween(o, r).length && Ut(t.selection);
+      const { doc: i, selection: s } = t, { empty: l } = s, a = !i.textBetween(o, r).length && oe(t.selection);
       return !(!e.hasFocus() || l || a);
     });
     u(this, "viewMousedownHandler", () => {
@@ -2159,25 +2429,25 @@ class io {
     }, t.dom.addEventListener("mousedown", this.viewMousedownHandler), t.dom.addEventListener("mouseup", this.viewMouseupHandler), t.dom.addEventListener("dragstart", this.dragstartHandler), t.dom.addEventListener("focus", this.focusHandler), t.dom.addEventListener("blur", this.blurHandler), document.addEventListener("scroll", this.scrollHandler);
   }
   update(e, t) {
-    var p, f;
+    var h, p;
     const { state: o, composing: r } = e, { doc: i, selection: s } = o, l = t && t.doc.eq(i) && t.selection.eq(s);
     if ((this.prevWasEditable === null || this.prevWasEditable === this.editor.isEditable) && (r || l))
       return;
     this.prevWasEditable = this.editor.isEditable;
-    const { ranges: a } = s, d = Math.min(...a.map((m) => m.$from.pos)), c = Math.max(...a.map((m) => m.$to.pos)), h = (p = this.shouldShow) == null ? void 0 : p.call(this, {
+    const { ranges: a } = s, d = Math.min(...a.map((f) => f.$from.pos)), c = Math.max(...a.map((f) => f.$to.pos)), m = (h = this.shouldShow) == null ? void 0 : h.call(this, {
       view: e,
       state: o,
       from: d,
       to: c
     });
-    if (this.editor.isEditable && !this.preventShow && (h || this.preventHide)) {
+    if (this.editor.isEditable && !this.preventShow && (m || this.preventHide)) {
       this.formattingToolbarState = {
         show: !0,
         referencePos: this.getSelectionBoundingBox()
       }, this.updateFormattingToolbar();
       return;
     }
-    if ((f = this.formattingToolbarState) != null && f.show && !this.preventHide && (!h || this.preventShow || !this.editor.isEditable)) {
+    if ((p = this.formattingToolbarState) != null && p.show && !this.preventHide && (!m || this.preventShow || !this.editor.isEditable)) {
       this.formattingToolbarState.show = !1, this.updateFormattingToolbar();
       return;
     }
@@ -2187,25 +2457,25 @@ class io {
   }
   getSelectionBoundingBox() {
     const { state: e } = this.pmView, { selection: t } = e, { ranges: o } = t, r = Math.min(...o.map((s) => s.$from.pos)), i = Math.max(...o.map((s) => s.$to.pos));
-    if (Ft(t)) {
+    if (ne(t)) {
       const s = this.pmView.nodeDOM(r);
       if (s)
         return s.getBoundingClientRect();
     }
-    return q(this.pmView, r, i);
+    return K(this.pmView, r, i);
   }
 }
-const so = new S(
+const Oo = new B(
   "FormattingToolbarPlugin"
 );
-class ao extends G {
+class Ro extends U {
   constructor(t) {
     super();
     u(this, "view");
     u(this, "plugin");
-    this.plugin = new w({
-      key: so,
-      view: (o) => (this.view = new io(t, o, (r) => {
+    this.plugin = new T({
+      key: Oo,
+      view: (o) => (this.view = new Do(t, o, (r) => {
         this.emit("update", r);
       }), this.view)
     });
@@ -2214,7 +2484,7 @@ class ao extends G {
     return this.on("update", t);
   }
 }
-class lo {
+class zo {
   constructor(e, t, o) {
     u(this, "hyperlinkToolbarState");
     u(this, "updateHyperlinkToolbar");
@@ -2234,7 +2504,7 @@ class lo {
         ), i = r.marks();
         for (const s of i)
           if (s.type.name === this.pmView.state.schema.mark("link").type.name) {
-            this.mouseHoveredHyperlinkMark = s, this.mouseHoveredHyperlinkMarkRange = et(
+            this.mouseHoveredHyperlinkMark = s, this.mouseHoveredHyperlinkMarkRange = rt(
               r,
               s.type,
               s.attrs
@@ -2254,7 +2524,7 @@ class lo {
     });
     u(this, "scrollHandler", () => {
       var e;
-      this.hyperlinkMark !== void 0 && (e = this.hyperlinkToolbarState) != null && e.show && (this.hyperlinkToolbarState.referencePos = q(
+      this.hyperlinkMark !== void 0 && (e = this.hyperlinkToolbarState) != null && e.show && (this.hyperlinkToolbarState.referencePos = K(
         this.pmView,
         this.hyperlinkMarkRange.from,
         this.hyperlinkMarkRange.to
@@ -2302,7 +2572,7 @@ class lo {
       const o = this.pmView.state.selection.$from.marks();
       for (const r of o)
         if (r.type.name === this.pmView.state.schema.mark("link").type.name) {
-          this.keyboardHoveredHyperlinkMark = r, this.keyboardHoveredHyperlinkMarkRange = et(
+          this.keyboardHoveredHyperlinkMark = r, this.keyboardHoveredHyperlinkMarkRange = rt(
             this.pmView.state.selection.$from,
             r.type,
             r.attrs
@@ -2313,7 +2583,7 @@ class lo {
     if (this.mouseHoveredHyperlinkMark && (this.hyperlinkMark = this.mouseHoveredHyperlinkMark, this.hyperlinkMarkRange = this.mouseHoveredHyperlinkMarkRange), this.keyboardHoveredHyperlinkMark && (this.hyperlinkMark = this.keyboardHoveredHyperlinkMark, this.hyperlinkMarkRange = this.keyboardHoveredHyperlinkMarkRange), this.hyperlinkMark && this.editor.isEditable) {
       this.hyperlinkToolbarState = {
         show: !0,
-        referencePos: q(
+        referencePos: K(
           this.pmView,
           this.hyperlinkMarkRange.from,
           this.hyperlinkMarkRange.to
@@ -2335,10 +2605,10 @@ class lo {
     this.pmView.dom.removeEventListener("mouseover", this.mouseOverHandler), document.removeEventListener("scroll", this.scrollHandler), document.removeEventListener("click", this.clickHandler, !0);
   }
 }
-const co = new S(
+const Vo = new B(
   "HyperlinkToolbarPlugin"
 );
-class uo extends G {
+class Uo extends U {
   constructor(t) {
     super();
     u(this, "view");
@@ -2373,9 +2643,9 @@ class uo extends G {
     u(this, "stopHideTimer", () => {
       this.view.stopMenuUpdateTimer();
     });
-    this.plugin = new w({
-      key: co,
-      view: (o) => (this.view = new lo(t, o, (r) => {
+    this.plugin = new T({
+      key: Vo,
+      view: (o) => (this.view = new zo(t, o, (r) => {
         this.emit("update", r);
       }), this.view)
     });
@@ -2384,7 +2654,7 @@ class uo extends G {
     return this.on("update", t);
   }
 }
-class N extends j {
+class O extends X {
   constructor(t, o) {
     super(t, o);
     u(this, "nodes");
@@ -2395,13 +2665,13 @@ class N extends j {
     });
   }
   static create(t, o, r = o) {
-    return new N(t.resolve(o), t.resolve(r));
+    return new O(t.resolve(o), t.resolve(r));
   }
   content() {
-    return new x(_.from(this.nodes), 0, 0);
+    return new L(P.from(this.nodes), 0, 0);
   }
   eq(t) {
-    if (!(t instanceof N) || this.nodes.length !== t.nodes.length || this.from !== t.from || this.to !== t.to)
+    if (!(t instanceof O) || this.nodes.length !== t.nodes.length || this.from !== t.from || this.to !== t.to)
       return !1;
     for (let o = 0; o < this.nodes.length; o++)
       if (!this.nodes[o].eq(t.nodes[o]))
@@ -2410,7 +2680,7 @@ class N extends j {
   }
   map(t, o) {
     const r = o.mapResult(this.from), i = o.mapResult(this.to);
-    return i.deleted ? j.near(t.resolve(r.pos)) : r.deleted ? j.near(t.resolve(i.pos)) : new N(
+    return i.deleted ? X.near(t.resolve(r.pos)) : r.deleted ? X.near(t.resolve(i.pos)) : new O(
       t.resolve(r.pos),
       t.resolve(i.pos)
     );
@@ -2419,9 +2689,9 @@ class N extends j {
     return { type: "node", anchor: this.anchor, head: this.head };
   }
 }
-const po = se.__serializeForClipboard;
-let B;
-function Ht(n, e) {
+const Fo = ve.__serializeForClipboard;
+let I;
+function qt(n, e) {
   var r;
   if (!e.dom.isConnected)
     return;
@@ -2436,15 +2706,15 @@ function Ht(n, e) {
       return { node: o, id: o.getAttribute("data-id") };
   }
 }
-function ho(n, e) {
-  const t = Ht(n, e);
+function Wo(n, e) {
+  const t = qt(n, e);
   if (t && t.node.nodeType === 1) {
     const o = e.docView, r = o.nearestDesc(t.node, !0);
     return !r || r === o ? null : r.posBefore;
   }
   return null;
 }
-function fo(n, e) {
+function $o(n, e) {
   let t, o;
   const r = e.resolve(n.from).node().type.spec.group === "blockContent", i = e.resolve(n.to).node().type.spec.group === "blockContent", s = Math.min(n.$anchor.depth, n.$head.depth);
   if (r && i) {
@@ -2454,9 +2724,9 @@ function fo(n, e) {
     t = n.from, o = n.to;
   return { from: t, to: o };
 }
-function at(n, e, t = e) {
+function pt(n, e, t = e) {
   e === t && (t += n.state.doc.resolve(e + 1).node().nodeSize);
-  const o = n.domAtPos(e).node.cloneNode(!0), r = n.domAtPos(e).node, i = (c, h) => Array.prototype.indexOf.call(c.children, h), s = i(
+  const o = n.domAtPos(e).node.cloneNode(!0), r = n.domAtPos(e).node, i = (c, m) => Array.prototype.indexOf.call(c.children, m), s = i(
     r,
     // Expects from position to be just before the first selected block.
     n.domAtPos(e + 1).node.parentElement
@@ -2467,35 +2737,35 @@ function at(n, e, t = e) {
   );
   for (let c = r.childElementCount - 1; c >= 0; c--)
     (c > l || c < s) && o.removeChild(o.children[c]);
-  Nt(), B = o;
+  Xt(), I = o;
   const d = n.dom.className.split(" ").filter(
     (c) => !c.includes("bn") && !c.includes("ProseMirror") && !c.includes("editor")
   ).join(" ");
-  B.className = B.className + " " + H.dragPreview + " " + d, document.body.appendChild(B);
+  I.className = I.className + " " + D.dragPreview + " " + d, document.body.appendChild(I);
 }
-function Nt() {
-  B !== void 0 && (document.body.removeChild(B), B = void 0);
+function Xt() {
+  I !== void 0 && (document.body.removeChild(I), I = void 0);
 }
-function mo(n, e) {
+function Go(n, e) {
   if (!n.dataTransfer)
     return;
   const t = e.dom.getBoundingClientRect(), o = {
     left: t.left + t.width / 2,
     // take middle of editor
     top: n.clientY
-  }, r = ho(o, e);
+  }, r = Wo(o, e);
   if (r != null) {
-    const i = e.state.selection, s = e.state.doc, { from: l, to: a } = fo(i, s), d = l <= r && r < a, c = i.$anchor.node() !== i.$head.node() || i instanceof N;
+    const i = e.state.selection, s = e.state.doc, { from: l, to: a } = $o(i, s), d = l <= r && r < a, c = i.$anchor.node() !== i.$head.node() || i instanceof O;
     d && c ? (e.dispatch(
-      e.state.tr.setSelection(N.create(s, l, a))
-    ), at(e, l, a)) : (e.dispatch(
-      e.state.tr.setSelection(re.create(e.state.doc, r))
-    ), at(e, r));
-    const h = e.state.selection.content(), { dom: p, text: f } = po(e, h);
-    n.dataTransfer.clearData(), n.dataTransfer.setData("text/html", p.innerHTML), n.dataTransfer.setData("text/plain", f), n.dataTransfer.effectAllowed = "move", n.dataTransfer.setDragImage(B, 0, 0), e.dragging = { slice: h, move: !0 };
+      e.state.tr.setSelection(O.create(s, l, a))
+    ), pt(e, l, a)) : (e.dispatch(
+      e.state.tr.setSelection(mt.create(e.state.doc, r))
+    ), pt(e, r));
+    const m = e.state.selection.content(), { dom: h, text: p } = Fo(e, m);
+    n.dataTransfer.clearData(), n.dataTransfer.setData("text/html", h.innerHTML), n.dataTransfer.setData("text/plain", p), n.dataTransfer.effectAllowed = "move", n.dataTransfer.setDragImage(I, 0, 0), e.dragging = { slice: m, move: !0 };
   }
 }
-class ko {
+class jo {
   constructor(e, t, o) {
     u(this, "sideMenuState");
     // When true, the drag handle with be anchored at the same level as root elements
@@ -2552,7 +2822,7 @@ class ko {
       (t = this.sideMenuState) != null && t.show && (this.sideMenuState.show = !1, this.updateSideMenu(this.sideMenuState)), this.menuFrozen = !1;
     });
     u(this, "onMouseMove", (e) => {
-      var d, c, h, p, f;
+      var d, c, m, h, p;
       if (this.menuFrozen)
         return;
       const t = this.pmView.dom.firstChild.getBoundingClientRect(), o = this.pmView.dom.getBoundingClientRect(), r = e.clientX >= o.left && e.clientX <= o.right && e.clientY >= o.top && e.clientY <= o.bottom, i = this.pmView.dom.parentElement;
@@ -2570,24 +2840,24 @@ class ko {
         left: t.left + t.width / 2,
         // take middle of editor
         top: e.clientY
-      }, l = Ht(s, this.pmView);
+      }, l = qt(s, this.pmView);
       if (!l || !this.editor.isEditable) {
         (c = this.sideMenuState) != null && c.show && (this.sideMenuState.show = !1, this.updateSideMenu(this.sideMenuState));
         return;
       }
-      if ((h = this.sideMenuState) != null && h.show && ((p = this.hoveredBlock) != null && p.hasAttribute("data-id")) && ((f = this.hoveredBlock) == null ? void 0 : f.getAttribute("data-id")) === l.id)
+      if ((m = this.sideMenuState) != null && m.show && ((h = this.hoveredBlock) != null && h.hasAttribute("data-id")) && ((p = this.hoveredBlock) == null ? void 0 : p.getAttribute("data-id")) === l.id)
         return;
       this.hoveredBlock = l.node;
       const a = l.node.firstChild;
       if (a && this.editor.isEditable) {
-        const m = a.getBoundingClientRect();
+        const f = a.getBoundingClientRect();
         this.sideMenuState = {
           show: !0,
           referencePos: new DOMRect(
-            this.horizontalPosAnchoredAtRoot ? this.horizontalPosAnchor : m.x,
-            m.y,
-            m.width,
-            m.height
+            this.horizontalPosAnchoredAtRoot ? this.horizontalPosAnchor : f.x,
+            f.y,
+            f.width,
+            f.height
           ),
           block: this.editor.getBlock(
             this.hoveredBlock.getAttribute("data-id")
@@ -2622,7 +2892,7 @@ class ko {
     });
     if (!o)
       return;
-    const r = k(
+    const r = b(
       this.editor._tiptapEditor.state.doc,
       o.pos
     );
@@ -2635,7 +2905,7 @@ class ko {
     } else
       this.editor._tiptapEditor.commands.setTextSelection(s);
     this.pmView.focus(), this.pmView.dispatch(
-      this.pmView.state.tr.scrollIntoView().setMeta(X, {
+      this.pmView.state.tr.scrollIntoView().setMeta(tt, {
         // TODO import suggestion plugin key
         activate: !0,
         type: "drag"
@@ -2643,8 +2913,8 @@ class ko {
     );
   }
 }
-const go = new S("SideMenuPlugin");
-class bo extends G {
+const qo = new B("SideMenuPlugin");
+class Xo extends U {
   constructor(t) {
     super();
     u(this, "sideMenuView");
@@ -2658,12 +2928,12 @@ class bo extends G {
      * Handles drag & drop events for blocks.
      */
     u(this, "blockDragStart", (t) => {
-      this.sideMenuView.isDragging = !0, mo(t, this.editor.prosemirrorView);
+      this.sideMenuView.isDragging = !0, Go(t, this.editor.prosemirrorView);
     });
     /**
      * Handles drag & drop events for blocks.
      */
-    u(this, "blockDragEnd", () => Nt());
+    u(this, "blockDragEnd", () => Xt());
     /**
      * Freezes the side menu. When frozen, the side menu will stay
      * attached to the same block regardless of which block is hovered by the
@@ -2676,9 +2946,9 @@ class bo extends G {
      * mouse cursor.
      */
     u(this, "unfreezeMenu", () => this.sideMenuView.menuFrozen = !1);
-    this.editor = t, this.plugin = new w({
-      key: go,
-      view: (o) => (this.sideMenuView = new ko(
+    this.editor = t, this.plugin = new T({
+      key: qo,
+      view: (o) => (this.sideMenuView = new jo(
         t,
         o,
         (r) => {
@@ -2691,59 +2961,88 @@ class bo extends G {
     return this.on("update", t);
   }
 }
-function I(n, e) {
+function H(n, e) {
   const t = n.getTextCursorPosition().block;
+  if (t.content === void 0)
+    throw new Error(
+      "Slash Menu open in a block that doesn't contain inline content."
+    );
   t.content.length === 1 && t.content[0].type === "text" && t.content[0].text === "/" || t.content.length === 0 ? n.updateBlock(t, e) : (n.insertBlocks([e], t, "after"), n.setTextCursorPosition(n.getTextCursorPosition().nextBlock));
 }
-const yo = (n = St) => {
+const Ko = (n = jt) => {
   var t, o, r;
   const e = [];
-  return "heading" in n && "level" in n.heading.propSchema && ((t = n.heading.propSchema.level.values) != null && t.includes("1") && e.push({
+  return "heading" in n && "level" in n.heading.propSchema && ((t = n.heading.propSchema.level.values) != null && t.includes(1) && e.push({
     name: "Heading",
     aliases: ["h", "heading1", "h1"],
-    execute: (i) => I(i, {
+    execute: (i) => H(i, {
       type: "heading",
-      props: { level: "1" }
+      props: { level: 1 }
     })
-  }), (o = n.heading.propSchema.level.values) != null && o.includes("2") && e.push({
+  }), (o = n.heading.propSchema.level.values) != null && o.includes(2) && e.push({
     name: "Heading 2",
     aliases: ["h2", "heading2", "subheading"],
-    execute: (i) => I(i, {
+    execute: (i) => H(i, {
       type: "heading",
-      props: { level: "2" }
+      props: { level: 2 }
     })
-  }), (r = n.heading.propSchema.level.values) != null && r.includes("3") && e.push({
+  }), (r = n.heading.propSchema.level.values) != null && r.includes(3) && e.push({
     name: "Heading 3",
     aliases: ["h3", "heading3", "subheading"],
-    execute: (i) => I(i, {
+    execute: (i) => H(i, {
       type: "heading",
-      props: { level: "3" }
+      props: { level: 3 }
     })
   })), "bulletListItem" in n && e.push({
     name: "Bullet List",
     aliases: ["ul", "list", "bulletlist", "bullet list"],
-    execute: (i) => I(i, {
+    execute: (i) => H(i, {
       type: "bulletListItem"
     })
   }), "numberedListItem" in n && e.push({
     name: "Numbered List",
     aliases: ["li", "list", "numberedlist", "numbered list"],
-    execute: (i) => I(i, {
+    execute: (i) => H(i, {
       type: "numberedListItem"
     })
   }), "paragraph" in n && e.push({
     name: "Paragraph",
     aliases: ["p"],
-    execute: (i) => I(i, {
+    execute: (i) => H(i, {
       type: "paragraph"
     })
+  }), "image" in n && e.push({
+    name: "Image",
+    aliases: [
+      "image",
+      "imageUpload",
+      "upload",
+      "img",
+      "picture",
+      "media",
+      "url",
+      "drive",
+      "dropbox"
+    ],
+    execute: (i) => {
+      H(i, {
+        type: "image"
+      }), i.setTextCursorPosition(
+        i.getTextCursorPosition().nextBlock,
+        "start"
+      ), i._tiptapEditor.view.dispatch(
+        i._tiptapEditor.state.tr.setMeta(z, {
+          block: i.getTextCursorPosition().prevBlock
+        })
+      );
+    }
   }), e;
-}, vo = {
+}, Yo = {
   enableInputRules: !0,
   enablePasteRules: !0,
   enableCoreExtensions: !1
 };
-class Qo {
+class xn {
   constructor(e = {}) {
     u(this, "_tiptapEditor");
     u(this, "blockCache", /* @__PURE__ */ new WeakMap());
@@ -2753,7 +3052,9 @@ class Qo {
     u(this, "formattingToolbar");
     u(this, "slashMenu");
     u(this, "hyperlinkToolbar");
-    var l, a, d, c, h;
+    u(this, "imageToolbar");
+    u(this, "uploadFile");
+    var l, a, d, c, m;
     this.options = e;
     const t = {
       defaultStyles: !0,
@@ -2762,73 +3063,76 @@ class Qo {
       //  If BSchema is not specified, then options.blockSchema should also not
       //  be defined. Unfortunately, trying to implement these constraints seems
       //  to be a huge pain, hence the `as any` casts.
-      blockSchema: e.blockSchema || St,
+      blockSchema: e.blockSchema || jt,
       ...e
     };
-    this.sideMenu = new bo(this), this.formattingToolbar = new ao(this), this.slashMenu = new $e(
+    this.sideMenu = new Xo(this), this.formattingToolbar = new Ro(this), this.slashMenu = new Je(
       this,
-      t.slashMenuItems || yo(t.blockSchema)
-    ), this.hyperlinkToolbar = new uo(this);
-    const o = Xe({
+      t.slashMenuItems || Ko(t.blockSchema)
+    ), this.hyperlinkToolbar = new Uo(this), this.imageToolbar = new Ho(this);
+    const o = ro({
       editor: this,
       domAttributes: t.domAttributes || {},
       blockSchema: t.blockSchema,
       collaboration: t.collaboration
-    }), r = T.create({
+    }), r = A.create({
       name: "BlockNoteUIExtension",
       addProseMirrorPlugins: () => [
         this.sideMenu.plugin,
         this.formattingToolbar.plugin,
         this.slashMenu.plugin,
-        this.hyperlinkToolbar.plugin
+        this.hyperlinkToolbar.plugin,
+        this.imageToolbar.plugin
       ]
     });
-    o.push(r), this.schema = t.blockSchema;
+    o.push(r), this.schema = t.blockSchema, this.uploadFile = t.uploadFile;
     const i = t.initialContent || (e.collaboration ? void 0 : [
       {
         type: "paragraph",
-        id: F.options.generateID()
+        id: j.options.generateID()
       }
     ]), s = {
-      ...vo,
+      ...Yo,
       ...t._tiptapOptions,
-      onCreate: () => {
-        var p;
-        (p = t.onEditorReady) == null || p.call(t, this), this.ready = !0;
-      },
-      onBeforeCreate(p) {
+      onBeforeCreate(h) {
         if (!i)
           return;
-        const f = p.editor.schema, m = i.map((b) => D(b, f)), g = f.node(
+        const p = h.editor.schema, f = p.node(
           "doc",
           void 0,
-          f.node("blockGroup", void 0, m)
+          p.node("blockGroup", void 0, [
+            V({ id: "initialBlock", type: "paragraph" }, p)
+          ])
         );
-        p.editor.options.content = g.toJSON();
+        h.editor.options.content = f.toJSON();
+      },
+      onCreate: () => {
+        var h;
+        i !== void 0 && this.replaceBlocks(this.topLevelBlocks, i), (h = t.onEditorReady) == null || h.call(t, this), this.ready = !0;
       },
       onUpdate: () => {
-        var p;
-        this.ready && ((p = t.onEditorContentChange) == null || p.call(t, this));
+        var h;
+        this.ready && ((h = t.onEditorContentChange) == null || h.call(t, this));
       },
       onSelectionUpdate: () => {
-        var p;
-        this.ready && ((p = t.onTextCursorPositionChange) == null || p.call(t, this));
+        var h;
+        this.ready && ((h = t.onTextCursorPositionChange) == null || h.call(t, this));
       },
       editable: e.editable === void 0 ? !0 : e.editable,
       extensions: t.enableBlockNoteExtensions === !1 ? (l = t._tiptapOptions) == null ? void 0 : l.extensions : [...((a = t._tiptapOptions) == null ? void 0 : a.extensions) || [], ...o],
       editorProps: {
         attributes: {
           ...(d = t.domAttributes) == null ? void 0 : d.editor,
-          class: v(
-            H.bnEditor,
-            H.bnRoot,
-            t.defaultStyles ? H.defaultStyles : "",
-            ((h = (c = t.domAttributes) == null ? void 0 : c.editor) == null ? void 0 : h.class) || ""
+          class: S(
+            D.bnEditor,
+            D.bnRoot,
+            t.defaultStyles ? D.defaultStyles : "",
+            ((m = (c = t.domAttributes) == null ? void 0 : c.editor) == null ? void 0 : m.class) || ""
           )
         }
       }
     };
-    t.parentElement && (s.element = t.parentElement), this._tiptapEditor = new Gt(s);
+    t.parentElement && (s.element = t.parentElement), this._tiptapEditor = new re(s);
   }
   get prosemirrorView() {
     return this._tiptapEditor.view;
@@ -2848,7 +3152,7 @@ class Qo {
    */
   get topLevelBlocks() {
     const e = [];
-    return this._tiptapEditor.state.doc.firstChild.descendants((t) => (e.push(E(t, this.schema, this.blockCache)), !1)), e;
+    return this._tiptapEditor.state.doc.firstChild.descendants((t) => (e.push(x(t, this.schema, this.blockCache)), !1)), e;
   }
   /**
    * Gets a snapshot of an existing block from the editor.
@@ -2858,7 +3162,7 @@ class Qo {
   getBlock(e) {
     const t = typeof e == "string" ? e : e.id;
     let o;
-    return this._tiptapEditor.state.doc.firstChild.descendants((r) => typeof o < "u" ? !1 : r.type.name !== "blockContainer" || r.attrs.id !== t ? !0 : (o = E(r, this.schema, this.blockCache), !1)), o;
+    return this._tiptapEditor.state.doc.firstChild.descendants((r) => typeof o < "u" ? !1 : r.type.name !== "blockContainer" || r.attrs.id !== t ? !0 : (o = x(r, this.schema, this.blockCache), !1)), o;
   }
   /**
    * Traverses all blocks in the editor depth-first, and executes a callback for each.
@@ -2899,7 +3203,7 @@ class Qo {
    * @returns A snapshot of the current text cursor position.
    */
   getTextCursorPosition() {
-    const { node: e, depth: t, startPos: o, endPos: r } = k(
+    const { node: e, depth: t, startPos: o, endPos: r } = b(
       this._tiptapEditor.state.doc,
       this._tiptapEditor.state.selection.from
     ), i = this._tiptapEditor.state.doc.resolve(r).index(t - 1), s = this._tiptapEditor.state.doc.resolve(r + 1).node().childCount;
@@ -2907,9 +3211,9 @@ class Qo {
     i > 0 && (l = this._tiptapEditor.state.doc.resolve(o - 2).node());
     let a;
     return i < s - 1 && (a = this._tiptapEditor.state.doc.resolve(r + 2).node()), {
-      block: E(e, this.schema, this.blockCache),
-      prevBlock: l === void 0 ? void 0 : E(l, this.schema, this.blockCache),
-      nextBlock: a === void 0 ? void 0 : E(a, this.schema, this.blockCache)
+      block: x(e, this.schema, this.blockCache),
+      prevBlock: l === void 0 ? void 0 : x(l, this.schema, this.blockCache),
+      nextBlock: a === void 0 ? void 0 : x(a, this.schema, this.blockCache)
     };
   }
   /**
@@ -2919,10 +3223,14 @@ class Qo {
    * @param placement Whether the text cursor should be placed at the start or end of the block.
    */
   setTextCursorPosition(e, t = "start") {
-    const o = typeof e == "string" ? e : e.id, { posBeforeNode: r } = Z(o, this._tiptapEditor.state.doc), { startPos: i, contentNode: s } = k(
+    const o = typeof e == "string" ? e : e.id, { posBeforeNode: r } = et(o, this._tiptapEditor.state.doc), { startPos: i, contentNode: s } = b(
       this._tiptapEditor.state.doc,
       r + 2
     );
+    if (s.type.spec.content === "") {
+      this._tiptapEditor.commands.setNodeSelection(i);
+      return;
+    }
     t === "start" ? this._tiptapEditor.commands.setTextSelection(i + 1) : this._tiptapEditor.commands.setTextSelection(
       i + s.nodeSize - 1
     );
@@ -2931,11 +3239,11 @@ class Qo {
    * Gets a snapshot of the current selection.
    */
   getSelection() {
-    if (this._tiptapEditor.state.selection.from === this._tiptapEditor.state.selection.to)
+    if (this._tiptapEditor.state.selection.from === this._tiptapEditor.state.selection.to || "node" in this._tiptapEditor.state.selection)
       return;
     const e = [];
     return this._tiptapEditor.state.doc.descendants((t, o) => t.type.spec.group !== "blockContent" || o + t.nodeSize < this._tiptapEditor.state.selection.from || o > this._tiptapEditor.state.selection.to ? !0 : (e.push(
-      E(
+      x(
         this._tiptapEditor.state.doc.resolve(o).node(),
         this.schema,
         this.blockCache
@@ -2965,7 +3273,7 @@ class Qo {
    * `referenceBlock`. Inserts the blocks at the start of the existing block's children if "nested" is used.
    */
   insertBlocks(e, t, o = "before") {
-    xt(e, t, o, this._tiptapEditor);
+    Ut(e, t, o, this._tiptapEditor);
   }
   /**
    * Updates an existing block in the editor. Since updatedBlock is a PartialBlock object, some fields might not be
@@ -2975,14 +3283,14 @@ class Qo {
    * @param update A partial block which defines how the existing block should be changed.
    */
   updateBlock(e, t) {
-    Ze(e, t, this._tiptapEditor);
+    io(e, t, this._tiptapEditor);
   }
   /**
    * 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(e) {
-    At(e, this._tiptapEditor);
+    Ft(e, this._tiptapEditor);
   }
   /**
    * Replaces existing blocks in the editor with new blocks. If the blocks that should be removed are not adjacent or
@@ -2992,7 +3300,7 @@ class Qo {
    * @param blocksToInsert An array of partial blocks to replace the old ones with.
    */
   replaceBlocks(e, t) {
-    Qe(e, t, this._tiptapEditor);
+    so(e, t, this._tiptapEditor);
   }
   /**
    * Gets the active text styles at the text cursor position or at the end of the current selection if it's active.
@@ -3084,7 +3392,7 @@ class Qo {
    * Checks if the block containing the text cursor can be nested.
    */
   canNestBlock() {
-    const { startPos: e, depth: t } = k(
+    const { startPos: e, depth: t } = b(
       this._tiptapEditor.state.doc,
       this._tiptapEditor.state.selection.from
     );
@@ -3100,7 +3408,7 @@ class Qo {
    * Checks if the block containing the text cursor is nested.
    */
   canUnnestBlock() {
-    const { depth: e } = k(
+    const { depth: e } = b(
       this._tiptapEditor.state.doc,
       this._tiptapEditor.state.selection.from
     );
@@ -3119,7 +3427,7 @@ class Qo {
    * @returns The blocks, serialized as an HTML string.
    */
   async blocksToHTML(e) {
-    return It(e, this._tiptapEditor.schema);
+    return Wt(e, this._tiptapEditor.schema);
   }
   /**
    * Parses blocks from an HTML string. Tries to create `Block` objects out of any HTML block-level elements, and
@@ -3129,7 +3437,7 @@ class Qo {
    * @returns The blocks parsed from the HTML string.
    */
   async HTMLToBlocks(e) {
-    return _t(e, this.schema, this._tiptapEditor.schema);
+    return $t(e, this.schema, this._tiptapEditor.schema);
   }
   /**
    * Serializes blocks into a Markdown string. The output is simplified as Markdown does not support all features of
@@ -3138,7 +3446,7 @@ class Qo {
    * @returns The blocks, serialized as a Markdown string.
    */
   async blocksToMarkdown(e) {
-    return oo(e, this._tiptapEditor.schema);
+    return co(e, this._tiptapEditor.schema);
   }
   /**
    * Creates a list of blocks from a Markdown string. Tries to create `Block` and `InlineNode` objects based on
@@ -3148,7 +3456,7 @@ class Qo {
    * @returns The blocks parsed from the Markdown string.
    */
   async markdownToBlocks(e) {
-    return ro(e, this.schema, this._tiptapEditor.schema);
+    return po(e, this.schema, this._tiptapEditor.schema);
   }
   /**
    * Updates the user info for the current user that's shown to other collaborators.
@@ -3161,34 +3469,48 @@ class Qo {
     this._tiptapEditor.commands.updateUser(e);
   }
 }
+const In = async (n) => {
+  const e = new FormData();
+  return e.append("file", n), (await (await fetch("https://tmpfiles.org/api/v1/upload", {
+    method: "POST",
+    body: e
+  })).json()).data.url.replace(
+    "tmpfiles.org/",
+    "tmpfiles.org/dl/"
+  );
+};
 export {
-  Qo as BlockNoteEditor,
-  ze as CustomBlockSerializerExtension,
-  ao as FormattingToolbarProsemirrorPlugin,
-  io as FormattingToolbarView,
-  uo as HyperlinkToolbarProsemirrorPlugin,
-  bo as SideMenuProsemirrorPlugin,
-  ko as SideMenuView,
-  $e as SlashMenuProsemirrorPlugin,
-  ye as UnreachableCaseError,
-  Jo as blockStyles,
-  rt as camelToDataKebab,
-  Zo as createBlockSpec,
-  O as createTipTapBlock,
-  St as defaultBlockSchema,
-  P as defaultProps,
-  Xo as formatKeyboardShortcut,
-  so as formattingToolbarPluginKey,
-  Xe as getBlockNoteExtensions,
-  yo as getDefaultSlashMenuItems,
-  co as hyperlinkToolbarPluginKey,
-  be as isAppleOS,
-  v as mergeCSSClasses,
-  Ce as parse,
-  ve as propsToAttributes,
-  we as render,
-  Ge as setupSuggestionsMenu,
-  go as sideMenuPluginKey,
-  X as slashMenuPluginKey
+  xn as BlockNoteEditor,
+  qe as CustomBlockSerializerExtension,
+  Ro as FormattingToolbarProsemirrorPlugin,
+  Do as FormattingToolbarView,
+  Uo as HyperlinkToolbarProsemirrorPlugin,
+  Ho as ImageToolbarProsemirrorPlugin,
+  _o as ImageToolbarView,
+  Xo as SideMenuProsemirrorPlugin,
+  jo as SideMenuView,
+  Je as SlashMenuProsemirrorPlugin,
+  Pe as UnreachableCaseError,
+  Bn as blockStyles,
+  dt as camelToDataKebab,
+  go as createBlockSpec,
+  F as createTipTapBlock,
+  jt as defaultBlockSchema,
+  C as defaultProps,
+  Mn as formatKeyboardShortcut,
+  Oo as formattingToolbarPluginKey,
+  ro as getBlockNoteExtensions,
+  Ko as getDefaultSlashMenuItems,
+  Vo as hyperlinkToolbarPluginKey,
+  z as imageToolbarPluginKey,
+  Ne as isAppleOS,
+  S as mergeCSSClasses,
+  mo as parse,
+  ho as propsToAttributes,
+  fo as render,
+  Ye as setupSuggestionsMenu,
+  qo as sideMenuPluginKey,
+  tt as slashMenuPluginKey,
+  In as uploadToTmpFilesDotOrg_DEV_ONLY
 };
 //# sourceMappingURL=blocknote.js.map