@vitessce/vit-s 3.5.7 → 3.5.8

package/dist/index.js

@@ -1,5 +1,5 @@
 import * as React$6 from "react";
-import React__default, { Children, isValidElement, cloneElement as cloneElement$1, useReducer, useRef, useDebugValue, useEffect, useLayoutEffect, createContext as createContext$1, createElement, useContext, useMemo, useCallback, useState } from "react";
+import React__default, { Children, isValidElement, cloneElement as cloneElement$1, useReducer, useRef, useDebugValue, useEffect, useLayoutEffect, createContext as createContext$1, createElement, useContext, useMemo, useCallback, Component, useState } from "react";
 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 : {};
@@ -405,8 +405,8 @@ var reactJsxRuntime_development = {};
         return describeNativeComponentFrame(fn, false);
       }
     }
-    function shouldConstruct(Component) {
-      var prototype = Component.prototype;
+    function shouldConstruct(Component2) {
+      var prototype = Component2.prototype;
       return !!(prototype && prototype.isReactComponent);
     }
     function describeUnknownElementTypeFrameInDEV(type3, source, ownerFn) {
@@ -2340,30 +2340,30 @@ function getFunctionName(fn) {
   var name = match && match[1];
   return name || "";
 }
-function getFunctionComponentName(Component) {
+function getFunctionComponentName(Component2) {
   var fallback = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
-  return Component.displayName || Component.name || getFunctionName(Component) || fallback;
+  return Component2.displayName || Component2.name || getFunctionName(Component2) || fallback;
 }
 function getWrappedName(outerType, innerType, wrapperName) {
   var functionName = getFunctionComponentName(innerType);
   return outerType.displayName || (functionName !== "" ? "".concat(wrapperName, "(").concat(functionName, ")") : wrapperName);
 }
-function getDisplayName(Component) {
-  if (Component == null) {
+function getDisplayName(Component2) {
+  if (Component2 == null) {
     return void 0;
   }
-  if (typeof Component === "string") {
-    return Component;
+  if (typeof Component2 === "string") {
+    return Component2;
   }
-  if (typeof Component === "function") {
-    return getFunctionComponentName(Component, "Component");
+  if (typeof Component2 === "function") {
+    return getFunctionComponentName(Component2, "Component");
   }
-  if (_typeof$7(Component) === "object") {
-    switch (Component.$$typeof) {
+  if (_typeof$7(Component2) === "object") {
+    switch (Component2.$$typeof) {
       case reactIsExports.ForwardRef:
-        return getWrappedName(Component, Component.render, "ForwardRef");
+        return getWrappedName(Component2, Component2.render, "ForwardRef");
       case reactIsExports.Memo:
-        return getWrappedName(Component, Component.type, "memo");
+        return getWrappedName(Component2, Component2.type, "memo");
       default:
         return void 0;
     }
@@ -6169,24 +6169,24 @@ function jssPreset() {
 }
 function mergeClasses() {
   var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-  var baseClasses = options.baseClasses, newClasses = options.newClasses, Component = options.Component;
+  var baseClasses = options.baseClasses, newClasses = options.newClasses, Component2 = options.Component;
   if (!newClasses) {
     return baseClasses;
   }
   var nextClasses = _extends$6({}, 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"));
+      console.error(["Material-UI: The value `".concat(newClasses, "` ") + "provided to the classes prop of ".concat(getDisplayName(Component2), " is incorrect."), "You might want to use the className prop instead."].join("\n"));
       return baseClasses;
     }
   }
   Object.keys(newClasses).forEach(function(key) {
     {
       if (!baseClasses[key] && newClasses[key]) {
-        console.error(["Material-UI: The key `".concat(key, "` ") + "provided to the classes prop is not implemented in ".concat(getDisplayName(Component), "."), "You can only override one of the following: ".concat(Object.keys(baseClasses).join(","), ".")].join("\n"));
+        console.error(["Material-UI: The key `".concat(key, "` ") + "provided to the classes prop is not implemented in ".concat(getDisplayName(Component2), "."), "You can only override one of the following: ".concat(Object.keys(baseClasses).join(","), ".")].join("\n"));
       }
       if (newClasses[key] && typeof newClasses[key] !== "string") {
-        console.error(["Material-UI: The key `".concat(key, "` ") + "provided to the classes prop is not valid for ".concat(getDisplayName(Component), "."), "You need to provide a non empty string instead of: ".concat(newClasses[key], ".")].join("\n"));
+        console.error(["Material-UI: The key `".concat(key, "` ") + "provided to the classes prop is not valid for ".concat(getDisplayName(Component2), "."), "You need to provide a non empty string instead of: ".concat(newClasses[key], ".")].join("\n"));
       }
     }
     if (newClasses[key]) {
@@ -6385,7 +6385,7 @@ function getStylesCreator(stylesOrCreator) {
     options: {}
   };
 }
-function getClasses(_ref3, classes, Component) {
+function getClasses(_ref3, classes, Component2) {
   var state = _ref3.state, stylesOptions = _ref3.stylesOptions;
   if (stylesOptions.disableGeneration) {
     return classes || {};
@@ -6413,7 +6413,7 @@ function getClasses(_ref3, classes, Component) {
     state.cacheClasses.value = mergeClasses({
       baseClasses: state.cacheClasses.lastJSS,
       newClasses: classes,
-      Component
+      Component: Component2
     });
   }
   return state.cacheClasses.value;
@@ -6530,7 +6530,7 @@ function useSynchronousEffect(func, values2) {
 }
 function makeStyles$1(stylesOrCreator) {
   var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-  var name = options.name, classNamePrefixOption = options.classNamePrefix, Component = options.Component, _options$defaultTheme = options.defaultTheme, defaultTheme2 = _options$defaultTheme === void 0 ? noopTheme$1 : _options$defaultTheme, stylesOptions2 = _objectWithoutProperties$2(options, ["name", "classNamePrefix", "Component", "defaultTheme"]);
+  var name = options.name, classNamePrefixOption = options.classNamePrefix, Component2 = options.Component, _options$defaultTheme = options.defaultTheme, defaultTheme2 = _options$defaultTheme === void 0 ? noopTheme$1 : _options$defaultTheme, stylesOptions2 = _objectWithoutProperties$2(options, ["name", "classNamePrefix", "Component", "defaultTheme"]);
   var stylesCreator = getStylesCreator(stylesOrCreator);
   var classNamePrefix = name || classNamePrefixOption || "makeStyles";
   stylesCreator.options = {
@@ -6566,7 +6566,7 @@ function makeStyles$1(stylesOrCreator) {
       }
       shouldUpdate.current = true;
     });
-    var classes = getClasses(instance.current, props.classes, Component);
+    var classes = getClasses(instance.current, props.classes, Component2);
     {
       React__default.useDebugValue(classes);
     }
@@ -6693,17 +6693,17 @@ function omit(input, fields) {
   });
   return output;
 }
-function styled$2(Component) {
+function styled$2(Component2) {
   var componentCreator = function componentCreator2(style) {
     var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     var name = options.name, stylesOptions = _objectWithoutProperties$2(options, ["name"]);
-    if (Component === void 0) {
+    if (Component2 === void 0) {
       throw new Error(["You are calling styled(Component)(style) with an undefined component.", "You may have forgotten to import it."].join("\n"));
     }
     var classNamePrefix = name;
     {
       if (!name) {
-        var displayName = getDisplayName(Component);
+        var displayName = getDisplayName(Component2);
         if (displayName !== void 0) {
           classNamePrefix = displayName;
         }
@@ -6721,8 +6721,8 @@ function styled$2(Component) {
       root: style
     };
     var useStyles2 = makeStyles$1(stylesOrCreator, _extends$6({
-      Component,
-      name: name || Component.displayName,
+      Component: Component2,
+      name: name || Component2.displayName,
       classNamePrefix
     }, stylesOptions));
     var filterProps;
@@ -6753,7 +6753,7 @@ function styled$2(Component) {
           className
         }, spread));
       }
-      var FinalComponent = ComponentProp || Component;
+      var FinalComponent = ComponentProp || Component2;
       return /* @__PURE__ */ React__default.createElement(FinalComponent, _extends$6({
         ref,
         className
@@ -6789,7 +6789,7 @@ function styled$2(Component) {
     {
       StyledComponent.displayName = "Styled(".concat(classNamePrefix, ")");
     }
-    hoistNonReactStatics$1(StyledComponent, Component);
+    hoistNonReactStatics$1(StyledComponent, Component2);
     return StyledComponent;
   };
   return componentCreator;
@@ -6840,17 +6840,17 @@ ThemeProvider.propTypes = {
 }
 var withStyles$1 = function withStyles(stylesOrCreator) {
   var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-  return function(Component) {
+  return function(Component2) {
     var defaultTheme2 = options.defaultTheme, _options$withTheme = options.withTheme, withTheme = _options$withTheme === void 0 ? false : _options$withTheme, name = options.name, stylesOptions = _objectWithoutProperties$2(options, ["defaultTheme", "withTheme", "name"]);
     {
-      if (Component === void 0) {
+      if (Component2 === void 0) {
         throw new Error(["You are calling withStyles(styles)(Component) with an undefined component.", "You may have forgotten to import it."].join("\n"));
       }
     }
     var classNamePrefix = name;
     {
       if (!name) {
-        var displayName = getDisplayName(Component);
+        var displayName = getDisplayName(Component2);
         if (displayName !== void 0) {
           classNamePrefix = displayName;
         }
@@ -6858,14 +6858,14 @@ var withStyles$1 = function withStyles(stylesOrCreator) {
     }
     var useStyles2 = makeStyles$1(stylesOrCreator, _extends$6({
       defaultTheme: defaultTheme2,
-      Component,
-      name: name || Component.displayName,
+      Component: Component2,
+      name: name || Component2.displayName,
       classNamePrefix
     }, stylesOptions));
     var WithStyles = /* @__PURE__ */ React__default.forwardRef(function WithStyles2(props, ref) {
       props.classes;
       var innerRef = props.innerRef, other = _objectWithoutProperties$2(props, ["classes", "innerRef"]);
-      var classes = useStyles2(_extends$6({}, Component.defaultProps, props));
+      var classes = useStyles2(_extends$6({}, Component2.defaultProps, props));
       var theme;
       var more = other;
       if (typeof name === "string" || withTheme) {
@@ -6881,7 +6881,7 @@ var withStyles$1 = function withStyles(stylesOrCreator) {
           more.theme = theme;
         }
       }
-      return /* @__PURE__ */ React__default.createElement(Component, _extends$6({
+      return /* @__PURE__ */ React__default.createElement(Component2, _extends$6({
         ref: innerRef || ref,
         classes
       }, more));
@@ -6903,11 +6903,11 @@ var withStyles$1 = function withStyles(stylesOrCreator) {
       })
     };
     {
-      WithStyles.displayName = "WithStyles(".concat(getDisplayName(Component), ")");
+      WithStyles.displayName = "WithStyles(".concat(getDisplayName(Component2), ")");
     }
-    hoistNonReactStatics$1(WithStyles, Component);
+    hoistNonReactStatics$1(WithStyles, Component2);
     {
-      WithStyles.Naked = Component;
+      WithStyles.Naked = Component2;
       WithStyles.options = options;
       WithStyles.useStyles = useStyles2;
     }
@@ -6923,8 +6923,8 @@ function makeStyles(stylesOrCreator) {
     defaultTheme: defaultTheme$1
   }, options));
 }
-var styled = function styled2(Component) {
-  var componentCreator = styled$2(Component);
+var styled = function styled2(Component2) {
+  var componentCreator = styled$2(Component2);
   return function(style, options) {
     return componentCreator(style, _extends$6({
       defaultTheme: defaultTheme$1
@@ -7023,8 +7023,8 @@ var styles$t = function styles(theme) {
   };
 };
 var SvgIcon = /* @__PURE__ */ React$6.forwardRef(function SvgIcon2(props, ref) {
-  var children2 = props.children, classes = props.classes, className = props.className, _props$color = props.color, color2 = _props$color === void 0 ? "inherit" : _props$color, _props$component = props.component, Component = _props$component === void 0 ? "svg" : _props$component, _props$fontSize = props.fontSize, fontSize2 = _props$fontSize === void 0 ? "medium" : _props$fontSize, htmlColor = props.htmlColor, titleAccess = props.titleAccess, _props$viewBox = props.viewBox, viewBox = _props$viewBox === void 0 ? "0 0 24 24" : _props$viewBox, other = _objectWithoutProperties$2(props, ["children", "classes", "className", "color", "component", "fontSize", "htmlColor", "titleAccess", "viewBox"]);
-  return /* @__PURE__ */ React$6.createElement(Component, _extends$6({
+  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, Component2 = _props$component === void 0 ? "svg" : _props$component, _props$fontSize = props.fontSize, fontSize2 = _props$fontSize === void 0 ? "medium" : _props$fontSize, htmlColor = props.htmlColor, titleAccess = props.titleAccess, _props$viewBox = props.viewBox, viewBox = _props$viewBox === void 0 ? "0 0 24 24" : _props$viewBox, other = _objectWithoutProperties$2(props, ["children", "classes", "className", "color", "component", "fontSize", "htmlColor", "titleAccess", "viewBox"]);
+  return /* @__PURE__ */ React$6.createElement(Component2, _extends$6({
     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,
@@ -7101,16 +7101,16 @@ const SvgIcon$1 = withStyles2(styles$t, {
   name: "MuiSvgIcon"
 })(SvgIcon);
 function createSvgIcon(path, displayName) {
-  var Component = function Component2(props, ref) {
+  var Component2 = function Component3(props, ref) {
     return /* @__PURE__ */ React__default.createElement(SvgIcon$1, _extends$6({
       ref
     }, props), path);
   };
   {
-    Component.displayName = "".concat(displayName, "Icon");
+    Component2.displayName = "".concat(displayName, "Icon");
   }
-  Component.muiName = SvgIcon$1.muiName;
-  return /* @__PURE__ */ React__default.memo(/* @__PURE__ */ React__default.forwardRef(Component));
+  Component2.muiName = SvgIcon$1.muiName;
+  return /* @__PURE__ */ React__default.memo(/* @__PURE__ */ React__default.forwardRef(Component2));
 }
 function debounce$2(func) {
   var wait = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 166;
@@ -7895,20 +7895,20 @@ var TransitionGroup = /* @__PURE__ */ function(_React$Component) {
     }
   };
   _proto.render = function render() {
-    var _this$props = this.props, Component = _this$props.component, childFactory2 = _this$props.childFactory, props = _objectWithoutPropertiesLoose$4(_this$props, ["component", "childFactory"]);
+    var _this$props = this.props, Component2 = _this$props.component, childFactory2 = _this$props.childFactory, props = _objectWithoutPropertiesLoose$4(_this$props, ["component", "childFactory"]);
     var contextValue = this.state.contextValue;
     var children2 = values(this.state.children).map(childFactory2);
     delete props.appear;
     delete props.enter;
     delete props.exit;
-    if (Component === null) {
+    if (Component2 === null) {
       return /* @__PURE__ */ React__default.createElement(TransitionGroupContext.Provider, {
         value: contextValue
       }, children2);
     }
     return /* @__PURE__ */ React__default.createElement(TransitionGroupContext.Provider, {
       value: contextValue
-    }, /* @__PURE__ */ React__default.createElement(Component, props, children2));
+    }, /* @__PURE__ */ React__default.createElement(Component2, props, children2));
   };
   return TransitionGroup2;
 }(React__default.Component);
@@ -8002,8 +8002,8 @@ var styles$s = function styles2(theme) {
   }, elevations);
 };
 var Paper = /* @__PURE__ */ React$6.forwardRef(function Paper2(props, ref) {
-  var classes = props.classes, className = props.className, _props$component = props.component, Component = _props$component === void 0 ? "div" : _props$component, _props$square = props.square, square = _props$square === void 0 ? false : _props$square, _props$elevation = props.elevation, elevation = _props$elevation === void 0 ? 1 : _props$elevation, _props$variant = props.variant, variant = _props$variant === void 0 ? "elevation" : _props$variant, other = _objectWithoutProperties$2(props, ["classes", "className", "component", "square", "elevation", "variant"]);
-  return /* @__PURE__ */ React$6.createElement(Component, _extends$6({
+  var classes = props.classes, className = props.className, _props$component = props.component, Component2 = _props$component === void 0 ? "div" : _props$component, _props$square = props.square, square = _props$square === void 0 ? false : _props$square, _props$elevation = props.elevation, elevation = _props$elevation === void 0 ? 1 : _props$elevation, _props$variant = props.variant, variant = _props$variant === void 0 ? "elevation" : _props$variant, other = _objectWithoutProperties$2(props, ["classes", "className", "component", "square", "elevation", "variant"]);
+  return /* @__PURE__ */ React$6.createElement(Component2, _extends$6({
     className: clsx(classes.root, className, variant === "outlined" ? classes.outlined : classes["elevation".concat(elevation)], !square && classes.rounded),
     ref
   }, other));
@@ -9141,8 +9141,8 @@ var defaultVariantMapping = {
 };
 var Typography = /* @__PURE__ */ React$6.forwardRef(function Typography2(props, ref) {
   var _props$align = props.align, align = _props$align === void 0 ? "inherit" : _props$align, classes = props.classes, className = props.className, _props$color = props.color, color2 = _props$color === void 0 ? "initial" : _props$color, component = props.component, _props$display = props.display, display2 = _props$display === void 0 ? "initial" : _props$display, _props$gutterBottom = props.gutterBottom, gutterBottom = _props$gutterBottom === void 0 ? false : _props$gutterBottom, _props$noWrap = props.noWrap, noWrap = _props$noWrap === void 0 ? false : _props$noWrap, _props$paragraph = props.paragraph, paragraph = _props$paragraph === void 0 ? false : _props$paragraph, _props$variant = props.variant, variant = _props$variant === void 0 ? "body1" : _props$variant, _props$variantMapping = props.variantMapping, variantMapping = _props$variantMapping === void 0 ? defaultVariantMapping : _props$variantMapping, other = _objectWithoutProperties$2(props, ["align", "classes", "className", "color", "component", "display", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"]);
-  var Component = component || (paragraph ? "p" : variantMapping[variant] || defaultVariantMapping[variant]) || "span";
-  return /* @__PURE__ */ React$6.createElement(Component, _extends$6({
+  var Component2 = component || (paragraph ? "p" : variantMapping[variant] || defaultVariantMapping[variant]) || "span";
+  return /* @__PURE__ */ React$6.createElement(Component2, _extends$6({
     className: clsx(classes.root, className, variant !== "inherit" && classes[variant], color2 !== "initial" && classes["color".concat(capitalize$1(color2))], noWrap && classes.noWrap, gutterBottom && classes.gutterBottom, paragraph && classes.paragraph, align !== "inherit" && classes["align".concat(capitalize$1(align))], display2 !== "initial" && classes["display".concat(capitalize$1(display2))]),
     ref
   }, other));
@@ -11795,7 +11795,7 @@ var styles$d = {
   }
 };
 var List = /* @__PURE__ */ React$6.forwardRef(function List2(props, ref) {
-  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$2(props, ["children", "classes", "className", "component", "dense", "disablePadding", "subheader"]);
+  var children2 = props.children, classes = props.classes, className = props.className, _props$component = props.component, Component2 = _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$2(props, ["children", "classes", "className", "component", "dense", "disablePadding", "subheader"]);
   var context = React$6.useMemo(function() {
     return {
       dense
@@ -11803,7 +11803,7 @@ var List = /* @__PURE__ */ React$6.forwardRef(function List2(props, ref) {
   }, [dense]);
   return /* @__PURE__ */ React$6.createElement(ListContext$1.Provider, {
     value: context
-  }, /* @__PURE__ */ React$6.createElement(Component, _extends$6({
+  }, /* @__PURE__ */ React$6.createElement(Component2, _extends$6({
     className: clsx(classes.root, className, dense && classes.dense, !disablePadding && classes.padding, subheader && classes.subheader),
     ref
   }, other), subheader, children2));
@@ -11950,17 +11950,17 @@ var ListItem = /* @__PURE__ */ React$6.forwardRef(function ListItem2(props, ref)
     className: clsx(classes.root, className, childContext.dense && classes.dense, !disableGutters && classes.gutters, divider && classes.divider, disabled && classes.disabled, button && classes.button, alignItems2 !== "center" && classes.alignItemsFlexStart, hasSecondaryAction && classes.secondaryAction, selected && classes.selected),
     disabled
   }, other);
-  var Component = componentProp || "li";
+  var Component2 = componentProp || "li";
   if (button) {
     componentProps.component = componentProp || "div";
     componentProps.focusVisibleClassName = clsx(classes.focusVisible, focusVisibleClassName);
-    Component = ButtonBase$1;
+    Component2 = ButtonBase$1;
   }
   if (hasSecondaryAction) {
-    Component = !componentProps.component && !componentProp ? "div" : Component;
+    Component2 = !componentProps.component && !componentProp ? "div" : Component2;
     if (ContainerComponent === "li") {
-      if (Component === "li") {
-        Component = "div";
+      if (Component2 === "li") {
+        Component2 = "div";
       } else if (componentProps.component === "li") {
         componentProps.component = "div";
       }
@@ -11970,11 +11970,11 @@ var ListItem = /* @__PURE__ */ React$6.forwardRef(function ListItem2(props, ref)
     }, /* @__PURE__ */ React$6.createElement(ContainerComponent, _extends$6({
       className: clsx(classes.container, ContainerClassName),
       ref: handleRef
-    }, ContainerProps), /* @__PURE__ */ React$6.createElement(Component, componentProps, children2), children2.pop()));
+    }, ContainerProps), /* @__PURE__ */ React$6.createElement(Component2, componentProps, children2), children2.pop()));
   }
   return /* @__PURE__ */ React$6.createElement(ListContext$1.Provider, {
     value: childContext
-  }, /* @__PURE__ */ React$6.createElement(Component, _extends$6({
+  }, /* @__PURE__ */ React$6.createElement(Component2, _extends$6({
     ref: handleRef
   }, componentProps), children2));
 });
@@ -16052,7 +16052,7 @@ var styles$4 = function styles16(theme) {
 };
 var defaultComponent$2 = "table";
 var Table = /* @__PURE__ */ React$6.forwardRef(function Table2(props, ref) {
-  var classes = props.classes, className = props.className, _props$component = props.component, Component = _props$component === void 0 ? defaultComponent$2 : _props$component, _props$padding = props.padding, padding2 = _props$padding === void 0 ? "normal" : _props$padding, _props$size = props.size, size = _props$size === void 0 ? "medium" : _props$size, _props$stickyHeader = props.stickyHeader, stickyHeader = _props$stickyHeader === void 0 ? false : _props$stickyHeader, other = _objectWithoutProperties$2(props, ["classes", "className", "component", "padding", "size", "stickyHeader"]);
+  var classes = props.classes, className = props.className, _props$component = props.component, Component2 = _props$component === void 0 ? defaultComponent$2 : _props$component, _props$padding = props.padding, padding2 = _props$padding === void 0 ? "normal" : _props$padding, _props$size = props.size, size = _props$size === void 0 ? "medium" : _props$size, _props$stickyHeader = props.stickyHeader, stickyHeader = _props$stickyHeader === void 0 ? false : _props$stickyHeader, other = _objectWithoutProperties$2(props, ["classes", "className", "component", "padding", "size", "stickyHeader"]);
   var table = React$6.useMemo(function() {
     return {
       padding: padding2,
@@ -16062,8 +16062,8 @@ var Table = /* @__PURE__ */ React$6.forwardRef(function Table2(props, ref) {
   }, [padding2, size, stickyHeader]);
   return /* @__PURE__ */ React$6.createElement(TableContext$1.Provider, {
     value: table
-  }, /* @__PURE__ */ React$6.createElement(Component, _extends$6({
-    role: Component === defaultComponent$2 ? null : "table",
+  }, /* @__PURE__ */ React$6.createElement(Component2, _extends$6({
+    role: Component2 === defaultComponent$2 ? null : "table",
     ref,
     className: clsx(classes.root, className, stickyHeader && classes.stickyHeader)
   }, other)));
@@ -16127,13 +16127,13 @@ var tablelvl2 = {
 };
 var defaultComponent$1 = "tbody";
 var TableBody = /* @__PURE__ */ React$6.forwardRef(function TableBody2(props, ref) {
-  var classes = props.classes, className = props.className, _props$component = props.component, Component = _props$component === void 0 ? defaultComponent$1 : _props$component, other = _objectWithoutProperties$2(props, ["classes", "className", "component"]);
+  var classes = props.classes, className = props.className, _props$component = props.component, Component2 = _props$component === void 0 ? defaultComponent$1 : _props$component, other = _objectWithoutProperties$2(props, ["classes", "className", "component"]);
   return /* @__PURE__ */ React$6.createElement(Tablelvl2Context$1.Provider, {
     value: tablelvl2
-  }, /* @__PURE__ */ React$6.createElement(Component, _extends$6({
+  }, /* @__PURE__ */ React$6.createElement(Component2, _extends$6({
     className: clsx(classes.root, className),
     ref,
-    role: Component === defaultComponent$1 ? null : "rowgroup"
+    role: Component2 === defaultComponent$1 ? null : "rowgroup"
   }, other)));
 });
 TableBody.propTypes = {
@@ -16256,12 +16256,12 @@ var TableCell = /* @__PURE__ */ React$6.forwardRef(function TableCell2(props, re
   var tablelvl22 = React$6.useContext(Tablelvl2Context$1);
   var isHeadCell = tablelvl22 && tablelvl22.variant === "head";
   var role;
-  var Component;
+  var Component2;
   if (component) {
-    Component = component;
+    Component2 = component;
     role = isHeadCell ? "columnheader" : "cell";
   } else {
-    Component = isHeadCell ? "th" : "td";
+    Component2 = isHeadCell ? "th" : "td";
   }
   var scope = scopeProp;
   if (!scope && isHeadCell) {
@@ -16274,7 +16274,7 @@ var TableCell = /* @__PURE__ */ React$6.forwardRef(function TableCell2(props, re
   if (sortDirection) {
     ariaSort = sortDirection === "asc" ? "ascending" : "descending";
   }
-  return /* @__PURE__ */ React$6.createElement(Component, _extends$6({
+  return /* @__PURE__ */ React$6.createElement(Component2, _extends$6({
     ref,
     className: clsx(classes.root, classes[variant], className, align !== "inherit" && classes["align".concat(capitalize$1(align))], padding2 !== "normal" && classes["padding".concat(capitalize$1(padding2))], size !== "medium" && classes["size".concat(capitalize$1(size))], variant === "head" && table && table.stickyHeader && classes.stickyHeader),
     "aria-sort": ariaSort,
@@ -16349,8 +16349,8 @@ var styles$1 = {
   }
 };
 var TableContainer = /* @__PURE__ */ React$6.forwardRef(function TableContainer2(props, ref) {
-  var classes = props.classes, className = props.className, _props$component = props.component, Component = _props$component === void 0 ? "div" : _props$component, other = _objectWithoutProperties$2(props, ["classes", "className", "component"]);
-  return /* @__PURE__ */ React$6.createElement(Component, _extends$6({
+  var classes = props.classes, className = props.className, _props$component = props.component, Component2 = _props$component === void 0 ? "div" : _props$component, other = _objectWithoutProperties$2(props, ["classes", "className", "component"]);
+  return /* @__PURE__ */ React$6.createElement(Component2, _extends$6({
     ref,
     className: clsx(classes.root, className)
   }, other));
@@ -16406,15 +16406,15 @@ var styles18 = function styles19(theme) {
 };
 var defaultComponent = "tr";
 var TableRow = /* @__PURE__ */ React$6.forwardRef(function TableRow2(props, ref) {
-  var classes = props.classes, className = props.className, _props$component = props.component, Component = _props$component === void 0 ? defaultComponent : _props$component, _props$hover = props.hover, hover = _props$hover === void 0 ? false : _props$hover, _props$selected = props.selected, selected = _props$selected === void 0 ? false : _props$selected, other = _objectWithoutProperties$2(props, ["classes", "className", "component", "hover", "selected"]);
+  var classes = props.classes, className = props.className, _props$component = props.component, Component2 = _props$component === void 0 ? defaultComponent : _props$component, _props$hover = props.hover, hover = _props$hover === void 0 ? false : _props$hover, _props$selected = props.selected, selected = _props$selected === void 0 ? false : _props$selected, other = _objectWithoutProperties$2(props, ["classes", "className", "component", "hover", "selected"]);
   var tablelvl22 = React$6.useContext(Tablelvl2Context$1);
-  return /* @__PURE__ */ React$6.createElement(Component, _extends$6({
+  return /* @__PURE__ */ React$6.createElement(Component2, _extends$6({
     ref,
     className: clsx(classes.root, className, tablelvl22 && {
       "head": classes.head,
       "footer": classes.footer
     }[tablelvl22.variant], hover && classes.hover, selected && classes.selected),
-    role: Component === defaultComponent ? null : "row"
+    role: Component2 === defaultComponent ? null : "row"
   }, other));
 });
 TableRow.propTypes = {
@@ -25395,6 +25395,13 @@ const OrderedLogLevels = [
 ];
 const DEFAULT_DEBUG_MODE = false;
 const DEFAULT_LOG_LEVEL = LogLevel.TRACE;
+let GLOBAL_DEBUG_MODE = DEFAULT_DEBUG_MODE;
+function getDebugMode() {
+  return GLOBAL_DEBUG_MODE;
+}
+function setDebugMode(value) {
+  GLOBAL_DEBUG_MODE = value;
+}
 function getLogLevel() {
   return log$3.getLevel();
 }
@@ -28061,8 +28068,13 @@ const ViewType$1 = {
   FEATURE_VALUE_HISTOGRAM: "featureValueHistogram",
   DOT_PLOT: "dotPlot",
   FEATURE_BAR_PLOT: "featureBarPlot",
+  VOLCANO_PLOT: "volcanoPlot",
+  OBS_SET_COMPOSITION_BAR_PLOT: "obsSetCompositionBarPlot",
+  FEATURE_SET_ENRICHMENT_BAR_PLOT: "featureSetEnrichmentBarPlot",
   BIOMARKER_SELECT: "biomarkerSelect",
+  COMPARATIVE_HEADING: "comparativeHeading",
   LINK_CONTROLLER: "linkController",
+  NEUROGLANCER: "neuroglancer",
   DUAL_SCATTERPLOT: "dualScatterplot",
   TREEMAP: "treemap"
 };
@@ -28080,7 +28092,11 @@ const DataType$1 = {
   OBS_POINTS: "obsPoints",
   OBS_LOCATIONS: "obsLocations",
   SAMPLE_SETS: "sampleSets",
-  SAMPLE_EDGES: "sampleEdges"
+  SAMPLE_EDGES: "sampleEdges",
+  COMPARISON_METADATA: "comparisonMetadata",
+  FEATURE_STATS: "featureStats",
+  FEATURE_SET_STATS: "featureSetStats",
+  OBS_SET_STATS: "obsSetStats"
 };
 const AsyncFunctionType = {
   // String input (rather than Node input)
@@ -28141,6 +28157,10 @@ const FileType$1 = {
   FEATURE_LABELS_ANNDATA_ZARR: "featureLabels.anndata.zarr",
   SAMPLE_EDGES_ANNDATA_ZARR: "sampleEdges.anndata.zarr",
   SAMPLE_SETS_ANNDATA_ZARR: "sampleSets.anndata.zarr",
+  COMPARISON_METADATA_ANNDATA_ZARR: "comparisonMetadata.anndata.zarr",
+  COMPARATIVE_FEATURE_STATS_ANNDATA_ZARR: "comparativeFeatureStats.anndata.zarr",
+  COMPARATIVE_FEATURE_SET_STATS_ANNDATA_ZARR: "comparativeFeatureSetStats.anndata.zarr",
+  COMPARATIVE_OBS_SET_STATS_ANNDATA_ZARR: "comparativeObsSetStats.anndata.zarr",
   // AnnData - zipped
   OBS_FEATURE_MATRIX_ANNDATA_ZARR_ZIP: "obsFeatureMatrix.anndata.zarr.zip",
   OBS_FEATURE_COLUMNS_ANNDATA_ZARR_ZIP: "obsFeatureColumns.anndata.zarr.zip",
@@ -28154,6 +28174,10 @@ const FileType$1 = {
   FEATURE_LABELS_ANNDATA_ZARR_ZIP: "featureLabels.anndata.zarr.zip",
   SAMPLE_EDGES_ANNDATA_ZARR_ZIP: "sampleEdges.anndata.zarr.zip",
   SAMPLE_SETS_ANNDATA_ZARR_ZIP: "sampleSets.anndata.zarr.zip",
+  COMPARISON_METADATA_ANNDATA_ZARR_ZIP: "comparisonMetadata.anndata.zarr.zip",
+  COMPARATIVE_FEATURE_STATS_ANNDATA_ZARR_ZIP: "comparativeFeatureStats.anndata.zarr.zip",
+  COMPARATIVE_FEATURE_SET_STATS_ANNDATA_ZARR_ZIP: "comparativeFeatureSetStats.anndata.zarr.zip",
+  COMPARATIVE_OBS_SET_STATS_ANNDATA_ZARR_ZIP: "comparativeObsSetStats.anndata.zarr.zip",
   // AnnData - h5ad via reference spec
   OBS_FEATURE_MATRIX_ANNDATA_H5AD: "obsFeatureMatrix.anndata.h5ad",
   OBS_FEATURE_COLUMNS_ANNDATA_H5AD: "obsFeatureColumns.anndata.h5ad",
@@ -28167,6 +28191,10 @@ const FileType$1 = {
   FEATURE_LABELS_ANNDATA_H5AD: "featureLabels.anndata.h5ad",
   SAMPLE_EDGES_ANNDATA_H5AD: "sampleEdges.anndata.h5ad",
   SAMPLE_SETS_ANNDATA_H5AD: "sampleSets.anndata.h5ad",
+  COMPARISON_METADATA_ANNDATA_H5AD: "comparisonMetadata.anndata.h5ad",
+  COMPARATIVE_FEATURE_STATS_ANNDATA_H5AD: "comparativeFeatureStats.anndata.h5ad",
+  COMPARATIVE_FEATURE_SET_STATS_ANNDATA_H5AD: "comparativeFeatureSetStats.anndata.h5ad",
+  COMPARATIVE_OBS_SET_STATS_ANNDATA_H5AD: "comparativeObsSetStats.anndata.h5ad",
   // SpatialData
   IMAGE_SPATIALDATA_ZARR: "image.spatialdata.zarr",
   LABELS_SPATIALDATA_ZARR: "labels.spatialdata.zarr",
@@ -28365,6 +28393,11 @@ const CoordinationType$1 = {
   EMBEDDING_CONTOUR_PERCENTILES: "embeddingContourPercentiles",
   CONTOUR_COLOR_ENCODING: "contourColorEncoding",
   CONTOUR_COLOR: "contourColor",
+  // For volcano plot:
+  FEATURE_POINT_SIGNIFICANCE_THRESHOLD: "featurePointSignificanceThreshold",
+  FEATURE_LABEL_SIGNIFICANCE_THRESHOLD: "featureLabelSignificanceThreshold",
+  FEATURE_POINT_FOLD_CHANGE_THRESHOLD: "featurePointFoldChangeThreshold",
+  FEATURE_LABEL_FOLD_CHANGE_THRESHOLD: "featureLabelFoldChangeThreshold",
   // Treemap
   HIERARCHY_LEVELS: "hierarchyLevels"
 };
@@ -28417,6 +28450,22 @@ const DATA_TYPE_COORDINATION_VALUE_USAGE = {
   [DataType$1.SAMPLE_EDGES]: [
     CoordinationType$1.OBS_TYPE,
     CoordinationType$1.SAMPLE_TYPE
+  ],
+  [DataType$1.COMPARISON_METADATA]: [
+    CoordinationType$1.OBS_TYPE,
+    CoordinationType$1.SAMPLE_TYPE
+  ],
+  [DataType$1.FEATURE_STATS]: [
+    CoordinationType$1.FEATURE_TYPE
+    // TODO: should sampleType, obsSetSelection, and/or sampleSetSelection be used here?
+  ],
+  [DataType$1.FEATURE_SET_STATS]: [
+    CoordinationType$1.FEATURE_TYPE
+    // TODO: should sampleType, obsSetSelection, and/or sampleSetSelection be used here?
+  ],
+  [DataType$1.OBS_SET_STATS]: [
+    CoordinationType$1.OBS_TYPE
+    // TODO: should sampleType, obsSetSelection, and/or sampleSetSelection be used here?
   ]
 };
 const AUTO_INDEPENDENT_COORDINATION_TYPES = [
@@ -28435,10 +28484,10 @@ const AUTO_INDEPENDENT_COORDINATION_TYPES = [
   CoordinationType$1.EMBEDDING_OBS_OPACITY
 ];
 const note = "This file is autogenerated by .changeset/post-changelog.mjs.";
-const version = "3.5.7";
-const date = "2025-02-19";
+const version = "3.5.8";
+const date = "2025-03-06";
 const branch = "changeset-release/main";
-const hash = "a4bc3a6a";
+const hash = "9066c55a";
 const META_VERSION = {
   note,
   version,
@@ -28762,6 +28811,42 @@ const annDataConvenienceObsEmbeddingItem = z.object({
   dims: z.array(z.number()).optional(),
   embeddingType: z.string()
 });
+z.object({
+  path: z.string().describe("Path to the comparison metadata, such as /uns/comparison_metadata")
+});
+z.object({
+  // TODO: implement a featureStats.anndata.zarr loader
+  // which does not depend on comparisonMetadata
+  // (instead, would point directly to the root of
+  // the dataframe containing a set of diff exp results)
+  // path: z.string().describe('Path to the dataframe containing the results.'),
+  metadataPath: z.string().describe("Path to the comparison metadata."),
+  indexColumn: z.string().optional().describe("Provide a column to use for the feature index, if different than the default dataframe index."),
+  pValueColumn: z.string(),
+  foldChangeColumn: z.string(),
+  pValueTransformation: z.enum(["minuslog10"]).optional(),
+  pValueAdjusted: z.boolean().optional(),
+  foldChangeTransformation: z.enum(["log2"]).optional()
+});
+z.object({
+  metadataPath: z.string().describe("Path to the comparison metadata."),
+  indexColumn: z.string().optional().describe("Provide a column to use for the feature set index, if different than the default dataframe index."),
+  termColumn: z.string().optional(),
+  pValueColumn: z.string(),
+  pValueAdjusted: z.boolean().optional(),
+  analysisType: z.string().optional().describe("Optionally, provide an analysis_type name. By default, pertpy_hypergeometric.")
+});
+z.object({
+  metadataPath: z.string().describe("Path to the comparison metadata."),
+  indexColumn: z.string().optional().describe("Provide a column to use for the obs set index, if different than the default dataframe index."),
+  interceptExpectedSampleColumn: z.string().describe("If we had a new sample (with no active covariates) with a total number of cells equal to the mean sampling depth of the dataset, then this distribution over the cell types would be most likely."),
+  effectExpectedSampleColumn: z.string().describe("If we had a new sample (with no active covariates) with a total number of cells equal to the mean sampling depth of the dataset, then this distribution over the cell types would be most likely."),
+  foldChangeColumn: z.string().describe("The log-fold change is then calculated between this expected sample and the expected sample with no active covariates from the intercept section."),
+  foldChangeTransformation: z.enum(["log2"]).optional(),
+  isCredibleEffectColumn: z.string().describe("Column which annotates effects as being credible or not (boolean)."),
+  covariateColumn: z.string().describe("Column which defines the covariate used in the analysis."),
+  analysisType: z.string().optional().describe("Optionally, provide an analysis_type name. By default, sccoda_df.")
+});
 const annDataObsLabels = annDataObs;
 const annDataFeatureLabels = annDataObs;
 const annDataSampleEdges = annDataObs;
@@ -36856,6 +36941,101 @@ function WidthProvideRGL(ComposedComponent) {
   module2.exports.WidthProvider = WidthProvider.default;
 })(reactGridLayoutWithLodash);
 var reactGridLayoutWithLodashExports = reactGridLayoutWithLodash.exports;
+const ErrorBoundaryContext = createContext$1(null);
+const initialState = {
+  didCatch: false,
+  error: null
+};
+class ErrorBoundary extends Component {
+  constructor(props) {
+    super(props);
+    this.resetErrorBoundary = this.resetErrorBoundary.bind(this);
+    this.state = initialState;
+  }
+  static getDerivedStateFromError(error) {
+    return {
+      didCatch: true,
+      error
+    };
+  }
+  resetErrorBoundary() {
+    const {
+      error
+    } = this.state;
+    if (error !== null) {
+      var _this$props$onReset, _this$props;
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      (_this$props$onReset = (_this$props = this.props).onReset) === null || _this$props$onReset === void 0 ? void 0 : _this$props$onReset.call(_this$props, {
+        args,
+        reason: "imperative-api"
+      });
+      this.setState(initialState);
+    }
+  }
+  componentDidCatch(error, info) {
+    var _this$props$onError, _this$props2;
+    (_this$props$onError = (_this$props2 = this.props).onError) === null || _this$props$onError === void 0 ? void 0 : _this$props$onError.call(_this$props2, error, info);
+  }
+  componentDidUpdate(prevProps, prevState) {
+    const {
+      didCatch
+    } = this.state;
+    const {
+      resetKeys
+    } = this.props;
+    if (didCatch && prevState.error !== null && hasArrayChanged(prevProps.resetKeys, resetKeys)) {
+      var _this$props$onReset2, _this$props3;
+      (_this$props$onReset2 = (_this$props3 = this.props).onReset) === null || _this$props$onReset2 === void 0 ? void 0 : _this$props$onReset2.call(_this$props3, {
+        next: resetKeys,
+        prev: prevProps.resetKeys,
+        reason: "keys"
+      });
+      this.setState(initialState);
+    }
+  }
+  render() {
+    const {
+      children: children2,
+      fallbackRender,
+      FallbackComponent,
+      fallback
+    } = this.props;
+    const {
+      didCatch,
+      error
+    } = this.state;
+    let childToRender = children2;
+    if (didCatch) {
+      const props = {
+        error,
+        resetErrorBoundary: this.resetErrorBoundary
+      };
+      if (typeof fallbackRender === "function") {
+        childToRender = fallbackRender(props);
+      } else if (FallbackComponent) {
+        childToRender = createElement(FallbackComponent, props);
+      } else if (fallback !== void 0) {
+        childToRender = fallback;
+      } else {
+        throw error;
+      }
+    }
+    return createElement(ErrorBoundaryContext.Provider, {
+      value: {
+        didCatch,
+        error,
+        resetErrorBoundary: this.resetErrorBoundary
+      }
+    }, childToRender);
+  }
+}
+function hasArrayChanged() {
+  let a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
+  let b = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
+  return a.length !== b.length || a.some((item, index) => !Object.is(item, b[index]));
+}
 function sum(a) {
   return a.reduce((x, y) => x + y, 0);
 }
@@ -36958,6 +37138,17 @@ function usePageModeView(uid) {
   const context = useContext(PageModeViewContext);
   return ensureComponent(context == null ? void 0 : context[uid]);
 }
+function FallbackForView(props) {
+  const {
+    error
+    // Call resetErrorBoundary() to reset the error boundary and retry the render.
+    // resetErrorBoundary,
+  } = props;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "A view-level error occurred." }),
+    getDebugMode() ? /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { style: { color: "red" }, children: error.message }) : null
+  ] });
+}
 const ResponsiveGridLayout = reactGridLayoutWithLodashExports.WidthProvider(reactGridLayoutWithLodashExports.Responsive);
 class ResponsiveHeightGridLayout extends ResponsiveGridLayout {
   componentDidUpdate(prevProps) {
@@ -37063,9 +37254,9 @@ function VitessceGridLayout(props) {
   const [layoutChildren, pageModeViews] = useMemo(() => {
     const gridComponentsValues = Object.values(gridComponents);
     const contextValue = Object.fromEntries(gridComponentsValues.map((v) => {
-      const Component = getComponent(v.component);
-      return [v.uid, () => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { display: "flex", flexDirection: "column", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Component,
+      const Component2 = getComponent(v.component);
+      return [v.uid, () => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { display: "flex", flexDirection: "column", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary, { FallbackComponent: FallbackForView, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Component2,
         {
           ...v.props,
           uuid: v.uid,
@@ -37078,15 +37269,15 @@ function VitessceGridLayout(props) {
           coordinationTypes,
           stores
         }
-      ) }, v.uid)];
+      ) }) }, v.uid)];
     }));
     return [gridComponentsValues.map((v) => {
-      const Component = getComponent(v.component);
+      const Component2 = getComponent(v.component);
       const removeGridComponent = () => {
         onRemoveComponent(v.uid);
       };
-      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Component,
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary, { FallbackComponent: FallbackForView, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Component2,
         {
           ...v.props,
           uuid: v.uid,
@@ -37099,7 +37290,7 @@ function VitessceGridLayout(props) {
           coordinationTypes,
           stores
         }
-      ) }, v.uid);
+      ) }) }, v.uid);
     }), contextValue];
   }, [gridComponents, getComponent, onRemoveComponent, theme]);
   return pageMode ? /* @__PURE__ */ jsxRuntimeExports.jsx(PageModeViewContext.Provider, { value: pageModeViews, children: children2 }) : gridLayouts && gridComponents && gridBreakpoints && gridCols && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
@@ -37605,6 +37796,25 @@ function useExpandedFeatureLabelsMap(featureType, featureLabelsMap, options) {
   const dataStatus = enabled ? isFetching ? STATUS.LOADING : status : STATUS.SUCCESS;
   return [updatedFeatureLabelsMap, dataStatus];
 }
+function useColumnNameMapping(loader, reverse = false) {
+  return useMemo(() => {
+    const result = {};
+    if (loader == null ? void 0 : loader.options) {
+      const optionsArray = loader.options.obsSets ? loader.options.obsSets : loader.options.sampleSets;
+      optionsArray.forEach((optionObject) => {
+        const { name, path } = optionObject;
+        const columnName = path.split("/").at(-1);
+        result[name] = columnName;
+      });
+    }
+    if (reverse) {
+      return Object.fromEntries(
+        Object.entries(result).map(([k, v]) => [v, k])
+      );
+    }
+    return result;
+  }, [loader]);
+}
 const useVitessceContainerStyles = makeStyles((theme) => ({
   vitessceContainer: {
     position: "relative",
@@ -38374,6 +38584,7 @@ function VitS(props) {
     setLogLevel(logLevel);
   }, [logLevel]);
   useLayoutEffect(() => {
+    setDebugMode(debugMode);
   }, [debugMode]);
   const configVersion = config2 == null ? void 0 : config2.version;
   const configKey = useMemo(() => {
@@ -38516,6 +38727,20 @@ function VitS(props) {
     }
   ) }) }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(StylesProvider, { generateClassName: generateClassName2, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProvider, { theme: muiTheme[theme], children: /* @__PURE__ */ jsxRuntimeExports.jsx(Warning, { ...configOrWarning }) }) });
 }
+function FallbackForVitS(props) {
+  const {
+    error
+    // Call resetErrorBoundary() to reset the error boundary and retry the render.
+    // resetErrorBoundary,
+  } = props;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "Error:" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { style: { color: "red" }, children: error.message })
+  ] });
+}
+function VitSContainer(props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary, { FallbackComponent: FallbackForVitS, children: /* @__PURE__ */ jsxRuntimeExports.jsx(VitS, { ...props }) });
+}
 const ArrowDropDownIcon = createSvgIcon(/* @__PURE__ */ React$6.createElement("path", {
   d: "M7 10l5 5 5-5z"
 }), "ArrowDropDown");
@@ -39148,6 +39373,17 @@ function useNeighborhoodsData(loaders, dataset, isRequired, coordinationSetters,
     matchOn
   );
 }
+function useComparisonMetadata(loaders, dataset, isRequired, coordinationSetters, initialCoordinationValues, matchOn) {
+  return useDataType(
+    DataType$1.COMPARISON_METADATA,
+    loaders,
+    dataset,
+    isRequired,
+    coordinationSetters,
+    initialCoordinationValues,
+    matchOn
+  );
+}
 function useFeatureSelection(loaders, dataset, isRequired, selection, matchOn) {
   const setWarning = useSetWarning();
   const featureQueries = useQueries({
@@ -39215,6 +39451,94 @@ function useFeatureSelection(loaders, dataset, isRequired, selection, matchOn) {
   }, [anyError, setWarning]);
   return [geneData, loadedGeneName, dataStatus];
 }
+function useComparativeDataType(loaders, dataset, isRequired, matchOn, volcanoOptions, dataType) {
+  const setWarning = useSetWarning();
+  const placeholderObject = useMemo(() => ({}), []);
+  const statsQuery = useQuery({
+    // TODO: only enable once `loaders` is available?
+    structuralSharing: false,
+    placeholderData: placeholderObject,
+    // Include the hook name in the queryKey to prevent the case in which an identical queryKey
+    // in a different hook would cause an accidental cache hit.
+    queryKey: [dataset, dataType, matchOn, volcanoOptions, "useComparativeData"],
+    // TODO: use TypeScript to type the return value?
+    queryFn: async (ctx) => {
+      const loader = getMatchingLoader(
+        ctx.meta.loaders,
+        ctx.queryKey[0],
+        ctx.queryKey[1],
+        ctx.queryKey[2]
+      );
+      if (loader) {
+        const implementsLoadAttrs = typeof loader.loadMulti === "function";
+        if (implementsLoadAttrs) {
+          const payload2 = await loader.loadMulti(volcanoOptions);
+          if (!payload2)
+            return placeholderObject;
+          const { data: payloadData2 } = payload2;
+          return {
+            data: payloadData2,
+            urls: null
+          };
+        }
+        const payload = await loader.load();
+        if (!payload)
+          return placeholderObject;
+        const { data: payloadData } = payload;
+        return {
+          data: payloadData,
+          urls: null
+        };
+      }
+      if (isRequired) {
+        throw new LoaderNotFoundError(loaders, dataset, dataType, matchOn);
+      } else {
+        return { data: placeholderObject, dataKey: null };
+      }
+    },
+    meta: { loaders }
+  });
+  const { data, status, isFetching, error } = statsQuery;
+  const loadedData = (data == null ? void 0 : data.data) || placeholderObject;
+  const dataStatus = isFetching ? STATUS.LOADING : status;
+  const urls = data == null ? void 0 : data.urls;
+  useEffect(() => {
+    if (error) {
+      setWarning(error.message);
+    }
+  }, [error, setWarning]);
+  return [loadedData, dataStatus, urls];
+}
+function useFeatureStatsData(loaders, dataset, isRequired, matchOn, volcanoOptions) {
+  return useComparativeDataType(
+    loaders,
+    dataset,
+    isRequired,
+    matchOn,
+    volcanoOptions,
+    DataType$1.FEATURE_STATS
+  );
+}
+function useFeatureSetStatsData(loaders, dataset, isRequired, matchOn, volcanoOptions) {
+  return useComparativeDataType(
+    loaders,
+    dataset,
+    isRequired,
+    matchOn,
+    volcanoOptions,
+    DataType$1.FEATURE_SET_STATS
+  );
+}
+function useObsSetStatsData(loaders, dataset, isRequired, matchOn, volcanoOptions) {
+  return useComparativeDataType(
+    loaders,
+    dataset,
+    isRequired,
+    matchOn,
+    volcanoOptions,
+    DataType$1.OBS_SET_STATS
+  );
+}
 function useObsFeatureMatrixIndices(loaders, dataset, isRequired, matchOn) {
   const setWarning = useSetWarning();
   const placeholderObject = useMemo(() => ({}), []);
@@ -40372,12 +40696,15 @@ export {
   PopperMenu,
   TitleInfo,
   VitS,
+  VitSContainer,
   createLoaders,
   logConfig,
   useAddImageChannelInMetaCoordinationScopes,
   useAsyncFunction,
   useAuxiliaryCoordination,
   useClosestVitessceContainerSize,
+  useColumnNameMapping,
+  useComparisonMetadata,
   useComplexCoordination,
   useComplexCoordinationSecondary,
   useComponentHover,
@@ -40393,6 +40720,8 @@ export {
   useExpressionValueGetter,
   useFeatureLabelsData,
   useFeatureSelection,
+  useFeatureSetStatsData,
+  useFeatureStatsData,
   useGenomicProfilesData,
   useGetObsInfo,
   useGetObsMembership,
@@ -40422,6 +40751,7 @@ export {
   useObsLocationsData,
   useObsPointsData,
   useObsSegmentationsData,
+  useObsSetStatsData,
   useObsSetsData,
   useObsSpotsData,
   usePageModeView,