@vitessce/vit-s 3.5.6 → 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 = {
@@ -25125,6 +25125,298 @@ function createPrefixedGetNextScopeNumeric(prefix2) {
 function getInitialCoordinationScopePrefix(datasetUid, dataType) {
   return `init_${datasetUid}_${dataType}_`;
 }
+var loglevel = { exports: {} };
+(function(module2) {
+  (function(root2, definition) {
+    if (module2.exports) {
+      module2.exports = definition();
+    } else {
+      root2.log = definition();
+    }
+  })(commonjsGlobal, function() {
+    var noop3 = function() {
+    };
+    var undefinedType2 = "undefined";
+    var isIE2 = typeof window !== undefinedType2 && typeof window.navigator !== undefinedType2 && /Trident\/|MSIE /.test(window.navigator.userAgent);
+    var logMethods = [
+      "trace",
+      "debug",
+      "info",
+      "warn",
+      "error"
+    ];
+    var _loggersByName = {};
+    var defaultLogger2 = null;
+    function bindMethod(obj, methodName) {
+      var method = obj[methodName];
+      if (typeof method.bind === "function") {
+        return method.bind(obj);
+      } else {
+        try {
+          return Function.prototype.bind.call(method, obj);
+        } catch (e) {
+          return function() {
+            return Function.prototype.apply.apply(method, [obj, arguments]);
+          };
+        }
+      }
+    }
+    function traceForIE() {
+      if (console.log) {
+        if (console.log.apply) {
+          console.log.apply(console, arguments);
+        } else {
+          Function.prototype.apply.apply(console.log, [console, arguments]);
+        }
+      }
+      if (console.trace)
+        console.trace();
+    }
+    function realMethod(methodName) {
+      if (methodName === "debug") {
+        methodName = "log";
+      }
+      if (typeof console === undefinedType2) {
+        return false;
+      } else if (methodName === "trace" && isIE2) {
+        return traceForIE;
+      } else if (console[methodName] !== void 0) {
+        return bindMethod(console, methodName);
+      } else if (console.log !== void 0) {
+        return bindMethod(console, "log");
+      } else {
+        return noop3;
+      }
+    }
+    function replaceLoggingMethods() {
+      var level = this.getLevel();
+      for (var i = 0; i < logMethods.length; i++) {
+        var methodName = logMethods[i];
+        this[methodName] = i < level ? noop3 : this.methodFactory(methodName, level, this.name);
+      }
+      this.log = this.debug;
+      if (typeof console === undefinedType2 && level < this.levels.SILENT) {
+        return "No console available for logging";
+      }
+    }
+    function enableLoggingWhenConsoleArrives(methodName) {
+      return function() {
+        if (typeof console !== undefinedType2) {
+          replaceLoggingMethods.call(this);
+          this[methodName].apply(this, arguments);
+        }
+      };
+    }
+    function defaultMethodFactory(methodName, _level, _loggerName) {
+      return realMethod(methodName) || enableLoggingWhenConsoleArrives.apply(this, arguments);
+    }
+    function Logger(name, factory) {
+      var self2 = this;
+      var inheritedLevel;
+      var defaultLevel;
+      var userLevel;
+      var storageKey = "loglevel";
+      if (typeof name === "string") {
+        storageKey += ":" + name;
+      } else if (typeof name === "symbol") {
+        storageKey = void 0;
+      }
+      function persistLevelIfPossible(levelNum) {
+        var levelName = (logMethods[levelNum] || "silent").toUpperCase();
+        if (typeof window === undefinedType2 || !storageKey)
+          return;
+        try {
+          window.localStorage[storageKey] = levelName;
+          return;
+        } catch (ignore) {
+        }
+        try {
+          window.document.cookie = encodeURIComponent(storageKey) + "=" + levelName + ";";
+        } catch (ignore) {
+        }
+      }
+      function getPersistedLevel() {
+        var storedLevel;
+        if (typeof window === undefinedType2 || !storageKey)
+          return;
+        try {
+          storedLevel = window.localStorage[storageKey];
+        } catch (ignore) {
+        }
+        if (typeof storedLevel === undefinedType2) {
+          try {
+            var cookie = window.document.cookie;
+            var cookieName = encodeURIComponent(storageKey);
+            var location = cookie.indexOf(cookieName + "=");
+            if (location !== -1) {
+              storedLevel = /^([^;]+)/.exec(
+                cookie.slice(location + cookieName.length + 1)
+              )[1];
+            }
+          } catch (ignore) {
+          }
+        }
+        if (self2.levels[storedLevel] === void 0) {
+          storedLevel = void 0;
+        }
+        return storedLevel;
+      }
+      function clearPersistedLevel() {
+        if (typeof window === undefinedType2 || !storageKey)
+          return;
+        try {
+          window.localStorage.removeItem(storageKey);
+        } catch (ignore) {
+        }
+        try {
+          window.document.cookie = encodeURIComponent(storageKey) + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC";
+        } catch (ignore) {
+        }
+      }
+      function normalizeLevel(input) {
+        var level = input;
+        if (typeof level === "string" && self2.levels[level.toUpperCase()] !== void 0) {
+          level = self2.levels[level.toUpperCase()];
+        }
+        if (typeof level === "number" && level >= 0 && level <= self2.levels.SILENT) {
+          return level;
+        } else {
+          throw new TypeError("log.setLevel() called with invalid level: " + input);
+        }
+      }
+      self2.name = name;
+      self2.levels = {
+        "TRACE": 0,
+        "DEBUG": 1,
+        "INFO": 2,
+        "WARN": 3,
+        "ERROR": 4,
+        "SILENT": 5
+      };
+      self2.methodFactory = factory || defaultMethodFactory;
+      self2.getLevel = function() {
+        if (userLevel != null) {
+          return userLevel;
+        } else if (defaultLevel != null) {
+          return defaultLevel;
+        } else {
+          return inheritedLevel;
+        }
+      };
+      self2.setLevel = function(level, persist) {
+        userLevel = normalizeLevel(level);
+        if (persist !== false) {
+          persistLevelIfPossible(userLevel);
+        }
+        return replaceLoggingMethods.call(self2);
+      };
+      self2.setDefaultLevel = function(level) {
+        defaultLevel = normalizeLevel(level);
+        if (!getPersistedLevel()) {
+          self2.setLevel(level, false);
+        }
+      };
+      self2.resetLevel = function() {
+        userLevel = null;
+        clearPersistedLevel();
+        replaceLoggingMethods.call(self2);
+      };
+      self2.enableAll = function(persist) {
+        self2.setLevel(self2.levels.TRACE, persist);
+      };
+      self2.disableAll = function(persist) {
+        self2.setLevel(self2.levels.SILENT, persist);
+      };
+      self2.rebuild = function() {
+        if (defaultLogger2 !== self2) {
+          inheritedLevel = normalizeLevel(defaultLogger2.getLevel());
+        }
+        replaceLoggingMethods.call(self2);
+        if (defaultLogger2 === self2) {
+          for (var childName in _loggersByName) {
+            _loggersByName[childName].rebuild();
+          }
+        }
+      };
+      inheritedLevel = normalizeLevel(
+        defaultLogger2 ? defaultLogger2.getLevel() : "WARN"
+      );
+      var initialLevel = getPersistedLevel();
+      if (initialLevel != null) {
+        userLevel = normalizeLevel(initialLevel);
+      }
+      replaceLoggingMethods.call(self2);
+    }
+    defaultLogger2 = new Logger();
+    defaultLogger2.getLogger = function getLogger(name) {
+      if (typeof name !== "symbol" && typeof name !== "string" || name === "") {
+        throw new TypeError("You must supply a name when creating a logger.");
+      }
+      var logger = _loggersByName[name];
+      if (!logger) {
+        logger = _loggersByName[name] = new Logger(
+          name,
+          defaultLogger2.methodFactory
+        );
+      }
+      return logger;
+    };
+    var _log2 = typeof window !== undefinedType2 ? window.log : void 0;
+    defaultLogger2.noConflict = function() {
+      if (typeof window !== undefinedType2 && window.log === defaultLogger2) {
+        window.log = _log2;
+      }
+      return defaultLogger2;
+    };
+    defaultLogger2.getLoggers = function getLoggers() {
+      return _loggersByName;
+    };
+    defaultLogger2["default"] = defaultLogger2;
+    return defaultLogger2;
+  });
+})(loglevel);
+var loglevelExports = loglevel.exports;
+const log$3 = /* @__PURE__ */ getDefaultExportFromCjs(loglevelExports);
+const LogLevel = {
+  SILENT: "silent",
+  INFO: "info",
+  WARN: "warn",
+  ERROR: "error",
+  DEBUG: "debug",
+  TRACE: "trace"
+  // default value
+};
+const OrderedLogLevels = [
+  LogLevel.TRACE,
+  LogLevel.DEBUG,
+  LogLevel.INFO,
+  LogLevel.WARN,
+  LogLevel.ERROR
+];
+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();
+}
+function setLogLevel(level) {
+  if (Object.values(LogLevel).includes(level)) {
+    log$3.setLevel(level);
+  } else {
+    log$3.warn("Log level is not valid");
+  }
+}
+function atLeastLogLevel(someLevel) {
+  const currLevel = getLogLevel();
+  const numericTarget = OrderedLogLevels.indexOf(someLevel);
+  return currLevel <= numericTarget;
+}
 configSchema1_0_0.shape.coordinationSpace.unwrap();
 configSchema1_0_0.shape.layout.element.shape.coordinationScopes.unwrap();
 function upgradeReplaceViewProp(prefix2, view, coordinationSpace) {
@@ -25542,7 +25834,7 @@ function upgradeFrom1_0_14(config2) {
     Object.entries(propAnalogies).forEach(([oldProp, newType]) => {
       var _a;
       if ((_a = viewDef.props) == null ? void 0 : _a[oldProp]) {
-        console.warn(`Warning: the '${oldProp}' prop on the ${viewDef.component} view is deprecated. Please use the '${newType}' coordination type instead.`);
+        log$3.warn(`Warning: the '${oldProp}' prop on the ${viewDef.component} view is deprecated. Please use the '${newType}' coordination type instead.`);
       }
     });
   });
@@ -25565,7 +25857,7 @@ function upgradeFrom1_0_15(config2) {
       Object.entries(coordinationScopes).forEach(([coordinationType, coordinationScope]) => {
         if (!Array.isArray(coordinationScope) && typeof coordinationScope === "object") {
           if (coordinationType === "dataset") {
-            console.error("Expected coordinationScopes.dataset value to be either string or string[], but got object.");
+            log$3.error("Expected coordinationScopes.dataset value to be either string or string[], but got object.");
           }
           coordinationScopesBy.dataset[coordinationType] = coordinationScope;
         } else if (Array.isArray(coordinationScope) || typeof coordinationScope === "string") {
@@ -27776,9 +28068,15 @@ 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",
-  DUAL_SCATTERPLOT: "dualScatterplot"
+  NEUROGLANCER: "neuroglancer",
+  DUAL_SCATTERPLOT: "dualScatterplot",
+  TREEMAP: "treemap"
 };
 const DataType$1 = {
   OBS_LABELS: "obsLabels",
@@ -27794,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)
@@ -27854,6 +28156,11 @@ const FileType$1 = {
   OBS_LABELS_ANNDATA_ZARR: "obsLabels.anndata.zarr",
   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",
@@ -27866,6 +28173,11 @@ const FileType$1 = {
   OBS_LABELS_ANNDATA_ZARR_ZIP: "obsLabels.anndata.zarr.zip",
   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",
@@ -27878,6 +28190,11 @@ const FileType$1 = {
   OBS_LABELS_ANNDATA_H5AD: "obsLabels.anndata.h5ad",
   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",
@@ -28069,12 +28386,20 @@ const CoordinationType$1 = {
   SAMPLE_SET_FILTER: "sampleSetFilter",
   SAMPLE_FILTER_MODE: "sampleFilterMode",
   SAMPLE_SET_COLOR: "sampleSetColor",
+  SAMPLE_HIGHLIGHT: "sampleHighlight",
   EMBEDDING_POINTS_VISIBLE: "embeddingPointsVisible",
   EMBEDDING_CONTOURS_VISIBLE: "embeddingContoursVisible",
   EMBEDDING_CONTOURS_FILLED: "embeddingContoursFilled",
   EMBEDDING_CONTOUR_PERCENTILES: "embeddingContourPercentiles",
   CONTOUR_COLOR_ENCODING: "contourColorEncoding",
-  CONTOUR_COLOR: "contourColor"
+  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"
 };
 const STATUS = {
   LOADING: "loading",
@@ -28125,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 = [
@@ -28143,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.6";
-const date = "2025-01-29";
+const version = "3.5.8";
+const date = "2025-03-06";
 const branch = "changeset-release/main";
-const hash = "c8eedf07";
+const hash = "9066c55a";
 const META_VERSION = {
   note,
   version,
@@ -28320,7 +28661,7 @@ function makeConstantWithDeprecationMessage(currObj, oldObj) {
       const oldKeys = Object.keys(oldObj);
       const propKey = String(prop);
       if (oldKeys.includes(propKey)) {
-        console.warn(`Notice about the constant mapping ${propKey}: '${oldObj[propKey][0]}':
+        log$3.warn(`Notice about the constant mapping ${propKey}: '${oldObj[propKey][0]}':
 ${oldObj[propKey][1]}`);
         return oldObj[propKey];
       }
@@ -28470,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;
@@ -28489,6 +28866,9 @@ const annDataObsSetsArr = z.array(z.object({
 z.object({
   obsSets: annDataObsSetsArr
 });
+z.object({
+  sampleSets: annDataObsSetsArr
+});
 const annDataObsFeatureColumnsArr = z.array(z.object({
   path: z.string()
 }));
@@ -36561,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);
 }
@@ -36663,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) {
@@ -36768,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,
@@ -36783,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,
@@ -36804,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: [
@@ -36896,14 +37382,11 @@ class LoaderNotFoundError extends AbstractLoaderError {
     this.dataset = dataset;
     this.fileType = fileType;
     this.viewCoordinationValues = viewCoordinationValues;
+    this.message = `Expected to match on { ${Object.entries(viewCoordinationValues || {}).map(([k, v]) => `${k}: ${v ?? "null"}`).join(", ")} }`;
   }
   warnInConsole() {
-    const { loaders, viewCoordinationValues } = this;
-    console.warn(
-      // eslint-disable-next-line prefer-template
-      `Expected to match on { ${Object.entries(viewCoordinationValues).map(([k, v]) => k + ": " + v).join(", ")} }`,
-      loaders
-    );
+    const { loaders, message } = this;
+    log$3.warn(message, loaders);
   }
 }
 function getSourceAndLoaderFromFileType(type3, fileTypes) {
@@ -36980,7 +37463,7 @@ function withDefaults(coordinationValues, dataType, fileType, datasetUid, defaul
     ...coordinationValues
   };
   if (!isEqual$1(coordinationValues, coordinationValuesWithDefaults)) {
-    console.warn(`Using coordination value defaults for file type ${fileType} in dataset ${datasetUid}
+    log$3.warn(`Using coordination value defaults for file type ${fileType} in dataset ${datasetUid}
 Before: ${JSON.stringify(coordinationValues)}
 After: ${JSON.stringify(coordinationValuesWithDefaults)}`);
   }
@@ -37313,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",
@@ -37763,11 +38265,33 @@ function Warning(props) {
     /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: unformatted })
   ] }) }) }) });
 }
+function DebugWindow({ debugErrors }) {
+  const classes = useStyles$4();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: VITESSCE_CONTAINER, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(classes.warningLayout, classes.containerFluid), children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes.row, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes.warningCard, children: debugErrors.map((error, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+    index === 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("h1", { children: [
+        "Error Type: ",
+        error.name
+      ] }),
+      Object.keys(error).map(
+        (key) => key !== "name" && key !== "message" && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
+          key.charAt(0).toUpperCase() + key.slice(1),
+          ": ",
+          error[key]
+        ] }, key)
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
+      "Error: ",
+      error.message
+    ] })
+  ] }, error.message || index)) }) }) }) });
+}
 function validateViewConfig(viewConfig, pluginSpecificConfigSchema) {
   try {
     pluginSpecificConfigSchema.parse(viewConfig);
   } catch (e) {
-    console.error(e);
+    log$3.error(e);
   }
 }
 function CallbackPublisher(props) {
@@ -37808,10 +38332,12 @@ function CallbackPublisher(props) {
   return null;
 }
 function logConfig(config2, name) {
-  console.groupCollapsed(`🚄 VitS (${META_VERSION.version}) ${name}`);
-  console.info(`data:,${JSON.stringify(config2)}`);
-  console.info(JSON.stringify(config2, null, 2));
-  console.groupEnd();
+  if (atLeastLogLevel(LogLevel.INFO)) {
+    console.groupCollapsed(`🚄 VitS (${META_VERSION.version}) ${name}`);
+    console.info(`data:,${JSON.stringify(config2)}`);
+    console.info(JSON.stringify(config2, null, 2));
+    console.groupEnd();
+  }
 }
 function getExistingScopesForCoordinationType(config2, coordinationType) {
   var _a;
@@ -38038,8 +38564,11 @@ function VitS(props) {
     asyncFunctions: asyncFunctionsProp,
     warning: warning2,
     pageMode = false,
-    children: children2
+    children: children2,
+    debugMode = DEFAULT_DEBUG_MODE,
+    logLevel = DEFAULT_LOG_LEVEL
   } = props;
+  const [debugErrors, setDebugErrors] = useState([]);
   const viewTypes = useMemo(() => viewTypesProp || [], [viewTypesProp]);
   const fileTypes = useMemo(() => fileTypesProp || [], [fileTypesProp]);
   const jointFileTypes = useMemo(
@@ -38051,6 +38580,12 @@ function VitS(props) {
     [coordinationTypesProp]
   );
   const generateClassName2 = useMemo(() => createGenerateClassName(uid), [uid]);
+  useLayoutEffect(() => {
+    setLogLevel(logLevel);
+  }, [logLevel]);
+  useLayoutEffect(() => {
+    setDebugMode(debugMode);
+  }, [debugMode]);
   const configVersion = config2 == null ? void 0 : config2.version;
   const configKey = useMemo(() => {
     if (config2 == null ? void 0 : config2.uid) {
@@ -38151,6 +38686,9 @@ function VitS(props) {
     }
     return createViewConfigStore(null, null);
   }, [success, configKey]);
+  if (debugMode && debugErrors.length > 0) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(StylesProvider, { generateClassName: generateClassName2, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProvider, { theme: muiTheme[theme], children: /* @__PURE__ */ jsxRuntimeExports.jsx(DebugWindow, { debugErrors }) }) });
+  }
   return success ? /* @__PURE__ */ jsxRuntimeExports.jsx(StylesProvider, { generateClassName: generateClassName2, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProvider, { theme: muiTheme[theme], children: /* @__PURE__ */ jsxRuntimeExports.jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     ViewConfigProvider,
     {
@@ -38189,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");
@@ -38501,8 +39053,8 @@ function TitleInfo(props) {
 }
 function warn(error, setWarning) {
   setWarning(error.message);
-  console.warn(error.message);
-  console.error(error.stack);
+  log$3.warn(error.message);
+  log$3.error(error.stack);
   if (error instanceof AbstractLoaderError) {
     error.warnInConsole();
   }
@@ -38821,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({
@@ -38888,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(() => ({}), []);
@@ -40045,12 +40696,15 @@ export {
   PopperMenu,
   TitleInfo,
   VitS,
+  VitSContainer,
   createLoaders,
   logConfig,
   useAddImageChannelInMetaCoordinationScopes,
   useAsyncFunction,
   useAuxiliaryCoordination,
   useClosestVitessceContainerSize,
+  useColumnNameMapping,
+  useComparisonMetadata,
   useComplexCoordination,
   useComplexCoordinationSecondary,
   useComponentHover,
@@ -40066,6 +40720,8 @@ export {
   useExpressionValueGetter,
   useFeatureLabelsData,
   useFeatureSelection,
+  useFeatureSetStatsData,
+  useFeatureStatsData,
   useGenomicProfilesData,
   useGetObsInfo,
   useGetObsMembership,
@@ -40095,6 +40751,7 @@ export {
   useObsLocationsData,
   useObsPointsData,
   useObsSegmentationsData,
+  useObsSetStatsData,
   useObsSetsData,
   useObsSpotsData,
   usePageModeView,