@kaizen/components 1.8.4 → 1.8.6

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import { _ as __assign, a as __rest, g as getDefaultExportFromCjs, b as __spreadArray, c as __spreadArrays, d as classNames, e as getAugmentedNamespace, f as commonjsGlobal, h as classnamesExports } from './index-d2699925.js';
+import { _ as __assign$1, a as __rest$1, g as getDefaultExportFromCjs, b as __spreadArray, c as __spreadArrays, d as classnames, e as getAugmentedNamespace, f as commonjsGlobal, h as classnamesExports } from './index-f64852b9.js';
 import * as React from 'react';
 import React__default, { useState, useEffect, PureComponent, useRef, forwardRef, useMemo, useCallback, useContext, createContext } from 'react';
 import { makeCssVariableDefinitionsMap } from '@kaizen/design-tokens';
@@ -166,12 +166,12 @@ function createMedium(defaults, middleware) {
 function createSidecarMedium(options) {
     if (options === void 0) { options = {}; }
     var medium = innerCreateMedium(null);
-    medium.options = __assign({ async: true, ssr: false }, options);
+    medium.options = __assign$1({ async: true, ssr: false }, options);
     return medium;
 }
 
 var SideCar$1 = function (_a) {
-    var sideCar = _a.sideCar, rest = __rest(_a, ["sideCar"]);
+    var sideCar = _a.sideCar, rest = __rest$1(_a, ["sideCar"]);
     if (!sideCar) {
         throw new Error('Sidecar: please provide `sideCar` property to import the right car');
     }
@@ -179,7 +179,7 @@ var SideCar$1 = function (_a) {
     if (!Target) {
         throw new Error('Sidecar medium not found');
     }
-    return React.createElement(Target, __assign({}, rest));
+    return React.createElement(Target, __assign$1({}, rest));
 };
 SideCar$1.isSideCarExport = true;
 function exportSidecar(medium, exported) {
@@ -202,13 +202,13 @@ var RemoveScroll = React.forwardRef(function (props, parentRef) {
         onWheelCapture: nothing,
         onTouchMoveCapture: nothing,
     }), callbacks = _a[0], setCallbacks = _a[1];
-    var forwardProps = props.forwardProps, children = props.children, className = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b = props.as, Container = _b === void 0 ? 'div' : _b, gapMode = props.gapMode, rest = __rest(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]);
+    var forwardProps = props.forwardProps, children = props.children, className = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b = props.as, Container = _b === void 0 ? 'div' : _b, gapMode = props.gapMode, rest = __rest$1(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]);
     var SideCar = sideCar;
     var containerRef = useMergeRefs([ref, parentRef]);
-    var containerProps = __assign(__assign({}, rest), callbacks);
+    var containerProps = __assign$1(__assign$1({}, rest), callbacks);
     return (React.createElement(React.Fragment, null,
         enabled && (React.createElement(SideCar, { sideCar: effectCar$1, removeScrollBar: removeScrollBar, shards: shards, noIsolation: noIsolation, inert: inert, setCallbacks: setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode: gapMode })),
-        forwardProps ? (React.cloneElement(React.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef }))) : (React.createElement(Container, __assign({}, containerProps, { className: className, ref: containerRef }), children))));
+        forwardProps ? (React.cloneElement(React.Children.only(children), __assign$1(__assign$1({}, containerProps), { ref: containerRef }))) : (React.createElement(Container, __assign$1({}, containerProps, { className: className, ref: containerRef }), children))));
 });
 RemoveScroll.defaultProps = {
     enabled: true,
@@ -1706,14 +1706,14 @@ process.env.NODE_ENV !== "production" ? {
 var effectCar = createSidecarMedium();
 var focusHiddenMarker = 'data-focus-on-hidden';
 
-__assign({}, RemoveScroll.classNames);
+__assign$1({}, RemoveScroll.classNames);
 
 var FocusOn$1 = React.forwardRef(function (props, parentRef) {
     var _a = React.useState(false), lockProps = _a[0], setLockProps = _a[1];
-    var children = props.children, autoFocus = props.autoFocus, shards = props.shards, _b = props.enabled, enabled = _b === void 0 ? true : _b, _c = props.scrollLock, scrollLock = _c === void 0 ? true : _c, _d = props.focusLock, focusLock = _d === void 0 ? true : _d, _e = props.returnFocus, returnFocus = _e === void 0 ? true : _e, inert = props.inert, allowPinchZoom = props.allowPinchZoom, sideCar = props.sideCar, className = props.className, shouldIgnore = props.shouldIgnore, preventScrollOnFocus = props.preventScrollOnFocus, style = props.style, as = props.as, gapMode = props.gapMode, rest = __rest(props, ["children", "autoFocus", "shards", "enabled", "scrollLock", "focusLock", "returnFocus", "inert", "allowPinchZoom", "sideCar", "className", "shouldIgnore", "preventScrollOnFocus", "style", "as", "gapMode"]);
+    var children = props.children, autoFocus = props.autoFocus, shards = props.shards, _b = props.enabled, enabled = _b === void 0 ? true : _b, _c = props.scrollLock, scrollLock = _c === void 0 ? true : _c, _d = props.focusLock, focusLock = _d === void 0 ? true : _d, _e = props.returnFocus, returnFocus = _e === void 0 ? true : _e, inert = props.inert, allowPinchZoom = props.allowPinchZoom, sideCar = props.sideCar, className = props.className, shouldIgnore = props.shouldIgnore, preventScrollOnFocus = props.preventScrollOnFocus, style = props.style, as = props.as, gapMode = props.gapMode, rest = __rest$1(props, ["children", "autoFocus", "shards", "enabled", "scrollLock", "focusLock", "returnFocus", "inert", "allowPinchZoom", "sideCar", "className", "shouldIgnore", "preventScrollOnFocus", "style", "as", "gapMode"]);
     var SideCar = sideCar;
-    var onActivation = lockProps.onActivation, onDeactivation = lockProps.onDeactivation, restProps = __rest(lockProps, ["onActivation", "onDeactivation"]);
-    var appliedLockProps = __assign(__assign({}, restProps), { as: as,
+    var onActivation = lockProps.onActivation, onDeactivation = lockProps.onDeactivation, restProps = __rest$1(lockProps, ["onActivation", "onDeactivation"]);
+    var appliedLockProps = __assign$1(__assign$1({}, restProps), { as: as,
         style: style,
         sideCar: sideCar,
         shards: shards,
@@ -1722,7 +1722,7 @@ var FocusOn$1 = React.forwardRef(function (props, parentRef) {
         inert: inert, enabled: enabled && scrollLock });
     return (React.createElement(React.Fragment, null,
         React.createElement(FocusLockUI, { ref: parentRef, sideCar: sideCar, disabled: !(lockProps && enabled && focusLock), returnFocus: returnFocus, autoFocus: autoFocus, shards: shards, onActivation: onActivation, onDeactivation: onDeactivation, className: className, whiteList: shouldIgnore, lockProps: appliedLockProps, focusOptions: preventScrollOnFocus ? { preventScroll: true } : undefined, as: RemoveScroll }, children),
-        enabled && (React.createElement(SideCar, __assign({}, rest, { sideCar: effectCar, setLockProps: setLockProps, shards: shards })))));
+        enabled && (React.createElement(SideCar, __assign$1({}, rest, { sideCar: effectCar, setLockProps: setLockProps, shards: shards })))));
 });
 
 function _setPrototypeOf(o, p) {
@@ -3423,9 +3423,9 @@ function Effect(_a) {
 var SideCar = exportSidecar(effectCar, Effect);
 
 var RequireSideCar = function (props) {
-    return React.createElement(SideCar, __assign({}, props));
+    return React.createElement(SideCar, __assign$1({}, props));
 };
-var FocusOn = React.forwardRef(function (props, ref) { return React.createElement(FocusOn$1, __assign({}, props, { ref: ref, sideCar: RequireSideCar })); });
+var FocusOn = React.forwardRef(function (props, ref) { return React.createElement(FocusOn$1, __assign$1({}, props, { ref: ref, sideCar: RequireSideCar })); });
 
 var ManagerReferenceNodeContext = React.createContext();
 var ManagerReferenceNodeSetterContext = React.createContext();
@@ -36787,9 +36787,9 @@ var esm = /*#__PURE__*/Object.freeze({
 var styles$a = {"filterPopover":"FilterPopover-module_filterPopover__OgOEM"};
 
 var FilterPopover = function(_a) {
-  var children = _a.children, referenceElement = _a.referenceElement, popperOptions = _a.popperOptions, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "referenceElement", "popperOptions", "classNameOverride"]);
+  var children = _a.children, referenceElement = _a.referenceElement, popperOptions = _a.popperOptions, classNameOverride = _a.classNameOverride, restProps = __rest$1(_a, ["children", "referenceElement", "popperOptions", "classNameOverride"]);
   var _b = useState(null), popperElement = _b[0], setPopperElement = _b[1];
-  var _c = usePopper(referenceElement, popperElement, __assign({ modifiers: [
+  var _c = usePopper(referenceElement, popperElement, __assign$1({ modifiers: [
     {
       name: "offset",
       options: {
@@ -36797,13 +36797,13 @@ var FilterPopover = function(_a) {
       }
     }
   ], placement: "bottom-start", strategy: "fixed" }, popperOptions)), popperStyles = _c.styles, popperAttributes = _c.attributes;
-  return React__default.createElement("div", __assign({ ref: setPopperElement, style: popperStyles === null || popperStyles === void 0 ? void 0 : popperStyles.popper }, popperAttributes === null || popperAttributes === void 0 ? void 0 : popperAttributes.popper, { className: classNames(styles$a.filterPopover, classNameOverride), role: "dialog", "aria-modal": "true" }, restProps), children);
+  return React__default.createElement("div", __assign$1({ ref: setPopperElement, style: popperStyles === null || popperStyles === void 0 ? void 0 : popperStyles.popper }, popperAttributes === null || popperAttributes === void 0 ? void 0 : popperAttributes.popper, { className: classnames(styles$a.filterPopover, classNameOverride), role: "dialog", "aria-modal": "true" }, restProps), children);
 };
 FilterPopover.displayName = "FilterPopover";
 
 var Filter = function(_a) {
   var _b, _c, _d, _e, _f;
-  var children = _a.children, isOpen = _a.isOpen, setIsOpen = _a.setIsOpen, renderTrigger = _a.renderTrigger, classNameOverride = _a.classNameOverride, onMount = _a.onMount, restProps = __rest(_a, ["children", "isOpen", "setIsOpen", "renderTrigger", "classNameOverride", "onMount"]);
+  var children = _a.children, isOpen = _a.isOpen, setIsOpen = _a.setIsOpen, renderTrigger = _a.renderTrigger, classNameOverride = _a.classNameOverride, onMount = _a.onMount, restProps = __rest$1(_a, ["children", "isOpen", "setIsOpen", "renderTrigger", "classNameOverride", "onMount"]);
   var _g = useState(false), isRefLoaded = _g[0], setIsRefLoaded = _g[1];
   var trigger = renderTrigger({
     onClick: function() {
@@ -36825,7 +36825,7 @@ var Filter = function(_a) {
   }, [(_d = (_c = filterButtonRef.current) === null || _c === void 0 ? void 0 : _c.triggerRef) === null || _d === void 0 ? void 0 : _d.current, onMount]);
   return React__default.createElement(
     "div",
-    __assign({ className: classNameOverride }, restProps),
+    __assign$1({ className: classNameOverride }, restProps),
     React__default.cloneElement(trigger, {
       ref: filterButtonRef
     }),
@@ -36845,8 +36845,8 @@ Filter.displayName = "Filter";
 var styles$9 = {"filterContents":"FilterContents-module_filterContents__uNUpd"};
 
 var FilterContents = function(_a) {
-  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "classNameOverride"]);
-  return React__default.createElement("div", __assign({ className: classNames(styles$9.filterContents, classNameOverride) }, restProps), children);
+  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest$1(_a, ["children", "classNameOverride"]);
+  return React__default.createElement("div", __assign$1({ className: classnames(styles$9.filterContents, classNameOverride) }, restProps), children);
 };
 FilterContents.displayName = "FilterContents";
 
@@ -36862,8 +36862,8 @@ var singleLine = function(message) {
 var styles$8 = {"icon":"SVG-module_icon__FE6iP","inheritSize":"SVG-module_inheritSize__wiKMe","interactiveIconWrapper":"SVG-module_interactiveIconWrapper__ACcob","disabled":"SVG-module_disabled__WB5BU","hover":"SVG-module_hover__QivVO","active":"SVG-module_active__R9jic","reversedInteractiveIconWrapper":"SVG-module_reversedInteractiveIconWrapper__hTsnf SVG-module_interactiveIconWrapper__ACcob"};
 
 var SVG = function(_a) {
-  var _b, _c;
-  var _d = _a.inheritSize, inheritSize = _d === void 0 ? false : _d, _e = _a.role, role = _e === void 0 ? "img" : _e, _f = _a.title, title = _f === void 0 ? "" : _f, _g = _a.desc, desc = _g === void 0 ? "" : _g, _h = _a.viewBox, viewBox = _h === void 0 ? "0 0 20 20" : _h, classNameOverride = _a.classNameOverride, children = _a.children, props = __rest(_a, ["inheritSize", "role", "title", "desc", "viewBox", "classNameOverride", "children"]);
+  var _b;
+  var _c = _a.inheritSize, inheritSize = _c === void 0 ? false : _c, _d = _a.role, role = _d === void 0 ? "img" : _d, _e = _a.title, title = _e === void 0 ? "" : _e, _f = _a.desc, desc = _f === void 0 ? "" : _f, _g = _a.viewBox, viewBox = _g === void 0 ? "0 0 20 20" : _g, classNameOverride = _a.classNameOverride, children = _a.children, props = __rest$1(_a, ["inheritSize", "role", "title", "desc", "viewBox", "classNameOverride", "children"]);
   var isMeaningfulImg = role === "img";
   if (isMeaningfulImg && !title) {
     warn(`
@@ -36890,8 +36890,8 @@ var SVG = function(_a) {
   }, _b["aria-hidden"] = isMeaningfulImg ? void 0 : true, _b);
   return React__default.createElement(
     "svg",
-    __assign({
-      className: classNames(styles$8.icon, classNameOverride, (_c = {}, _c[styles$8.inheritSize] = inheritSize, _c)),
+    __assign$1({
+      className: classnames(styles$8.icon, classNameOverride, inheritSize && styles$8.inheritSize),
       viewBox,
       // Work around IE11 making all SVGs focusable.
       // See http://simplyaccessible.com/article/7-solutions-svgs/#acc-heading-4
@@ -36907,7 +36907,7 @@ SVG.displayName = "SVG";
 var ChevronDownIcon = function(props) {
   return React__default.createElement(
     SVG,
-    __assign({}, props),
+    __assign$1({}, props),
     React__default.createElement(
       "defs",
       null,
@@ -36933,7 +36933,7 @@ var ChevronDownIcon = function(props) {
 var ChevronUpIcon = function(props) {
   return React__default.createElement(
     SVG,
-    __assign({}, props),
+    __assign$1({}, props),
     React__default.createElement(
       "defs",
       null,
@@ -36963,21 +36963,21 @@ var isRefObject = function(ref) {
 var styles$7 = {"filterButtonBase":"FilterButtonBase-module_filterButtonBase__505sK"};
 
 var FilterButtonBase = forwardRef(function(_a, ref) {
-  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "classNameOverride"]);
-  return React__default.createElement("button", __assign({ ref, type: "button", className: classNames(styles$7.filterButtonBase, classNameOverride) }, restProps), children);
+  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest$1(_a, ["children", "classNameOverride"]);
+  return React__default.createElement("button", __assign$1({ ref, type: "button", className: classnames(styles$7.filterButtonBase, classNameOverride) }, restProps), children);
 });
 FilterButtonBase.displayName = "FilterButtonBase";
 
 var styles$6 = {"filterButton":"FilterButton-module_filterButton__Q2dMX","labelContainer":"FilterButton-module_labelContainer__5G-MD","hasSelectedValues":"FilterButton-module_hasSelectedValues__dyQkL","labelSeparator":"FilterButton-module_labelSeparator__xrkAx"};
 
 var FilterButton = forwardRef(function(_a, ref) {
-  var label = _a.label, selectedValue = _a.selectedValue, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["label", "selectedValue", "isOpen", "classNameOverride"]);
+  var label = _a.label, selectedValue = _a.selectedValue, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, classNameOverride = _a.classNameOverride, restProps = __rest$1(_a, ["label", "selectedValue", "isOpen", "classNameOverride"]);
   var customRefObject = isRefObject(ref) ? ref.current : null;
   var triggerRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.triggerRef;
   var selectedValuesLabel = selectedValue;
   return React__default.createElement(
     FilterButtonBase,
-    __assign({ ref: triggerRef, classNameOverride: classNames(styles$6.filterButton, classNameOverride), "aria-haspopup": "true", "aria-expanded": isOpen }, restProps),
+    __assign$1({ ref: triggerRef, classNameOverride: classnames(styles$6.filterButton, classNameOverride), "aria-haspopup": "true", "aria-expanded": isOpen }, restProps),
     React__default.createElement("span", { className: styles$6.labelContainer }, selectedValuesLabel ? React__default.createElement(
       React__default.Fragment,
       null,
@@ -37739,10 +37739,10 @@ var require$$1$4 = /*@__PURE__*/getAugmentedNamespace(esmBrowser);
 
 useUuid$1.__esModule = true;
 useUuid$1.useUuid = void 0;
-var react_1 = React__default;
+var react_1$1 = React__default;
 var uuid_1 = require$$1$4;
 var useUuid = function() {
-  return (0, react_1.useMemo)(function() {
+  return (0, react_1$1.useMemo)(function() {
     return (0, uuid_1.v4)();
   }, []);
 };
@@ -37823,11 +37823,10 @@ var require$$6$1 = /*@__PURE__*/getAugmentedNamespace(Tooltip_module$1);
   var arrowHeight = 7;
   var arrowWidth = 14;
   var TooltipContent = function(_a) {
-    var _b, _c;
-    var position = _a.position, text = _a.text, referenceElement = _a.referenceElement, tooltipId = _a.tooltipId, _d = _a.mood, mood = _d === void 0 ? "default" : _d;
-    var _e = (0, react_1.useState)(null), popperElement = _e[0], setPopperElement = _e[1];
-    var _f = (0, react_1.useState)(null), arrowElement = _f[0], setArrowElement = _f[1];
-    var _g = (0, react_popper_1.usePopper)(referenceElement, popperElement, {
+    var position = _a.position, text = _a.text, referenceElement = _a.referenceElement, tooltipId = _a.tooltipId, _b = _a.mood, mood = _b === void 0 ? "default" : _b;
+    var _c = (0, react_1.useState)(null), popperElement = _c[0], setPopperElement = _c[1];
+    var _d = (0, react_1.useState)(null), arrowElement = _d[0], setArrowElement = _d[1];
+    var _e = (0, react_popper_1.usePopper)(referenceElement, popperElement, {
       modifiers: [
         {
           name: "arrow",
@@ -37865,15 +37864,15 @@ var require$$6$1 = /*@__PURE__*/getAugmentedNamespace(Tooltip_module$1);
         }
       ],
       placement: position ? positionToPlacement.get(position) : void 0
-    }), popperStyles = _g.styles, attributes = _g.attributes;
-    var _h = (0, AppearanceAnim_1.useAnimation)(), isVisible = _h.isVisible, isAnimIn = _h.isAnimIn, isAnimOut = _h.isAnimOut;
+    }), popperStyles = _e.styles, attributes = _e.attributes;
+    var _f = (0, AppearanceAnim_1.useAnimation)(), isVisible = _f.isVisible, isAnimIn = _f.isAnimIn, isAnimOut = _f.isAnimOut;
     return isVisible || isAnimOut || isAnimIn ? react_1["default"].createElement(
       "div",
-      __assign({ ref: setPopperElement, className: (0, classnames_1["default"])((_b = {}, _b[Tooltip_module_scss_1["default"].tooltip] = true, _b)), style: popperStyles.popper }, attributes.popper, { role: "tooltip", id: tooltipId }),
+      __assign({ ref: setPopperElement, className: Tooltip_module_scss_1["default"].tooltip, style: popperStyles.popper }, attributes.popper, { role: "tooltip", id: tooltipId }),
       react_1["default"].createElement("div", { className: (0, classnames_1["default"])(Tooltip_module_scss_1["default"].tooltipContent, Tooltip_module_scss_1["default"][mood]) }, text),
       react_1["default"].createElement(
         "div",
-        { ref: setArrowElement, className: (0, classnames_1["default"])((_c = {}, _c[Tooltip_module_scss_1["default"].arrow] = true, _c)), style: popperStyles.arrow },
+        { ref: setArrowElement, className: Tooltip_module_scss_1["default"].arrow, style: popperStyles.arrow },
         react_1["default"].createElement(
           "div",
           { className: Tooltip_module_scss_1["default"].arrowInner },
@@ -37884,13 +37883,11 @@ var require$$6$1 = /*@__PURE__*/getAugmentedNamespace(Tooltip_module$1);
     ) : null;
   };
   var Tooltip = function(_a) {
-    var _b;
-    var children = _a.children, text = _a.text, inline = _a.inline, _c = _a.display, display = _c === void 0 ? "block" : _c, _d = _a.position, position = _d === void 0 ? "above" : _d, classNameOverride = _a.classNameOverride, portalSelector = _a.portalSelector, animationDuration = _a.animationDuration, _e = _a.isInitiallyVisible, isInitiallyVisible = _e === void 0 ? false : _e, _f = _a.mood, mood = _f === void 0 ? "default" : _f;
-    var _g = (0, react_1.useState)(isInitiallyVisible), isHover = _g[0], setIsHover = _g[1];
-    var _h = (0, react_1.useState)(false), isFocus = _h[0], setIsFocus = _h[1];
-    var _j = (0, react_1.useState)(null), referenceElement = _j[0], setReferenceElement = _j[1];
+    var children = _a.children, text = _a.text, inline = _a.inline, _b = _a.display, display = _b === void 0 ? "block" : _b, _c = _a.position, position = _c === void 0 ? "above" : _c, classNameOverride = _a.classNameOverride, portalSelector = _a.portalSelector, animationDuration = _a.animationDuration, _d = _a.isInitiallyVisible, isInitiallyVisible = _d === void 0 ? false : _d, _e = _a.mood, mood = _e === void 0 ? "default" : _e;
+    var _f = (0, react_1.useState)(isInitiallyVisible), isHover = _f[0], setIsHover = _f[1];
+    var _g = (0, react_1.useState)(false), isFocus = _g[0], setIsFocus = _g[1];
+    var _h = (0, react_1.useState)(null), referenceElement = _h[0], setReferenceElement = _h[1];
     var tooltipId = (0, useUuid_1.useUuid)();
-    var displayToUse = inline != null ? inline ? "inline" : "block" : display;
     var tooltip = react_1["default"].createElement(TooltipContent, { text, position, referenceElement, tooltipId, mood });
     var portalSelectorElementRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(function() {
@@ -37901,13 +37898,30 @@ var require$$6$1 = /*@__PURE__*/getAugmentedNamespace(Tooltip_module$1);
         console.warn("The portal could not be created using the selector: " + portalSelector);
       }
     }, [portalSelectorElementRef, portalSelector]);
+    var displayToUse = inline != null ? inline ? "inline" : "block" : display;
+    var getDisplayClassName = function() {
+      switch (displayToUse) {
+        case "inline":
+          return Tooltip_module_scss_1["default"].displayInline;
+        case "block":
+          return Tooltip_module_scss_1["default"].displayBlock;
+        case "inline-block":
+          return Tooltip_module_scss_1["default"].displayInlineBlock;
+        case "flex":
+          return Tooltip_module_scss_1["default"].displayFlex;
+        case "inline-flex":
+          return Tooltip_module_scss_1["default"].displayInlineFlex;
+        default:
+          return void 0;
+      }
+    };
     return react_1["default"].createElement(
       AppearanceAnim_1.AnimationProvider,
       { isVisible: isHover || isFocus, animationDuration },
       react_1["default"].createElement(
         react_1["default"].Fragment,
         null,
-        react_1["default"].createElement("div", { ref: setReferenceElement, className: (0, classnames_1["default"])(classNameOverride, (_b = {}, _b[Tooltip_module_scss_1["default"].displayInline] = displayToUse === "inline", _b[Tooltip_module_scss_1["default"].displayBlock] = displayToUse === "block", _b[Tooltip_module_scss_1["default"].displayInlineBlock] = displayToUse === "inline-block", _b[Tooltip_module_scss_1["default"].displayFlex] = displayToUse === "flex", _b[Tooltip_module_scss_1["default"].displayInlineFlex] = displayToUse === "inline-flex", _b)), onMouseEnter: function() {
+        react_1["default"].createElement("div", { ref: setReferenceElement, className: (0, classnames_1["default"])(classNameOverride, getDisplayClassName()), onMouseEnter: function() {
           return setIsHover(true);
         }, onMouseLeave: function() {
           return setIsHover(false);
@@ -37977,7 +37991,7 @@ var require$$6$1 = /*@__PURE__*/getAugmentedNamespace(Tooltip_module$1);
 var ClearIcon = function(props) {
   return React__default.createElement(
     SVG,
-    __assign({}, props),
+    __assign$1({}, props),
     React__default.createElement(
       "defs",
       null,
@@ -38006,13 +38020,13 @@ var isFilterButton = function(node) {
   return React__default.isValidElement(node) && node.type === FilterButtonBase;
 };
 var ButtonGroup = function(_a) {
-  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "classNameOverride"]);
+  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest$1(_a, ["children", "classNameOverride"]);
   var childCount = React__default.Children.count(children);
-  var containerProps = __assign({ role: "group", className: classNames(styles$5.buttonGroup, classNameOverride) }, restProps);
+  var containerProps = __assign$1({ role: "group", className: classnames(styles$5.buttonGroup, classNameOverride) }, restProps);
   if (childCount === 1)
-    return React__default.createElement("div", __assign({}, containerProps), children);
-  return React__default.createElement("div", __assign({}, containerProps), React__default.Children.map(children, function(child, index) {
-    var buttonClassNames = classNames(styles$5.child, index === 0 && styles$5.firstChild, index === childCount - 1 && styles$5.lastChild, child.props.classNameOverride);
+    return React__default.createElement("div", __assign$1({}, containerProps), children);
+  return React__default.createElement("div", __assign$1({}, containerProps), React__default.Children.map(children, function(child, index) {
+    var buttonClassNames = classnames(styles$5.child, index === 0 && styles$5.firstChild, index === childCount - 1 && styles$5.lastChild, child.props.classNameOverride);
     if (child.type === tooltip.Tooltip) {
       var button = child.props.children;
       if (isFilterButton(button)) {
@@ -38033,20 +38047,20 @@ ButtonGroup.displayName = "ButtonGroup";
 
 var FilterButtonRemovable = forwardRef(function(_a, ref) {
   var _b;
-  var triggerButtonProps = _a.triggerButtonProps, removeButtonProps = _a.removeButtonProps, restProps = __rest(_a, ["triggerButtonProps", "removeButtonProps"]);
+  var triggerButtonProps = _a.triggerButtonProps, removeButtonProps = _a.removeButtonProps, restProps = __rest$1(_a, ["triggerButtonProps", "removeButtonProps"]);
   var customRefObject = isRefObject(ref) ? ref.current : null;
   var removeButtonRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.removeButtonRef;
   var removeButtonLabel = (_b = removeButtonProps === null || removeButtonProps === void 0 ? void 0 : removeButtonProps.tooltipText) !== null && _b !== void 0 ? _b : "Remove filter - ".concat(triggerButtonProps === null || triggerButtonProps === void 0 ? void 0 : triggerButtonProps.label);
   return React__default.createElement(
     ButtonGroup,
-    __assign({}, restProps),
-    React__default.createElement(FilterButton, __assign({ ref }, triggerButtonProps)),
+    __assign$1({}, restProps),
+    React__default.createElement(FilterButton, __assign$1({ ref }, triggerButtonProps)),
     React__default.createElement(
       tooltip.Tooltip,
       { text: removeButtonLabel, display: "inline-block", position: "below" },
       React__default.createElement(
         FilterButtonBase,
-        __assign({ ref: removeButtonRef }, removeButtonProps),
+        __assign$1({ ref: removeButtonRef }, removeButtonProps),
         React__default.createElement(ClearIcon, { title: removeButtonLabel })
       )
     )
@@ -44654,11 +44668,11 @@ function $af383d3bef1cfdc9$export$c3f9f39876e4bc7(props) {
 var styles$4 = {"listBox":"ListBox-module_listBox__FQ9sQ","focus":"ListBox-module_focus__Tm-jn"};
 
 var ListBox = function(_a) {
-  var children = _a.children, menuProps = _a.menuProps, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "menuProps", "classNameOverride"]);
+  var children = _a.children, menuProps = _a.menuProps, classNameOverride = _a.classNameOverride, restProps = __rest$1(_a, ["children", "menuProps", "classNameOverride"]);
   var state = useSelectContext().state;
   var ref = React__default.useRef(null);
-  var listBoxProps = $c132121280ec012d$export$50eacbbf140a3141(__assign(__assign({}, menuProps), { disallowEmptySelection: true, autoFocus: "first" }), state, ref).listBoxProps;
-  return React__default.createElement("ul", __assign({ ref, className: classNames(styles$4.listBox, classNameOverride) }, listBoxProps, restProps), children);
+  var listBoxProps = $c132121280ec012d$export$50eacbbf140a3141(__assign$1(__assign$1({}, menuProps), { disallowEmptySelection: true, autoFocus: "first" }), state, ref).listBoxProps;
+  return React__default.createElement("ul", __assign$1({ ref, className: classnames(styles$4.listBox, classNameOverride) }, listBoxProps, restProps), children);
 };
 ListBox.displayName = "ListBox";
 
@@ -44714,13 +44728,7 @@ var require$$2$4 = /*@__PURE__*/getAugmentedNamespace(Heading_module$1);
   var Heading = function(_a) {
     var children = _a.children, tag = _a.tag, variant = _a.variant, _b = _a.color, color = _b === void 0 ? "dark" : _b, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "tag", "variant", "color", "classNameOverride"]);
     var inferredTag = tag === void 0 ? translateHeadingLevelToTag(variant) : tag;
-    var className = (0, classnames_1["default"])([
-      Heading_module_scss_1["default"].heading,
-      Heading_module_scss_1["default"][variant],
-      classNameOverride,
-      Heading_module_scss_1["default"][color],
-      VARIANTS_24PX_OR_GREATER.includes(variant) ? Heading_module_scss_1["default"].large : Heading_module_scss_1["default"].small
-    ]);
+    var className = (0, classnames_1["default"])(Heading_module_scss_1["default"].heading, Heading_module_scss_1["default"][variant], classNameOverride, Heading_module_scss_1["default"][color], VARIANTS_24PX_OR_GREATER.includes(variant) ? Heading_module_scss_1["default"].large : Heading_module_scss_1["default"].small);
     return (0, react_1.createElement)(inferredTag, __assign(__assign({}, restProps), { className }), children);
   };
   exports.Heading = Heading;
@@ -44770,9 +44778,9 @@ var require$$2$4 = /*@__PURE__*/getAugmentedNamespace(Heading_module$1);
   __exportStar(Heading, exports);
 })(Heading$1);
 
-var Paragraph$1 = {};
+var Paragraph$2 = {};
 
-var Paragraph = {};
+var Paragraph$1 = {};
 
 var Paragraph_module = {"paragraph":"Paragraph-module_paragraph__4W6qH","intro-lede":"Paragraph-module_intro-lede__uFhW-","body":"Paragraph-module_body__0R0qn","small":"Paragraph-module_small__GQQjR","extra-small":"Paragraph-module_extra-small__Nx9pp","dark":"Paragraph-module_dark__x5bRT","dark-reduced-opacity":"Paragraph-module_dark-reduced-opacity__6jIPJ","white":"Paragraph-module_white__geIrR","white-reduced-opacity":"Paragraph-module_white-reduced-opacity__2Q7c7","positive":"Paragraph-module_positive__mC-GU","negative":"Paragraph-module_negative__KoAoh"};
 
@@ -44783,52 +44791,44 @@ var Paragraph_module$1 = /*#__PURE__*/Object.freeze({
 
 var require$$2$3 = /*@__PURE__*/getAugmentedNamespace(Paragraph_module$1);
 
-(function(exports) {
-  var __assign = commonjsGlobal && commonjsGlobal.__assign || function() {
-    __assign = Object.assign || function(t) {
-      for (var s, i = 1, n = arguments.length; i < n; i++) {
-        s = arguments[i];
-        for (var p in s)
-          if (Object.prototype.hasOwnProperty.call(s, p))
-            t[p] = s[p];
-      }
-      return t;
-    };
-    return __assign.apply(this, arguments);
-  };
-  var __rest = commonjsGlobal && commonjsGlobal.__rest || function(s, e) {
-    var t = {};
-    for (var p in s)
-      if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-      for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-        if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-          t[p[i]] = s[p[i]];
-      }
+var __assign = commonjsGlobal && commonjsGlobal.__assign || function() {
+  __assign = Object.assign || function(t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p))
+          t[p] = s[p];
+    }
     return t;
   };
-  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
-    return mod && mod.__esModule ? mod : { "default": mod };
-  };
-  exports.__esModule = true;
-  exports.Paragraph = void 0;
-  var react_1 = React__default;
-  var classnames_1 = __importDefault(classnamesExports);
-  var Paragraph_module_scss_1 = __importDefault(require$$2$3);
-  var Paragraph = function(_a) {
-    var children = _a.children, tag = _a.tag, variant = _a.variant, _b = _a.color, color = _b === void 0 ? "dark" : _b, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "tag", "variant", "color", "classNameOverride"]);
-    var className = (0, classnames_1["default"])([
-      Paragraph_module_scss_1["default"].paragraph,
-      Paragraph_module_scss_1["default"][variant],
-      Paragraph_module_scss_1["default"][color],
-      classNameOverride
-    ]);
-    return (0, react_1.createElement)(tag === void 0 ? "p" : tag, __assign(__assign({}, restProps), { className }), children);
-  };
-  exports.Paragraph = Paragraph;
-  exports.Paragraph.displayName = "Paragraph";
-})(Paragraph);
+  return __assign.apply(this, arguments);
+};
+var __rest = commonjsGlobal && commonjsGlobal.__rest || function(s, e) {
+  var t = {};
+  for (var p in s)
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+      t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
+};
+var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
+  return mod && mod.__esModule ? mod : { "default": mod };
+};
+Paragraph$1.__esModule = true;
+Paragraph$1.Paragraph = void 0;
+var react_1 = React__default;
+var classnames_1 = __importDefault(classnamesExports);
+var Paragraph_module_scss_1 = __importDefault(require$$2$3);
+var Paragraph = function(_a) {
+  var children = _a.children, tag = _a.tag, variant = _a.variant, _b = _a.color, color = _b === void 0 ? "dark" : _b, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "tag", "variant", "color", "classNameOverride"]);
+  var className = (0, classnames_1["default"])(Paragraph_module_scss_1["default"].paragraph, Paragraph_module_scss_1["default"][variant], Paragraph_module_scss_1["default"][color], classNameOverride);
+  return (0, react_1.createElement)(tag === void 0 ? "p" : tag, __assign(__assign({}, restProps), { className }), children);
+};
+Paragraph$1.Paragraph = Paragraph;
 
 (function(exports) {
   var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
@@ -44852,8 +44852,8 @@ var require$$2$3 = /*@__PURE__*/getAugmentedNamespace(Paragraph_module$1);
         __createBinding(exports2, m, p);
   };
   exports.__esModule = true;
-  __exportStar(Paragraph, exports);
-})(Paragraph$1);
+  __exportStar(Paragraph$1, exports);
+})(Paragraph$2);
 
 (function(exports) {
   var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
@@ -44878,7 +44878,7 @@ var require$$2$3 = /*@__PURE__*/getAugmentedNamespace(Paragraph_module$1);
   };
   exports.__esModule = true;
   __exportStar(Heading$1, exports);
-  __exportStar(Paragraph$1, exports);
+  __exportStar(Paragraph$2, exports);
 })(typography);
 
 var componentLibrary = {};
@@ -44977,8 +44977,8 @@ var require$$3 = /*@__PURE__*/getAugmentedNamespace(Icon_module$1);
   var console_1 = console$1;
   var Icon_module_scss_1 = __importDefault(require$$3);
   var Icon = function(_a) {
-    var _b, _c;
-    var icon = _a.icon, _d = _a.inheritSize, inheritSize = _d === void 0 ? false : _d, _e = _a.role, role = _e === void 0 ? "img" : _e, _f = _a.title, title = _f === void 0 ? "" : _f, _g = _a.desc, desc = _g === void 0 ? "" : _g, classNameOverride = _a.classNameOverride, props = __rest(_a, ["icon", "inheritSize", "role", "title", "desc", "classNameOverride"]);
+    var _b;
+    var icon = _a.icon, _c = _a.inheritSize, inheritSize = _c === void 0 ? false : _c, _d = _a.role, role = _d === void 0 ? "img" : _d, _e = _a.title, title = _e === void 0 ? "" : _e, _f = _a.desc, desc = _f === void 0 ? "" : _f, classNameOverride = _a.classNameOverride, props = __rest(_a, ["icon", "inheritSize", "role", "title", "desc", "classNameOverride"]);
     var isMeaningfulImg = role === "img";
     if (isMeaningfulImg && !title) {
       (0, console_1.warn)(`
@@ -45000,7 +45000,7 @@ var require$$3 = /*@__PURE__*/getAugmentedNamespace(Icon_module$1);
     return react_1["default"].createElement(
       "svg",
       __assign({
-        className: (0, classnames_1["default"])(Icon_module_scss_1["default"].icon, classNameOverride, (_c = {}, _c[Icon_module_scss_1["default"].inheritSize] = inheritSize, _c)),
+        className: (0, classnames_1["default"])(Icon_module_scss_1["default"].icon, classNameOverride, inheritSize && Icon_module_scss_1["default"].inheritSize),
         viewBox: icon.viewBox,
         // Work around IE11 making all SVGs focusable.
         // See http://simplyaccessible.com/article/7-solutions-svgs/#acc-heading-4
@@ -45244,10 +45244,9 @@ var require$$6 = /*@__PURE__*/getAugmentedNamespace(Dropdown_module$1);
         return react_1["default"].createElement(DropdownMenu_1["default"], { hideDropdownMenu: this.hideDropdownMenu, position: this.getPosition() }, this.props.children);
       };
       Dropdown2.prototype.render = function() {
-        var _a;
-        var _b = this.props, controlAction = _b.controlAction, automationId = _b.automationId, iconPosition = _b.iconPosition, reversedColor = _b.reversedColor;
+        var _a = this.props, controlAction = _a.controlAction, automationId = _a.automationId, iconPosition = _a.iconPosition, reversedColor = _a.reversedColor;
         var reverseIcon = iconPosition === "end";
-        var btnClass = (0, classnames_1["default"])(Dropdown_module_scss_1["default"].dropdownButton, (_a = {}, _a[Dropdown_module_scss_1["default"].dropdownControlAction] = controlAction, _a[Dropdown_module_scss_1["default"].isOpen] = this.state.isMenuVisible, _a[Dropdown_module_scss_1["default"].reversedColor] = reversedColor, _a));
+        var btnClass = (0, classnames_1["default"])(Dropdown_module_scss_1["default"].dropdownButton, controlAction && Dropdown_module_scss_1["default"].dropdownControlAction, this.state.isMenuVisible && Dropdown_module_scss_1["default"].isOpen, reversedColor && Dropdown_module_scss_1["default"].reversedColor);
         return react_1["default"].createElement(
           "div",
           { className: Dropdown_module_scss_1["default"].dropdown },
@@ -45515,7 +45514,6 @@ var MenuItem = {};
   var Icon_1 = Icon$1;
   var Menu_module_scss_1 = __importDefault(require$$1$2);
   var MenuItem = function(props) {
-    var _a;
     var icon = props.icon, hoverIcon = props.hoverIcon, children = props.children, action = props.action, active = props.active, destructive = props.destructive, automationId = props.automationId;
     var isLink = typeof action === "string";
     var label = react_1["default"].createElement(
@@ -45529,7 +45527,7 @@ var MenuItem = {};
       { className: Menu_module_scss_1["default"].menuItem__Icon },
       react_1["default"].createElement(Icon_1.Icon, { icon, role: "presentation" })
     );
-    var className = (0, classnames_1["default"])((_a = {}, _a[Menu_module_scss_1["default"].menuItem] = true, _a[Menu_module_scss_1["default"].hoverIcon] = icon && hoverIcon, _a[Menu_module_scss_1["default"]["menuItem--active"]] = active, _a[Menu_module_scss_1["default"]["menuItem--destructive"]] = destructive, _a));
+    var className = (0, classnames_1["default"])(Menu_module_scss_1["default"].menuItem, icon && hoverIcon && Menu_module_scss_1["default"].hoverIcon, active && Menu_module_scss_1["default"]["menuItem--active"], destructive && Menu_module_scss_1["default"]["menuItem--destructive"]);
     if (typeof action === "string") {
       return react_1["default"].createElement(
         "a",
@@ -45619,10 +45617,9 @@ var require$$2$1 = /*@__PURE__*/getAugmentedNamespace(Text_module$1);
   var classnames_1 = __importDefault(classnamesExports);
   var Text_module_scss_1 = __importDefault(require$$2$1);
   var Text = function(_a) {
-    var _b;
-    var tag = _a.tag, children = _a.children, _c = _a.inheritBaseline, inheritBaseline = _c === void 0 ? false : _c, _d = _a.inline, inline = _d === void 0 ? false : _d, _e = _a.style, style = _e === void 0 ? "default-style" : _e;
+    var tag = _a.tag, children = _a.children, _b = _a.inheritBaseline, inheritBaseline = _b === void 0 ? false : _b, _c = _a.inline, inline = _c === void 0 ? false : _c, _d = _a.style, style = _d === void 0 ? "default-style" : _d;
     return react_1["default"].createElement(tag, {
-      className: (0, classnames_1["default"])(Text_module_scss_1["default"][style], (_b = {}, _b[Text_module_scss_1["default"].inheritBaseline] = inheritBaseline, _b[Text_module_scss_1["default"].inline] = inline, _b))
+      className: (0, classnames_1["default"])(Text_module_scss_1["default"][style], inheritBaseline && Text_module_scss_1["default"].inheritBaseline, inline && Text_module_scss_1["default"].inline)
     }, children);
   };
   Text.displayName = "Text";
@@ -46064,22 +46061,16 @@ var img = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8'%3f%3e%3cs
 var styles$3 = {"option":"Option-module_option__U-MsL","disabled":"Option-module_disabled__RV081","icon":"Option-module_icon__0ECp6","isFocusVisible":"Option-module_isFocusVisible__yYC7y","isSelected":"Option-module_isSelected__L3nhB"};
 
 var Option = function(_a) {
-  var item = _a.item, classNameOverride = _a.classNameOverride, props = __rest(_a, ["item", "classNameOverride"]);
+  var item = _a.item, classNameOverride = _a.classNameOverride, props = __rest$1(_a, ["item", "classNameOverride"]);
   var state = useSelectContext().state;
   var ref = React__default.useRef(null);
   var _b = $293f70390ea03370$export$497855f14858aa34({ key: item.key }, state, ref), optionProps = _b.optionProps, isSelected = _b.isSelected, isDisabled = _b.isDisabled;
   var _c = $f7dceffc5ad7768b$export$4e328f61c538687f(), isFocusVisible = _c.isFocusVisible, focusProps = _c.focusProps;
   return React__default.createElement(
     "li",
-    __assign({}, $3ef42575df84b30b$export$9d1611c77c2fe928(optionProps, focusProps, props), { ref, className: classNames([
-      styles$3.option,
-      isSelected && styles$3.isSelected,
-      isFocusVisible && styles$3.isFocusVisible,
-      isDisabled && styles$3.disabled,
-      classNameOverride
-    ]), "aria-label": item.textValue }),
+    __assign$1({}, $3ef42575df84b30b$export$9d1611c77c2fe928(optionProps, focusProps, props), { ref, className: classnames(styles$3.option, isSelected && styles$3.isSelected, isFocusVisible && styles$3.isFocusVisible, isDisabled && styles$3.disabled, classNameOverride), "aria-label": item.textValue }),
     item.rendered,
-    React__default.createElement("span", { className: classNames([styles$3.icon, isSelected && styles$3.isSelected]) }, isSelected && React__default.createElement(componentLibrary.Icon, { icon: check, role: "presentation" }))
+    React__default.createElement("span", { className: classnames(styles$3.icon, isSelected && styles$3.isSelected) }, isSelected && React__default.createElement(componentLibrary.Icon, { icon: check, role: "presentation" }))
   );
 };
 Option.displayName = "Option";
@@ -46097,9 +46088,9 @@ var ListBoxSection = function(_a) {
     null,
     React__default.createElement(
       "li",
-      __assign({}, itemProps, { className: styles$2.sectionWrapper }),
-      section.rendered && React__default.createElement(typography.Heading, __assign({ tag: "span", variant: "heading-6" }, headingProps, { classNameOverride: styles$2.sectionHeading }), section.rendered),
-      React__default.createElement("ul", __assign({}, groupProps, { className: styles$2.sectionList }), Array.from(section.childNodes).map(function(item) {
+      __assign$1({}, itemProps, { className: styles$2.sectionWrapper }),
+      section.rendered && React__default.createElement(typography.Heading, __assign$1({ tag: "span", variant: "heading-6" }, headingProps, { classNameOverride: styles$2.sectionHeading }), section.rendered),
+      React__default.createElement("ul", __assign$1({}, groupProps, { className: styles$2.sectionList }), Array.from(section.childNodes).map(function(item) {
         return React__default.createElement(Option, { key: item.key, item });
       }))
     )
@@ -46122,13 +46113,13 @@ var ListItems = function(_a) {
 ListItems.displayName = "ListItems";
 
 var Overlay = function(_a) {
-  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "classNameOverride"]);
+  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest$1(_a, ["children", "classNameOverride"]);
   var state = useSelectContext().state;
   var overlayRef = React__default.useRef(null);
   var overlayProps = $a11501f3d1d39e6c$export$ea8f71083e90600f({ isDismissable: true, isOpen: state.isOpen, onClose: state.close }, overlayRef).overlayProps;
   return React__default.createElement(
     "div",
-    __assign({ ref: overlayRef, className: classNameOverride }, overlayProps, restProps),
+    __assign$1({ ref: overlayRef, className: classNameOverride }, overlayProps, restProps),
     React__default.createElement(
       $9bf71ea28793e738$export$20e40289641fbbb6,
       { contain: true, autoFocus: true, restoreFocus: true },
@@ -46187,9 +46178,8 @@ var require$$2 = /*@__PURE__*/getAugmentedNamespace(Divider_module$1);
   var classnames_1 = __importDefault(classnamesExports);
   var Divider_module_scss_1 = __importDefault(require$$2);
   var Divider = function(_a) {
-    var _b;
-    var variant = _a.variant, _c = _a.isReversed, isReversed = _c === void 0 ? false : _c, classNameOverride = _a.classNameOverride, props = __rest(_a, ["variant", "isReversed", "classNameOverride"]);
-    return react_1["default"].createElement("hr", __assign({ "aria-hidden": "true", className: (0, classnames_1["default"])(Divider_module_scss_1["default"].wrapper, classNameOverride, (_b = {}, _b[Divider_module_scss_1["default"].reversed] = isReversed, _b[Divider_module_scss_1["default"].content] = variant === "content", _b[Divider_module_scss_1["default"].canvas] = variant === "canvas", _b[Divider_module_scss_1["default"].menuSeparator] = variant === "menuSeparator", _b)) }, props));
+    var variant = _a.variant, _b = _a.isReversed, isReversed = _b === void 0 ? false : _b, classNameOverride = _a.classNameOverride, props = __rest(_a, ["variant", "isReversed", "classNameOverride"]);
+    return react_1["default"].createElement("hr", __assign({ "aria-hidden": "true", className: (0, classnames_1["default"])(Divider_module_scss_1["default"].wrapper, classNameOverride, isReversed && Divider_module_scss_1["default"].reversed, Divider_module_scss_1["default"][variant]) }, props));
   };
   exports.Divider = Divider;
   exports.Divider.displayName = "Divider";
@@ -46240,7 +46230,7 @@ var transformSelectItemToCollectionElement = function(item) {
 var styles = {"filterContents":"FilterSelect-module_filterContents__2LknZ"};
 
 var FilterSelect = function(_a) {
-  var isOpen = _a.isOpen, setIsOpen = _a.setIsOpen, renderTrigger = _a.renderTrigger, label = _a.label, children = _a.children, items = _a.items, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["isOpen", "setIsOpen", "renderTrigger", "label", "children", "items", "classNameOverride"]);
+  var isOpen = _a.isOpen, setIsOpen = _a.setIsOpen, renderTrigger = _a.renderTrigger, label = _a.label, children = _a.children, items = _a.items, classNameOverride = _a.classNameOverride, restProps = __rest$1(_a, ["isOpen", "setIsOpen", "renderTrigger", "label", "children", "items", "classNameOverride"]);
   var _b = useState({ current: null }), triggerRef = _b[0], setTriggerRef = _b[1];
   var disabledKeys = items.reduce(function(acc, item) {
     if (isSelectOptionGroup(item)) {
@@ -46253,7 +46243,7 @@ var FilterSelect = function(_a) {
     }
     return item.disabled ? __spreadArray(__spreadArray([], acc, true), [item.value], false) : acc;
   }, []);
-  var ariaSelectProps = __assign({ label, items, children: transformSelectItemToCollectionElement, isOpen, onOpenChange: setIsOpen, disabledKeys }, restProps);
+  var ariaSelectProps = __assign$1({ label, items, children: transformSelectItemToCollectionElement, isOpen, onOpenChange: setIsOpen, disabledKeys }, restProps);
   var state = $2bc3a590c5373a4e$export$5159ec8b34d4ec12(ariaSelectProps);
   var _c = $58aed456727eb0f3$export$e64b2f635402ca43(ariaSelectProps, state, triggerRef), triggerProps = _c.triggerProps, menuProps = _c.menuProps;
   var buttonProps = $701a24aa0da5b062$export$ea18c227d4417cc3(triggerProps, triggerRef).buttonProps;
@@ -46266,7 +46256,7 @@ var FilterSelect = function(_a) {
       Filter,
       { isOpen, setIsOpen, renderTrigger: function() {
         var _a2;
-        return renderTrigger(__assign({ selectedValue: ((_a2 = state.selectedItem) === null || _a2 === void 0 ? void 0 : _a2.textValue) || void 0, label, isOpen }, buttonProps));
+        return renderTrigger(__assign$1({ selectedValue: ((_a2 = state.selectedItem) === null || _a2 === void 0 ? void 0 : _a2.textValue) || void 0, label, isOpen }, buttonProps));
       }, onMount: setTriggerRef, classNameOverride },
       React__default.createElement(
         FilterContents,
@@ -46674,7 +46664,7 @@ var defaultTheme = heartTheme;
 
 var ThemeContext = createContext(defaultTheme);
 var ThemeProvider = function(_a) {
-  var themeManager = _a.themeManager, props = __rest(_a, ["themeManager"]);
+  var themeManager = _a.themeManager, props = __rest$1(_a, ["themeManager"]);
   var themeManagerInstance = useState(function() {
     return themeManager || new ThemeManager(defaultTheme);
   })[0];