@vitessce/vit-s 3.0.1 → 3.1.1

package/dist/index.js

@@ -2095,7 +2095,24 @@ function elementTypeAcceptingRef(props, propName, componentName, location, propF
   return null;
 }
 const elementTypeAcceptingRef$1 = chainPropTypes(propTypesExports.elementType, elementTypeAcceptingRef);
-function _defineProperty$a(obj, key, value) {
+function _toPrimitive(input, hint) {
+  if (_typeof$8(input) !== "object" || input === null)
+    return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== void 0) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof$8(res) !== "object")
+      return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof$8(key) === "symbol" ? key : String(key);
+}
+function _defineProperty$b(obj, key, value) {
+  key = _toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -2110,7 +2127,7 @@ function _defineProperty$a(obj, key, value) {
 }
 var specialProperty = "exact-prop: ​";
 function exactProp(propTypes2) {
-  return _extends$6({}, propTypes2, _defineProperty$a({}, specialProperty, function(props) {
+  return _extends$6({}, propTypes2, _defineProperty$b({}, specialProperty, function(props) {
     var unsupportedProps = Object.keys(props).filter(function(prop) {
       return !propTypes2.hasOwnProperty(prop);
     });
@@ -2492,6 +2509,19 @@ function lighten(color2, coefficient) {
   }
   return recomposeColor(color2);
 }
+function _defineProperty$a(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
 function _objectWithoutPropertiesLoose$5(source, excluded) {
   if (source == null)
     return {};
@@ -2524,6 +2554,20 @@ function _objectWithoutProperties$2(source, excluded) {
   }
   return target;
 }
+function _extends$5() {
+  _extends$5 = 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$5.apply(this, arguments);
+}
 var keys$3 = ["xs", "sm", "md", "lg", "xl"];
 function createBreakpoints(breakpoints) {
   var _breakpoints$values = breakpoints.values, values2 = _breakpoints$values === void 0 ? {
@@ -2566,7 +2610,7 @@ function createBreakpoints(breakpoints) {
     }
     return values2[key];
   }
-  return _extends$6({
+  return _extends$5({
     keys: keys$3,
     values: values2,
     up: up2,
@@ -2578,14 +2622,14 @@ function createBreakpoints(breakpoints) {
 }
 function createMixins(breakpoints, spacing2, mixins) {
   var _toolbar;
-  return _extends$6({
+  return _extends$5({
     gutters: function gutters() {
       var styles20 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
       console.warn(["Material-UI: theme.mixins.gutters() is deprecated.", "You can use the source of the mixin directly:", "\n      paddingLeft: theme.spacing(2),\n      paddingRight: theme.spacing(2),\n      [theme.breakpoints.up('sm')]: {\n        paddingLeft: theme.spacing(3),\n        paddingRight: theme.spacing(3),\n      },\n      "].join("\n"));
-      return _extends$6({
+      return _extends$5({
         paddingLeft: spacing2(2),
         paddingRight: spacing2(2)
-      }, styles20, _defineProperty$a({}, breakpoints.up("sm"), _extends$6({
+      }, styles20, _defineProperty$a({}, breakpoints.up("sm"), _extends$5({
         paddingLeft: spacing2(3),
         paddingRight: spacing2(3)
       }, styles20[breakpoints.up("sm")])));
@@ -2719,7 +2763,7 @@ function createPalette(palette2) {
     var mainShade = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 500;
     var lightShade = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 300;
     var darkShade = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 700;
-    color2 = _extends$6({}, color2);
+    color2 = _extends$5({}, color2);
     if (!color2.main && color2[mainShade]) {
       color2.main = color2[mainShade];
     }
@@ -2745,7 +2789,7 @@ function createPalette(palette2) {
       console.error("Material-UI: The palette type `".concat(type3, "` is not supported."));
     }
   }
-  var paletteOutput = deepmerge(_extends$6({
+  var paletteOutput = deepmerge(_extends$5({
     // A collection of common colors.
     common: common$1,
     // The palette type, can be light or dark.
@@ -2810,7 +2854,7 @@ function createTypography(palette2, typography2) {
     return "".concat(size / htmlFontSize * coef, "rem");
   };
   var buildVariant = function buildVariant2(fontWeight2, size, lineHeight2, letterSpacing2, casing) {
-    return _extends$6({
+    return _extends$5({
       fontFamily: fontFamily2,
       fontWeight: fontWeight2,
       fontSize: pxToRem(size),
@@ -2835,7 +2879,7 @@ function createTypography(palette2, typography2) {
     caption: buildVariant(fontWeightRegular, 12, 1.66, 0.4),
     overline: buildVariant(fontWeightRegular, 12, 2.66, 1, caseAllCaps)
   };
-  return deepmerge(_extends$6({
+  return deepmerge(_extends$5({
     htmlFontSize,
     pxToRem,
     round: roundWithDeprecationWarning,
@@ -2900,6 +2944,14 @@ function _nonIterableSpread$2() {
 function _toConsumableArray$2(arr) {
   return _arrayWithoutHoles$2(arr) || _iterableToArray$2(arr) || _unsupportedIterableToArray$3(arr) || _nonIterableSpread$2();
 }
+function _typeof$7(obj) {
+  "@babel/helpers - typeof";
+  return _typeof$7 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(obj2) {
+    return typeof obj2;
+  } : function(obj2) {
+    return obj2 && "function" == typeof Symbol && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
+  }, _typeof$7(obj);
+}
 function merge(acc, item) {
   if (!item) {
     return acc;
@@ -2937,7 +2989,7 @@ function handleBreakpoints(props, propValue, styleFromPropValue) {
       return acc;
     }, {});
   }
-  if (_typeof$8(propValue) === "object") {
+  if (_typeof$7(propValue) === "object") {
     var _themeBreakpoints = props.theme.breakpoints || defaultBreakpoints;
     return Object.keys(propValue).reduce(function(acc, breakpoint) {
       acc[_themeBreakpoints.up(breakpoint)] = styleFromPropValue(propValue[breakpoint]);
@@ -3001,7 +3053,7 @@ function compose() {
     }, {});
   };
   fn.propTypes = styles20.reduce(function(acc, style) {
-    return _extends$6(acc, style.propTypes);
+    return _extends$5(acc, style.propTypes);
   }, {});
   fn.filterProps = styles20.reduce(function(acc, style) {
     return acc.concat(style.filterProps);
@@ -3063,18 +3115,18 @@ function styleFunctionSx(styleFunction2) {
   var newStyleFunction = function newStyleFunction2(props) {
     var output = styleFunction2(props);
     if (props.css) {
-      return _extends$6({}, merge(output, styleFunction2(_extends$6({
+      return _extends$5({}, merge(output, styleFunction2(_extends$5({
         theme: props.theme
       }, props.css))), omit$1(props.css, [styleFunction2.filterProps]));
     }
     if (props.sx) {
-      return _extends$6({}, merge(output, styleFunction2(_extends$6({
+      return _extends$5({}, merge(output, styleFunction2(_extends$5({
         theme: props.theme
       }, props.sx))), omit$1(props.sx, [styleFunction2.filterProps]));
     }
     return output;
   };
-  newStyleFunction.propTypes = _extends$6({}, styleFunction2.propTypes, {
+  newStyleFunction.propTypes = _extends$5({}, styleFunction2.propTypes, {
     css: chainPropTypes(PropTypes.object, function(props) {
       if (!warnedOnce && props.css !== void 0) {
         warnedOnce = true;
@@ -3697,50 +3749,12 @@ function warning(condition, message) {
     }
   }
 }
-function _extends$5() {
-  _extends$5 = 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$5.apply(this, arguments);
-}
-var _typeof$7 = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function(obj) {
+var _typeof$6 = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function(obj) {
   return typeof obj;
 } : function(obj) {
   return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
 };
-var isBrowser$1 = (typeof window === "undefined" ? "undefined" : _typeof$7(window)) === "object" && (typeof document === "undefined" ? "undefined" : _typeof$7(document)) === "object" && document.nodeType === 9;
-function _typeof$6(obj) {
-  "@babel/helpers - typeof";
-  return _typeof$6 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(obj2) {
-    return typeof obj2;
-  } : function(obj2) {
-    return obj2 && "function" == typeof Symbol && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
-  }, _typeof$6(obj);
-}
-function _toPrimitive(input, hint) {
-  if (_typeof$6(input) !== "object" || input === null)
-    return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== void 0) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof$6(res) !== "object")
-      return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof$6(key) === "symbol" ? key : String(key);
-}
+var isBrowser$1 = (typeof window === "undefined" ? "undefined" : _typeof$6(window)) === "object" && (typeof document === "undefined" ? "undefined" : _typeof$6(document)) === "object" && document.nodeType === 9;
 function _defineProperties$6(target, props) {
   for (var i = 0; i < props.length; i++) {
     var descriptor = props[i];
@@ -4018,7 +4032,7 @@ var StyleRule = /* @__PURE__ */ function(_BaseStyleRule) {
   _proto2.toString = function toString2(options) {
     var sheet = this.options.sheet;
     var link = sheet ? sheet.options.link : false;
-    var opts2 = link ? _extends$5({}, options, {
+    var opts2 = link ? _extends$6({}, options, {
       allowEmpty: true
     }) : options;
     return toCss(this.selectorText, this.style, opts2);
@@ -4065,7 +4079,7 @@ var ConditionalRule = /* @__PURE__ */ function() {
     this.at = atMatch ? atMatch[1] : "unknown";
     this.query = options.name || "@" + this.at;
     this.options = options;
-    this.rules = new RuleList(_extends$5({}, options, {
+    this.rules = new RuleList(_extends$6({}, options, {
       parent: this
     }));
     for (var name in styles20) {
@@ -4137,11 +4151,11 @@ var KeyframesRule = /* @__PURE__ */ function() {
     this.options = options;
     var scoped = options.scoped, sheet = options.sheet, generateId = options.generateId;
     this.id = scoped === false ? this.name : escape(generateId(this, sheet));
-    this.rules = new RuleList(_extends$5({}, options, {
+    this.rules = new RuleList(_extends$6({}, options, {
       parent: this
     }));
     for (var name in frames) {
-      this.rules.add(name, frames[name], _extends$5({}, options, {
+      this.rules.add(name, frames[name], _extends$6({}, options, {
         parent: this
       }));
     }
@@ -4226,7 +4240,7 @@ var KeyframeRule = /* @__PURE__ */ function(_BaseStyleRule) {
   _proto.toString = function toString2(options) {
     var sheet = this.options.sheet;
     var link = sheet ? sheet.options.link : false;
-    var opts2 = link ? _extends$5({}, options, {
+    var opts2 = link ? _extends$6({}, options, {
       allowEmpty: true
     }) : options;
     return toCss(this.key, this.style, opts2);
@@ -4350,7 +4364,7 @@ var RuleList = /* @__PURE__ */ function() {
   var _proto = RuleList2.prototype;
   _proto.add = function add(name, decl, ruleOptions) {
     var _this$options = this.options, parent = _this$options.parent, sheet = _this$options.sheet, jss2 = _this$options.jss, Renderer = _this$options.Renderer, generateId = _this$options.generateId, scoped = _this$options.scoped;
-    var options = _extends$5({
+    var options = _extends$6({
       classes: this.classes,
       parent,
       sheet,
@@ -4386,7 +4400,7 @@ var RuleList = /* @__PURE__ */ function() {
     }
     var options = ruleOptions;
     if (oldIndex !== -1)
-      options = _extends$5({}, ruleOptions, {
+      options = _extends$6({}, ruleOptions, {
         index: oldIndex
       });
     return this.add(name, decl, options);
@@ -4499,7 +4513,7 @@ var StyleSheet = /* @__PURE__ */ function() {
     this.deployed = false;
     this.classes = {};
     this.keyframes = {};
-    this.options = _extends$5({}, options, {
+    this.options = _extends$6({}, options, {
       sheet: this,
       parent: this,
       classes: this.classes,
@@ -5118,7 +5132,7 @@ var Jss = /* @__PURE__ */ function() {
       this.options.createGenerateId = options.createGenerateId;
     }
     if (options.id) {
-      this.options.id = _extends$5({}, this.options.id, options.id);
+      this.options.id = _extends$6({}, this.options.id, options.id);
     }
     if (options.createGenerateId || options.id) {
       this.generateId = this.options.createGenerateId(this.options.id);
@@ -5140,7 +5154,7 @@ var Jss = /* @__PURE__ */ function() {
     if (typeof index !== "number") {
       index = sheets.index === 0 ? 0 : sheets.index + 1;
     }
-    var sheet = new StyleSheet(styles20, _extends$5({}, options, {
+    var sheet = new StyleSheet(styles20, _extends$6({}, options, {
       jss: this,
       generateId: options.generateId || this.generateId,
       insertionPoint: this.options.insertionPoint,
@@ -5165,7 +5179,7 @@ var Jss = /* @__PURE__ */ function() {
     if (typeof name === "object") {
       return this.createRule(void 0, name, style);
     }
-    var ruleOptions = _extends$5({}, options, {
+    var ruleOptions = _extends$6({}, options, {
       name,
       jss: this,
       Renderer: this.options.Renderer
@@ -5276,7 +5290,7 @@ var GlobalContainerRule = /* @__PURE__ */ function() {
     this.isProcessed = false;
     this.key = key;
     this.options = options;
-    this.rules = new RuleList(_extends$6({}, options, {
+    this.rules = new RuleList(_extends$5({}, options, {
       parent: this
     }));
     for (var selector in styles20) {
@@ -5316,7 +5330,7 @@ var GlobalPrefixedRule = /* @__PURE__ */ function() {
     this.key = key;
     this.options = options;
     var selector = key.substr(atPrefix.length);
-    this.rule = options.jss.createRule(selector, style, _extends$6({}, options, {
+    this.rule = options.jss.createRule(selector, style, _extends$5({}, options, {
       parent: this
     }));
   }
@@ -5343,7 +5357,7 @@ function handleNestedGlobalContainerRule(rule, sheet) {
   if (!rules)
     return;
   for (var name in rules) {
-    sheet.addRule(name, rules[name], _extends$6({}, options, {
+    sheet.addRule(name, rules[name], _extends$5({}, options, {
       selector: addScope(name, rule.selector)
     }));
   }
@@ -5355,7 +5369,7 @@ function handlePrefixedGlobalRule(rule, sheet) {
     if (prop[0] !== "@" || prop.substr(0, at.length) !== at)
       continue;
     var selector = addScope(prop.substr(at.length), rule.selector);
-    sheet.addRule(selector, style[prop], _extends$6({}, options, {
+    sheet.addRule(selector, style[prop], _extends$5({}, options, {
       selector
     }));
     delete style[prop];
@@ -5424,12 +5438,12 @@ function jssNested() {
   }
   function getOptions(rule, container, prevOptions) {
     if (prevOptions)
-      return _extends$5({}, prevOptions, {
+      return _extends$6({}, prevOptions, {
         index: prevOptions.index + 1
       });
     var nestingLevel = rule.options.nestingLevel;
     nestingLevel = nestingLevel === void 0 ? 1 : nestingLevel + 1;
-    var options = _extends$5({}, rule.options, {
+    var options = _extends$6({}, rule.options, {
       nestingLevel,
       index: container.indexOf(rule) + 1
       // We don't need the parent name to be set options for chlid.
@@ -5457,11 +5471,11 @@ function jssNested() {
         selector = selector.replace(refRegExp, replaceRef3);
         var name = styleRule.key + "-" + prop;
         if ("replaceRule" in container) {
-          container.replaceRule(name, style[prop], _extends$5({}, options, {
+          container.replaceRule(name, style[prop], _extends$6({}, options, {
             selector
           }));
         } else {
-          container.addRule(name, style[prop], _extends$5({}, options, {
+          container.addRule(name, style[prop], _extends$6({}, options, {
             selector
           }));
         }
@@ -6231,7 +6245,7 @@ function mergeClasses() {
   if (!newClasses) {
     return baseClasses;
   }
-  var nextClasses = _extends$6({}, baseClasses);
+  var nextClasses = _extends$5({}, baseClasses);
   {
     if (typeof newClasses === "string") {
       console.error(["Material-UI: The value `".concat(newClasses, "` ") + "provided to the classes prop of ".concat(getDisplayName(Component), " is incorrect."), "You might want to use the className prop instead."].join("\n"));
@@ -6303,7 +6317,7 @@ var injectFirstNode;
 function StylesProvider(props) {
   var children2 = props.children, _props$injectFirst = props.injectFirst, injectFirst = _props$injectFirst === void 0 ? false : _props$injectFirst, _props$disableGenerat = props.disableGeneration, disableGeneration = _props$disableGenerat === void 0 ? false : _props$disableGenerat, localOptions = _objectWithoutProperties$2(props, ["children", "injectFirst", "disableGeneration"]);
   var outerOptions = React__default.useContext(StylesContext);
-  var context = _extends$6({}, outerOptions, {
+  var context = _extends$5({}, outerOptions, {
     disableGeneration
   }, localOptions);
   {
@@ -6408,7 +6422,7 @@ const noopTheme$1 = noopTheme;
 function getStylesCreator(stylesOrCreator) {
   var themingEnabled = typeof stylesOrCreator === "function";
   {
-    if (_typeof$8(stylesOrCreator) !== "object" && !themingEnabled) {
+    if (_typeof$7(stylesOrCreator) !== "object" && !themingEnabled) {
       console.error(["Material-UI: The `styles` argument provided is invalid.", "You need to provide a function generating the styles or a styles object."].join("\n"));
     }
   }
@@ -6429,7 +6443,7 @@ function getStylesCreator(stylesOrCreator) {
         return styles20;
       }
       var overrides = theme.overrides[name];
-      var stylesWithOverrides = _extends$6({}, styles20);
+      var stylesWithOverrides = _extends$5({}, styles20);
       Object.keys(overrides).forEach(function(key) {
         {
           if (!stylesWithOverrides[key]) {
@@ -6490,7 +6504,7 @@ function attach(_ref22, props) {
     };
     multiKeyStore$1.set(stylesOptions.sheetsManager, stylesCreator, theme, sheetManager);
   }
-  var options = _extends$6({}, stylesCreator.options, stylesOptions, {
+  var options = _extends$5({}, stylesCreator.options, stylesOptions, {
     theme,
     flip: typeof stylesOptions.flip === "boolean" ? stylesOptions.flip : theme.direction === "rtl"
   });
@@ -6503,7 +6517,7 @@ function attach(_ref22, props) {
     }
     var styles20 = stylesCreator.create(theme, name);
     if (!staticSheet) {
-      staticSheet = stylesOptions.jss.createStyleSheet(styles20, _extends$6({
+      staticSheet = stylesOptions.jss.createStyleSheet(styles20, _extends$5({
         link: false
       }, options));
       staticSheet.attach();
@@ -6518,7 +6532,7 @@ function attach(_ref22, props) {
     sheetManager.dynamicStyles = getDynamicStyles(styles20);
   }
   if (sheetManager.dynamicStyles) {
-    var dynamicSheet = stylesOptions.jss.createStyleSheet(sheetManager.dynamicStyles, _extends$6({
+    var dynamicSheet = stylesOptions.jss.createStyleSheet(sheetManager.dynamicStyles, _extends$5({
       link: true
     }, options));
     dynamicSheet.update(props);
@@ -6600,7 +6614,7 @@ function makeStyles$1(stylesOrCreator) {
   var useStyles2 = function useStyles3() {
     var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     var theme = useTheme$1() || defaultTheme2;
-    var stylesOptions = _extends$6({}, React__default.useContext(StylesContext), stylesOptions2);
+    var stylesOptions = _extends$5({}, React__default.useContext(StylesContext), stylesOptions2);
     var instance = React__default.useRef();
     var shouldUpdate = React__default.useRef();
     useSynchronousEffect(function() {
@@ -6790,7 +6804,7 @@ function styled$2(Component) {
     var stylesOrCreator = typeof style === "function" ? function(theme) {
       return {
         root: function root2(props) {
-          return style(_extends$6({
+          return style(_extends$5({
             theme
           }, props));
         }
@@ -6798,7 +6812,7 @@ function styled$2(Component) {
     } : {
       root: style
     };
-    var useStyles2 = makeStyles$1(stylesOrCreator, _extends$6({
+    var useStyles2 = makeStyles$1(stylesOrCreator, _extends$5({
       Component,
       name: name || Component.displayName,
       classNamePrefix
@@ -6822,22 +6836,22 @@ function styled$2(Component) {
         spread = omit(spread, filterProps);
       }
       if (clone) {
-        return /* @__PURE__ */ React__default.cloneElement(children2, _extends$6({
+        return /* @__PURE__ */ React__default.cloneElement(children2, _extends$5({
           className: clsx(children2.props.className, className)
         }, spread));
       }
       if (typeof children2 === "function") {
-        return children2(_extends$6({
+        return children2(_extends$5({
           className
         }, spread));
       }
       var FinalComponent = ComponentProp || Component;
-      return /* @__PURE__ */ React__default.createElement(FinalComponent, _extends$6({
+      return /* @__PURE__ */ React__default.createElement(FinalComponent, _extends$5({
         ref,
         className
       }, spread), children2);
     });
-    StyledComponent.propTypes = _extends$6({
+    StyledComponent.propTypes = _extends$5({
       /**
        * A render function or node.
        */
@@ -6882,7 +6896,7 @@ function mergeOuterLocalTheme(outerTheme, localTheme) {
     }
     return mergedTheme;
   }
-  return _extends$6({}, outerTheme, localTheme);
+  return _extends$5({}, outerTheme, localTheme);
 }
 function ThemeProvider(props) {
   var children2 = props.children, localTheme = props.theme;
@@ -6934,7 +6948,7 @@ var withStyles$1 = function withStyles(stylesOrCreator) {
         }
       }
     }
-    var useStyles2 = makeStyles$1(stylesOrCreator, _extends$6({
+    var useStyles2 = makeStyles$1(stylesOrCreator, _extends$5({
       defaultTheme: defaultTheme2,
       Component,
       name: name || Component.displayName,
@@ -6943,7 +6957,7 @@ var withStyles$1 = function withStyles(stylesOrCreator) {
     var WithStyles = /* @__PURE__ */ React__default.forwardRef(function WithStyles2(props, ref) {
       props.classes;
       var innerRef = props.innerRef, other = _objectWithoutProperties$2(props, ["classes", "innerRef"]);
-      var classes = useStyles2(_extends$6({}, Component.defaultProps, props));
+      var classes = useStyles2(_extends$5({}, Component.defaultProps, props));
       var theme;
       var more = other;
       if (typeof name === "string" || withTheme) {
@@ -6959,7 +6973,7 @@ var withStyles$1 = function withStyles(stylesOrCreator) {
           more.theme = theme;
         }
       }
-      return /* @__PURE__ */ React__default.createElement(Component, _extends$6({
+      return /* @__PURE__ */ React__default.createElement(Component, _extends$5({
         ref: innerRef || ref,
         classes
       }, more));
@@ -6997,14 +7011,14 @@ var defaultTheme = createTheme();
 const defaultTheme$1 = defaultTheme;
 function makeStyles(stylesOrCreator) {
   var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-  return makeStyles$1(stylesOrCreator, _extends$6({
+  return makeStyles$1(stylesOrCreator, _extends$5({
     defaultTheme: defaultTheme$1
   }, options));
 }
 var styled = function styled2(Component) {
   var componentCreator = styled$2(Component);
   return function(style, options) {
-    return componentCreator(style, _extends$6({
+    return componentCreator(style, _extends$5({
       defaultTheme: defaultTheme$1
     }, options));
   };
@@ -7018,7 +7032,7 @@ function useTheme() {
   return theme;
 }
 function withStyles2(stylesOrCreator, options) {
-  return withStylesWithoutDefault(stylesOrCreator, _extends$6({
+  return withStylesWithoutDefault(stylesOrCreator, _extends$5({
     defaultTheme: defaultTheme$1
   }, options));
 }
@@ -7102,7 +7116,7 @@ var styles$t = function styles(theme) {
 };
 var SvgIcon = /* @__PURE__ */ React$6.forwardRef(function SvgIcon2(props, ref) {
   var children2 = props.children, classes = props.classes, className = props.className, _props$color = props.color, color2 = _props$color === void 0 ? "inherit" : _props$color, _props$component = props.component, Component = _props$component === void 0 ? "svg" : _props$component, _props$fontSize = props.fontSize, fontSize2 = _props$fontSize === void 0 ? "medium" : _props$fontSize, htmlColor = props.htmlColor, titleAccess = props.titleAccess, _props$viewBox = props.viewBox, viewBox = _props$viewBox === void 0 ? "0 0 24 24" : _props$viewBox, other = _objectWithoutProperties$2(props, ["children", "classes", "className", "color", "component", "fontSize", "htmlColor", "titleAccess", "viewBox"]);
-  return /* @__PURE__ */ React$6.createElement(Component, _extends$6({
+  return /* @__PURE__ */ React$6.createElement(Component, _extends$5({
     className: clsx(classes.root, className, color2 !== "inherit" && classes["color".concat(capitalize$1(color2))], fontSize2 !== "default" && fontSize2 !== "medium" && classes["fontSize".concat(capitalize$1(fontSize2))]),
     focusable: "false",
     viewBox,
@@ -7180,7 +7194,7 @@ const SvgIcon$1 = withStyles2(styles$t, {
 })(SvgIcon);
 function createSvgIcon(path, displayName) {
   var Component = function Component2(props, ref) {
-    return /* @__PURE__ */ React__default.createElement(SvgIcon$1, _extends$6({
+    return /* @__PURE__ */ React__default.createElement(SvgIcon$1, _extends$5({
       ref
     }, props), path);
   };
@@ -7982,7 +7996,7 @@ var TransitionGroup = /* @__PURE__ */ function(_React$Component) {
     }
     if (this.mounted) {
       this.setState(function(state) {
-        var children2 = _extends$6({}, state.children);
+        var children2 = _extends$5({}, state.children);
         delete children2[child.key];
         return {
           children: children2
@@ -8080,7 +8094,7 @@ var styles$s = function styles2(theme) {
       boxShadow: shadow
     };
   });
-  return _extends$6({
+  return _extends$5({
     /* Styles applied to the root element. */
     root: {
       backgroundColor: theme.palette.background.paper,
@@ -8099,7 +8113,7 @@ var styles$s = function styles2(theme) {
 };
 var Paper = /* @__PURE__ */ React$6.forwardRef(function Paper2(props, ref) {
   var classes = props.classes, className = props.className, _props$component = props.component, Component = _props$component === void 0 ? "div" : _props$component, _props$square = props.square, square = _props$square === void 0 ? false : _props$square, _props$elevation = props.elevation, elevation = _props$elevation === void 0 ? 1 : _props$elevation, _props$variant = props.variant, variant = _props$variant === void 0 ? "elevation" : _props$variant, other = _objectWithoutProperties$2(props, ["classes", "className", "component", "square", "elevation", "variant"]);
-  return /* @__PURE__ */ React$6.createElement(Component, _extends$6({
+  return /* @__PURE__ */ React$6.createElement(Component, _extends$5({
     className: clsx(classes.root, className, variant === "outlined" ? classes.outlined : classes["elevation".concat(elevation)], !square && classes.rounded),
     ref
   }, other));
@@ -8438,7 +8452,7 @@ var TouchRipple = /* @__PURE__ */ React$6.forwardRef(function TouchRipple2(props
       stop
     };
   }, [pulsate, start, stop]);
-  return /* @__PURE__ */ React$6.createElement("span", _extends$6({
+  return /* @__PURE__ */ React$6.createElement("span", _extends$5({
     className: clsx(classes.root, className),
     ref: container
   }, other), /* @__PURE__ */ React$6.createElement(TransitionGroup$1, {
@@ -8657,7 +8671,7 @@ var ButtonBase = /* @__PURE__ */ React$6.forwardRef(function ButtonBase2(props,
       }
     }, [enableTouchRipple]);
   }
-  return /* @__PURE__ */ React$6.createElement(ComponentProp, _extends$6({
+  return /* @__PURE__ */ React$6.createElement(ComponentProp, _extends$5({
     className: clsx(classes.root, className, focusVisible && [classes.focusVisible, focusVisibleClassName], disabled && classes.disabled),
     onBlur: handleBlur,
     onClick,
@@ -8675,7 +8689,7 @@ var ButtonBase = /* @__PURE__ */ React$6.forwardRef(function ButtonBase2(props,
     tabIndex: disabled ? -1 : tabIndex
   }, buttonProps, other), children2, enableTouchRipple ? (
     /* TouchRipple is only needed client-side, x2 boost on the server. */
-    /* @__PURE__ */ React$6.createElement(TouchRipple$1, _extends$6({
+    /* @__PURE__ */ React$6.createElement(TouchRipple$1, _extends$5({
       ref: rippleRef,
       center: centerRipple
     }, TouchRippleProps))
@@ -8907,7 +8921,7 @@ var styles$p = function styles4(theme) {
 };
 var IconButton = /* @__PURE__ */ React$6.forwardRef(function IconButton2(props, ref) {
   var _props$edge = props.edge, edge = _props$edge === void 0 ? false : _props$edge, children2 = props.children, classes = props.classes, className = props.className, _props$color = props.color, color2 = _props$color === void 0 ? "default" : _props$color, _props$disabled = props.disabled, disabled = _props$disabled === void 0 ? false : _props$disabled, _props$disableFocusRi = props.disableFocusRipple, disableFocusRipple = _props$disableFocusRi === void 0 ? false : _props$disableFocusRi, _props$size = props.size, size = _props$size === void 0 ? "medium" : _props$size, other = _objectWithoutProperties$2(props, ["edge", "children", "classes", "className", "color", "disabled", "disableFocusRipple", "size"]);
-  return /* @__PURE__ */ React$6.createElement(ButtonBase$1, _extends$6({
+  return /* @__PURE__ */ React$6.createElement(ButtonBase$1, _extends$5({
     className: clsx(classes.root, className, color2 !== "default" && classes["color".concat(capitalize$1(color2))], disabled && classes.disabled, size === "small" && classes["size".concat(capitalize$1(size))], {
       "start": classes.edgeStart,
       "end": classes.edgeEnd
@@ -9036,7 +9050,7 @@ var Fade = /* @__PURE__ */ React$6.forwardRef(function Fade2(props, ref) {
     }
   });
   var handleExited = normalizedTransitionCallback(onExited);
-  return /* @__PURE__ */ React$6.createElement(TransitionComponent, _extends$6({
+  return /* @__PURE__ */ React$6.createElement(TransitionComponent, _extends$5({
     appear: true,
     in: inProp,
     nodeRef: enableStrictModeCompat ? nodeRef : void 0,
@@ -9048,8 +9062,8 @@ var Fade = /* @__PURE__ */ React$6.forwardRef(function Fade2(props, ref) {
     onExiting: handleExiting,
     timeout: timeout2
   }, other), function(state, childProps) {
-    return /* @__PURE__ */ React$6.cloneElement(children2, _extends$6({
-      style: _extends$6({
+    return /* @__PURE__ */ React$6.cloneElement(children2, _extends$5({
+      style: _extends$5({
         opacity: 0,
         visibility: state === "exited" && !inProp ? "hidden" : void 0
       }, styles$o[state], style, children2.props.style),
@@ -9238,7 +9252,7 @@ var defaultVariantMapping = {
 var Typography = /* @__PURE__ */ React$6.forwardRef(function Typography2(props, ref) {
   var _props$align = props.align, align = _props$align === void 0 ? "inherit" : _props$align, classes = props.classes, className = props.className, _props$color = props.color, color2 = _props$color === void 0 ? "initial" : _props$color, component = props.component, _props$display = props.display, display2 = _props$display === void 0 ? "initial" : _props$display, _props$gutterBottom = props.gutterBottom, gutterBottom = _props$gutterBottom === void 0 ? false : _props$gutterBottom, _props$noWrap = props.noWrap, noWrap = _props$noWrap === void 0 ? false : _props$noWrap, _props$paragraph = props.paragraph, paragraph = _props$paragraph === void 0 ? false : _props$paragraph, _props$variant = props.variant, variant = _props$variant === void 0 ? "body1" : _props$variant, _props$variantMapping = props.variantMapping, variantMapping = _props$variantMapping === void 0 ? defaultVariantMapping : _props$variantMapping, other = _objectWithoutProperties$2(props, ["align", "classes", "className", "color", "component", "display", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"]);
   var Component = component || (paragraph ? "p" : variantMapping[variant] || defaultVariantMapping[variant]) || "span";
-  return /* @__PURE__ */ React$6.createElement(Component, _extends$6({
+  return /* @__PURE__ */ React$6.createElement(Component, _extends$5({
     className: clsx(classes.root, className, variant !== "inherit" && classes[variant], color2 !== "initial" && classes["color".concat(capitalize$1(color2))], noWrap && classes.noWrap, gutterBottom && classes.gutterBottom, paragraph && classes.paragraph, align !== "inherit" && classes["align".concat(capitalize$1(align))], display2 !== "initial" && classes["display".concat(capitalize$1(display2))]),
     ref
   }, other));
@@ -9411,13 +9425,13 @@ var CircularProgress = /* @__PURE__ */ React$6.forwardRef(function CircularProgr
     circleStyle.strokeDashoffset = "".concat(((100 - value) / 100 * circumference).toFixed(3), "px");
     rootStyle.transform = "rotate(-90deg)";
   }
-  return /* @__PURE__ */ React$6.createElement("div", _extends$6({
+  return /* @__PURE__ */ React$6.createElement("div", _extends$5({
     className: clsx(classes.root, className, color2 !== "inherit" && classes["color".concat(capitalize$1(color2))], {
       "determinate": classes.determinate,
       "indeterminate": classes.indeterminate,
       "static": classes.static
     }[variant]),
-    style: _extends$6({
+    style: _extends$5({
       width: size,
       height: size
     }, rootStyle, style),
@@ -10045,11 +10059,11 @@ var styles$l = {
 };
 var SimpleBackdrop = /* @__PURE__ */ React$6.forwardRef(function SimpleBackdrop2(props, ref) {
   var _props$invisible = props.invisible, invisible = _props$invisible === void 0 ? false : _props$invisible, open = props.open, other = _objectWithoutProperties$2(props, ["invisible", "open"]);
-  return open ? /* @__PURE__ */ React$6.createElement("div", _extends$6({
+  return open ? /* @__PURE__ */ React$6.createElement("div", _extends$5({
     "aria-hidden": true,
     ref
   }, other, {
-    style: _extends$6({}, styles$l.root, invisible ? styles$l.invisible : {}, other.style)
+    style: _extends$5({}, styles$l.root, invisible ? styles$l.invisible : {}, other.style)
   })) : null;
 });
 SimpleBackdrop.propTypes = {
@@ -10093,7 +10107,7 @@ var Modal = /* @__PURE__ */ React$6.forwardRef(function Modal2(inProps, ref) {
   var theme = useTheme$1();
   var props = getThemeProps({
     name: "MuiModal",
-    props: _extends$6({}, inProps),
+    props: _extends$5({}, inProps),
     theme
   });
   var _props$BackdropCompon = props.BackdropComponent, BackdropComponent = _props$BackdropCompon === void 0 ? SimpleBackdrop$1 : _props$BackdropCompon, BackdropProps = props.BackdropProps, children2 = props.children, _props$closeAfterTran = props.closeAfterTransition, closeAfterTransition = _props$closeAfterTran === void 0 ? false : _props$closeAfterTran, container = props.container, _props$disableAutoFoc = props.disableAutoFocus, disableAutoFocus = _props$disableAutoFoc === void 0 ? false : _props$disableAutoFoc, _props$disableBackdro = props.disableBackdropClick, disableBackdropClick = _props$disableBackdro === void 0 ? false : _props$disableBackdro, _props$disableEnforce = props.disableEnforceFocus, disableEnforceFocus = _props$disableEnforce === void 0 ? false : _props$disableEnforce, _props$disableEscapeK = props.disableEscapeKeyDown, disableEscapeKeyDown = _props$disableEscapeK === void 0 ? false : _props$disableEscapeK, _props$disablePortal = props.disablePortal, disablePortal = _props$disablePortal === void 0 ? false : _props$disablePortal, _props$disableRestore = props.disableRestoreFocus, disableRestoreFocus = _props$disableRestore === void 0 ? false : _props$disableRestore, _props$disableScrollL = props.disableScrollLock, disableScrollLock = _props$disableScrollL === void 0 ? false : _props$disableScrollL, _props$hideBackdrop = props.hideBackdrop, hideBackdrop = _props$hideBackdrop === void 0 ? false : _props$hideBackdrop, _props$keepMounted = props.keepMounted, keepMounted = _props$keepMounted === void 0 ? false : _props$keepMounted, _props$manager = props.manager, manager = _props$manager === void 0 ? defaultManager : _props$manager, onBackdropClick = props.onBackdropClick, onClose = props.onClose, onEscapeKeyDown = props.onEscapeKeyDown, onRendered = props.onRendered, open = props.open, other = _objectWithoutProperties$2(props, ["BackdropComponent", "BackdropProps", "children", "closeAfterTransition", "container", "disableAutoFocus", "disableBackdropClick", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "manager", "onBackdropClick", "onClose", "onEscapeKeyDown", "onRendered", "open"]);
@@ -10208,13 +10222,13 @@ var Modal = /* @__PURE__ */ React$6.forwardRef(function Modal2(inProps, ref) {
     ref: handlePortalRef,
     container,
     disablePortal
-  }, /* @__PURE__ */ React$6.createElement("div", _extends$6({
+  }, /* @__PURE__ */ React$6.createElement("div", _extends$5({
     ref: handleRef,
     onKeyDown: handleKeyDown2,
     role: "presentation"
   }, other, {
-    style: _extends$6({}, inlineStyle.root, !open && exited ? inlineStyle.hidden : {}, other.style)
-  }), hideBackdrop ? null : /* @__PURE__ */ React$6.createElement(BackdropComponent, _extends$6({
+    style: _extends$5({}, inlineStyle.root, !open && exited ? inlineStyle.hidden : {}, other.style)
+  }), hideBackdrop ? null : /* @__PURE__ */ React$6.createElement(BackdropComponent, _extends$5({
     open,
     onClick: handleBackdropClick
   }, BackdropProps)), /* @__PURE__ */ React$6.createElement(Unstable_TrapFocus, {
@@ -10442,12 +10456,12 @@ var TextareaAutosize = /* @__PURE__ */ React$6.forwardRef(function TextareaAutos
       onChange(event);
     }
   };
-  return /* @__PURE__ */ React$6.createElement(React$6.Fragment, null, /* @__PURE__ */ React$6.createElement("textarea", _extends$6({
+  return /* @__PURE__ */ React$6.createElement(React$6.Fragment, null, /* @__PURE__ */ React$6.createElement("textarea", _extends$5({
     value,
     onChange: handleChange,
     ref: handleRef,
     rows: minRows,
-    style: _extends$6({
+    style: _extends$5({
       height: state.outerHeightStyle,
       // Need a large enough difference to allow scrolling.
       // This prevents infinite rendering loop.
@@ -10459,7 +10473,7 @@ var TextareaAutosize = /* @__PURE__ */ React$6.forwardRef(function TextareaAutos
     readOnly: true,
     ref: shadowRef,
     tabIndex: -1,
-    style: _extends$6({}, styles$j.shadow, style)
+    style: _extends$5({}, styles$j.shadow, style)
   }));
 });
 TextareaAutosize.propTypes = {
@@ -10540,7 +10554,7 @@ var styles$i = function styles8(theme) {
       "@keyframes mui-auto-fill-cancel": {}
     },
     /* Styles applied to the root element. */
-    root: _extends$6({}, theme.typography.body1, {
+    root: _extends$5({}, theme.typography.body1, {
       color: theme.palette.text.primary,
       lineHeight: "1.1876em",
       // Reset (19px), match the native input line-height
@@ -10797,11 +10811,11 @@ var InputBase = /* @__PURE__ */ React$6.forwardRef(function InputBase2(props, re
     }
   };
   var InputComponent = inputComponent;
-  var inputProps = _extends$6({}, inputPropsProp, {
+  var inputProps = _extends$5({}, inputPropsProp, {
     ref: handleInputRef
   });
   if (typeof InputComponent !== "string") {
-    inputProps = _extends$6({
+    inputProps = _extends$5({
       // Rename ref to inputRef as we don't know the
       // provided `inputComponent` structure.
       inputRef: handleInputRef,
@@ -10813,7 +10827,7 @@ var InputBase = /* @__PURE__ */ React$6.forwardRef(function InputBase2(props, re
     if (rows && !maxRows && !minRows && !rowsMax && !rowsMin) {
       InputComponent = "textarea";
     } else {
-      inputProps = _extends$6({
+      inputProps = _extends$5({
         minRows: rows || minRows,
         rowsMax,
         maxRows
@@ -10821,7 +10835,7 @@ var InputBase = /* @__PURE__ */ React$6.forwardRef(function InputBase2(props, re
       InputComponent = TextareaAutosize$1;
     }
   } else {
-    inputProps = _extends$6({
+    inputProps = _extends$5({
       type: type3
     }, inputProps);
   }
@@ -10835,13 +10849,13 @@ var InputBase = /* @__PURE__ */ React$6.forwardRef(function InputBase2(props, re
       muiFormControl.setAdornedStart(Boolean(startAdornment));
     }
   }, [muiFormControl, startAdornment]);
-  return /* @__PURE__ */ React$6.createElement("div", _extends$6({
+  return /* @__PURE__ */ React$6.createElement("div", _extends$5({
     className: clsx(classes.root, classes["color".concat(capitalize$1(fcs.color || "primary"))], className, fcs.disabled && classes.disabled, fcs.error && classes.error, fullWidth && classes.fullWidth, fcs.focused && classes.focused, muiFormControl && classes.formControl, multiline && classes.multiline, startAdornment && classes.adornedStart, endAdornment && classes.adornedEnd, fcs.margin === "dense" && classes.marginDense),
     onClick: handleClick,
     ref
   }, other), startAdornment, /* @__PURE__ */ React$6.createElement(FormControlContext$1.Provider, {
     value: null
-  }, /* @__PURE__ */ React$6.createElement(InputComponent, _extends$6({
+  }, /* @__PURE__ */ React$6.createElement(InputComponent, _extends$5({
     "aria-invalid": fcs.error,
     "aria-describedby": ariaDescribedby,
     autoComplete,
@@ -10863,7 +10877,7 @@ var InputBase = /* @__PURE__ */ React$6.forwardRef(function InputBase2(props, re
     onBlur: handleBlur,
     onChange: handleChange,
     onFocus: handleFocus
-  }))), endAdornment, renderSuffix ? renderSuffix(_extends$6({}, fcs, {
+  }))), endAdornment, renderSuffix ? renderSuffix(_extends$5({}, fcs, {
     startAdornment
   })) : null);
 });
@@ -11181,8 +11195,8 @@ var styles$h = function styles9(theme) {
 };
 var FilledInput = /* @__PURE__ */ React$6.forwardRef(function FilledInput2(props, ref) {
   var disableUnderline = props.disableUnderline, classes = props.classes, _props$fullWidth = props.fullWidth, fullWidth = _props$fullWidth === void 0 ? false : _props$fullWidth, _props$inputComponent = props.inputComponent, inputComponent = _props$inputComponent === void 0 ? "input" : _props$inputComponent, _props$multiline = props.multiline, multiline = _props$multiline === void 0 ? false : _props$multiline, _props$type = props.type, type3 = _props$type === void 0 ? "text" : _props$type, other = _objectWithoutProperties$2(props, ["disableUnderline", "classes", "fullWidth", "inputComponent", "multiline", "type"]);
-  return /* @__PURE__ */ React$6.createElement(InputBase$1, _extends$6({
-    classes: _extends$6({}, classes, {
+  return /* @__PURE__ */ React$6.createElement(InputBase$1, _extends$5({
+    classes: _extends$5({}, classes, {
       root: clsx(classes.root, !disableUnderline && classes.underline),
       underline: null
     }),
@@ -11419,7 +11433,7 @@ var Grow = /* @__PURE__ */ React$6.forwardRef(function Grow2(props, ref) {
       clearTimeout(timer.current);
     };
   }, []);
-  return /* @__PURE__ */ React$6.createElement(TransitionComponent, _extends$6({
+  return /* @__PURE__ */ React$6.createElement(TransitionComponent, _extends$5({
     appear: true,
     in: inProp,
     nodeRef: enableStrictModeCompat ? nodeRef : void 0,
@@ -11432,8 +11446,8 @@ var Grow = /* @__PURE__ */ React$6.forwardRef(function Grow2(props, ref) {
     addEndListener,
     timeout: timeout2 === "auto" ? null : timeout2
   }, other), function(state, childProps) {
-    return /* @__PURE__ */ React$6.cloneElement(children2, _extends$6({
-      style: _extends$6({
+    return /* @__PURE__ */ React$6.cloneElement(children2, _extends$5({
+      style: _extends$5({
         opacity: 0,
         transform: getScale(0.75),
         visibility: state === "exited" && !inProp ? "hidden" : void 0
@@ -11598,8 +11612,8 @@ var styles$f = function styles10(theme) {
 };
 var Input = /* @__PURE__ */ React$6.forwardRef(function Input2(props, ref) {
   var disableUnderline = props.disableUnderline, classes = props.classes, _props$fullWidth = props.fullWidth, fullWidth = _props$fullWidth === void 0 ? false : _props$fullWidth, _props$inputComponent = props.inputComponent, inputComponent = _props$inputComponent === void 0 ? "input" : _props$inputComponent, _props$multiline = props.multiline, multiline = _props$multiline === void 0 ? false : _props$multiline, _props$type = props.type, type3 = _props$type === void 0 ? "text" : _props$type, other = _objectWithoutProperties$2(props, ["disableUnderline", "classes", "fullWidth", "inputComponent", "multiline", "type"]);
-  return /* @__PURE__ */ React$6.createElement(InputBase$1, _extends$6({
-    classes: _extends$6({}, classes, {
+  return /* @__PURE__ */ React$6.createElement(InputBase$1, _extends$5({
+    classes: _extends$5({}, classes, {
       root: clsx(classes.root, !disableUnderline && classes.underline),
       underline: null
     }),
@@ -11807,7 +11821,7 @@ var Link = /* @__PURE__ */ React$6.forwardRef(function Link2(props, ref) {
       onFocus(event);
     }
   };
-  return /* @__PURE__ */ React$6.createElement(Typography$1, _extends$6({
+  return /* @__PURE__ */ React$6.createElement(Typography$1, _extends$5({
     className: clsx(classes.root, classes["underline".concat(capitalize$1(underline))], className, focusVisible && classes.focusVisible, component === "button" && classes.button),
     classes: TypographyClasses,
     color: color2,
@@ -11899,7 +11913,7 @@ var List = /* @__PURE__ */ React$6.forwardRef(function List2(props, ref) {
   }, [dense]);
   return /* @__PURE__ */ React$6.createElement(ListContext$1.Provider, {
     value: context
-  }, /* @__PURE__ */ React$6.createElement(Component, _extends$6({
+  }, /* @__PURE__ */ React$6.createElement(Component, _extends$5({
     className: clsx(classes.root, className, dense && classes.dense, !disablePadding && classes.padding, subheader && classes.subheader),
     ref
   }, other), subheader, children2));
@@ -12042,7 +12056,7 @@ var ListItem = /* @__PURE__ */ React$6.forwardRef(function ListItem2(props, ref)
     listItemRef.current = ReactDOM.findDOMNode(instance);
   }, []);
   var handleRef = useForkRef(handleOwnRef, ref);
-  var componentProps = _extends$6({
+  var componentProps = _extends$5({
     className: clsx(classes.root, className, childContext.dense && classes.dense, !disableGutters && classes.gutters, divider && classes.divider, disabled && classes.disabled, button && classes.button, alignItems2 !== "center" && classes.alignItemsFlexStart, hasSecondaryAction && classes.secondaryAction, selected && classes.selected),
     disabled
   }, other);
@@ -12063,14 +12077,14 @@ var ListItem = /* @__PURE__ */ React$6.forwardRef(function ListItem2(props, ref)
     }
     return /* @__PURE__ */ React$6.createElement(ListContext$1.Provider, {
       value: childContext
-    }, /* @__PURE__ */ React$6.createElement(ContainerComponent, _extends$6({
+    }, /* @__PURE__ */ React$6.createElement(ContainerComponent, _extends$5({
       className: clsx(classes.container, ContainerClassName),
       ref: handleRef
     }, ContainerProps), /* @__PURE__ */ React$6.createElement(Component, componentProps, children2), children2.pop()));
   }
   return /* @__PURE__ */ React$6.createElement(ListContext$1.Provider, {
     value: childContext
-  }, /* @__PURE__ */ React$6.createElement(Component, _extends$6({
+  }, /* @__PURE__ */ React$6.createElement(Component, _extends$5({
     ref: handleRef
   }, componentProps), children2));
 });
@@ -12376,7 +12390,7 @@ var Popover = /* @__PURE__ */ React$6.forwardRef(function Popover2(props, ref) {
     transitionDuration = void 0;
   }
   var container = containerProp || (anchorEl ? ownerDocument(getAnchorEl$1(anchorEl)).body : void 0);
-  return /* @__PURE__ */ React$6.createElement(Modal$1, _extends$6({
+  return /* @__PURE__ */ React$6.createElement(Modal$1, _extends$5({
     container,
     open,
     ref,
@@ -12384,7 +12398,7 @@ var Popover = /* @__PURE__ */ React$6.forwardRef(function Popover2(props, ref) {
       invisible: true
     },
     className: clsx(classes.root, className)
-  }, other), /* @__PURE__ */ React$6.createElement(TransitionComponent, _extends$6({
+  }, other), /* @__PURE__ */ React$6.createElement(TransitionComponent, _extends$5({
     appear: true,
     in: open,
     onEnter,
@@ -12395,7 +12409,7 @@ var Popover = /* @__PURE__ */ React$6.forwardRef(function Popover2(props, ref) {
     timeout: transitionDuration
   }, TransitionProps, {
     onEntering: createChainedFunction(handleEntering, TransitionProps.onEntering)
-  }), /* @__PURE__ */ React$6.createElement(Paper$1, _extends$6({
+  }), /* @__PURE__ */ React$6.createElement(Paper$1, _extends$5({
     elevation,
     ref: handlePaperRef
   }, PaperProps, {
@@ -12732,7 +12746,7 @@ var MenuList = /* @__PURE__ */ React$6.forwardRef(function MenuList2(props, ref)
     }
     return child;
   });
-  return /* @__PURE__ */ React$6.createElement(List$1, _extends$6({
+  return /* @__PURE__ */ React$6.createElement(List$1, _extends$5({
     role: "menu",
     ref: handleRef,
     className,
@@ -12864,24 +12878,24 @@ var Menu = /* @__PURE__ */ React$6.forwardRef(function Menu2(props, ref) {
     }
     return child;
   });
-  return /* @__PURE__ */ React$6.createElement(Popover$1, _extends$6({
+  return /* @__PURE__ */ React$6.createElement(Popover$1, _extends$5({
     getContentAnchorEl,
     classes: PopoverClasses,
     onClose,
-    TransitionProps: _extends$6({
+    TransitionProps: _extends$5({
       onEntering: handleEntering
     }, TransitionProps),
     anchorOrigin: theme.direction === "rtl" ? RTL_ORIGIN : LTR_ORIGIN,
     transformOrigin: theme.direction === "rtl" ? RTL_ORIGIN : LTR_ORIGIN,
-    PaperProps: _extends$6({}, PaperProps, {
-      classes: _extends$6({}, PaperProps.classes, {
+    PaperProps: _extends$5({}, PaperProps, {
+      classes: _extends$5({}, PaperProps.classes, {
         root: classes.paper
       })
     }),
     open,
     ref,
     transitionDuration
-  }, other), /* @__PURE__ */ React$6.createElement(MenuList$1, _extends$6({
+  }, other), /* @__PURE__ */ React$6.createElement(MenuList$1, _extends$5({
     onKeyDown: handleListKeyDown,
     actions: menuListActionsRef,
     autoFocus: autoFocus && (activeItemIndex === -1 || disableAutoFocusItem),
@@ -13002,7 +13016,7 @@ const Menu$1 = withStyles2(styles$a, {
 var styles$9 = function styles12(theme) {
   return {
     /* Styles applied to the root element. */
-    root: _extends$6({}, theme.typography.body1, _defineProperty$a({
+    root: _extends$5({}, theme.typography.body1, _defineProperty$a({
       minHeight: 48,
       paddingTop: 6,
       paddingBottom: 6,
@@ -13019,7 +13033,7 @@ var styles$9 = function styles12(theme) {
     /* Styles applied to the root element if `selected={true}`. */
     selected: {},
     /* Styles applied to the root element if dense. */
-    dense: _extends$6({}, theme.typography.body2, {
+    dense: _extends$5({}, theme.typography.body2, {
       minHeight: "auto"
     })
   };
@@ -13030,14 +13044,14 @@ var MenuItem = /* @__PURE__ */ React$6.forwardRef(function MenuItem2(props, ref)
   if (!props.disabled) {
     tabIndex = tabIndexProp !== void 0 ? tabIndexProp : -1;
   }
-  return /* @__PURE__ */ React$6.createElement(ListItem$1, _extends$6({
+  return /* @__PURE__ */ React$6.createElement(ListItem$1, _extends$5({
     button: true,
     role,
     tabIndex,
     component,
     selected,
     disableGutters,
-    classes: _extends$6({
+    classes: _extends$5({
       dense: classes.dense
     }, ListItemClasses),
     className: clsx(classes.root, className, selected && classes.selected, !disableGutters && classes.gutters),
@@ -13097,7 +13111,7 @@ const MenuItem$1 = withStyles2(styles$9, {
 })(MenuItem);
 var NativeSelectInput = /* @__PURE__ */ React$6.forwardRef(function NativeSelectInput2(props, ref) {
   var classes = props.classes, className = props.className, disabled = props.disabled, IconComponent = props.IconComponent, inputRef = props.inputRef, _props$variant = props.variant, variant = _props$variant === void 0 ? "standard" : _props$variant, other = _objectWithoutProperties$2(props, ["classes", "className", "disabled", "IconComponent", "inputRef", "variant"]);
-  return /* @__PURE__ */ React$6.createElement(React$6.Fragment, null, /* @__PURE__ */ React$6.createElement("select", _extends$6({
+  return /* @__PURE__ */ React$6.createElement(React$6.Fragment, null, /* @__PURE__ */ React$6.createElement("select", _extends$5({
     className: clsx(
       classes.root,
       // TODO v5: merge root and select
@@ -13283,11 +13297,11 @@ var NativeSelect = /* @__PURE__ */ React$6.forwardRef(function NativeSelect2(pro
     muiFormControl,
     states: ["variant"]
   });
-  return /* @__PURE__ */ React$6.cloneElement(input, _extends$6({
+  return /* @__PURE__ */ React$6.cloneElement(input, _extends$5({
     // Most of the logic is implemented in `NativeSelectInput`.
     // The `Select` component is a simple API wrapper to expose something better to play with.
     inputComponent: NativeSelectInput$1,
-    inputProps: _extends$6({
+    inputProps: _extends$5({
       children: children2,
       classes,
       IconComponent,
@@ -13410,7 +13424,7 @@ var NotchedOutline = /* @__PURE__ */ React$6.forwardRef(function NotchedOutline2
   var theme = useTheme();
   var align = theme.direction === "rtl" ? "right" : "left";
   if (label !== void 0) {
-    return /* @__PURE__ */ React$6.createElement("fieldset", _extends$6({
+    return /* @__PURE__ */ React$6.createElement("fieldset", _extends$5({
       "aria-hidden": true,
       className: clsx(classes.root, className),
       ref,
@@ -13424,9 +13438,9 @@ var NotchedOutline = /* @__PURE__ */ React$6.forwardRef(function NotchedOutline2
     })));
   }
   var labelWidth = labelWidthProp > 0 ? labelWidthProp * 0.75 + 8 : 0.01;
-  return /* @__PURE__ */ React$6.createElement("fieldset", _extends$6({
+  return /* @__PURE__ */ React$6.createElement("fieldset", _extends$5({
     "aria-hidden": true,
-    style: _extends$6(_defineProperty$a({}, "padding".concat(capitalize$1(align)), 8), style),
+    style: _extends$5(_defineProperty$a({}, "padding".concat(capitalize$1(align)), 8), style),
     className: clsx(classes.root, className),
     ref
   }, other), /* @__PURE__ */ React$6.createElement("legend", {
@@ -13569,7 +13583,7 @@ var styles$6 = function styles15(theme) {
 };
 var OutlinedInput = /* @__PURE__ */ React$6.forwardRef(function OutlinedInput2(props, ref) {
   var classes = props.classes, _props$fullWidth = props.fullWidth, fullWidth = _props$fullWidth === void 0 ? false : _props$fullWidth, _props$inputComponent = props.inputComponent, inputComponent = _props$inputComponent === void 0 ? "input" : _props$inputComponent, label = props.label, _props$labelWidth = props.labelWidth, labelWidth = _props$labelWidth === void 0 ? 0 : _props$labelWidth, _props$multiline = props.multiline, multiline = _props$multiline === void 0 ? false : _props$multiline, notched = props.notched, _props$type = props.type, type3 = _props$type === void 0 ? "text" : _props$type, other = _objectWithoutProperties$2(props, ["classes", "fullWidth", "inputComponent", "label", "labelWidth", "multiline", "notched", "type"]);
-  return /* @__PURE__ */ React$6.createElement(InputBase$1, _extends$6({
+  return /* @__PURE__ */ React$6.createElement(InputBase$1, _extends$5({
     renderSuffix: function renderSuffix(state) {
       return /* @__PURE__ */ React$6.createElement(NotchedOutline$1, {
         className: classes.notchedOutline,
@@ -13578,7 +13592,7 @@ var OutlinedInput = /* @__PURE__ */ React$6.forwardRef(function OutlinedInput2(p
         notched: typeof notched !== "undefined" ? notched : Boolean(state.startAdornment || state.filled || state.focused)
       });
     },
-    classes: _extends$6({}, classes, {
+    classes: _extends$5({}, classes, {
       root: clsx(classes.root, classes.underline),
       notchedOutline: null
     }),
@@ -15329,10 +15343,10 @@ var Popper = /* @__PURE__ */ React$6.forwardRef(function Popper2(props, ref) {
         }
       }
     }
-    var popper = new PopperJs(getAnchorEl(anchorEl), tooltipRef.current, _extends$6({
+    var popper = new PopperJs(getAnchorEl(anchorEl), tooltipRef.current, _extends$5({
       placement: rtlPlacement
     }, popperOptions, {
-      modifiers: _extends$6({}, disablePortal ? {} : {
+      modifiers: _extends$5({}, disablePortal ? {} : {
         // It's using scrollParent by default, we can use the viewport when using a portal.
         preventOverflow: {
           boundariesElement: "window"
@@ -15389,11 +15403,11 @@ var Popper = /* @__PURE__ */ React$6.forwardRef(function Popper2(props, ref) {
   return /* @__PURE__ */ React$6.createElement(Portal$1, {
     disablePortal,
     container
-  }, /* @__PURE__ */ React$6.createElement("div", _extends$6({
+  }, /* @__PURE__ */ React$6.createElement("div", _extends$5({
     ref: handleRef,
     role: "tooltip"
   }, other, {
-    style: _extends$6({
+    style: _extends$5({
       // Prevents scroll issue, waiting for Popper.js to add this style once initiated.
       position: "fixed",
       // Fix Popper.js display issue
@@ -15488,7 +15502,7 @@ Popper.propTypes = {
 };
 const Popper$1 = Popper;
 function areEqualValues(a, b) {
-  if (_typeof$8(b) === "object" && b !== null) {
+  if (_typeof$7(b) === "object" && b !== null) {
     return a === b;
   }
   return String(a) === String(b);
@@ -15738,7 +15752,7 @@ var SelectInput = /* @__PURE__ */ React$6.forwardRef(function SelectInput2(props
     tabIndex = disabled ? null : 0;
   }
   var buttonId = SelectDisplayProps.id || (name ? "mui-component-select-".concat(name) : void 0);
-  return /* @__PURE__ */ React$6.createElement(React$6.Fragment, null, /* @__PURE__ */ React$6.createElement("div", _extends$6({
+  return /* @__PURE__ */ React$6.createElement(React$6.Fragment, null, /* @__PURE__ */ React$6.createElement("div", _extends$5({
     className: clsx(
       classes.root,
       // TODO v5: merge root and select
@@ -15770,7 +15784,7 @@ var SelectInput = /* @__PURE__ */ React$6.forwardRef(function SelectInput2(props
         __html: "&#8203;"
       }
     })
-  ) : display2), /* @__PURE__ */ React$6.createElement("input", _extends$6({
+  ) : display2), /* @__PURE__ */ React$6.createElement("input", _extends$5({
     value: Array.isArray(value) ? value.join(",") : value,
     name,
     ref: inputRef,
@@ -15781,19 +15795,19 @@ var SelectInput = /* @__PURE__ */ React$6.forwardRef(function SelectInput2(props
     autoFocus
   }, other)), /* @__PURE__ */ React$6.createElement(IconComponent, {
     className: clsx(classes.icon, classes["icon".concat(capitalize$1(variant))], open && classes.iconOpen, disabled && classes.disabled)
-  }), /* @__PURE__ */ React$6.createElement(Menu$1, _extends$6({
+  }), /* @__PURE__ */ React$6.createElement(Menu$1, _extends$5({
     id: "menu-".concat(name || ""),
     anchorEl: displayNode,
     open,
     onClose: handleClose
   }, MenuProps, {
-    MenuListProps: _extends$6({
+    MenuListProps: _extends$5({
       "aria-labelledby": labelId,
       role: "listbox",
       disableListWrap: true
     }, MenuProps.MenuListProps),
-    PaperProps: _extends$6({}, MenuProps.PaperProps, {
-      style: _extends$6({
+    PaperProps: _extends$5({}, MenuProps.PaperProps, {
+      style: _extends$5({
         minWidth: menuMinWidth
       }, MenuProps.PaperProps != null ? MenuProps.PaperProps.style : null)
     })
@@ -15953,11 +15967,11 @@ var Select = /* @__PURE__ */ React$6.forwardRef(function Select2(props, ref) {
     }),
     filled: _ref2
   }[variant];
-  return /* @__PURE__ */ React$6.cloneElement(InputComponent, _extends$6({
+  return /* @__PURE__ */ React$6.cloneElement(InputComponent, _extends$5({
     // Most of the logic is implemented in `SelectInput`.
     // The `Select` component is a simple API wrapper to expose something better to play with.
     inputComponent,
-    inputProps: _extends$6({
+    inputProps: _extends$5({
       children: children2,
       IconComponent,
       variant,
@@ -15975,7 +15989,7 @@ var Select = /* @__PURE__ */ React$6.forwardRef(function Select2(props, ref) {
       onOpen,
       open,
       renderValue,
-      SelectDisplayProps: _extends$6({
+      SelectDisplayProps: _extends$5({
         id
       }, SelectDisplayProps)
     }, inputProps, {
@@ -16133,7 +16147,7 @@ var styles$4 = function styles16(theme) {
       width: "100%",
       borderCollapse: "collapse",
       borderSpacing: 0,
-      "& caption": _extends$6({}, theme.typography.body2, {
+      "& caption": _extends$5({}, theme.typography.body2, {
         padding: theme.spacing(2),
         color: theme.palette.text.secondary,
         textAlign: "left",
@@ -16158,7 +16172,7 @@ var Table = /* @__PURE__ */ React$6.forwardRef(function Table2(props, ref) {
   }, [padding2, size, stickyHeader]);
   return /* @__PURE__ */ React$6.createElement(TableContext$1.Provider, {
     value: table
-  }, /* @__PURE__ */ React$6.createElement(Component, _extends$6({
+  }, /* @__PURE__ */ React$6.createElement(Component, _extends$5({
     role: Component === defaultComponent$2 ? null : "table",
     ref,
     className: clsx(classes.root, className, stickyHeader && classes.stickyHeader)
@@ -16226,7 +16240,7 @@ var TableBody = /* @__PURE__ */ React$6.forwardRef(function TableBody2(props, re
   var classes = props.classes, className = props.className, _props$component = props.component, Component = _props$component === void 0 ? defaultComponent$1 : _props$component, other = _objectWithoutProperties$2(props, ["classes", "className", "component"]);
   return /* @__PURE__ */ React$6.createElement(Tablelvl2Context$1.Provider, {
     value: tablelvl2
-  }, /* @__PURE__ */ React$6.createElement(Component, _extends$6({
+  }, /* @__PURE__ */ React$6.createElement(Component, _extends$5({
     className: clsx(classes.root, className),
     ref,
     role: Component === defaultComponent$1 ? null : "rowgroup"
@@ -16258,7 +16272,7 @@ const TableBody$1 = withStyles2(styles$3, {
 var styles$2 = function styles17(theme) {
   return {
     /* Styles applied to the root element. */
-    root: _extends$6({}, theme.typography.body2, {
+    root: _extends$5({}, theme.typography.body2, {
       display: "table-cell",
       verticalAlign: "inherit",
       // Workaround for a rendering bug with spanned columns in Chrome 62.0.
@@ -16370,7 +16384,7 @@ var TableCell = /* @__PURE__ */ React$6.forwardRef(function TableCell2(props, re
   if (sortDirection) {
     ariaSort = sortDirection === "asc" ? "ascending" : "descending";
   }
-  return /* @__PURE__ */ React$6.createElement(Component, _extends$6({
+  return /* @__PURE__ */ React$6.createElement(Component, _extends$5({
     ref,
     className: clsx(classes.root, classes[variant], className, align !== "inherit" && classes["align".concat(capitalize$1(align))], padding2 !== "normal" && classes["padding".concat(capitalize$1(padding2))], size !== "medium" && classes["size".concat(capitalize$1(size))], variant === "head" && table && table.stickyHeader && classes.stickyHeader),
     "aria-sort": ariaSort,
@@ -16446,7 +16460,7 @@ var styles$1 = {
 };
 var TableContainer = /* @__PURE__ */ React$6.forwardRef(function TableContainer2(props, ref) {
   var classes = props.classes, className = props.className, _props$component = props.component, Component = _props$component === void 0 ? "div" : _props$component, other = _objectWithoutProperties$2(props, ["classes", "className", "component"]);
-  return /* @__PURE__ */ React$6.createElement(Component, _extends$6({
+  return /* @__PURE__ */ React$6.createElement(Component, _extends$5({
     ref,
     className: clsx(classes.root, className)
   }, other));
@@ -16504,7 +16518,7 @@ var defaultComponent = "tr";
 var TableRow = /* @__PURE__ */ React$6.forwardRef(function TableRow2(props, ref) {
   var classes = props.classes, className = props.className, _props$component = props.component, Component = _props$component === void 0 ? defaultComponent : _props$component, _props$hover = props.hover, hover = _props$hover === void 0 ? false : _props$hover, _props$selected = props.selected, selected = _props$selected === void 0 ? false : _props$selected, other = _objectWithoutProperties$2(props, ["classes", "className", "component", "hover", "selected"]);
   var tablelvl22 = React$6.useContext(Tablelvl2Context$1);
-  return /* @__PURE__ */ React$6.createElement(Component, _extends$6({
+  return /* @__PURE__ */ React$6.createElement(Component, _extends$5({
     ref,
     className: clsx(classes.root, className, tablelvl22 && {
       "head": classes.head,
@@ -34718,6 +34732,10 @@ const FileType$1 = {
   ANNDATA_EXPRESSION_MATRIX_ZARR: "anndata-expression-matrix.zarr"
 };
 const CoordinationType$1 = {
+  // Meta coordination scopes
+  META_COORDINATION_SCOPES: "metaCoordinationScopes",
+  META_COORDINATION_SCOPES_BY: "metaCoordinationScopesBy",
+  // Other coordination scopes
   DATASET: "dataset",
   // Entity types
   OBS_TYPE: "obsType",
@@ -34832,16 +34850,16 @@ const AUTO_INDEPENDENT_COORDINATION_TYPES = [
   CoordinationType$1.EMBEDDING_OBS_RADIUS,
   CoordinationType$1.EMBEDDING_OBS_OPACITY
 ];
-const note = "This file is regenerated by push-demo.sh.";
-const version = "3.0.1";
-const branch = "release-v3.0.1";
-const date = "2023-06-30";
-const hash = "8014e94f";
+const note = "This file is autogenerated by .changeset/post-changelog.mjs.";
+const version = "3.1.1";
+const date = "2023-08-02";
+const branch = "changeset-release/main";
+const hash = "0dbc5e39";
 const META_VERSION = {
   note,
   version,
-  branch,
   date,
+  branch,
   hash
 };
 const ViewType = {
@@ -42222,7 +42240,10 @@ function useReady(statusValues) {
 }
 function useUrls(urls) {
   const mergedUrls = useMemo(
-    () => urls.filter((a) => Array.isArray(a)).flat(),
+    () => urls.filter((a) => Array.isArray(a)).flat().filter((url, index, array) => {
+      const firstIndex = array.findIndex((u) => u.name === url.name);
+      return index === firstIndex;
+    }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     urls
   );
@@ -43023,7 +43044,12 @@ function VitS(props) {
   );
   const generateClassName2 = useMemo(() => createGenerateClassName(uid), [uid]);
   const configVersion = config2 == null ? void 0 : config2.version;
-  const configKey = (config2 == null ? void 0 : config2.uid) || config2;
+  const configKey = useMemo(() => {
+    if (config2 == null ? void 0 : config2.uid) {
+      return config2.uid;
+    }
+    return JSON.stringify(config2);
+  }, [config2]);
   const pluginSpecificConfigSchema = useMemo(() => buildConfigSchema(
     fileTypes,
     jointFileTypes,
@@ -43129,7 +43155,7 @@ function VitS(props) {
         pluginSpecificConfigSchema
       }
     )
-  ] }) }) }) }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(StylesProvider, { generateClassName: generateClassName2, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProvider, { theme: muiTheme[theme], children: /* @__PURE__ */ jsxRuntimeExports.jsx(Warning, { ...configOrWarning }) }) });
+  ] }) }, configKey) }) }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(StylesProvider, { generateClassName: generateClassName2, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProvider, { theme: muiTheme[theme], children: /* @__PURE__ */ jsxRuntimeExports.jsx(Warning, { ...configOrWarning }) }) });
 }
 const ArrowDropDownIcon = createSvgIcon(/* @__PURE__ */ React$6.createElement("path", {
   d: "M7 10l5 5 5-5z"