@blocknote/xl-multi-column 0.19.0

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

@@ -0,0 +1,3038 @@
+var pn = Object.defineProperty;
+var hn = (s, n, a) => n in s ? pn(s, n, { enumerable: !0, configurable: !0, writable: !0, value: a }) : s[n] = a;
+var oe = (s, n, a) => hn(s, typeof n != "symbol" ? n + "" : n, a);
+import { getNodeById as wr, createStronglyTypedTiptapNode as Nr, createBlockSpecFromStronglyTypedTiptapNode as Mr, BlockNoteSchema as Lr, getBlockInfo as mn, nodeToBlock as Gt, UniqueID as vn, getNearestBlockContainerPos as yn, insertOrUpdateBlock as Cr } from "@blocknote/core";
+import { Extension as gn } from "@tiptap/core";
+import { PluginKey as bn, Plugin as Fr } from "prosemirror-state";
+import { DecorationSet as Er, Decoration as Rr } from "prosemirror-view";
+import { dropPoint as _n } from "prosemirror-transform";
+const wn = {
+  slash_menu: {
+    two_columns: {
+      title: "عمودان",
+      subtext: "عمودان جنبًا إلى جنب",
+      aliases: ["أعمدة", "صف", "تقسيم"],
+      group: "الكتل الأساسية"
+    },
+    three_columns: {
+      title: "ثلاثة أعمدة",
+      subtext: "ثلاثة أعمدة جنبًا إلى جنب",
+      aliases: ["أعمدة", "صف", "تقسيم"],
+      group: "الكتل الأساسية"
+    }
+  }
+}, Cn = {
+  slash_menu: {
+    two_columns: {
+      title: "Zwei Spalten",
+      subtext: "Zwei Spalten nebeneinander",
+      aliases: ["Spalten", "Reihe", "teilen"],
+      group: "Grundlegende blöcke"
+    },
+    three_columns: {
+      title: "Drei Spalten",
+      subtext: "Drei Spalten nebeneinander",
+      aliases: ["Spalten", "Reihe", "teilen"],
+      group: "Grundlegende blöcke"
+    }
+  }
+}, En = {
+  slash_menu: {
+    two_columns: {
+      title: "Two Columns",
+      subtext: "Two columns side by side",
+      aliases: ["columns", "row", "split"],
+      group: "Basic blocks"
+    },
+    three_columns: {
+      title: "Three Columns",
+      subtext: "Three columns side by side",
+      aliases: ["columns", "row", "split"],
+      group: "Basic blocks"
+    }
+  }
+}, Rn = {
+  slash_menu: {
+    two_columns: {
+      title: "Dos Columnas",
+      subtext: "Dos columnas lado a lado",
+      aliases: ["columnas", "fila", "dividir"],
+      group: "Bloques básicos"
+    },
+    three_columns: {
+      title: "Tres Columnas",
+      subtext: "Tres columnas lado a lado",
+      aliases: ["columnas", "fila", "dividir"],
+      group: "Bloques básicos"
+    }
+  }
+}, Sn = {
+  slash_menu: {
+    two_columns: {
+      title: "Deux Colonnes",
+      subtext: "Deux colonnes côte à côte",
+      aliases: ["colonnes", "rangée", "partager"],
+      group: "Blocs de base"
+    },
+    three_columns: {
+      title: "Trois Colonnes",
+      subtext: "Trois colonnes côte à côte",
+      aliases: ["colonnes", "rangée", "partager"],
+      group: "Blocs de base"
+    }
+  }
+}, kn = {
+  slash_menu: {
+    two_columns: {
+      title: "Dva Stupca",
+      subtext: "Dva stupca jedan pored drugog",
+      aliases: ["stupci", "redak", "podijeli"],
+      group: "Osnovni blokovi"
+    },
+    three_columns: {
+      title: "Tri Stupca",
+      subtext: "Tri stupca jedan pored drugog",
+      aliases: ["stupci", "redak", "podijeli"],
+      group: "Osnovni blokovi"
+    }
+  }
+}, On = {
+  slash_menu: {
+    two_columns: {
+      title: "Tvær Dálkar",
+      subtext: "Tvær dálkar hlið við hlið",
+      aliases: ["dálkar", "röð", "skipta"],
+      group: "Grunnblokkar"
+    },
+    three_columns: {
+      title: "Þrír Dálkar",
+      subtext: "Þrír dálkar hlið við hlið",
+      aliases: ["dálkar", "röð", "skipta"],
+      group: "Grunnblokkar"
+    }
+  }
+}, Tn = {
+  slash_menu: {
+    two_columns: {
+      title: "二列",
+      subtext: "二列並んで",
+      aliases: ["列", "行", "分割"],
+      group: "基本ブロック"
+    },
+    three_columns: {
+      title: "三列",
+      subtext: "三列並んで",
+      aliases: ["列", "行", "分割"],
+      group: "基本ブロック"
+    }
+  }
+}, Pn = {
+  slash_menu: {
+    two_columns: {
+      title: "두 열",
+      subtext: "두 열 나란히",
+      aliases: ["열", "행", "분할"],
+      group: "기본 블록"
+    },
+    three_columns: {
+      title: "세 열",
+      subtext: "세 열 나란히",
+      aliases: ["열", "행", "분할"],
+      group: "기본 블록"
+    }
+  }
+}, jn = {
+  slash_menu: {
+    two_columns: {
+      title: "Twee Kolommen",
+      subtext: "Twee kolommen naast elkaar",
+      aliases: ["kolommen", "rij", "verdelen"],
+      group: "Basisblokken"
+    },
+    three_columns: {
+      title: "Drie Kolommen",
+      subtext: "Drie kolommen naast elkaar",
+      aliases: ["kolommen", "rij", "verdelen"],
+      group: "Basisblokken"
+    }
+  }
+}, xn = {
+  slash_menu: {
+    two_columns: {
+      title: "Dwie Kolumny",
+      subtext: "Dwie kolumny obok siebie",
+      aliases: ["kolumny", "rząd", "podzielić"],
+      group: "Podstawowe bloki"
+    },
+    three_columns: {
+      title: "Trzy Kolumny",
+      subtext: "Trzy kolumny obok siebie",
+      aliases: ["kolumny", "rząd", "podzielić"],
+      group: "Podstawowe bloki"
+    }
+  }
+}, Dn = {
+  slash_menu: {
+    two_columns: {
+      title: "Duas Colunas",
+      subtext: "Duas colunas lado a lado",
+      aliases: ["colunas", "linha", "dividir"],
+      group: "Blocos básicos"
+    },
+    three_columns: {
+      title: "Três Colunas",
+      subtext: "Três colunas lado a lado",
+      aliases: ["colunas", "linha", "dividir"],
+      group: "Blocos básicos"
+    }
+  }
+}, An = {
+  slash_menu: {
+    two_columns: {
+      title: "Два Столбца",
+      subtext: "Два столбца рядом",
+      aliases: ["столбцы", "ряд", "разделить"],
+      group: "Базовые блоки"
+    },
+    three_columns: {
+      title: "Три Столбца",
+      subtext: "Три столбца рядом",
+      aliases: ["столбцы", "ряд", "разделить"],
+      group: "Базовые блоки"
+    }
+  }
+}, In = {
+  slash_menu: {
+    two_columns: {
+      title: "Hai Cột",
+      subtext: "Hai cột cạnh nhau",
+      aliases: ["cột", "hàng", "chia"],
+      group: "Khối cơ bản"
+    },
+    three_columns: {
+      title: "Ba Cột",
+      subtext: "Ba cột cạnh nhau",
+      aliases: ["cột", "hàng", "chia"],
+      group: "Khối cơ bản"
+    }
+  }
+}, Nn = {
+  slash_menu: {
+    two_columns: {
+      title: "两列",
+      subtext: "两列并排",
+      aliases: ["列", "行", "分割"],
+      group: "基础"
+    },
+    three_columns: {
+      title: "三列",
+      subtext: "三列并排",
+      aliases: ["列", "行", "分割"],
+      group: "基础"
+    }
+  }
+}, fo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  ar: wn,
+  de: Cn,
+  en: En,
+  es: Rn,
+  fr: Sn,
+  hr: kn,
+  is: On,
+  ja: Tn,
+  ko: Pn,
+  nl: jn,
+  pl: xn,
+  pt: Dn,
+  ru: An,
+  vi: In,
+  zh: Nn
+}, Symbol.toStringTag, { value: "Module" }));
+function Sr(s) {
+  if (!s.dictionary.multi_column)
+    throw new Error("Multi-column dictionary not found");
+  return s.dictionary.multi_column;
+}
+const ke = new bn("ColumnResizePlugin");
+class Mn {
+  constructor(n, a) {
+    oe(this, "editor");
+    oe(this, "view");
+    oe(this, "RESIZE_MARGIN_WIDTH_PX", 20);
+    oe(this, "COLUMN_MIN_WIDTH_PERCENT", 0.5);
+    oe(this, "getColumnHoverOrDefaultState", (n) => {
+      const a = n.target;
+      if (!this.view.dom.contains(a))
+        return { type: "default" };
+      const c = a.closest(
+        ".bn-block-column"
+      );
+      if (!c)
+        return { type: "default" };
+      const E = n.clientX, x = c.getBoundingClientRect(), R = E < x.left + this.RESIZE_MARGIN_WIDTH_PX ? "left" : E > x.right - this.RESIZE_MARGIN_WIDTH_PX ? "right" : "none", C = R === "left" ? c.previousElementSibling : R === "right" ? c.nextElementSibling : void 0;
+      if (!C)
+        return { type: "default" };
+      const m = R === "left" ? C : c, U = R === "left" ? c : C, _ = m.getAttribute("data-id"), b = U.getAttribute("data-id"), D = wr(_, this.view.state.doc), N = wr(
+        b,
+        this.view.state.doc
+      );
+      if (!D || !N || !D.posBeforeNode)
+        throw new Error("Column not found");
+      return {
+        type: "hover",
+        leftColumn: {
+          element: m,
+          id: _,
+          ...D
+        },
+        rightColumn: {
+          element: U,
+          id: b,
+          ...N
+        }
+      };
+    });
+    // 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.
+    oe(this, "mouseDownHandler", (n) => {
+      let a = this.getColumnHoverOrDefaultState(n);
+      if (a.type === "default")
+        return;
+      n.preventDefault();
+      const c = n.clientX, E = a.leftColumn.element.getBoundingClientRect().width, x = a.rightColumn.element.getBoundingClientRect().width, R = a.leftColumn.node.attrs.width, C = a.rightColumn.node.attrs.width;
+      a = {
+        type: "resize",
+        startPos: c,
+        leftColumn: {
+          ...a.leftColumn,
+          widthPx: E,
+          widthPercent: R
+        },
+        rightColumn: {
+          ...a.rightColumn,
+          widthPx: x,
+          widthPercent: C
+        }
+      }, this.view.dispatch(
+        this.view.state.tr.setMeta(ke, a)
+      ), 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.
+    oe(this, "mouseMoveHandler", (n) => {
+      var m, U;
+      const a = ke.getState(this.view.state);
+      if (!a)
+        return;
+      if (a.type !== "resize") {
+        const _ = this.getColumnHoverOrDefaultState(n), b = a.type === "default" && _.type === "default", D = a.type !== "default" && _.type !== "default" && a.leftColumn.id === _.leftColumn.id && a.rightColumn.id === _.rightColumn.id;
+        if (b || D || _.type === "hover" && ((U = (m = this.editor.sideMenu.view) == null ? void 0 : m.state) != null && U.show))
+          return;
+        this.view.dispatch(
+          this.view.state.tr.setMeta(ke, _)
+        );
+        return;
+      }
+      const E = (n.clientX - a.startPos) * a.leftColumn.widthPercent, x = (a.leftColumn.widthPx + E) / a.leftColumn.widthPx - 1;
+      let R = a.leftColumn.widthPercent + x, C = a.rightColumn.widthPercent - x;
+      R < this.COLUMN_MIN_WIDTH_PERCENT ? (C -= this.COLUMN_MIN_WIDTH_PERCENT - R, R = this.COLUMN_MIN_WIDTH_PERCENT) : C < this.COLUMN_MIN_WIDTH_PERCENT && (R -= this.COLUMN_MIN_WIDTH_PERCENT - C, C = this.COLUMN_MIN_WIDTH_PERCENT), this.view.dispatch(
+        this.view.state.tr.setNodeAttribute(
+          a.leftColumn.posBeforeNode,
+          "width",
+          R
+        ).setNodeAttribute(
+          a.rightColumn.posBeforeNode,
+          "width",
+          C
+        ).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.
+    oe(this, "mouseUpHandler", (n) => {
+      const a = ke.getState(this.view.state);
+      if (!a || a.type !== "resize")
+        return;
+      const c = this.getColumnHoverOrDefaultState(n);
+      this.view.dispatch(
+        this.view.state.tr.setMeta(ke, c)
+      ), this.editor.sideMenu.unfreezeMenu();
+    });
+    // This is a required method for PluginView, so we get a type error if we
+    // don't implement it.
+    oe(this, "update");
+    this.editor = n, this.view = a, this.view.dom.addEventListener("mousedown", this.mouseDownHandler), document.body.addEventListener("mousemove", this.mouseMoveHandler), document.body.addEventListener("mouseup", this.mouseUpHandler);
+  }
+}
+const Ln = (s) => new Fr({
+  key: ke,
+  props: {
+    // This adds a border between the columns when the user is
+    // resizing them or when the cursor is near their boundary.
+    decorations: (n) => {
+      const a = ke.getState(n);
+      return !a || a.type === "default" ? Er.empty : Er.create(n.doc, [
+        Rr.node(
+          a.leftColumn.posBeforeNode,
+          a.leftColumn.posBeforeNode + a.leftColumn.node.nodeSize,
+          {
+            style: "box-shadow: 4px 0 0 #ccc; cursor: col-resize"
+          }
+        ),
+        Rr.node(
+          a.rightColumn.posBeforeNode,
+          a.rightColumn.posBeforeNode + a.rightColumn.node.nodeSize,
+          {
+            style: "cursor: col-resize"
+          }
+        )
+      ]);
+    }
+  },
+  state: {
+    init: () => ({ type: "default" }),
+    apply: (n, a) => {
+      const c = n.getMeta(ke);
+      return c === void 0 ? a : c;
+    }
+  },
+  view: (n) => new Mn(s, n)
+}), Fn = (s) => gn.create({
+  name: "columnResize",
+  addProseMirrorPlugins() {
+    return [Ln(s)];
+  }
+}), Bn = Nr({
+  name: "column",
+  group: "bnBlock childContainer",
+  // A block always contains content, and optionally a blockGroup which contains nested blocks
+  content: "blockContainer+",
+  priority: 40,
+  defining: !0,
+  addAttributes() {
+    return {
+      width: {
+        // Why does each column have a default width of 1, i.e. 100%? Because
+        // when creating a new column, we want to make sure that existing
+        // column widths are preserved, while the new one also has a sensible
+        // width. If we'd set it so all column widths must add up to 100%
+        // instead, then each time a new column is created, we'd have to assign
+        // it a width depending on the total number of columns and also adjust
+        // the widths of the other columns. The same can be said for using px
+        // instead of percent widths and making them add to the editor width. So
+        // using this method is both simpler and computationally cheaper. This
+        // is possible because we can set the `flex-grow` property to the width
+        // value, which handles all the resizing for us, instead of manually
+        // having to set the `width` property of each column.
+        default: 1,
+        parseHTML: (s) => {
+          const n = s.getAttribute("data-width");
+          if (n === null)
+            return null;
+          const a = parseFloat(n);
+          return isFinite(a) ? a : null;
+        },
+        renderHTML: (s) => ({
+          "data-width": s.width.toString(),
+          style: `flex-grow: ${s.width};`
+        })
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "div",
+        getAttrs: (s) => typeof s == "string" ? !1 : s.getAttribute("data-node-type") === this.name ? {} : !1
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: s }) {
+    const n = document.createElement("div");
+    n.className = "bn-block-column", n.setAttribute("data-node-type", this.name);
+    for (const [a, c] of Object.entries(s))
+      n.setAttribute(a, c);
+    return {
+      dom: n,
+      contentDOM: n
+    };
+  },
+  addExtensions() {
+    return [Fn(this.options.editor)];
+  }
+}), Wn = Nr({
+  name: "columnList",
+  group: "childContainer bnBlock blockGroupChild",
+  // A block always contains content, and optionally a blockGroup which contains nested blocks
+  content: "column column+",
+  // min two columns
+  priority: 40,
+  // should be below blockContainer
+  defining: !0,
+  parseHTML() {
+    return [
+      {
+        tag: "div",
+        getAttrs: (s) => typeof s == "string" ? !1 : s.getAttribute("data-node-type") === this.name ? {} : !1
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: s }) {
+    const n = document.createElement("div");
+    n.className = "bn-block-column-list", n.setAttribute("data-node-type", this.name);
+    for (const [a, c] of Object.entries(s))
+      n.setAttribute(a, c);
+    return n.style.display = "flex", {
+      dom: n,
+      contentDOM: n
+    };
+  }
+}), Br = Mr(Bn, {
+  width: {
+    default: 1
+  }
+}), Wr = Mr(
+  Wn,
+  {}
+), kr = Lr.create({
+  blockSpecs: {
+    column: Br,
+    columnList: Wr
+  }
+}), po = (s) => Lr.create({
+  blockSpecs: {
+    ...s.blockSpecs,
+    column: Br,
+    columnList: Wr
+  },
+  inlineContentSpecs: s.inlineContentSpecs,
+  styleSpecs: s.styleSpecs
+}), Ct = 0.1;
+function $n(s) {
+  return { left: s.clientX, top: s.clientY };
+}
+function ho(s) {
+  const n = s.editor;
+  return new Fr({
+    view(a) {
+      return new Vn(a, s);
+    },
+    props: {
+      handleDrop(a, c, E, x) {
+        const R = a.posAtCoords($n(c));
+        if (!R)
+          throw new Error("Could not get event position");
+        const C = $r(a.state, R), m = mn(C), _ = a.nodeDOM(C.posBeforeNode).getBoundingClientRect();
+        let b = "regular";
+        if (c.clientX <= _.left + _.width * Ct && (b = "left"), c.clientX >= _.right - _.width * Ct && (b = "right"), b === "regular")
+          return !1;
+        const D = Gt(
+          E.content.child(0),
+          n.schema.blockSchema,
+          n.schema.inlineContentSchema,
+          n.schema.styleSchema
+          // TODO: cache?
+        );
+        if (m.blockNoteType === "column") {
+          const N = a.state.doc.resolve(m.bnBlock.beforePos).node(), M = Gt(
+            N,
+            n.schema.blockSchema,
+            n.schema.inlineContentSchema,
+            n.schema.styleSchema
+          );
+          let ee = 0;
+          M.children.forEach((le) => {
+            ee += le.props.width;
+          });
+          const X = ee / M.children.length;
+          if (X < 0.99 || X > 1.01) {
+            const le = 1 / X;
+            M.children.forEach((ce) => {
+              ce.props.width = ce.props.width * le;
+            });
+          }
+          const ue = M.children.findIndex(
+            (le) => le.id === m.bnBlock.node.attrs.id
+          ), z = M.children.toSpliced(
+            b === "left" ? ue : ue + 1,
+            0,
+            {
+              type: "column",
+              children: [D],
+              props: {},
+              content: void 0,
+              id: vn.options.generateID()
+            }
+          );
+          n.removeBlocks([D]), n.updateBlock(M, {
+            children: z
+          });
+        } else {
+          const N = Gt(
+            m.bnBlock.node,
+            n.schema.blockSchema,
+            n.schema.inlineContentSchema,
+            n.schema.styleSchema
+          ), M = b === "left" ? [D, N] : [N, D];
+          n.removeBlocks([D]), n.replaceBlocks(
+            [N],
+            [
+              {
+                type: "columnList",
+                children: M.map((ee) => ({
+                  type: "column",
+                  children: [ee]
+                }))
+              }
+            ]
+          );
+        }
+        return !0;
+      }
+    }
+  });
+}
+class Vn {
+  constructor(n, a) {
+    oe(this, "width");
+    oe(this, "color");
+    oe(this, "class");
+    oe(this, "cursorPos");
+    oe(this, "element", null);
+    oe(this, "timeout");
+    oe(this, "handlers");
+    this.editorView = n, this.width = a.width ?? 1, this.color = a.color === !1 ? void 0 : a.color || "black", this.class = a.class, this.handlers = ["dragover", "dragend", "drop", "dragleave"].map((c) => {
+      const E = (x) => {
+        this[c](x);
+      };
+      return n.dom.addEventListener(c, E), { name: c, handler: E };
+    });
+  }
+  destroy() {
+    this.handlers.forEach(
+      ({ name: n, handler: a }) => this.editorView.dom.removeEventListener(n, a)
+    );
+  }
+  update(n, a) {
+    this.cursorPos != null && a.doc !== n.state.doc && (this.cursorPos.pos > n.state.doc.content.size ? this.setCursor(void 0) : this.updateOverlay());
+  }
+  setCursor(n) {
+    var a, c;
+    n === this.cursorPos || (n == null ? void 0 : n.pos) === ((a = this.cursorPos) == null ? void 0 : a.pos) && (n == null ? void 0 : n.position) === ((c = this.cursorPos) == null ? void 0 : c.position) || (this.cursorPos = n, n ? 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 n = this.editorView.state.doc.resolve(this.cursorPos.pos), a = !n.parent.inlineContent;
+    let c;
+    const E = this.editorView.dom, x = E.getBoundingClientRect(), R = x.width / E.offsetWidth, C = x.height / E.offsetHeight;
+    if (a) {
+      const b = n.nodeBefore, D = n.nodeAfter;
+      if (b || D)
+        if (this.cursorPos.position === "left" || this.cursorPos.position === "right") {
+          const M = this.editorView.nodeDOM(this.cursorPos.pos).getBoundingClientRect(), ee = this.width / 2 * C, X = this.cursorPos.position === "left" ? M.left : M.right;
+          c = {
+            left: X - ee,
+            right: X + ee,
+            top: M.top,
+            bottom: M.bottom
+            // left: blockRect.left,
+            // right: blockRect.right,
+          };
+        } else {
+          const N = this.editorView.nodeDOM(
+            this.cursorPos.pos - (b ? b.nodeSize : 0)
+          );
+          if (N) {
+            const M = N.getBoundingClientRect();
+            let ee = b ? M.bottom : M.top;
+            b && D && (ee = (ee + this.editorView.nodeDOM(this.cursorPos.pos).getBoundingClientRect().top) / 2);
+            const X = this.width / 2 * C;
+            this.cursorPos.position === "regular" && (c = {
+              left: M.left,
+              right: M.right,
+              top: ee - X,
+              bottom: ee + X
+            });
+          }
+        }
+    }
+    if (!c) {
+      const b = this.editorView.coordsAtPos(this.cursorPos.pos), D = this.width / 2 * R;
+      c = {
+        left: b.left - D,
+        right: b.left + D,
+        top: b.top,
+        bottom: b.bottom
+      };
+    }
+    const m = this.editorView.dom.offsetParent;
+    this.element || (this.element = m.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", a), this.element.classList.toggle(
+      "prosemirror-dropcursor-vertical",
+      this.cursorPos.position !== "regular"
+    ), this.element.classList.toggle("prosemirror-dropcursor-inline", !a);
+    let U, _;
+    if (!m || m === document.body && getComputedStyle(m).position === "static")
+      U = -window.scrollX, _ = -window.scrollY;
+    else {
+      const b = m.getBoundingClientRect(), D = b.width / m.offsetWidth, N = b.height / m.offsetHeight;
+      U = b.left - m.scrollLeft * D, _ = b.top - m.scrollTop * N;
+    }
+    this.element.style.left = (c.left - U) / R + "px", this.element.style.top = (c.top - _) / C + "px", this.element.style.width = (c.right - c.left) / R + "px", this.element.style.height = (c.bottom - c.top) / C + "px";
+  }
+  scheduleRemoval(n) {
+    clearTimeout(this.timeout), this.timeout = setTimeout(() => this.setCursor(void 0), n);
+  }
+  // this gets executed on every mouse move when dragging (drag over)
+  dragover(n) {
+    if (!this.editorView.editable)
+      return;
+    const a = this.editorView.posAtCoords({
+      left: n.clientX,
+      top: n.clientY
+    }), c = a && a.inside >= 0 && this.editorView.state.doc.nodeAt(a.inside), E = c && c.type.spec.disableDropCursor, x = typeof E == "function" ? E(this.editorView, a, n) : E;
+    if (a && !x) {
+      let R = "regular", C = a.pos;
+      const m = $r(this.editorView.state, a), _ = this.editorView.nodeDOM(m.posBeforeNode).getBoundingClientRect();
+      if (n.clientX <= _.left + _.width * Ct && (R = "left", C = m.posBeforeNode), n.clientX >= _.right - _.width * Ct && (R = "right", C = m.posBeforeNode), R === "regular" && this.editorView.dragging && this.editorView.dragging.slice) {
+        const b = _n(
+          this.editorView.state.doc,
+          C,
+          this.editorView.dragging.slice
+        );
+        b != null && (C = b);
+      }
+      this.setCursor({ pos: C, position: R }), this.scheduleRemoval(5e3);
+    }
+  }
+  dragend() {
+    this.scheduleRemoval(20);
+  }
+  drop() {
+    this.scheduleRemoval(20);
+  }
+  dragleave(n) {
+    (n.target === this.editorView.dom || !this.editorView.dom.contains(n.relatedTarget)) && this.setCursor(void 0);
+  }
+}
+function $r(s, n) {
+  const a = yn(s.doc, n.pos);
+  let c = s.doc.resolve(a.posBeforeNode);
+  return c.parent.type.name === "column" && (c = s.doc.resolve(c.before())), {
+    posBeforeNode: c.pos,
+    node: c.nodeAfter
+  };
+}
+function Un(s) {
+  return s && s.__esModule && Object.prototype.hasOwnProperty.call(s, "default") ? s.default : s;
+}
+var qt = { exports: {} }, Ze = {}, wt = { exports: {} }, k = {};
+/**
+ * @license React
+ * react.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 Or;
+function zn() {
+  if (Or) return k;
+  Or = 1;
+  var s = Symbol.for("react.element"), n = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), E = Symbol.for("react.profiler"), x = Symbol.for("react.provider"), R = Symbol.for("react.context"), C = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), U = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), b = Symbol.iterator;
+  function D(o) {
+    return o === null || typeof o != "object" ? null : (o = b && o[b] || o["@@iterator"], typeof o == "function" ? o : null);
+  }
+  var N = { isMounted: function() {
+    return !1;
+  }, enqueueForceUpdate: function() {
+  }, enqueueReplaceState: function() {
+  }, enqueueSetState: function() {
+  } }, M = Object.assign, ee = {};
+  function X(o, f, O) {
+    this.props = o, this.context = f, this.refs = ee, this.updater = O || N;
+  }
+  X.prototype.isReactComponent = {}, X.prototype.setState = function(o, f) {
+    if (typeof o != "object" && typeof o != "function" && o != null) throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");
+    this.updater.enqueueSetState(this, o, f, "setState");
+  }, X.prototype.forceUpdate = function(o) {
+    this.updater.enqueueForceUpdate(this, o, "forceUpdate");
+  };
+  function ue() {
+  }
+  ue.prototype = X.prototype;
+  function z(o, f, O) {
+    this.props = o, this.context = f, this.refs = ee, this.updater = O || N;
+  }
+  var le = z.prototype = new ue();
+  le.constructor = z, M(le, X.prototype), le.isPureReactComponent = !0;
+  var ce = Array.isArray, J = Object.prototype.hasOwnProperty, se = { current: null }, he = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function ye(o, f, O) {
+    var P, A = {}, V = null, W = null;
+    if (f != null) for (P in f.ref !== void 0 && (W = f.ref), f.key !== void 0 && (V = "" + f.key), f) J.call(f, P) && !he.hasOwnProperty(P) && (A[P] = f[P]);
+    var B = arguments.length - 2;
+    if (B === 1) A.children = O;
+    else if (1 < B) {
+      for (var L = Array(B), Z = 0; Z < B; Z++) L[Z] = arguments[Z + 2];
+      A.children = L;
+    }
+    if (o && o.defaultProps) for (P in B = o.defaultProps, B) A[P] === void 0 && (A[P] = B[P]);
+    return { $$typeof: s, type: o, key: V, ref: W, props: A, _owner: se.current };
+  }
+  function Oe(o, f) {
+    return { $$typeof: s, type: o.type, key: f, ref: o.ref, props: o.props, _owner: o._owner };
+  }
+  function Te(o) {
+    return typeof o == "object" && o !== null && o.$$typeof === s;
+  }
+  function He(o) {
+    var f = { "=": "=0", ":": "=2" };
+    return "$" + o.replace(/[=:]/g, function(O) {
+      return f[O];
+    });
+  }
+  var Pe = /\/+/g;
+  function ie(o, f) {
+    return typeof o == "object" && o !== null && o.key != null ? He("" + o.key) : f.toString(36);
+  }
+  function fe(o, f, O, P, A) {
+    var V = typeof o;
+    (V === "undefined" || V === "boolean") && (o = null);
+    var W = !1;
+    if (o === null) W = !0;
+    else switch (V) {
+      case "string":
+      case "number":
+        W = !0;
+        break;
+      case "object":
+        switch (o.$$typeof) {
+          case s:
+          case n:
+            W = !0;
+        }
+    }
+    if (W) return W = o, A = A(W), o = P === "" ? "." + ie(W, 0) : P, ce(A) ? (O = "", o != null && (O = o.replace(Pe, "$&/") + "/"), fe(A, f, O, "", function(Z) {
+      return Z;
+    })) : A != null && (Te(A) && (A = Oe(A, O + (!A.key || W && W.key === A.key ? "" : ("" + A.key).replace(Pe, "$&/") + "/") + o)), f.push(A)), 1;
+    if (W = 0, P = P === "" ? "." : P + ":", ce(o)) for (var B = 0; B < o.length; B++) {
+      V = o[B];
+      var L = P + ie(V, B);
+      W += fe(V, f, O, L, A);
+    }
+    else if (L = D(o), typeof L == "function") for (o = L.call(o), B = 0; !(V = o.next()).done; ) V = V.value, L = P + ie(V, B++), W += fe(V, f, O, L, A);
+    else if (V === "object") throw f = String(o), Error("Objects are not valid as a React child (found: " + (f === "[object Object]" ? "object with keys {" + Object.keys(o).join(", ") + "}" : f) + "). If you meant to render a collection of children, use an array instead.");
+    return W;
+  }
+  function te(o, f, O) {
+    if (o == null) return o;
+    var P = [], A = 0;
+    return fe(o, P, "", "", function(V) {
+      return f.call(O, V, A++);
+    }), P;
+  }
+  function pe(o) {
+    if (o._status === -1) {
+      var f = o._result;
+      f = f(), f.then(function(O) {
+        (o._status === 0 || o._status === -1) && (o._status = 1, o._result = O);
+      }, function(O) {
+        (o._status === 0 || o._status === -1) && (o._status = 2, o._result = O);
+      }), o._status === -1 && (o._status = 0, o._result = f);
+    }
+    if (o._status === 1) return o._result.default;
+    throw o._result;
+  }
+  var v = { current: null }, me = { transition: null }, je = { ReactCurrentDispatcher: v, ReactCurrentBatchConfig: me, ReactCurrentOwner: se };
+  function ge() {
+    throw Error("act(...) is not supported in production builds of React.");
+  }
+  return k.Children = { map: te, forEach: function(o, f, O) {
+    te(o, function() {
+      f.apply(this, arguments);
+    }, O);
+  }, count: function(o) {
+    var f = 0;
+    return te(o, function() {
+      f++;
+    }), f;
+  }, toArray: function(o) {
+    return te(o, function(f) {
+      return f;
+    }) || [];
+  }, only: function(o) {
+    if (!Te(o)) throw Error("React.Children.only expected to receive a single React element child.");
+    return o;
+  } }, k.Component = X, k.Fragment = a, k.Profiler = E, k.PureComponent = z, k.StrictMode = c, k.Suspense = m, k.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = je, k.act = ge, k.cloneElement = function(o, f, O) {
+    if (o == null) throw Error("React.cloneElement(...): The argument must be a React element, but you passed " + o + ".");
+    var P = M({}, o.props), A = o.key, V = o.ref, W = o._owner;
+    if (f != null) {
+      if (f.ref !== void 0 && (V = f.ref, W = se.current), f.key !== void 0 && (A = "" + f.key), o.type && o.type.defaultProps) var B = o.type.defaultProps;
+      for (L in f) J.call(f, L) && !he.hasOwnProperty(L) && (P[L] = f[L] === void 0 && B !== void 0 ? B[L] : f[L]);
+    }
+    var L = arguments.length - 2;
+    if (L === 1) P.children = O;
+    else if (1 < L) {
+      B = Array(L);
+      for (var Z = 0; Z < L; Z++) B[Z] = arguments[Z + 2];
+      P.children = B;
+    }
+    return { $$typeof: s, type: o.type, key: A, ref: V, props: P, _owner: W };
+  }, k.createContext = function(o) {
+    return o = { $$typeof: R, _currentValue: o, _currentValue2: o, _threadCount: 0, Provider: null, Consumer: null, _defaultValue: null, _globalName: null }, o.Provider = { $$typeof: x, _context: o }, o.Consumer = o;
+  }, k.createElement = ye, k.createFactory = function(o) {
+    var f = ye.bind(null, o);
+    return f.type = o, f;
+  }, k.createRef = function() {
+    return { current: null };
+  }, k.forwardRef = function(o) {
+    return { $$typeof: C, render: o };
+  }, k.isValidElement = Te, k.lazy = function(o) {
+    return { $$typeof: _, _payload: { _status: -1, _result: o }, _init: pe };
+  }, k.memo = function(o, f) {
+    return { $$typeof: U, type: o, compare: f === void 0 ? null : f };
+  }, k.startTransition = function(o) {
+    var f = me.transition;
+    me.transition = {};
+    try {
+      o();
+    } finally {
+      me.transition = f;
+    }
+  }, k.unstable_act = ge, k.useCallback = function(o, f) {
+    return v.current.useCallback(o, f);
+  }, k.useContext = function(o) {
+    return v.current.useContext(o);
+  }, k.useDebugValue = function() {
+  }, k.useDeferredValue = function(o) {
+    return v.current.useDeferredValue(o);
+  }, k.useEffect = function(o, f) {
+    return v.current.useEffect(o, f);
+  }, k.useId = function() {
+    return v.current.useId();
+  }, k.useImperativeHandle = function(o, f, O) {
+    return v.current.useImperativeHandle(o, f, O);
+  }, k.useInsertionEffect = function(o, f) {
+    return v.current.useInsertionEffect(o, f);
+  }, k.useLayoutEffect = function(o, f) {
+    return v.current.useLayoutEffect(o, f);
+  }, k.useMemo = function(o, f) {
+    return v.current.useMemo(o, f);
+  }, k.useReducer = function(o, f, O) {
+    return v.current.useReducer(o, f, O);
+  }, k.useRef = function(o) {
+    return v.current.useRef(o);
+  }, k.useState = function(o) {
+    return v.current.useState(o);
+  }, k.useSyncExternalStore = function(o, f, O) {
+    return v.current.useSyncExternalStore(o, f, O);
+  }, k.useTransition = function() {
+    return v.current.useTransition();
+  }, k.version = "18.3.1", k;
+}
+var et = { exports: {} };
+/**
+ * @license React
+ * react.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.
+ */
+et.exports;
+var Tr;
+function Yn() {
+  return Tr || (Tr = 1, function(s, n) {
+    process.env.NODE_ENV !== "production" && function() {
+      typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
+      var a = "18.3.1", c = Symbol.for("react.element"), E = Symbol.for("react.portal"), x = Symbol.for("react.fragment"), R = Symbol.for("react.strict_mode"), C = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), U = Symbol.for("react.context"), _ = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), D = Symbol.for("react.suspense_list"), N = Symbol.for("react.memo"), M = Symbol.for("react.lazy"), ee = Symbol.for("react.offscreen"), X = Symbol.iterator, ue = "@@iterator";
+      function z(e) {
+        if (e === null || typeof e != "object")
+          return null;
+        var t = X && e[X] || e[ue];
+        return typeof t == "function" ? t : null;
+      }
+      var le = {
+        /**
+         * @internal
+         * @type {ReactComponent}
+         */
+        current: null
+      }, ce = {
+        transition: null
+      }, J = {
+        current: null,
+        // Used to reproduce behavior of `batchedUpdates` in legacy mode.
+        isBatchingLegacy: !1,
+        didScheduleLegacyUpdate: !1
+      }, se = {
+        /**
+         * @internal
+         * @type {ReactComponent}
+         */
+        current: null
+      }, he = {}, ye = null;
+      function Oe(e) {
+        ye = e;
+      }
+      he.setExtraStackFrame = function(e) {
+        ye = e;
+      }, he.getCurrentStack = null, he.getStackAddendum = function() {
+        var e = "";
+        ye && (e += ye);
+        var t = he.getCurrentStack;
+        return t && (e += t() || ""), e;
+      };
+      var Te = !1, He = !1, Pe = !1, ie = !1, fe = !1, te = {
+        ReactCurrentDispatcher: le,
+        ReactCurrentBatchConfig: ce,
+        ReactCurrentOwner: se
+      };
+      te.ReactDebugCurrentFrame = he, te.ReactCurrentActQueue = J;
+      function pe(e) {
+        {
+          for (var t = arguments.length, i = new Array(t > 1 ? t - 1 : 0), u = 1; u < t; u++)
+            i[u - 1] = arguments[u];
+          me("warn", e, i);
+        }
+      }
+      function v(e) {
+        {
+          for (var t = arguments.length, i = new Array(t > 1 ? t - 1 : 0), u = 1; u < t; u++)
+            i[u - 1] = arguments[u];
+          me("error", e, i);
+        }
+      }
+      function me(e, t, i) {
+        {
+          var u = te.ReactDebugCurrentFrame, p = u.getStackAddendum();
+          p !== "" && (t += "%s", i = i.concat([p]));
+          var y = i.map(function(h) {
+            return String(h);
+          });
+          y.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, y);
+        }
+      }
+      var je = {};
+      function ge(e, t) {
+        {
+          var i = e.constructor, u = i && (i.displayName || i.name) || "ReactClass", p = u + "." + t;
+          if (je[p])
+            return;
+          v("Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.", t, u), je[p] = !0;
+        }
+      }
+      var o = {
+        /**
+         * Checks whether or not this composite component is mounted.
+         * @param {ReactClass} publicInstance The instance we want to test.
+         * @return {boolean} True if mounted, false otherwise.
+         * @protected
+         * @final
+         */
+        isMounted: function(e) {
+          return !1;
+        },
+        /**
+         * Forces an update. This should only be invoked when it is known with
+         * certainty that we are **not** in a DOM transaction.
+         *
+         * You may want to call this when you know that some deeper aspect of the
+         * component's state has changed but `setState` was not called.
+         *
+         * This will not invoke `shouldComponentUpdate`, but it will invoke
+         * `componentWillUpdate` and `componentDidUpdate`.
+         *
+         * @param {ReactClass} publicInstance The instance that should rerender.
+         * @param {?function} callback Called after component is updated.
+         * @param {?string} callerName name of the calling function in the public API.
+         * @internal
+         */
+        enqueueForceUpdate: function(e, t, i) {
+          ge(e, "forceUpdate");
+        },
+        /**
+         * Replaces all of the state. Always use this or `setState` to mutate state.
+         * You should treat `this.state` as immutable.
+         *
+         * There is no guarantee that `this.state` will be immediately updated, so
+         * accessing `this.state` after calling this method may return the old value.
+         *
+         * @param {ReactClass} publicInstance The instance that should rerender.
+         * @param {object} completeState Next state.
+         * @param {?function} callback Called after component is updated.
+         * @param {?string} callerName name of the calling function in the public API.
+         * @internal
+         */
+        enqueueReplaceState: function(e, t, i, u) {
+          ge(e, "replaceState");
+        },
+        /**
+         * Sets a subset of the state. This only exists because _pendingState is
+         * internal. This provides a merging strategy that is not available to deep
+         * properties which is confusing. TODO: Expose pendingState or don't use it
+         * during the merge.
+         *
+         * @param {ReactClass} publicInstance The instance that should rerender.
+         * @param {object} partialState Next partial state to be merged with state.
+         * @param {?function} callback Called after component is updated.
+         * @param {?string} Name of the calling function in the public API.
+         * @internal
+         */
+        enqueueSetState: function(e, t, i, u) {
+          ge(e, "setState");
+        }
+      }, f = Object.assign, O = {};
+      Object.freeze(O);
+      function P(e, t, i) {
+        this.props = e, this.context = t, this.refs = O, this.updater = i || o;
+      }
+      P.prototype.isReactComponent = {}, P.prototype.setState = function(e, t) {
+        if (typeof e != "object" && typeof e != "function" && e != null)
+          throw new Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");
+        this.updater.enqueueSetState(this, e, t, "setState");
+      }, P.prototype.forceUpdate = function(e) {
+        this.updater.enqueueForceUpdate(this, e, "forceUpdate");
+      };
+      {
+        var A = {
+          isMounted: ["isMounted", "Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks."],
+          replaceState: ["replaceState", "Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236)."]
+        }, V = function(e, t) {
+          Object.defineProperty(P.prototype, e, {
+            get: function() {
+              pe("%s(...) is deprecated in plain JavaScript React classes. %s", t[0], t[1]);
+            }
+          });
+        };
+        for (var W in A)
+          A.hasOwnProperty(W) && V(W, A[W]);
+      }
+      function B() {
+      }
+      B.prototype = P.prototype;
+      function L(e, t, i) {
+        this.props = e, this.context = t, this.refs = O, this.updater = i || o;
+      }
+      var Z = L.prototype = new B();
+      Z.constructor = L, f(Z, P.prototype), Z.isPureReactComponent = !0;
+      function St() {
+        var e = {
+          current: null
+        };
+        return Object.seal(e), e;
+      }
+      var tt = Array.isArray;
+      function Be(e) {
+        return tt(e);
+      }
+      function kt(e) {
+        {
+          var t = typeof Symbol == "function" && Symbol.toStringTag, i = t && e[Symbol.toStringTag] || e.constructor.name || "Object";
+          return i;
+        }
+      }
+      function We(e) {
+        try {
+          return we(e), !1;
+        } catch {
+          return !0;
+        }
+      }
+      function we(e) {
+        return "" + e;
+      }
+      function xe(e) {
+        if (We(e))
+          return v("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", kt(e)), we(e);
+      }
+      function rt(e, t, i) {
+        var u = e.displayName;
+        if (u)
+          return u;
+        var p = t.displayName || t.name || "";
+        return p !== "" ? i + "(" + p + ")" : i;
+      }
+      function De(e) {
+        return e.displayName || "Context";
+      }
+      function ve(e) {
+        if (e == null)
+          return null;
+        if (typeof e.tag == "number" && v("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 x:
+            return "Fragment";
+          case E:
+            return "Portal";
+          case C:
+            return "Profiler";
+          case R:
+            return "StrictMode";
+          case b:
+            return "Suspense";
+          case D:
+            return "SuspenseList";
+        }
+        if (typeof e == "object")
+          switch (e.$$typeof) {
+            case U:
+              var t = e;
+              return De(t) + ".Consumer";
+            case m:
+              var i = e;
+              return De(i._context) + ".Provider";
+            case _:
+              return rt(e, e.render, "ForwardRef");
+            case N:
+              var u = e.displayName || null;
+              return u !== null ? u : ve(e.type) || "Memo";
+            case M: {
+              var p = e, y = p._payload, h = p._init;
+              try {
+                return ve(h(y));
+              } catch {
+                return null;
+              }
+            }
+          }
+        return null;
+      }
+      var Ae = Object.prototype.hasOwnProperty, $e = {
+        key: !0,
+        ref: !0,
+        __self: !0,
+        __source: !0
+      }, nt, ot, Ve;
+      Ve = {};
+      function Ke(e) {
+        if (Ae.call(e, "ref")) {
+          var t = Object.getOwnPropertyDescriptor(e, "ref").get;
+          if (t && t.isReactWarning)
+            return !1;
+        }
+        return e.ref !== void 0;
+      }
+      function Ce(e) {
+        if (Ae.call(e, "key")) {
+          var t = Object.getOwnPropertyDescriptor(e, "key").get;
+          if (t && t.isReactWarning)
+            return !1;
+        }
+        return e.key !== void 0;
+      }
+      function Ot(e, t) {
+        var i = function() {
+          nt || (nt = !0, v("%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)", t));
+        };
+        i.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: i,
+          configurable: !0
+        });
+      }
+      function it(e, t) {
+        var i = function() {
+          ot || (ot = !0, v("%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)", t));
+        };
+        i.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: i,
+          configurable: !0
+        });
+      }
+      function at(e) {
+        if (typeof e.ref == "string" && se.current && e.__self && se.current.stateNode !== e.__self) {
+          var t = ve(se.current.type);
+          Ve[t] || (v('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', t, e.ref), Ve[t] = !0);
+        }
+      }
+      var Ie = function(e, t, i, u, p, y, h) {
+        var w = {
+          // This tag allows us to uniquely identify this as a React Element
+          $$typeof: c,
+          // Built-in properties that belong on the element
+          type: e,
+          key: t,
+          ref: i,
+          props: h,
+          // Record the component responsible for creating this element.
+          _owner: y
+        };
+        return w._store = {}, Object.defineProperty(w._store, "validated", {
+          configurable: !1,
+          enumerable: !1,
+          writable: !0,
+          value: !1
+        }), Object.defineProperty(w, "_self", {
+          configurable: !1,
+          enumerable: !1,
+          writable: !1,
+          value: u
+        }), Object.defineProperty(w, "_source", {
+          configurable: !1,
+          enumerable: !1,
+          writable: !1,
+          value: p
+        }), Object.freeze && (Object.freeze(w.props), Object.freeze(w)), w;
+      };
+      function Tt(e, t, i) {
+        var u, p = {}, y = null, h = null, w = null, j = null;
+        if (t != null) {
+          Ke(t) && (h = t.ref, at(t)), Ce(t) && (xe(t.key), y = "" + t.key), w = t.__self === void 0 ? null : t.__self, j = t.__source === void 0 ? null : t.__source;
+          for (u in t)
+            Ae.call(t, u) && !$e.hasOwnProperty(u) && (p[u] = t[u]);
+        }
+        var $ = arguments.length - 2;
+        if ($ === 1)
+          p.children = i;
+        else if ($ > 1) {
+          for (var Y = Array($), H = 0; H < $; H++)
+            Y[H] = arguments[H + 2];
+          Object.freeze && Object.freeze(Y), p.children = Y;
+        }
+        if (e && e.defaultProps) {
+          var G = e.defaultProps;
+          for (u in G)
+            p[u] === void 0 && (p[u] = G[u]);
+        }
+        if (y || h) {
+          var Q = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          y && Ot(p, Q), h && it(p, Q);
+        }
+        return Ie(e, y, h, w, j, se.current, p);
+      }
+      function Pt(e, t) {
+        var i = Ie(e.type, t, e.ref, e._self, e._source, e._owner, e.props);
+        return i;
+      }
+      function jt(e, t, i) {
+        if (e == null)
+          throw new Error("React.cloneElement(...): The argument must be a React element, but you passed " + e + ".");
+        var u, p = f({}, e.props), y = e.key, h = e.ref, w = e._self, j = e._source, $ = e._owner;
+        if (t != null) {
+          Ke(t) && (h = t.ref, $ = se.current), Ce(t) && (xe(t.key), y = "" + t.key);
+          var Y;
+          e.type && e.type.defaultProps && (Y = e.type.defaultProps);
+          for (u in t)
+            Ae.call(t, u) && !$e.hasOwnProperty(u) && (t[u] === void 0 && Y !== void 0 ? p[u] = Y[u] : p[u] = t[u]);
+        }
+        var H = arguments.length - 2;
+        if (H === 1)
+          p.children = i;
+        else if (H > 1) {
+          for (var G = Array(H), Q = 0; Q < H; Q++)
+            G[Q] = arguments[Q + 2];
+          p.children = G;
+        }
+        return Ie(e.type, y, h, w, j, $, p);
+      }
+      function Ee(e) {
+        return typeof e == "object" && e !== null && e.$$typeof === c;
+      }
+      var st = ".", xt = ":";
+      function Dt(e) {
+        var t = /[=:]/g, i = {
+          "=": "=0",
+          ":": "=2"
+        }, u = e.replace(t, function(p) {
+          return i[p];
+        });
+        return "$" + u;
+      }
+      var Ue = !1, ut = /\/+/g;
+      function be(e) {
+        return e.replace(ut, "$&/");
+      }
+      function Ne(e, t) {
+        return typeof e == "object" && e !== null && e.key != null ? (xe(e.key), Dt("" + e.key)) : t.toString(36);
+      }
+      function Re(e, t, i, u, p) {
+        var y = typeof e;
+        (y === "undefined" || y === "boolean") && (e = null);
+        var h = !1;
+        if (e === null)
+          h = !0;
+        else
+          switch (y) {
+            case "string":
+            case "number":
+              h = !0;
+              break;
+            case "object":
+              switch (e.$$typeof) {
+                case c:
+                case E:
+                  h = !0;
+              }
+          }
+        if (h) {
+          var w = e, j = p(w), $ = u === "" ? st + Ne(w, 0) : u;
+          if (Be(j)) {
+            var Y = "";
+            $ != null && (Y = be($) + "/"), Re(j, t, Y, "", function(dn) {
+              return dn;
+            });
+          } else j != null && (Ee(j) && (j.key && (!w || w.key !== j.key) && xe(j.key), j = Pt(
+            j,
+            // Keep both the (mapped) and old keys if they differ, just as
+            // traverseAllChildren used to do for objects as children
+            i + // $FlowFixMe Flow incorrectly thinks React.Portal doesn't have a key
+            (j.key && (!w || w.key !== j.key) ? (
+              // $FlowFixMe Flow incorrectly thinks existing element's key can be a number
+              // eslint-disable-next-line react-internal/safe-string-coercion
+              be("" + j.key) + "/"
+            ) : "") + $
+          )), t.push(j));
+          return 1;
+        }
+        var H, G, Q = 0, ne = u === "" ? st : u + xt;
+        if (Be(e))
+          for (var _t = 0; _t < e.length; _t++)
+            H = e[_t], G = ne + Ne(H, _t), Q += Re(H, t, i, G, p);
+        else {
+          var Kt = z(e);
+          if (typeof Kt == "function") {
+            var gr = e;
+            Kt === gr.entries && (Ue || pe("Using Maps as children is not supported. Use an array of keyed ReactElements instead."), Ue = !0);
+            for (var cn = Kt.call(gr), br, fn = 0; !(br = cn.next()).done; )
+              H = br.value, G = ne + Ne(H, fn++), Q += Re(H, t, i, G, p);
+          } else if (y === "object") {
+            var _r = String(e);
+            throw new Error("Objects are not valid as a React child (found: " + (_r === "[object Object]" ? "object with keys {" + Object.keys(e).join(", ") + "}" : _r) + "). If you meant to render a collection of children, use an array instead.");
+          }
+        }
+        return Q;
+      }
+      function Me(e, t, i) {
+        if (e == null)
+          return e;
+        var u = [], p = 0;
+        return Re(e, u, "", "", function(y) {
+          return t.call(i, y, p++);
+        }), u;
+      }
+      function At(e) {
+        var t = 0;
+        return Me(e, function() {
+          t++;
+        }), t;
+      }
+      function lt(e, t, i) {
+        Me(e, function() {
+          t.apply(this, arguments);
+        }, i);
+      }
+      function It(e) {
+        return Me(e, function(t) {
+          return t;
+        }) || [];
+      }
+      function ct(e) {
+        if (!Ee(e))
+          throw new Error("React.Children.only expected to receive a single React element child.");
+        return e;
+      }
+      function ft(e) {
+        var t = {
+          $$typeof: U,
+          // As a workaround to support multiple concurrent renderers, we categorize
+          // some renderers as primary and others as secondary. We only expect
+          // there to be two concurrent renderers at most: React Native (primary) and
+          // Fabric (secondary); React DOM (primary) and React ART (secondary).
+          // Secondary renderers store their context values on separate fields.
+          _currentValue: e,
+          _currentValue2: e,
+          // Used to track how many concurrent renderers this context currently
+          // supports within in a single renderer. Such as parallel server rendering.
+          _threadCount: 0,
+          // These are circular
+          Provider: null,
+          Consumer: null,
+          // Add these to use same hidden class in VM as ServerContext
+          _defaultValue: null,
+          _globalName: null
+        };
+        t.Provider = {
+          $$typeof: m,
+          _context: t
+        };
+        var i = !1, u = !1, p = !1;
+        {
+          var y = {
+            $$typeof: U,
+            _context: t
+          };
+          Object.defineProperties(y, {
+            Provider: {
+              get: function() {
+                return u || (u = !0, v("Rendering <Context.Consumer.Provider> is not supported and will be removed in a future major release. Did you mean to render <Context.Provider> instead?")), t.Provider;
+              },
+              set: function(h) {
+                t.Provider = h;
+              }
+            },
+            _currentValue: {
+              get: function() {
+                return t._currentValue;
+              },
+              set: function(h) {
+                t._currentValue = h;
+              }
+            },
+            _currentValue2: {
+              get: function() {
+                return t._currentValue2;
+              },
+              set: function(h) {
+                t._currentValue2 = h;
+              }
+            },
+            _threadCount: {
+              get: function() {
+                return t._threadCount;
+              },
+              set: function(h) {
+                t._threadCount = h;
+              }
+            },
+            Consumer: {
+              get: function() {
+                return i || (i = !0, v("Rendering <Context.Consumer.Consumer> is not supported and will be removed in a future major release. Did you mean to render <Context.Consumer> instead?")), t.Consumer;
+              }
+            },
+            displayName: {
+              get: function() {
+                return t.displayName;
+              },
+              set: function(h) {
+                p || (pe("Setting `displayName` on Context.Consumer has no effect. You should set it directly on the context with Context.displayName = '%s'.", h), p = !0);
+              }
+            }
+          }), t.Consumer = y;
+        }
+        return t._currentRenderer = null, t._currentRenderer2 = null, t;
+      }
+      var Le = -1, Ge = 0, qe = 1, dt = 2;
+      function Nt(e) {
+        if (e._status === Le) {
+          var t = e._result, i = t();
+          if (i.then(function(y) {
+            if (e._status === Ge || e._status === Le) {
+              var h = e;
+              h._status = qe, h._result = y;
+            }
+          }, function(y) {
+            if (e._status === Ge || e._status === Le) {
+              var h = e;
+              h._status = dt, h._result = y;
+            }
+          }), e._status === Le) {
+            var u = e;
+            u._status = Ge, u._result = i;
+          }
+        }
+        if (e._status === qe) {
+          var p = e._result;
+          return p === void 0 && v(`lazy: Expected the result of a dynamic import() call. Instead received: %s
+
+Your code should look like: 
+  const MyComponent = lazy(() => import('./MyComponent'))
+
+Did you accidentally put curly braces around the import?`, p), "default" in p || v(`lazy: Expected the result of a dynamic import() call. Instead received: %s
+
+Your code should look like: 
+  const MyComponent = lazy(() => import('./MyComponent'))`, p), p.default;
+        } else
+          throw e._result;
+      }
+      function Mt(e) {
+        var t = {
+          // We use these fields to store the result.
+          _status: Le,
+          _result: e
+        }, i = {
+          $$typeof: M,
+          _payload: t,
+          _init: Nt
+        };
+        {
+          var u, p;
+          Object.defineProperties(i, {
+            defaultProps: {
+              configurable: !0,
+              get: function() {
+                return u;
+              },
+              set: function(y) {
+                v("React.lazy(...): It is not supported to assign `defaultProps` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."), u = y, Object.defineProperty(i, "defaultProps", {
+                  enumerable: !0
+                });
+              }
+            },
+            propTypes: {
+              configurable: !0,
+              get: function() {
+                return p;
+              },
+              set: function(y) {
+                v("React.lazy(...): It is not supported to assign `propTypes` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."), p = y, Object.defineProperty(i, "propTypes", {
+                  enumerable: !0
+                });
+              }
+            }
+          });
+        }
+        return i;
+      }
+      function Lt(e) {
+        e != null && e.$$typeof === N ? v("forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...)).") : typeof e != "function" ? v("forwardRef requires a render function but was given %s.", e === null ? "null" : typeof e) : e.length !== 0 && e.length !== 2 && v("forwardRef render functions accept exactly two parameters: props and ref. %s", e.length === 1 ? "Did you forget to use the ref parameter?" : "Any additional parameter will be undefined."), e != null && (e.defaultProps != null || e.propTypes != null) && v("forwardRef render functions do not support propTypes or defaultProps. Did you accidentally pass a React component?");
+        var t = {
+          $$typeof: _,
+          render: e
+        };
+        {
+          var i;
+          Object.defineProperty(t, "displayName", {
+            enumerable: !1,
+            configurable: !0,
+            get: function() {
+              return i;
+            },
+            set: function(u) {
+              i = u, !e.name && !e.displayName && (e.displayName = u);
+            }
+          });
+        }
+        return t;
+      }
+      var pt;
+      pt = Symbol.for("react.module.reference");
+      function r(e) {
+        return !!(typeof e == "string" || typeof e == "function" || e === x || e === C || fe || e === R || e === b || e === D || ie || e === ee || Te || He || Pe || typeof e == "object" && e !== null && (e.$$typeof === M || e.$$typeof === N || e.$$typeof === m || e.$$typeof === U || e.$$typeof === _ || // 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 === pt || e.getModuleId !== void 0));
+      }
+      function l(e, t) {
+        r(e) || v("memo: The first argument must be a component. Instead received: %s", e === null ? "null" : typeof e);
+        var i = {
+          $$typeof: N,
+          type: e,
+          compare: t === void 0 ? null : t
+        };
+        {
+          var u;
+          Object.defineProperty(i, "displayName", {
+            enumerable: !1,
+            configurable: !0,
+            get: function() {
+              return u;
+            },
+            set: function(p) {
+              u = p, !e.name && !e.displayName && (e.displayName = p);
+            }
+          });
+        }
+        return i;
+      }
+      function d() {
+        var e = le.current;
+        return e === null && v(`Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
+1. You might have mismatching versions of React and the renderer (such as React DOM)
+2. You might be breaking the Rules of Hooks
+3. You might have more than one copy of React in the same app
+See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.`), e;
+      }
+      function g(e) {
+        var t = d();
+        if (e._context !== void 0) {
+          var i = e._context;
+          i.Consumer === e ? v("Calling useContext(Context.Consumer) is not supported, may cause bugs, and will be removed in a future major release. Did you mean to call useContext(Context) instead?") : i.Provider === e && v("Calling useContext(Context.Provider) is not supported. Did you mean to call useContext(Context) instead?");
+        }
+        return t.useContext(e);
+      }
+      function I(e) {
+        var t = d();
+        return t.useState(e);
+      }
+      function F(e, t, i) {
+        var u = d();
+        return u.useReducer(e, t, i);
+      }
+      function T(e) {
+        var t = d();
+        return t.useRef(e);
+      }
+      function S(e, t) {
+        var i = d();
+        return i.useEffect(e, t);
+      }
+      function re(e, t) {
+        var i = d();
+        return i.useInsertionEffect(e, t);
+      }
+      function K(e, t) {
+        var i = d();
+        return i.useLayoutEffect(e, t);
+      }
+      function q(e, t) {
+        var i = d();
+        return i.useCallback(e, t);
+      }
+      function de(e, t) {
+        var i = d();
+        return i.useMemo(e, t);
+      }
+      function Se(e, t, i) {
+        var u = d();
+        return u.useImperativeHandle(e, t, i);
+      }
+      function _e(e, t) {
+        {
+          var i = d();
+          return i.useDebugValue(e, t);
+        }
+      }
+      function ae() {
+        var e = d();
+        return e.useTransition();
+      }
+      function Xe(e) {
+        var t = d();
+        return t.useDeferredValue(e);
+      }
+      function Ft() {
+        var e = d();
+        return e.useId();
+      }
+      function Bt(e, t, i) {
+        var u = d();
+        return u.useSyncExternalStore(e, t, i);
+      }
+      var Je = 0, Jt, Zt, Qt, er, tr, rr, nr;
+      function or() {
+      }
+      or.__reactDisabledLog = !0;
+      function Yr() {
+        {
+          if (Je === 0) {
+            Jt = console.log, Zt = console.info, Qt = console.warn, er = console.error, tr = console.group, rr = console.groupCollapsed, nr = console.groupEnd;
+            var e = {
+              configurable: !0,
+              enumerable: !0,
+              value: or,
+              writable: !0
+            };
+            Object.defineProperties(console, {
+              info: e,
+              log: e,
+              warn: e,
+              error: e,
+              group: e,
+              groupCollapsed: e,
+              groupEnd: e
+            });
+          }
+          Je++;
+        }
+      }
+      function Hr() {
+        {
+          if (Je--, Je === 0) {
+            var e = {
+              configurable: !0,
+              enumerable: !0,
+              writable: !0
+            };
+            Object.defineProperties(console, {
+              log: f({}, e, {
+                value: Jt
+              }),
+              info: f({}, e, {
+                value: Zt
+              }),
+              warn: f({}, e, {
+                value: Qt
+              }),
+              error: f({}, e, {
+                value: er
+              }),
+              group: f({}, e, {
+                value: tr
+              }),
+              groupCollapsed: f({}, e, {
+                value: rr
+              }),
+              groupEnd: f({}, e, {
+                value: nr
+              })
+            });
+          }
+          Je < 0 && v("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        }
+      }
+      var Wt = te.ReactCurrentDispatcher, $t;
+      function ht(e, t, i) {
+        {
+          if ($t === void 0)
+            try {
+              throw Error();
+            } catch (p) {
+              var u = p.stack.trim().match(/\n( *(at )?)/);
+              $t = u && u[1] || "";
+            }
+          return `
+` + $t + e;
+        }
+      }
+      var Vt = !1, mt;
+      {
+        var Kr = typeof WeakMap == "function" ? WeakMap : Map;
+        mt = new Kr();
+      }
+      function ir(e, t) {
+        if (!e || Vt)
+          return "";
+        {
+          var i = mt.get(e);
+          if (i !== void 0)
+            return i;
+        }
+        var u;
+        Vt = !0;
+        var p = Error.prepareStackTrace;
+        Error.prepareStackTrace = void 0;
+        var y;
+        y = Wt.current, Wt.current = null, Yr();
+        try {
+          if (t) {
+            var h = function() {
+              throw Error();
+            };
+            if (Object.defineProperty(h.prototype, "props", {
+              set: function() {
+                throw Error();
+              }
+            }), typeof Reflect == "object" && Reflect.construct) {
+              try {
+                Reflect.construct(h, []);
+              } catch (ne) {
+                u = ne;
+              }
+              Reflect.construct(e, [], h);
+            } else {
+              try {
+                h.call();
+              } catch (ne) {
+                u = ne;
+              }
+              e.call(h.prototype);
+            }
+          } else {
+            try {
+              throw Error();
+            } catch (ne) {
+              u = ne;
+            }
+            e();
+          }
+        } catch (ne) {
+          if (ne && u && typeof ne.stack == "string") {
+            for (var w = ne.stack.split(`
+`), j = u.stack.split(`
+`), $ = w.length - 1, Y = j.length - 1; $ >= 1 && Y >= 0 && w[$] !== j[Y]; )
+              Y--;
+            for (; $ >= 1 && Y >= 0; $--, Y--)
+              if (w[$] !== j[Y]) {
+                if ($ !== 1 || Y !== 1)
+                  do
+                    if ($--, Y--, Y < 0 || w[$] !== j[Y]) {
+                      var H = `
+` + w[$].replace(" at new ", " at ");
+                      return e.displayName && H.includes("<anonymous>") && (H = H.replace("<anonymous>", e.displayName)), typeof e == "function" && mt.set(e, H), H;
+                    }
+                  while ($ >= 1 && Y >= 0);
+                break;
+              }
+          }
+        } finally {
+          Vt = !1, Wt.current = y, Hr(), Error.prepareStackTrace = p;
+        }
+        var G = e ? e.displayName || e.name : "", Q = G ? ht(G) : "";
+        return typeof e == "function" && mt.set(e, Q), Q;
+      }
+      function Gr(e, t, i) {
+        return ir(e, !1);
+      }
+      function qr(e) {
+        var t = e.prototype;
+        return !!(t && t.isReactComponent);
+      }
+      function vt(e, t, i) {
+        if (e == null)
+          return "";
+        if (typeof e == "function")
+          return ir(e, qr(e));
+        if (typeof e == "string")
+          return ht(e);
+        switch (e) {
+          case b:
+            return ht("Suspense");
+          case D:
+            return ht("SuspenseList");
+        }
+        if (typeof e == "object")
+          switch (e.$$typeof) {
+            case _:
+              return Gr(e.render);
+            case N:
+              return vt(e.type, t, i);
+            case M: {
+              var u = e, p = u._payload, y = u._init;
+              try {
+                return vt(y(p), t, i);
+              } catch {
+              }
+            }
+          }
+        return "";
+      }
+      var ar = {}, sr = te.ReactDebugCurrentFrame;
+      function yt(e) {
+        if (e) {
+          var t = e._owner, i = vt(e.type, e._source, t ? t.type : null);
+          sr.setExtraStackFrame(i);
+        } else
+          sr.setExtraStackFrame(null);
+      }
+      function Xr(e, t, i, u, p) {
+        {
+          var y = Function.call.bind(Ae);
+          for (var h in e)
+            if (y(e, h)) {
+              var w = void 0;
+              try {
+                if (typeof e[h] != "function") {
+                  var j = Error((u || "React class") + ": " + i + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                  throw j.name = "Invariant Violation", j;
+                }
+                w = e[h](t, h, u, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              } catch ($) {
+                w = $;
+              }
+              w && !(w instanceof Error) && (yt(p), v("%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).", u || "React class", i, h, typeof w), yt(null)), w instanceof Error && !(w.message in ar) && (ar[w.message] = !0, yt(p), v("Failed %s type: %s", i, w.message), yt(null));
+            }
+        }
+      }
+      function ze(e) {
+        if (e) {
+          var t = e._owner, i = vt(e.type, e._source, t ? t.type : null);
+          Oe(i);
+        } else
+          Oe(null);
+      }
+      var Ut;
+      Ut = !1;
+      function ur() {
+        if (se.current) {
+          var e = ve(se.current.type);
+          if (e)
+            return `
+
+Check the render method of \`` + e + "`.";
+        }
+        return "";
+      }
+      function Jr(e) {
+        if (e !== void 0) {
+          var t = e.fileName.replace(/^.*[\\\/]/, ""), i = e.lineNumber;
+          return `
+
+Check your code at ` + t + ":" + i + ".";
+        }
+        return "";
+      }
+      function Zr(e) {
+        return e != null ? Jr(e.__source) : "";
+      }
+      var lr = {};
+      function Qr(e) {
+        var t = ur();
+        if (!t) {
+          var i = typeof e == "string" ? e : e.displayName || e.name;
+          i && (t = `
+
+Check the top-level render call using <` + i + ">.");
+        }
+        return t;
+      }
+      function cr(e, t) {
+        if (!(!e._store || e._store.validated || e.key != null)) {
+          e._store.validated = !0;
+          var i = Qr(t);
+          if (!lr[i]) {
+            lr[i] = !0;
+            var u = "";
+            e && e._owner && e._owner !== se.current && (u = " It was passed a child from " + ve(e._owner.type) + "."), ze(e), v('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', i, u), ze(null);
+          }
+        }
+      }
+      function fr(e, t) {
+        if (typeof e == "object") {
+          if (Be(e))
+            for (var i = 0; i < e.length; i++) {
+              var u = e[i];
+              Ee(u) && cr(u, t);
+            }
+          else if (Ee(e))
+            e._store && (e._store.validated = !0);
+          else if (e) {
+            var p = z(e);
+            if (typeof p == "function" && p !== e.entries)
+              for (var y = p.call(e), h; !(h = y.next()).done; )
+                Ee(h.value) && cr(h.value, t);
+          }
+        }
+      }
+      function dr(e) {
+        {
+          var t = e.type;
+          if (t == null || typeof t == "string")
+            return;
+          var i;
+          if (typeof t == "function")
+            i = t.propTypes;
+          else if (typeof t == "object" && (t.$$typeof === _ || // Note: Memo only checks outer props here.
+          // Inner props are checked in the reconciler.
+          t.$$typeof === N))
+            i = t.propTypes;
+          else
+            return;
+          if (i) {
+            var u = ve(t);
+            Xr(i, e.props, "prop", u, e);
+          } else if (t.PropTypes !== void 0 && !Ut) {
+            Ut = !0;
+            var p = ve(t);
+            v("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", p || "Unknown");
+          }
+          typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && v("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        }
+      }
+      function en(e) {
+        {
+          for (var t = Object.keys(e.props), i = 0; i < t.length; i++) {
+            var u = t[i];
+            if (u !== "children" && u !== "key") {
+              ze(e), v("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", u), ze(null);
+              break;
+            }
+          }
+          e.ref !== null && (ze(e), v("Invalid attribute `ref` supplied to `React.Fragment`."), ze(null));
+        }
+      }
+      function pr(e, t, i) {
+        var u = r(e);
+        if (!u) {
+          var p = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (p += " 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 y = Zr(t);
+          y ? p += y : p += ur();
+          var h;
+          e === null ? h = "null" : Be(e) ? h = "array" : e !== void 0 && e.$$typeof === c ? (h = "<" + (ve(e.type) || "Unknown") + " />", p = " Did you accidentally export a JSX literal instead of a component?") : h = typeof e, v("React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", h, p);
+        }
+        var w = Tt.apply(this, arguments);
+        if (w == null)
+          return w;
+        if (u)
+          for (var j = 2; j < arguments.length; j++)
+            fr(arguments[j], e);
+        return e === x ? en(w) : dr(w), w;
+      }
+      var hr = !1;
+      function tn(e) {
+        var t = pr.bind(null, e);
+        return t.type = e, hr || (hr = !0, pe("React.createFactory() is deprecated and will be removed in a future major release. Consider using JSX or use React.createElement() directly instead.")), Object.defineProperty(t, "type", {
+          enumerable: !1,
+          get: function() {
+            return pe("Factory.type is deprecated. Access the class directly before passing it to createFactory."), Object.defineProperty(this, "type", {
+              value: e
+            }), e;
+          }
+        }), t;
+      }
+      function rn(e, t, i) {
+        for (var u = jt.apply(this, arguments), p = 2; p < arguments.length; p++)
+          fr(arguments[p], u.type);
+        return dr(u), u;
+      }
+      function nn(e, t) {
+        var i = ce.transition;
+        ce.transition = {};
+        var u = ce.transition;
+        ce.transition._updatedFibers = /* @__PURE__ */ new Set();
+        try {
+          e();
+        } finally {
+          if (ce.transition = i, i === null && u._updatedFibers) {
+            var p = u._updatedFibers.size;
+            p > 10 && pe("Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table."), u._updatedFibers.clear();
+          }
+        }
+      }
+      var mr = !1, gt = null;
+      function on(e) {
+        if (gt === null)
+          try {
+            var t = ("require" + Math.random()).slice(0, 7), i = s && s[t];
+            gt = i.call(s, "timers").setImmediate;
+          } catch {
+            gt = function(p) {
+              mr === !1 && (mr = !0, typeof MessageChannel > "u" && v("This browser does not have a MessageChannel implementation, so enqueuing tasks via await act(async () => ...) will fail. Please file an issue at https://github.com/facebook/react/issues if you encounter this warning."));
+              var y = new MessageChannel();
+              y.port1.onmessage = p, y.port2.postMessage(void 0);
+            };
+          }
+        return gt(e);
+      }
+      var Ye = 0, vr = !1;
+      function yr(e) {
+        {
+          var t = Ye;
+          Ye++, J.current === null && (J.current = []);
+          var i = J.isBatchingLegacy, u;
+          try {
+            if (J.isBatchingLegacy = !0, u = e(), !i && J.didScheduleLegacyUpdate) {
+              var p = J.current;
+              p !== null && (J.didScheduleLegacyUpdate = !1, Ht(p));
+            }
+          } catch (G) {
+            throw bt(t), G;
+          } finally {
+            J.isBatchingLegacy = i;
+          }
+          if (u !== null && typeof u == "object" && typeof u.then == "function") {
+            var y = u, h = !1, w = {
+              then: function(G, Q) {
+                h = !0, y.then(function(ne) {
+                  bt(t), Ye === 0 ? zt(ne, G, Q) : G(ne);
+                }, function(ne) {
+                  bt(t), Q(ne);
+                });
+              }
+            };
+            return !vr && typeof Promise < "u" && Promise.resolve().then(function() {
+            }).then(function() {
+              h || (vr = !0, v("You called act(async () => ...) without await. This could lead to unexpected testing behaviour, interleaving multiple act calls and mixing their scopes. You should - await act(async () => ...);"));
+            }), w;
+          } else {
+            var j = u;
+            if (bt(t), Ye === 0) {
+              var $ = J.current;
+              $ !== null && (Ht($), J.current = null);
+              var Y = {
+                then: function(G, Q) {
+                  J.current === null ? (J.current = [], zt(j, G, Q)) : G(j);
+                }
+              };
+              return Y;
+            } else {
+              var H = {
+                then: function(G, Q) {
+                  G(j);
+                }
+              };
+              return H;
+            }
+          }
+        }
+      }
+      function bt(e) {
+        e !== Ye - 1 && v("You seem to have overlapping act() calls, this is not supported. Be sure to await previous act() calls before making a new one. "), Ye = e;
+      }
+      function zt(e, t, i) {
+        {
+          var u = J.current;
+          if (u !== null)
+            try {
+              Ht(u), on(function() {
+                u.length === 0 ? (J.current = null, t(e)) : zt(e, t, i);
+              });
+            } catch (p) {
+              i(p);
+            }
+          else
+            t(e);
+        }
+      }
+      var Yt = !1;
+      function Ht(e) {
+        if (!Yt) {
+          Yt = !0;
+          var t = 0;
+          try {
+            for (; t < e.length; t++) {
+              var i = e[t];
+              do
+                i = i(!0);
+              while (i !== null);
+            }
+            e.length = 0;
+          } catch (u) {
+            throw e = e.slice(t + 1), u;
+          } finally {
+            Yt = !1;
+          }
+        }
+      }
+      var an = pr, sn = rn, un = tn, ln = {
+        map: Me,
+        forEach: lt,
+        count: At,
+        toArray: It,
+        only: ct
+      };
+      n.Children = ln, n.Component = P, n.Fragment = x, n.Profiler = C, n.PureComponent = L, n.StrictMode = R, n.Suspense = b, n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = te, n.act = yr, n.cloneElement = sn, n.createContext = ft, n.createElement = an, n.createFactory = un, n.createRef = St, n.forwardRef = Lt, n.isValidElement = Ee, n.lazy = Mt, n.memo = l, n.startTransition = nn, n.unstable_act = yr, n.useCallback = q, n.useContext = g, n.useDebugValue = _e, n.useDeferredValue = Xe, n.useEffect = S, n.useId = Ft, n.useImperativeHandle = Se, n.useInsertionEffect = re, n.useLayoutEffect = K, n.useMemo = de, n.useReducer = F, n.useRef = T, n.useState = I, n.useSyncExternalStore = Bt, n.useTransition = ae, n.version = a, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
+    }();
+  }(et, et.exports)), et.exports;
+}
+var Pr;
+function Xt() {
+  return Pr || (Pr = 1, process.env.NODE_ENV === "production" ? wt.exports = zn() : wt.exports = Yn()), wt.exports;
+}
+/**
+ * @license React
+ * react-jsx-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 jr;
+function Hn() {
+  if (jr) return Ze;
+  jr = 1;
+  var s = Xt(), n = Symbol.for("react.element"), a = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, E = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, x = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function R(C, m, U) {
+    var _, b = {}, D = null, N = null;
+    U !== void 0 && (D = "" + U), m.key !== void 0 && (D = "" + m.key), m.ref !== void 0 && (N = m.ref);
+    for (_ in m) c.call(m, _) && !x.hasOwnProperty(_) && (b[_] = m[_]);
+    if (C && C.defaultProps) for (_ in m = C.defaultProps, m) b[_] === void 0 && (b[_] = m[_]);
+    return { $$typeof: n, type: C, key: D, ref: N, props: b, _owner: E.current };
+  }
+  return Ze.Fragment = a, Ze.jsx = R, Ze.jsxs = R, Ze;
+}
+var Qe = {};
+/**
+ * @license React
+ * react-jsx-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 xr;
+function Kn() {
+  return xr || (xr = 1, process.env.NODE_ENV !== "production" && function() {
+    var s = Xt(), n = Symbol.for("react.element"), a = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), x = Symbol.for("react.profiler"), R = Symbol.for("react.provider"), C = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), U = Symbol.for("react.suspense"), _ = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), N = Symbol.for("react.offscreen"), M = Symbol.iterator, ee = "@@iterator";
+    function X(r) {
+      if (r === null || typeof r != "object")
+        return null;
+      var l = M && r[M] || r[ee];
+      return typeof l == "function" ? l : null;
+    }
+    var ue = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function z(r) {
+      {
+        for (var l = arguments.length, d = new Array(l > 1 ? l - 1 : 0), g = 1; g < l; g++)
+          d[g - 1] = arguments[g];
+        le("error", r, d);
+      }
+    }
+    function le(r, l, d) {
+      {
+        var g = ue.ReactDebugCurrentFrame, I = g.getStackAddendum();
+        I !== "" && (l += "%s", d = d.concat([I]));
+        var F = d.map(function(T) {
+          return String(T);
+        });
+        F.unshift("Warning: " + l), Function.prototype.apply.call(console[r], console, F);
+      }
+    }
+    var ce = !1, J = !1, se = !1, he = !1, ye = !1, Oe;
+    Oe = Symbol.for("react.module.reference");
+    function Te(r) {
+      return !!(typeof r == "string" || typeof r == "function" || r === c || r === x || ye || r === E || r === U || r === _ || he || r === N || ce || J || se || typeof r == "object" && r !== null && (r.$$typeof === D || r.$$typeof === b || r.$$typeof === R || r.$$typeof === C || r.$$typeof === m || // 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.
+      r.$$typeof === Oe || r.getModuleId !== void 0));
+    }
+    function He(r, l, d) {
+      var g = r.displayName;
+      if (g)
+        return g;
+      var I = l.displayName || l.name || "";
+      return I !== "" ? d + "(" + I + ")" : d;
+    }
+    function Pe(r) {
+      return r.displayName || "Context";
+    }
+    function ie(r) {
+      if (r == null)
+        return null;
+      if (typeof r.tag == "number" && z("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof r == "function")
+        return r.displayName || r.name || null;
+      if (typeof r == "string")
+        return r;
+      switch (r) {
+        case c:
+          return "Fragment";
+        case a:
+          return "Portal";
+        case x:
+          return "Profiler";
+        case E:
+          return "StrictMode";
+        case U:
+          return "Suspense";
+        case _:
+          return "SuspenseList";
+      }
+      if (typeof r == "object")
+        switch (r.$$typeof) {
+          case C:
+            var l = r;
+            return Pe(l) + ".Consumer";
+          case R:
+            var d = r;
+            return Pe(d._context) + ".Provider";
+          case m:
+            return He(r, r.render, "ForwardRef");
+          case b:
+            var g = r.displayName || null;
+            return g !== null ? g : ie(r.type) || "Memo";
+          case D: {
+            var I = r, F = I._payload, T = I._init;
+            try {
+              return ie(T(F));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var fe = Object.assign, te = 0, pe, v, me, je, ge, o, f;
+    function O() {
+    }
+    O.__reactDisabledLog = !0;
+    function P() {
+      {
+        if (te === 0) {
+          pe = console.log, v = console.info, me = console.warn, je = console.error, ge = console.group, o = console.groupCollapsed, f = console.groupEnd;
+          var r = {
+            configurable: !0,
+            enumerable: !0,
+            value: O,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: r,
+            log: r,
+            warn: r,
+            error: r,
+            group: r,
+            groupCollapsed: r,
+            groupEnd: r
+          });
+        }
+        te++;
+      }
+    }
+    function A() {
+      {
+        if (te--, te === 0) {
+          var r = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: fe({}, r, {
+              value: pe
+            }),
+            info: fe({}, r, {
+              value: v
+            }),
+            warn: fe({}, r, {
+              value: me
+            }),
+            error: fe({}, r, {
+              value: je
+            }),
+            group: fe({}, r, {
+              value: ge
+            }),
+            groupCollapsed: fe({}, r, {
+              value: o
+            }),
+            groupEnd: fe({}, r, {
+              value: f
+            })
+          });
+        }
+        te < 0 && z("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var V = ue.ReactCurrentDispatcher, W;
+    function B(r, l, d) {
+      {
+        if (W === void 0)
+          try {
+            throw Error();
+          } catch (I) {
+            var g = I.stack.trim().match(/\n( *(at )?)/);
+            W = g && g[1] || "";
+          }
+        return `
+` + W + r;
+      }
+    }
+    var L = !1, Z;
+    {
+      var St = typeof WeakMap == "function" ? WeakMap : Map;
+      Z = new St();
+    }
+    function tt(r, l) {
+      if (!r || L)
+        return "";
+      {
+        var d = Z.get(r);
+        if (d !== void 0)
+          return d;
+      }
+      var g;
+      L = !0;
+      var I = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var F;
+      F = V.current, V.current = null, P();
+      try {
+        if (l) {
+          var T = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(T.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(T, []);
+            } catch (ae) {
+              g = ae;
+            }
+            Reflect.construct(r, [], T);
+          } else {
+            try {
+              T.call();
+            } catch (ae) {
+              g = ae;
+            }
+            r.call(T.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (ae) {
+            g = ae;
+          }
+          r();
+        }
+      } catch (ae) {
+        if (ae && g && typeof ae.stack == "string") {
+          for (var S = ae.stack.split(`
+`), re = g.stack.split(`
+`), K = S.length - 1, q = re.length - 1; K >= 1 && q >= 0 && S[K] !== re[q]; )
+            q--;
+          for (; K >= 1 && q >= 0; K--, q--)
+            if (S[K] !== re[q]) {
+              if (K !== 1 || q !== 1)
+                do
+                  if (K--, q--, q < 0 || S[K] !== re[q]) {
+                    var de = `
+` + S[K].replace(" at new ", " at ");
+                    return r.displayName && de.includes("<anonymous>") && (de = de.replace("<anonymous>", r.displayName)), typeof r == "function" && Z.set(r, de), de;
+                  }
+                while (K >= 1 && q >= 0);
+              break;
+            }
+        }
+      } finally {
+        L = !1, V.current = F, A(), Error.prepareStackTrace = I;
+      }
+      var Se = r ? r.displayName || r.name : "", _e = Se ? B(Se) : "";
+      return typeof r == "function" && Z.set(r, _e), _e;
+    }
+    function Be(r, l, d) {
+      return tt(r, !1);
+    }
+    function kt(r) {
+      var l = r.prototype;
+      return !!(l && l.isReactComponent);
+    }
+    function We(r, l, d) {
+      if (r == null)
+        return "";
+      if (typeof r == "function")
+        return tt(r, kt(r));
+      if (typeof r == "string")
+        return B(r);
+      switch (r) {
+        case U:
+          return B("Suspense");
+        case _:
+          return B("SuspenseList");
+      }
+      if (typeof r == "object")
+        switch (r.$$typeof) {
+          case m:
+            return Be(r.render);
+          case b:
+            return We(r.type, l, d);
+          case D: {
+            var g = r, I = g._payload, F = g._init;
+            try {
+              return We(F(I), l, d);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var we = Object.prototype.hasOwnProperty, xe = {}, rt = ue.ReactDebugCurrentFrame;
+    function De(r) {
+      if (r) {
+        var l = r._owner, d = We(r.type, r._source, l ? l.type : null);
+        rt.setExtraStackFrame(d);
+      } else
+        rt.setExtraStackFrame(null);
+    }
+    function ve(r, l, d, g, I) {
+      {
+        var F = Function.call.bind(we);
+        for (var T in r)
+          if (F(r, T)) {
+            var S = void 0;
+            try {
+              if (typeof r[T] != "function") {
+                var re = Error((g || "React class") + ": " + d + " type `" + T + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[T] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw re.name = "Invariant Violation", re;
+              }
+              S = r[T](l, T, g, d, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (K) {
+              S = K;
+            }
+            S && !(S instanceof Error) && (De(I), z("%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).", g || "React class", d, T, typeof S), De(null)), S instanceof Error && !(S.message in xe) && (xe[S.message] = !0, De(I), z("Failed %s type: %s", d, S.message), De(null));
+          }
+      }
+    }
+    var Ae = Array.isArray;
+    function $e(r) {
+      return Ae(r);
+    }
+    function nt(r) {
+      {
+        var l = typeof Symbol == "function" && Symbol.toStringTag, d = l && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return d;
+      }
+    }
+    function ot(r) {
+      try {
+        return Ve(r), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function Ve(r) {
+      return "" + r;
+    }
+    function Ke(r) {
+      if (ot(r))
+        return z("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", nt(r)), Ve(r);
+    }
+    var Ce = ue.ReactCurrentOwner, Ot = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, it, at, Ie;
+    Ie = {};
+    function Tt(r) {
+      if (we.call(r, "ref")) {
+        var l = Object.getOwnPropertyDescriptor(r, "ref").get;
+        if (l && l.isReactWarning)
+          return !1;
+      }
+      return r.ref !== void 0;
+    }
+    function Pt(r) {
+      if (we.call(r, "key")) {
+        var l = Object.getOwnPropertyDescriptor(r, "key").get;
+        if (l && l.isReactWarning)
+          return !1;
+      }
+      return r.key !== void 0;
+    }
+    function jt(r, l) {
+      if (typeof r.ref == "string" && Ce.current && l && Ce.current.stateNode !== l) {
+        var d = ie(Ce.current.type);
+        Ie[d] || (z('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', ie(Ce.current.type), r.ref), Ie[d] = !0);
+      }
+    }
+    function Ee(r, l) {
+      {
+        var d = function() {
+          it || (it = !0, z("%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)", l));
+        };
+        d.isReactWarning = !0, Object.defineProperty(r, "key", {
+          get: d,
+          configurable: !0
+        });
+      }
+    }
+    function st(r, l) {
+      {
+        var d = function() {
+          at || (at = !0, z("%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)", l));
+        };
+        d.isReactWarning = !0, Object.defineProperty(r, "ref", {
+          get: d,
+          configurable: !0
+        });
+      }
+    }
+    var xt = function(r, l, d, g, I, F, T) {
+      var S = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: n,
+        // Built-in properties that belong on the element
+        type: r,
+        key: l,
+        ref: d,
+        props: T,
+        // Record the component responsible for creating this element.
+        _owner: F
+      };
+      return S._store = {}, Object.defineProperty(S._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(S, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: g
+      }), Object.defineProperty(S, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: I
+      }), Object.freeze && (Object.freeze(S.props), Object.freeze(S)), S;
+    };
+    function Dt(r, l, d, g, I) {
+      {
+        var F, T = {}, S = null, re = null;
+        d !== void 0 && (Ke(d), S = "" + d), Pt(l) && (Ke(l.key), S = "" + l.key), Tt(l) && (re = l.ref, jt(l, I));
+        for (F in l)
+          we.call(l, F) && !Ot.hasOwnProperty(F) && (T[F] = l[F]);
+        if (r && r.defaultProps) {
+          var K = r.defaultProps;
+          for (F in K)
+            T[F] === void 0 && (T[F] = K[F]);
+        }
+        if (S || re) {
+          var q = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
+          S && Ee(T, q), re && st(T, q);
+        }
+        return xt(r, S, re, I, g, Ce.current, T);
+      }
+    }
+    var Ue = ue.ReactCurrentOwner, ut = ue.ReactDebugCurrentFrame;
+    function be(r) {
+      if (r) {
+        var l = r._owner, d = We(r.type, r._source, l ? l.type : null);
+        ut.setExtraStackFrame(d);
+      } else
+        ut.setExtraStackFrame(null);
+    }
+    var Ne;
+    Ne = !1;
+    function Re(r) {
+      return typeof r == "object" && r !== null && r.$$typeof === n;
+    }
+    function Me() {
+      {
+        if (Ue.current) {
+          var r = ie(Ue.current.type);
+          if (r)
+            return `
+
+Check the render method of \`` + r + "`.";
+        }
+        return "";
+      }
+    }
+    function At(r) {
+      return "";
+    }
+    var lt = {};
+    function It(r) {
+      {
+        var l = Me();
+        if (!l) {
+          var d = typeof r == "string" ? r : r.displayName || r.name;
+          d && (l = `
+
+Check the top-level render call using <` + d + ">.");
+        }
+        return l;
+      }
+    }
+    function ct(r, l) {
+      {
+        if (!r._store || r._store.validated || r.key != null)
+          return;
+        r._store.validated = !0;
+        var d = It(l);
+        if (lt[d])
+          return;
+        lt[d] = !0;
+        var g = "";
+        r && r._owner && r._owner !== Ue.current && (g = " It was passed a child from " + ie(r._owner.type) + "."), be(r), z('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', d, g), be(null);
+      }
+    }
+    function ft(r, l) {
+      {
+        if (typeof r != "object")
+          return;
+        if ($e(r))
+          for (var d = 0; d < r.length; d++) {
+            var g = r[d];
+            Re(g) && ct(g, l);
+          }
+        else if (Re(r))
+          r._store && (r._store.validated = !0);
+        else if (r) {
+          var I = X(r);
+          if (typeof I == "function" && I !== r.entries)
+            for (var F = I.call(r), T; !(T = F.next()).done; )
+              Re(T.value) && ct(T.value, l);
+        }
+      }
+    }
+    function Le(r) {
+      {
+        var l = r.type;
+        if (l == null || typeof l == "string")
+          return;
+        var d;
+        if (typeof l == "function")
+          d = l.propTypes;
+        else if (typeof l == "object" && (l.$$typeof === m || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        l.$$typeof === b))
+          d = l.propTypes;
+        else
+          return;
+        if (d) {
+          var g = ie(l);
+          ve(d, r.props, "prop", g, r);
+        } else if (l.PropTypes !== void 0 && !Ne) {
+          Ne = !0;
+          var I = ie(l);
+          z("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", I || "Unknown");
+        }
+        typeof l.getDefaultProps == "function" && !l.getDefaultProps.isReactClassApproved && z("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function Ge(r) {
+      {
+        for (var l = Object.keys(r.props), d = 0; d < l.length; d++) {
+          var g = l[d];
+          if (g !== "children" && g !== "key") {
+            be(r), z("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", g), be(null);
+            break;
+          }
+        }
+        r.ref !== null && (be(r), z("Invalid attribute `ref` supplied to `React.Fragment`."), be(null));
+      }
+    }
+    var qe = {};
+    function dt(r, l, d, g, I, F) {
+      {
+        var T = Te(r);
+        if (!T) {
+          var S = "";
+          (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (S += " 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 re = At();
+          re ? S += re : S += Me();
+          var K;
+          r === null ? K = "null" : $e(r) ? K = "array" : r !== void 0 && r.$$typeof === n ? (K = "<" + (ie(r.type) || "Unknown") + " />", S = " Did you accidentally export a JSX literal instead of a component?") : K = typeof r, z("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", K, S);
+        }
+        var q = Dt(r, l, d, I, F);
+        if (q == null)
+          return q;
+        if (T) {
+          var de = l.children;
+          if (de !== void 0)
+            if (g)
+              if ($e(de)) {
+                for (var Se = 0; Se < de.length; Se++)
+                  ft(de[Se], r);
+                Object.freeze && Object.freeze(de);
+              } else
+                z("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
+              ft(de, r);
+        }
+        if (we.call(l, "key")) {
+          var _e = ie(r), ae = Object.keys(l).filter(function(Bt) {
+            return Bt !== "key";
+          }), Xe = ae.length > 0 ? "{key: someKey, " + ae.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!qe[_e + Xe]) {
+            var Ft = ae.length > 0 ? "{" + ae.join(": ..., ") + ": ...}" : "{}";
+            z(`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} />`, Xe, _e, Ft, _e), qe[_e + Xe] = !0;
+          }
+        }
+        return r === c ? Ge(q) : Le(q), q;
+      }
+    }
+    function Nt(r, l, d) {
+      return dt(r, l, d, !0);
+    }
+    function Mt(r, l, d) {
+      return dt(r, l, d, !1);
+    }
+    var Lt = Mt, pt = Nt;
+    Qe.Fragment = c, Qe.jsx = Lt, Qe.jsxs = pt;
+  }()), Qe;
+}
+process.env.NODE_ENV === "production" ? qt.exports = Hn() : qt.exports = Kn();
+var Dr = qt.exports, Gn = Xt();
+const Fe = /* @__PURE__ */ Un(Gn);
+var Vr = {
+  color: void 0,
+  size: void 0,
+  className: void 0,
+  style: void 0,
+  attr: void 0
+}, Ar = Fe.createContext && /* @__PURE__ */ Fe.createContext(Vr), qn = ["attr", "size", "title"];
+function Xn(s, n) {
+  if (s == null) return {};
+  var a = Jn(s, n), c, E;
+  if (Object.getOwnPropertySymbols) {
+    var x = Object.getOwnPropertySymbols(s);
+    for (E = 0; E < x.length; E++)
+      c = x[E], !(n.indexOf(c) >= 0) && Object.prototype.propertyIsEnumerable.call(s, c) && (a[c] = s[c]);
+  }
+  return a;
+}
+function Jn(s, n) {
+  if (s == null) return {};
+  var a = {};
+  for (var c in s)
+    if (Object.prototype.hasOwnProperty.call(s, c)) {
+      if (n.indexOf(c) >= 0) continue;
+      a[c] = s[c];
+    }
+  return a;
+}
+function Et() {
+  return Et = Object.assign ? Object.assign.bind() : function(s) {
+    for (var n = 1; n < arguments.length; n++) {
+      var a = arguments[n];
+      for (var c in a)
+        Object.prototype.hasOwnProperty.call(a, c) && (s[c] = a[c]);
+    }
+    return s;
+  }, Et.apply(this, arguments);
+}
+function Ir(s, n) {
+  var a = Object.keys(s);
+  if (Object.getOwnPropertySymbols) {
+    var c = Object.getOwnPropertySymbols(s);
+    n && (c = c.filter(function(E) {
+      return Object.getOwnPropertyDescriptor(s, E).enumerable;
+    })), a.push.apply(a, c);
+  }
+  return a;
+}
+function Rt(s) {
+  for (var n = 1; n < arguments.length; n++) {
+    var a = arguments[n] != null ? arguments[n] : {};
+    n % 2 ? Ir(Object(a), !0).forEach(function(c) {
+      Zn(s, c, a[c]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(s, Object.getOwnPropertyDescriptors(a)) : Ir(Object(a)).forEach(function(c) {
+      Object.defineProperty(s, c, Object.getOwnPropertyDescriptor(a, c));
+    });
+  }
+  return s;
+}
+function Zn(s, n, a) {
+  return n = Qn(n), n in s ? Object.defineProperty(s, n, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : s[n] = a, s;
+}
+function Qn(s) {
+  var n = eo(s, "string");
+  return typeof n == "symbol" ? n : n + "";
+}
+function eo(s, n) {
+  if (typeof s != "object" || !s) return s;
+  var a = s[Symbol.toPrimitive];
+  if (a !== void 0) {
+    var c = a.call(s, n || "default");
+    if (typeof c != "object") return c;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (n === "string" ? String : Number)(s);
+}
+function Ur(s) {
+  return s && s.map((n, a) => /* @__PURE__ */ Fe.createElement(n.tag, Rt({
+    key: a
+  }, n.attr), Ur(n.child)));
+}
+function zr(s) {
+  return (n) => /* @__PURE__ */ Fe.createElement(to, Et({
+    attr: Rt({}, s.attr)
+  }, n), Ur(s.child));
+}
+function to(s) {
+  var n = (a) => {
+    var {
+      attr: c,
+      size: E,
+      title: x
+    } = s, R = Xn(s, qn), C = E || a.size || "1em", m;
+    return a.className && (m = a.className), s.className && (m = (m ? m + " " : "") + s.className), /* @__PURE__ */ Fe.createElement("svg", Et({
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0"
+    }, a.attr, c, R, {
+      className: m,
+      style: Rt(Rt({
+        color: s.color || a.color
+      }, a.style), s.style),
+      height: C,
+      width: C,
+      xmlns: "http://www.w3.org/2000/svg"
+    }), x && /* @__PURE__ */ Fe.createElement("title", null, x), s.children);
+  };
+  return Ar !== void 0 ? /* @__PURE__ */ Fe.createElement(Ar.Consumer, null, (a) => n(a)) : n(Vr);
+}
+function ro(s) {
+  return zr({ 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: [] }] })(s);
+}
+function no(s) {
+  return zr({ 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: [] }] })(s);
+}
+function oo(s) {
+  return "column" in s.schema.blockSchema && s.schema.blockSchema.columnList === kr.blockSchema.columnList && "column" in s.schema.blockSchema && s.schema.blockSchema.column === kr.blockSchema.column;
+}
+function mo(s) {
+  const n = [];
+  return oo(s) && n.push(
+    {
+      ...Sr(s).slash_menu.two_columns,
+      icon: /* @__PURE__ */ Dr.jsx(ro, { size: 18 }),
+      onItemClick: () => {
+        Cr(s, {
+          type: "columnList",
+          children: [
+            {
+              type: "column",
+              children: [
+                {
+                  type: "paragraph"
+                }
+              ]
+            },
+            {
+              type: "column",
+              children: [
+                {
+                  type: "paragraph"
+                }
+              ]
+            }
+          ]
+        });
+      }
+    },
+    {
+      ...Sr(s).slash_menu.three_columns,
+      icon: /* @__PURE__ */ Dr.jsx(no, { size: 18 }),
+      onItemClick: () => {
+        Cr(s, {
+          type: "columnList",
+          children: [
+            {
+              type: "column",
+              children: [
+                {
+                  type: "paragraph"
+                }
+              ]
+            },
+            {
+              type: "column",
+              children: [
+                {
+                  type: "paragraph"
+                }
+              ]
+            },
+            {
+              type: "column",
+              children: [
+                {
+                  type: "paragraph"
+                }
+              ]
+            }
+          ]
+        });
+      }
+    }
+  ), n;
+}
+export {
+  Br as ColumnBlock,
+  Wr as ColumnListBlock,
+  oo as checkMultiColumnBlocksInSchema,
+  Sr as getMultiColumnDictionary,
+  mo as getMultiColumnSlashMenuItems,
+  fo as locales,
+  ho as multiColumnDropCursor,
+  kr as multiColumnSchema,
+  po as withMultiColumn
+};
+//# sourceMappingURL=blocknote-xl-multi-column.js.map