@kaizen/components 1.8.7 → 1.10.1

package/dist/cjs/index.js

@@ -1,8 +1,9 @@
 'use strict';
 
-var index = require('./index-18831222.js');
+var index = require('./index-f4dd8d10.js');
 var React = require('react');
 var designTokens = require('@kaizen/design-tokens');
+var require$$0 = require('process');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -240,8 +241,8 @@ RemoveScroll.classNames = {
     zeroRight: zeroRightClassName,
 };
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
+function _extends$1() {
+  _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -252,7 +253,7 @@ function _extends() {
     }
     return target;
   };
-  return _extends.apply(this, arguments);
+  return _extends$1.apply(this, arguments);
 }
 
 var propTypes = {exports: {}};
@@ -1606,7 +1607,7 @@ var FocusLock = /*#__PURE__*/React__namespace.forwardRef(function FocusLockUI(pr
     }, []);
   }
 
-  var lockProps = _extends((_extends2 = {}, _extends2[FOCUS_DISABLED] = disabled && 'disabled', _extends2[FOCUS_GROUP] = group, _extends2), containerProps);
+  var lockProps = _extends$1((_extends2 = {}, _extends2[FOCUS_DISABLED] = disabled && 'disabled', _extends2[FOCUS_GROUP] = group, _extends2), containerProps);
 
   var hasLeadingGuards = noFocusGuards !== true;
   var hasTailingGuards = hasLeadingGuards && noFocusGuards !== 'tail';
@@ -1639,7 +1640,7 @@ var FocusLock = /*#__PURE__*/React__namespace.forwardRef(function FocusLockUI(pr
     onDeactivation: onDeactivation,
     returnFocus: returnFocus,
     focusOptions: focusOptions
-  }), /*#__PURE__*/React__namespace.createElement(Container, _extends({
+  }), /*#__PURE__*/React__namespace.createElement(Container, _extends$1({
     ref: mergedRef
   }, lockProps, {
     className: className,
@@ -3334,8 +3335,8 @@ var hideOthers = function (originalTarget, parentNode, markerName) {
 };
 
 var Style = styleSingleton();
-var styles$b = "\n [" + focusHiddenMarker + "] {\n   pointer-events: none !important;\n }\n";
-var InteractivityDisabler = function () { return React__namespace.createElement(Style, { styles: styles$b }); };
+var styles$j = "\n [" + focusHiddenMarker + "] {\n   pointer-events: none !important;\n }\n";
+var InteractivityDisabler = function () { return React__namespace.createElement(Style, { styles: styles$j }); };
 
 var extractRef = function (ref) {
     return 'current' in ref ? ref.current : ref;
@@ -34877,17 +34878,7 @@ function effect$1(_ref2) {
     }
   }
 
-  if (process.env.NODE_ENV !== "production") {
-    if (!isHTMLElement(arrowElement)) {
-      console.error(['Popper: "arrow" element must be an HTMLElement (not an SVGElement).', 'To use an SVG arrow, wrap it in an HTMLElement that will be used as', 'the arrow.'].join(' '));
-    }
-  }
-
   if (!contains(state.elements.popper, arrowElement)) {
-    if (process.env.NODE_ENV !== "production") {
-      console.error(['Popper: "arrow" modifier\'s `element` must be a child of the popper', 'element.'].join(' '));
-    }
-
     return;
   }
 
@@ -35029,17 +35020,6 @@ function computeStyles(_ref5) {
       adaptive = _options$adaptive === void 0 ? true : _options$adaptive,
       _options$roundOffsets = options.roundOffsets,
       roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;
-
-  if (process.env.NODE_ENV !== "production") {
-    var transitionProperty = getComputedStyle$1(state.elements.popper).transitionProperty || '';
-
-    if (adaptive && ['transform', 'top', 'right', 'bottom', 'left'].some(function (property) {
-      return transitionProperty.indexOf(property) >= 0;
-    })) {
-      console.warn(['Popper: Detected CSS transitions on at least one of the following', 'CSS properties: "transform", "top", "right", "bottom", "left".', '\n\n', 'Disable the "computeStyles" modifier\'s `adaptive` option to allow', 'for smooth transitions, or remove these properties from the CSS', 'transition declaration on the popper element if only transitioning', 'opacity or background-color for example.', '\n\n', 'We recommend using the popper element as a wrapper around an inner', 'element that can have any CSS property transitioned for animations.'].join(' '));
-    }
-  }
-
   var commonStyles = {
     placement: getBasePlacement(state.placement),
     variation: getVariation(state.placement),
@@ -35480,10 +35460,6 @@ function computeAutoPlacement(state, options) {
 
   if (allowedPlacements.length === 0) {
     allowedPlacements = placements$1;
-
-    if (process.env.NODE_ENV !== "production") {
-      console.error(['Popper: The `allowedAutoPlacements` option did not allow any', 'placements. Ensure the `placement` option matches the variation', 'of the allowed placements.', 'For example, "auto" cannot be used to allow "bottom-start".', 'Use "auto-start" instead.'].join(' '));
-    }
   } // $FlowFixMe[incompatible-type]: Flow seems to have problems with two array unions...
 
 
@@ -36035,108 +36011,6 @@ function debounce(fn) {
   };
 }
 
-function format(str) {
-  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    args[_key - 1] = arguments[_key];
-  }
-
-  return [].concat(args).reduce(function (p, c) {
-    return p.replace(/%s/, c);
-  }, str);
-}
-
-var INVALID_MODIFIER_ERROR = 'Popper: modifier "%s" provided an invalid %s property, expected %s but got %s';
-var MISSING_DEPENDENCY_ERROR = 'Popper: modifier "%s" requires "%s", but "%s" modifier is not available';
-var VALID_PROPERTIES = ['name', 'enabled', 'phase', 'fn', 'effect', 'requires', 'options'];
-function validateModifiers(modifiers) {
-  modifiers.forEach(function (modifier) {
-    [].concat(Object.keys(modifier), VALID_PROPERTIES) // IE11-compatible replacement for `new Set(iterable)`
-    .filter(function (value, index, self) {
-      return self.indexOf(value) === index;
-    }).forEach(function (key) {
-      switch (key) {
-        case 'name':
-          if (typeof modifier.name !== 'string') {
-            console.error(format(INVALID_MODIFIER_ERROR, String(modifier.name), '"name"', '"string"', "\"" + String(modifier.name) + "\""));
-          }
-
-          break;
-
-        case 'enabled':
-          if (typeof modifier.enabled !== 'boolean') {
-            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"enabled"', '"boolean"', "\"" + String(modifier.enabled) + "\""));
-          }
-
-          break;
-
-        case 'phase':
-          if (modifierPhases.indexOf(modifier.phase) < 0) {
-            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"phase"', "either " + modifierPhases.join(', '), "\"" + String(modifier.phase) + "\""));
-          }
-
-          break;
-
-        case 'fn':
-          if (typeof modifier.fn !== 'function') {
-            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"fn"', '"function"', "\"" + String(modifier.fn) + "\""));
-          }
-
-          break;
-
-        case 'effect':
-          if (modifier.effect != null && typeof modifier.effect !== 'function') {
-            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"effect"', '"function"', "\"" + String(modifier.fn) + "\""));
-          }
-
-          break;
-
-        case 'requires':
-          if (modifier.requires != null && !Array.isArray(modifier.requires)) {
-            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"requires"', '"array"', "\"" + String(modifier.requires) + "\""));
-          }
-
-          break;
-
-        case 'requiresIfExists':
-          if (!Array.isArray(modifier.requiresIfExists)) {
-            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"requiresIfExists"', '"array"', "\"" + String(modifier.requiresIfExists) + "\""));
-          }
-
-          break;
-
-        case 'options':
-        case 'data':
-          break;
-
-        default:
-          console.error("PopperJS: an invalid property has been provided to the \"" + modifier.name + "\" modifier, valid properties are " + VALID_PROPERTIES.map(function (s) {
-            return "\"" + s + "\"";
-          }).join(', ') + "; but \"" + key + "\" was provided.");
-      }
-
-      modifier.requires && modifier.requires.forEach(function (requirement) {
-        if (modifiers.find(function (mod) {
-          return mod.name === requirement;
-        }) == null) {
-          console.error(format(MISSING_DEPENDENCY_ERROR, String(modifier.name), requirement, requirement));
-        }
-      });
-    });
-  });
-}
-
-function uniqueBy(arr, fn) {
-  var identifiers = new Set();
-  return arr.filter(function (item) {
-    var identifier = fn(item);
-
-    if (!identifiers.has(identifier)) {
-      identifiers.add(identifier);
-      return true;
-    }
-  });
-}
-
 function mergeByName(modifiers) {
   var merged = modifiers.reduce(function (merged, current) {
     var existing = merged[current.name];
@@ -36152,8 +36026,6 @@ function mergeByName(modifiers) {
   });
 }
 
-var INVALID_ELEMENT_ERROR = 'Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.';
-var INFINITE_LOOP_ERROR = 'Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.';
 var DEFAULT_OPTIONS = {
   placement: 'bottom',
   modifiers: [],
@@ -36215,42 +36087,7 @@ function popperGenerator(generatorOptions) {
 
         state.orderedModifiers = orderedModifiers.filter(function (m) {
           return m.enabled;
-        }); // Validate the provided modifiers so that the consumer will get warned
-        // if one of the modifiers is invalid for any reason
-
-        if (process.env.NODE_ENV !== "production") {
-          var modifiers = uniqueBy([].concat(orderedModifiers, state.options.modifiers), function (_ref) {
-            var name = _ref.name;
-            return name;
-          });
-          validateModifiers(modifiers);
-
-          if (getBasePlacement(state.options.placement) === auto) {
-            var flipModifier = state.orderedModifiers.find(function (_ref2) {
-              var name = _ref2.name;
-              return name === 'flip';
-            });
-
-            if (!flipModifier) {
-              console.error(['Popper: "auto" placements require the "flip" modifier be', 'present and enabled to work.'].join(' '));
-            }
-          }
-
-          var _getComputedStyle = getComputedStyle$1(popper),
-              marginTop = _getComputedStyle.marginTop,
-              marginRight = _getComputedStyle.marginRight,
-              marginBottom = _getComputedStyle.marginBottom,
-              marginLeft = _getComputedStyle.marginLeft; // We no longer take into account `margins` on the popper, and it can
-          // cause bugs with positioning, so we'll warn the consumer
-
-
-          if ([marginTop, marginRight, marginBottom, marginLeft].some(function (margin) {
-            return parseFloat(margin);
-          })) {
-            console.warn(['Popper: CSS "margin" styles cannot be used to apply padding', 'between the popper and its reference element or boundary.', 'To replicate margin, use the `offset` modifier, as well as', 'the `padding` option in the `preventOverflow` and `flip`', 'modifiers.'].join(' '));
-          }
-        }
-
+        });
         runModifierEffects();
         return instance.update();
       },
@@ -36270,10 +36107,6 @@ function popperGenerator(generatorOptions) {
         // anymore
 
         if (!areValidElements(reference, popper)) {
-          if (process.env.NODE_ENV !== "production") {
-            console.error(INVALID_ELEMENT_ERROR);
-          }
-
           return;
         } // Store the reference and popper rects to be read by modifiers
 
@@ -36296,18 +36129,8 @@ function popperGenerator(generatorOptions) {
         state.orderedModifiers.forEach(function (modifier) {
           return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);
         });
-        var __debug_loops__ = 0;
 
         for (var index = 0; index < state.orderedModifiers.length; index++) {
-          if (process.env.NODE_ENV !== "production") {
-            __debug_loops__ += 1;
-
-            if (__debug_loops__ > 100) {
-              console.error(INFINITE_LOOP_ERROR);
-              break;
-            }
-          }
-
           if (state.reset === true) {
             state.reset = false;
             index = -1;
@@ -36345,10 +36168,6 @@ function popperGenerator(generatorOptions) {
     };
 
     if (!areValidElements(reference, popper)) {
-      if (process.env.NODE_ENV !== "production") {
-        console.error(INVALID_ELEMENT_ERROR);
-      }
-
       return instance;
     }
 
@@ -36363,11 +36182,11 @@ function popperGenerator(generatorOptions) {
     // one.
 
     function runModifierEffects() {
-      state.orderedModifiers.forEach(function (_ref3) {
-        var name = _ref3.name,
-            _ref3$options = _ref3.options,
-            options = _ref3$options === void 0 ? {} : _ref3$options,
-            effect = _ref3.effect;
+      state.orderedModifiers.forEach(function (_ref) {
+        var name = _ref.name,
+            _ref$options = _ref.options,
+            options = _ref$options === void 0 ? {} : _ref$options,
+            effect = _ref.effect;
 
         if (typeof effect === 'function') {
           var cleanupFn = effect({
@@ -36809,7 +36628,7 @@ var esm = /*#__PURE__*/Object.freeze({
     usePopper: usePopper
 });
 
-var styles$a = {"filterPopover":"FilterPopover-module_filterPopover__OgOEM"};
+var styles$i = {"filterPopover":"FilterPopover-module_filterPopover__OgOEM"};
 
 var FilterPopover = function(_a) {
   var children = _a.children, referenceElement = _a.referenceElement, popperOptions = _a.popperOptions, classNameOverride = _a.classNameOverride, restProps = index.__rest(_a, ["children", "referenceElement", "popperOptions", "classNameOverride"]);
@@ -36822,7 +36641,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$i.filterPopover, classNameOverride), role: "dialog", "aria-modal": "true" }, restProps), children);
 };
 FilterPopover.displayName = "FilterPopover";
 
@@ -36867,11 +36686,11 @@ var Filter = function(_a) {
 };
 Filter.displayName = "Filter";
 
-var styles$9 = {"filterContents":"FilterContents-module_filterContents__uNUpd"};
+var styles$h = {"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$h.filterContents, classNameOverride) }, restProps), children);
 };
 FilterContents.displayName = "FilterContents";
 
@@ -36884,7 +36703,7 @@ var singleLine = function(message) {
   return message.replace(/^ +/gm, " ").replace(/\n|\r/gm, "").trim();
 };
 
-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 styles$g = {"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;
@@ -36916,7 +36735,7 @@ var SVG = function(_a) {
   return React.createElement(
     "svg",
     index.__assign({
-      className: index.classnames(styles$8.icon, classNameOverride, inheritSize && styles$8.inheritSize),
+      className: index.classnames(styles$g.icon, classNameOverride, inheritSize && styles$g.inheritSize),
       viewBox,
       // Work around IE11 making all SVGs focusable.
       // See http://simplyaccessible.com/article/7-solutions-svgs/#acc-heading-4
@@ -36985,15 +36804,15 @@ var isRefObject = function(ref) {
   return ref !== null && "current" in ref;
 };
 
-var styles$7 = {"filterButtonBase":"FilterButtonBase-module_filterButtonBase__505sK"};
+var styles$f = {"filterButtonBase":"FilterButtonBase-module_filterButtonBase__505sK"};
 
 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$f.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 styles$e = {"filterButton":"FilterButton-module_filterButton__Q2dMX","labelContainer":"FilterButton-module_labelContainer__5G-MD","hasSelectedValues":"FilterButton-module_hasSelectedValues__dyQkL","labelSeparator":"FilterButton-module_labelSeparator__xrkAx"};
 
 var FilterButton = React.forwardRef(function(_a, ref) {
   var label = _a.label, selectedValue = _a.selectedValue, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, classNameOverride = _a.classNameOverride, restProps = index.__rest(_a, ["label", "selectedValue", "isOpen", "classNameOverride"]);
@@ -37002,15 +36821,15 @@ 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),
-    React.createElement("span", { className: styles$6.labelContainer }, selectedValuesLabel ? React.createElement(
+    index.__assign({ ref: triggerRef, classNameOverride: index.classnames(styles$e.filterButton, classNameOverride), "aria-haspopup": "true", "aria-expanded": isOpen }, restProps),
+    React.createElement("span", { className: styles$e.labelContainer }, selectedValuesLabel ? React.createElement(
       React.Fragment,
       null,
       React.createElement(
         "span",
-        { className: styles$6.hasSelectedValues },
+        { className: styles$e.hasSelectedValues },
         React.createElement("span", null, label),
-        React.createElement("span", { className: styles$6.labelSeparator }, ":")
+        React.createElement("span", { className: styles$e.labelSeparator }, ":")
       ),
       React.createElement("span", null, selectedValuesLabel)
     ) : label),
@@ -37025,7 +36844,7 @@ var Tooltip$1 = {};
 
 var Tooltip = {};
 
-var require$$3$2 = /*@__PURE__*/index.getAugmentedNamespace(esm);
+var require$$3$4 = /*@__PURE__*/index.getAugmentedNamespace(esm);
 
 var AppearanceAnim = {};
 
@@ -37764,10 +37583,10 @@ var require$$1$4 = /*@__PURE__*/index.getAugmentedNamespace(esmBrowser);
 
 useUuid$1.__esModule = true;
 useUuid$1.useUuid = void 0;
-var react_1$1 = React;
+var react_1$3 = React;
 var uuid_1 = require$$1$4;
 var useUuid = function() {
-  return (0, react_1$1.useMemo)(function() {
+  return (0, react_1$3.useMemo)(function() {
     return (0, uuid_1.v4)();
   }, []);
 };
@@ -37780,7 +37599,7 @@ var Tooltip_module$1 = /*#__PURE__*/Object.freeze({
     default: Tooltip_module
 });
 
-var require$$6$1 = /*@__PURE__*/index.getAugmentedNamespace(Tooltip_module$1);
+var require$$6$2 = /*@__PURE__*/index.getAugmentedNamespace(Tooltip_module$1);
 
 (function(exports) {
   var __assign = index.commonjsGlobal && index.commonjsGlobal.__assign || function() {
@@ -37835,10 +37654,10 @@ var require$$6$1 = /*@__PURE__*/index.getAugmentedNamespace(Tooltip_module$1);
   var react_1 = __importStar(React);
   var react_dom_1 = __importDefault(reactDomExports);
   var classnames_1 = __importDefault(index.classnamesExports);
-  var react_popper_1 = require$$3$2;
+  var react_popper_1 = require$$3$4;
   var AppearanceAnim_1 = AppearanceAnim;
   var useUuid_1 = useUuid$1;
-  var Tooltip_module_scss_1 = __importDefault(require$$6$1);
+  var Tooltip_module_scss_1 = __importDefault(require$$6$2);
   var positionToPlacement = /* @__PURE__ */ new Map([
     ["above", "top"],
     ["below", "bottom"],
@@ -38039,7 +37858,7 @@ var ClearIcon = function(props) {
   );
 };
 
-var styles$5 = {"buttonGroup":"ButtonGroup-module_buttonGroup__bsy2X","child":"ButtonGroup-module_child__K6AP-","firstChild":"ButtonGroup-module_firstChild__uEn1j","lastChild":"ButtonGroup-module_lastChild__Vicsx"};
+var styles$d = {"buttonGroup":"ButtonGroup-module_buttonGroup__bsy2X","child":"ButtonGroup-module_child__K6AP-","firstChild":"ButtonGroup-module_firstChild__uEn1j","lastChild":"ButtonGroup-module_lastChild__Vicsx"};
 
 var isFilterButton = function(node) {
   return React.isValidElement(node) && node.type === FilterButtonBase;
@@ -38047,11 +37866,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$d.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$d.child, index$1 === 0 && styles$d.firstChild, index$1 === childCount - 1 && styles$d.lastChild, child.props.classNameOverride);
     if (child.type === tooltip.Tooltip) {
       var button = child.props.children;
       if (isFilterButton(button)) {
@@ -38300,34 +38119,45 @@ function $1dbecbe27a04f9af$export$14d238f342723f25(defaultValue) {
     let [value, setValue] = (React.useState)(defaultValue);
     let valueRef = (React.useRef)(value);
     let effect = (React.useRef)(null);
-    valueRef.current = value;
-    // Store the function in a ref so we can always access the current version
-    // which has the proper `value` in scope.
-    let nextRef = (React.useRef)(null);
-    nextRef.current = ()=>{
+    // Must be stable so that `queue` is stable.
+    let nextIter = (React.useCallback)(()=>{
         // Run the generator to the next yield.
         let newValue = effect.current.next();
+        while(!newValue.done && valueRef.current === newValue.value)// If the value is the same as the current value,
+        // then continue to the next yield. Otherwise,
+        // set the value in state and wait for the next layout effect.
+        newValue = effect.current.next();
         // If the generator is done, reset the effect.
         if (newValue.done) {
             effect.current = null;
             return;
         }
-        // If the value is the same as the current value,
-        // then continue to the next yield. Otherwise,
-        // set the value in state and wait for the next layout effect.
-        if (value === newValue.value) nextRef.current();
-        else setValue(newValue.value);
-    };
+        // Always update valueRef when setting the state.
+        // This is needed because the function is not regenerated with the new state value since
+        // they must be stable across renders. Instead, it gets carried in the ref, but the setState
+        // is also needed in order to cause a rerender.
+        setValue(newValue.value);
+        valueRef.current = newValue.value;
+    // this list of dependencies is stable, setState and refs never change after first render.
+    }, [
+        setValue,
+        valueRef,
+        effect
+    ]);
     ($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
         // If there is an effect currently running, continue to the next yield.
-        if (effect.current) nextRef.current();
+        if (effect.current) nextIter();
     });
+    // queue must be a stable function, much like setState.
     let queue = (React.useCallback)((fn)=>{
         effect.current = fn(valueRef.current);
-        nextRef.current();
+        nextIter();
+    // this list of dependencies is stable, setState and refs never change after first render.
+    // in addition, nextIter is stable as outlined above
     }, [
+        nextIter,
         effect,
-        nextRef
+        valueRef
     ]);
     return [
         value,
@@ -38336,7 +38166,7 @@ function $1dbecbe27a04f9af$export$14d238f342723f25(defaultValue) {
 }
 
 
-let $bdb11010cef70236$var$idsUpdaterMap = new Map();
+let $bdb11010cef70236$var$idsUpdaterMap$1 = new Map();
 function $bdb11010cef70236$export$f680877a34711e37(defaultId) {
     let [value, setValue] = (React.useState)(defaultId);
     let nextId = (React.useRef)(null);
@@ -38344,11 +38174,11 @@ function $bdb11010cef70236$export$f680877a34711e37(defaultId) {
     let updateValue = (React.useCallback)((val)=>{
         nextId.current = val;
     }, []);
-    $bdb11010cef70236$var$idsUpdaterMap.set(res, updateValue);
+    $bdb11010cef70236$var$idsUpdaterMap$1.set(res, updateValue);
     ($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
         let r = res;
         return ()=>{
-            $bdb11010cef70236$var$idsUpdaterMap.delete(r);
+            $bdb11010cef70236$var$idsUpdaterMap$1.delete(r);
         };
     }, [
         res
@@ -38364,14 +38194,14 @@ function $bdb11010cef70236$export$f680877a34711e37(defaultId) {
     });
     return res;
 }
-function $bdb11010cef70236$export$cd8c9cb68f842629(idA, idB) {
+function $bdb11010cef70236$export$cd8c9cb68f842629$1(idA, idB) {
     if (idA === idB) return idA;
-    let setIdA = $bdb11010cef70236$var$idsUpdaterMap.get(idA);
+    let setIdA = $bdb11010cef70236$var$idsUpdaterMap$1.get(idA);
     if (setIdA) {
         setIdA(idB);
         return idB;
     }
-    let setIdB = $bdb11010cef70236$var$idsUpdaterMap.get(idB);
+    let setIdB = $bdb11010cef70236$var$idsUpdaterMap$1.get(idB);
     if (setIdB) {
         setIdB(idA);
         return idA;
@@ -38411,7 +38241,7 @@ function $bdb11010cef70236$export$b4cc09c592e8fdb8(depArray = []) {
  * governing permissions and limitations under the License.
  */ /**
  * Calls all functions in the order they were chained with the same arguments.
- */ function $ff5963eb1fccf552$export$e08e3b67e392101e(...callbacks) {
+ */ function $ff5963eb1fccf552$export$e08e3b67e392101e$1(...callbacks) {
     return (...args)=>{
         for (let callback of callbacks)if (typeof callback === "function") callback(...args);
     };
@@ -38431,7 +38261,7 @@ function $bdb11010cef70236$export$b4cc09c592e8fdb8(depArray = []) {
  */ 
 
 
-function $3ef42575df84b30b$export$9d1611c77c2fe928(...args) {
+function $3ef42575df84b30b$export$9d1611c77c2fe928$1(...args) {
     // Start with a base clone of the first argument. This is a lot faster than starting
     // with an empty object and adding properties as we go.
     let result = {
@@ -38444,9 +38274,9 @@ function $3ef42575df84b30b$export$9d1611c77c2fe928(...args) {
             let b = props[key];
             // Chain events
             if (typeof a === "function" && typeof b === "function" && // This is a lot faster than a regex.
-            key[0] === "o" && key[1] === "n" && key.charCodeAt(2) >= /* 'A' */ 65 && key.charCodeAt(2) <= /* 'Z' */ 90) result[key] = ($ff5963eb1fccf552$export$e08e3b67e392101e)(a, b);
+            key[0] === "o" && key[1] === "n" && key.charCodeAt(2) >= /* 'A' */ 65 && key.charCodeAt(2) <= /* 'Z' */ 90) result[key] = ($ff5963eb1fccf552$export$e08e3b67e392101e$1)(a, b);
             else if ((key === "className" || key === "UNSAFE_className") && typeof a === "string" && typeof b === "string") result[key] = (clsx)(a, b);
-            else if (key === "id" && a && b) result.id = ($bdb11010cef70236$export$cd8c9cb68f842629)(a, b);
+            else if (key === "id" && a && b) result.id = ($bdb11010cef70236$export$cd8c9cb68f842629$1)(a, b);
             else result[key] = b !== undefined ? b : a;
         }
     }
@@ -38563,17 +38393,17 @@ function $7215afc6de606d6b$var$restoreScrollPosition(scrollableElements) {
 // bugs, e.g. Chrome sometimes fires both transitionend and transitioncancel rather
 // than one or the other. So we need to track what's actually transitioning so that
 // we can ignore these duplicate events.
-let $bbed8b41f857bcc0$var$transitionsByElement = new Map();
+let $bbed8b41f857bcc0$var$transitionsByElement$1 = new Map();
 // A list of callbacks to call once there are no transitioning elements.
-let $bbed8b41f857bcc0$var$transitionCallbacks = new Set();
-function $bbed8b41f857bcc0$var$setupGlobalEvents() {
+let $bbed8b41f857bcc0$var$transitionCallbacks$1 = new Set();
+function $bbed8b41f857bcc0$var$setupGlobalEvents$1() {
     if (typeof window === "undefined") return;
     let onTransitionStart = (e)=>{
         // Add the transitioning property to the list for this element.
-        let transitions = $bbed8b41f857bcc0$var$transitionsByElement.get(e.target);
+        let transitions = $bbed8b41f857bcc0$var$transitionsByElement$1.get(e.target);
         if (!transitions) {
             transitions = new Set();
-            $bbed8b41f857bcc0$var$transitionsByElement.set(e.target, transitions);
+            $bbed8b41f857bcc0$var$transitionsByElement$1.set(e.target, transitions);
             // The transitioncancel event must be registered on the element itself, rather than as a global
             // event. This enables us to handle when the node is deleted from the document while it is transitioning.
             // In that case, the cancel event would have nowhere to bubble to so we need to handle it directly.
@@ -38583,34 +38413,34 @@ function $bbed8b41f857bcc0$var$setupGlobalEvents() {
     };
     let onTransitionEnd = (e)=>{
         // Remove property from list of transitioning properties.
-        let properties = $bbed8b41f857bcc0$var$transitionsByElement.get(e.target);
+        let properties = $bbed8b41f857bcc0$var$transitionsByElement$1.get(e.target);
         if (!properties) return;
         properties.delete(e.propertyName);
         // If empty, remove transitioncancel event, and remove the element from the list of transitioning elements.
         if (properties.size === 0) {
             e.target.removeEventListener("transitioncancel", onTransitionEnd);
-            $bbed8b41f857bcc0$var$transitionsByElement.delete(e.target);
+            $bbed8b41f857bcc0$var$transitionsByElement$1.delete(e.target);
         }
         // If no transitioning elements, call all of the queued callbacks.
-        if ($bbed8b41f857bcc0$var$transitionsByElement.size === 0) {
-            for (let cb of $bbed8b41f857bcc0$var$transitionCallbacks)cb();
-            $bbed8b41f857bcc0$var$transitionCallbacks.clear();
+        if ($bbed8b41f857bcc0$var$transitionsByElement$1.size === 0) {
+            for (let cb of $bbed8b41f857bcc0$var$transitionCallbacks$1)cb();
+            $bbed8b41f857bcc0$var$transitionCallbacks$1.clear();
         }
     };
     document.body.addEventListener("transitionrun", onTransitionStart);
     document.body.addEventListener("transitionend", onTransitionEnd);
 }
 if (typeof document !== "undefined") {
-    if (document.readyState !== "loading") $bbed8b41f857bcc0$var$setupGlobalEvents();
-    else document.addEventListener("DOMContentLoaded", $bbed8b41f857bcc0$var$setupGlobalEvents);
+    if (document.readyState !== "loading") $bbed8b41f857bcc0$var$setupGlobalEvents$1();
+    else document.addEventListener("DOMContentLoaded", $bbed8b41f857bcc0$var$setupGlobalEvents$1);
 }
 function $bbed8b41f857bcc0$export$24490316f764c430(fn) {
     // Wait one frame to see if an animation starts, e.g. a transition on mount.
     requestAnimationFrame(()=>{
         // If no transitions are running, call the function immediately.
         // Otherwise, add it to a list of callbacks to run at the end of the animation.
-        if ($bbed8b41f857bcc0$var$transitionsByElement.size === 0) fn();
-        else $bbed8b41f857bcc0$var$transitionCallbacks.add(fn);
+        if ($bbed8b41f857bcc0$var$transitionsByElement$1.size === 0) fn();
+        else $bbed8b41f857bcc0$var$transitionCallbacks$1.add(fn);
     });
 }
 
@@ -39135,7 +38965,7 @@ function $f6c31cce2adf654f$var$usePressResponderContext(props) {
     let context = (React.useContext)(($ae1eeba8b9eafd08$export$5165eccb35aaadb5));
     if (context) {
         let { register: register , ...contextProps } = context;
-        props = ($3ef42575df84b30b$export$9d1611c77c2fe928)(contextProps, props);
+        props = ($3ef42575df84b30b$export$9d1611c77c2fe928$1)(contextProps, props);
         register();
     }
     ($e7801be82b4b2a53$export$4debdb1a3f0fa79e)(context, props.ref);
@@ -39514,7 +39344,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
     ]);
     return {
         isPressed: isPressedProp || isPressed,
-        pressProps: ($3ef42575df84b30b$export$9d1611c77c2fe928)(domProps, pressProps)
+        pressProps: ($3ef42575df84b30b$export$9d1611c77c2fe928$1)(domProps, pressProps)
     };
 }
 function $f6c31cce2adf654f$var$isHTMLAnchorLink(target) {
@@ -40319,7 +40149,7 @@ function $8a26561d2877236e$export$c24ed0104d07eab9(props) {
     });
     let descriptionProps = ($ef06256079686ba0$export$f8aeda7b10753fa1)(onLongPress && !isDisabled ? accessibilityDescription : null);
     return {
-        longPressProps: ($3ef42575df84b30b$export$9d1611c77c2fe928)(pressProps, descriptionProps)
+        longPressProps: ($3ef42575df84b30b$export$9d1611c77c2fe928$1)(pressProps, descriptionProps)
     };
 }
 
@@ -40787,7 +40617,7 @@ function $9bf71ea28793e738$var$useRestoreFocus(scopeRef, restoreFocus, contain)
         let onFocus = ()=>{
             // If focusing an element in a child scope of the currently active scope, the child becomes active.
             // Moving out of the active scope to an ancestor is not allowed.
-            if (!$9bf71ea28793e738$var$activeScope || $9bf71ea28793e738$var$isAncestorScope($9bf71ea28793e738$var$activeScope, scopeRef)) $9bf71ea28793e738$var$activeScope = scopeRef;
+            if ((!$9bf71ea28793e738$var$activeScope || $9bf71ea28793e738$var$isAncestorScope($9bf71ea28793e738$var$activeScope, scopeRef)) && $9bf71ea28793e738$var$isElementInScope(document.activeElement, scopeRef.current)) $9bf71ea28793e738$var$activeScope = scopeRef;
         };
         document.addEventListener("focusin", onFocus, false);
         scope.forEach((element)=>element.addEventListener("focusin", onFocus, false));
@@ -41044,7 +40874,7 @@ function $e6afbd83fe6ebbd2$var$useFocusableContext(ref) {
 function $e6afbd83fe6ebbd2$export$4c014de7c8940b4c(props, domRef) {
     let { focusProps: focusProps  } = ($a1ea59d68270f0dd$export$f8168d8dd8fd66e6)(props);
     let { keyboardProps: keyboardProps  } = ($46d819fcbaf35654$export$8f71654801c2f7cd)(props);
-    let interactions = ($3ef42575df84b30b$export$9d1611c77c2fe928)(focusProps, keyboardProps);
+    let interactions = ($3ef42575df84b30b$export$9d1611c77c2fe928$1)(focusProps, keyboardProps);
     let domProps = $e6afbd83fe6ebbd2$var$useFocusableContext(domRef);
     let interactionProps = props.isDisabled ? {} : domProps;
     let autoFocusRef = (React.useRef)(props.autoFocus);
@@ -41055,7 +40885,7 @@ function $e6afbd83fe6ebbd2$export$4c014de7c8940b4c(props, domRef) {
         domRef
     ]);
     return {
-        focusableProps: ($3ef42575df84b30b$export$9d1611c77c2fe928)({
+        focusableProps: ($3ef42575df84b30b$export$9d1611c77c2fe928$1)({
             ...interactions,
             tabIndex: props.excludeFromTabOrder && !props.isDisabled ? -1 : undefined
         }, interactionProps)
@@ -41117,12 +40947,12 @@ function $701a24aa0da5b062$export$ea18c227d4417cc3(props, ref) {
     });
     let { focusableProps: focusableProps  } = ($e6afbd83fe6ebbd2$export$4c014de7c8940b4c)(props, ref);
     if (allowFocusWhenDisabled) focusableProps.tabIndex = isDisabled ? -1 : focusableProps.tabIndex;
-    let buttonProps = ($3ef42575df84b30b$export$9d1611c77c2fe928)(focusableProps, pressProps, ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props, {
+    let buttonProps = ($3ef42575df84b30b$export$9d1611c77c2fe928$1)(focusableProps, pressProps, ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props, {
         labelable: true
     }));
     return {
         isPressed: isPressed,
-        buttonProps: ($3ef42575df84b30b$export$9d1611c77c2fe928)(additionalProps, buttonProps, {
+        buttonProps: ($3ef42575df84b30b$export$9d1611c77c2fe928$1)(additionalProps, buttonProps, {
             "aria-haspopup": props["aria-haspopup"],
             "aria-expanded": props["aria-expanded"],
             "aria-controls": props["aria-controls"],
@@ -41519,7 +41349,7 @@ function $fb3050f43d946246$export$e32c88dfddc6e1d8(options) {
     }).current;
     let onKeyDown = (e)=>{
         let character = $fb3050f43d946246$var$getStringForKey(e.key);
-        if (!character || e.ctrlKey || e.metaKey) return;
+        if (!character || e.ctrlKey || e.metaKey || !e.currentTarget.contains(e.target)) return;
         // Do not propagate the Spacebar event if it's meant to be part of the search.
         // When we time out, the search term becomes empty, hence the check on length.
         // Trimming is to account for the case of pressing the Spacebar more than once,
@@ -41599,15 +41429,19 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
                 break;
             case "ArrowLeft":
                 if (delegate.getKeyLeftOf) {
+                    var _delegate_getFirstKey2, _delegate_getLastKey2;
                     e.preventDefault();
                     let nextKey2 = delegate.getKeyLeftOf(manager.focusedKey);
+                    if (nextKey2 == null && shouldFocusWrap) nextKey2 = direction === "rtl" ? (_delegate_getFirstKey2 = delegate.getFirstKey) === null || _delegate_getFirstKey2 === void 0 ? void 0 : _delegate_getFirstKey2.call(delegate, manager.focusedKey) : (_delegate_getLastKey2 = delegate.getLastKey) === null || _delegate_getLastKey2 === void 0 ? void 0 : _delegate_getLastKey2.call(delegate, manager.focusedKey);
                     navigateToKey(nextKey2, direction === "rtl" ? "first" : "last");
                 }
                 break;
             case "ArrowRight":
                 if (delegate.getKeyRightOf) {
+                    var _delegate_getLastKey3, _delegate_getFirstKey3;
                     e.preventDefault();
                     let nextKey3 = delegate.getKeyRightOf(manager.focusedKey);
+                    if (nextKey3 == null && shouldFocusWrap) nextKey3 = direction === "rtl" ? (_delegate_getLastKey3 = delegate.getLastKey) === null || _delegate_getLastKey3 === void 0 ? void 0 : _delegate_getLastKey3.call(delegate, manager.focusedKey) : (_delegate_getFirstKey3 = delegate.getFirstKey) === null || _delegate_getFirstKey3 === void 0 ? void 0 : _delegate_getFirstKey3.call(delegate, manager.focusedKey);
                     navigateToKey(nextKey3, direction === "rtl" ? "last" : "first");
                 }
                 break;
@@ -41783,7 +41617,7 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
         keyboardDelegate: delegate,
         selectionManager: manager
     });
-    if (!disallowTypeAhead) handlers = ($3ef42575df84b30b$export$9d1611c77c2fe928)(typeSelectProps, handlers);
+    if (!disallowTypeAhead) handlers = ($3ef42575df84b30b$export$9d1611c77c2fe928$1)(typeSelectProps, handlers);
     // If nothing is focused within the collection, make the collection itself tabbable.
     // This will be marshalled to either the first or last item depending on where focus came from.
     // If using virtual focus, don't set a tabIndex at all so that VoiceOver on iOS 14 doesn't try
@@ -41952,7 +41786,7 @@ function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
         if (modality.current === "touch" && longPressEnabledOnPressStart.current) e.preventDefault();
     };
     return {
-        itemProps: ($3ef42575df84b30b$export$9d1611c77c2fe928)(itemProps, allowsSelection || hasPrimaryAction ? pressProps : {}, longPressEnabled ? longPressProps : {}, {
+        itemProps: ($3ef42575df84b30b$export$9d1611c77c2fe928$1)(itemProps, allowsSelection || hasPrimaryAction ? pressProps : {}, longPressEnabled ? longPressProps : {}, {
             onDoubleClick: onDoubleClick,
             onDragStartCapture: onDragStartCapture
         }),
@@ -41995,7 +41829,8 @@ function $880e95eb8b93ba9a$var$isSelectionKey() {
  * 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.
- */ class $2a25aae57d74318e$export$a05409b8bb224a5a {
+ */ 
+class $2a25aae57d74318e$export$a05409b8bb224a5a {
     getKeyBelow(key) {
         key = this.collection.getKeyAfter(key);
         while(key != null){
@@ -42014,6 +41849,14 @@ function $880e95eb8b93ba9a$var$isSelectionKey() {
         }
         return null;
     }
+    getKeyRightOf(key) {
+        if (this.orientation === "horizontal") return this.direction === "rtl" ? this.getKeyAbove(key) : this.getKeyBelow(key);
+        return null;
+    }
+    getKeyLeftOf(key) {
+        if (this.orientation === "horizontal") return this.direction === "rtl" ? this.getKeyBelow(key) : this.getKeyAbove(key);
+        return null;
+    }
     getFirstKey() {
         let key = this.collection.getFirstKey();
         while(key != null){
@@ -42039,23 +41882,53 @@ function $880e95eb8b93ba9a$var$isSelectionKey() {
         let menu = this.ref.current;
         let item = this.getItem(key);
         if (!item) return null;
-        let pageY = Math.max(0, item.offsetTop + item.offsetHeight - menu.offsetHeight);
-        while(item && item.offsetTop > pageY){
-            key = this.getKeyAbove(key);
-            item = key == null ? null : this.getItem(key);
+        if (!($62d8ded9296f3872$export$2bb74740c4e19def)(menu)) return this.getFirstKey();
+        let containerRect = menu.getBoundingClientRect();
+        let itemRect = item.getBoundingClientRect();
+        if (this.orientation === "horizontal") {
+            let containerX = containerRect.x - menu.scrollLeft;
+            let pageX = Math.max(0, itemRect.x - containerX + itemRect.width - containerRect.width);
+            while(item && itemRect.x - containerX > pageX){
+                key = this.getKeyAbove(key);
+                item = key == null ? null : this.getItem(key);
+                itemRect = item === null || item === void 0 ? void 0 : item.getBoundingClientRect();
+            }
+        } else {
+            let containerY = containerRect.y - menu.scrollTop;
+            let pageY = Math.max(0, itemRect.y - containerY + itemRect.height - containerRect.height);
+            while(item && itemRect.y - containerY > pageY){
+                key = this.getKeyAbove(key);
+                item = key == null ? null : this.getItem(key);
+                itemRect = item === null || item === void 0 ? void 0 : item.getBoundingClientRect();
+            }
         }
-        return key;
+        return key !== null && key !== void 0 ? key : this.getFirstKey();
     }
     getKeyPageBelow(key) {
         let menu = this.ref.current;
         let item = this.getItem(key);
         if (!item) return null;
-        let pageY = Math.min(menu.scrollHeight, item.offsetTop - item.offsetHeight + menu.offsetHeight);
-        while(item && item.offsetTop < pageY){
-            key = this.getKeyBelow(key);
-            item = key == null ? null : this.getItem(key);
+        if (!($62d8ded9296f3872$export$2bb74740c4e19def)(menu)) return this.getLastKey();
+        let containerRect = menu.getBoundingClientRect();
+        let itemRect = item.getBoundingClientRect();
+        if (this.orientation === "horizontal") {
+            let containerX = containerRect.x - menu.scrollLeft;
+            let pageX = Math.min(menu.scrollWidth, itemRect.x - containerX - itemRect.width + containerRect.width);
+            while(item && itemRect.x - containerX < pageX){
+                key = this.getKeyBelow(key);
+                item = key == null ? null : this.getItem(key);
+                itemRect = item === null || item === void 0 ? void 0 : item.getBoundingClientRect();
+            }
+        } else {
+            let containerY = containerRect.y - menu.scrollTop;
+            let pageY = Math.min(menu.scrollHeight, itemRect.y - containerY - itemRect.height + containerRect.height);
+            while(item && itemRect.y - containerY < pageY){
+                key = this.getKeyBelow(key);
+                item = key == null ? null : this.getItem(key);
+                itemRect = item === null || item === void 0 ? void 0 : item.getBoundingClientRect();
+            }
         }
-        return key;
+        return key !== null && key !== void 0 ? key : this.getLastKey();
     }
     getKeyForSearch(search, fromKey) {
         if (!this.collator) return null;
@@ -42069,11 +41942,20 @@ function $880e95eb8b93ba9a$var$isSelectionKey() {
         }
         return null;
     }
-    constructor(collection, disabledKeys, ref, collator){
-        this.collection = collection;
-        this.disabledKeys = disabledKeys;
-        this.ref = ref;
-        this.collator = collator;
+    constructor(...args){
+        if (args.length === 1) {
+            let opts = args[0];
+            this.collection = opts.collection;
+            this.ref = opts.ref;
+            this.disabledKeys = opts.disabledKeys || new Set();
+            this.orientation = opts.orientation;
+            this.direction = opts.direction;
+        } else {
+            this.collection = args[0];
+            this.disabledKeys = args[1];
+            this.ref = args[2];
+            this.collator = args[3];
+        }
     }
 }
 
@@ -42185,7 +42067,7 @@ function $2baaea4c71418dea$export$294aa081a6c6f55d(props) {
         Boolean(errorMessage),
         validationState
     ]);
-    fieldProps = ($3ef42575df84b30b$export$9d1611c77c2fe928)(fieldProps, {
+    fieldProps = ($3ef42575df84b30b$export$9d1611c77c2fe928$1)(fieldProps, {
         "aria-describedby": [
             descriptionId,
             // Use aria-describedby for error message because aria-errormessage is unsupported using VoiceOver or NVDA. See https://github.com/adobe/react-spectrum/issues/1346#issuecomment-740136268
@@ -42270,7 +42152,7 @@ function $5c3e21d68f1c4674$export$439d29a4e110a164(props) {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     let { children: children , elementType: Element = "div" , isFocusable: isFocusable , style: style , ...otherProps } = props;
     let { visuallyHiddenProps: visuallyHiddenProps  } = $5c3e21d68f1c4674$export$a966af930f325cab(props);
-    return /*#__PURE__*/ (React).createElement(Element, ($3ef42575df84b30b$export$9d1611c77c2fe928)(otherProps, visuallyHiddenProps), children);
+    return /*#__PURE__*/ (React).createElement(Element, ($3ef42575df84b30b$export$9d1611c77c2fe928$1)(otherProps, visuallyHiddenProps), children);
 }
 
 function $parcel$interopDefault$1(a) {
@@ -42743,308 +42625,197 @@ new WeakMap();
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
-function $c1d7fb2ec91bae71$var$Item(props) {
-    return null;
+
+class $eb2240fc39a57fa5$export$bf788dd355e3a401 {
+    build(props, context) {
+        this.context = context;
+        return $eb2240fc39a57fa5$var$iterable(()=>this.iterateCollection(props));
+    }
+    *iterateCollection(props) {
+        let { children: children , items: items  } = props;
+        if (typeof children === "function") {
+            if (!items) throw new Error("props.children was a function but props.items is missing");
+            for (let item of props.items)yield* this.getFullNode({
+                value: item
+            }, {
+                renderer: children
+            });
+        } else {
+            let items1 = [];
+            (React).Children.forEach(children, (child)=>{
+                items1.push(child);
+            });
+            let index = 0;
+            for (let item1 of items1){
+                let nodes = this.getFullNode({
+                    element: item1,
+                    index: index
+                }, {});
+                for (let node of nodes){
+                    index++;
+                    yield node;
+                }
+            }
+        }
+    }
+    getKey(item, partialNode, state, parentKey) {
+        if (item.key != null) return item.key;
+        if (partialNode.type === "cell" && partialNode.key != null) return `${parentKey}${partialNode.key}`;
+        let v = partialNode.value;
+        if (v != null) {
+            var _v_key;
+            let key = (_v_key = v.key) !== null && _v_key !== void 0 ? _v_key : v.id;
+            if (key == null) throw new Error("No key found for item");
+            return key;
+        }
+        return parentKey ? `${parentKey}.${partialNode.index}` : `$.${partialNode.index}`;
+    }
+    getChildState(state, partialNode) {
+        return {
+            renderer: partialNode.renderer || state.renderer
+        };
+    }
+    *getFullNode(partialNode, state, parentKey, parentNode) {
+        // If there's a value instead of an element on the node, and a parent renderer function is available,
+        // use it to render an element for the value.
+        let element = partialNode.element;
+        if (!element && partialNode.value && state && state.renderer) {
+            let cached = this.cache.get(partialNode.value);
+            if (cached && (!cached.shouldInvalidate || !cached.shouldInvalidate(this.context))) {
+                cached.index = partialNode.index;
+                cached.parentKey = parentNode ? parentNode.key : null;
+                yield cached;
+                return;
+            }
+            element = state.renderer(partialNode.value);
+        }
+        // If there's an element with a getCollectionNode function on its type, then it's a supported component.
+        // Call this function to get a partial node, and recursively build a full node from there.
+        if ((React).isValidElement(element)) {
+            let type = element.type;
+            if (typeof type !== "function" && typeof type.getCollectionNode !== "function") {
+                let name = typeof element.type === "function" ? element.type.name : element.type;
+                throw new Error(`Unknown element <${name}> in collection.`);
+            }
+            let childNodes = type.getCollectionNode(element.props, this.context);
+            let index = partialNode.index;
+            let result = childNodes.next();
+            while(!result.done && result.value){
+                let childNode = result.value;
+                partialNode.index = index;
+                let nodeKey = childNode.key;
+                if (!nodeKey) nodeKey = childNode.element ? null : this.getKey(element, partialNode, state, parentKey);
+                let nodes = this.getFullNode({
+                    ...childNode,
+                    key: nodeKey,
+                    index: index,
+                    wrapper: $eb2240fc39a57fa5$var$compose(partialNode.wrapper, childNode.wrapper)
+                }, this.getChildState(state, childNode), parentKey ? `${parentKey}${element.key}` : element.key, parentNode);
+                let children = [
+                    ...nodes
+                ];
+                for (let node of children){
+                    // Cache the node based on its value
+                    node.value = childNode.value || partialNode.value;
+                    if (node.value) this.cache.set(node.value, node);
+                    // The partial node may have specified a type for the child in order to specify a constraint.
+                    // Verify that the full node that was built recursively matches this type.
+                    if (partialNode.type && node.type !== partialNode.type) throw new Error(`Unsupported type <${$eb2240fc39a57fa5$var$capitalize(node.type)}> in <${$eb2240fc39a57fa5$var$capitalize(parentNode.type)}>. Only <${$eb2240fc39a57fa5$var$capitalize(partialNode.type)}> is supported.`);
+                    index++;
+                    yield node;
+                }
+                result = childNodes.next(children);
+            }
+            return;
+        }
+        // Ignore invalid elements
+        if (partialNode.key == null) return;
+        // Create full node
+        let builder = this;
+        let node1 = {
+            type: partialNode.type,
+            props: partialNode.props,
+            key: partialNode.key,
+            parentKey: parentNode ? parentNode.key : null,
+            value: partialNode.value,
+            level: parentNode ? parentNode.level + 1 : 0,
+            index: partialNode.index,
+            rendered: partialNode.rendered,
+            textValue: partialNode.textValue,
+            "aria-label": partialNode["aria-label"],
+            wrapper: partialNode.wrapper,
+            shouldInvalidate: partialNode.shouldInvalidate,
+            hasChildNodes: partialNode.hasChildNodes,
+            childNodes: $eb2240fc39a57fa5$var$iterable(function*() {
+                if (!partialNode.hasChildNodes) return;
+                let index = 0;
+                for (let child of partialNode.childNodes()){
+                    // Ensure child keys are globally unique by prepending the parent node's key
+                    if (child.key != null) // TODO: Remove this line entirely and enforce that users always provide unique keys.
+                    // Currently this line will have issues when a parent has a key `a` and a child with key `bc`
+                    // but another parent has key `ab` and its child has a key `c`. The combined keys would result in both
+                    // children having a key of `abc`.
+                    child.key = `${node1.key}${child.key}`;
+                    child.index = index;
+                    let nodes = builder.getFullNode(child, builder.getChildState(state, child), node1.key, node1);
+                    for (let node of nodes){
+                        index++;
+                        yield node;
+                    }
+                }
+            })
+        };
+        yield node1;
+    }
+    constructor(){
+        (_defineProperty)(this, "cache", new WeakMap());
+    }
 }
-$c1d7fb2ec91bae71$var$Item.getCollectionNode = function* getCollectionNode(props, context) {
-    let { childItems: childItems , title: title , children: children  } = props;
-    let rendered = props.title || props.children;
-    let textValue = props.textValue || (typeof rendered === "string" ? rendered : "") || props["aria-label"] || "";
-    // suppressTextValueWarning is used in components like Tabs, which don't have type to select support.
-    if (!textValue && !(context === null || context === void 0 ? void 0 : context.suppressTextValueWarning)) console.warn("<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop.");
-    yield {
-        type: "item",
-        props: props,
-        rendered: rendered,
-        textValue: textValue,
-        "aria-label": props["aria-label"],
-        hasChildNodes: $c1d7fb2ec91bae71$var$hasChildItems(props),
-        *childNodes () {
-            if (childItems) for (let child of childItems)yield {
-                type: "item",
-                value: child
-            };
-            else if (title) {
-                let items = [];
-                (React).Children.forEach(children, (child)=>{
-                    items.push({
-                        type: "item",
-                        element: child
-                    });
-                });
-                yield* items;
+// Wraps an iterator function as an iterable object, and caches the results.
+function $eb2240fc39a57fa5$var$iterable(iterator) {
+    let cache = [];
+    let iterable = null;
+    return {
+        *[Symbol.iterator] () {
+            for (let item of cache)yield item;
+            if (!iterable) iterable = iterator();
+            for (let item1 of iterable){
+                cache.push(item1);
+                yield item1;
             }
         }
     };
-};
-function $c1d7fb2ec91bae71$var$hasChildItems(props) {
-    if (props.hasChildItems != null) return props.hasChildItems;
-    if (props.childItems) return true;
-    if (props.title && (React).Children.count(props.children) > 0) return true;
-    return false;
 }
-// We don't want getCollectionNode to show up in the type definition
-let $c1d7fb2ec91bae71$export$6d08773d2e66f8f2 = $c1d7fb2ec91bae71$var$Item;
+function $eb2240fc39a57fa5$var$compose(outer, inner) {
+    if (outer && inner) return (element)=>outer(inner(element));
+    if (outer) return outer;
+    if (inner) return inner;
+}
+function $eb2240fc39a57fa5$var$capitalize(str) {
+    return str[0].toUpperCase() + str.slice(1);
+}
 
 
-/*
- * 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 $9fc4852771d079eb$var$Section(props) {
-    return null;
-}
-$9fc4852771d079eb$var$Section.getCollectionNode = function* getCollectionNode(props) {
-    let { children: children , title: title , items: items  } = props;
-    yield {
-        type: "section",
-        props: props,
-        hasChildNodes: true,
-        rendered: title,
-        "aria-label": props["aria-label"],
-        *childNodes () {
-            if (typeof children === "function") {
-                if (!items) throw new Error("props.children was a function but props.items is missing");
-                for (let item of items)yield {
-                    type: "item",
-                    value: item,
-                    renderer: children
-                };
-            } else {
-                let items1 = [];
-                (React).Children.forEach(children, (child)=>{
-                    items1.push({
-                        type: "item",
-                        element: child
-                    });
-                });
-                yield* items1;
-            }
-        }
-    };
-};
-// We don't want getCollectionNode to show up in the type definition
-let $9fc4852771d079eb$export$6e2c8f0811a474ce = $9fc4852771d079eb$var$Section;
-
-
-/*
- * 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.
- */ 
-
-class $eb2240fc39a57fa5$export$bf788dd355e3a401 {
-    build(props, context) {
-        this.context = context;
-        return $eb2240fc39a57fa5$var$iterable(()=>this.iterateCollection(props));
-    }
-    *iterateCollection(props) {
-        let { children: children , items: items  } = props;
-        if (typeof children === "function") {
-            if (!items) throw new Error("props.children was a function but props.items is missing");
-            for (let item of props.items)yield* this.getFullNode({
-                value: item
-            }, {
-                renderer: children
-            });
-        } else {
-            let items1 = [];
-            (React).Children.forEach(children, (child)=>{
-                items1.push(child);
-            });
-            let index = 0;
-            for (let item1 of items1){
-                let nodes = this.getFullNode({
-                    element: item1,
-                    index: index
-                }, {});
-                for (let node of nodes){
-                    index++;
-                    yield node;
-                }
-            }
-        }
-    }
-    getKey(item, partialNode, state, parentKey) {
-        if (item.key != null) return item.key;
-        if (partialNode.type === "cell" && partialNode.key != null) return `${parentKey}${partialNode.key}`;
-        let v = partialNode.value;
-        if (v != null) {
-            var _v_key;
-            let key = (_v_key = v.key) !== null && _v_key !== void 0 ? _v_key : v.id;
-            if (key == null) throw new Error("No key found for item");
-            return key;
-        }
-        return parentKey ? `${parentKey}.${partialNode.index}` : `$.${partialNode.index}`;
-    }
-    getChildState(state, partialNode) {
-        return {
-            renderer: partialNode.renderer || state.renderer
-        };
-    }
-    *getFullNode(partialNode, state, parentKey, parentNode) {
-        // If there's a value instead of an element on the node, and a parent renderer function is available,
-        // use it to render an element for the value.
-        let element = partialNode.element;
-        if (!element && partialNode.value && state && state.renderer) {
-            let cached = this.cache.get(partialNode.value);
-            if (cached && (!cached.shouldInvalidate || !cached.shouldInvalidate(this.context))) {
-                cached.index = partialNode.index;
-                cached.parentKey = parentNode ? parentNode.key : null;
-                yield cached;
-                return;
-            }
-            element = state.renderer(partialNode.value);
-        }
-        // If there's an element with a getCollectionNode function on its type, then it's a supported component.
-        // Call this function to get a partial node, and recursively build a full node from there.
-        if ((React).isValidElement(element)) {
-            let type = element.type;
-            if (typeof type !== "function" && typeof type.getCollectionNode !== "function") {
-                let name = typeof element.type === "function" ? element.type.name : element.type;
-                throw new Error(`Unknown element <${name}> in collection.`);
-            }
-            let childNodes = type.getCollectionNode(element.props, this.context);
-            let index = partialNode.index;
-            let result = childNodes.next();
-            while(!result.done && result.value){
-                let childNode = result.value;
-                partialNode.index = index;
-                let nodeKey = childNode.key;
-                if (!nodeKey) nodeKey = childNode.element ? null : this.getKey(element, partialNode, state, parentKey);
-                let nodes = this.getFullNode({
-                    ...childNode,
-                    key: nodeKey,
-                    index: index,
-                    wrapper: $eb2240fc39a57fa5$var$compose(partialNode.wrapper, childNode.wrapper)
-                }, this.getChildState(state, childNode), parentKey ? `${parentKey}${element.key}` : element.key, parentNode);
-                let children = [
-                    ...nodes
-                ];
-                for (let node of children){
-                    // Cache the node based on its value
-                    node.value = childNode.value || partialNode.value;
-                    if (node.value) this.cache.set(node.value, node);
-                    // The partial node may have specified a type for the child in order to specify a constraint.
-                    // Verify that the full node that was built recursively matches this type.
-                    if (partialNode.type && node.type !== partialNode.type) throw new Error(`Unsupported type <${$eb2240fc39a57fa5$var$capitalize(node.type)}> in <${$eb2240fc39a57fa5$var$capitalize(parentNode.type)}>. Only <${$eb2240fc39a57fa5$var$capitalize(partialNode.type)}> is supported.`);
-                    index++;
-                    yield node;
-                }
-                result = childNodes.next(children);
-            }
-            return;
-        }
-        // Ignore invalid elements
-        if (partialNode.key == null) return;
-        // Create full node
-        let builder = this;
-        let node1 = {
-            type: partialNode.type,
-            props: partialNode.props,
-            key: partialNode.key,
-            parentKey: parentNode ? parentNode.key : null,
-            value: partialNode.value,
-            level: parentNode ? parentNode.level + 1 : 0,
-            index: partialNode.index,
-            rendered: partialNode.rendered,
-            textValue: partialNode.textValue,
-            "aria-label": partialNode["aria-label"],
-            wrapper: partialNode.wrapper,
-            shouldInvalidate: partialNode.shouldInvalidate,
-            hasChildNodes: partialNode.hasChildNodes,
-            childNodes: $eb2240fc39a57fa5$var$iterable(function*() {
-                if (!partialNode.hasChildNodes) return;
-                let index = 0;
-                for (let child of partialNode.childNodes()){
-                    // Ensure child keys are globally unique by prepending the parent node's key
-                    if (child.key != null) // TODO: Remove this line entirely and enforce that users always provide unique keys.
-                    // Currently this line will have issues when a parent has a key `a` and a child with key `bc`
-                    // but another parent has key `ab` and its child has a key `c`. The combined keys would result in both
-                    // children having a key of `abc`.
-                    child.key = `${node1.key}${child.key}`;
-                    child.index = index;
-                    let nodes = builder.getFullNode(child, builder.getChildState(state, child), node1.key, node1);
-                    for (let node of nodes){
-                        index++;
-                        yield node;
-                    }
-                }
-            })
-        };
-        yield node1;
-    }
-    constructor(){
-        (_defineProperty)(this, "cache", new WeakMap());
-    }
-}
-// Wraps an iterator function as an iterable object, and caches the results.
-function $eb2240fc39a57fa5$var$iterable(iterator) {
-    let cache = [];
-    let iterable = null;
-    return {
-        *[Symbol.iterator] () {
-            for (let item of cache)yield item;
-            if (!iterable) iterable = iterator();
-            for (let item1 of iterable){
-                cache.push(item1);
-                yield item1;
-            }
-        }
-    };
-}
-function $eb2240fc39a57fa5$var$compose(outer, inner) {
-    if (outer && inner) return (element)=>outer(inner(element));
-    if (outer) return outer;
-    if (inner) return inner;
-}
-function $eb2240fc39a57fa5$var$capitalize(str) {
-    return str[0].toUpperCase() + str.slice(1);
-}
-
-
-
-function $7613b1592d41b092$export$6cd28814d92fa9c9(props, factory, context, invalidators = []) {
-    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;
-    // Don't invalidate when any prop changes, just the two we care about.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        builder,
-        props.children,
-        props.items,
-        props.collection,
-        context,
-        ...invalidators
-    ]);
+
+function $7613b1592d41b092$export$6cd28814d92fa9c9(props, factory, context) {
+    let builder = (React.useMemo)(()=>new ($eb2240fc39a57fa5$export$bf788dd355e3a401)(), []);
+    let { children: children , items: items , collection: collection  } = props;
+    let result = (React.useMemo)(()=>{
+        if (collection) return collection;
+        let nodes = builder.build({
+            children: children,
+            items: items
+        }, context);
+        return factory(nodes);
+    }, [
+        builder,
+        children,
+        items,
+        collection,
+        context,
+        factory
+    ]);
+    return result;
 }
 
 
@@ -43558,7 +43329,7 @@ function $58aed456727eb0f3$export$e64b2f635402ca43(props, state, ref) {
     let domProps = ($65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props, {
         labelable: true
     });
-    let triggerProps = ($3ef42575df84b30b$export$9d1611c77c2fe928)(typeSelectProps, menuTriggerProps, fieldProps);
+    let triggerProps = ($3ef42575df84b30b$export$9d1611c77c2fe928$1)(typeSelectProps, menuTriggerProps, fieldProps);
     let valueId = ($bdb11010cef70236$export$f680877a34711e37)();
     return {
         labelProps: {
@@ -43571,10 +43342,10 @@ function $58aed456727eb0f3$export$e64b2f635402ca43(props, state, ref) {
                 }
             }
         },
-        triggerProps: ($3ef42575df84b30b$export$9d1611c77c2fe928)(domProps, {
+        triggerProps: ($3ef42575df84b30b$export$9d1611c77c2fe928$1)(domProps, {
             ...triggerProps,
             isDisabled: isDisabled,
-            onKeyDown: ($ff5963eb1fccf552$export$e08e3b67e392101e)(triggerProps.onKeyDown, onKeyDown, props.onKeyDown),
+            onKeyDown: ($ff5963eb1fccf552$export$e08e3b67e392101e$1)(triggerProps.onKeyDown, onKeyDown, props.onKeyDown),
             onKeyUp: props.onKeyUp,
             "aria-labelledby": [
                 triggerProps["aria-labelledby"],
@@ -44137,7 +43908,7 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
     /**
    * Selects all items in the collection.
    */ selectAll() {
-        if (this.selectionMode === "multiple") this.state.setSelectedKeys("all");
+        if (!this.isSelectAll && this.selectionMode === "multiple") this.state.setSelectedKeys("all");
     }
     /**
    * Removes all keys from the selection.
@@ -44299,15 +44070,15 @@ function $e72dd72e1c76a225$export$2f645645f7bca764(props) {
     let disabledKeys = (React.useMemo)(()=>props.disabledKeys ? new Set(props.disabledKeys) : new Set(), [
         props.disabledKeys
     ]);
-    let factory = (nodes)=>filter ? new ($a02d57049d202695$export$d085fb9e920b5ca7)(filter(nodes)) : new ($a02d57049d202695$export$d085fb9e920b5ca7)(nodes);
+    let factory = (React.useCallback)((nodes)=>filter ? new ($a02d57049d202695$export$d085fb9e920b5ca7)(filter(nodes)) : new ($a02d57049d202695$export$d085fb9e920b5ca7)(nodes), [
+        filter
+    ]);
     let context = (React.useMemo)(()=>({
             suppressTextValueWarning: props.suppressTextValueWarning
         }), [
         props.suppressTextValueWarning
     ]);
-    let collection = ($7613b1592d41b092$export$6cd28814d92fa9c9)(props, factory, context, [
-        filter
-    ]);
+    let collection = ($7613b1592d41b092$export$6cd28814d92fa9c9)(props, factory, context);
     let selectionManager = (React.useMemo)(()=>new ($d496c0a20b6e58ec$export$6c8a5aaad13c9852)(collection, selectionState), [
         collection,
         selectionState
@@ -44412,7 +44183,7 @@ function $a0d645289fe9b86b$export$e7f05e985daf4b5f(props) {
  * 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
@@ -44550,11 +44321,11 @@ function $c132121280ec012d$export$50eacbbf140a3141(props, state, ref) {
     });
     return {
         labelProps: labelProps,
-        listBoxProps: ($3ef42575df84b30b$export$9d1611c77c2fe928)(domProps, focusWithinProps, state.selectionManager.selectionMode === "multiple" ? {
+        listBoxProps: ($3ef42575df84b30b$export$9d1611c77c2fe928$1)(domProps, focusWithinProps, state.selectionManager.selectionMode === "multiple" ? {
             "aria-multiselectable": "true"
         } : {}, {
             role: "listbox",
-            ...($3ef42575df84b30b$export$9d1611c77c2fe928)(fieldProps, listProps)
+            ...($3ef42575df84b30b$export$9d1611c77c2fe928$1)(fieldProps, listProps)
         })
     };
 }
@@ -44637,7 +44408,7 @@ function $293f70390ea03370$export$497855f14858aa34(props, state, ref) {
     return {
         optionProps: {
             ...optionProps,
-            ...($3ef42575df84b30b$export$9d1611c77c2fe928)(itemProps, hoverProps),
+            ...($3ef42575df84b30b$export$9d1611c77c2fe928$1)(itemProps, hoverProps),
             id: ($b1f0cad8af73213b$export$9145995848b05025)(state, key)
         },
         labelProps: {
@@ -44690,14 +44461,14 @@ function $af383d3bef1cfdc9$export$c3f9f39876e4bc7(props) {
     };
 }
 
-var styles$4 = {"listBox":"ListBox-module_listBox__FQ9sQ","focus":"ListBox-module_focus__Tm-jn"};
+var styles$c = {"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 = index.__rest(_a, ["children", "menuProps", "classNameOverride"]);
   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$c.listBox, classNameOverride) }, listBoxProps, restProps), children);
 };
 ListBox.displayName = "ListBox";
 
@@ -44714,7 +44485,7 @@ var Heading_module$1 = /*#__PURE__*/Object.freeze({
     default: Heading_module
 });
 
-var require$$2$4 = /*@__PURE__*/index.getAugmentedNamespace(Heading_module$1);
+var require$$2$5 = /*@__PURE__*/index.getAugmentedNamespace(Heading_module$1);
 
 (function(exports) {
   var __assign = index.commonjsGlobal && index.commonjsGlobal.__assign || function() {
@@ -44748,7 +44519,7 @@ var require$$2$4 = /*@__PURE__*/index.getAugmentedNamespace(Heading_module$1);
   exports.Heading = void 0;
   var react_1 = React;
   var classnames_1 = __importDefault(index.classnamesExports);
-  var Heading_module_scss_1 = __importDefault(require$$2$4);
+  var Heading_module_scss_1 = __importDefault(require$$2$5);
   var VARIANTS_24PX_OR_GREATER = ["display-0", "heading-1", "heading-2"];
   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"]);
@@ -44814,10 +44585,10 @@ var Paragraph_module$1 = /*#__PURE__*/Object.freeze({
     default: Paragraph_module
 });
 
-var require$$2$3 = /*@__PURE__*/index.getAugmentedNamespace(Paragraph_module$1);
+var require$$2$4 = /*@__PURE__*/index.getAugmentedNamespace(Paragraph_module$1);
 
-var __assign = index.commonjsGlobal && index.commonjsGlobal.__assign || function() {
-  __assign = Object.assign || function(t) {
+var __assign$2 = index.commonjsGlobal && index.commonjsGlobal.__assign || function() {
+  __assign$2 = Object.assign || function(t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
       for (var p in s)
@@ -44826,9 +44597,9 @@ var __assign = index.commonjsGlobal && index.commonjsGlobal.__assign || function
     }
     return t;
   };
-  return __assign.apply(this, arguments);
+  return __assign$2.apply(this, arguments);
 };
-var __rest = index.commonjsGlobal && index.commonjsGlobal.__rest || function(s, e) {
+var __rest$2 = 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)
@@ -44840,18 +44611,18 @@ var __rest = index.commonjsGlobal && index.commonjsGlobal.__rest || function(s,
     }
   return t;
 };
-var __importDefault = index.commonjsGlobal && index.commonjsGlobal.__importDefault || function(mod) {
+var __importDefault$2 = 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 react_1$2 = React;
+var classnames_1$2 = __importDefault$2(index.classnamesExports);
+var Paragraph_module_scss_1 = __importDefault$2(require$$2$4);
 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);
+  var children = _a.children, tag = _a.tag, variant = _a.variant, _b = _a.color, color = _b === void 0 ? "dark" : _b, classNameOverride = _a.classNameOverride, restProps = __rest$2(_a, ["children", "tag", "variant", "color", "classNameOverride"]);
+  var className = (0, classnames_1$2["default"])(Paragraph_module_scss_1["default"].paragraph, Paragraph_module_scss_1["default"][variant], Paragraph_module_scss_1["default"][color], classNameOverride);
+  return (0, react_1$2.createElement)(tag === void 0 ? "p" : tag, __assign$2(__assign$2({}, restProps), { className }), children);
 };
 Paragraph$1.Paragraph = Paragraph;
 
@@ -44906,6 +44677,193 @@ Paragraph$1.Paragraph = Paragraph;
   __exportStar(Paragraph$2, exports);
 })(typography);
 
+/*
+ * 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.
+ */ 
+/*
+ * 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.
+ */ 
+typeof window !== "undefined" ? (React).useLayoutEffect : ()=>{};
+
+
+let $bdb11010cef70236$var$idsUpdaterMap = new Map();
+function $bdb11010cef70236$export$cd8c9cb68f842629(idA, idB) {
+    if (idA === idB) return idA;
+    let setIdA = $bdb11010cef70236$var$idsUpdaterMap.get(idA);
+    if (setIdA) {
+        setIdA(idB);
+        return idB;
+    }
+    let setIdB = $bdb11010cef70236$var$idsUpdaterMap.get(idB);
+    if (setIdB) {
+        setIdB(idA);
+        return idA;
+    }
+    return idB;
+}
+
+
+/*
+ * 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.
+ */ /**
+ * Calls all functions in the order they were chained with the same arguments.
+ */ function $ff5963eb1fccf552$export$e08e3b67e392101e(...callbacks) {
+    return (...args)=>{
+        for (let callback of callbacks)if (typeof callback === "function") callback(...args);
+    };
+}
+
+
+/*
+ * 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 $3ef42575df84b30b$export$9d1611c77c2fe928(...args) {
+    // Start with a base clone of the first argument. This is a lot faster than starting
+    // with an empty object and adding properties as we go.
+    let result = {
+        ...args[0]
+    };
+    for(let i = 1; i < args.length; i++){
+        let props = args[i];
+        for(let key in props){
+            let a = result[key];
+            let b = props[key];
+            // Chain events
+            if (typeof a === "function" && typeof b === "function" && // This is a lot faster than a regex.
+            key[0] === "o" && key[1] === "n" && key.charCodeAt(2) >= /* 'A' */ 65 && key.charCodeAt(2) <= /* 'Z' */ 90) result[key] = ($ff5963eb1fccf552$export$e08e3b67e392101e)(a, b);
+            else if ((key === "className" || key === "UNSAFE_className") && typeof a === "string" && typeof b === "string") result[key] = (clsx)(a, b);
+            else if (key === "id" && a && b) result.id = ($bdb11010cef70236$export$cd8c9cb68f842629)(a, b);
+            else result[key] = b !== undefined ? b : a;
+        }
+    }
+    return result;
+}
+
+
+/*
+ * 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 Set([
+    "id"
+]);
+new Set([
+    "aria-label",
+    "aria-labelledby",
+    "aria-describedby",
+    "aria-details"
+]);
+
+
+/*
+ * 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 store a global list of elements that are currently transitioning,
+// mapped to a set of CSS properties that are transitioning for that element.
+// This is necessary rather than a simple count of transitions because of browser
+// bugs, e.g. Chrome sometimes fires both transitionend and transitioncancel rather
+// than one or the other. So we need to track what's actually transitioning so that
+// we can ignore these duplicate events.
+let $bbed8b41f857bcc0$var$transitionsByElement = new Map();
+// A list of callbacks to call once there are no transitioning elements.
+let $bbed8b41f857bcc0$var$transitionCallbacks = new Set();
+function $bbed8b41f857bcc0$var$setupGlobalEvents() {
+    if (typeof window === "undefined") return;
+    let onTransitionStart = (e)=>{
+        // Add the transitioning property to the list for this element.
+        let transitions = $bbed8b41f857bcc0$var$transitionsByElement.get(e.target);
+        if (!transitions) {
+            transitions = new Set();
+            $bbed8b41f857bcc0$var$transitionsByElement.set(e.target, transitions);
+            // The transitioncancel event must be registered on the element itself, rather than as a global
+            // event. This enables us to handle when the node is deleted from the document while it is transitioning.
+            // In that case, the cancel event would have nowhere to bubble to so we need to handle it directly.
+            e.target.addEventListener("transitioncancel", onTransitionEnd);
+        }
+        transitions.add(e.propertyName);
+    };
+    let onTransitionEnd = (e)=>{
+        // Remove property from list of transitioning properties.
+        let properties = $bbed8b41f857bcc0$var$transitionsByElement.get(e.target);
+        if (!properties) return;
+        properties.delete(e.propertyName);
+        // If empty, remove transitioncancel event, and remove the element from the list of transitioning elements.
+        if (properties.size === 0) {
+            e.target.removeEventListener("transitioncancel", onTransitionEnd);
+            $bbed8b41f857bcc0$var$transitionsByElement.delete(e.target);
+        }
+        // If no transitioning elements, call all of the queued callbacks.
+        if ($bbed8b41f857bcc0$var$transitionsByElement.size === 0) {
+            for (let cb of $bbed8b41f857bcc0$var$transitionCallbacks)cb();
+            $bbed8b41f857bcc0$var$transitionCallbacks.clear();
+        }
+    };
+    document.body.addEventListener("transitionrun", onTransitionStart);
+    document.body.addEventListener("transitionend", onTransitionEnd);
+}
+if (typeof document !== "undefined") {
+    if (document.readyState !== "loading") $bbed8b41f857bcc0$var$setupGlobalEvents();
+    else document.addEventListener("DOMContentLoaded", $bbed8b41f857bcc0$var$setupGlobalEvents);
+}
+new Map();
+
 var componentLibrary = {};
 
 var components = {};
@@ -44914,23 +44872,23 @@ var Dropdown$1 = {};
 
 var Dropdown = {};
 
-var img$2 = "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 44.1 (41455) - http://www.bohemiancoding.com/sketch --%3e %3ctitle%3eIcons/Directional/chevron-down%3c/title%3e %3cdesc%3eCreated with Sketch.%3c/desc%3e %3cdefs%3e %3cpolygon id='path-1' points='6.17916667 6.84500003 10 10.746733 13.8208333 6.84500003 15 8.04913353 10 13.155 5 8.04913353'%3e%3c/polygon%3e %3c/defs%3e %3cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='Icons/Directional/chevron-down'%3e %3cmask id='mask-2' fill='white'%3e %3cuse xlink:href='%23path-1'%3e%3c/use%3e %3c/mask%3e %3cuse fill='black' xlink:href='%23path-1'%3e%3c/use%3e %3c/g%3e %3c/g%3e%3c/svg%3e";
+var img$8 = "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 44.1 (41455) - http://www.bohemiancoding.com/sketch --%3e %3ctitle%3eIcons/Directional/chevron-down%3c/title%3e %3cdesc%3eCreated with Sketch.%3c/desc%3e %3cdefs%3e %3cpolygon id='path-1' points='6.17916667 6.84500003 10 10.746733 13.8208333 6.84500003 15 8.04913353 10 13.155 5 8.04913353'%3e%3c/polygon%3e %3c/defs%3e %3cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='Icons/Directional/chevron-down'%3e %3cmask id='mask-2' fill='white'%3e %3cuse xlink:href='%23path-1'%3e%3c/use%3e %3c/mask%3e %3cuse fill='black' xlink:href='%23path-1'%3e%3c/use%3e %3c/g%3e %3c/g%3e%3c/svg%3e";
 
 var chevronDown_icon = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    default: img$2
+    default: img$8
 });
 
-var require$$2$2 = /*@__PURE__*/index.getAugmentedNamespace(chevronDown_icon);
+var require$$2$3 = /*@__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";
+var img$7 = "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";
 
 var ellipsis_icon = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    default: img$1
+    default: img$7
 });
 
-var require$$3$1 = /*@__PURE__*/index.getAugmentedNamespace(ellipsis_icon);
+var require$$3$3 = /*@__PURE__*/index.getAugmentedNamespace(ellipsis_icon);
 
 var Icon$1 = {};
 
@@ -44965,7 +44923,7 @@ var Icon_module$1 = /*#__PURE__*/Object.freeze({
     default: Icon_module
 });
 
-var require$$3 = /*@__PURE__*/index.getAugmentedNamespace(Icon_module$1);
+var require$$3$2 = /*@__PURE__*/index.getAugmentedNamespace(Icon_module$1);
 
 (function(exports) {
   var __assign = index.commonjsGlobal && index.commonjsGlobal.__assign || function() {
@@ -45000,7 +44958,7 @@ var require$$3 = /*@__PURE__*/index.getAugmentedNamespace(Icon_module$1);
   var react_1 = __importDefault(React);
   var classnames_1 = __importDefault(index.classnamesExports);
   var console_1 = console$1;
-  var Icon_module_scss_1 = __importDefault(require$$3);
+  var Icon_module_scss_1 = __importDefault(require$$3$2);
   var Icon = function(_a) {
     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"]);
@@ -45073,7 +45031,7 @@ var Dropdown_module$1 = /*#__PURE__*/Object.freeze({
     default: Dropdown_module
 });
 
-var require$$6 = /*@__PURE__*/index.getAugmentedNamespace(Dropdown_module$1);
+var require$$6$1 = /*@__PURE__*/index.getAugmentedNamespace(Dropdown_module$1);
 
 (function(exports) {
   var __extends = index.commonjsGlobal && index.commonjsGlobal.__extends || function() {
@@ -45102,7 +45060,7 @@ var require$$6 = /*@__PURE__*/index.getAugmentedNamespace(Dropdown_module$1);
   };
   exports.__esModule = true;
   var react_1 = __importDefault(React);
-  var Dropdown_module_scss_1 = __importDefault(require$$6);
+  var Dropdown_module_scss_1 = __importDefault(require$$6$1);
   var DropdownMenu = (
     /** @class */
     function(_super) {
@@ -45190,11 +45148,11 @@ var require$$6 = /*@__PURE__*/index.getAugmentedNamespace(Dropdown_module$1);
   exports.__esModule = true;
   var react_1 = __importDefault(React);
   var classnames_1 = __importDefault(index.classnamesExports);
-  var chevron_down_icon_svg_1 = __importDefault(require$$2$2);
-  var ellipsis_icon_svg_1 = __importDefault(require$$3$1);
+  var chevron_down_icon_svg_1 = __importDefault(require$$2$3);
+  var ellipsis_icon_svg_1 = __importDefault(require$$3$3);
   var Icon_1 = Icon$1;
   var DropdownMenu_1 = __importDefault(DropdownMenu);
-  var Dropdown_module_scss_1 = __importDefault(require$$6);
+  var Dropdown_module_scss_1 = __importDefault(require$$6$1);
   var Dropdown = (
     /** @class */
     function(_super) {
@@ -45631,7 +45589,7 @@ var Text_module$1 = /*#__PURE__*/Object.freeze({
     default: Text_module
 });
 
-var require$$2$1 = /*@__PURE__*/index.getAugmentedNamespace(Text_module$1);
+var require$$2$2 = /*@__PURE__*/index.getAugmentedNamespace(Text_module$1);
 
 (function(exports) {
   var __importDefault = index.commonjsGlobal && index.commonjsGlobal.__importDefault || function(mod) {
@@ -45640,7 +45598,7 @@ var require$$2$1 = /*@__PURE__*/index.getAugmentedNamespace(Text_module$1);
   exports.__esModule = true;
   var react_1 = __importDefault(React);
   var classnames_1 = __importDefault(index.classnamesExports);
-  var Text_module_scss_1 = __importDefault(require$$2$1);
+  var Text_module_scss_1 = __importDefault(require$$2$2);
   var Text = function(_a) {
     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, {
@@ -46080,10 +46038,10 @@ var Box = {};
   __exportStar(components, exports);
 })(componentLibrary);
 
-var img = "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 44.1 (41455) - http://www.bohemiancoding.com/sketch --%3e %3ctitle%3eIcons/Informational/check%3c/title%3e %3cdesc%3eCreated with Sketch.%3c/desc%3e %3cdefs%3e %3cpolygon id='path-1' points='8.33333333 14.3416667 4.16666667 10.175 5.34166667 9 8.33333333 11.9833333 14.6583333 5.65833333 15.8333333 6.84166667'%3e%3c/polygon%3e %3c/defs%3e %3cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='Icons/Informational/check'%3e %3cmask id='mask-2' fill='white'%3e %3cuse xlink:href='%23path-1'%3e%3c/use%3e %3c/mask%3e %3cuse fill='black' xlink:href='%23path-1'%3e%3c/use%3e %3c/g%3e %3c/g%3e%3c/svg%3e";
-  var check = img;
+var img$6 = "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 44.1 (41455) - http://www.bohemiancoding.com/sketch --%3e %3ctitle%3eIcons/Informational/check%3c/title%3e %3cdesc%3eCreated with Sketch.%3c/desc%3e %3cdefs%3e %3cpolygon id='path-1' points='8.33333333 14.3416667 4.16666667 10.175 5.34166667 9 8.33333333 11.9833333 14.6583333 5.65833333 15.8333333 6.84166667'%3e%3c/polygon%3e %3c/defs%3e %3cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='Icons/Informational/check'%3e %3cmask id='mask-2' fill='white'%3e %3cuse xlink:href='%23path-1'%3e%3c/use%3e %3c/mask%3e %3cuse fill='black' xlink:href='%23path-1'%3e%3c/use%3e %3c/g%3e %3c/g%3e%3c/svg%3e";
+  var check = img$6;
 
-var styles$3 = {"icon":"Option-module_icon__0ECp6","option":"Option-module_option__U-MsL","isFocusVisible":"Option-module_isFocusVisible__yYC7y","disabled":"Option-module_disabled__RV081","isSelected":"Option-module_isSelected__L3nhB"};
+var styles$b = {"icon":"Option-module_icon__0ECp6","option":"Option-module_option__U-MsL","isFocusVisible":"Option-module_isFocusVisible__yYC7y","disabled":"Option-module_disabled__RV081","isSelected":"Option-module_isSelected__L3nhB"};
 
 var Option = function(_a) {
   var item = _a.item, classNameOverride = _a.classNameOverride, props = index.__rest(_a, ["item", "classNameOverride"]);
@@ -46093,14 +46051,14 @@ 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$b.option, isSelected && styles$b.isSelected, isFocusVisible && styles$b.isFocusVisible, isDisabled && styles$b.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$b.icon, isSelected && styles$b.isSelected) }, isSelected && React.createElement(componentLibrary.Icon, { icon: check, role: "presentation" }))
   );
 };
 Option.displayName = "Option";
 
-var styles$2 = {"sectionWrapper":"ListBoxSection-module_sectionWrapper__NYQwa","sectionHeading":"ListBoxSection-module_sectionHeading__KiOi1","sectionList":"ListBoxSection-module_sectionList__xiPZY"};
+var styles$a = {"sectionWrapper":"ListBoxSection-module_sectionWrapper__NYQwa","sectionHeading":"ListBoxSection-module_sectionHeading__KiOi1","sectionList":"ListBoxSection-module_sectionList__xiPZY"};
 
 var ListBoxSection = function(_a) {
   var section = _a.section;
@@ -46113,9 +46071,9 @@ var ListBoxSection = function(_a) {
     null,
     React.createElement(
       "li",
-      index.__assign({}, itemProps, { className: styles$2.sectionWrapper }),
-      section.rendered && React.createElement(typography.Heading, index.__assign({ tag: "span", variant: "heading-6" }, headingProps, { classNameOverride: styles$2.sectionHeading }), section.rendered),
-      React.createElement("ul", index.__assign({}, groupProps, { className: styles$2.sectionList }), Array.from(section.childNodes).map(function(item) {
+      index.__assign({}, itemProps, { className: styles$a.sectionWrapper }),
+      section.rendered && React.createElement(typography.Heading, index.__assign({ tag: "span", variant: "heading-6" }, headingProps, { classNameOverride: styles$a.sectionHeading }), section.rendered),
+      React.createElement("ul", index.__assign({}, groupProps, { className: styles$a.sectionList }), Array.from(section.childNodes).map(function(item) {
         return React.createElement(Option, { key: item.key, item });
       }))
     )
@@ -46167,7 +46125,7 @@ var Divider_module$1 = /*#__PURE__*/Object.freeze({
     default: Divider_module
 });
 
-var require$$2 = /*@__PURE__*/index.getAugmentedNamespace(Divider_module$1);
+var require$$2$1 = /*@__PURE__*/index.getAugmentedNamespace(Divider_module$1);
 
 (function(exports) {
   var __assign = index.commonjsGlobal && index.commonjsGlobal.__assign || function() {
@@ -46201,7 +46159,7 @@ var require$$2 = /*@__PURE__*/index.getAugmentedNamespace(Divider_module$1);
   exports.Divider = void 0;
   var react_1 = __importDefault(React);
   var classnames_1 = __importDefault(index.classnamesExports);
-  var Divider_module_scss_1 = __importDefault(require$$2);
+  var Divider_module_scss_1 = __importDefault(require$$2$1);
   var Divider = function(_a) {
     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));
@@ -46235,10 +46193,10 @@ var require$$2 = /*@__PURE__*/index.getAugmentedNamespace(Divider_module$1);
   __exportStar(Divider, exports);
 })(divider);
 
-var styles$1 = {"divider":"SectionDivider-module_divider__-idrC"};
+var styles$9 = {"divider":"SectionDivider-module_divider__-idrC"};
 
 var SectionDivider = function() {
-  return React.createElement(divider.Divider, { classNameOverride: styles$1.divider, variant: "canvas" });
+  return React.createElement(divider.Divider, { classNameOverride: styles$9.divider, variant: "canvas" });
 };
 SectionDivider.displayName = "SectionDivider";
 
@@ -46246,13 +46204,127 @@ var isSelectOptionGroup = function(item) {
   return item.hasOwnProperty("options") && Array.isArray(item.options);
 };
 
+/*
+ * 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.
+ */ 
+function $c1d7fb2ec91bae71$var$Item(props) {
+    return null;
+}
+$c1d7fb2ec91bae71$var$Item.getCollectionNode = function* getCollectionNode(props, context) {
+    let { childItems: childItems , title: title , children: children  } = props;
+    let rendered = props.title || props.children;
+    let textValue = props.textValue || (typeof rendered === "string" ? rendered : "") || props["aria-label"] || "";
+    // suppressTextValueWarning is used in components like Tabs, which don't have type to select support.
+    if (!textValue && !(context === null || context === void 0 ? void 0 : context.suppressTextValueWarning)) console.warn("<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop.");
+    yield {
+        type: "item",
+        props: props,
+        rendered: rendered,
+        textValue: textValue,
+        "aria-label": props["aria-label"],
+        hasChildNodes: $c1d7fb2ec91bae71$var$hasChildItems(props),
+        *childNodes () {
+            if (childItems) for (let child of childItems)yield {
+                type: "item",
+                value: child
+            };
+            else if (title) {
+                let items = [];
+                (React).Children.forEach(children, (child)=>{
+                    items.push({
+                        type: "item",
+                        element: child
+                    });
+                });
+                yield* items;
+            }
+        }
+    };
+};
+function $c1d7fb2ec91bae71$var$hasChildItems(props) {
+    if (props.hasChildItems != null) return props.hasChildItems;
+    if (props.childItems) return true;
+    if (props.title && (React).Children.count(props.children) > 0) return true;
+    return false;
+}
+// We don't want getCollectionNode to show up in the type definition
+let $c1d7fb2ec91bae71$export$6d08773d2e66f8f2 = $c1d7fb2ec91bae71$var$Item;
+
+
+/*
+ * 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 $9fc4852771d079eb$var$Section(props) {
+    return null;
+}
+$9fc4852771d079eb$var$Section.getCollectionNode = function* getCollectionNode(props) {
+    let { children: children , title: title , items: items  } = props;
+    yield {
+        type: "section",
+        props: props,
+        hasChildNodes: true,
+        rendered: title,
+        "aria-label": props["aria-label"],
+        *childNodes () {
+            if (typeof children === "function") {
+                if (!items) throw new Error("props.children was a function but props.items is missing");
+                for (let item of items)yield {
+                    type: "item",
+                    value: item,
+                    renderer: children
+                };
+            } else {
+                let items1 = [];
+                (React).Children.forEach(children, (child)=>{
+                    items1.push({
+                        type: "item",
+                        element: child
+                    });
+                });
+                yield* items1;
+            }
+        }
+    };
+};
+// We don't want getCollectionNode to show up in the type definition
+let $9fc4852771d079eb$export$6e2c8f0811a474ce = $9fc4852771d079eb$var$Section;
+
+
+new WeakMap();
+
 var transformSelectItemToCollectionElement = function(item) {
   return isSelectOptionGroup(item) ? React.createElement($9fc4852771d079eb$export$6e2c8f0811a474ce, { key: item.label, title: item.label, items: item.options }, function(child) {
     return React.createElement($c1d7fb2ec91bae71$export$6d08773d2e66f8f2, { key: child.value }, child.label);
   }) : React.createElement($c1d7fb2ec91bae71$export$6d08773d2e66f8f2, { key: item.value }, item.label);
 };
 
-var styles = {"filterContents":"FilterSelect-module_filterContents__2LknZ"};
+var styles$8 = {"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 = index.__rest(_a, ["isOpen", "setIsOpen", "renderTrigger", "label", "children", "items", "classNameOverride"]);
@@ -46285,7 +46357,7 @@ var FilterSelect = function(_a) {
       }, onMount: setTriggerRef, classNameOverride },
       React.createElement(
         FilterContents,
-        { classNameOverride: styles.filterContents },
+        { classNameOverride: styles$8.filterContents },
         React.createElement(
           SelectProvider,
           { state },
@@ -46727,6 +46799,1325 @@ var KaizenProvider = function(_a) {
 };
 KaizenProvider.displayName = "KaizenProvider";
 
+var styles$7 = {"footerRoot":"FooterRoot-module_footerRoot__bvMSa"};
+
+var FooterRoot = function(_a) {
+  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = index.__rest(_a, ["children", "classNameOverride"]);
+  return React.createElement("footer", index.__assign({ className: index.classnames(styles$7.footerRoot, classNameOverride) }, restProps), children);
+};
+FooterRoot.displayName = "Workflow.FooterRoot";
+
+var IndicatorActiveIcon = function(props) {
+  return React.createElement(
+    SVG,
+    index.__assign({}, props),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 2C5.584 2 2 5.584 2 10C2 14.416 5.584 18 10 18C14.416 18 18 14.416 18 10C18 5.584 14.416 2 10 2ZM10 16.4C6.464 16.4 3.6 13.536 3.6 10C3.6 6.464 6.464 3.6 10 3.6C13.536 3.6 16.4 6.464 16.4 10C16.4 13.536 13.536 16.4 10 16.4ZM10 13.5C11.933 13.5 13.5 11.933 13.5 10C13.5 8.067 11.933 6.5 10 6.5C8.067 6.5 6.5 8.067 6.5 10C6.5 11.933 8.067 13.5 10 13.5Z", fill: "currentColor" })
+  );
+};
+
+var IndicatorInactiveIcon = function(props) {
+  return React.createElement(
+    SVG,
+    index.__assign({}, props),
+    React.createElement("path", { d: "M2 10c0-4.416 3.584-8 8-8s8 3.584 8 8-3.584 8-8 8-8-3.584-8-8Zm8 6.4c3.536 0 6.4-2.864 6.4-6.4 0-3.536-2.864-6.4-6.4-6.4A6.398 6.398 0 0 0 3.6 10c0 3.536 2.864 6.4 6.4 6.4Z", fill: "currentColor" })
+  );
+};
+
+var SuccessIcon = function(props) {
+  return React.createElement(
+    SVG,
+    index.__assign({}, props),
+    React.createElement("path", { fill: "currentColor", id: "a", d: "M10 2c4.416 0 8 3.584 8 8s-3.584 8-8 8-8-3.584-8-8 3.584-8 8-8ZM8.4 14l7.2-7.2-1.128-1.136L8.4 11.736 5.528 8.872 4.4 10l4 4Z" })
+  );
+};
+
+var styles$6 = {"stepsContainer":"ProgressStepper-module_stepsContainer__kh4S2","stepList":"ProgressStepper-module_stepList__ToKVO","step":"ProgressStepper-module_step__5Zakx","stepContent":"ProgressStepper-module_stepContent__brp8m","stepIndicator":"ProgressStepper-module_stepIndicator__vAWW6","stepName":"ProgressStepper-module_stepName__21rPP","stepIcon":"ProgressStepper-module_stepIcon__eW-Ps","stepDivider":"ProgressStepper-module_stepDivider__SaO4y","stepperDescription":"ProgressStepper-module_stepperDescription__XT8Ra"};
+
+var getStepStatus = function(isComplete, isCurrentStep, step, index) {
+  if (isComplete) {
+    return {
+      icon: React.createElement(SuccessIcon, { key: index, inheritSize: true, role: "presentation", classNameOverride: "success" }),
+      accessibleName: "Completed: ".concat(step)
+    };
+  }
+  if (isCurrentStep) {
+    return {
+      icon: React.createElement(IndicatorActiveIcon, { key: index, inheritSize: true, role: "presentation", classNameOverride: "active" }),
+      accessibleName: "Current: ".concat(step)
+    };
+  }
+  return {
+    icon: React.createElement(IndicatorInactiveIcon, { key: index, inheritSize: true, classNameOverride: "incomplete", role: "presentation" }),
+    accessibleName: "Not started: ".concat(step)
+  };
+};
+var ProgressStepper = function(_a) {
+  var stepName = _a.stepName, steps = _a.steps, _b = _a.isComplete, isComplete = _b === void 0 ? false : _b, restprops = index.__rest(_a, ["stepName", "steps", "isComplete"]);
+  var currentStepIndex = steps.indexOf(stepName);
+  return React.createElement(
+    "div",
+    { className: styles$6.stepsContainer },
+    React.createElement("ol", index.__assign({ className: styles$6.stepList }, restprops, { "aria-labelledby": "stepper-description" }), steps.map(function(step, index$1) {
+      var isCurrentStep = currentStepIndex === index$1;
+      var isCompletedStep = index$1 < currentStepIndex || isComplete;
+      var _a2 = getStepStatus(isCompletedStep, isCurrentStep, step, index$1), accessibleName = _a2.accessibleName, Icon = _a2.icon;
+      return React.createElement(
+        "li",
+        { className: styles$6.step, key: "".concat(index$1, "-").concat(step), "aria-current": isCurrentStep },
+        React.createElement(
+          "div",
+          { className: styles$6.stepContent },
+          React.createElement("span", { className: "sr-only" }, accessibleName),
+          React.createElement(typography.Paragraph, { classNameOverride: styles$6.stepName, variant: "small", color: "white", "aria-hidden": true }, step),
+          React.createElement(
+            "div",
+            { className: styles$6.stepIndicator },
+            React.createElement("span", { className: styles$6.stepIcon }, Icon)
+          ),
+          index$1 < steps.length - 1 && React.createElement("div", { className: index.classnames([
+            styles$6.stepDivider,
+            isCompletedStep && styles$6.completedStep
+          ]) })
+        )
+      );
+    })),
+    React.createElement(
+      typography.Paragraph,
+      { classNameOverride: styles$6.stepperDescription, variant: "small", color: "white", id: "stepper-description" },
+      "Step ",
+      currentStepIndex + 1,
+      " of ",
+      steps.length
+    )
+  );
+};
+ProgressStepper.displayName = "Workflow.ProgressStepper";
+
+var styles$5 = {"footerAction":"FooterActions-module_footerAction__H-bdq","footerActionPrevious":"FooterActions-module_footerActionPrevious__yyzsX","footerActionNext":"FooterActions-module_footerActionNext__GIowc"};
+
+var FooterAction = function(_a) {
+  var _b = _a.actionType, actionType = _b === void 0 ? "Previous" : _b, action = _a.action, restProps = index.__rest(_a, ["actionType", "action"]);
+  return React.createElement("div", index.__assign({ className: index.classnames([
+    styles$5.footerAction,
+    styles$5["footerAction".concat(actionType)]
+  ]) }, restProps), action);
+};
+FooterAction.displayName = "Workflow.FooterActions";
+
+var Footer = function(_a) {
+  var steps = _a.steps, stepName = _a.stepName, isComplete = _a.isComplete, previousAction = _a.previousAction, nextAction = _a.nextAction, restProps = index.__rest(_a, ["steps", "stepName", "isComplete", "previousAction", "nextAction"]);
+  return React.createElement(
+    FooterRoot,
+    index.__assign({}, restProps),
+    React.createElement(FooterAction, { action: previousAction, actionType: "Previous" }),
+    React.createElement(ProgressStepper, { steps, stepName, isComplete }),
+    React.createElement(FooterAction, { action: nextAction, actionType: "Next" })
+  );
+};
+Footer.displayName = "Workflow.Footer";
+
+var tag = {};
+
+var Tag$1 = {};
+
+var Tag = {};
+
+var img$5 = "data:image/svg+xml,%3csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.67 2.822 2.16 15.849A1.486 1.486 0 0 0 3.488 18h13.024a1.486 1.486 0 0 0 1.33-2.151L11.328 2.822c-.548-1.096-2.11-1.096-2.658 0Z' fill='black'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.8 15H9.2v-1.6h1.6V15Zm0-3.2H9.2V7h1.6v4.8Z' fill='white'/%3e%3c/svg%3e";
+
+var cautionWhite_icon = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    default: img$5
+});
+
+var require$$3$1 = /*@__PURE__*/index.getAugmentedNamespace(cautionWhite_icon);
+
+var img$4 = "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 47.1 (45422) - http://www.bohemiancoding.com/sketch --%3e %3ctitle%3eclear%3c/title%3e %3cdesc%3eCreated with Sketch.%3c/desc%3e %3cdefs%3e %3cpath d='M10%2c2 C5.576%2c2 2%2c5.576 2%2c10 C2%2c14.424 5.576%2c18 10%2c18 C14.424%2c18 18%2c14.424 18%2c10 C18%2c5.576 14.424%2c2 10%2c2 L10%2c2 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='clear'%3e %3cmask id='mask-2' fill='white'%3e %3cuse xlink:href='%23path-1'%3e%3c/use%3e %3c/mask%3e %3cuse id='Icons/Actions/clear' fill='black' xlink:href='%23path-1'%3e%3c/use%3e %3cpolygon id='Path' fill='white' points='14 12.872 12.872 14 10 11.128 7.128 14 6 12.872 8.872 10 6 7.128 7.128 6 10 8.872 12.872 6 14 7.128 11.128 10'%3e%3c/polygon%3e %3c/g%3e %3c/g%3e%3c/svg%3e";
+
+var clearWhite_icon = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    default: img$4
+});
+
+var require$$4$1 = /*@__PURE__*/index.getAugmentedNamespace(clearWhite_icon);
+
+var img$3 = "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 48.2 (47327) - http://www.bohemiancoding.com/sketch --%3e %3ctitle%3e2. Atoms/Icons/Informational/warning%3c/title%3e %3cdesc%3eCreated with Sketch.%3c/desc%3e %3cdefs%3e %3cpath d='M10%2c18 C14.418278%2c18 18%2c14.418278 18%2c10 C18%2c5.581722 14.418278%2c2 10%2c2 C5.581722%2c2 2%2c5.581722 2%2c10 C2%2c14.418278 5.581722%2c18 10%2c18 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='2.-Atoms/Icons/Informational/warning'%3e %3cmask id='mask-2' fill='white'%3e %3cuse xlink:href='%23path-1'%3e%3c/use%3e %3c/mask%3e %3cuse id='Oval' fill='black' xlink:href='%23path-1'%3e%3c/use%3e %3cpolygon id='Path' fill='white' points='10.8 14 9.2 14 9.2 12.4 10.8 12.4'%3e%3c/polygon%3e %3cpolygon id='Path' fill='white' points='10.8 10.8 9.2 10.8 9.2 6 10.8 6'%3e%3c/polygon%3e %3c/g%3e %3c/g%3e%3c/svg%3e";
+
+var exclamationWhite_icon = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    default: img$3
+});
+
+var require$$5$1 = /*@__PURE__*/index.getAugmentedNamespace(exclamationWhite_icon);
+
+var img$2 = "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%3einformation-white%3c/title%3e %3cdesc%3eCreated with Sketch.%3c/desc%3e %3cdefs%3e %3cpath d='M10%2c2 C14.42%2c2 18%2c5.58 18%2c10 C18%2c14.42 14.42%2c18 10%2c18 C5.58%2c18 2%2c14.42 2%2c10 C2%2c5.58 5.58%2c2 10%2c2 Z M9.2%2c7.6 L10.8%2c7.6 L10.8%2c6 L9.2%2c6 L9.2%2c7.6 Z M9.2%2c14 L10.8%2c14 L10.8%2c9.2 L9.2%2c9.2 L9.2%2c14 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='information-white'%3e %3cmask id='mask-2' fill='white'%3e %3cuse xlink:href='%23path-1'%3e%3c/use%3e %3c/mask%3e %3cuse id='Combined-Shape' fill='black' xlink:href='%23path-1'%3e%3c/use%3e %3c/g%3e %3c/g%3e%3c/svg%3e";
+
+var information_icon = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    default: img$2
+});
+
+var require$$6 = /*@__PURE__*/index.getAugmentedNamespace(information_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%3esuccess%3c/title%3e %3cdesc%3eCreated with Sketch.%3c/desc%3e %3cdefs%3e %3cpath d='M10%2c2 C14.416%2c2 18%2c5.584 18%2c10 C18%2c14.416 14.416%2c18 10%2c18 C5.584%2c18 2%2c14.416 2%2c10 C2%2c5.584 5.584%2c2 10%2c2 Z M8.4%2c14 L15.6%2c6.8 L14.472%2c5.664 L8.4%2c11.736 L5.528%2c8.872 L4.4%2c10 L8.4%2c14 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='success'%3e %3cmask id='mask-2' fill='white'%3e %3cuse xlink:href='%23path-1'%3e%3c/use%3e %3c/mask%3e %3cuse id='Combined-Shape' fill='black' xlink:href='%23path-1'%3e%3c/use%3e %3c/g%3e %3c/g%3e%3c/svg%3e";
+
+var success_icon = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    default: img$1
+});
+
+var require$$7 = /*@__PURE__*/index.getAugmentedNamespace(success_icon);
+
+var avatar = {};
+
+var Avatar$2 = {};
+
+var Avatar$1 = {};
+
+var lib = {};
+
+var Textfit = {};
+
+var shallowEqual$1 = {};
+
+Object.defineProperty(shallowEqual$1, "__esModule", {
+    value: true
+});
+shallowEqual$1.default = shallowEqual;
+function shallowEqual(objA, objB) {
+    if (objA === objB) {
+        return true;
+    }
+
+    var keysA = Object.keys(objA);
+    var keysB = Object.keys(objB);
+
+    if (keysA.length !== keysB.length) {
+        return false;
+    }
+
+    // Test for A's keys different from B.
+    var hasOwn = Object.prototype.hasOwnProperty;
+    for (var i = 0; i < keysA.length; i++) {
+        if (!hasOwn.call(objB, keysA[i]) || objA[keysA[i]] !== objB[keysA[i]]) {
+            return false;
+        }
+    }
+
+    return true;
+}
+
+var series$1 = {};
+
+Object.defineProperty(series$1, "__esModule", {
+    value: true
+});
+series$1.default = series;
+
+var _process = require$$0;
+
+var _process2 = _interopRequireDefault$2(_process);
+
+function _interopRequireDefault$2(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function series(tasks, cb) {
+    var results = [];
+    var current = 0;
+    var isSync = true;
+
+    function done(err) {
+        function end() {
+            if (cb) cb(err, results);
+        }
+        if (isSync) _process2.default.nextTick(end);else end();
+    }
+
+    function each(err, result) {
+        results.push(result);
+        if (++current >= tasks.length || err) done(err);else tasks[current](each);
+    }
+
+    if (tasks.length > 0) tasks[0](each);else done(null);
+
+    isSync = false;
+} /**
+   * Run the functions in the tasks array in series, each one running once the previous function has completed.
+   * If any functions in the series pass an error to its callback, no more functions are run,
+   * and callback is immediately called with the value of the error. Otherwise, callback receives an array of results
+   * when tasks have completed.
+   * Taken from https://github.com/feross/run-series
+   *
+   * @params {Array} tasks An array containing functions to run, each function is passed a callback(err, result) which it must call on completion with an error err (which can be null) and an optional result value.
+   * @params {Function} callback(err, results) - An optional callback to run once all the functions have completed. This function gets a results array containing all the result arguments passed to the task callbacks.
+   */
+
+var whilst$1 = {};
+
+Object.defineProperty(whilst$1, "__esModule", {
+    value: true
+});
+whilst$1.default = whilst;
+var noop$1 = function noop() {};
+
+/**
+ * Repeatedly call fn, while test returns true. Calls callback when stopped, or an error occurs.
+ *
+ * @param {Function} test Synchronous truth test to perform before each execution of fn.
+ * @param {Function} fn A function which is called each time test passes. The function is passed a callback(err), which must be called once it has completed with an optional err argument.
+ * @param {Function} callback A callback which is called after the test fails and repeated execution of fn has stopped.
+ */
+
+function whilst(test, iterator) {
+    var callback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : noop$1;
+
+    if (test()) {
+        iterator(function next(err) {
+            for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+                args[_key - 1] = arguments[_key];
+            }
+
+            if (err) {
+                callback(err);
+            } else if (test.apply(this, args)) {
+                iterator(next);
+            } else {
+                callback(null);
+            }
+        });
+    } else {
+        callback(null);
+    }
+}
+
+var throttle$1 = {};
+
+Object.defineProperty(throttle$1, "__esModule", {
+    value: true
+});
+throttle$1.default = throttle;
+/**
+ * Returns a new function that, when invoked, invokes `func` at most once per `wait` milliseconds.
+ * Taken from https://github.com/component/throttle v1.0.0
+ *
+ * @param {Function} func Function to wrap.
+ * @param {Number} wait Number of milliseconds that must elapse between `func` invocations.
+ * @return {Function} A new function that wraps the `func` function passed in.
+ */
+
+function throttle(func, wait) {
+    var ctx = void 0;
+    var args = void 0;
+    var rtn = void 0;
+    var timeoutID = void 0;
+    var last = 0;
+
+    function call() {
+        timeoutID = 0;
+        last = +new Date();
+        rtn = func.apply(ctx, args);
+        ctx = null;
+        args = null;
+    }
+
+    return function throttled() {
+        ctx = this;
+        args = arguments;
+        var delta = new Date() - last;
+        if (!timeoutID) {
+            if (delta >= wait) call();else timeoutID = setTimeout(call, wait - delta);
+        }
+        return rtn;
+    };
+}
+
+var uniqueId$1 = {};
+
+Object.defineProperty(uniqueId$1, "__esModule", {
+    value: true
+});
+uniqueId$1.default = uniqueId;
+var uid = 0;
+
+function uniqueId() {
+    return uid++;
+}
+
+var innerSize = {};
+
+Object.defineProperty(innerSize, "__esModule", {
+  value: true
+});
+innerSize.innerHeight = innerHeight;
+innerSize.innerWidth = innerWidth;
+// Calculate height without padding.
+function innerHeight(el) {
+  var style = window.getComputedStyle(el, null);
+  // Hidden iframe in Firefox returns null, https://github.com/malte-wessel/react-textfit/pull/34
+  if (!style) return el.clientHeight;
+  return el.clientHeight - parseInt(style.getPropertyValue("padding-top"), 10) - parseInt(style.getPropertyValue("padding-bottom"), 10);
+}
+
+// Calculate width without padding.
+function innerWidth(el) {
+  var style = window.getComputedStyle(el, null);
+  // Hidden iframe in Firefox returns null, https://github.com/malte-wessel/react-textfit/pull/34
+  if (!style) return el.clientWidth;
+  return el.clientWidth - parseInt(style.getPropertyValue("padding-left"), 10) - parseInt(style.getPropertyValue("padding-right"), 10);
+}
+
+Object.defineProperty(Textfit, "__esModule", {
+    value: true
+});
+
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _react = React;
+
+var _react2 = _interopRequireDefault$1(_react);
+
+var _propTypes = propTypesExports;
+
+var _propTypes2 = _interopRequireDefault$1(_propTypes);
+
+var _shallowEqual = shallowEqual$1;
+
+var _shallowEqual2 = _interopRequireDefault$1(_shallowEqual);
+
+var _series = series$1;
+
+var _series2 = _interopRequireDefault$1(_series);
+
+var _whilst = whilst$1;
+
+var _whilst2 = _interopRequireDefault$1(_whilst);
+
+var _throttle = throttle$1;
+
+var _throttle2 = _interopRequireDefault$1(_throttle);
+
+var _uniqueId = uniqueId$1;
+
+var _uniqueId2 = _interopRequireDefault$1(_uniqueId);
+
+var _innerSize = innerSize;
+
+function _interopRequireDefault$1(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+function assertElementFitsWidth(el, width) {
+    // -1: temporary bugfix, will be refactored soon
+    return el.scrollWidth - 1 <= width;
+}
+
+function assertElementFitsHeight(el, height) {
+    // -1: temporary bugfix, will be refactored soon
+    return el.scrollHeight - 1 <= height;
+}
+
+function noop() {}
+
+var TextFit = function (_React$Component) {
+    _inherits(TextFit, _React$Component);
+
+    function TextFit(props) {
+        _classCallCheck(this, TextFit);
+
+        var _this = _possibleConstructorReturn(this, (TextFit.__proto__ || Object.getPrototypeOf(TextFit)).call(this, props));
+
+        _this.state = {
+            fontSize: null,
+            ready: false
+        };
+
+        _this.handleWindowResize = function () {
+            _this.process();
+        };
+
+        if ('perfectFit' in props) {
+            console.warn('TextFit property perfectFit has been removed.');
+        }
+
+        _this.handleWindowResize = (0, _throttle2.default)(_this.handleWindowResize, props.throttle);
+        return _this;
+    }
+
+    _createClass(TextFit, [{
+        key: 'componentDidMount',
+        value: function componentDidMount() {
+            var autoResize = this.props.autoResize;
+
+            if (autoResize) {
+                window.addEventListener('resize', this.handleWindowResize);
+            }
+            this.process();
+        }
+    }, {
+        key: 'componentDidUpdate',
+        value: function componentDidUpdate(prevProps) {
+            var ready = this.state.ready;
+
+            if (!ready) return;
+            if ((0, _shallowEqual2.default)(this.props, prevProps)) return;
+            this.process();
+        }
+    }, {
+        key: 'componentWillUnmount',
+        value: function componentWillUnmount() {
+            var autoResize = this.props.autoResize;
+
+            if (autoResize) {
+                window.removeEventListener('resize', this.handleWindowResize);
+            }
+            // Setting a new pid will cancel all running processes
+            this.pid = (0, _uniqueId2.default)();
+        }
+    }, {
+        key: 'process',
+        value: function process() {
+            var _this2 = this;
+
+            var _props = this.props,
+                min = _props.min,
+                max = _props.max,
+                mode = _props.mode,
+                forceSingleModeWidth = _props.forceSingleModeWidth,
+                onReady = _props.onReady;
+
+            var el = this._parent;
+            var wrapper = this._child;
+
+            var originalWidth = (0, _innerSize.innerWidth)(el);
+            var originalHeight = (0, _innerSize.innerHeight)(el);
+
+            if (originalHeight <= 0 || isNaN(originalHeight)) {
+                console.warn('Can not process element without height. Make sure the element is displayed and has a static height.');
+                return;
+            }
+
+            if (originalWidth <= 0 || isNaN(originalWidth)) {
+                console.warn('Can not process element without width. Make sure the element is displayed and has a static width.');
+                return;
+            }
+
+            var pid = (0, _uniqueId2.default)();
+            this.pid = pid;
+
+            var shouldCancelProcess = function shouldCancelProcess() {
+                return pid !== _this2.pid;
+            };
+
+            var testPrimary = mode === 'multi' ? function () {
+                return assertElementFitsHeight(wrapper, originalHeight);
+            } : function () {
+                return assertElementFitsWidth(wrapper, originalWidth);
+            };
+
+            var testSecondary = mode === 'multi' ? function () {
+                return assertElementFitsWidth(wrapper, originalWidth);
+            } : function () {
+                return assertElementFitsHeight(wrapper, originalHeight);
+            };
+
+            var mid = void 0;
+            var low = min;
+            var high = max;
+
+            this.setState({ ready: false });
+
+            (0, _series2.default)([
+            // Step 1:
+            // Binary search to fit the element's height (multi line) / width (single line)
+            function (stepCallback) {
+                return (0, _whilst2.default)(function () {
+                    return low <= high;
+                }, function (whilstCallback) {
+                    if (shouldCancelProcess()) return whilstCallback(true);
+                    mid = parseInt((low + high) / 2, 10);
+                    _this2.setState({ fontSize: mid }, function () {
+                        if (shouldCancelProcess()) return whilstCallback(true);
+                        if (testPrimary()) low = mid + 1;else high = mid - 1;
+                        return whilstCallback();
+                    });
+                }, stepCallback);
+            },
+            // Step 2:
+            // Binary search to fit the element's width (multi line) / height (single line)
+            // If mode is single and forceSingleModeWidth is true, skip this step
+            // in order to not fit the elements height and decrease the width
+            function (stepCallback) {
+                if (mode === 'single' && forceSingleModeWidth) return stepCallback();
+                if (testSecondary()) return stepCallback();
+                low = min;
+                high = mid;
+                return (0, _whilst2.default)(function () {
+                    return low < high;
+                }, function (whilstCallback) {
+                    if (shouldCancelProcess()) return whilstCallback(true);
+                    mid = parseInt((low + high) / 2, 10);
+                    _this2.setState({ fontSize: mid }, function () {
+                        if (pid !== _this2.pid) return whilstCallback(true);
+                        if (testSecondary()) low = mid + 1;else high = mid - 1;
+                        return whilstCallback();
+                    });
+                }, stepCallback);
+            },
+            // Step 3
+            // Limits
+            function (stepCallback) {
+                // We break the previous loop without updating mid for the final time,
+                // so we do it here:
+                mid = Math.min(low, high);
+
+                // Ensure we hit the user-supplied limits
+                mid = Math.max(mid, min);
+                mid = Math.min(mid, max);
+
+                // Sanity check:
+                mid = Math.max(mid, 0);
+
+                if (shouldCancelProcess()) return stepCallback(true);
+                _this2.setState({ fontSize: mid }, stepCallback);
+            }], function (err) {
+                // err will be true, if another process was triggered
+                if (err || shouldCancelProcess()) return;
+                _this2.setState({ ready: true }, function () {
+                    return onReady(mid);
+                });
+            });
+        }
+    }, {
+        key: 'render',
+        value: function render() {
+            var _this3 = this;
+
+            var _props2 = this.props,
+                children = _props2.children,
+                text = _props2.text,
+                style = _props2.style;
+                _props2.min;
+                _props2.max;
+                var mode = _props2.mode;
+                _props2.forceWidth;
+                _props2.forceSingleModeWidth;
+                _props2.throttle;
+                _props2.autoResize;
+                _props2.onReady;
+                var props = _objectWithoutProperties(_props2, ['children', 'text', 'style', 'min', 'max', 'mode', 'forceWidth', 'forceSingleModeWidth', 'throttle', 'autoResize', 'onReady']);
+
+            var _state = this.state,
+                fontSize = _state.fontSize,
+                ready = _state.ready;
+
+            var finalStyle = _extends({}, style, {
+                fontSize: fontSize
+            });
+
+            var wrapperStyle = {
+                display: ready ? 'block' : 'inline-block'
+            };
+            if (mode === 'single') wrapperStyle.whiteSpace = 'nowrap';
+
+            return _react2.default.createElement(
+                'div',
+                _extends({ ref: function ref(c) {
+                        return _this3._parent = c;
+                    }, style: finalStyle }, props),
+                _react2.default.createElement(
+                    'div',
+                    { ref: function ref(c) {
+                            return _this3._child = c;
+                        }, style: wrapperStyle },
+                    text && typeof children === 'function' ? ready ? children(text) : text : children
+                )
+            );
+        }
+    }]);
+
+    return TextFit;
+}(_react2.default.Component);
+
+TextFit.propTypes = {
+    children: _propTypes2.default.node,
+    text: _propTypes2.default.string,
+    min: _propTypes2.default.number,
+    max: _propTypes2.default.number,
+    mode: _propTypes2.default.oneOf(['single', 'multi']),
+    forceSingleModeWidth: _propTypes2.default.bool,
+    throttle: _propTypes2.default.number,
+    onReady: _propTypes2.default.func
+};
+TextFit.defaultProps = {
+    min: 1,
+    max: 100,
+    mode: 'multi',
+    forceSingleModeWidth: true,
+    throttle: 50,
+    autoResize: true,
+    onReady: noop
+};
+Textfit.default = TextFit;
+
+Object.defineProperty(lib, "__esModule", {
+  value: true
+});
+lib.Textfit = undefined;
+
+var _Textfit = Textfit;
+
+var _Textfit2 = _interopRequireDefault(_Textfit);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+lib.Textfit = _Textfit2.default;
+lib.default = _Textfit2.default;
+
+var img = "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%3euser%3c/title%3e %3cdesc%3eCreated with Sketch.%3c/desc%3e %3cdefs%3e %3cpath d='M10%2c12 C7.33%2c12 2%2c13.34 2%2c16 L2%2c18 L18%2c18 L18%2c16 C18%2c13.34 12.67%2c12 10%2c12 M10%2c10 C12.21%2c10 14%2c8.21 14%2c6 C14%2c3.79 12.21%2c2 10%2c2 C7.79%2c2 6%2c3.79 6%2c6 C6%2c8.21 7.79%2c10 10%2c10' 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='user'%3e %3cmask id='mask-2' fill='white'%3e %3cuse xlink:href='%23path-1'%3e%3c/use%3e %3c/mask%3e %3cuse fill='black' xlink:href='%23path-1'%3e%3c/use%3e %3c/g%3e %3c/g%3e%3c/svg%3e";
+
+var user_icon = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    default: img
+});
+
+var require$$4 = /*@__PURE__*/index.getAugmentedNamespace(user_icon);
+
+var Avatar_module = {"wrapper":"Avatar-module_wrapper__Z0f9l","small":"Avatar-module_small__jGh0-","personal":"Avatar-module_personal__dF-Ou","otherUser":"Avatar-module_otherUser__p-EP2","company":"Avatar-module_company__cX7Yd","initials":"Avatar-module_initials__KqQwi","medium":"Avatar-module_medium__1NEXg","large":"Avatar-module_large__HEyf8","xlarge":"Avatar-module_xlarge__efxpR","xxlarge":"Avatar-module_xxlarge__2Pd9d","avatarImage":"Avatar-module_avatarImage__3BogQ","loading":"Avatar-module_loading__pRyVI","companyAvatarImage":"Avatar-module_companyAvatarImage__QAPBc","fallbackIcon":"Avatar-module_fallbackIcon__wsRF7","longName":"Avatar-module_longName__E6V7H"};
+
+var Avatar_module$1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    default: Avatar_module
+});
+
+var require$$5 = /*@__PURE__*/index.getAugmentedNamespace(Avatar_module$1);
+
+var __assign$1 = index.commonjsGlobal && index.commonjsGlobal.__assign || function() {
+  __assign$1 = 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$1.apply(this, arguments);
+};
+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);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = { enumerable: true, get: function() {
+      return m[k];
+    } };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+  if (k2 === void 0)
+    k2 = k;
+  o[k2] = m[k];
+});
+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 = index.commonjsGlobal && index.commonjsGlobal.__importStar || function(mod) {
+  if (mod && mod.__esModule)
+    return mod;
+  var result = {};
+  if (mod != null) {
+    for (var k in mod)
+      if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
+        __createBinding(result, mod, k);
+  }
+  __setModuleDefault(result, mod);
+  return result;
+};
+var __rest$1 = 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$1 = index.commonjsGlobal && index.commonjsGlobal.__importDefault || function(mod) {
+  return mod && mod.__esModule ? mod : { "default": mod };
+};
+Avatar$1.__esModule = true;
+Avatar$1.Avatar = void 0;
+var react_1$1 = __importStar(React);
+var classnames_1$1 = __importDefault$1(index.classnamesExports);
+var react_textfit_1 = lib;
+var component_library_1 = componentLibrary;
+var user_icon_svg_1 = __importDefault$1(require$$4);
+var Avatar_module_scss_1 = __importDefault$1(require$$5);
+var getInitials = function(fullName, max2Characters) {
+  if (max2Characters === void 0) {
+    max2Characters = false;
+  }
+  return fullName == null ? "" : fullName.split(/\s/).reduce(function(acc, name) {
+    return "".concat(acc).concat(name.slice(0, 1));
+  }, "").toUpperCase().substring(0, max2Characters ? 2 : 8);
+};
+var getMaxFontSizePixels = function(size) {
+  if (size === "small")
+    return 8;
+  if (size === "medium")
+    return 16;
+  if (size === "xlarge" || size === "xxlarge")
+    return 34;
+  return 22;
+};
+var fallbackIcon = function(fullName) {
+  return react_1$1["default"].createElement(
+    "span",
+    { className: Avatar_module_scss_1["default"].fallbackIcon },
+    react_1$1["default"].createElement(component_library_1.Icon, { inheritSize: true, role: fullName ? "img" : "presentation", title: fullName, icon: user_icon_svg_1["default"] })
+  );
+};
+var renderInitials = function(fullName, size, disableInitials) {
+  if (fullName === void 0) {
+    fullName = "";
+  }
+  if (disableInitials === void 0) {
+    disableInitials = false;
+  }
+  var initials = getInitials(fullName);
+  var isLongName = initials.length > 2 && size !== "small";
+  var renderFallback = disableInitials || initials === "";
+  return renderFallback ? fallbackIcon(fullName) : react_1$1["default"].createElement("abbr", { className: (0, classnames_1$1["default"])(Avatar_module_scss_1["default"].initials, isLongName && Avatar_module_scss_1["default"].longName), title: fullName || "" }, isLongName ? (
+    // Only called if 3 or more initials, fits text width for long names
+    react_1$1["default"].createElement(react_textfit_1.Textfit, { mode: "single", max: getMaxFontSizePixels(size) }, initials)
+  ) : getInitials(fullName, size === "small"));
+};
+var Avatar = function(_a) {
+  var fullName = _a.fullName, _b = _a.size, size = _b === void 0 ? "medium" : _b, avatarSrc = _a.avatarSrc, _c = _a.disableInitials, disableInitials = _c === void 0 ? false : _c, _d = _a.isCompany, isCompany = _d === void 0 ? false : _d, _e = _a.isCurrentUser, isCurrentUser = _e === void 0 ? true : _e, classNameOverride = _a.classNameOverride, restProps = __rest$1(_a, ["fullName", "size", "avatarSrc", "disableInitials", "isCompany", "isCurrentUser", "classNameOverride"]);
+  var _f = (0, react_1$1.useState)(avatarSrc ? "loading" : "none"), avatarState = _f[0], setAvatarState = _f[1];
+  var image = (0, react_1$1.useRef)(null);
+  var renderInitialAvatar = !isCompany && (avatarState === "none" || avatarState === "error");
+  (0, react_1$1.useEffect)(function() {
+    setAvatarState(avatarSrc ? "loading" : "none");
+  }, [avatarSrc]);
+  var onImageFailure = function() {
+    return setAvatarState("error");
+  };
+  var onImageSuccess = function() {
+    return setAvatarState("success");
+  };
+  (0, react_1$1.useEffect)(function() {
+    var _a2;
+    if ((_a2 = image === null || image === void 0 ? void 0 : image.current) === null || _a2 === void 0 ? void 0 : _a2.complete)
+      onImageSuccess();
+  }, [image]);
+  var isNoneOrError = avatarState === "none" || avatarState === "error";
+  var isPersonal = isNoneOrError && isCurrentUser;
+  var isOtherUser = isNoneOrError && !isCurrentUser;
+  return react_1$1["default"].createElement(
+    "span",
+    __assign$1({ className: (0, classnames_1$1["default"])(Avatar_module_scss_1["default"].wrapper, Avatar_module_scss_1["default"][size], classNameOverride, isCompany && Avatar_module_scss_1["default"].company, isPersonal && Avatar_module_scss_1["default"].personal, isOtherUser && Avatar_module_scss_1["default"].otherUser, (avatarState === "loading" || avatarState === "error") && Avatar_module_scss_1["default"].loading) }, restProps),
+    avatarState !== "none" && react_1$1["default"].createElement("img", { ref: image, className: (0, classnames_1$1["default"])(Avatar_module_scss_1["default"].avatarImage, isCompany && Avatar_module_scss_1["default"].companyAvatarImage), src: avatarSrc, onError: onImageFailure, onLoad: onImageSuccess, alt: fullName || "" }),
+    renderInitialAvatar && renderInitials(fullName, size, disableInitials)
+  );
+};
+Avatar$1.Avatar = Avatar;
+
+var AvatarGroup$1 = {};
+
+var AvatarGroup_module = {"AvatarGroup":"AvatarGroup-module_AvatarGroup__yyC2u","small":"AvatarGroup-module_small__026qy","AvatarGroupItem":"AvatarGroup-module_AvatarGroupItem__tVQsT","medium":"AvatarGroup-module_medium__na3GI","large":"AvatarGroup-module_large__prOGN","AvatarCounter":"AvatarGroup-module_AvatarCounter__w0QVP"};
+
+var AvatarGroup_module$1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    default: AvatarGroup_module
+});
+
+var require$$3 = /*@__PURE__*/index.getAugmentedNamespace(AvatarGroup_module$1);
+
+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;
+  };
+  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 };
+};
+AvatarGroup$1.__esModule = true;
+AvatarGroup$1.AvatarGroup = void 0;
+var react_1 = __importDefault(React);
+var classnames_1 = __importDefault(index.classnamesExports);
+var Avatar_1 = Avatar$1;
+var AvatarGroup_module_scss_1 = __importDefault(require$$3);
+var renderCounter = function(remainingAvatars) {
+  if (remainingAvatars <= 0)
+    return;
+  return react_1["default"].createElement(
+    "li",
+    { "aria-label": "There ".concat(remainingAvatars > 1 ? "are ".concat(remainingAvatars, " other members") : "is ".concat(remainingAvatars, " other member"), " of this group"), className: AvatarGroup_module_scss_1["default"].AvatarGroupItem },
+    react_1["default"].createElement("span", { className: AvatarGroup_module_scss_1["default"].AvatarCounter, "aria-hidden": true }, "+".concat(remainingAvatars))
+  );
+};
+var renderAvatars = function(avatars, maxVisible, size) {
+  return react_1["default"].createElement(
+    react_1["default"].Fragment,
+    null,
+    avatars === null || avatars === void 0 ? void 0 : avatars.map(function(avatarProps, index) {
+      return index < maxVisible && react_1["default"].createElement(
+        "li",
+        { key: "avatar-".concat(index), className: AvatarGroup_module_scss_1["default"].AvatarGroupItem },
+        react_1["default"].createElement(Avatar_1.Avatar, __assign({}, avatarProps, { size }))
+      );
+    }),
+    renderCounter((avatars === null || avatars === void 0 ? void 0 : avatars.length) - maxVisible)
+  );
+};
+var AvatarGroup = function(_a) {
+  var _b = _a.size, size = _b === void 0 ? "medium" : _b, _c = _a.maxVisible, maxVisible = _c === void 0 ? 2 : _c, avatars = _a.avatars, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["size", "maxVisible", "avatars", "classNameOverride"]);
+  return react_1["default"].createElement("ul", __assign({ className: (0, classnames_1["default"])(AvatarGroup_module_scss_1["default"].AvatarGroup, AvatarGroup_module_scss_1["default"][size], classNameOverride), "aria-label": "Avatar Group" }, restProps), renderAvatars(avatars, maxVisible, size));
+};
+AvatarGroup$1.AvatarGroup = AvatarGroup;
+
+(function(exports) {
+  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);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() {
+        return m[k];
+      } };
+    }
+    Object.defineProperty(o, k2, desc);
+  } : function(o, m, k, k2) {
+    if (k2 === void 0)
+      k2 = k;
+    o[k2] = m[k];
+  });
+  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(Avatar$1, exports);
+  __exportStar(AvatarGroup$1, exports);
+})(Avatar$2);
+
+(function(exports) {
+  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);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() {
+        return m[k];
+      } };
+    }
+    Object.defineProperty(o, k2, desc);
+  } : function(o, m, k, k2) {
+    if (k2 === void 0)
+      k2 = k;
+    o[k2] = m[k];
+  });
+  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(Avatar$2, exports);
+})(avatar);
+
+var Tag_module = {"root":"Tag-module_root__ZoDW8","profile":"Tag-module_profile__Ehf-K","layoutContainer":"Tag-module_layoutContainer__LWT-U","validationIcon":"Tag-module_validationIcon__s6PsN","textContent":"Tag-module_textContent__I6Xpa","iconWrapper":"Tag-module_iconWrapper__18lT7","dismissButton":"Tag-module_dismissButton__LdCmP","background":"Tag-module_background__0uo93","truncate":"Tag-module_truncate__-LIzQ","inline":"Tag-module_inline__eXwDM","medium":"Tag-module_medium__Eu-Al","small":"Tag-module_small__N9Fgj","default":"Tag-module_default__ktMsS","sentimentPositive":"Tag-module_sentimentPositive__P9FK6","sentimentNeutral":"Tag-module_sentimentNeutral__sHWK8","sentimentNegative":"Tag-module_sentimentNegative__AtFz2","sentimentNone":"Tag-module_sentimentNone__djSUk","validationPositive":"Tag-module_validationPositive__uG3EH","validationInformative":"Tag-module_validationInformative__dfOBN","validationNegative":"Tag-module_validationNegative__VH5WS","validationCautionary":"Tag-module_validationCautionary__0y7aC","statusLive":"Tag-module_statusLive__UdadP","statusAction":"Tag-module_statusAction__MY6Yl","statusClosed":"Tag-module_statusClosed__7bQU3","statusDraft":"Tag-module_statusDraft__c-z-g","pulse":"Tag-module_pulse__e1HBQ","pulseRing":"Tag-module_pulseRing__DEU34","pulsate":"Tag-module_pulsate__a0hjU"};
+
+var Tag_module$1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    default: Tag_module
+});
+
+var require$$9 = /*@__PURE__*/index.getAugmentedNamespace(Tag_module$1);
+
+(function(exports) {
+  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;
+    };
+    return __assign.apply(this, arguments);
+  };
+  var __importDefault = index.commonjsGlobal && index.commonjsGlobal.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : { "default": mod };
+  };
+  exports.__esModule = true;
+  exports.Tag = void 0;
+  var react_1 = __importDefault(React);
+  var classnames_1 = __importDefault(index.classnamesExports);
+  var component_library_1 = componentLibrary;
+  var caution_white_icon_svg_1 = __importDefault(require$$3$1);
+  var clear_white_icon_svg_1 = __importDefault(require$$4$1);
+  var exclamation_white_icon_svg_1 = __importDefault(require$$5$1);
+  var information_icon_svg_1 = __importDefault(require$$6);
+  var success_icon_svg_1 = __importDefault(require$$7);
+  var draft_avatar_1 = avatar;
+  var Tag_module_scss_1 = __importDefault(require$$9);
+  var isJSXElement = function(imageElementOrAvatarProps) {
+    return "props" in imageElementOrAvatarProps;
+  };
+  var renderAvatar = function(imageElementOrAvatarProps) {
+    return isJSXElement(imageElementOrAvatarProps) ? react_1["default"].createElement(react_1["default"].Fragment, null, imageElementOrAvatarProps) : react_1["default"].createElement(draft_avatar_1.Avatar, __assign({}, imageElementOrAvatarProps, { size: "small" }));
+  };
+  var Tag = function(props) {
+    var children = props.children, _a = props.variant, variant = _a === void 0 ? "default" : _a, _b = props.size, size = _b === void 0 ? "medium" : _b, _c = props.inline, inline = _c === void 0 ? false : _c, _d = props.dismissible, dismissible = _d === void 0 ? false : _d, onDismiss = props.onDismiss, onMouseDown = props.onMouseDown, onMouseLeave = props.onMouseLeave, truncateWidth = props.truncateWidth;
+    var isTruncated = truncateWidth && truncateWidth > 0;
+    var canShowIcon = size === "medium";
+    return react_1["default"].createElement(
+      "div",
+      { className: (0, classnames_1["default"])(Tag_module_scss_1["default"].root, Tag_module_scss_1["default"][variant], variant === "profile" && Tag_module_scss_1["default"]["default"], Tag_module_scss_1["default"][size], inline && Tag_module_scss_1["default"].inline, dismissible && Tag_module_scss_1["default"].dismissible) },
+      react_1["default"].createElement(
+        "div",
+        { className: Tag_module_scss_1["default"].layoutContainer },
+        react_1["default"].createElement(
+          react_1["default"].Fragment,
+          null,
+          canShowIcon && function() {
+            switch (props.variant) {
+              case "validationPositive":
+                return react_1["default"].createElement(
+                  "span",
+                  { className: Tag_module_scss_1["default"].validationIcon },
+                  react_1["default"].createElement(component_library_1.Icon, { icon: success_icon_svg_1["default"], role: "presentation" })
+                );
+              case "validationNegative":
+                return react_1["default"].createElement(
+                  "span",
+                  { className: Tag_module_scss_1["default"].validationIcon },
+                  react_1["default"].createElement(component_library_1.Icon, { icon: exclamation_white_icon_svg_1["default"], role: "presentation" })
+                );
+              case "validationCautionary":
+                return react_1["default"].createElement(
+                  "span",
+                  { className: Tag_module_scss_1["default"].validationIcon },
+                  react_1["default"].createElement(component_library_1.Icon, { icon: caution_white_icon_svg_1["default"], role: "presentation" })
+                );
+              case "validationInformative":
+                return react_1["default"].createElement(
+                  "span",
+                  { className: Tag_module_scss_1["default"].validationIcon },
+                  react_1["default"].createElement(component_library_1.Icon, { icon: information_icon_svg_1["default"], role: "presentation" })
+                );
+              case "profile":
+                return react_1["default"].createElement("span", { className: Tag_module_scss_1["default"].profile }, props.avatar && renderAvatar(props.avatar));
+              default:
+                return;
+            }
+          }(),
+          react_1["default"].createElement("span", { className: (0, classnames_1["default"])(Tag_module_scss_1["default"].textContent, isTruncated && Tag_module_scss_1["default"].truncate), style: {
+            maxWidth: isTruncated ? truncateWidth : void 0
+          } }, children),
+          dismissible && react_1["default"].createElement(
+            react_1["default"].Fragment,
+            null,
+            react_1["default"].createElement(
+              "button",
+              { type: "button", className: Tag_module_scss_1["default"].dismissButton, onClick: onDismiss, onMouseDown, onMouseLeave },
+              react_1["default"].createElement(
+                "div",
+                { className: Tag_module_scss_1["default"].iconWrapper },
+                react_1["default"].createElement(component_library_1.Icon, { icon: clear_white_icon_svg_1["default"], inheritSize: true, role: "img", title: "Dismiss" })
+              )
+            )
+          ),
+          variant === "statusLive" && react_1["default"].createElement(
+            "span",
+            { className: Tag_module_scss_1["default"].pulse },
+            react_1["default"].createElement("span", { className: Tag_module_scss_1["default"].pulseRing })
+          )
+        )
+      )
+    );
+  };
+  exports.Tag = Tag;
+  exports.Tag.displayName = "Tag";
+})(Tag);
+
+(function(exports) {
+  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);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() {
+        return m[k];
+      } };
+    }
+    Object.defineProperty(o, k2, desc);
+  } : function(o, m, k, k2) {
+    if (k2 === void 0)
+      k2 = k;
+    o[k2] = m[k];
+  });
+  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(Tag, exports);
+})(Tag$1);
+
+(function(exports) {
+  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);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() {
+        return m[k];
+      } };
+    }
+    Object.defineProperty(o, k2, desc);
+  } : function(o, m, k, k2) {
+    if (k2 === void 0)
+      k2 = k;
+    o[k2] = m[k];
+  });
+  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(Tag$1, exports);
+})(tag);
+
+var styles$4 = {"titles":"Titles-module_titles__tO9dZ","pageTitle":"Titles-module_pageTitle__7-ui0","prefix":"Titles-module_prefix__vV-WW","status":"Titles-module_status__RvbTg"};
+
+var Titles = function(_a) {
+  var workflowName = _a.workflowName, stepName = _a.stepName, status = _a.status, restProps = index.__rest(_a, ["workflowName", "stepName", "status"]);
+  return React.createElement(
+    "div",
+    index.__assign({ className: styles$4.titles }, restProps),
+    React.createElement(
+      typography.Heading,
+      { variant: "heading-1", tag: "h1", color: "dark", classNameOverride: styles$4.pageTitle },
+      React.createElement(typography.Heading, { classNameOverride: styles$4.prefix, variant: "heading-6", tag: "span", color: "dark-reduced-opacity" }, workflowName),
+      React.createElement("span", null, stepName)
+    ),
+    status && // status may need to be update by a fetch
+    React.createElement(
+      "div",
+      { className: styles$4.status },
+      React.createElement(tag.Tag, { inline: true, variant: (status === null || status === void 0 ? void 0 : status.variant) || "statusDraft" }, status === null || status === void 0 ? void 0 : status.content)
+    )
+  );
+};
+Titles.displayName = "Workflow.Titles";
+
+var styles$3 = {"actions":"Actions-module_actions__2Zdtd"};
+
+var Actions = function(_a) {
+  var headerActions = _a.headerActions, restProps = index.__rest(_a, ["headerActions"]);
+  return React.createElement("div", index.__assign({ className: styles$3.actions }, restProps), headerActions === null || headerActions === void 0 ? void 0 : headerActions.map(function(action, index$1) {
+    return React.createElement(action.type, index.__assign({ key: "header-actions ".concat(index$1) }, action.props));
+  }));
+};
+Actions.displayName = "Workflow.Actions";
+
+var brand = {};
+
+var Brand = {};
+
+var dist = {};
+
+dist.__esModule = true;
+dist.assetUrl = void 0;
+var ORIGIN_BASE_URL = "https://d1e7r7b0lb8p4d.cloudfront.net";
+var assetUrl = function(path) {
+  return [ORIGIN_BASE_URL, path].join("/");
+};
+dist.assetUrl = assetUrl;
+
+var Brand_module = {"img":"Brand-module_img__YE-W7"};
+
+var Brand_module$1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    default: Brand_module
+});
+
+var require$$2 = /*@__PURE__*/index.getAugmentedNamespace(Brand_module$1);
+
+(function(exports) {
+  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;
+    };
+    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 };
+  };
+  exports.__esModule = true;
+  exports.Brand = void 0;
+  var react_1 = __importDefault(React);
+  var hosted_assets_1 = dist;
+  var Brand_module_scss_1 = __importDefault(require$$2);
+  var Brand = function(_a) {
+    var variant = _a.variant, alt = _a.alt, _b = _a.reversed, reversed = _b === void 0 ? false : _b, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["variant", "alt", "reversed", "classNameOverride"]);
+    var brandTheme = reversed ? "-reversed" : "-default";
+    return react_1["default"].createElement(
+      "picture",
+      __assign({ className: classNameOverride }, restProps),
+      react_1["default"].createElement("source", { srcSet: (0, hosted_assets_1.assetUrl)("brand/".concat(variant, "-reversed.svg")), media: "(forced-colors: active) and (prefers-color-scheme: dark)" }),
+      react_1["default"].createElement("source", { srcSet: (0, hosted_assets_1.assetUrl)("brand/".concat(variant, "-default.svg")), media: "(forced-colors: active) and (prefers-color-scheme: light)" }),
+      react_1["default"].createElement("img", { src: (0, hosted_assets_1.assetUrl)("brand/".concat(variant).concat(brandTheme, ".svg")), alt, className: Brand_module_scss_1["default"].img })
+    );
+  };
+  exports.Brand = Brand;
+  exports.Brand.displayName = "Brand";
+})(Brand);
+
+(function(exports) {
+  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);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() {
+        return m[k];
+      } };
+    }
+    Object.defineProperty(o, k2, desc);
+  } : function(o, m, k, k2) {
+    if (k2 === void 0)
+      k2 = k;
+    o[k2] = m[k];
+  });
+  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(Brand, exports);
+})(brand);
+
+var styles$2 = {"branding":"Branding-module_branding__Oayqr","logo":"Branding-module_logo__rTXU9"};
+
+var Branding = function(_a) {
+  var _b = _a.variant, variant = _b === void 0 ? "logo-horizontal" : _b, alt = _a.alt;
+  return React.createElement(
+    "div",
+    { className: styles$2.branding },
+    React.createElement(brand.Brand, { classNameOverride: styles$2.logo, variant, alt })
+  );
+};
+Branding.displayName = "Workflow.Branding";
+
+var styles$1 = {"root":"Root-module_root__cfRZi"};
+
+var HeaderRoot = function(_a) {
+  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = index.__rest(_a, ["children", "classNameOverride"]);
+  return React.createElement("header", index.__assign({ className: index.classnames(styles$1.root, classNameOverride) }, restProps), children);
+};
+HeaderRoot.displayName = "Workflow.HeaderRoot";
+
+var Header = function(_a) {
+  var workflowName = _a.workflowName, stepName = _a.stepName, status = _a.status, headerActions = _a.headerActions, restProps = index.__rest(_a, ["workflowName", "stepName", "status", "headerActions"]);
+  return React.createElement(
+    HeaderRoot,
+    index.__assign({}, restProps),
+    React.createElement(Branding, { alt: "Cultureamp" }),
+    React.createElement(Titles, { workflowName, stepName, status }),
+    React.createElement(Actions, { headerActions })
+  );
+};
+Header.displayName = "Workflow.Header";
+
+var Main = function(_a) {
+  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = index.__rest(_a, ["children", "classNameOverride"]);
+  return React.createElement("main", index.__assign({ className: index.classnames([classNameOverride]) }, restProps), children);
+};
+Main.displayName = "Workflow.Main";
+
+var styles = {"wrapper":"Wrapper-module_wrapper__EUUEZ"};
+
+var Wrapper = 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.wrapper, classNameOverride) }, restProps), children);
+};
+Wrapper.displayName = "Workflow.Wrapper";
+
+var WorkflowComponent = function(_a) {
+  var stepName = _a.stepName, steps = _a.steps, isComplete = _a.isComplete, workflowName = _a.workflowName, status = _a.status, headerActions = _a.headerActions, children = _a.children, nextAction = _a.nextAction, previousAction = _a.previousAction, classNameOverride = _a.classNameOverride, restProps = index.__rest(_a, ["stepName", "steps", "isComplete", "workflowName", "status", "headerActions", "children", "nextAction", "previousAction", "classNameOverride"]);
+  return React.createElement(
+    Workflow.Wrapper,
+    index.__assign({ classNameOverride }, restProps),
+    React.createElement(Workflow.Header, { workflowName, stepName, status, headerActions }),
+    React.createElement(Workflow.Main, null, children),
+    React.createElement(Workflow.Footer, { stepName, steps, isComplete, nextAction, previousAction })
+  );
+};
+var Workflow = Object.assign(WorkflowComponent, {
+  Header,
+  Footer,
+  Main,
+  ProgressStepper,
+  Wrapper
+});
+
 exports.Filter = Filter;
 exports.FilterButton = FilterButton;
 exports.FilterButtonRemovable = FilterButtonRemovable;
@@ -46736,6 +48127,7 @@ exports.KaizenProvider = KaizenProvider;
 exports.ThemeContext = ThemeContext;
 exports.ThemeManager = ThemeManager;
 exports.ThemeProvider = ThemeProvider;
+exports.Workflow = Workflow;
 exports.defaultTheme = defaultTheme;
 exports.heartTheme = heartTheme;
 exports.useTheme = useTheme;