@vitessce/statistical-plots 3.0.0 → 3.1.0

package/dist/index.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import React__default, { useMemo, Suspense, useCallback, useState, useEffect } from "react";
-import { usePlotOptionsStyles, OptionsContainer, OptionSelect, useLoaders, useCoordination, useGridItemSize, useUrls, useFeatureSelection, useFeatureLabelsData, useObsFeatureMatrixIndices, useObsSetsData, useReady, TitleInfo, useObsFeatureMatrixData } from "@vitessce/vit-s";
+import { usePlotOptionsStyles, OptionsContainer, OptionSelect, useLoaders, useCoordination, useGridItemSize, useFeatureSelection, useFeatureLabelsData, useObsFeatureMatrixIndices, useObsSetsData, useReady, useUrls, TitleInfo, useObsFeatureMatrixData } from "@vitessce/vit-s";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default from "react-dom";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
@@ -1016,6 +1016,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",
@@ -17924,7 +17928,24 @@ function elementTypeAcceptingRef(props, propName, componentName, location, propF
   return null;
 }
 const elementTypeAcceptingRef$1 = chainPropTypes(propTypesExports.elementType, elementTypeAcceptingRef);
-function _defineProperty$3(obj, key2, value2) {
+function _toPrimitive(input, hint) {
+  if (_typeof$2(input) !== "object" || input === null)
+    return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== void 0) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof$2(res) !== "object")
+      return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+function _toPropertyKey(arg) {
+  var key2 = _toPrimitive(arg, "string");
+  return _typeof$2(key2) === "symbol" ? key2 : String(key2);
+}
+function _defineProperty$4(obj, key2, value2) {
+  key2 = _toPropertyKey(key2);
   if (key2 in obj) {
     Object.defineProperty(obj, key2, {
       value: value2,
@@ -17939,7 +17960,7 @@ function _defineProperty$3(obj, key2, value2) {
 }
 var specialProperty = "exact-prop: ​";
 function exactProp(propTypes2) {
-  return _extends$2({}, propTypes2, _defineProperty$3({}, specialProperty, function(props) {
+  return _extends$2({}, propTypes2, _defineProperty$4({}, specialProperty, function(props) {
     var unsupportedProps = Object.keys(props).filter(function(prop) {
       return !propTypes2.hasOwnProperty(prop);
     });
@@ -18321,6 +18342,19 @@ function lighten(color2, coefficient) {
   }
   return recomposeColor(color2);
 }
+function _defineProperty$3(obj, key2, value2) {
+  if (key2 in obj) {
+    Object.defineProperty(obj, key2, {
+      value: value2,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key2] = value2;
+  }
+  return obj;
+}
 function _objectWithoutPropertiesLoose$1(source2, excluded) {
   if (source2 == null)
     return {};
@@ -18353,6 +18387,20 @@ function _objectWithoutProperties(source2, excluded) {
   }
   return target2;
 }
+function _extends$1() {
+  _extends$1 = Object.assign ? Object.assign.bind() : function(target2) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source2 = arguments[i];
+      for (var key2 in source2) {
+        if (Object.prototype.hasOwnProperty.call(source2, key2)) {
+          target2[key2] = source2[key2];
+        }
+      }
+    }
+    return target2;
+  };
+  return _extends$1.apply(this, arguments);
+}
 var keys$4 = ["xs", "sm", "md", "lg", "xl"];
 function createBreakpoints(breakpoints) {
   var _breakpoints$values = breakpoints.values, values2 = _breakpoints$values === void 0 ? {
@@ -18395,7 +18443,7 @@ function createBreakpoints(breakpoints) {
     }
     return values2[key2];
   }
-  return _extends$2({
+  return _extends$1({
     keys: keys$4,
     values: values2,
     up,
@@ -18407,14 +18455,14 @@ function createBreakpoints(breakpoints) {
 }
 function createMixins(breakpoints, spacing, mixins) {
   var _toolbar;
-  return _extends$2({
+  return _extends$1({
     gutters: function gutters() {
       var styles16 = 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$2({
+      return _extends$1({
         paddingLeft: spacing(2),
         paddingRight: spacing(2)
-      }, styles16, _defineProperty$3({}, breakpoints.up("sm"), _extends$2({
+      }, styles16, _defineProperty$3({}, breakpoints.up("sm"), _extends$1({
         paddingLeft: spacing(3),
         paddingRight: spacing(3)
       }, styles16[breakpoints.up("sm")])));
@@ -18548,7 +18596,7 @@ function createPalette(palette) {
     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$2({}, color2);
+    color2 = _extends$1({}, color2);
     if (!color2.main && color2[mainShade]) {
       color2.main = color2[mainShade];
     }
@@ -18574,7 +18622,7 @@ function createPalette(palette) {
       console.error("Material-UI: The palette type `".concat(type2, "` is not supported."));
     }
   }
-  var paletteOutput = deepmerge(_extends$2({
+  var paletteOutput = deepmerge(_extends$1({
     // A collection of common colors.
     common: common$1,
     // The palette type, can be light or dark.
@@ -18639,7 +18687,7 @@ function createTypography(palette, typography) {
     return "".concat(size / htmlFontSize * coef, "rem");
   };
   var buildVariant = function buildVariant2(fontWeight, size, lineHeight2, letterSpacing, casing) {
-    return _extends$2({
+    return _extends$1({
       fontFamily: fontFamily2,
       fontWeight,
       fontSize: pxToRem(size),
@@ -18664,7 +18712,7 @@ function createTypography(palette, typography) {
     caption: buildVariant(fontWeightRegular, 12, 1.66, 0.4),
     overline: buildVariant(fontWeightRegular, 12, 2.66, 1, caseAllCaps)
   };
-  return deepmerge(_extends$2({
+  return deepmerge(_extends$1({
     htmlFontSize,
     pxToRem,
     round: roundWithDeprecationWarning,
@@ -18729,6 +18777,14 @@ function _nonIterableSpread$1() {
 function _toConsumableArray$1(arr) {
   return _arrayWithoutHoles$1(arr) || _iterableToArray$1(arr) || _unsupportedIterableToArray$3(arr) || _nonIterableSpread$1();
 }
+function _typeof$1(obj) {
+  "@babel/helpers - typeof";
+  return _typeof$1 = "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$1(obj);
+}
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr))
     return arr;
@@ -19050,50 +19106,12 @@ function warning(condition, message) {
     }
   }
 }
-function _extends$1() {
-  _extends$1 = Object.assign ? Object.assign.bind() : function(target2) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source2 = arguments[i];
-      for (var key2 in source2) {
-        if (Object.prototype.hasOwnProperty.call(source2, key2)) {
-          target2[key2] = source2[key2];
-        }
-      }
-    }
-    return target2;
-  };
-  return _extends$1.apply(this, arguments);
-}
-var _typeof$1 = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function(obj) {
+var _typeof = 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 = (typeof window === "undefined" ? "undefined" : _typeof$1(window)) === "object" && (typeof document === "undefined" ? "undefined" : _typeof$1(document)) === "object" && document.nodeType === 9;
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-  return _typeof = "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(obj);
-}
-function _toPrimitive(input, hint) {
-  if (_typeof(input) !== "object" || input === null)
-    return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== void 0) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object")
-      return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-function _toPropertyKey(arg) {
-  var key2 = _toPrimitive(arg, "string");
-  return _typeof(key2) === "symbol" ? key2 : String(key2);
-}
+var isBrowser = (typeof window === "undefined" ? "undefined" : _typeof(window)) === "object" && (typeof document === "undefined" ? "undefined" : _typeof(document)) === "object" && document.nodeType === 9;
 function _defineProperties$1(target2, props) {
   for (var i = 0; i < props.length; i++) {
     var descriptor = props[i];
@@ -19371,7 +19389,7 @@ var StyleRule = /* @__PURE__ */ function(_BaseStyleRule) {
   _proto2.toString = function toString2(options) {
     var sheet = this.options.sheet;
     var link2 = sheet ? sheet.options.link : false;
-    var opts2 = link2 ? _extends$1({}, options, {
+    var opts2 = link2 ? _extends$2({}, options, {
       allowEmpty: true
     }) : options;
     return toCss(this.selectorText, this.style, opts2);
@@ -19418,7 +19436,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$1({}, options, {
+    this.rules = new RuleList(_extends$2({}, options, {
       parent: this
     }));
     for (var name2 in styles16) {
@@ -19490,11 +19508,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$1(generateId(this, sheet));
-    this.rules = new RuleList(_extends$1({}, options, {
+    this.rules = new RuleList(_extends$2({}, options, {
       parent: this
     }));
     for (var name2 in frames) {
-      this.rules.add(name2, frames[name2], _extends$1({}, options, {
+      this.rules.add(name2, frames[name2], _extends$2({}, options, {
         parent: this
       }));
     }
@@ -19579,7 +19597,7 @@ var KeyframeRule = /* @__PURE__ */ function(_BaseStyleRule) {
   _proto.toString = function toString2(options) {
     var sheet = this.options.sheet;
     var link2 = sheet ? sheet.options.link : false;
-    var opts2 = link2 ? _extends$1({}, options, {
+    var opts2 = link2 ? _extends$2({}, options, {
       allowEmpty: true
     }) : options;
     return toCss(this.key, this.style, opts2);
@@ -19703,7 +19721,7 @@ var RuleList = /* @__PURE__ */ function() {
   var _proto = RuleList2.prototype;
   _proto.add = function add2(name2, decl, ruleOptions) {
     var _this$options = this.options, parent = _this$options.parent, sheet = _this$options.sheet, jss2 = _this$options.jss, Renderer2 = _this$options.Renderer, generateId = _this$options.generateId, scoped = _this$options.scoped;
-    var options = _extends$1({
+    var options = _extends$2({
       classes: this.classes,
       parent,
       sheet,
@@ -19739,7 +19757,7 @@ var RuleList = /* @__PURE__ */ function() {
     }
     var options = ruleOptions;
     if (oldIndex !== -1)
-      options = _extends$1({}, ruleOptions, {
+      options = _extends$2({}, ruleOptions, {
         index: oldIndex
       });
     return this.add(name2, decl, options);
@@ -19852,7 +19870,7 @@ var StyleSheet = /* @__PURE__ */ function() {
     this.deployed = false;
     this.classes = {};
     this.keyframes = {};
-    this.options = _extends$1({}, options, {
+    this.options = _extends$2({}, options, {
       sheet: this,
       parent: this,
       classes: this.classes,
@@ -20471,7 +20489,7 @@ var Jss = /* @__PURE__ */ function() {
       this.options.createGenerateId = options.createGenerateId;
     }
     if (options.id) {
-      this.options.id = _extends$1({}, this.options.id, options.id);
+      this.options.id = _extends$2({}, this.options.id, options.id);
     }
     if (options.createGenerateId || options.id) {
       this.generateId = this.options.createGenerateId(this.options.id);
@@ -20493,7 +20511,7 @@ var Jss = /* @__PURE__ */ function() {
     if (typeof index2 !== "number") {
       index2 = sheets.index === 0 ? 0 : sheets.index + 1;
     }
-    var sheet = new StyleSheet(styles16, _extends$1({}, options, {
+    var sheet = new StyleSheet(styles16, _extends$2({}, options, {
       jss: this,
       generateId: options.generateId || this.generateId,
       insertionPoint: this.options.insertionPoint,
@@ -20518,7 +20536,7 @@ var Jss = /* @__PURE__ */ function() {
     if (typeof name2 === "object") {
       return this.createRule(void 0, name2, style2);
     }
-    var ruleOptions = _extends$1({}, options, {
+    var ruleOptions = _extends$2({}, options, {
       name: name2,
       jss: this,
       Renderer: this.options.Renderer
@@ -20629,7 +20647,7 @@ var GlobalContainerRule = /* @__PURE__ */ function() {
     this.isProcessed = false;
     this.key = key2;
     this.options = options;
-    this.rules = new RuleList(_extends$2({}, options, {
+    this.rules = new RuleList(_extends$1({}, options, {
       parent: this
     }));
     for (var selector in styles16) {
@@ -20669,7 +20687,7 @@ var GlobalPrefixedRule = /* @__PURE__ */ function() {
     this.key = key2;
     this.options = options;
     var selector = key2.substr(atPrefix.length);
-    this.rule = options.jss.createRule(selector, style2, _extends$2({}, options, {
+    this.rule = options.jss.createRule(selector, style2, _extends$1({}, options, {
       parent: this
     }));
   }
@@ -20696,7 +20714,7 @@ function handleNestedGlobalContainerRule(rule2, sheet) {
   if (!rules)
     return;
   for (var name2 in rules) {
-    sheet.addRule(name2, rules[name2], _extends$2({}, options, {
+    sheet.addRule(name2, rules[name2], _extends$1({}, options, {
       selector: addScope(name2, rule2.selector)
     }));
   }
@@ -20708,7 +20726,7 @@ function handlePrefixedGlobalRule(rule2, sheet) {
     if (prop[0] !== "@" || prop.substr(0, at.length) !== at)
       continue;
     var selector = addScope(prop.substr(at.length), rule2.selector);
-    sheet.addRule(selector, style2[prop], _extends$2({}, options, {
+    sheet.addRule(selector, style2[prop], _extends$1({}, options, {
       selector
     }));
     delete style2[prop];
@@ -20777,12 +20795,12 @@ function jssNested() {
   }
   function getOptions(rule2, container, prevOptions) {
     if (prevOptions)
-      return _extends$1({}, prevOptions, {
+      return _extends$2({}, prevOptions, {
         index: prevOptions.index + 1
       });
     var nestingLevel = rule2.options.nestingLevel;
     nestingLevel = nestingLevel === void 0 ? 1 : nestingLevel + 1;
-    var options = _extends$1({}, rule2.options, {
+    var options = _extends$2({}, rule2.options, {
       nestingLevel,
       index: container.indexOf(rule2) + 1
       // We don't need the parent name to be set options for chlid.
@@ -20810,11 +20828,11 @@ function jssNested() {
         selector = selector.replace(refRegExp, replaceRef3);
         var name2 = styleRule.key + "-" + prop;
         if ("replaceRule" in container) {
-          container.replaceRule(name2, style2[prop], _extends$1({}, options, {
+          container.replaceRule(name2, style2[prop], _extends$2({}, options, {
             selector
           }));
         } else {
-          container.addRule(name2, style2[prop], _extends$1({}, options, {
+          container.addRule(name2, style2[prop], _extends$2({}, options, {
             selector
           }));
         }
@@ -21584,7 +21602,7 @@ function mergeClasses() {
   if (!newClasses) {
     return baseClasses;
   }
-  var nextClasses = _extends$2({}, baseClasses);
+  var nextClasses = _extends$1({}, 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"));
@@ -21656,7 +21674,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(props, ["children", "injectFirst", "disableGeneration"]);
   var outerOptions = React__default.useContext(StylesContext);
-  var context2 = _extends$2({}, outerOptions, {
+  var context2 = _extends$1({}, outerOptions, {
     disableGeneration
   }, localOptions);
   {
@@ -21761,7 +21779,7 @@ const noopTheme$1 = noopTheme;
 function getStylesCreator(stylesOrCreator) {
   var themingEnabled = typeof stylesOrCreator === "function";
   {
-    if (_typeof$2(stylesOrCreator) !== "object" && !themingEnabled) {
+    if (_typeof$1(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"));
     }
   }
@@ -21782,7 +21800,7 @@ function getStylesCreator(stylesOrCreator) {
         return styles16;
       }
       var overrides = theme.overrides[name2];
-      var stylesWithOverrides = _extends$2({}, styles16);
+      var stylesWithOverrides = _extends$1({}, styles16);
       Object.keys(overrides).forEach(function(key2) {
         {
           if (!stylesWithOverrides[key2]) {
@@ -21843,7 +21861,7 @@ function attach(_ref22, props) {
     };
     multiKeyStore$1.set(stylesOptions.sheetsManager, stylesCreator, theme, sheetManager);
   }
-  var options = _extends$2({}, stylesCreator.options, stylesOptions, {
+  var options = _extends$1({}, stylesCreator.options, stylesOptions, {
     theme,
     flip: typeof stylesOptions.flip === "boolean" ? stylesOptions.flip : theme.direction === "rtl"
   });
@@ -21856,7 +21874,7 @@ function attach(_ref22, props) {
     }
     var styles16 = stylesCreator.create(theme, name2);
     if (!staticSheet) {
-      staticSheet = stylesOptions.jss.createStyleSheet(styles16, _extends$2({
+      staticSheet = stylesOptions.jss.createStyleSheet(styles16, _extends$1({
         link: false
       }, options));
       staticSheet.attach();
@@ -21871,7 +21889,7 @@ function attach(_ref22, props) {
     sheetManager.dynamicStyles = getDynamicStyles(styles16);
   }
   if (sheetManager.dynamicStyles) {
-    var dynamicSheet = stylesOptions.jss.createStyleSheet(sheetManager.dynamicStyles, _extends$2({
+    var dynamicSheet = stylesOptions.jss.createStyleSheet(sheetManager.dynamicStyles, _extends$1({
       link: true
     }, options));
     dynamicSheet.update(props);
@@ -21953,7 +21971,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$2({}, React__default.useContext(StylesContext), stylesOptions2);
+    var stylesOptions = _extends$1({}, React__default.useContext(StylesContext), stylesOptions2);
     var instance = React__default.useRef();
     var shouldUpdate = React__default.useRef();
     useSynchronousEffect(function() {
@@ -22128,7 +22146,7 @@ var withStyles$1 = function withStyles(stylesOrCreator) {
         }
       }
     }
-    var useStyles2 = makeStyles$1(stylesOrCreator, _extends$2({
+    var useStyles2 = makeStyles$1(stylesOrCreator, _extends$1({
       defaultTheme: defaultTheme2,
       Component,
       name: name2 || Component.displayName,
@@ -22137,7 +22155,7 @@ var withStyles$1 = function withStyles(stylesOrCreator) {
     var WithStyles = /* @__PURE__ */ React__default.forwardRef(function WithStyles2(props, ref2) {
       props.classes;
       var innerRef = props.innerRef, other = _objectWithoutProperties(props, ["classes", "innerRef"]);
-      var classes = useStyles2(_extends$2({}, Component.defaultProps, props));
+      var classes = useStyles2(_extends$1({}, Component.defaultProps, props));
       var theme;
       var more = other;
       if (typeof name2 === "string" || withTheme) {
@@ -22153,7 +22171,7 @@ var withStyles$1 = function withStyles(stylesOrCreator) {
           more.theme = theme;
         }
       }
-      return /* @__PURE__ */ React__default.createElement(Component, _extends$2({
+      return /* @__PURE__ */ React__default.createElement(Component, _extends$1({
         ref: innerRef || ref2,
         classes
       }, more));
@@ -22191,7 +22209,7 @@ 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$2({
+  return makeStyles$1(stylesOrCreator, _extends$1({
     defaultTheme: defaultTheme$1
   }, options));
 }
@@ -22203,7 +22221,7 @@ function useTheme() {
   return theme;
 }
 function withStyles2(stylesOrCreator, options) {
-  return withStylesWithoutDefault(stylesOrCreator, _extends$2({
+  return withStylesWithoutDefault(stylesOrCreator, _extends$1({
     defaultTheme: defaultTheme$1
   }, options));
 }
@@ -22287,7 +22305,7 @@ var styles$n = function styles(theme) {
 };
 var SvgIcon = /* @__PURE__ */ React.forwardRef(function SvgIcon2(props, ref2) {
   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(props, ["children", "classes", "className", "color", "component", "fontSize", "htmlColor", "titleAccess", "viewBox"]);
-  return /* @__PURE__ */ React.createElement(Component, _extends$2({
+  return /* @__PURE__ */ React.createElement(Component, _extends$1({
     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,
@@ -22365,7 +22383,7 @@ const SvgIcon$1 = withStyles2(styles$n, {
 })(SvgIcon);
 function createSvgIcon(path2, displayName) {
   var Component = function Component2(props, ref2) {
-    return /* @__PURE__ */ React__default.createElement(SvgIcon$1, _extends$2({
+    return /* @__PURE__ */ React__default.createElement(SvgIcon$1, _extends$1({
       ref: ref2
     }, props), path2);
   };
@@ -22945,7 +22963,7 @@ var styles$m = function styles2(theme) {
       boxShadow: shadow
     };
   });
-  return _extends$2({
+  return _extends$1({
     /* Styles applied to the root element. */
     root: {
       backgroundColor: theme.palette.background.paper,
@@ -22964,7 +22982,7 @@ var styles$m = function styles2(theme) {
 };
 var Paper = /* @__PURE__ */ React.forwardRef(function Paper2(props, ref2) {
   var classes = props.classes, className = props.className, _props$component = props.component, Component = _props$component === void 0 ? "div" : _props$component, _props$square = props.square, square2 = _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(props, ["classes", "className", "component", "square", "elevation", "variant"]);
-  return /* @__PURE__ */ React.createElement(Component, _extends$2({
+  return /* @__PURE__ */ React.createElement(Component, _extends$1({
     className: clsx(classes.root, className, variant === "outlined" ? classes.outlined : classes["elevation".concat(elevation)], !square2 && classes.rounded),
     ref: ref2
   }, other));
@@ -23449,11 +23467,11 @@ var styles$l = {
 };
 var SimpleBackdrop = /* @__PURE__ */ React.forwardRef(function SimpleBackdrop2(props, ref2) {
   var _props$invisible = props.invisible, invisible = _props$invisible === void 0 ? false : _props$invisible, open = props.open, other = _objectWithoutProperties(props, ["invisible", "open"]);
-  return open ? /* @__PURE__ */ React.createElement("div", _extends$2({
+  return open ? /* @__PURE__ */ React.createElement("div", _extends$1({
     "aria-hidden": true,
     ref: ref2
   }, other, {
-    style: _extends$2({}, styles$l.root, invisible ? styles$l.invisible : {}, other.style)
+    style: _extends$1({}, styles$l.root, invisible ? styles$l.invisible : {}, other.style)
   })) : null;
 });
 SimpleBackdrop.propTypes = {
@@ -23497,7 +23515,7 @@ var Modal = /* @__PURE__ */ React.forwardRef(function Modal2(inProps, ref2) {
   var theme = useTheme$1();
   var props = getThemeProps({
     name: "MuiModal",
-    props: _extends$2({}, inProps),
+    props: _extends$1({}, 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(props, ["BackdropComponent", "BackdropProps", "children", "closeAfterTransition", "container", "disableAutoFocus", "disableBackdropClick", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "manager", "onBackdropClick", "onClose", "onEscapeKeyDown", "onRendered", "open"]);
@@ -23612,13 +23630,13 @@ var Modal = /* @__PURE__ */ React.forwardRef(function Modal2(inProps, ref2) {
     ref: handlePortalRef,
     container,
     disablePortal
-  }, /* @__PURE__ */ React.createElement("div", _extends$2({
+  }, /* @__PURE__ */ React.createElement("div", _extends$1({
     ref: handleRef,
     onKeyDown: handleKeyDown,
     role: "presentation"
   }, other, {
-    style: _extends$2({}, inlineStyle.root, !open && exited ? inlineStyle.hidden : {}, other.style)
-  }), hideBackdrop ? null : /* @__PURE__ */ React.createElement(BackdropComponent, _extends$2({
+    style: _extends$1({}, inlineStyle.root, !open && exited ? inlineStyle.hidden : {}, other.style)
+  }), hideBackdrop ? null : /* @__PURE__ */ React.createElement(BackdropComponent, _extends$1({
     open,
     onClick: handleBackdropClick
   }, BackdropProps)), /* @__PURE__ */ React.createElement(Unstable_TrapFocus, {
@@ -23846,12 +23864,12 @@ var TextareaAutosize = /* @__PURE__ */ React.forwardRef(function TextareaAutosiz
       onChange(event2);
     }
   };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("textarea", _extends$2({
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("textarea", _extends$1({
     value: value2,
     onChange: handleChange,
     ref: handleRef,
     rows: minRows,
-    style: _extends$2({
+    style: _extends$1({
       height: state.outerHeightStyle,
       // Need a large enough difference to allow scrolling.
       // This prevents infinite rendering loop.
@@ -23863,7 +23881,7 @@ var TextareaAutosize = /* @__PURE__ */ React.forwardRef(function TextareaAutosiz
     readOnly: true,
     ref: shadowRef,
     tabIndex: -1,
-    style: _extends$2({}, styles$j.shadow, style2)
+    style: _extends$1({}, styles$j.shadow, style2)
   }));
 });
 TextareaAutosize.propTypes = {
@@ -23947,7 +23965,7 @@ var styles$i = function styles4(theme) {
       "@keyframes mui-auto-fill-cancel": {}
     },
     /* Styles applied to the root element. */
-    root: _extends$2({}, theme.typography.body1, {
+    root: _extends$1({}, theme.typography.body1, {
       color: theme.palette.text.primary,
       lineHeight: "1.1876em",
       // Reset (19px), match the native input line-height
@@ -24204,11 +24222,11 @@ var InputBase = /* @__PURE__ */ React.forwardRef(function InputBase2(props, ref2
     }
   };
   var InputComponent = inputComponent;
-  var inputProps = _extends$2({}, inputPropsProp, {
+  var inputProps = _extends$1({}, inputPropsProp, {
     ref: handleInputRef
   });
   if (typeof InputComponent !== "string") {
-    inputProps = _extends$2({
+    inputProps = _extends$1({
       // Rename ref to inputRef as we don't know the
       // provided `inputComponent` structure.
       inputRef: handleInputRef,
@@ -24220,7 +24238,7 @@ var InputBase = /* @__PURE__ */ React.forwardRef(function InputBase2(props, ref2
     if (rows && !maxRows && !minRows && !rowsMax && !rowsMin) {
       InputComponent = "textarea";
     } else {
-      inputProps = _extends$2({
+      inputProps = _extends$1({
         minRows: rows || minRows,
         rowsMax,
         maxRows
@@ -24228,7 +24246,7 @@ var InputBase = /* @__PURE__ */ React.forwardRef(function InputBase2(props, ref2
       InputComponent = TextareaAutosize$1;
     }
   } else {
-    inputProps = _extends$2({
+    inputProps = _extends$1({
       type: type2
     }, inputProps);
   }
@@ -24242,13 +24260,13 @@ var InputBase = /* @__PURE__ */ React.forwardRef(function InputBase2(props, ref2
       muiFormControl.setAdornedStart(Boolean(startAdornment));
     }
   }, [muiFormControl, startAdornment]);
-  return /* @__PURE__ */ React.createElement("div", _extends$2({
+  return /* @__PURE__ */ React.createElement("div", _extends$1({
     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: ref2
   }, other), startAdornment, /* @__PURE__ */ React.createElement(FormControlContext$1.Provider, {
     value: null
-  }, /* @__PURE__ */ React.createElement(InputComponent, _extends$2({
+  }, /* @__PURE__ */ React.createElement(InputComponent, _extends$1({
     "aria-invalid": fcs.error,
     "aria-describedby": ariaDescribedby,
     autoComplete,
@@ -24270,7 +24288,7 @@ var InputBase = /* @__PURE__ */ React.forwardRef(function InputBase2(props, ref2
     onBlur: handleBlur,
     onChange: handleChange,
     onFocus: handleFocus
-  }))), endAdornment, renderSuffix ? renderSuffix(_extends$2({}, fcs, {
+  }))), endAdornment, renderSuffix ? renderSuffix(_extends$1({}, fcs, {
     startAdornment
   })) : null);
 });
@@ -24588,8 +24606,8 @@ var styles$h = function styles5(theme) {
 };
 var FilledInput = /* @__PURE__ */ React.forwardRef(function FilledInput2(props, ref2) {
   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, type2 = _props$type === void 0 ? "text" : _props$type, other = _objectWithoutProperties(props, ["disableUnderline", "classes", "fullWidth", "inputComponent", "multiline", "type"]);
-  return /* @__PURE__ */ React.createElement(InputBase$1, _extends$2({
-    classes: _extends$2({}, classes, {
+  return /* @__PURE__ */ React.createElement(InputBase$1, _extends$1({
+    classes: _extends$1({}, classes, {
       root: clsx(classes.root, !disableUnderline && classes.underline),
       underline: null
     }),
@@ -24833,7 +24851,7 @@ var FormControl = /* @__PURE__ */ React.forwardRef(function FormControl2(props,
   };
   return /* @__PURE__ */ React.createElement(FormControlContext$1.Provider, {
     value: childContext
-  }, /* @__PURE__ */ React.createElement(Component, _extends$2({
+  }, /* @__PURE__ */ React.createElement(Component, _extends$1({
     className: clsx(classes.root, className, margin !== "none" && classes["margin".concat(capitalize$1(margin))], fullWidth && classes.fullWidth),
     ref: ref2
   }, other), children2));
@@ -24910,7 +24928,7 @@ const FormControl$1 = withStyles2(styles$g, {
 var styles$f = function styles6(theme) {
   return {
     /* Styles applied to the root element. */
-    root: _extends$2({
+    root: _extends$1({
       color: theme.palette.text.secondary
     }, theme.typography.caption, {
       textAlign: "left",
@@ -24960,7 +24978,7 @@ var FormHelperText = /* @__PURE__ */ React.forwardRef(function FormHelperText2(p
     muiFormControl,
     states: ["variant", "margin", "disabled", "error", "filled", "focused", "required"]
   });
-  return /* @__PURE__ */ React.createElement(Component, _extends$2({
+  return /* @__PURE__ */ React.createElement(Component, _extends$1({
     className: clsx(classes.root, (fcs.variant === "filled" || fcs.variant === "outlined") && classes.contained, className, fcs.disabled && classes.disabled, fcs.error && classes.error, fcs.filled && classes.filled, fcs.focused && classes.focused, fcs.required && classes.required, fcs.margin === "dense" && classes.marginDense),
     ref: ref2
   }, other), children2 === " " ? (
@@ -25033,7 +25051,7 @@ const FormHelperText$1 = withStyles2(styles$f, {
 var styles$e = function styles7(theme) {
   return {
     /* Styles applied to the root element. */
-    root: _extends$2({
+    root: _extends$1({
       color: theme.palette.text.secondary
     }, theme.typography.body1, {
       lineHeight: 1,
@@ -25088,7 +25106,7 @@ var FormLabel = /* @__PURE__ */ React.forwardRef(function FormLabel2(props, ref2
     muiFormControl,
     states: ["color", "required", "focused", "disabled", "error", "filled"]
   });
-  return /* @__PURE__ */ React.createElement(Component, _extends$2({
+  return /* @__PURE__ */ React.createElement(Component, _extends$1({
     className: clsx(classes.root, classes["color".concat(capitalize$1(fcs.color || "primary"))], className, fcs.disabled && classes.disabled, fcs.error && classes.error, fcs.filled && classes.filled, fcs.focused && classes.focused, fcs.required && classes.required),
     ref: ref2
   }, other), children2, fcs.required && /* @__PURE__ */ React.createElement("span", {
@@ -25249,7 +25267,7 @@ var Grow = /* @__PURE__ */ React.forwardRef(function Grow2(props, ref2) {
       clearTimeout(timer2.current);
     };
   }, []);
-  return /* @__PURE__ */ React.createElement(TransitionComponent, _extends$2({
+  return /* @__PURE__ */ React.createElement(TransitionComponent, _extends$1({
     appear: true,
     in: inProp,
     nodeRef: enableStrictModeCompat ? nodeRef : void 0,
@@ -25262,8 +25280,8 @@ var Grow = /* @__PURE__ */ React.forwardRef(function Grow2(props, ref2) {
     addEndListener,
     timeout: timeout3 === "auto" ? null : timeout3
   }, other), function(state, childProps) {
-    return /* @__PURE__ */ React.cloneElement(children2, _extends$2({
-      style: _extends$2({
+    return /* @__PURE__ */ React.cloneElement(children2, _extends$1({
+      style: _extends$1({
         opacity: 0,
         transform: getScale$1(0.75),
         visibility: state === "exited" && !inProp ? "hidden" : void 0
@@ -25428,8 +25446,8 @@ var styles$c = function styles8(theme) {
 };
 var Input = /* @__PURE__ */ React.forwardRef(function Input2(props, ref2) {
   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, type2 = _props$type === void 0 ? "text" : _props$type, other = _objectWithoutProperties(props, ["disableUnderline", "classes", "fullWidth", "inputComponent", "multiline", "type"]);
-  return /* @__PURE__ */ React.createElement(InputBase$1, _extends$2({
-    classes: _extends$2({}, classes, {
+  return /* @__PURE__ */ React.createElement(InputBase$1, _extends$1({
+    classes: _extends$1({}, classes, {
       root: clsx(classes.root, !disableUnderline && classes.underline),
       underline: null
     }),
@@ -25656,7 +25674,7 @@ var InputLabel = /* @__PURE__ */ React.forwardRef(function InputLabel2(props, re
     muiFormControl,
     states: ["margin", "variant"]
   });
-  return /* @__PURE__ */ React.createElement(FormLabel$1, _extends$2({
+  return /* @__PURE__ */ React.createElement(FormLabel$1, _extends$1({
     "data-shrink": shrink,
     className: clsx(classes.root, className, muiFormControl && classes.formControl, !disableAnimation && classes.animated, shrink && classes.shrink, fcs.margin === "dense" && classes.marginDense, {
       "filled": classes.filled,
@@ -25765,7 +25783,7 @@ var List = /* @__PURE__ */ React.forwardRef(function List2(props, ref2) {
   }, [dense]);
   return /* @__PURE__ */ React.createElement(ListContext$1.Provider, {
     value: context2
-  }, /* @__PURE__ */ React.createElement(Component, _extends$2({
+  }, /* @__PURE__ */ React.createElement(Component, _extends$1({
     className: clsx(classes.root, className, dense && classes.dense, !disablePadding && classes.padding, subheader && classes.subheader),
     ref: ref2
   }, other), subheader, children2));
@@ -26024,7 +26042,7 @@ var Popover = /* @__PURE__ */ React.forwardRef(function Popover2(props, ref2) {
     transitionDuration = void 0;
   }
   var container = containerProp || (anchorEl ? ownerDocument(getAnchorEl(anchorEl)).body : void 0);
-  return /* @__PURE__ */ React.createElement(Modal$1, _extends$2({
+  return /* @__PURE__ */ React.createElement(Modal$1, _extends$1({
     container,
     open,
     ref: ref2,
@@ -26032,7 +26050,7 @@ var Popover = /* @__PURE__ */ React.forwardRef(function Popover2(props, ref2) {
       invisible: true
     },
     className: clsx(classes.root, className)
-  }, other), /* @__PURE__ */ React.createElement(TransitionComponent, _extends$2({
+  }, other), /* @__PURE__ */ React.createElement(TransitionComponent, _extends$1({
     appear: true,
     in: open,
     onEnter,
@@ -26043,7 +26061,7 @@ var Popover = /* @__PURE__ */ React.forwardRef(function Popover2(props, ref2) {
     timeout: transitionDuration
   }, TransitionProps, {
     onEntering: createChainedFunction(handleEntering, TransitionProps.onEntering)
-  }), /* @__PURE__ */ React.createElement(Paper$1, _extends$2({
+  }), /* @__PURE__ */ React.createElement(Paper$1, _extends$1({
     elevation,
     ref: handlePaperRef
   }, PaperProps, {
@@ -26380,7 +26398,7 @@ var MenuList = /* @__PURE__ */ React.forwardRef(function MenuList2(props, ref2)
     }
     return child;
   });
-  return /* @__PURE__ */ React.createElement(List$1, _extends$2({
+  return /* @__PURE__ */ React.createElement(List$1, _extends$1({
     role: "menu",
     ref: handleRef,
     className,
@@ -26512,24 +26530,24 @@ var Menu = /* @__PURE__ */ React.forwardRef(function Menu2(props, ref2) {
     }
     return child;
   });
-  return /* @__PURE__ */ React.createElement(Popover$1, _extends$2({
+  return /* @__PURE__ */ React.createElement(Popover$1, _extends$1({
     getContentAnchorEl,
     classes: PopoverClasses,
     onClose,
-    TransitionProps: _extends$2({
+    TransitionProps: _extends$1({
       onEntering: handleEntering
     }, TransitionProps),
     anchorOrigin: theme.direction === "rtl" ? RTL_ORIGIN : LTR_ORIGIN,
     transformOrigin: theme.direction === "rtl" ? RTL_ORIGIN : LTR_ORIGIN,
-    PaperProps: _extends$2({}, PaperProps, {
-      classes: _extends$2({}, PaperProps.classes, {
+    PaperProps: _extends$1({}, PaperProps, {
+      classes: _extends$1({}, PaperProps.classes, {
         root: classes.paper
       })
     }),
     open,
     ref: ref2,
     transitionDuration
-  }, other), /* @__PURE__ */ React.createElement(MenuList$1, _extends$2({
+  }, other), /* @__PURE__ */ React.createElement(MenuList$1, _extends$1({
     onKeyDown: handleListKeyDown,
     actions: menuListActionsRef,
     autoFocus: autoFocus && (activeItemIndex === -1 || disableAutoFocusItem),
@@ -26649,7 +26667,7 @@ const Menu$1 = withStyles2(styles$8, {
 })(Menu);
 var NativeSelectInput = /* @__PURE__ */ React.forwardRef(function NativeSelectInput2(props, ref2) {
   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(props, ["classes", "className", "disabled", "IconComponent", "inputRef", "variant"]);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("select", _extends$2({
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("select", _extends$1({
     className: clsx(
       classes.root,
       // TODO v5: merge root and select
@@ -26835,11 +26853,11 @@ var NativeSelect = /* @__PURE__ */ React.forwardRef(function NativeSelect2(props
     muiFormControl,
     states: ["variant"]
   });
-  return /* @__PURE__ */ React.cloneElement(input, _extends$2({
+  return /* @__PURE__ */ React.cloneElement(input, _extends$1({
     // 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$2({
+    inputProps: _extends$1({
       children: children2,
       classes,
       IconComponent,
@@ -26962,7 +26980,7 @@ var NotchedOutline = /* @__PURE__ */ React.forwardRef(function NotchedOutline2(p
   var theme = useTheme();
   var align2 = theme.direction === "rtl" ? "right" : "left";
   if (label2 !== void 0) {
-    return /* @__PURE__ */ React.createElement("fieldset", _extends$2({
+    return /* @__PURE__ */ React.createElement("fieldset", _extends$1({
       "aria-hidden": true,
       className: clsx(classes.root, className),
       ref: ref2,
@@ -26976,9 +26994,9 @@ var NotchedOutline = /* @__PURE__ */ React.forwardRef(function NotchedOutline2(p
     })));
   }
   var labelWidth = labelWidthProp > 0 ? labelWidthProp * 0.75 + 8 : 0.01;
-  return /* @__PURE__ */ React.createElement("fieldset", _extends$2({
+  return /* @__PURE__ */ React.createElement("fieldset", _extends$1({
     "aria-hidden": true,
-    style: _extends$2(_defineProperty$3({}, "padding".concat(capitalize$1(align2)), 8), style2),
+    style: _extends$1(_defineProperty$3({}, "padding".concat(capitalize$1(align2)), 8), style2),
     className: clsx(classes.root, className),
     ref: ref2
   }, other), /* @__PURE__ */ React.createElement("legend", {
@@ -27121,7 +27139,7 @@ var styles$5 = function styles12(theme) {
 };
 var OutlinedInput = /* @__PURE__ */ React.forwardRef(function OutlinedInput2(props, ref2) {
   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, label2 = 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, type2 = _props$type === void 0 ? "text" : _props$type, other = _objectWithoutProperties(props, ["classes", "fullWidth", "inputComponent", "label", "labelWidth", "multiline", "notched", "type"]);
-  return /* @__PURE__ */ React.createElement(InputBase$1, _extends$2({
+  return /* @__PURE__ */ React.createElement(InputBase$1, _extends$1({
     renderSuffix: function renderSuffix(state) {
       return /* @__PURE__ */ React.createElement(NotchedOutline$1, {
         className: classes.notchedOutline,
@@ -27130,7 +27148,7 @@ var OutlinedInput = /* @__PURE__ */ React.forwardRef(function OutlinedInput2(pro
         notched: typeof notched !== "undefined" ? notched : Boolean(state.startAdornment || state.filled || state.focused)
       });
     },
-    classes: _extends$2({}, classes, {
+    classes: _extends$1({}, classes, {
       root: clsx(classes.root, classes.underline),
       notchedOutline: null
     }),
@@ -27276,7 +27294,7 @@ const OutlinedInput$1 = withStyles2(styles$5, {
   name: "MuiOutlinedInput"
 })(OutlinedInput);
 function areEqualValues(a2, b2) {
-  if (_typeof$2(b2) === "object" && b2 !== null) {
+  if (_typeof$1(b2) === "object" && b2 !== null) {
     return a2 === b2;
   }
   return String(a2) === String(b2);
@@ -27526,7 +27544,7 @@ var SelectInput = /* @__PURE__ */ React.forwardRef(function SelectInput2(props,
     tabIndex = disabled ? null : 0;
   }
   var buttonId = SelectDisplayProps.id || (name2 ? "mui-component-select-".concat(name2) : void 0);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", _extends$2({
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", _extends$1({
     className: clsx(
       classes.root,
       // TODO v5: merge root and select
@@ -27558,7 +27576,7 @@ var SelectInput = /* @__PURE__ */ React.forwardRef(function SelectInput2(props,
         __html: "&#8203;"
       }
     })
-  ) : display), /* @__PURE__ */ React.createElement("input", _extends$2({
+  ) : display), /* @__PURE__ */ React.createElement("input", _extends$1({
     value: Array.isArray(value2) ? value2.join(",") : value2,
     name: name2,
     ref: inputRef,
@@ -27569,19 +27587,19 @@ var SelectInput = /* @__PURE__ */ React.forwardRef(function SelectInput2(props,
     autoFocus
   }, other)), /* @__PURE__ */ React.createElement(IconComponent, {
     className: clsx(classes.icon, classes["icon".concat(capitalize$1(variant))], open && classes.iconOpen, disabled && classes.disabled)
-  }), /* @__PURE__ */ React.createElement(Menu$1, _extends$2({
+  }), /* @__PURE__ */ React.createElement(Menu$1, _extends$1({
     id: "menu-".concat(name2 || ""),
     anchorEl: displayNode,
     open,
     onClose: handleClose
   }, MenuProps, {
-    MenuListProps: _extends$2({
+    MenuListProps: _extends$1({
       "aria-labelledby": labelId,
       role: "listbox",
       disableListWrap: true
     }, MenuProps.MenuListProps),
-    PaperProps: _extends$2({}, MenuProps.PaperProps, {
-      style: _extends$2({
+    PaperProps: _extends$1({}, MenuProps.PaperProps, {
+      style: _extends$1({
         minWidth: menuMinWidth
       }, MenuProps.PaperProps != null ? MenuProps.PaperProps.style : null)
     })
@@ -27741,11 +27759,11 @@ var Select = /* @__PURE__ */ React.forwardRef(function Select2(props, ref2) {
     }),
     filled: _ref2
   }[variant];
-  return /* @__PURE__ */ React.cloneElement(InputComponent, _extends$2({
+  return /* @__PURE__ */ React.cloneElement(InputComponent, _extends$1({
     // 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$2({
+    inputProps: _extends$1({
       children: children2,
       IconComponent,
       variant,
@@ -27763,7 +27781,7 @@ var Select = /* @__PURE__ */ React.forwardRef(function Select2(props, ref2) {
       onOpen,
       open,
       renderValue,
-      SelectDisplayProps: _extends$2({
+      SelectDisplayProps: _extends$1({
         id: id2
       }, SelectDisplayProps)
     }, inputProps, {
@@ -27921,7 +27939,7 @@ const Tablelvl2Context$1 = Tablelvl2Context;
 var styles$3 = function styles13(theme) {
   return {
     /* Styles applied to the root element. */
-    root: _extends$2({}, theme.typography.body2, {
+    root: _extends$1({}, theme.typography.body2, {
       display: "table-cell",
       verticalAlign: "inherit",
       // Workaround for a rendering bug with spanned columns in Chrome 62.0.
@@ -28033,7 +28051,7 @@ var TableCell = /* @__PURE__ */ React.forwardRef(function TableCell2(props, ref2
   if (sortDirection) {
     ariaSort = sortDirection === "asc" ? "ascending" : "descending";
   }
-  return /* @__PURE__ */ React.createElement(Component, _extends$2({
+  return /* @__PURE__ */ React.createElement(Component, _extends$1({
     ref: ref2,
     className: clsx(classes.root, classes[variant], className, align2 !== "inherit" && classes["align".concat(capitalize$1(align2))], 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,
@@ -28130,7 +28148,7 @@ var defaultComponent = "tr";
 var TableRow = /* @__PURE__ */ React.forwardRef(function TableRow2(props, ref2) {
   var classes = props.classes, className = props.className, _props$component = props.component, Component = _props$component === void 0 ? defaultComponent : _props$component, _props$hover = props.hover, hover2 = _props$hover === void 0 ? false : _props$hover, _props$selected = props.selected, selected = _props$selected === void 0 ? false : _props$selected, other = _objectWithoutProperties(props, ["classes", "className", "component", "hover", "selected"]);
   var tablelvl2 = React.useContext(Tablelvl2Context$1);
-  return /* @__PURE__ */ React.createElement(Component, _extends$2({
+  return /* @__PURE__ */ React.createElement(Component, _extends$1({
     ref: ref2,
     className: clsx(classes.root, className, tablelvl2 && {
       "head": classes.head,
@@ -28206,7 +28224,7 @@ var TextField = /* @__PURE__ */ React.forwardRef(function TextField2(props, ref2
   var helperTextId = helperText && id2 ? "".concat(id2, "-helper-text") : void 0;
   var inputLabelId = label2 && id2 ? "".concat(id2, "-label") : void 0;
   var InputComponent = variantComponent[variant];
-  var InputElement = /* @__PURE__ */ React.createElement(InputComponent, _extends$2({
+  var InputElement = /* @__PURE__ */ React.createElement(InputComponent, _extends$1({
     "aria-describedby": helperTextId,
     autoComplete,
     autoFocus,
@@ -28228,7 +28246,7 @@ var TextField = /* @__PURE__ */ React.forwardRef(function TextField2(props, ref2
     placeholder,
     inputProps
   }, InputMore, InputProps));
-  return /* @__PURE__ */ React.createElement(FormControl$1, _extends$2({
+  return /* @__PURE__ */ React.createElement(FormControl$1, _extends$1({
     className: clsx(classes.root, className),
     disabled,
     error: error2,
@@ -28238,16 +28256,16 @@ var TextField = /* @__PURE__ */ React.forwardRef(function TextField2(props, ref2
     required: required2,
     color: color2,
     variant
-  }, other), label2 && /* @__PURE__ */ React.createElement(InputLabel$1, _extends$2({
+  }, other), label2 && /* @__PURE__ */ React.createElement(InputLabel$1, _extends$1({
     htmlFor: id2,
     id: inputLabelId
-  }, InputLabelProps), label2), select2 ? /* @__PURE__ */ React.createElement(Select$1, _extends$2({
+  }, InputLabelProps), label2), select2 ? /* @__PURE__ */ React.createElement(Select$1, _extends$1({
     "aria-describedby": helperTextId,
     id: id2,
     labelId: inputLabelId,
     value: value2,
     input: InputElement
-  }, SelectProps), children2) : InputElement, helperText && /* @__PURE__ */ React.createElement(FormHelperText$1, _extends$2({
+  }, SelectProps), children2) : InputElement, helperText && /* @__PURE__ */ React.createElement(FormHelperText$1, _extends$1({
     id: helperTextId
   }, FormHelperTextProps), helperText));
 });
@@ -85319,7 +85337,6 @@ function CellSetExpressionPlotSubscriber(props) {
     coordinationScopes
   );
   const [width2, height2, containerRef] = useGridItemSize();
-  const [urls, addUrl] = useUrls(loaders, dataset);
   const transformOptions = VALUE_TRANSFORM_OPTIONS;
   const [expressionData, loadedFeatureSelection, featureSelectionStatus] = useFeatureSelection(
     loaders,
@@ -85328,26 +85345,23 @@ function CellSetExpressionPlotSubscriber(props) {
     geneSelection,
     { obsType, featureType, featureValueType }
   );
-  const [{ featureLabelsMap }, featureLabelsStatus] = useFeatureLabelsData(
+  const [{ featureLabelsMap }, featureLabelsStatus, featureLabelsUrls] = useFeatureLabelsData(
     loaders,
     dataset,
-    addUrl,
     false,
     {},
     {},
     { featureType }
   );
-  const [{ obsIndex }, matrixIndicesStatus] = useObsFeatureMatrixIndices(
+  const [{ obsIndex }, matrixIndicesStatus, matrixIndicesUrls] = useObsFeatureMatrixIndices(
     loaders,
     dataset,
-    addUrl,
     false,
     { obsType, featureType, featureValueType }
   );
-  const [{ obsSets: cellSets }, obsSetsStatus] = useObsSetsData(
+  const [{ obsSets: cellSets }, obsSetsStatus, obsSetsUrls] = useObsSetsData(
     loaders,
     dataset,
-    addUrl,
     true,
     {},
     {},
@@ -85359,6 +85373,11 @@ function CellSetExpressionPlotSubscriber(props) {
     obsSetsStatus,
     featureLabelsStatus
   ]);
+  const urls = useUrls([
+    featureLabelsUrls,
+    matrixIndicesUrls,
+    obsSetsUrls
+  ]);
   const [expressionArr, setArr, expressionMax] = useExpressionByCellSet(
     expressionData,
     obsIndex,
@@ -85571,21 +85590,18 @@ function CellSetSizesPlotSubscriber(props) {
   }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType$1.OBS_SET_SIZES], coordinationScopes);
   const title2 = titleOverride || `${capitalize$2(obsType)} Set Sizes`;
   const [width2, height2, containerRef] = useGridItemSize();
-  const [urls, addUrl] = useUrls(loaders, dataset);
   const [currentHierarchy, setCurrentHierarchy] = useState([]);
   const [prevCellSetSelection, setPrevCellSetSelection] = useState([]);
-  const [{ obsSets: cellSets }, obsSetsStatus] = useObsSetsData(
+  const [{ obsSets: cellSets }, obsSetsStatus, obsSetsUrls] = useObsSetsData(
     loaders,
     dataset,
-    addUrl,
     true,
     { setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor },
     { obsSetSelection: cellSetSelection, obsSetColor: cellSetColor },
     { obsType }
   );
-  const isReady = useReady([
-    obsSetsStatus
-  ]);
+  const isReady = useReady([obsSetsStatus]);
+  const urls = useUrls([obsSetsUrls]);
   const mergedCellSets = useMemo(
     () => mergeObsSets(cellSets, additionalCellSets),
     [cellSets, additionalCellSets]
@@ -85773,11 +85789,13 @@ function ExpressionHistogramSubscriber(props) {
     coordinationScopes
   );
   const [width2, height2, containerRef] = useGridItemSize();
-  const [urls, addUrl] = useUrls(loaders, dataset);
-  const [{ obsIndex, featureIndex, obsFeatureMatrix }, matrixStatus] = useObsFeatureMatrixData(
+  const [
+    { obsIndex, featureIndex, obsFeatureMatrix },
+    matrixStatus,
+    matrixUrls
+  ] = useObsFeatureMatrixData(
     loaders,
     dataset,
-    addUrl,
     true,
     {},
     {},
@@ -85794,6 +85812,9 @@ function ExpressionHistogramSubscriber(props) {
     matrixStatus,
     featureSelectionStatus
   ]);
+  const urls = useUrls([
+    matrixUrls
+  ]);
   const firstGeneSelected = geneSelection && geneSelection.length >= 1 ? geneSelection[0] : null;
   const data2 = useMemo(() => {
     if (firstGeneSelected && obsFeatureMatrix && expressionData) {