@blocknote/xl-multi-column 0.19.0 → 0.19.2

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

@@ -1,7 +1,7 @@
 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";
+var ue = (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, getNearestBlockPos 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";
@@ -257,11 +257,13 @@ function Sr(s) {
 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) => {
+    ue(this, "editor");
+    ue(this, "view");
+    ue(this, "RESIZE_MARGIN_WIDTH_PX", 20);
+    ue(this, "COLUMN_MIN_WIDTH_PERCENT", 0.5);
+    ue(this, "getColumnHoverOrDefaultState", (n) => {
+      if (!this.editor.isEditable)
+        return { type: "default" };
       const a = n.target;
       if (!this.view.dom.contains(a))
         return { type: "default" };
@@ -270,21 +272,21 @@ class Mn {
       );
       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;
+      const E = n.clientX, D = c.getBoundingClientRect(), R = E < D.left + this.RESIZE_MARGIN_WIDTH_PX ? "left" : E > D.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(
+      const m = R === "left" ? C : c, U = R === "left" ? c : C, _ = m.getAttribute("data-id"), b = U.getAttribute("data-id"), j = wr(_, this.view.state.doc), N = wr(
         b,
         this.view.state.doc
       );
-      if (!D || !N || !D.posBeforeNode)
+      if (!j || !N || !j.posBeforeNode)
         throw new Error("Column not found");
       return {
         type: "hover",
         leftColumn: {
           element: m,
           id: _,
-          ...D
+          ...j
         },
         rightColumn: {
           element: U,
@@ -296,12 +298,12 @@ class Mn {
     // 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) => {
+    ue(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;
+      const c = n.clientX, E = a.leftColumn.element.getBoundingClientRect().width, D = a.rightColumn.element.getBoundingClientRect().width, R = a.leftColumn.node.attrs.width, C = a.rightColumn.node.attrs.width;
       a = {
         type: "resize",
         startPos: c,
@@ -312,7 +314,7 @@ class Mn {
         },
         rightColumn: {
           ...a.rightColumn,
-          widthPx: x,
+          widthPx: D,
           widthPercent: C
         }
       }, this.view.dispatch(
@@ -323,22 +325,22 @@ class Mn {
     // 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) => {
+    ue(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))
+        const _ = this.getColumnHoverOrDefaultState(n), b = a.type === "default" && _.type === "default", j = a.type !== "default" && _.type !== "default" && a.leftColumn.id === _.leftColumn.id && a.rightColumn.id === _.rightColumn.id;
+        if (b || j || _.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;
+      const E = (n.clientX - a.startPos) * a.leftColumn.widthPercent, D = (a.leftColumn.widthPx + E) / a.leftColumn.widthPx - 1;
+      let R = a.leftColumn.widthPercent + D, C = a.rightColumn.widthPercent - D;
       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,
@@ -354,7 +356,7 @@ class Mn {
     // 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) => {
+    ue(this, "mouseUpHandler", (n) => {
       const a = ke.getState(this.view.state);
       if (!a || a.type !== "resize")
         return;
@@ -363,11 +365,11 @@ class Mn {
         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);
   }
+  destroy() {
+    this.view.dom.removeEventListener("mousedown", this.mouseDownHandler), document.body.removeEventListener("mousemove", this.mouseMoveHandler), document.body.removeEventListener("mouseup", this.mouseUpHandler);
+  }
 }
 const Ln = (s) => new Fr({
   key: ke,
@@ -523,7 +525,7 @@ function ho(s) {
       return new Vn(a, s);
     },
     props: {
-      handleDrop(a, c, E, x) {
+      handleDrop(a, c, E, D) {
         const R = a.posAtCoords($n(c));
         if (!R)
           throw new Error("Could not get event position");
@@ -531,7 +533,7 @@ function ho(s) {
         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(
+        const j = Gt(
           E.content.child(0),
           n.schema.blockSchema,
           n.schema.inlineContentSchema,
@@ -546,30 +548,31 @@ function ho(s) {
             n.schema.styleSchema
           );
           let ee = 0;
-          M.children.forEach((le) => {
-            ee += le.props.width;
+          M.children.forEach((te) => {
+            ee += te.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 te = 1 / X;
+            M.children.forEach((ie) => {
+              ie.props.width = ie.props.width * te;
             });
           }
-          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, {
+          const ce = M.children.findIndex(
+            (te) => te.id === m.bnBlock.node.attrs.id
+          ), z = M.children.map((te) => ({
+            ...te,
+            children: te.children.filter(
+              (ie) => ie.id !== j.id
+            )
+          })).filter((te) => te.children.length > 0).toSpliced(b === "left" ? ce : ce + 1, 0, {
+            type: "column",
+            children: [j],
+            props: {},
+            content: void 0,
+            id: vn.options.generateID()
+          });
+          n.removeBlocks([j]), n.updateBlock(M, {
             children: z
           });
         } else {
@@ -578,8 +581,8 @@ function ho(s) {
             n.schema.blockSchema,
             n.schema.inlineContentSchema,
             n.schema.styleSchema
-          ), M = b === "left" ? [D, N] : [N, D];
-          n.removeBlocks([D]), n.replaceBlocks(
+          ), M = b === "left" ? [j, N] : [N, j];
+          n.removeBlocks([j]), n.replaceBlocks(
             [N],
             [
               {
@@ -599,23 +602,34 @@ function ho(s) {
 }
 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");
+    ue(this, "width");
+    ue(this, "color");
+    ue(this, "class");
+    ue(this, "cursorPos");
+    ue(this, "element", null);
+    ue(this, "timeout");
+    ue(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);
+      const E = (D) => {
+        this[c](D);
       };
-      return n.dom.addEventListener(c, E), { name: c, handler: E };
+      return n.dom.addEventListener(
+        c,
+        E,
+        // drop event captured in bubbling phase to make sure
+        // "cursorPos" is set to undefined before the "handleDrop" handler is called
+        // (otherwise an error could be thrown, see https://github.com/TypeCellOS/BlockNote/pull/1240)
+        c === "drop" ? !0 : void 0
+      ), { name: c, handler: E };
     });
   }
   destroy() {
     this.handlers.forEach(
-      ({ name: n, handler: a }) => this.editorView.dom.removeEventListener(n, a)
+      ({ name: n, handler: a }) => this.editorView.dom.removeEventListener(
+        n,
+        a,
+        n === "drop" ? !0 : void 0
+      )
     );
   }
   update(n, a) {
@@ -630,12 +644,15 @@ class Vn {
       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;
+    const E = this.editorView.dom, D = E.getBoundingClientRect(), R = D.width / E.offsetWidth, C = D.height / E.offsetHeight;
     if (a) {
-      const b = n.nodeBefore, D = n.nodeAfter;
-      if (b || D)
+      const b = n.nodeBefore, j = n.nodeAfter;
+      if (b || j)
         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;
+          const N = this.editorView.nodeDOM(this.cursorPos.pos);
+          if (!N)
+            throw new Error("nodeDOM returned null in updateOverlay");
+          const M = N.getBoundingClientRect(), ee = this.width / 2 * C, X = this.cursorPos.position === "left" ? M.left : M.right;
           c = {
             left: X - ee,
             right: X + ee,
@@ -651,7 +668,7 @@ class Vn {
           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);
+            b && j && (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,
@@ -663,10 +680,10 @@ class Vn {
         }
     }
     if (!c) {
-      const b = this.editorView.coordsAtPos(this.cursorPos.pos), D = this.width / 2 * R;
+      const b = this.editorView.coordsAtPos(this.cursorPos.pos), j = this.width / 2 * R;
       c = {
-        left: b.left - D,
-        right: b.left + D,
+        left: b.left - j,
+        right: b.left + j,
         top: b.top,
         bottom: b.bottom
       };
@@ -680,8 +697,8 @@ class Vn {
     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;
+      const b = m.getBoundingClientRect(), j = b.width / m.offsetWidth, N = b.height / m.offsetHeight;
+      U = b.left - m.scrollLeft * j, _ = 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";
   }
@@ -695,8 +712,8 @@ class Vn {
     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) {
+    }), c = a && a.inside >= 0 && this.editorView.state.doc.nodeAt(a.inside), E = c && c.type.spec.disableDropCursor, D = typeof E == "function" ? E(this.editorView, a, n) : E;
+    if (a && !D) {
       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) {
@@ -714,7 +731,7 @@ class Vn {
     this.scheduleRemoval(20);
   }
   drop() {
-    this.scheduleRemoval(20);
+    this.setCursor(void 0);
   }
   dragleave(n) {
     (n.target === this.editorView.dom || !this.editorView.dom.contains(n.relatedTarget)) && this.setCursor(void 0);
@@ -745,8 +762,8 @@ 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) {
+  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"), D = 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 j(o) {
     return o === null || typeof o != "object" ? null : (o = b && o[b] || o["@@iterator"], typeof o == "function" ? o : null);
   }
   var N = { isMounted: function() {
@@ -764,15 +781,15 @@ function zn() {
   }, X.prototype.forceUpdate = function(o) {
     this.updater.enqueueForceUpdate(this, o, "forceUpdate");
   };
-  function ue() {
+  function ce() {
   }
-  ue.prototype = X.prototype;
+  ce.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 };
+  var te = z.prototype = new ce();
+  te.constructor = z, M(te, X.prototype), te.isPureReactComponent = !0;
+  var ie = Array.isArray, J = Object.prototype.hasOwnProperty, le = { 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]);
@@ -783,7 +800,7 @@ function zn() {
       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 };
+    return { $$typeof: s, type: o, key: V, ref: W, props: A, _owner: le.current };
   }
   function Oe(o, f) {
     return { $$typeof: s, type: o.type, key: f, ref: o.ref, props: o.props, _owner: o._owner };
@@ -798,7 +815,7 @@ function zn() {
     });
   }
   var Pe = /\/+/g;
-  function ie(o, f) {
+  function ae(o, f) {
     return typeof o == "object" && o !== null && o.key != null ? He("" + o.key) : f.toString(36);
   }
   function fe(o, f, O, P, A) {
@@ -818,19 +835,19 @@ function zn() {
             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) {
+    if (W) return W = o, A = A(W), o = P === "" ? "." + ae(W, 0) : P, ie(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++) {
+    if (W = 0, P = P === "" ? "." : P + ":", ie(o)) for (var B = 0; B < o.length; B++) {
       V = o[B];
-      var L = P + ie(V, B);
+      var L = P + ae(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 (L = j(o), typeof L == "function") for (o = L.call(o), B = 0; !(V = o.next()).done; ) V = V.value, L = P + ae(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) {
+  function re(o, f, O) {
     if (o == null) return o;
     var P = [], A = 0;
     return fe(o, P, "", "", function(V) {
@@ -849,21 +866,21 @@ function zn() {
     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 };
+  var v = { current: null }, me = { transition: null }, je = { ReactCurrentDispatcher: v, ReactCurrentBatchConfig: me, ReactCurrentOwner: le };
   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() {
+  return k.Children = { map: re, forEach: function(o, f, O) {
+    re(o, function() {
       f.apply(this, arguments);
     }, O);
   }, count: function(o) {
     var f = 0;
-    return te(o, function() {
+    return re(o, function() {
       f++;
     }), f;
   }, toArray: function(o) {
-    return te(o, function(f) {
+    return re(o, function(f) {
       return f;
     }) || [];
   }, only: function(o) {
@@ -873,7 +890,7 @@ function zn() {
     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;
+      if (f.ref !== void 0 && (V = f.ref, W = le.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;
@@ -885,7 +902,7 @@ function zn() {
     }
     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;
+    return o = { $$typeof: R, _currentValue: o, _currentValue2: o, _threadCount: 0, Provider: null, Consumer: null, _defaultValue: null, _globalName: null }, o.Provider = { $$typeof: D, _context: o }, o.Consumer = o;
   }, k.createElement = ye, k.createFactory = function(o) {
     var f = ye.bind(null, o);
     return f.type = o, f;
@@ -952,27 +969,27 @@ 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";
+      var a = "18.3.1", c = Symbol.for("react.element"), E = Symbol.for("react.portal"), D = 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"), j = Symbol.for("react.suspense_list"), N = Symbol.for("react.memo"), M = Symbol.for("react.lazy"), ee = Symbol.for("react.offscreen"), X = Symbol.iterator, ce = "@@iterator";
       function z(e) {
         if (e === null || typeof e != "object")
           return null;
-        var t = X && e[X] || e[ue];
+        var t = X && e[X] || e[ce];
         return typeof t == "function" ? t : null;
       }
-      var le = {
+      var te = {
         /**
          * @internal
          * @type {ReactComponent}
          */
         current: null
-      }, ce = {
+      }, ie = {
         transition: null
       }, J = {
         current: null,
         // Used to reproduce behavior of `batchedUpdates` in legacy mode.
         isBatchingLegacy: !1,
         didScheduleLegacyUpdate: !1
-      }, se = {
+      }, le = {
         /**
          * @internal
          * @type {ReactComponent}
@@ -990,12 +1007,12 @@ function Yn() {
         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
+      var Te = !1, He = !1, Pe = !1, ae = !1, fe = !1, re = {
+        ReactCurrentDispatcher: te,
+        ReactCurrentBatchConfig: ie,
+        ReactCurrentOwner: le
       };
-      te.ReactDebugCurrentFrame = he, te.ReactCurrentActQueue = J;
+      re.ReactDebugCurrentFrame = he, re.ReactCurrentActQueue = J;
       function pe(e) {
         {
           for (var t = arguments.length, i = new Array(t > 1 ? t - 1 : 0), u = 1; u < t; u++)
@@ -1012,7 +1029,7 @@ function Yn() {
       }
       function me(e, t, i) {
         {
-          var u = te.ReactDebugCurrentFrame, p = u.getStackAddendum();
+          var u = re.ReactDebugCurrentFrame, p = u.getStackAddendum();
           p !== "" && (t += "%s", i = i.concat([p]));
           var y = i.map(function(h) {
             return String(h);
@@ -1171,7 +1188,7 @@ function Yn() {
         if (typeof e == "string")
           return e;
         switch (e) {
-          case x:
+          case D:
             return "Fragment";
           case E:
             return "Portal";
@@ -1181,7 +1198,7 @@ function Yn() {
             return "StrictMode";
           case b:
             return "Suspense";
-          case D:
+          case j:
             return "SuspenseList";
         }
         if (typeof e == "object")
@@ -1250,8 +1267,8 @@ function Yn() {
         });
       }
       function at(e) {
-        if (typeof e.ref == "string" && se.current && e.__self && se.current.stateNode !== e.__self) {
-          var t = ve(se.current.type);
+        if (typeof e.ref == "string" && le.current && e.__self && le.current.stateNode !== e.__self) {
+          var t = ve(le.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);
         }
       }
@@ -1285,9 +1302,9 @@ function Yn() {
         }), 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;
+        var u, p = {}, y = null, h = null, w = null, x = 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;
+          Ke(t) && (h = t.ref, at(t)), Ce(t) && (xe(t.key), y = "" + t.key), w = t.__self === void 0 ? null : t.__self, x = t.__source === void 0 ? null : t.__source;
           for (u in t)
             Ae.call(t, u) && !$e.hasOwnProperty(u) && (p[u] = t[u]);
         }
@@ -1308,7 +1325,7 @@ function Yn() {
           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);
+        return Ie(e, y, h, w, x, le.current, p);
       }
       function Pt(e, t) {
         var i = Ie(e.type, t, e.ref, e._self, e._source, e._owner, e.props);
@@ -1317,9 +1334,9 @@ function Yn() {
       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;
+        var u, p = f({}, e.props), y = e.key, h = e.ref, w = e._self, x = e._source, $ = e._owner;
         if (t != null) {
-          Ke(t) && (h = t.ref, $ = se.current), Ce(t) && (xe(t.key), y = "" + t.key);
+          Ke(t) && (h = t.ref, $ = le.current), Ce(t) && (xe(t.key), y = "" + t.key);
           var Y;
           e.type && e.type.defaultProps && (Y = e.type.defaultProps);
           for (u in t)
@@ -1333,7 +1350,7 @@ function Yn() {
             G[Q] = arguments[Q + 2];
           p.children = G;
         }
-        return Ie(e.type, y, h, w, j, $, p);
+        return Ie(e.type, y, h, w, x, $, p);
       }
       function Ee(e) {
         return typeof e == "object" && e !== null && e.$$typeof === c;
@@ -1375,36 +1392,36 @@ function Yn() {
               }
           }
         if (h) {
-          var w = e, j = p(w), $ = u === "" ? st + Ne(w, 0) : u;
-          if (Be(j)) {
+          var w = e, x = p(w), $ = u === "" ? st + Ne(w, 0) : u;
+          if (Be(x)) {
             var Y = "";
-            $ != null && (Y = be($) + "/"), Re(j, t, Y, "", function(dn) {
+            $ != null && (Y = be($) + "/"), Re(x, t, Y, "", function(dn) {
               return dn;
             });
-          } else j != null && (Ee(j) && (j.key && (!w || w.key !== j.key) && xe(j.key), j = Pt(
-            j,
+          } else x != null && (Ee(x) && (x.key && (!w || w.key !== x.key) && xe(x.key), x = Pt(
+            x,
             // 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) ? (
+            (x.key && (!w || w.key !== x.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) + "/"
+              be("" + x.key) + "/"
             ) : "") + $
-          )), t.push(j));
+          )), t.push(x));
           return 1;
         }
-        var H, G, Q = 0, ne = u === "" ? st : u + xt;
+        var H, G, Q = 0, oe = 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);
+            H = e[_t], G = oe + 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);
+              H = br.value, G = oe + 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.");
@@ -1617,7 +1634,7 @@ Your code should look like:
       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
+        return !!(typeof e == "string" || typeof e == "function" || e === D || e === C || fe || e === R || e === b || e === j || ae || 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.
@@ -1646,7 +1663,7 @@ Your code should look like:
         return i;
       }
       function d() {
-        var e = le.current;
+        var e = te.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
@@ -1677,7 +1694,7 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
         var i = d();
         return i.useEffect(e, t);
       }
-      function re(e, t) {
+      function ne(e, t) {
         var i = d();
         return i.useInsertionEffect(e, t);
       }
@@ -1703,7 +1720,7 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
           return i.useDebugValue(e, t);
         }
       }
-      function ae() {
+      function se() {
         var e = d();
         return e.useTransition();
       }
@@ -1781,7 +1798,7 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
           Je < 0 && v("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
         }
       }
-      var Wt = te.ReactCurrentDispatcher, $t;
+      var Wt = re.ReactCurrentDispatcher, $t;
       function ht(e, t, i) {
         {
           if ($t === void 0)
@@ -1826,37 +1843,37 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
             }), typeof Reflect == "object" && Reflect.construct) {
               try {
                 Reflect.construct(h, []);
-              } catch (ne) {
-                u = ne;
+              } catch (oe) {
+                u = oe;
               }
               Reflect.construct(e, [], h);
             } else {
               try {
                 h.call();
-              } catch (ne) {
-                u = ne;
+              } catch (oe) {
+                u = oe;
               }
               e.call(h.prototype);
             }
           } else {
             try {
               throw Error();
-            } catch (ne) {
-              u = ne;
+            } catch (oe) {
+              u = oe;
             }
             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]; )
+        } catch (oe) {
+          if (oe && u && typeof oe.stack == "string") {
+            for (var w = oe.stack.split(`
+`), x = u.stack.split(`
+`), $ = w.length - 1, Y = x.length - 1; $ >= 1 && Y >= 0 && w[$] !== x[Y]; )
               Y--;
             for (; $ >= 1 && Y >= 0; $--, Y--)
-              if (w[$] !== j[Y]) {
+              if (w[$] !== x[Y]) {
                 if ($ !== 1 || Y !== 1)
                   do
-                    if ($--, Y--, Y < 0 || w[$] !== j[Y]) {
+                    if ($--, Y--, Y < 0 || w[$] !== x[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;
@@ -1888,7 +1905,7 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
         switch (e) {
           case b:
             return ht("Suspense");
-          case D:
+          case j:
             return ht("SuspenseList");
         }
         if (typeof e == "object")
@@ -1907,7 +1924,7 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
           }
         return "";
       }
-      var ar = {}, sr = te.ReactDebugCurrentFrame;
+      var ar = {}, sr = re.ReactDebugCurrentFrame;
       function yt(e) {
         if (e) {
           var t = e._owner, i = vt(e.type, e._source, t ? t.type : null);
@@ -1923,8 +1940,8 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
               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;
+                  var x = 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 x.name = "Invariant Violation", x;
                 }
                 w = e[h](t, h, u, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
               } catch ($) {
@@ -1944,8 +1961,8 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
       var Ut;
       Ut = !1;
       function ur() {
-        if (se.current) {
-          var e = ve(se.current.type);
+        if (le.current) {
+          var e = ve(le.current.type);
           if (e)
             return `
 
@@ -1983,7 +2000,7 @@ Check the top-level render call using <` + i + ">.");
           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);
+            e && e._owner && e._owner !== le.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);
           }
         }
       }
@@ -2055,9 +2072,9 @@ Check the top-level render call using <` + i + ">.");
         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;
+          for (var x = 2; x < arguments.length; x++)
+            fr(arguments[x], e);
+        return e === D ? en(w) : dr(w), w;
       }
       var hr = !1;
       function tn(e) {
@@ -2077,14 +2094,14 @@ Check the top-level render call using <` + i + ">.");
         return dr(u), u;
       }
       function nn(e, t) {
-        var i = ce.transition;
-        ce.transition = {};
-        var u = ce.transition;
-        ce.transition._updatedFibers = /* @__PURE__ */ new Set();
+        var i = ie.transition;
+        ie.transition = {};
+        var u = ie.transition;
+        ie.transition._updatedFibers = /* @__PURE__ */ new Set();
         try {
           e();
         } finally {
-          if (ce.transition = i, i === null && u._updatedFibers) {
+          if (ie.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();
           }
@@ -2124,10 +2141,10 @@ Check the top-level render call using <` + 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);
+                h = !0, y.then(function(oe) {
+                  bt(t), Ye === 0 ? zt(oe, G, Q) : G(oe);
+                }, function(oe) {
+                  bt(t), Q(oe);
                 });
               }
             };
@@ -2136,20 +2153,20 @@ Check the top-level render call using <` + i + ">.");
               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;
+            var x = 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);
+                  J.current === null ? (J.current = [], zt(x, G, Q)) : G(x);
                 }
               };
               return Y;
             } else {
               var H = {
                 then: function(G, Q) {
-                  G(j);
+                  G(x);
                 }
               };
               return H;
@@ -2202,7 +2219,7 @@ Check the top-level render call using <` + i + ">.");
         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());
+      n.Children = ln, n.Component = P, n.Fragment = D, n.Profiler = C, n.PureComponent = L, n.StrictMode = R, n.Suspense = b, n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = re, 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 = ne, n.useLayoutEffect = K, n.useMemo = de, n.useReducer = F, n.useRef = T, n.useState = I, n.useSyncExternalStore = Bt, n.useTransition = se, 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;
 }
@@ -2223,13 +2240,13 @@ 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 };
+  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, D = { 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[_]);
+    var _, b = {}, j = null, N = null;
+    U !== void 0 && (j = "" + U), m.key !== void 0 && (j = "" + m.key), m.ref !== void 0 && (N = m.ref);
+    for (_ in m) c.call(m, _) && !D.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 { $$typeof: n, type: C, key: j, ref: N, props: b, _owner: E.current };
   }
   return Ze.Fragment = a, Ze.jsx = R, Ze.jsxs = R, Ze;
 }
@@ -2246,24 +2263,24 @@ var Qe = {};
 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";
+    var s = Xt(), n = Symbol.for("react.element"), a = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), D = 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"), j = 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;
+    var ce = 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);
+        te("error", r, d);
       }
     }
-    function le(r, l, d) {
+    function te(r, l, d) {
       {
-        var g = ue.ReactDebugCurrentFrame, I = g.getStackAddendum();
+        var g = ce.ReactDebugCurrentFrame, I = g.getStackAddendum();
         I !== "" && (l += "%s", d = d.concat([I]));
         var F = d.map(function(T) {
           return String(T);
@@ -2271,10 +2288,10 @@ function Kn() {
         F.unshift("Warning: " + l), Function.prototype.apply.call(console[r], console, F);
       }
     }
-    var ce = !1, J = !1, se = !1, he = !1, ye = !1, Oe;
+    var ie = !1, J = !1, le = !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
+      return !!(typeof r == "string" || typeof r == "function" || r === c || r === D || ye || r === E || r === U || r === _ || he || r === N || ie || J || le || typeof r == "object" && r !== null && (r.$$typeof === j || 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.
@@ -2290,7 +2307,7 @@ function Kn() {
     function Pe(r) {
       return r.displayName || "Context";
     }
-    function ie(r) {
+    function ae(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")
@@ -2302,7 +2319,7 @@ function Kn() {
           return "Fragment";
         case a:
           return "Portal";
-        case x:
+        case D:
           return "Profiler";
         case E:
           return "StrictMode";
@@ -2323,11 +2340,11 @@ function Kn() {
             return He(r, r.render, "ForwardRef");
           case b:
             var g = r.displayName || null;
-            return g !== null ? g : ie(r.type) || "Memo";
-          case D: {
+            return g !== null ? g : ae(r.type) || "Memo";
+          case j: {
             var I = r, F = I._payload, T = I._init;
             try {
-              return ie(T(F));
+              return ae(T(F));
             } catch {
               return null;
             }
@@ -2335,13 +2352,13 @@ function Kn() {
         }
       return null;
     }
-    var fe = Object.assign, te = 0, pe, v, me, je, ge, o, f;
+    var fe = Object.assign, re = 0, pe, v, me, je, ge, o, f;
     function O() {
     }
     O.__reactDisabledLog = !0;
     function P() {
       {
-        if (te === 0) {
+        if (re === 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,
@@ -2359,12 +2376,12 @@ function Kn() {
             groupEnd: r
           });
         }
-        te++;
+        re++;
       }
     }
     function A() {
       {
-        if (te--, te === 0) {
+        if (re--, re === 0) {
           var r = {
             configurable: !0,
             enumerable: !0,
@@ -2394,10 +2411,10 @@ function Kn() {
             })
           });
         }
-        te < 0 && z("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        re < 0 && z("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var V = ue.ReactCurrentDispatcher, W;
+    var V = ce.ReactCurrentDispatcher, W;
     function B(r, l, d) {
       {
         if (W === void 0)
@@ -2442,37 +2459,37 @@ function Kn() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(T, []);
-            } catch (ae) {
-              g = ae;
+            } catch (se) {
+              g = se;
             }
             Reflect.construct(r, [], T);
           } else {
             try {
               T.call();
-            } catch (ae) {
-              g = ae;
+            } catch (se) {
+              g = se;
             }
             r.call(T.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (ae) {
-            g = ae;
+          } catch (se) {
+            g = se;
           }
           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]; )
+      } catch (se) {
+        if (se && g && typeof se.stack == "string") {
+          for (var S = se.stack.split(`
+`), ne = g.stack.split(`
+`), K = S.length - 1, q = ne.length - 1; K >= 1 && q >= 0 && S[K] !== ne[q]; )
             q--;
           for (; K >= 1 && q >= 0; K--, q--)
-            if (S[K] !== re[q]) {
+            if (S[K] !== ne[q]) {
               if (K !== 1 || q !== 1)
                 do
-                  if (K--, q--, q < 0 || S[K] !== re[q]) {
+                  if (K--, q--, q < 0 || S[K] !== ne[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;
@@ -2513,7 +2530,7 @@ function Kn() {
             return Be(r.render);
           case b:
             return We(r.type, l, d);
-          case D: {
+          case j: {
             var g = r, I = g._payload, F = g._init;
             try {
               return We(F(I), l, d);
@@ -2523,7 +2540,7 @@ function Kn() {
         }
       return "";
     }
-    var we = Object.prototype.hasOwnProperty, xe = {}, rt = ue.ReactDebugCurrentFrame;
+    var we = Object.prototype.hasOwnProperty, xe = {}, rt = ce.ReactDebugCurrentFrame;
     function De(r) {
       if (r) {
         var l = r._owner, d = We(r.type, r._source, l ? l.type : null);
@@ -2539,8 +2556,8 @@ function Kn() {
             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;
+                var ne = 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 ne.name = "Invariant Violation", ne;
               }
               S = r[T](l, T, g, d, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (K) {
@@ -2574,7 +2591,7 @@ function Kn() {
       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 = {
+    var Ce = ce.ReactCurrentOwner, Ot = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -2599,8 +2616,8 @@ function Kn() {
     }
     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);
+        var d = ae(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', ae(Ce.current.type), r.ref), Ie[d] = !0);
       }
     }
     function Ee(r, l) {
@@ -2656,8 +2673,8 @@ function Kn() {
     };
     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));
+        var F, T = {}, S = null, ne = null;
+        d !== void 0 && (Ke(d), S = "" + d), Pt(l) && (Ke(l.key), S = "" + l.key), Tt(l) && (ne = l.ref, jt(l, I));
         for (F in l)
           we.call(l, F) && !Ot.hasOwnProperty(F) && (T[F] = l[F]);
         if (r && r.defaultProps) {
@@ -2665,14 +2682,14 @@ function Kn() {
           for (F in K)
             T[F] === void 0 && (T[F] = K[F]);
         }
-        if (S || re) {
+        if (S || ne) {
           var q = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
-          S && Ee(T, q), re && st(T, q);
+          S && Ee(T, q), ne && st(T, q);
         }
-        return xt(r, S, re, I, g, Ce.current, T);
+        return xt(r, S, ne, I, g, Ce.current, T);
       }
     }
-    var Ue = ue.ReactCurrentOwner, ut = ue.ReactDebugCurrentFrame;
+    var Ue = ce.ReactCurrentOwner, ut = ce.ReactDebugCurrentFrame;
     function be(r) {
       if (r) {
         var l = r._owner, d = We(r.type, r._source, l ? l.type : null);
@@ -2688,7 +2705,7 @@ function Kn() {
     function Me() {
       {
         if (Ue.current) {
-          var r = ie(Ue.current.type);
+          var r = ae(Ue.current.type);
           if (r)
             return `
 
@@ -2723,7 +2740,7 @@ Check the top-level render call using <` + 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);
+        r && r._owner && r._owner !== Ue.current && (g = " It was passed a child from " + ae(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) {
@@ -2760,11 +2777,11 @@ Check the top-level render call using <` + d + ">.");
         else
           return;
         if (d) {
-          var g = ie(l);
+          var g = ae(l);
           ve(d, r.props, "prop", g, r);
         } else if (l.PropTypes !== void 0 && !Ne) {
           Ne = !0;
-          var I = ie(l);
+          var I = ae(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.");
@@ -2789,10 +2806,10 @@ Check the top-level render call using <` + d + ">.");
         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 ne = At();
+          ne ? S += ne : 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);
+          r === null ? K = "null" : $e(r) ? K = "array" : r !== void 0 && r.$$typeof === n ? (K = "<" + (ae(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)
@@ -2811,11 +2828,11 @@ Check the top-level render call using <` + d + ">.");
               ft(de, r);
         }
         if (we.call(l, "key")) {
-          var _e = ie(r), ae = Object.keys(l).filter(function(Bt) {
+          var _e = ae(r), se = Object.keys(l).filter(function(Bt) {
             return Bt !== "key";
-          }), Xe = ae.length > 0 ? "{key: someKey, " + ae.join(": ..., ") + ": ...}" : "{key: someKey}";
+          }), Xe = se.length > 0 ? "{key: someKey, " + se.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!qe[_e + Xe]) {
-            var Ft = ae.length > 0 ? "{" + ae.join(": ..., ") + ": ...}" : "{}";
+            var Ft = se.length > 0 ? "{" + se.join(": ..., ") + ": ...}" : "{}";
             z(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -2851,9 +2868,9 @@ 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]);
+    var D = Object.getOwnPropertySymbols(s);
+    for (E = 0; E < D.length; E++)
+      c = D[E], !(n.indexOf(c) >= 0) && Object.prototype.propertyIsEnumerable.call(s, c) && (a[c] = s[c]);
   }
   return a;
 }
@@ -2930,7 +2947,7 @@ function to(s) {
     var {
       attr: c,
       size: E,
-      title: x
+      title: D
     } = 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",
@@ -2944,7 +2961,7 @@ function to(s) {
       height: C,
       width: C,
       xmlns: "http://www.w3.org/2000/svg"
-    }), x && /* @__PURE__ */ Fe.createElement("title", null, x), s.children);
+    }), D && /* @__PURE__ */ Fe.createElement("title", null, D), s.children);
   };
   return Ar !== void 0 ? /* @__PURE__ */ Fe.createElement(Ar.Consumer, null, (a) => n(a)) : n(Vr);
 }