@kaizen/components 1.8.3 → 1.8.5

package/dist/cjs/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-80c270e5.js');
+var index = require('./index-10ead07d.js');
 var React = require('react');
 var designTokens = require('@kaizen/design-tokens');
 
@@ -222,12 +222,12 @@ var RemoveScroll = React__namespace.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 = index.__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 = index.__rest(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]);
     var SideCar = sideCar;
     var containerRef = useMergeRefs([ref, parentRef]);
     var containerProps = index.__assign(index.__assign({}, rest), callbacks);
     return (React__namespace.createElement(React__namespace.Fragment, null,
-        enabled && (React__namespace.createElement(SideCar, { sideCar: effectCar$1, removeScrollBar: removeScrollBar, shards: shards, noIsolation: noIsolation, inert: inert, setCallbacks: setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref })),
+        enabled && (React__namespace.createElement(SideCar, { sideCar: effectCar$1, removeScrollBar: removeScrollBar, shards: shards, noIsolation: noIsolation, inert: inert, setCallbacks: setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode: gapMode })),
         forwardProps ? (React__namespace.cloneElement(React__namespace.Children.only(children), index.__assign(index.__assign({}, containerProps), { ref: containerRef }))) : (React__namespace.createElement(Container, index.__assign({}, containerProps, { className: className, ref: containerRef }), children))));
 });
 RemoveScroll.defaultProps = {
@@ -255,47 +255,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 = {};
 
@@ -514,17 +476,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;
 }
 
 /*
@@ -1475,6 +1435,9 @@ if (process.env.NODE_ENV !== 'production') {
   propTypes.exports = requireFactoryWithThrowingShims()();
 }
 
+var propTypesExports = propTypes.exports;
+var PropTypes = /*@__PURE__*/index.getDefaultExportFromCjs(propTypesExports);
+
 /**
  * defines a focus group
  */
@@ -1509,7 +1472,7 @@ var hiddenGuard = {
 };
 
 process.env.NODE_ENV !== "production" ? {
-  children: propTypesExports.node
+  children: PropTypes.node
 } : {};
 
 var mediumFocus = createMedium({}, function (_ref) {
@@ -1744,20 +1707,20 @@ 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();
@@ -2742,7 +2705,7 @@ var FocusWatcher = function FocusWatcher() {
 };
 
 process.env.NODE_ENV !== "production" ? {
-  children: propTypesExports.node.isRequired
+  children: PropTypes.node.isRequired
 } : {};
 
 var onWindowBlur = function onWindowBlur() {
@@ -3014,6 +2977,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
@@ -3028,7 +2992,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) {
@@ -3112,7 +3076,7 @@ function RemoveScrollSideCar(props) {
     var touchStartRef = React__namespace.useRef([0, 0]);
     var activeAxis = React__namespace.useRef();
     var id = React__namespace.useState(idCounter++)[0];
-    var Style = React__namespace.useState(function () { return styleSingleton(); })[0];
+    var Style = React__namespace.useState(styleSingleton)[0];
     var lastProps = React__namespace.useRef(props);
     React__namespace.useEffect(function () {
         lastProps.current = props;
@@ -3234,7 +3198,7 @@ function RemoveScrollSideCar(props) {
     var removeScrollBar = props.removeScrollBar, inert = props.inert;
     return (React__namespace.createElement(React__namespace.Fragment, null,
         inert ? React__namespace.createElement(Style, { styles: generateStyle(id) }) : null,
-        removeScrollBar ? React__namespace.createElement(RemoveScrollBar, { gapMode: "margin" }) : null));
+        removeScrollBar ? React__namespace.createElement(RemoveScrollBar, { gapMode: props.gapMode }) : null));
 }
 
 exportSidecar(effectCar$1, RemoveScrollSideCar);
@@ -3562,19 +3526,11 @@ var fromEntries = function fromEntries(entries) {
 
 var useIsomorphicLayoutEffect = typeof window !== 'undefined' && window.document && window.document.createElement ? React__namespace.useLayoutEffect : React__namespace.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 = {};
 
@@ -3603,8 +3559,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;
 }
 
@@ -4234,25 +4190,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;
 }
 
 /**
@@ -34434,45 +34388,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';
@@ -36582,6 +36535,8 @@ var reactFastCompare = function isEqual(a, b) {
   }
 };
 
+var isEqual = /*@__PURE__*/index.getDefaultExportFromCjs(reactFastCompare);
+
 var EMPTY_MODIFIERS$1 = [];
 var usePopper = function usePopper(referenceElement, popperElement, options) {
   if (options === void 0) {
@@ -36645,7 +36600,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;
@@ -36813,6 +36768,8 @@ if (__DEV__) {
 
 var warning_1 = warning;
 
+var warning$1 = /*@__PURE__*/index.getDefaultExportFromCjs(warning_1);
+
 function Reference(_ref) {
   var children = _ref.children,
       innerRef = _ref.innerRef;
@@ -36829,7 +36786,7 @@ function Reference(_ref) {
     };
   }, []);
   React__namespace.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
@@ -36860,7 +36817,7 @@ var FilterPopover = function(_a) {
       }
     }
   ], placement: "bottom-start", strategy: "fixed" }, popperOptions)), popperStyles = _c.styles, popperAttributes = _c.attributes;
-  return React.createElement("div", index.__assign({ ref: setPopperElement, style: popperStyles === null || popperStyles === void 0 ? void 0 : popperStyles.popper }, popperAttributes === null || popperAttributes === void 0 ? void 0 : popperAttributes.popper, { className: index.classNames(styles$a.filterPopover, classNameOverride), role: "dialog", "aria-modal": "true" }, restProps), children);
+  return React.createElement("div", index.__assign({ ref: setPopperElement, style: popperStyles === null || popperStyles === void 0 ? void 0 : popperStyles.popper }, popperAttributes === null || popperAttributes === void 0 ? void 0 : popperAttributes.popper, { className: index.classnames(styles$a.filterPopover, classNameOverride), role: "dialog", "aria-modal": "true" }, restProps), children);
 };
 FilterPopover.displayName = "FilterPopover";
 
@@ -36909,7 +36866,7 @@ var styles$9 = {"filterContents":"FilterContents-module_filterContents__uNUpd"};
 
 var FilterContents = function(_a) {
   var children = _a.children, classNameOverride = _a.classNameOverride, restProps = index.__rest(_a, ["children", "classNameOverride"]);
-  return React.createElement("div", index.__assign({ className: index.classNames(styles$9.filterContents, classNameOverride) }, restProps), children);
+  return React.createElement("div", index.__assign({ className: index.classnames(styles$9.filterContents, classNameOverride) }, restProps), children);
 };
 FilterContents.displayName = "FilterContents";
 
@@ -36925,8 +36882,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 = index.__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 = index.__rest(_a, ["inheritSize", "role", "title", "desc", "viewBox", "classNameOverride", "children"]);
   var isMeaningfulImg = role === "img";
   if (isMeaningfulImg && !title) {
     warn(`
@@ -36954,7 +36911,7 @@ var SVG = function(_a) {
   return React.createElement(
     "svg",
     index.__assign({
-      className: index.classNames(styles$8.icon, classNameOverride, (_c = {}, _c[styles$8.inheritSize] = inheritSize, _c)),
+      className: index.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
@@ -37027,7 +36984,7 @@ var styles$7 = {"filterButtonBase":"FilterButtonBase-module_filterButtonBase__50
 
 var FilterButtonBase = React.forwardRef(function(_a, ref) {
   var children = _a.children, classNameOverride = _a.classNameOverride, restProps = index.__rest(_a, ["children", "classNameOverride"]);
-  return React.createElement("button", index.__assign({ ref, type: "button", className: index.classNames(styles$7.filterButtonBase, classNameOverride) }, restProps), children);
+  return React.createElement("button", index.__assign({ ref, type: "button", className: index.classnames(styles$7.filterButtonBase, classNameOverride) }, restProps), children);
 });
 FilterButtonBase.displayName = "FilterButtonBase";
 
@@ -37040,7 +36997,7 @@ var FilterButton = React.forwardRef(function(_a, ref) {
   var selectedValuesLabel = selectedValue;
   return React.createElement(
     FilterButtonBase,
-    index.__assign({ ref: triggerRef, classNameOverride: index.classNames(styles$6.filterButton, classNameOverride), "aria-haspopup": "true", "aria-expanded": isOpen }, restProps),
+    index.__assign({ ref: triggerRef, classNameOverride: index.classnames(styles$6.filterButton, classNameOverride), "aria-haspopup": "true", "aria-expanded": isOpen }, restProps),
     React.createElement("span", { className: styles$6.labelContainer }, selectedValuesLabel ? React.createElement(
       React.Fragment,
       null,
@@ -37063,7 +37020,7 @@ var Tooltip$1 = {};
 
 var Tooltip = {};
 
-var require$$3$2 = /*@__PURE__*/getAugmentedNamespace(esm);
+var require$$3$2 = /*@__PURE__*/index.getAugmentedNamespace(esm);
 
 var AppearanceAnim = {};
 
@@ -37076,10 +37033,10 @@ var index_module = /*#__PURE__*/Object.freeze({
     useThrottledCallback: f$1
 });
 
-var require$$1$5 = /*@__PURE__*/getAugmentedNamespace(index_module);
+var require$$1$5 = /*@__PURE__*/index.getAugmentedNamespace(index_module);
 
 (function(exports) {
-  var __assign = commonjsGlobal && commonjsGlobal.__assign || function() {
+  var __assign = index.commonjsGlobal && index.commonjsGlobal.__assign || function() {
     __assign = Object.assign || function(t) {
       for (var s, i = 1, n = arguments.length; i < n; i++) {
         s = arguments[i];
@@ -37091,7 +37048,7 @@ var require$$1$5 = /*@__PURE__*/getAugmentedNamespace(index_module);
     };
     return __assign.apply(this, arguments);
   };
-  var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
+  var __createBinding = index.commonjsGlobal && index.commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
     if (k2 === void 0)
       k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -37106,12 +37063,12 @@ var require$$1$5 = /*@__PURE__*/getAugmentedNamespace(index_module);
       k2 = k;
     o[k2] = m[k];
   });
-  var __setModuleDefault = commonjsGlobal && commonjsGlobal.__setModuleDefault || (Object.create ? function(o, v) {
+  var __setModuleDefault = index.commonjsGlobal && index.commonjsGlobal.__setModuleDefault || (Object.create ? function(o, v) {
     Object.defineProperty(o, "default", { enumerable: true, value: v });
   } : function(o, v) {
     o["default"] = v;
   });
-  var __importStar = commonjsGlobal && commonjsGlobal.__importStar || function(mod) {
+  var __importStar = index.commonjsGlobal && index.commonjsGlobal.__importStar || function(mod) {
     if (mod && mod.__esModule)
       return mod;
     var result = {};
@@ -37123,7 +37080,7 @@ var require$$1$5 = /*@__PURE__*/getAugmentedNamespace(index_module);
     __setModuleDefault(result, mod);
     return result;
   };
-  var __rest = commonjsGlobal && commonjsGlobal.__rest || function(s, e) {
+  var __rest = index.commonjsGlobal && index.commonjsGlobal.__rest || function(s, e) {
     var t = {};
     for (var p in s)
       if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -37798,14 +37755,14 @@ var esmBrowser = /*#__PURE__*/Object.freeze({
     version: version
 });
 
-var require$$1$4 = /*@__PURE__*/getAugmentedNamespace(esmBrowser);
+var require$$1$4 = /*@__PURE__*/index.getAugmentedNamespace(esmBrowser);
 
 useUuid$1.__esModule = true;
 useUuid$1.useUuid = void 0;
-var react_1 = React;
+var react_1$1 = React;
 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)();
   }, []);
 };
@@ -37818,10 +37775,10 @@ var Tooltip_module$1 = /*#__PURE__*/Object.freeze({
     default: Tooltip_module
 });
 
-var require$$6$1 = /*@__PURE__*/getAugmentedNamespace(Tooltip_module$1);
+var require$$6$1 = /*@__PURE__*/index.getAugmentedNamespace(Tooltip_module$1);
 
 (function(exports) {
-  var __assign = commonjsGlobal && commonjsGlobal.__assign || function() {
+  var __assign = index.commonjsGlobal && index.commonjsGlobal.__assign || function() {
     __assign = Object.assign || function(t) {
       for (var s, i = 1, n = arguments.length; i < n; i++) {
         s = arguments[i];
@@ -37833,7 +37790,7 @@ var require$$6$1 = /*@__PURE__*/getAugmentedNamespace(Tooltip_module$1);
     };
     return __assign.apply(this, arguments);
   };
-  var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
+  var __createBinding = index.commonjsGlobal && index.commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
     if (k2 === void 0)
       k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -37848,12 +37805,12 @@ var require$$6$1 = /*@__PURE__*/getAugmentedNamespace(Tooltip_module$1);
       k2 = k;
     o[k2] = m[k];
   });
-  var __setModuleDefault = commonjsGlobal && commonjsGlobal.__setModuleDefault || (Object.create ? function(o, v) {
+  var __setModuleDefault = index.commonjsGlobal && index.commonjsGlobal.__setModuleDefault || (Object.create ? function(o, v) {
     Object.defineProperty(o, "default", { enumerable: true, value: v });
   } : function(o, v) {
     o["default"] = v;
   });
-  var __importStar = commonjsGlobal && commonjsGlobal.__importStar || function(mod) {
+  var __importStar = index.commonjsGlobal && index.commonjsGlobal.__importStar || function(mod) {
     if (mod && mod.__esModule)
       return mod;
     var result = {};
@@ -37865,7 +37822,7 @@ var require$$6$1 = /*@__PURE__*/getAugmentedNamespace(Tooltip_module$1);
     __setModuleDefault(result, mod);
     return result;
   };
-  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
+  var __importDefault = index.commonjsGlobal && index.commonjsGlobal.__importDefault || function(mod) {
     return mod && mod.__esModule ? mod : { "default": mod };
   };
   exports.__esModule = true;
@@ -37886,11 +37843,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",
@@ -37928,15 +37884,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 },
@@ -37947,13 +37903,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() {
@@ -37964,13 +37918,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);
@@ -37988,7 +37959,7 @@ var require$$6$1 = /*@__PURE__*/getAugmentedNamespace(Tooltip_module$1);
 })(Tooltip);
 
 (function(exports) {
-  var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
+  var __createBinding = index.commonjsGlobal && index.commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
     if (k2 === void 0)
       k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -38003,7 +37974,7 @@ var require$$6$1 = /*@__PURE__*/getAugmentedNamespace(Tooltip_module$1);
       k2 = k;
     o[k2] = m[k];
   });
-  var __exportStar = commonjsGlobal && commonjsGlobal.__exportStar || function(m, exports2) {
+  var __exportStar = index.commonjsGlobal && index.commonjsGlobal.__exportStar || function(m, exports2) {
     for (var p in m)
       if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports2, p))
         __createBinding(exports2, m, p);
@@ -38013,7 +37984,7 @@ var require$$6$1 = /*@__PURE__*/getAugmentedNamespace(Tooltip_module$1);
 })(Tooltip$1);
 
 (function(exports) {
-  var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
+  var __createBinding = index.commonjsGlobal && index.commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
     if (k2 === void 0)
       k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -38028,7 +37999,7 @@ var require$$6$1 = /*@__PURE__*/getAugmentedNamespace(Tooltip_module$1);
       k2 = k;
     o[k2] = m[k];
   });
-  var __exportStar = commonjsGlobal && commonjsGlobal.__exportStar || function(m, exports2) {
+  var __exportStar = index.commonjsGlobal && index.commonjsGlobal.__exportStar || function(m, exports2) {
     for (var p in m)
       if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports2, p))
         __createBinding(exports2, m, p);
@@ -38071,11 +38042,11 @@ var isFilterButton = function(node) {
 var ButtonGroup = function(_a) {
   var children = _a.children, classNameOverride = _a.classNameOverride, restProps = index.__rest(_a, ["children", "classNameOverride"]);
   var childCount = React.Children.count(children);
-  var containerProps = index.__assign({ role: "group", className: index.classNames(styles$5.buttonGroup, classNameOverride) }, restProps);
+  var containerProps = index.__assign({ role: "group", className: index.classnames(styles$5.buttonGroup, classNameOverride) }, restProps);
   if (childCount === 1)
     return React.createElement("div", index.__assign({}, containerProps), children);
   return React.createElement("div", index.__assign({}, containerProps), React.Children.map(children, function(child, index$1) {
-    var buttonClassNames = index.classNames(styles$5.child, index$1 === 0 && styles$5.firstChild, index$1 === childCount - 1 && styles$5.lastChild, child.props.classNameOverride);
+    var buttonClassNames = index.classnames(styles$5.child, index$1 === 0 && styles$5.firstChild, index$1 === childCount - 1 && styles$5.lastChild, child.props.classNameOverride);
     if (child.type === tooltip.Tooltip) {
       var button = child.props.children;
       if (isFilterButton(button)) {
@@ -38214,15 +38185,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).createContext($704cf1d3b684cc5c$var$defaultContext$1);
+const $704cf1d3b684cc5c$var$SSRContext = /*#__PURE__*/ (React).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 = (React.useContext)($704cf1d3b684cc5c$var$SSRContext$1);
+    let ctx = (React.useContext)($704cf1d3b684cc5c$var$SSRContext);
     let ref = (React.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;
@@ -38257,13 +38229,17 @@ function $704cf1d3b684cc5c$var$useCounter(isDisabled = false) {
     return ref.current;
 }
 function $704cf1d3b684cc5c$export$619500959fc48b26(defaultId) {
-    let ctx = (React.useContext)($704cf1d3b684cc5c$var$SSRContext$1);
+    let ctx = (React.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 = (React.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}
 
@@ -39752,7 +39728,9 @@ function $a1ea59d68270f0dd$export$f8168d8dd8fd66e6(props) {
     ]);
     const onSyntheticFocus = ($8a9cb279dc87e130$export$715c682d09d639cc)(onBlur);
     const onFocus = (React.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);
@@ -39787,6 +39765,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;
@@ -39903,7 +39882,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
@@ -39964,7 +39943,9 @@ function $9ab94262bd0047c7$export$420e68273165f4ec(props) {
     ]);
     let onSyntheticFocus = ($8a9cb279dc87e130$export$715c682d09d639cc)(onBlur);
     let onFocus = (React.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;
@@ -41151,55 +41132,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).createContext($704cf1d3b684cc5c$var$defaultContext);
-function $704cf1d3b684cc5c$export$535bd6ca7f90a273() {
-    let cur = (React.useContext)($704cf1d3b684cc5c$var$SSRContext);
-    let isInSSRContext = cur !== $704cf1d3b684cc5c$var$defaultContext;
-    let [isSSR, setIsSSR] = (React.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
-    (React.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");
@@ -41779,10 +41711,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);
             }
@@ -41893,9 +41827,9 @@ function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
     // Focus the associated DOM node when this item becomes the focusedKey
     (React.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
     }, [
@@ -42019,6 +41953,7 @@ function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
         }),
         isPressed: isPressed,
         isSelected: manager.isSelected(key),
+        isFocused: manager.isFocused && manager.focusedKey === key,
         isDisabled: isDisabled,
         allowsSelection: allowsSelection,
         hasAction: hasAction
@@ -42063,6 +41998,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);
@@ -42071,6 +42007,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();
@@ -42079,6 +42016,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();
@@ -42087,6 +42025,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}"]`);
@@ -42098,7 +42037,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;
     }
@@ -42109,7 +42048,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;
     }
@@ -42288,12 +42227,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 = {}) {
@@ -42478,6 +42417,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"
+]);
 
 
 /*
@@ -42751,6 +42702,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");
@@ -43060,6 +43026,7 @@ function $7613b1592d41b092$export$6cd28814d92fa9c9(props, factory, context, inva
     let builder = (React.useMemo)(()=>new ($eb2240fc39a57fa5$export$bf788dd355e3a401)(), []);
     let prev = (React.useRef)(null);
     return (React.useMemo)(()=>{
+        if (props.collection) return props.collection;
         let nodes = builder.build(props, context);
         prev.current = factory(nodes, prev.current);
         return prev.current;
@@ -43069,6 +43036,7 @@ function $7613b1592d41b092$export$6cd28814d92fa9c9(props, factory, context, inva
         builder,
         props.children,
         props.items,
+        props.collection,
         context,
         ...invalidators
     ]);
@@ -43085,13 +43053,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;
 }
@@ -43433,12 +43457,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
@@ -43874,6 +43913,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.
@@ -43956,7 +43996,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;
     }
@@ -43964,7 +44004,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;
     }
@@ -44001,7 +44041,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 [];
@@ -44081,9 +44121,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);
             }
@@ -44215,6 +44253,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;
@@ -44535,20 +44577,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".
@@ -44560,10 +44601,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,
@@ -44572,7 +44615,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,
@@ -44596,6 +44642,7 @@ function $293f70390ea03370$export$497855f14858aa34(props, state, ref) {
             id: descriptionId
         },
         isFocused: isFocused,
+        isFocusVisible: isFocused && ($507fabe10e71c6fb$export$b9b3dfddab17db27)(),
         isSelected: isSelected,
         isDisabled: isDisabled,
         isPressed: isPressed,
@@ -44645,7 +44692,7 @@ var ListBox = function(_a) {
   var state = useSelectContext().state;
   var ref = React.useRef(null);
   var listBoxProps = $c132121280ec012d$export$50eacbbf140a3141(index.__assign(index.__assign({}, menuProps), { disallowEmptySelection: true, autoFocus: "first" }), state, ref).listBoxProps;
-  return React.createElement("ul", index.__assign({ ref, className: index.classNames(styles$4.listBox, classNameOverride) }, listBoxProps, restProps), children);
+  return React.createElement("ul", index.__assign({ ref, className: index.classnames(styles$4.listBox, classNameOverride) }, listBoxProps, restProps), children);
 };
 ListBox.displayName = "ListBox";
 
@@ -44662,10 +44709,10 @@ var Heading_module$1 = /*#__PURE__*/Object.freeze({
     default: Heading_module
 });
 
-var require$$2$4 = /*@__PURE__*/getAugmentedNamespace(Heading_module$1);
+var require$$2$4 = /*@__PURE__*/index.getAugmentedNamespace(Heading_module$1);
 
 (function(exports) {
-  var __assign = commonjsGlobal && commonjsGlobal.__assign || function() {
+  var __assign = index.commonjsGlobal && index.commonjsGlobal.__assign || function() {
     __assign = Object.assign || function(t) {
       for (var s, i = 1, n = arguments.length; i < n; i++) {
         s = arguments[i];
@@ -44677,7 +44724,7 @@ var require$$2$4 = /*@__PURE__*/getAugmentedNamespace(Heading_module$1);
     };
     return __assign.apply(this, arguments);
   };
-  var __rest = commonjsGlobal && commonjsGlobal.__rest || function(s, e) {
+  var __rest = index.commonjsGlobal && index.commonjsGlobal.__rest || function(s, e) {
     var t = {};
     for (var p in s)
       if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -44689,7 +44736,7 @@ var require$$2$4 = /*@__PURE__*/getAugmentedNamespace(Heading_module$1);
       }
     return t;
   };
-  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
+  var __importDefault = index.commonjsGlobal && index.commonjsGlobal.__importDefault || function(mod) {
     return mod && mod.__esModule ? mod : { "default": mod };
   };
   exports.__esModule = true;
@@ -44701,13 +44748,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;
@@ -44733,7 +44774,7 @@ var require$$2$4 = /*@__PURE__*/getAugmentedNamespace(Heading_module$1);
 })(Heading);
 
 (function(exports) {
-  var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
+  var __createBinding = index.commonjsGlobal && index.commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
     if (k2 === void 0)
       k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -44748,7 +44789,7 @@ var require$$2$4 = /*@__PURE__*/getAugmentedNamespace(Heading_module$1);
       k2 = k;
     o[k2] = m[k];
   });
-  var __exportStar = commonjsGlobal && commonjsGlobal.__exportStar || function(m, exports2) {
+  var __exportStar = index.commonjsGlobal && index.commonjsGlobal.__exportStar || function(m, exports2) {
     for (var p in m)
       if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports2, p))
         __createBinding(exports2, m, p);
@@ -44757,9 +44798,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"};
 
@@ -44768,57 +44809,49 @@ var Paragraph_module$1 = /*#__PURE__*/Object.freeze({
     default: Paragraph_module
 });
 
-var require$$2$3 = /*@__PURE__*/getAugmentedNamespace(Paragraph_module$1);
+var require$$2$3 = /*@__PURE__*/index.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 = index.commonjsGlobal && index.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;
-  var classnames_1 = __importDefault(index.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 = index.commonjsGlobal && index.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 = index.commonjsGlobal && index.commonjsGlobal.__importDefault || function(mod) {
+  return mod && mod.__esModule ? mod : { "default": mod };
+};
+Paragraph$1.__esModule = true;
+Paragraph$1.Paragraph = void 0;
+var react_1 = React;
+var classnames_1 = __importDefault(index.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) {
+  var __createBinding = index.commonjsGlobal && index.commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
     if (k2 === void 0)
       k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -44833,17 +44866,17 @@ var require$$2$3 = /*@__PURE__*/getAugmentedNamespace(Paragraph_module$1);
       k2 = k;
     o[k2] = m[k];
   });
-  var __exportStar = commonjsGlobal && commonjsGlobal.__exportStar || function(m, exports2) {
+  var __exportStar = index.commonjsGlobal && index.commonjsGlobal.__exportStar || function(m, exports2) {
     for (var p in m)
       if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports2, p))
         __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) {
+  var __createBinding = index.commonjsGlobal && index.commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
     if (k2 === void 0)
       k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -44858,14 +44891,14 @@ var require$$2$3 = /*@__PURE__*/getAugmentedNamespace(Paragraph_module$1);
       k2 = k;
     o[k2] = m[k];
   });
-  var __exportStar = commonjsGlobal && commonjsGlobal.__exportStar || function(m, exports2) {
+  var __exportStar = index.commonjsGlobal && index.commonjsGlobal.__exportStar || function(m, exports2) {
     for (var p in m)
       if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports2, p))
         __createBinding(exports2, m, p);
   };
   exports.__esModule = true;
   __exportStar(Heading$1, exports);
-  __exportStar(Paragraph$1, exports);
+  __exportStar(Paragraph$2, exports);
 })(typography);
 
 var componentLibrary = {};
@@ -44883,7 +44916,7 @@ var chevronDown_icon = /*#__PURE__*/Object.freeze({
     default: img$2
 });
 
-var require$$2$2 = /*@__PURE__*/getAugmentedNamespace(chevronDown_icon);
+var require$$2$2 = /*@__PURE__*/index.getAugmentedNamespace(chevronDown_icon);
 
 var img$1 = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8'%3f%3e%3csvg width='20px' height='20px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3c!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch --%3e %3ctitle%3emeatballs%3c/title%3e %3cdesc%3eCreated with Sketch.%3c/desc%3e %3cdefs%3e %3cpath d='M4%2c8 C2.9%2c8 2%2c8.9 2%2c10 C2%2c11.1 2.9%2c12 4%2c12 C5.1%2c12 6%2c11.1 6%2c10 C6%2c8.9 5.1%2c8 4%2c8 L4%2c8 Z M16%2c8 C14.9%2c8 14%2c8.9 14%2c10 C14%2c11.1 14.9%2c12 16%2c12 C17.1%2c12 18%2c11.1 18%2c10 C18%2c8.9 17.1%2c8 16%2c8 L16%2c8 Z M10%2c8 C8.9%2c8 8%2c8.9 8%2c10 C8%2c11.1 8.9%2c12 10%2c12 C11.1%2c12 12%2c11.1 12%2c10 C12%2c8.9 11.1%2c8 10%2c8 L10%2c8 Z' id='path-1'%3e%3c/path%3e %3c/defs%3e %3cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='meatballs'%3e %3cmask id='mask-2' fill='white'%3e %3cuse xlink:href='%23path-1'%3e%3c/use%3e %3c/mask%3e %3cuse id='Icons/Actions/metballs' fill='black' xlink:href='%23path-1'%3e%3c/use%3e %3c/g%3e %3c/g%3e%3c/svg%3e";
 
@@ -44892,7 +44925,7 @@ var ellipsis_icon = /*#__PURE__*/Object.freeze({
     default: img$1
 });
 
-var require$$3$1 = /*@__PURE__*/getAugmentedNamespace(ellipsis_icon);
+var require$$3$1 = /*@__PURE__*/index.getAugmentedNamespace(ellipsis_icon);
 
 var Icon$1 = {};
 
@@ -44927,10 +44960,10 @@ var Icon_module$1 = /*#__PURE__*/Object.freeze({
     default: Icon_module
 });
 
-var require$$3 = /*@__PURE__*/getAugmentedNamespace(Icon_module$1);
+var require$$3 = /*@__PURE__*/index.getAugmentedNamespace(Icon_module$1);
 
 (function(exports) {
-  var __assign = commonjsGlobal && commonjsGlobal.__assign || function() {
+  var __assign = index.commonjsGlobal && index.commonjsGlobal.__assign || function() {
     __assign = Object.assign || function(t) {
       for (var s, i = 1, n = arguments.length; i < n; i++) {
         s = arguments[i];
@@ -44942,7 +44975,7 @@ var require$$3 = /*@__PURE__*/getAugmentedNamespace(Icon_module$1);
     };
     return __assign.apply(this, arguments);
   };
-  var __rest = commonjsGlobal && commonjsGlobal.__rest || function(s, e) {
+  var __rest = index.commonjsGlobal && index.commonjsGlobal.__rest || function(s, e) {
     var t = {};
     for (var p in s)
       if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -44954,7 +44987,7 @@ var require$$3 = /*@__PURE__*/getAugmentedNamespace(Icon_module$1);
       }
     return t;
   };
-  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
+  var __importDefault = index.commonjsGlobal && index.commonjsGlobal.__importDefault || function(mod) {
     return mod && mod.__esModule ? mod : { "default": mod };
   };
   exports.__esModule = true;
@@ -44964,8 +44997,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)(`
@@ -44987,7 +45020,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
@@ -45002,7 +45035,7 @@ var require$$3 = /*@__PURE__*/getAugmentedNamespace(Icon_module$1);
 })(Icon);
 
 (function(exports) {
-  var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
+  var __createBinding = index.commonjsGlobal && index.commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
     if (k2 === void 0)
       k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -45017,7 +45050,7 @@ var require$$3 = /*@__PURE__*/getAugmentedNamespace(Icon_module$1);
       k2 = k;
     o[k2] = m[k];
   });
-  var __exportStar = commonjsGlobal && commonjsGlobal.__exportStar || function(m, exports2) {
+  var __exportStar = index.commonjsGlobal && index.commonjsGlobal.__exportStar || function(m, exports2) {
     for (var p in m)
       if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports2, p))
         __createBinding(exports2, m, p);
@@ -45035,10 +45068,10 @@ var Dropdown_module$1 = /*#__PURE__*/Object.freeze({
     default: Dropdown_module
 });
 
-var require$$6 = /*@__PURE__*/getAugmentedNamespace(Dropdown_module$1);
+var require$$6 = /*@__PURE__*/index.getAugmentedNamespace(Dropdown_module$1);
 
 (function(exports) {
-  var __extends = commonjsGlobal && commonjsGlobal.__extends || function() {
+  var __extends = index.commonjsGlobal && index.commonjsGlobal.__extends || function() {
     var extendStatics = function(d, b) {
       extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
         d2.__proto__ = b2;
@@ -45059,7 +45092,7 @@ var require$$6 = /*@__PURE__*/getAugmentedNamespace(Dropdown_module$1);
       d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
   }();
-  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
+  var __importDefault = index.commonjsGlobal && index.commonjsGlobal.__importDefault || function(mod) {
     return mod && mod.__esModule ? mod : { "default": mod };
   };
   exports.__esModule = true;
@@ -45125,7 +45158,7 @@ var require$$6 = /*@__PURE__*/getAugmentedNamespace(Dropdown_module$1);
 })(DropdownMenu);
 
 (function(exports) {
-  var __extends = commonjsGlobal && commonjsGlobal.__extends || function() {
+  var __extends = index.commonjsGlobal && index.commonjsGlobal.__extends || function() {
     var extendStatics = function(d, b) {
       extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
         d2.__proto__ = b2;
@@ -45146,7 +45179,7 @@ var require$$6 = /*@__PURE__*/getAugmentedNamespace(Dropdown_module$1);
       d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
   }();
-  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
+  var __importDefault = index.commonjsGlobal && index.commonjsGlobal.__importDefault || function(mod) {
     return mod && mod.__esModule ? mod : { "default": mod };
   };
   exports.__esModule = true;
@@ -45231,10 +45264,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 },
@@ -45260,7 +45292,7 @@ var require$$6 = /*@__PURE__*/getAugmentedNamespace(Dropdown_module$1);
 })(Dropdown);
 
 (function(exports) {
-  var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
+  var __createBinding = index.commonjsGlobal && index.commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
     if (k2 === void 0)
       k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -45292,10 +45324,10 @@ var Layout_module$1 = /*#__PURE__*/Object.freeze({
     default: Layout_module
 });
 
-var require$$1$3 = /*@__PURE__*/getAugmentedNamespace(Layout_module$1);
+var require$$1$3 = /*@__PURE__*/index.getAugmentedNamespace(Layout_module$1);
 
 (function(exports) {
-  var __extends = commonjsGlobal && commonjsGlobal.__extends || function() {
+  var __extends = index.commonjsGlobal && index.commonjsGlobal.__extends || function() {
     var extendStatics = function(d, b) {
       extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
         d2.__proto__ = b2;
@@ -45316,7 +45348,7 @@ var require$$1$3 = /*@__PURE__*/getAugmentedNamespace(Layout_module$1);
       d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
   }();
-  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
+  var __importDefault = index.commonjsGlobal && index.commonjsGlobal.__importDefault || function(mod) {
     return mod && mod.__esModule ? mod : { "default": mod };
   };
   exports.__esModule = true;
@@ -45422,7 +45454,7 @@ var require$$1$3 = /*@__PURE__*/getAugmentedNamespace(Layout_module$1);
 })(Layout);
 
 (function(exports) {
-  var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
+  var __createBinding = index.commonjsGlobal && index.commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
     if (k2 === void 0)
       k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -45454,10 +45486,10 @@ var Menu_module$1 = /*#__PURE__*/Object.freeze({
     default: Menu_module
 });
 
-var require$$1$2 = /*@__PURE__*/getAugmentedNamespace(Menu_module$1);
+var require$$1$2 = /*@__PURE__*/index.getAugmentedNamespace(Menu_module$1);
 
 (function(exports) {
-  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
+  var __importDefault = index.commonjsGlobal && index.commonjsGlobal.__importDefault || function(mod) {
     return mod && mod.__esModule ? mod : { "default": mod };
   };
   exports.__esModule = true;
@@ -45473,7 +45505,7 @@ var require$$1$2 = /*@__PURE__*/getAugmentedNamespace(Menu_module$1);
 var MenuHeader = {};
 
 (function(exports) {
-  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
+  var __importDefault = index.commonjsGlobal && index.commonjsGlobal.__importDefault || function(mod) {
     return mod && mod.__esModule ? mod : { "default": mod };
   };
   exports.__esModule = true;
@@ -45493,7 +45525,7 @@ var MenuHeader = {};
 var MenuItem = {};
 
 (function(exports) {
-  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
+  var __importDefault = index.commonjsGlobal && index.commonjsGlobal.__importDefault || function(mod) {
     return mod && mod.__esModule ? mod : { "default": mod };
   };
   exports.__esModule = true;
@@ -45502,7 +45534,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(
@@ -45516,7 +45547,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",
@@ -45543,7 +45574,7 @@ var MenuItem = {};
 var MenuSeparator = {};
 
 (function(exports) {
-  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
+  var __importDefault = index.commonjsGlobal && index.commonjsGlobal.__importDefault || function(mod) {
     return mod && mod.__esModule ? mod : { "default": mod };
   };
   exports.__esModule = true;
@@ -45557,7 +45588,7 @@ var MenuSeparator = {};
 })(MenuSeparator);
 
 (function(exports) {
-  var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
+  var __createBinding = index.commonjsGlobal && index.commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
     if (k2 === void 0)
       k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -45595,10 +45626,10 @@ var Text_module$1 = /*#__PURE__*/Object.freeze({
     default: Text_module
 });
 
-var require$$2$1 = /*@__PURE__*/getAugmentedNamespace(Text_module$1);
+var require$$2$1 = /*@__PURE__*/index.getAugmentedNamespace(Text_module$1);
 
 (function(exports) {
-  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
+  var __importDefault = index.commonjsGlobal && index.commonjsGlobal.__importDefault || function(mod) {
     return mod && mod.__esModule ? mod : { "default": mod };
   };
   exports.__esModule = true;
@@ -45606,10 +45637,9 @@ var require$$2$1 = /*@__PURE__*/getAugmentedNamespace(Text_module$1);
   var classnames_1 = __importDefault(index.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";
@@ -45617,7 +45647,7 @@ var require$$2$1 = /*@__PURE__*/getAugmentedNamespace(Text_module$1);
 })(Text);
 
 (function(exports) {
-  var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
+  var __createBinding = index.commonjsGlobal && index.commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
     if (k2 === void 0)
       k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -45686,10 +45716,10 @@ var Padding_module$1 = /*#__PURE__*/Object.freeze({
     default: Padding_module
 });
 
-var require$$1$1 = /*@__PURE__*/getAugmentedNamespace(Padding_module$1);
+var require$$1$1 = /*@__PURE__*/index.getAugmentedNamespace(Padding_module$1);
 
 (function(exports) {
-  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
+  var __importDefault = index.commonjsGlobal && index.commonjsGlobal.__importDefault || function(mod) {
     return mod && mod.__esModule ? mod : { "default": mod };
   };
   exports.__esModule = true;
@@ -45787,10 +45817,10 @@ var Margin_module$1 = /*#__PURE__*/Object.freeze({
     default: Margin_module
 });
 
-var require$$1 = /*@__PURE__*/getAugmentedNamespace(Margin_module$1);
+var require$$1 = /*@__PURE__*/index.getAugmentedNamespace(Margin_module$1);
 
 (function(exports) {
-  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
+  var __importDefault = index.commonjsGlobal && index.commonjsGlobal.__importDefault || function(mod) {
     return mod && mod.__esModule ? mod : { "default": mod };
   };
   exports.__esModule = true;
@@ -45884,7 +45914,7 @@ var types = {};
 types.__esModule = true;
 
 (function(exports) {
-  var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
+  var __createBinding = index.commonjsGlobal && index.commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
     if (k2 === void 0)
       k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -45899,7 +45929,7 @@ types.__esModule = true;
       k2 = k;
     o[k2] = m[k];
   });
-  var __exportStar = commonjsGlobal && commonjsGlobal.__exportStar || function(m, exports2) {
+  var __exportStar = index.commonjsGlobal && index.commonjsGlobal.__exportStar || function(m, exports2) {
     for (var p in m)
       if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports2, p))
         __createBinding(exports2, m, p);
@@ -45915,7 +45945,7 @@ var Box$1 = {};
 var Box = {};
 
 (function(exports) {
-  var __assign = commonjsGlobal && commonjsGlobal.__assign || function() {
+  var __assign = index.commonjsGlobal && index.commonjsGlobal.__assign || function() {
     __assign = Object.assign || function(t) {
       for (var s, i = 1, n = arguments.length; i < n; i++) {
         s = arguments[i];
@@ -45927,7 +45957,7 @@ var Box = {};
     };
     return __assign.apply(this, arguments);
   };
-  var __rest = commonjsGlobal && commonjsGlobal.__rest || function(s, e) {
+  var __rest = index.commonjsGlobal && index.commonjsGlobal.__rest || function(s, e) {
     var t = {};
     for (var p in s)
       if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -45939,7 +45969,7 @@ var Box = {};
       }
     return t;
   };
-  var __spreadArray = commonjsGlobal && commonjsGlobal.__spreadArray || function(to, from, pack) {
+  var __spreadArray = index.commonjsGlobal && index.commonjsGlobal.__spreadArray || function(to, from, pack) {
     if (pack || arguments.length === 2)
       for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -45950,7 +45980,7 @@ var Box = {};
       }
     return to.concat(ar || Array.prototype.slice.call(from));
   };
-  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
+  var __importDefault = index.commonjsGlobal && index.commonjsGlobal.__importDefault || function(mod) {
     return mod && mod.__esModule ? mod : { "default": mod };
   };
   exports.__esModule = true;
@@ -45968,7 +45998,7 @@ var Box = {};
 })(Box);
 
 (function(exports) {
-  var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
+  var __createBinding = index.commonjsGlobal && index.commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
     if (k2 === void 0)
       k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -45990,7 +46020,7 @@ var Box = {};
 })(Box$1);
 
 (function(exports) {
-  var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
+  var __createBinding = index.commonjsGlobal && index.commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
     if (k2 === void 0)
       k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -46005,7 +46035,7 @@ var Box = {};
       k2 = k;
     o[k2] = m[k];
   });
-  var __exportStar = commonjsGlobal && commonjsGlobal.__exportStar || function(m, exports2) {
+  var __exportStar = index.commonjsGlobal && index.commonjsGlobal.__exportStar || function(m, exports2) {
     for (var p in m)
       if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports2, p))
         __createBinding(exports2, m, p);
@@ -46021,7 +46051,7 @@ var Box = {};
 })(components);
 
 (function(exports) {
-  var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
+  var __createBinding = index.commonjsGlobal && index.commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
     if (k2 === void 0)
       k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -46036,7 +46066,7 @@ var Box = {};
       k2 = k;
     o[k2] = m[k];
   });
-  var __exportStar = commonjsGlobal && commonjsGlobal.__exportStar || function(m, exports2) {
+  var __exportStar = index.commonjsGlobal && index.commonjsGlobal.__exportStar || function(m, exports2) {
     for (var p in m)
       if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports2, p))
         __createBinding(exports2, m, p);
@@ -46058,15 +46088,9 @@ var Option = function(_a) {
   var _c = $f7dceffc5ad7768b$export$4e328f61c538687f(), isFocusVisible = _c.isFocusVisible, focusProps = _c.focusProps;
   return React.createElement(
     "li",
-    index.__assign({}, $3ef42575df84b30b$export$9d1611c77c2fe928(optionProps, focusProps, props), { ref, className: index.classNames([
-      styles$3.option,
-      isSelected && styles$3.isSelected,
-      isFocusVisible && styles$3.isFocusVisible,
-      isDisabled && styles$3.disabled,
-      classNameOverride
-    ]), "aria-label": item.textValue }),
+    index.__assign({}, $3ef42575df84b30b$export$9d1611c77c2fe928(optionProps, focusProps, props), { ref, className: index.classnames(styles$3.option, isSelected && styles$3.isSelected, isFocusVisible && styles$3.isFocusVisible, isDisabled && styles$3.disabled, classNameOverride), "aria-label": item.textValue }),
     item.rendered,
-    React.createElement("span", { className: index.classNames([styles$3.icon, isSelected && styles$3.isSelected]) }, isSelected && React.createElement(componentLibrary.Icon, { icon: check, role: "presentation" }))
+    React.createElement("span", { className: index.classnames(styles$3.icon, isSelected && styles$3.isSelected) }, isSelected && React.createElement(componentLibrary.Icon, { icon: check, role: "presentation" }))
   );
 };
 Option.displayName = "Option";
@@ -46138,10 +46162,10 @@ var Divider_module$1 = /*#__PURE__*/Object.freeze({
     default: Divider_module
 });
 
-var require$$2 = /*@__PURE__*/getAugmentedNamespace(Divider_module$1);
+var require$$2 = /*@__PURE__*/index.getAugmentedNamespace(Divider_module$1);
 
 (function(exports) {
-  var __assign = commonjsGlobal && commonjsGlobal.__assign || function() {
+  var __assign = index.commonjsGlobal && index.commonjsGlobal.__assign || function() {
     __assign = Object.assign || function(t) {
       for (var s, i = 1, n = arguments.length; i < n; i++) {
         s = arguments[i];
@@ -46153,7 +46177,7 @@ var require$$2 = /*@__PURE__*/getAugmentedNamespace(Divider_module$1);
     };
     return __assign.apply(this, arguments);
   };
-  var __rest = commonjsGlobal && commonjsGlobal.__rest || function(s, e) {
+  var __rest = index.commonjsGlobal && index.commonjsGlobal.__rest || function(s, e) {
     var t = {};
     for (var p in s)
       if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -46165,7 +46189,7 @@ var require$$2 = /*@__PURE__*/getAugmentedNamespace(Divider_module$1);
       }
     return t;
   };
-  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
+  var __importDefault = index.commonjsGlobal && index.commonjsGlobal.__importDefault || function(mod) {
     return mod && mod.__esModule ? mod : { "default": mod };
   };
   exports.__esModule = true;
@@ -46174,16 +46198,15 @@ var require$$2 = /*@__PURE__*/getAugmentedNamespace(Divider_module$1);
   var classnames_1 = __importDefault(index.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";
 })(Divider);
 
 (function(exports) {
-  var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
+  var __createBinding = index.commonjsGlobal && index.commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
     if (k2 === void 0)
       k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -46198,7 +46221,7 @@ var require$$2 = /*@__PURE__*/getAugmentedNamespace(Divider_module$1);
       k2 = k;
     o[k2] = m[k];
   });
-  var __exportStar = commonjsGlobal && commonjsGlobal.__exportStar || function(m, exports2) {
+  var __exportStar = index.commonjsGlobal && index.commonjsGlobal.__exportStar || function(m, exports2) {
     for (var p in m)
       if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports2, p))
         __createBinding(exports2, m, p);