@kaizen/components 1.8.3 → 1.8.5

package/dist/esm/index.js

@@ -1,6 +1,6 @@
-import { _ as __assign, a as __rest, b as __spreadArray, c as __spreadArrays, d as classNames, e as classnamesExports } from './index-5498ce7a.js';
+import { _ as __assign$1, a as __rest$1, g as getDefaultExportFromCjs, b as __spreadArray, c as __spreadArrays, d as classnames, e as getAugmentedNamespace, f as commonjsGlobal, h as classnamesExports } from './index-ba1bd11d.js';
 import * as React from 'react';
-import React__default, { useState, useEffect, PureComponent, useRef, forwardRef, useMemo, useCallback, useContext, useLayoutEffect, createContext } from 'react';
+import React__default, { useState, useEffect, PureComponent, useRef, forwardRef, useMemo, useCallback, useContext, createContext } from 'react';
 import { makeCssVariableDefinitionsMap } from '@kaizen/design-tokens';
 
 var zeroRightClassName = 'right-scroll-bar-position';
@@ -166,12 +166,12 @@ function createMedium(defaults, middleware) {
 function createSidecarMedium(options) {
     if (options === void 0) { options = {}; }
     var medium = innerCreateMedium(null);
-    medium.options = __assign({ async: true, ssr: false }, options);
+    medium.options = __assign$1({ async: true, ssr: false }, options);
     return medium;
 }
 
 var SideCar$1 = function (_a) {
-    var sideCar = _a.sideCar, rest = __rest(_a, ["sideCar"]);
+    var sideCar = _a.sideCar, rest = __rest$1(_a, ["sideCar"]);
     if (!sideCar) {
         throw new Error('Sidecar: please provide `sideCar` property to import the right car');
     }
@@ -179,7 +179,7 @@ var SideCar$1 = function (_a) {
     if (!Target) {
         throw new Error('Sidecar medium not found');
     }
-    return React.createElement(Target, __assign({}, rest));
+    return React.createElement(Target, __assign$1({}, rest));
 };
 SideCar$1.isSideCarExport = true;
 function exportSidecar(medium, exported) {
@@ -202,13 +202,13 @@ var RemoveScroll = React.forwardRef(function (props, parentRef) {
         onWheelCapture: nothing,
         onTouchMoveCapture: nothing,
     }), callbacks = _a[0], setCallbacks = _a[1];
-    var forwardProps = props.forwardProps, children = props.children, className = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b = props.as, Container = _b === void 0 ? 'div' : _b, rest = __rest(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as"]);
+    var forwardProps = props.forwardProps, children = props.children, className = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b = props.as, Container = _b === void 0 ? 'div' : _b, gapMode = props.gapMode, rest = __rest$1(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]);
     var SideCar = sideCar;
     var containerRef = useMergeRefs([ref, parentRef]);
-    var containerProps = __assign(__assign({}, rest), callbacks);
+    var containerProps = __assign$1(__assign$1({}, rest), callbacks);
     return (React.createElement(React.Fragment, null,
-        enabled && (React.createElement(SideCar, { sideCar: effectCar$1, removeScrollBar: removeScrollBar, shards: shards, noIsolation: noIsolation, inert: inert, setCallbacks: setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref })),
-        forwardProps ? (React.cloneElement(React.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef }))) : (React.createElement(Container, __assign({}, containerProps, { className: className, ref: containerRef }), children))));
+        enabled && (React.createElement(SideCar, { sideCar: effectCar$1, removeScrollBar: removeScrollBar, shards: shards, noIsolation: noIsolation, inert: inert, setCallbacks: setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode: gapMode })),
+        forwardProps ? (React.cloneElement(React.Children.only(children), __assign$1(__assign$1({}, containerProps), { ref: containerRef }))) : (React.createElement(Container, __assign$1({}, containerProps, { className: className, ref: containerRef }), children))));
 });
 RemoveScroll.defaultProps = {
     enabled: true,
@@ -235,47 +235,9 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+var propTypes = {exports: {}};
 
-function getAugmentedNamespace(n) {
-  if (n.__esModule) return n;
-  var f = n.default;
-	if (typeof f == "function") {
-		var a = function a () {
-			if (this instanceof a) {
-				var args = [null];
-				args.push.apply(args, arguments);
-				var Ctor = Function.bind.apply(f, args);
-				return new Ctor();
-			}
-			return f.apply(this, arguments);
-		};
-		a.prototype = f.prototype;
-  } else a = {};
-  Object.defineProperty(a, '__esModule', {value: true});
-	Object.keys(n).forEach(function (k) {
-		var d = Object.getOwnPropertyDescriptor(n, k);
-		Object.defineProperty(a, k, d.get ? d : {
-			enumerable: true,
-			get: function () {
-				return n[k];
-			}
-		});
-	});
-	return a;
-}
-
-var propTypesExports = {};
-var propTypes = {
-  get exports(){ return propTypesExports; },
-  set exports(v){ propTypesExports = v; },
-};
-
-var reactIsExports = {};
-var reactIs = {
-  get exports(){ return reactIsExports; },
-  set exports(v){ reactIsExports = v; },
-};
+var reactIs = {exports: {}};
 
 var reactIs_production_min = {};
 
@@ -494,17 +456,15 @@ function requireReactIs_development () {
 var hasRequiredReactIs;
 
 function requireReactIs () {
-	if (hasRequiredReactIs) return reactIsExports;
+	if (hasRequiredReactIs) return reactIs.exports;
 	hasRequiredReactIs = 1;
-	(function (module) {
 
-		if (process.env.NODE_ENV === 'production') {
-		  module.exports = requireReactIs_production_min();
-		} else {
-		  module.exports = requireReactIs_development();
-		}
-} (reactIs));
-	return reactIsExports;
+	if (process.env.NODE_ENV === 'production') {
+	  reactIs.exports = requireReactIs_production_min();
+	} else {
+	  reactIs.exports = requireReactIs_development();
+	}
+	return reactIs.exports;
 }
 
 /*
@@ -1455,6 +1415,9 @@ if (process.env.NODE_ENV !== 'production') {
   propTypes.exports = requireFactoryWithThrowingShims()();
 }
 
+var propTypesExports = propTypes.exports;
+var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
+
 /**
  * defines a focus group
  */
@@ -1489,7 +1452,7 @@ var hiddenGuard = {
 };
 
 process.env.NODE_ENV !== "production" ? {
-  children: propTypesExports.node
+  children: PropTypes.node
 } : {};
 
 var mediumFocus = createMedium({}, function (_ref) {
@@ -1724,33 +1687,33 @@ function deferAction(action) {
 }
 
 process.env.NODE_ENV !== "production" ? {
-  children: propTypesExports.node.isRequired,
-  disabled: propTypesExports.bool,
-  className: propTypesExports.string
+  children: PropTypes.node.isRequired,
+  disabled: PropTypes.bool,
+  className: PropTypes.string
 } : {};
 
 process.env.NODE_ENV !== "production" ? {
-  children: propTypesExports.node.isRequired,
-  disabled: propTypesExports.bool,
-  className: propTypesExports.string
+  children: PropTypes.node.isRequired,
+  disabled: PropTypes.bool,
+  className: PropTypes.string
 } : {};
 
 process.env.NODE_ENV !== "production" ? {
-  children: propTypesExports.node.isRequired,
-  className: propTypesExports.string
+  children: PropTypes.node.isRequired,
+  className: PropTypes.string
 } : {};
 
 var effectCar = createSidecarMedium();
 var focusHiddenMarker = 'data-focus-on-hidden';
 
-__assign({}, RemoveScroll.classNames);
+__assign$1({}, RemoveScroll.classNames);
 
 var FocusOn$1 = React.forwardRef(function (props, parentRef) {
     var _a = React.useState(false), lockProps = _a[0], setLockProps = _a[1];
-    var children = props.children, autoFocus = props.autoFocus, shards = props.shards, _b = props.enabled, enabled = _b === void 0 ? true : _b, _c = props.scrollLock, scrollLock = _c === void 0 ? true : _c, _d = props.focusLock, focusLock = _d === void 0 ? true : _d, _e = props.returnFocus, returnFocus = _e === void 0 ? true : _e, inert = props.inert, allowPinchZoom = props.allowPinchZoom, sideCar = props.sideCar, className = props.className, shouldIgnore = props.shouldIgnore, preventScrollOnFocus = props.preventScrollOnFocus, style = props.style, as = props.as, gapMode = props.gapMode, rest = __rest(props, ["children", "autoFocus", "shards", "enabled", "scrollLock", "focusLock", "returnFocus", "inert", "allowPinchZoom", "sideCar", "className", "shouldIgnore", "preventScrollOnFocus", "style", "as", "gapMode"]);
+    var children = props.children, autoFocus = props.autoFocus, shards = props.shards, _b = props.enabled, enabled = _b === void 0 ? true : _b, _c = props.scrollLock, scrollLock = _c === void 0 ? true : _c, _d = props.focusLock, focusLock = _d === void 0 ? true : _d, _e = props.returnFocus, returnFocus = _e === void 0 ? true : _e, inert = props.inert, allowPinchZoom = props.allowPinchZoom, sideCar = props.sideCar, className = props.className, shouldIgnore = props.shouldIgnore, preventScrollOnFocus = props.preventScrollOnFocus, style = props.style, as = props.as, gapMode = props.gapMode, rest = __rest$1(props, ["children", "autoFocus", "shards", "enabled", "scrollLock", "focusLock", "returnFocus", "inert", "allowPinchZoom", "sideCar", "className", "shouldIgnore", "preventScrollOnFocus", "style", "as", "gapMode"]);
     var SideCar = sideCar;
-    var onActivation = lockProps.onActivation, onDeactivation = lockProps.onDeactivation, restProps = __rest(lockProps, ["onActivation", "onDeactivation"]);
-    var appliedLockProps = __assign(__assign({}, restProps), { as: as,
+    var onActivation = lockProps.onActivation, onDeactivation = lockProps.onDeactivation, restProps = __rest$1(lockProps, ["onActivation", "onDeactivation"]);
+    var appliedLockProps = __assign$1(__assign$1({}, restProps), { as: as,
         style: style,
         sideCar: sideCar,
         shards: shards,
@@ -1759,7 +1722,7 @@ var FocusOn$1 = React.forwardRef(function (props, parentRef) {
         inert: inert, enabled: enabled && scrollLock });
     return (React.createElement(React.Fragment, null,
         React.createElement(FocusLockUI, { ref: parentRef, sideCar: sideCar, disabled: !(lockProps && enabled && focusLock), returnFocus: returnFocus, autoFocus: autoFocus, shards: shards, onActivation: onActivation, onDeactivation: onDeactivation, className: className, whiteList: shouldIgnore, lockProps: appliedLockProps, focusOptions: preventScrollOnFocus ? { preventScroll: true } : undefined, as: RemoveScroll }, children),
-        enabled && (React.createElement(SideCar, __assign({}, rest, { sideCar: effectCar, setLockProps: setLockProps, shards: shards })))));
+        enabled && (React.createElement(SideCar, __assign$1({}, rest, { sideCar: effectCar, setLockProps: setLockProps, shards: shards })))));
 });
 
 function _setPrototypeOf(o, p) {
@@ -2722,7 +2685,7 @@ var FocusWatcher = function FocusWatcher() {
 };
 
 process.env.NODE_ENV !== "production" ? {
-  children: propTypesExports.node.isRequired
+  children: PropTypes.node.isRequired
 } : {};
 
 var onWindowBlur = function onWindowBlur() {
@@ -2994,6 +2957,7 @@ var elementCanBeScrolled = function (node, overflow) {
 var elementCouldBeVScrolled = function (node) { return elementCanBeScrolled(node, 'overflowY'); };
 var elementCouldBeHScrolled = function (node) { return elementCanBeScrolled(node, 'overflowX'); };
 var locationCouldBeScrolled = function (axis, node) {
+    var ownerDocument = node.ownerDocument;
     var current = node;
     do {
         // Skip over shadow root
@@ -3008,7 +2972,7 @@ var locationCouldBeScrolled = function (axis, node) {
             }
         }
         current = current.parentNode;
-    } while (current && current !== document.body);
+    } while (current && current !== ownerDocument.body);
     return false;
 };
 var getVScrollVariables = function (_a) {
@@ -3092,7 +3056,7 @@ function RemoveScrollSideCar(props) {
     var touchStartRef = React.useRef([0, 0]);
     var activeAxis = React.useRef();
     var id = React.useState(idCounter++)[0];
-    var Style = React.useState(function () { return styleSingleton(); })[0];
+    var Style = React.useState(styleSingleton)[0];
     var lastProps = React.useRef(props);
     React.useEffect(function () {
         lastProps.current = props;
@@ -3214,7 +3178,7 @@ function RemoveScrollSideCar(props) {
     var removeScrollBar = props.removeScrollBar, inert = props.inert;
     return (React.createElement(React.Fragment, null,
         inert ? React.createElement(Style, { styles: generateStyle(id) }) : null,
-        removeScrollBar ? React.createElement(RemoveScrollBar, { gapMode: "margin" }) : null));
+        removeScrollBar ? React.createElement(RemoveScrollBar, { gapMode: props.gapMode }) : null));
 }
 
 exportSidecar(effectCar$1, RemoveScrollSideCar);
@@ -3459,9 +3423,9 @@ function Effect(_a) {
 var SideCar = exportSidecar(effectCar, Effect);
 
 var RequireSideCar = function (props) {
-    return React.createElement(SideCar, __assign({}, props));
+    return React.createElement(SideCar, __assign$1({}, props));
 };
-var FocusOn = React.forwardRef(function (props, ref) { return React.createElement(FocusOn$1, __assign({}, props, { ref: ref, sideCar: RequireSideCar })); });
+var FocusOn = React.forwardRef(function (props, ref) { return React.createElement(FocusOn$1, __assign$1({}, props, { ref: ref, sideCar: RequireSideCar })); });
 
 var ManagerReferenceNodeContext = React.createContext();
 var ManagerReferenceNodeSetterContext = React.createContext();
@@ -3542,19 +3506,11 @@ var fromEntries = function fromEntries(entries) {
 
 var useIsomorphicLayoutEffect = typeof window !== 'undefined' && window.document && window.document.createElement ? React.useLayoutEffect : React.useEffect;
 
-var reactDomExports = {};
-var reactDom = {
-  get exports(){ return reactDomExports; },
-  set exports(v){ reactDomExports = v; },
-};
+var reactDom = {exports: {}};
 
 var reactDom_production_min = {};
 
-var schedulerExports = {};
-var scheduler = {
-  get exports(){ return schedulerExports; },
-  set exports(v){ schedulerExports = v; },
-};
+var scheduler = {exports: {}};
 
 var scheduler_production_min = {};
 
@@ -3583,8 +3539,8 @@ function f(a,b){var c=a.length;a.push(b);a:for(;0<c;){var d=c-1>>>1,e=a[d];if(0<
 		exports.unstable_forceFrameRate=function(a){0>a||125<a?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):P=0<a?Math.floor(1E3/a):5;};exports.unstable_getCurrentPriorityLevel=function(){return y};exports.unstable_getFirstCallbackNode=function(){return h(r)};exports.unstable_next=function(a){switch(y){case 1:case 2:case 3:var b=3;break;default:b=y;}var c=y;y=b;try{return a()}finally{y=c;}};exports.unstable_pauseExecution=function(){};
 		exports.unstable_requestPaint=function(){};exports.unstable_runWithPriority=function(a,b){switch(a){case 1:case 2:case 3:case 4:case 5:break;default:a=3;}var c=y;y=a;try{return b()}finally{y=c;}};
 		exports.unstable_scheduleCallback=function(a,b,c){var d=exports.unstable_now();"object"===typeof c&&null!==c?(c=c.delay,c="number"===typeof c&&0<c?d+c:d):c=d;switch(a){case 1:var e=-1;break;case 2:e=250;break;case 5:e=1073741823;break;case 4:e=1E4;break;default:e=5E3;}e=c+e;a={id:u++,callback:b,priorityLevel:a,startTime:c,expirationTime:e,sortIndex:-1};c>d?(a.sortIndex=c,f(t,a),null===h(r)&&a===h(t)&&(B?(E(L),L=-1):B=!0,K(H,c-d))):(a.sortIndex=e,f(r,a),A||z||(A=!0,I(J)));return a};
-		exports.unstable_shouldYield=M;exports.unstable_wrapCallback=function(a){var b=y;return function(){var c=y;y=b;try{return a.apply(this,arguments)}finally{y=c;}}};
-} (scheduler_production_min));
+		exports.unstable_shouldYield=M;exports.unstable_wrapCallback=function(a){var b=y;return function(){var c=y;y=b;try{return a.apply(this,arguments)}finally{y=c;}}}; 
+	} (scheduler_production_min));
 	return scheduler_production_min;
 }
 
@@ -4214,25 +4170,23 @@ function requireScheduler_development () {
 		}
 		        
 		  })();
-		}
-} (scheduler_development));
+		} 
+	} (scheduler_development));
 	return scheduler_development;
 }
 
 var hasRequiredScheduler;
 
 function requireScheduler () {
-	if (hasRequiredScheduler) return schedulerExports;
+	if (hasRequiredScheduler) return scheduler.exports;
 	hasRequiredScheduler = 1;
-	(function (module) {
 
-		if (process.env.NODE_ENV === 'production') {
-		  module.exports = requireScheduler_production_min();
-		} else {
-		  module.exports = requireScheduler_development();
-		}
-} (scheduler));
-	return schedulerExports;
+	if (process.env.NODE_ENV === 'production') {
+	  scheduler.exports = requireScheduler_production_min();
+	} else {
+	  scheduler.exports = requireScheduler_development();
+	}
+	return scheduler.exports;
 }
 
 /**
@@ -34414,45 +34368,44 @@ function requireReactDom_development () {
 	return reactDom_development;
 }
 
-(function (module) {
+function checkDCE() {
+  /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
+  if (
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === 'undefined' ||
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE !== 'function'
+  ) {
+    return;
+  }
+  if (process.env.NODE_ENV !== 'production') {
+    // This branch is unreachable because this function is only called
+    // in production, but the condition is true only in development.
+    // Therefore if the branch is still here, dead code elimination wasn't
+    // properly applied.
+    // Don't change the message. React DevTools relies on it. Also make sure
+    // this message doesn't occur elsewhere in this function, or it will cause
+    // a false positive.
+    throw new Error('^_^');
+  }
+  try {
+    // Verify that the code above has been dead code eliminated (DCE'd).
+    __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE);
+  } catch (err) {
+    // DevTools shouldn't crash React, no matter what.
+    // We should still report in case we break this code.
+    console.error(err);
+  }
+}
 
-	function checkDCE() {
-	  /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
-	  if (
-	    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === 'undefined' ||
-	    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE !== 'function'
-	  ) {
-	    return;
-	  }
-	  if (process.env.NODE_ENV !== 'production') {
-	    // This branch is unreachable because this function is only called
-	    // in production, but the condition is true only in development.
-	    // Therefore if the branch is still here, dead code elimination wasn't
-	    // properly applied.
-	    // Don't change the message. React DevTools relies on it. Also make sure
-	    // this message doesn't occur elsewhere in this function, or it will cause
-	    // a false positive.
-	    throw new Error('^_^');
-	  }
-	  try {
-	    // Verify that the code above has been dead code eliminated (DCE'd).
-	    __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE);
-	  } catch (err) {
-	    // DevTools shouldn't crash React, no matter what.
-	    // We should still report in case we break this code.
-	    console.error(err);
-	  }
-	}
+if (process.env.NODE_ENV === 'production') {
+  // DCE check should happen before ReactDOM bundle executes so that
+  // DevTools can report bad minification during injection.
+  checkDCE();
+  reactDom.exports = requireReactDom_production_min();
+} else {
+  reactDom.exports = requireReactDom_development();
+}
 
-	if (process.env.NODE_ENV === 'production') {
-	  // DCE check should happen before ReactDOM bundle executes so that
-	  // DevTools can report bad minification during injection.
-	  checkDCE();
-	  module.exports = requireReactDom_production_min();
-	} else {
-	  module.exports = requireReactDom_development();
-	}
-} (reactDom));
+var reactDomExports = reactDom.exports;
 
 var top = 'top';
 var bottom = 'bottom';
@@ -36562,6 +36515,8 @@ var reactFastCompare = function isEqual(a, b) {
   }
 };
 
+var isEqual = /*@__PURE__*/getDefaultExportFromCjs(reactFastCompare);
+
 var EMPTY_MODIFIERS$1 = [];
 var usePopper = function usePopper(referenceElement, popperElement, options) {
   if (options === void 0) {
@@ -36625,7 +36580,7 @@ var usePopper = function usePopper(referenceElement, popperElement, options) {
       }])
     };
 
-    if (reactFastCompare(prevOptions.current, newOptions)) {
+    if (isEqual(prevOptions.current, newOptions)) {
       return prevOptions.current || newOptions;
     } else {
       prevOptions.current = newOptions;
@@ -36793,6 +36748,8 @@ if (__DEV__) {
 
 var warning_1 = warning;
 
+var warning$1 = /*@__PURE__*/getDefaultExportFromCjs(warning_1);
+
 function Reference(_ref) {
   var children = _ref.children,
       innerRef = _ref.innerRef;
@@ -36809,7 +36766,7 @@ function Reference(_ref) {
     };
   }, []);
   React.useEffect(function () {
-    warning_1(Boolean(setReferenceNode), '`Reference` should not be used outside of a `Manager` component.');
+    warning$1(Boolean(setReferenceNode), '`Reference` should not be used outside of a `Manager` component.');
   }, [setReferenceNode]);
   return unwrapArray(children)({
     ref: refHandler
@@ -36830,9 +36787,9 @@ var esm = /*#__PURE__*/Object.freeze({
 var styles$a = {"filterPopover":"FilterPopover-module_filterPopover__OgOEM"};
 
 var FilterPopover = function(_a) {
-  var children = _a.children, referenceElement = _a.referenceElement, popperOptions = _a.popperOptions, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "referenceElement", "popperOptions", "classNameOverride"]);
+  var children = _a.children, referenceElement = _a.referenceElement, popperOptions = _a.popperOptions, classNameOverride = _a.classNameOverride, restProps = __rest$1(_a, ["children", "referenceElement", "popperOptions", "classNameOverride"]);
   var _b = useState(null), popperElement = _b[0], setPopperElement = _b[1];
-  var _c = usePopper(referenceElement, popperElement, __assign({ modifiers: [
+  var _c = usePopper(referenceElement, popperElement, __assign$1({ modifiers: [
     {
       name: "offset",
       options: {
@@ -36840,13 +36797,13 @@ var FilterPopover = function(_a) {
       }
     }
   ], placement: "bottom-start", strategy: "fixed" }, popperOptions)), popperStyles = _c.styles, popperAttributes = _c.attributes;
-  return React__default.createElement("div", __assign({ ref: setPopperElement, style: popperStyles === null || popperStyles === void 0 ? void 0 : popperStyles.popper }, popperAttributes === null || popperAttributes === void 0 ? void 0 : popperAttributes.popper, { className: classNames(styles$a.filterPopover, classNameOverride), role: "dialog", "aria-modal": "true" }, restProps), children);
+  return React__default.createElement("div", __assign$1({ ref: setPopperElement, style: popperStyles === null || popperStyles === void 0 ? void 0 : popperStyles.popper }, popperAttributes === null || popperAttributes === void 0 ? void 0 : popperAttributes.popper, { className: classnames(styles$a.filterPopover, classNameOverride), role: "dialog", "aria-modal": "true" }, restProps), children);
 };
 FilterPopover.displayName = "FilterPopover";
 
 var Filter = function(_a) {
   var _b, _c, _d, _e, _f;
-  var children = _a.children, isOpen = _a.isOpen, setIsOpen = _a.setIsOpen, renderTrigger = _a.renderTrigger, classNameOverride = _a.classNameOverride, onMount = _a.onMount, restProps = __rest(_a, ["children", "isOpen", "setIsOpen", "renderTrigger", "classNameOverride", "onMount"]);
+  var children = _a.children, isOpen = _a.isOpen, setIsOpen = _a.setIsOpen, renderTrigger = _a.renderTrigger, classNameOverride = _a.classNameOverride, onMount = _a.onMount, restProps = __rest$1(_a, ["children", "isOpen", "setIsOpen", "renderTrigger", "classNameOverride", "onMount"]);
   var _g = useState(false), isRefLoaded = _g[0], setIsRefLoaded = _g[1];
   var trigger = renderTrigger({
     onClick: function() {
@@ -36868,7 +36825,7 @@ var Filter = function(_a) {
   }, [(_d = (_c = filterButtonRef.current) === null || _c === void 0 ? void 0 : _c.triggerRef) === null || _d === void 0 ? void 0 : _d.current, onMount]);
   return React__default.createElement(
     "div",
-    __assign({ className: classNameOverride }, restProps),
+    __assign$1({ className: classNameOverride }, restProps),
     React__default.cloneElement(trigger, {
       ref: filterButtonRef
     }),
@@ -36888,8 +36845,8 @@ Filter.displayName = "Filter";
 var styles$9 = {"filterContents":"FilterContents-module_filterContents__uNUpd"};
 
 var FilterContents = function(_a) {
-  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "classNameOverride"]);
-  return React__default.createElement("div", __assign({ className: classNames(styles$9.filterContents, classNameOverride) }, restProps), children);
+  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest$1(_a, ["children", "classNameOverride"]);
+  return React__default.createElement("div", __assign$1({ className: classnames(styles$9.filterContents, classNameOverride) }, restProps), children);
 };
 FilterContents.displayName = "FilterContents";
 
@@ -36905,8 +36862,8 @@ var singleLine = function(message) {
 var styles$8 = {"icon":"SVG-module_icon__FE6iP","inheritSize":"SVG-module_inheritSize__wiKMe","interactiveIconWrapper":"SVG-module_interactiveIconWrapper__ACcob","disabled":"SVG-module_disabled__WB5BU","hover":"SVG-module_hover__QivVO","active":"SVG-module_active__R9jic","reversedInteractiveIconWrapper":"SVG-module_reversedInteractiveIconWrapper__hTsnf SVG-module_interactiveIconWrapper__ACcob"};
 
 var SVG = function(_a) {
-  var _b, _c;
-  var _d = _a.inheritSize, inheritSize = _d === void 0 ? false : _d, _e = _a.role, role = _e === void 0 ? "img" : _e, _f = _a.title, title = _f === void 0 ? "" : _f, _g = _a.desc, desc = _g === void 0 ? "" : _g, _h = _a.viewBox, viewBox = _h === void 0 ? "0 0 20 20" : _h, classNameOverride = _a.classNameOverride, children = _a.children, props = __rest(_a, ["inheritSize", "role", "title", "desc", "viewBox", "classNameOverride", "children"]);
+  var _b;
+  var _c = _a.inheritSize, inheritSize = _c === void 0 ? false : _c, _d = _a.role, role = _d === void 0 ? "img" : _d, _e = _a.title, title = _e === void 0 ? "" : _e, _f = _a.desc, desc = _f === void 0 ? "" : _f, _g = _a.viewBox, viewBox = _g === void 0 ? "0 0 20 20" : _g, classNameOverride = _a.classNameOverride, children = _a.children, props = __rest$1(_a, ["inheritSize", "role", "title", "desc", "viewBox", "classNameOverride", "children"]);
   var isMeaningfulImg = role === "img";
   if (isMeaningfulImg && !title) {
     warn(`
@@ -36933,8 +36890,8 @@ var SVG = function(_a) {
   }, _b["aria-hidden"] = isMeaningfulImg ? void 0 : true, _b);
   return React__default.createElement(
     "svg",
-    __assign({
-      className: classNames(styles$8.icon, classNameOverride, (_c = {}, _c[styles$8.inheritSize] = inheritSize, _c)),
+    __assign$1({
+      className: classnames(styles$8.icon, classNameOverride, inheritSize && styles$8.inheritSize),
       viewBox,
       // Work around IE11 making all SVGs focusable.
       // See http://simplyaccessible.com/article/7-solutions-svgs/#acc-heading-4
@@ -36950,7 +36907,7 @@ SVG.displayName = "SVG";
 var ChevronDownIcon = function(props) {
   return React__default.createElement(
     SVG,
-    __assign({}, props),
+    __assign$1({}, props),
     React__default.createElement(
       "defs",
       null,
@@ -36976,7 +36933,7 @@ var ChevronDownIcon = function(props) {
 var ChevronUpIcon = function(props) {
   return React__default.createElement(
     SVG,
-    __assign({}, props),
+    __assign$1({}, props),
     React__default.createElement(
       "defs",
       null,
@@ -37006,21 +36963,21 @@ var isRefObject = function(ref) {
 var styles$7 = {"filterButtonBase":"FilterButtonBase-module_filterButtonBase__505sK"};
 
 var FilterButtonBase = forwardRef(function(_a, ref) {
-  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "classNameOverride"]);
-  return React__default.createElement("button", __assign({ ref, type: "button", className: classNames(styles$7.filterButtonBase, classNameOverride) }, restProps), children);
+  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest$1(_a, ["children", "classNameOverride"]);
+  return React__default.createElement("button", __assign$1({ ref, type: "button", className: classnames(styles$7.filterButtonBase, classNameOverride) }, restProps), children);
 });
 FilterButtonBase.displayName = "FilterButtonBase";
 
 var styles$6 = {"filterButton":"FilterButton-module_filterButton__Q2dMX","labelContainer":"FilterButton-module_labelContainer__5G-MD","hasSelectedValues":"FilterButton-module_hasSelectedValues__dyQkL","labelSeparator":"FilterButton-module_labelSeparator__xrkAx"};
 
 var FilterButton = forwardRef(function(_a, ref) {
-  var label = _a.label, selectedValue = _a.selectedValue, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["label", "selectedValue", "isOpen", "classNameOverride"]);
+  var label = _a.label, selectedValue = _a.selectedValue, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, classNameOverride = _a.classNameOverride, restProps = __rest$1(_a, ["label", "selectedValue", "isOpen", "classNameOverride"]);
   var customRefObject = isRefObject(ref) ? ref.current : null;
   var triggerRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.triggerRef;
   var selectedValuesLabel = selectedValue;
   return React__default.createElement(
     FilterButtonBase,
-    __assign({ ref: triggerRef, classNameOverride: classNames(styles$6.filterButton, classNameOverride), "aria-haspopup": "true", "aria-expanded": isOpen }, restProps),
+    __assign$1({ ref: triggerRef, classNameOverride: classnames(styles$6.filterButton, classNameOverride), "aria-haspopup": "true", "aria-expanded": isOpen }, restProps),
     React__default.createElement("span", { className: styles$6.labelContainer }, selectedValuesLabel ? React__default.createElement(
       React__default.Fragment,
       null,
@@ -37782,10 +37739,10 @@ var require$$1$4 = /*@__PURE__*/getAugmentedNamespace(esmBrowser);
 
 useUuid$1.__esModule = true;
 useUuid$1.useUuid = void 0;
-var react_1 = React__default;
+var react_1$1 = React__default;
 var uuid_1 = require$$1$4;
 var useUuid = function() {
-  return (0, react_1.useMemo)(function() {
+  return (0, react_1$1.useMemo)(function() {
     return (0, uuid_1.v4)();
   }, []);
 };
@@ -37866,11 +37823,10 @@ var require$$6$1 = /*@__PURE__*/getAugmentedNamespace(Tooltip_module$1);
   var arrowHeight = 7;
   var arrowWidth = 14;
   var TooltipContent = function(_a) {
-    var _b, _c;
-    var position = _a.position, text = _a.text, referenceElement = _a.referenceElement, tooltipId = _a.tooltipId, _d = _a.mood, mood = _d === void 0 ? "default" : _d;
-    var _e = (0, react_1.useState)(null), popperElement = _e[0], setPopperElement = _e[1];
-    var _f = (0, react_1.useState)(null), arrowElement = _f[0], setArrowElement = _f[1];
-    var _g = (0, react_popper_1.usePopper)(referenceElement, popperElement, {
+    var position = _a.position, text = _a.text, referenceElement = _a.referenceElement, tooltipId = _a.tooltipId, _b = _a.mood, mood = _b === void 0 ? "default" : _b;
+    var _c = (0, react_1.useState)(null), popperElement = _c[0], setPopperElement = _c[1];
+    var _d = (0, react_1.useState)(null), arrowElement = _d[0], setArrowElement = _d[1];
+    var _e = (0, react_popper_1.usePopper)(referenceElement, popperElement, {
       modifiers: [
         {
           name: "arrow",
@@ -37908,15 +37864,15 @@ var require$$6$1 = /*@__PURE__*/getAugmentedNamespace(Tooltip_module$1);
         }
       ],
       placement: position ? positionToPlacement.get(position) : void 0
-    }), popperStyles = _g.styles, attributes = _g.attributes;
-    var _h = (0, AppearanceAnim_1.useAnimation)(), isVisible = _h.isVisible, isAnimIn = _h.isAnimIn, isAnimOut = _h.isAnimOut;
+    }), popperStyles = _e.styles, attributes = _e.attributes;
+    var _f = (0, AppearanceAnim_1.useAnimation)(), isVisible = _f.isVisible, isAnimIn = _f.isAnimIn, isAnimOut = _f.isAnimOut;
     return isVisible || isAnimOut || isAnimIn ? react_1["default"].createElement(
       "div",
-      __assign({ ref: setPopperElement, className: (0, classnames_1["default"])((_b = {}, _b[Tooltip_module_scss_1["default"].tooltip] = true, _b)), style: popperStyles.popper }, attributes.popper, { role: "tooltip", id: tooltipId }),
+      __assign({ ref: setPopperElement, className: Tooltip_module_scss_1["default"].tooltip, style: popperStyles.popper }, attributes.popper, { role: "tooltip", id: tooltipId }),
       react_1["default"].createElement("div", { className: (0, classnames_1["default"])(Tooltip_module_scss_1["default"].tooltipContent, Tooltip_module_scss_1["default"][mood]) }, text),
       react_1["default"].createElement(
         "div",
-        { ref: setArrowElement, className: (0, classnames_1["default"])((_c = {}, _c[Tooltip_module_scss_1["default"].arrow] = true, _c)), style: popperStyles.arrow },
+        { ref: setArrowElement, className: Tooltip_module_scss_1["default"].arrow, style: popperStyles.arrow },
         react_1["default"].createElement(
           "div",
           { className: Tooltip_module_scss_1["default"].arrowInner },
@@ -37927,13 +37883,11 @@ var require$$6$1 = /*@__PURE__*/getAugmentedNamespace(Tooltip_module$1);
     ) : null;
   };
   var Tooltip = function(_a) {
-    var _b;
-    var children = _a.children, text = _a.text, inline = _a.inline, _c = _a.display, display = _c === void 0 ? "block" : _c, _d = _a.position, position = _d === void 0 ? "above" : _d, classNameOverride = _a.classNameOverride, portalSelector = _a.portalSelector, animationDuration = _a.animationDuration, _e = _a.isInitiallyVisible, isInitiallyVisible = _e === void 0 ? false : _e, _f = _a.mood, mood = _f === void 0 ? "default" : _f;
-    var _g = (0, react_1.useState)(isInitiallyVisible), isHover = _g[0], setIsHover = _g[1];
-    var _h = (0, react_1.useState)(false), isFocus = _h[0], setIsFocus = _h[1];
-    var _j = (0, react_1.useState)(null), referenceElement = _j[0], setReferenceElement = _j[1];
+    var children = _a.children, text = _a.text, inline = _a.inline, _b = _a.display, display = _b === void 0 ? "block" : _b, _c = _a.position, position = _c === void 0 ? "above" : _c, classNameOverride = _a.classNameOverride, portalSelector = _a.portalSelector, animationDuration = _a.animationDuration, _d = _a.isInitiallyVisible, isInitiallyVisible = _d === void 0 ? false : _d, _e = _a.mood, mood = _e === void 0 ? "default" : _e;
+    var _f = (0, react_1.useState)(isInitiallyVisible), isHover = _f[0], setIsHover = _f[1];
+    var _g = (0, react_1.useState)(false), isFocus = _g[0], setIsFocus = _g[1];
+    var _h = (0, react_1.useState)(null), referenceElement = _h[0], setReferenceElement = _h[1];
     var tooltipId = (0, useUuid_1.useUuid)();
-    var displayToUse = inline != null ? inline ? "inline" : "block" : display;
     var tooltip = react_1["default"].createElement(TooltipContent, { text, position, referenceElement, tooltipId, mood });
     var portalSelectorElementRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(function() {
@@ -37944,13 +37898,30 @@ var require$$6$1 = /*@__PURE__*/getAugmentedNamespace(Tooltip_module$1);
         console.warn("The portal could not be created using the selector: " + portalSelector);
       }
     }, [portalSelectorElementRef, portalSelector]);
+    var displayToUse = inline != null ? inline ? "inline" : "block" : display;
+    var getDisplayClassName = function() {
+      switch (displayToUse) {
+        case "inline":
+          return Tooltip_module_scss_1["default"].displayInline;
+        case "block":
+          return Tooltip_module_scss_1["default"].displayBlock;
+        case "inline-block":
+          return Tooltip_module_scss_1["default"].displayInlineBlock;
+        case "flex":
+          return Tooltip_module_scss_1["default"].displayFlex;
+        case "inline-flex":
+          return Tooltip_module_scss_1["default"].displayInlineFlex;
+        default:
+          return void 0;
+      }
+    };
     return react_1["default"].createElement(
       AppearanceAnim_1.AnimationProvider,
       { isVisible: isHover || isFocus, animationDuration },
       react_1["default"].createElement(
         react_1["default"].Fragment,
         null,
-        react_1["default"].createElement("div", { ref: setReferenceElement, className: (0, classnames_1["default"])(classNameOverride, (_b = {}, _b[Tooltip_module_scss_1["default"].displayInline] = displayToUse === "inline", _b[Tooltip_module_scss_1["default"].displayBlock] = displayToUse === "block", _b[Tooltip_module_scss_1["default"].displayInlineBlock] = displayToUse === "inline-block", _b[Tooltip_module_scss_1["default"].displayFlex] = displayToUse === "flex", _b[Tooltip_module_scss_1["default"].displayInlineFlex] = displayToUse === "inline-flex", _b)), onMouseEnter: function() {
+        react_1["default"].createElement("div", { ref: setReferenceElement, className: (0, classnames_1["default"])(classNameOverride, getDisplayClassName()), onMouseEnter: function() {
           return setIsHover(true);
         }, onMouseLeave: function() {
           return setIsHover(false);
@@ -38020,7 +37991,7 @@ var require$$6$1 = /*@__PURE__*/getAugmentedNamespace(Tooltip_module$1);
 var ClearIcon = function(props) {
   return React__default.createElement(
     SVG,
-    __assign({}, props),
+    __assign$1({}, props),
     React__default.createElement(
       "defs",
       null,
@@ -38049,13 +38020,13 @@ var isFilterButton = function(node) {
   return React__default.isValidElement(node) && node.type === FilterButtonBase;
 };
 var ButtonGroup = function(_a) {
-  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "classNameOverride"]);
+  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest$1(_a, ["children", "classNameOverride"]);
   var childCount = React__default.Children.count(children);
-  var containerProps = __assign({ role: "group", className: classNames(styles$5.buttonGroup, classNameOverride) }, restProps);
+  var containerProps = __assign$1({ role: "group", className: classnames(styles$5.buttonGroup, classNameOverride) }, restProps);
   if (childCount === 1)
-    return React__default.createElement("div", __assign({}, containerProps), children);
-  return React__default.createElement("div", __assign({}, containerProps), React__default.Children.map(children, function(child, index) {
-    var buttonClassNames = classNames(styles$5.child, index === 0 && styles$5.firstChild, index === childCount - 1 && styles$5.lastChild, child.props.classNameOverride);
+    return React__default.createElement("div", __assign$1({}, containerProps), children);
+  return React__default.createElement("div", __assign$1({}, containerProps), React__default.Children.map(children, function(child, index) {
+    var buttonClassNames = classnames(styles$5.child, index === 0 && styles$5.firstChild, index === childCount - 1 && styles$5.lastChild, child.props.classNameOverride);
     if (child.type === tooltip.Tooltip) {
       var button = child.props.children;
       if (isFilterButton(button)) {
@@ -38076,20 +38047,20 @@ ButtonGroup.displayName = "ButtonGroup";
 
 var FilterButtonRemovable = forwardRef(function(_a, ref) {
   var _b;
-  var triggerButtonProps = _a.triggerButtonProps, removeButtonProps = _a.removeButtonProps, restProps = __rest(_a, ["triggerButtonProps", "removeButtonProps"]);
+  var triggerButtonProps = _a.triggerButtonProps, removeButtonProps = _a.removeButtonProps, restProps = __rest$1(_a, ["triggerButtonProps", "removeButtonProps"]);
   var customRefObject = isRefObject(ref) ? ref.current : null;
   var removeButtonRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.removeButtonRef;
   var removeButtonLabel = (_b = removeButtonProps === null || removeButtonProps === void 0 ? void 0 : removeButtonProps.tooltipText) !== null && _b !== void 0 ? _b : "Remove filter - ".concat(triggerButtonProps === null || triggerButtonProps === void 0 ? void 0 : triggerButtonProps.label);
   return React__default.createElement(
     ButtonGroup,
-    __assign({}, restProps),
-    React__default.createElement(FilterButton, __assign({ ref }, triggerButtonProps)),
+    __assign$1({}, restProps),
+    React__default.createElement(FilterButton, __assign$1({ ref }, triggerButtonProps)),
     React__default.createElement(
       tooltip.Tooltip,
       { text: removeButtonLabel, display: "inline-block", position: "below" },
       React__default.createElement(
         FilterButtonBase,
-        __assign({ ref: removeButtonRef }, removeButtonProps),
+        __assign$1({ ref: removeButtonRef }, removeButtonProps),
         React__default.createElement(ClearIcon, { title: removeButtonLabel })
       )
     )
@@ -38194,15 +38165,16 @@ function $458b0a5536c1a7cf$export$40bfa8c7b0832715(value, defaultValue, onChange
 // being on the page at once, the prefix is set to a random number. SSRProvider
 // will reset this to zero for consistency between server and client, so in the
 // SSR case multiple copies of React Aria is not supported.
-const $704cf1d3b684cc5c$var$defaultContext$1 = {
+const $704cf1d3b684cc5c$var$defaultContext = {
     prefix: String(Math.round(Math.random() * 10000000000)),
-    current: 0
+    current: 0,
+    isSSR: false
 };
-const $704cf1d3b684cc5c$var$SSRContext$1 = /*#__PURE__*/ (React__default).createContext($704cf1d3b684cc5c$var$defaultContext$1);
+const $704cf1d3b684cc5c$var$SSRContext = /*#__PURE__*/ (React__default).createContext($704cf1d3b684cc5c$var$defaultContext);
 let $704cf1d3b684cc5c$var$canUseDOM = Boolean(typeof window !== "undefined" && window.document && window.document.createElement);
 let $704cf1d3b684cc5c$var$componentIds = new WeakMap();
 function $704cf1d3b684cc5c$var$useCounter(isDisabled = false) {
-    let ctx = (useContext)($704cf1d3b684cc5c$var$SSRContext$1);
+    let ctx = (useContext)($704cf1d3b684cc5c$var$SSRContext);
     let ref = (useRef)(null);
     if (ref.current === null && !isDisabled) {
         var _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner;
@@ -38237,13 +38209,17 @@ function $704cf1d3b684cc5c$var$useCounter(isDisabled = false) {
     return ref.current;
 }
 function $704cf1d3b684cc5c$export$619500959fc48b26(defaultId) {
-    let ctx = (useContext)($704cf1d3b684cc5c$var$SSRContext$1);
+    let ctx = (useContext)($704cf1d3b684cc5c$var$SSRContext);
     // If we are rendering in a non-DOM environment, and there's no SSRProvider,
     // provide a warning to hint to the developer to add one.
-    if (ctx === $704cf1d3b684cc5c$var$defaultContext$1 && !$704cf1d3b684cc5c$var$canUseDOM) console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");
+    if (ctx === $704cf1d3b684cc5c$var$defaultContext && !$704cf1d3b684cc5c$var$canUseDOM) console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");
     let counter = $704cf1d3b684cc5c$var$useCounter(!!defaultId);
     return defaultId || `react-aria${ctx.prefix}-${counter}`;
 }
+function $704cf1d3b684cc5c$export$535bd6ca7f90a273() {
+    let cur = (useContext)($704cf1d3b684cc5c$var$SSRContext);
+    return cur.isSSR;
+}
 
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
@@ -39732,7 +39708,9 @@ function $a1ea59d68270f0dd$export$f8168d8dd8fd66e6(props) {
     ]);
     const onSyntheticFocus = ($8a9cb279dc87e130$export$715c682d09d639cc)(onBlur);
     const onFocus = (useCallback)((e)=>{
-        if (e.target === e.currentTarget) {
+        // Double check that document.activeElement actually matches e.target in case a previously chained
+        // focus handler already moved focus somewhere else.
+        if (e.target === e.currentTarget && document.activeElement === e.target) {
             if (onFocusProp) onFocusProp(e);
             if (onFocusChange) onFocusChange(true);
             onSyntheticFocus(e);
@@ -39767,6 +39745,7 @@ function $a1ea59d68270f0dd$export$f8168d8dd8fd66e6(props) {
 // See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions
 
 
+
 let $507fabe10e71c6fb$var$currentModality = null;
 let $507fabe10e71c6fb$var$changeHandlers = new Set();
 let $507fabe10e71c6fb$var$hasSetupGlobalListeners = false;
@@ -39883,7 +39862,7 @@ function $507fabe10e71c6fb$export$98e20ec92f614cfe() {
             $507fabe10e71c6fb$var$changeHandlers.delete(handler);
         };
     }, []);
-    return modality;
+    return ($704cf1d3b684cc5c$export$535bd6ca7f90a273)() ? null : modality;
 }
 /**
  * If this is attached to text input component, return if the event is a focus event (Tab/Escape keys pressed) so that
@@ -39944,7 +39923,9 @@ function $9ab94262bd0047c7$export$420e68273165f4ec(props) {
     ]);
     let onSyntheticFocus = ($8a9cb279dc87e130$export$715c682d09d639cc)(onBlur);
     let onFocus = (useCallback)((e)=>{
-        if (!state.current.isFocusWithin) {
+        // Double check that document.activeElement actually matches e.target in case a previously chained
+        // focus handler already moved focus somewhere else.
+        if (!state.current.isFocusWithin && document.activeElement === e.target) {
             if (onFocusWithin) onFocusWithin(e);
             if (onFocusWithinChange) onFocusWithinChange(true);
             state.current.isFocusWithin = true;
@@ -41131,55 +41112,6 @@ function $701a24aa0da5b062$export$ea18c227d4417cc3(props, ref) {
     };
 }
 
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ /*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ // We must avoid a circular dependency with @react-aria/utils, and this useLayoutEffect is
-// guarded by a check that it only runs on the client side.
-// eslint-disable-next-line rulesdir/useLayoutEffectRule
-
-// Default context value to use in case there is no SSRProvider. This is fine for
-// client-only apps. In order to support multiple copies of React Aria potentially
-// being on the page at once, the prefix is set to a random number. SSRProvider
-// will reset this to zero for consistency between server and client, so in the
-// SSR case multiple copies of React Aria is not supported.
-const $704cf1d3b684cc5c$var$defaultContext = {
-    prefix: String(Math.round(Math.random() * 10000000000)),
-    current: 0
-};
-const $704cf1d3b684cc5c$var$SSRContext = /*#__PURE__*/ (React__default).createContext($704cf1d3b684cc5c$var$defaultContext);
-function $704cf1d3b684cc5c$export$535bd6ca7f90a273() {
-    let cur = (useContext)($704cf1d3b684cc5c$var$SSRContext);
-    let isInSSRContext = cur !== $704cf1d3b684cc5c$var$defaultContext;
-    let [isSSR, setIsSSR] = (useState)(isInSSRContext);
-    // If on the client, and the component was initially server rendered,
-    // then schedule a layout effect to update the component after hydration.
-    if (typeof window !== "undefined" && isInSSRContext) // This if statement technically breaks the rules of hooks, but is safe
-    // because the condition never changes after mounting.
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    (useLayoutEffect)(()=>{
-        setIsSSR(false);
-    }, []);
-    return isSSR;
-}
-
 /*
  * Copyright 2022 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -41759,10 +41691,12 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
             // Restore the scroll position to what it was before.
             scrollRef.current.scrollTop = scrollPos.current.top;
             scrollRef.current.scrollLeft = scrollPos.current.left;
+        }
+        if (!isVirtualized && manager.focusedKey != null) {
             // Refocus and scroll the focused item into view if it exists within the scrollable region.
             let element = scrollRef.current.querySelector(`[data-key="${manager.focusedKey}"]`);
             if (element) {
-                // This prevents a flash of focus on the first/last element in the collection
+                // This prevents a flash of focus on the first/last element in the collection, or the collection itself.
                 ($7215afc6de606d6b$export$de79e2c695e052f3)(element);
                 ($2f04cbc44ee30ce0$export$53a0910f038337bd)(scrollRef.current, element);
             }
@@ -41873,9 +41807,9 @@ function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
     // Focus the associated DOM node when this item becomes the focusedKey
     (useEffect)(()=>{
         let isFocused = key === manager.focusedKey;
-        if (isFocused && manager.isFocused && !shouldUseVirtualFocus && document.activeElement !== ref.current) {
+        if (isFocused && manager.isFocused && !shouldUseVirtualFocus) {
             if (focus) focus();
-            else ($6a99195332edec8b$export$80f3e147d781571c)(ref.current);
+            else if (document.activeElement !== ref.current) ($6a99195332edec8b$export$80f3e147d781571c)(ref.current);
         }
     // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
@@ -41999,6 +41933,7 @@ function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
         }),
         isPressed: isPressed,
         isSelected: manager.isSelected(key),
+        isFocused: manager.isFocused && manager.focusedKey === key,
         isDisabled: isDisabled,
         allowsSelection: allowsSelection,
         hasAction: hasAction
@@ -42043,6 +41978,7 @@ function $880e95eb8b93ba9a$var$isSelectionKey() {
             if (item.type === "item" && !this.disabledKeys.has(key)) return key;
             key = this.collection.getKeyAfter(key);
         }
+        return null;
     }
     getKeyAbove(key) {
         key = this.collection.getKeyBefore(key);
@@ -42051,6 +41987,7 @@ function $880e95eb8b93ba9a$var$isSelectionKey() {
             if (item.type === "item" && !this.disabledKeys.has(key)) return key;
             key = this.collection.getKeyBefore(key);
         }
+        return null;
     }
     getFirstKey() {
         let key = this.collection.getFirstKey();
@@ -42059,6 +41996,7 @@ function $880e95eb8b93ba9a$var$isSelectionKey() {
             if (item.type === "item" && !this.disabledKeys.has(key)) return key;
             key = this.collection.getKeyAfter(key);
         }
+        return null;
     }
     getLastKey() {
         let key = this.collection.getLastKey();
@@ -42067,6 +42005,7 @@ function $880e95eb8b93ba9a$var$isSelectionKey() {
             if (item.type === "item" && !this.disabledKeys.has(key)) return key;
             key = this.collection.getKeyBefore(key);
         }
+        return null;
     }
     getItem(key) {
         return this.ref.current.querySelector(`[data-key="${key}"]`);
@@ -42078,7 +42017,7 @@ function $880e95eb8b93ba9a$var$isSelectionKey() {
         let pageY = Math.max(0, item.offsetTop + item.offsetHeight - menu.offsetHeight);
         while(item && item.offsetTop > pageY){
             key = this.getKeyAbove(key);
-            item = this.getItem(key);
+            item = key == null ? null : this.getItem(key);
         }
         return key;
     }
@@ -42089,7 +42028,7 @@ function $880e95eb8b93ba9a$var$isSelectionKey() {
         let pageY = Math.min(menu.scrollHeight, item.offsetTop - item.offsetHeight + menu.offsetHeight);
         while(item && item.offsetTop < pageY){
             key = this.getKeyBelow(key);
-            item = this.getItem(key);
+            item = key == null ? null : this.getItem(key);
         }
         return key;
     }
@@ -42268,12 +42207,12 @@ const $5c3e21d68f1c4674$var$styles = {
     border: 0,
     clip: "rect(0 0 0 0)",
     clipPath: "inset(50%)",
-    height: 1,
-    margin: "0 -1px -1px 0",
+    height: "1px",
+    margin: "-1px",
     overflow: "hidden",
     padding: 0,
     position: "absolute",
-    width: 1,
+    width: "1px",
     whiteSpace: "nowrap"
 };
 function $5c3e21d68f1c4674$export$a966af930f325cab(props = {}) {
@@ -42458,6 +42397,18 @@ function $628037886ba31236$export$f9d5c8beee7d008d(props, state, ref) {
         }
     };
 }
+// HTML input types that do not cause the software keyboard to appear.
+new Set([
+    "checkbox",
+    "radio",
+    "range",
+    "color",
+    "file",
+    "image",
+    "button",
+    "submit",
+    "reset"
+]);
 
 
 /*
@@ -42731,6 +42682,21 @@ function $86ea4cb521eb2e37$export$2317d149ed6f78c4(props) {
     }));
 }
 
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ // Keeps a ref count of all hidden elements. Added to when hiding an element, and
+// subtracted from when showing it again. When it reaches zero, aria-hidden is removed.
+new WeakMap();
+
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -43040,6 +43006,7 @@ function $7613b1592d41b092$export$6cd28814d92fa9c9(props, factory, context, inva
     let builder = (useMemo)(()=>new ($eb2240fc39a57fa5$export$bf788dd355e3a401)(), []);
     let prev = (useRef)(null);
     return (useMemo)(()=>{
+        if (props.collection) return props.collection;
         let nodes = builder.build(props, context);
         prev.current = factory(nodes, prev.current);
         return prev.current;
@@ -43049,6 +43016,7 @@ function $7613b1592d41b092$export$6cd28814d92fa9c9(props, factory, context, inva
         builder,
         props.children,
         props.items,
+        props.collection,
         context,
         ...invalidators
     ]);
@@ -43065,13 +43033,69 @@ function $7613b1592d41b092$export$6cd28814d92fa9c9(props, factory, context, inva
  * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
- */ const $453cc9f0df89c0a5$var$cache = new WeakMap();
+ */ /*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ function $c5a24bc478652b5f$export$1005530eda016c13(node, collection) {
+    // New API: call collection.getChildren with the node key.
+    if (typeof collection.getChildren === "function") return collection.getChildren(node.key);
+    // Old API: access childNodes directly.
+    return node.childNodes;
+}
+function $c5a24bc478652b5f$export$fbdeaa6a76694f71(iterable) {
+    return $c5a24bc478652b5f$export$5f3398f8733f90e2(iterable, 0);
+}
+function $c5a24bc478652b5f$export$5f3398f8733f90e2(iterable, index) {
+    if (index < 0) return undefined;
+    let i = 0;
+    for (let item of iterable){
+        if (i === index) return item;
+        i++;
+    }
+}
+function $c5a24bc478652b5f$export$8c434b3a7a4dad6(collection, a, b) {
+    // If the two nodes have the same parent, compare their indices.
+    if (a.parentKey === b.parentKey) return a.index - b.index;
+    // Otherwise, collect all of the ancestors from each node, and find the first one that doesn't match starting from the root.
+    let aAncestors = $c5a24bc478652b5f$var$getAncestors(collection, a);
+    let bAncestors = $c5a24bc478652b5f$var$getAncestors(collection, b);
+    let firstNonMatchingAncestor = aAncestors.slice(0, bAncestors.length).findIndex((a, i)=>a !== bAncestors[i]);
+    if (firstNonMatchingAncestor !== -1) {
+        // Compare the indices of two children within the common ancestor.
+        a = aAncestors[firstNonMatchingAncestor];
+        b = bAncestors[firstNonMatchingAncestor];
+        return a.index - b.index;
+    }
+    // 🤷
+    return -1;
+}
+function $c5a24bc478652b5f$var$getAncestors(collection, node) {
+    let parents = [];
+    while((node === null || node === void 0 ? void 0 : node.parentKey) != null){
+        node = collection.getItem(node.parentKey);
+        parents.unshift(node);
+    }
+    return parents;
+}
+
+
+const $453cc9f0df89c0a5$var$cache = new WeakMap();
 function $453cc9f0df89c0a5$export$77d5aafae4e095b2(collection) {
     let count = $453cc9f0df89c0a5$var$cache.get(collection);
     if (count != null) return count;
     count = 0;
-    for (let item of collection)if (item.type === "section") count += $453cc9f0df89c0a5$export$77d5aafae4e095b2(item.childNodes);
-    else count++;
+    let countItems = (items)=>{
+        for (let item of items)if (item.type === "section") countItems(($c5a24bc478652b5f$export$1005530eda016c13)(item, collection));
+        else count++;
+    };
+    countItems(collection);
     $453cc9f0df89c0a5$var$cache.set(collection, count);
     return count;
 }
@@ -43413,12 +43437,27 @@ function $168583247155ddda$export$dc9c12ed27dd1b49(props, state, ref) {
     };
 }
 
+
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at http://www.apache.org/licenses/LICENSE-2.0
- * 
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+new WeakMap();
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
  * Unless required by applicable law or agreed to in writing, software distributed under
  * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
  * OF ANY KIND, either express or implied. See the License for the specific language
@@ -43854,6 +43893,7 @@ function $7af3f5b51489e0b5$var$convertSelection(selection, defaultValue) {
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
+
 class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
     /**
    * The type of selection that is allowed in the collection.
@@ -43936,7 +43976,7 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
         let first = null;
         for (let key of this.state.selectedKeys){
             let item = this.collection.getItem(key);
-            if (!first || (item === null || item === void 0 ? void 0 : item.index) < first.index) first = item;
+            if (!first || item && ($c5a24bc478652b5f$export$8c434b3a7a4dad6)(this.collection, item, first) < 0) first = item;
         }
         return first === null || first === void 0 ? void 0 : first.key;
     }
@@ -43944,7 +43984,7 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
         let last = null;
         for (let key of this.state.selectedKeys){
             let item = this.collection.getItem(key);
-            if (!last || (item === null || item === void 0 ? void 0 : item.index) > last.index) last = item;
+            if (!last || item && ($c5a24bc478652b5f$export$8c434b3a7a4dad6)(this.collection, item, last) > 0) last = item;
         }
         return last === null || last === void 0 ? void 0 : last.key;
     }
@@ -43981,7 +44021,7 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
         let fromItem = this.collection.getItem(from);
         let toItem = this.collection.getItem(to);
         if (fromItem && toItem) {
-            if (fromItem.index <= toItem.index) return this.getKeyRangeInternal(from, to);
+            if (($c5a24bc478652b5f$export$8c434b3a7a4dad6)(this.collection, fromItem, toItem) <= 0) return this.getKeyRangeInternal(from, to);
             return this.getKeyRangeInternal(to, from);
         }
         return [];
@@ -44061,9 +44101,7 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
                     let item = this.collection.getItem(key);
                     if (item.type === "item") keys.push(key);
                     // Add child keys. If cell selection is allowed, then include item children too.
-                    if (item.hasChildNodes && (this.allowsCellSelection || item.type !== "item")) addKeys([
-                        ...item.childNodes
-                    ][0].key);
+                    if (item.hasChildNodes && (this.allowsCellSelection || item.type !== "item")) addKeys(($c5a24bc478652b5f$export$fbdeaa6a76694f71)(($c5a24bc478652b5f$export$1005530eda016c13)(item, this.collection)).key);
                 }
                 key = this.collection.getKeyAfter(key);
             }
@@ -44195,6 +44233,10 @@ class $a02d57049d202695$export$d085fb9e920b5ca7 {
         ];
         return this.getItem(keys[idx]);
     }
+    getChildren(key) {
+        let node = this.keyMap.get(key);
+        return (node === null || node === void 0 ? void 0 : node.childNodes) || [];
+    }
     constructor(nodes){
         (_defineProperty)(this, "keyMap", new Map());
         this.iterable = nodes;
@@ -44515,20 +44557,19 @@ function $293f70390ea03370$export$497855f14858aa34(props, state, ref) {
     let isDisabled = (_props_isDisabled = props.isDisabled) !== null && _props_isDisabled !== void 0 ? _props_isDisabled : state.disabledKeys.has(key);
     var _props_isSelected;
     let isSelected = (_props_isSelected = props.isSelected) !== null && _props_isSelected !== void 0 ? _props_isSelected : state.selectionManager.isSelected(key);
-    let isFocused = state.selectionManager.focusedKey === key;
     var _props_shouldSelectOnPressUp;
-    let shouldSelectOnPressUp = (_props_shouldSelectOnPressUp = props.shouldSelectOnPressUp) !== null && _props_shouldSelectOnPressUp !== void 0 ? _props_shouldSelectOnPressUp : data.shouldSelectOnPressUp;
+    let shouldSelectOnPressUp = (_props_shouldSelectOnPressUp = props.shouldSelectOnPressUp) !== null && _props_shouldSelectOnPressUp !== void 0 ? _props_shouldSelectOnPressUp : data === null || data === void 0 ? void 0 : data.shouldSelectOnPressUp;
     var _props_shouldFocusOnHover;
-    let shouldFocusOnHover = (_props_shouldFocusOnHover = props.shouldFocusOnHover) !== null && _props_shouldFocusOnHover !== void 0 ? _props_shouldFocusOnHover : data.shouldFocusOnHover;
+    let shouldFocusOnHover = (_props_shouldFocusOnHover = props.shouldFocusOnHover) !== null && _props_shouldFocusOnHover !== void 0 ? _props_shouldFocusOnHover : data === null || data === void 0 ? void 0 : data.shouldFocusOnHover;
     var _props_shouldUseVirtualFocus;
-    let shouldUseVirtualFocus = (_props_shouldUseVirtualFocus = props.shouldUseVirtualFocus) !== null && _props_shouldUseVirtualFocus !== void 0 ? _props_shouldUseVirtualFocus : data.shouldUseVirtualFocus;
+    let shouldUseVirtualFocus = (_props_shouldUseVirtualFocus = props.shouldUseVirtualFocus) !== null && _props_shouldUseVirtualFocus !== void 0 ? _props_shouldUseVirtualFocus : data === null || data === void 0 ? void 0 : data.shouldUseVirtualFocus;
     var _props_isVirtualized;
-    let isVirtualized = (_props_isVirtualized = props.isVirtualized) !== null && _props_isVirtualized !== void 0 ? _props_isVirtualized : data.isVirtualized;
+    let isVirtualized = (_props_isVirtualized = props.isVirtualized) !== null && _props_isVirtualized !== void 0 ? _props_isVirtualized : data === null || data === void 0 ? void 0 : data.isVirtualized;
     let labelId = ($bdb11010cef70236$export$b4cc09c592e8fdb8)();
     let descriptionId = ($bdb11010cef70236$export$b4cc09c592e8fdb8)();
     let optionProps = {
         role: "option",
-        "aria-disabled": isDisabled,
+        "aria-disabled": isDisabled || undefined,
         "aria-selected": state.selectionManager.selectionMode !== "none" ? isSelected : undefined
     };
     // Safari with VoiceOver on macOS misreads options with aria-labelledby or aria-label as simply "text".
@@ -44540,10 +44581,12 @@ function $293f70390ea03370$export$497855f14858aa34(props, state, ref) {
         optionProps["aria-describedby"] = descriptionId;
     }
     if (isVirtualized) {
-        optionProps["aria-posinset"] = state.collection.getItem(key).index + 1;
+        var _state_collection_getItem;
+        let index = Number((_state_collection_getItem = state.collection.getItem(key)) === null || _state_collection_getItem === void 0 ? void 0 : _state_collection_getItem.index);
+        optionProps["aria-posinset"] = Number.isNaN(index) ? undefined : index + 1;
         optionProps["aria-setsize"] = ($453cc9f0df89c0a5$export$77d5aafae4e095b2)(state.collection);
     }
-    let { itemProps: itemProps , isPressed: isPressed , hasAction: hasAction , allowsSelection: allowsSelection  } = ($880e95eb8b93ba9a$export$ecf600387e221c37)({
+    let { itemProps: itemProps , isPressed: isPressed , isFocused: isFocused , hasAction: hasAction , allowsSelection: allowsSelection  } = ($880e95eb8b93ba9a$export$ecf600387e221c37)({
         selectionManager: state.selectionManager,
         key: key,
         ref: ref,
@@ -44552,7 +44595,10 @@ function $293f70390ea03370$export$497855f14858aa34(props, state, ref) {
         isVirtualized: isVirtualized,
         shouldUseVirtualFocus: shouldUseVirtualFocus,
         isDisabled: isDisabled,
-        onAction: data.onAction ? ()=>data.onAction(key) : undefined
+        onAction: (data === null || data === void 0 ? void 0 : data.onAction) ? ()=>{
+            var _data_onAction;
+            return data === null || data === void 0 ? void 0 : (_data_onAction = data.onAction) === null || _data_onAction === void 0 ? void 0 : _data_onAction.call(data, key);
+        } : undefined
     });
     let { hoverProps: hoverProps  } = ($6179b936705e76d3$export$ae780daf29e6d456)({
         isDisabled: isDisabled || !shouldFocusOnHover,
@@ -44576,6 +44622,7 @@ function $293f70390ea03370$export$497855f14858aa34(props, state, ref) {
             id: descriptionId
         },
         isFocused: isFocused,
+        isFocusVisible: isFocused && ($507fabe10e71c6fb$export$b9b3dfddab17db27)(),
         isSelected: isSelected,
         isDisabled: isDisabled,
         isPressed: isPressed,
@@ -44621,11 +44668,11 @@ function $af383d3bef1cfdc9$export$c3f9f39876e4bc7(props) {
 var styles$4 = {"listBox":"ListBox-module_listBox__FQ9sQ","focus":"ListBox-module_focus__Tm-jn"};
 
 var ListBox = function(_a) {
-  var children = _a.children, menuProps = _a.menuProps, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "menuProps", "classNameOverride"]);
+  var children = _a.children, menuProps = _a.menuProps, classNameOverride = _a.classNameOverride, restProps = __rest$1(_a, ["children", "menuProps", "classNameOverride"]);
   var state = useSelectContext().state;
   var ref = React__default.useRef(null);
-  var listBoxProps = $c132121280ec012d$export$50eacbbf140a3141(__assign(__assign({}, menuProps), { disallowEmptySelection: true, autoFocus: "first" }), state, ref).listBoxProps;
-  return React__default.createElement("ul", __assign({ ref, className: classNames(styles$4.listBox, classNameOverride) }, listBoxProps, restProps), children);
+  var listBoxProps = $c132121280ec012d$export$50eacbbf140a3141(__assign$1(__assign$1({}, menuProps), { disallowEmptySelection: true, autoFocus: "first" }), state, ref).listBoxProps;
+  return React__default.createElement("ul", __assign$1({ ref, className: classnames(styles$4.listBox, classNameOverride) }, listBoxProps, restProps), children);
 };
 ListBox.displayName = "ListBox";
 
@@ -44681,13 +44728,7 @@ var require$$2$4 = /*@__PURE__*/getAugmentedNamespace(Heading_module$1);
   var Heading = function(_a) {
     var children = _a.children, tag = _a.tag, variant = _a.variant, _b = _a.color, color = _b === void 0 ? "dark" : _b, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "tag", "variant", "color", "classNameOverride"]);
     var inferredTag = tag === void 0 ? translateHeadingLevelToTag(variant) : tag;
-    var className = (0, classnames_1["default"])([
-      Heading_module_scss_1["default"].heading,
-      Heading_module_scss_1["default"][variant],
-      classNameOverride,
-      Heading_module_scss_1["default"][color],
-      VARIANTS_24PX_OR_GREATER.includes(variant) ? Heading_module_scss_1["default"].large : Heading_module_scss_1["default"].small
-    ]);
+    var className = (0, classnames_1["default"])(Heading_module_scss_1["default"].heading, Heading_module_scss_1["default"][variant], classNameOverride, Heading_module_scss_1["default"][color], VARIANTS_24PX_OR_GREATER.includes(variant) ? Heading_module_scss_1["default"].large : Heading_module_scss_1["default"].small);
     return (0, react_1.createElement)(inferredTag, __assign(__assign({}, restProps), { className }), children);
   };
   exports.Heading = Heading;
@@ -44737,9 +44778,9 @@ var require$$2$4 = /*@__PURE__*/getAugmentedNamespace(Heading_module$1);
   __exportStar(Heading, exports);
 })(Heading$1);
 
-var Paragraph$1 = {};
+var Paragraph$2 = {};
 
-var Paragraph = {};
+var Paragraph$1 = {};
 
 var Paragraph_module = {"paragraph":"Paragraph-module_paragraph__4W6qH","intro-lede":"Paragraph-module_intro-lede__uFhW-","body":"Paragraph-module_body__0R0qn","small":"Paragraph-module_small__GQQjR","extra-small":"Paragraph-module_extra-small__Nx9pp","dark":"Paragraph-module_dark__x5bRT","dark-reduced-opacity":"Paragraph-module_dark-reduced-opacity__6jIPJ","white":"Paragraph-module_white__geIrR","white-reduced-opacity":"Paragraph-module_white-reduced-opacity__2Q7c7","positive":"Paragraph-module_positive__mC-GU","negative":"Paragraph-module_negative__KoAoh"};
 
@@ -44750,52 +44791,44 @@ var Paragraph_module$1 = /*#__PURE__*/Object.freeze({
 
 var require$$2$3 = /*@__PURE__*/getAugmentedNamespace(Paragraph_module$1);
 
-(function(exports) {
-  var __assign = commonjsGlobal && commonjsGlobal.__assign || function() {
-    __assign = Object.assign || function(t) {
-      for (var s, i = 1, n = arguments.length; i < n; i++) {
-        s = arguments[i];
-        for (var p in s)
-          if (Object.prototype.hasOwnProperty.call(s, p))
-            t[p] = s[p];
-      }
-      return t;
-    };
-    return __assign.apply(this, arguments);
-  };
-  var __rest = commonjsGlobal && commonjsGlobal.__rest || function(s, e) {
-    var t = {};
-    for (var p in s)
-      if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-      for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-        if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-          t[p[i]] = s[p[i]];
-      }
+var __assign = commonjsGlobal && commonjsGlobal.__assign || function() {
+  __assign = Object.assign || function(t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p))
+          t[p] = s[p];
+    }
     return t;
   };
-  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
-    return mod && mod.__esModule ? mod : { "default": mod };
-  };
-  exports.__esModule = true;
-  exports.Paragraph = void 0;
-  var react_1 = React__default;
-  var classnames_1 = __importDefault(classnamesExports);
-  var Paragraph_module_scss_1 = __importDefault(require$$2$3);
-  var Paragraph = function(_a) {
-    var children = _a.children, tag = _a.tag, variant = _a.variant, _b = _a.color, color = _b === void 0 ? "dark" : _b, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "tag", "variant", "color", "classNameOverride"]);
-    var className = (0, classnames_1["default"])([
-      Paragraph_module_scss_1["default"].paragraph,
-      Paragraph_module_scss_1["default"][variant],
-      Paragraph_module_scss_1["default"][color],
-      classNameOverride
-    ]);
-    return (0, react_1.createElement)(tag === void 0 ? "p" : tag, __assign(__assign({}, restProps), { className }), children);
-  };
-  exports.Paragraph = Paragraph;
-  exports.Paragraph.displayName = "Paragraph";
-})(Paragraph);
+  return __assign.apply(this, arguments);
+};
+var __rest = commonjsGlobal && commonjsGlobal.__rest || function(s, e) {
+  var t = {};
+  for (var p in s)
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+      t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
+};
+var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
+  return mod && mod.__esModule ? mod : { "default": mod };
+};
+Paragraph$1.__esModule = true;
+Paragraph$1.Paragraph = void 0;
+var react_1 = React__default;
+var classnames_1 = __importDefault(classnamesExports);
+var Paragraph_module_scss_1 = __importDefault(require$$2$3);
+var Paragraph = function(_a) {
+  var children = _a.children, tag = _a.tag, variant = _a.variant, _b = _a.color, color = _b === void 0 ? "dark" : _b, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "tag", "variant", "color", "classNameOverride"]);
+  var className = (0, classnames_1["default"])(Paragraph_module_scss_1["default"].paragraph, Paragraph_module_scss_1["default"][variant], Paragraph_module_scss_1["default"][color], classNameOverride);
+  return (0, react_1.createElement)(tag === void 0 ? "p" : tag, __assign(__assign({}, restProps), { className }), children);
+};
+Paragraph$1.Paragraph = Paragraph;
 
 (function(exports) {
   var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
@@ -44819,8 +44852,8 @@ var require$$2$3 = /*@__PURE__*/getAugmentedNamespace(Paragraph_module$1);
         __createBinding(exports2, m, p);
   };
   exports.__esModule = true;
-  __exportStar(Paragraph, exports);
-})(Paragraph$1);
+  __exportStar(Paragraph$1, exports);
+})(Paragraph$2);
 
 (function(exports) {
   var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
@@ -44845,7 +44878,7 @@ var require$$2$3 = /*@__PURE__*/getAugmentedNamespace(Paragraph_module$1);
   };
   exports.__esModule = true;
   __exportStar(Heading$1, exports);
-  __exportStar(Paragraph$1, exports);
+  __exportStar(Paragraph$2, exports);
 })(typography);
 
 var componentLibrary = {};
@@ -44944,8 +44977,8 @@ var require$$3 = /*@__PURE__*/getAugmentedNamespace(Icon_module$1);
   var console_1 = console$1;
   var Icon_module_scss_1 = __importDefault(require$$3);
   var Icon = function(_a) {
-    var _b, _c;
-    var icon = _a.icon, _d = _a.inheritSize, inheritSize = _d === void 0 ? false : _d, _e = _a.role, role = _e === void 0 ? "img" : _e, _f = _a.title, title = _f === void 0 ? "" : _f, _g = _a.desc, desc = _g === void 0 ? "" : _g, classNameOverride = _a.classNameOverride, props = __rest(_a, ["icon", "inheritSize", "role", "title", "desc", "classNameOverride"]);
+    var _b;
+    var icon = _a.icon, _c = _a.inheritSize, inheritSize = _c === void 0 ? false : _c, _d = _a.role, role = _d === void 0 ? "img" : _d, _e = _a.title, title = _e === void 0 ? "" : _e, _f = _a.desc, desc = _f === void 0 ? "" : _f, classNameOverride = _a.classNameOverride, props = __rest(_a, ["icon", "inheritSize", "role", "title", "desc", "classNameOverride"]);
     var isMeaningfulImg = role === "img";
     if (isMeaningfulImg && !title) {
       (0, console_1.warn)(`
@@ -44967,7 +45000,7 @@ var require$$3 = /*@__PURE__*/getAugmentedNamespace(Icon_module$1);
     return react_1["default"].createElement(
       "svg",
       __assign({
-        className: (0, classnames_1["default"])(Icon_module_scss_1["default"].icon, classNameOverride, (_c = {}, _c[Icon_module_scss_1["default"].inheritSize] = inheritSize, _c)),
+        className: (0, classnames_1["default"])(Icon_module_scss_1["default"].icon, classNameOverride, inheritSize && Icon_module_scss_1["default"].inheritSize),
         viewBox: icon.viewBox,
         // Work around IE11 making all SVGs focusable.
         // See http://simplyaccessible.com/article/7-solutions-svgs/#acc-heading-4
@@ -45211,10 +45244,9 @@ var require$$6 = /*@__PURE__*/getAugmentedNamespace(Dropdown_module$1);
         return react_1["default"].createElement(DropdownMenu_1["default"], { hideDropdownMenu: this.hideDropdownMenu, position: this.getPosition() }, this.props.children);
       };
       Dropdown2.prototype.render = function() {
-        var _a;
-        var _b = this.props, controlAction = _b.controlAction, automationId = _b.automationId, iconPosition = _b.iconPosition, reversedColor = _b.reversedColor;
+        var _a = this.props, controlAction = _a.controlAction, automationId = _a.automationId, iconPosition = _a.iconPosition, reversedColor = _a.reversedColor;
         var reverseIcon = iconPosition === "end";
-        var btnClass = (0, classnames_1["default"])(Dropdown_module_scss_1["default"].dropdownButton, (_a = {}, _a[Dropdown_module_scss_1["default"].dropdownControlAction] = controlAction, _a[Dropdown_module_scss_1["default"].isOpen] = this.state.isMenuVisible, _a[Dropdown_module_scss_1["default"].reversedColor] = reversedColor, _a));
+        var btnClass = (0, classnames_1["default"])(Dropdown_module_scss_1["default"].dropdownButton, controlAction && Dropdown_module_scss_1["default"].dropdownControlAction, this.state.isMenuVisible && Dropdown_module_scss_1["default"].isOpen, reversedColor && Dropdown_module_scss_1["default"].reversedColor);
         return react_1["default"].createElement(
           "div",
           { className: Dropdown_module_scss_1["default"].dropdown },
@@ -45482,7 +45514,6 @@ var MenuItem = {};
   var Icon_1 = Icon$1;
   var Menu_module_scss_1 = __importDefault(require$$1$2);
   var MenuItem = function(props) {
-    var _a;
     var icon = props.icon, hoverIcon = props.hoverIcon, children = props.children, action = props.action, active = props.active, destructive = props.destructive, automationId = props.automationId;
     var isLink = typeof action === "string";
     var label = react_1["default"].createElement(
@@ -45496,7 +45527,7 @@ var MenuItem = {};
       { className: Menu_module_scss_1["default"].menuItem__Icon },
       react_1["default"].createElement(Icon_1.Icon, { icon, role: "presentation" })
     );
-    var className = (0, classnames_1["default"])((_a = {}, _a[Menu_module_scss_1["default"].menuItem] = true, _a[Menu_module_scss_1["default"].hoverIcon] = icon && hoverIcon, _a[Menu_module_scss_1["default"]["menuItem--active"]] = active, _a[Menu_module_scss_1["default"]["menuItem--destructive"]] = destructive, _a));
+    var className = (0, classnames_1["default"])(Menu_module_scss_1["default"].menuItem, icon && hoverIcon && Menu_module_scss_1["default"].hoverIcon, active && Menu_module_scss_1["default"]["menuItem--active"], destructive && Menu_module_scss_1["default"]["menuItem--destructive"]);
     if (typeof action === "string") {
       return react_1["default"].createElement(
         "a",
@@ -45586,10 +45617,9 @@ var require$$2$1 = /*@__PURE__*/getAugmentedNamespace(Text_module$1);
   var classnames_1 = __importDefault(classnamesExports);
   var Text_module_scss_1 = __importDefault(require$$2$1);
   var Text = function(_a) {
-    var _b;
-    var tag = _a.tag, children = _a.children, _c = _a.inheritBaseline, inheritBaseline = _c === void 0 ? false : _c, _d = _a.inline, inline = _d === void 0 ? false : _d, _e = _a.style, style = _e === void 0 ? "default-style" : _e;
+    var tag = _a.tag, children = _a.children, _b = _a.inheritBaseline, inheritBaseline = _b === void 0 ? false : _b, _c = _a.inline, inline = _c === void 0 ? false : _c, _d = _a.style, style = _d === void 0 ? "default-style" : _d;
     return react_1["default"].createElement(tag, {
-      className: (0, classnames_1["default"])(Text_module_scss_1["default"][style], (_b = {}, _b[Text_module_scss_1["default"].inheritBaseline] = inheritBaseline, _b[Text_module_scss_1["default"].inline] = inline, _b))
+      className: (0, classnames_1["default"])(Text_module_scss_1["default"][style], inheritBaseline && Text_module_scss_1["default"].inheritBaseline, inline && Text_module_scss_1["default"].inline)
     }, children);
   };
   Text.displayName = "Text";
@@ -46031,22 +46061,16 @@ var img = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8'%3f%3e%3cs
 var styles$3 = {"option":"Option-module_option__U-MsL","disabled":"Option-module_disabled__RV081","icon":"Option-module_icon__0ECp6","isFocusVisible":"Option-module_isFocusVisible__yYC7y","isSelected":"Option-module_isSelected__L3nhB"};
 
 var Option = function(_a) {
-  var item = _a.item, classNameOverride = _a.classNameOverride, props = __rest(_a, ["item", "classNameOverride"]);
+  var item = _a.item, classNameOverride = _a.classNameOverride, props = __rest$1(_a, ["item", "classNameOverride"]);
   var state = useSelectContext().state;
   var ref = React__default.useRef(null);
   var _b = $293f70390ea03370$export$497855f14858aa34({ key: item.key }, state, ref), optionProps = _b.optionProps, isSelected = _b.isSelected, isDisabled = _b.isDisabled;
   var _c = $f7dceffc5ad7768b$export$4e328f61c538687f(), isFocusVisible = _c.isFocusVisible, focusProps = _c.focusProps;
   return React__default.createElement(
     "li",
-    __assign({}, $3ef42575df84b30b$export$9d1611c77c2fe928(optionProps, focusProps, props), { ref, className: classNames([
-      styles$3.option,
-      isSelected && styles$3.isSelected,
-      isFocusVisible && styles$3.isFocusVisible,
-      isDisabled && styles$3.disabled,
-      classNameOverride
-    ]), "aria-label": item.textValue }),
+    __assign$1({}, $3ef42575df84b30b$export$9d1611c77c2fe928(optionProps, focusProps, props), { ref, className: classnames(styles$3.option, isSelected && styles$3.isSelected, isFocusVisible && styles$3.isFocusVisible, isDisabled && styles$3.disabled, classNameOverride), "aria-label": item.textValue }),
     item.rendered,
-    React__default.createElement("span", { className: classNames([styles$3.icon, isSelected && styles$3.isSelected]) }, isSelected && React__default.createElement(componentLibrary.Icon, { icon: check, role: "presentation" }))
+    React__default.createElement("span", { className: classnames(styles$3.icon, isSelected && styles$3.isSelected) }, isSelected && React__default.createElement(componentLibrary.Icon, { icon: check, role: "presentation" }))
   );
 };
 Option.displayName = "Option";
@@ -46064,9 +46088,9 @@ var ListBoxSection = function(_a) {
     null,
     React__default.createElement(
       "li",
-      __assign({}, itemProps, { className: styles$2.sectionWrapper }),
-      section.rendered && React__default.createElement(typography.Heading, __assign({ tag: "span", variant: "heading-6" }, headingProps, { classNameOverride: styles$2.sectionHeading }), section.rendered),
-      React__default.createElement("ul", __assign({}, groupProps, { className: styles$2.sectionList }), Array.from(section.childNodes).map(function(item) {
+      __assign$1({}, itemProps, { className: styles$2.sectionWrapper }),
+      section.rendered && React__default.createElement(typography.Heading, __assign$1({ tag: "span", variant: "heading-6" }, headingProps, { classNameOverride: styles$2.sectionHeading }), section.rendered),
+      React__default.createElement("ul", __assign$1({}, groupProps, { className: styles$2.sectionList }), Array.from(section.childNodes).map(function(item) {
         return React__default.createElement(Option, { key: item.key, item });
       }))
     )
@@ -46089,13 +46113,13 @@ var ListItems = function(_a) {
 ListItems.displayName = "ListItems";
 
 var Overlay = function(_a) {
-  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "classNameOverride"]);
+  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest$1(_a, ["children", "classNameOverride"]);
   var state = useSelectContext().state;
   var overlayRef = React__default.useRef(null);
   var overlayProps = $a11501f3d1d39e6c$export$ea8f71083e90600f({ isDismissable: true, isOpen: state.isOpen, onClose: state.close }, overlayRef).overlayProps;
   return React__default.createElement(
     "div",
-    __assign({ ref: overlayRef, className: classNameOverride }, overlayProps, restProps),
+    __assign$1({ ref: overlayRef, className: classNameOverride }, overlayProps, restProps),
     React__default.createElement(
       $9bf71ea28793e738$export$20e40289641fbbb6,
       { contain: true, autoFocus: true, restoreFocus: true },
@@ -46154,9 +46178,8 @@ var require$$2 = /*@__PURE__*/getAugmentedNamespace(Divider_module$1);
   var classnames_1 = __importDefault(classnamesExports);
   var Divider_module_scss_1 = __importDefault(require$$2);
   var Divider = function(_a) {
-    var _b;
-    var variant = _a.variant, _c = _a.isReversed, isReversed = _c === void 0 ? false : _c, classNameOverride = _a.classNameOverride, props = __rest(_a, ["variant", "isReversed", "classNameOverride"]);
-    return react_1["default"].createElement("hr", __assign({ "aria-hidden": "true", className: (0, classnames_1["default"])(Divider_module_scss_1["default"].wrapper, classNameOverride, (_b = {}, _b[Divider_module_scss_1["default"].reversed] = isReversed, _b[Divider_module_scss_1["default"].content] = variant === "content", _b[Divider_module_scss_1["default"].canvas] = variant === "canvas", _b[Divider_module_scss_1["default"].menuSeparator] = variant === "menuSeparator", _b)) }, props));
+    var variant = _a.variant, _b = _a.isReversed, isReversed = _b === void 0 ? false : _b, classNameOverride = _a.classNameOverride, props = __rest(_a, ["variant", "isReversed", "classNameOverride"]);
+    return react_1["default"].createElement("hr", __assign({ "aria-hidden": "true", className: (0, classnames_1["default"])(Divider_module_scss_1["default"].wrapper, classNameOverride, isReversed && Divider_module_scss_1["default"].reversed, Divider_module_scss_1["default"][variant]) }, props));
   };
   exports.Divider = Divider;
   exports.Divider.displayName = "Divider";
@@ -46207,7 +46230,7 @@ var transformSelectItemToCollectionElement = function(item) {
 var styles = {"filterContents":"FilterSelect-module_filterContents__2LknZ"};
 
 var FilterSelect = function(_a) {
-  var isOpen = _a.isOpen, setIsOpen = _a.setIsOpen, renderTrigger = _a.renderTrigger, label = _a.label, children = _a.children, items = _a.items, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["isOpen", "setIsOpen", "renderTrigger", "label", "children", "items", "classNameOverride"]);
+  var isOpen = _a.isOpen, setIsOpen = _a.setIsOpen, renderTrigger = _a.renderTrigger, label = _a.label, children = _a.children, items = _a.items, classNameOverride = _a.classNameOverride, restProps = __rest$1(_a, ["isOpen", "setIsOpen", "renderTrigger", "label", "children", "items", "classNameOverride"]);
   var _b = useState({ current: null }), triggerRef = _b[0], setTriggerRef = _b[1];
   var disabledKeys = items.reduce(function(acc, item) {
     if (isSelectOptionGroup(item)) {
@@ -46220,7 +46243,7 @@ var FilterSelect = function(_a) {
     }
     return item.disabled ? __spreadArray(__spreadArray([], acc, true), [item.value], false) : acc;
   }, []);
-  var ariaSelectProps = __assign({ label, items, children: transformSelectItemToCollectionElement, isOpen, onOpenChange: setIsOpen, disabledKeys }, restProps);
+  var ariaSelectProps = __assign$1({ label, items, children: transformSelectItemToCollectionElement, isOpen, onOpenChange: setIsOpen, disabledKeys }, restProps);
   var state = $2bc3a590c5373a4e$export$5159ec8b34d4ec12(ariaSelectProps);
   var _c = $58aed456727eb0f3$export$e64b2f635402ca43(ariaSelectProps, state, triggerRef), triggerProps = _c.triggerProps, menuProps = _c.menuProps;
   var buttonProps = $701a24aa0da5b062$export$ea18c227d4417cc3(triggerProps, triggerRef).buttonProps;
@@ -46233,7 +46256,7 @@ var FilterSelect = function(_a) {
       Filter,
       { isOpen, setIsOpen, renderTrigger: function() {
         var _a2;
-        return renderTrigger(__assign({ selectedValue: ((_a2 = state.selectedItem) === null || _a2 === void 0 ? void 0 : _a2.textValue) || void 0, label, isOpen }, buttonProps));
+        return renderTrigger(__assign$1({ selectedValue: ((_a2 = state.selectedItem) === null || _a2 === void 0 ? void 0 : _a2.textValue) || void 0, label, isOpen }, buttonProps));
       }, onMount: setTriggerRef, classNameOverride },
       React__default.createElement(
         FilterContents,
@@ -46641,7 +46664,7 @@ var defaultTheme = heartTheme;
 
 var ThemeContext = createContext(defaultTheme);
 var ThemeProvider = function(_a) {
-  var themeManager = _a.themeManager, props = __rest(_a, ["themeManager"]);
+  var themeManager = _a.themeManager, props = __rest$1(_a, ["themeManager"]);
   var themeManagerInstance = useState(function() {
     return themeManager || new ThemeManager(defaultTheme);
   })[0];