@vitessce/neuroglancer 3.9.6 → 4.0.0-test.0

package/dist/{index-DvhFVdN_.js → index-DZhbMDug.js}

@@ -1,7 +1,9 @@
 import * as React$1 from "react";
 import React__default, { useContext, forwardRef, useRef, useMemo, createContext, createElement, PureComponent, useEffect, useState, useCallback, Suspense, useReducer } from "react";
 import { useLoaders, useMergeCoordination, useCoordinationScopes, useCoordinationScopesBy, useCoordination, useGridItemSize, useMultiCoordinationScopesSecondaryNonNull, useMultiCoordinationScopesNonNull, useComplexCoordination, useComplexCoordinationSecondary, useMultiObsPoints, usePointMultiObsFeatureMatrixIndices, useMultiObsSegmentations, useSegmentationMultiObsSets, useSegmentationMultiFeatureSelection, useSegmentationMultiObsFeatureMatrixIndices, useReady, TitleInfo } from "@vitessce/vit-s";
+import { jsx as jsx$1, jsxs } from "react/jsx-runtime";
 import * as ReactDOM from "react-dom";
+import { Quaternion, Euler } from "three";
 const ViewType$1 = {
   DESCRIPTION: "description",
   STATUS: "status",
@@ -2384,7 +2386,12 @@ function getAugmentedNamespace(n) {
   var f = n.default;
   if (typeof f == "function") {
     var a = function a2() {
-      if (this instanceof a2) {
+      var isInstance = false;
+      try {
+        isInstance = this instanceof a2;
+      } catch {
+      }
+      if (isInstance) {
         return Reflect.construct(f, arguments, this.constructor);
       }
       return f.apply(this, arguments);
@@ -3764,7 +3771,7 @@ var util;
   function assertIs(_arg) {
   }
   util2.assertIs = assertIs;
-  function assertNever(_x2) {
+  function assertNever(_x) {
     throw new Error();
   }
   util2.assertNever = assertNever;
@@ -7771,13 +7778,12 @@ function upgradeFrom0_1_0(config, datasetUid = null) {
   };
   const layout = [];
   config.staticLayout.forEach((componentDef) => {
-    var _a, _b, _c;
     let newComponentDef = {
       ...componentDef,
       coordinationScopes: {}
     };
     if (componentDef.component === "scatterplot") {
-      if (((_a = componentDef.props) == null ? void 0 : _a.mapping) && typeof componentDef.props.mapping === "string") {
+      if (componentDef.props?.mapping && typeof componentDef.props.mapping === "string") {
         coordinationSpace.embeddingType[componentDef.props.mapping] = componentDef.props.mapping;
         newComponentDef = {
           ...newComponentDef,
@@ -7787,7 +7793,7 @@ function upgradeFrom0_1_0(config, datasetUid = null) {
           }
         };
       }
-      if ((_b = componentDef.props) == null ? void 0 : _b.view) {
+      if (componentDef.props?.view) {
         const newScopeValues = upgradeReplaceViewProp("embedding", componentDef.props.view, coordinationSpace);
         newComponentDef = {
           ...newComponentDef,
@@ -7799,7 +7805,7 @@ function upgradeFrom0_1_0(config, datasetUid = null) {
       }
     }
     if (componentDef.component === "spatial") {
-      if ((_c = componentDef == null ? void 0 : componentDef.props) == null ? void 0 : _c.view) {
+      if (componentDef?.props?.view) {
         const newScopeValues = upgradeReplaceViewProp("spatial", componentDef.props.view, coordinationSpace);
         newComponentDef = {
           ...newComponentDef,
@@ -7889,7 +7895,6 @@ function upgradeFrom1_0_0(config) {
   };
 }
 function upgradeFrom1_0_1(config) {
-  var _a;
   const layout = config.layout.map((component) => {
     const newComponent = { ...component };
     if (newComponent.component === "layerController") {
@@ -7901,9 +7906,8 @@ function upgradeFrom1_0_1(config) {
     return newComponent;
   });
   const newConfig = cloneDeep(config);
-  Object.keys(((_a = newConfig == null ? void 0 : newConfig.coordinationSpace) == null ? void 0 : _a.spatialRasterLayers) || {}).forEach((key) => {
-    var _a2, _b;
-    if ((_b = (_a2 = newConfig.coordinationSpace) == null ? void 0 : _a2.spatialRasterLayers) == null ? void 0 : _b[key]) {
+  Object.keys(newConfig?.coordinationSpace?.spatialRasterLayers || {}).forEach((key) => {
+    if (newConfig.coordinationSpace?.spatialRasterLayers?.[key]) {
       newConfig.coordinationSpace.spatialRasterLayers[key].forEach((layer, index) => {
         if (newConfig.coordinationSpace) {
           newConfig.coordinationSpace.spatialRasterLayers[key][index].type = ["bitmask", "raster"].includes(layer.type) ? layer.type : "raster";
@@ -8044,7 +8048,7 @@ function upgradeFrom1_0_10(config) {
 function upgradeFrom1_0_11(config) {
   const newConfig = cloneDeep(config);
   const { datasets, coordinationSpace } = newConfig;
-  if (coordinationSpace == null ? void 0 : coordinationSpace.embeddingType) {
+  if (coordinationSpace?.embeddingType) {
     const embeddingTypes = Object.values(coordinationSpace.embeddingType);
     datasets.forEach((dataset, i) => {
       const { files } = dataset;
@@ -8077,7 +8081,7 @@ function upgradeFrom1_0_12(config) {
         if (options && "factors" in options && Array.isArray(options.factors)) {
           const obsLabelsTypeScopes = [];
           options.factors.forEach((olt) => {
-            const nextScope = getNextScope(Object.keys((coordinationSpace == null ? void 0 : coordinationSpace.obsLabelsType) || {}));
+            const nextScope = getNextScope(Object.keys(coordinationSpace?.obsLabelsType || {}));
             newCoordinationSpace.obsLabelsType = {
               ...newCoordinationSpace.obsLabelsType,
               // Need to remove the obs/ prefix.
@@ -8091,8 +8095,7 @@ function upgradeFrom1_0_12(config) {
     });
   });
   function getDatasetUidForView(viewDef) {
-    var _a, _b;
-    if (((_a = viewDef.coordinationScopes) == null ? void 0 : _a.dataset) && typeof ((_b = viewDef.coordinationScopes) == null ? void 0 : _b.dataset) === "string") {
+    if (viewDef.coordinationScopes?.dataset && typeof viewDef.coordinationScopes?.dataset === "string") {
       return newCoordinationSpace.dataset[viewDef.coordinationScopes.dataset];
     }
     if (datasets.length > 0) {
@@ -8155,8 +8158,7 @@ function upgradeFrom1_0_14(config) {
   };
   newLayout.forEach((viewDef) => {
     Object.entries(propAnalogies).forEach(([oldProp, newType]) => {
-      var _a;
-      if ((_a = viewDef.props) == null ? void 0 : _a[oldProp]) {
+      if (viewDef.props?.[oldProp]) {
         log.warn(`Warning: the '${oldProp}' prop on the ${viewDef.component} view is deprecated. Please use the '${newType}' coordination type instead.`);
       }
     });
@@ -8173,7 +8175,7 @@ function upgradeFrom1_0_15(config) {
   const newLayout = layout.map((view) => {
     const { coordinationScopes } = view;
     const newCoordinationScopes = {};
-    if ((coordinationScopes == null ? void 0 : coordinationScopes.dataset) && Array.isArray(coordinationScopes.dataset)) {
+    if (coordinationScopes?.dataset && Array.isArray(coordinationScopes.dataset)) {
       const coordinationScopesBy = {
         dataset: {}
       };
@@ -11727,13 +11729,13 @@ function getNextNumberedNodeName(nodes, prefix2, suffix) {
 }
 function setObsSelection(cellSelection, additionalCellSets, cellSetColor, setCellSetSelection, setAdditionalCellSets, setCellSetColor, setCellColorEncoding, prefix2 = "Selection ", suffix = "") {
   const CELL_SELECTIONS_LEVEL_ZERO_NAME = "My Selections";
-  const selectionsLevelZeroNode = additionalCellSets == null ? void 0 : additionalCellSets.tree.find((n) => n.name === CELL_SELECTIONS_LEVEL_ZERO_NAME);
+  const selectionsLevelZeroNode = additionalCellSets?.tree.find((n) => n.name === CELL_SELECTIONS_LEVEL_ZERO_NAME);
   const nextAdditionalCellSets = {
     version: HIERARCHICAL_SCHEMAS.latestVersion,
     datatype: SETS_DATATYPE_OBS,
     tree: [...additionalCellSets ? additionalCellSets.tree : []]
   };
-  const nextName = getNextNumberedNodeName(selectionsLevelZeroNode == null ? void 0 : selectionsLevelZeroNode.children, prefix2, suffix);
+  const nextName = getNextNumberedNodeName(selectionsLevelZeroNode?.children, prefix2, suffix);
   let colorIndex = 0;
   if (selectionsLevelZeroNode) {
     colorIndex = selectionsLevelZeroNode.children.length;
@@ -11815,11 +11817,10 @@ function colorMixWithUncertainty(originalColor, p, mixingColor = [128, 128, 128]
 function treeToCellColorsBySetNames(currTree, selectedNamePaths, cellSetColor, theme) {
   let cellColorsArray = [];
   selectedNamePaths.forEach((setNamePath) => {
-    var _a;
     const node2 = treeFindNodeByNamePath(currTree, setNamePath);
     if (node2) {
       const nodeSet = nodeToSet(node2);
-      const nodeColor = ((_a = cellSetColor == null ? void 0 : cellSetColor.find((d) => isEqual$1(d.path, setNamePath))) == null ? void 0 : _a.color) || getDefaultColor(theme);
+      const nodeColor = cellSetColor?.find((d) => isEqual$1(d.path, setNamePath))?.color || getDefaultColor(theme);
       cellColorsArray = [
         ...cellColorsArray,
         ...nodeSet.map(([cellId, prob]) => [
@@ -17114,903 +17115,6 @@ function getCellColors(params) {
   }
   return /* @__PURE__ */ new Map();
 }
-var jsxRuntime = { exports: {} };
-var reactJsxRuntime_development = {};
-var hasRequiredReactJsxRuntime_development;
-function requireReactJsxRuntime_development() {
-  if (hasRequiredReactJsxRuntime_development) return reactJsxRuntime_development;
-  hasRequiredReactJsxRuntime_development = 1;
-  /**
-   * @license React
-   * react-jsx-runtime.development.js
-   *
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   */
-  {
-    (function() {
-      var React2 = React__default;
-      var REACT_ELEMENT_TYPE = Symbol.for("react.element");
-      var REACT_PORTAL_TYPE = Symbol.for("react.portal");
-      var REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
-      var REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode");
-      var REACT_PROFILER_TYPE = Symbol.for("react.profiler");
-      var REACT_PROVIDER_TYPE = Symbol.for("react.provider");
-      var REACT_CONTEXT_TYPE = Symbol.for("react.context");
-      var REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref");
-      var REACT_SUSPENSE_TYPE = Symbol.for("react.suspense");
-      var REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list");
-      var REACT_MEMO_TYPE = Symbol.for("react.memo");
-      var REACT_LAZY_TYPE = Symbol.for("react.lazy");
-      var REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen");
-      var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
-      var FAUX_ITERATOR_SYMBOL = "@@iterator";
-      function getIteratorFn(maybeIterable) {
-        if (maybeIterable === null || typeof maybeIterable !== "object") {
-          return null;
-        }
-        var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
-        if (typeof maybeIterator === "function") {
-          return maybeIterator;
-        }
-        return null;
-      }
-      var ReactSharedInternals = React2.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-      function error(format2) {
-        {
-          {
-            for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-              args[_key2 - 1] = arguments[_key2];
-            }
-            printWarning("error", format2, args);
-          }
-        }
-      }
-      function printWarning(level, format2, args) {
-        {
-          var ReactDebugCurrentFrame2 = ReactSharedInternals.ReactDebugCurrentFrame;
-          var stack = ReactDebugCurrentFrame2.getStackAddendum();
-          if (stack !== "") {
-            format2 += "%s";
-            args = args.concat([stack]);
-          }
-          var argsWithFormat = args.map(function(item) {
-            return String(item);
-          });
-          argsWithFormat.unshift("Warning: " + format2);
-          Function.prototype.apply.call(console[level], console, argsWithFormat);
-        }
-      }
-      var enableScopeAPI = false;
-      var enableCacheElement = false;
-      var enableTransitionTracing = false;
-      var enableLegacyHidden = false;
-      var enableDebugTracing = false;
-      var REACT_MODULE_REFERENCE;
-      {
-        REACT_MODULE_REFERENCE = Symbol.for("react.module.reference");
-      }
-      function isValidElementType(type) {
-        if (typeof type === "string" || typeof type === "function") {
-          return true;
-        }
-        if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden || type === REACT_OFFSCREEN_TYPE || enableScopeAPI || enableCacheElement || enableTransitionTracing) {
-          return true;
-        }
-        if (typeof type === "object" && type !== null) {
-          if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
-          // types supported by any Flight configuration anywhere since
-          // we don't know which Flight build this will end up being used
-          // with.
-          type.$$typeof === REACT_MODULE_REFERENCE || type.getModuleId !== void 0) {
-            return true;
-          }
-        }
-        return false;
-      }
-      function getWrappedName2(outerType, innerType, wrapperName) {
-        var displayName = outerType.displayName;
-        if (displayName) {
-          return displayName;
-        }
-        var functionName = innerType.displayName || innerType.name || "";
-        return functionName !== "" ? wrapperName + "(" + functionName + ")" : wrapperName;
-      }
-      function getContextName(type) {
-        return type.displayName || "Context";
-      }
-      function getComponentNameFromType(type) {
-        if (type == null) {
-          return null;
-        }
-        {
-          if (typeof type.tag === "number") {
-            error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.");
-          }
-        }
-        if (typeof type === "function") {
-          return type.displayName || type.name || null;
-        }
-        if (typeof type === "string") {
-          return type;
-        }
-        switch (type) {
-          case REACT_FRAGMENT_TYPE:
-            return "Fragment";
-          case REACT_PORTAL_TYPE:
-            return "Portal";
-          case REACT_PROFILER_TYPE:
-            return "Profiler";
-          case REACT_STRICT_MODE_TYPE:
-            return "StrictMode";
-          case REACT_SUSPENSE_TYPE:
-            return "Suspense";
-          case REACT_SUSPENSE_LIST_TYPE:
-            return "SuspenseList";
-        }
-        if (typeof type === "object") {
-          switch (type.$$typeof) {
-            case REACT_CONTEXT_TYPE:
-              var context = type;
-              return getContextName(context) + ".Consumer";
-            case REACT_PROVIDER_TYPE:
-              var provider = type;
-              return getContextName(provider._context) + ".Provider";
-            case REACT_FORWARD_REF_TYPE:
-              return getWrappedName2(type, type.render, "ForwardRef");
-            case REACT_MEMO_TYPE:
-              var outerName = type.displayName || null;
-              if (outerName !== null) {
-                return outerName;
-              }
-              return getComponentNameFromType(type.type) || "Memo";
-            case REACT_LAZY_TYPE: {
-              var lazyComponent = type;
-              var payload = lazyComponent._payload;
-              var init = lazyComponent._init;
-              try {
-                return getComponentNameFromType(init(payload));
-              } catch (x) {
-                return null;
-              }
-            }
-          }
-        }
-        return null;
-      }
-      var assign2 = Object.assign;
-      var disabledDepth = 0;
-      var prevLog;
-      var prevInfo;
-      var prevWarn;
-      var prevError;
-      var prevGroup;
-      var prevGroupCollapsed;
-      var prevGroupEnd;
-      function disabledLog() {
-      }
-      disabledLog.__reactDisabledLog = true;
-      function disableLogs() {
-        {
-          if (disabledDepth === 0) {
-            prevLog = console.log;
-            prevInfo = console.info;
-            prevWarn = console.warn;
-            prevError = console.error;
-            prevGroup = console.group;
-            prevGroupCollapsed = console.groupCollapsed;
-            prevGroupEnd = console.groupEnd;
-            var props = {
-              configurable: true,
-              enumerable: true,
-              value: disabledLog,
-              writable: true
-            };
-            Object.defineProperties(console, {
-              info: props,
-              log: props,
-              warn: props,
-              error: props,
-              group: props,
-              groupCollapsed: props,
-              groupEnd: props
-            });
-          }
-          disabledDepth++;
-        }
-      }
-      function reenableLogs() {
-        {
-          disabledDepth--;
-          if (disabledDepth === 0) {
-            var props = {
-              configurable: true,
-              enumerable: true,
-              writable: true
-            };
-            Object.defineProperties(console, {
-              log: assign2({}, props, {
-                value: prevLog
-              }),
-              info: assign2({}, props, {
-                value: prevInfo
-              }),
-              warn: assign2({}, props, {
-                value: prevWarn
-              }),
-              error: assign2({}, props, {
-                value: prevError
-              }),
-              group: assign2({}, props, {
-                value: prevGroup
-              }),
-              groupCollapsed: assign2({}, props, {
-                value: prevGroupCollapsed
-              }),
-              groupEnd: assign2({}, props, {
-                value: prevGroupEnd
-              })
-            });
-          }
-          if (disabledDepth < 0) {
-            error("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
-          }
-        }
-      }
-      var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
-      var prefix2;
-      function describeBuiltInComponentFrame(name, source, ownerFn) {
-        {
-          if (prefix2 === void 0) {
-            try {
-              throw Error();
-            } catch (x) {
-              var match2 = x.stack.trim().match(/\n( *(at )?)/);
-              prefix2 = match2 && match2[1] || "";
-            }
-          }
-          return "\n" + prefix2 + name;
-        }
-      }
-      var reentry = false;
-      var componentFrameCache;
-      {
-        var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
-        componentFrameCache = new PossiblyWeakMap();
-      }
-      function describeNativeComponentFrame(fn, construct) {
-        if (!fn || reentry) {
-          return "";
-        }
-        {
-          var frame = componentFrameCache.get(fn);
-          if (frame !== void 0) {
-            return frame;
-          }
-        }
-        var control;
-        reentry = true;
-        var previousPrepareStackTrace = Error.prepareStackTrace;
-        Error.prepareStackTrace = void 0;
-        var previousDispatcher;
-        {
-          previousDispatcher = ReactCurrentDispatcher.current;
-          ReactCurrentDispatcher.current = null;
-          disableLogs();
-        }
-        try {
-          if (construct) {
-            var Fake = function() {
-              throw Error();
-            };
-            Object.defineProperty(Fake.prototype, "props", {
-              set: function() {
-                throw Error();
-              }
-            });
-            if (typeof Reflect === "object" && Reflect.construct) {
-              try {
-                Reflect.construct(Fake, []);
-              } catch (x) {
-                control = x;
-              }
-              Reflect.construct(fn, [], Fake);
-            } else {
-              try {
-                Fake.call();
-              } catch (x) {
-                control = x;
-              }
-              fn.call(Fake.prototype);
-            }
-          } else {
-            try {
-              throw Error();
-            } catch (x) {
-              control = x;
-            }
-            fn();
-          }
-        } catch (sample) {
-          if (sample && control && typeof sample.stack === "string") {
-            var sampleLines = sample.stack.split("\n");
-            var controlLines = control.stack.split("\n");
-            var s = sampleLines.length - 1;
-            var c = controlLines.length - 1;
-            while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
-              c--;
-            }
-            for (; s >= 1 && c >= 0; s--, c--) {
-              if (sampleLines[s] !== controlLines[c]) {
-                if (s !== 1 || c !== 1) {
-                  do {
-                    s--;
-                    c--;
-                    if (c < 0 || sampleLines[s] !== controlLines[c]) {
-                      var _frame = "\n" + sampleLines[s].replace(" at new ", " at ");
-                      if (fn.displayName && _frame.includes("<anonymous>")) {
-                        _frame = _frame.replace("<anonymous>", fn.displayName);
-                      }
-                      {
-                        if (typeof fn === "function") {
-                          componentFrameCache.set(fn, _frame);
-                        }
-                      }
-                      return _frame;
-                    }
-                  } while (s >= 1 && c >= 0);
-                }
-                break;
-              }
-            }
-          }
-        } finally {
-          reentry = false;
-          {
-            ReactCurrentDispatcher.current = previousDispatcher;
-            reenableLogs();
-          }
-          Error.prepareStackTrace = previousPrepareStackTrace;
-        }
-        var name = fn ? fn.displayName || fn.name : "";
-        var syntheticFrame = name ? describeBuiltInComponentFrame(name) : "";
-        {
-          if (typeof fn === "function") {
-            componentFrameCache.set(fn, syntheticFrame);
-          }
-        }
-        return syntheticFrame;
-      }
-      function describeFunctionComponentFrame(fn, source, ownerFn) {
-        {
-          return describeNativeComponentFrame(fn, false);
-        }
-      }
-      function shouldConstruct(Component) {
-        var prototype = Component.prototype;
-        return !!(prototype && prototype.isReactComponent);
-      }
-      function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
-        if (type == null) {
-          return "";
-        }
-        if (typeof type === "function") {
-          {
-            return describeNativeComponentFrame(type, shouldConstruct(type));
-          }
-        }
-        if (typeof type === "string") {
-          return describeBuiltInComponentFrame(type);
-        }
-        switch (type) {
-          case REACT_SUSPENSE_TYPE:
-            return describeBuiltInComponentFrame("Suspense");
-          case REACT_SUSPENSE_LIST_TYPE:
-            return describeBuiltInComponentFrame("SuspenseList");
-        }
-        if (typeof type === "object") {
-          switch (type.$$typeof) {
-            case REACT_FORWARD_REF_TYPE:
-              return describeFunctionComponentFrame(type.render);
-            case REACT_MEMO_TYPE:
-              return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
-            case REACT_LAZY_TYPE: {
-              var lazyComponent = type;
-              var payload = lazyComponent._payload;
-              var init = lazyComponent._init;
-              try {
-                return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);
-              } catch (x) {
-              }
-            }
-          }
-        }
-        return "";
-      }
-      var hasOwnProperty2 = Object.prototype.hasOwnProperty;
-      var loggedTypeFailures = {};
-      var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
-      function setCurrentlyValidatingElement(element) {
-        {
-          if (element) {
-            var owner = element._owner;
-            var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
-            ReactDebugCurrentFrame.setExtraStackFrame(stack);
-          } else {
-            ReactDebugCurrentFrame.setExtraStackFrame(null);
-          }
-        }
-      }
-      function checkPropTypes(typeSpecs, values2, location, componentName, element) {
-        {
-          var has2 = Function.call.bind(hasOwnProperty2);
-          for (var typeSpecName in typeSpecs) {
-            if (has2(typeSpecs, typeSpecName)) {
-              var error$1 = void 0;
-              try {
-                if (typeof typeSpecs[typeSpecName] !== "function") {
-                  var err = Error((componentName || "React class") + ": " + location + " type `" + typeSpecName + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof typeSpecs[typeSpecName] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                  err.name = "Invariant Violation";
-                  throw err;
-                }
-                error$1 = typeSpecs[typeSpecName](values2, typeSpecName, componentName, location, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-              } catch (ex) {
-                error$1 = ex;
-              }
-              if (error$1 && !(error$1 instanceof Error)) {
-                setCurrentlyValidatingElement(element);
-                error("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", componentName || "React class", location, typeSpecName, typeof error$1);
-                setCurrentlyValidatingElement(null);
-              }
-              if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {
-                loggedTypeFailures[error$1.message] = true;
-                setCurrentlyValidatingElement(element);
-                error("Failed %s type: %s", location, error$1.message);
-                setCurrentlyValidatingElement(null);
-              }
-            }
-          }
-        }
-      }
-      var isArrayImpl = Array.isArray;
-      function isArray2(a) {
-        return isArrayImpl(a);
-      }
-      function typeName(value) {
-        {
-          var hasToStringTag = typeof Symbol === "function" && Symbol.toStringTag;
-          var type = hasToStringTag && value[Symbol.toStringTag] || value.constructor.name || "Object";
-          return type;
-        }
-      }
-      function willCoercionThrow(value) {
-        {
-          try {
-            testStringCoercion(value);
-            return false;
-          } catch (e) {
-            return true;
-          }
-        }
-      }
-      function testStringCoercion(value) {
-        return "" + value;
-      }
-      function checkKeyStringCoercion(value) {
-        {
-          if (willCoercionThrow(value)) {
-            error("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", typeName(value));
-            return testStringCoercion(value);
-          }
-        }
-      }
-      var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
-      var RESERVED_PROPS = {
-        key: true,
-        ref: true,
-        __self: true,
-        __source: true
-      };
-      var specialPropKeyWarningShown;
-      var specialPropRefWarningShown;
-      function hasValidRef(config) {
-        {
-          if (hasOwnProperty2.call(config, "ref")) {
-            var getter = Object.getOwnPropertyDescriptor(config, "ref").get;
-            if (getter && getter.isReactWarning) {
-              return false;
-            }
-          }
-        }
-        return config.ref !== void 0;
-      }
-      function hasValidKey(config) {
-        {
-          if (hasOwnProperty2.call(config, "key")) {
-            var getter = Object.getOwnPropertyDescriptor(config, "key").get;
-            if (getter && getter.isReactWarning) {
-              return false;
-            }
-          }
-        }
-        return config.key !== void 0;
-      }
-      function warnIfStringRefCannotBeAutoConverted(config, self2) {
-        {
-          if (typeof config.ref === "string" && ReactCurrentOwner.current && self2) ;
-        }
-      }
-      function defineKeyPropWarningGetter(props, displayName) {
-        {
-          var warnAboutAccessingKey = function() {
-            if (!specialPropKeyWarningShown) {
-              specialPropKeyWarningShown = true;
-              error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", displayName);
-            }
-          };
-          warnAboutAccessingKey.isReactWarning = true;
-          Object.defineProperty(props, "key", {
-            get: warnAboutAccessingKey,
-            configurable: true
-          });
-        }
-      }
-      function defineRefPropWarningGetter(props, displayName) {
-        {
-          var warnAboutAccessingRef = function() {
-            if (!specialPropRefWarningShown) {
-              specialPropRefWarningShown = true;
-              error("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", displayName);
-            }
-          };
-          warnAboutAccessingRef.isReactWarning = true;
-          Object.defineProperty(props, "ref", {
-            get: warnAboutAccessingRef,
-            configurable: true
-          });
-        }
-      }
-      var ReactElement = function(type, key, ref, self2, source, owner, props) {
-        var element = {
-          // This tag allows us to uniquely identify this as a React Element
-          $$typeof: REACT_ELEMENT_TYPE,
-          // Built-in properties that belong on the element
-          type,
-          key,
-          ref,
-          props,
-          // Record the component responsible for creating this element.
-          _owner: owner
-        };
-        {
-          element._store = {};
-          Object.defineProperty(element._store, "validated", {
-            configurable: false,
-            enumerable: false,
-            writable: true,
-            value: false
-          });
-          Object.defineProperty(element, "_self", {
-            configurable: false,
-            enumerable: false,
-            writable: false,
-            value: self2
-          });
-          Object.defineProperty(element, "_source", {
-            configurable: false,
-            enumerable: false,
-            writable: false,
-            value: source
-          });
-          if (Object.freeze) {
-            Object.freeze(element.props);
-            Object.freeze(element);
-          }
-        }
-        return element;
-      };
-      function jsxDEV(type, config, maybeKey, source, self2) {
-        {
-          var propName;
-          var props = {};
-          var key = null;
-          var ref = null;
-          if (maybeKey !== void 0) {
-            {
-              checkKeyStringCoercion(maybeKey);
-            }
-            key = "" + maybeKey;
-          }
-          if (hasValidKey(config)) {
-            {
-              checkKeyStringCoercion(config.key);
-            }
-            key = "" + config.key;
-          }
-          if (hasValidRef(config)) {
-            ref = config.ref;
-            warnIfStringRefCannotBeAutoConverted(config, self2);
-          }
-          for (propName in config) {
-            if (hasOwnProperty2.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
-              props[propName] = config[propName];
-            }
-          }
-          if (type && type.defaultProps) {
-            var defaultProps = type.defaultProps;
-            for (propName in defaultProps) {
-              if (props[propName] === void 0) {
-                props[propName] = defaultProps[propName];
-              }
-            }
-          }
-          if (key || ref) {
-            var displayName = typeof type === "function" ? type.displayName || type.name || "Unknown" : type;
-            if (key) {
-              defineKeyPropWarningGetter(props, displayName);
-            }
-            if (ref) {
-              defineRefPropWarningGetter(props, displayName);
-            }
-          }
-          return ReactElement(type, key, ref, self2, source, ReactCurrentOwner.current, props);
-        }
-      }
-      var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
-      var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
-      function setCurrentlyValidatingElement$1(element) {
-        {
-          if (element) {
-            var owner = element._owner;
-            var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
-            ReactDebugCurrentFrame$1.setExtraStackFrame(stack);
-          } else {
-            ReactDebugCurrentFrame$1.setExtraStackFrame(null);
-          }
-        }
-      }
-      var propTypesMisspellWarningShown;
-      {
-        propTypesMisspellWarningShown = false;
-      }
-      function isValidElement(object2) {
-        {
-          return typeof object2 === "object" && object2 !== null && object2.$$typeof === REACT_ELEMENT_TYPE;
-        }
-      }
-      function getDeclarationErrorAddendum() {
-        {
-          if (ReactCurrentOwner$1.current) {
-            var name = getComponentNameFromType(ReactCurrentOwner$1.current.type);
-            if (name) {
-              return "\n\nCheck the render method of `" + name + "`.";
-            }
-          }
-          return "";
-        }
-      }
-      function getSourceInfoErrorAddendum(source) {
-        {
-          return "";
-        }
-      }
-      var ownerHasKeyUseWarning = {};
-      function getCurrentComponentErrorInfo(parentType) {
-        {
-          var info = getDeclarationErrorAddendum();
-          if (!info) {
-            var parentName = typeof parentType === "string" ? parentType : parentType.displayName || parentType.name;
-            if (parentName) {
-              info = "\n\nCheck the top-level render call using <" + parentName + ">.";
-            }
-          }
-          return info;
-        }
-      }
-      function validateExplicitKey(element, parentType) {
-        {
-          if (!element._store || element._store.validated || element.key != null) {
-            return;
-          }
-          element._store.validated = true;
-          var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
-          if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
-            return;
-          }
-          ownerHasKeyUseWarning[currentComponentErrorInfo] = true;
-          var childOwner = "";
-          if (element && element._owner && element._owner !== ReactCurrentOwner$1.current) {
-            childOwner = " It was passed a child from " + getComponentNameFromType(element._owner.type) + ".";
-          }
-          setCurrentlyValidatingElement$1(element);
-          error('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', currentComponentErrorInfo, childOwner);
-          setCurrentlyValidatingElement$1(null);
-        }
-      }
-      function validateChildKeys(node2, parentType) {
-        {
-          if (typeof node2 !== "object") {
-            return;
-          }
-          if (isArray2(node2)) {
-            for (var i = 0; i < node2.length; i++) {
-              var child = node2[i];
-              if (isValidElement(child)) {
-                validateExplicitKey(child, parentType);
-              }
-            }
-          } else if (isValidElement(node2)) {
-            if (node2._store) {
-              node2._store.validated = true;
-            }
-          } else if (node2) {
-            var iteratorFn = getIteratorFn(node2);
-            if (typeof iteratorFn === "function") {
-              if (iteratorFn !== node2.entries) {
-                var iterator = iteratorFn.call(node2);
-                var step;
-                while (!(step = iterator.next()).done) {
-                  if (isValidElement(step.value)) {
-                    validateExplicitKey(step.value, parentType);
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-      function validatePropTypes(element) {
-        {
-          var type = element.type;
-          if (type === null || type === void 0 || typeof type === "string") {
-            return;
-          }
-          var propTypes2;
-          if (typeof type === "function") {
-            propTypes2 = type.propTypes;
-          } else if (typeof type === "object" && (type.$$typeof === REACT_FORWARD_REF_TYPE || // Note: Memo only checks outer props here.
-          // Inner props are checked in the reconciler.
-          type.$$typeof === REACT_MEMO_TYPE)) {
-            propTypes2 = type.propTypes;
-          } else {
-            return;
-          }
-          if (propTypes2) {
-            var name = getComponentNameFromType(type);
-            checkPropTypes(propTypes2, element.props, "prop", name, element);
-          } else if (type.PropTypes !== void 0 && !propTypesMisspellWarningShown) {
-            propTypesMisspellWarningShown = true;
-            var _name = getComponentNameFromType(type);
-            error("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", _name || "Unknown");
-          }
-          if (typeof type.getDefaultProps === "function" && !type.getDefaultProps.isReactClassApproved) {
-            error("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
-          }
-        }
-      }
-      function validateFragmentProps(fragment) {
-        {
-          var keys2 = Object.keys(fragment.props);
-          for (var i = 0; i < keys2.length; i++) {
-            var key = keys2[i];
-            if (key !== "children" && key !== "key") {
-              setCurrentlyValidatingElement$1(fragment);
-              error("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", key);
-              setCurrentlyValidatingElement$1(null);
-              break;
-            }
-          }
-          if (fragment.ref !== null) {
-            setCurrentlyValidatingElement$1(fragment);
-            error("Invalid attribute `ref` supplied to `React.Fragment`.");
-            setCurrentlyValidatingElement$1(null);
-          }
-        }
-      }
-      var didWarnAboutKeySpread = {};
-      function jsxWithValidation(type, props, key, isStaticChildren, source, self2) {
-        {
-          var validType = isValidElementType(type);
-          if (!validType) {
-            var info = "";
-            if (type === void 0 || typeof type === "object" && type !== null && Object.keys(type).length === 0) {
-              info += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.";
-            }
-            var sourceInfo = getSourceInfoErrorAddendum();
-            if (sourceInfo) {
-              info += sourceInfo;
-            } else {
-              info += getDeclarationErrorAddendum();
-            }
-            var typeString;
-            if (type === null) {
-              typeString = "null";
-            } else if (isArray2(type)) {
-              typeString = "array";
-            } else if (type !== void 0 && type.$$typeof === REACT_ELEMENT_TYPE) {
-              typeString = "<" + (getComponentNameFromType(type.type) || "Unknown") + " />";
-              info = " Did you accidentally export a JSX literal instead of a component?";
-            } else {
-              typeString = typeof type;
-            }
-            error("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", typeString, info);
-          }
-          var element = jsxDEV(type, props, key, source, self2);
-          if (element == null) {
-            return element;
-          }
-          if (validType) {
-            var children2 = props.children;
-            if (children2 !== void 0) {
-              if (isStaticChildren) {
-                if (isArray2(children2)) {
-                  for (var i = 0; i < children2.length; i++) {
-                    validateChildKeys(children2[i], type);
-                  }
-                  if (Object.freeze) {
-                    Object.freeze(children2);
-                  }
-                } else {
-                  error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
-                }
-              } else {
-                validateChildKeys(children2, type);
-              }
-            }
-          }
-          {
-            if (hasOwnProperty2.call(props, "key")) {
-              var componentName = getComponentNameFromType(type);
-              var keys2 = Object.keys(props).filter(function(k) {
-                return k !== "key";
-              });
-              var beforeExample = keys2.length > 0 ? "{key: someKey, " + keys2.join(": ..., ") + ": ...}" : "{key: someKey}";
-              if (!didWarnAboutKeySpread[componentName + beforeExample]) {
-                var afterExample = keys2.length > 0 ? "{" + keys2.join(": ..., ") + ": ...}" : "{}";
-                error('A props object containing a "key" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />', beforeExample, componentName, afterExample, componentName);
-                didWarnAboutKeySpread[componentName + beforeExample] = true;
-              }
-            }
-          }
-          if (type === REACT_FRAGMENT_TYPE) {
-            validateFragmentProps(element);
-          } else {
-            validatePropTypes(element);
-          }
-          return element;
-        }
-      }
-      function jsxWithValidationStatic(type, props, key) {
-        {
-          return jsxWithValidation(type, props, key, true);
-        }
-      }
-      function jsxWithValidationDynamic(type, props, key) {
-        {
-          return jsxWithValidation(type, props, key, false);
-        }
-      }
-      var jsx3 = jsxWithValidationDynamic;
-      var jsxs = jsxWithValidationStatic;
-      reactJsxRuntime_development.Fragment = REACT_FRAGMENT_TYPE;
-      reactJsxRuntime_development.jsx = jsx3;
-      reactJsxRuntime_development.jsxs = jsxs;
-    })();
-  }
-  return reactJsxRuntime_development;
-}
-var hasRequiredJsxRuntime;
-function requireJsxRuntime() {
-  if (hasRequiredJsxRuntime) return jsxRuntime.exports;
-  hasRequiredJsxRuntime = 1;
-  {
-    jsxRuntime.exports = requireReactJsxRuntime_development();
-  }
-  return jsxRuntime.exports;
-}
-var jsxRuntimeExports = requireJsxRuntime();
 function r$1(e) {
   var t, f, n = "";
   if ("string" == typeof e || "number" == typeof e) n += e;
@@ -18810,14 +17914,14 @@ var createCache = function createCache2(options) {
   cache.sheet.hydrate(nodesToHydrate);
   return cache;
 };
-function _extends$2() {
-  return _extends$2 = Object.assign ? Object.assign.bind() : function(n) {
+function _extends$1() {
+  return _extends$1 = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r2 in t) ({}).hasOwnProperty.call(t, r2) && (n[r2] = t[r2]);
     }
     return n;
-  }, _extends$2.apply(null, arguments);
+  }, _extends$1.apply(null, arguments);
 }
 var reactIs$1 = { exports: {} };
 var reactIs_development$1 = {};
@@ -20349,7 +19453,7 @@ var createStyled$1 = function createStyled(tag, options) {
       }
     });
     Styled.withComponent = function(nextTag, nextOptions) {
-      var newStyled2 = createStyled(nextTag, _extends$2({}, options, nextOptions, {
+      var newStyled2 = createStyled(nextTag, _extends$1({}, options, nextOptions, {
         shouldForwardProp: composeShouldForwardProps(Styled, nextOptions, true)
       }));
       return newStyled2.apply(void 0, styles);
@@ -21367,9 +20471,8 @@ function sortContainerQueries(theme, css2) {
     return css2;
   }
   const sorted = Object.keys(css2).filter((key) => key.startsWith("@container")).sort((a, b) => {
-    var _a, _b;
     const regex = /min-width:\s*([0-9.]+)/;
-    return +(((_a = a.match(regex)) == null ? void 0 : _a[1]) || 0) - +(((_b = b.match(regex)) == null ? void 0 : _b[1]) || 0);
+    return +(a.match(regex)?.[1] || 0) - +(b.match(regex)?.[1] || 0);
   });
   if (!sorted.length) {
     return css2;
@@ -21497,8 +20600,7 @@ function handleBreakpoints(props, propValue, styleFromPropValue) {
   return output;
 }
 function createEmptyBreakpointObject(breakpointsInput = {}) {
-  var _a;
-  const breakpointsInOrder = (_a = breakpointsInput.keys) == null ? void 0 : _a.reduce((acc, key) => {
+  const breakpointsInOrder = breakpointsInput.keys?.reduce((acc, key) => {
     const breakpointStyleKey = breakpointsInput.up(key);
     acc[breakpointStyleKey] = {};
     return acc;
@@ -21918,14 +21020,13 @@ const width = style$1({
 const maxWidth = (props) => {
   if (props.maxWidth !== void 0 && props.maxWidth !== null) {
     const styleFromPropValue = (propValue) => {
-      var _a, _b, _c, _d, _e;
-      const breakpoint = ((_c = (_b = (_a = props.theme) == null ? void 0 : _a.breakpoints) == null ? void 0 : _b.values) == null ? void 0 : _c[propValue]) || values[propValue];
+      const breakpoint = props.theme?.breakpoints?.values?.[propValue] || values[propValue];
       if (!breakpoint) {
         return {
           maxWidth: sizingTransform(propValue)
         };
       }
-      if (((_e = (_d = props.theme) == null ? void 0 : _d.breakpoints) == null ? void 0 : _e.unit) !== "px") {
+      if (props.theme?.breakpoints?.unit !== "px") {
         return {
           maxWidth: `${breakpoint}${props.theme.breakpoints.unit}`
         };
@@ -22366,10 +21467,9 @@ function unstable_createStyleFunctionSx() {
 const styleFunctionSx = unstable_createStyleFunctionSx();
 styleFunctionSx.filterProps = ["sx"];
 function applyStyles(key, styles) {
-  var _a;
   const theme = this;
   if (theme.vars) {
-    if (!((_a = theme.colorSchemes) == null ? void 0 : _a[key]) || typeof theme.getColorSchemeSelector !== "function") {
+    if (!theme.colorSchemes?.[key] || typeof theme.getColorSchemeSelector !== "function") {
       return {};
     }
     let selector2 = theme.getColorSchemeSelector(key);
@@ -22418,7 +21518,7 @@ function createTheme$1(options = {}, ...args) {
   muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);
   muiTheme.unstable_sxConfig = {
     ...defaultSxConfig,
-    ...other == null ? void 0 : other.unstable_sxConfig
+    ...other?.unstable_sxConfig
   };
   muiTheme.unstable_sx = function sx(props) {
     return styleFunctionSx({
@@ -22440,12 +21540,11 @@ function useTheme$1(defaultTheme2 = systemDefaultTheme$1) {
   return useTheme$2(defaultTheme2);
 }
 const splitProps = (props) => {
-  var _a;
   const result = {
     systemProps: {},
     otherProps: {}
   };
-  const config = ((_a = props == null ? void 0 : props.theme) == null ? void 0 : _a.unstable_sxConfig) ?? defaultSxConfig;
+  const config = props?.theme?.unstable_sxConfig ?? defaultSxConfig;
   Object.keys(props).forEach((prop) => {
     if (config[prop]) {
       result.systemProps[prop] = props[prop];
@@ -22612,7 +21711,7 @@ function processStyle(props, style2) {
   if (Array.isArray(resolvedStyle)) {
     return resolvedStyle.flatMap((subStyle) => processStyle(props, subStyle));
   }
-  if (Array.isArray(resolvedStyle == null ? void 0 : resolvedStyle.variants)) {
+  if (Array.isArray(resolvedStyle?.variants)) {
     let rootStyle;
     if (resolvedStyle.isProcessed) {
       rootStyle = resolvedStyle.style;
@@ -22625,38 +21724,37 @@ function processStyle(props, style2) {
     }
     return processStyleVariants(props, resolvedStyle.variants, [rootStyle]);
   }
-  if (resolvedStyle == null ? void 0 : resolvedStyle.isProcessed) {
+  if (resolvedStyle?.isProcessed) {
     return resolvedStyle.style;
   }
   return resolvedStyle;
 }
 function processStyleVariants(props, variants, results = []) {
-  var _a;
   let mergedState;
   variantLoop: for (let i = 0; i < variants.length; i += 1) {
     const variant = variants[i];
     if (typeof variant.props === "function") {
-      mergedState ?? (mergedState = {
+      mergedState ??= {
         ...props,
         ...props.ownerState,
         ownerState: props.ownerState
-      });
+      };
       if (!variant.props(mergedState)) {
         continue;
       }
     } else {
       for (const key in variant.props) {
-        if (props[key] !== variant.props[key] && ((_a = props.ownerState) == null ? void 0 : _a[key]) !== variant.props[key]) {
+        if (props[key] !== variant.props[key] && props.ownerState?.[key] !== variant.props[key]) {
           continue variantLoop;
         }
       }
     }
     if (typeof variant.style === "function") {
-      mergedState ?? (mergedState = {
+      mergedState ??= {
         ...props,
         ...props.ownerState,
         ownerState: props.ownerState
-      });
+      };
       results.push(variant.style(mergedState));
     } else {
       results.push(variant.style);
@@ -22729,9 +21827,8 @@ function createStyled2(input = {}) {
       expressionsHead.push(styleAttachTheme);
       if (componentName && overridesResolver) {
         expressionsTail.push(function styleThemeOverrides(props) {
-          var _a, _b;
           const theme = props.theme;
-          const styleOverrides = (_b = (_a = theme.components) == null ? void 0 : _a[componentName]) == null ? void 0 : _b.styleOverrides;
+          const styleOverrides = theme.components?.[componentName]?.styleOverrides;
           if (!styleOverrides) {
             return null;
           }
@@ -22744,9 +21841,8 @@ function createStyled2(input = {}) {
       }
       if (componentName && !skipVariantsResolver) {
         expressionsTail.push(function styleThemeVariants(props) {
-          var _a, _b;
           const theme = props.theme;
-          const themeVariants = (_b = (_a = theme == null ? void 0 : theme.components) == null ? void 0 : _a[componentName]) == null ? void 0 : _b.variants;
+          const themeVariants = theme?.components?.[componentName]?.variants;
           if (!themeVariants) {
             return null;
           }
@@ -22855,7 +21951,7 @@ function resolveProps(defaultProps, props) {
   return output;
 }
 const useEnhancedEffect$1 = typeof window !== "undefined" ? React$1.useLayoutEffect : React$1.useEffect;
-function clamp$1(val, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER) {
+function clamp(val, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER) {
   return Math.max(min, Math.min(val, max));
 }
 function clampWrapper(value, min = 0, max = 1) {
@@ -22864,7 +21960,7 @@ function clampWrapper(value, min = 0, max = 1) {
       console.error(`MUI: The value provided ${value} is out of range [${min}, ${max}].`);
     }
   }
-  return clamp$1(value, min, max);
+  return clamp(value, min, max);
 }
 function hexToRgb(color2) {
   color2 = color2.slice(1);
@@ -23288,7 +22384,6 @@ function prepareCssVars(theme, parserConfig = {}) {
     };
   }
   function defaultGetSelector2(colorScheme, cssObject) {
-    var _a, _b;
     let rule = selector2;
     if (selector2 === "class") {
       rule = ".%s";
@@ -23296,7 +22391,7 @@ function prepareCssVars(theme, parserConfig = {}) {
     if (selector2 === "data") {
       rule = "[data-%s]";
     }
-    if ((selector2 == null ? void 0 : selector2.startsWith("data-")) && !selector2.includes("%s")) {
+    if (selector2?.startsWith("data-") && !selector2.includes("%s")) {
       rule = `[${selector2}="%s"]`;
     }
     if (colorScheme) {
@@ -23304,7 +22399,7 @@ function prepareCssVars(theme, parserConfig = {}) {
         if (theme.defaultColorScheme === colorScheme) {
           return ":root";
         }
-        const mode = ((_b = (_a = colorSchemes[colorScheme]) == null ? void 0 : _a.palette) == null ? void 0 : _b.mode) || colorScheme;
+        const mode = colorSchemes[colorScheme]?.palette?.mode || colorScheme;
         return {
           [`@media (prefers-color-scheme: ${mode})`]: {
             ":root": cssObject
@@ -23332,7 +22427,6 @@ function prepareCssVars(theme, parserConfig = {}) {
     return vars;
   };
   const generateStyleSheets = () => {
-    var _a, _b;
     const stylesheets = [];
     const colorScheme = theme.defaultColorScheme || "light";
     function insertStyleSheet(key, css2) {
@@ -23355,7 +22449,7 @@ function prepareCssVars(theme, parserConfig = {}) {
       const {
         css: css2
       } = defaultSchemeVal;
-      const cssColorSheme = (_b = (_a = colorSchemes[colorScheme]) == null ? void 0 : _a.palette) == null ? void 0 : _b.mode;
+      const cssColorSheme = colorSchemes[colorScheme]?.palette?.mode;
       const finalCss = !disableCssColorScheme && cssColorSheme ? {
         colorScheme: cssColorSheme,
         ...css2
@@ -23369,8 +22463,7 @@ function prepareCssVars(theme, parserConfig = {}) {
     Object.entries(other).forEach(([key, {
       css: css2
     }]) => {
-      var _a2, _b2;
-      const cssColorSheme = (_b2 = (_a2 = colorSchemes[key]) == null ? void 0 : _a2.palette) == null ? void 0 : _b2.mode;
+      const cssColorSheme = colorSchemes[key]?.palette?.mode;
       const finalCss = !disableCssColorScheme && cssColorSheme ? {
         colorScheme: cssColorSheme,
         ...css2
@@ -24102,7 +23195,7 @@ function createThemeNoVars(options = {}, ...args) {
   }
   muiTheme.unstable_sxConfig = {
     ...defaultSxConfig,
-    ...other == null ? void 0 : other.unstable_sxConfig
+    ...other?.unstable_sxConfig
   };
   muiTheme.unstable_sx = function sx(props) {
     return styleFunctionSx({
@@ -24162,9 +23255,8 @@ function createColorScheme(options) {
   };
 }
 function shouldSkipGeneratingVar(keys2) {
-  var _a;
   return !!keys2[0].match(/(cssVarPrefix|colorSchemeSelector|rootSelector|typography|mixins|breakpoints|direction|transitions)/) || !!keys2[0].match(/sxConfig$/) || // ends with sxConfig
-  keys2[0] === "palette" && !!((_a = keys2[1]) == null ? void 0 : _a.match(/(mode|contrastThreshold|tonalOffset)/));
+  keys2[0] === "palette" && !!keys2[1]?.match(/(mode|contrastThreshold|tonalOffset)/);
 }
 const excludeVariablesFromRoot = (cssVarPrefix) => [...[...Array(25)].map((_, index) => `--${cssVarPrefix ? `${cssVarPrefix}-` : ""}overlays-${index}`), `--${cssVarPrefix ? `${cssVarPrefix}-` : ""}palette-AppBar-darkBg`, `--${cssVarPrefix ? `${cssVarPrefix}-` : ""}palette-AppBar-darkColor`];
 const defaultGetSelector = (theme) => (colorScheme, css2) => {
@@ -24177,7 +23269,7 @@ const defaultGetSelector = (theme) => (colorScheme, css2) => {
   if (selector2 === "data") {
     rule = "[data-%s]";
   }
-  if ((selector2 == null ? void 0 : selector2.startsWith("data-")) && !selector2.includes("%s")) {
+  if (selector2?.startsWith("data-") && !selector2.includes("%s")) {
     rule = `[${selector2}="%s"]`;
   }
   if (theme.defaultColorScheme === colorScheme) {
@@ -24277,7 +23369,7 @@ function attachColorScheme$1(colorSchemes, scheme, restTheme, colorScheme) {
       ...scheme,
       palette: {
         mode,
-        ...scheme == null ? void 0 : scheme.palette
+        ...scheme?.palette
       }
     });
     return void 0;
@@ -24289,7 +23381,7 @@ function attachColorScheme$1(colorSchemes, scheme, restTheme, colorScheme) {
     ...restTheme,
     palette: {
       mode,
-      ...scheme == null ? void 0 : scheme.palette
+      ...scheme?.palette
     }
   });
   colorSchemes[colorScheme] = {
@@ -24297,9 +23389,9 @@ function attachColorScheme$1(colorSchemes, scheme, restTheme, colorScheme) {
     palette,
     opacity: {
       ...getOpacity(mode),
-      ...scheme == null ? void 0 : scheme.opacity
+      ...scheme?.opacity
     },
-    overlays: (scheme == null ? void 0 : scheme.overlays) || getOverlays(mode)
+    overlays: scheme?.overlays || getOverlays(mode)
   };
   return muiTheme;
 }
@@ -24558,7 +23650,7 @@ function createThemeWithVars(options = {}, ...args) {
   theme.shouldSkipGeneratingVar = shouldSkipGeneratingVar$1;
   theme.unstable_sxConfig = {
     ...defaultSxConfig,
-    ...input == null ? void 0 : input.unstable_sxConfig
+    ...input?.unstable_sxConfig
   };
   theme.unstable_sx = function sx(props) {
     return styleFunctionSx({
@@ -24591,11 +23683,11 @@ function createTheme(options = {}, ...args) {
     colorSchemes: initialColorSchemes = !palette ? {
       light: true
     } : void 0,
-    defaultColorScheme: initialDefaultColorScheme = palette == null ? void 0 : palette.mode,
+    defaultColorScheme: initialDefaultColorScheme = palette?.mode,
     ...rest
   } = options;
   const defaultColorSchemeInput = initialDefaultColorScheme || "light";
-  const defaultScheme = initialColorSchemes == null ? void 0 : initialColorSchemes[defaultColorSchemeInput];
+  const defaultScheme = initialColorSchemes?.[defaultColorSchemeInput];
   const colorSchemesInput = {
     ...initialColorSchemes,
     ...palette ? {
@@ -24776,7 +23868,7 @@ function useForkRef$1(...refs) {
       };
     });
     return () => {
-      cleanups.forEach((refCleanup) => refCleanup == null ? void 0 : refCleanup());
+      cleanups.forEach((refCleanup) => refCleanup?.());
     };
   }, refs);
   return React$1.useMemo(() => {
@@ -24799,15 +23891,6 @@ function chainPropTypes(propType1, propType2) {
     return propType1(...args) || propType2(...args);
   };
 }
-function _extends$1() {
-  return _extends$1 = Object.assign ? Object.assign.bind() : function(n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r2 in t) ({}).hasOwnProperty.call(t, r2) && (n[r2] = t[r2]);
-    }
-    return n;
-  }, _extends$1.apply(null, arguments);
-}
 function _setPrototypeOf(t, e) {
   return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t2, e3) {
     return t2.__proto__ = e3, t2;
@@ -24870,11 +23953,11 @@ function mergeSlotProps(parameters) {
     className
   } = parameters;
   if (!getSlotProps) {
-    const joinedClasses2 = clsx(additionalProps == null ? void 0 : additionalProps.className, className, externalForwardedProps == null ? void 0 : externalForwardedProps.className, externalSlotProps == null ? void 0 : externalSlotProps.className);
+    const joinedClasses2 = clsx(additionalProps?.className, className, externalForwardedProps?.className, externalSlotProps?.className);
     const mergedStyle2 = {
-      ...additionalProps == null ? void 0 : additionalProps.style,
-      ...externalForwardedProps == null ? void 0 : externalForwardedProps.style,
-      ...externalSlotProps == null ? void 0 : externalSlotProps.style
+      ...additionalProps?.style,
+      ...externalForwardedProps?.style,
+      ...externalSlotProps?.style
     };
     const props2 = {
       ...additionalProps,
@@ -24899,12 +23982,12 @@ function mergeSlotProps(parameters) {
   const componentsPropsWithoutEventHandlers = omitEventHandlers(externalSlotProps);
   const otherPropsWithoutEventHandlers = omitEventHandlers(externalForwardedProps);
   const internalSlotProps = getSlotProps(eventHandlers);
-  const joinedClasses = clsx(internalSlotProps == null ? void 0 : internalSlotProps.className, additionalProps == null ? void 0 : additionalProps.className, className, externalForwardedProps == null ? void 0 : externalForwardedProps.className, externalSlotProps == null ? void 0 : externalSlotProps.className);
+  const joinedClasses = clsx(internalSlotProps?.className, additionalProps?.className, className, externalForwardedProps?.className, externalSlotProps?.className);
   const mergedStyle = {
-    ...internalSlotProps == null ? void 0 : internalSlotProps.style,
-    ...additionalProps == null ? void 0 : additionalProps.style,
-    ...externalForwardedProps == null ? void 0 : externalForwardedProps.style,
-    ...externalSlotProps == null ? void 0 : externalSlotProps.style
+    ...internalSlotProps?.style,
+    ...additionalProps?.style,
+    ...externalForwardedProps?.style,
+    ...externalSlotProps?.style
   };
   const props = {
     ...internalSlotProps,
@@ -24962,7 +24045,6 @@ function HTMLElementType(props, propName, componentName, location, propFullName)
   return null;
 }
 function useSlotProps(parameters) {
-  var _a;
   const {
     elementType,
     externalSlotProps,
@@ -24978,7 +24060,7 @@ function useSlotProps(parameters) {
     ...other,
     externalSlotProps: resolvedComponentsProps
   });
-  const ref = useForkRef$1(internalRef, resolvedComponentsProps == null ? void 0 : resolvedComponentsProps.ref, (_a = parameters.additionalProps) == null ? void 0 : _a.ref);
+  const ref = useForkRef$1(internalRef, resolvedComponentsProps?.ref, parameters.additionalProps?.ref);
   const props = appendOwnerState(elementType, {
     ...mergedProps,
     ref
@@ -24986,11 +24068,10 @@ function useSlotProps(parameters) {
   return props;
 }
 function getReactElementRef(element) {
-  var _a;
   if (parseInt(React$1.version, 10) >= 19) {
-    return ((_a = element == null ? void 0 : element.props) == null ? void 0 : _a.ref) || null;
+    return element?.props?.ref || null;
   }
-  return (element == null ? void 0 : element.ref) || null;
+  return element?.ref || null;
 }
 function getContainer(container) {
   return typeof container === "function" ? container() : container;
@@ -25101,72 +24182,69 @@ const TypographyRoot = styled("span", {
   }
 })(memoTheme(({
   theme
-}) => {
-  var _a;
-  return {
-    margin: 0,
-    variants: [{
-      props: {
-        variant: "inherit"
-      },
-      style: {
-        // Some elements, like <button> on Chrome have default font that doesn't inherit, reset this.
-        font: "inherit",
-        lineHeight: "inherit",
-        letterSpacing: "inherit"
-      }
-    }, ...Object.entries(theme.typography).filter(([variant, value]) => variant !== "inherit" && value && typeof value === "object").map(([variant, value]) => ({
-      props: {
-        variant
-      },
-      style: value
-    })), ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color2]) => ({
-      props: {
-        color: color2
-      },
-      style: {
-        color: (theme.vars || theme).palette[color2].main
-      }
-    })), ...Object.entries(((_a = theme.palette) == null ? void 0 : _a.text) || {}).filter(([, value]) => typeof value === "string").map(([color2]) => ({
-      props: {
-        color: `text${capitalize(color2)}`
-      },
-      style: {
-        color: (theme.vars || theme).palette.text[color2]
-      }
-    })), {
-      props: ({
-        ownerState
-      }) => ownerState.align !== "inherit",
-      style: {
-        textAlign: "var(--Typography-textAlign)"
-      }
-    }, {
-      props: ({
-        ownerState
-      }) => ownerState.noWrap,
-      style: {
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-        whiteSpace: "nowrap"
-      }
-    }, {
-      props: ({
-        ownerState
-      }) => ownerState.gutterBottom,
-      style: {
-        marginBottom: "0.35em"
-      }
-    }, {
-      props: ({
-        ownerState
-      }) => ownerState.paragraph,
-      style: {
-        marginBottom: 16
-      }
-    }]
-  };
-}));
+}) => ({
+  margin: 0,
+  variants: [{
+    props: {
+      variant: "inherit"
+    },
+    style: {
+      // Some elements, like <button> on Chrome have default font that doesn't inherit, reset this.
+      font: "inherit",
+      lineHeight: "inherit",
+      letterSpacing: "inherit"
+    }
+  }, ...Object.entries(theme.typography).filter(([variant, value]) => variant !== "inherit" && value && typeof value === "object").map(([variant, value]) => ({
+    props: {
+      variant
+    },
+    style: value
+  })), ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color2]) => ({
+    props: {
+      color: color2
+    },
+    style: {
+      color: (theme.vars || theme).palette[color2].main
+    }
+  })), ...Object.entries(theme.palette?.text || {}).filter(([, value]) => typeof value === "string").map(([color2]) => ({
+    props: {
+      color: `text${capitalize(color2)}`
+    },
+    style: {
+      color: (theme.vars || theme).palette.text[color2]
+    }
+  })), {
+    props: ({
+      ownerState
+    }) => ownerState.align !== "inherit",
+    style: {
+      textAlign: "var(--Typography-textAlign)"
+    }
+  }, {
+    props: ({
+      ownerState
+    }) => ownerState.noWrap,
+    style: {
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap"
+    }
+  }, {
+    props: ({
+      ownerState
+    }) => ownerState.gutterBottom,
+    style: {
+      marginBottom: "0.35em"
+    }
+  }, {
+    props: ({
+      ownerState
+    }) => ownerState.paragraph,
+    style: {
+      marginBottom: 16
+    }
+  }]
+})));
 const defaultVariantMapping = {
   h1: "h1",
   h2: "h2",
@@ -25220,7 +24298,7 @@ const Typography = /* @__PURE__ */ React$1.forwardRef(function Typography2(inPro
   };
   const Component = component || (paragraph ? "p" : variantMapping[variant] || defaultVariantMapping[variant]) || "span";
   const classes = useUtilityClasses$1(ownerState);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(TypographyRoot, {
+  return /* @__PURE__ */ jsx$1(TypographyRoot, {
     as: Component,
     ref,
     className: clsx(classes.root, className),
@@ -25408,10 +24486,9 @@ function focusThumb({
   activeIndex,
   setActive
 }) {
-  var _a, _b, _c;
   const doc = ownerDocument(sliderRef.current);
-  if (!((_a = sliderRef.current) == null ? void 0 : _a.contains(doc.activeElement)) || Number((_b = doc == null ? void 0 : doc.activeElement) == null ? void 0 : _b.getAttribute("data-index")) !== activeIndex) {
-    (_c = sliderRef.current) == null ? void 0 : _c.querySelector(`[type="range"][data-index="${activeIndex}"]`).focus();
+  if (!sliderRef.current?.contains(doc.activeElement) || Number(doc?.activeElement?.getAttribute("data-index")) !== activeIndex) {
+    sliderRef.current?.querySelector(`[type="range"][data-index="${activeIndex}"]`).focus();
   }
   if (setActive) {
     setActive(activeIndex);
@@ -25511,7 +24588,7 @@ function useSlider(parameters) {
   });
   const range2 = Array.isArray(valueDerived);
   let values2 = range2 ? valueDerived.slice().sort(asc) : [valueDerived];
-  values2 = values2.map((value) => value == null ? min : clamp$1(value, min, max));
+  values2 = values2.map((value) => value == null ? min : clamp(value, min, max));
   const marks = marksProp === true && step !== null ? [...Array(Math.floor((max - min) / step) + 1)].map((_, index) => ({
     value: min + step * index
   })) : marksProp || [];
@@ -25520,21 +24597,19 @@ function useSlider(parameters) {
   const sliderRef = React$1.useRef(null);
   const handleRef = useForkRef$1(ref, sliderRef);
   const createHandleHiddenInputFocus = (otherHandlers) => (event) => {
-    var _a;
     const index = Number(event.currentTarget.getAttribute("data-index"));
     if (isFocusVisible(event.target)) {
       setFocusedThumbIndex(index);
     }
     setOpen(index);
-    (_a = otherHandlers == null ? void 0 : otherHandlers.onFocus) == null ? void 0 : _a.call(otherHandlers, event);
+    otherHandlers?.onFocus?.(event);
   };
   const createHandleHiddenInputBlur = (otherHandlers) => (event) => {
-    var _a;
     if (!isFocusVisible(event.target)) {
       setFocusedThumbIndex(-1);
     }
     setOpen(-1);
-    (_a = otherHandlers == null ? void 0 : otherHandlers.onBlur) == null ? void 0 : _a.call(otherHandlers, event);
+    otherHandlers?.onBlur?.(event);
   };
   const changeValue = (event, valueInput) => {
     const index = Number(event.currentTarget.getAttribute("data-index"));
@@ -25551,10 +24626,10 @@ function useSlider(parameters) {
         newValue = newValue < value ? marksValues[marksIndex - 1] : marksValues[marksIndex + 1];
       }
     }
-    newValue = clamp$1(newValue, min, max);
+    newValue = clamp(newValue, min, max);
     if (range2) {
       if (disableSwap) {
-        newValue = clamp$1(newValue, values2[index - 1] || -Infinity, values2[index + 1] || Infinity);
+        newValue = clamp(newValue, values2[index - 1] || -Infinity, values2[index + 1] || Infinity);
       }
       const previousValue = newValue;
       newValue = setValueIndex({
@@ -25581,7 +24656,6 @@ function useSlider(parameters) {
     }
   };
   const createHandleHiddenInputKeyDown = (otherHandlers) => (event) => {
-    var _a;
     if (["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "PageUp", "PageDown", "Home", "End"].includes(event.key)) {
       event.preventDefault();
       const index = Number(event.currentTarget.getAttribute("data-index"));
@@ -25638,12 +24712,11 @@ function useSlider(parameters) {
         changeValue(event, newValue);
       }
     }
-    (_a = otherHandlers == null ? void 0 : otherHandlers.onKeyDown) == null ? void 0 : _a.call(otherHandlers, event);
+    otherHandlers?.onKeyDown?.(event);
   };
   useEnhancedEffect$1(() => {
-    var _a;
     if (disabled && sliderRef.current.contains(document.activeElement)) {
-      (_a = document.activeElement) == null ? void 0 : _a.blur();
+      document.activeElement?.blur();
     }
   }, [disabled]);
   if (disabled && active !== -1) {
@@ -25653,8 +24726,7 @@ function useSlider(parameters) {
     setFocusedThumbIndex(-1);
   }
   const createHandleHiddenInputChange = (otherHandlers) => (event) => {
-    var _a;
-    (_a = otherHandlers.onChange) == null ? void 0 : _a.call(otherHandlers, event);
+    otherHandlers.onChange?.(event);
     changeValue(event, event.target.valueAsNumber);
   };
   const previousIndex = React$1.useRef(void 0);
@@ -25692,7 +24764,7 @@ function useSlider(parameters) {
       const closestIndex = findClosest(marksValues, newValue);
       newValue = marksValues[closestIndex];
     }
-    newValue = clamp$1(newValue, min, max);
+    newValue = clamp(newValue, min, max);
     let activeIndex = 0;
     if (range2) {
       if (!move) {
@@ -25701,7 +24773,7 @@ function useSlider(parameters) {
         activeIndex = previousIndex.current;
       }
       if (disableSwap) {
-        newValue = clamp$1(newValue, values2[activeIndex - 1] || -Infinity, values2[activeIndex + 1] || Infinity);
+        newValue = clamp(newValue, values2[activeIndex - 1] || -Infinity, values2[activeIndex + 1] || Infinity);
       }
       const previousValue = newValue;
       newValue = setValueIndex({
@@ -25834,8 +24906,7 @@ function useSlider(parameters) {
     }
   }, [disabled, stopListening]);
   const createHandleMouseDown = (otherHandlers) => (event) => {
-    var _a;
-    (_a = otherHandlers.onMouseDown) == null ? void 0 : _a.call(otherHandlers, event);
+    otherHandlers.onMouseDown?.(event);
     if (disabled) {
       return;
     }
@@ -25889,14 +24960,12 @@ function useSlider(parameters) {
     };
   };
   const createHandleMouseOver = (otherHandlers) => (event) => {
-    var _a;
-    (_a = otherHandlers.onMouseOver) == null ? void 0 : _a.call(otherHandlers, event);
+    otherHandlers.onMouseOver?.(event);
     const index = Number(event.currentTarget.getAttribute("data-index"));
     setOpen(index);
   };
   const createHandleMouseLeave = (otherHandlers) => (event) => {
-    var _a;
-    (_a = otherHandlers.onMouseLeave) == null ? void 0 : _a.call(otherHandlers, event);
+    otherHandlers.onMouseLeave?.(event);
     setOpen(-1);
   };
   const getThumbProps = (externalProps = {}) => {
@@ -26006,13 +25075,13 @@ function SliderValueLabel$1(props) {
   }
   return /* @__PURE__ */ React$1.cloneElement(children2, {
     className: children2.props.className
-  }, /* @__PURE__ */ jsxRuntimeExports.jsxs(React$1.Fragment, {
-    children: [children2.props.children, /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+  }, /* @__PURE__ */ jsxs(React$1.Fragment, {
+    children: [children2.props.children, /* @__PURE__ */ jsx$1("span", {
       className: clsx(classes.offset, className),
       "aria-hidden": true,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+      children: /* @__PURE__ */ jsx$1("span", {
         className: classes.circle,
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+        children: /* @__PURE__ */ jsx$1("span", {
           className: classes.label,
           children: value
         })
@@ -26644,22 +25713,22 @@ const Slider = /* @__PURE__ */ React$1.forwardRef(function Slider2(inputProps, r
   ownerState.dragging = dragging;
   ownerState.focusedThumbIndex = focusedThumbIndex;
   const classes = useUtilityClasses(ownerState);
-  const RootSlot = (slots == null ? void 0 : slots.root) ?? components.Root ?? SliderRoot;
-  const RailSlot = (slots == null ? void 0 : slots.rail) ?? components.Rail ?? SliderRail;
-  const TrackSlot = (slots == null ? void 0 : slots.track) ?? components.Track ?? SliderTrack;
-  const ThumbSlot = (slots == null ? void 0 : slots.thumb) ?? components.Thumb ?? SliderThumb;
-  const ValueLabelSlot = (slots == null ? void 0 : slots.valueLabel) ?? components.ValueLabel ?? SliderValueLabel;
-  const MarkSlot = (slots == null ? void 0 : slots.mark) ?? components.Mark ?? SliderMark;
-  const MarkLabelSlot = (slots == null ? void 0 : slots.markLabel) ?? components.MarkLabel ?? SliderMarkLabel;
-  const InputSlot = (slots == null ? void 0 : slots.input) ?? components.Input ?? "input";
-  const rootSlotProps = (slotProps == null ? void 0 : slotProps.root) ?? componentsProps.root;
-  const railSlotProps = (slotProps == null ? void 0 : slotProps.rail) ?? componentsProps.rail;
-  const trackSlotProps = (slotProps == null ? void 0 : slotProps.track) ?? componentsProps.track;
-  const thumbSlotProps = (slotProps == null ? void 0 : slotProps.thumb) ?? componentsProps.thumb;
-  const valueLabelSlotProps = (slotProps == null ? void 0 : slotProps.valueLabel) ?? componentsProps.valueLabel;
-  const markSlotProps = (slotProps == null ? void 0 : slotProps.mark) ?? componentsProps.mark;
-  const markLabelSlotProps = (slotProps == null ? void 0 : slotProps.markLabel) ?? componentsProps.markLabel;
-  const inputSlotProps = (slotProps == null ? void 0 : slotProps.input) ?? componentsProps.input;
+  const RootSlot = slots?.root ?? components.Root ?? SliderRoot;
+  const RailSlot = slots?.rail ?? components.Rail ?? SliderRail;
+  const TrackSlot = slots?.track ?? components.Track ?? SliderTrack;
+  const ThumbSlot = slots?.thumb ?? components.Thumb ?? SliderThumb;
+  const ValueLabelSlot = slots?.valueLabel ?? components.ValueLabel ?? SliderValueLabel;
+  const MarkSlot = slots?.mark ?? components.Mark ?? SliderMark;
+  const MarkLabelSlot = slots?.markLabel ?? components.MarkLabel ?? SliderMarkLabel;
+  const InputSlot = slots?.input ?? components.Input ?? "input";
+  const rootSlotProps = slotProps?.root ?? componentsProps.root;
+  const railSlotProps = slotProps?.rail ?? componentsProps.rail;
+  const trackSlotProps = slotProps?.track ?? componentsProps.track;
+  const thumbSlotProps = slotProps?.thumb ?? componentsProps.thumb;
+  const valueLabelSlotProps = slotProps?.valueLabel ?? componentsProps.valueLabel;
+  const markSlotProps = slotProps?.mark ?? componentsProps.mark;
+  const markLabelSlotProps = slotProps?.markLabel ?? componentsProps.markLabel;
+  const inputSlotProps = slotProps?.input ?? componentsProps.input;
   const rootProps = useSlotProps({
     elementType: RootSlot,
     getSlotProps: getRootProps,
@@ -26672,7 +25741,7 @@ const Slider = /* @__PURE__ */ React$1.forwardRef(function Slider2(inputProps, r
     },
     ownerState: {
       ...ownerState,
-      ...rootSlotProps == null ? void 0 : rootSlotProps.ownerState
+      ...rootSlotProps?.ownerState
     },
     className: [classes.root, className]
   });
@@ -26693,7 +25762,7 @@ const Slider = /* @__PURE__ */ React$1.forwardRef(function Slider2(inputProps, r
     },
     ownerState: {
       ...ownerState,
-      ...trackSlotProps == null ? void 0 : trackSlotProps.ownerState
+      ...trackSlotProps?.ownerState
     },
     className: classes.track
   });
@@ -26703,7 +25772,7 @@ const Slider = /* @__PURE__ */ React$1.forwardRef(function Slider2(inputProps, r
     externalSlotProps: thumbSlotProps,
     ownerState: {
       ...ownerState,
-      ...thumbSlotProps == null ? void 0 : thumbSlotProps.ownerState
+      ...thumbSlotProps?.ownerState
     },
     className: classes.thumb
   });
@@ -26712,7 +25781,7 @@ const Slider = /* @__PURE__ */ React$1.forwardRef(function Slider2(inputProps, r
     externalSlotProps: valueLabelSlotProps,
     ownerState: {
       ...ownerState,
-      ...valueLabelSlotProps == null ? void 0 : valueLabelSlotProps.ownerState
+      ...valueLabelSlotProps?.ownerState
     },
     className: classes.valueLabel
   });
@@ -26734,11 +25803,11 @@ const Slider = /* @__PURE__ */ React$1.forwardRef(function Slider2(inputProps, r
     externalSlotProps: inputSlotProps,
     ownerState
   });
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(RootSlot, {
+  return /* @__PURE__ */ jsxs(RootSlot, {
     ...rootProps,
-    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(RailSlot, {
+    children: [/* @__PURE__ */ jsx$1(RailSlot, {
       ...railProps
-    }), /* @__PURE__ */ jsxRuntimeExports.jsx(TrackSlot, {
+    }), /* @__PURE__ */ jsx$1(TrackSlot, {
       ...trackProps
     }), marks.filter((mark) => mark.value >= min && mark.value <= max).map((mark, index) => {
       const percent = valueToPercent(mark.value, min, max);
@@ -26749,8 +25818,8 @@ const Slider = /* @__PURE__ */ React$1.forwardRef(function Slider2(inputProps, r
       } else {
         markActive = track === "normal" && (range2 ? mark.value >= values2[0] && mark.value <= values2[values2.length - 1] : mark.value <= values2[0]) || track === "inverted" && (range2 ? mark.value <= values2[0] || mark.value >= values2[values2.length - 1] : mark.value >= values2[0]);
       }
-      return /* @__PURE__ */ jsxRuntimeExports.jsxs(React$1.Fragment, {
-        children: [/* @__PURE__ */ jsxRuntimeExports.jsx(MarkSlot, {
+      return /* @__PURE__ */ jsxs(React$1.Fragment, {
+        children: [/* @__PURE__ */ jsx$1(MarkSlot, {
           "data-index": index,
           ...markProps,
           ...!isHostComponent(MarkSlot) && {
@@ -26761,7 +25830,7 @@ const Slider = /* @__PURE__ */ React$1.forwardRef(function Slider2(inputProps, r
             ...markProps.style
           },
           className: clsx(markProps.className, markActive && classes.markActive)
-        }), mark.label != null ? /* @__PURE__ */ jsxRuntimeExports.jsx(MarkLabelSlot, {
+        }), mark.label != null ? /* @__PURE__ */ jsx$1(MarkLabelSlot, {
           "aria-hidden": true,
           "data-index": index,
           ...markLabelProps,
@@ -26782,7 +25851,7 @@ const Slider = /* @__PURE__ */ React$1.forwardRef(function Slider2(inputProps, r
       const ValueLabelComponent = valueLabelDisplay === "off" ? Forward : ValueLabelSlot;
       return (
         /* TODO v6: Change component structure. It will help in avoiding the complicated React.cloneElement API added in SliderValueLabel component. Should be: Thumb -> Input, ValueLabel. Follow Joy UI's Slider structure. */
-        /* @__PURE__ */ jsxRuntimeExports.jsx(ValueLabelComponent, {
+        /* @__PURE__ */ jsx$1(ValueLabelComponent, {
           ...!isHostComponent(ValueLabelComponent) && {
             valueLabelFormat,
             valueLabelDisplay,
@@ -26792,7 +25861,7 @@ const Slider = /* @__PURE__ */ React$1.forwardRef(function Slider2(inputProps, r
             disabled
           },
           ...valueLabelProps,
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThumbSlot, {
+          children: /* @__PURE__ */ jsx$1(ThumbSlot, {
             "data-index": index,
             ...thumbProps,
             className: clsx(classes.thumb, thumbProps.className, active === index && classes.active, focusedThumbIndex === index && classes.focusVisible),
@@ -26801,7 +25870,7 @@ const Slider = /* @__PURE__ */ React$1.forwardRef(function Slider2(inputProps, r
               ...getThumbStyle(index),
               ...thumbProps.style
             },
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(InputSlot, {
+            children: /* @__PURE__ */ jsx$1(InputSlot, {
               "data-index": index,
               "aria-label": getAriaLabel ? getAriaLabel(index) : ariaLabel,
               "aria-valuenow": scale(value),
@@ -28785,7 +27854,7 @@ React$1.forwardRef((props, ref) => {
       onExited: handleExited
     };
   }
-  return jsxRuntimeExports.jsx(Portal, { disablePortal, container, children: jsxRuntimeExports.jsx("div", { ref: handleRef, role: "tooltip", ...other, style: {
+  return jsx$1(Portal, { disablePortal, container, children: jsx$1("div", { ref: handleRef, role: "tooltip", ...other, style: {
     // Prevents scroll issue, waiting for Popper.js to add this style once initiated.
     position: "fixed",
     // Fix Popper.js display issue
@@ -28805,7 +27874,7 @@ function ScopedGlobalStyles(props) {
   const { styles, parentClassName } = props;
   const component = useMemo(() => {
     const computedStyles = prependParentClassName(styles, parentClassName);
-    return jsxRuntimeExports.jsx(GlobalStyles, { styles: computedStyles });
+    return jsx$1(GlobalStyles, { styles: computedStyles });
   }, [parentClassName, styles]);
   return component;
 }
@@ -29442,7 +28511,7 @@ makeStyles()(() => ({
 const OuterElementContext = React__default.createContext({});
 const OuterElementType = React__default.forwardRef((props, ref) => {
   const outerProps = React__default.useContext(OuterElementContext);
-  return jsxRuntimeExports.jsx("div", { ref, ...props, ...outerProps });
+  return jsx$1("div", { ref, ...props, ...outerProps });
 });
 function ListRow(props) {
   const { data, index, style: style2 } = props;
@@ -29453,7 +28522,7 @@ function ListRow(props) {
   };
   const [props0, option, getItemLabel] = dataSet;
   const { key, ...optionProps } = props0;
-  return jsxRuntimeExports.jsx(Typography, { component: "li", ...optionProps, noWrap: true, style: inlineStyle, children: getItemLabel(option) }, key);
+  return jsx$1(Typography, { component: "li", ...optionProps, noWrap: true, style: inlineStyle, children: getItemLabel(option) }, key);
 }
 function useResetCache(itemCount) {
   const ref = useRef(null);
@@ -29469,7 +28538,7 @@ React__default.forwardRef((props, ref) => {
   const items = children2;
   const itemCount = items.length;
   const gridRef = useResetCache(itemCount);
-  return jsxRuntimeExports.jsx("div", { ref, children: jsxRuntimeExports.jsx(OuterElementContext.Provider, { value: other, children: jsxRuntimeExports.jsx(VariableSizeList, { height: Math.min(8, itemCount) * LIST_ROW_HEIGHT, itemSize: () => LIST_ROW_HEIGHT, width: "100%", innerElementType: "ul", outerElementType: OuterElementType, overscanCount: 5, ref: gridRef, itemCount, itemData: items, children: ListRow }) }) });
+  return jsx$1("div", { ref, children: jsx$1(OuterElementContext.Provider, { value: other, children: jsx$1(VariableSizeList, { height: Math.min(8, itemCount) * LIST_ROW_HEIGHT, itemSize: () => LIST_ROW_HEIGHT, width: "100%", innerElementType: "ul", outerElementType: OuterElementType, overscanCount: 5, ref: gridRef, itemCount, itemData: items, children: ListRow }) }) });
 });
 var xhtml = "http://www.w3.org/1999/xhtml";
 const namespaces = {
@@ -31473,7 +30542,7 @@ const rectMarginY = 2;
 const rectMarginX = 2;
 function combineExtents(extents, featureAggregationStrategy) {
   if (Array.isArray(extents)) {
-    if (Array.isArray(extents == null ? void 0 : extents[0])) {
+    if (Array.isArray(extents?.[0])) {
       const extentsArray = extents;
       if (featureAggregationStrategy === "first") {
         return extentsArray[0];
@@ -31586,7 +30655,7 @@ function Legend(props) {
   const layerColor = Array.isArray(spatialLayerColor) && spatialLayerColor.length === 3 ? spatialLayerColor : getDefaultColor(theme ?? "light");
   const channelColor = Array.isArray(spatialChannelColor) && spatialChannelColor.length === 3 ? spatialChannelColor : getDefaultColor(theme ?? "light");
   const staticColor = obsColorEncoding === "spatialChannelColor" ? channelColor : layerColor;
-  const visible = visibleProp && (!considerSelections || ["geneSelection", "geneExpression"].includes(obsColorEncoding ?? "") && featureSelection && Array.isArray(featureSelection) && featureSelection.length >= 1 || isSetColor && ((obsSetSelection == null ? void 0 : obsSetSelection.length) ?? 0) > 0 && ((obsSetColor == null ? void 0 : obsSetColor.length) ?? 0) > 0 || isStaticColor || isPointsLayer);
+  const visible = visibleProp && (!considerSelections || ["geneSelection", "geneExpression"].includes(obsColorEncoding ?? "") && featureSelection && Array.isArray(featureSelection) && featureSelection.length >= 1 || isSetColor && (obsSetSelection?.length ?? 0) > 0 && (obsSetColor?.length ?? 0) > 0 || isStaticColor || isPointsLayer);
   const pointsLegendElements = [];
   if (isPointsLayer) {
     const MAX_NUM_COLORS = 10;
@@ -31616,8 +30685,7 @@ function Legend(props) {
       } else {
         const limitedFeatureSelection = featureSelection.slice(0, MAX_NUM_COLORS);
         limitedFeatureSelection.forEach((featureName) => {
-          var _a;
-          const featureColorMatch = Array.isArray(featureColor) ? (_a = featureColor.find((fc) => fc.name === featureName)) == null ? void 0 : _a.color : null;
+          const featureColorMatch = Array.isArray(featureColor) ? featureColor.find((fc) => fc.name === featureName)?.color : null;
           pointsLegendElements.push({
             name: featureName,
             // If no color is specified for this feature, use staticColor.
@@ -31660,13 +30728,13 @@ function Legend(props) {
       });
     }
   }
-  const levelZeroNames = useMemo(() => Array.from(new Set((obsSetSelection == null ? void 0 : obsSetSelection.map((setPath) => setPath[0])) || [])), [obsSetSelection]);
+  const levelZeroNames = useMemo(() => Array.from(new Set(obsSetSelection?.map((setPath) => setPath[0]) || [])), [obsSetSelection]);
   const dynamicHeight = isPointsLayer ? (
     // Height logic for points layers.
     pointsLegendElements.length * (rectHeight + rectMarginY) + titleHeight
   ) : (
     // Height logic for non-points layers.
-    isSetColor && obsSetSelection ? levelZeroNames.length * titleHeight + ((obsSetSelection == null ? void 0 : obsSetSelection.length) ?? 0) * (rectHeight + rectMarginY) : height2 + (!pointsVisible && contoursVisible ? 25 : 0)
+    isSetColor && obsSetSelection ? levelZeroNames.length * titleHeight + (obsSetSelection?.length ?? 0) * (rectHeight + rectMarginY) : height2 + (!pointsVisible && contoursVisible ? 25 : 0)
   );
   const availHeight = maxHeight2 !== null ? Math.max(0, maxHeight2 - 4) : Infinity;
   const needsScroll = Number.isFinite(availHeight) && dynamicHeight > availHeight + 1;
@@ -31723,7 +30791,7 @@ function Legend(props) {
         axisTicks.selectAll("text").style("fill", foregroundColor);
         const NEIGHBOR_THRESHOLD = 18;
         const contourPercentages = contourPercentiles.map((p) => p * 100);
-        if ((contourPercentages == null ? void 0 : contourPercentages[1]) - (contourPercentages == null ? void 0 : contourPercentages[0]) <= NEIGHBOR_THRESHOLD || (contourPercentages == null ? void 0 : contourPercentages[2]) - (contourPercentages == null ? void 0 : contourPercentages[1]) <= NEIGHBOR_THRESHOLD) {
+        if (contourPercentages?.[1] - contourPercentages?.[0] <= NEIGHBOR_THRESHOLD || contourPercentages?.[2] - contourPercentages?.[1] <= NEIGHBOR_THRESHOLD) {
           axisTicks.selectAll("text").attr("transform", (_d, i) => `translate(0,${i === 0 || i === contourPercentiles.length - 1 ? 0 : 10})`);
         }
         const triangleGroupG = g.append("g").attr("transform", `translate(0,${titleHeight + rectHeight + 4})`);
@@ -31734,7 +30802,7 @@ function Legend(props) {
         const thresholdGroupG = g.append("g").attr("transform", `translate(0,${titleHeight + rectHeight})`);
         const thresholdFormatter = format(".0f");
         contourPercentiles.forEach((p, i) => {
-          const contourThreshold = xMin + (xMax - xMin) * (((contourThresholds == null ? void 0 : contourThresholds[i]) ?? 0) / 255);
+          const contourThreshold = xMin + (xMax - xMin) * ((contourThresholds?.[i] ?? 0) / 255);
           const thresholdG = thresholdGroupG.append("g").attr("transform", `translate(${xPercentile(p)},0)`).style("font-size", "7px");
           thresholdG.append("text").text(thresholdFormatter(contourThreshold)).style("fill", foregroundColor).attr("text-anchor", "middle");
         });
@@ -31757,8 +30825,7 @@ function Legend(props) {
         g.append("text").attr("text-anchor", "start").attr("dominant-baseline", "hanging").attr("x", 0).attr("y", y).text(levelZeroName).style("font-size", "9px").style("fill", foregroundColor);
         y += titleHeight;
         setPaths.forEach((setPath) => {
-          var _a;
-          const setColor2 = ((_a = obsSetColor == null ? void 0 : obsSetColor.find((d) => isEqual$1(d.path, setPath))) == null ? void 0 : _a.color) || getDefaultColor(theme ?? "light");
+          const setColor2 = obsSetColor?.find((d) => isEqual$1(d.path, setPath))?.color || getDefaultColor(theme ?? "light");
           g.append("rect").attr("x", 0).attr("y", y).attr("width", rectHeight).attr("height", rectHeight).attr("fill", `rgb(${setColor2[0]},${setColor2[1]},${setColor2[2]})`);
           g.append("text").attr("text-anchor", "start").attr("dominant-baseline", "hanging").attr("x", rectHeight + rectMarginX).attr("y", y).text(setPath.at(-1) ?? "").style("font-size", "9px").style("fill", foregroundColor);
           y += rectHeight + rectMarginY;
@@ -31775,29 +30842,29 @@ function Legend(props) {
         y += rectHeight + rectMarginY;
       });
     }
-    const featureSelectionLabelRaw = featureSelection && featureSelection.length >= 1 && !isStaticColor ? featureSelection.map((geneName) => (featureLabelsMap == null ? void 0 : featureLabelsMap.get(geneName)) || (featureLabelsMap == null ? void 0 : featureLabelsMap.get(cleanFeatureId(geneName))) || geneName) : null;
+    const featureSelectionLabelRaw = featureSelection && featureSelection.length >= 1 && !isStaticColor ? featureSelection.map((geneName) => featureLabelsMap?.get(geneName) || featureLabelsMap?.get(cleanFeatureId(geneName)) || geneName) : null;
     let featureSelectionLabelRawStr = "";
     if (featureAggregationStrategy === "first") {
-      featureSelectionLabelRawStr = featureSelectionLabelRaw == null ? void 0 : featureSelectionLabelRaw[0];
+      featureSelectionLabelRawStr = featureSelectionLabelRaw?.[0];
     } else if (featureAggregationStrategy === "last") {
-      featureSelectionLabelRawStr = featureSelectionLabelRaw == null ? void 0 : featureSelectionLabelRaw.at(-1);
+      featureSelectionLabelRawStr = featureSelectionLabelRaw?.at(-1);
     } else if (typeof featureAggregationStrategy === "number") {
       const i = featureAggregationStrategy;
-      featureSelectionLabelRawStr = featureSelectionLabelRaw == null ? void 0 : featureSelectionLabelRaw[i];
+      featureSelectionLabelRawStr = featureSelectionLabelRaw?.[i];
     } else if (featureAggregationStrategy === "sum") {
       if (Array.isArray(featureSelection) && featureSelection.length === 1) {
-        featureSelectionLabelRawStr = featureSelectionLabelRaw == null ? void 0 : featureSelectionLabelRaw[0];
+        featureSelectionLabelRawStr = featureSelectionLabelRaw?.[0];
       } else {
         featureSelectionLabelRawStr = "Sum of features";
       }
     } else if (featureAggregationStrategy === "mean") {
       if (Array.isArray(featureSelection) && featureSelection.length === 1) {
-        featureSelectionLabelRawStr = featureSelectionLabelRaw == null ? void 0 : featureSelectionLabelRaw[0];
+        featureSelectionLabelRawStr = featureSelectionLabelRaw?.[0];
       } else {
         featureSelectionLabelRawStr = "Mean of features";
       }
     } else {
-      featureSelectionLabelRawStr = featureSelectionLabelRaw == null ? void 0 : featureSelectionLabelRaw[0];
+      featureSelectionLabelRawStr = featureSelectionLabelRaw?.[0];
     }
     const combinedMissing = combineMissings(missing ?? null, featureAggregationStrategy ?? null);
     const featureSelectionLabel = combinedMissing ? `${featureSelectionLabelRawStr} (${Math.round(combinedMissing * 100)}% NaN)` : featureSelectionLabelRawStr;
@@ -31866,7 +30933,7 @@ function Legend(props) {
   }, [globalExtent]);
   const xlinkHref = featureValueColormap ? getXlinkHref(featureValueColormap) : null;
   const currentLocalRange = localRange || [0, 1];
-  return jsxRuntimeExports.jsxs("div", { className: clsx$1(classes.legend, {
+  return jsxs("div", { className: clsx$1(classes.legend, {
     [classes.legendRelative]: positionRelative,
     [classes.legendAbsolute]: !positionRelative,
     [classes.legendHighContrast]: highContrast,
@@ -31875,19 +30942,19 @@ function Legend(props) {
   }), style: {
     ...needsScroll ? { maxHeight: `${Math.floor(availHeight)}px`, overflowY: "auto" } : { maxHeight: void 0, overflowY: "visible" },
     width: `${width2}px`
-  }, children: [jsxRuntimeExports.jsx("svg", { ref: svgRef, style: {
+  }, children: [jsx$1("svg", { ref: svgRef, style: {
     width: `${width2}px`,
     height: `${dynamicHeight}px`
-  } }), showInteractiveSlider && xlinkHref && jsxRuntimeExports.jsxs("div", { className: classes.sliderContainer, children: [currentLocalRange[0] > 0 && jsxRuntimeExports.jsx("div", { className: classes.grayTrack, style: {
+  } }), showInteractiveSlider && xlinkHref && jsxs("div", { className: classes.sliderContainer, children: [currentLocalRange[0] > 0 && jsx$1("div", { className: classes.grayTrack, style: {
     left: 0,
     width: `${currentLocalRange[0] * 100}%`
-  } }), currentLocalRange[1] < 1 && jsxRuntimeExports.jsx("div", { className: classes.grayTrack, style: {
+  } }), currentLocalRange[1] < 1 && jsx$1("div", { className: classes.grayTrack, style: {
     left: `${currentLocalRange[1] * 100}%`,
     width: `${(1 - currentLocalRange[1]) * 100}%`
-  } }), jsxRuntimeExports.jsx("img", { src: xlinkHref, alt: "Colormap gradient", className: classes.colormapImage, style: {
+  } }), jsx$1("img", { src: xlinkHref, alt: "Colormap gradient", className: classes.colormapImage, style: {
     left: `${currentLocalRange[0] * 100}%`,
     width: `${(currentLocalRange[1] - currentLocalRange[0]) * 100}%`
-  } }), jsxRuntimeExports.jsx(Slider, { className: classes.sliderRoot, value: currentLocalRange, onChange: handleSliderChange, min: 0, max: 1, step: 0.01, disableSwap: true, valueLabelDisplay: "auto", valueLabelFormat: formatSliderValue, "aria-label": "Colormap range", getAriaLabel: (index) => index === 0 ? "Colormap minimum" : "Colormap maximum", getAriaValueText: (value) => formatSliderValue(value), slotProps: {
+  } }), jsx$1(Slider, { className: classes.sliderRoot, value: currentLocalRange, onChange: handleSliderChange, min: 0, max: 1, step: 0.01, disableSwap: true, valueLabelDisplay: "auto", valueLabelFormat: formatSliderValue, "aria-label": "Colormap range", getAriaLabel: (index) => index === 0 ? "Colormap minimum" : "Colormap maximum", getAriaValueText: (value) => formatSliderValue(value), slotProps: {
     thumb: {
       className: classes.sliderThumb
     }
@@ -31924,18 +30991,17 @@ function MultiLegend(props) {
   const reversedSegmentationLayerScopes = useMemo(() => [...segmentationLayerScopes || []].reverse(), [segmentationLayerScopes]);
   const reversedSpotLayerScopes = useMemo(() => [...spotLayerScopes || []].reverse(), [spotLayerScopes]);
   const reversedPointLayerScopes = useMemo(() => [...pointLayerScopes || []].reverse(), [pointLayerScopes]);
-  return jsxRuntimeExports.jsxs("div", { className: classes.multiLegend, children: [pointLayerScopes ? reversedPointLayerScopes.flatMap((layerScope) => {
-    var _a, _b;
-    const layerCoordination = (_a = pointLayerCoordination == null ? void 0 : pointLayerCoordination[0]) == null ? void 0 : _a[layerScope];
-    const layerSetters = (_b = pointLayerCoordination == null ? void 0 : pointLayerCoordination[1]) == null ? void 0 : _b[layerScope];
+  return jsxs("div", { className: classes.multiLegend, children: [pointLayerScopes ? reversedPointLayerScopes.flatMap((layerScope) => {
+    const layerCoordination = pointLayerCoordination?.[0]?.[layerScope];
+    const layerSetters = pointLayerCoordination?.[1]?.[layerScope];
     if (!layerCoordination)
       return null;
     const { spatialLayerVisible, obsColorEncoding, obsType, featureType, featureValueType, featureSelection, featureColor, featureFilterMode, featureValueColormap, featureValueColormapRange, spatialLayerColor, legendVisible } = layerCoordination;
-    const pointIndicesData = pointMultiIndicesData == null ? void 0 : pointMultiIndicesData[layerScope];
+    const pointIndicesData = pointMultiIndicesData?.[layerScope];
     const { setFeatureValueColormapRange } = layerSetters || {};
     const isStaticColor = obsColorEncoding === "spatialLayerColor";
     const height2 = isStaticColor ? 20 : 36;
-    return spatialLayerVisible && legendVisible ? jsxRuntimeExports.jsx(Legend, {
+    return spatialLayerVisible && legendVisible ? jsx$1(Legend, {
       maxHeight: maxHeight2,
       positionRelative: true,
       highContrast: true,
@@ -31950,7 +31016,7 @@ function MultiLegend(props) {
       featureSelection,
       featureFilterMode,
       featureColor,
-      featureIndex: pointIndicesData == null ? void 0 : pointIndicesData.featureIndex,
+      featureIndex: pointIndicesData?.featureIndex,
       isPointsLayer: true,
       // featureLabelsMap={featureLabelsMap} // TODO
       featureValueColormap: featureValueColormap || "viridis",
@@ -31960,38 +31026,35 @@ function MultiLegend(props) {
       height: height2
     }, layerScope) : null;
   }) : null, spotLayerScopes ? reversedSpotLayerScopes.flatMap((layerScope) => {
-    var _a, _b;
-    const layerCoordination = spotLayerCoordination == null ? void 0 : spotLayerCoordination[0][layerScope];
-    const layerSetters = (_a = spotLayerCoordination == null ? void 0 : spotLayerCoordination[1]) == null ? void 0 : _a[layerScope];
+    const layerCoordination = spotLayerCoordination?.[0][layerScope];
+    const layerSetters = spotLayerCoordination?.[1]?.[layerScope];
     if (!layerCoordination)
       return null;
     const { spatialLayerVisible, obsColorEncoding, featureValueColormap, featureValueColormapRange, obsType, featureType, featureValueType, featureSelection, featureAggregationStrategy, spatialLayerColor, legendVisible, obsSetSelection, obsSetColor } = layerCoordination;
     const { setFeatureValueColormapRange } = layerSetters || {};
-    const expressionExtents = spotMultiExpressionExtents == null ? void 0 : spotMultiExpressionExtents[layerScope];
-    const firstExpressionExtent = expressionExtents == null ? void 0 : expressionExtents[0];
+    const expressionExtents = spotMultiExpressionExtents?.[layerScope];
+    const firstExpressionExtent = expressionExtents?.[0];
     const isStaticColor = obsColorEncoding === "spatialLayerColor";
     const height2 = isStaticColor ? 20 : 36;
-    const featureLabelsMap = (_b = spotMultiFeatureLabels == null ? void 0 : spotMultiFeatureLabels[layerScope]) == null ? void 0 : _b.featureLabelsMap;
-    return spatialLayerVisible && legendVisible ? jsxRuntimeExports.jsx(Legend, { maxHeight: maxHeight2, positionRelative: true, highContrast: true, showObsLabel: true, visible: spatialLayerVisible, theme, obsType, featureType, featureValueType, obsColorEncoding, spatialLayerColor, featureSelection, featureAggregationStrategy, featureLabelsMap, featureValueColormap, featureValueColormapRange, setFeatureValueColormapRange, extent: firstExpressionExtent, height: height2, obsSetSelection, obsSetColor }, layerScope) : null;
+    const featureLabelsMap = spotMultiFeatureLabels?.[layerScope]?.featureLabelsMap;
+    return spatialLayerVisible && legendVisible ? jsx$1(Legend, { maxHeight: maxHeight2, positionRelative: true, highContrast: true, showObsLabel: true, visible: spatialLayerVisible, theme, obsType, featureType, featureValueType, obsColorEncoding, spatialLayerColor, featureSelection, featureAggregationStrategy, featureLabelsMap, featureValueColormap, featureValueColormapRange, setFeatureValueColormapRange, extent: firstExpressionExtent, height: height2, obsSetSelection, obsSetColor }, layerScope) : null;
   }) : null, segmentationLayerScopes ? reversedSegmentationLayerScopes.flatMap((layerScope) => {
-    var _a;
-    const layerCoordination = segmentationLayerCoordination == null ? void 0 : segmentationLayerCoordination[0][layerScope];
-    const channelScopes = segmentationChannelScopesByLayer == null ? void 0 : segmentationChannelScopesByLayer[layerScope];
-    const channelCoordination = segmentationChannelCoordination == null ? void 0 : segmentationChannelCoordination[0][layerScope];
-    const channelSetters = (_a = segmentationChannelCoordination == null ? void 0 : segmentationChannelCoordination[1]) == null ? void 0 : _a[layerScope];
+    const layerCoordination = segmentationLayerCoordination?.[0][layerScope];
+    const channelScopes = segmentationChannelScopesByLayer?.[layerScope];
+    const channelCoordination = segmentationChannelCoordination?.[0][layerScope];
+    const channelSetters = segmentationChannelCoordination?.[1]?.[layerScope];
     if (!layerCoordination)
       return null;
     const { spatialLayerVisible } = layerCoordination;
     const reversedChannelScopes = [...channelScopes || []].reverse();
     return channelCoordination && channelScopes ? reversedChannelScopes.map((cScope) => {
-      var _a2;
       const { spatialChannelVisible, spatialChannelColor, obsColorEncoding, featureValueColormap, featureValueColormapRange, obsType, featureType, featureValueType, featureSelection, featureAggregationStrategy, legendVisible, obsSetSelection, obsSetColor } = channelCoordination[cScope];
-      const { setFeatureValueColormapRange } = (channelSetters == null ? void 0 : channelSetters[cScope]) || {};
-      const expressionExtents = (_a2 = segmentationMultiExpressionExtents == null ? void 0 : segmentationMultiExpressionExtents[layerScope]) == null ? void 0 : _a2[cScope];
-      const firstExpressionExtent = expressionExtents == null ? void 0 : expressionExtents[0];
+      const { setFeatureValueColormapRange } = channelSetters?.[cScope] || {};
+      const expressionExtents = segmentationMultiExpressionExtents?.[layerScope]?.[cScope];
+      const firstExpressionExtent = expressionExtents?.[0];
       const isStaticColor = obsColorEncoding === "spatialChannelColor";
       const height2 = isStaticColor ? 20 : 36;
-      return spatialLayerVisible && spatialChannelVisible && legendVisible ? jsxRuntimeExports.jsx(Legend, {
+      return spatialLayerVisible && spatialChannelVisible && legendVisible ? jsx$1(Legend, {
         maxHeight: maxHeight2,
         positionRelative: true,
         highContrast: true,
@@ -34679,7 +33742,7 @@ function NeuroglancerGlobalStyles(props) {
     }
   ));
 }
-const LazyReactNeuroglancer = React__default.lazy(() => import("./ReactNeuroglancer-BSLfuCt9.js"));
+const LazyReactNeuroglancer = React__default.lazy(() => import("./ReactNeuroglancer-Bg6f79hO.js"));
 function createWorker() {
   return new WorkerFactory();
 }
@@ -34689,8 +33752,6 @@ class NeuroglancerComp extends PureComponent {
     this.bundleRoot = createWorker();
     this.cellColorMapping = props.cellColorMapping;
     this.justReceivedExternalUpdate = false;
-    this.prevElement = null;
-    this.prevClickHandler = null;
     this.prevMouseStateChanged = null;
     this.prevHoverHandler = null;
     this.onViewerStateChanged = this.onViewerStateChanged.bind(this);
@@ -34701,42 +33762,27 @@ class NeuroglancerComp extends PureComponent {
   onRef(viewerRef) {
     if (viewerRef) {
       const { viewer } = viewerRef;
-      this.prevElement = viewer.element;
       this.prevMouseStateChanged = viewer.mouseState.changed;
       viewer.inputEventBindings.sliceView.set("at:dblclick0", () => {
       });
       viewer.inputEventBindings.perspectiveView.set("at:dblclick0", () => {
       });
-      this.prevClickHandler = (event) => {
-        if (event.button === 0) {
-          requestAnimationFrame(() => {
-            var _a;
-            const { pickedValue, pickedRenderLayer } = viewer.mouseState;
-            if (pickedValue && pickedValue.low !== void 0 && pickedRenderLayer) {
-              (_a = this.latestOnSegmentClick) == null ? void 0 : _a.call(this, pickedValue.low);
-            }
-          });
-        }
-      };
+      viewer.inputEventBindings.sliceView.set("at:space", () => {
+      });
+      viewer.inputEventBindings.perspectiveView.set("at:space", () => {
+      });
       this.prevHoverHandler = () => {
-        var _a;
         if (viewer.mouseState.pickedValue !== void 0) {
           const pickedSegment = viewer.mouseState.pickedValue;
-          (_a = this.latestOnSelectHoveredCoords) == null ? void 0 : _a.call(this, pickedSegment == null ? void 0 : pickedSegment.low);
+          this.latestOnSelectHoveredCoords?.(pickedSegment?.low);
         }
       };
-      viewer.element.addEventListener("mouseup", this.prevClickHandler);
       viewer.mouseState.changed.add(this.prevHoverHandler);
     } else {
-      if (this.prevElement && this.prevClickHandler) {
-        this.prevElement.removeEventListener("mouseup", this.prevClickHandler);
-        this.prevClickHandler = null;
-      }
       if (this.prevMouseStateChanged && this.prevHoverHandler) {
         this.prevMouseStateChanged.remove(this.prevHoverHandler);
         this.prevHoverHandler = null;
       }
-      this.prevElement = null;
       this.prevMouseStateChanged = null;
     }
   }
@@ -34745,10 +33791,7 @@ class NeuroglancerComp extends PureComponent {
     setViewerState(nextState);
   }
   componentDidUpdate(prevProps) {
-    const { onSegmentClick, onSelectHoveredCoords } = this.props;
-    if (prevProps.onSegmentClick !== onSegmentClick) {
-      this.latestOnSegmentClick = onSegmentClick;
-    }
+    const { onSelectHoveredCoords } = this.props;
     if (prevProps.onSelectHoveredCoords !== onSelectHoveredCoords) {
       this.latestOnSelectHoveredCoords = onSelectHoveredCoords;
     }
@@ -34779,30 +33822,17 @@ function useMemoCustomComparison(factory, dependencies, customIsEqual) {
   return ref.current.value;
 }
 const shallowDiff = (prevDeps, nextDeps, depName) => prevDeps[depName] !== nextDeps[depName];
-const shallowDiffByLayer = (prevDeps, nextDeps, depName, scopeName) => {
-  var _a, _b;
-  return ((_a = prevDeps == null ? void 0 : prevDeps[depName]) == null ? void 0 : _a[scopeName]) !== ((_b = nextDeps == null ? void 0 : nextDeps[depName]) == null ? void 0 : _b[scopeName]);
-};
+const shallowDiffByLayer = (prevDeps, nextDeps, depName, scopeName) => prevDeps?.[depName]?.[scopeName] !== nextDeps?.[depName]?.[scopeName];
 const shallowDiffByChannelWithKeys = (prevDeps, nextDeps, depName, firstName, secondName, keys2) => keys2.some(
-  (k) => {
-    var _a, _b, _c, _d, _e, _f;
-    return ((_c = (_b = (_a = prevDeps == null ? void 0 : prevDeps[depName]) == null ? void 0 : _a[firstName]) == null ? void 0 : _b[secondName]) == null ? void 0 : _c[k]) !== ((_f = (_e = (_d = nextDeps == null ? void 0 : nextDeps[depName]) == null ? void 0 : _d[firstName]) == null ? void 0 : _e[secondName]) == null ? void 0 : _f[k]);
-  }
+  (k) => prevDeps?.[depName]?.[firstName]?.[secondName]?.[k] !== nextDeps?.[depName]?.[firstName]?.[secondName]?.[k]
 );
 const shallowDiffByLayerCoordinationWithKeys = (prevDeps, nextDeps, depName, layerScope, keys2) => keys2.some(
-  (k) => {
-    var _a, _b, _c, _d, _e, _f;
-    return ((_c = (_b = (_a = prevDeps == null ? void 0 : prevDeps[depName]) == null ? void 0 : _a[0]) == null ? void 0 : _b[layerScope]) == null ? void 0 : _c[k]) !== ((_f = (_e = (_d = nextDeps == null ? void 0 : nextDeps[depName]) == null ? void 0 : _d[0]) == null ? void 0 : _e[layerScope]) == null ? void 0 : _f[k]);
-  }
+  (k) => prevDeps?.[depName]?.[0]?.[layerScope]?.[k] !== nextDeps?.[depName]?.[0]?.[layerScope]?.[k]
 );
 const shallowDiffByChannelCoordinationWithKeys = (prevDeps, nextDeps, depName, layerScope, channelScope, keys2) => keys2.some(
-  (k) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    return ((_d = (_c = (_b = (_a = prevDeps == null ? void 0 : prevDeps[depName]) == null ? void 0 : _a[0]) == null ? void 0 : _b[layerScope]) == null ? void 0 : _c[channelScope]) == null ? void 0 : _d[k]) !== ((_h = (_g = (_f = (_e = nextDeps == null ? void 0 : nextDeps[depName]) == null ? void 0 : _e[0]) == null ? void 0 : _f[layerScope]) == null ? void 0 : _g[channelScope]) == null ? void 0 : _h[k]);
-  }
+  (k) => prevDeps?.[depName]?.[0]?.[layerScope]?.[channelScope]?.[k] !== nextDeps?.[depName]?.[0]?.[layerScope]?.[channelScope]?.[k]
 );
 function customIsEqualForCellColors(prevDeps, nextDeps) {
-  var _a;
   let forceUpdate = false;
   const curriedShallowDiff = (depName) => shallowDiff(prevDeps, nextDeps, depName);
   const curriedShallowDiffByChannelWithKeys = (depName, firstName, secondName, keys2) => shallowDiffByChannelWithKeys(prevDeps, nextDeps, depName, firstName, secondName, keys2);
@@ -34813,9 +33843,8 @@ function customIsEqualForCellColors(prevDeps, nextDeps) {
   if (["segmentationLayerScopes", "segmentationChannelScopesByLayer"].some(curriedShallowDiff)) {
     forceUpdate = true;
   } else {
-    (_a = nextDeps.segmentationLayerScopes) == null ? void 0 : _a.forEach((layerScope) => {
-      var _a2, _b;
-      (_b = (_a2 = nextDeps.segmentationChannelScopesByLayer) == null ? void 0 : _a2[layerScope]) == null ? void 0 : _b.forEach((channelScope) => {
+    nextDeps.segmentationLayerScopes?.forEach((layerScope) => {
+      nextDeps.segmentationChannelScopesByLayer?.[layerScope]?.forEach((channelScope) => {
         if (curriedShallowDiffByChannelWithKeys("obsSegmentationsSetsData", layerScope, channelScope, [
           "obsSets",
           "obsIndex"
@@ -34833,7 +33862,6 @@ function customIsEqualForCellColors(prevDeps, nextDeps) {
   return !forceUpdate;
 }
 function customIsEqualForInitialViewerState(prevDeps, nextDeps) {
-  var _a, _b;
   let forceUpdate = false;
   const curriedShallowDiff = (depName) => shallowDiff(prevDeps, nextDeps, depName);
   const curriedShallowDiffByLayer = (depName, scopeName) => shallowDiffByLayer(prevDeps, nextDeps, depName, scopeName);
@@ -34842,14 +33870,13 @@ function customIsEqualForInitialViewerState(prevDeps, nextDeps) {
   if (["segmentationLayerScopes", "segmentationChannelScopesByLayer"].some(curriedShallowDiff)) {
     forceUpdate = true;
   } else {
-    (_a = nextDeps.segmentationLayerScopes) == null ? void 0 : _a.forEach((layerScope) => {
-      var _a2, _b2;
+    nextDeps.segmentationLayerScopes?.forEach((layerScope) => {
       if (curriedShallowDiffByLayer("obsSegmentationsData", layerScope) || curriedShallowDiffByLayerCoordinationWithKeys("segmentationLayerCoordination", layerScope, [
         "spatialLayerVisible"
       ])) {
         forceUpdate = true;
       }
-      (_b2 = (_a2 = nextDeps.segmentationChannelScopesByLayer) == null ? void 0 : _a2[layerScope]) == null ? void 0 : _b2.forEach((channelScope) => {
+      nextDeps.segmentationChannelScopesByLayer?.[layerScope]?.forEach((channelScope) => {
         if (curriedShallowDiffByChannelCoordinationWithKeys("segmentationChannelCoordination", layerScope, channelScope, [
           "spatialChannelVisible"
         ])) {
@@ -34861,8 +33888,7 @@ function customIsEqualForInitialViewerState(prevDeps, nextDeps) {
   if (curriedShallowDiff("pointLayerScopes")) {
     forceUpdate = true;
   } else {
-    (_b = nextDeps.pointLayerScopes) == null ? void 0 : _b.forEach((layerScope) => {
-      var _a2, _b2, _c, _d, _e, _f;
+    nextDeps.pointLayerScopes?.forEach((layerScope) => {
       if (curriedShallowDiffByLayer("obsPointsData", layerScope) || curriedShallowDiffByLayer("pointMultiIndicesData", layerScope) || curriedShallowDiffByLayerCoordinationWithKeys("pointLayerCoordination", layerScope, [
         "spatialLayerVisible",
         "obsColorEncoding",
@@ -34870,7 +33896,7 @@ function customIsEqualForInitialViewerState(prevDeps, nextDeps) {
         "featureSelection",
         "featureFilterMode",
         "featureColor"
-      ]) || Math.abs(((_c = (_b2 = (_a2 = prevDeps == null ? void 0 : prevDeps.pointLayerCoordination) == null ? void 0 : _a2[0]) == null ? void 0 : _b2[layerScope]) == null ? void 0 : _c.spatialLayerOpacity) - ((_f = (_e = (_d = nextDeps == null ? void 0 : nextDeps.pointLayerCoordination) == null ? void 0 : _d[0]) == null ? void 0 : _e[layerScope]) == null ? void 0 : _f.spatialLayerOpacity)) >= 0.05) {
+      ]) || Math.abs(prevDeps?.pointLayerCoordination?.[0]?.[layerScope]?.spatialLayerOpacity - nextDeps?.pointLayerCoordination?.[0]?.[layerScope]?.spatialLayerOpacity) >= 0.05) {
         forceUpdate = true;
       }
     });
@@ -35168,9 +34194,8 @@ function getPointsShader(layerCoordination) {
     featureIndices = featureSelection.map((name) => featureIndex.indexOf(name)).filter((i) => i >= 0);
   }
   const hasResolvedIndices = featureIndices.length > 0;
-  const resolvedFeatureColors = hasResolvedIndices ? featureSelection.filter((name) => (featureIndex == null ? void 0 : featureIndex.indexOf(name)) >= 0).map((name) => {
-    var _a;
-    const match2 = Array.isArray(featureColor) ? (_a = featureColor.find((fc) => fc.name === name)) == null ? void 0 : _a.color : null;
+  const resolvedFeatureColors = hasResolvedIndices ? featureSelection.filter((name) => featureIndex?.indexOf(name) >= 0).map((name) => {
+    const match2 = Array.isArray(featureColor) ? featureColor.find((fc) => fc.name === name)?.color : null;
     return match2 || staticColor;
   }) : [];
   if (obsColorEncoding === "spatialLayerColor") {
@@ -35296,18 +34321,16 @@ function useNeuroglancerViewerState(theme, segmentationLayerScopes, segmentation
   const viewerState = useMemoCustomComparison(() => {
     let result = cloneDeep(DEFAULT_NG_PROPS);
     segmentationLayerScopes.forEach((layerScope) => {
-      var _a, _b;
       const layerCoordination = segmentationLayerCoordination[0][layerScope];
       const channelScopes = segmentationChannelScopesByLayer[layerScope] || [];
       const layerData = obsSegmentationsData[layerScope];
-      const layerUrl = (_b = (_a = obsSegmentationsUrls[layerScope]) == null ? void 0 : _a[0]) == null ? void 0 : _b.url;
+      const layerUrl = obsSegmentationsUrls[layerScope]?.[0]?.url;
       if (layerUrl && layerData) {
         const {
           spatialLayerVisible
         } = layerCoordination || {};
         channelScopes.forEach((channelScope) => {
-          var _a2, _b2;
-          const channelCoordination = (_b2 = (_a2 = segmentationChannelCoordination[0]) == null ? void 0 : _a2[layerScope]) == null ? void 0 : _b2[channelScope];
+          const channelCoordination = segmentationChannelCoordination[0]?.[layerScope]?.[channelScope];
           const {
             spatialChannelVisible
           } = channelCoordination || {};
@@ -35333,11 +34356,10 @@ function useNeuroglancerViewerState(theme, segmentationLayerScopes, segmentation
       }
     });
     pointLayerScopes.forEach((layerScope) => {
-      var _a, _b, _c, _d, _e, _f;
       const layerCoordination = pointLayerCoordination[0][layerScope];
       const layerData = obsPointsData[layerScope];
-      const layerUrl = (_b = (_a = obsPointsUrls[layerScope]) == null ? void 0 : _a[0]) == null ? void 0 : _b.url;
-      const featureIndex = (_c = pointMultiIndicesData[layerScope]) == null ? void 0 : _c.featureIndex;
+      const layerUrl = obsPointsUrls[layerScope]?.[0]?.url;
+      const featureIndex = pointMultiIndicesData[layerScope]?.featureIndex;
       if (layerUrl && layerData) {
         const {
           spatialLayerVisible,
@@ -35357,8 +34379,8 @@ function useNeuroglancerViewerState(theme, segmentationLayerScopes, segmentation
           featureSelection,
           featureFilterMode,
           featureColor,
-          featureIndexProp: (_d = layerData.neuroglancerOptions) == null ? void 0 : _d.featureIndexProp,
-          pointIndexProp: (_e = layerData.neuroglancerOptions) == null ? void 0 : _e.pointIndexProp
+          featureIndexProp: layerData.neuroglancerOptions?.featureIndexProp,
+          pointIndexProp: layerData.neuroglancerOptions?.pointIndexProp
         });
         result = {
           ...result,
@@ -35379,7 +34401,7 @@ function useNeuroglancerViewerState(theme, segmentationLayerScopes, segmentation
               visible: spatialLayerVisible,
               // Options from layerData.neuroglancerOptions
               // like projectionAnnotationSpacing:
-              projectionAnnotationSpacing: ((_f = layerData.neuroglancerOptions) == null ? void 0 : _f.projectionAnnotationSpacing) ?? 1
+              projectionAnnotationSpacing: layerData.neuroglancerOptions?.projectionAnnotationSpacing ?? 1
             }
           ],
           // TODO: is this needed?
@@ -35409,1784 +34431,6 @@ function useNeuroglancerViewerState(theme, segmentationLayerScopes, segmentation
   }, customIsEqualForInitialViewerState);
   return viewerState;
 }
-/**
- * @license
- * Copyright 2010-2023 Three.js Authors
- * SPDX-License-Identifier: MIT
- */
-const REVISION = "154";
-const WebGLCoordinateSystem = 2e3;
-const WebGPUCoordinateSystem = 2001;
-function clamp(value, min, max) {
-  return Math.max(min, Math.min(max, value));
-}
-class Quaternion {
-  constructor(x = 0, y = 0, z2 = 0, w = 1) {
-    this.isQuaternion = true;
-    this._x = x;
-    this._y = y;
-    this._z = z2;
-    this._w = w;
-  }
-  static slerpFlat(dst, dstOffset, src0, srcOffset0, src1, srcOffset1, t) {
-    let x0 = src0[srcOffset0 + 0], y0 = src0[srcOffset0 + 1], z0 = src0[srcOffset0 + 2], w0 = src0[srcOffset0 + 3];
-    const x1 = src1[srcOffset1 + 0], y1 = src1[srcOffset1 + 1], z1 = src1[srcOffset1 + 2], w1 = src1[srcOffset1 + 3];
-    if (t === 0) {
-      dst[dstOffset + 0] = x0;
-      dst[dstOffset + 1] = y0;
-      dst[dstOffset + 2] = z0;
-      dst[dstOffset + 3] = w0;
-      return;
-    }
-    if (t === 1) {
-      dst[dstOffset + 0] = x1;
-      dst[dstOffset + 1] = y1;
-      dst[dstOffset + 2] = z1;
-      dst[dstOffset + 3] = w1;
-      return;
-    }
-    if (w0 !== w1 || x0 !== x1 || y0 !== y1 || z0 !== z1) {
-      let s = 1 - t;
-      const cos = x0 * x1 + y0 * y1 + z0 * z1 + w0 * w1, dir = cos >= 0 ? 1 : -1, sqrSin = 1 - cos * cos;
-      if (sqrSin > Number.EPSILON) {
-        const sin = Math.sqrt(sqrSin), len = Math.atan2(sin, cos * dir);
-        s = Math.sin(s * len) / sin;
-        t = Math.sin(t * len) / sin;
-      }
-      const tDir = t * dir;
-      x0 = x0 * s + x1 * tDir;
-      y0 = y0 * s + y1 * tDir;
-      z0 = z0 * s + z1 * tDir;
-      w0 = w0 * s + w1 * tDir;
-      if (s === 1 - t) {
-        const f = 1 / Math.sqrt(x0 * x0 + y0 * y0 + z0 * z0 + w0 * w0);
-        x0 *= f;
-        y0 *= f;
-        z0 *= f;
-        w0 *= f;
-      }
-    }
-    dst[dstOffset] = x0;
-    dst[dstOffset + 1] = y0;
-    dst[dstOffset + 2] = z0;
-    dst[dstOffset + 3] = w0;
-  }
-  static multiplyQuaternionsFlat(dst, dstOffset, src0, srcOffset0, src1, srcOffset1) {
-    const x0 = src0[srcOffset0];
-    const y0 = src0[srcOffset0 + 1];
-    const z0 = src0[srcOffset0 + 2];
-    const w0 = src0[srcOffset0 + 3];
-    const x1 = src1[srcOffset1];
-    const y1 = src1[srcOffset1 + 1];
-    const z1 = src1[srcOffset1 + 2];
-    const w1 = src1[srcOffset1 + 3];
-    dst[dstOffset] = x0 * w1 + w0 * x1 + y0 * z1 - z0 * y1;
-    dst[dstOffset + 1] = y0 * w1 + w0 * y1 + z0 * x1 - x0 * z1;
-    dst[dstOffset + 2] = z0 * w1 + w0 * z1 + x0 * y1 - y0 * x1;
-    dst[dstOffset + 3] = w0 * w1 - x0 * x1 - y0 * y1 - z0 * z1;
-    return dst;
-  }
-  get x() {
-    return this._x;
-  }
-  set x(value) {
-    this._x = value;
-    this._onChangeCallback();
-  }
-  get y() {
-    return this._y;
-  }
-  set y(value) {
-    this._y = value;
-    this._onChangeCallback();
-  }
-  get z() {
-    return this._z;
-  }
-  set z(value) {
-    this._z = value;
-    this._onChangeCallback();
-  }
-  get w() {
-    return this._w;
-  }
-  set w(value) {
-    this._w = value;
-    this._onChangeCallback();
-  }
-  set(x, y, z2, w) {
-    this._x = x;
-    this._y = y;
-    this._z = z2;
-    this._w = w;
-    this._onChangeCallback();
-    return this;
-  }
-  clone() {
-    return new this.constructor(this._x, this._y, this._z, this._w);
-  }
-  copy(quaternion) {
-    this._x = quaternion.x;
-    this._y = quaternion.y;
-    this._z = quaternion.z;
-    this._w = quaternion.w;
-    this._onChangeCallback();
-    return this;
-  }
-  setFromEuler(euler, update2) {
-    const x = euler._x, y = euler._y, z2 = euler._z, order = euler._order;
-    const cos = Math.cos;
-    const sin = Math.sin;
-    const c1 = cos(x / 2);
-    const c2 = cos(y / 2);
-    const c3 = cos(z2 / 2);
-    const s1 = sin(x / 2);
-    const s2 = sin(y / 2);
-    const s3 = sin(z2 / 2);
-    switch (order) {
-      case "XYZ":
-        this._x = s1 * c2 * c3 + c1 * s2 * s3;
-        this._y = c1 * s2 * c3 - s1 * c2 * s3;
-        this._z = c1 * c2 * s3 + s1 * s2 * c3;
-        this._w = c1 * c2 * c3 - s1 * s2 * s3;
-        break;
-      case "YXZ":
-        this._x = s1 * c2 * c3 + c1 * s2 * s3;
-        this._y = c1 * s2 * c3 - s1 * c2 * s3;
-        this._z = c1 * c2 * s3 - s1 * s2 * c3;
-        this._w = c1 * c2 * c3 + s1 * s2 * s3;
-        break;
-      case "ZXY":
-        this._x = s1 * c2 * c3 - c1 * s2 * s3;
-        this._y = c1 * s2 * c3 + s1 * c2 * s3;
-        this._z = c1 * c2 * s3 + s1 * s2 * c3;
-        this._w = c1 * c2 * c3 - s1 * s2 * s3;
-        break;
-      case "ZYX":
-        this._x = s1 * c2 * c3 - c1 * s2 * s3;
-        this._y = c1 * s2 * c3 + s1 * c2 * s3;
-        this._z = c1 * c2 * s3 - s1 * s2 * c3;
-        this._w = c1 * c2 * c3 + s1 * s2 * s3;
-        break;
-      case "YZX":
-        this._x = s1 * c2 * c3 + c1 * s2 * s3;
-        this._y = c1 * s2 * c3 + s1 * c2 * s3;
-        this._z = c1 * c2 * s3 - s1 * s2 * c3;
-        this._w = c1 * c2 * c3 - s1 * s2 * s3;
-        break;
-      case "XZY":
-        this._x = s1 * c2 * c3 - c1 * s2 * s3;
-        this._y = c1 * s2 * c3 - s1 * c2 * s3;
-        this._z = c1 * c2 * s3 + s1 * s2 * c3;
-        this._w = c1 * c2 * c3 + s1 * s2 * s3;
-        break;
-      default:
-        console.warn("THREE.Quaternion: .setFromEuler() encountered an unknown order: " + order);
-    }
-    if (update2 !== false) this._onChangeCallback();
-    return this;
-  }
-  setFromAxisAngle(axis2, angle) {
-    const halfAngle = angle / 2, s = Math.sin(halfAngle);
-    this._x = axis2.x * s;
-    this._y = axis2.y * s;
-    this._z = axis2.z * s;
-    this._w = Math.cos(halfAngle);
-    this._onChangeCallback();
-    return this;
-  }
-  setFromRotationMatrix(m) {
-    const te = m.elements, m11 = te[0], m12 = te[4], m13 = te[8], m21 = te[1], m22 = te[5], m23 = te[9], m31 = te[2], m32 = te[6], m33 = te[10], trace = m11 + m22 + m33;
-    if (trace > 0) {
-      const s = 0.5 / Math.sqrt(trace + 1);
-      this._w = 0.25 / s;
-      this._x = (m32 - m23) * s;
-      this._y = (m13 - m31) * s;
-      this._z = (m21 - m12) * s;
-    } else if (m11 > m22 && m11 > m33) {
-      const s = 2 * Math.sqrt(1 + m11 - m22 - m33);
-      this._w = (m32 - m23) / s;
-      this._x = 0.25 * s;
-      this._y = (m12 + m21) / s;
-      this._z = (m13 + m31) / s;
-    } else if (m22 > m33) {
-      const s = 2 * Math.sqrt(1 + m22 - m11 - m33);
-      this._w = (m13 - m31) / s;
-      this._x = (m12 + m21) / s;
-      this._y = 0.25 * s;
-      this._z = (m23 + m32) / s;
-    } else {
-      const s = 2 * Math.sqrt(1 + m33 - m11 - m22);
-      this._w = (m21 - m12) / s;
-      this._x = (m13 + m31) / s;
-      this._y = (m23 + m32) / s;
-      this._z = 0.25 * s;
-    }
-    this._onChangeCallback();
-    return this;
-  }
-  setFromUnitVectors(vFrom, vTo) {
-    let r2 = vFrom.dot(vTo) + 1;
-    if (r2 < Number.EPSILON) {
-      r2 = 0;
-      if (Math.abs(vFrom.x) > Math.abs(vFrom.z)) {
-        this._x = -vFrom.y;
-        this._y = vFrom.x;
-        this._z = 0;
-        this._w = r2;
-      } else {
-        this._x = 0;
-        this._y = -vFrom.z;
-        this._z = vFrom.y;
-        this._w = r2;
-      }
-    } else {
-      this._x = vFrom.y * vTo.z - vFrom.z * vTo.y;
-      this._y = vFrom.z * vTo.x - vFrom.x * vTo.z;
-      this._z = vFrom.x * vTo.y - vFrom.y * vTo.x;
-      this._w = r2;
-    }
-    return this.normalize();
-  }
-  angleTo(q) {
-    return 2 * Math.acos(Math.abs(clamp(this.dot(q), -1, 1)));
-  }
-  rotateTowards(q, step) {
-    const angle = this.angleTo(q);
-    if (angle === 0) return this;
-    const t = Math.min(1, step / angle);
-    this.slerp(q, t);
-    return this;
-  }
-  identity() {
-    return this.set(0, 0, 0, 1);
-  }
-  invert() {
-    return this.conjugate();
-  }
-  conjugate() {
-    this._x *= -1;
-    this._y *= -1;
-    this._z *= -1;
-    this._onChangeCallback();
-    return this;
-  }
-  dot(v) {
-    return this._x * v._x + this._y * v._y + this._z * v._z + this._w * v._w;
-  }
-  lengthSq() {
-    return this._x * this._x + this._y * this._y + this._z * this._z + this._w * this._w;
-  }
-  length() {
-    return Math.sqrt(this._x * this._x + this._y * this._y + this._z * this._z + this._w * this._w);
-  }
-  normalize() {
-    let l = this.length();
-    if (l === 0) {
-      this._x = 0;
-      this._y = 0;
-      this._z = 0;
-      this._w = 1;
-    } else {
-      l = 1 / l;
-      this._x = this._x * l;
-      this._y = this._y * l;
-      this._z = this._z * l;
-      this._w = this._w * l;
-    }
-    this._onChangeCallback();
-    return this;
-  }
-  multiply(q) {
-    return this.multiplyQuaternions(this, q);
-  }
-  premultiply(q) {
-    return this.multiplyQuaternions(q, this);
-  }
-  multiplyQuaternions(a, b) {
-    const qax = a._x, qay = a._y, qaz = a._z, qaw = a._w;
-    const qbx = b._x, qby = b._y, qbz = b._z, qbw = b._w;
-    this._x = qax * qbw + qaw * qbx + qay * qbz - qaz * qby;
-    this._y = qay * qbw + qaw * qby + qaz * qbx - qax * qbz;
-    this._z = qaz * qbw + qaw * qbz + qax * qby - qay * qbx;
-    this._w = qaw * qbw - qax * qbx - qay * qby - qaz * qbz;
-    this._onChangeCallback();
-    return this;
-  }
-  slerp(qb, t) {
-    if (t === 0) return this;
-    if (t === 1) return this.copy(qb);
-    const x = this._x, y = this._y, z2 = this._z, w = this._w;
-    let cosHalfTheta = w * qb._w + x * qb._x + y * qb._y + z2 * qb._z;
-    if (cosHalfTheta < 0) {
-      this._w = -qb._w;
-      this._x = -qb._x;
-      this._y = -qb._y;
-      this._z = -qb._z;
-      cosHalfTheta = -cosHalfTheta;
-    } else {
-      this.copy(qb);
-    }
-    if (cosHalfTheta >= 1) {
-      this._w = w;
-      this._x = x;
-      this._y = y;
-      this._z = z2;
-      return this;
-    }
-    const sqrSinHalfTheta = 1 - cosHalfTheta * cosHalfTheta;
-    if (sqrSinHalfTheta <= Number.EPSILON) {
-      const s = 1 - t;
-      this._w = s * w + t * this._w;
-      this._x = s * x + t * this._x;
-      this._y = s * y + t * this._y;
-      this._z = s * z2 + t * this._z;
-      this.normalize();
-      this._onChangeCallback();
-      return this;
-    }
-    const sinHalfTheta = Math.sqrt(sqrSinHalfTheta);
-    const halfTheta = Math.atan2(sinHalfTheta, cosHalfTheta);
-    const ratioA = Math.sin((1 - t) * halfTheta) / sinHalfTheta, ratioB = Math.sin(t * halfTheta) / sinHalfTheta;
-    this._w = w * ratioA + this._w * ratioB;
-    this._x = x * ratioA + this._x * ratioB;
-    this._y = y * ratioA + this._y * ratioB;
-    this._z = z2 * ratioA + this._z * ratioB;
-    this._onChangeCallback();
-    return this;
-  }
-  slerpQuaternions(qa, qb, t) {
-    return this.copy(qa).slerp(qb, t);
-  }
-  random() {
-    const u1 = Math.random();
-    const sqrt1u1 = Math.sqrt(1 - u1);
-    const sqrtu1 = Math.sqrt(u1);
-    const u2 = 2 * Math.PI * Math.random();
-    const u3 = 2 * Math.PI * Math.random();
-    return this.set(
-      sqrt1u1 * Math.cos(u2),
-      sqrtu1 * Math.sin(u3),
-      sqrtu1 * Math.cos(u3),
-      sqrt1u1 * Math.sin(u2)
-    );
-  }
-  equals(quaternion) {
-    return quaternion._x === this._x && quaternion._y === this._y && quaternion._z === this._z && quaternion._w === this._w;
-  }
-  fromArray(array2, offset2 = 0) {
-    this._x = array2[offset2];
-    this._y = array2[offset2 + 1];
-    this._z = array2[offset2 + 2];
-    this._w = array2[offset2 + 3];
-    this._onChangeCallback();
-    return this;
-  }
-  toArray(array2 = [], offset2 = 0) {
-    array2[offset2] = this._x;
-    array2[offset2 + 1] = this._y;
-    array2[offset2 + 2] = this._z;
-    array2[offset2 + 3] = this._w;
-    return array2;
-  }
-  fromBufferAttribute(attribute, index) {
-    this._x = attribute.getX(index);
-    this._y = attribute.getY(index);
-    this._z = attribute.getZ(index);
-    this._w = attribute.getW(index);
-    return this;
-  }
-  toJSON() {
-    return this.toArray();
-  }
-  _onChange(callback) {
-    this._onChangeCallback = callback;
-    return this;
-  }
-  _onChangeCallback() {
-  }
-  *[Symbol.iterator]() {
-    yield this._x;
-    yield this._y;
-    yield this._z;
-    yield this._w;
-  }
-}
-class Vector3 {
-  constructor(x = 0, y = 0, z2 = 0) {
-    Vector3.prototype.isVector3 = true;
-    this.x = x;
-    this.y = y;
-    this.z = z2;
-  }
-  set(x, y, z2) {
-    if (z2 === void 0) z2 = this.z;
-    this.x = x;
-    this.y = y;
-    this.z = z2;
-    return this;
-  }
-  setScalar(scalar) {
-    this.x = scalar;
-    this.y = scalar;
-    this.z = scalar;
-    return this;
-  }
-  setX(x) {
-    this.x = x;
-    return this;
-  }
-  setY(y) {
-    this.y = y;
-    return this;
-  }
-  setZ(z2) {
-    this.z = z2;
-    return this;
-  }
-  setComponent(index, value) {
-    switch (index) {
-      case 0:
-        this.x = value;
-        break;
-      case 1:
-        this.y = value;
-        break;
-      case 2:
-        this.z = value;
-        break;
-      default:
-        throw new Error("index is out of range: " + index);
-    }
-    return this;
-  }
-  getComponent(index) {
-    switch (index) {
-      case 0:
-        return this.x;
-      case 1:
-        return this.y;
-      case 2:
-        return this.z;
-      default:
-        throw new Error("index is out of range: " + index);
-    }
-  }
-  clone() {
-    return new this.constructor(this.x, this.y, this.z);
-  }
-  copy(v) {
-    this.x = v.x;
-    this.y = v.y;
-    this.z = v.z;
-    return this;
-  }
-  add(v) {
-    this.x += v.x;
-    this.y += v.y;
-    this.z += v.z;
-    return this;
-  }
-  addScalar(s) {
-    this.x += s;
-    this.y += s;
-    this.z += s;
-    return this;
-  }
-  addVectors(a, b) {
-    this.x = a.x + b.x;
-    this.y = a.y + b.y;
-    this.z = a.z + b.z;
-    return this;
-  }
-  addScaledVector(v, s) {
-    this.x += v.x * s;
-    this.y += v.y * s;
-    this.z += v.z * s;
-    return this;
-  }
-  sub(v) {
-    this.x -= v.x;
-    this.y -= v.y;
-    this.z -= v.z;
-    return this;
-  }
-  subScalar(s) {
-    this.x -= s;
-    this.y -= s;
-    this.z -= s;
-    return this;
-  }
-  subVectors(a, b) {
-    this.x = a.x - b.x;
-    this.y = a.y - b.y;
-    this.z = a.z - b.z;
-    return this;
-  }
-  multiply(v) {
-    this.x *= v.x;
-    this.y *= v.y;
-    this.z *= v.z;
-    return this;
-  }
-  multiplyScalar(scalar) {
-    this.x *= scalar;
-    this.y *= scalar;
-    this.z *= scalar;
-    return this;
-  }
-  multiplyVectors(a, b) {
-    this.x = a.x * b.x;
-    this.y = a.y * b.y;
-    this.z = a.z * b.z;
-    return this;
-  }
-  applyEuler(euler) {
-    return this.applyQuaternion(_quaternion$4.setFromEuler(euler));
-  }
-  applyAxisAngle(axis2, angle) {
-    return this.applyQuaternion(_quaternion$4.setFromAxisAngle(axis2, angle));
-  }
-  applyMatrix3(m) {
-    const x = this.x, y = this.y, z2 = this.z;
-    const e = m.elements;
-    this.x = e[0] * x + e[3] * y + e[6] * z2;
-    this.y = e[1] * x + e[4] * y + e[7] * z2;
-    this.z = e[2] * x + e[5] * y + e[8] * z2;
-    return this;
-  }
-  applyNormalMatrix(m) {
-    return this.applyMatrix3(m).normalize();
-  }
-  applyMatrix4(m) {
-    const x = this.x, y = this.y, z2 = this.z;
-    const e = m.elements;
-    const w = 1 / (e[3] * x + e[7] * y + e[11] * z2 + e[15]);
-    this.x = (e[0] * x + e[4] * y + e[8] * z2 + e[12]) * w;
-    this.y = (e[1] * x + e[5] * y + e[9] * z2 + e[13]) * w;
-    this.z = (e[2] * x + e[6] * y + e[10] * z2 + e[14]) * w;
-    return this;
-  }
-  applyQuaternion(q) {
-    const x = this.x, y = this.y, z2 = this.z;
-    const qx = q.x, qy = q.y, qz = q.z, qw = q.w;
-    const ix = qw * x + qy * z2 - qz * y;
-    const iy = qw * y + qz * x - qx * z2;
-    const iz = qw * z2 + qx * y - qy * x;
-    const iw = -qx * x - qy * y - qz * z2;
-    this.x = ix * qw + iw * -qx + iy * -qz - iz * -qy;
-    this.y = iy * qw + iw * -qy + iz * -qx - ix * -qz;
-    this.z = iz * qw + iw * -qz + ix * -qy - iy * -qx;
-    return this;
-  }
-  project(camera) {
-    return this.applyMatrix4(camera.matrixWorldInverse).applyMatrix4(camera.projectionMatrix);
-  }
-  unproject(camera) {
-    return this.applyMatrix4(camera.projectionMatrixInverse).applyMatrix4(camera.matrixWorld);
-  }
-  transformDirection(m) {
-    const x = this.x, y = this.y, z2 = this.z;
-    const e = m.elements;
-    this.x = e[0] * x + e[4] * y + e[8] * z2;
-    this.y = e[1] * x + e[5] * y + e[9] * z2;
-    this.z = e[2] * x + e[6] * y + e[10] * z2;
-    return this.normalize();
-  }
-  divide(v) {
-    this.x /= v.x;
-    this.y /= v.y;
-    this.z /= v.z;
-    return this;
-  }
-  divideScalar(scalar) {
-    return this.multiplyScalar(1 / scalar);
-  }
-  min(v) {
-    this.x = Math.min(this.x, v.x);
-    this.y = Math.min(this.y, v.y);
-    this.z = Math.min(this.z, v.z);
-    return this;
-  }
-  max(v) {
-    this.x = Math.max(this.x, v.x);
-    this.y = Math.max(this.y, v.y);
-    this.z = Math.max(this.z, v.z);
-    return this;
-  }
-  clamp(min, max) {
-    this.x = Math.max(min.x, Math.min(max.x, this.x));
-    this.y = Math.max(min.y, Math.min(max.y, this.y));
-    this.z = Math.max(min.z, Math.min(max.z, this.z));
-    return this;
-  }
-  clampScalar(minVal, maxVal) {
-    this.x = Math.max(minVal, Math.min(maxVal, this.x));
-    this.y = Math.max(minVal, Math.min(maxVal, this.y));
-    this.z = Math.max(minVal, Math.min(maxVal, this.z));
-    return this;
-  }
-  clampLength(min, max) {
-    const length2 = this.length();
-    return this.divideScalar(length2 || 1).multiplyScalar(Math.max(min, Math.min(max, length2)));
-  }
-  floor() {
-    this.x = Math.floor(this.x);
-    this.y = Math.floor(this.y);
-    this.z = Math.floor(this.z);
-    return this;
-  }
-  ceil() {
-    this.x = Math.ceil(this.x);
-    this.y = Math.ceil(this.y);
-    this.z = Math.ceil(this.z);
-    return this;
-  }
-  round() {
-    this.x = Math.round(this.x);
-    this.y = Math.round(this.y);
-    this.z = Math.round(this.z);
-    return this;
-  }
-  roundToZero() {
-    this.x = this.x < 0 ? Math.ceil(this.x) : Math.floor(this.x);
-    this.y = this.y < 0 ? Math.ceil(this.y) : Math.floor(this.y);
-    this.z = this.z < 0 ? Math.ceil(this.z) : Math.floor(this.z);
-    return this;
-  }
-  negate() {
-    this.x = -this.x;
-    this.y = -this.y;
-    this.z = -this.z;
-    return this;
-  }
-  dot(v) {
-    return this.x * v.x + this.y * v.y + this.z * v.z;
-  }
-  // TODO lengthSquared?
-  lengthSq() {
-    return this.x * this.x + this.y * this.y + this.z * this.z;
-  }
-  length() {
-    return Math.sqrt(this.x * this.x + this.y * this.y + this.z * this.z);
-  }
-  manhattanLength() {
-    return Math.abs(this.x) + Math.abs(this.y) + Math.abs(this.z);
-  }
-  normalize() {
-    return this.divideScalar(this.length() || 1);
-  }
-  setLength(length2) {
-    return this.normalize().multiplyScalar(length2);
-  }
-  lerp(v, alpha2) {
-    this.x += (v.x - this.x) * alpha2;
-    this.y += (v.y - this.y) * alpha2;
-    this.z += (v.z - this.z) * alpha2;
-    return this;
-  }
-  lerpVectors(v1, v2, alpha2) {
-    this.x = v1.x + (v2.x - v1.x) * alpha2;
-    this.y = v1.y + (v2.y - v1.y) * alpha2;
-    this.z = v1.z + (v2.z - v1.z) * alpha2;
-    return this;
-  }
-  cross(v) {
-    return this.crossVectors(this, v);
-  }
-  crossVectors(a, b) {
-    const ax = a.x, ay = a.y, az = a.z;
-    const bx = b.x, by = b.y, bz = b.z;
-    this.x = ay * bz - az * by;
-    this.y = az * bx - ax * bz;
-    this.z = ax * by - ay * bx;
-    return this;
-  }
-  projectOnVector(v) {
-    const denominator = v.lengthSq();
-    if (denominator === 0) return this.set(0, 0, 0);
-    const scalar = v.dot(this) / denominator;
-    return this.copy(v).multiplyScalar(scalar);
-  }
-  projectOnPlane(planeNormal) {
-    _vector$b.copy(this).projectOnVector(planeNormal);
-    return this.sub(_vector$b);
-  }
-  reflect(normal) {
-    return this.sub(_vector$b.copy(normal).multiplyScalar(2 * this.dot(normal)));
-  }
-  angleTo(v) {
-    const denominator = Math.sqrt(this.lengthSq() * v.lengthSq());
-    if (denominator === 0) return Math.PI / 2;
-    const theta = this.dot(v) / denominator;
-    return Math.acos(clamp(theta, -1, 1));
-  }
-  distanceTo(v) {
-    return Math.sqrt(this.distanceToSquared(v));
-  }
-  distanceToSquared(v) {
-    const dx = this.x - v.x, dy = this.y - v.y, dz = this.z - v.z;
-    return dx * dx + dy * dy + dz * dz;
-  }
-  manhattanDistanceTo(v) {
-    return Math.abs(this.x - v.x) + Math.abs(this.y - v.y) + Math.abs(this.z - v.z);
-  }
-  setFromSpherical(s) {
-    return this.setFromSphericalCoords(s.radius, s.phi, s.theta);
-  }
-  setFromSphericalCoords(radius, phi, theta) {
-    const sinPhiRadius = Math.sin(phi) * radius;
-    this.x = sinPhiRadius * Math.sin(theta);
-    this.y = Math.cos(phi) * radius;
-    this.z = sinPhiRadius * Math.cos(theta);
-    return this;
-  }
-  setFromCylindrical(c) {
-    return this.setFromCylindricalCoords(c.radius, c.theta, c.y);
-  }
-  setFromCylindricalCoords(radius, theta, y) {
-    this.x = radius * Math.sin(theta);
-    this.y = y;
-    this.z = radius * Math.cos(theta);
-    return this;
-  }
-  setFromMatrixPosition(m) {
-    const e = m.elements;
-    this.x = e[12];
-    this.y = e[13];
-    this.z = e[14];
-    return this;
-  }
-  setFromMatrixScale(m) {
-    const sx = this.setFromMatrixColumn(m, 0).length();
-    const sy = this.setFromMatrixColumn(m, 1).length();
-    const sz = this.setFromMatrixColumn(m, 2).length();
-    this.x = sx;
-    this.y = sy;
-    this.z = sz;
-    return this;
-  }
-  setFromMatrixColumn(m, index) {
-    return this.fromArray(m.elements, index * 4);
-  }
-  setFromMatrix3Column(m, index) {
-    return this.fromArray(m.elements, index * 3);
-  }
-  setFromEuler(e) {
-    this.x = e._x;
-    this.y = e._y;
-    this.z = e._z;
-    return this;
-  }
-  setFromColor(c) {
-    this.x = c.r;
-    this.y = c.g;
-    this.z = c.b;
-    return this;
-  }
-  equals(v) {
-    return v.x === this.x && v.y === this.y && v.z === this.z;
-  }
-  fromArray(array2, offset2 = 0) {
-    this.x = array2[offset2];
-    this.y = array2[offset2 + 1];
-    this.z = array2[offset2 + 2];
-    return this;
-  }
-  toArray(array2 = [], offset2 = 0) {
-    array2[offset2] = this.x;
-    array2[offset2 + 1] = this.y;
-    array2[offset2 + 2] = this.z;
-    return array2;
-  }
-  fromBufferAttribute(attribute, index) {
-    this.x = attribute.getX(index);
-    this.y = attribute.getY(index);
-    this.z = attribute.getZ(index);
-    return this;
-  }
-  random() {
-    this.x = Math.random();
-    this.y = Math.random();
-    this.z = Math.random();
-    return this;
-  }
-  randomDirection() {
-    const u = (Math.random() - 0.5) * 2;
-    const t = Math.random() * Math.PI * 2;
-    const f = Math.sqrt(1 - u ** 2);
-    this.x = f * Math.cos(t);
-    this.y = f * Math.sin(t);
-    this.z = u;
-    return this;
-  }
-  *[Symbol.iterator]() {
-    yield this.x;
-    yield this.y;
-    yield this.z;
-  }
-}
-const _vector$b = /* @__PURE__ */ new Vector3();
-const _quaternion$4 = /* @__PURE__ */ new Quaternion();
-class Matrix4 {
-  constructor(n11, n12, n13, n14, n21, n22, n23, n24, n31, n32, n33, n34, n41, n42, n43, n44) {
-    Matrix4.prototype.isMatrix4 = true;
-    this.elements = [
-      1,
-      0,
-      0,
-      0,
-      0,
-      1,
-      0,
-      0,
-      0,
-      0,
-      1,
-      0,
-      0,
-      0,
-      0,
-      1
-    ];
-    if (n11 !== void 0) {
-      this.set(n11, n12, n13, n14, n21, n22, n23, n24, n31, n32, n33, n34, n41, n42, n43, n44);
-    }
-  }
-  set(n11, n12, n13, n14, n21, n22, n23, n24, n31, n32, n33, n34, n41, n42, n43, n44) {
-    const te = this.elements;
-    te[0] = n11;
-    te[4] = n12;
-    te[8] = n13;
-    te[12] = n14;
-    te[1] = n21;
-    te[5] = n22;
-    te[9] = n23;
-    te[13] = n24;
-    te[2] = n31;
-    te[6] = n32;
-    te[10] = n33;
-    te[14] = n34;
-    te[3] = n41;
-    te[7] = n42;
-    te[11] = n43;
-    te[15] = n44;
-    return this;
-  }
-  identity() {
-    this.set(
-      1,
-      0,
-      0,
-      0,
-      0,
-      1,
-      0,
-      0,
-      0,
-      0,
-      1,
-      0,
-      0,
-      0,
-      0,
-      1
-    );
-    return this;
-  }
-  clone() {
-    return new Matrix4().fromArray(this.elements);
-  }
-  copy(m) {
-    const te = this.elements;
-    const me = m.elements;
-    te[0] = me[0];
-    te[1] = me[1];
-    te[2] = me[2];
-    te[3] = me[3];
-    te[4] = me[4];
-    te[5] = me[5];
-    te[6] = me[6];
-    te[7] = me[7];
-    te[8] = me[8];
-    te[9] = me[9];
-    te[10] = me[10];
-    te[11] = me[11];
-    te[12] = me[12];
-    te[13] = me[13];
-    te[14] = me[14];
-    te[15] = me[15];
-    return this;
-  }
-  copyPosition(m) {
-    const te = this.elements, me = m.elements;
-    te[12] = me[12];
-    te[13] = me[13];
-    te[14] = me[14];
-    return this;
-  }
-  setFromMatrix3(m) {
-    const me = m.elements;
-    this.set(
-      me[0],
-      me[3],
-      me[6],
-      0,
-      me[1],
-      me[4],
-      me[7],
-      0,
-      me[2],
-      me[5],
-      me[8],
-      0,
-      0,
-      0,
-      0,
-      1
-    );
-    return this;
-  }
-  extractBasis(xAxis, yAxis, zAxis) {
-    xAxis.setFromMatrixColumn(this, 0);
-    yAxis.setFromMatrixColumn(this, 1);
-    zAxis.setFromMatrixColumn(this, 2);
-    return this;
-  }
-  makeBasis(xAxis, yAxis, zAxis) {
-    this.set(
-      xAxis.x,
-      yAxis.x,
-      zAxis.x,
-      0,
-      xAxis.y,
-      yAxis.y,
-      zAxis.y,
-      0,
-      xAxis.z,
-      yAxis.z,
-      zAxis.z,
-      0,
-      0,
-      0,
-      0,
-      1
-    );
-    return this;
-  }
-  extractRotation(m) {
-    const te = this.elements;
-    const me = m.elements;
-    const scaleX = 1 / _v1$5.setFromMatrixColumn(m, 0).length();
-    const scaleY = 1 / _v1$5.setFromMatrixColumn(m, 1).length();
-    const scaleZ = 1 / _v1$5.setFromMatrixColumn(m, 2).length();
-    te[0] = me[0] * scaleX;
-    te[1] = me[1] * scaleX;
-    te[2] = me[2] * scaleX;
-    te[3] = 0;
-    te[4] = me[4] * scaleY;
-    te[5] = me[5] * scaleY;
-    te[6] = me[6] * scaleY;
-    te[7] = 0;
-    te[8] = me[8] * scaleZ;
-    te[9] = me[9] * scaleZ;
-    te[10] = me[10] * scaleZ;
-    te[11] = 0;
-    te[12] = 0;
-    te[13] = 0;
-    te[14] = 0;
-    te[15] = 1;
-    return this;
-  }
-  makeRotationFromEuler(euler) {
-    const te = this.elements;
-    const x = euler.x, y = euler.y, z2 = euler.z;
-    const a = Math.cos(x), b = Math.sin(x);
-    const c = Math.cos(y), d = Math.sin(y);
-    const e = Math.cos(z2), f = Math.sin(z2);
-    if (euler.order === "XYZ") {
-      const ae = a * e, af = a * f, be = b * e, bf = b * f;
-      te[0] = c * e;
-      te[4] = -c * f;
-      te[8] = d;
-      te[1] = af + be * d;
-      te[5] = ae - bf * d;
-      te[9] = -b * c;
-      te[2] = bf - ae * d;
-      te[6] = be + af * d;
-      te[10] = a * c;
-    } else if (euler.order === "YXZ") {
-      const ce = c * e, cf = c * f, de = d * e, df = d * f;
-      te[0] = ce + df * b;
-      te[4] = de * b - cf;
-      te[8] = a * d;
-      te[1] = a * f;
-      te[5] = a * e;
-      te[9] = -b;
-      te[2] = cf * b - de;
-      te[6] = df + ce * b;
-      te[10] = a * c;
-    } else if (euler.order === "ZXY") {
-      const ce = c * e, cf = c * f, de = d * e, df = d * f;
-      te[0] = ce - df * b;
-      te[4] = -a * f;
-      te[8] = de + cf * b;
-      te[1] = cf + de * b;
-      te[5] = a * e;
-      te[9] = df - ce * b;
-      te[2] = -a * d;
-      te[6] = b;
-      te[10] = a * c;
-    } else if (euler.order === "ZYX") {
-      const ae = a * e, af = a * f, be = b * e, bf = b * f;
-      te[0] = c * e;
-      te[4] = be * d - af;
-      te[8] = ae * d + bf;
-      te[1] = c * f;
-      te[5] = bf * d + ae;
-      te[9] = af * d - be;
-      te[2] = -d;
-      te[6] = b * c;
-      te[10] = a * c;
-    } else if (euler.order === "YZX") {
-      const ac = a * c, ad = a * d, bc = b * c, bd = b * d;
-      te[0] = c * e;
-      te[4] = bd - ac * f;
-      te[8] = bc * f + ad;
-      te[1] = f;
-      te[5] = a * e;
-      te[9] = -b * e;
-      te[2] = -d * e;
-      te[6] = ad * f + bc;
-      te[10] = ac - bd * f;
-    } else if (euler.order === "XZY") {
-      const ac = a * c, ad = a * d, bc = b * c, bd = b * d;
-      te[0] = c * e;
-      te[4] = -f;
-      te[8] = d * e;
-      te[1] = ac * f + bd;
-      te[5] = a * e;
-      te[9] = ad * f - bc;
-      te[2] = bc * f - ad;
-      te[6] = b * e;
-      te[10] = bd * f + ac;
-    }
-    te[3] = 0;
-    te[7] = 0;
-    te[11] = 0;
-    te[12] = 0;
-    te[13] = 0;
-    te[14] = 0;
-    te[15] = 1;
-    return this;
-  }
-  makeRotationFromQuaternion(q) {
-    return this.compose(_zero, q, _one);
-  }
-  lookAt(eye, target, up) {
-    const te = this.elements;
-    _z.subVectors(eye, target);
-    if (_z.lengthSq() === 0) {
-      _z.z = 1;
-    }
-    _z.normalize();
-    _x.crossVectors(up, _z);
-    if (_x.lengthSq() === 0) {
-      if (Math.abs(up.z) === 1) {
-        _z.x += 1e-4;
-      } else {
-        _z.z += 1e-4;
-      }
-      _z.normalize();
-      _x.crossVectors(up, _z);
-    }
-    _x.normalize();
-    _y.crossVectors(_z, _x);
-    te[0] = _x.x;
-    te[4] = _y.x;
-    te[8] = _z.x;
-    te[1] = _x.y;
-    te[5] = _y.y;
-    te[9] = _z.y;
-    te[2] = _x.z;
-    te[6] = _y.z;
-    te[10] = _z.z;
-    return this;
-  }
-  multiply(m) {
-    return this.multiplyMatrices(this, m);
-  }
-  premultiply(m) {
-    return this.multiplyMatrices(m, this);
-  }
-  multiplyMatrices(a, b) {
-    const ae = a.elements;
-    const be = b.elements;
-    const te = this.elements;
-    const a11 = ae[0], a12 = ae[4], a13 = ae[8], a14 = ae[12];
-    const a21 = ae[1], a22 = ae[5], a23 = ae[9], a24 = ae[13];
-    const a31 = ae[2], a32 = ae[6], a33 = ae[10], a34 = ae[14];
-    const a41 = ae[3], a42 = ae[7], a43 = ae[11], a44 = ae[15];
-    const b11 = be[0], b12 = be[4], b13 = be[8], b14 = be[12];
-    const b21 = be[1], b22 = be[5], b23 = be[9], b24 = be[13];
-    const b31 = be[2], b32 = be[6], b33 = be[10], b34 = be[14];
-    const b41 = be[3], b42 = be[7], b43 = be[11], b44 = be[15];
-    te[0] = a11 * b11 + a12 * b21 + a13 * b31 + a14 * b41;
-    te[4] = a11 * b12 + a12 * b22 + a13 * b32 + a14 * b42;
-    te[8] = a11 * b13 + a12 * b23 + a13 * b33 + a14 * b43;
-    te[12] = a11 * b14 + a12 * b24 + a13 * b34 + a14 * b44;
-    te[1] = a21 * b11 + a22 * b21 + a23 * b31 + a24 * b41;
-    te[5] = a21 * b12 + a22 * b22 + a23 * b32 + a24 * b42;
-    te[9] = a21 * b13 + a22 * b23 + a23 * b33 + a24 * b43;
-    te[13] = a21 * b14 + a22 * b24 + a23 * b34 + a24 * b44;
-    te[2] = a31 * b11 + a32 * b21 + a33 * b31 + a34 * b41;
-    te[6] = a31 * b12 + a32 * b22 + a33 * b32 + a34 * b42;
-    te[10] = a31 * b13 + a32 * b23 + a33 * b33 + a34 * b43;
-    te[14] = a31 * b14 + a32 * b24 + a33 * b34 + a34 * b44;
-    te[3] = a41 * b11 + a42 * b21 + a43 * b31 + a44 * b41;
-    te[7] = a41 * b12 + a42 * b22 + a43 * b32 + a44 * b42;
-    te[11] = a41 * b13 + a42 * b23 + a43 * b33 + a44 * b43;
-    te[15] = a41 * b14 + a42 * b24 + a43 * b34 + a44 * b44;
-    return this;
-  }
-  multiplyScalar(s) {
-    const te = this.elements;
-    te[0] *= s;
-    te[4] *= s;
-    te[8] *= s;
-    te[12] *= s;
-    te[1] *= s;
-    te[5] *= s;
-    te[9] *= s;
-    te[13] *= s;
-    te[2] *= s;
-    te[6] *= s;
-    te[10] *= s;
-    te[14] *= s;
-    te[3] *= s;
-    te[7] *= s;
-    te[11] *= s;
-    te[15] *= s;
-    return this;
-  }
-  determinant() {
-    const te = this.elements;
-    const n11 = te[0], n12 = te[4], n13 = te[8], n14 = te[12];
-    const n21 = te[1], n22 = te[5], n23 = te[9], n24 = te[13];
-    const n31 = te[2], n32 = te[6], n33 = te[10], n34 = te[14];
-    const n41 = te[3], n42 = te[7], n43 = te[11], n44 = te[15];
-    return n41 * (+n14 * n23 * n32 - n13 * n24 * n32 - n14 * n22 * n33 + n12 * n24 * n33 + n13 * n22 * n34 - n12 * n23 * n34) + n42 * (+n11 * n23 * n34 - n11 * n24 * n33 + n14 * n21 * n33 - n13 * n21 * n34 + n13 * n24 * n31 - n14 * n23 * n31) + n43 * (+n11 * n24 * n32 - n11 * n22 * n34 - n14 * n21 * n32 + n12 * n21 * n34 + n14 * n22 * n31 - n12 * n24 * n31) + n44 * (-n13 * n22 * n31 - n11 * n23 * n32 + n11 * n22 * n33 + n13 * n21 * n32 - n12 * n21 * n33 + n12 * n23 * n31);
-  }
-  transpose() {
-    const te = this.elements;
-    let tmp;
-    tmp = te[1];
-    te[1] = te[4];
-    te[4] = tmp;
-    tmp = te[2];
-    te[2] = te[8];
-    te[8] = tmp;
-    tmp = te[6];
-    te[6] = te[9];
-    te[9] = tmp;
-    tmp = te[3];
-    te[3] = te[12];
-    te[12] = tmp;
-    tmp = te[7];
-    te[7] = te[13];
-    te[13] = tmp;
-    tmp = te[11];
-    te[11] = te[14];
-    te[14] = tmp;
-    return this;
-  }
-  setPosition(x, y, z2) {
-    const te = this.elements;
-    if (x.isVector3) {
-      te[12] = x.x;
-      te[13] = x.y;
-      te[14] = x.z;
-    } else {
-      te[12] = x;
-      te[13] = y;
-      te[14] = z2;
-    }
-    return this;
-  }
-  invert() {
-    const te = this.elements, n11 = te[0], n21 = te[1], n31 = te[2], n41 = te[3], n12 = te[4], n22 = te[5], n32 = te[6], n42 = te[7], n13 = te[8], n23 = te[9], n33 = te[10], n43 = te[11], n14 = te[12], n24 = te[13], n34 = te[14], n44 = te[15], t11 = n23 * n34 * n42 - n24 * n33 * n42 + n24 * n32 * n43 - n22 * n34 * n43 - n23 * n32 * n44 + n22 * n33 * n44, t12 = n14 * n33 * n42 - n13 * n34 * n42 - n14 * n32 * n43 + n12 * n34 * n43 + n13 * n32 * n44 - n12 * n33 * n44, t13 = n13 * n24 * n42 - n14 * n23 * n42 + n14 * n22 * n43 - n12 * n24 * n43 - n13 * n22 * n44 + n12 * n23 * n44, t14 = n14 * n23 * n32 - n13 * n24 * n32 - n14 * n22 * n33 + n12 * n24 * n33 + n13 * n22 * n34 - n12 * n23 * n34;
-    const det = n11 * t11 + n21 * t12 + n31 * t13 + n41 * t14;
-    if (det === 0) return this.set(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);
-    const detInv = 1 / det;
-    te[0] = t11 * detInv;
-    te[1] = (n24 * n33 * n41 - n23 * n34 * n41 - n24 * n31 * n43 + n21 * n34 * n43 + n23 * n31 * n44 - n21 * n33 * n44) * detInv;
-    te[2] = (n22 * n34 * n41 - n24 * n32 * n41 + n24 * n31 * n42 - n21 * n34 * n42 - n22 * n31 * n44 + n21 * n32 * n44) * detInv;
-    te[3] = (n23 * n32 * n41 - n22 * n33 * n41 - n23 * n31 * n42 + n21 * n33 * n42 + n22 * n31 * n43 - n21 * n32 * n43) * detInv;
-    te[4] = t12 * detInv;
-    te[5] = (n13 * n34 * n41 - n14 * n33 * n41 + n14 * n31 * n43 - n11 * n34 * n43 - n13 * n31 * n44 + n11 * n33 * n44) * detInv;
-    te[6] = (n14 * n32 * n41 - n12 * n34 * n41 - n14 * n31 * n42 + n11 * n34 * n42 + n12 * n31 * n44 - n11 * n32 * n44) * detInv;
-    te[7] = (n12 * n33 * n41 - n13 * n32 * n41 + n13 * n31 * n42 - n11 * n33 * n42 - n12 * n31 * n43 + n11 * n32 * n43) * detInv;
-    te[8] = t13 * detInv;
-    te[9] = (n14 * n23 * n41 - n13 * n24 * n41 - n14 * n21 * n43 + n11 * n24 * n43 + n13 * n21 * n44 - n11 * n23 * n44) * detInv;
-    te[10] = (n12 * n24 * n41 - n14 * n22 * n41 + n14 * n21 * n42 - n11 * n24 * n42 - n12 * n21 * n44 + n11 * n22 * n44) * detInv;
-    te[11] = (n13 * n22 * n41 - n12 * n23 * n41 - n13 * n21 * n42 + n11 * n23 * n42 + n12 * n21 * n43 - n11 * n22 * n43) * detInv;
-    te[12] = t14 * detInv;
-    te[13] = (n13 * n24 * n31 - n14 * n23 * n31 + n14 * n21 * n33 - n11 * n24 * n33 - n13 * n21 * n34 + n11 * n23 * n34) * detInv;
-    te[14] = (n14 * n22 * n31 - n12 * n24 * n31 - n14 * n21 * n32 + n11 * n24 * n32 + n12 * n21 * n34 - n11 * n22 * n34) * detInv;
-    te[15] = (n12 * n23 * n31 - n13 * n22 * n31 + n13 * n21 * n32 - n11 * n23 * n32 - n12 * n21 * n33 + n11 * n22 * n33) * detInv;
-    return this;
-  }
-  scale(v) {
-    const te = this.elements;
-    const x = v.x, y = v.y, z2 = v.z;
-    te[0] *= x;
-    te[4] *= y;
-    te[8] *= z2;
-    te[1] *= x;
-    te[5] *= y;
-    te[9] *= z2;
-    te[2] *= x;
-    te[6] *= y;
-    te[10] *= z2;
-    te[3] *= x;
-    te[7] *= y;
-    te[11] *= z2;
-    return this;
-  }
-  getMaxScaleOnAxis() {
-    const te = this.elements;
-    const scaleXSq = te[0] * te[0] + te[1] * te[1] + te[2] * te[2];
-    const scaleYSq = te[4] * te[4] + te[5] * te[5] + te[6] * te[6];
-    const scaleZSq = te[8] * te[8] + te[9] * te[9] + te[10] * te[10];
-    return Math.sqrt(Math.max(scaleXSq, scaleYSq, scaleZSq));
-  }
-  makeTranslation(x, y, z2) {
-    if (x.isVector3) {
-      this.set(
-        1,
-        0,
-        0,
-        x.x,
-        0,
-        1,
-        0,
-        x.y,
-        0,
-        0,
-        1,
-        x.z,
-        0,
-        0,
-        0,
-        1
-      );
-    } else {
-      this.set(
-        1,
-        0,
-        0,
-        x,
-        0,
-        1,
-        0,
-        y,
-        0,
-        0,
-        1,
-        z2,
-        0,
-        0,
-        0,
-        1
-      );
-    }
-    return this;
-  }
-  makeRotationX(theta) {
-    const c = Math.cos(theta), s = Math.sin(theta);
-    this.set(
-      1,
-      0,
-      0,
-      0,
-      0,
-      c,
-      -s,
-      0,
-      0,
-      s,
-      c,
-      0,
-      0,
-      0,
-      0,
-      1
-    );
-    return this;
-  }
-  makeRotationY(theta) {
-    const c = Math.cos(theta), s = Math.sin(theta);
-    this.set(
-      c,
-      0,
-      s,
-      0,
-      0,
-      1,
-      0,
-      0,
-      -s,
-      0,
-      c,
-      0,
-      0,
-      0,
-      0,
-      1
-    );
-    return this;
-  }
-  makeRotationZ(theta) {
-    const c = Math.cos(theta), s = Math.sin(theta);
-    this.set(
-      c,
-      -s,
-      0,
-      0,
-      s,
-      c,
-      0,
-      0,
-      0,
-      0,
-      1,
-      0,
-      0,
-      0,
-      0,
-      1
-    );
-    return this;
-  }
-  makeRotationAxis(axis2, angle) {
-    const c = Math.cos(angle);
-    const s = Math.sin(angle);
-    const t = 1 - c;
-    const x = axis2.x, y = axis2.y, z2 = axis2.z;
-    const tx = t * x, ty = t * y;
-    this.set(
-      tx * x + c,
-      tx * y - s * z2,
-      tx * z2 + s * y,
-      0,
-      tx * y + s * z2,
-      ty * y + c,
-      ty * z2 - s * x,
-      0,
-      tx * z2 - s * y,
-      ty * z2 + s * x,
-      t * z2 * z2 + c,
-      0,
-      0,
-      0,
-      0,
-      1
-    );
-    return this;
-  }
-  makeScale(x, y, z2) {
-    this.set(
-      x,
-      0,
-      0,
-      0,
-      0,
-      y,
-      0,
-      0,
-      0,
-      0,
-      z2,
-      0,
-      0,
-      0,
-      0,
-      1
-    );
-    return this;
-  }
-  makeShear(xy, xz, yx, yz, zx, zy) {
-    this.set(
-      1,
-      yx,
-      zx,
-      0,
-      xy,
-      1,
-      zy,
-      0,
-      xz,
-      yz,
-      1,
-      0,
-      0,
-      0,
-      0,
-      1
-    );
-    return this;
-  }
-  compose(position2, quaternion, scale) {
-    const te = this.elements;
-    const x = quaternion._x, y = quaternion._y, z2 = quaternion._z, w = quaternion._w;
-    const x2 = x + x, y2 = y + y, z22 = z2 + z2;
-    const xx = x * x2, xy = x * y2, xz = x * z22;
-    const yy = y * y2, yz = y * z22, zz = z2 * z22;
-    const wx = w * x2, wy = w * y2, wz = w * z22;
-    const sx = scale.x, sy = scale.y, sz = scale.z;
-    te[0] = (1 - (yy + zz)) * sx;
-    te[1] = (xy + wz) * sx;
-    te[2] = (xz - wy) * sx;
-    te[3] = 0;
-    te[4] = (xy - wz) * sy;
-    te[5] = (1 - (xx + zz)) * sy;
-    te[6] = (yz + wx) * sy;
-    te[7] = 0;
-    te[8] = (xz + wy) * sz;
-    te[9] = (yz - wx) * sz;
-    te[10] = (1 - (xx + yy)) * sz;
-    te[11] = 0;
-    te[12] = position2.x;
-    te[13] = position2.y;
-    te[14] = position2.z;
-    te[15] = 1;
-    return this;
-  }
-  decompose(position2, quaternion, scale) {
-    const te = this.elements;
-    let sx = _v1$5.set(te[0], te[1], te[2]).length();
-    const sy = _v1$5.set(te[4], te[5], te[6]).length();
-    const sz = _v1$5.set(te[8], te[9], te[10]).length();
-    const det = this.determinant();
-    if (det < 0) sx = -sx;
-    position2.x = te[12];
-    position2.y = te[13];
-    position2.z = te[14];
-    _m1$2.copy(this);
-    const invSX = 1 / sx;
-    const invSY = 1 / sy;
-    const invSZ = 1 / sz;
-    _m1$2.elements[0] *= invSX;
-    _m1$2.elements[1] *= invSX;
-    _m1$2.elements[2] *= invSX;
-    _m1$2.elements[4] *= invSY;
-    _m1$2.elements[5] *= invSY;
-    _m1$2.elements[6] *= invSY;
-    _m1$2.elements[8] *= invSZ;
-    _m1$2.elements[9] *= invSZ;
-    _m1$2.elements[10] *= invSZ;
-    quaternion.setFromRotationMatrix(_m1$2);
-    scale.x = sx;
-    scale.y = sy;
-    scale.z = sz;
-    return this;
-  }
-  makePerspective(left, right, top, bottom2, near, far, coordinateSystem = WebGLCoordinateSystem) {
-    const te = this.elements;
-    const x = 2 * near / (right - left);
-    const y = 2 * near / (top - bottom2);
-    const a = (right + left) / (right - left);
-    const b = (top + bottom2) / (top - bottom2);
-    let c, d;
-    if (coordinateSystem === WebGLCoordinateSystem) {
-      c = -(far + near) / (far - near);
-      d = -2 * far * near / (far - near);
-    } else if (coordinateSystem === WebGPUCoordinateSystem) {
-      c = -far / (far - near);
-      d = -far * near / (far - near);
-    } else {
-      throw new Error("THREE.Matrix4.makePerspective(): Invalid coordinate system: " + coordinateSystem);
-    }
-    te[0] = x;
-    te[4] = 0;
-    te[8] = a;
-    te[12] = 0;
-    te[1] = 0;
-    te[5] = y;
-    te[9] = b;
-    te[13] = 0;
-    te[2] = 0;
-    te[6] = 0;
-    te[10] = c;
-    te[14] = d;
-    te[3] = 0;
-    te[7] = 0;
-    te[11] = -1;
-    te[15] = 0;
-    return this;
-  }
-  makeOrthographic(left, right, top, bottom2, near, far, coordinateSystem = WebGLCoordinateSystem) {
-    const te = this.elements;
-    const w = 1 / (right - left);
-    const h = 1 / (top - bottom2);
-    const p = 1 / (far - near);
-    const x = (right + left) * w;
-    const y = (top + bottom2) * h;
-    let z2, zInv;
-    if (coordinateSystem === WebGLCoordinateSystem) {
-      z2 = (far + near) * p;
-      zInv = -2 * p;
-    } else if (coordinateSystem === WebGPUCoordinateSystem) {
-      z2 = near * p;
-      zInv = -1 * p;
-    } else {
-      throw new Error("THREE.Matrix4.makeOrthographic(): Invalid coordinate system: " + coordinateSystem);
-    }
-    te[0] = 2 * w;
-    te[4] = 0;
-    te[8] = 0;
-    te[12] = -x;
-    te[1] = 0;
-    te[5] = 2 * h;
-    te[9] = 0;
-    te[13] = -y;
-    te[2] = 0;
-    te[6] = 0;
-    te[10] = zInv;
-    te[14] = -z2;
-    te[3] = 0;
-    te[7] = 0;
-    te[11] = 0;
-    te[15] = 1;
-    return this;
-  }
-  equals(matrix) {
-    const te = this.elements;
-    const me = matrix.elements;
-    for (let i = 0; i < 16; i++) {
-      if (te[i] !== me[i]) return false;
-    }
-    return true;
-  }
-  fromArray(array2, offset2 = 0) {
-    for (let i = 0; i < 16; i++) {
-      this.elements[i] = array2[i + offset2];
-    }
-    return this;
-  }
-  toArray(array2 = [], offset2 = 0) {
-    const te = this.elements;
-    array2[offset2] = te[0];
-    array2[offset2 + 1] = te[1];
-    array2[offset2 + 2] = te[2];
-    array2[offset2 + 3] = te[3];
-    array2[offset2 + 4] = te[4];
-    array2[offset2 + 5] = te[5];
-    array2[offset2 + 6] = te[6];
-    array2[offset2 + 7] = te[7];
-    array2[offset2 + 8] = te[8];
-    array2[offset2 + 9] = te[9];
-    array2[offset2 + 10] = te[10];
-    array2[offset2 + 11] = te[11];
-    array2[offset2 + 12] = te[12];
-    array2[offset2 + 13] = te[13];
-    array2[offset2 + 14] = te[14];
-    array2[offset2 + 15] = te[15];
-    return array2;
-  }
-}
-const _v1$5 = /* @__PURE__ */ new Vector3();
-const _m1$2 = /* @__PURE__ */ new Matrix4();
-const _zero = /* @__PURE__ */ new Vector3(0, 0, 0);
-const _one = /* @__PURE__ */ new Vector3(1, 1, 1);
-const _x = /* @__PURE__ */ new Vector3();
-const _y = /* @__PURE__ */ new Vector3();
-const _z = /* @__PURE__ */ new Vector3();
-const _matrix = /* @__PURE__ */ new Matrix4();
-const _quaternion$3 = /* @__PURE__ */ new Quaternion();
-class Euler {
-  constructor(x = 0, y = 0, z2 = 0, order = Euler.DEFAULT_ORDER) {
-    this.isEuler = true;
-    this._x = x;
-    this._y = y;
-    this._z = z2;
-    this._order = order;
-  }
-  get x() {
-    return this._x;
-  }
-  set x(value) {
-    this._x = value;
-    this._onChangeCallback();
-  }
-  get y() {
-    return this._y;
-  }
-  set y(value) {
-    this._y = value;
-    this._onChangeCallback();
-  }
-  get z() {
-    return this._z;
-  }
-  set z(value) {
-    this._z = value;
-    this._onChangeCallback();
-  }
-  get order() {
-    return this._order;
-  }
-  set order(value) {
-    this._order = value;
-    this._onChangeCallback();
-  }
-  set(x, y, z2, order = this._order) {
-    this._x = x;
-    this._y = y;
-    this._z = z2;
-    this._order = order;
-    this._onChangeCallback();
-    return this;
-  }
-  clone() {
-    return new this.constructor(this._x, this._y, this._z, this._order);
-  }
-  copy(euler) {
-    this._x = euler._x;
-    this._y = euler._y;
-    this._z = euler._z;
-    this._order = euler._order;
-    this._onChangeCallback();
-    return this;
-  }
-  setFromRotationMatrix(m, order = this._order, update2 = true) {
-    const te = m.elements;
-    const m11 = te[0], m12 = te[4], m13 = te[8];
-    const m21 = te[1], m22 = te[5], m23 = te[9];
-    const m31 = te[2], m32 = te[6], m33 = te[10];
-    switch (order) {
-      case "XYZ":
-        this._y = Math.asin(clamp(m13, -1, 1));
-        if (Math.abs(m13) < 0.9999999) {
-          this._x = Math.atan2(-m23, m33);
-          this._z = Math.atan2(-m12, m11);
-        } else {
-          this._x = Math.atan2(m32, m22);
-          this._z = 0;
-        }
-        break;
-      case "YXZ":
-        this._x = Math.asin(-clamp(m23, -1, 1));
-        if (Math.abs(m23) < 0.9999999) {
-          this._y = Math.atan2(m13, m33);
-          this._z = Math.atan2(m21, m22);
-        } else {
-          this._y = Math.atan2(-m31, m11);
-          this._z = 0;
-        }
-        break;
-      case "ZXY":
-        this._x = Math.asin(clamp(m32, -1, 1));
-        if (Math.abs(m32) < 0.9999999) {
-          this._y = Math.atan2(-m31, m33);
-          this._z = Math.atan2(-m12, m22);
-        } else {
-          this._y = 0;
-          this._z = Math.atan2(m21, m11);
-        }
-        break;
-      case "ZYX":
-        this._y = Math.asin(-clamp(m31, -1, 1));
-        if (Math.abs(m31) < 0.9999999) {
-          this._x = Math.atan2(m32, m33);
-          this._z = Math.atan2(m21, m11);
-        } else {
-          this._x = 0;
-          this._z = Math.atan2(-m12, m22);
-        }
-        break;
-      case "YZX":
-        this._z = Math.asin(clamp(m21, -1, 1));
-        if (Math.abs(m21) < 0.9999999) {
-          this._x = Math.atan2(-m23, m22);
-          this._y = Math.atan2(-m31, m11);
-        } else {
-          this._x = 0;
-          this._y = Math.atan2(m13, m33);
-        }
-        break;
-      case "XZY":
-        this._z = Math.asin(-clamp(m12, -1, 1));
-        if (Math.abs(m12) < 0.9999999) {
-          this._x = Math.atan2(m32, m22);
-          this._y = Math.atan2(m13, m11);
-        } else {
-          this._x = Math.atan2(-m23, m33);
-          this._y = 0;
-        }
-        break;
-      default:
-        console.warn("THREE.Euler: .setFromRotationMatrix() encountered an unknown order: " + order);
-    }
-    this._order = order;
-    if (update2 === true) this._onChangeCallback();
-    return this;
-  }
-  setFromQuaternion(q, order, update2) {
-    _matrix.makeRotationFromQuaternion(q);
-    return this.setFromRotationMatrix(_matrix, order, update2);
-  }
-  setFromVector3(v, order = this._order) {
-    return this.set(v.x, v.y, v.z, order);
-  }
-  reorder(newOrder) {
-    _quaternion$3.setFromEuler(this);
-    return this.setFromQuaternion(_quaternion$3, newOrder);
-  }
-  equals(euler) {
-    return euler._x === this._x && euler._y === this._y && euler._z === this._z && euler._order === this._order;
-  }
-  fromArray(array2) {
-    this._x = array2[0];
-    this._y = array2[1];
-    this._z = array2[2];
-    if (array2[3] !== void 0) this._order = array2[3];
-    this._onChangeCallback();
-    return this;
-  }
-  toArray(array2 = [], offset2 = 0) {
-    array2[offset2] = this._x;
-    array2[offset2 + 1] = this._y;
-    array2[offset2 + 2] = this._z;
-    array2[offset2 + 3] = this._order;
-    return array2;
-  }
-  _onChange(callback) {
-    this._onChangeCallback = callback;
-    return this;
-  }
-  _onChangeCallback() {
-  }
-  *[Symbol.iterator]() {
-    yield this._x;
-    yield this._y;
-    yield this._z;
-    yield this._order;
-  }
-}
-Euler.DEFAULT_ORDER = "XYZ";
-if (typeof __THREE_DEVTOOLS__ !== "undefined") {
-  __THREE_DEVTOOLS__.dispatchEvent(new CustomEvent("register", { detail: {
-    revision: REVISION
-  } }));
-}
-if (typeof window !== "undefined") {
-  if (window.__THREE__) {
-    console.warn("WARNING: Multiple instances of Three.js being imported.");
-  } else {
-    window.__THREE__ = REVISION;
-  }
-}
 const EPSILON_KEYS_MAPPING_NG = {
   projectionScale: 100,
   projectionOrientation: 0.02,
@@ -37220,17 +34464,17 @@ const nearEq = (a, b, epsilon2) => Number.isFinite(a) && Number.isFinite(b) ? Ma
 function diffCameraState(prev2, next2) {
   const eps = EPSILON_KEYS_MAPPING_NG;
   const scale = valueGreaterThanEpsilon(
-    prev2 == null ? void 0 : prev2.projectionScale,
-    next2 == null ? void 0 : next2.projectionScale,
+    prev2?.projectionScale,
+    next2?.projectionScale,
     eps.projectionScale
   );
-  const posHard = valueGreaterThanEpsilon(prev2 == null ? void 0 : prev2.position, next2 == null ? void 0 : next2.position, eps.position);
+  const posHard = valueGreaterThanEpsilon(prev2?.position, next2?.position, eps.position);
   const rot = valueGreaterThanEpsilon(
-    prev2 == null ? void 0 : prev2.projectionOrientation,
-    next2 == null ? void 0 : next2.projectionOrientation,
+    prev2?.projectionOrientation,
+    next2?.projectionOrientation,
     eps.projectionOrientation
   );
-  const posSoft = !posHard && scale && valueGreaterThanEpsilon(prev2 == null ? void 0 : prev2.position, next2 == null ? void 0 : next2.position, SOFT_POS_FACTOR);
+  const posSoft = !posHard && scale && valueGreaterThanEpsilon(prev2?.position, next2?.position, SOFT_POS_FACTOR);
   const pos = posHard || posSoft;
   return { changed: scale || pos || rot, scale, pos, rot };
 }
@@ -37264,6 +34508,7 @@ const ZOOM_EPS = 0.01;
 const ROTATION_EPS = 1e-3;
 const TARGET_EPS = 0.5;
 const NG_ROT_COOLDOWN_MS = 120;
+const GUIDE_URL = "https://vitessce.io/docs/ng-guide/";
 const LAST_INTERACTION_SOURCE = {
   vitessce: "vitessce",
   neuroglancer: "neuroglancer"
@@ -37272,7 +34517,6 @@ function rgbToHex(rgb2) {
   return typeof rgb2 === "string" ? rgb2 : `#${rgb2.map((c) => c.toString(16).padStart(2, "0")).join("")}`;
 }
 function NeuroglancerSubscriber(props) {
-  var _a;
   const {
     uuid,
     coordinationScopes: coordinationScopesRaw,
@@ -37469,12 +34713,10 @@ function NeuroglancerSubscriber(props) {
   const { classes } = useStyles();
   const segmentationColorMapping = useMemoCustomComparison(() => {
     const result = {};
-    segmentationLayerScopes == null ? void 0 : segmentationLayerScopes.forEach((layerScope) => {
-      var _a2;
+    segmentationLayerScopes?.forEach((layerScope) => {
       result[layerScope] = {};
-      (_a2 = segmentationChannelScopesByLayer == null ? void 0 : segmentationChannelScopesByLayer[layerScope]) == null ? void 0 : _a2.forEach((channelScope) => {
-        var _a3;
-        const { obsSets: layerSets, obsIndex: layerIndex } = ((_a3 = obsSegmentationsSetsData == null ? void 0 : obsSegmentationsSetsData[layerScope]) == null ? void 0 : _a3[channelScope]) || {};
+      segmentationChannelScopesByLayer?.[layerScope]?.forEach((channelScope) => {
+        const { obsSets: layerSets, obsIndex: layerIndex } = obsSegmentationsSetsData?.[layerScope]?.[channelScope] || {};
         if (layerSets && layerIndex) {
           const {
             obsSetColor,
@@ -37637,11 +34879,10 @@ function NeuroglancerSubscriber(props) {
     };
   }, []);
   const onSegmentClick = useCallback((value) => {
-    var _a2;
     if (value) {
       const id = String(value);
       const selectedCellIds = [id];
-      const alreadySelectedId = (_a2 = cellSetSelection == null ? void 0 : cellSetSelection.flat()) == null ? void 0 : _a2.some((sel) => sel.includes(id));
+      const alreadySelectedId = cellSetSelection?.flat()?.some((sel) => sel.includes(id));
       if (alreadySelectedId) {
         return;
       }
@@ -37665,18 +34906,14 @@ function NeuroglancerSubscriber(props) {
     setCellSetColor,
     setCellSetSelection
   ]);
-  const cellColorMapping = useMemo(() => {
-    var _a2, _b;
-    return ((_b = segmentationColorMapping == null ? void 0 : segmentationColorMapping[segmentationLayerScopes == null ? void 0 : segmentationLayerScopes[0]]) == null ? void 0 : _b[(_a2 = segmentationChannelScopesByLayer == null ? void 0 : segmentationChannelScopesByLayer[segmentationLayerScopes == null ? void 0 : segmentationLayerScopes[0]]) == null ? void 0 : _a2[0]]) ?? {};
-  }, [segmentationColorMapping]);
+  const cellColorMapping = useMemo(() => segmentationColorMapping?.[segmentationLayerScopes?.[0]]?.[segmentationChannelScopesByLayer?.[segmentationLayerScopes?.[0]]?.[0]] ?? {}, [segmentationColorMapping]);
   const derivedViewerState = useMemo(() => {
-    var _a2, _b, _c, _d;
     const { current } = latestViewerStateRef;
     if (current.layers.length <= 0) {
       return current;
     }
     const nextSegments = Object.keys(cellColorMapping);
-    const prevLayer = ((_a2 = current == null ? void 0 : current.layers) == null ? void 0 : _a2[0]) || {};
+    const prevLayer = current?.layers?.[0] || {};
     const prevSegments = prevLayer.segments || [];
     const { projectionScale, projectionOrientation, position: position2 } = current;
     const rotChangedNow = !nearEq(spatialRotationX, prevCoordsRef.current.rx, ROTATION_EPS) || !nearEq(spatialRotationY, prevCoordsRef.current.ry, ROTATION_EPS) || !nearEq(spatialRotationZ, prevCoordsRef.current.rz, ROTATION_EPS) || !nearEq(spatialRotationOrbit, prevCoordsRef.current.orbit, ROTATION_EPS);
@@ -37691,7 +34928,7 @@ function NeuroglancerSubscriber(props) {
       }
     }
     const [ox, oy, oz] = translationOffsetRef.current;
-    const [px = 0, py = 0, pz = ((_b = current.position) == null ? void 0 : _b[2]) ?? oz] = current.position || [];
+    const [px = 0, py = 0, pz = current.position?.[2] ?? oz] = current.position || [];
     const hasVitessceSpatialTarget = Number.isFinite(spatialTargetX) && Number.isFinite(spatialTargetY);
     if (hasVitessceSpatialTarget && lastInteractionSource.current !== LAST_INTERACTION_SOURCE.neuroglancer && transChangedNow) {
       const nx = spatialTargetX + ox;
@@ -37729,7 +34966,7 @@ function NeuroglancerSubscriber(props) {
         const [
           cx = 0,
           cy = 0,
-          cz = (nextPosition == null ? void 0 : nextPosition[2]) ?? ((_c = current.position) == null ? void 0 : _c[2]) ?? 0
+          cz = nextPosition?.[2] ?? current.position?.[2] ?? 0
         ] = nextPosition || current.position || [];
         const tX = Number.isFinite(spatialTargetX) ? spatialTargetX : 0;
         const tY = Number.isFinite(spatialTargetY) ? spatialTargetY : 0;
@@ -37752,7 +34989,7 @@ function NeuroglancerSubscriber(props) {
       projectionScale: nextProjectionScale,
       projectionOrientation: nextOrientation,
       position: nextPosition,
-      layers: prevSegments.length === 0 ? [newLayer0, ...((_d = current == null ? void 0 : current.layers) == null ? void 0 : _d.slice(1)) || []] : current == null ? void 0 : current.layers
+      layers: prevSegments.length === 0 ? [newLayer0, ...current?.layers?.slice(1) || []] : current?.layers
     };
     latestViewerStateRef.current = updated;
     prevCoordsRef.current = {
@@ -37779,7 +35016,7 @@ function NeuroglancerSubscriber(props) {
   const onSegmentHighlight = useCallback((obsId) => {
     setCellHighlight(String(obsId));
   }, [setCellHighlight]);
-  const hasLayers = ((_a = derivedViewerState == null ? void 0 : derivedViewerState.layers) == null ? void 0 : _a.length) > 0;
+  const hasLayers = derivedViewerState?.layers?.length > 0;
   return /* @__PURE__ */ React__default.createElement(
     TitleInfo,
     {
@@ -37793,7 +35030,8 @@ function NeuroglancerSubscriber(props) {
       removeGridComponent,
       isReady,
       errors,
-      withPadding: false
+      withPadding: false,
+      guideUrl: GUIDE_URL
     },
     /* @__PURE__ */ React__default.createElement("div", { style: { position: "relative", width: "100%", height: "100%" }, ref: containerRef }, /* @__PURE__ */ React__default.createElement("div", { style: { position: "absolute", top: 0, right: 0, zIndex: 50 } }, /* @__PURE__ */ React__default.createElement(
       MultiLegend,