@vitessce/neuroglancer 3.9.2 → 3.9.3

package/dist/{index-C5ptEhQz.js → index-D29kYClC.js}

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import React__default, { useContext, forwardRef, useRef, useMemo, createContext, createElement, PureComponent, Suspense, useCallback, useState, useEffect } from "react";
+import React__default, { useContext, forwardRef, useRef, useMemo, createContext, createElement, PureComponent, useEffect, Suspense, useCallback, useState } from "react";
 import { useLoaders, useCoordinationScopes, useCoordination, useObsSetsData, useObsEmbeddingData, TitleInfo } from "@vitessce/vit-s";
 import * as ReactDOM from "react-dom";
 const ViewType$1 = {
@@ -25,6 +25,7 @@ const ViewType$1 = {
   OBS_SET_COMPOSITION_BAR_PLOT: "obsSetCompositionBarPlot",
   FEATURE_SET_ENRICHMENT_BAR_PLOT: "featureSetEnrichmentBarPlot",
   BIOMARKER_SELECT: "biomarkerSelect",
+  BIOMARKER_SELECT_ALT: "biomarkerSelectAlt",
   COMPARATIVE_HEADING: "comparativeHeading",
   LINK_CONTROLLER: "linkController",
   NEUROGLANCER: "neuroglancer",
@@ -1222,6 +1223,17 @@ const COMPONENT_COORDINATION_TYPES = {
     CoordinationType$1.OBS_SET_FILTER
     // TODO: create coordination types for internal state of the biomarker selection view?
   ],
+  [ViewType$1.BIOMARKER_SELECT_ALT]: [
+    CoordinationType$1.DATASET,
+    CoordinationType$1.OBS_TYPE,
+    CoordinationType$1.SAMPLE_TYPE,
+    CoordinationType$1.FEATURE_SELECTION,
+    CoordinationType$1.SAMPLE_SET_SELECTION,
+    CoordinationType$1.SAMPLE_SET_FILTER,
+    CoordinationType$1.OBS_SET_SELECTION,
+    CoordinationType$1.OBS_SET_FILTER
+    // TODO: create coordination types for internal state of the biomarker selection view?
+  ],
   [ViewType$1.COMPARATIVE_HEADING]: [
     CoordinationType$1.DATASET,
     CoordinationType$1.OBS_TYPE,
@@ -1548,8 +1560,8 @@ function arrayLikeKeys(value, inherited) {
   return result;
 }
 function overArg(func, transform) {
-  return function(arg) {
-    return func(transform(arg));
+  return function(arg2) {
+    return func(transform(arg2));
   };
 }
 var nativeKeys = overArg(Object.keys, Object);
@@ -1705,9 +1717,9 @@ function mapCacheHas(key) {
   return getMapData(this, key).has(key);
 }
 function mapCacheSet(key, value) {
-  var data = getMapData(this, key), size = data.size;
+  var data = getMapData(this, key), size2 = data.size;
   data.set(key, value);
-  this.size += data.size == size ? 0 : 1;
+  this.size += data.size == size2 ? 0 : 1;
   return this;
 }
 function MapCache(entries) {
@@ -2210,7 +2222,7 @@ function baseIsEqual(value, other, bitmask, customizer, stack) {
   }
   return baseIsEqualDeep(value, other, bitmask, customizer, baseIsEqual, stack);
 }
-function isEqual(value, other) {
+function isEqual$1(value, other) {
   return baseIsEqual(value, other);
 }
 function isNil(value) {
@@ -2255,45 +2267,45 @@ function requireRbush_min() {
     !function(t, i) {
       module2.exports = i();
     }(rbush_min, function() {
-      function t(t2, r2, e2, a2, h2) {
-        !function t3(n2, r3, e3, a3, h3) {
+      function t(t2, r3, e2, a2, h2) {
+        !function t3(n2, r4, e3, a3, h3) {
           for (; a3 > e3; ) {
             if (a3 - e3 > 600) {
-              var o2 = a3 - e3 + 1, s2 = r3 - e3 + 1, l2 = Math.log(o2), f2 = 0.5 * Math.exp(2 * l2 / 3), u2 = 0.5 * Math.sqrt(l2 * f2 * (o2 - f2) / o2) * (s2 - o2 / 2 < 0 ? -1 : 1), m2 = Math.max(e3, Math.floor(r3 - s2 * f2 / o2 + u2)), c2 = Math.min(a3, Math.floor(r3 + (o2 - s2) * f2 / o2 + u2));
-              t3(n2, r3, m2, c2, h3);
+              var o2 = a3 - e3 + 1, s2 = r4 - e3 + 1, l2 = Math.log(o2), f2 = 0.5 * Math.exp(2 * l2 / 3), u2 = 0.5 * Math.sqrt(l2 * f2 * (o2 - f2) / o2) * (s2 - o2 / 2 < 0 ? -1 : 1), m2 = Math.max(e3, Math.floor(r4 - s2 * f2 / o2 + u2)), c2 = Math.min(a3, Math.floor(r4 + (o2 - s2) * f2 / o2 + u2));
+              t3(n2, r4, m2, c2, h3);
             }
-            var p2 = n2[r3], d2 = e3, x = a3;
-            for (i(n2, e3, r3), h3(n2[a3], p2) > 0 && i(n2, e3, a3); d2 < x; ) {
+            var p2 = n2[r4], d2 = e3, x = a3;
+            for (i(n2, e3, r4), h3(n2[a3], p2) > 0 && i(n2, e3, a3); d2 < x; ) {
               for (i(n2, d2, x), d2++, x--; h3(n2[d2], p2) < 0; ) d2++;
               for (; h3(n2[x], p2) > 0; ) x--;
             }
-            0 === h3(n2[e3], p2) ? i(n2, e3, x) : i(n2, ++x, a3), x <= r3 && (e3 = x + 1), r3 <= x && (a3 = x - 1);
+            0 === h3(n2[e3], p2) ? i(n2, e3, x) : i(n2, ++x, a3), x <= r4 && (e3 = x + 1), r4 <= x && (a3 = x - 1);
           }
-        }(t2, r2, e2 || 0, a2 || t2.length - 1, h2 || n);
+        }(t2, r3, e2 || 0, a2 || t2.length - 1, h2 || n);
       }
       function i(t2, i2, n2) {
-        var r2 = t2[i2];
-        t2[i2] = t2[n2], t2[n2] = r2;
+        var r3 = t2[i2];
+        t2[i2] = t2[n2], t2[n2] = r3;
       }
       function n(t2, i2) {
         return t2 < i2 ? -1 : t2 > i2 ? 1 : 0;
       }
-      var r = function(t2) {
+      var r2 = function(t2) {
         void 0 === t2 && (t2 = 9), this._maxEntries = Math.max(4, t2), this._minEntries = Math.max(2, Math.ceil(0.4 * this._maxEntries)), this.clear();
       };
       function e(t2, i2, n2) {
         if (!n2) return i2.indexOf(t2);
-        for (var r2 = 0; r2 < i2.length; r2++) if (n2(t2, i2[r2])) return r2;
+        for (var r3 = 0; r3 < i2.length; r3++) if (n2(t2, i2[r3])) return r3;
         return -1;
       }
       function a(t2, i2) {
         h(t2, 0, t2.children.length, i2, t2);
       }
-      function h(t2, i2, n2, r2, e2) {
+      function h(t2, i2, n2, r3, e2) {
         e2 || (e2 = p(null)), e2.minX = 1 / 0, e2.minY = 1 / 0, e2.maxX = -1 / 0, e2.maxY = -1 / 0;
         for (var a2 = i2; a2 < n2; a2++) {
           var h2 = t2.children[a2];
-          o(e2, t2.leaf ? r2(h2) : h2);
+          o(e2, t2.leaf ? r3(h2) : h2);
         }
         return e2;
       }
@@ -2321,31 +2333,31 @@ function requireRbush_min() {
       function p(t2) {
         return { children: t2, height: 1, leaf: true, minX: 1 / 0, minY: 1 / 0, maxX: -1 / 0, maxY: -1 / 0 };
       }
-      function d(i2, n2, r2, e2, a2) {
-        for (var h2 = [n2, r2]; h2.length; ) if (!((r2 = h2.pop()) - (n2 = h2.pop()) <= e2)) {
-          var o2 = n2 + Math.ceil((r2 - n2) / e2 / 2) * e2;
-          t(i2, o2, n2, r2, a2), h2.push(n2, o2, o2, r2);
+      function d(i2, n2, r3, e2, a2) {
+        for (var h2 = [n2, r3]; h2.length; ) if (!((r3 = h2.pop()) - (n2 = h2.pop()) <= e2)) {
+          var o2 = n2 + Math.ceil((r3 - n2) / e2 / 2) * e2;
+          t(i2, o2, n2, r3, a2), h2.push(n2, o2, o2, r3);
         }
       }
-      return r.prototype.all = function() {
+      return r2.prototype.all = function() {
         return this._all(this.data, []);
-      }, r.prototype.search = function(t2) {
+      }, r2.prototype.search = function(t2) {
         var i2 = this.data, n2 = [];
         if (!c(t2, i2)) return n2;
-        for (var r2 = this.toBBox, e2 = []; i2; ) {
+        for (var r3 = this.toBBox, e2 = []; i2; ) {
           for (var a2 = 0; a2 < i2.children.length; a2++) {
-            var h2 = i2.children[a2], o2 = i2.leaf ? r2(h2) : h2;
+            var h2 = i2.children[a2], o2 = i2.leaf ? r3(h2) : h2;
             c(t2, o2) && (i2.leaf ? n2.push(h2) : m(t2, o2) ? this._all(h2, n2) : e2.push(h2));
           }
           i2 = e2.pop();
         }
         return n2;
-      }, r.prototype.collides = function(t2) {
+      }, r2.prototype.collides = function(t2) {
         var i2 = this.data;
         if (!c(t2, i2)) return false;
         for (var n2 = []; i2; ) {
-          for (var r2 = 0; r2 < i2.children.length; r2++) {
-            var e2 = i2.children[r2], a2 = i2.leaf ? this.toBBox(e2) : e2;
+          for (var r3 = 0; r3 < i2.children.length; r3++) {
+            var e2 = i2.children[r3], a2 = i2.leaf ? this.toBBox(e2) : e2;
             if (c(t2, a2)) {
               if (i2.leaf || m(t2, a2)) return true;
               n2.push(e2);
@@ -2354,7 +2366,7 @@ function requireRbush_min() {
           i2 = n2.pop();
         }
         return false;
-      }, r.prototype.load = function(t2) {
+      }, r2.prototype.load = function(t2) {
         if (!t2 || !t2.length) return this;
         if (t2.length < this._minEntries) {
           for (var i2 = 0; i2 < t2.length; i2++) this.insert(t2[i2]);
@@ -2364,44 +2376,44 @@ function requireRbush_min() {
         if (this.data.children.length) if (this.data.height === n2.height) this._splitRoot(this.data, n2);
         else {
           if (this.data.height < n2.height) {
-            var r2 = this.data;
-            this.data = n2, n2 = r2;
+            var r3 = this.data;
+            this.data = n2, n2 = r3;
           }
           this._insert(n2, this.data.height - n2.height - 1, true);
         }
         else this.data = n2;
         return this;
-      }, r.prototype.insert = function(t2) {
+      }, r2.prototype.insert = function(t2) {
         return t2 && this._insert(t2, this.data.height - 1), this;
-      }, r.prototype.clear = function() {
+      }, r2.prototype.clear = function() {
         return this.data = p([]), this;
-      }, r.prototype.remove = function(t2, i2) {
+      }, r2.prototype.remove = function(t2, i2) {
         if (!t2) return this;
-        for (var n2, r2, a2, h2 = this.data, o2 = this.toBBox(t2), s2 = [], l2 = []; h2 || s2.length; ) {
-          if (h2 || (h2 = s2.pop(), r2 = s2[s2.length - 1], n2 = l2.pop(), a2 = true), h2.leaf) {
+        for (var n2, r3, a2, h2 = this.data, o2 = this.toBBox(t2), s2 = [], l2 = []; h2 || s2.length; ) {
+          if (h2 || (h2 = s2.pop(), r3 = s2[s2.length - 1], n2 = l2.pop(), a2 = true), h2.leaf) {
             var f2 = e(t2, h2.children, i2);
             if (-1 !== f2) return h2.children.splice(f2, 1), s2.push(h2), this._condense(s2), this;
           }
-          a2 || h2.leaf || !m(h2, o2) ? r2 ? (n2++, h2 = r2.children[n2], a2 = false) : h2 = null : (s2.push(h2), l2.push(n2), n2 = 0, r2 = h2, h2 = h2.children[0]);
+          a2 || h2.leaf || !m(h2, o2) ? r3 ? (n2++, h2 = r3.children[n2], a2 = false) : h2 = null : (s2.push(h2), l2.push(n2), n2 = 0, r3 = h2, h2 = h2.children[0]);
         }
         return this;
-      }, r.prototype.toBBox = function(t2) {
+      }, r2.prototype.toBBox = function(t2) {
         return t2;
-      }, r.prototype.compareMinX = function(t2, i2) {
+      }, r2.prototype.compareMinX = function(t2, i2) {
         return t2.minX - i2.minX;
-      }, r.prototype.compareMinY = function(t2, i2) {
+      }, r2.prototype.compareMinY = function(t2, i2) {
         return t2.minY - i2.minY;
-      }, r.prototype.toJSON = function() {
+      }, r2.prototype.toJSON = function() {
         return this.data;
-      }, r.prototype.fromJSON = function(t2) {
+      }, r2.prototype.fromJSON = function(t2) {
         return this.data = t2, this;
-      }, r.prototype._all = function(t2, i2) {
+      }, r2.prototype._all = function(t2, i2) {
         for (var n2 = []; t2; ) t2.leaf ? i2.push.apply(i2, t2.children) : n2.push.apply(n2, t2.children), t2 = n2.pop();
         return i2;
-      }, r.prototype._build = function(t2, i2, n2, r2) {
+      }, r2.prototype._build = function(t2, i2, n2, r3) {
         var e2, h2 = n2 - i2 + 1, o2 = this._maxEntries;
         if (h2 <= o2) return a(e2 = p(t2.slice(i2, n2 + 1)), this.toBBox), e2;
-        r2 || (r2 = Math.ceil(Math.log(h2) / Math.log(o2)), o2 = Math.ceil(h2 / Math.pow(o2, r2 - 1))), (e2 = p([])).leaf = false, e2.height = r2;
+        r3 || (r3 = Math.ceil(Math.log(h2) / Math.log(o2)), o2 = Math.ceil(h2 / Math.pow(o2, r3 - 1))), (e2 = p([])).leaf = false, e2.height = r3;
         var s2 = Math.ceil(h2 / o2), l2 = s2 * Math.ceil(Math.sqrt(o2));
         d(t2, i2, n2, l2, this.compareMinX);
         for (var f2 = i2; f2 <= n2; f2 += l2) {
@@ -2409,12 +2421,12 @@ function requireRbush_min() {
           d(t2, f2, u2, s2, this.compareMinY);
           for (var m2 = f2; m2 <= u2; m2 += s2) {
             var c2 = Math.min(m2 + s2 - 1, u2);
-            e2.children.push(this._build(t2, m2, c2, r2 - 1));
+            e2.children.push(this._build(t2, m2, c2, r3 - 1));
           }
         }
         return a(e2, this.toBBox), e2;
-      }, r.prototype._chooseSubtree = function(t2, i2, n2, r2) {
-        for (; r2.push(i2), !i2.leaf && r2.length - 1 !== n2; ) {
+      }, r2.prototype._chooseSubtree = function(t2, i2, n2, r3) {
+        for (; r3.push(i2), !i2.leaf && r3.length - 1 !== n2; ) {
           for (var e2 = 1 / 0, a2 = 1 / 0, h2 = void 0, o2 = 0; o2 < i2.children.length; o2++) {
             var s2 = i2.children[o2], l2 = f(s2), u2 = (m2 = t2, c2 = s2, (Math.max(c2.maxX, m2.maxX) - Math.min(c2.minX, m2.minX)) * (Math.max(c2.maxY, m2.maxY) - Math.min(c2.minY, m2.minY)) - l2);
             u2 < a2 ? (a2 = u2, e2 = l2 < e2 ? l2 : e2, h2 = s2) : u2 === a2 && l2 < e2 && (e2 = l2, h2 = s2);
@@ -2423,28 +2435,28 @@ function requireRbush_min() {
         }
         var m2, c2;
         return i2;
-      }, r.prototype._insert = function(t2, i2, n2) {
-        var r2 = n2 ? t2 : this.toBBox(t2), e2 = [], a2 = this._chooseSubtree(r2, this.data, i2, e2);
-        for (a2.children.push(t2), o(a2, r2); i2 >= 0 && e2[i2].children.length > this._maxEntries; ) this._split(e2, i2), i2--;
-        this._adjustParentBBoxes(r2, e2, i2);
-      }, r.prototype._split = function(t2, i2) {
-        var n2 = t2[i2], r2 = n2.children.length, e2 = this._minEntries;
-        this._chooseSplitAxis(n2, e2, r2);
-        var h2 = this._chooseSplitIndex(n2, e2, r2), o2 = p(n2.children.splice(h2, n2.children.length - h2));
+      }, r2.prototype._insert = function(t2, i2, n2) {
+        var r3 = n2 ? t2 : this.toBBox(t2), e2 = [], a2 = this._chooseSubtree(r3, this.data, i2, e2);
+        for (a2.children.push(t2), o(a2, r3); i2 >= 0 && e2[i2].children.length > this._maxEntries; ) this._split(e2, i2), i2--;
+        this._adjustParentBBoxes(r3, e2, i2);
+      }, r2.prototype._split = function(t2, i2) {
+        var n2 = t2[i2], r3 = n2.children.length, e2 = this._minEntries;
+        this._chooseSplitAxis(n2, e2, r3);
+        var h2 = this._chooseSplitIndex(n2, e2, r3), o2 = p(n2.children.splice(h2, n2.children.length - h2));
         o2.height = n2.height, o2.leaf = n2.leaf, a(n2, this.toBBox), a(o2, this.toBBox), i2 ? t2[i2 - 1].children.push(o2) : this._splitRoot(n2, o2);
-      }, r.prototype._splitRoot = function(t2, i2) {
+      }, r2.prototype._splitRoot = function(t2, i2) {
         this.data = p([t2, i2]), this.data.height = t2.height + 1, this.data.leaf = false, a(this.data, this.toBBox);
-      }, r.prototype._chooseSplitIndex = function(t2, i2, n2) {
-        for (var r2, e2, a2, o2, s2, l2, u2, m2 = 1 / 0, c2 = 1 / 0, p2 = i2; p2 <= n2 - i2; p2++) {
+      }, r2.prototype._chooseSplitIndex = function(t2, i2, n2) {
+        for (var r3, e2, a2, o2, s2, l2, u2, m2 = 1 / 0, c2 = 1 / 0, p2 = i2; p2 <= n2 - i2; p2++) {
           var d2 = h(t2, 0, p2, this.toBBox), x = h(t2, p2, n2, this.toBBox), v = (e2 = d2, a2 = x, o2 = void 0, s2 = void 0, l2 = void 0, u2 = void 0, o2 = Math.max(e2.minX, a2.minX), s2 = Math.max(e2.minY, a2.minY), l2 = Math.min(e2.maxX, a2.maxX), u2 = Math.min(e2.maxY, a2.maxY), Math.max(0, l2 - o2) * Math.max(0, u2 - s2)), M = f(d2) + f(x);
-          v < m2 ? (m2 = v, r2 = p2, c2 = M < c2 ? M : c2) : v === m2 && M < c2 && (c2 = M, r2 = p2);
-        }
-        return r2 || n2 - i2;
-      }, r.prototype._chooseSplitAxis = function(t2, i2, n2) {
-        var r2 = t2.leaf ? this.compareMinX : s, e2 = t2.leaf ? this.compareMinY : l;
-        this._allDistMargin(t2, i2, n2, r2) < this._allDistMargin(t2, i2, n2, e2) && t2.children.sort(r2);
-      }, r.prototype._allDistMargin = function(t2, i2, n2, r2) {
-        t2.children.sort(r2);
+          v < m2 ? (m2 = v, r3 = p2, c2 = M < c2 ? M : c2) : v === m2 && M < c2 && (c2 = M, r3 = p2);
+        }
+        return r3 || n2 - i2;
+      }, r2.prototype._chooseSplitAxis = function(t2, i2, n2) {
+        var r3 = t2.leaf ? this.compareMinX : s, e2 = t2.leaf ? this.compareMinY : l;
+        this._allDistMargin(t2, i2, n2, r3) < this._allDistMargin(t2, i2, n2, e2) && t2.children.sort(r3);
+      }, r2.prototype._allDistMargin = function(t2, i2, n2, r3) {
+        t2.children.sort(r3);
         for (var e2 = this.toBBox, a2 = h(t2, 0, i2, e2), s2 = h(t2, n2 - i2, n2, e2), l2 = u(a2) + u(s2), f2 = i2; f2 < n2 - i2; f2++) {
           var m2 = t2.children[f2];
           o(a2, t2.leaf ? e2(m2) : m2), l2 += u(a2);
@@ -2454,11 +2466,11 @@ function requireRbush_min() {
           o(s2, t2.leaf ? e2(p2) : p2), l2 += u(s2);
         }
         return l2;
-      }, r.prototype._adjustParentBBoxes = function(t2, i2, n2) {
-        for (var r2 = n2; r2 >= 0; r2--) o(i2[r2], t2);
-      }, r.prototype._condense = function(t2) {
+      }, r2.prototype._adjustParentBBoxes = function(t2, i2, n2) {
+        for (var r3 = n2; r3 >= 0; r3--) o(i2[r3], t2);
+      }, r2.prototype._condense = function(t2) {
         for (var i2 = t2.length - 1, n2 = void 0; i2 >= 0; i2--) 0 === t2[i2].children.length ? i2 > 0 ? (n2 = t2[i2 - 1].children).splice(n2.indexOf(t2[i2]), 1) : this.clear() : a(t2[i2], this.toBBox);
-      }, r;
+      }, r2;
     });
   })(rbush_min$1);
   return rbush_min$1.exports;
@@ -2601,13 +2613,13 @@ function requireOrient2d_min() {
       e(exports2);
     }(orient2d_min, function(t) {
       const e = 134217729, n = 33306690738754706e-32;
-      function r(t2, e2, n2, r2, o2) {
-        let f2, i2, u2, c2, s2 = e2[0], a2 = r2[0], d2 = 0, l2 = 0;
-        a2 > s2 == a2 > -s2 ? (f2 = s2, s2 = e2[++d2]) : (f2 = a2, a2 = r2[++l2]);
+      function r2(t2, e2, n2, r3, o2) {
+        let f2, i2, u2, c2, s2 = e2[0], a2 = r3[0], d2 = 0, l2 = 0;
+        a2 > s2 == a2 > -s2 ? (f2 = s2, s2 = e2[++d2]) : (f2 = a2, a2 = r3[++l2]);
         let p = 0;
-        if (d2 < t2 && l2 < n2) for (a2 > s2 == a2 > -s2 ? (u2 = f2 - ((i2 = s2 + f2) - s2), s2 = e2[++d2]) : (u2 = f2 - ((i2 = a2 + f2) - a2), a2 = r2[++l2]), f2 = i2, 0 !== u2 && (o2[p++] = u2); d2 < t2 && l2 < n2; ) a2 > s2 == a2 > -s2 ? (u2 = f2 - ((i2 = f2 + s2) - (c2 = i2 - f2)) + (s2 - c2), s2 = e2[++d2]) : (u2 = f2 - ((i2 = f2 + a2) - (c2 = i2 - f2)) + (a2 - c2), a2 = r2[++l2]), f2 = i2, 0 !== u2 && (o2[p++] = u2);
+        if (d2 < t2 && l2 < n2) for (a2 > s2 == a2 > -s2 ? (u2 = f2 - ((i2 = s2 + f2) - s2), s2 = e2[++d2]) : (u2 = f2 - ((i2 = a2 + f2) - a2), a2 = r3[++l2]), f2 = i2, 0 !== u2 && (o2[p++] = u2); d2 < t2 && l2 < n2; ) a2 > s2 == a2 > -s2 ? (u2 = f2 - ((i2 = f2 + s2) - (c2 = i2 - f2)) + (s2 - c2), s2 = e2[++d2]) : (u2 = f2 - ((i2 = f2 + a2) - (c2 = i2 - f2)) + (a2 - c2), a2 = r3[++l2]), f2 = i2, 0 !== u2 && (o2[p++] = u2);
         for (; d2 < t2; ) u2 = f2 - ((i2 = f2 + s2) - (c2 = i2 - f2)) + (s2 - c2), s2 = e2[++d2], f2 = i2, 0 !== u2 && (o2[p++] = u2);
-        for (; l2 < n2; ) u2 = f2 - ((i2 = f2 + a2) - (c2 = i2 - f2)) + (a2 - c2), a2 = r2[++l2], f2 = i2, 0 !== u2 && (o2[p++] = u2);
+        for (; l2 < n2; ) u2 = f2 - ((i2 = f2 + a2) - (c2 = i2 - f2)) + (a2 - c2), a2 = r3[++l2], f2 = i2, 0 !== u2 && (o2[p++] = u2);
         return 0 === f2 && 0 !== p || (o2[p++] = f2), p;
       }
       function o(t2) {
@@ -2624,22 +2636,22 @@ function requireOrient2d_min() {
           _ = (z2 = (A = E - (w = (v = e * E) - (v - E))) * (O = I - (F = (v = e * I) - (v - I))) - ((q = E * I) - w * F - A * F - w * O)) - (P = z2 - (C = (A = H - (w = (v = e * H) - (v - H))) * (O = G - (F = (v = e * G) - (v - G))) - ((B = H * G) - w * F - A * F - w * O))), c[0] = z2 - (P + _) + (_ - C), _ = (k = q - ((g = q + P) - (_ = g - q)) + (P - _)) - (P = k - B), c[1] = k - (P + _) + (_ - B), _ = (D = g + P) - g, c[2] = g - (D - _) + (P - _), c[3] = D;
           let J = function(t4, e2) {
             let n2 = e2[0];
-            for (let r2 = 1; r2 < t4; r2++) n2 += e2[r2];
+            for (let r3 = 1; r3 < t4; r3++) n2 += e2[r3];
             return n2;
           }(4, c), K = i * h2;
           if (J >= K || -J >= K) return J;
           if (M2 = t3 - (E + (_ = t3 - E)) + (_ - b2), j2 = f2 - (G + (_ = f2 - G)) + (_ - b2), x2 = o3 - (H + (_ = o3 - H)) + (_ - y2), m2 = p2 - (I + (_ = p2 - I)) + (_ - y2), 0 === M2 && 0 === x2 && 0 === j2 && 0 === m2) return J;
           if (K = u * h2 + n * Math.abs(J), (J += E * m2 + I * M2 - (H * j2 + G * x2)) >= K || -J >= K) return J;
           _ = (z2 = (A = M2 - (w = (v = e * M2) - (v - M2))) * (O = I - (F = (v = e * I) - (v - I))) - ((q = M2 * I) - w * F - A * F - w * O)) - (P = z2 - (C = (A = x2 - (w = (v = e * x2) - (v - x2))) * (O = G - (F = (v = e * G) - (v - G))) - ((B = x2 * G) - w * F - A * F - w * O))), l[0] = z2 - (P + _) + (_ - C), _ = (k = q - ((g = q + P) - (_ = g - q)) + (P - _)) - (P = k - B), l[1] = k - (P + _) + (_ - B), _ = (D = g + P) - g, l[2] = g - (D - _) + (P - _), l[3] = D;
-          const L = r(4, c, 4, l, s);
+          const L = r2(4, c, 4, l, s);
           _ = (z2 = (A = E - (w = (v = e * E) - (v - E))) * (O = m2 - (F = (v = e * m2) - (v - m2))) - ((q = E * m2) - w * F - A * F - w * O)) - (P = z2 - (C = (A = H - (w = (v = e * H) - (v - H))) * (O = j2 - (F = (v = e * j2) - (v - j2))) - ((B = H * j2) - w * F - A * F - w * O))), l[0] = z2 - (P + _) + (_ - C), _ = (k = q - ((g = q + P) - (_ = g - q)) + (P - _)) - (P = k - B), l[1] = k - (P + _) + (_ - B), _ = (D = g + P) - g, l[2] = g - (D - _) + (P - _), l[3] = D;
-          const N = r(L, s, 4, l, a);
+          const N = r2(L, s, 4, l, a);
           _ = (z2 = (A = M2 - (w = (v = e * M2) - (v - M2))) * (O = m2 - (F = (v = e * m2) - (v - m2))) - ((q = M2 * m2) - w * F - A * F - w * O)) - (P = z2 - (C = (A = x2 - (w = (v = e * x2) - (v - x2))) * (O = j2 - (F = (v = e * j2) - (v - j2))) - ((B = x2 * j2) - w * F - A * F - w * O))), l[0] = z2 - (P + _) + (_ - C), _ = (k = q - ((g = q + P) - (_ = g - q)) + (P - _)) - (P = k - B), l[1] = k - (P + _) + (_ - B), _ = (D = g + P) - g, l[2] = g - (D - _) + (P - _), l[3] = D;
-          const Q = r(N, a, 4, l, d);
+          const Q = r2(N, a, 4, l, d);
           return d[Q - 1];
         }(t2, o2, p, b, y, h, m);
-      }, t.orient2dfast = function(t2, e2, n2, r2, o2, f2) {
-        return (e2 - f2) * (n2 - o2) - (t2 - o2) * (r2 - f2);
+      }, t.orient2dfast = function(t2, e2, n2, r3, o2, f2) {
+        return (e2 - f2) * (n2 - o2) - (t2 - o2) * (r3 - f2);
       }, Object.defineProperty(t, "__esModule", { value: true });
     });
   })(orient2d_min$1, orient2d_min$1.exports);
@@ -3296,9 +3308,9 @@ function getNextScope(prevScopes) {
   const chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
   const nextCharIndices = [0];
   function next2() {
-    const r = [];
+    const r2 = [];
     nextCharIndices.forEach((charIndex) => {
-      r.unshift(chars[charIndex]);
+      r2.unshift(chars[charIndex]);
     });
     let increment = true;
     for (let i = 0; i < nextCharIndices.length; i++) {
@@ -3313,7 +3325,7 @@ function getNextScope(prevScopes) {
     if (increment) {
       nextCharIndices.push(0);
     }
-    return r.join("");
+    return r2.join("");
   }
   let nextScope;
   do {
@@ -6455,8 +6467,8 @@ class ZodSet extends ZodType {
       maxSize: { value: maxSize, message: errorUtil.toString(message) }
     });
   }
-  size(size, message) {
-    return this.min(size, message).max(size, message);
+  size(size2, message) {
+    return this.min(size2, message).max(size2, message);
   }
   nonempty(message) {
     return this.min(1, message);
@@ -6766,9 +6778,9 @@ class ZodEffects extends ZodType {
     const { status, ctx } = this._processInputParams(input);
     const effect = this._def.effect || null;
     const checkCtx = {
-      addIssue: (arg) => {
-        addIssueToContext(ctx, arg);
-        if (arg.fatal) {
+      addIssue: (arg2) => {
+        addIssueToContext(ctx, arg2);
+        if (arg2.fatal) {
           status.abort();
         } else {
           status.dirty();
@@ -7198,14 +7210,14 @@ const ostring = () => stringType().optional();
 const onumber = () => numberType().optional();
 const oboolean = () => booleanType().optional();
 const coerce = {
-  string: (arg) => ZodString.create({ ...arg, coerce: true }),
-  number: (arg) => ZodNumber.create({ ...arg, coerce: true }),
-  boolean: (arg) => ZodBoolean.create({
-    ...arg,
+  string: (arg2) => ZodString.create({ ...arg2, coerce: true }),
+  number: (arg2) => ZodNumber.create({ ...arg2, coerce: true }),
+  boolean: (arg2) => ZodBoolean.create({
+    ...arg2,
     coerce: true
   }),
-  bigint: (arg) => ZodBigInt.create({ ...arg, coerce: true }),
-  date: (arg) => ZodDate.create({ ...arg, coerce: true })
+  bigint: (arg2) => ZodBigInt.create({ ...arg2, coerce: true }),
+  date: (arg2) => ZodDate.create({ ...arg2, coerce: true })
 };
 const NEVER = INVALID;
 var z = /* @__PURE__ */ Object.freeze({
@@ -9013,7 +9025,7 @@ function requireRange() {
       this.loose = !!options.loose;
       this.includePrerelease = !!options.includePrerelease;
       this.raw = range2.trim().replace(SPACE_CHARACTERS, " ");
-      this.set = this.raw.split("||").map((r) => this.parseRange(r.trim())).filter((c) => c.length);
+      this.set = this.raw.split("||").map((r2) => this.parseRange(r2.trim())).filter((c) => c.length);
       if (!this.set.length) {
         throw new TypeError(`Invalid SemVer Range: ${this.raw}`);
       }
@@ -9177,8 +9189,8 @@ function requireRange() {
     return comp.trim().split(/\s+/).map((c) => replaceTilde(c, options)).join(" ");
   };
   const replaceTilde = (comp, options) => {
-    const r = options.loose ? re2[t.TILDELOOSE] : re2[t.TILDE];
-    return comp.replace(r, (_, M, m, p, pr) => {
+    const r2 = options.loose ? re2[t.TILDELOOSE] : re2[t.TILDE];
+    return comp.replace(r2, (_, M, m, p, pr) => {
       debug("tilde", comp, _, M, m, p, pr);
       let ret;
       if (isX(M)) {
@@ -9202,9 +9214,9 @@ function requireRange() {
   };
   const replaceCaret = (comp, options) => {
     debug("caret", comp, options);
-    const r = options.loose ? re2[t.CARETLOOSE] : re2[t.CARET];
+    const r2 = options.loose ? re2[t.CARETLOOSE] : re2[t.CARET];
     const z2 = options.includePrerelease ? "-0" : "";
-    return comp.replace(r, (_, M, m, p, pr) => {
+    return comp.replace(r2, (_, M, m, p, pr) => {
       debug("caret", comp, _, M, m, p, pr);
       let ret;
       if (isX(M)) {
@@ -9250,8 +9262,8 @@ function requireRange() {
   };
   const replaceXRange = (comp, options) => {
     comp = comp.trim();
-    const r = options.loose ? re2[t.XRANGELOOSE] : re2[t.XRANGE];
-    return comp.replace(r, (ret, gtlt, M, m, p, pr) => {
+    const r2 = options.loose ? re2[t.XRANGELOOSE] : re2[t.XRANGE];
+    return comp.replace(r2, (ret, gtlt, M, m, p, pr) => {
       debug("xRange", comp, ret, gtlt, M, m, p, pr);
       const xM = isX(M);
       const xm = xM || isX(m);
@@ -9395,8 +9407,8 @@ function requireComparator() {
       debug("comp", this);
     }
     parse(comp) {
-      const r = this.options.loose ? re2[t.COMPARATORLOOSE] : re2[t.COMPARATOR];
-      const m = comp.match(r);
+      const r2 = this.options.loose ? re2[t.COMPARATORLOOSE] : re2[t.COMPARATOR];
+      const m = comp.match(r2);
       if (!m) {
         throw new TypeError(`Invalid comparator: ${comp}`);
       }
@@ -10926,18 +10938,18 @@ function requireTinycolor() {
           a
         };
       }
-      function rgbToRgb(r, g, b) {
+      function rgbToRgb(r2, g, b) {
         return {
-          r: bound01(r, 255) * 255,
+          r: bound01(r2, 255) * 255,
           g: bound01(g, 255) * 255,
           b: bound01(b, 255) * 255
         };
       }
-      function rgbToHsl(r, g, b) {
-        r = bound01(r, 255);
+      function rgbToHsl(r2, g, b) {
+        r2 = bound01(r2, 255);
         g = bound01(g, 255);
         b = bound01(b, 255);
-        var max = mathMax(r, g, b), min = mathMin(r, g, b);
+        var max = mathMax(r2, g, b), min = mathMin(r2, g, b);
         var h, s, l = (max + min) / 2;
         if (max == min) {
           h = s = 0;
@@ -10945,14 +10957,14 @@ function requireTinycolor() {
           var d = max - min;
           s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
           switch (max) {
-            case r:
+            case r2:
               h = (g - b) / d + (g < b ? 6 : 0);
               break;
             case g:
-              h = (b - r) / d + 2;
+              h = (b - r2) / d + 2;
               break;
             case b:
-              h = (r - g) / d + 4;
+              h = (r2 - g) / d + 4;
               break;
           }
           h /= 6;
@@ -10960,7 +10972,7 @@ function requireTinycolor() {
         return { h, s, l };
       }
       function hslToRgb2(h, s, l) {
-        var r, g, b;
+        var r2, g, b;
         h = bound01(h, 360);
         s = bound01(s, 100);
         l = bound01(l, 100);
@@ -10973,21 +10985,21 @@ function requireTinycolor() {
           return p2;
         }
         if (s === 0) {
-          r = g = b = l;
+          r2 = g = b = l;
         } else {
           var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
           var p = 2 * l - q;
-          r = hue2rgb(p, q, h + 1 / 3);
+          r2 = hue2rgb(p, q, h + 1 / 3);
           g = hue2rgb(p, q, h);
           b = hue2rgb(p, q, h - 1 / 3);
         }
-        return { r: r * 255, g: g * 255, b: b * 255 };
+        return { r: r2 * 255, g: g * 255, b: b * 255 };
       }
-      function rgbToHsv(r, g, b) {
-        r = bound01(r, 255);
+      function rgbToHsv(r2, g, b) {
+        r2 = bound01(r2, 255);
         g = bound01(g, 255);
         b = bound01(b, 255);
-        var max = mathMax(r, g, b), min = mathMin(r, g, b);
+        var max = mathMax(r2, g, b), min = mathMin(r2, g, b);
         var h, s, v = max;
         var d = max - min;
         s = max === 0 ? 0 : d / max;
@@ -10995,14 +11007,14 @@ function requireTinycolor() {
           h = 0;
         } else {
           switch (max) {
-            case r:
+            case r2:
               h = (g - b) / d + (g < b ? 6 : 0);
               break;
             case g:
-              h = (b - r) / d + 2;
+              h = (b - r2) / d + 2;
               break;
             case b:
-              h = (r - g) / d + 4;
+              h = (r2 - g) / d + 4;
               break;
           }
           h /= 6;
@@ -11013,12 +11025,12 @@ function requireTinycolor() {
         h = bound01(h, 360) * 6;
         s = bound01(s, 100);
         v = bound01(v, 100);
-        var i = Math2.floor(h), f = h - i, p = v * (1 - s), q = v * (1 - f * s), t = v * (1 - (1 - f) * s), mod = i % 6, r = [v, q, p, p, t, v][mod], g = [t, v, v, q, p, p][mod], b = [p, p, t, v, v, q][mod];
-        return { r: r * 255, g: g * 255, b: b * 255 };
+        var i = Math2.floor(h), f = h - i, p = v * (1 - s), q = v * (1 - f * s), t = v * (1 - (1 - f) * s), mod = i % 6, r2 = [v, q, p, p, t, v][mod], g = [t, v, v, q, p, p][mod], b = [p, p, t, v, v, q][mod];
+        return { r: r2 * 255, g: g * 255, b: b * 255 };
       }
-      function rgbToHex2(r, g, b, allow3Char) {
+      function rgbToHex2(r2, g, b, allow3Char) {
         var hex = [
-          pad2(mathRound(r).toString(16)),
+          pad2(mathRound(r2).toString(16)),
           pad2(mathRound(g).toString(16)),
           pad2(mathRound(b).toString(16))
         ];
@@ -11027,9 +11039,9 @@ function requireTinycolor() {
         }
         return hex.join("");
       }
-      function rgbaToHex(r, g, b, a, allow4Char) {
+      function rgbaToHex(r2, g, b, a, allow4Char) {
         var hex = [
-          pad2(mathRound(r).toString(16)),
+          pad2(mathRound(r2).toString(16)),
           pad2(mathRound(g).toString(16)),
           pad2(mathRound(b).toString(16)),
           pad2(convertDecimalToHex(a))
@@ -11039,10 +11051,10 @@ function requireTinycolor() {
         }
         return hex.join("");
       }
-      function rgbaToArgbHex(r, g, b, a) {
+      function rgbaToArgbHex(r2, g, b, a) {
         var hex = [
           pad2(convertDecimalToHex(a)),
-          pad2(mathRound(r).toString(16)),
+          pad2(mathRound(r2).toString(16)),
           pad2(mathRound(g).toString(16)),
           pad2(mathRound(b).toString(16))
         ];
@@ -11204,11 +11216,11 @@ function requireTinycolor() {
         var bestColor = null;
         var bestScore = 0;
         var readability;
-        var includeFallbackColors, level, size;
+        var includeFallbackColors, level, size2;
         args = args || {};
         includeFallbackColors = args.includeFallbackColors;
         level = args.level;
-        size = args.size;
+        size2 = args.size;
         for (var i = 0; i < colorList.length; i++) {
           readability = tinycolor2.readability(baseColor, colorList[i]);
           if (readability > bestScore) {
@@ -11216,7 +11228,7 @@ function requireTinycolor() {
             bestColor = tinycolor2(colorList[i]);
           }
         }
-        if (tinycolor2.isReadable(baseColor, bestColor, { "level": level, "size": size }) || !includeFallbackColors) {
+        if (tinycolor2.isReadable(baseColor, bestColor, { "level": level, "size": size2 }) || !includeFallbackColors) {
           return bestColor;
         } else {
           args.includeFallbackColors = false;
@@ -11520,17 +11532,17 @@ function requireTinycolor() {
         return false;
       }
       function validateWCAG2Parms(parms) {
-        var level, size;
+        var level, size2;
         parms = parms || { "level": "AA", "size": "small" };
         level = (parms.level || "AA").toUpperCase();
-        size = (parms.size || "small").toLowerCase();
+        size2 = (parms.size || "small").toLowerCase();
         if (level !== "AA" && level !== "AAA") {
           level = "AA";
         }
-        if (size !== "small" && size !== "large") {
-          size = "small";
+        if (size2 !== "small" && size2 !== "large") {
+          size2 = "small";
         }
-        return { "level": level, "size": size };
+        return { "level": level, "size": size2 };
       }
       if (module2.exports) {
         module2.exports = tinycolor2;
@@ -11645,7 +11657,7 @@ function treeToCellColorsBySetNames(currTree, selectedNamePaths, cellSetColor, t
     const node2 = treeFindNodeByNamePath(currTree, setNamePath);
     if (node2) {
       const nodeSet = nodeToSet(node2);
-      const nodeColor = ((_a = cellSetColor == null ? void 0 : cellSetColor.find((d) => isEqual(d.path, setNamePath))) == null ? void 0 : _a.color) || getDefaultColor(theme);
+      const nodeColor = ((_a = cellSetColor == null ? void 0 : cellSetColor.find((d) => isEqual$1(d.path, setNamePath))) == null ? void 0 : _a.color) || getDefaultColor(theme);
       cellColorsArray = [
         ...cellColorsArray,
         ...nodeSet.map(([cellId, prob]) => [
@@ -12220,19 +12232,19 @@ function requireJson2csv_umd() {
         }
         return that;
       }
-      function Buffer2(arg, encodingOrOffset, length2) {
+      function Buffer2(arg2, encodingOrOffset, length2) {
         if (!Buffer2.TYPED_ARRAY_SUPPORT && !(this instanceof Buffer2)) {
-          return new Buffer2(arg, encodingOrOffset, length2);
+          return new Buffer2(arg2, encodingOrOffset, length2);
         }
-        if (typeof arg === "number") {
+        if (typeof arg2 === "number") {
           if (typeof encodingOrOffset === "string") {
             throw new Error(
               "If encoding is specified then the first argument must be a string"
             );
           }
-          return allocUnsafe(this, arg);
+          return allocUnsafe(this, arg2);
         }
-        return from2(this, arg, encodingOrOffset, length2);
+        return from2(this, arg2, encodingOrOffset, length2);
       }
       Buffer2.poolSize = 8192;
       Buffer2._augment = function(arr) {
@@ -12258,41 +12270,41 @@ function requireJson2csv_umd() {
         Buffer2.prototype.__proto__ = Uint8Array.prototype;
         Buffer2.__proto__ = Uint8Array;
       }
-      function assertSize(size) {
-        if (typeof size !== "number") {
+      function assertSize(size2) {
+        if (typeof size2 !== "number") {
           throw new TypeError('"size" argument must be a number');
-        } else if (size < 0) {
+        } else if (size2 < 0) {
           throw new RangeError('"size" argument must not be negative');
         }
       }
-      function alloc2(that, size, fill, encoding) {
-        assertSize(size);
-        if (size <= 0) {
-          return createBuffer(that, size);
+      function alloc2(that, size2, fill, encoding) {
+        assertSize(size2);
+        if (size2 <= 0) {
+          return createBuffer(that, size2);
         }
         if (fill !== void 0) {
-          return typeof encoding === "string" ? createBuffer(that, size).fill(fill, encoding) : createBuffer(that, size).fill(fill);
+          return typeof encoding === "string" ? createBuffer(that, size2).fill(fill, encoding) : createBuffer(that, size2).fill(fill);
         }
-        return createBuffer(that, size);
+        return createBuffer(that, size2);
       }
-      Buffer2.alloc = function(size, fill, encoding) {
-        return alloc2(null, size, fill, encoding);
+      Buffer2.alloc = function(size2, fill, encoding) {
+        return alloc2(null, size2, fill, encoding);
       };
-      function allocUnsafe(that, size) {
-        assertSize(size);
-        that = createBuffer(that, size < 0 ? 0 : checked(size) | 0);
+      function allocUnsafe(that, size2) {
+        assertSize(size2);
+        that = createBuffer(that, size2 < 0 ? 0 : checked(size2) | 0);
         if (!Buffer2.TYPED_ARRAY_SUPPORT) {
-          for (var i = 0; i < size; ++i) {
+          for (var i = 0; i < size2; ++i) {
             that[i] = 0;
           }
         }
         return that;
       }
-      Buffer2.allocUnsafe = function(size) {
-        return allocUnsafe(null, size);
+      Buffer2.allocUnsafe = function(size2) {
+        return allocUnsafe(null, size2);
       };
-      Buffer2.allocUnsafeSlow = function(size) {
-        return allocUnsafe(null, size);
+      Buffer2.allocUnsafeSlow = function(size2) {
+        return allocUnsafe(null, size2);
       };
       function fromString(that, string, encoding) {
         if (typeof encoding !== "string" || encoding === "") {
@@ -14005,26 +14017,26 @@ function requireJson2csv_umd() {
       function isArray$1(ar) {
         return Array.isArray(ar);
       }
-      function isBoolean(arg) {
-        return typeof arg === "boolean";
+      function isBoolean(arg2) {
+        return typeof arg2 === "boolean";
       }
-      function isNull(arg) {
-        return arg === null;
+      function isNull(arg2) {
+        return arg2 === null;
       }
-      function isNumber(arg) {
-        return typeof arg === "number";
+      function isNumber(arg2) {
+        return typeof arg2 === "number";
       }
-      function isString(arg) {
-        return typeof arg === "string";
+      function isString(arg2) {
+        return typeof arg2 === "string";
       }
-      function isUndefined(arg) {
-        return arg === void 0;
+      function isUndefined(arg2) {
+        return arg2 === void 0;
       }
       function isRegExp(re2) {
         return isObject2(re2) && objectToString2(re2) === "[object RegExp]";
       }
-      function isObject2(arg) {
-        return typeof arg === "object" && arg !== null;
+      function isObject2(arg2) {
+        return typeof arg2 === "object" && arg2 !== null;
       }
       function isDate(d) {
         return isObject2(d) && objectToString2(d) === "[object Date]";
@@ -14032,8 +14044,8 @@ function requireJson2csv_umd() {
       function isError(e) {
         return isObject2(e) && (objectToString2(e) === "[object Error]" || e instanceof Error);
       }
-      function isFunction2(arg) {
-        return typeof arg === "function";
+      function isFunction2(arg2) {
+        return typeof arg2 === "function";
       }
       function objectToString2(o) {
         return Object.prototype.toString.call(o);
@@ -14182,11 +14194,11 @@ function requireJson2csv_umd() {
         var end = charStr.length - 1;
         var charCode = charStr.charCodeAt(end);
         if (charCode >= 55296 && charCode <= 56319) {
-          var size = this.surrogateSize;
-          this.charLength += size;
-          this.charReceived += size;
-          this.charBuffer.copy(this.charBuffer, size, 0, size);
-          buffer.copy(this.charBuffer, 0, 0, size);
+          var size2 = this.surrogateSize;
+          this.charLength += size2;
+          this.charReceived += size2;
+          this.charBuffer.copy(this.charBuffer, size2, 0, size2);
+          buffer.copy(this.charBuffer, 0, 0, size2);
           return charStr.substring(0, end);
         }
         return charStr;
@@ -15400,7 +15412,7 @@ function requireJson2csv_umd() {
             configurable: true
           }
         });
-        if (superClass) _setPrototypeOf(subClass, superClass);
+        if (superClass) _setPrototypeOf2(subClass, superClass);
       }
       function _getPrototypeOf(o) {
         _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf2(o2) {
@@ -15408,14 +15420,14 @@ function requireJson2csv_umd() {
         };
         return _getPrototypeOf(o);
       }
-      function _setPrototypeOf(o, p) {
-        _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf2(o2, p2) {
+      function _setPrototypeOf2(o, p) {
+        _setPrototypeOf2 = Object.setPrototypeOf || function _setPrototypeOf3(o2, p2) {
           o2.__proto__ = p2;
           return o2;
         };
-        return _setPrototypeOf(o, p);
+        return _setPrototypeOf2(o, p);
       }
-      function _assertThisInitialized(self2) {
+      function _assertThisInitialized2(self2) {
         if (self2 === void 0) {
           throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         }
@@ -15425,7 +15437,7 @@ function requireJson2csv_umd() {
         if (call && (typeof call === "object" || typeof call === "function")) {
           return call;
         }
-        return _assertThisInitialized(self2);
+        return _assertThisInitialized2(self2);
       }
       function _toArray(arr) {
         return _arrayWithHoles(arr) || _iterableToArray(arr) || _nonIterableRest();
@@ -16133,27 +16145,27 @@ function requireJson2csv_umd() {
         this.stringBuffer[this.stringBufferOffset++] = char2;
       };
       proto.appendStringBuf = function(buf, start, end) {
-        var size = buf.length;
+        var size2 = buf.length;
         if (typeof start === "number") {
           if (typeof end === "number") {
             if (end < 0) {
-              size = buf.length - start + end;
+              size2 = buf.length - start + end;
             } else {
-              size = end - start;
+              size2 = end - start;
             }
           } else {
-            size = buf.length - start;
+            size2 = buf.length - start;
           }
         }
-        if (size < 0) {
-          size = 0;
+        if (size2 < 0) {
+          size2 = 0;
         }
-        if (this.stringBufferOffset + size > STRING_BUFFER_SIZE) {
+        if (this.stringBufferOffset + size2 > STRING_BUFFER_SIZE) {
           this.string += this.stringBuffer.toString("utf8", 0, this.stringBufferOffset);
           this.stringBufferOffset = 0;
         }
         buf.copy(this.stringBuffer, this.stringBufferOffset, start, end);
-        this.stringBufferOffset += size;
+        this.stringBufferOffset += size2;
       };
       proto.write = function(buffer) {
         if (typeof buffer === "string") buffer = new Buffer2(buffer);
@@ -16889,18 +16901,18 @@ const schemeRdBu = [[103, 0, 31], [178, 24, 43], [214, 96, 77], [244, 165, 130],
 function rgbSpline(spline) {
   return (colors) => {
     const n = colors.length;
-    const r = new Array(n);
+    const r2 = new Array(n);
     const g = new Array(n);
     const b = new Array(n);
     let i;
     let color2;
     for (i = 0; i < n; ++i) {
       color2 = [colors[i][0], colors[i][1], colors[i][2]];
-      r[i] = color2[0] || 0;
+      r2[i] = color2[0] || 0;
       g[i] = color2[1] || 0;
       b[i] = color2[2] || 0;
     }
-    const rFunc = spline(r);
+    const rFunc = spline(r2);
     const gFunc = spline(g);
     const bFunc = spline(b);
     return (t) => [rFunc(t), gFunc(t), bFunc(t)];
@@ -17352,9 +17364,9 @@ function parse(value, root2, parent, rule, rules, rulesets, pseudo, points, decl
 function ruleset(value, root2, parent, index, offset2, rules, points, type, props, children, length2) {
   var post = offset2 - 1;
   var rule = offset2 === 0 ? rules : [""];
-  var size = sizeof(rule);
+  var size2 = sizeof(rule);
   for (var i = 0, j = 0, k = 0; i < index; ++i)
-    for (var x = 0, y = substr(value, post + 1, post = abs(j = points[i])), z2 = value; x < size; ++x)
+    for (var x = 0, y = substr(value, post + 1, post = abs(j = points[i])), z2 = value; x < size2; ++x)
       if (z2 = trim(j > 0 ? rule[x] + " " + y : replace(y, /&\f/g, rule[x])))
         props[k++] = z2;
   return node(value, root2, parent, offset2 === 0 ? RULESET : type, props, children, length2);
@@ -17407,9 +17419,9 @@ function rulesheet(callback) {
 }
 function memoize$1(fn) {
   var cache = /* @__PURE__ */ Object.create(null);
-  return function(arg) {
-    if (cache[arg] === void 0) cache[arg] = fn(arg);
-    return cache[arg];
+  return function(arg2) {
+    if (cache[arg2] === void 0) cache[arg2] = fn(arg2);
+    return cache[arg2];
   };
 }
 var identifierWithPointTracking = function identifierWithPointTracking2(begin, points, index) {
@@ -17747,6 +17759,15 @@ var createCache = function createCache2(options) {
   cache.sheet.hydrate(nodesToHydrate);
   return cache;
 };
+function _extends$2() {
+  return _extends$2 = Object.assign ? Object.assign.bind() : function(n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r2 in t) ({}).hasOwnProperty.call(t, r2) && (n[r2] = t[r2]);
+    }
+    return n;
+  }, _extends$2.apply(null, arguments);
+}
 var reactIs$1 = { exports: {} };
 var reactIs_development$1 = {};
 var hasRequiredReactIs_development$1;
@@ -18020,7 +18041,7 @@ function getRegisteredStyles(registered, registeredStyles, classNames) {
   });
   return rawClassName;
 }
-var registerStyles = function registerStyles2(cache, serialized, isStringTag) {
+var registerStyles = function registerStyles2(cache, serialized, isStringTag2) {
   var className = cache.key + "-" + serialized.name;
   if (
     // we only need to add the styles to the registered cache if the
@@ -18028,7 +18049,7 @@ var registerStyles = function registerStyles2(cache, serialized, isStringTag) {
     // the tree but if it's a string tag, we know it won't
     // so we don't have to add it to registered cache.
     // this improves memory usage since we can avoid storing the whole style string
-    (isStringTag === false || // we need to always store it if we're in compat mode and
+    (isStringTag2 === false || // we need to always store it if we're in compat mode and
     // in node since emotion-server relies on whether a style is in
     // the registered cache to know whether a style is global or not
     // also, note that this check will be dead code eliminated in the browser
@@ -18037,8 +18058,8 @@ var registerStyles = function registerStyles2(cache, serialized, isStringTag) {
     cache.registered[className] = serialized.styles;
   }
 };
-var insertStyles = function insertStyles2(cache, serialized, isStringTag) {
-  registerStyles(cache, serialized, isStringTag);
+var insertStyles = function insertStyles2(cache, serialized, isStringTag2) {
+  registerStyles(cache, serialized, isStringTag2);
   var className = cache.key + "-" + serialized.name;
   if (cache.inserted[serialized.name] === void 0) {
     var current = serialized;
@@ -18333,11 +18354,11 @@ var createEmotionProps = function createEmotionProps2(type, props) {
   newProps[typePropName] = type;
   return newProps;
 };
-var Insertion = function Insertion2(_ref) {
-  var cache = _ref.cache, serialized = _ref.serialized, isStringTag = _ref.isStringTag;
-  registerStyles(cache, serialized, isStringTag);
+var Insertion$1 = function Insertion(_ref) {
+  var cache = _ref.cache, serialized = _ref.serialized, isStringTag2 = _ref.isStringTag;
+  registerStyles(cache, serialized, isStringTag2);
   useInsertionEffectAlwaysWithSyncFallback(function() {
-    return insertStyles(cache, serialized, isStringTag);
+    return insertStyles(cache, serialized, isStringTag2);
   });
   return null;
 };
@@ -18366,7 +18387,7 @@ var Emotion = /* @__PURE__ */ withEmotionCache(function(props, cache, ref) {
   if (ref) {
     newProps.ref = ref;
   }
-  return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement(Insertion, {
+  return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement(Insertion$1, {
     cache,
     serialized,
     isStringTag: typeof WrappedComponent === "string"
@@ -18471,24 +18492,24 @@ const classnames = (args) => {
   let i = 0;
   let cls = "";
   for (; i < len; i++) {
-    const arg = args[i];
-    if (arg == null)
+    const arg2 = args[i];
+    if (arg2 == null)
       continue;
     let toAdd;
-    switch (typeof arg) {
+    switch (typeof arg2) {
       case "boolean":
         break;
       case "object": {
-        if (Array.isArray(arg)) {
-          toAdd = classnames(arg);
+        if (Array.isArray(arg2)) {
+          toAdd = classnames(arg2);
         } else {
-          assert(!typeGuard(arg, false));
-          if (arg.styles !== void 0 && arg.name !== void 0) {
+          assert(!typeGuard(arg2, false));
+          if (arg2.styles !== void 0 && arg2.name !== void 0) {
             console.error("You have passed styles created with `css` from `@emotion/react` package to the `cx`.\n`cx` is meant to compose class names (strings) so you should convert those styles to a class name by passing them to the `css` received from <ClassNames/> component.");
           }
           toAdd = "";
-          for (const k in arg) {
-            if (arg[k] && k) {
+          for (const k in arg2) {
+            if (arg2[k] && k) {
               toAdd && (toAdd += " ");
               toAdd += k;
             }
@@ -18497,7 +18518,7 @@ const classnames = (args) => {
         break;
       }
       default: {
-        toAdd = arg;
+        toAdd = arg2;
       }
     }
     if (toAdd) {
@@ -18518,8 +18539,8 @@ function useGuaranteedMemo(fn, deps) {
   }
   return ref.current.v;
 }
-function matchCSSObject(arg) {
-  return arg instanceof Object && !("styles" in arg) && !("length" in arg) && !("__emotion_styles" in arg);
+function matchCSSObject(arg2) {
+  return arg2 instanceof Object && !("styles" in arg2) && !("length" in arg2) && !("__emotion_styles" in arg2);
 }
 const { createCssAndCx } = /* @__PURE__ */ (() => {
   function merge2(registered, css2, className) {
@@ -18537,11 +18558,11 @@ const { createCssAndCx } = /* @__PURE__ */ (() => {
       insertStyles(cache, serialized, false);
       const className = `${cache.key}-${serialized.name}`;
       scope: {
-        const arg = args[0];
-        if (!matchCSSObject(arg)) {
+        const arg2 = args[0];
+        if (!matchCSSObject(arg2)) {
           break scope;
         }
-        increaseSpecificityToTakePrecedenceOverMediaQueries.saveClassNameCSSObjectMapping(cache, className, arg);
+        increaseSpecificityToTakePrecedenceOverMediaQueries.saveClassNameCSSObjectMapping(cache, className, arg2);
       }
       return className;
     };
@@ -19158,6 +19179,274 @@ const { tss: tss$1 } = createTss({
 });
 tss$1.create({});
 const THEME_ID = "$$material";
+var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/;
+var isPropValid = /* @__PURE__ */ memoize$1(
+  function(prop) {
+    return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111 && prop.charCodeAt(1) === 110 && prop.charCodeAt(2) < 91;
+  }
+  /* Z+1 */
+);
+var testOmitPropsOnStringTag = isPropValid;
+var testOmitPropsOnComponent = function testOmitPropsOnComponent2(key) {
+  return key !== "theme";
+};
+var getDefaultShouldForwardProp = function getDefaultShouldForwardProp2(tag) {
+  return typeof tag === "string" && // 96 is one less than the char code
+  // for "a" so this is checking that
+  // it's a lowercase character
+  tag.charCodeAt(0) > 96 ? testOmitPropsOnStringTag : testOmitPropsOnComponent;
+};
+var composeShouldForwardProps = function composeShouldForwardProps2(tag, options, isReal) {
+  var shouldForwardProp2;
+  if (options) {
+    var optionsShouldForwardProp = options.shouldForwardProp;
+    shouldForwardProp2 = tag.__emotion_forwardProp && optionsShouldForwardProp ? function(propName) {
+      return tag.__emotion_forwardProp(propName) && optionsShouldForwardProp(propName);
+    } : optionsShouldForwardProp;
+  }
+  if (typeof shouldForwardProp2 !== "function" && isReal) {
+    shouldForwardProp2 = tag.__emotion_forwardProp;
+  }
+  return shouldForwardProp2;
+};
+var Insertion2 = function Insertion3(_ref) {
+  var cache = _ref.cache, serialized = _ref.serialized, isStringTag2 = _ref.isStringTag;
+  registerStyles(cache, serialized, isStringTag2);
+  useInsertionEffectAlwaysWithSyncFallback(function() {
+    return insertStyles(cache, serialized, isStringTag2);
+  });
+  return null;
+};
+var createStyled$1 = function createStyled(tag, options) {
+  var isReal = tag.__emotion_real === tag;
+  var baseTag = isReal && tag.__emotion_base || tag;
+  var identifierName;
+  var targetClassName;
+  if (options !== void 0) {
+    identifierName = options.label;
+    targetClassName = options.target;
+  }
+  var shouldForwardProp2 = composeShouldForwardProps(tag, options, isReal);
+  var defaultShouldForwardProp = shouldForwardProp2 || getDefaultShouldForwardProp(baseTag);
+  var shouldUseAs = !defaultShouldForwardProp("as");
+  return function() {
+    var args = arguments;
+    var styles = isReal && tag.__emotion_styles !== void 0 ? tag.__emotion_styles.slice(0) : [];
+    if (identifierName !== void 0) {
+      styles.push("label:" + identifierName + ";");
+    }
+    if (args[0] == null || args[0].raw === void 0) {
+      styles.push.apply(styles, args);
+    } else {
+      var templateStringsArr = args[0];
+      styles.push(templateStringsArr[0]);
+      var len = args.length;
+      var i = 1;
+      for (; i < len; i++) {
+        styles.push(args[i], templateStringsArr[i]);
+      }
+    }
+    var Styled = withEmotionCache(function(props, cache, ref) {
+      var FinalTag = shouldUseAs && props.as || baseTag;
+      var className = "";
+      var classInterpolations = [];
+      var mergedProps = props;
+      if (props.theme == null) {
+        mergedProps = {};
+        for (var key in props) {
+          mergedProps[key] = props[key];
+        }
+        mergedProps.theme = React$1.useContext(ThemeContext);
+      }
+      if (typeof props.className === "string") {
+        className = getRegisteredStyles(cache.registered, classInterpolations, props.className);
+      } else if (props.className != null) {
+        className = props.className + " ";
+      }
+      var serialized = serializeStyles(styles.concat(classInterpolations), cache.registered, mergedProps);
+      className += cache.key + "-" + serialized.name;
+      if (targetClassName !== void 0) {
+        className += " " + targetClassName;
+      }
+      var finalShouldForwardProp = shouldUseAs && shouldForwardProp2 === void 0 ? getDefaultShouldForwardProp(FinalTag) : defaultShouldForwardProp;
+      var newProps = {};
+      for (var _key in props) {
+        if (shouldUseAs && _key === "as") continue;
+        if (finalShouldForwardProp(_key)) {
+          newProps[_key] = props[_key];
+        }
+      }
+      newProps.className = className;
+      if (ref) {
+        newProps.ref = ref;
+      }
+      return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement(Insertion2, {
+        cache,
+        serialized,
+        isStringTag: typeof FinalTag === "string"
+      }), /* @__PURE__ */ React$1.createElement(FinalTag, newProps));
+    });
+    Styled.displayName = identifierName !== void 0 ? identifierName : "Styled(" + (typeof baseTag === "string" ? baseTag : baseTag.displayName || baseTag.name || "Component") + ")";
+    Styled.defaultProps = tag.defaultProps;
+    Styled.__emotion_real = Styled;
+    Styled.__emotion_base = baseTag;
+    Styled.__emotion_styles = styles;
+    Styled.__emotion_forwardProp = shouldForwardProp2;
+    Object.defineProperty(Styled, "toString", {
+      value: function value() {
+        return "." + targetClassName;
+      }
+    });
+    Styled.withComponent = function(nextTag, nextOptions) {
+      var newStyled2 = createStyled(nextTag, _extends$2({}, options, nextOptions, {
+        shouldForwardProp: composeShouldForwardProps(Styled, nextOptions, true)
+      }));
+      return newStyled2.apply(void 0, styles);
+    };
+    return Styled;
+  };
+};
+var tags = [
+  "a",
+  "abbr",
+  "address",
+  "area",
+  "article",
+  "aside",
+  "audio",
+  "b",
+  "base",
+  "bdi",
+  "bdo",
+  "big",
+  "blockquote",
+  "body",
+  "br",
+  "button",
+  "canvas",
+  "caption",
+  "cite",
+  "code",
+  "col",
+  "colgroup",
+  "data",
+  "datalist",
+  "dd",
+  "del",
+  "details",
+  "dfn",
+  "dialog",
+  "div",
+  "dl",
+  "dt",
+  "em",
+  "embed",
+  "fieldset",
+  "figcaption",
+  "figure",
+  "footer",
+  "form",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "head",
+  "header",
+  "hgroup",
+  "hr",
+  "html",
+  "i",
+  "iframe",
+  "img",
+  "input",
+  "ins",
+  "kbd",
+  "keygen",
+  "label",
+  "legend",
+  "li",
+  "link",
+  "main",
+  "map",
+  "mark",
+  "marquee",
+  "menu",
+  "menuitem",
+  "meta",
+  "meter",
+  "nav",
+  "noscript",
+  "object",
+  "ol",
+  "optgroup",
+  "option",
+  "output",
+  "p",
+  "param",
+  "picture",
+  "pre",
+  "progress",
+  "q",
+  "rp",
+  "rt",
+  "ruby",
+  "s",
+  "samp",
+  "script",
+  "section",
+  "select",
+  "small",
+  "source",
+  "span",
+  "strong",
+  "style",
+  "sub",
+  "summary",
+  "sup",
+  "table",
+  "tbody",
+  "td",
+  "textarea",
+  "tfoot",
+  "th",
+  "thead",
+  "time",
+  "title",
+  "tr",
+  "track",
+  "u",
+  "ul",
+  "var",
+  "video",
+  "wbr",
+  // SVG
+  "circle",
+  "clipPath",
+  "defs",
+  "ellipse",
+  "foreignObject",
+  "g",
+  "image",
+  "line",
+  "linearGradient",
+  "mask",
+  "path",
+  "pattern",
+  "polygon",
+  "polyline",
+  "radialGradient",
+  "rect",
+  "stop",
+  "svg",
+  "text",
+  "tspan"
+];
+var newStyled = createStyled$1.bind(null);
+tags.forEach(function(tagName) {
+  newStyled[tagName] = newStyled(tagName);
+});
 var propTypes = { exports: {} };
 /*
 object-assign
@@ -19866,7 +20155,7 @@ function requireReactJsxRuntime_development() {
         }
         return false;
       }
-      function getWrappedName(outerType, innerType, wrapperName) {
+      function getWrappedName2(outerType, innerType, wrapperName) {
         var displayName = outerType.displayName;
         if (displayName) {
           return displayName;
@@ -19915,7 +20204,7 @@ function requireReactJsxRuntime_development() {
               var provider = type;
               return getContextName(provider._context) + ".Provider";
             case REACT_FORWARD_REF_TYPE:
-              return getWrappedName(type, type.render, "ForwardRef");
+              return getWrappedName2(type, type.render, "ForwardRef");
             case REACT_MEMO_TYPE:
               var outerName = type.displayName || null;
               if (outerName !== null) {
@@ -20667,6 +20956,30 @@ function requireJsxRuntime() {
   return jsxRuntime.exports;
 }
 var jsxRuntimeExports = requireJsxRuntime();
+function styled$1(tag, options) {
+  const stylesFactory = newStyled(tag, options);
+  {
+    return (...styles) => {
+      const component = typeof tag === "string" ? `"${tag}"` : "component";
+      if (styles.length === 0) {
+        console.error([`MUI: Seems like you called \`styled(${component})()\` without a \`style\` argument.`, 'You must provide a `styles` argument: `styled("div")(styleYouForgotToPass)`.'].join("\n"));
+      } else if (styles.some((style2) => style2 === void 0)) {
+        console.error(`MUI: the styled(${component})(...args) API requires all its args to be defined.`);
+      }
+      return stylesFactory(...styles);
+    };
+  }
+}
+function internal_mutateStyles(tag, processor) {
+  if (Array.isArray(tag.__emotion_styles)) {
+    tag.__emotion_styles = processor(tag.__emotion_styles);
+  }
+}
+const wrapper = [];
+function internal_serializeStyles(styles) {
+  wrapper[0] = styles;
+  return serializeStyles(wrapper);
+}
 var reactIs = { exports: {} };
 var reactIs_development = {};
 var hasRequiredReactIs_development;
@@ -21121,11 +21434,11 @@ function style$1(options) {
 }
 function memoize(fn) {
   const cache = {};
-  return (arg) => {
-    if (cache[arg] === void 0) {
-      cache[arg] = fn(arg);
+  return (arg2) => {
+    if (cache[arg2] === void 0) {
+      cache[arg2] = fn(arg2);
     }
-    return cache[arg];
+    return cache[arg2];
   };
 }
 const properties = {
@@ -21795,8 +22108,8 @@ function objectsHaveSameKeys(...objects) {
   const union = new Set(allKeys);
   return objects.every((object) => union.size === Object.keys(object).length);
 }
-function callIfFn(maybeFn, arg) {
-  return typeof maybeFn === "function" ? maybeFn(arg) : maybeFn;
+function callIfFn(maybeFn, arg2) {
+  return typeof maybeFn === "function" ? maybeFn(arg2) : maybeFn;
 }
 function unstable_createStyleFunctionSx() {
   function getThemeValue(prop, val, theme, config) {
@@ -21961,17 +22274,67 @@ function createTheme$1(options = {}, ...args) {
   };
   return muiTheme;
 }
-function isObjectEmpty(obj) {
+function isObjectEmpty$1(obj) {
   return Object.keys(obj).length === 0;
 }
 function useTheme$2(defaultTheme2 = null) {
   const contextTheme = React$1.useContext(ThemeContext);
-  return !contextTheme || isObjectEmpty(contextTheme) ? defaultTheme2 : contextTheme;
+  return !contextTheme || isObjectEmpty$1(contextTheme) ? defaultTheme2 : contextTheme;
 }
-const systemDefaultTheme = createTheme$1();
-function useTheme$1(defaultTheme2 = systemDefaultTheme) {
+const systemDefaultTheme$1 = createTheme$1();
+function useTheme$1(defaultTheme2 = systemDefaultTheme$1) {
   return useTheme$2(defaultTheme2);
 }
+const splitProps = (props) => {
+  var _a;
+  const result = {
+    systemProps: {},
+    otherProps: {}
+  };
+  const config = ((_a = props == null ? void 0 : props.theme) == null ? void 0 : _a.unstable_sxConfig) ?? defaultSxConfig;
+  Object.keys(props).forEach((prop) => {
+    if (config[prop]) {
+      result.systemProps[prop] = props[prop];
+    } else {
+      result.otherProps[prop] = props[prop];
+    }
+  });
+  return result;
+};
+function extendSxProp$1(props) {
+  const {
+    sx: inSx,
+    ...other
+  } = props;
+  const {
+    systemProps,
+    otherProps
+  } = splitProps(other);
+  let finalSx;
+  if (Array.isArray(inSx)) {
+    finalSx = [systemProps, ...inSx];
+  } else if (typeof inSx === "function") {
+    finalSx = (...args) => {
+      const result = inSx(...args);
+      if (!isPlainObject(result)) {
+        return systemProps;
+      }
+      return {
+        ...systemProps,
+        ...result
+      };
+    };
+  } else {
+    finalSx = {
+      ...systemProps,
+      ...inSx
+    };
+  }
+  return {
+    ...otherProps,
+    sx: finalSx
+  };
+}
 const defaultGenerator = (componentName) => componentName;
 const createClassNameGenerator = () => {
   let generate = defaultGenerator;
@@ -21988,6 +22351,19 @@ const createClassNameGenerator = () => {
   };
 };
 const ClassNameGenerator = createClassNameGenerator();
+function r(e) {
+  var t, f, n = "";
+  if ("string" == typeof e || "number" == typeof e) n += e;
+  else if ("object" == typeof e) if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+  } else for (f in e) e[f] && (n && (n += " "), n += f);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
 const globalStateClasses = {
   active: "active",
   checked: "checked",
@@ -22006,6 +22382,324 @@ function generateUtilityClass(componentName, slot, globalStatePrefix = "Mui") {
   const globalStateClass = globalStateClasses[slot];
   return globalStateClass ? `${globalStatePrefix}-${globalStateClass}` : `${ClassNameGenerator.generate(componentName)}-${slot}`;
 }
+function generateUtilityClasses(componentName, slots, globalStatePrefix = "Mui") {
+  const result = {};
+  slots.forEach((slot) => {
+    result[slot] = generateUtilityClass(componentName, slot, globalStatePrefix);
+  });
+  return result;
+}
+function getFunctionComponentName(Component, fallback = "") {
+  return Component.displayName || Component.name || fallback;
+}
+function getWrappedName(outerType, innerType, wrapperName) {
+  const functionName = getFunctionComponentName(innerType);
+  return outerType.displayName || (functionName !== "" ? `${wrapperName}(${functionName})` : wrapperName);
+}
+function getDisplayName(Component) {
+  if (Component == null) {
+    return void 0;
+  }
+  if (typeof Component === "string") {
+    return Component;
+  }
+  if (typeof Component === "function") {
+    return getFunctionComponentName(Component, "Component");
+  }
+  if (typeof Component === "object") {
+    switch (Component.$$typeof) {
+      case reactIsExports.ForwardRef:
+        return getWrappedName(Component, Component.render, "ForwardRef");
+      case reactIsExports.Memo:
+        return getWrappedName(Component, Component.type, "memo");
+      default:
+        return void 0;
+    }
+  }
+  return void 0;
+}
+function preprocessStyles(input) {
+  const {
+    variants,
+    ...style2
+  } = input;
+  const result = {
+    variants,
+    style: internal_serializeStyles(style2),
+    isProcessed: true
+  };
+  if (result.style === style2) {
+    return result;
+  }
+  if (variants) {
+    variants.forEach((variant) => {
+      if (typeof variant.style !== "function") {
+        variant.style = internal_serializeStyles(variant.style);
+      }
+    });
+  }
+  return result;
+}
+const systemDefaultTheme = createTheme$1();
+function shouldForwardProp(prop) {
+  return prop !== "ownerState" && prop !== "theme" && prop !== "sx" && prop !== "as";
+}
+function defaultOverridesResolver(slot) {
+  if (!slot) {
+    return null;
+  }
+  return (_props, styles) => styles[slot];
+}
+function attachTheme(props, themeId, defaultTheme2) {
+  props.theme = isObjectEmpty(props.theme) ? defaultTheme2 : props.theme[themeId] || props.theme;
+}
+function processStyle(props, style2) {
+  const resolvedStyle = typeof style2 === "function" ? style2(props) : style2;
+  if (Array.isArray(resolvedStyle)) {
+    return resolvedStyle.flatMap((subStyle) => processStyle(props, subStyle));
+  }
+  if (Array.isArray(resolvedStyle == null ? void 0 : resolvedStyle.variants)) {
+    let rootStyle;
+    if (resolvedStyle.isProcessed) {
+      rootStyle = resolvedStyle.style;
+    } else {
+      const {
+        variants,
+        ...otherStyles
+      } = resolvedStyle;
+      rootStyle = otherStyles;
+    }
+    return processStyleVariants(props, resolvedStyle.variants, [rootStyle]);
+  }
+  if (resolvedStyle == null ? void 0 : resolvedStyle.isProcessed) {
+    return resolvedStyle.style;
+  }
+  return resolvedStyle;
+}
+function processStyleVariants(props, variants, results = []) {
+  var _a;
+  let mergedState;
+  variantLoop: for (let i = 0; i < variants.length; i += 1) {
+    const variant = variants[i];
+    if (typeof variant.props === "function") {
+      mergedState ?? (mergedState = {
+        ...props,
+        ...props.ownerState,
+        ownerState: props.ownerState
+      });
+      if (!variant.props(mergedState)) {
+        continue;
+      }
+    } else {
+      for (const key in variant.props) {
+        if (props[key] !== variant.props[key] && ((_a = props.ownerState) == null ? void 0 : _a[key]) !== variant.props[key]) {
+          continue variantLoop;
+        }
+      }
+    }
+    if (typeof variant.style === "function") {
+      mergedState ?? (mergedState = {
+        ...props,
+        ...props.ownerState,
+        ownerState: props.ownerState
+      });
+      results.push(variant.style(mergedState));
+    } else {
+      results.push(variant.style);
+    }
+  }
+  return results;
+}
+function createStyled2(input = {}) {
+  const {
+    themeId,
+    defaultTheme: defaultTheme2 = systemDefaultTheme,
+    rootShouldForwardProp: rootShouldForwardProp2 = shouldForwardProp,
+    slotShouldForwardProp: slotShouldForwardProp2 = shouldForwardProp
+  } = input;
+  function styleAttachTheme(props) {
+    attachTheme(props, themeId, defaultTheme2);
+  }
+  const styled2 = (tag, inputOptions = {}) => {
+    internal_mutateStyles(tag, (styles) => styles.filter((style2) => style2 !== styleFunctionSx));
+    const {
+      name: componentName,
+      slot: componentSlot,
+      skipVariantsResolver: inputSkipVariantsResolver,
+      skipSx: inputSkipSx,
+      // TODO v6: remove `lowercaseFirstLetter()` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      overridesResolver = defaultOverridesResolver(lowercaseFirstLetter(componentSlot)),
+      ...options
+    } = inputOptions;
+    const skipVariantsResolver = inputSkipVariantsResolver !== void 0 ? inputSkipVariantsResolver : (
+      // TODO v6: remove `Root` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      componentSlot && componentSlot !== "Root" && componentSlot !== "root" || false
+    );
+    const skipSx = inputSkipSx || false;
+    let shouldForwardPropOption = shouldForwardProp;
+    if (componentSlot === "Root" || componentSlot === "root") {
+      shouldForwardPropOption = rootShouldForwardProp2;
+    } else if (componentSlot) {
+      shouldForwardPropOption = slotShouldForwardProp2;
+    } else if (isStringTag(tag)) {
+      shouldForwardPropOption = void 0;
+    }
+    const defaultStyledResolver = styled$1(tag, {
+      shouldForwardProp: shouldForwardPropOption,
+      label: generateStyledLabel(componentName, componentSlot),
+      ...options
+    });
+    const transformStyle = (style2) => {
+      if (typeof style2 === "function" && style2.__emotion_real !== style2) {
+        return function styleFunctionProcessor(props) {
+          return processStyle(props, style2);
+        };
+      }
+      if (isPlainObject(style2)) {
+        const serialized = preprocessStyles(style2);
+        if (!serialized.variants) {
+          return serialized.style;
+        }
+        return function styleObjectProcessor(props) {
+          return processStyle(props, serialized);
+        };
+      }
+      return style2;
+    };
+    const muiStyledResolver = (...expressionsInput) => {
+      const expressionsHead = [];
+      const expressionsBody = expressionsInput.map(transformStyle);
+      const expressionsTail = [];
+      expressionsHead.push(styleAttachTheme);
+      if (componentName && overridesResolver) {
+        expressionsTail.push(function styleThemeOverrides(props) {
+          var _a, _b;
+          const theme = props.theme;
+          const styleOverrides = (_b = (_a = theme.components) == null ? void 0 : _a[componentName]) == null ? void 0 : _b.styleOverrides;
+          if (!styleOverrides) {
+            return null;
+          }
+          const resolvedStyleOverrides = {};
+          for (const slotKey in styleOverrides) {
+            resolvedStyleOverrides[slotKey] = processStyle(props, styleOverrides[slotKey]);
+          }
+          return overridesResolver(props, resolvedStyleOverrides);
+        });
+      }
+      if (componentName && !skipVariantsResolver) {
+        expressionsTail.push(function styleThemeVariants(props) {
+          var _a, _b;
+          const theme = props.theme;
+          const themeVariants = (_b = (_a = theme == null ? void 0 : theme.components) == null ? void 0 : _a[componentName]) == null ? void 0 : _b.variants;
+          if (!themeVariants) {
+            return null;
+          }
+          return processStyleVariants(props, themeVariants);
+        });
+      }
+      if (!skipSx) {
+        expressionsTail.push(styleFunctionSx);
+      }
+      if (Array.isArray(expressionsBody[0])) {
+        const inputStrings = expressionsBody.shift();
+        const placeholdersHead = new Array(expressionsHead.length).fill("");
+        const placeholdersTail = new Array(expressionsTail.length).fill("");
+        let outputStrings;
+        {
+          outputStrings = [...placeholdersHead, ...inputStrings, ...placeholdersTail];
+          outputStrings.raw = [...placeholdersHead, ...inputStrings.raw, ...placeholdersTail];
+        }
+        expressionsHead.unshift(outputStrings);
+      }
+      const expressions = [...expressionsHead, ...expressionsBody, ...expressionsTail];
+      const Component = defaultStyledResolver(...expressions);
+      if (tag.muiName) {
+        Component.muiName = tag.muiName;
+      }
+      {
+        Component.displayName = generateDisplayName(componentName, componentSlot, tag);
+      }
+      return Component;
+    };
+    if (defaultStyledResolver.withConfig) {
+      muiStyledResolver.withConfig = defaultStyledResolver.withConfig;
+    }
+    return muiStyledResolver;
+  };
+  return styled2;
+}
+function generateDisplayName(componentName, componentSlot, tag) {
+  if (componentName) {
+    return `${componentName}${capitalize(componentSlot || "")}`;
+  }
+  return `Styled(${getDisplayName(tag)})`;
+}
+function generateStyledLabel(componentName, componentSlot) {
+  let label;
+  {
+    if (componentName) {
+      label = `${componentName}-${lowercaseFirstLetter(componentSlot || "Root")}`;
+    }
+  }
+  return label;
+}
+function isObjectEmpty(object) {
+  for (const _ in object) {
+    return false;
+  }
+  return true;
+}
+function isStringTag(tag) {
+  return typeof tag === "string" && // 96 is one less than the char code
+  // for "a" so this is checking that
+  // it's a lowercase character
+  tag.charCodeAt(0) > 96;
+}
+function lowercaseFirstLetter(string) {
+  if (!string) {
+    return string;
+  }
+  return string.charAt(0).toLowerCase() + string.slice(1);
+}
+function resolveProps(defaultProps, props) {
+  const output = {
+    ...props
+  };
+  for (const key in defaultProps) {
+    if (Object.prototype.hasOwnProperty.call(defaultProps, key)) {
+      const propName = key;
+      if (propName === "components" || propName === "slots") {
+        output[propName] = {
+          ...defaultProps[propName],
+          ...output[propName]
+        };
+      } else if (propName === "componentsProps" || propName === "slotProps") {
+        const defaultSlotProps = defaultProps[propName];
+        const slotProps = props[propName];
+        if (!slotProps) {
+          output[propName] = defaultSlotProps || {};
+        } else if (!defaultSlotProps) {
+          output[propName] = slotProps;
+        } else {
+          output[propName] = {
+            ...slotProps
+          };
+          for (const slotKey in defaultSlotProps) {
+            if (Object.prototype.hasOwnProperty.call(defaultSlotProps, slotKey)) {
+              const slotPropName = slotKey;
+              output[propName][slotPropName] = resolveProps(defaultSlotProps[slotPropName], slotProps[slotPropName]);
+            }
+          }
+        }
+      } else if (output[propName] === void 0) {
+        output[propName] = defaultProps[propName];
+      }
+    }
+  }
+  return output;
+}
 const useEnhancedEffect$1 = typeof window !== "undefined" ? React$1.useLayoutEffect : React$1.useEffect;
 function clamp$1(val, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER) {
   return Math.max(min, Math.min(val, max));
@@ -22226,6 +22920,69 @@ function exactProp(propTypes2) {
     }
   };
 }
+const PropsContext = /* @__PURE__ */ React$1.createContext(void 0);
+({
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * @ignore
+   */
+  children: PropTypes.node,
+  /**
+   * @ignore
+   */
+  value: PropTypes.object
+});
+function getThemeProps(params) {
+  const {
+    theme,
+    name,
+    props
+  } = params;
+  if (!theme || !theme.components || !theme.components[name]) {
+    return props;
+  }
+  const config = theme.components[name];
+  if (config.defaultProps) {
+    return resolveProps(config.defaultProps, props);
+  }
+  if (!config.styleOverrides && !config.variants) {
+    return resolveProps(config, props);
+  }
+  return props;
+}
+function useDefaultProps$1({
+  props,
+  name
+}) {
+  const ctx = React$1.useContext(PropsContext);
+  return getThemeProps({
+    props,
+    name,
+    theme: {
+      components: ctx
+    }
+  });
+}
+const arg = {
+  theme: void 0
+};
+function unstable_memoTheme(styleFn) {
+  let lastValue;
+  let lastTheme;
+  return function styleMemoized(props) {
+    let value = lastValue;
+    if (value === void 0 || props.theme !== lastTheme) {
+      arg.theme = props.theme;
+      value = preprocessStyles(styleFn(arg));
+      lastValue = value;
+      lastTheme = props.theme;
+    }
+    return value;
+  };
+}
 function createGetCssVar$1(prefix2 = "") {
   function appendVar(...vars) {
     if (!vars.length) {
@@ -22494,6 +23251,26 @@ function createGetColorSchemeSelector(selector) {
     return "&";
   };
 }
+function composeClasses(slots, getUtilityClass, classes = void 0) {
+  const output = {};
+  for (const slotName in slots) {
+    const slot = slots[slotName];
+    let buffer = "";
+    let start = true;
+    for (let i = 0; i < slot.length; i += 1) {
+      const value = slot[i];
+      if (value) {
+        buffer += (start === true ? "" : " ") + getUtilityClass(value);
+        start = false;
+        if (classes && classes[value]) {
+          buffer += " " + classes[value];
+        }
+      }
+    }
+    output[slotName] = buffer;
+  }
+  return output;
+}
 const common = {
   black: "#000",
   white: "#fff"
@@ -22920,17 +23697,17 @@ function createTypography(palette, typography) {
     }
   }
   const coef = fontSize / 14;
-  const pxToRem = pxToRem2 || ((size) => `${size / htmlFontSize * coef}rem`);
-  const buildVariant = (fontWeight, size, lineHeight, letterSpacing, casing) => ({
+  const pxToRem = pxToRem2 || ((size2) => `${size2 / htmlFontSize * coef}rem`);
+  const buildVariant = (fontWeight, size2, lineHeight, letterSpacing, casing) => ({
     fontFamily,
     fontWeight,
-    fontSize: pxToRem(size),
+    fontSize: pxToRem(size2),
     // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
     lineHeight,
     // The letter spacing was designed for the Roboto font-family. Using the same letter-spacing
     // across font-families can cause issues with the kerning.
     ...fontFamily === defaultFontFamily ? {
-      letterSpacing: `${round(letterSpacing / size)}em`
+      letterSpacing: `${round(letterSpacing / size2)}em`
     } : {},
     ...casing,
     ...allVariants
@@ -23721,6 +24498,15 @@ function useTheme() {
   }
   return theme[THEME_ID] || theme;
 }
+function slotShouldForwardProp(prop) {
+  return prop !== "ownerState" && prop !== "theme" && prop !== "sx" && prop !== "as";
+}
+const rootShouldForwardProp = (prop) => slotShouldForwardProp(prop) && prop !== "classes";
+const styled = createStyled2({
+  themeId: THEME_ID,
+  defaultTheme,
+  rootShouldForwardProp
+});
 const { makeStyles } = createMakeAndWithStyles({
   useTheme
 });
@@ -23732,6 +24518,27 @@ const { tss } = createTss({
   "usePlugin": useMuiThemeStyleOverridesPlugin
 });
 const useStyles$1 = tss.create({});
+function internal_createExtendSxProp() {
+  return extendSxProp$1;
+}
+const memoTheme = unstable_memoTheme;
+({
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * @ignore
+   */
+  children: PropTypes.node,
+  /**
+   * @ignore
+   */
+  value: PropTypes.object.isRequired
+});
+function useDefaultProps(params) {
+  return useDefaultProps$1(params);
+}
 function setRef$1(ref, value) {
   if (typeof ref === "function") {
     ref(value);
@@ -23777,6 +24584,23 @@ function useForkRef$1(...refs) {
     };
   }, refs);
 }
+function hasCorrectMainProperty(obj) {
+  return typeof obj.main === "string";
+}
+function checkSimplePaletteColorValues(obj, additionalPropertiesToCheck = []) {
+  if (!hasCorrectMainProperty(obj)) {
+    return false;
+  }
+  for (const value of additionalPropertiesToCheck) {
+    if (!obj.hasOwnProperty(value) || typeof obj[value] !== "string") {
+      return false;
+    }
+  }
+  return true;
+}
+function createSimplePaletteValueFilter(additionalPropertiesToCheck = []) {
+  return ([, value]) => value && checkSimplePaletteColorValues(value, additionalPropertiesToCheck);
+}
 function HTMLElementType(props, propName, componentName, location, propFullName) {
   const propValue = props[propName];
   const safePropName = propFullName || propName;
@@ -23860,6 +24684,266 @@ Portal.propTypes = {
 {
   Portal["propTypes"] = exactProp(Portal.propTypes);
 }
+function getTypographyUtilityClass(slot) {
+  return generateUtilityClass("MuiTypography", slot);
+}
+generateUtilityClasses("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]);
+const v6Colors = {
+  primary: true,
+  secondary: true,
+  error: true,
+  info: true,
+  success: true,
+  warning: true,
+  textPrimary: true,
+  textSecondary: true,
+  textDisabled: true
+};
+const extendSxProp = internal_createExtendSxProp();
+const useUtilityClasses = (ownerState) => {
+  const {
+    align,
+    gutterBottom,
+    noWrap,
+    paragraph,
+    variant,
+    classes
+  } = ownerState;
+  const slots = {
+    root: ["root", variant, ownerState.align !== "inherit" && `align${capitalize(align)}`, gutterBottom && "gutterBottom", noWrap && "noWrap", paragraph && "paragraph"]
+  };
+  return composeClasses(slots, getTypographyUtilityClass, classes);
+};
+const TypographyRoot = styled("span", {
+  name: "MuiTypography",
+  slot: "Root",
+  overridesResolver: (props, styles) => {
+    const {
+      ownerState
+    } = props;
+    return [styles.root, ownerState.variant && styles[ownerState.variant], ownerState.align !== "inherit" && styles[`align${capitalize(ownerState.align)}`], ownerState.noWrap && styles.noWrap, ownerState.gutterBottom && styles.gutterBottom, ownerState.paragraph && styles.paragraph];
+  }
+})(memoTheme(({
+  theme
+}) => {
+  var _a;
+  return {
+    margin: 0,
+    variants: [{
+      props: {
+        variant: "inherit"
+      },
+      style: {
+        // Some elements, like <button> on Chrome have default font that doesn't inherit, reset this.
+        font: "inherit",
+        lineHeight: "inherit",
+        letterSpacing: "inherit"
+      }
+    }, ...Object.entries(theme.typography).filter(([variant, value]) => variant !== "inherit" && value && typeof value === "object").map(([variant, value]) => ({
+      props: {
+        variant
+      },
+      style: value
+    })), ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color2]) => ({
+      props: {
+        color: color2
+      },
+      style: {
+        color: (theme.vars || theme).palette[color2].main
+      }
+    })), ...Object.entries(((_a = theme.palette) == null ? void 0 : _a.text) || {}).filter(([, value]) => typeof value === "string").map(([color2]) => ({
+      props: {
+        color: `text${capitalize(color2)}`
+      },
+      style: {
+        color: (theme.vars || theme).palette.text[color2]
+      }
+    })), {
+      props: ({
+        ownerState
+      }) => ownerState.align !== "inherit",
+      style: {
+        textAlign: "var(--Typography-textAlign)"
+      }
+    }, {
+      props: ({
+        ownerState
+      }) => ownerState.noWrap,
+      style: {
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        whiteSpace: "nowrap"
+      }
+    }, {
+      props: ({
+        ownerState
+      }) => ownerState.gutterBottom,
+      style: {
+        marginBottom: "0.35em"
+      }
+    }, {
+      props: ({
+        ownerState
+      }) => ownerState.paragraph,
+      style: {
+        marginBottom: 16
+      }
+    }]
+  };
+}));
+const defaultVariantMapping = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  h6: "h6",
+  subtitle1: "h6",
+  subtitle2: "h6",
+  body1: "p",
+  body2: "p",
+  inherit: "p"
+};
+const Typography = /* @__PURE__ */ React$1.forwardRef(function Typography2(inProps, ref) {
+  const {
+    color: color2,
+    ...themeProps
+  } = useDefaultProps({
+    props: inProps,
+    name: "MuiTypography"
+  });
+  const isSxColor = !v6Colors[color2];
+  const props = extendSxProp({
+    ...themeProps,
+    ...isSxColor && {
+      color: color2
+    }
+  });
+  const {
+    align = "inherit",
+    className,
+    component,
+    gutterBottom = false,
+    noWrap = false,
+    paragraph = false,
+    variant = "body1",
+    variantMapping = defaultVariantMapping,
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
+    align,
+    color: color2,
+    className,
+    component,
+    gutterBottom,
+    noWrap,
+    paragraph,
+    variant,
+    variantMapping
+  };
+  const Component = component || (paragraph ? "p" : variantMapping[variant] || defaultVariantMapping[variant]) || "span";
+  const classes = useUtilityClasses(ownerState);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(TypographyRoot, {
+    as: Component,
+    ref,
+    className: clsx(classes.root, className),
+    ...other,
+    ownerState,
+    style: {
+      ...align !== "inherit" && {
+        "--Typography-textAlign": align
+      },
+      ...other.style
+    }
+  });
+});
+Typography.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Set the text-align on the component.
+   * @default 'inherit'
+   */
+  align: PropTypes.oneOf(["center", "inherit", "justify", "left", "right"]),
+  /**
+   * The content of the component.
+   */
+  children: PropTypes.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object,
+  /**
+   * @ignore
+   */
+  className: PropTypes.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   */
+  color: PropTypes.oneOfType([PropTypes.oneOf(["primary", "secondary", "success", "error", "info", "warning", "textPrimary", "textSecondary", "textDisabled"]), PropTypes.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: PropTypes.elementType,
+  /**
+   * If `true`, the text will have a bottom margin.
+   * @default false
+   */
+  gutterBottom: PropTypes.bool,
+  /**
+   * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
+   *
+   * Note that text overflow can only happen with block or inline-block level elements
+   * (the element needs to have a width in order to overflow).
+   * @default false
+   */
+  noWrap: PropTypes.bool,
+  /**
+   * If `true`, the element will be a paragraph element.
+   * @default false
+   * @deprecated Use the `component` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  paragraph: PropTypes.bool,
+  /**
+   * @ignore
+   */
+  style: PropTypes.object,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+  /**
+   * Applies the theme typography styles.
+   * @default 'body1'
+   */
+  variant: PropTypes.oneOfType([PropTypes.oneOf(["body1", "body2", "button", "caption", "h1", "h2", "h3", "h4", "h5", "h6", "inherit", "overline", "subtitle1", "subtitle2"]), PropTypes.string]),
+  /**
+   * The component maps the variant prop to a range of different HTML element types.
+   * For instance, subtitle1 to `<h6>`.
+   * If you wish to change that mapping, you can provide your own.
+   * Alternatively, you can use the `component` prop.
+   * @default {
+   *   h1: 'h1',
+   *   h2: 'h2',
+   *   h3: 'h3',
+   *   h4: 'h4',
+   *   h5: 'h5',
+   *   h6: 'h6',
+   *   subtitle1: 'h6',
+   *   subtitle2: 'h6',
+   *   body1: 'p',
+   *   body2: 'p',
+   *   inherit: 'p',
+   * }
+   */
+  variantMapping: PropTypes.object
+};
 /**!
  * @fileOverview Kickass library to create and place poppers near their reference elements.
  * @version 1.16.1
@@ -24098,7 +25182,7 @@ var defineProperty = function(obj, key, value) {
   }
   return obj;
 };
-var _extends = Object.assign || function(target) {
+var _extends$1 = Object.assign || function(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i];
     for (var key in source) {
@@ -24110,7 +25194,7 @@ var _extends = Object.assign || function(target) {
   return target;
 };
 function getClientRect(offsets) {
-  return _extends({}, offsets, {
+  return _extends$1({}, offsets, {
     right: offsets.left + offsets.width,
     bottom: offsets.top + offsets.height
   });
@@ -24294,7 +25378,7 @@ function computeAutoPlacement(placement, refRect, popper, reference, boundariesE
     }
   };
   var sortedAreas = Object.keys(rects).map(function(key) {
-    return _extends({
+    return _extends$1({
       key
     }, rects[key], {
       area: getArea(rects[key])
@@ -24602,9 +25686,9 @@ function computeStyle(data, options) {
   var attributes = {
     "x-placement": data.placement
   };
-  data.attributes = _extends({}, attributes, data.attributes);
-  data.styles = _extends({}, styles, data.styles);
-  data.arrowStyles = _extends({}, data.offsets.arrow, data.arrowStyles);
+  data.attributes = _extends$1({}, attributes, data.attributes);
+  data.styles = _extends$1({}, styles, data.styles);
+  data.arrowStyles = _extends$1({}, data.offsets.arrow, data.arrowStyles);
   return data;
 }
 function isModifierRequired(modifiers2, requestingName, requestedName) {
@@ -24739,7 +25823,7 @@ function flip(data, options) {
         variation = getOppositeVariation(variation);
       }
       data.placement = placement + (variation ? "-" + variation : "");
-      data.offsets.popper = _extends({}, data.offsets.popper, getPopperOffsets(data.instance.popper, data.offsets.reference, data.placement));
+      data.offsets.popper = _extends$1({}, data.offsets.popper, getPopperOffsets(data.instance.popper, data.offsets.reference, data.placement));
       data = runModifiers(data.instance.modifiers, data, "flip");
     }
   });
@@ -24782,13 +25866,13 @@ function toValue(str, measurement, popperOffsets, referenceOffsets) {
     var rect = getClientRect(element);
     return rect[measurement] / 100 * value;
   } else if (unit === "vh" || unit === "vw") {
-    var size = void 0;
+    var size2 = void 0;
     if (unit === "vh") {
-      size = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
+      size2 = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
     } else {
-      size = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
+      size2 = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
     }
-    return size / 100 * value;
+    return size2 / 100 * value;
   } else {
     return value;
   }
@@ -24898,7 +25982,7 @@ function preventOverflow(data, options) {
   };
   order.forEach(function(placement) {
     var side = ["left", "top"].indexOf(placement) !== -1 ? "primary" : "secondary";
-    popper = _extends({}, popper, check[side](placement));
+    popper = _extends$1({}, popper, check[side](placement));
   });
   data.offsets.popper = popper;
   return data;
@@ -24916,7 +26000,7 @@ function shift(data) {
       start: defineProperty({}, side, reference[side]),
       end: defineProperty({}, side, reference[side] + reference[measurement] - popper[measurement])
     };
-    data.offsets.popper = _extends({}, popper, shiftOffsets[shiftvariation]);
+    data.offsets.popper = _extends$1({}, popper, shiftOffsets[shiftvariation]);
   }
   return data;
 }
@@ -25319,7 +26403,7 @@ var Popper = function() {
       return requestAnimationFrame(_this.update);
     };
     this.update = debounce(this.update.bind(this));
-    this.options = _extends({}, Popper2.Defaults, options);
+    this.options = _extends$1({}, Popper2.Defaults, options);
     this.state = {
       isDestroyed: false,
       isCreated: false,
@@ -25328,11 +26412,11 @@ var Popper = function() {
     this.reference = reference && reference.jquery ? reference[0] : reference;
     this.popper = popper && popper.jquery ? popper[0] : popper;
     this.options.modifiers = {};
-    Object.keys(_extends({}, Popper2.Defaults.modifiers, options.modifiers)).forEach(function(name) {
-      _this.options.modifiers[name] = _extends({}, Popper2.Defaults.modifiers[name] || {}, options.modifiers ? options.modifiers[name] : {});
+    Object.keys(_extends$1({}, Popper2.Defaults.modifiers, options.modifiers)).forEach(function(name) {
+      _this.options.modifiers[name] = _extends$1({}, Popper2.Defaults.modifiers[name] || {}, options.modifiers ? options.modifiers[name] : {});
     });
     this.modifiers = Object.keys(this.options.modifiers).map(function(name) {
-      return _extends({
+      return _extends$1({
         name
       }, _this.options.modifiers[name]);
     }).sort(function(a, b) {
@@ -25576,6 +26660,700 @@ function ScopedGlobalStyles(props) {
   }, [parentClassName, styles]);
   return component;
 }
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function _assertThisInitialized(self2) {
+  if (self2 === void 0) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+  return self2;
+}
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o2, p2) {
+    o2.__proto__ = p2;
+    return o2;
+  };
+  return _setPrototypeOf(o, p);
+}
+function _inheritsLoose(subClass, superClass) {
+  subClass.prototype = Object.create(superClass.prototype);
+  subClass.prototype.constructor = subClass;
+  _setPrototypeOf(subClass, superClass);
+}
+var safeIsNaN = Number.isNaN || function ponyfill(value) {
+  return typeof value === "number" && value !== value;
+};
+function isEqual(first, second) {
+  if (first === second) {
+    return true;
+  }
+  if (safeIsNaN(first) && safeIsNaN(second)) {
+    return true;
+  }
+  return false;
+}
+function areInputsEqual(newInputs, lastInputs) {
+  if (newInputs.length !== lastInputs.length) {
+    return false;
+  }
+  for (var i = 0; i < newInputs.length; i++) {
+    if (!isEqual(newInputs[i], lastInputs[i])) {
+      return false;
+    }
+  }
+  return true;
+}
+function memoizeOne(resultFn, isEqual2) {
+  if (isEqual2 === void 0) {
+    isEqual2 = areInputsEqual;
+  }
+  var lastThis;
+  var lastArgs = [];
+  var lastResult;
+  var calledOnce = false;
+  function memoized() {
+    var newArgs = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+      newArgs[_i] = arguments[_i];
+    }
+    if (calledOnce && lastThis === this && isEqual2(newArgs, lastArgs)) {
+      return lastResult;
+    }
+    lastResult = resultFn.apply(this, newArgs);
+    calledOnce = true;
+    lastThis = this;
+    lastArgs = newArgs;
+    return lastResult;
+  }
+  return memoized;
+}
+var hasNativePerformanceNow = typeof performance === "object" && typeof performance.now === "function";
+var now = hasNativePerformanceNow ? function() {
+  return performance.now();
+} : function() {
+  return Date.now();
+};
+function cancelTimeout(timeoutID) {
+  cancelAnimationFrame(timeoutID.id);
+}
+function requestTimeout(callback, delay) {
+  var start = now();
+  function tick() {
+    if (now() - start >= delay) {
+      callback.call(null);
+    } else {
+      timeoutID.id = requestAnimationFrame(tick);
+    }
+  }
+  var timeoutID = {
+    id: requestAnimationFrame(tick)
+  };
+  return timeoutID;
+}
+var size = -1;
+function getScrollbarSize(recalculate) {
+  if (recalculate === void 0) {
+    recalculate = false;
+  }
+  if (size === -1 || recalculate) {
+    var div = document.createElement("div");
+    var style2 = div.style;
+    style2.width = "50px";
+    style2.height = "50px";
+    style2.overflow = "scroll";
+    document.body.appendChild(div);
+    size = div.offsetWidth - div.clientWidth;
+    document.body.removeChild(div);
+  }
+  return size;
+}
+var cachedRTLResult = null;
+function getRTLOffsetType(recalculate) {
+  if (recalculate === void 0) {
+    recalculate = false;
+  }
+  if (cachedRTLResult === null || recalculate) {
+    var outerDiv = document.createElement("div");
+    var outerStyle = outerDiv.style;
+    outerStyle.width = "50px";
+    outerStyle.height = "50px";
+    outerStyle.overflow = "scroll";
+    outerStyle.direction = "rtl";
+    var innerDiv = document.createElement("div");
+    var innerStyle = innerDiv.style;
+    innerStyle.width = "100px";
+    innerStyle.height = "100px";
+    outerDiv.appendChild(innerDiv);
+    document.body.appendChild(outerDiv);
+    if (outerDiv.scrollLeft > 0) {
+      cachedRTLResult = "positive-descending";
+    } else {
+      outerDiv.scrollLeft = 1;
+      if (outerDiv.scrollLeft === 0) {
+        cachedRTLResult = "negative";
+      } else {
+        cachedRTLResult = "positive-ascending";
+      }
+    }
+    document.body.removeChild(outerDiv);
+    return cachedRTLResult;
+  }
+  return cachedRTLResult;
+}
+var IS_SCROLLING_DEBOUNCE_INTERVAL$1 = 150;
+var defaultItemKey$1 = function defaultItemKey3(index, data) {
+  return index;
+};
+var devWarningsDirection = null;
+var devWarningsTagName$1 = null;
+{
+  if (typeof window !== "undefined" && typeof window.WeakSet !== "undefined") {
+    devWarningsDirection = /* @__PURE__ */ new WeakSet();
+    devWarningsTagName$1 = /* @__PURE__ */ new WeakSet();
+  }
+}
+function createListComponent(_ref) {
+  var _class;
+  var getItemOffset3 = _ref.getItemOffset, getEstimatedTotalSize4 = _ref.getEstimatedTotalSize, getItemSize3 = _ref.getItemSize, getOffsetForIndexAndAlignment5 = _ref.getOffsetForIndexAndAlignment, getStartIndexForOffset3 = _ref.getStartIndexForOffset, getStopIndexForStartIndex3 = _ref.getStopIndexForStartIndex, initInstanceProps5 = _ref.initInstanceProps, shouldResetStyleCacheOnItemSizeChange = _ref.shouldResetStyleCacheOnItemSizeChange, validateProps5 = _ref.validateProps;
+  return _class = /* @__PURE__ */ function(_PureComponent) {
+    _inheritsLoose(List, _PureComponent);
+    function List(props) {
+      var _this;
+      _this = _PureComponent.call(this, props) || this;
+      _this._instanceProps = initInstanceProps5(_this.props, _assertThisInitialized(_this));
+      _this._outerRef = void 0;
+      _this._resetIsScrollingTimeoutId = null;
+      _this.state = {
+        instance: _assertThisInitialized(_this),
+        isScrolling: false,
+        scrollDirection: "forward",
+        scrollOffset: typeof _this.props.initialScrollOffset === "number" ? _this.props.initialScrollOffset : 0,
+        scrollUpdateWasRequested: false
+      };
+      _this._callOnItemsRendered = void 0;
+      _this._callOnItemsRendered = memoizeOne(function(overscanStartIndex, overscanStopIndex, visibleStartIndex, visibleStopIndex) {
+        return _this.props.onItemsRendered({
+          overscanStartIndex,
+          overscanStopIndex,
+          visibleStartIndex,
+          visibleStopIndex
+        });
+      });
+      _this._callOnScroll = void 0;
+      _this._callOnScroll = memoizeOne(function(scrollDirection, scrollOffset, scrollUpdateWasRequested) {
+        return _this.props.onScroll({
+          scrollDirection,
+          scrollOffset,
+          scrollUpdateWasRequested
+        });
+      });
+      _this._getItemStyle = void 0;
+      _this._getItemStyle = function(index) {
+        var _this$props = _this.props, direction = _this$props.direction, itemSize = _this$props.itemSize, layout = _this$props.layout;
+        var itemStyleCache = _this._getItemStyleCache(shouldResetStyleCacheOnItemSizeChange && itemSize, shouldResetStyleCacheOnItemSizeChange && layout, shouldResetStyleCacheOnItemSizeChange && direction);
+        var style2;
+        if (itemStyleCache.hasOwnProperty(index)) {
+          style2 = itemStyleCache[index];
+        } else {
+          var _offset = getItemOffset3(_this.props, index, _this._instanceProps);
+          var size2 = getItemSize3(_this.props, index, _this._instanceProps);
+          var isHorizontal = direction === "horizontal" || layout === "horizontal";
+          var isRtl = direction === "rtl";
+          var offsetHorizontal = isHorizontal ? _offset : 0;
+          itemStyleCache[index] = style2 = {
+            position: "absolute",
+            left: isRtl ? void 0 : offsetHorizontal,
+            right: isRtl ? offsetHorizontal : void 0,
+            top: !isHorizontal ? _offset : 0,
+            height: !isHorizontal ? size2 : "100%",
+            width: isHorizontal ? size2 : "100%"
+          };
+        }
+        return style2;
+      };
+      _this._getItemStyleCache = void 0;
+      _this._getItemStyleCache = memoizeOne(function(_, __, ___) {
+        return {};
+      });
+      _this._onScrollHorizontal = function(event) {
+        var _event$currentTarget = event.currentTarget, clientWidth = _event$currentTarget.clientWidth, scrollLeft = _event$currentTarget.scrollLeft, scrollWidth = _event$currentTarget.scrollWidth;
+        _this.setState(function(prevState) {
+          if (prevState.scrollOffset === scrollLeft) {
+            return null;
+          }
+          var direction = _this.props.direction;
+          var scrollOffset = scrollLeft;
+          if (direction === "rtl") {
+            switch (getRTLOffsetType()) {
+              case "negative":
+                scrollOffset = -scrollLeft;
+                break;
+              case "positive-descending":
+                scrollOffset = scrollWidth - clientWidth - scrollLeft;
+                break;
+            }
+          }
+          scrollOffset = Math.max(0, Math.min(scrollOffset, scrollWidth - clientWidth));
+          return {
+            isScrolling: true,
+            scrollDirection: prevState.scrollOffset < scrollOffset ? "forward" : "backward",
+            scrollOffset,
+            scrollUpdateWasRequested: false
+          };
+        }, _this._resetIsScrollingDebounced);
+      };
+      _this._onScrollVertical = function(event) {
+        var _event$currentTarget2 = event.currentTarget, clientHeight = _event$currentTarget2.clientHeight, scrollHeight = _event$currentTarget2.scrollHeight, scrollTop = _event$currentTarget2.scrollTop;
+        _this.setState(function(prevState) {
+          if (prevState.scrollOffset === scrollTop) {
+            return null;
+          }
+          var scrollOffset = Math.max(0, Math.min(scrollTop, scrollHeight - clientHeight));
+          return {
+            isScrolling: true,
+            scrollDirection: prevState.scrollOffset < scrollOffset ? "forward" : "backward",
+            scrollOffset,
+            scrollUpdateWasRequested: false
+          };
+        }, _this._resetIsScrollingDebounced);
+      };
+      _this._outerRefSetter = function(ref) {
+        var outerRef = _this.props.outerRef;
+        _this._outerRef = ref;
+        if (typeof outerRef === "function") {
+          outerRef(ref);
+        } else if (outerRef != null && typeof outerRef === "object" && outerRef.hasOwnProperty("current")) {
+          outerRef.current = ref;
+        }
+      };
+      _this._resetIsScrollingDebounced = function() {
+        if (_this._resetIsScrollingTimeoutId !== null) {
+          cancelTimeout(_this._resetIsScrollingTimeoutId);
+        }
+        _this._resetIsScrollingTimeoutId = requestTimeout(_this._resetIsScrolling, IS_SCROLLING_DEBOUNCE_INTERVAL$1);
+      };
+      _this._resetIsScrolling = function() {
+        _this._resetIsScrollingTimeoutId = null;
+        _this.setState({
+          isScrolling: false
+        }, function() {
+          _this._getItemStyleCache(-1, null);
+        });
+      };
+      return _this;
+    }
+    List.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {
+      validateSharedProps$1(nextProps, prevState);
+      validateProps5(nextProps);
+      return null;
+    };
+    var _proto = List.prototype;
+    _proto.scrollTo = function scrollTo(scrollOffset) {
+      scrollOffset = Math.max(0, scrollOffset);
+      this.setState(function(prevState) {
+        if (prevState.scrollOffset === scrollOffset) {
+          return null;
+        }
+        return {
+          scrollDirection: prevState.scrollOffset < scrollOffset ? "forward" : "backward",
+          scrollOffset,
+          scrollUpdateWasRequested: true
+        };
+      }, this._resetIsScrollingDebounced);
+    };
+    _proto.scrollToItem = function scrollToItem(index, align) {
+      if (align === void 0) {
+        align = "auto";
+      }
+      var _this$props2 = this.props, itemCount = _this$props2.itemCount, layout = _this$props2.layout;
+      var scrollOffset = this.state.scrollOffset;
+      index = Math.max(0, Math.min(index, itemCount - 1));
+      var scrollbarSize = 0;
+      if (this._outerRef) {
+        var outerRef = this._outerRef;
+        if (layout === "vertical") {
+          scrollbarSize = outerRef.scrollWidth > outerRef.clientWidth ? getScrollbarSize() : 0;
+        } else {
+          scrollbarSize = outerRef.scrollHeight > outerRef.clientHeight ? getScrollbarSize() : 0;
+        }
+      }
+      this.scrollTo(getOffsetForIndexAndAlignment5(this.props, index, align, scrollOffset, this._instanceProps, scrollbarSize));
+    };
+    _proto.componentDidMount = function componentDidMount() {
+      var _this$props3 = this.props, direction = _this$props3.direction, initialScrollOffset = _this$props3.initialScrollOffset, layout = _this$props3.layout;
+      if (typeof initialScrollOffset === "number" && this._outerRef != null) {
+        var outerRef = this._outerRef;
+        if (direction === "horizontal" || layout === "horizontal") {
+          outerRef.scrollLeft = initialScrollOffset;
+        } else {
+          outerRef.scrollTop = initialScrollOffset;
+        }
+      }
+      this._callPropsCallbacks();
+    };
+    _proto.componentDidUpdate = function componentDidUpdate() {
+      var _this$props4 = this.props, direction = _this$props4.direction, layout = _this$props4.layout;
+      var _this$state = this.state, scrollOffset = _this$state.scrollOffset, scrollUpdateWasRequested = _this$state.scrollUpdateWasRequested;
+      if (scrollUpdateWasRequested && this._outerRef != null) {
+        var outerRef = this._outerRef;
+        if (direction === "horizontal" || layout === "horizontal") {
+          if (direction === "rtl") {
+            switch (getRTLOffsetType()) {
+              case "negative":
+                outerRef.scrollLeft = -scrollOffset;
+                break;
+              case "positive-ascending":
+                outerRef.scrollLeft = scrollOffset;
+                break;
+              default:
+                var clientWidth = outerRef.clientWidth, scrollWidth = outerRef.scrollWidth;
+                outerRef.scrollLeft = scrollWidth - clientWidth - scrollOffset;
+                break;
+            }
+          } else {
+            outerRef.scrollLeft = scrollOffset;
+          }
+        } else {
+          outerRef.scrollTop = scrollOffset;
+        }
+      }
+      this._callPropsCallbacks();
+    };
+    _proto.componentWillUnmount = function componentWillUnmount() {
+      if (this._resetIsScrollingTimeoutId !== null) {
+        cancelTimeout(this._resetIsScrollingTimeoutId);
+      }
+    };
+    _proto.render = function render() {
+      var _this$props5 = this.props, children = _this$props5.children, className = _this$props5.className, direction = _this$props5.direction, height2 = _this$props5.height, innerRef = _this$props5.innerRef, innerElementType = _this$props5.innerElementType, innerTagName = _this$props5.innerTagName, itemCount = _this$props5.itemCount, itemData = _this$props5.itemData, _this$props5$itemKey = _this$props5.itemKey, itemKey = _this$props5$itemKey === void 0 ? defaultItemKey$1 : _this$props5$itemKey, layout = _this$props5.layout, outerElementType = _this$props5.outerElementType, outerTagName = _this$props5.outerTagName, style2 = _this$props5.style, useIsScrolling = _this$props5.useIsScrolling, width2 = _this$props5.width;
+      var isScrolling = this.state.isScrolling;
+      var isHorizontal = direction === "horizontal" || layout === "horizontal";
+      var onScroll = isHorizontal ? this._onScrollHorizontal : this._onScrollVertical;
+      var _this$_getRangeToRend = this._getRangeToRender(), startIndex = _this$_getRangeToRend[0], stopIndex = _this$_getRangeToRend[1];
+      var items = [];
+      if (itemCount > 0) {
+        for (var _index = startIndex; _index <= stopIndex; _index++) {
+          items.push(createElement(children, {
+            data: itemData,
+            key: itemKey(_index, itemData),
+            index: _index,
+            isScrolling: useIsScrolling ? isScrolling : void 0,
+            style: this._getItemStyle(_index)
+          }));
+        }
+      }
+      var estimatedTotalSize = getEstimatedTotalSize4(this.props, this._instanceProps);
+      return createElement(outerElementType || outerTagName || "div", {
+        className,
+        onScroll,
+        ref: this._outerRefSetter,
+        style: _extends({
+          position: "relative",
+          height: height2,
+          width: width2,
+          overflow: "auto",
+          WebkitOverflowScrolling: "touch",
+          willChange: "transform",
+          direction
+        }, style2)
+      }, createElement(innerElementType || innerTagName || "div", {
+        children: items,
+        ref: innerRef,
+        style: {
+          height: isHorizontal ? "100%" : estimatedTotalSize,
+          pointerEvents: isScrolling ? "none" : void 0,
+          width: isHorizontal ? estimatedTotalSize : "100%"
+        }
+      }));
+    };
+    _proto._callPropsCallbacks = function _callPropsCallbacks() {
+      if (typeof this.props.onItemsRendered === "function") {
+        var itemCount = this.props.itemCount;
+        if (itemCount > 0) {
+          var _this$_getRangeToRend2 = this._getRangeToRender(), _overscanStartIndex = _this$_getRangeToRend2[0], _overscanStopIndex = _this$_getRangeToRend2[1], _visibleStartIndex = _this$_getRangeToRend2[2], _visibleStopIndex = _this$_getRangeToRend2[3];
+          this._callOnItemsRendered(_overscanStartIndex, _overscanStopIndex, _visibleStartIndex, _visibleStopIndex);
+        }
+      }
+      if (typeof this.props.onScroll === "function") {
+        var _this$state2 = this.state, _scrollDirection = _this$state2.scrollDirection, _scrollOffset = _this$state2.scrollOffset, _scrollUpdateWasRequested = _this$state2.scrollUpdateWasRequested;
+        this._callOnScroll(_scrollDirection, _scrollOffset, _scrollUpdateWasRequested);
+      }
+    };
+    _proto._getRangeToRender = function _getRangeToRender() {
+      var _this$props6 = this.props, itemCount = _this$props6.itemCount, overscanCount = _this$props6.overscanCount;
+      var _this$state3 = this.state, isScrolling = _this$state3.isScrolling, scrollDirection = _this$state3.scrollDirection, scrollOffset = _this$state3.scrollOffset;
+      if (itemCount === 0) {
+        return [0, 0, 0, 0];
+      }
+      var startIndex = getStartIndexForOffset3(this.props, scrollOffset, this._instanceProps);
+      var stopIndex = getStopIndexForStartIndex3(this.props, startIndex, scrollOffset, this._instanceProps);
+      var overscanBackward = !isScrolling || scrollDirection === "backward" ? Math.max(1, overscanCount) : 1;
+      var overscanForward = !isScrolling || scrollDirection === "forward" ? Math.max(1, overscanCount) : 1;
+      return [Math.max(0, startIndex - overscanBackward), Math.max(0, Math.min(itemCount - 1, stopIndex + overscanForward)), startIndex, stopIndex];
+    };
+    return List;
+  }(PureComponent), _class.defaultProps = {
+    direction: "ltr",
+    itemData: void 0,
+    layout: "vertical",
+    overscanCount: 2,
+    useIsScrolling: false
+  }, _class;
+}
+var validateSharedProps$1 = function validateSharedProps3(_ref2, _ref3) {
+  var children = _ref2.children, direction = _ref2.direction, height2 = _ref2.height, layout = _ref2.layout, innerTagName = _ref2.innerTagName, outerTagName = _ref2.outerTagName, width2 = _ref2.width;
+  var instance = _ref3.instance;
+  {
+    if (innerTagName != null || outerTagName != null) {
+      if (devWarningsTagName$1 && !devWarningsTagName$1.has(instance)) {
+        devWarningsTagName$1.add(instance);
+        console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.");
+      }
+    }
+    var isHorizontal = direction === "horizontal" || layout === "horizontal";
+    switch (direction) {
+      case "horizontal":
+      case "vertical":
+        if (devWarningsDirection && !devWarningsDirection.has(instance)) {
+          devWarningsDirection.add(instance);
+          console.warn('The direction prop should be either "ltr" (default) or "rtl". Please use the layout prop to specify "vertical" (default) or "horizontal" orientation.');
+        }
+        break;
+      case "ltr":
+      case "rtl":
+        break;
+      default:
+        throw Error('An invalid "direction" prop has been specified. Value should be either "ltr" or "rtl". ' + ('"' + direction + '" was specified.'));
+    }
+    switch (layout) {
+      case "horizontal":
+      case "vertical":
+        break;
+      default:
+        throw Error('An invalid "layout" prop has been specified. Value should be either "horizontal" or "vertical". ' + ('"' + layout + '" was specified.'));
+    }
+    if (children == null) {
+      throw Error('An invalid "children" prop has been specified. Value should be a React component. ' + ('"' + (children === null ? "null" : typeof children) + '" was specified.'));
+    }
+    if (isHorizontal && typeof width2 !== "number") {
+      throw Error('An invalid "width" prop has been specified. Horizontal lists must specify a number for width. ' + ('"' + (width2 === null ? "null" : typeof width2) + '" was specified.'));
+    } else if (!isHorizontal && typeof height2 !== "number") {
+      throw Error('An invalid "height" prop has been specified. Vertical lists must specify a number for height. ' + ('"' + (height2 === null ? "null" : typeof height2) + '" was specified.'));
+    }
+  }
+};
+var DEFAULT_ESTIMATED_ITEM_SIZE$1 = 50;
+var getItemMetadata$1 = function getItemMetadata3(props, index, instanceProps) {
+  var _ref = props, itemSize = _ref.itemSize;
+  var itemMetadataMap = instanceProps.itemMetadataMap, lastMeasuredIndex = instanceProps.lastMeasuredIndex;
+  if (index > lastMeasuredIndex) {
+    var offset2 = 0;
+    if (lastMeasuredIndex >= 0) {
+      var itemMetadata = itemMetadataMap[lastMeasuredIndex];
+      offset2 = itemMetadata.offset + itemMetadata.size;
+    }
+    for (var i = lastMeasuredIndex + 1; i <= index; i++) {
+      var size2 = itemSize(i);
+      itemMetadataMap[i] = {
+        offset: offset2,
+        size: size2
+      };
+      offset2 += size2;
+    }
+    instanceProps.lastMeasuredIndex = index;
+  }
+  return itemMetadataMap[index];
+};
+var findNearestItem$1 = function findNearestItem3(props, instanceProps, offset2) {
+  var itemMetadataMap = instanceProps.itemMetadataMap, lastMeasuredIndex = instanceProps.lastMeasuredIndex;
+  var lastMeasuredItemOffset = lastMeasuredIndex > 0 ? itemMetadataMap[lastMeasuredIndex].offset : 0;
+  if (lastMeasuredItemOffset >= offset2) {
+    return findNearestItemBinarySearch$1(props, instanceProps, lastMeasuredIndex, 0, offset2);
+  } else {
+    return findNearestItemExponentialSearch$1(props, instanceProps, Math.max(0, lastMeasuredIndex), offset2);
+  }
+};
+var findNearestItemBinarySearch$1 = function findNearestItemBinarySearch3(props, instanceProps, high, low, offset2) {
+  while (low <= high) {
+    var middle = low + Math.floor((high - low) / 2);
+    var currentOffset = getItemMetadata$1(props, middle, instanceProps).offset;
+    if (currentOffset === offset2) {
+      return middle;
+    } else if (currentOffset < offset2) {
+      low = middle + 1;
+    } else if (currentOffset > offset2) {
+      high = middle - 1;
+    }
+  }
+  if (low > 0) {
+    return low - 1;
+  } else {
+    return 0;
+  }
+};
+var findNearestItemExponentialSearch$1 = function findNearestItemExponentialSearch3(props, instanceProps, index, offset2) {
+  var itemCount = props.itemCount;
+  var interval = 1;
+  while (index < itemCount && getItemMetadata$1(props, index, instanceProps).offset < offset2) {
+    index += interval;
+    interval *= 2;
+  }
+  return findNearestItemBinarySearch$1(props, instanceProps, Math.min(index, itemCount - 1), Math.floor(index / 2), offset2);
+};
+var getEstimatedTotalSize = function getEstimatedTotalSize2(_ref2, _ref3) {
+  var itemCount = _ref2.itemCount;
+  var itemMetadataMap = _ref3.itemMetadataMap, estimatedItemSize = _ref3.estimatedItemSize, lastMeasuredIndex = _ref3.lastMeasuredIndex;
+  var totalSizeOfMeasuredItems = 0;
+  if (lastMeasuredIndex >= itemCount) {
+    lastMeasuredIndex = itemCount - 1;
+  }
+  if (lastMeasuredIndex >= 0) {
+    var itemMetadata = itemMetadataMap[lastMeasuredIndex];
+    totalSizeOfMeasuredItems = itemMetadata.offset + itemMetadata.size;
+  }
+  var numUnmeasuredItems = itemCount - lastMeasuredIndex - 1;
+  var totalSizeOfUnmeasuredItems = numUnmeasuredItems * estimatedItemSize;
+  return totalSizeOfMeasuredItems + totalSizeOfUnmeasuredItems;
+};
+var VariableSizeList$1 = /* @__PURE__ */ createListComponent({
+  getItemOffset: function getItemOffset(props, index, instanceProps) {
+    return getItemMetadata$1(props, index, instanceProps).offset;
+  },
+  getItemSize: function getItemSize(props, index, instanceProps) {
+    return instanceProps.itemMetadataMap[index].size;
+  },
+  getEstimatedTotalSize,
+  getOffsetForIndexAndAlignment: function getOffsetForIndexAndAlignment3(props, index, align, scrollOffset, instanceProps, scrollbarSize) {
+    var direction = props.direction, height2 = props.height, layout = props.layout, width2 = props.width;
+    var isHorizontal = direction === "horizontal" || layout === "horizontal";
+    var size2 = isHorizontal ? width2 : height2;
+    var itemMetadata = getItemMetadata$1(props, index, instanceProps);
+    var estimatedTotalSize = getEstimatedTotalSize(props, instanceProps);
+    var maxOffset = Math.max(0, Math.min(estimatedTotalSize - size2, itemMetadata.offset));
+    var minOffset = Math.max(0, itemMetadata.offset - size2 + itemMetadata.size + scrollbarSize);
+    if (align === "smart") {
+      if (scrollOffset >= minOffset - size2 && scrollOffset <= maxOffset + size2) {
+        align = "auto";
+      } else {
+        align = "center";
+      }
+    }
+    switch (align) {
+      case "start":
+        return maxOffset;
+      case "end":
+        return minOffset;
+      case "center":
+        return Math.round(minOffset + (maxOffset - minOffset) / 2);
+      case "auto":
+      default:
+        if (scrollOffset >= minOffset && scrollOffset <= maxOffset) {
+          return scrollOffset;
+        } else if (scrollOffset < minOffset) {
+          return minOffset;
+        } else {
+          return maxOffset;
+        }
+    }
+  },
+  getStartIndexForOffset: function getStartIndexForOffset(props, offset2, instanceProps) {
+    return findNearestItem$1(props, instanceProps, offset2);
+  },
+  getStopIndexForStartIndex: function getStopIndexForStartIndex(props, startIndex, scrollOffset, instanceProps) {
+    var direction = props.direction, height2 = props.height, itemCount = props.itemCount, layout = props.layout, width2 = props.width;
+    var isHorizontal = direction === "horizontal" || layout === "horizontal";
+    var size2 = isHorizontal ? width2 : height2;
+    var itemMetadata = getItemMetadata$1(props, startIndex, instanceProps);
+    var maxOffset = scrollOffset + size2;
+    var offset2 = itemMetadata.offset + itemMetadata.size;
+    var stopIndex = startIndex;
+    while (stopIndex < itemCount - 1 && offset2 < maxOffset) {
+      stopIndex++;
+      offset2 += getItemMetadata$1(props, stopIndex, instanceProps).size;
+    }
+    return stopIndex;
+  },
+  initInstanceProps: function initInstanceProps2(props, instance) {
+    var _ref4 = props, estimatedItemSize = _ref4.estimatedItemSize;
+    var instanceProps = {
+      itemMetadataMap: {},
+      estimatedItemSize: estimatedItemSize || DEFAULT_ESTIMATED_ITEM_SIZE$1,
+      lastMeasuredIndex: -1
+    };
+    instance.resetAfterIndex = function(index, shouldForceUpdate) {
+      if (shouldForceUpdate === void 0) {
+        shouldForceUpdate = true;
+      }
+      instanceProps.lastMeasuredIndex = Math.min(instanceProps.lastMeasuredIndex, index - 1);
+      instance._getItemStyleCache(-1);
+      if (shouldForceUpdate) {
+        instance.forceUpdate();
+      }
+    };
+    return instanceProps;
+  },
+  shouldResetStyleCacheOnItemSizeChange: false,
+  validateProps: function validateProps2(_ref5) {
+    var itemSize = _ref5.itemSize;
+    {
+      if (typeof itemSize !== "function") {
+        throw Error('An invalid "itemSize" prop has been specified. Value should be a function. ' + ('"' + (itemSize === null ? "null" : typeof itemSize) + '" was specified.'));
+      }
+    }
+  }
+});
+const VariableSizeList = VariableSizeList$1;
+const LIST_ROW_HEIGHT = 48;
+makeStyles()(() => ({
+  searchInput: {
+    lineHeight: "initial",
+    height: "auto !important"
+  }
+}));
+const OuterElementContext = React__default.createContext({});
+const OuterElementType = React__default.forwardRef((props, ref) => {
+  const outerProps = React__default.useContext(OuterElementContext);
+  return jsxRuntimeExports.jsx("div", { ref, ...props, ...outerProps });
+});
+function ListRow(props) {
+  const { data, index, style: style2 } = props;
+  const dataSet = data[index];
+  const inlineStyle = {
+    ...style2,
+    top: style2.top + 8
+  };
+  const [props0, option, getItemLabel] = dataSet;
+  const { key, ...optionProps } = props0;
+  return jsxRuntimeExports.jsx(Typography, { component: "li", ...optionProps, noWrap: true, style: inlineStyle, children: getItemLabel(option) }, key);
+}
+function useResetCache(itemCount) {
+  const ref = useRef(null);
+  useEffect(() => {
+    if (ref.current != null) {
+      ref.current.resetAfterIndex(0, true);
+    }
+  }, [itemCount]);
+  return ref;
+}
+React__default.forwardRef((props, ref) => {
+  const { children, ...other } = props;
+  const items = children;
+  const itemCount = items.length;
+  const gridRef = useResetCache(itemCount);
+  return jsxRuntimeExports.jsx("div", { ref, children: jsxRuntimeExports.jsx(OuterElementContext.Provider, { value: other, children: jsxRuntimeExports.jsx(VariableSizeList, { height: Math.min(8, itemCount) * LIST_ROW_HEIGHT, itemSize: () => LIST_ROW_HEIGHT, width: "100%", innerElementType: "ul", outerElementType: OuterElementType, overscanCount: 5, ref: gridRef, itemCount, itemData: items, children: ListRow }) }) });
+});
 const useStyles = makeStyles()(() => ({
   neuroglancerWrapper: {
     position: "relative",
@@ -28198,7 +29976,7 @@ function NeuroglancerGlobalStyles(props) {
     }
   ));
 }
-const LazyReactNeuroglancer = React__default.lazy(() => import("./ReactNeuroglancer-DTI8FUjG.js"));
+const LazyReactNeuroglancer = React__default.lazy(() => import("./ReactNeuroglancer-iER_A9Wd.js"));
 function createWorker() {
   return new WorkerFactory();
 }
@@ -28616,25 +30394,25 @@ class Quaternion {
     return this;
   }
   setFromUnitVectors(vFrom, vTo) {
-    let r = vFrom.dot(vTo) + 1;
-    if (r < Number.EPSILON) {
-      r = 0;
+    let r2 = vFrom.dot(vTo) + 1;
+    if (r2 < Number.EPSILON) {
+      r2 = 0;
       if (Math.abs(vFrom.x) > Math.abs(vFrom.z)) {
         this._x = -vFrom.y;
         this._y = vFrom.x;
         this._z = 0;
-        this._w = r;
+        this._w = r2;
       } else {
         this._x = 0;
         this._y = -vFrom.z;
         this._z = vFrom.y;
-        this._w = r;
+        this._w = r2;
       }
     } else {
       this._x = vFrom.y * vTo.z - vFrom.z * vTo.y;
       this._y = vFrom.z * vTo.x - vFrom.x * vTo.z;
       this._z = vFrom.x * vTo.y - vFrom.y * vTo.x;
-      this._w = r;
+      this._w = r2;
     }
     return this.normalize();
   }
@@ -30195,7 +31973,7 @@ const multiplyQuat = (a, b) => {
   ];
 };
 const conjQuat = (q) => [-q[0], -q[1], -q[2], q[3]];
-const rad2deg = (r) => r * 180 / Math.PI;
+const rad2deg = (r2) => r2 * 180 / Math.PI;
 const deg2rad = (d) => d * Math.PI / 180;
 function valueGreaterThanEpsilon(a, b, epsilon) {
   if (Array.isArray(a) && Array.isArray(b) && a.length === b.length) {