@blocknote/xl-multi-column 0.23.1 → 0.23.3

package/dist/blocknote-xl-multi-column.js

@@ -1,14 +1,13 @@
-var F = Object.defineProperty;
-var Y = (o, e, t) => e in o ? F(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var p = (o, e, t) => Y(o, typeof e != "symbol" ? e + "" : e, t);
-import { getNodeById as E, createStronglyTypedTiptapNode as R, createBlockSpecFromStronglyTypedTiptapNode as j, BlockNoteSchema as z, getBlockInfo as Z, nodeToBlock as S, UniqueID as q, getNearestBlockPos as $, insertOrUpdateBlock as O } from "@blocknote/core";
-import { Extension as J } from "@tiptap/core";
-import { PluginKey as Q, Plugin as H } from "prosemirror-state";
-import { DecorationSet as D, Decoration as B } from "prosemirror-view";
-import { dropPoint as ee } from "prosemirror-transform";
-import { jsx as T } from "react/jsx-runtime";
-import v from "react";
-const te = {
+var jt = Object.defineProperty;
+var Nt = (n, t, r) => t in n ? jt(n, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : n[t] = r;
+var R = (n, t, r) => Nt(n, typeof t != "symbol" ? t + "" : t, r);
+import { getNodeById as Me, createStronglyTypedTiptapNode as Ye, createBlockSpecFromStronglyTypedTiptapNode as $e, BlockNoteSchema as Xe, getBlockInfo as Mt, nodeToBlock as ue, UniqueID as Bt, getNearestBlockPos as It, insertOrUpdateBlock as Be } from "@blocknote/core";
+import { Extension as At } from "@tiptap/core";
+import { PluginKey as Lt, Plugin as Ke } from "prosemirror-state";
+import { DecorationSet as Ie, Decoration as Ae } from "prosemirror-view";
+import { dropPoint as Wt } from "prosemirror-transform";
+import I from "react";
+const Vt = {
   slash_menu: {
     two_columns: {
       title: "عمودان",
@@ -23,7 +22,7 @@ const te = {
       group: "الكتل الأساسية"
     }
   }
-}, oe = {
+}, zt = {
   slash_menu: {
     two_columns: {
       title: "Zwei Spalten",
@@ -38,7 +37,7 @@ const te = {
       group: "Grundlegende blöcke"
     }
   }
-}, ne = {
+}, Ft = {
   slash_menu: {
     two_columns: {
       title: "Two Columns",
@@ -53,7 +52,7 @@ const te = {
       group: "Basic blocks"
     }
   }
-}, ie = {
+}, Ht = {
   slash_menu: {
     two_columns: {
       title: "Dos Columnas",
@@ -68,7 +67,7 @@ const te = {
       group: "Bloques básicos"
     }
   }
-}, se = {
+}, Ut = {
   slash_menu: {
     two_columns: {
       title: "Deux Colonnes",
@@ -83,7 +82,7 @@ const te = {
       group: "Blocs de base"
     }
   }
-}, re = {
+}, Yt = {
   slash_menu: {
     two_columns: {
       title: "Dva Stupca",
@@ -98,7 +97,7 @@ const te = {
       group: "Osnovni blokovi"
     }
   }
-}, le = {
+}, $t = {
   slash_menu: {
     two_columns: {
       title: "Tvær Dálkar",
@@ -113,7 +112,7 @@ const te = {
       group: "Grunnblokkar"
     }
   }
-}, ce = {
+}, Xt = {
   slash_menu: {
     two_columns: {
       title: "二列",
@@ -128,7 +127,7 @@ const te = {
       group: "基本ブロック"
     }
   }
-}, ae = {
+}, Kt = {
   slash_menu: {
     two_columns: {
       title: "두 열",
@@ -143,7 +142,7 @@ const te = {
       group: "기본 블록"
     }
   }
-}, ue = {
+}, Gt = {
   slash_menu: {
     two_columns: {
       title: "Twee Kolommen",
@@ -158,7 +157,7 @@ const te = {
       group: "Basisblokken"
     }
   }
-}, de = {
+}, qt = {
   slash_menu: {
     two_columns: {
       title: "Dwie Kolumny",
@@ -173,7 +172,7 @@ const te = {
       group: "Podstawowe bloki"
     }
   }
-}, he = {
+}, Jt = {
   slash_menu: {
     two_columns: {
       title: "Duas Colunas",
@@ -188,7 +187,7 @@ const te = {
       group: "Blocos básicos"
     }
   }
-}, me = {
+}, Zt = {
   slash_menu: {
     two_columns: {
       title: "Два Столбца",
@@ -203,7 +202,7 @@ const te = {
       group: "Базовые блоки"
     }
   }
-}, pe = {
+}, Qt = {
   slash_menu: {
     two_columns: {
       title: "Hai Cột",
@@ -218,7 +217,7 @@ const te = {
       group: "Khối cơ bản"
     }
   }
-}, fe = {
+}, er = {
   slash_menu: {
     two_columns: {
       title: "两列",
@@ -233,164 +232,164 @@ const te = {
       group: "基础"
     }
   }
-}, Ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Pr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ar: te,
-  de: oe,
-  en: ne,
-  es: ie,
-  fr: se,
-  hr: re,
-  is: le,
-  ja: ce,
-  ko: ae,
-  nl: ue,
-  pl: de,
-  pt: he,
-  ru: me,
-  vi: pe,
-  zh: fe
+  ar: Vt,
+  de: zt,
+  en: Ft,
+  es: Ht,
+  fr: Ut,
+  hr: Yt,
+  is: $t,
+  ja: Xt,
+  ko: Kt,
+  nl: Gt,
+  pl: qt,
+  pt: Jt,
+  ru: Zt,
+  vi: Qt,
+  zh: er
 }, Symbol.toStringTag, { value: "Module" }));
-function N(o) {
-  if (!o.dictionary.multi_column)
+function Le(n) {
+  if (!n.dictionary.multi_column)
     throw new Error("Multi-column dictionary not found");
-  return o.dictionary.multi_column;
+  return n.dictionary.multi_column;
 }
-const C = new Q("ColumnResizePlugin");
-class ge {
-  constructor(e, t) {
-    p(this, "editor");
-    p(this, "view");
-    p(this, "RESIZE_MARGIN_WIDTH_PX", 20);
-    p(this, "COLUMN_MIN_WIDTH_PERCENT", 0.5);
-    p(this, "getColumnHoverOrDefaultState", (e) => {
+const B = new Lt("ColumnResizePlugin");
+class tr {
+  constructor(t, r) {
+    R(this, "editor");
+    R(this, "view");
+    R(this, "RESIZE_MARGIN_WIDTH_PX", 20);
+    R(this, "COLUMN_MIN_WIDTH_PERCENT", 0.5);
+    R(this, "getColumnHoverOrDefaultState", (t) => {
       if (!this.editor.isEditable)
         return { type: "default" };
-      const t = e.target;
-      if (!this.view.dom.contains(t))
+      const r = t.target;
+      if (!this.view.dom.contains(r))
         return { type: "default" };
-      const n = t.closest(
+      const i = r.closest(
         ".bn-block-column"
       );
-      if (!n)
+      if (!i)
         return { type: "default" };
-      const r = e.clientX, u = n.getBoundingClientRect(), c = r < u.left + this.RESIZE_MARGIN_WIDTH_PX ? "left" : r > u.right - this.RESIZE_MARGIN_WIDTH_PX ? "right" : "none", l = c === "left" ? n.previousElementSibling : c === "right" ? n.nextElementSibling : void 0;
-      if (!l)
+      const f = t.clientX, b = i.getBoundingClientRect(), p = f < b.left + this.RESIZE_MARGIN_WIDTH_PX ? "left" : f > b.right - this.RESIZE_MARGIN_WIDTH_PX ? "right" : "none", h = p === "left" ? i.previousElementSibling : p === "right" ? i.nextElementSibling : void 0;
+      if (!h)
         return { type: "default" };
-      const i = c === "left" ? l : n, g = c === "left" ? n : l, a = i.getAttribute("data-id"), s = g.getAttribute("data-id"), d = E(a, this.view.state.doc), m = E(
-        s,
+      const u = p === "left" ? h : i, S = p === "left" ? i : h, g = u.getAttribute("data-id"), c = S.getAttribute("data-id"), y = Me(g, this.view.state.doc), E = Me(
+        c,
         this.view.state.doc
       );
-      if (!d || !m || !d.posBeforeNode)
+      if (!y || !E || !y.posBeforeNode)
         throw new Error("Column not found");
       return {
         type: "hover",
         leftColumn: {
-          element: i,
-          id: a,
-          ...d
+          element: u,
+          id: g,
+          ...y
         },
         rightColumn: {
-          element: g,
-          id: s,
-          ...m
+          element: S,
+          id: c,
+          ...E
         }
       };
     });
     // When the user mouses down near the boundary between two columns, we
     // want to set the plugin state to resize, so the columns can be resized
     // by moving the mouse.
-    p(this, "mouseDownHandler", (e) => {
-      let t = this.getColumnHoverOrDefaultState(e);
-      if (t.type === "default")
+    R(this, "mouseDownHandler", (t) => {
+      let r = this.getColumnHoverOrDefaultState(t);
+      if (r.type === "default")
         return;
-      e.preventDefault();
-      const n = e.clientX, r = t.leftColumn.element.getBoundingClientRect().width, u = t.rightColumn.element.getBoundingClientRect().width, c = t.leftColumn.node.attrs.width, l = t.rightColumn.node.attrs.width;
-      t = {
+      t.preventDefault();
+      const i = t.clientX, f = r.leftColumn.element.getBoundingClientRect().width, b = r.rightColumn.element.getBoundingClientRect().width, p = r.leftColumn.node.attrs.width, h = r.rightColumn.node.attrs.width;
+      r = {
         type: "resize",
-        startPos: n,
+        startPos: i,
         leftColumn: {
-          ...t.leftColumn,
-          widthPx: r,
-          widthPercent: c
+          ...r.leftColumn,
+          widthPx: f,
+          widthPercent: p
         },
         rightColumn: {
-          ...t.rightColumn,
-          widthPx: u,
-          widthPercent: l
+          ...r.rightColumn,
+          widthPx: b,
+          widthPercent: h
         }
       }, this.view.dispatch(
-        this.view.state.tr.setMeta(C, t)
+        this.view.state.tr.setMeta(B, r)
       ), this.editor.sideMenu.freezeMenu();
     });
     // If the plugin isn't in a resize state, we want to update it to either a
     // hover state if the mouse is near the boundary between two columns, or
     // default otherwise. If the plugin is in a resize state, we want to
     // update the column widths based on the horizontal mouse movement.
-    p(this, "mouseMoveHandler", (e) => {
-      var i, g;
-      const t = C.getState(this.view.state);
-      if (!t)
+    R(this, "mouseMoveHandler", (t) => {
+      var u, S;
+      const r = B.getState(this.view.state);
+      if (!r)
         return;
-      if (t.type !== "resize") {
-        const a = this.getColumnHoverOrDefaultState(e), s = t.type === "default" && a.type === "default", d = t.type !== "default" && a.type !== "default" && t.leftColumn.id === a.leftColumn.id && t.rightColumn.id === a.rightColumn.id;
-        if (s || d || a.type === "hover" && ((g = (i = this.editor.sideMenu.view) == null ? void 0 : i.state) != null && g.show))
+      if (r.type !== "resize") {
+        const g = this.getColumnHoverOrDefaultState(t), c = r.type === "default" && g.type === "default", y = r.type !== "default" && g.type !== "default" && r.leftColumn.id === g.leftColumn.id && r.rightColumn.id === g.rightColumn.id;
+        if (c || y || g.type === "hover" && ((S = (u = this.editor.sideMenu.view) == null ? void 0 : u.state) != null && S.show))
           return;
         this.view.dispatch(
-          this.view.state.tr.setMeta(C, a)
+          this.view.state.tr.setMeta(B, g)
         );
         return;
       }
-      const r = (e.clientX - t.startPos) * t.leftColumn.widthPercent, u = (t.leftColumn.widthPx + r) / t.leftColumn.widthPx - 1;
-      let c = t.leftColumn.widthPercent + u, l = t.rightColumn.widthPercent - u;
-      c < this.COLUMN_MIN_WIDTH_PERCENT ? (l -= this.COLUMN_MIN_WIDTH_PERCENT - c, c = this.COLUMN_MIN_WIDTH_PERCENT) : l < this.COLUMN_MIN_WIDTH_PERCENT && (c -= this.COLUMN_MIN_WIDTH_PERCENT - l, l = this.COLUMN_MIN_WIDTH_PERCENT), this.view.dispatch(
+      const f = (t.clientX - r.startPos) * r.leftColumn.widthPercent, b = (r.leftColumn.widthPx + f) / r.leftColumn.widthPx - 1;
+      let p = r.leftColumn.widthPercent + b, h = r.rightColumn.widthPercent - b;
+      p < this.COLUMN_MIN_WIDTH_PERCENT ? (h -= this.COLUMN_MIN_WIDTH_PERCENT - p, p = this.COLUMN_MIN_WIDTH_PERCENT) : h < this.COLUMN_MIN_WIDTH_PERCENT && (p -= this.COLUMN_MIN_WIDTH_PERCENT - h, h = this.COLUMN_MIN_WIDTH_PERCENT), this.view.dispatch(
         this.view.state.tr.setNodeAttribute(
-          t.leftColumn.posBeforeNode,
+          r.leftColumn.posBeforeNode,
           "width",
-          c
+          p
         ).setNodeAttribute(
-          t.rightColumn.posBeforeNode,
+          r.rightColumn.posBeforeNode,
           "width",
-          l
+          h
         ).setMeta("addToHistory", !1)
       );
     });
     // If the plugin is in a resize state, we want to revert it to a default
     // or hover, depending on where the mouse cursor is, when the user
     // releases the mouse button.
-    p(this, "mouseUpHandler", (e) => {
-      const t = C.getState(this.view.state);
-      if (!t || t.type !== "resize")
+    R(this, "mouseUpHandler", (t) => {
+      const r = B.getState(this.view.state);
+      if (!r || r.type !== "resize")
         return;
-      const n = this.getColumnHoverOrDefaultState(e);
+      const i = this.getColumnHoverOrDefaultState(t);
       this.view.dispatch(
-        this.view.state.tr.setMeta(C, n)
+        this.view.state.tr.setMeta(B, i)
       ), this.editor.sideMenu.unfreezeMenu();
     });
-    this.editor = e, this.view = t, this.view.dom.addEventListener("mousedown", this.mouseDownHandler), document.body.addEventListener("mousemove", this.mouseMoveHandler), document.body.addEventListener("mouseup", this.mouseUpHandler);
+    this.editor = t, this.view = r, this.view.dom.addEventListener("mousedown", this.mouseDownHandler), document.body.addEventListener("mousemove", this.mouseMoveHandler), document.body.addEventListener("mouseup", this.mouseUpHandler);
   }
   destroy() {
     this.view.dom.removeEventListener("mousedown", this.mouseDownHandler), document.body.removeEventListener("mousemove", this.mouseMoveHandler), document.body.removeEventListener("mouseup", this.mouseUpHandler);
   }
 }
-const be = (o) => new H({
-  key: C,
+const rr = (n) => new Ke({
+  key: B,
   props: {
     // This adds a border between the columns when the user is
     // resizing them or when the cursor is near their boundary.
-    decorations: (e) => {
-      const t = C.getState(e);
-      return !t || t.type === "default" ? D.empty : D.create(e.doc, [
-        B.node(
-          t.leftColumn.posBeforeNode,
-          t.leftColumn.posBeforeNode + t.leftColumn.node.nodeSize,
+    decorations: (t) => {
+      const r = B.getState(t);
+      return !r || r.type === "default" ? Ie.empty : Ie.create(t.doc, [
+        Ae.node(
+          r.leftColumn.posBeforeNode,
+          r.leftColumn.posBeforeNode + r.leftColumn.node.nodeSize,
           {
             style: "box-shadow: 4px 0 0 #ccc; cursor: col-resize"
           }
         ),
-        B.node(
-          t.rightColumn.posBeforeNode,
-          t.rightColumn.posBeforeNode + t.rightColumn.node.nodeSize,
+        Ae.node(
+          r.rightColumn.posBeforeNode,
+          r.rightColumn.posBeforeNode + r.rightColumn.node.nodeSize,
           {
             style: "cursor: col-resize"
           }
@@ -400,18 +399,18 @@ const be = (o) => new H({
   },
   state: {
     init: () => ({ type: "default" }),
-    apply: (e, t) => {
-      const n = e.getMeta(C);
-      return n === void 0 ? t : n;
+    apply: (t, r) => {
+      const i = t.getMeta(B);
+      return i === void 0 ? r : i;
     }
   },
-  view: (e) => new ge(o, e)
-}), we = (o) => J.create({
+  view: (t) => new tr(n, t)
+}), nr = (n) => At.create({
   name: "columnResize",
   addProseMirrorPlugins() {
-    return [be(o)];
+    return [rr(n)];
   }
-}), Ce = R({
+}), or = Ye({
   name: "column",
   group: "bnBlock childContainer",
   // A block always contains content, and optionally a blockGroup which contains nested blocks
@@ -434,16 +433,16 @@ const be = (o) => new H({
         // value, which handles all the resizing for us, instead of manually
         // having to set the `width` property of each column.
         default: 1,
-        parseHTML: (o) => {
-          const e = o.getAttribute("data-width");
-          if (e === null)
+        parseHTML: (n) => {
+          const t = n.getAttribute("data-width");
+          if (t === null)
             return null;
-          const t = parseFloat(e);
-          return isFinite(t) ? t : null;
+          const r = parseFloat(t);
+          return isFinite(r) ? r : null;
         },
-        renderHTML: (o) => ({
-          "data-width": o.width.toString(),
-          style: `flex-grow: ${o.width};`
+        renderHTML: (n) => ({
+          "data-width": n.width.toString(),
+          style: `flex-grow: ${n.width};`
         })
       }
     };
@@ -452,24 +451,24 @@ const be = (o) => new H({
     return [
       {
         tag: "div",
-        getAttrs: (o) => typeof o == "string" ? !1 : o.getAttribute("data-node-type") === this.name ? {} : !1
+        getAttrs: (n) => typeof n == "string" ? !1 : n.getAttribute("data-node-type") === this.name ? {} : !1
       }
     ];
   },
-  renderHTML({ HTMLAttributes: o }) {
-    const e = document.createElement("div");
-    e.className = "bn-block-column", e.setAttribute("data-node-type", this.name);
-    for (const [t, n] of Object.entries(o))
-      e.setAttribute(t, n);
+  renderHTML({ HTMLAttributes: n }) {
+    const t = document.createElement("div");
+    t.className = "bn-block-column", t.setAttribute("data-node-type", this.name);
+    for (const [r, i] of Object.entries(n))
+      t.setAttribute(r, i);
     return {
-      dom: e,
-      contentDOM: e
+      dom: t,
+      contentDOM: t
     };
   },
   addExtensions() {
-    return [we(this.options.editor)];
+    return [nr(this.options.editor)];
   }
-}), ve = R({
+}), ir = Ye({
   name: "columnList",
   group: "childContainer bnBlock blockGroupChild",
   // A block always contains content, and optionally a blockGroup which contains nested blocks
@@ -482,116 +481,116 @@ const be = (o) => new H({
     return [
       {
         tag: "div",
-        getAttrs: (o) => typeof o == "string" ? !1 : o.getAttribute("data-node-type") === this.name ? {} : !1
+        getAttrs: (n) => typeof n == "string" ? !1 : n.getAttribute("data-node-type") === this.name ? {} : !1
       }
     ];
   },
-  renderHTML({ HTMLAttributes: o }) {
-    const e = document.createElement("div");
-    e.className = "bn-block-column-list", e.setAttribute("data-node-type", this.name);
-    for (const [t, n] of Object.entries(o))
-      e.setAttribute(t, n);
-    return e.style.display = "flex", {
-      dom: e,
-      contentDOM: e
+  renderHTML({ HTMLAttributes: n }) {
+    const t = document.createElement("div");
+    t.className = "bn-block-column-list", t.setAttribute("data-node-type", this.name);
+    for (const [r, i] of Object.entries(n))
+      t.setAttribute(r, i);
+    return t.style.display = "flex", {
+      dom: t,
+      contentDOM: t
     };
   }
-}), W = j(Ce, {
+}), Ge = $e(or, {
   width: {
     default: 1
   }
-}), A = j(
-  ve,
+}), qe = $e(
+  ir,
   {}
-), M = z.create({
+), We = Xe.create({
   blockSpecs: {
-    column: W,
-    columnList: A
+    column: Ge,
+    columnList: qe
   }
-}), Ve = (o) => z.create({
+}), Tr = (n) => Xe.create({
   blockSpecs: {
-    ...o.blockSpecs,
-    column: W,
-    columnList: A
+    ...n.blockSpecs,
+    column: Ge,
+    columnList: qe
   },
-  inlineContentSpecs: o.inlineContentSpecs,
-  styleSpecs: o.styleSpecs
-}), k = 0.1;
-function ye(o) {
-  return { left: o.clientX, top: o.clientY };
+  inlineContentSpecs: n.inlineContentSpecs,
+  styleSpecs: n.styleSpecs
+}), J = 0.1;
+function sr(n) {
+  return { left: n.clientX, top: n.clientY };
 }
-function Xe(o) {
-  const e = o.editor;
-  return new H({
-    view(t) {
-      return new ke(t, o);
+function Or(n) {
+  const t = n.editor;
+  return new Ke({
+    view(r) {
+      return new ar(r, n);
     },
     props: {
-      handleDrop(t, n, r, u) {
-        const c = t.posAtCoords(ye(n));
-        if (!c)
+      handleDrop(r, i, f, b) {
+        const p = r.posAtCoords(sr(i));
+        if (!p)
           throw new Error("Could not get event position");
-        const l = V(t.state, c), i = Z(l), a = t.nodeDOM(l.posBeforeNode).getBoundingClientRect();
-        let s = "regular";
-        if (n.clientX <= a.left + a.width * k && (s = "left"), n.clientX >= a.right - a.width * k && (s = "right"), s === "regular")
+        const h = Je(r.state, p), u = Mt(h), g = r.nodeDOM(h.posBeforeNode).getBoundingClientRect();
+        let c = "regular";
+        if (i.clientX <= g.left + g.width * J && (c = "left"), i.clientX >= g.right - g.width * J && (c = "right"), c === "regular")
           return !1;
-        const d = S(
-          r.content.child(0),
-          e.schema.blockSchema,
-          e.schema.inlineContentSchema,
-          e.schema.styleSchema
+        const y = ue(
+          f.content.child(0),
+          t.schema.blockSchema,
+          t.schema.inlineContentSchema,
+          t.schema.styleSchema
           // TODO: cache?
         );
-        if (i.blockNoteType === "column") {
-          const m = t.state.doc.resolve(i.bnBlock.beforePos).node(), h = S(
-            m,
-            e.schema.blockSchema,
-            e.schema.inlineContentSchema,
-            e.schema.styleSchema
+        if (u.blockNoteType === "column") {
+          const E = r.state.doc.resolve(u.bnBlock.beforePos).node(), w = ue(
+            E,
+            t.schema.blockSchema,
+            t.schema.inlineContentSchema,
+            t.schema.styleSchema
           );
-          let f = 0;
-          h.children.forEach((b) => {
-            f += b.props.width;
+          let T = 0;
+          w.children.forEach((x) => {
+            T += x.props.width;
           });
-          const w = f / h.children.length;
-          if (w < 0.99 || w > 1.01) {
-            const b = 1 / w;
-            h.children.forEach((y) => {
-              y.props.width = y.props.width * b;
+          const j = T / w.children.length;
+          if (j < 0.99 || j > 1.01) {
+            const x = 1 / j;
+            w.children.forEach((W) => {
+              W.props.width = W.props.width * x;
             });
           }
-          const x = h.children.findIndex(
-            (b) => b.id === i.bnBlock.node.attrs.id
-          ), K = h.children.map((b) => ({
-            ...b,
-            children: b.children.filter(
-              (y) => y.id !== d.id
+          const M = w.children.findIndex(
+            (x) => x.id === u.bnBlock.node.attrs.id
+          ), k = w.children.map((x) => ({
+            ...x,
+            children: x.children.filter(
+              (W) => W.id !== y.id
             )
-          })).filter((b) => b.children.length > 0).toSpliced(s === "left" ? x : x + 1, 0, {
+          })).filter((x) => x.children.length > 0).toSpliced(c === "left" ? M : M + 1, 0, {
             type: "column",
-            children: [d],
+            children: [y],
             props: {},
             content: void 0,
-            id: q.options.generateID()
+            id: Bt.options.generateID()
           });
-          e.removeBlocks([d]), e.updateBlock(h, {
-            children: K
+          t.removeBlocks([y]), t.updateBlock(w, {
+            children: k
           });
         } else {
-          const m = S(
-            i.bnBlock.node,
-            e.schema.blockSchema,
-            e.schema.inlineContentSchema,
-            e.schema.styleSchema
-          ), h = s === "left" ? [d, m] : [m, d];
-          e.removeBlocks([d]), e.replaceBlocks(
-            [m],
+          const E = ue(
+            u.bnBlock.node,
+            t.schema.blockSchema,
+            t.schema.inlineContentSchema,
+            t.schema.styleSchema
+          ), w = c === "left" ? [y, E] : [E, y];
+          t.removeBlocks([y]), t.replaceBlocks(
+            [E],
             [
               {
                 type: "columnList",
-                children: h.map((f) => ({
+                children: w.map((T) => ({
                   type: "column",
-                  children: [f]
+                  children: [T]
                 }))
               }
             ]
@@ -602,131 +601,131 @@ function Xe(o) {
     }
   });
 }
-class ke {
-  constructor(e, t) {
-    p(this, "width");
-    p(this, "color");
-    p(this, "class");
-    p(this, "cursorPos");
-    p(this, "element", null);
-    p(this, "timeout");
-    p(this, "handlers");
-    this.editorView = e, this.width = t.width ?? 1, this.color = t.color === !1 ? void 0 : t.color || "black", this.class = t.class, this.handlers = ["dragover", "dragend", "drop", "dragleave"].map((n) => {
-      const r = (u) => {
-        this[n](u);
+class ar {
+  constructor(t, r) {
+    R(this, "width");
+    R(this, "color");
+    R(this, "class");
+    R(this, "cursorPos");
+    R(this, "element", null);
+    R(this, "timeout");
+    R(this, "handlers");
+    this.editorView = t, this.width = r.width ?? 1, this.color = r.color === !1 ? void 0 : r.color || "black", this.class = r.class, this.handlers = ["dragover", "dragend", "drop", "dragleave"].map((i) => {
+      const f = (b) => {
+        this[i](b);
       };
-      return e.dom.addEventListener(
-        n,
-        r,
+      return t.dom.addEventListener(
+        i,
+        f,
         // drop event captured in bubbling phase to make sure
         // "cursorPos" is set to undefined before the "handleDrop" handler is called
         // (otherwise an error could be thrown, see https://github.com/TypeCellOS/BlockNote/pull/1240)
-        n === "drop" ? !0 : void 0
-      ), { name: n, handler: r };
+        i === "drop" ? !0 : void 0
+      ), { name: i, handler: f };
     });
   }
   destroy() {
     this.handlers.forEach(
-      ({ name: e, handler: t }) => this.editorView.dom.removeEventListener(
-        e,
+      ({ name: t, handler: r }) => this.editorView.dom.removeEventListener(
         t,
-        e === "drop" ? !0 : void 0
+        r,
+        t === "drop" ? !0 : void 0
       )
     );
   }
-  update(e, t) {
-    this.cursorPos != null && t.doc !== e.state.doc && (this.cursorPos.pos > e.state.doc.content.size ? this.setCursor(void 0) : this.updateOverlay());
+  update(t, r) {
+    this.cursorPos != null && r.doc !== t.state.doc && (this.cursorPos.pos > t.state.doc.content.size ? this.setCursor(void 0) : this.updateOverlay());
   }
-  setCursor(e) {
-    var t, n;
-    e === this.cursorPos || (e == null ? void 0 : e.pos) === ((t = this.cursorPos) == null ? void 0 : t.pos) && (e == null ? void 0 : e.position) === ((n = this.cursorPos) == null ? void 0 : n.position) || (this.cursorPos = e, e ? this.updateOverlay() : (this.element.parentNode.removeChild(this.element), this.element = null));
+  setCursor(t) {
+    var r, i;
+    t === this.cursorPos || (t == null ? void 0 : t.pos) === ((r = this.cursorPos) == null ? void 0 : r.pos) && (t == null ? void 0 : t.position) === ((i = this.cursorPos) == null ? void 0 : i.position) || (this.cursorPos = t, t ? this.updateOverlay() : (this.element.parentNode.removeChild(this.element), this.element = null));
   }
   updateOverlay() {
     if (!this.cursorPos)
       throw new Error("updateOverlay called with no cursor position");
-    const e = this.editorView.state.doc.resolve(this.cursorPos.pos), t = !e.parent.inlineContent;
-    let n;
-    const r = this.editorView.dom, u = r.getBoundingClientRect(), c = u.width / r.offsetWidth, l = u.height / r.offsetHeight;
-    if (t) {
-      const s = e.nodeBefore, d = e.nodeAfter;
-      if (s || d)
+    const t = this.editorView.state.doc.resolve(this.cursorPos.pos), r = !t.parent.inlineContent;
+    let i;
+    const f = this.editorView.dom, b = f.getBoundingClientRect(), p = b.width / f.offsetWidth, h = b.height / f.offsetHeight;
+    if (r) {
+      const c = t.nodeBefore, y = t.nodeAfter;
+      if (c || y)
         if (this.cursorPos.position === "left" || this.cursorPos.position === "right") {
-          const m = this.editorView.nodeDOM(this.cursorPos.pos);
-          if (!m)
+          const E = this.editorView.nodeDOM(this.cursorPos.pos);
+          if (!E)
             throw new Error("nodeDOM returned null in updateOverlay");
-          const h = m.getBoundingClientRect(), f = this.width / 2 * l, w = this.cursorPos.position === "left" ? h.left : h.right;
-          n = {
-            left: w - f,
-            right: w + f,
-            top: h.top,
-            bottom: h.bottom
+          const w = E.getBoundingClientRect(), T = this.width / 2 * h, j = this.cursorPos.position === "left" ? w.left : w.right;
+          i = {
+            left: j - T,
+            right: j + T,
+            top: w.top,
+            bottom: w.bottom
             // left: blockRect.left,
             // right: blockRect.right,
           };
         } else {
-          const m = this.editorView.nodeDOM(
-            this.cursorPos.pos - (s ? s.nodeSize : 0)
+          const E = this.editorView.nodeDOM(
+            this.cursorPos.pos - (c ? c.nodeSize : 0)
           );
-          if (m) {
-            const h = m.getBoundingClientRect();
-            let f = s ? h.bottom : h.top;
-            s && d && (f = (f + this.editorView.nodeDOM(this.cursorPos.pos).getBoundingClientRect().top) / 2);
-            const w = this.width / 2 * l;
-            this.cursorPos.position === "regular" && (n = {
-              left: h.left,
-              right: h.right,
-              top: f - w,
-              bottom: f + w
+          if (E) {
+            const w = E.getBoundingClientRect();
+            let T = c ? w.bottom : w.top;
+            c && y && (T = (T + this.editorView.nodeDOM(this.cursorPos.pos).getBoundingClientRect().top) / 2);
+            const j = this.width / 2 * h;
+            this.cursorPos.position === "regular" && (i = {
+              left: w.left,
+              right: w.right,
+              top: T - j,
+              bottom: T + j
             });
           }
         }
     }
-    if (!n) {
-      const s = this.editorView.coordsAtPos(this.cursorPos.pos), d = this.width / 2 * c;
-      n = {
-        left: s.left - d,
-        right: s.left + d,
-        top: s.top,
-        bottom: s.bottom
+    if (!i) {
+      const c = this.editorView.coordsAtPos(this.cursorPos.pos), y = this.width / 2 * p;
+      i = {
+        left: c.left - y,
+        right: c.left + y,
+        top: c.top,
+        bottom: c.bottom
       };
     }
-    const i = this.editorView.dom.offsetParent;
-    this.element || (this.element = i.appendChild(document.createElement("div")), this.class && (this.element.className = this.class), this.element.style.cssText = "position: absolute; z-index: 50; pointer-events: none;", this.color && (this.element.style.backgroundColor = this.color)), this.element.classList.toggle("prosemirror-dropcursor-block", t), this.element.classList.toggle(
+    const u = this.editorView.dom.offsetParent;
+    this.element || (this.element = u.appendChild(document.createElement("div")), this.class && (this.element.className = this.class), this.element.style.cssText = "position: absolute; z-index: 50; pointer-events: none;", this.color && (this.element.style.backgroundColor = this.color)), this.element.classList.toggle("prosemirror-dropcursor-block", r), this.element.classList.toggle(
       "prosemirror-dropcursor-vertical",
       this.cursorPos.position !== "regular"
-    ), this.element.classList.toggle("prosemirror-dropcursor-inline", !t);
-    let g, a;
-    if (!i || i === document.body && getComputedStyle(i).position === "static")
-      g = -window.scrollX, a = -window.scrollY;
+    ), this.element.classList.toggle("prosemirror-dropcursor-inline", !r);
+    let S, g;
+    if (!u || u === document.body && getComputedStyle(u).position === "static")
+      S = -window.scrollX, g = -window.scrollY;
     else {
-      const s = i.getBoundingClientRect(), d = s.width / i.offsetWidth, m = s.height / i.offsetHeight;
-      g = s.left - i.scrollLeft * d, a = s.top - i.scrollTop * m;
+      const c = u.getBoundingClientRect(), y = c.width / u.offsetWidth, E = c.height / u.offsetHeight;
+      S = c.left - u.scrollLeft * y, g = c.top - u.scrollTop * E;
     }
-    this.element.style.left = (n.left - g) / c + "px", this.element.style.top = (n.top - a) / l + "px", this.element.style.width = (n.right - n.left) / c + "px", this.element.style.height = (n.bottom - n.top) / l + "px";
+    this.element.style.left = (i.left - S) / p + "px", this.element.style.top = (i.top - g) / h + "px", this.element.style.width = (i.right - i.left) / p + "px", this.element.style.height = (i.bottom - i.top) / h + "px";
   }
-  scheduleRemoval(e) {
-    clearTimeout(this.timeout), this.timeout = setTimeout(() => this.setCursor(void 0), e);
+  scheduleRemoval(t) {
+    clearTimeout(this.timeout), this.timeout = setTimeout(() => this.setCursor(void 0), t);
   }
   // this gets executed on every mouse move when dragging (drag over)
-  dragover(e) {
+  dragover(t) {
     if (!this.editorView.editable)
       return;
-    const t = this.editorView.posAtCoords({
-      left: e.clientX,
-      top: e.clientY
-    }), n = t && t.inside >= 0 && this.editorView.state.doc.nodeAt(t.inside), r = n && n.type.spec.disableDropCursor, u = typeof r == "function" ? r(this.editorView, t, e) : r;
-    if (t && !u) {
-      let c = "regular", l = t.pos;
-      const i = V(this.editorView.state, t), a = this.editorView.nodeDOM(i.posBeforeNode).getBoundingClientRect();
-      if (e.clientX <= a.left + a.width * k && (c = "left", l = i.posBeforeNode), e.clientX >= a.right - a.width * k && (c = "right", l = i.posBeforeNode), c === "regular" && this.editorView.dragging && this.editorView.dragging.slice) {
-        const s = ee(
+    const r = this.editorView.posAtCoords({
+      left: t.clientX,
+      top: t.clientY
+    }), i = r && r.inside >= 0 && this.editorView.state.doc.nodeAt(r.inside), f = i && i.type.spec.disableDropCursor, b = typeof f == "function" ? f(this.editorView, r, t) : f;
+    if (r && !b) {
+      let p = "regular", h = r.pos;
+      const u = Je(this.editorView.state, r), g = this.editorView.nodeDOM(u.posBeforeNode).getBoundingClientRect();
+      if (t.clientX <= g.left + g.width * J && (p = "left", h = u.posBeforeNode), t.clientX >= g.right - g.width * J && (p = "right", h = u.posBeforeNode), p === "regular" && this.editorView.dragging && this.editorView.dragging.slice) {
+        const c = Wt(
           this.editorView.state.doc,
-          l,
+          h,
           this.editorView.dragging.slice
         );
-        s != null && (l = s);
+        c != null && (h = c);
       }
-      this.setCursor({ pos: l, position: c }), this.scheduleRemoval(5e3);
+      this.setCursor({ pos: h, position: p }), this.scheduleRemoval(5e3);
     }
   }
   dragend() {
@@ -735,143 +734,771 @@ class ke {
   drop() {
     this.setCursor(void 0);
   }
-  dragleave(e) {
-    (e.target === this.editorView.dom || !this.editorView.dom.contains(e.relatedTarget)) && this.setCursor(void 0);
+  dragleave(t) {
+    (t.target === this.editorView.dom || !this.editorView.dom.contains(t.relatedTarget)) && this.setCursor(void 0);
   }
 }
-function V(o, e) {
-  const t = $(o.doc, e.pos);
-  let n = o.doc.resolve(t.posBeforeNode);
-  return n.parent.type.name === "column" && (n = o.doc.resolve(n.before())), {
-    posBeforeNode: n.pos,
-    node: n.nodeAfter
+function Je(n, t) {
+  const r = It(n.doc, t.pos);
+  let i = n.doc.resolve(r.posBeforeNode);
+  return i.parent.type.name === "column" && (i = n.doc.resolve(i.before())), {
+    posBeforeNode: i.pos,
+    node: i.nodeAfter
   };
 }
-var X = {
+var ce = { exports: {} }, G = {};
+/**
+ * @license React
+ * react-jsx-dev-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Ve;
+function lr() {
+  if (Ve) return G;
+  Ve = 1;
+  var n = Symbol.for("react.fragment");
+  return G.Fragment = n, G.jsxDEV = void 0, G;
+}
+var q = {};
+/**
+ * @license React
+ * react-jsx-dev-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var ze;
+function ur() {
+  return ze || (ze = 1, process.env.NODE_ENV !== "production" && function() {
+    var n = I, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), f = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), p = Symbol.for("react.provider"), h = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), c = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), E = Symbol.for("react.offscreen"), w = Symbol.iterator, T = "@@iterator";
+    function j(e) {
+      if (e === null || typeof e != "object")
+        return null;
+      var o = w && e[w] || e[T];
+      return typeof o == "function" ? o : null;
+    }
+    var M = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function k(e) {
+      {
+        for (var o = arguments.length, s = new Array(o > 1 ? o - 1 : 0), a = 1; a < o; a++)
+          s[a - 1] = arguments[a];
+        x("error", e, s);
+      }
+    }
+    function x(e, o, s) {
+      {
+        var a = M.ReactDebugCurrentFrame, m = a.getStackAddendum();
+        m !== "" && (o += "%s", s = s.concat([m]));
+        var v = s.map(function(d) {
+          return String(d);
+        });
+        v.unshift("Warning: " + o), Function.prototype.apply.call(console[e], console, v);
+      }
+    }
+    var W = !1, tt = !1, rt = !1, nt = !1, ot = !1, de;
+    de = Symbol.for("react.module.reference");
+    function it(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === i || e === b || ot || e === f || e === S || e === g || nt || e === E || W || tt || rt || typeof e == "object" && e !== null && (e.$$typeof === y || e.$$typeof === c || e.$$typeof === p || e.$$typeof === h || e.$$typeof === u || // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      e.$$typeof === de || e.getModuleId !== void 0));
+    }
+    function st(e, o, s) {
+      var a = e.displayName;
+      if (a)
+        return a;
+      var m = o.displayName || o.name || "";
+      return m !== "" ? s + "(" + m + ")" : s;
+    }
+    function fe(e) {
+      return e.displayName || "Context";
+    }
+    function N(e) {
+      if (e == null)
+        return null;
+      if (typeof e.tag == "number" && k("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+        return e.displayName || e.name || null;
+      if (typeof e == "string")
+        return e;
+      switch (e) {
+        case i:
+          return "Fragment";
+        case r:
+          return "Portal";
+        case b:
+          return "Profiler";
+        case f:
+          return "StrictMode";
+        case S:
+          return "Suspense";
+        case g:
+          return "SuspenseList";
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case h:
+            var o = e;
+            return fe(o) + ".Consumer";
+          case p:
+            var s = e;
+            return fe(s._context) + ".Provider";
+          case u:
+            return st(e, e.render, "ForwardRef");
+          case c:
+            var a = e.displayName || null;
+            return a !== null ? a : N(e.type) || "Memo";
+          case y: {
+            var m = e, v = m._payload, d = m._init;
+            try {
+              return N(d(v));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var A = Object.assign, F = 0, he, me, pe, ge, ve, be, ye;
+    function we() {
+    }
+    we.__reactDisabledLog = !0;
+    function at() {
+      {
+        if (F === 0) {
+          he = console.log, me = console.info, pe = console.warn, ge = console.error, ve = console.group, be = console.groupCollapsed, ye = console.groupEnd;
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            value: we,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: e,
+            log: e,
+            warn: e,
+            error: e,
+            group: e,
+            groupCollapsed: e,
+            groupEnd: e
+          });
+        }
+        F++;
+      }
+    }
+    function lt() {
+      {
+        if (F--, F === 0) {
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: A({}, e, {
+              value: he
+            }),
+            info: A({}, e, {
+              value: me
+            }),
+            warn: A({}, e, {
+              value: pe
+            }),
+            error: A({}, e, {
+              value: ge
+            }),
+            group: A({}, e, {
+              value: ve
+            }),
+            groupCollapsed: A({}, e, {
+              value: be
+            }),
+            groupEnd: A({}, e, {
+              value: ye
+            })
+          });
+        }
+        F < 0 && k("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var ee = M.ReactCurrentDispatcher, te;
+    function Y(e, o, s) {
+      {
+        if (te === void 0)
+          try {
+            throw Error();
+          } catch (m) {
+            var a = m.stack.trim().match(/\n( *(at )?)/);
+            te = a && a[1] || "";
+          }
+        return `
+` + te + e;
+      }
+    }
+    var re = !1, $;
+    {
+      var ut = typeof WeakMap == "function" ? WeakMap : Map;
+      $ = new ut();
+    }
+    function Ce(e, o) {
+      if (!e || re)
+        return "";
+      {
+        var s = $.get(e);
+        if (s !== void 0)
+          return s;
+      }
+      var a;
+      re = !0;
+      var m = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var v;
+      v = ee.current, ee.current = null, at();
+      try {
+        if (o) {
+          var d = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(d.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(d, []);
+            } catch (O) {
+              a = O;
+            }
+            Reflect.construct(e, [], d);
+          } else {
+            try {
+              d.call();
+            } catch (O) {
+              a = O;
+            }
+            e.call(d.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (O) {
+            a = O;
+          }
+          e();
+        }
+      } catch (O) {
+        if (O && a && typeof O.stack == "string") {
+          for (var l = O.stack.split(`
+`), P = a.stack.split(`
+`), C = l.length - 1, _ = P.length - 1; C >= 1 && _ >= 0 && l[C] !== P[_]; )
+            _--;
+          for (; C >= 1 && _ >= 0; C--, _--)
+            if (l[C] !== P[_]) {
+              if (C !== 1 || _ !== 1)
+                do
+                  if (C--, _--, _ < 0 || l[C] !== P[_]) {
+                    var D = `
+` + l[C].replace(" at new ", " at ");
+                    return e.displayName && D.includes("<anonymous>") && (D = D.replace("<anonymous>", e.displayName)), typeof e == "function" && $.set(e, D), D;
+                  }
+                while (C >= 1 && _ >= 0);
+              break;
+            }
+        }
+      } finally {
+        re = !1, ee.current = v, lt(), Error.prepareStackTrace = m;
+      }
+      var z = e ? e.displayName || e.name : "", L = z ? Y(z) : "";
+      return typeof e == "function" && $.set(e, L), L;
+    }
+    function ct(e, o, s) {
+      return Ce(e, !1);
+    }
+    function dt(e) {
+      var o = e.prototype;
+      return !!(o && o.isReactComponent);
+    }
+    function X(e, o, s) {
+      if (e == null)
+        return "";
+      if (typeof e == "function")
+        return Ce(e, dt(e));
+      if (typeof e == "string")
+        return Y(e);
+      switch (e) {
+        case S:
+          return Y("Suspense");
+        case g:
+          return Y("SuspenseList");
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case u:
+            return ct(e.render);
+          case c:
+            return X(e.type, o, s);
+          case y: {
+            var a = e, m = a._payload, v = a._init;
+            try {
+              return X(v(m), o, s);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var H = Object.prototype.hasOwnProperty, _e = {}, Ee = M.ReactDebugCurrentFrame;
+    function K(e) {
+      if (e) {
+        var o = e._owner, s = X(e.type, e._source, o ? o.type : null);
+        Ee.setExtraStackFrame(s);
+      } else
+        Ee.setExtraStackFrame(null);
+    }
+    function ft(e, o, s, a, m) {
+      {
+        var v = Function.call.bind(H);
+        for (var d in e)
+          if (v(e, d)) {
+            var l = void 0;
+            try {
+              if (typeof e[d] != "function") {
+                var P = Error((a || "React class") + ": " + s + " type `" + d + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[d] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw P.name = "Invariant Violation", P;
+              }
+              l = e[d](o, d, a, s, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (C) {
+              l = C;
+            }
+            l && !(l instanceof Error) && (K(m), k("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", a || "React class", s, d, typeof l), K(null)), l instanceof Error && !(l.message in _e) && (_e[l.message] = !0, K(m), k("Failed %s type: %s", s, l.message), K(null));
+          }
+      }
+    }
+    var ht = Array.isArray;
+    function ne(e) {
+      return ht(e);
+    }
+    function mt(e) {
+      {
+        var o = typeof Symbol == "function" && Symbol.toStringTag, s = o && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return s;
+      }
+    }
+    function pt(e) {
+      try {
+        return ke(e), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function ke(e) {
+      return "" + e;
+    }
+    function Re(e) {
+      if (pt(e))
+        return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", mt(e)), ke(e);
+    }
+    var U = M.ReactCurrentOwner, gt = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, Se, Pe, oe;
+    oe = {};
+    function vt(e) {
+      if (H.call(e, "ref")) {
+        var o = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (o && o.isReactWarning)
+          return !1;
+      }
+      return e.ref !== void 0;
+    }
+    function bt(e) {
+      if (H.call(e, "key")) {
+        var o = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (o && o.isReactWarning)
+          return !1;
+      }
+      return e.key !== void 0;
+    }
+    function yt(e, o) {
+      if (typeof e.ref == "string" && U.current && o && U.current.stateNode !== o) {
+        var s = N(U.current.type);
+        oe[s] || (k('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', N(U.current.type), e.ref), oe[s] = !0);
+      }
+    }
+    function wt(e, o) {
+      {
+        var s = function() {
+          Se || (Se = !0, k("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", o));
+        };
+        s.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: s,
+          configurable: !0
+        });
+      }
+    }
+    function Ct(e, o) {
+      {
+        var s = function() {
+          Pe || (Pe = !0, k("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", o));
+        };
+        s.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: s,
+          configurable: !0
+        });
+      }
+    }
+    var _t = function(e, o, s, a, m, v, d) {
+      var l = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: t,
+        // Built-in properties that belong on the element
+        type: e,
+        key: o,
+        ref: s,
+        props: d,
+        // Record the component responsible for creating this element.
+        _owner: v
+      };
+      return l._store = {}, Object.defineProperty(l._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(l, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: a
+      }), Object.defineProperty(l, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: m
+      }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
+    };
+    function Et(e, o, s, a, m) {
+      {
+        var v, d = {}, l = null, P = null;
+        s !== void 0 && (Re(s), l = "" + s), bt(o) && (Re(o.key), l = "" + o.key), vt(o) && (P = o.ref, yt(o, m));
+        for (v in o)
+          H.call(o, v) && !gt.hasOwnProperty(v) && (d[v] = o[v]);
+        if (e && e.defaultProps) {
+          var C = e.defaultProps;
+          for (v in C)
+            d[v] === void 0 && (d[v] = C[v]);
+        }
+        if (l || P) {
+          var _ = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          l && wt(d, _), P && Ct(d, _);
+        }
+        return _t(e, l, P, m, a, U.current, d);
+      }
+    }
+    var ie = M.ReactCurrentOwner, Te = M.ReactDebugCurrentFrame;
+    function V(e) {
+      if (e) {
+        var o = e._owner, s = X(e.type, e._source, o ? o.type : null);
+        Te.setExtraStackFrame(s);
+      } else
+        Te.setExtraStackFrame(null);
+    }
+    var se;
+    se = !1;
+    function ae(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === t;
+    }
+    function Oe() {
+      {
+        if (ie.current) {
+          var e = N(ie.current.type);
+          if (e)
+            return `
+
+Check the render method of \`` + e + "`.";
+        }
+        return "";
+      }
+    }
+    function kt(e) {
+      {
+        if (e !== void 0) {
+          var o = e.fileName.replace(/^.*[\\\/]/, ""), s = e.lineNumber;
+          return `
+
+Check your code at ` + o + ":" + s + ".";
+        }
+        return "";
+      }
+    }
+    var xe = {};
+    function Rt(e) {
+      {
+        var o = Oe();
+        if (!o) {
+          var s = typeof e == "string" ? e : e.displayName || e.name;
+          s && (o = `
+
+Check the top-level render call using <` + s + ">.");
+        }
+        return o;
+      }
+    }
+    function De(e, o) {
+      {
+        if (!e._store || e._store.validated || e.key != null)
+          return;
+        e._store.validated = !0;
+        var s = Rt(o);
+        if (xe[s])
+          return;
+        xe[s] = !0;
+        var a = "";
+        e && e._owner && e._owner !== ie.current && (a = " It was passed a child from " + N(e._owner.type) + "."), V(e), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', s, a), V(null);
+      }
+    }
+    function je(e, o) {
+      {
+        if (typeof e != "object")
+          return;
+        if (ne(e))
+          for (var s = 0; s < e.length; s++) {
+            var a = e[s];
+            ae(a) && De(a, o);
+          }
+        else if (ae(e))
+          e._store && (e._store.validated = !0);
+        else if (e) {
+          var m = j(e);
+          if (typeof m == "function" && m !== e.entries)
+            for (var v = m.call(e), d; !(d = v.next()).done; )
+              ae(d.value) && De(d.value, o);
+        }
+      }
+    }
+    function St(e) {
+      {
+        var o = e.type;
+        if (o == null || typeof o == "string")
+          return;
+        var s;
+        if (typeof o == "function")
+          s = o.propTypes;
+        else if (typeof o == "object" && (o.$$typeof === u || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        o.$$typeof === c))
+          s = o.propTypes;
+        else
+          return;
+        if (s) {
+          var a = N(o);
+          ft(s, e.props, "prop", a, e);
+        } else if (o.PropTypes !== void 0 && !se) {
+          se = !0;
+          var m = N(o);
+          k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", m || "Unknown");
+        }
+        typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function Pt(e) {
+      {
+        for (var o = Object.keys(e.props), s = 0; s < o.length; s++) {
+          var a = o[s];
+          if (a !== "children" && a !== "key") {
+            V(e), k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", a), V(null);
+            break;
+          }
+        }
+        e.ref !== null && (V(e), k("Invalid attribute `ref` supplied to `React.Fragment`."), V(null));
+      }
+    }
+    var Ne = {};
+    function Tt(e, o, s, a, m, v) {
+      {
+        var d = it(e);
+        if (!d) {
+          var l = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (l += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var P = kt(m);
+          P ? l += P : l += Oe();
+          var C;
+          e === null ? C = "null" : ne(e) ? C = "array" : e !== void 0 && e.$$typeof === t ? (C = "<" + (N(e.type) || "Unknown") + " />", l = " Did you accidentally export a JSX literal instead of a component?") : C = typeof e, k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", C, l);
+        }
+        var _ = Et(e, o, s, m, v);
+        if (_ == null)
+          return _;
+        if (d) {
+          var D = o.children;
+          if (D !== void 0)
+            if (a)
+              if (ne(D)) {
+                for (var z = 0; z < D.length; z++)
+                  je(D[z], e);
+                Object.freeze && Object.freeze(D);
+              } else
+                k("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+            else
+              je(D, e);
+        }
+        if (H.call(o, "key")) {
+          var L = N(e), O = Object.keys(o).filter(function(Dt) {
+            return Dt !== "key";
+          }), le = O.length > 0 ? "{key: someKey, " + O.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Ne[L + le]) {
+            var xt = O.length > 0 ? "{" + O.join(": ..., ") + ": ...}" : "{}";
+            k(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`, le, L, xt, L), Ne[L + le] = !0;
+          }
+        }
+        return e === i ? Pt(_) : St(_), _;
+      }
+    }
+    var Ot = Tt;
+    q.Fragment = i, q.jsxDEV = Ot;
+  }()), q;
+}
+process.env.NODE_ENV === "production" ? ce.exports = lr() : ce.exports = ur();
+var Fe = ce.exports, Ze = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, I = v.createContext && /* @__PURE__ */ v.createContext(X), _e = ["attr", "size", "title"];
-function Pe(o, e) {
-  if (o == null) return {};
-  var t = Se(o, e), n, r;
+}, He = I.createContext && /* @__PURE__ */ I.createContext(Ze), cr = ["attr", "size", "title"];
+function dr(n, t) {
+  if (n == null) return {};
+  var r = fr(n, t), i, f;
   if (Object.getOwnPropertySymbols) {
-    var u = Object.getOwnPropertySymbols(o);
-    for (r = 0; r < u.length; r++)
-      n = u[r], !(e.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(o, n) && (t[n] = o[n]);
+    var b = Object.getOwnPropertySymbols(n);
+    for (f = 0; f < b.length; f++)
+      i = b[f], !(t.indexOf(i) >= 0) && Object.prototype.propertyIsEnumerable.call(n, i) && (r[i] = n[i]);
   }
-  return t;
+  return r;
 }
-function Se(o, e) {
-  if (o == null) return {};
-  var t = {};
-  for (var n in o)
-    if (Object.prototype.hasOwnProperty.call(o, n)) {
-      if (e.indexOf(n) >= 0) continue;
-      t[n] = o[n];
-    }
-  return t;
+function fr(n, t) {
+  if (n == null) return {};
+  var r = {};
+  for (var i in n)
+    if (Object.prototype.hasOwnProperty.call(n, i)) {
+      if (t.indexOf(i) >= 0) continue;
+      r[i] = n[i];
+    }
+  return r;
 }
-function _() {
-  return _ = Object.assign ? Object.assign.bind() : function(o) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var n in t)
-        Object.prototype.hasOwnProperty.call(t, n) && (o[n] = t[n]);
-    }
-    return o;
-  }, _.apply(this, arguments);
+function Z() {
+  return Z = Object.assign ? Object.assign.bind() : function(n) {
+    for (var t = 1; t < arguments.length; t++) {
+      var r = arguments[t];
+      for (var i in r)
+        Object.prototype.hasOwnProperty.call(r, i) && (n[i] = r[i]);
+    }
+    return n;
+  }, Z.apply(this, arguments);
 }
-function L(o, e) {
-  var t = Object.keys(o);
+function Ue(n, t) {
+  var r = Object.keys(n);
   if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(o);
-    e && (n = n.filter(function(r) {
-      return Object.getOwnPropertyDescriptor(o, r).enumerable;
-    })), t.push.apply(t, n);
+    var i = Object.getOwnPropertySymbols(n);
+    t && (i = i.filter(function(f) {
+      return Object.getOwnPropertyDescriptor(n, f).enumerable;
+    })), r.push.apply(r, i);
   }
-  return t;
+  return r;
 }
-function P(o) {
-  for (var e = 1; e < arguments.length; e++) {
-    var t = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? L(Object(t), !0).forEach(function(n) {
-      xe(o, n, t[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(t)) : L(Object(t)).forEach(function(n) {
-      Object.defineProperty(o, n, Object.getOwnPropertyDescriptor(t, n));
+function Q(n) {
+  for (var t = 1; t < arguments.length; t++) {
+    var r = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? Ue(Object(r), !0).forEach(function(i) {
+      hr(n, i, r[i]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(n, Object.getOwnPropertyDescriptors(r)) : Ue(Object(r)).forEach(function(i) {
+      Object.defineProperty(n, i, Object.getOwnPropertyDescriptor(r, i));
     });
   }
-  return o;
+  return n;
 }
-function xe(o, e, t) {
-  return e = Ee(e), e in o ? Object.defineProperty(o, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : o[e] = t, o;
+function hr(n, t, r) {
+  return t = mr(t), t in n ? Object.defineProperty(n, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : n[t] = r, n;
 }
-function Ee(o) {
-  var e = Oe(o, "string");
-  return typeof e == "symbol" ? e : e + "";
+function mr(n) {
+  var t = pr(n, "string");
+  return typeof t == "symbol" ? t : t + "";
 }
-function Oe(o, e) {
-  if (typeof o != "object" || !o) return o;
-  var t = o[Symbol.toPrimitive];
-  if (t !== void 0) {
-    var n = t.call(o, e || "default");
-    if (typeof n != "object") return n;
+function pr(n, t) {
+  if (typeof n != "object" || !n) return n;
+  var r = n[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var i = r.call(n, t || "default");
+    if (typeof i != "object") return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (e === "string" ? String : Number)(o);
+  return (t === "string" ? String : Number)(n);
 }
-function U(o) {
-  return o && o.map((e, t) => /* @__PURE__ */ v.createElement(e.tag, P({
-    key: t
-  }, e.attr), U(e.child)));
+function Qe(n) {
+  return n && n.map((t, r) => /* @__PURE__ */ I.createElement(t.tag, Q({
+    key: r
+  }, t.attr), Qe(t.child)));
 }
-function G(o) {
-  return (e) => /* @__PURE__ */ v.createElement(De, _({
-    attr: P({}, o.attr)
-  }, e), U(o.child));
+function et(n) {
+  return (t) => /* @__PURE__ */ I.createElement(gr, Z({
+    attr: Q({}, n.attr)
+  }, t), Qe(n.child));
 }
-function De(o) {
-  var e = (t) => {
+function gr(n) {
+  var t = (r) => {
     var {
-      attr: n,
-      size: r,
-      title: u
-    } = o, c = Pe(o, _e), l = r || t.size || "1em", i;
-    return t.className && (i = t.className), o.className && (i = (i ? i + " " : "") + o.className), /* @__PURE__ */ v.createElement("svg", _({
+      attr: i,
+      size: f,
+      title: b
+    } = n, p = dr(n, cr), h = f || r.size || "1em", u;
+    return r.className && (u = r.className), n.className && (u = (u ? u + " " : "") + n.className), /* @__PURE__ */ I.createElement("svg", Z({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, t.attr, n, c, {
-      className: i,
-      style: P(P({
-        color: o.color || t.color
-      }, t.style), o.style),
-      height: l,
-      width: l,
+    }, r.attr, i, p, {
+      className: u,
+      style: Q(Q({
+        color: n.color || r.color
+      }, r.style), n.style),
+      height: h,
+      width: h,
       xmlns: "http://www.w3.org/2000/svg"
-    }), u && /* @__PURE__ */ v.createElement("title", null, u), o.children);
+    }), b && /* @__PURE__ */ I.createElement("title", null, b), n.children);
   };
-  return I !== void 0 ? /* @__PURE__ */ v.createElement(I.Consumer, null, (t) => e(t)) : e(X);
+  return He !== void 0 ? /* @__PURE__ */ I.createElement(He.Consumer, null, (r) => t(r)) : t(Ze);
 }
-function Be(o) {
-  return G({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M3 3m0 1a1 1 0 0 1 1 -1h16a1 1 0 0 1 1 1v16a1 1 0 0 1 -1 1h-16a1 1 0 0 1 -1 -1zm9 -1v18" }, child: [] }] })(o);
+function vr(n) {
+  return et({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M3 3m0 1a1 1 0 0 1 1 -1h16a1 1 0 0 1 1 1v16a1 1 0 0 1 -1 1h-16a1 1 0 0 1 -1 -1zm9 -1v18" }, child: [] }] })(n);
 }
-function Te(o) {
-  return G({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M3 3m0 1a1 1 0 0 1 1 -1h16a1 1 0 0 1 1 1v16a1 1 0 0 1 -1 1h-16a1 1 0 0 1 -1 -1zm6 -1v18m6 -18v18" }, child: [] }] })(o);
+function br(n) {
+  return et({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M3 3m0 1a1 1 0 0 1 1 -1h16a1 1 0 0 1 1 1v16a1 1 0 0 1 -1 1h-16a1 1 0 0 1 -1 -1zm6 -1v18m6 -18v18" }, child: [] }] })(n);
 }
-function Ne(o) {
-  return "column" in o.schema.blockSchema && o.schema.blockSchema.columnList === M.blockSchema.columnList && "column" in o.schema.blockSchema && o.schema.blockSchema.column === M.blockSchema.column;
+function yr(n) {
+  return "column" in n.schema.blockSchema && n.schema.blockSchema.columnList === We.blockSchema.columnList && "column" in n.schema.blockSchema && n.schema.blockSchema.column === We.blockSchema.column;
 }
-function Ue(o) {
-  const e = [];
-  return Ne(o) && e.push(
+function xr(n) {
+  const t = [];
+  return yr(n) && t.push(
     {
-      ...N(o).slash_menu.two_columns,
-      icon: /* @__PURE__ */ T(Be, { size: 18 }),
+      ...Le(n).slash_menu.two_columns,
+      icon: /* @__PURE__ */ Fe.jsxDEV(vr, { size: 18 }, void 0, !1, {
+        fileName: "/Users/nickthesick/Developer/BlockNote/packages/xl-multi-column/src/extensions/SuggestionMenu/getMultiColumnSlashMenuItems.tsx",
+        lineNumber: 41,
+        columnNumber: 15
+      }, this),
       onItemClick: () => {
-        O(o, {
+        Be(n, {
           type: "columnList",
           children: [
             {
@@ -895,10 +1522,14 @@ function Ue(o) {
       }
     },
     {
-      ...N(o).slash_menu.three_columns,
-      icon: /* @__PURE__ */ T(Te, { size: 18 }),
+      ...Le(n).slash_menu.three_columns,
+      icon: /* @__PURE__ */ Fe.jsxDEV(br, { size: 18 }, void 0, !1, {
+        fileName: "/Users/nickthesick/Developer/BlockNote/packages/xl-multi-column/src/extensions/SuggestionMenu/getMultiColumnSlashMenuItems.tsx",
+        lineNumber: 68,
+        columnNumber: 15
+      }, this),
       onItemClick: () => {
-        O(o, {
+        Be(n, {
           type: "columnList",
           children: [
             {
@@ -929,17 +1560,17 @@ function Ue(o) {
         });
       }
     }
-  ), e;
+  ), t;
 }
 export {
-  W as ColumnBlock,
-  A as ColumnListBlock,
-  Ne as checkMultiColumnBlocksInSchema,
-  N as getMultiColumnDictionary,
-  Ue as getMultiColumnSlashMenuItems,
-  Ae as locales,
-  Xe as multiColumnDropCursor,
-  M as multiColumnSchema,
-  Ve as withMultiColumn
+  Ge as ColumnBlock,
+  qe as ColumnListBlock,
+  yr as checkMultiColumnBlocksInSchema,
+  Le as getMultiColumnDictionary,
+  xr as getMultiColumnSlashMenuItems,
+  Pr as locales,
+  Or as multiColumnDropCursor,
+  We as multiColumnSchema,
+  Tr as withMultiColumn
 };
 //# sourceMappingURL=blocknote-xl-multi-column.js.map