@blocknote/core 0.2.2-alpha.0 → 0.2.3

package/dist/blocknote.js

@@ -1,47 +1,39 @@
 var re = Object.defineProperty;
-var ie = (o, e, t) => e in o ? re(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var h = (o, e, t) => (ie(o, typeof e != "symbol" ? e + "" : e, t), t);
-import { combineTransactionSteps as Q, getChangedRanges as X, findChildren as _, Node as w, mergeAttributes as N, InputRule as U, isTextSelection as se, isNodeSelection as ae, posToDOMRect as Z, Extension as E, findParentNode as de, getMarkRange as K, findChildrenInRange as le, extensions as P, Editor as ce } from "@tiptap/core";
+var ie = (t, e, o) => e in t ? re(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
+var h = (t, e, o) => (ie(t, typeof e != "symbol" ? e + "" : e, o), o);
+import { combineTransactionSteps as J, getChangedRanges as Q, findChildren as D, Node as T, mergeAttributes as S, InputRule as $, isTextSelection as se, isNodeSelection as ae, posToDOMRect as X, Extension as P, findParentNode as le, getMarkRange as W, findChildrenInRange as de, extensions as N, Editor as ce } from "@tiptap/core";
 import ue from "@tiptap/extension-bold";
 import he from "@tiptap/extension-code";
 import pe from "@tiptap/extension-dropcursor";
 import me from "@tiptap/extension-gapcursor";
 import fe from "@tiptap/extension-hard-break";
-import { History as ge } from "@tiptap/extension-history";
-import ke from "@tiptap/extension-italic";
+import { History as ke } from "@tiptap/extension-history";
+import ge from "@tiptap/extension-italic";
 import ye from "@tiptap/extension-strike";
 import be from "@tiptap/extension-text";
 import ve from "@tiptap/extension-underline";
-import { Slice as z, Fragment as ee } from "prosemirror-model";
-import { PluginKey as v, Plugin as T, TextSelection as W, Selection as F, NodeSelection as Ie } from "prosemirror-state";
-import * as Te from "prosemirror-view";
+import { Slice as z, Fragment as Z } from "prosemirror-model";
+import { PluginKey as B, Plugin as M, TextSelection as K, Selection as F, NodeSelection as Be } from "prosemirror-state";
+import * as Me from "prosemirror-view";
 import { Decoration as L, DecorationSet as O } from "prosemirror-view";
 import { escapeRegExp as V } from "lodash";
-import { Link as te } from "@tiptap/extension-link";
-import Ce from "@tiptap/extension-paragraph";
-import { v4 as Be } from "uuid";
-const j = {
-  blockColor: "data-block-color",
-  blockStyle: "data-block-style",
-  id: "data-id",
-  depth: "data-depth",
-  depthChange: "data-depth-change"
-};
-function k(o, e) {
-  if (e <= 0 || e > o.nodeSize)
+import { Link as ee } from "@tiptap/extension-link";
+import { v4 as Ce } from "uuid";
+function g(t, e) {
+  if (e <= 0 || e > t.nodeSize)
     return;
-  const t = o.resolve(e), n = t.depth;
-  let r = t.node(n), a = n;
+  const o = t.resolve(e), n = o.depth;
+  let r = o.node(n), a = n;
   for (; a >= 0; ) {
     if (a === 0)
       return;
-    if (r.type.name === "block")
+    if (r.type.name === "blockContainer")
       break;
-    a -= 1, r = t.node(a);
+    a -= 1, r = o.node(a);
   }
-  const d = r.attrs.id, i = r.firstChild, s = i.type, c = r.childCount === 2 ? r.lastChild.childCount : 0, p = t.start(a), u = t.end(a);
+  const l = r.attrs.id, i = r.firstChild, s = i.type, c = r.childCount === 2 ? r.lastChild.childCount : 0, p = o.start(a), u = o.end(a);
   return {
-    id: d,
+    id: l,
     node: r,
     contentNode: i,
     contentType: s,
@@ -51,18 +43,17 @@ function k(o, e) {
     depth: a
   };
 }
-const Y = new v("previous-blocks"), Me = {
-  listItemType: "list-item-type",
-  listItemIndex: "list-item-index",
-  headingLevel: "heading-level",
+const Y = new B("previous-blocks"), we = {
+  index: "index",
+  level: "level",
   type: "type",
   depth: "depth",
   "depth-change": "depth-change"
-}, we = () => new T({
+}, Ie = () => new M({
   key: Y,
-  view(o) {
+  view(t) {
     return {
-      update: async (e, t) => {
+      update: async (e, o) => {
         var n;
         (n = this.key) != null && n.getState(e.state).needsUpdate && setTimeout(() => {
           e.dispatch(
@@ -79,31 +70,29 @@ const Y = new v("previous-blocks"), Me = {
         needsUpdate: !1
       };
     },
-    apply(o, e, t, n) {
-      if (e.needsUpdate = !1, e.prevBlockAttrs = {}, !o.docChanged || t.doc.eq(n.doc))
+    apply(t, e, o, n) {
+      if (e.needsUpdate = !1, e.prevBlockAttrs = {}, !t.docChanged || o.doc.eq(n.doc))
         return e;
-      const r = Q(t.doc, [o]);
-      return X(r).forEach(() => {
-        const d = _(t.doc, (c) => c.attrs.id), i = new Map(
-          d.map((c) => [c.node.attrs.id, c])
-        ), s = _(n.doc, (c) => c.attrs.id);
+      const r = J(o.doc, [t]);
+      return Q(r).forEach(() => {
+        const l = D(o.doc, (c) => c.attrs.id), i = new Map(
+          l.map((c) => [c.node.attrs.id, c])
+        ), s = D(n.doc, (c) => c.attrs.id);
         for (let c of s) {
-          const p = i.get(c.node.attrs.id), u = p == null ? void 0 : p.node.firstChild, l = c.node.firstChild;
-          if (p && u && l) {
+          const p = i.get(c.node.attrs.id), u = p == null ? void 0 : p.node.firstChild, d = c.node.firstChild;
+          if (p && u && d) {
             const m = {
-              listItemType: l.attrs.listItemType,
-              listItemIndex: l.attrs.listItemIndex,
-              headingLevel: l.attrs.headingLevel,
-              type: l.type.name,
+              index: d.attrs.index,
+              level: d.attrs.level,
+              type: d.type.name,
               depth: n.doc.resolve(c.pos).depth
             }, f = {
-              listItemType: u.attrs.listItemType,
-              listItemIndex: u.attrs.listItemIndex,
-              headingLevel: u.attrs.headingLevel,
+              index: u.attrs.index,
+              level: u.attrs.level,
               type: u.type.name,
-              depth: t.doc.resolve(p.pos).depth
-            }, y = f.listItemIndex === null && m.listItemIndex !== null, b = f.listItemIndex !== null && m.listItemIndex !== null && f.listItemIndex === m.listItemIndex, g = f.listItemType === "ordered" && m.listItemType === "ordered" ? y || b : !0;
-            JSON.stringify(f) !== JSON.stringify(m) && g && (f["depth-change"] = f.depth - m.depth, e.prevBlockAttrs[c.node.attrs.id] = f, console.log(
+              depth: o.doc.resolve(p.pos).depth
+            }, y = f.index === null && m.index !== null, b = f.index !== null && m.index !== null && f.index === m.index, k = f.type === "numberedListItem" && m.type === "numberedListItem" ? y || b : !0;
+            JSON.stringify(f) !== JSON.stringify(m) && k && (f["depth-change"] = f.depth - m.depth, e.prevBlockAttrs[c.node.attrs.id] = f, console.log(
               "id:",
               c.node.attrs.id,
               "previousBlockTypePlugin changes detected, oldAttrs",
@@ -117,42 +106,48 @@ const Y = new v("previous-blocks"), Me = {
     }
   },
   props: {
-    decorations(o) {
-      const e = this.getState(o);
+    decorations(t) {
+      const e = this.getState(t);
       if (!e.needsUpdate)
         return;
-      const t = [];
-      return o.doc.descendants((n, r) => {
+      const o = [];
+      return t.doc.descendants((n, r) => {
         if (!n.attrs.id)
           return;
         const a = e.prevBlockAttrs[n.attrs.id];
         if (!a)
           return;
-        const d = {};
+        const l = {};
         for (let [s, c] of Object.entries(a))
-          d["data-prev-" + Me[s]] = c || "none";
+          l["data-prev-" + we[s]] = c || "none";
         console.log(
           "previousBlockTypePlugin committing decorations",
-          d
+          l
         );
         const i = L.node(r, r + n.nodeSize, {
-          ...d
+          ...l
         });
-        t.push(i);
-      }), O.create(o.doc, t);
+        o.push(i);
+      }), O.create(t.doc, o);
     }
   }
-}), Se = "_blockOuter_r256c_5", xe = "_block_r256c_5", Ee = "_blockContent_r256c_25", Pe = "_blockGroup_r256c_53", Ae = "_isEmpty_r256c_238", Ne = "_isFilter_r256c_239", He = "_hasAnchor_r256c_252", I = {
-  blockOuter: Se,
-  block: xe,
-  blockContent: Ee,
-  blockGroup: Pe,
-  isEmpty: Ae,
+}), Te = "_blockOuter_6qmsf_5", Ee = "_block_6qmsf_5", xe = "_blockContent_6qmsf_25", Se = "_blockGroup_6qmsf_53", Pe = "_isEmpty_6qmsf_238", Ne = "_isFilter_6qmsf_239", Ae = "_hasAnchor_6qmsf_252", v = {
+  blockOuter: Te,
+  block: Ee,
+  blockContent: xe,
+  blockGroup: Se,
+  isEmpty: Pe,
   isFilter: Ne,
-  hasAnchor: He
-}, Le = w.create({
-  name: "block",
-  group: "block",
+  hasAnchor: Ae
+}, He = {
+  blockColor: "data-block-color",
+  blockStyle: "data-block-style",
+  id: "data-id",
+  depth: "data-depth",
+  depthChange: "data-depth-change"
+}, Le = T.create({
+  name: "blockContainer",
+  group: "blockContainer",
   content: "blockContent blockGroup?",
   priority: 50,
   defining: !0,
@@ -175,31 +170,28 @@ const Y = new v("previous-blocks"), Me = {
     return [
       {
         tag: "div",
-        getAttrs: (o) => {
-          if (typeof o == "string")
+        getAttrs: (t) => {
+          if (typeof t == "string")
             return !1;
           const e = {};
-          for (let [t, n] of Object.entries(j))
-            o.getAttribute(n) && (e[t] = o.getAttribute(n));
-          return o.getAttribute("data-node-type") === "block" ? e : !1;
+          for (let [o, n] of Object.entries(He))
+            t.getAttribute(n) && (e[o] = t.getAttribute(n));
+          return t.getAttribute("data-node-type") === "blockContainer" ? e : !1;
         }
       }
     ];
   },
-  renderHTML({ HTMLAttributes: o }) {
-    const e = {};
-    for (let [t, n] of Object.entries(j))
-      o[t] !== void 0 && (e[n] = o[t]);
+  renderHTML({ HTMLAttributes: t }) {
     return [
       "div",
-      N(e, {
-        class: I.blockOuter,
+      S(t, {
+        class: v.blockOuter,
         "data-node-type": "block-outer"
       }),
       [
         "div",
-        N(e, {
-          class: I.block,
+        S(t, {
+          class: v.block,
           "data-node-type": this.name
         }),
         0
@@ -208,219 +200,205 @@ const Y = new v("previous-blocks"), Me = {
   },
   addCommands() {
     return {
-      BNCreateBlock: (o) => ({ state: e, dispatch: t }) => {
-        const n = e.schema.nodes.block.createAndFill();
-        return t && e.tr.insert(o, n), !0;
+      BNCreateBlock: (t) => ({ state: e, dispatch: o }) => {
+        const n = e.schema.nodes.blockContainer.createAndFill();
+        return o && e.tr.insert(t, n), !0;
       },
-      BNDeleteBlock: (o) => ({ state: e, view: t, dispatch: n }) => {
-        const r = k(e.doc, o);
+      BNDeleteBlock: (t) => ({ state: e, view: o, dispatch: n }) => {
+        const r = g(e.doc, t);
         if (r === void 0)
           return !1;
-        const { startPos: a, endPos: d } = r;
-        return n && (e.tr.deleteRange(a, d), e.tr.setSelection(
-          new W(e.doc.resolve(a + 1))
-        ), t.focus()), !0;
+        const { startPos: a, endPos: l } = r;
+        return n && (e.tr.deleteRange(a, l), e.tr.setSelection(
+          new K(e.doc.resolve(a + 1))
+        ), o.focus()), !0;
       },
-      BNMergeBlocks: (o) => ({ state: e, dispatch: t }) => {
-        const n = e.doc.resolve(o + 1).node().type.name === "block", r = e.doc.resolve(o - 1).node().type.name === "block";
+      BNMergeBlocks: (t) => ({ state: e, dispatch: o }) => {
+        const n = e.doc.resolve(t + 1).node().type.name === "blockContainer", r = e.doc.resolve(t - 1).node().type.name === "blockContainer";
         if (!n || !r)
           return !1;
-        const a = k(
+        const a = g(
           e.doc,
-          o + 1
-        ), { node: d, contentNode: i, startPos: s, endPos: c, depth: p } = a;
-        if (d.childCount === 2) {
+          t + 1
+        ), { node: l, contentNode: i, startPos: s, endPos: c, depth: p } = a;
+        if (l.childCount === 2) {
           const m = e.doc.resolve(
             s + i.nodeSize + 1
           ), f = e.doc.resolve(c - 1), y = m.blockRange(f);
-          t && e.tr.lift(y, p - 1);
+          o && e.tr.lift(y, p - 1);
         }
-        let u = o - 1, l = k(e.doc, u);
-        for (; l.numChildBlocks > 0; )
-          if (u--, l = k(e.doc, u), l === void 0)
+        let u = t - 1, d = g(e.doc, u);
+        for (; d.numChildBlocks > 0; )
+          if (u--, d = g(e.doc, u), d === void 0)
             return !1;
-        return t && (e.tr.deleteRange(s, s + i.nodeSize), e.tr.insertText(i.textContent, u - 1), e.tr.setSelection(
-          new W(e.doc.resolve(u - 1))
+        return o && (e.tr.deleteRange(s, s + i.nodeSize), e.tr.insertText(i.textContent, u - 1), e.tr.setSelection(
+          new K(e.doc.resolve(u - 1))
         )), !0;
       },
-      BNSplitBlock: (o, e) => ({ state: t, dispatch: n }) => {
-        const r = k(t.doc, o);
+      BNSplitBlock: (t, e) => ({ state: o, dispatch: n }) => {
+        const r = g(o.doc, t);
         if (r === void 0)
           return !1;
-        const { contentNode: a, contentType: d, startPos: i, endPos: s, depth: c } = r, p = s + 1, u = t.doc.textBetween(o, s), l = t.schema.nodes.block.createAndFill(), m = p + 2;
-        n && (t.tr.insert(p, l), t.tr.insertText(u, m), e && t.tr.setBlockType(
+        const { contentNode: a, contentType: l, startPos: i, endPos: s, depth: c } = r, p = s + 1, u = o.doc.textBetween(t, s), d = o.schema.nodes.blockContainer.createAndFill(), m = p + 2;
+        n && (o.tr.insert(p, d), o.tr.insertText(u, m), e && o.tr.setBlockType(
           m,
           m,
-          t.schema.node(d).type,
+          o.schema.node(l).type,
           a.attrs
         ));
-        const f = t.doc.content.cut(i, o);
-        return n && t.tr.replace(
+        const f = o.doc.content.cut(i, t);
+        return n && o.tr.replace(
           i,
           s,
           new z(f, c, c)
         ), !0;
       },
-      BNSetContentType: (o, e) => ({ state: t, dispatch: n }) => {
-        const r = k(t.doc, o);
+      BNUpdateBlock: (t, e) => ({ state: o, dispatch: n }) => {
+        const r = g(o.doc, t);
         if (r === void 0)
           return !1;
-        const { startPos: a, contentNode: d } = r;
-        return n && t.tr.setBlockType(
-          a + 1,
-          a + d.nodeSize + 1,
-          t.schema.node(e.name).type,
-          e.attrs
+        const { node: a, startPos: l, contentNode: i } = r;
+        return n && o.tr.setBlockType(
+          l + 1,
+          l + i.nodeSize + 1,
+          o.schema.node(e.type).type,
+          {
+            ...a.attrs,
+            ...e.props
+          }
         ), !0;
       },
-      BNCreateBlockOrSetContentType: (o, e) => ({ state: t, chain: n }) => {
-        const r = k(t.doc, o);
+      BNCreateOrUpdateBlock: (t, e) => ({ state: o, chain: n }) => {
+        const r = g(o.doc, t);
         if (r === void 0)
           return !1;
-        const { node: a, startPos: d, endPos: i } = r;
+        const { node: a, startPos: l, endPos: i } = r;
         if (a.textContent.length === 0) {
-          const s = d + 1;
-          return n().BNSetContentType(o, e).setTextSelection(s).run();
+          const s = l + 1;
+          return n().BNUpdateBlock(t, e).setTextSelection(s).run();
         } else {
           const s = i + 1, c = s + 1;
-          return n().BNCreateBlock(s).BNSetContentType(c, e).setTextSelection(c).run();
+          return n().BNCreateBlock(s).BNUpdateBlock(c, e).setTextSelection(c).run();
         }
       }
     };
   },
   addProseMirrorPlugins() {
-    return [we()];
+    return [Ie()];
   },
   addKeyboardShortcuts() {
     return {
-      Backspace: () => this.editor.commands.first(({ commands: t }) => [
-        () => t.deleteSelection(),
-        () => t.undoInputRule(),
-        () => t.command(({ state: n }) => {
-          const { contentType: r } = k(
+      Backspace: () => this.editor.commands.first(({ commands: o }) => [
+        () => o.deleteSelection(),
+        () => o.undoInputRule(),
+        () => o.command(({ state: n }) => {
+          const { contentType: r } = g(
             n.doc,
             n.selection.from
-          ), a = n.selection.$anchor.parentOffset === 0, d = r.name === "textContent";
-          return a && !d ? t.BNSetContentType(n.selection.from, {
-            name: "textContent"
+          ), a = n.selection.$anchor.parentOffset === 0, l = r.name === "paragraph";
+          return a && !l ? o.BNUpdateBlock(n.selection.from, {
+            type: "paragraph",
+            props: {}
           }) : !1;
         }),
-        () => t.command(({ state: n }) => n.selection.$anchor.parentOffset === 0 ? t.liftListItem("block") : !1),
-        () => t.command(({ state: n }) => {
-          const { depth: r, startPos: a } = k(
+        () => o.command(({ state: n }) => n.selection.$anchor.parentOffset === 0 ? o.liftListItem("blockContainer") : !1),
+        () => o.command(({ state: n }) => {
+          const { depth: r, startPos: a } = g(
             n.doc,
             n.selection.from
-          ), d = n.selection.$anchor.parentOffset === 0, i = n.selection.anchor === n.selection.head, s = a === 2, c = a - 1;
-          return !s && d && i && r === 2 ? t.BNMergeBlocks(c) : !1;
+          ), l = n.selection.$anchor.parentOffset === 0, i = n.selection.anchor === n.selection.head, s = a === 2, c = a - 1;
+          return !s && l && i && r === 2 ? o.BNMergeBlocks(c) : !1;
         })
       ]),
-      Enter: () => this.editor.commands.first(({ commands: t }) => [
-        () => t.command(({ state: n }) => {
-          const { node: r, depth: a } = k(
+      Enter: () => this.editor.commands.first(({ commands: o }) => [
+        () => o.command(({ state: n }) => {
+          const { node: r, depth: a } = g(
             n.doc,
             n.selection.from
-          ), d = n.selection.$anchor.parentOffset === 0, i = n.selection.anchor === n.selection.head, s = r.textContent.length === 0, c = a > 2;
-          return d && i && s && c ? t.liftListItem("block") : !1;
+          ), l = n.selection.$anchor.parentOffset === 0, i = n.selection.anchor === n.selection.head, s = r.textContent.length === 0, c = a > 2;
+          return l && i && s && c ? o.liftListItem("blockContainer") : !1;
         }),
-        () => t.command(({ state: n, chain: r }) => {
-          const { node: a, endPos: d } = k(
+        () => o.command(({ state: n, chain: r }) => {
+          const { node: a, endPos: l } = g(
             n.doc,
             n.selection.from
           ), i = n.selection.$anchor.parentOffset === 0, s = n.selection.anchor === n.selection.head, c = a.textContent.length === 0;
           if (i && s && c) {
-            const p = d + 1, u = p + 2;
+            const p = l + 1, u = p + 2;
             return r().BNCreateBlock(p).setTextSelection(u).run(), !0;
           }
           return !1;
         }),
-        () => t.command(({ state: n, chain: r }) => {
-          const { node: a } = k(
+        () => o.command(({ state: n, chain: r }) => {
+          const { node: a } = g(
             n.doc,
             n.selection.from
           );
           return a.textContent.length === 0 ? !1 : (r().deleteSelection().BNSplitBlock(n.selection.from, !1).run(), !0);
         })
       ]),
-      Tab: () => this.editor.commands.sinkListItem("block"),
-      "Shift-Tab": () => this.editor.commands.liftListItem("block"),
+      Tab: () => (this.editor.commands.sinkListItem("blockContainer"), !0),
+      "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.BNSetContentType(
-        this.editor.state.selection.anchor,
-        {
-          name: "headingContent",
-          attrs: {
-            headingLevel: "1"
-          }
-        }
-      ),
-      "Mod-Alt-2": () => this.editor.commands.BNSetContentType(
-        this.editor.state.selection.anchor,
-        {
-          name: "headingContent",
-          attrs: {
-            headingLevel: "2"
-          }
-        }
-      ),
-      "Mod-Alt-3": () => this.editor.commands.BNSetContentType(
-        this.editor.state.selection.anchor,
-        {
-          name: "headingContent",
-          attrs: {
-            headingLevel: "3"
-          }
+      "Mod-Alt-1": () => this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
+        type: "heading",
+        props: {
+          level: "1"
         }
-      ),
-      "Mod-Shift-7": () => this.editor.commands.BNSetContentType(
-        this.editor.state.selection.anchor,
-        {
-          name: "listItemContent",
-          attrs: {
-            listItemType: "unordered"
-          }
+      }),
+      "Mod-Alt-2": () => this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
+        type: "heading",
+        props: {
+          level: "2"
         }
-      ),
-      "Mod-Shift-8": () => this.editor.commands.BNSetContentType(
-        this.editor.state.selection.anchor,
-        {
-          name: "listItemContent",
-          attrs: {
-            listItemType: "ordered"
-          }
+      }),
+      "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: {}
+      })
     };
   }
-}), Oe = w.create({
+}), Oe = T.create({
   name: "blockGroup",
+  group: "blockGroup",
+  content: "blockContainer+",
   addOptions() {
     return {
       HTMLAttributes: {}
     };
   },
-  content: "block+",
   parseHTML() {
     return [
       {
         tag: "div",
-        getAttrs: (o) => typeof o == "string" ? !1 : o.getAttribute("data-node-type") === "block-group" ? null : !1
+        getAttrs: (t) => typeof t == "string" ? !1 : t.getAttribute("data-node-type") === "blockGroup" ? null : !1
       }
     ];
   },
-  renderHTML({ HTMLAttributes: o }) {
+  renderHTML({ HTMLAttributes: t }) {
     return [
       "div",
-      N(this.options.HTMLAttributes, o, {
-        class: I.blockGroup,
-        "data-node-type": "block-group"
+      S(this.options.HTMLAttributes, t, {
+        class: v.blockGroup,
+        "data-node-type": "blockGroup"
       }),
       0
     ];
   }
-}), Re = w.create({
-  name: "textContent",
+}), Re = T.create({
+  name: "paragraph",
   group: "blockContent",
   content: "inline*",
   parseHTML() {
@@ -428,7 +406,7 @@ const Y = new v("previous-blocks"), Me = {
       {
         tag: "p",
         priority: 200,
-        node: "block"
+        node: "blockContainer"
       }
     ];
   },
@@ -436,36 +414,36 @@ const Y = new v("previous-blocks"), Me = {
     return [
       "div",
       {
-        class: I.blockContent,
+        class: v.blockContent,
         "data-content-type": this.name
       },
       ["p", 0]
     ];
   }
-}), Fe = w.create({
-  name: "headingContent",
+}), Fe = T.create({
+  name: "heading",
   group: "blockContent",
   content: "inline*",
   addAttributes() {
     return {
-      headingLevel: {
+      level: {
         default: "1",
-        parseHTML: (o) => o.getAttribute("data-heading-level"),
-        renderHTML: (o) => ({
-          "data-heading-level": o.headingLevel
+        parseHTML: (t) => t.getAttribute("data-level"),
+        renderHTML: (t) => ({
+          "data-level": t.level
         })
       }
     };
   },
   addInputRules() {
     return [
-      ...["1", "2", "3"].map((o) => new U({
-        find: new RegExp(`^(#{${parseInt(o)}})\\s$`),
-        handler: ({ state: e, chain: t, range: n }) => {
-          t().BNSetContentType(e.selection.from, {
-            name: "headingContent",
-            attrs: {
-              headingLevel: o
+      ...["1", "2", "3"].map((t) => new $({
+        find: new RegExp(`^(#{${parseInt(t)}})\\s$`),
+        handler: ({ state: e, chain: o, range: n }) => {
+          o().BNUpdateBlock(e.selection.from, {
+            type: "heading",
+            props: {
+              level: t
             }
           }).deleteRange({ from: n.from, to: n.to });
         }
@@ -476,169 +454,196 @@ const Y = new v("previous-blocks"), Me = {
     return [
       {
         tag: "h1",
-        attrs: { headingLevel: "1" },
-        node: "block"
+        attrs: { level: "1" },
+        node: "blockContainer"
       },
       {
         tag: "h2",
-        attrs: { headingLevel: "2" },
-        node: "block"
+        attrs: { level: "2" },
+        node: "blockContainer"
       },
       {
         tag: "h3",
-        attrs: { headingLevel: "3" },
-        node: "block"
+        attrs: { level: "3" },
+        node: "blockContainer"
       }
     ];
   },
-  renderHTML({ node: o, HTMLAttributes: e }) {
-    return console.log(o.attrs), [
+  renderHTML({ node: t, HTMLAttributes: e }) {
+    return [
       "div",
-      N(e, {
-        class: I.blockContent,
+      S(e, {
+        class: v.blockContent,
         "data-content-type": this.name
       }),
-      ["h" + o.attrs.headingLevel, 0]
+      ["h" + t.attrs.level, 0]
     ];
   }
-}), De = new v("ordered-list-item-index"), _e = () => new T({
+}), te = (t) => {
+  const { node: e, contentType: o } = g(
+    t.state.doc,
+    t.state.selection.from
+  ), n = t.state.selection.anchor === t.state.selection.head;
+  return !o.name.endsWith("ListItem") || !n ? !1 : t.commands.first(({ state: r, chain: a, commands: l }) => [
+    () => l.command(() => e.textContent.length === 0 ? l.BNUpdateBlock(r.selection.from, {
+      type: "paragraph",
+      props: {}
+    }) : !1),
+    () => l.command(() => e.textContent.length > 0 ? (a().deleteSelection().BNSplitBlock(r.selection.from, !0).run(), !0) : !1)
+  ]);
+}, _e = T.create({
+  name: "bulletListItem",
+  group: "blockContent",
+  content: "inline*",
+  addInputRules() {
+    return [
+      new $({
+        find: new RegExp("^[-+*]\\s$"),
+        handler: ({ state: t, chain: e, range: o }) => {
+          e().BNUpdateBlock(t.selection.from, {
+            type: "bulletListItem",
+            props: {}
+          }).deleteRange({ from: o.from, to: o.to });
+        }
+      })
+    ];
+  },
+  addKeyboardShortcuts() {
+    return {
+      Enter: () => te(this.editor)
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "li",
+        getAttrs: (t) => {
+          if (typeof t == "string")
+            return !1;
+          const e = t.parentElement;
+          return e === null ? !1 : e.getAttribute("data-content-type") === "bulletListItem" ? {} : e.tagName === "UL" ? {} : !1;
+        },
+        node: "blockContainer"
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: t }) {
+    return [
+      "div",
+      S(t, {
+        class: v.blockContent,
+        "data-content-type": this.name
+      }),
+      ["li", 0]
+    ];
+  }
+}), De = new B("numbered-list-indexing"), Ue = () => new M({
   key: De,
-  appendTransaction: (o, e, t) => {
-    const n = t.tr;
-    n.setMeta("orderedListIndexing", !0);
+  appendTransaction: (t, e, o) => {
+    const n = o.tr;
+    n.setMeta("numberedListIndexing", !0);
     let r = !1;
-    return t.doc.descendants((a, d) => {
-      if (a.type.name === "block" && a.firstChild.type.name === "listItemContent" && a.firstChild.attrs.listItemType === "ordered") {
+    return o.doc.descendants((a, l) => {
+      if (a.type.name === "blockContainer" && a.firstChild.type.name === "numberedListItem") {
         let i = "1";
-        const s = d === 1, c = k(n.doc, d + 1);
+        const s = l === 1, c = g(n.doc, l + 1);
         if (c === void 0)
           return;
         if (!s) {
-          const l = k(n.doc, d - 2);
-          if (l === void 0)
+          const d = g(n.doc, l - 2);
+          if (d === void 0)
             return;
-          if (!(c.depth !== l.depth)) {
-            const f = l.contentNode;
-            if (l.contentType.name === "listItemContent" && f.attrs.listItemType === "ordered") {
-              const g = f.attrs.listItemIndex;
-              i = (parseInt(g) + 1).toString();
+          if (!(c.depth !== d.depth)) {
+            const f = d.contentNode;
+            if (d.contentType.name === "numberedListItem") {
+              const k = f.attrs.index;
+              i = (parseInt(k) + 1).toString();
             }
           }
         }
-        c.contentNode.attrs.listItemIndex !== i && (r = !0, n.setNodeMarkup(d + 1, void 0, {
-          listItemType: "ordered",
-          listItemIndex: i
+        c.contentNode.attrs.index !== i && (r = !0, n.setNodeMarkup(l + 1, void 0, {
+          index: i
         }));
       }
     }), r ? n : null;
   }
-}), Ue = w.create({
-  name: "listItemContent",
+}), $e = T.create({
+  name: "numberedListItem",
   group: "blockContent",
   content: "inline*",
   addAttributes() {
     return {
-      listItemType: {
-        default: "unordered",
-        parseHTML: (o) => o.getAttribute("data-list-item-type"),
-        renderHTML: (o) => ({
-          "data-list-item-type": o.listItemType
-        })
-      },
-      listItemIndex: {
+      index: {
         default: null,
-        parseHTML: (o) => o.getAttribute("data-list-item-index"),
-        renderHTML: (o) => ({
-          "data-list-item-index": o.listItemIndex
+        parseHTML: (t) => t.getAttribute("data-index"),
+        renderHTML: (t) => ({
+          "data-index": t.index
         })
       }
     };
   },
   addInputRules() {
     return [
-      new U({
-        find: new RegExp("^[-+*]\\s$"),
-        handler: ({ state: o, chain: e, range: t }) => {
-          e().BNSetContentType(o.selection.from, {
-            name: "listItemContent",
-            attrs: {
-              listItemType: "unordered"
-            }
-          }).deleteRange({ from: t.from, to: t.to });
-        }
-      }),
-      new U({
+      new $({
         find: new RegExp("^1\\.\\s$"),
-        handler: ({ state: o, chain: e, range: t }) => {
-          e().BNSetContentType(o.selection.from, {
-            name: "listItemContent",
-            attrs: {
-              listItemType: "ordered"
-            }
-          }).deleteRange({ from: t.from, to: t.to });
+        handler: ({ state: t, chain: e, range: o }) => {
+          e().BNUpdateBlock(t.selection.from, {
+            type: "numberedListItem",
+            props: {}
+          }).deleteRange({ from: o.from, to: o.to });
         }
       })
     ];
   },
   addKeyboardShortcuts() {
     return {
-      Enter: () => {
-        const { node: e, contentType: t } = k(
-          this.editor.state.doc,
-          this.editor.state.selection.from
-        ), n = this.editor.state.selection.anchor === this.editor.state.selection.head;
-        return t.name !== "listItemContent" || !n ? !1 : this.editor.commands.first(({ state: r, chain: a, commands: d }) => [
-          () => d.command(() => e.textContent.length === 0 ? d.BNSetContentType(r.selection.from, {
-            name: "textContent"
-          }) : !1),
-          () => d.command(() => e.textContent.length > 0 ? (a().deleteSelection().BNSplitBlock(r.selection.from, !0).run(), !0) : !1)
-        ]);
-      }
+      Enter: () => te(this.editor)
     };
   },
   addProseMirrorPlugins() {
-    return [_e()];
+    return [Ue()];
   },
   parseHTML() {
     return [
       {
         tag: "li",
-        getAttrs: (o) => {
-          if (typeof o == "string")
+        getAttrs: (t) => {
+          if (typeof t == "string")
             return !1;
-          const e = o.parentElement;
-          return e === null ? !1 : e.getAttribute("data-content-type") === "listItemContent" ? { listItemType: e.getAttribute("data-list-item-type") } : e.tagName === "UL" ? { listItemType: "unordered" } : e.tagName === "OL" ? { listItemType: "ordered" } : !1;
+          const e = t.parentElement;
+          return e === null ? !1 : e.getAttribute("data-content-type") === "numberedListItem" ? {} : e.tagName === "OL" ? {} : !1;
         },
-        node: "block"
+        node: "blockContainer"
       }
     ];
   },
-  renderHTML({ HTMLAttributes: o }) {
+  renderHTML({ HTMLAttributes: t }) {
     return [
       "div",
-      N(o, {
-        class: I.blockContent,
+      S(t, {
+        class: v.blockContent,
         "data-content-type": this.name
       }),
       ["li", 0]
     ];
   }
-}), $e = [
+}), ze = [
   Re,
   Fe,
-  Ue,
+  _e,
+  $e,
   Le,
   Oe,
-  w.create({
+  T.create({
     name: "doc",
     topNode: !0,
     content: "blockGroup"
   })
 ];
-class ze {
+class qe {
   constructor({
     editor: e,
-    formattingToolbarFactory: t,
+    formattingToolbarFactory: o,
     view: n,
     shouldShow: r
   }) {
@@ -648,8 +653,8 @@ class ze {
     h(this, "preventHide", !1);
     h(this, "preventShow", !1);
     h(this, "toolbarIsOpen", !1);
-    h(this, "shouldShow", ({ view: e, state: t, from: n, to: r }) => {
-      const { doc: a, selection: d } = t, { empty: i } = d, s = !a.textBetween(n, r).length && se(t.selection);
+    h(this, "shouldShow", ({ view: e, state: o, from: n, to: r }) => {
+      const { doc: a, selection: l } = o, { empty: i } = l, s = !a.textBetween(n, r).length && se(o.selection);
       return !(!e.hasFocus() || i || s);
     });
     h(this, "viewMousedownHandler", () => {
@@ -665,27 +670,27 @@ class ze {
       setTimeout(() => this.update(this.editor.view));
     });
     h(this, "blurHandler", ({ event: e }) => {
-      var t, n;
+      var o, n;
       if (this.preventHide) {
         this.preventHide = !1;
         return;
       }
-      (e == null ? void 0 : e.relatedTarget) && ((n = (t = this.formattingToolbar.element) == null ? void 0 : t.parentNode) == null ? void 0 : n.contains(
+      (e == null ? void 0 : e.relatedTarget) && ((n = (o = this.formattingToolbar.element) == null ? void 0 : o.parentNode) == null ? void 0 : n.contains(
         e.relatedTarget
       )) || this.toolbarIsOpen && (this.formattingToolbar.hide(), this.toolbarIsOpen = !1);
     });
-    this.editor = e, this.view = n, this.formattingToolbar = t(this.getStaticParams()), r && (this.shouldShow = r), this.view.dom.addEventListener("mousedown", this.viewMousedownHandler), this.view.dom.addEventListener("mouseup", this.viewMouseupHandler), this.view.dom.addEventListener("dragstart", this.dragstartHandler), this.editor.on("focus", this.focusHandler), this.editor.on("blur", this.blurHandler);
+    this.editor = e, this.view = n, this.formattingToolbar = o(this.getStaticParams()), r && (this.shouldShow = r), this.view.dom.addEventListener("mousedown", this.viewMousedownHandler), this.view.dom.addEventListener("mouseup", this.viewMouseupHandler), this.view.dom.addEventListener("dragstart", this.dragstartHandler), this.editor.on("focus", this.focusHandler), this.editor.on("blur", this.blurHandler);
   }
-  update(e, t) {
-    var l;
-    const { state: n, composing: r } = e, { doc: a, selection: d } = n, i = t && t.doc.eq(a) && t.selection.eq(d);
+  update(e, o) {
+    var d;
+    const { state: n, composing: r } = e, { doc: a, selection: l } = n, i = o && o.doc.eq(a) && o.selection.eq(l);
     if (r || i)
       return;
-    const { ranges: s } = d, c = Math.min(...s.map((m) => m.$from.pos)), p = Math.max(...s.map((m) => m.$to.pos)), u = (l = this.shouldShow) == null ? void 0 : l.call(this, {
+    const { ranges: s } = l, c = Math.min(...s.map((m) => m.$from.pos)), p = Math.max(...s.map((m) => m.$to.pos)), u = (d = this.shouldShow) == null ? void 0 : d.call(this, {
       editor: this.editor,
       view: e,
       state: n,
-      oldState: t,
+      oldState: o,
       from: c,
       to: p
     });
@@ -712,13 +717,13 @@ class ze {
     this.view.dom.removeEventListener("mousedown", this.viewMousedownHandler), this.view.dom.removeEventListener("mouseup", this.viewMouseupHandler), this.view.dom.removeEventListener("dragstart", this.dragstartHandler), this.editor.off("focus", this.focusHandler), this.editor.off("blur", this.blurHandler);
   }
   getSelectionBoundingBox() {
-    const { state: e } = this.editor.view, { selection: t } = e, { ranges: n } = t, r = Math.min(...n.map((d) => d.$from.pos)), a = Math.max(...n.map((d) => d.$to.pos));
-    if (ae(t)) {
-      const d = this.editor.view.nodeDOM(r);
-      if (d)
-        return d.getBoundingClientRect();
+    const { state: e } = this.editor.view, { selection: o } = e, { ranges: n } = o, r = Math.min(...n.map((l) => l.$from.pos)), a = Math.max(...n.map((l) => l.$to.pos));
+    if (ae(o)) {
+      const l = this.editor.view.nodeDOM(r);
+      if (l)
+        return l.getBoundingClientRect();
     }
-    return Z(this.editor.view, r, a);
+    return X(this.editor.view, r, a);
   }
   getStaticParams() {
     return {
@@ -734,18 +739,18 @@ class ze {
       toggleStrike: () => {
         this.editor.view.focus(), this.editor.commands.toggleStrike();
       },
-      setHyperlink: (e, t) => {
+      setHyperlink: (e, o) => {
         if (e === "")
           return;
         let { from: n, to: r } = this.editor.state.selection;
-        t || (t = this.editor.state.doc.textBetween(n, r));
+        o || (o = this.editor.state.doc.textBetween(n, r));
         const a = this.editor.schema.mark("link", { href: e });
         this.editor.view.dispatch(
-          this.editor.view.state.tr.insertText(t, n, r).addMark(n, n + t.length, a)
+          this.editor.view.state.tr.insertText(o, n, r).addMark(n, n + o.length, a)
         ), this.editor.view.focus();
       },
-      setBlockType: (e) => {
-        this.editor.view.focus(), this.editor.commands.BNSetContentType(
+      updateBlock: (e) => {
+        this.editor.view.focus(), this.editor.commands.BNUpdateBlock(
           this.editor.state.selection.from,
           e
         );
@@ -753,6 +758,10 @@ class ze {
     };
   }
   getDynamicParams() {
+    const e = g(
+      this.editor.state.doc,
+      this.editor.state.selection.from
+    );
     return {
       boldIsActive: this.editor.isActive("bold"),
       italicIsActive: this.editor.isActive("italic"),
@@ -764,18 +773,18 @@ class ze {
         this.editor.state.selection.from,
         this.editor.state.selection.to
       ),
-      activeBlockType: {
-        name: this.editor.state.selection.$from.node().type.name,
-        attrs: this.editor.state.selection.$from.node().attrs
+      block: {
+        type: e.contentType.name,
+        props: e.contentNode.attrs
       },
-      selectionBoundingBox: this.getSelectionBoundingBox()
+      referenceRect: this.getSelectionBoundingBox()
     };
   }
 }
-const qe = (o) => new T({
-  key: new v("FormattingToolbarPlugin"),
-  view: (e) => new ze({ view: e, ...o })
-}), Ge = E.create({
+const Ge = (t) => new M({
+  key: new B("FormattingToolbarPlugin"),
+  view: (e) => new qe({ view: e, ...t })
+}), We = P.create({
   name: "FormattingToolbarExtension",
   addProseMirrorPlugins() {
     if (!this.options.formattingToolbarFactory)
@@ -783,70 +792,40 @@ const qe = (o) => new T({
         "UI Element factory not defined for FormattingToolbarExtension"
       );
     return [
-      qe({
+      Ge({
         editor: this.editor,
         formattingToolbarFactory: this.options.formattingToolbarFactory,
-        pluginKey: new v("FormattingToolbarPlugin")
+        pluginKey: new B("FormattingToolbarPlugin")
       })
     ];
   }
-});
-class A extends F {
-  constructor(t, n) {
-    super(t, n);
-    h(this, "nodes");
-    const r = t.node();
-    this.nodes = [], t.doc.nodesBetween(t.pos, n.pos, (a, d, i) => {
-      if (i !== null && i.eq(r))
-        return this.nodes.push(a), !1;
-    });
-  }
-  static create(t, n, r = n) {
-    return new A(t.resolve(n), t.resolve(r));
-  }
-  content() {
-    return new z(ee.from(this.nodes), 0, 0);
-  }
-  eq(t) {
-    if (!(t instanceof A) || this.nodes.length !== t.nodes.length || this.from !== t.from || this.to !== t.to)
-      return !1;
-    for (let n = 0; n < this.nodes.length; n++)
-      if (!this.nodes[n].eq(t.nodes[n]))
-        return !1;
-    return !0;
-  }
-  map(t, n) {
-    let r = n.mapResult(this.from), a = n.mapResult(this.to);
-    return a.deleted ? F.near(t.resolve(r.pos)) : r.deleted ? F.near(t.resolve(a.pos)) : new A(
-      t.resolve(r.pos),
-      t.resolve(a.pos)
-    );
-  }
-  toJSON() {
-    return { type: "node", anchor: this.anchor, head: this.head };
-  }
-}
-const Ke = de((o) => o.type.name === "block");
-function We(o, e) {
+}), Ke = "_bnEditor_xixap_3", Ve = "_bnRoot_xixap_13", Ye = "_dragPreview_xixap_27", U = {
+  bnEditor: Ke,
+  bnRoot: Ve,
+  dragPreview: Ye
+}, je = le(
+  (t) => t.type.name === "blockContainer"
+);
+function Je(t, e) {
   if (!e.empty)
     return;
-  const t = e.$anchor.nodeBefore;
-  if (!t || !t.text)
+  const o = e.$anchor.nodeBefore;
+  if (!o || !o.text)
     return;
-  const n = new RegExp(`${V(o)}([^${V(o)}]*)$`), r = t.text.match(n);
+  const n = new RegExp(`${V(t)}([^${V(t)}]*)$`), r = o.text.match(n);
   if (!!r)
     return {
       query: r[1],
       range: {
-        from: e.$anchor.pos - r[1].length - o.length,
+        from: e.$anchor.pos - r[1].length - t.length,
         to: e.$anchor.pos
       }
     };
 }
-class Ve {
+class Qe {
   constructor({
     editor: e,
-    pluginKey: t,
+    pluginKey: o,
     onSelectItem: n = () => {
     },
     suggestionsMenuFactory: r
@@ -856,7 +835,7 @@ class Ve {
     h(this, "suggestionsMenu");
     h(this, "pluginState");
     h(this, "itemCallback");
-    this.editor = e, this.pluginKey = t, this.pluginState = {
+    this.editor = e, this.pluginKey = o, this.pluginState = {
       active: !1,
       range: null,
       query: null,
@@ -871,9 +850,9 @@ class Ve {
       range: this.pluginState.range
     }), this.suggestionsMenu = r(this.getStaticParams());
   }
-  update(e, t) {
-    const n = this.pluginKey.getState(t), r = this.pluginKey.getState(e.state), a = !n.active && r.active, d = n.active && !r.active, i = n.active && r.active;
-    !a && !i && !d || (this.pluginState = d ? n : r, d && (this.suggestionsMenu.hide(), this.suggestionsMenu.element.removeEventListener(
+  update(e, o) {
+    const n = this.pluginKey.getState(o), r = this.pluginKey.getState(e.state), a = !n.active && r.active, l = n.active && !r.active, i = n.active && r.active;
+    !a && !i && !l || (this.pluginState = l ? n : r, l && (this.suggestionsMenu.hide(), this.suggestionsMenu.element.removeEventListener(
       "mousedown",
       (s) => s.preventDefault()
     )), i && this.suggestionsMenu.render(this.getDynamicParams(), !1), a && (this.suggestionsMenu.render(this.getDynamicParams(), !0), this.suggestionsMenu.element.addEventListener(
@@ -893,31 +872,31 @@ class Ve {
     return {
       items: this.pluginState.items,
       selectedItemIndex: this.pluginState.selectedItemIndex,
-      queryStartBoundingBox: e.getBoundingClientRect()
+      referenceRect: e.getBoundingClientRect()
     };
   }
 }
-function je({
-  pluginKey: o,
+function Xe({
+  pluginKey: t,
   editor: e,
-  char: t,
+  char: o,
   suggestionsMenuFactory: n,
   onSelectItem: r = () => {
   },
   items: a = () => []
 }) {
-  if (t.length !== 1)
+  if (o.length !== 1)
     throw new Error("'char' should be a single character");
-  const d = (i) => {
-    i.dispatch(i.state.tr.setMeta(o, { deactivate: !0 }));
+  const l = (i) => {
+    i.dispatch(i.state.tr.setMeta(t, { deactivate: !0 }));
   };
-  return new T({
-    key: o,
-    view: (i) => new Ve({
+  return new M({
+    key: t,
+    view: (i) => new Qe({
       editor: e,
-      pluginKey: o,
+      pluginKey: t,
       onSelectItem: (s) => {
-        d(i), r(s);
+        l(i), r(s);
       },
       suggestionsMenuFactory: n
     }),
@@ -936,73 +915,73 @@ function je({
       },
       apply(i, s, c, p) {
         var m, f, y, b;
-        const { selection: u } = i, l = { ...s };
-        if (i.getMeta("orderedListIndexing") !== void 0)
-          return l;
-        if (((m = i.getMeta(o)) == null ? void 0 : m.selectedItemIndexChanged) !== void 0) {
-          let g = i.getMeta(o).selectedItemIndexChanged;
-          return g < 0 && (g = s.items.length - 1), g >= s.items.length && (g = 0), l.selectedItemIndex = g, l;
+        const { selection: u } = i, d = { ...s };
+        if (i.getMeta("numberedListIndexing") !== void 0)
+          return d;
+        if (((m = i.getMeta(t)) == null ? void 0 : m.selectedItemIndexChanged) !== void 0) {
+          let k = i.getMeta(t).selectedItemIndexChanged;
+          return k < 0 && (k = s.items.length - 1), k >= s.items.length && (k = 0), d.selectedItemIndex = k, d;
         }
-        if (u.from === u.to && !((f = i.getMeta(o)) != null && f.deactivate) && !i.getMeta("focus") && !i.getMeta("blur") && !i.getMeta("pointer")) {
+        if (u.from === u.to && !((f = i.getMeta(t)) != null && f.deactivate) && !i.getMeta("focus") && !i.getMeta("blur") && !i.getMeta("pointer")) {
           if (s.active && u.from <= s.range.from)
-            l.active = !1;
-          else if ((y = i.getMeta(o)) != null && y.activate) {
-            const g = `id_${Math.floor(
+            d.active = !1;
+          else if ((y = i.getMeta(t)) != null && y.activate) {
+            const k = `id_${Math.floor(
               Math.random() * 4294967295
             )}`;
-            l.decorationId = g, l.range = {
+            d.decorationId = k, d.range = {
               from: u.from - 1,
               to: u.to
-            }, l.query = "", l.active = !0, l.type = (b = i.getMeta(o)) == null ? void 0 : b.type, l.selectedItemIndex = 0;
+            }, d.query = "", d.active = !0, d.type = (b = i.getMeta(t)) == null ? void 0 : b.type, d.selectedItemIndex = 0;
           } else if (s.active) {
-            const g = We(
-              s.type === "slash" ? t : "",
+            const k = Je(
+              s.type === "slash" ? o : "",
               p.selection
             );
-            if (!g)
+            if (!k)
               throw new Error("active but no match (suggestions)");
-            l.range = g.range, l.active = !0, l.decorationId = s.decorationId, l.query = g.query, l.selectedItemIndex = 0;
+            d.range = k.range, d.active = !0, d.decorationId = s.decorationId, d.query = k.query, d.selectedItemIndex = 0;
           }
         } else
-          l.active = !1;
-        return l.active && (l.items = a(l.query), l.items.length ? l.notFoundCount = 0 : l.range.to > s.range.to ? l.notFoundCount = s.notFoundCount + 1 : l.notFoundCount = s.notFoundCount, l.notFoundCount > 3 && (l.active = !1)), l.active || (l.decorationId = null, l.range = null, l.query = null, l.notFoundCount = 0, l.items = []), l;
+          d.active = !1;
+        return d.active && (d.items = a(d.query), d.items.length ? d.notFoundCount = 0 : d.range.to > s.range.to ? d.notFoundCount = s.notFoundCount + 1 : d.notFoundCount = s.notFoundCount, d.notFoundCount > 3 && (d.active = !1)), d.active || (d.decorationId = null, d.range = null, d.query = null, d.notFoundCount = 0, d.items = []), d;
       }
     },
     props: {
       handleKeyDown(i, s) {
         const { active: c } = this.getState(i.state);
         if (c) {
-          const { items: p, range: u, selectedItemIndex: l } = o.getState(
+          const { items: p, range: u, selectedItemIndex: d } = t.getState(
             i.state
           );
           if (s.key === "ArrowUp")
             return i.dispatch(
-              i.state.tr.setMeta(o, {
-                selectedItemIndexChanged: l - 1
+              i.state.tr.setMeta(t, {
+                selectedItemIndexChanged: d - 1
               })
             ), !0;
           if (s.key === "ArrowDown")
             return i.dispatch(
-              i.state.tr.setMeta(o, {
-                selectedItemIndexChanged: l + 1
+              i.state.tr.setMeta(t, {
+                selectedItemIndexChanged: d + 1
               })
             ), !0;
           if (s.key === "Enter")
-            return d(i), r({
-              item: p[l],
+            return l(i), r({
+              item: p[d],
               editor: e,
               range: u
             }), !0;
           if (s.key === "Escape")
-            return d(i), !0;
-        } else if (s.key === t)
+            return l(i), !0;
+        } else if (s.key === o)
           return i.dispatch(
-            i.state.tr.insertText(t).scrollIntoView().setMeta(o, { activate: !0, type: "slash" })
+            i.state.tr.insertText(o).scrollIntoView().setMeta(t, { activate: !0, type: "slash" })
           ), !0;
         return !1;
       },
       handleClick(i) {
-        d(i);
+        l(i);
       },
       decorations(i) {
         const { active: s, range: c, decorationId: p, type: u } = this.getState(
@@ -1011,12 +990,12 @@ function je({
         if (!s)
           return null;
         if (u === "drag") {
-          const l = Ke(i.selection);
-          if (l)
+          const d = je(i.selection);
+          if (d)
             return O.create(i.doc, [
               L.node(
-                l.pos,
-                l.pos + l.node.nodeSize,
+                d.pos,
+                d.pos + d.node.nodeSize,
                 {
                   nodeName: "span",
                   class: "suggestion-decorator",
@@ -1036,101 +1015,100 @@ function je({
     }
   });
 }
-const Ye = () => /Mac/.test(navigator.platform) || /AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent);
-function S(o) {
-  return Ye() ? o.replace("Mod", "\u2318") : o.replace("Mod", "Ctrl");
+const Ze = () => /Mac/.test(navigator.platform) || /AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent);
+function E(t) {
+  return Ze() ? t.replace("Mod", "\u2318") : t.replace("Mod", "Ctrl");
 }
-var B = /* @__PURE__ */ ((o) => (o.HEADINGS = "Headings", o.BASIC_BLOCKS = "Basic Blocks", o.CODE = "Code Blocks", o.INLINE = "Inline", o.EMBED = "Embed", o.PLUGIN = "Plugin", o))(B || {});
+var w = /* @__PURE__ */ ((t) => (t.HEADINGS = "Headings", t.BASIC_BLOCKS = "Basic Blocks", t.CODE = "Code Blocks", t.INLINE = "Inline", t.EMBED = "Embed", t.PLUGIN = "Plugin", t))(w || {});
 class x {
-  constructor(e, t, n, r = [], a, d) {
+  constructor(e, o, n, r = [], a, l) {
     h(this, "groupName");
-    this.name = e, this.group = t, this.execute = n, this.aliases = r, this.hint = a, this.shortcut = d, this.groupName = t;
+    this.name = e, this.group = o, this.execute = n, this.aliases = r, this.hint = a, this.shortcut = l, this.groupName = o;
   }
   match(e) {
     return this.name.toLowerCase().startsWith(e.toLowerCase()) || this.aliases.filter(
-      (t) => t.toLowerCase().startsWith(e.toLowerCase())
+      (o) => o.toLowerCase().startsWith(e.toLowerCase())
     ).length !== 0;
   }
 }
-const Je = {
+const et = {
   heading: new x(
     "Heading",
-    B.HEADINGS,
-    (o, e) => o.chain().focus().deleteRange(e).BNCreateBlockOrSetContentType(e.from, {
-      name: "headingContent",
-      attrs: {
-        headingLevel: "1"
+    w.HEADINGS,
+    (t, e) => t.chain().focus().deleteRange(e).BNCreateOrUpdateBlock(e.from, {
+      type: "heading",
+      props: {
+        level: "1"
       }
     }).run(),
     ["h", "heading1", "h1"],
     "Used for a top-level heading",
-    S("Mod-Alt-1")
+    E("Mod-Alt-1")
   ),
   heading2: new x(
     "Heading 2",
-    B.HEADINGS,
-    (o, e) => o.chain().focus().deleteRange(e).BNCreateBlockOrSetContentType(e.from, {
-      name: "headingContent",
-      attrs: {
-        headingLevel: "2"
+    w.HEADINGS,
+    (t, e) => t.chain().focus().deleteRange(e).BNCreateOrUpdateBlock(e.from, {
+      type: "heading",
+      props: {
+        level: "2"
       }
     }).run(),
     ["h2", "heading2", "subheading"],
     "Used for key sections",
-    S("Mod-Alt-2")
+    E("Mod-Alt-2")
   ),
   heading3: new x(
     "Heading 3",
-    B.HEADINGS,
-    (o, e) => o.chain().focus().deleteRange(e).BNCreateBlockOrSetContentType(e.from, {
-      name: "headingContent",
-      attrs: {
-        headingLevel: "3"
+    w.HEADINGS,
+    (t, e) => t.chain().focus().deleteRange(e).BNCreateOrUpdateBlock(e.from, {
+      type: "heading",
+      props: {
+        level: "3"
       }
     }).run(),
     ["h3", "heading3", "subheading"],
     "Used for subsections and group headings",
-    S("Mod-Alt-3")
+    E("Mod-Alt-3")
   ),
   numberedList: new x(
     "Numbered List",
-    B.BASIC_BLOCKS,
-    (o, e) => o.chain().focus().deleteRange(e).BNCreateBlockOrSetContentType(e.from, {
-      name: "listItemContent",
-      attrs: {
-        listItemType: "ordered"
-      }
+    w.BASIC_BLOCKS,
+    (t, e) => t.chain().focus().deleteRange(e).BNCreateOrUpdateBlock(e.from, {
+      type: "numberedListItem",
+      props: {}
     }).run(),
     ["li", "list", "numberedlist", "numbered list"],
     "Used to display a numbered list",
-    S("Mod-Shift-7")
+    E("Mod-Shift-7")
   ),
   bulletList: new x(
     "Bullet List",
-    B.BASIC_BLOCKS,
-    (o, e) => o.chain().focus().deleteRange(e).BNCreateBlockOrSetContentType(e.from, {
-      name: "listItemContent",
-      attrs: {
-        listItemType: "unordered"
-      }
+    w.BASIC_BLOCKS,
+    (t, e) => t.chain().focus().deleteRange(e).BNCreateOrUpdateBlock(e.from, {
+      type: "bulletListItem",
+      props: {}
     }).run(),
     ["ul", "list", "bulletlist", "bullet list"],
     "Used to display an unordered list",
-    S("Mod-Shift-8")
+    E("Mod-Shift-8")
   ),
   paragraph: new x(
     "Paragraph",
-    B.BASIC_BLOCKS,
-    (o, e) => o.chain().focus().deleteRange(e).BNCreateBlockOrSetContentType(e.from, { name: "textContent" }).run(),
+    w.BASIC_BLOCKS,
+    (t, e) => t.chain().focus().deleteRange(e).BNCreateOrUpdateBlock(e.from, {
+      type: "paragraph",
+      props: {}
+    }).run(),
     ["p"],
     "Used for the body of your document",
-    S("Mod-Alt-0")
+    E("Mod-Alt-0")
   )
-}, q = new v("suggestions-slash-commands"), Qe = E.create({
+}, q = new B("suggestions-slash-commands"), tt = P.create({
   name: "slash-command",
   addOptions() {
     return {
-      commands: Je,
+      commands: et,
       slashMenuFactory: void 0
     };
   },
@@ -1138,58 +1116,90 @@ const Je = {
     if (!this.options.slashMenuFactory)
       throw new Error("UI Element factory not defined for SlashMenuExtension");
     return [
-      je({
+      Xe({
         pluginKey: q,
         editor: this.editor,
         char: "/",
         suggestionsMenuFactory: this.options.slashMenuFactory,
-        items: (o) => {
+        items: (t) => {
           const e = [];
-          for (const t in this.options.commands)
-            e.push(this.options.commands[t]);
-          return e.filter((t) => t.match(o));
+          for (const o in this.options.commands)
+            e.push(this.options.commands[o]);
+          return e.filter((o) => o.match(t));
         },
-        onSelectItem: ({ item: o, editor: e, range: t }) => {
-          o.execute(e, t);
+        onSelectItem: ({ item: t, editor: e, range: o }) => {
+          t.execute(e, o);
         }
       })
     ];
   }
-}), Xe = "_bnEditor_xixap_3", Ze = "_bnRoot_xixap_13", et = "_dragPreview_xixap_27", $ = {
-  bnEditor: Xe,
-  bnRoot: Ze,
-  dragPreview: et
-}, tt = Te.__serializeForClipboard;
-let D, M;
-function ot() {
-  if (!D) {
-    const o = document.querySelector(
+});
+class A extends F {
+  constructor(o, n) {
+    super(o, n);
+    h(this, "nodes");
+    const r = o.node();
+    this.nodes = [], o.doc.nodesBetween(o.pos, n.pos, (a, l, i) => {
+      if (i !== null && i.eq(r))
+        return this.nodes.push(a), !1;
+    });
+  }
+  static create(o, n, r = n) {
+    return new A(o.resolve(n), o.resolve(r));
+  }
+  content() {
+    return new z(Z.from(this.nodes), 0, 0);
+  }
+  eq(o) {
+    if (!(o instanceof A) || this.nodes.length !== o.nodes.length || this.from !== o.from || this.to !== o.to)
+      return !1;
+    for (let n = 0; n < this.nodes.length; n++)
+      if (!this.nodes[n].eq(o.nodes[n]))
+        return !1;
+    return !0;
+  }
+  map(o, n) {
+    let r = n.mapResult(this.from), a = n.mapResult(this.to);
+    return a.deleted ? F.near(o.resolve(r.pos)) : r.deleted ? F.near(o.resolve(a.pos)) : new A(
+      o.resolve(r.pos),
+      o.resolve(a.pos)
+    );
+  }
+  toJSON() {
+    return { type: "node", anchor: this.anchor, head: this.head };
+  }
+}
+const ot = Me.__serializeForClipboard;
+let _, I;
+function nt() {
+  if (!_) {
+    const t = document.querySelector(
       ".ProseMirror > [class*='blockGroup']"
     );
-    o && (D = rt(o).left);
+    t && (_ = it(t).left);
   }
-  return D;
+  return _;
 }
-function nt(o) {
+function rt(t) {
   let e = {
-    left: o.left + document.body.scrollLeft,
-    top: o.top + document.body.scrollTop,
-    width: o.width,
-    height: o.height,
+    left: t.left + document.body.scrollLeft,
+    top: t.top + document.body.scrollTop,
+    width: t.width,
+    height: t.height,
     bottom: 0,
     right: 0
   };
   return e.bottom = e.top + e.height, e.right = e.left + e.width, e;
 }
-function rt(o) {
-  return nt(o.getBoundingClientRect());
+function it(t) {
+  return rt(t.getBoundingClientRect());
 }
-function oe(o, e) {
+function oe(t, e) {
   var r;
-  let t = e.posAtCoords(o);
-  if (!t)
+  let o = e.posAtCoords(t);
+  if (!o)
     return;
-  let n = e.domAtPos(t.pos).node;
+  let n = e.domAtPos(o.pos).node;
   if (n !== e.dom) {
     for (; n && n.parentNode && n.parentNode !== e.dom && !((r = n.hasAttribute) != null && r.call(n, "data-id")); )
       n = n.parentNode;
@@ -1197,63 +1207,63 @@ function oe(o, e) {
       return { node: n, id: n.getAttribute("data-id") };
   }
 }
-function it(o, e) {
-  let t = oe(o, e);
-  if (t && t.node.nodeType === 1) {
+function st(t, e) {
+  let o = oe(t, e);
+  if (o && o.node.nodeType === 1) {
     const n = e.docView;
-    let r = n.nearestDesc(t.node, !0);
+    let r = n.nearestDesc(o.node, !0);
     return !r || r === n ? null : r.posBefore;
   }
   return null;
 }
-function st(o, e) {
-  let t, n;
-  const r = e.resolve(o.from).node().type.spec.group === "blockContent", a = e.resolve(o.to).node().type.spec.group === "blockContent", d = Math.min(o.$anchor.depth, o.$head.depth);
+function at(t, e) {
+  let o, n;
+  const r = e.resolve(t.from).node().type.spec.group === "blockContent", a = e.resolve(t.to).node().type.spec.group === "blockContent", l = Math.min(t.$anchor.depth, t.$head.depth);
   if (r && a) {
-    const i = o.$from.start(d - 1), s = o.$to.end(d - 1);
-    t = e.resolve(i - 1).pos, n = e.resolve(s + 1).pos;
+    const i = t.$from.start(l - 1), s = t.$to.end(l - 1);
+    o = e.resolve(i - 1).pos, n = e.resolve(s + 1).pos;
   } else
-    t = o.from, n = o.to;
-  return { from: t, to: n };
+    o = t.from, n = t.to;
+  return { from: o, to: n };
 }
-function J(o, e, t = e) {
-  e === t && (t += o.state.doc.resolve(e + 1).node().nodeSize);
-  const n = o.domAtPos(e).node.cloneNode(!0), r = o.domAtPos(e).node, a = (s, c) => Array.prototype.indexOf.call(s.children, c), d = a(
+function j(t, e, o = e) {
+  e === o && (o += t.state.doc.resolve(e + 1).node().nodeSize);
+  const n = t.domAtPos(e).node.cloneNode(!0), r = t.domAtPos(e).node, a = (s, c) => Array.prototype.indexOf.call(s.children, c), l = a(
     r,
-    o.domAtPos(e + 1).node.parentElement
+    t.domAtPos(e + 1).node.parentElement
   ), i = a(
     r,
-    o.domAtPos(t - 1).node.parentElement
+    t.domAtPos(o - 1).node.parentElement
   );
   for (let s = r.childElementCount - 1; s >= 0; s--)
-    (s > i || s < d) && n.removeChild(n.children[s]);
-  M = n, M.className = $.dragPreview, document.body.appendChild(M);
+    (s > i || s < l) && n.removeChild(n.children[s]);
+  I = n, I.className = U.dragPreview, document.body.appendChild(I);
 }
-function at() {
-  M !== void 0 && (document.body.removeChild(M), M = void 0);
+function lt() {
+  I !== void 0 && (document.body.removeChild(I), I = void 0);
 }
-function dt(o, e) {
-  if (!o.dataTransfer)
+function dt(t, e) {
+  if (!t.dataTransfer)
     return;
-  let t = {
+  let o = {
     left: e.dom.clientWidth / 2,
-    top: o.clientY
-  }, n = it(t, e);
+    top: t.clientY
+  }, n = st(o, e);
   if (n != null) {
-    const r = e.state.selection, a = e.state.doc, { from: d, to: i } = st(r, a), s = d <= n && n < i, c = !r.$anchor.node().eq(r.$head.node());
+    const r = e.state.selection, a = e.state.doc, { from: l, to: i } = at(r, a), s = l <= n && n < i, c = !r.$anchor.node().eq(r.$head.node());
     s && c ? (e.dispatch(
-      e.state.tr.setSelection(A.create(a, d, i))
-    ), J(e, d, i)) : (e.dispatch(
-      e.state.tr.setSelection(Ie.create(e.state.doc, n))
-    ), J(e, n));
-    let p = e.state.selection.content(), { dom: u, text: l } = tt(e, p);
-    o.dataTransfer.clearData(), o.dataTransfer.setData("text/html", u.innerHTML), o.dataTransfer.setData("text/plain", l), o.dataTransfer.effectAllowed = "move", o.dataTransfer.setDragImage(M, 0, 0), e.dragging = { slice: p, move: !0 };
+      e.state.tr.setSelection(A.create(a, l, i))
+    ), j(e, l, i)) : (e.dispatch(
+      e.state.tr.setSelection(Be.create(e.state.doc, n))
+    ), j(e, n));
+    let p = e.state.selection.content(), { dom: u, text: d } = ot(e, p);
+    t.dataTransfer.clearData(), t.dataTransfer.setData("text/html", u.innerHTML), t.dataTransfer.setData("text/plain", d), t.dataTransfer.effectAllowed = "move", t.dataTransfer.setDragImage(I, 0, 0), e.dragging = { slice: p, move: !0 };
   }
 }
-class lt {
+class ct {
   constructor({
     editor: e,
-    blockMenuFactory: t,
+    blockMenuFactory: o,
     horizontalPosAnchoredAtRoot: n
   }) {
     h(this, "editor");
@@ -1262,7 +1272,7 @@ class lt {
     h(this, "hoveredBlock");
     h(this, "menuOpen", !1);
     h(this, "menuFrozen", !1);
-    this.editor = e, this.horizontalPosAnchoredAtRoot = n, this.blockMenu = t(this.getStaticParams()), document.body.addEventListener(
+    this.editor = e, this.horizontalPosAnchoredAtRoot = n, this.blockMenu = o(this.getStaticParams()), document.body.addEventListener(
       "mousemove",
       (r) => {
         var s, c;
@@ -1271,14 +1281,14 @@ class lt {
         const a = {
           left: this.editor.view.dom.clientWidth / 2,
           top: r.clientY
-        }, d = oe(a, this.editor.view);
-        if (!d) {
+        }, l = oe(a, this.editor.view);
+        if (!l) {
           this.menuOpen && (this.menuOpen = !1, this.blockMenu.hide());
           return;
         }
-        if (this.menuOpen && ((s = this.hoveredBlock) == null ? void 0 : s.hasAttribute("data-id")) && ((c = this.hoveredBlock) == null ? void 0 : c.getAttribute("data-id")) === d.id)
+        if (this.menuOpen && ((s = this.hoveredBlock) == null ? void 0 : s.hasAttribute("data-id")) && ((c = this.hoveredBlock) == null ? void 0 : c.getAttribute("data-id")) === l.id)
           return;
-        const i = d.node.firstChild;
+        const i = l.node.firstChild;
         this.hoveredBlock = i, i && (this.menuOpen ? this.blockMenu.render(this.getDynamicParams(), !1) : (this.menuOpen = !0, this.blockMenu.render(this.getDynamicParams(), !0)));
       },
       !0
@@ -1302,19 +1312,19 @@ class lt {
   }
   addBlock() {
     this.menuOpen = !1, this.menuFrozen = !0, this.blockMenu.hide();
-    const e = this.hoveredBlock.getBoundingClientRect(), t = this.editor.view.posAtCoords({
+    const e = this.hoveredBlock.getBoundingClientRect(), o = this.editor.view.posAtCoords({
       left: e.left,
       top: e.top
     });
-    if (!t)
+    if (!o)
       return;
-    const n = k(this.editor.state.doc, t.pos);
+    const n = g(this.editor.state.doc, o.pos);
     if (n === void 0)
       return;
     const { contentNode: r, endPos: a } = n;
     if (r.textContent.length !== 0) {
-      const d = a + 1, i = d + 2;
-      this.editor.chain().BNCreateBlock(d).BNSetContentType(i, { name: "textContent" }).setTextSelection(i).run();
+      const l = a + 1, i = l + 2;
+      this.editor.chain().BNCreateBlock(l).BNUpdateBlock(i, { type: "paragraph", props: {} }).setTextSelection(i).run();
     }
     this.editor.view.focus(), this.editor.view.dispatch(
       this.editor.view.state.tr.scrollIntoView().setMeta(q, {
@@ -1325,18 +1335,18 @@ class lt {
   }
   deleteBlock() {
     this.menuOpen = !1, this.blockMenu.hide();
-    const e = this.hoveredBlock.getBoundingClientRect(), t = this.editor.view.posAtCoords({
+    const e = this.hoveredBlock.getBoundingClientRect(), o = this.editor.view.posAtCoords({
       left: e.left,
       top: e.top
     });
-    !t || this.editor.commands.BNDeleteBlock(t.pos);
+    !o || this.editor.commands.BNDeleteBlock(o.pos);
   }
   getStaticParams() {
     return {
       addBlock: () => this.addBlock(),
       deleteBlock: () => this.deleteBlock(),
       blockDragStart: (e) => dt(e, this.editor.view),
-      blockDragEnd: () => at(),
+      blockDragEnd: () => lt(),
       freezeMenu: () => {
         this.menuFrozen = !0;
       },
@@ -1348,8 +1358,8 @@ class lt {
   getDynamicParams() {
     const e = this.hoveredBlock.getBoundingClientRect();
     return {
-      blockBoundingBox: new DOMRect(
-        this.horizontalPosAnchoredAtRoot ? ot() : e.x,
+      referenceRect: new DOMRect(
+        this.horizontalPosAnchoredAtRoot ? nt() : e.x,
         e.y,
         e.width,
         e.height
@@ -1357,14 +1367,14 @@ class lt {
     };
   }
 }
-const ct = (o) => new T({
-  key: new v("DraggableBlocksPlugin"),
-  view: () => new lt({
-    editor: o.editor,
-    blockMenuFactory: o.blockSideMenuFactory,
+const ut = (t) => new M({
+  key: new B("DraggableBlocksPlugin"),
+  view: () => new ct({
+    editor: t.editor,
+    blockMenuFactory: t.blockSideMenuFactory,
     horizontalPosAnchoredAtRoot: !0
   })
-}), ut = E.create({
+}), ht = P.create({
   name: "DraggableBlocksExtension",
   priority: 1e3,
   addProseMirrorPlugins() {
@@ -1373,15 +1383,15 @@ const ct = (o) => new T({
         "UI Element factory not defined for DraggableBlocksExtension"
       );
     return [
-      ct({
+      ut({
         editor: this.editor,
         blockSideMenuFactory: this.options.blockSideMenuFactory
       })
     ];
   }
-}), ht = new v("HyperlinkToolbarPlugin");
-class pt {
-  constructor({ editor: e, hyperlinkToolbarFactory: t }) {
+}), pt = new B("HyperlinkToolbarPlugin");
+class mt {
+  constructor({ editor: e, hyperlinkToolbarFactory: o }) {
     h(this, "editor");
     h(this, "hyperlinkToolbar");
     h(this, "menuUpdateTimer");
@@ -1393,19 +1403,19 @@ class pt {
     h(this, "keyboardHoveredHyperlinkMarkRange");
     h(this, "hyperlinkMark");
     h(this, "hyperlinkMarkRange");
-    this.editor = e, this.hyperlinkToolbar = t(this.getStaticParams()), this.startMenuUpdateTimer = () => {
+    this.editor = e, this.hyperlinkToolbar = o(this.getStaticParams()), this.startMenuUpdateTimer = () => {
       this.menuUpdateTimer = setTimeout(() => {
         this.update();
       }, 250);
     }, this.stopMenuUpdateTimer = () => (this.menuUpdateTimer && (clearTimeout(this.menuUpdateTimer), this.menuUpdateTimer = void 0), !1), e.view.dom.addEventListener("mouseover", (n) => {
       if (this.mouseHoveredHyperlinkMark = void 0, this.mouseHoveredHyperlinkMarkRange = void 0, this.stopMenuUpdateTimer(), n.target instanceof HTMLAnchorElement && n.target.nodeName === "A") {
-        const r = n.target, a = e.view.posAtDOM(r, 0) + 1, d = e.state.doc.resolve(
+        const r = n.target, a = e.view.posAtDOM(r, 0) + 1, l = e.state.doc.resolve(
           a
-        ), i = d.marks();
+        ), i = l.marks();
         for (const s of i)
           if (s.type.name === e.schema.mark("link").type.name) {
-            this.mouseHoveredHyperlinkMark = s, this.mouseHoveredHyperlinkMarkRange = K(
-              d,
+            this.mouseHoveredHyperlinkMark = s, this.mouseHoveredHyperlinkMarkRange = W(
+              l,
               s.type,
               s.attrs
             ) || void 0;
@@ -1416,15 +1426,15 @@ class pt {
     });
   }
   update() {
-    var t, n, r, a;
+    var o, n, r, a;
     if (!this.editor.view.hasFocus())
       return;
     const e = this.hyperlinkMark;
     if (this.hyperlinkMark = void 0, this.hyperlinkMarkRange = void 0, this.keyboardHoveredHyperlinkMark = void 0, this.keyboardHoveredHyperlinkMarkRange = void 0, this.editor.state.selection.empty) {
-      const d = this.editor.state.selection.$from.marks();
-      for (const i of d)
+      const l = this.editor.state.selection.$from.marks();
+      for (const i of l)
         if (i.type.name === this.editor.schema.mark("link").type.name) {
-          this.keyboardHoveredHyperlinkMark = i, this.keyboardHoveredHyperlinkMarkRange = K(
+          this.keyboardHoveredHyperlinkMark = i, this.keyboardHoveredHyperlinkMarkRange = W(
             this.editor.state.selection.$from,
             i.type,
             i.attrs
@@ -1434,7 +1444,7 @@ class pt {
     }
     if (this.mouseHoveredHyperlinkMark && (this.hyperlinkMark = this.mouseHoveredHyperlinkMark, this.hyperlinkMarkRange = this.mouseHoveredHyperlinkMarkRange), this.keyboardHoveredHyperlinkMark && (this.hyperlinkMark = this.keyboardHoveredHyperlinkMark, this.hyperlinkMarkRange = this.keyboardHoveredHyperlinkMarkRange), this.hyperlinkMark) {
       if (this.getDynamicParams(), !e) {
-        this.hyperlinkToolbar.render(this.getDynamicParams(), !0), (t = this.hyperlinkToolbar.element) == null || t.addEventListener(
+        this.hyperlinkToolbar.render(this.getDynamicParams(), !0), (o = this.hyperlinkToolbar.element) == null || o.addEventListener(
           "mouseleave",
           this.startMenuUpdateTimer
         ), (n = this.hyperlinkToolbar.element) == null || n.addEventListener(
@@ -1444,6 +1454,7 @@ class pt {
         return;
       }
       this.hyperlinkToolbar.render(this.getDynamicParams(), !1);
+      return;
     }
     if (!this.hyperlinkMark && e) {
       (r = this.hyperlinkToolbar.element) == null || r.removeEventListener(
@@ -1458,15 +1469,15 @@ class pt {
   }
   getStaticParams() {
     return {
-      editHyperlink: (e, t) => {
+      editHyperlink: (e, o) => {
         const n = this.editor.view.state.tr.insertText(
-          t,
+          o,
           this.hyperlinkMarkRange.from,
           this.hyperlinkMarkRange.to
         );
         n.addMark(
           this.hyperlinkMarkRange.from,
-          this.hyperlinkMarkRange.from + t.length,
+          this.hyperlinkMarkRange.from + o.length,
           this.editor.schema.mark("link", { href: e })
         ), this.editor.view.dispatch(n), this.editor.view.focus(), this.hyperlinkToolbar.hide();
       },
@@ -1488,7 +1499,7 @@ class pt {
         this.hyperlinkMarkRange.from,
         this.hyperlinkMarkRange.to
       ),
-      boundingBox: Z(
+      referenceRect: X(
         this.editor.view,
         this.hyperlinkMarkRange.from,
         this.hyperlinkMarkRange.to
@@ -1496,30 +1507,26 @@ class pt {
     };
   }
 }
-const mt = (o, e) => new T({
-  key: ht,
-  view: () => new pt({
-    editor: o,
+const ft = (t, e) => new M({
+  key: pt,
+  view: () => new mt({
+    editor: t,
     hyperlinkToolbarFactory: e.hyperlinkToolbarFactory
   })
-}), ft = te.extend({
+}), kt = ee.extend({
   priority: 500,
   addProseMirrorPlugins() {
-    var o;
+    var t;
     if (!this.options.hyperlinkToolbarFactory)
       throw new Error("UI Element factory not defined for HyperlinkMark");
     return [
-      ...((o = this.parent) == null ? void 0 : o.call(this)) || [],
-      mt(this.editor, {
+      ...((t = this.parent) == null ? void 0 : t.call(this)) || [],
+      ft(this.editor, {
         hyperlinkToolbarFactory: this.options.hyperlinkToolbarFactory
       })
     ];
   }
-}), gt = Ce.extend({
-  addKeyboardShortcuts: () => ({
-    "Mod-Alt-0": () => !1
-  })
-}), kt = new v("blocknote-placeholder"), yt = E.create({
+}), gt = new B("blocknote-placeholder"), yt = P.create({
   name: "placeholder",
   addOptions() {
     return {
@@ -1535,38 +1542,38 @@ const mt = (o, e) => new T({
   },
   addProseMirrorPlugins() {
     return [
-      new T({
-        key: kt,
+      new M({
+        key: gt,
         props: {
-          decorations: (o) => {
-            const { doc: e, selection: t } = o, n = q.getState(o), r = this.editor.isEditable || !this.options.showOnlyWhenEditable, { anchor: a } = t, d = [];
+          decorations: (t) => {
+            const { doc: e, selection: o } = t, n = q.getState(t), r = this.editor.isEditable || !this.options.showOnlyWhenEditable, { anchor: a } = o, l = [];
             if (!!r)
               return e.descendants((i, s) => {
                 const c = a >= s && a <= s + i.nodeSize, p = !i.isLeaf && !i.childCount;
                 if ((c || !this.options.showOnlyCurrent) && p) {
                   const u = [this.options.emptyNodeClass];
                   this.editor.isEmpty && u.push(this.options.emptyEditorClass), c && u.push(this.options.hasAnchorClass), (n == null ? void 0 : n.type) === "drag" && (n == null ? void 0 : n.active) && u.push(this.options.isFilterClass);
-                  const l = L.node(s, s + i.nodeSize, {
+                  const d = L.node(s, s + i.nodeSize, {
                     class: u.join(" ")
                   });
-                  d.push(l);
+                  l.push(d);
                 }
                 return this.options.includeChildren;
-              }), O.create(e, d);
+              }), O.create(e, l);
           }
         }
       })
     ];
   }
-}), bt = E.create({
+}), bt = P.create({
   name: "trailingNode",
   addProseMirrorPlugins() {
-    const o = new v(this.name);
+    const t = new B(this.name);
     return [
-      new T({
-        key: o,
-        appendTransaction: (e, t, n) => {
-          const { doc: r, tr: a, schema: d } = n, i = o.getState(n), s = r.content.size - 2, c = d.nodes.block, p = d.nodes.textContent;
+      new M({
+        key: t,
+        appendTransaction: (e, o, n) => {
+          const { doc: r, tr: a, schema: l } = n, i = t.getState(n), s = r.content.size - 2, c = l.nodes.blockContainer, p = l.nodes.paragraph;
           if (!!i)
             return a.insert(
               s,
@@ -1574,16 +1581,16 @@ const mt = (o, e) => new T({
             );
         },
         state: {
-          init: (e, t) => {
+          init: (e, o) => {
           },
-          apply: (e, t) => {
+          apply: (e, o) => {
             if (!e.docChanged)
-              return t;
+              return o;
             let n = e.doc.lastChild;
             if (!n || n.type.name !== "blockGroup")
               throw new Error("Expected blockGroup");
-            if (n = n.lastChild, !n || n.type.name !== "block")
-              throw new Error("Expected block");
+            if (n = n.lastChild, !n || n.type.name !== "blockContainer")
+              throw new Error("Expected blockContainer");
             return n.nodeSize > 4;
           }
         }
@@ -1591,27 +1598,27 @@ const mt = (o, e) => new T({
     ];
   }
 });
-function vt(o, e = JSON.stringify) {
-  const t = {};
-  return o.filter((n) => {
+function vt(t, e = JSON.stringify) {
+  const o = {};
+  return t.filter((n) => {
     const r = e(n);
-    return Object.prototype.hasOwnProperty.call(t, r) ? !1 : t[r] = !0;
+    return Object.prototype.hasOwnProperty.call(o, r) ? !1 : o[r] = !0;
   });
 }
-function It(o) {
-  const e = o.filter(
-    (n, r) => o.indexOf(n) !== r
+function Bt(t) {
+  const e = t.filter(
+    (n, r) => t.indexOf(n) !== r
   );
   return vt(e);
 }
-const Tt = E.create({
+const Mt = P.create({
   name: "uniqueID",
   priority: 1e4,
   addOptions() {
     return {
       attributeName: "id",
       types: [],
-      generateID: () => window.__TEST_OPTIONS ? (window.__TEST_OPTIONS.mockID === void 0 ? window.__TEST_OPTIONS.mockID = 0 : window.__TEST_OPTIONS.mockID++, parseInt(window.__TEST_OPTIONS.mockID)) : Be(),
+      generateID: () => window.__TEST_OPTIONS ? (window.__TEST_OPTIONS.mockID === void 0 ? window.__TEST_OPTIONS.mockID = 0 : window.__TEST_OPTIONS.mockID++, parseInt(window.__TEST_OPTIONS.mockID)) : Ce(),
       filterTransaction: null
     };
   },
@@ -1621,7 +1628,11 @@ const Tt = E.create({
         types: this.options.types,
         attributes: {
           [this.options.attributeName]: {
-            default: null
+            default: null,
+            parseHTML: (t) => t.getAttribute(`data-${this.options.attributeName}`),
+            renderHTML: (t) => ({
+              [`data-${this.options.attributeName}`]: t[this.options.attributeName]
+            })
           }
         }
       }
@@ -1632,37 +1643,37 @@ const Tt = E.create({
       (s) => s.name === "collaboration"
     ))
       return;
-    const { view: o, state: e } = this.editor, { tr: t, doc: n } = e, { types: r, attributeName: a, generateID: d } = this.options;
-    _(n, (s) => r.includes(s.type.name) && s.attrs[a] === null).forEach(({ node: s, pos: c }) => {
-      t.setNodeMarkup(c, void 0, {
+    const { view: t, state: e } = this.editor, { tr: o, doc: n } = e, { types: r, attributeName: a, generateID: l } = this.options;
+    D(n, (s) => r.includes(s.type.name) && s.attrs[a] === null).forEach(({ node: s, pos: c }) => {
+      o.setNodeMarkup(c, void 0, {
         ...s.attrs,
-        [a]: d()
+        [a]: l()
       });
-    }), t.setMeta("addToHistory", !1), o.dispatch(t);
+    }), o.setMeta("addToHistory", !1), t.dispatch(o);
   },
   addProseMirrorPlugins() {
-    let o = null, e = !1;
+    let t = null, e = !1;
     return [
-      new T({
-        key: new v("uniqueID"),
-        appendTransaction: (t, n, r) => {
+      new M({
+        key: new B("uniqueID"),
+        appendTransaction: (o, n, r) => {
           console.log("appendTransaction");
-          const a = t.some((f) => f.docChanged) && !n.doc.eq(r.doc), d = this.options.filterTransaction && t.some((f) => {
+          const a = o.some((f) => f.docChanged) && !n.doc.eq(r.doc), l = this.options.filterTransaction && o.some((f) => {
             var y, b;
             return !(!((b = (y = this.options).filterTransaction) === null || b === void 0) && b.call(y, f));
           });
-          if (!a || d)
+          if (!a || l)
             return;
-          const { tr: i } = r, { types: s, attributeName: c, generateID: p } = this.options, u = Q(
+          const { tr: i } = r, { types: s, attributeName: c, generateID: p } = this.options, u = J(
             n.doc,
-            t
-          ), { mapping: l } = u;
-          if (X(u).forEach(({ newRange: f }) => {
-            const y = le(
+            o
+          ), { mapping: d } = u;
+          if (Q(u).forEach(({ newRange: f }) => {
+            const y = de(
               r.doc,
               f,
               (C) => s.includes(C.type.name)
-            ), b = y.map(({ node: C }) => C.attrs[c]).filter((C) => C !== null), g = It(b);
+            ), b = y.map(({ node: C }) => C.attrs[c]).filter((C) => C !== null), k = Bt(b);
             y.forEach(({ node: C, pos: H }) => {
               var R;
               const G = (R = i.doc.nodeAt(H)) === null || R === void 0 ? void 0 : R.attrs[c];
@@ -1673,8 +1684,8 @@ const Tt = E.create({
                 });
                 return;
               }
-              const { deleted: ne } = l.invert().mapResult(H);
-              ne && g.includes(G) && i.setNodeMarkup(H, void 0, {
+              const { deleted: ne } = d.invert().mapResult(H);
+              ne && k.includes(G) && i.setNodeMarkup(H, void 0, {
                 ...C.attrs,
                 [c]: p()
               });
@@ -1682,10 +1693,10 @@ const Tt = E.create({
           }), !!i.steps.length)
             return i;
         },
-        view(t) {
+        view(o) {
           const n = (r) => {
             var a;
-            o = !((a = t.dom.parentElement) === null || a === void 0) && a.contains(r.target) ? t.dom.parentElement : null;
+            t = !((a = o.dom.parentElement) === null || a === void 0) && a.contains(r.target) ? o.dom.parentElement : null;
           };
           return window.addEventListener("dragstart", n), {
             destroy() {
@@ -1695,18 +1706,18 @@ const Tt = E.create({
         },
         props: {
           handleDOMEvents: {
-            drop: (t, n) => {
+            drop: (o, n) => {
               var r;
-              return (o !== t.dom.parentElement || ((r = n.dataTransfer) === null || r === void 0 ? void 0 : r.effectAllowed) === "copy") && (o = null, e = !0), !1;
+              return (t !== o.dom.parentElement || ((r = n.dataTransfer) === null || r === void 0 ? void 0 : r.effectAllowed) === "copy") && (t = null, e = !0), !1;
             },
             paste: () => (e = !0, !1)
           },
-          transformPasted: (t) => {
+          transformPasted: (o) => {
             if (!e)
-              return t;
-            const { types: n, attributeName: r } = this.options, a = (d) => {
+              return o;
+            const { types: n, attributeName: r } = this.options, a = (l) => {
               const i = [];
-              return d.forEach((s) => {
+              return l.forEach((s) => {
                 if (s.isText) {
                   i.push(s);
                   return;
@@ -1724,94 +1735,89 @@ const Tt = E.create({
                   s.marks
                 );
                 i.push(c);
-              }), ee.from(i);
+              }), Z.from(i);
             };
             return e = !1, new z(
-              a(t.content),
-              t.openStart,
-              t.openEnd
+              a(o.content),
+              o.openStart,
+              o.openEnd
             );
           }
         }
       })
     ];
   }
-}), Kt = w.create({
-  name: "doc",
-  topNode: !0,
-  content: "block+"
-}), Ct = (o) => {
+}), Ct = (t) => {
   const e = [
-    P.ClipboardTextSerializer,
-    P.Commands,
-    P.Editable,
-    P.FocusEvents,
-    P.Tabindex,
+    N.ClipboardTextSerializer,
+    N.Commands,
+    N.Editable,
+    N.FocusEvents,
+    N.Tabindex,
     me,
     yt.configure({
-      emptyNodeClass: I.isEmpty,
-      hasAnchorClass: I.hasAnchor,
-      isFilterClass: I.isFilter,
+      emptyNodeClass: v.isEmpty,
+      hasAnchorClass: v.hasAnchor,
+      isFilterClass: v.isFilter,
       includeChildren: !0,
       showOnlyCurrent: !1
     }),
-    Tt.configure({
-      types: ["block"]
+    Mt.configure({
+      types: ["blockContainer"]
     }),
     fe,
     be,
     ue,
     he,
-    ke,
+    ge,
     ye,
     ve,
-    gt,
-    ...$e,
+    ...ze,
     pe.configure({ width: 5, color: "#ddeeff" }),
-    ge,
+    ke,
     bt
   ];
-  return o.blockSideMenuFactory && e.push(
-    ut.configure({
-      blockSideMenuFactory: o.blockSideMenuFactory
+  return t.blockSideMenuFactory && e.push(
+    ht.configure({
+      blockSideMenuFactory: t.blockSideMenuFactory
     })
-  ), o.formattingToolbarFactory && e.push(
-    Ge.configure({
-      formattingToolbarFactory: o.formattingToolbarFactory
+  ), t.formattingToolbarFactory && e.push(
+    We.configure({
+      formattingToolbarFactory: t.formattingToolbarFactory
     })
-  ), o.hyperlinkToolbarFactory ? e.push(
-    ft.configure({
-      hyperlinkToolbarFactory: o.hyperlinkToolbarFactory
+  ), t.hyperlinkToolbarFactory ? e.push(
+    kt.configure({
+      hyperlinkToolbarFactory: t.hyperlinkToolbarFactory
     })
-  ) : e.push(te), o.slashMenuFactory && e.push(
-    Qe.configure({
-      slashMenuFactory: o.slashMenuFactory
+  ) : e.push(ee), t.slashMenuFactory && e.push(
+    tt.configure({
+      slashMenuFactory: t.slashMenuFactory
     })
   ), e;
-}, Bt = {
+}, wt = {
   enableInputRules: !0,
   enablePasteRules: !0,
   enableCoreExtensions: !1
 };
-class Wt {
+class Gt {
   constructor(e = {}) {
     h(this, "tiptapEditor");
-    var a, d, i;
-    const t = Ct(
+    var a, l, i;
+    const o = Ct(
       e.uiFactories || {}
     );
-    let n = e.disableHistoryExtension ? t.filter((s) => s.name !== "history") : t;
+    let n = e.disableHistoryExtension ? o.filter((s) => s.name !== "history") : o;
     const r = {
-      ...Bt,
+      ...wt,
       ...e,
       extensions: e.enableBlockNoteExtensions === !1 ? e.extensions : [...e.extensions || [], ...n],
       editorProps: {
         attributes: {
           ...((a = e.editorProps) == null ? void 0 : a.attributes) || {},
           class: [
-            $.bnEditor,
-            $.bnRoot,
-            ((i = (d = e.editorProps) == null ? void 0 : d.attributes) == null ? void 0 : i.class) || ""
+            U.bnEditor,
+            U.bnRoot,
+            ((i = (l = e.editorProps) == null ? void 0 : l.attributes) == null ? void 0 : i.class) || ""
           ].join(" ")
         }
       }
@@ -1820,9 +1826,8 @@ class Wt {
   }
 }
 export {
-  Wt as BlockNoteEditor,
-  Kt as Document,
-  B as SlashMenuGroups,
+  Gt as BlockNoteEditor,
+  w as SlashMenuGroups,
   x as SlashMenuItem,
   Ct as getBlockNoteExtensions
 };