@vitessce/statistical-plots 3.3.11 → 3.4.0

package/dist/index.js

@@ -936,7 +936,8 @@ const ViewType$1 = {
   OBS_SETS: "obsSets",
   OBS_SET_SIZES: "obsSetSizes",
   OBS_SET_FEATURE_VALUE_DISTRIBUTION: "obsSetFeatureValueDistribution",
-  FEATURE_VALUE_HISTOGRAM: "featureValueHistogram"
+  FEATURE_VALUE_HISTOGRAM: "featureValueHistogram",
+  FEATURE_BAR_PLOT: "featureBarPlot"
 };
 const DataType$1 = {
   OBS_LABELS: "obsLabels",
@@ -1024,6 +1025,8 @@ const FileType$1 = {
   // OME-TIFF
   IMAGE_OME_TIFF: "image.ome-tiff",
   OBS_SEGMENTATIONS_OME_TIFF: "obsSegmentations.ome-tiff",
+  // GLB
+  OBS_SEGMENTATIONS_GLB: "obsSegmentations.glb",
   // New file types to support old file types:
   // - cells.json
   OBS_EMBEDDING_CELLS_JSON: "obsEmbedding.cells.json",
@@ -1542,6 +1545,21 @@ const COMPONENT_COORDINATION_TYPES = {
     CoordinationType$1.FEATURE_FILTER,
     CoordinationType$1.FEATURE_HIGHLIGHT,
     CoordinationType$1.FEATURE_SELECTION
+  ],
+  [ViewType$1.FEATURE_BAR_PLOT]: [
+    CoordinationType$1.DATASET,
+    CoordinationType$1.OBS_TYPE,
+    CoordinationType$1.FEATURE_TYPE,
+    CoordinationType$1.FEATURE_VALUE_TYPE,
+    CoordinationType$1.FEATURE_SELECTION,
+    CoordinationType$1.FEATURE_VALUE_TRANSFORM,
+    CoordinationType$1.FEATURE_VALUE_TRANSFORM_COEFFICIENT,
+    CoordinationType$1.OBS_SET_SELECTION,
+    CoordinationType$1.OBS_SET_HIGHLIGHT,
+    CoordinationType$1.OBS_HIGHLIGHT,
+    CoordinationType$1.OBS_SET_COLOR,
+    CoordinationType$1.OBS_COLOR_ENCODING,
+    CoordinationType$1.ADDITIONAL_OBS_SETS
   ]
 };
 function commonjsRequire(path2) {
@@ -10737,6 +10755,24 @@ const obsSetsSpatialdataSchema = z.object({
   tablePath: z.string().optional().describe("The path to a table which contains the index for the set values."),
   obsSets: annDataObsSets
 });
+z.object({
+  targetX: z.number(),
+  targetY: z.number(),
+  targetZ: z.number(),
+  rotationX: z.number(),
+  rotationY: z.number(),
+  rotationZ: z.number(),
+  scaleX: z.number(),
+  scaleY: z.number(),
+  scaleZ: z.number(),
+  sceneRotationX: z.number(),
+  sceneRotationY: z.number(),
+  sceneRotationZ: z.number(),
+  sceneScaleX: z.number(),
+  sceneScaleY: z.number(),
+  sceneScaleZ: z.number(),
+  materialSide: z.enum(["front", "back"])
+}).partial().nullable();
 z.object({
   obsIndex: z.string(),
   obsEmbedding: z.array(z.string()).length(2)
@@ -10985,7 +11021,7 @@ var tinycolor$1 = { exports: {} };
         return this._a == 1 ? "hsl(" + h2 + ", " + s + "%, " + l + "%)" : "hsla(" + h2 + ", " + s + "%, " + l + "%, " + this._roundA + ")";
       },
       toHex: function(allow3Char) {
-        return rgbToHex(this._r, this._g, this._b, allow3Char);
+        return rgbToHex2(this._r, this._g, this._b, allow3Char);
       },
       toHexString: function(allow3Char) {
         return "#" + this.toHex(allow3Char);
@@ -11015,7 +11051,7 @@ var tinycolor$1 = { exports: {} };
         if (this._a < 1) {
           return false;
         }
-        return hexNames[rgbToHex(this._r, this._g, this._b, true)] || false;
+        return hexNames[rgbToHex2(this._r, this._g, this._b, true)] || false;
       },
       toFilter: function(secondColor) {
         var hex8String = "#" + rgbaToArgbHex(this._r, this._g, this._b, this._a);
@@ -11276,7 +11312,7 @@ var tinycolor$1 = { exports: {} };
       var i = Math2.floor(h2), f = h2 - i, p = v * (1 - s), q = v * (1 - f * s), t4 = v * (1 - (1 - f) * s), mod = i % 6, r3 = [v, q, p, p, t4, v][mod], g = [t4, v, v, q, p, p][mod], b2 = [p, p, t4, v, v, q][mod];
       return { r: r3 * 255, g: g * 255, b: b2 * 255 };
     }
-    function rgbToHex(r3, g, b2, allow3Char) {
+    function rgbToHex2(r3, g, b2, allow3Char) {
       var hex2 = [
         pad2(mathRound(r3).toString(16)),
         pad2(mathRound(g).toString(16)),
@@ -19143,7 +19179,7 @@ function _objectWithoutPropertiesLoose$1(source2, excluded) {
   }
   return target2;
 }
-function _objectWithoutProperties(source2, excluded) {
+function _objectWithoutProperties$1(source2, excluded) {
   if (source2 == null)
     return {};
   var target2 = _objectWithoutPropertiesLoose$1(source2, excluded);
@@ -19183,7 +19219,7 @@ function createBreakpoints(breakpoints) {
     md: 960,
     lg: 1280,
     xl: 1920
-  } : _breakpoints$values, _breakpoints$unit = breakpoints.unit, unit2 = _breakpoints$unit === void 0 ? "px" : _breakpoints$unit, _breakpoints$step = breakpoints.step, step = _breakpoints$step === void 0 ? 5 : _breakpoints$step, other = _objectWithoutProperties(breakpoints, ["values", "unit", "step"]);
+  } : _breakpoints$values, _breakpoints$unit = breakpoints.unit, unit2 = _breakpoints$unit === void 0 ? "px" : _breakpoints$unit, _breakpoints$step = breakpoints.step, step = _breakpoints$step === void 0 ? 5 : _breakpoints$step, other = _objectWithoutProperties$1(breakpoints, ["values", "unit", "step"]);
   function up(key2) {
     var value2 = typeof values2[key2] === "number" ? values2[key2] : key2;
     return "@media (min-width:".concat(value2).concat(unit2, ")");
@@ -19355,7 +19391,7 @@ function createPalette(palette) {
     light: green$1[300],
     main: green$1[500],
     dark: green$1[700]
-  } : _palette$success, _palette$type = palette.type, type2 = _palette$type === void 0 ? "light" : _palette$type, _palette$contrastThre = palette.contrastThreshold, contrastThreshold = _palette$contrastThre === void 0 ? 3 : _palette$contrastThre, _palette$tonalOffset = palette.tonalOffset, tonalOffset = _palette$tonalOffset === void 0 ? 0.2 : _palette$tonalOffset, other = _objectWithoutProperties(palette, ["primary", "secondary", "error", "warning", "info", "success", "type", "contrastThreshold", "tonalOffset"]);
+  } : _palette$success, _palette$type = palette.type, type2 = _palette$type === void 0 ? "light" : _palette$type, _palette$contrastThre = palette.contrastThreshold, contrastThreshold = _palette$contrastThre === void 0 ? 3 : _palette$contrastThre, _palette$tonalOffset = palette.tonalOffset, tonalOffset = _palette$tonalOffset === void 0 ? 0.2 : _palette$tonalOffset, other = _objectWithoutProperties$1(palette, ["primary", "secondary", "error", "warning", "info", "success", "type", "contrastThreshold", "tonalOffset"]);
   function getContrastText(background2) {
     var contrastText = getContrastRatio(background2, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;
     {
@@ -19447,7 +19483,7 @@ var caseAllCaps = {
 };
 var defaultFontFamily = '"Roboto", "Helvetica", "Arial", sans-serif';
 function createTypography(palette, typography) {
-  var _ref3 = typeof typography === "function" ? typography(palette) : typography, _ref$fontFamily = _ref3.fontFamily, fontFamily2 = _ref$fontFamily === void 0 ? defaultFontFamily : _ref$fontFamily, _ref$fontSize = _ref3.fontSize, fontSize2 = _ref$fontSize === void 0 ? 14 : _ref$fontSize, _ref$fontWeightLight = _ref3.fontWeightLight, fontWeightLight = _ref$fontWeightLight === void 0 ? 300 : _ref$fontWeightLight, _ref$fontWeightRegula = _ref3.fontWeightRegular, fontWeightRegular = _ref$fontWeightRegula === void 0 ? 400 : _ref$fontWeightRegula, _ref$fontWeightMedium = _ref3.fontWeightMedium, fontWeightMedium = _ref$fontWeightMedium === void 0 ? 500 : _ref$fontWeightMedium, _ref$fontWeightBold = _ref3.fontWeightBold, fontWeightBold = _ref$fontWeightBold === void 0 ? 700 : _ref$fontWeightBold, _ref$htmlFontSize = _ref3.htmlFontSize, htmlFontSize = _ref$htmlFontSize === void 0 ? 16 : _ref$htmlFontSize, allVariants = _ref3.allVariants, pxToRem2 = _ref3.pxToRem, other = _objectWithoutProperties(_ref3, ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"]);
+  var _ref3 = typeof typography === "function" ? typography(palette) : typography, _ref$fontFamily = _ref3.fontFamily, fontFamily2 = _ref$fontFamily === void 0 ? defaultFontFamily : _ref$fontFamily, _ref$fontSize = _ref3.fontSize, fontSize2 = _ref$fontSize === void 0 ? 14 : _ref$fontSize, _ref$fontWeightLight = _ref3.fontWeightLight, fontWeightLight = _ref$fontWeightLight === void 0 ? 300 : _ref$fontWeightLight, _ref$fontWeightRegula = _ref3.fontWeightRegular, fontWeightRegular = _ref$fontWeightRegula === void 0 ? 400 : _ref$fontWeightRegula, _ref$fontWeightMedium = _ref3.fontWeightMedium, fontWeightMedium = _ref$fontWeightMedium === void 0 ? 500 : _ref$fontWeightMedium, _ref$fontWeightBold = _ref3.fontWeightBold, fontWeightBold = _ref$fontWeightBold === void 0 ? 700 : _ref$fontWeightBold, _ref$htmlFontSize = _ref3.htmlFontSize, htmlFontSize = _ref$htmlFontSize === void 0 ? 16 : _ref$htmlFontSize, allVariants = _ref3.allVariants, pxToRem2 = _ref3.pxToRem, other = _objectWithoutProperties$1(_ref3, ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"]);
   {
     if (typeof fontSize2 !== "number") {
       console.error("Material-UI: `fontSize` is required to be a number.");
@@ -19519,9 +19555,8 @@ const responsivePropType$1 = responsivePropType;
 function _arrayLikeToArray$3(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
+  for (var i = 0, arr2 = new Array(len); i < len; i++)
     arr2[i] = arr[i];
-  }
   return arr2;
 }
 function _arrayWithoutHoles$1(arr) {
@@ -19551,52 +19586,6 @@ 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;
-}
-function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-  if (_i == null)
-    return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-  var _s, _e;
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-      if (i && _arr.length === i)
-        break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
-    try {
-      if (!_n && _i["return"] != null)
-        _i["return"]();
-    } finally {
-      if (_d)
-        throw _e;
-    }
-  }
-  return _arr;
-}
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$3(arr, i) || _nonIterableRest();
-}
 var spacingKeys = ["m", "mt", "mr", "mb", "ml", "mx", "my", "p", "pt", "pr", "pb", "pl", "px", "py", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY"];
 function createUnarySpacing(theme) {
   var themeSpacing = theme.spacing || 8;
@@ -19713,7 +19702,7 @@ const transitions = {
   create: function create() {
     var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : ["all"];
     var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    var _options$duration = options.duration, durationOption = _options$duration === void 0 ? duration.standard : _options$duration, _options$easing = options.easing, easingOption = _options$easing === void 0 ? easing.easeInOut : _options$easing, _options$delay = options.delay, delay = _options$delay === void 0 ? 0 : _options$delay, other = _objectWithoutProperties(options, ["duration", "easing", "delay"]);
+    var _options$duration = options.duration, durationOption = _options$duration === void 0 ? duration.standard : _options$duration, _options$easing = options.easing, easingOption = _options$easing === void 0 ? easing.easeInOut : _options$easing, _options$delay = options.delay, delay = _options$delay === void 0 ? 0 : _options$delay, other = _objectWithoutProperties$1(options, ["duration", "easing", "delay"]);
     {
       var isString2 = function isString3(value2) {
         return typeof value2 === "string";
@@ -19761,7 +19750,7 @@ var zIndex = {
 const zIndex$1 = zIndex;
 function createTheme() {
   var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-  var _options$breakpoints = options.breakpoints, breakpointsInput = _options$breakpoints === void 0 ? {} : _options$breakpoints, _options$mixins = options.mixins, mixinsInput = _options$mixins === void 0 ? {} : _options$mixins, _options$palette = options.palette, paletteInput = _options$palette === void 0 ? {} : _options$palette, spacingInput = options.spacing, _options$typography = options.typography, typographyInput = _options$typography === void 0 ? {} : _options$typography, other = _objectWithoutProperties(options, ["breakpoints", "mixins", "palette", "spacing", "typography"]);
+  var _options$breakpoints = options.breakpoints, breakpointsInput = _options$breakpoints === void 0 ? {} : _options$breakpoints, _options$mixins = options.mixins, mixinsInput = _options$mixins === void 0 ? {} : _options$mixins, _options$palette = options.palette, paletteInput = _options$palette === void 0 ? {} : _options$palette, spacingInput = options.spacing, _options$typography = options.typography, typographyInput = _options$typography === void 0 ? {} : _options$typography, other = _objectWithoutProperties$1(options, ["breakpoints", "mixins", "palette", "spacing", "typography"]);
   var palette = createPalette(paletteInput);
   var breakpoints = createBreakpoints(breakpointsInput);
   var spacing = createSpacing(spacingInput);
@@ -19880,12 +19869,12 @@ function warning(condition, message) {
     }
   }
 }
-var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function(obj) {
+var _typeof$1 = 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(window)) === "object" && (typeof document === "undefined" ? "undefined" : _typeof(document)) === "object" && document.nodeType === 9;
+var isBrowser = (typeof window === "undefined" ? "undefined" : _typeof$1(window)) === "object" && (typeof document === "undefined" ? "undefined" : _typeof$1(document)) === "object" && document.nodeType === 9;
 function _defineProperties$1(target2, props) {
   for (var i = 0; i < props.length; i++) {
     var descriptor = props[i];
@@ -21890,40 +21879,6 @@ function defaultUnit(options) {
     onChangeValue: onChangeValue2
   };
 }
-function _arrayLikeToArray$2(arr, len) {
-  if (len == null || len > arr.length)
-    len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++)
-    arr2[i] = arr[i];
-  return arr2;
-}
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr))
-    return _arrayLikeToArray$2(arr);
-}
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
-    return Array.from(iter);
-}
-function _unsupportedIterableToArray$2(o, minLen) {
-  if (!o)
-    return;
-  if (typeof o === "string")
-    return _arrayLikeToArray$2(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor)
-    n = o.constructor.name;
-  if (n === "Map" || n === "Set")
-    return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _arrayLikeToArray$2(o, minLen);
-}
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$2(arr) || _nonIterableSpread();
-}
 var js = "";
 var css = "";
 var vendor = "";
@@ -22194,7 +22149,7 @@ var propertyDetectors = plugins.filter(function(p) {
 var noPrefill = plugins.filter(function(p) {
   return p.noPrefill;
 }).reduce(function(a2, p) {
-  a2.push.apply(a2, _toConsumableArray(p.noPrefill));
+  a2.push.apply(a2, _toConsumableArray$1(p.noPrefill));
   return a2;
 }, []);
 var el;
@@ -22370,13 +22325,31 @@ function jssPreset() {
     ]
   };
 }
+function _objectWithoutProperties(source2, excluded) {
+  if (source2 == null)
+    return {};
+  var target2 = _objectWithoutPropertiesLoose(source2, excluded);
+  var key2, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source2);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key2 = sourceSymbolKeys[i];
+      if (excluded.indexOf(key2) >= 0)
+        continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source2, key2))
+        continue;
+      target2[key2] = source2[key2];
+    }
+  }
+  return target2;
+}
 function mergeClasses() {
   var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
   var baseClasses = options.baseClasses, newClasses = options.newClasses, Component = options.Component;
   if (!newClasses) {
     return baseClasses;
   }
-  var nextClasses = _extends$1({}, baseClasses);
+  var nextClasses = _extends$2({}, 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"));
@@ -22448,7 +22421,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$1({}, outerOptions, {
+  var context2 = _extends$2({}, outerOptions, {
     disableGeneration
   }, localOptions);
   {
@@ -22553,7 +22526,7 @@ const noopTheme$1 = noopTheme;
 function getStylesCreator(stylesOrCreator) {
   var themingEnabled = typeof stylesOrCreator === "function";
   {
-    if (_typeof$1(stylesOrCreator) !== "object" && !themingEnabled) {
+    if (_typeof$2(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"));
     }
   }
@@ -22574,7 +22547,7 @@ function getStylesCreator(stylesOrCreator) {
         return styles16;
       }
       var overrides = theme.overrides[name2];
-      var stylesWithOverrides = _extends$1({}, styles16);
+      var stylesWithOverrides = _extends$2({}, styles16);
       Object.keys(overrides).forEach(function(key2) {
         {
           if (!stylesWithOverrides[key2]) {
@@ -22635,7 +22608,7 @@ function attach(_ref22, props) {
     };
     multiKeyStore$1.set(stylesOptions.sheetsManager, stylesCreator, theme, sheetManager);
   }
-  var options = _extends$1({}, stylesCreator.options, stylesOptions, {
+  var options = _extends$2({}, stylesCreator.options, stylesOptions, {
     theme,
     flip: typeof stylesOptions.flip === "boolean" ? stylesOptions.flip : theme.direction === "rtl"
   });
@@ -22648,7 +22621,7 @@ function attach(_ref22, props) {
     }
     var styles16 = stylesCreator.create(theme, name2);
     if (!staticSheet) {
-      staticSheet = stylesOptions.jss.createStyleSheet(styles16, _extends$1({
+      staticSheet = stylesOptions.jss.createStyleSheet(styles16, _extends$2({
         link: false
       }, options));
       staticSheet.attach();
@@ -22663,7 +22636,7 @@ function attach(_ref22, props) {
     sheetManager.dynamicStyles = getDynamicStyles(styles16);
   }
   if (sheetManager.dynamicStyles) {
-    var dynamicSheet = stylesOptions.jss.createStyleSheet(sheetManager.dynamicStyles, _extends$1({
+    var dynamicSheet = stylesOptions.jss.createStyleSheet(sheetManager.dynamicStyles, _extends$2({
       link: true
     }, options));
     dynamicSheet.update(props);
@@ -22745,7 +22718,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$1({}, React__default.useContext(StylesContext), stylesOptions2);
+    var stylesOptions = _extends$2({}, React__default.useContext(StylesContext), stylesOptions2);
     var instance = React__default.useRef();
     var shouldUpdate = React__default.useRef();
     useSynchronousEffect(function() {
@@ -22777,31 +22750,6 @@ function makeStyles$1(stylesOrCreator) {
   };
   return useStyles2;
 }
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-}
-function _defineProperties(target2, props) {
-  for (var i = 0; i < props.length; i++) {
-    var descriptor = props[i];
-    descriptor.enumerable = descriptor.enumerable || false;
-    descriptor.configurable = true;
-    if ("value" in descriptor)
-      descriptor.writable = true;
-    Object.defineProperty(target2, descriptor.key, descriptor);
-  }
-}
-function _createClass(Constructor, protoProps, staticProps) {
-  if (protoProps)
-    _defineProperties(Constructor.prototype, protoProps);
-  if (staticProps)
-    _defineProperties(Constructor, staticProps);
-  Object.defineProperty(Constructor, "prototype", {
-    writable: false
-  });
-  return Constructor;
-}
 var reactIs = reactIsExports$1;
 var REACT_STATICS = {
   childContextTypes: true,
@@ -22902,7 +22850,7 @@ var withStyles$1 = function withStyles(stylesOrCreator) {
         }
       }
     }
-    var useStyles2 = makeStyles$1(stylesOrCreator, _extends$1({
+    var useStyles2 = makeStyles$1(stylesOrCreator, _extends$2({
       defaultTheme: defaultTheme2,
       Component,
       name: name2 || Component.displayName,
@@ -22911,7 +22859,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$1({}, Component.defaultProps, props));
+      var classes = useStyles2(_extends$2({}, Component.defaultProps, props));
       var theme;
       var more = other;
       if (typeof name2 === "string" || withTheme) {
@@ -22927,7 +22875,7 @@ var withStyles$1 = function withStyles(stylesOrCreator) {
           more.theme = theme;
         }
       }
-      return /* @__PURE__ */ React__default.createElement(Component, _extends$1({
+      return /* @__PURE__ */ React__default.createElement(Component, _extends$2({
         ref: innerRef || ref2,
         classes
       }, more));
@@ -23060,7 +23008,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"]);
+  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$1(props, ["children", "classes", "className", "color", "component", "fontSize", "htmlColor", "titleAccess", "viewBox"]);
   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",
@@ -23241,6 +23189,69 @@ function useForkRef(refA, refB) {
     };
   }, [refA, refB]);
 }
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr))
+    return arr;
+}
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
+    return Array.from(iter);
+}
+function _arrayLikeToArray$2(arr, len) {
+  if (len == null || len > arr.length)
+    len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) {
+    arr2[i] = arr[i];
+  }
+  return arr2;
+}
+function _unsupportedIterableToArray$2(o, minLen) {
+  if (!o)
+    return;
+  if (typeof o === "string")
+    return _arrayLikeToArray$2(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor)
+    n = o.constructor.name;
+  if (n === "Map" || n === "Set")
+    return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+    return _arrayLikeToArray$2(o, minLen);
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _iterableToArrayLimit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+  if (_i == null)
+    return;
+  var _arr = [];
+  var _n = true;
+  var _d = false;
+  var _s, _e;
+  try {
+    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
+      _arr.push(_s.value);
+      if (i && _arr.length === i)
+        break;
+    }
+  } catch (err) {
+    _d = true;
+    _e = err;
+  } finally {
+    try {
+      if (!_n && _i["return"] != null)
+        _i["return"]();
+    } finally {
+      if (_d)
+        throw _e;
+    }
+  }
+  return _arr;
+}
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$2(arr, i) || _nonIterableRest();
+}
 const config = {
   disabled: false
 };
@@ -23725,7 +23736,7 @@ var styles$m = function styles2(theme) {
   }, elevations);
 };
 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"]);
+  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$1(props, ["classes", "className", "component", "square", "elevation", "variant"]);
   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
@@ -23780,6 +23791,16 @@ Paper.propTypes = {
 const Paper$1 = withStyles2(styles$m, {
   name: "MuiPaper"
 })(Paper);
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr))
+    return _arrayLikeToArray$2(arr);
+}
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$2(arr) || _nonIterableSpread();
+}
 var FormControlContext = React.createContext();
 {
   FormControlContext.displayName = "FormControlContext";
@@ -23863,6 +23884,31 @@ Portal.propTypes = {
   Portal["propTypes"] = exactProp(Portal.propTypes);
 }
 const Portal$1 = Portal;
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+function _defineProperties(target2, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor)
+      descriptor.writable = true;
+    Object.defineProperty(target2, descriptor.key, descriptor);
+  }
+}
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps)
+    _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps)
+    _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
+  return Constructor;
+}
 function getScrollbarSize() {
   var scrollDiv = document.createElement("div");
   scrollDiv.style.width = "99px";
@@ -23895,7 +23941,7 @@ function getPaddingRight(node) {
 function ariaHiddenSiblings(container, mountNode, currentNode) {
   var nodesToExclude = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : [];
   var show = arguments.length > 4 ? arguments[4] : void 0;
-  var blacklist = [mountNode, currentNode].concat(_toConsumableArray$1(nodesToExclude));
+  var blacklist = [mountNode, currentNode].concat(_toConsumableArray(nodesToExclude));
   var blacklistTagNames = ["TEMPLATE", "SCRIPT", "STYLE"];
   [].forEach.call(container.children, function(node) {
     if (node.nodeType === 1 && blacklist.indexOf(node) === -1 && blacklistTagNames.indexOf(node.tagName) === -1) {
@@ -24210,7 +24256,7 @@ 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"]);
+  var _props$invisible = props.invisible, invisible = _props$invisible === void 0 ? false : _props$invisible, open = props.open, other = _objectWithoutProperties$1(props, ["invisible", "open"]);
   return open ? /* @__PURE__ */ React.createElement("div", _extends$1({
     "aria-hidden": true,
     ref: ref2
@@ -24262,7 +24308,7 @@ var Modal = /* @__PURE__ */ React.forwardRef(function Modal2(inProps, ref2) {
     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"]);
+  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$1(props, ["BackdropComponent", "BackdropProps", "children", "closeAfterTransition", "container", "disableAutoFocus", "disableBackdropClick", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "manager", "onBackdropClick", "onClose", "onEscapeKeyDown", "onRendered", "open"]);
   var _React$useState = React.useState(true), exited = _React$useState[0], setExited = _React$useState[1];
   var modal = React.useRef({});
   var mountNodeRef = React.useRef(null);
@@ -24532,7 +24578,7 @@ var styles$j = {
   }
 };
 var TextareaAutosize = /* @__PURE__ */ React.forwardRef(function TextareaAutosize2(props, ref2) {
-  var onChange = props.onChange, rows = props.rows, rowsMax = props.rowsMax, rowsMinProp = props.rowsMin, maxRowsProp = props.maxRows, _props$minRows = props.minRows, minRowsProp = _props$minRows === void 0 ? 1 : _props$minRows, style2 = props.style, value2 = props.value, other = _objectWithoutProperties(props, ["onChange", "rows", "rowsMax", "rowsMin", "maxRows", "minRows", "style", "value"]);
+  var onChange = props.onChange, rows = props.rows, rowsMax = props.rowsMax, rowsMinProp = props.rowsMin, maxRowsProp = props.maxRows, _props$minRows = props.minRows, minRowsProp = _props$minRows === void 0 ? 1 : _props$minRows, style2 = props.style, value2 = props.value, other = _objectWithoutProperties$1(props, ["onChange", "rows", "rowsMax", "rowsMin", "maxRows", "minRows", "style", "value"]);
   var maxRows = maxRowsProp || rowsMax;
   var minRows = rows || rowsMinProp || minRowsProp;
   var _React$useRef = React.useRef(value2 != null), isControlled = _React$useRef.current;
@@ -24848,7 +24894,7 @@ var InputBase = /* @__PURE__ */ React.forwardRef(function InputBase2(props, ref2
   props.error;
   var _props$fullWidth = props.fullWidth, fullWidth = _props$fullWidth === void 0 ? false : _props$fullWidth, id2 = props.id, _props$inputComponent = props.inputComponent, inputComponent = _props$inputComponent === void 0 ? "input" : _props$inputComponent, _props$inputProps = props.inputProps, inputPropsProp = _props$inputProps === void 0 ? {} : _props$inputProps, inputRefProp = props.inputRef;
   props.margin;
-  var _props$multiline = props.multiline, multiline = _props$multiline === void 0 ? false : _props$multiline, name2 = props.name, onBlur = props.onBlur, onChange = props.onChange, onClick = props.onClick, onFocus = props.onFocus, onKeyDown = props.onKeyDown, onKeyUp = props.onKeyUp, placeholder = props.placeholder, readOnly = props.readOnly, renderSuffix = props.renderSuffix, rows = props.rows, rowsMax = props.rowsMax, rowsMin = props.rowsMin, maxRows = props.maxRows, minRows = props.minRows, startAdornment = props.startAdornment, _props$type = props.type, type2 = _props$type === void 0 ? "text" : _props$type, valueProp = props.value, other = _objectWithoutProperties(props, ["aria-describedby", "autoComplete", "autoFocus", "classes", "className", "color", "defaultValue", "disabled", "endAdornment", "error", "fullWidth", "id", "inputComponent", "inputProps", "inputRef", "margin", "multiline", "name", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onKeyUp", "placeholder", "readOnly", "renderSuffix", "rows", "rowsMax", "rowsMin", "maxRows", "minRows", "startAdornment", "type", "value"]);
+  var _props$multiline = props.multiline, multiline = _props$multiline === void 0 ? false : _props$multiline, name2 = props.name, onBlur = props.onBlur, onChange = props.onChange, onClick = props.onClick, onFocus = props.onFocus, onKeyDown = props.onKeyDown, onKeyUp = props.onKeyUp, placeholder = props.placeholder, readOnly = props.readOnly, renderSuffix = props.renderSuffix, rows = props.rows, rowsMax = props.rowsMax, rowsMin = props.rowsMin, maxRows = props.maxRows, minRows = props.minRows, startAdornment = props.startAdornment, _props$type = props.type, type2 = _props$type === void 0 ? "text" : _props$type, valueProp = props.value, other = _objectWithoutProperties$1(props, ["aria-describedby", "autoComplete", "autoFocus", "classes", "className", "color", "defaultValue", "disabled", "endAdornment", "error", "fullWidth", "id", "inputComponent", "inputProps", "inputRef", "margin", "multiline", "name", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onKeyUp", "placeholder", "readOnly", "renderSuffix", "rows", "rowsMax", "rowsMin", "maxRows", "minRows", "startAdornment", "type", "value"]);
   var value2 = inputPropsProp.value != null ? inputPropsProp.value : valueProp;
   var _React$useRef = React.useRef(value2 != null), isControlled = _React$useRef.current;
   var inputRef = React.useRef();
@@ -25349,7 +25395,7 @@ 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"]);
+  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$1(props, ["disableUnderline", "classes", "fullWidth", "inputComponent", "multiline", "type"]);
   return /* @__PURE__ */ React.createElement(InputBase$1, _extends$1({
     classes: _extends$1({}, classes, {
       root: clsx(classes.root, !disableUnderline && classes.underline),
@@ -25516,7 +25562,7 @@ var styles$g = {
   }
 };
 var FormControl = /* @__PURE__ */ React.forwardRef(function FormControl2(props, ref2) {
-  var children2 = props.children, classes = props.classes, className = props.className, _props$color = props.color, color2 = _props$color === void 0 ? "primary" : _props$color, _props$component = props.component, Component = _props$component === void 0 ? "div" : _props$component, _props$disabled = props.disabled, disabled = _props$disabled === void 0 ? false : _props$disabled, _props$error = props.error, error2 = _props$error === void 0 ? false : _props$error, _props$fullWidth = props.fullWidth, fullWidth = _props$fullWidth === void 0 ? false : _props$fullWidth, visuallyFocused = props.focused, _props$hiddenLabel = props.hiddenLabel, hiddenLabel = _props$hiddenLabel === void 0 ? false : _props$hiddenLabel, _props$margin = props.margin, margin = _props$margin === void 0 ? "none" : _props$margin, _props$required = props.required, required2 = _props$required === void 0 ? false : _props$required, size = props.size, _props$variant = props.variant, variant = _props$variant === void 0 ? "standard" : _props$variant, other = _objectWithoutProperties(props, ["children", "classes", "className", "color", "component", "disabled", "error", "fullWidth", "focused", "hiddenLabel", "margin", "required", "size", "variant"]);
+  var children2 = props.children, classes = props.classes, className = props.className, _props$color = props.color, color2 = _props$color === void 0 ? "primary" : _props$color, _props$component = props.component, Component = _props$component === void 0 ? "div" : _props$component, _props$disabled = props.disabled, disabled = _props$disabled === void 0 ? false : _props$disabled, _props$error = props.error, error2 = _props$error === void 0 ? false : _props$error, _props$fullWidth = props.fullWidth, fullWidth = _props$fullWidth === void 0 ? false : _props$fullWidth, visuallyFocused = props.focused, _props$hiddenLabel = props.hiddenLabel, hiddenLabel = _props$hiddenLabel === void 0 ? false : _props$hiddenLabel, _props$margin = props.margin, margin = _props$margin === void 0 ? "none" : _props$margin, _props$required = props.required, required2 = _props$required === void 0 ? false : _props$required, size = props.size, _props$variant = props.variant, variant = _props$variant === void 0 ? "standard" : _props$variant, other = _objectWithoutProperties$1(props, ["children", "classes", "className", "color", "component", "disabled", "error", "fullWidth", "focused", "hiddenLabel", "margin", "required", "size", "variant"]);
   var _React$useState = React.useState(function() {
     var initialAdornedStart = false;
     if (children2) {
@@ -25715,7 +25761,7 @@ var FormHelperText = /* @__PURE__ */ React.forwardRef(function FormHelperText2(p
   props.margin;
   props.required;
   props.variant;
-  var other = _objectWithoutProperties(props, ["children", "classes", "className", "component", "disabled", "error", "filled", "focused", "margin", "required", "variant"]);
+  var other = _objectWithoutProperties$1(props, ["children", "classes", "className", "component", "disabled", "error", "filled", "focused", "margin", "required", "variant"]);
   var muiFormControl = useFormControl();
   var fcs = formControlState({
     props,
@@ -25843,7 +25889,7 @@ var FormLabel = /* @__PURE__ */ React.forwardRef(function FormLabel2(props, ref2
   props.filled;
   props.focused;
   props.required;
-  var other = _objectWithoutProperties(props, ["children", "classes", "className", "color", "component", "disabled", "error", "filled", "focused", "required"]);
+  var other = _objectWithoutProperties$1(props, ["children", "classes", "className", "color", "component", "disabled", "error", "filled", "focused", "required"]);
   var muiFormControl = useFormControl();
   var fcs = formControlState({
     props,
@@ -25923,7 +25969,7 @@ var styles$d = {
   }
 };
 var Grow = /* @__PURE__ */ React.forwardRef(function Grow2(props, ref2) {
-  var children2 = props.children, _props$disableStrictM = props.disableStrictModeCompat, disableStrictModeCompat = _props$disableStrictM === void 0 ? false : _props$disableStrictM, inProp = props.in, onEnter = props.onEnter, onEntered = props.onEntered, onEntering = props.onEntering, onExit = props.onExit, onExited = props.onExited, onExiting = props.onExiting, style2 = props.style, _props$timeout = props.timeout, timeout3 = _props$timeout === void 0 ? "auto" : _props$timeout, _props$TransitionComp = props.TransitionComponent, TransitionComponent = _props$TransitionComp === void 0 ? Transition$1 : _props$TransitionComp, other = _objectWithoutProperties(props, ["children", "disableStrictModeCompat", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"]);
+  var children2 = props.children, _props$disableStrictM = props.disableStrictModeCompat, disableStrictModeCompat = _props$disableStrictM === void 0 ? false : _props$disableStrictM, inProp = props.in, onEnter = props.onEnter, onEntered = props.onEntered, onEntering = props.onEntering, onExit = props.onExit, onExited = props.onExited, onExiting = props.onExiting, style2 = props.style, _props$timeout = props.timeout, timeout3 = _props$timeout === void 0 ? "auto" : _props$timeout, _props$TransitionComp = props.TransitionComponent, TransitionComponent = _props$TransitionComp === void 0 ? Transition$1 : _props$TransitionComp, other = _objectWithoutProperties$1(props, ["children", "disableStrictModeCompat", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"]);
   var timer2 = React.useRef();
   var autoTimeout = React.useRef();
   var theme = useTheme();
@@ -26189,7 +26235,7 @@ 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"]);
+  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$1(props, ["disableUnderline", "classes", "fullWidth", "inputComponent", "multiline", "type"]);
   return /* @__PURE__ */ React.createElement(InputBase$1, _extends$1({
     classes: _extends$1({}, classes, {
       root: clsx(classes.root, !disableUnderline && classes.underline),
@@ -26407,7 +26453,7 @@ var InputLabel = /* @__PURE__ */ React.forwardRef(function InputLabel2(props, re
   props.margin;
   var shrinkProp = props.shrink;
   props.variant;
-  var other = _objectWithoutProperties(props, ["classes", "className", "disableAnimation", "margin", "shrink", "variant"]);
+  var other = _objectWithoutProperties$1(props, ["classes", "className", "disableAnimation", "margin", "shrink", "variant"]);
   var muiFormControl = useFormControl();
   var shrink = shrinkProp;
   if (typeof shrink === "undefined" && muiFormControl) {
@@ -26519,7 +26565,7 @@ var styles$a = {
   }
 };
 var List = /* @__PURE__ */ React.forwardRef(function List2(props, ref2) {
-  var children2 = props.children, classes = props.classes, className = props.className, _props$component = props.component, Component = _props$component === void 0 ? "ul" : _props$component, _props$dense = props.dense, dense = _props$dense === void 0 ? false : _props$dense, _props$disablePadding = props.disablePadding, disablePadding = _props$disablePadding === void 0 ? false : _props$disablePadding, subheader = props.subheader, other = _objectWithoutProperties(props, ["children", "classes", "className", "component", "dense", "disablePadding", "subheader"]);
+  var children2 = props.children, classes = props.classes, className = props.className, _props$component = props.component, Component = _props$component === void 0 ? "ul" : _props$component, _props$dense = props.dense, dense = _props$dense === void 0 ? false : _props$dense, _props$disablePadding = props.disablePadding, disablePadding = _props$disablePadding === void 0 ? false : _props$disablePadding, subheader = props.subheader, other = _objectWithoutProperties$1(props, ["children", "classes", "className", "component", "dense", "disablePadding", "subheader"]);
   var context2 = React.useMemo(function() {
     return {
       dense
@@ -26633,7 +26679,7 @@ var Popover = /* @__PURE__ */ React.forwardRef(function Popover2(props, ref2) {
   } : _props$anchorOrigin, anchorPosition = props.anchorPosition, _props$anchorReferenc = props.anchorReference, anchorReference = _props$anchorReferenc === void 0 ? "anchorEl" : _props$anchorReferenc, children2 = props.children, classes = props.classes, className = props.className, containerProp = props.container, _props$elevation = props.elevation, elevation = _props$elevation === void 0 ? 8 : _props$elevation, getContentAnchorEl = props.getContentAnchorEl, _props$marginThreshol = props.marginThreshold, marginThreshold = _props$marginThreshol === void 0 ? 16 : _props$marginThreshol, onEnter = props.onEnter, onEntered = props.onEntered, onEntering = props.onEntering, onExit = props.onExit, onExited = props.onExited, onExiting = props.onExiting, open = props.open, _props$PaperProps = props.PaperProps, PaperProps = _props$PaperProps === void 0 ? {} : _props$PaperProps, _props$transformOrigi = props.transformOrigin, transformOrigin = _props$transformOrigi === void 0 ? {
     vertical: "top",
     horizontal: "left"
-  } : _props$transformOrigi, _props$TransitionComp = props.TransitionComponent, TransitionComponent = _props$TransitionComp === void 0 ? Grow$1 : _props$TransitionComp, _props$transitionDura = props.transitionDuration, transitionDurationProp = _props$transitionDura === void 0 ? "auto" : _props$transitionDura, _props$TransitionProp = props.TransitionProps, TransitionProps = _props$TransitionProp === void 0 ? {} : _props$TransitionProp, other = _objectWithoutProperties(props, ["action", "anchorEl", "anchorOrigin", "anchorPosition", "anchorReference", "children", "classes", "className", "container", "elevation", "getContentAnchorEl", "marginThreshold", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "open", "PaperProps", "transformOrigin", "TransitionComponent", "transitionDuration", "TransitionProps"]);
+  } : _props$transformOrigi, _props$TransitionComp = props.TransitionComponent, TransitionComponent = _props$TransitionComp === void 0 ? Grow$1 : _props$TransitionComp, _props$transitionDura = props.transitionDuration, transitionDurationProp = _props$transitionDura === void 0 ? "auto" : _props$transitionDura, _props$TransitionProp = props.TransitionProps, TransitionProps = _props$TransitionProp === void 0 ? {} : _props$TransitionProp, other = _objectWithoutProperties$1(props, ["action", "anchorEl", "anchorOrigin", "anchorPosition", "anchorReference", "children", "classes", "className", "container", "elevation", "getContentAnchorEl", "marginThreshold", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "open", "PaperProps", "transformOrigin", "TransitionComponent", "transitionDuration", "TransitionProps"]);
   var paperRef = React.useRef();
   var getAnchorOffset = React.useCallback(function(contentAnchorOffset) {
     if (anchorReference === "anchorPosition") {
@@ -27039,7 +27085,7 @@ function moveFocus(list, currentFocus, disableListWrap, disabledItemsFocusable,
 }
 var useEnhancedEffect = typeof window === "undefined" ? React.useEffect : React.useLayoutEffect;
 var MenuList = /* @__PURE__ */ React.forwardRef(function MenuList2(props, ref2) {
-  var actions = props.actions, _props$autoFocus = props.autoFocus, autoFocus = _props$autoFocus === void 0 ? false : _props$autoFocus, _props$autoFocusItem = props.autoFocusItem, autoFocusItem = _props$autoFocusItem === void 0 ? false : _props$autoFocusItem, children2 = props.children, className = props.className, _props$disabledItemsF = props.disabledItemsFocusable, disabledItemsFocusable = _props$disabledItemsF === void 0 ? false : _props$disabledItemsF, _props$disableListWra = props.disableListWrap, disableListWrap = _props$disableListWra === void 0 ? false : _props$disableListWra, onKeyDown = props.onKeyDown, _props$variant = props.variant, variant = _props$variant === void 0 ? "selectedMenu" : _props$variant, other = _objectWithoutProperties(props, ["actions", "autoFocus", "autoFocusItem", "children", "className", "disabledItemsFocusable", "disableListWrap", "onKeyDown", "variant"]);
+  var actions = props.actions, _props$autoFocus = props.autoFocus, autoFocus = _props$autoFocus === void 0 ? false : _props$autoFocus, _props$autoFocusItem = props.autoFocusItem, autoFocusItem = _props$autoFocusItem === void 0 ? false : _props$autoFocusItem, children2 = props.children, className = props.className, _props$disabledItemsF = props.disabledItemsFocusable, disabledItemsFocusable = _props$disabledItemsF === void 0 ? false : _props$disabledItemsF, _props$disableListWra = props.disableListWrap, disableListWrap = _props$disableListWra === void 0 ? false : _props$disableListWra, onKeyDown = props.onKeyDown, _props$variant = props.variant, variant = _props$variant === void 0 ? "selectedMenu" : _props$variant, other = _objectWithoutProperties$1(props, ["actions", "autoFocus", "autoFocusItem", "children", "className", "disabledItemsFocusable", "disableListWrap", "onKeyDown", "variant"]);
   var listRef = React.useRef(null);
   var textCriteriaRef = React.useRef({
     keys: [],
@@ -27218,7 +27264,7 @@ var styles$8 = {
 var Menu = /* @__PURE__ */ React.forwardRef(function Menu2(props, ref2) {
   var _props$autoFocus = props.autoFocus, autoFocus = _props$autoFocus === void 0 ? true : _props$autoFocus, children2 = props.children, classes = props.classes, _props$disableAutoFoc = props.disableAutoFocusItem, disableAutoFocusItem = _props$disableAutoFoc === void 0 ? false : _props$disableAutoFoc, _props$MenuListProps = props.MenuListProps, MenuListProps = _props$MenuListProps === void 0 ? {} : _props$MenuListProps, onClose = props.onClose, onEnteringProp = props.onEntering, open = props.open, _props$PaperProps = props.PaperProps, PaperProps = _props$PaperProps === void 0 ? {} : _props$PaperProps, PopoverClasses = props.PopoverClasses, _props$transitionDura = props.transitionDuration, transitionDuration = _props$transitionDura === void 0 ? "auto" : _props$transitionDura, _props$TransitionProp = props.TransitionProps;
   _props$TransitionProp = _props$TransitionProp === void 0 ? {} : _props$TransitionProp;
-  var onEntering = _props$TransitionProp.onEntering, TransitionProps = _objectWithoutProperties(_props$TransitionProp, ["onEntering"]), _props$variant = props.variant, variant = _props$variant === void 0 ? "selectedMenu" : _props$variant, other = _objectWithoutProperties(props, ["autoFocus", "children", "classes", "disableAutoFocusItem", "MenuListProps", "onClose", "onEntering", "open", "PaperProps", "PopoverClasses", "transitionDuration", "TransitionProps", "variant"]);
+  var onEntering = _props$TransitionProp.onEntering, TransitionProps = _objectWithoutProperties$1(_props$TransitionProp, ["onEntering"]), _props$variant = props.variant, variant = _props$variant === void 0 ? "selectedMenu" : _props$variant, other = _objectWithoutProperties$1(props, ["autoFocus", "children", "classes", "disableAutoFocusItem", "MenuListProps", "onClose", "onEntering", "open", "PaperProps", "PopoverClasses", "transitionDuration", "TransitionProps", "variant"]);
   var theme = useTheme();
   var autoFocusItem = autoFocus && !disableAutoFocusItem && open;
   var menuListActionsRef = React.useRef(null);
@@ -27410,7 +27456,7 @@ const Menu$1 = withStyles2(styles$8, {
   name: "MuiMenu"
 })(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"]);
+  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$1(props, ["classes", "className", "disabled", "IconComponent", "inputRef", "variant"]);
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("select", _extends$1({
     className: clsx(
       classes.root,
@@ -27590,7 +27636,7 @@ var defaultInput = /* @__PURE__ */ React.createElement(Input$1, null);
 var NativeSelect = /* @__PURE__ */ React.forwardRef(function NativeSelect2(props, ref2) {
   var children2 = props.children, classes = props.classes, _props$IconComponent = props.IconComponent, IconComponent = _props$IconComponent === void 0 ? ArrowDropDownIcon : _props$IconComponent, _props$input = props.input, input = _props$input === void 0 ? defaultInput : _props$input, inputProps = props.inputProps;
   props.variant;
-  var other = _objectWithoutProperties(props, ["children", "classes", "IconComponent", "input", "inputProps", "variant"]);
+  var other = _objectWithoutProperties$1(props, ["children", "classes", "IconComponent", "input", "inputProps", "variant"]);
   var muiFormControl = useFormControl();
   var fcs = formControlState({
     props,
@@ -27720,7 +27766,7 @@ var styles$6 = function styles11(theme) {
 };
 var NotchedOutline = /* @__PURE__ */ React.forwardRef(function NotchedOutline2(props, ref2) {
   props.children;
-  var classes = props.classes, className = props.className, label2 = props.label, labelWidthProp = props.labelWidth, notched = props.notched, style2 = props.style, other = _objectWithoutProperties(props, ["children", "classes", "className", "label", "labelWidth", "notched", "style"]);
+  var classes = props.classes, className = props.className, label2 = props.label, labelWidthProp = props.labelWidth, notched = props.notched, style2 = props.style, other = _objectWithoutProperties$1(props, ["children", "classes", "className", "label", "labelWidth", "notched", "style"]);
   var theme = useTheme();
   var align2 = theme.direction === "rtl" ? "right" : "left";
   if (label2 !== void 0) {
@@ -27882,7 +27928,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"]);
+  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$1(props, ["classes", "fullWidth", "inputComponent", "label", "labelWidth", "multiline", "notched", "type"]);
   return /* @__PURE__ */ React.createElement(InputBase$1, _extends$1({
     renderSuffix: function renderSuffix(state) {
       return /* @__PURE__ */ React.createElement(NotchedOutline$1, {
@@ -28037,8 +28083,16 @@ OutlinedInput.muiName = "Input";
 const OutlinedInput$1 = withStyles2(styles$5, {
   name: "MuiOutlinedInput"
 })(OutlinedInput);
+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 areEqualValues(a2, b2) {
-  if (_typeof$1(b2) === "object" && b2 !== null) {
+  if (_typeof(b2) === "object" && b2 !== null) {
     return a2 === b2;
   }
   return String(a2) === String(b2);
@@ -28049,7 +28103,7 @@ function isEmpty$1(display) {
 var SelectInput = /* @__PURE__ */ React.forwardRef(function SelectInput2(props, ref2) {
   var ariaLabel2 = props["aria-label"], autoFocus = props.autoFocus, autoWidth = props.autoWidth, children2 = props.children, classes = props.classes, className = props.className, defaultValue = props.defaultValue, disabled = props.disabled, displayEmpty = props.displayEmpty, IconComponent = props.IconComponent, inputRefProp = props.inputRef, labelId = props.labelId, _props$MenuProps = props.MenuProps, MenuProps = _props$MenuProps === void 0 ? {} : _props$MenuProps, multiple = props.multiple, name2 = props.name, onBlur = props.onBlur, onChange = props.onChange, onClose = props.onClose, onFocus = props.onFocus, onOpen = props.onOpen, openProp = props.open, readOnly = props.readOnly, renderValue = props.renderValue, _props$SelectDisplayP = props.SelectDisplayProps, SelectDisplayProps = _props$SelectDisplayP === void 0 ? {} : _props$SelectDisplayP, tabIndexProp = props.tabIndex;
   props.type;
-  var valueProp = props.value, _props$variant = props.variant, variant = _props$variant === void 0 ? "standard" : _props$variant, other = _objectWithoutProperties(props, ["aria-label", "autoFocus", "autoWidth", "children", "classes", "className", "defaultValue", "disabled", "displayEmpty", "IconComponent", "inputRef", "labelId", "MenuProps", "multiple", "name", "onBlur", "onChange", "onClose", "onFocus", "onOpen", "open", "readOnly", "renderValue", "SelectDisplayProps", "tabIndex", "type", "value", "variant"]);
+  var valueProp = props.value, _props$variant = props.variant, variant = _props$variant === void 0 ? "standard" : _props$variant, other = _objectWithoutProperties$1(props, ["aria-label", "autoFocus", "autoWidth", "children", "classes", "className", "defaultValue", "disabled", "displayEmpty", "IconComponent", "inputRef", "labelId", "MenuProps", "multiple", "name", "onBlur", "onChange", "onClose", "onFocus", "onOpen", "open", "readOnly", "renderValue", "SelectDisplayProps", "tabIndex", "type", "value", "variant"]);
   var _useControlled = useControlled({
     controlled: valueProp,
     default: defaultValue,
@@ -28486,7 +28540,7 @@ var styles$4 = styles$7;
 var _ref = /* @__PURE__ */ React.createElement(Input$1, null);
 var _ref2 = /* @__PURE__ */ React.createElement(FilledInput$1, null);
 var Select = /* @__PURE__ */ React.forwardRef(function Select2(props, ref2) {
-  var _props$autoWidth = props.autoWidth, autoWidth = _props$autoWidth === void 0 ? false : _props$autoWidth, children2 = props.children, classes = props.classes, _props$displayEmpty = props.displayEmpty, displayEmpty = _props$displayEmpty === void 0 ? false : _props$displayEmpty, _props$IconComponent = props.IconComponent, IconComponent = _props$IconComponent === void 0 ? ArrowDropDownIcon : _props$IconComponent, id2 = props.id, input = props.input, inputProps = props.inputProps, label2 = props.label, labelId = props.labelId, _props$labelWidth = props.labelWidth, labelWidth = _props$labelWidth === void 0 ? 0 : _props$labelWidth, MenuProps = props.MenuProps, _props$multiple = props.multiple, multiple = _props$multiple === void 0 ? false : _props$multiple, _props$native = props.native, native2 = _props$native === void 0 ? false : _props$native, onClose = props.onClose, onOpen = props.onOpen, open = props.open, renderValue = props.renderValue, SelectDisplayProps = props.SelectDisplayProps, _props$variant = props.variant, variantProps = _props$variant === void 0 ? "standard" : _props$variant, other = _objectWithoutProperties(props, ["autoWidth", "children", "classes", "displayEmpty", "IconComponent", "id", "input", "inputProps", "label", "labelId", "labelWidth", "MenuProps", "multiple", "native", "onClose", "onOpen", "open", "renderValue", "SelectDisplayProps", "variant"]);
+  var _props$autoWidth = props.autoWidth, autoWidth = _props$autoWidth === void 0 ? false : _props$autoWidth, children2 = props.children, classes = props.classes, _props$displayEmpty = props.displayEmpty, displayEmpty = _props$displayEmpty === void 0 ? false : _props$displayEmpty, _props$IconComponent = props.IconComponent, IconComponent = _props$IconComponent === void 0 ? ArrowDropDownIcon : _props$IconComponent, id2 = props.id, input = props.input, inputProps = props.inputProps, label2 = props.label, labelId = props.labelId, _props$labelWidth = props.labelWidth, labelWidth = _props$labelWidth === void 0 ? 0 : _props$labelWidth, MenuProps = props.MenuProps, _props$multiple = props.multiple, multiple = _props$multiple === void 0 ? false : _props$multiple, _props$native = props.native, native2 = _props$native === void 0 ? false : _props$native, onClose = props.onClose, onOpen = props.onOpen, open = props.open, renderValue = props.renderValue, SelectDisplayProps = props.SelectDisplayProps, _props$variant = props.variant, variantProps = _props$variant === void 0 ? "standard" : _props$variant, other = _objectWithoutProperties$1(props, ["autoWidth", "children", "classes", "displayEmpty", "IconComponent", "id", "input", "inputProps", "label", "labelId", "labelWidth", "MenuProps", "multiple", "native", "onClose", "onOpen", "open", "renderValue", "SelectDisplayProps", "variant"]);
   var inputComponent = native2 ? NativeSelectInput$1 : SelectInput$1;
   var muiFormControl = useFormControl();
   var fcs = formControlState({
@@ -28772,7 +28826,7 @@ var styles$3 = function styles13(theme) {
   };
 };
 var TableCell = /* @__PURE__ */ React.forwardRef(function TableCell2(props, ref2) {
-  var _props$align = props.align, align2 = _props$align === void 0 ? "inherit" : _props$align, classes = props.classes, className = props.className, component = props.component, paddingProp = props.padding, scopeProp = props.scope, sizeProp = props.size, sortDirection = props.sortDirection, variantProp = props.variant, other = _objectWithoutProperties(props, ["align", "classes", "className", "component", "padding", "scope", "size", "sortDirection", "variant"]);
+  var _props$align = props.align, align2 = _props$align === void 0 ? "inherit" : _props$align, classes = props.classes, className = props.className, component = props.component, paddingProp = props.padding, scopeProp = props.scope, sizeProp = props.size, sortDirection = props.sortDirection, variantProp = props.variant, other = _objectWithoutProperties$1(props, ["align", "classes", "className", "component", "padding", "scope", "size", "sortDirection", "variant"]);
   var table = React.useContext(TableContext$1);
   var tablelvl2 = React.useContext(Tablelvl2Context$1);
   var isHeadCell = tablelvl2 && tablelvl2.variant === "head";
@@ -28890,7 +28944,7 @@ var styles$2 = function styles14(theme) {
 };
 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 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$1(props, ["classes", "className", "component", "hover", "selected"]);
   var tablelvl2 = React.useContext(Tablelvl2Context$1);
   return /* @__PURE__ */ React.createElement(Component, _extends$1({
     ref: ref2,
@@ -28942,7 +28996,7 @@ var styles$1 = {
   root: {}
 };
 var TextField = /* @__PURE__ */ React.forwardRef(function TextField2(props, ref2) {
-  var autoComplete = props.autoComplete, _props$autoFocus = props.autoFocus, autoFocus = _props$autoFocus === void 0 ? false : _props$autoFocus, children2 = props.children, classes = props.classes, className = props.className, _props$color = props.color, color2 = _props$color === void 0 ? "primary" : _props$color, defaultValue = props.defaultValue, _props$disabled = props.disabled, disabled = _props$disabled === void 0 ? false : _props$disabled, _props$error = props.error, error2 = _props$error === void 0 ? false : _props$error, FormHelperTextProps = props.FormHelperTextProps, _props$fullWidth = props.fullWidth, fullWidth = _props$fullWidth === void 0 ? false : _props$fullWidth, helperText = props.helperText, hiddenLabel = props.hiddenLabel, id2 = props.id, InputLabelProps = props.InputLabelProps, inputProps = props.inputProps, InputProps = props.InputProps, inputRef = props.inputRef, label2 = props.label, _props$multiline = props.multiline, multiline = _props$multiline === void 0 ? false : _props$multiline, name2 = props.name, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, placeholder = props.placeholder, _props$required = props.required, required2 = _props$required === void 0 ? false : _props$required, rows = props.rows, rowsMax = props.rowsMax, maxRows = props.maxRows, minRows = props.minRows, _props$select = props.select, select2 = _props$select === void 0 ? false : _props$select, SelectProps = props.SelectProps, type2 = props.type, value2 = props.value, _props$variant = props.variant, variant = _props$variant === void 0 ? "standard" : _props$variant, other = _objectWithoutProperties(props, ["autoComplete", "autoFocus", "children", "classes", "className", "color", "defaultValue", "disabled", "error", "FormHelperTextProps", "fullWidth", "helperText", "hiddenLabel", "id", "InputLabelProps", "inputProps", "InputProps", "inputRef", "label", "multiline", "name", "onBlur", "onChange", "onFocus", "placeholder", "required", "rows", "rowsMax", "maxRows", "minRows", "select", "SelectProps", "type", "value", "variant"]);
+  var autoComplete = props.autoComplete, _props$autoFocus = props.autoFocus, autoFocus = _props$autoFocus === void 0 ? false : _props$autoFocus, children2 = props.children, classes = props.classes, className = props.className, _props$color = props.color, color2 = _props$color === void 0 ? "primary" : _props$color, defaultValue = props.defaultValue, _props$disabled = props.disabled, disabled = _props$disabled === void 0 ? false : _props$disabled, _props$error = props.error, error2 = _props$error === void 0 ? false : _props$error, FormHelperTextProps = props.FormHelperTextProps, _props$fullWidth = props.fullWidth, fullWidth = _props$fullWidth === void 0 ? false : _props$fullWidth, helperText = props.helperText, hiddenLabel = props.hiddenLabel, id2 = props.id, InputLabelProps = props.InputLabelProps, inputProps = props.inputProps, InputProps = props.InputProps, inputRef = props.inputRef, label2 = props.label, _props$multiline = props.multiline, multiline = _props$multiline === void 0 ? false : _props$multiline, name2 = props.name, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, placeholder = props.placeholder, _props$required = props.required, required2 = _props$required === void 0 ? false : _props$required, rows = props.rows, rowsMax = props.rowsMax, maxRows = props.maxRows, minRows = props.minRows, _props$select = props.select, select2 = _props$select === void 0 ? false : _props$select, SelectProps = props.SelectProps, type2 = props.type, value2 = props.value, _props$variant = props.variant, variant = _props$variant === void 0 ? "standard" : _props$variant, other = _objectWithoutProperties$1(props, ["autoComplete", "autoFocus", "children", "classes", "className", "color", "defaultValue", "disabled", "error", "FormHelperTextProps", "fullWidth", "helperText", "hiddenLabel", "id", "InputLabelProps", "inputProps", "InputProps", "inputRef", "label", "multiline", "name", "onBlur", "onChange", "onFocus", "placeholder", "required", "rows", "rowsMax", "maxRows", "minRows", "select", "SelectProps", "type", "value", "variant"]);
   {
     if (select2 && !children2) {
       console.error("Material-UI: `children` must be passed when using the `TextField` component with `select`.");
@@ -29253,7 +29307,7 @@ function CellSetExpressionPlotOptions(props) {
     ] })
   ] });
 }
-function d3_ascending(a2, b2) {
+function ascending$5(a2, b2) {
   return a2 < b2 ? -1 : a2 > b2 ? 1 : a2 >= b2 ? 0 : NaN;
 }
 function bisector$2(f) {
@@ -29302,12 +29356,12 @@ function bisector$2(f) {
   return { left: left2, center: center2, right: right2 };
 }
 function ascendingComparator(f) {
-  return (d, x2) => d3_ascending(f(d), x2);
+  return (d, x2) => ascending$5(f(d), x2);
 }
 function number$c(x2) {
   return x2 === null ? NaN : +x2;
 }
-const ascendingBisect$1 = bisector$2(d3_ascending);
+const ascendingBisect$1 = bisector$2(ascending$5);
 const bisectRight$2 = ascendingBisect$1.right;
 bisector$2(number$c).center;
 const bisect$2 = bisectRight$2;
@@ -31068,7 +31122,7 @@ function quantile$2() {
     for (let d of _)
       if (d != null && !isNaN(d = +d))
         domain2.push(d);
-    domain2.sort(d3_ascending);
+    domain2.sort(ascending$5);
     return rescale();
   };
   scale2.range = function(_) {
@@ -33645,7 +33699,7 @@ function quantile$1() {
     for (let d of _)
       if (d != null && !isNaN(d = +d))
         domain2.push(d);
-    domain2.sort(d3_ascending);
+    domain2.sort(ascending$5);
     return rescale();
   };
   scale2.range = function(_) {
@@ -37865,11 +37919,11 @@ Selection.prototype = {
 function select$1(selector2) {
   return typeof selector2 === "string" ? new Selection([[document.querySelector(selector2)]], [document.documentElement]) : new Selection([[selector2]], root);
 }
-const scaleBand = scale$5("band");
+const scaleBand$1 = scale$5("band");
 const GROUP_KEY = "set";
 const VALUE_KEY = "value";
 function summarize(iterable, keepZeros) {
-  const values2 = map$4(iterable, (d) => d[VALUE_KEY]).filter((d) => keepZeros || d !== 0).sort(d3_ascending);
+  const values2 = map$4(iterable, (d) => d[VALUE_KEY]).filter((d) => keepZeros || d !== 0).sort(ascending$5);
   const minVal = values2[0];
   const maxVal = values2[values2.length - 1];
   const q1 = quantileSorted$1(values2, 0.25);
@@ -37946,7 +38000,7 @@ function CellSetExpressionPlot(props) {
     const trimmedData = groupedData.map((kv) => kv.value).flat();
     const innerWidth = width2 - marginLeft;
     const innerHeight = height2 - autoMarginBottom;
-    const xGroup = scaleBand().range([marginLeft, width2 - marginRight]).domain(groupNames).padding(0.1);
+    const xGroup = scaleBand$1().range([marginLeft, width2 - marginRight]).domain(groupNames).padding(0.1);
     const yMin = yMinProp === null ? Math.min(0, min$3(trimmedData)) : yMinProp;
     const y2 = linear$4().domain([yMin, max$3(trimmedData)]).range([innerHeight, marginTop]);
     const histogram = bin$3().thresholds(y2.ticks(16)).domain(y2.domain());
@@ -91327,11 +91381,300 @@ function ExpressionHistogramSubscriber(props) {
     }
   );
 }
+const scaleBand = scale$5("band");
+const OBS_KEY = "obsId";
+const FEATURE_KEY = "value";
+function componentToHex(c2) {
+  const hex2 = c2.toString(16);
+  return hex2.length === 1 ? `0${hex2}` : hex2;
+}
+function rgbToHex(color2) {
+  return `#${componentToHex(color2[0])}${componentToHex(color2[1])}${componentToHex(color2[2])}`;
+}
+function FeatureBarPlot(props) {
+  const {
+    yMin,
+    yMax,
+    yUnits,
+    jitter: jitter2,
+    colors: colors2,
+    data: data2,
+    theme,
+    width: width2,
+    height: height2,
+    marginTop = 5,
+    marginRight = 5,
+    marginLeft = 80,
+    marginBottom,
+    obsType,
+    cellHighlight,
+    cellSetSelection,
+    additionalCellSets,
+    cellSetColor,
+    featureType,
+    featureValueType,
+    featureName,
+    onBarSelect,
+    onBarHighlight
+  } = props;
+  const setsSave = useMemo(() => {
+    const result = /* @__PURE__ */ new Map();
+    cellSetSelection.forEach((obsSetPath) => {
+      const selectedElement = obsSetPath[1];
+      additionalCellSets.tree[0].children.forEach((child) => {
+        if (child.name === selectedElement) {
+          child.set.forEach(([obsId]) => {
+            const info2 = { name: "", id: "", color: [] };
+            info2.name = selectedElement;
+            info2.id = obsId;
+            cellSetColor.forEach((color2) => {
+              if (color2.path[1] === selectedElement) {
+                info2.color = color2.color;
+              }
+            });
+            result.set(info2.id, info2);
+          });
+        }
+      });
+    });
+  }, [cellSetSelection, additionalCellSets, cellSetColor]);
+  const svgRef = useRef();
+  const maxCharactersForLabel = useMemo(() => data2.reduce((acc, val) => {
+    acc = acc === void 0 || val[OBS_KEY].length > acc ? val[OBS_KEY].length : acc;
+    return acc;
+  }, 0), [data2]);
+  useEffect(() => {
+    const domElement = svgRef.current;
+    const unitSuffix = yUnits ? ` (${yUnits})` : "";
+    const yTitle = `${capitalize$2(featureName)}${unitSuffix}`;
+    const xTitle = `${capitalize$2(obsType)}`;
+    const autoMarginBottom = marginBottom || 30 + Math.sqrt(maxCharactersForLabel / 2) * 30;
+    const foregroundColor = theme === "dark" ? "lightgray" : "black";
+    data2.sort((a2, b2) => ascending$5(a2[FEATURE_KEY], b2[FEATURE_KEY]));
+    const svg = select$1(domElement);
+    svg.selectAll("g").remove();
+    svg.attr("width", width2).attr("height", height2);
+    const g = svg.append("g").attr("width", width2).attr("height", height2);
+    const innerWidth = width2 - marginLeft;
+    const innerHeight = height2 - autoMarginBottom;
+    const xScale = scaleBand().range([marginLeft, width2 - marginRight]).domain(data2.map((d) => d[OBS_KEY])).padding(0.1);
+    const yScale = linear$4().domain([yMin, yMax]).range([innerHeight, marginTop]);
+    g.selectAll("bar").data(data2).enter().append("rect").attr("x", (d) => xScale(d[OBS_KEY])).attr("y", (d) => yScale(d[FEATURE_KEY])).attr("width", xScale.bandwidth()).attr("height", (d) => innerHeight - yScale(d[FEATURE_KEY])).style("fill", (d) => {
+      if (d[OBS_KEY] === cellHighlight)
+        return "orange";
+      if (setsSave.has(d[OBS_KEY])) {
+        const { color: color2 } = setsSave.get(d[OBS_KEY]);
+        return rgbToHex(color2);
+      }
+      return foregroundColor;
+    }).style("cursor", "pointer").on("click", (event2, d) => {
+      onBarSelect(d[OBS_KEY]);
+    }).on("mouseover", (event2, d) => {
+      onBarHighlight(d[OBS_KEY]);
+    }).on("mouseout", () => {
+      onBarHighlight(null);
+    });
+    const axis2 = axisLeft(yScale);
+    axis2.tickFormat((d) => `${Math.round(d * 1e7)} µm`);
+    g.append("g").attr("transform", `translate(${marginLeft},0)`).call(axis2).selectAll("text").style("font-size", "11px");
+    g.append("g").attr("transform", `translate(0,${innerHeight})`).style("font-size", "14px").call(axisBottom(xScale)).selectAll("text").style("font-size", "11px").attr("dx", "-6px").attr("dy", "6px").attr("transform", "rotate(-45)").style("text-anchor", "end");
+    g.append("text").attr("text-anchor", "middle").attr("x", -innerHeight / 2).attr("y", 15).attr("transform", "rotate(-90)").text(yTitle).style("font-size", "12px").style("fill", foregroundColor);
+    g.append("text").attr("text-anchor", "middle").attr("x", marginLeft + innerWidth / 2).attr("y", height2 - 10).text(xTitle).style("font-size", "12px").style("fill", foregroundColor);
+  }, [
+    width2,
+    height2,
+    data2,
+    marginLeft,
+    marginBottom,
+    colors2,
+    jitter2,
+    theme,
+    yMin,
+    marginTop,
+    marginRight,
+    featureType,
+    featureValueType,
+    yUnits,
+    obsType,
+    maxCharactersForLabel,
+    yMax,
+    featureName,
+    onBarSelect,
+    onBarHighlight,
+    cellHighlight,
+    setsSave
+  ]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "svg",
+    {
+      ref: svgRef,
+      style: {
+        top: 0,
+        left: 0,
+        width: `${width2}px`,
+        height: `${height2}px`,
+        position: "relative"
+      }
+    }
+  );
+}
+function FeatureBarPlotSubscriber(props) {
+  const {
+    coordinationScopes,
+    removeGridComponent,
+    theme,
+    yMin = 0,
+    yUnits = null
+  } = props;
+  const classes = useStyles$1();
+  const loaders = useLoaders();
+  const [{
+    dataset,
+    obsType,
+    featureType,
+    featureValueType,
+    featureSelection: geneSelection,
+    featureValueTransform,
+    featureValueTransformCoefficient,
+    obsHighlight: cellHighlight,
+    additionalObsSets: additionalCellSets,
+    obsSetSelection: cellSetSelection,
+    obsSetColor: cellSetColor
+  }, {
+    setObsSetSelection: setCellSetSelection,
+    setObsHighlight: setCellHighlight,
+    setObsSetColor: setCellSetColor,
+    setObsColorEncoding: setCellColorEncoding,
+    setAdditionalObsSets: setAdditionalCellSets
+  }] = useCoordination(
+    COMPONENT_COORDINATION_TYPES[ViewType$1.FEATURE_BAR_PLOT],
+    coordinationScopes
+  );
+  const [width2, height2, containerRef] = useGridItemSize();
+  const [expressionData, loadedFeatureSelection, featureSelectionStatus] = useFeatureSelection(
+    loaders,
+    dataset,
+    false,
+    geneSelection,
+    { obsType, featureType, featureValueType }
+  );
+  const [{ featureLabelsMap }, featureLabelsStatus, featureLabelsUrls] = useFeatureLabelsData(
+    loaders,
+    dataset,
+    false,
+    {},
+    {},
+    { featureType }
+  );
+  const [
+    { obsIndex },
+    matrixIndicesStatus,
+    matrixIndicesUrls
+  ] = useObsFeatureMatrixIndices(
+    loaders,
+    dataset,
+    false,
+    { obsType, featureType, featureValueType }
+  );
+  const isReady = useReady([
+    featureSelectionStatus,
+    matrixIndicesStatus,
+    featureLabelsStatus
+  ]);
+  const urls = useUrls([
+    featureLabelsUrls,
+    matrixIndicesUrls
+  ]);
+  const onBarSelect = useCallback((obsId) => {
+    const obsIdsToSelect = [obsId];
+    setObsSelection(
+      obsIdsToSelect,
+      additionalCellSets,
+      cellSetColor,
+      setCellSetSelection,
+      setAdditionalCellSets,
+      setCellSetColor,
+      setCellColorEncoding
+    );
+  }, [
+    additionalCellSets,
+    cellSetColor,
+    setCellColorEncoding,
+    setAdditionalCellSets,
+    setCellSetColor,
+    setCellSetSelection
+  ]);
+  const onBarHighlight = useCallback((obsId) => {
+    setCellHighlight(obsId);
+  }, []);
+  const firstGeneSelected = geneSelection && geneSelection.length >= 1 ? (featureLabelsMap == null ? void 0 : featureLabelsMap.get(geneSelection[0])) || geneSelection[0] : null;
+  const [expressionArr, expressionMax] = useMemo(() => {
+    if (firstGeneSelected && expressionData && obsIndex) {
+      let exprMax = -Infinity;
+      const cellIndices = {};
+      for (let i = 0; i < obsIndex.length; i += 1) {
+        cellIndices[obsIndex[i]] = i;
+      }
+      const exprValues = obsIndex.map((obsId, cellIndex) => {
+        const value2 = expressionData[0][cellIndex];
+        exprMax = Math.max(value2, exprMax);
+        return { obsId, value: value2, feature: firstGeneSelected };
+      });
+      return [exprValues, exprMax];
+    }
+    return [null, null];
+  }, [
+    expressionData,
+    obsIndex,
+    geneSelection,
+    theme,
+    featureValueTransform,
+    featureValueTransformCoefficient,
+    firstGeneSelected
+  ]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    TitleInfo,
+    {
+      title: `Feature Values${firstGeneSelected ? ` (${firstGeneSelected})` : ""}`,
+      removeGridComponent,
+      urls,
+      theme,
+      isReady,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: containerRef, className: classes.vegaContainer, children: expressionArr ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+        FeatureBarPlot,
+        {
+          yMin,
+          yMax: expressionMax,
+          yUnits,
+          data: expressionArr,
+          theme,
+          width: width2,
+          height: height2,
+          obsType,
+          cellHighlight,
+          cellSetSelection,
+          additionalCellSets,
+          cellSetColor,
+          featureType,
+          featureValueType,
+          featureName: firstGeneSelected,
+          onBarSelect,
+          onBarHighlight
+        }
+      ) : /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+        "Select a ",
+        featureType,
+        "."
+      ] }) })
+    }
+  );
+}
 export {
   CellSetExpressionPlot,
   CellSetExpressionPlotSubscriber,
   CellSetSizesPlot,
   CellSetSizesPlotSubscriber,
   ExpressionHistogram,
-  ExpressionHistogramSubscriber
+  ExpressionHistogramSubscriber,
+  FeatureBarPlotSubscriber
 };