@kaizen/components 1.24.2 → 1.25.0

package/dist/esm/index.js

@@ -1,14 +1,18 @@
-import { _ as __rest, a as __assign, S as SVG, b as __spreadArray, c as SuccessIcon, I as IndicatorActiveIcon, d as IndicatorInactiveIcon } from './SuccessIcon-3556331e.js';
-import React, { forwardRef, useRef, useImperativeHandle, useState, useEffect, useContext, useMemo, useReducer, useCallback, createContext } from 'react';
+import { S as SVG, _ as __assign, a as __rest, C as CheckIcon, L as Label, b as __extends, c as ChevronUpIcon, d as ChevronDownIcon, e as __spreadArray, g as getDisabledKeysFromItems, t as transformSelectItemToCollectionElement, f as SelectProvider, h as SelectPopoverContents, i as ListBoxSection$1, j as SectionDivider$1, O as Option, k as ListItem, T as Text, l as SuccessIcon, I as IndicatorActiveIcon, m as IndicatorInactiveIcon } from './transformSelectItemToCollectionElement-2fe1c2dc.js';
+export { n as CautionWhiteIcon, E as ExclamationWhiteIcon, F as FieldMessage } from './transformSelectItemToCollectionElement-2fe1c2dc.js';
+import React, { useState, useRef, useEffect, useLayoutEffect, forwardRef, useImperativeHandle, useId, useContext, useMemo, useReducer, useCallback, createElement, createContext } from 'react';
 import classnames from 'classnames';
-import { BadgeAnimated, Badge } from '@kaizen/draft-badge';
-import { LoadingSpinner } from '@kaizen/loading-spinner';
+import { Textfit } from 'react-textfit';
 import { v4 } from 'uuid';
-import { useIntl, FormattedMessage, StaticIntlProvider } from '@cultureamp/i18n-react-intl';
-import { BrandMomentError } from '@kaizen/draft-illustration';
-import { Heading, Paragraph } from '@kaizen/typography';
 import { assetUrl } from '@kaizen/hosted-assets';
 import { useMediaQueries } from '@kaizen/responsive';
+import { Heading as Heading$1, Paragraph } from '@kaizen/typography';
+import { BadgeAnimated as BadgeAnimated$1, Badge as Badge$1 } from '@kaizen/draft-badge';
+import { LoadingSpinner } from '@kaizen/loading-spinner';
+import { Tooltip } from '@kaizen/draft-tooltip';
+import AnimateHeight from 'react-animate-height';
+import { EmptyStatesPositive, EmptyStatesNeutral, EmptyStatesNegative, EmptyStatesInformative, EmptyStatesAction, BrandMomentError } from '@kaizen/draft-illustration';
+import { useIntl, FormattedMessage, StaticIntlProvider } from '@cultureamp/i18n-react-intl';
 import { FocusOn } from 'react-focus-on';
 import { usePopper } from 'react-popper';
 import { formatDateAsText, isInvalidDate, DateInput, getLocale, CalendarSingle } from '@kaizen/date-picker';
@@ -19,15 +23,14 @@ import { isSelectingDayInCalendar } from '@kaizen/date-picker/src/utils/isSelect
 import { parseDateFromNumeralFormatValue } from '@kaizen/date-picker/src/utils/parseDateFromNumeralFormatValue';
 import { parseDateFromTextFormatValue } from '@kaizen/date-picker/src/utils/parseDateFromTextFormatValue';
 import { FieldMessage } from '@kaizen/draft-form';
-import { Tooltip } from '@kaizen/draft-tooltip';
 import { getLocale as getLocale$1 } from '@kaizen/date-picker/src/utils/getLocale';
 import { formatDateAsText as formatDateAsText$1 } from '@kaizen/date-picker/src/utils/formatDateAsText';
 import { CalendarRange } from '@kaizen/date-picker/src/_subcomponents/Calendar';
 import { isInvalidDate as isInvalidDate$1 } from '@kaizen/date-picker/src/utils/isInvalidDate';
 import { VisuallyHidden } from '@kaizen/a11y';
 import { DateInput as DateInput$1 } from '@kaizen/date-picker/src/_subcomponents/DateInput';
-import { useListBox, useOption, useListBoxSection } from '@react-aria/listbox';
-import { Item, Section } from '@react-stately/collections';
+import { useListBox, useOption } from '@react-aria/listbox';
+import { Item } from '@react-stately/collections';
 import { useListState } from '@react-stately/list';
 import { useButton } from '@react-aria/button';
 import { useMenuTrigger } from '@react-aria/menu';
@@ -36,196 +39,14 @@ import { LoadingInput, LoadingParagraph } from '@kaizen/loading-skeleton';
 import { useFocusRing, FocusScope } from '@react-aria/focus';
 import { mergeProps } from '@react-aria/utils';
 import { useOverlay, DismissButton } from '@react-aria/overlays';
-import { Divider } from '@kaizen/draft-divider';
+import { Divider as Divider$1 } from '@kaizen/draft-divider';
 import { useSelect, HiddenSelect } from '@react-aria/select';
 import { useSelectState } from '@react-stately/select';
 import { Menu, MenuList, MenuItem } from '@kaizen/draft-menu';
 import { IntlContext } from 'react-intl';
 import { makeCssVariableDefinitionsMap } from '@kaizen/design-tokens';
 import { Tag } from '@kaizen/draft-tag';
-import { Brand } from '@kaizen/brand';
-
-var styles$I = {"button":"GenericButton-module_button__CrXoI","reversed":"GenericButton-module_reversed__Pzsic","working":"GenericButton-module_working__mRozR","content":"GenericButton-module_content__E-vUa","default":"GenericButton-module_default__miX7x","primary":"GenericButton-module_primary__FB-Ts","destructive":"GenericButton-module_destructive__O9h5V","secondary":"GenericButton-module_secondary__YbAZ-","small":"GenericButton-module_small__YPMel","iconButton":"GenericButton-module_iconButton__XR24h","circleButton":"GenericButton-module_circleButton__bJk9T","paginationLink":"GenericButton-module_paginationLink__MzUls","isPaginationLinkActive":"GenericButton-module_isPaginationLinkActive__BWdeE","directionalLink":"GenericButton-module_directionalLink__N9Kwb","container":"GenericButton-module_container__6JphL","label":"GenericButton-module_label__Xdblv","fullWidth":"GenericButton-module_fullWidth__bxasc","iconWrapper":"GenericButton-module_iconWrapper__wSWAB","additionalContentWrapper":"GenericButton-module_additionalContentWrapper__PHvbf","loadingSpinner":"GenericButton-module_loadingSpinner__JTaXL","centeredLoadingSpinner":"GenericButton-module_centeredLoadingSpinner__urPMo","hidden":"GenericButton-module_hidden__TuNy8"};
-
-var getCustomProps = function(props) {
-  var keys = Object.keys(props).filter(function(k) {
-    return k.indexOf("-") !== -1;
-  });
-  return keys.reduce(function(acc, val) {
-    acc[val] = props[val];
-    return acc;
-  }, {});
-};
-var GenericButton = forwardRef(function(props, ref) {
-  var buttonRef = useRef();
-  useImperativeHandle(ref, function() {
-    return {
-      focus: function() {
-        var _a;
-        (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-      }
-    };
-  });
-  var determineButtonRenderer = function() {
-    if (props.component) {
-      return renderCustomComponent(props.component, props);
-    }
-    if (props.href && !props.disabled && !props.working) {
-      return renderLink(props, buttonRef);
-    }
-    return renderButton(props, buttonRef);
-  };
-  return React.createElement("span", { className: classnames(styles$I.container, props.fullWidth && styles$I.fullWidth), "aria-live": "polite" }, determineButtonRenderer());
-});
-GenericButton.defaultProps = {
-  iconPosition: "start",
-  iconButton: false,
-  primary: false,
-  secondary: false,
-  newTabAndIUnderstandTheAccessibilityImplications: false,
-  disableTabFocusAndIUnderstandTheAccessibilityImplications: false,
-  type: "button"
-};
-GenericButton.displayName = "GenericButton";
-var renderCustomComponent = function(CustomComponent, props) {
-  var id = props.id, disabled = props.disabled, href = props.href, onClick = props.onClick, onFocus = props.onFocus, onBlur = props.onBlur, rest = __rest(props, ["id", "disabled", "href", "onClick", "onFocus", "onBlur"]);
-  var customProps = getCustomProps(rest);
-  return React.createElement(CustomComponent, __assign({ id, className: buttonClass(props), disabled, href, onClick, onFocus, onBlur, "aria-label": generateAriaLabel(props) }, customProps), renderContent(props));
-};
-var renderButton = function(props, ref) {
-  var id = props.id, disabled = props.disabled, onClick = props.onClick, onMouseDown = props.onMouseDown, type = props.type, disableTabFocusAndIUnderstandTheAccessibilityImplications = props.disableTabFocusAndIUnderstandTheAccessibilityImplications, onFocus = props.onFocus, onBlur = props.onBlur, form = props.form, formAction = props.formAction, formMethod = props.formMethod, formEncType = props.formEncType, formTarget = props.formTarget, formNoValidate = props.formNoValidate, rest = __rest(props, ["id", "disabled", "onClick", "onMouseDown", "type", "disableTabFocusAndIUnderstandTheAccessibilityImplications", "onFocus", "onBlur", "form", "formAction", "formMethod", "formEncType", "formTarget", "formNoValidate"]);
-  var customProps = getCustomProps(rest);
-  return React.createElement("button", __assign({
-    // eslint-disable-next-line react/button-has-type
-    type,
-    id,
-    disabled,
-    className: buttonClass(props),
-    onClick,
-    onFocus,
-    onBlur,
-    onMouseDown: function(e) {
-      return onMouseDown && onMouseDown(e);
-    },
-    "aria-label": generateAriaLabel(props),
-    "aria-disabled": disabled || props.working ? true : void 0,
-    form,
-    formAction,
-    formMethod,
-    formEncType,
-    formTarget,
-    formNoValidate,
-    tabIndex: disableTabFocusAndIUnderstandTheAccessibilityImplications ? -1 : void 0,
-    ref
-  }, customProps), renderContent(props));
-};
-var renderLink = function(props, ref) {
-  var id = props.id, href = props.href, onClick = props.onClick, newTabAndIUnderstandTheAccessibilityImplications = props.newTabAndIUnderstandTheAccessibilityImplications, onFocus = props.onFocus, onBlur = props.onBlur, rest = __rest(props, ["id", "href", "onClick", "newTabAndIUnderstandTheAccessibilityImplications", "onFocus", "onBlur"]);
-  var customProps = getCustomProps(rest);
-  var target = newTabAndIUnderstandTheAccessibilityImplications ? "_blank" : "_self";
-  return React.createElement("a", __assign({ id, href, target, rel: target === "_blank" ? "noopener noreferrer" : void 0, className: buttonClass(props), onClick, onFocus, onBlur, ref, "aria-label": generateAriaLabel(props) }, customProps), renderContent(props));
-};
-var buttonClass = function(props) {
-  var isDefault = !props.primary && !props.destructive && !props.secondary;
-  return classnames(styles$I.button, isDefault && styles$I["default"], props.primary && styles$I.primary, props.destructive && styles$I.destructive, props.secondary && styles$I.secondary, props.size && styles$I[props.size], props.reversed && styles$I.reversed, props.iconButton && styles$I.iconButton, props.working && styles$I.working, (props.directionalLink || props.paginationLink) && styles$I.circleButton, props.directionalLink && styles$I.directionalLink, props.paginationLink && styles$I.paginationLink, props.isActive && styles$I.isPaginationLinkActive, props.classNameOverride);
-};
-var renderLoadingSpinner = function() {
-  return React.createElement(
-    "div",
-    { className: styles$I.loadingSpinner },
-    React.createElement(LoadingSpinner, { accessibilityLabel: "", size: "sm" })
-  );
-};
-var renderWorkingContent = function(props) {
-  if (props.workingLabelHidden) {
-    return React.createElement(
-      React.Fragment,
-      null,
-      React.createElement("span", { className: styles$I.hidden, "aria-hidden": "true" }, renderDefaultContent(props)),
-      React.createElement("span", { className: styles$I.centeredLoadingSpinner }, renderLoadingSpinner())
-    );
-  }
-  return React.createElement(
-    React.Fragment,
-    null,
-    props.iconPosition !== "end" && renderLoadingSpinner(),
-    React.createElement("span", { className: styles$I.label }, props.workingLabel),
-    props.additionalContent && React.createElement("span", { className: styles$I.additionalContentWrapper }, props.additionalContent),
-    props.iconPosition === "end" && renderLoadingSpinner()
-  );
-};
-var renderDefaultContent = function(props) {
-  return React.createElement(
-    React.Fragment,
-    null,
-    props.icon && props.iconPosition !== "end" && renderIcon(props.icon),
-    (!props.icon || !props.iconButton) && React.createElement("span", { className: styles$I.label }, props.label),
-    props.additionalContent && React.createElement("span", { className: styles$I.additionalContentWrapper }, props.additionalContent),
-    renderBadge(props),
-    props.icon && props.iconPosition === "end" && renderIcon(props.icon)
-  );
-};
-var renderBadge = function(props) {
-  if (!props.badge)
-    return null;
-  var _a = props.badge, text = _a.text, animateChange = _a.animateChange, reversed = _a.reversed, variant = _a.variant;
-  if (animateChange) {
-    return React.createElement(BadgeAnimated, { variant, reversed }, text);
-  }
-  return React.createElement(Badge, { variant, reversed }, text);
-};
-var renderContent = function(props) {
-  return React.createElement("span", { className: styles$I.content }, props.working ? renderWorkingContent(props) : renderDefaultContent(props));
-};
-var renderIcon = function(icon) {
-  return React.createElement("span", { className: styles$I.iconWrapper }, icon);
-};
-var generateAriaLabel = function(props) {
-  if (props.working && props.workingLabelHidden) {
-    return props.workingLabel;
-  }
-  if (props.iconButton) {
-    return props.label;
-  }
-  return void 0;
-};
-
-var Button = forwardRef(function(props, ref) {
-  return React.createElement(GenericButton, __assign({}, props, { ref }));
-});
-Button.defaultProps = {
-  fullWidth: false,
-  primary: false,
-  secondary: false,
-  destructive: false,
-  disabled: false,
-  reversed: false,
-  iconPosition: "start",
-  newTabAndIUnderstandTheAccessibilityImplications: false
-};
-Button.displayName = "Button";
-
-var IconButton = function(props) {
-  return React.createElement(GenericButton, __assign({ iconButton: true }, props));
-};
-IconButton.defaultProps = {
-  primary: false,
-  destructive: false,
-  disabled: false,
-  reversed: false,
-  secondary: false
-};
-IconButton.displayName = "IconButton";
-
-var PaginationLink = function(_a) {
-  var pageNumber = _a.pageNumber, restProps = __rest(_a, ["pageNumber"]);
-  return React.createElement(GenericButton, __assign({}, restProps, { paginationLink: true, label: "".concat(pageNumber) }));
-};
-PaginationLink.defaultProps = {
-  reversed: false,
-  isActive: false
-};
-PaginationLink.displayName = "PaginationLink";
+import { Brand as Brand$1 } from '@kaizen/brand';
 
 var AcademyIcon = function(props) {
   var uniqueId = v4();
@@ -566,46 +387,6 @@ var CautionIcon = function(props) {
   return React.createElement(SVG, __assign({}, props), svgContent);
 };
 
-var CautionWhiteIcon = function(props) {
-  var svgContent = React.createElement(
-    React.Fragment,
-    null,
-    React.createElement("path", { fill: "currentColor", 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" }),
-    React.createElement("path", { fill: "#FFF", d: "M10.8 15H9.2v-1.6h1.6V15Zm0-3.2H9.2V7h1.6v4.8Z", fillRule: "evenodd", clipRule: "evenodd" })
-  );
-  return React.createElement(SVG, __assign({}, props), svgContent);
-};
-
-var CheckIcon = function(props) {
-  var uniqueId = v4();
-  var svgContent = React.createElement(
-    React.Fragment,
-    null,
-    React.createElement(
-      "defs",
-      null,
-      React.createElement("path", { id: uniqueId, d: "m8.333 14.342-4.166-4.167L5.342 9l2.991 2.983 6.325-6.325 1.175 1.184z" })
-    ),
-    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
-  );
-  return React.createElement(SVG, __assign({}, props), svgContent);
-};
-
-var ChevronDownIcon = function(props) {
-  var uniqueId = v4();
-  var svgContent = React.createElement(
-    React.Fragment,
-    null,
-    React.createElement(
-      "defs",
-      null,
-      React.createElement("path", { id: uniqueId, d: "M6.18 6.845 10 10.747l3.82-3.902L15 8.049l-5 5.106-5-5.106z" })
-    ),
-    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
-  );
-  return React.createElement(SVG, __assign({}, props), svgContent);
-};
-
 var ChevronLeftIcon = function(props) {
   var uniqueId = v4();
   var svgContent = React.createElement(
@@ -636,21 +417,6 @@ var ChevronRightIcon = function(props) {
   return React.createElement(SVG, __assign({}, props), svgContent);
 };
 
-var ChevronUpIcon = function(props) {
-  var uniqueId = v4();
-  var svgContent = React.createElement(
-    React.Fragment,
-    null,
-    React.createElement(
-      "defs",
-      null,
-      React.createElement("path", { id: uniqueId, d: "M6.179 13.155 10 9.253l3.821 3.902 1.18-1.204L10 6.845l-5 5.106z" })
-    ),
-    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
-  );
-  return React.createElement(SVG, __assign({}, props), svgContent);
-};
-
 var ClearIcon = function(props) {
   var uniqueId = v4();
   var svgContent = React.createElement(
@@ -1467,26 +1233,6 @@ var ExclamationOctagonWhiteIcon = function(props) {
   return React.createElement(SVG, __assign({}, props), svgContent);
 };
 
-var ExclamationWhiteIcon = function(props) {
-  var uniqueId = v4();
-  var svgContent = React.createElement(
-    React.Fragment,
-    null,
-    React.createElement(
-      "defs",
-      null,
-      React.createElement("path", { id: uniqueId, d: "M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z" })
-    ),
-    React.createElement(
-      "g",
-      { fill: "none", fillRule: "evenodd" },
-      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
-      React.createElement("path", { fill: "#FFF", d: "M10.8 14H9.2v-1.6h1.6zM10.8 10.8H9.2V6h1.6z" })
-    )
-  );
-  return React.createElement(SVG, __assign({}, props), svgContent);
-};
-
 var ExperienceIcon = function(props) {
   var uniqueId = v4();
   var svgContent = React.createElement(
@@ -3797,73 +3543,380 @@ var ZoomOutIcon = function(props) {
   return React.createElement(SVG, __assign({}, props), svgContent);
 };
 
-var iconMap = {
-  prev: React.createElement(ArrowBackwardIcon, { role: "presentation" }),
-  next: React.createElement(ArrowForwardIcon, { role: "presentation" }),
-  start: React.createElement(StartIcon, { role: "presentation" }),
-  end: React.createElement(EndIcon, { role: "presentation" })
+var styles$$ = {"wrapper":"Avatar-module_wrapper__LY2q2","small":"Avatar-module_small__PeksS","personal":"Avatar-module_personal__2U7--","otherUser":"Avatar-module_otherUser__b-drl","company":"Avatar-module_company__2qtJE","initials":"Avatar-module_initials__VDY2Q","medium":"Avatar-module_medium__Vy3V8","large":"Avatar-module_large__qiNWs","xlarge":"Avatar-module_xlarge__Vx4IG","xxlarge":"Avatar-module_xxlarge__oOoGq","avatarImage":"Avatar-module_avatarImage__FuULy","loading":"Avatar-module_loading__i9V-D","companyAvatarImage":"Avatar-module_companyAvatarImage__7rlfG","fallbackIcon":"Avatar-module_fallbackIcon__MPWxq","longName":"Avatar-module_longName__31Yuf"};
+
+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) {
+  if (fullName) {
+    return React.createElement(UserIcon, { inheritSize: true, role: "img", "aria-label": fullName });
+  }
+  return React.createElement(UserIcon, { inheritSize: true, role: "presentation" });
 };
-var DirectionalLink = function(props) {
-  return React.createElement(GenericButton, __assign({}, props, { iconButton: true, directionalLink: true, icon: iconMap[props.direction] }));
+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 ? React.createElement("span", { className: styles$$.fallbackIcon }, fallbackIcon(fullName)) : React.createElement("abbr", { className: classnames(styles$$.initials, isLongName && styles$$.longName), title: fullName || "" }, isLongName ? (
+    // Only called if 3 or more initials, fits text width for long names
+    React.createElement(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(_a, ["fullName", "size", "avatarSrc", "disableInitials", "isCompany", "isCurrentUser", "classNameOverride"]);
+  var _f = useState(avatarSrc ? "loading" : "none"), avatarState = _f[0], setAvatarState = _f[1];
+  var image = useRef(null);
+  var renderInitialAvatar = !isCompany && (avatarState === "none" || avatarState === "error");
+  useEffect(function() {
+    setAvatarState(avatarSrc ? "loading" : "none");
+  }, [avatarSrc]);
+  var onImageFailure = function() {
+    return setAvatarState("error");
+  };
+  var onImageSuccess = function() {
+    return setAvatarState("success");
+  };
+  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.createElement(
+    "span",
+    __assign({ className: classnames(styles$$.wrapper, styles$$[size], classNameOverride, isCompany && styles$$.company, isPersonal && styles$$.personal, isOtherUser && styles$$.otherUser, (avatarState === "loading" || avatarState === "error") && styles$$.loading) }, restProps),
+    avatarState !== "none" && React.createElement("img", { ref: image, className: classnames(styles$$.avatarImage, isCompany && styles$$.companyAvatarImage), src: avatarSrc, onError: onImageFailure, onLoad: onImageSuccess, alt: fullName || "" }),
+    renderInitialAvatar && renderInitials(fullName, size, disableInitials)
+  );
 };
-DirectionalLink.defaultProps = {
-  reversed: false,
-  disabled: false
+
+var styles$_ = {"AvatarGroup":"AvatarGroup-module_AvatarGroup__bdL0o","small":"AvatarGroup-module_small__7uv8k","AvatarGroupItem":"AvatarGroup-module_AvatarGroupItem__xQol-","medium":"AvatarGroup-module_medium__af52y","large":"AvatarGroup-module_large__HN9Yy","AvatarCounter":"AvatarGroup-module_AvatarCounter__PKFzl"};
+
+var renderCounter = function(remainingAvatars) {
+  if (remainingAvatars <= 0)
+    return;
+  return React.createElement(
+    "li",
+    { "aria-label": "There ".concat(remainingAvatars > 1 ? "are ".concat(remainingAvatars, " other members") : "is ".concat(remainingAvatars, " other member"), " of this group"), className: styles$_.AvatarGroupItem },
+    React.createElement("span", { className: styles$_.AvatarCounter, "aria-hidden": true }, "+".concat(remainingAvatars))
+  );
+};
+var renderAvatars = function(avatars, maxVisible, size) {
+  return React.createElement(
+    React.Fragment,
+    null,
+    avatars === null || avatars === void 0 ? void 0 : avatars.map(function(avatarProps, index) {
+      return index < maxVisible && React.createElement(
+        "li",
+        { key: "avatar-".concat(index), className: styles$_.AvatarGroupItem },
+        React.createElement(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.createElement("ul", __assign({ className: classnames(styles$_.AvatarGroup, styles$_[size], classNameOverride), "aria-label": "Avatar Group" }, restProps), renderAvatars(avatars, maxVisible, size));
 };
-DirectionalLink.displayName = "DirectionalLink";
 
-var styles$H = {"clearButton":"ClearButton-module_clearButton__CSOIc","default":"ClearButton-module_default__lBJxw","reversed":"ClearButton-module_reversed__0I2DC"};
+var styles$Z = {"badge":"Badge-module_badge__CRtsW","large":"Badge-module_large__0QOpY","default":"Badge-module_default__k4Kcf","active":"Badge-module_active__-e-i2","reversed":"Badge-module_reversed__OgQLB","dark":"Badge-module_dark__RH34a","dot":"Badge-module_dot__BOKL1","animation":"Badge-module_animation__NTy6C","animationOn":"Badge-module_animationOn__nWK38"};
 
-var ClearButton$1 = function(_a) {
-  var classNameOverride = _a.classNameOverride, _b = _a.isReversed, isReversed = _b === void 0 ? false : _b, restProps = __rest(_a, ["classNameOverride", "isReversed"]);
+var Badge = function(_a) {
+  var children = _a.children, _b = _a.variant, variant = _b === void 0 ? "default" : _b, _c = _a.reversed, reversed = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? "small" : _d, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "variant", "reversed", "size", "classNameOverride"]);
+  return React.createElement("span", __assign({ className: classnames(styles$Z.badge, styles$Z[variant], classNameOverride, reversed && styles$Z.reversed, size === "large" && styles$Z.large) }, restProps), variant !== "dot" && children);
+};
+var BadgeAnimated = function(props) {
+  var _a = useState(false), isFocused = _a[0], setIsFocused = _a[1];
+  useLayoutEffect(function() {
+    setIsFocused(true);
+    setTimeout(function() {
+      setIsFocused(false);
+    }, 150);
+  }, [props.children]);
   return React.createElement(
-    "button",
-    __assign({ type: "button", "aria-label": "clear", className: classnames(styles$H.clearButton, isReversed ? styles$H.reversed : styles$H["default"], classNameOverride) }, restProps),
-    React.createElement(ClearIcon, { role: "presentation" })
+    "span",
+    { className: classnames(styles$Z.animation, isFocused && styles$Z.animationOn) },
+    React.createElement(Badge, __assign({}, props))
   );
 };
-ClearButton$1.displayName = "ClearButton";
+Badge.displayName = "Badge";
+
+var styles$Y = {"img":"Brand-module_img__uWvra"};
+
+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.createElement(
+    "picture",
+    __assign({ className: classNameOverride }, restProps),
+    React.createElement("source", { srcSet: assetUrl("brand/".concat(variant, "-reversed.svg")), media: "(forced-colors: active) and (prefers-color-scheme: dark)" }),
+    React.createElement("source", { srcSet: assetUrl("brand/".concat(variant, "-default.svg")), media: "(forced-colors: active) and (prefers-color-scheme: light)" }),
+    React.createElement("img", { src: assetUrl("brand/".concat(variant).concat(brandTheme, ".svg")), alt, className: styles$Y.img })
+  );
+};
+Brand.displayName = "Brand";
 
-var styles$G = {"body":"BrandMoment-module_body__J4lls","informative":"BrandMoment-module_informative__Qvwcd","positive":"BrandMoment-module_positive__78wqJ","negative":"BrandMoment-module_negative__atXal","container":"BrandMoment-module_container__4ORHI","header":"BrandMoment-module_header__EAP5Q","main":"BrandMoment-module_main__cdWko","mainInner":"BrandMoment-module_mainInner__xsFA6","left":"BrandMoment-module_left__ZHJiM","leftInner":"BrandMoment-module_leftInner__TY5DY","right":"BrandMoment-module_right__B-PR2","rightInner":"BrandMoment-module_rightInner__XvQ5Y","subtitle":"BrandMoment-module_subtitle__z9PL8","title":"BrandMoment-module_title__GrdAR","textBody":"BrandMoment-module_textBody__W6LvQ","secondaryAction":"BrandMoment-module_secondaryAction__d18oJ","actions":"BrandMoment-module_actions__Z3NrK","footer":"BrandMoment-module_footer__vSeX1","footerInner":"BrandMoment-module_footerInner__Wt9Rt","poweredByContainer":"BrandMoment-module_poweredByContainer__OkhVN","footerTextContainer":"BrandMoment-module_footerTextContainer__8iin9","poweredByLogo":"BrandMoment-module_poweredByLogo__w6M7o"};
+var styles$X = {"button":"GenericButton-module_button__CrXoI","reversed":"GenericButton-module_reversed__Pzsic","working":"GenericButton-module_working__mRozR","content":"GenericButton-module_content__E-vUa","default":"GenericButton-module_default__miX7x","primary":"GenericButton-module_primary__FB-Ts","destructive":"GenericButton-module_destructive__O9h5V","secondary":"GenericButton-module_secondary__YbAZ-","small":"GenericButton-module_small__YPMel","iconButton":"GenericButton-module_iconButton__XR24h","circleButton":"GenericButton-module_circleButton__bJk9T","paginationLink":"GenericButton-module_paginationLink__MzUls","isPaginationLinkActive":"GenericButton-module_isPaginationLinkActive__BWdeE","directionalLink":"GenericButton-module_directionalLink__N9Kwb","container":"GenericButton-module_container__6JphL","label":"GenericButton-module_label__Xdblv","fullWidth":"GenericButton-module_fullWidth__bxasc","iconWrapper":"GenericButton-module_iconWrapper__wSWAB","additionalContentWrapper":"GenericButton-module_additionalContentWrapper__PHvbf","loadingSpinner":"GenericButton-module_loadingSpinner__JTaXL","centeredLoadingSpinner":"GenericButton-module_centeredLoadingSpinner__urPMo","hidden":"GenericButton-module_hidden__TuNy8"};
+
+var getCustomProps = function(props) {
+  var keys = Object.keys(props).filter(function(k) {
+    return k.indexOf("-") !== -1;
+  });
+  return keys.reduce(function(acc, val) {
+    acc[val] = props[val];
+    return acc;
+  }, {});
+};
+var GenericButton = forwardRef(function(props, ref) {
+  var buttonRef = useRef();
+  useImperativeHandle(ref, function() {
+    return {
+      focus: function() {
+        var _a;
+        (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+      }
+    };
+  });
+  var determineButtonRenderer = function() {
+    if (props.component) {
+      return renderCustomComponent(props.component, props);
+    }
+    if (props.href && !props.disabled && !props.working) {
+      return renderLink(props, buttonRef);
+    }
+    return renderButton(props, buttonRef);
+  };
+  return React.createElement("span", { className: classnames(styles$X.container, props.fullWidth && styles$X.fullWidth), "aria-live": "polite" }, determineButtonRenderer());
+});
+GenericButton.defaultProps = {
+  iconPosition: "start",
+  iconButton: false,
+  primary: false,
+  secondary: false,
+  newTabAndIUnderstandTheAccessibilityImplications: false,
+  disableTabFocusAndIUnderstandTheAccessibilityImplications: false,
+  type: "button"
+};
+GenericButton.displayName = "GenericButton";
+var renderCustomComponent = function(CustomComponent, props) {
+  var id = props.id, disabled = props.disabled, href = props.href, onClick = props.onClick, onFocus = props.onFocus, onBlur = props.onBlur, rest = __rest(props, ["id", "disabled", "href", "onClick", "onFocus", "onBlur"]);
+  var customProps = getCustomProps(rest);
+  return React.createElement(CustomComponent, __assign({ id, className: buttonClass(props), disabled, href, onClick, onFocus, onBlur, "aria-label": generateAriaLabel(props) }, customProps), renderContent(props));
+};
+var renderButton = function(props, ref) {
+  var id = props.id, disabled = props.disabled, onClick = props.onClick, onMouseDown = props.onMouseDown, type = props.type, disableTabFocusAndIUnderstandTheAccessibilityImplications = props.disableTabFocusAndIUnderstandTheAccessibilityImplications, onFocus = props.onFocus, onBlur = props.onBlur, form = props.form, formAction = props.formAction, formMethod = props.formMethod, formEncType = props.formEncType, formTarget = props.formTarget, formNoValidate = props.formNoValidate, rest = __rest(props, ["id", "disabled", "onClick", "onMouseDown", "type", "disableTabFocusAndIUnderstandTheAccessibilityImplications", "onFocus", "onBlur", "form", "formAction", "formMethod", "formEncType", "formTarget", "formNoValidate"]);
+  var customProps = getCustomProps(rest);
+  return React.createElement("button", __assign({
+    // eslint-disable-next-line react/button-has-type
+    type,
+    id,
+    disabled,
+    className: buttonClass(props),
+    onClick,
+    onFocus,
+    onBlur,
+    onMouseDown: function(e) {
+      return onMouseDown && onMouseDown(e);
+    },
+    "aria-label": generateAriaLabel(props),
+    "aria-disabled": disabled || props.working ? true : void 0,
+    form,
+    formAction,
+    formMethod,
+    formEncType,
+    formTarget,
+    formNoValidate,
+    tabIndex: disableTabFocusAndIUnderstandTheAccessibilityImplications ? -1 : void 0,
+    ref
+  }, customProps), renderContent(props));
+};
+var renderLink = function(props, ref) {
+  var id = props.id, href = props.href, onClick = props.onClick, newTabAndIUnderstandTheAccessibilityImplications = props.newTabAndIUnderstandTheAccessibilityImplications, onFocus = props.onFocus, onBlur = props.onBlur, rest = __rest(props, ["id", "href", "onClick", "newTabAndIUnderstandTheAccessibilityImplications", "onFocus", "onBlur"]);
+  var customProps = getCustomProps(rest);
+  var target = newTabAndIUnderstandTheAccessibilityImplications ? "_blank" : "_self";
+  return React.createElement("a", __assign({ id, href, target, rel: target === "_blank" ? "noopener noreferrer" : void 0, className: buttonClass(props), onClick, onFocus, onBlur, ref, "aria-label": generateAriaLabel(props) }, customProps), renderContent(props));
+};
+var buttonClass = function(props) {
+  var isDefault = !props.primary && !props.destructive && !props.secondary;
+  return classnames(styles$X.button, isDefault && styles$X["default"], props.primary && styles$X.primary, props.destructive && styles$X.destructive, props.secondary && styles$X.secondary, props.size && styles$X[props.size], props.reversed && styles$X.reversed, props.iconButton && styles$X.iconButton, props.working && styles$X.working, (props.directionalLink || props.paginationLink) && styles$X.circleButton, props.directionalLink && styles$X.directionalLink, props.paginationLink && styles$X.paginationLink, props.isActive && styles$X.isPaginationLinkActive, props.classNameOverride);
+};
+var renderLoadingSpinner = function() {
+  return React.createElement(
+    "div",
+    { className: styles$X.loadingSpinner },
+    React.createElement(LoadingSpinner, { accessibilityLabel: "", size: "sm" })
+  );
+};
+var renderWorkingContent = function(props) {
+  if (props.workingLabelHidden) {
+    return React.createElement(
+      React.Fragment,
+      null,
+      React.createElement("span", { className: styles$X.hidden, "aria-hidden": "true" }, renderDefaultContent(props)),
+      React.createElement("span", { className: styles$X.centeredLoadingSpinner }, renderLoadingSpinner())
+    );
+  }
+  return React.createElement(
+    React.Fragment,
+    null,
+    props.iconPosition !== "end" && renderLoadingSpinner(),
+    React.createElement("span", { className: styles$X.label }, props.workingLabel),
+    props.additionalContent && React.createElement("span", { className: styles$X.additionalContentWrapper }, props.additionalContent),
+    props.iconPosition === "end" && renderLoadingSpinner()
+  );
+};
+var renderDefaultContent = function(props) {
+  return React.createElement(
+    React.Fragment,
+    null,
+    props.icon && props.iconPosition !== "end" && renderIcon$1(props.icon),
+    (!props.icon || !props.iconButton) && React.createElement("span", { className: styles$X.label }, props.label),
+    props.additionalContent && React.createElement("span", { className: styles$X.additionalContentWrapper }, props.additionalContent),
+    renderBadge(props),
+    props.icon && props.iconPosition === "end" && renderIcon$1(props.icon)
+  );
+};
+var renderBadge = function(props) {
+  if (!props.badge)
+    return null;
+  var _a = props.badge, text = _a.text, animateChange = _a.animateChange, reversed = _a.reversed, variant = _a.variant;
+  if (animateChange) {
+    return React.createElement(BadgeAnimated$1, { variant, reversed }, text);
+  }
+  return React.createElement(Badge$1, { variant, reversed }, text);
+};
+var renderContent = function(props) {
+  return React.createElement("span", { className: styles$X.content }, props.working ? renderWorkingContent(props) : renderDefaultContent(props));
+};
+var renderIcon$1 = function(icon) {
+  return React.createElement("span", { className: styles$X.iconWrapper }, icon);
+};
+var generateAriaLabel = function(props) {
+  if (props.working && props.workingLabelHidden) {
+    return props.workingLabel;
+  }
+  if (props.iconButton) {
+    return props.label;
+  }
+  return void 0;
+};
+
+var Button = forwardRef(function(props, ref) {
+  return React.createElement(GenericButton, __assign({}, props, { ref }));
+});
+Button.defaultProps = {
+  fullWidth: false,
+  primary: false,
+  secondary: false,
+  destructive: false,
+  disabled: false,
+  reversed: false,
+  iconPosition: "start",
+  newTabAndIUnderstandTheAccessibilityImplications: false
+};
+Button.displayName = "Button";
+
+var IconButton = function(props) {
+  return React.createElement(GenericButton, __assign({ iconButton: true }, props));
+};
+IconButton.defaultProps = {
+  primary: false,
+  destructive: false,
+  disabled: false,
+  reversed: false,
+  secondary: false
+};
+IconButton.displayName = "IconButton";
+
+var PaginationLink = function(_a) {
+  var pageNumber = _a.pageNumber, restProps = __rest(_a, ["pageNumber"]);
+  return React.createElement(GenericButton, __assign({}, restProps, { paginationLink: true, label: "".concat(pageNumber) }));
+};
+PaginationLink.defaultProps = {
+  reversed: false,
+  isActive: false
+};
+PaginationLink.displayName = "PaginationLink";
+
+var iconMap = {
+  prev: React.createElement(ArrowBackwardIcon, { role: "presentation" }),
+  next: React.createElement(ArrowForwardIcon, { role: "presentation" }),
+  start: React.createElement(StartIcon, { role: "presentation" }),
+  end: React.createElement(EndIcon, { role: "presentation" })
+};
+var DirectionalLink = function(props) {
+  return React.createElement(GenericButton, __assign({}, props, { iconButton: true, directionalLink: true, icon: iconMap[props.direction] }));
+};
+DirectionalLink.defaultProps = {
+  reversed: false,
+  disabled: false
+};
+DirectionalLink.displayName = "DirectionalLink";
+
+var styles$W = {"body":"BrandMoment-module_body__J4lls","informative":"BrandMoment-module_informative__Qvwcd","positive":"BrandMoment-module_positive__78wqJ","negative":"BrandMoment-module_negative__atXal","container":"BrandMoment-module_container__4ORHI","header":"BrandMoment-module_header__EAP5Q","main":"BrandMoment-module_main__cdWko","mainInner":"BrandMoment-module_mainInner__xsFA6","left":"BrandMoment-module_left__ZHJiM","leftInner":"BrandMoment-module_leftInner__TY5DY","right":"BrandMoment-module_right__B-PR2","rightInner":"BrandMoment-module_rightInner__XvQ5Y","subtitle":"BrandMoment-module_subtitle__z9PL8","title":"BrandMoment-module_title__GrdAR","textBody":"BrandMoment-module_textBody__W6LvQ","secondaryAction":"BrandMoment-module_secondaryAction__d18oJ","actions":"BrandMoment-module_actions__Z3NrK","footer":"BrandMoment-module_footer__vSeX1","footerInner":"BrandMoment-module_footerInner__Wt9Rt","poweredByContainer":"BrandMoment-module_poweredByContainer__OkhVN","footerTextContainer":"BrandMoment-module_footerTextContainer__8iin9","poweredByLogo":"BrandMoment-module_poweredByLogo__w6M7o"};
 
 var BrandMoment = function(_a) {
   var mood = _a.mood, illustration = _a.illustration, header = _a.header, body = _a.body, primaryAction = _a.primaryAction, secondaryAction = _a.secondaryAction, text = _a.text, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["mood", "illustration", "header", "body", "primaryAction", "secondaryAction", "text", "classNameOverride"]);
   var queries = useMediaQueries().queries;
   return React.createElement(
     "div",
-    __assign({ className: classnames(styles$G.body, styles$G[mood], classNameOverride) }, restProps),
-    React.createElement("header", { className: styles$G.header }, header),
+    __assign({ className: classnames(styles$W.body, styles$W[mood], classNameOverride) }, restProps),
+    React.createElement("header", { className: styles$W.header }, header),
     React.createElement(
       "main",
-      { className: styles$G.main },
+      { className: styles$W.main },
       React.createElement(
         "div",
-        { className: styles$G.container },
+        { className: styles$W.container },
         React.createElement(
           "div",
-          { className: styles$G.mainInner },
+          { className: styles$W.mainInner },
           React.createElement(
             "div",
-            { className: styles$G.left },
-            React.createElement("div", { className: styles$G.leftInner }, illustration)
+            { className: styles$W.left },
+            React.createElement("div", { className: styles$W.leftInner }, illustration)
           ),
           React.createElement(
             "div",
-            { className: styles$G.right },
+            { className: styles$W.right },
             React.createElement(
               "div",
-              { className: styles$G.rightInner },
-              text.subtitle && React.createElement(Heading, { variant: "heading-3", tag: "h1", classNameOverride: styles$G.subtitle }, text.subtitle),
-              React.createElement(Heading, { variant: "display-0", tag: text.subtitle ? "h2" : "h1", classNameOverride: styles$G.title }, text.title),
-              text.body && React.createElement(Paragraph, { variant: "intro-lede", classNameOverride: styles$G.textBody }, text.body),
-              body && React.createElement("div", { className: styles$G.textBody }, body),
+              { className: styles$W.rightInner },
+              text.subtitle && React.createElement(Heading$1, { variant: "heading-3", tag: "h1", classNameOverride: styles$W.subtitle }, text.subtitle),
+              React.createElement(Heading$1, { variant: "display-0", tag: text.subtitle ? "h2" : "h1", classNameOverride: styles$W.title }, text.title),
+              text.body && React.createElement(Paragraph, { variant: "intro-lede", classNameOverride: styles$W.textBody }, text.body),
+              body && React.createElement("div", { className: styles$W.textBody }, body),
               React.createElement(
                 "div",
-                { className: styles$G.actions },
+                { className: styles$W.actions },
                 primaryAction && React.createElement(Button, __assign({ primary: true, fullWidth: queries.isSmall }, primaryAction)),
                 secondaryAction && React.createElement(
                   "div",
-                  { className: styles$G.secondaryAction },
+                  { className: styles$W.secondaryAction },
                   React.createElement(Button, __assign({ secondary: true, fullWidth: queries.isSmall }, secondaryAction))
                 )
               )
@@ -3874,34 +3927,297 @@ var BrandMoment = function(_a) {
     ),
     text.footer && React.createElement(
       "footer",
-      { className: styles$G.footer },
+      { className: styles$W.footer },
       React.createElement(
         "div",
-        { className: styles$G.container },
+        { className: styles$W.container },
+        React.createElement(
+          "div",
+          { className: styles$W.footerInner },
+          React.createElement(
+            "div",
+            { className: styles$W.poweredByContainer },
+            React.createElement(Paragraph, { variant: "extra-small", color: "dark-reduced-opacity" }, "Powered by"),
+            React.createElement(
+              "a",
+              { href: "https://www.cultureamp.com", className: styles$W.poweredByLogo },
+              React.createElement("img", { src: assetUrl("brand/logo-horizontal-default.svg"), alt: "Culture Amp" })
+            )
+          ),
+          React.createElement(
+            "div",
+            { className: styles$W.footerTextContainer },
+            React.createElement(Paragraph, { variant: "extra-small" }, text.footer)
+          )
+        )
+      )
+    )
+  );
+};
+BrandMoment.displayName = "BrandMoment";
+
+var styles$V = {"filterButtonBase":"FilterButtonBase-module_filterButtonBase__BHoRx"};
+
+var FilterButtonBase = forwardRef(function(_a, ref) {
+  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "classNameOverride"]);
+  return React.createElement("button", __assign({ ref, type: "button", className: classnames(styles$V.filterButtonBase, classNameOverride) }, restProps), children);
+});
+FilterButtonBase.displayName = "FilterButtonBase";
+
+var styles$U = {"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;
+};
+var ButtonGroup = function(_a) {
+  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "classNameOverride"]);
+  var childCount = React.Children.count(children);
+  var containerProps = __assign({ role: "group", className: classnames(styles$U.buttonGroup, classNameOverride) }, restProps);
+  if (childCount === 1)
+    return React.createElement("div", __assign({}, containerProps), children);
+  return React.createElement("div", __assign({}, containerProps), React.Children.map(children, function(child, index) {
+    var buttonClassNames = classnames(styles$U.child, index === 0 && styles$U.firstChild, index === childCount - 1 && styles$U.lastChild, child.props.classNameOverride);
+    if (child.type === Tooltip) {
+      var button = child.props.children;
+      if (isFilterButton(button)) {
+        return React.cloneElement(child, {
+          children: React.cloneElement(button, {
+            classNameOverride: buttonClassNames
+          })
+        });
+      }
+      return child;
+    }
+    return React.cloneElement(child, {
+      classNameOverride: buttonClassNames
+    });
+  }));
+};
+ButtonGroup.displayName = "ButtonGroup";
+
+var styles$T = {"wrapper":"Card-module_wrapper__h5MUx","informative":"Card-module_informative__4yRSy","positive":"Card-module_positive__KvUqp","cautionary":"Card-module_cautionary__iMWR-","destructive":"Card-module_destructive__9wC8X","assertive":"Card-module_assertive__6d1GM","highlight":"Card-module_highlight__2GSL-","elevated":"Card-module_elevated__m7z8s"};
+
+var Card = function(_a) {
+  var children = _a.children, _b = _a.tag, tag = _b === void 0 ? "div" : _b, _c = _a.variant, variant = _c === void 0 ? "default" : _c, _d = _a.isElevated, isElevated = _d === void 0 ? false : _d, classNameOverride = _a.classNameOverride, props = __rest(_a, ["children", "tag", "variant", "isElevated", "classNameOverride"]);
+  var Tag = tag;
+  return React.createElement(Tag, __assign({ className: classnames(styles$T.wrapper, styles$T[variant], classNameOverride, isElevated && styles$T.elevated) }, props), children);
+};
+Card.displayName = "Card";
+
+var styles$S = {"checkbox":"Checkbox-module_checkbox__qJnwV","icon":"Checkbox-module_icon__h6ebV","reversed":"Checkbox-module_reversed__YWdUf","box":"Checkbox-module_box__Q6BJn"};
+
+var renderCheckOrMixedIcon = function(status, reversed) {
+  if (status === "off")
+    return;
+  return React.createElement("span", { className: classnames(styles$S.icon, reversed && styles$S.reversed) }, status === "on" ? React.createElement(CheckIcon, { role: "presentation", inheritSize: true }) : React.createElement(MinusIcon, { role: "presentation", inheritSize: true }));
+};
+var getCheckedFromStatus = function(checkedStatus) {
+  return checkedStatus === "on";
+};
+var Checkbox = function(_a) {
+  var _b = _a.checkedStatus, checkedStatus = _b === void 0 ? "off" : _b, onCheck = _a.onCheck, _c = _a.reversed, reversed = _c === void 0 ? false : _c, value = _a.value, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["checkedStatus", "onCheck", "reversed", "value", "classNameOverride"]);
+  return React.createElement(
+    "span",
+    { className: styles$S.container },
+    React.createElement("input", __assign({ ref: function(node) {
+      if (node) {
+        node.indeterminate = checkedStatus === "mixed";
+      }
+    }, "data-indeterminate": checkedStatus === "mixed", type: "checkbox", className: classnames(styles$S.checkbox, classNameOverride, reversed && styles$S.reversed), checked: getCheckedFromStatus(checkedStatus), onChange: onCheck, value: value || checkedStatus, readOnly: onCheck === void 0 }, restProps)),
+    React.createElement("span", { className: classnames(styles$S.box, reversed && styles$S.reversed) }, renderCheckOrMixedIcon(checkedStatus, reversed))
+  );
+};
+Checkbox.displayName = "Checkbox";
+
+var styles$R = {"container":"CheckboxField-module_container__3J-jG","noBottomMargin":"CheckboxField-module_noBottomMargin__vTcJF","checked":"CheckboxField-module_checked__uAhcE","mixed":"CheckboxField-module_mixed__smfKh"};
+
+var CheckboxField = function(_a) {
+  var propsId = _a.id, labelText = _a.labelText, checkedStatus = _a.checkedStatus, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.reversed, reversed = _c === void 0 ? false : _c, _d = _a.noBottomMargin, noBottomMargin = _d === void 0 ? false : _d, dataTestId = _a["data-testid"], classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["id", "labelText", "checkedStatus", "disabled", "reversed", "noBottomMargin", "data-testid", "classNameOverride"]);
+  var id = propsId !== null && propsId !== void 0 ? propsId : useId();
+  return React.createElement(
+    "div",
+    { "data-testid": dataTestId, className: classnames(styles$R.container, classNameOverride, checkedStatus === "on" && styles$R.checked, checkedStatus === "mixed" && styles$R.mixed, reversed && styles$R.reversed, noBottomMargin && styles$R.noBottomMargin) },
+    React.createElement(
+      Label,
+      { id: "".concat(id, "-field-label"), htmlFor: "".concat(id, "-field-checkbox"), "data-testid": "".concat(id, "-field-label"), labelText, reversed, labelType: "checkbox", disabled },
+      React.createElement(Checkbox, __assign({ id: "".concat(id, "-field-checkbox"), "data-testid": "".concat(id, "-field-checkbox"), disabled, reversed, checkedStatus }, restProps))
+    )
+  );
+};
+CheckboxField.displayName = "CheckboxField";
+
+var styles$Q = {"checkboxGroupLabel":"CheckboxGroup-module_checkboxGroupLabel__a9Iet","checkboxGroupContainer":"CheckboxGroup-module_checkboxGroupContainer__NTUWc","noBottomMargin":"CheckboxGroup-module_noBottomMargin__J7ADb"};
+
+var CheckboxGroup = function(_a) {
+  var children = _a.children, labelText = _a.labelText, propsLabelId = _a.labelId, _b = _a.noBottomMargin, noBottomMargin = _b === void 0 ? false : _b, _c = _a.reversed, reversed = _c === void 0 ? false : _c, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "labelText", "labelId", "noBottomMargin", "reversed", "classNameOverride"]);
+  var labelId = propsLabelId !== null && propsLabelId !== void 0 ? propsLabelId : useId();
+  return React.createElement(
+    "div",
+    __assign({ className: classnames(styles$Q.checkboxGroupContainer, classNameOverride, noBottomMargin && styles$Q.noBottomMargin, reversed && styles$Q.reversed), role: "group", "aria-labelledby": labelId }, restProps),
+    React.createElement(
+      "div",
+      { className: styles$Q.checkboxGroupLabel },
+      React.createElement(Label, { id: labelId, labelText, labelType: "text", reversed })
+    ),
+    children
+  );
+};
+CheckboxGroup.displayName = "CheckboxGroup";
+
+var styles$P = {"clearButton":"ClearButton-module_clearButton__CSOIc","default":"ClearButton-module_default__lBJxw","reversed":"ClearButton-module_reversed__0I2DC"};
+
+var ClearButton$1 = function(_a) {
+  var classNameOverride = _a.classNameOverride, _b = _a.isReversed, isReversed = _b === void 0 ? false : _b, restProps = __rest(_a, ["classNameOverride", "isReversed"]);
+  return React.createElement(
+    "button",
+    __assign({ type: "button", "aria-label": "clear", className: classnames(styles$P.clearButton, isReversed ? styles$P.reversed : styles$P["default"], classNameOverride) }, restProps),
+    React.createElement(ClearIcon, { role: "presentation" })
+  );
+};
+ClearButton$1.displayName = "ClearButton";
+
+var styles$O = {"header":"Collapsible-module_header__yf32d","open":"Collapsible-module_open__YlzQL","container":"Collapsible-module_container__EBC1U","single":"Collapsible-module_single__ZU2Tg","separated":"Collapsible-module_separated__IKYdN","groupItem":"Collapsible-module_groupItem__JECHF","chevronButton":"Collapsible-module_chevronButton__Ti18q","title":"Collapsible-module_title__Mwsd6","defaultVariant":"Collapsible-module_defaultVariant__BqxxR","clearVariant":"Collapsible-module_clearVariant__BHkHf","sticky":"Collapsible-module_sticky__m1V8p","section":"Collapsible-module_section__yfZvI","noPadding":"Collapsible-module_noPadding__Vfm3q","hide":"Collapsible-module_hide__cvbIi"};
+
+var Collapsible = (
+  /** @class */
+  function(_super) {
+    __extends(Collapsible2, _super);
+    function Collapsible2() {
+      var _this = _super !== null && _super.apply(this, arguments) || this;
+      _this.state = {
+        open: !!_this.props.open,
+        id: _this.props.id || v4()
+      };
+      _this.getOpen = function() {
+        return _this.props.controlled ? _this.props.open : _this.state.open;
+      };
+      _this.handleSectionToggle = function() {
+        var _a = _this.props, onToggle = _a.onToggle, controlled = _a.controlled;
+        var open = _this.getOpen();
+        onToggle && onToggle(!open, _this.state.id);
+        if (!controlled) {
+          _this.setState({
+            open: !open
+          });
+        }
+      };
+      _this.handleButtonPress = function(event) {
+        event.stopPropagation();
+        _this.handleSectionToggle();
+      };
+      return _this;
+    }
+    Collapsible2.prototype.render = function() {
+      var _a = this.props; _a.id; var children = _a.children, title = _a.title, renderHeader = _a.renderHeader; _a.open; var group = _a.group, separated = _a.separated, sticky = _a.sticky, noSectionPadding = _a.noSectionPadding; _a.onToggle; var _b = _a.variant, variant = _b === void 0 ? "default" : _b, lazyLoad = _a.lazyLoad; _a.controlled; var classNameOverride = _a.classNameOverride, props = __rest(_a, ["id", "children", "title", "renderHeader", "open", "group", "separated", "sticky", "noSectionPadding", "onToggle", "variant", "lazyLoad", "controlled", "classNameOverride"]);
+      var id = this.state.id;
+      var buttonId = "".concat(id, "-button");
+      var sectionId = "".concat(id, "-section");
+      var open = this.getOpen();
+      var isContainer = !group || separated;
+      return React.createElement(
+        "div",
+        __assign({ id, className: classnames(classNameOverride, isContainer && styles$O.container, group && !separated && styles$O.groupItem, separated && styles$O.separated, open && styles$O.open, !group && styles$O.single), "data-testid": "collapsible-container-".concat(id) }, props),
         React.createElement(
           "div",
-          { className: styles$G.footerInner },
-          React.createElement(
+          { className: classnames(styles$O.header, open && styles$O.open, sticky && styles$O.sticky, open && variant === "default" && styles$O.defaultVariant, open && variant === "clear" && styles$O.clearVariant), style: sticky && { top: sticky.top }, onClick: this.handleSectionToggle, "data-testid": "collapsible-header-".concat(id) },
+          renderHeader !== void 0 ? renderHeader(title) : React.createElement(
             "div",
-            { className: styles$G.poweredByContainer },
-            React.createElement(Paragraph, { variant: "extra-small", color: "dark-reduced-opacity" }, "Powered by"),
-            React.createElement(
-              "a",
-              { href: "https://www.cultureamp.com", className: styles$G.poweredByLogo },
-              React.createElement("img", { src: assetUrl("brand/logo-horizontal-default.svg"), alt: "Culture Amp" })
-            )
+            { className: styles$O.title, "data-testid": "collapsible-button-title-".concat(id) },
+            React.createElement(Heading$1, { variant: "heading-4", tag: "span" }, title)
           ),
           React.createElement(
             "div",
-            { className: styles$G.footerTextContainer },
-            React.createElement(Paragraph, { variant: "extra-small" }, text.footer)
+            null,
+            React.createElement(IconButton, { label: title, icon: open ? React.createElement(ChevronUpIcon, { role: "presentation" }) : React.createElement(ChevronDownIcon, { role: "presentation" }), type: "button", "aria-expanded": open, "aria-controls": sectionId, "data-testid": "collapsible-button-".concat(id), id: buttonId, onClick: this.handleButtonPress, classNameOverride: styles$O.chevronButton })
           )
+        ),
+        (!lazyLoad || open) && React.createElement(
+          AnimateHeight,
+          { height: open ? "auto" : 0, "data-testid": "collapsible-section-".concat(id) },
+          React.createElement("div", { id: sectionId, className: classnames(styles$O.section, noSectionPadding && styles$O.noPadding), role: "region", "aria-labelledby": buttonId }, children)
+        )
+      );
+    };
+    return Collapsible2;
+  }(React.Component)
+);
+
+var styles$N = {"container":"CollapsibleGroup-module_container__EjMRg"};
+
+var CollapsibleGroup = function(_a) {
+  var children = _a.children, _b = _a.separated, separated = _b === void 0 ? false : _b, sticky = _a.sticky, _c = _a.noSectionPadding, noSectionPadding = _c === void 0 ? false : _c, _d = _a.lazyLoad, lazyLoad = _d === void 0 ? false : _d, onToggle = _a.onToggle, classNameOverride = _a.classNameOverride, props = __rest(_a, ["children", "separated", "sticky", "noSectionPadding", "lazyLoad", "onToggle", "classNameOverride"]);
+  return React.createElement("div", __assign({ className: classnames(classNameOverride, !separated && styles$N.container) }, props), React.Children.map(children, function(collapsible) {
+    return React.cloneElement(collapsible, {
+      group: true,
+      separated,
+      sticky,
+      noSectionPadding,
+      lazyLoad,
+      onToggle
+    });
+  }));
+};
+
+var styles$M = {"expertAdviceContainer":"ExpertAdviceCollapsible-module_expertAdviceContainer__RIHw4","expertAdviceHeader":"ExpertAdviceCollapsible-module_expertAdviceHeader__1wthc","expertAdviceHeading":"ExpertAdviceCollapsible-module_expertAdviceHeading__4G4Jh","expertAdviceIcon":"ExpertAdviceCollapsible-module_expertAdviceIcon__DMwbR","expertAdviceSection":"ExpertAdviceCollapsible-module_expertAdviceSection__ox-SR"};
+
+var ExpertAdviceCollapsible = function(props) {
+  return React.createElement(
+    Collapsible,
+    __assign({}, props, { noSectionPadding: true, classNameOverride: styles$M.expertAdviceContainer, renderHeader: function() {
+      return React.createElement(
+        React.Fragment,
+        null,
+        React.createElement(
+          "div",
+          { className: styles$M.expertAdviceHeader },
+          React.createElement(Brand, { classNameOverride: styles$M.expertAdviceIcon, alt: "Expert Advice", variant: "collective-intelligence", reversed: true }),
+          React.createElement(Heading$1, { variant: "heading-4", tag: "span", classNameOverride: styles$M.expertAdviceHeading }, props.title)
         )
+      );
+    } }),
+    React.createElement("div", { className: styles$M.expertAdviceSection }, props.children)
+  );
+};
+ExpertAdviceCollapsible.displayName = "ExpertAdviceCollapsible";
+
+var styles$L = {"wrapper":"Divider-module_wrapper__K5mht","content":"Divider-module_content__BhDyy","menuSeparator":"Divider-module_menuSeparator__kjXV5","canvas":"Divider-module_canvas__2eQT6","reversed":"Divider-module_reversed__puJw2"};
+
+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.createElement("hr", __assign({ "aria-hidden": "true", className: classnames(styles$L.wrapper, classNameOverride, isReversed && styles$L.reversed, styles$L[variant]) }, props));
+};
+Divider.displayName = "Divider";
+
+var styles$K = {"container":"EmptyState-module_container__-B5OU","straightCorners":"EmptyState-module_straightCorners__Aeou0","sidebarAndContent":"EmptyState-module_sidebarAndContent__Eysay","contentOnly":"EmptyState-module_contentOnly__RWVVX","positive":"EmptyState-module_positive__o3dXR","negative":"EmptyState-module_negative__e5ci6","action":"EmptyState-module_action__OdsgJ","neutral":"EmptyState-module_neutral__L6fBb","informative":"EmptyState-module_informative__x0GSr","illustrationSide":"EmptyState-module_illustrationSide__ZSjF3","textSide":"EmptyState-module_textSide__tv54w","illustration":"EmptyState-module_illustration__HyD2k","textSideInner":"EmptyState-module_textSideInner__Yynhi","heading":"EmptyState-module_heading__y-yvC","description":"EmptyState-module_description__fsJOc"};
+
+var ILLUSTRATIONS = {
+  positive: EmptyStatesPositive,
+  neutral: EmptyStatesNeutral,
+  negative: EmptyStatesNegative,
+  informative: EmptyStatesInformative,
+  action: EmptyStatesAction
+};
+var EmptyState = function(_a) {
+  var children = _a.children, id = _a.id, _b = _a.illustrationType, illustrationType = _b === void 0 ? "informative" : _b, _c = _a.layoutContext, layoutContext = _c === void 0 ? "sidebarAndContent" : _c, headingProps = _a.headingProps, bodyText = _a.bodyText, straightCorners = _a.straightCorners, _d = _a.isAnimated, isAnimated = _d === void 0 ? true : _d, _e = _a.loop, loop = _e === void 0 ? false : _e, classNameOverride = _a.classNameOverride, props = __rest(_a, ["children", "id", "illustrationType", "layoutContext", "headingProps", "bodyText", "straightCorners", "isAnimated", "loop", "classNameOverride"]);
+  var IllustrationComponent = ILLUSTRATIONS[illustrationType];
+  return React.createElement(
+    "div",
+    __assign({ className: classnames(classNameOverride, styles$K[illustrationType], styles$K.container, styles$K.zen, styles$K[layoutContext], straightCorners && styles$K.straightCorners), id }, props),
+    React.createElement("div", { className: styles$K.illustrationSide }, isAnimated ? React.createElement(IllustrationComponent, { isAnimated: true, loop, classNameOverride: styles$K.illustration }) : React.createElement(IllustrationComponent, { alt: illustrationType, classNameOverride: styles$K.illustration })),
+    React.createElement(
+      "div",
+      { className: styles$K.textSide },
+      React.createElement(
+        "div",
+        { className: styles$K.textSideInner },
+        headingProps && React.createElement(Heading$1, __assign({ classNameOverride: styles$K.heading }, headingProps)),
+        React.createElement(Paragraph, { variant: "body", classNameOverride: styles$K.description }, bodyText),
+        children
       )
     )
   );
 };
-BrandMoment.displayName = "BrandMoment";
+EmptyState.displayName = "EmptyState";
 
 var useErrorMessages = function(code) {
   var formatMessage = useIntl().formatMessage;
@@ -4021,7 +4337,7 @@ var useErrorMessages = function(code) {
   };
 };
 
-var styles$F = {"paragraphPadding":"ErrorPage-module_paragraphPadding__-L-qy"};
+var styles$J = {"paragraphPadding":"ErrorPage-module_paragraphPadding__-L-qy"};
 
 var getMailToHref = function(code) {
   var supportEmail = "support@cultureamp.com";
@@ -4046,7 +4362,7 @@ var ErrorPage = function(_a) {
       null,
       React.createElement(
         "div",
-        { className: styles$F.paragraphPadding },
+        { className: styles$J.paragraphPadding },
         React.createElement(Paragraph, { variant: "intro-lede" }, message || content.message)
       ),
       React.createElement(
@@ -4069,7 +4385,15 @@ var ErrorPage = function(_a) {
 };
 ErrorPage.displayName = "ErrorPage";
 
-var styles$E = {"filterPopover":"FilterPopover-module_filterPopover__KUS4q"};
+var styles$I = {"group":"FieldGroup-module_group__74Z9M","inline":"FieldGroup-module_inline__K7D9L"};
+
+var FieldGroup = function(_a) {
+  var children = _a.children, _b = _a.inline, inline = _b === void 0 ? false : _b, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "inline", "classNameOverride"]);
+  return React.createElement("div", __assign({ className: classnames(styles$I.group, classNameOverride, inline && styles$I.inline) }, restProps), children);
+};
+FieldGroup.displayName = "FieldGroup";
+
+var styles$H = {"filterPopover":"FilterPopover-module_filterPopover__KUS4q"};
 
 var FilterPopover = function(_a) {
   var children = _a.children, referenceElement = _a.referenceElement, popperOptions = _a.popperOptions, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "referenceElement", "popperOptions", "classNameOverride"]);
@@ -4082,7 +4406,7 @@ var FilterPopover = function(_a) {
       }
     }
   ], placement: "bottom-start" }, popperOptions)), popperStyles = _c.styles, popperAttributes = _c.attributes;
-  return React.createElement("div", __assign({ ref: setPopperElement, style: popperStyles === null || popperStyles === void 0 ? void 0 : popperStyles.popper }, popperAttributes === null || popperAttributes === void 0 ? void 0 : popperAttributes.popper, { className: classnames(styles$E.filterPopover, classNameOverride), role: "dialog", "aria-modal": "true" }, restProps), children);
+  return React.createElement("div", __assign({ ref: setPopperElement, style: popperStyles === null || popperStyles === void 0 ? void 0 : popperStyles.popper }, popperAttributes === null || popperAttributes === void 0 ? void 0 : popperAttributes.popper, { className: classnames(styles$H.filterPopover, classNameOverride), role: "dialog", "aria-modal": "true" }, restProps), children);
 };
 FilterPopover.displayName = "FilterPopover";
 
@@ -4127,11 +4451,11 @@ var Filter = function(_a) {
 };
 Filter.displayName = "Filter";
 
-var styles$D = {"filterContents":"FilterContents-module_filterContents__TeYuo"};
+var styles$G = {"filterContents":"FilterContents-module_filterContents__TeYuo"};
 
 var FilterContents = function(_a) {
   var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "classNameOverride"]);
-  return React.createElement("div", __assign({ className: classnames(styles$D.filterContents, classNameOverride) }, restProps), children);
+  return React.createElement("div", __assign({ className: classnames(styles$G.filterContents, classNameOverride) }, restProps), children);
 };
 FilterContents.displayName = "FilterContents";
 
@@ -4358,15 +4682,15 @@ var FilterBarProvider = function(_a) {
   );
 };
 
-var styles$C = {"labelledMessage":"LabelledMessage-module_labelledMessage__8hqzY","labelSeparator":"LabelledMessage-module_labelSeparator__f3zFN"};
+var styles$F = {"labelledMessage":"LabelledMessage-module_labelledMessage__8hqzY","labelSeparator":"LabelledMessage-module_labelSeparator__f3zFN"};
 
 var LabelledMessage = function(_a) {
   var label = _a.label, message = _a.message, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["label", "message", "classNameOverride"]);
   return React.createElement(
     "span",
-    __assign({ className: classnames(styles$C.labelledMessage, classNameOverride) }, restProps),
+    __assign({ className: classnames(styles$F.labelledMessage, classNameOverride) }, restProps),
     React.createElement("span", null, label),
-    React.createElement("span", { className: styles$C.labelSeparator }, ":"),
+    React.createElement("span", { className: styles$F.labelSeparator }, ":"),
     React.createElement("span", null, message)
   );
 };
@@ -4490,7 +4814,7 @@ var formatDescriptionInputFormat = function(locale) {
   return (_a = locale.formatLong) === null || _a === void 0 ? void 0 : _a.date({ width: "short" }).toLowerCase();
 };
 
-var styles$B = {"dateInputDescription":"DateInputDescription-module_dateInputDescription__-ONK8","dateInputFormatContainer":"DateInputDescription-module_dateInputFormatContainer__6hP6K"};
+var styles$E = {"dateInputDescription":"DateInputDescription-module_dateInputDescription__-ONK8","dateInputFormatContainer":"DateInputDescription-module_dateInputFormatContainer__6hP6K"};
 
 var DateInputDescription = function(_a) {
   var description = _a.description, locale = _a.locale;
@@ -4504,11 +4828,11 @@ var DateInputDescription = function(_a) {
   if (hasCustomDescription) {
     return React.createElement(
       "span",
-      { className: styles$B.dateInputDescription },
+      { className: styles$E.dateInputDescription },
       React.createElement("span", null, description),
       React.createElement(
         "span",
-        { className: styles$B.dateInputFormatContainer },
+        { className: styles$E.dateInputFormatContainer },
         "(",
         React.createElement(LabelledMessage, { label: translatedInputFormatMessage, message: formatDescriptionInputFormat(locale) }),
         ")"
@@ -4519,7 +4843,7 @@ var DateInputDescription = function(_a) {
 };
 DateInputDescription.displayName = "DateInputDescription";
 
-var styles$A = {"disabled":"DateInputField-module_disabled__Lf9TS"};
+var styles$D = {"disabled":"DateInputField-module_disabled__Lf9TS"};
 
 var DateInputField = React.forwardRef(function(_a, ref) {
   var id = _a.id, labelText = _a.labelText, description = _a.description, disabled = _a.disabled, _b = _a.isReversed, isReversed = _b === void 0 ? false : _b, validationMessage = _a.validationMessage, locale = _a.locale, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["id", "labelText", "description", "disabled", "isReversed", "validationMessage", "locale", "classNameOverride"]);
@@ -4532,7 +4856,7 @@ var DateInputField = React.forwardRef(function(_a, ref) {
     null,
     React.createElement(DateInput, __assign({ ref, id, labelText: labelText || "Date", "aria-describedby": inputDescribedBy, "aria-errormessage": errorMessageId, "aria-invalid": dateIsInvalid, autoComplete: "off", disabled, status: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.status, classNameOverride }, restProps)),
     validationMessage && React.createElement(FieldMessage, { id: errorMessageId, message: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.message, status: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.status, reversed: isReversed }),
-    React.createElement(FieldMessage, { id: descriptionId, message: React.createElement(DateInputDescription, { description, locale }), reversed: isReversed, classNameOverride: disabled ? styles$A.disabled : void 0 })
+    React.createElement(FieldMessage, { id: descriptionId, message: React.createElement(DateInputDescription, { description, locale }), reversed: isReversed, classNameOverride: disabled ? styles$D.disabled : void 0 })
   );
 });
 DateInputField.displayName = "DateInputField";
@@ -4548,7 +4872,7 @@ var filterDatePickerFieldReducer$1 = function(state, action) {
   }
 };
 
-var styles$z = {"filterDatePickerField":"FilterDatePickerField-module_filterDatePickerField__KvWHu"};
+var styles$C = {"filterDatePickerField":"FilterDatePickerField-module_filterDatePickerField__KvWHu"};
 
 var FilterDatePickerField = function(_a) {
   var propsId = _a.id, inputProps = _a.inputProps, propsLocale = _a.locale, defaultMonth = _a.defaultMonth, selectedDate = _a.selectedDate, onDateChange = _a.onDateChange, onDateSubmit = _a.onDateSubmit, disabledDays = _a.disabledDays, description = _a.description, validationMessage = _a.validationMessage, onValidate = _a.onValidate, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["id", "inputProps", "locale", "defaultMonth", "selectedDate", "onDateChange", "onDateSubmit", "disabledDays", "description", "validationMessage", "onValidate", "classNameOverride"]);
@@ -4611,7 +4935,7 @@ var FilterDatePickerField = function(_a) {
   }, []);
   return React.createElement(
     "div",
-    __assign({ className: classnames(styles$z.filterDatePickerField, classNameOverride) }, restProps),
+    __assign({ className: classnames(styles$C.filterDatePickerField, classNameOverride) }, restProps),
     React.createElement(DateInputField, __assign({ id: "".concat(id, "--input"), locale, value: state.inputValue, description, validationMessage: dateValidation.validationMessage }, inputDateHandlers, inputProps)),
     React.createElement(CalendarSingle, { disabled: disabledDays, locale, selected: state.selectedDate, onSelect: handleCalendarSelect, month: state.startMonth, onMonthChange: function(value) {
       return dispatch({ type: "navigate_months", date: value });
@@ -4642,15 +4966,7 @@ var isRefObject = function(ref) {
   return ref !== null && "current" in ref;
 };
 
-var styles$y = {"filterButtonBase":"FilterButtonBase-module_filterButtonBase__BHoRx"};
-
-var FilterButtonBase = forwardRef(function(_a, ref) {
-  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "classNameOverride"]);
-  return React.createElement("button", __assign({ ref, type: "button", className: classnames(styles$y.filterButtonBase, classNameOverride) }, restProps), children);
-});
-FilterButtonBase.displayName = "FilterButtonBase";
-
-var styles$x = {"filterButton":"FilterButton-module_filterButton__Q2dMX","labelContainer":"FilterButton-module_labelContainer__5G-MD","hasSelectedValues":"FilterButton-module_hasSelectedValues__dyQkL","labelSeparator":"FilterButton-module_labelSeparator__xrkAx"};
+var styles$B = {"filterButton":"FilterButton-module_filterButton__Q2dMX","labelContainer":"FilterButton-module_labelContainer__5G-MD","hasSelectedValues":"FilterButton-module_hasSelectedValues__dyQkL","labelSeparator":"FilterButton-module_labelSeparator__xrkAx"};
 
 var FilterButton = forwardRef(function(_a, ref) {
   var label = _a.label, selectedValue = _a.selectedValue, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["label", "selectedValue", "isOpen", "classNameOverride"]);
@@ -4659,15 +4975,15 @@ var FilterButton = forwardRef(function(_a, ref) {
   var selectedValuesLabel = selectedValue;
   return React.createElement(
     FilterButtonBase,
-    __assign({ ref: triggerRef, classNameOverride: classnames(styles$x.filterButton, classNameOverride), "aria-haspopup": "true", "aria-expanded": isOpen }, restProps),
-    React.createElement("span", { className: styles$x.labelContainer }, selectedValuesLabel ? React.createElement(
+    __assign({ ref: triggerRef, classNameOverride: classnames(styles$B.filterButton, classNameOverride), "aria-haspopup": "true", "aria-expanded": isOpen }, restProps),
+    React.createElement("span", { className: styles$B.labelContainer }, selectedValuesLabel ? React.createElement(
       React.Fragment,
       null,
       React.createElement(
         "span",
-        { className: styles$x.hasSelectedValues },
+        { className: styles$B.hasSelectedValues },
         React.createElement("span", null, label),
-        React.createElement("span", { className: styles$x.labelSeparator }, ":")
+        React.createElement("span", { className: styles$B.labelSeparator }, ":")
       ),
       React.createElement("span", null, selectedValuesLabel)
     ) : label),
@@ -4676,37 +4992,6 @@ var FilterButton = forwardRef(function(_a, ref) {
 });
 FilterButton.displayName = "FilterButton";
 
-var styles$w = {"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;
-};
-var ButtonGroup = function(_a) {
-  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "classNameOverride"]);
-  var childCount = React.Children.count(children);
-  var containerProps = __assign({ role: "group", className: classnames(styles$w.buttonGroup, classNameOverride) }, restProps);
-  if (childCount === 1)
-    return React.createElement("div", __assign({}, containerProps), children);
-  return React.createElement("div", __assign({}, containerProps), React.Children.map(children, function(child, index) {
-    var buttonClassNames = classnames(styles$w.child, index === 0 && styles$w.firstChild, index === childCount - 1 && styles$w.lastChild, child.props.classNameOverride);
-    if (child.type === Tooltip) {
-      var button = child.props.children;
-      if (isFilterButton(button)) {
-        return React.cloneElement(child, {
-          children: React.cloneElement(button, {
-            classNameOverride: buttonClassNames
-          })
-        });
-      }
-      return child;
-    }
-    return React.cloneElement(child, {
-      classNameOverride: buttonClassNames
-    });
-  }));
-};
-ButtonGroup.displayName = "ButtonGroup";
-
 var FilterButtonRemovable = forwardRef(function(_a, ref) {
   var _b;
   var triggerButtonProps = _a.triggerButtonProps, removeButtonProps = _a.removeButtonProps, restProps = __rest(_a, ["triggerButtonProps", "removeButtonProps"]);
@@ -4756,7 +5041,7 @@ var FilterBarDatePicker = function(_a) {
 };
 FilterBarDatePicker.displayName = "FilterBar.DatePicker";
 
-var styles$v = {"dateRangeDisplayLabel":"DateRangeDisplayLabel-module_dateRangeDisplayLabel__Gsq1R"};
+var styles$A = {"dateRangeDisplayLabel":"DateRangeDisplayLabel-module_dateRangeDisplayLabel__Gsq1R"};
 
 var DateRangeDisplayLabel = function(_a) {
   var dateRange = _a.dateRange, locale = _a.locale;
@@ -4764,7 +5049,7 @@ var DateRangeDisplayLabel = function(_a) {
   var formattedDateTo = formatDateAsText$1(dateRange.to, void 0, locale);
   return React.createElement(
     "span",
-    { className: styles$v.dateRangeDisplayLabel },
+    { className: styles$A.dateRangeDisplayLabel },
     React.createElement("span", null, formattedDateFrom),
     React.createElement("span", null, "-"),
     React.createElement("span", null, formattedDateTo)
@@ -4772,7 +5057,7 @@ var DateRangeDisplayLabel = function(_a) {
 };
 DateRangeDisplayLabel.displayName = "DateRangeDisplayLabel";
 
-var styles$u = {"fieldMessageList":"DateRangeValidationMessage-module_fieldMessageList__UluZx"};
+var styles$z = {"fieldMessageList":"DateRangeValidationMessage-module_fieldMessageList__UluZx"};
 
 var DateRangeValidationMessage = function(_a) {
   var validationMessage = _a.validationMessage, dateStartId = _a.dateStartId, dateEndId = _a.dateEndId, isReversed = _a.isReversed;
@@ -4784,7 +5069,7 @@ var DateRangeValidationMessage = function(_a) {
     if (dateStart.status === dateEnd.status) {
       return React.createElement(FieldMessage, { message: React.createElement(
         "ul",
-        { className: styles$u.fieldMessageList },
+        { className: styles$z.fieldMessageList },
         React.createElement("li", { id: dateStartId }, dateStart.message),
         React.createElement("li", { id: dateEndId }, dateEnd.message)
       ), status: dateStart.status || dateEnd.status, reversed: isReversed });
@@ -4806,7 +5091,7 @@ var DateRangeValidationMessage = function(_a) {
 };
 DateRangeValidationMessage.displayName = "DateRangeValidationMessage";
 
-var styles$t = {"dateRangeInputContainer":"DateRangeInputField-module_dateRangeInputContainer__KGDB1","inputStartDate":"DateRangeInputField-module_inputStartDate__3nwlg","inputEndDate":"DateRangeInputField-module_inputEndDate__ZvUwZ","disabled":"DateRangeInputField-module_disabled__iPMZ-"};
+var styles$y = {"dateRangeInputContainer":"DateRangeInputField-module_dateRangeInputContainer__KGDB1","inputStartDate":"DateRangeInputField-module_inputStartDate__3nwlg","inputEndDate":"DateRangeInputField-module_inputEndDate__ZvUwZ","disabled":"DateRangeInputField-module_disabled__iPMZ-"};
 
 var DateRangeInputField = React.forwardRef(function(_a, ref) {
   var _b, _c;
@@ -4826,17 +5111,17 @@ var DateRangeInputField = React.forwardRef(function(_a, ref) {
     __assign({ className: classNameOverride }, restProps),
     React.createElement(
       "fieldset",
-      { className: styles$t.dateRangeInputContainer },
+      { className: styles$y.dateRangeInputContainer },
       React.createElement(
         "legend",
         null,
         React.createElement(VisuallyHidden, null, legend)
       ),
-      React.createElement(DateInput$1, __assign({ ref: inputStartDateRef, id: "".concat(id, "--from"), "aria-describedby": dateStartInputDescribedBy, "aria-errormessage": dateStartErrorMessageId, "aria-invalid": dateStartIsInvalid, autoComplete: "off", disabled, status: (_b = validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateStart) === null || _b === void 0 ? void 0 : _b.status }, inputStartDateProps, { classNameOverride: classnames(styles$t.inputStartDate, inputStartDateProps.classNameOverride) })),
-      React.createElement(DateInput$1, __assign({ ref: inputEndDateRef, id: "".concat(id, "--to"), "aria-describedby": dateEndInputDescribedBy, "aria-errormessage": dateEndErrorMessageId, "aria-invalid": dateEndIsInvalid, autoComplete: "off", disabled, status: (_c = validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateEnd) === null || _c === void 0 ? void 0 : _c.status }, inputEndDateProps, { classNameOverride: classnames(styles$t.inputEndDate, inputEndDateProps.classNameOverride) }))
+      React.createElement(DateInput$1, __assign({ ref: inputStartDateRef, id: "".concat(id, "--from"), "aria-describedby": dateStartInputDescribedBy, "aria-errormessage": dateStartErrorMessageId, "aria-invalid": dateStartIsInvalid, autoComplete: "off", disabled, status: (_b = validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateStart) === null || _b === void 0 ? void 0 : _b.status }, inputStartDateProps, { classNameOverride: classnames(styles$y.inputStartDate, inputStartDateProps.classNameOverride) })),
+      React.createElement(DateInput$1, __assign({ ref: inputEndDateRef, id: "".concat(id, "--to"), "aria-describedby": dateEndInputDescribedBy, "aria-errormessage": dateEndErrorMessageId, "aria-invalid": dateEndIsInvalid, autoComplete: "off", disabled, status: (_c = validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateEnd) === null || _c === void 0 ? void 0 : _c.status }, inputEndDateProps, { classNameOverride: classnames(styles$y.inputEndDate, inputEndDateProps.classNameOverride) }))
     ),
     validationMessage && React.createElement(DateRangeValidationMessage, { validationMessage, isReversed, dateStartId: dateStartErrorMessageId, dateEndId: dateEndErrorMessageId }),
-    React.createElement(FieldMessage, { id: descriptionId, message: React.createElement(DateInputDescription, { description, locale }), reversed: isReversed, classNameOverride: disabled ? styles$t.disabled : void 0 })
+    React.createElement(FieldMessage, { id: descriptionId, message: React.createElement(DateInputDescription, { description, locale }), reversed: isReversed, classNameOverride: disabled ? styles$y.disabled : void 0 })
   );
 });
 DateRangeInputField.displayName = "DateRangeInputField";
@@ -4935,7 +5220,7 @@ var useStartDateValidation = function(args) {
   };
 };
 
-var styles$s = {"filterDateRangePickerField":"FilterDateRangePickerField-module_filterDateRangePickerField__1gCr0","dateRangeInputField":"FilterDateRangePickerField-module_dateRangeInputField__XFvb-"};
+var styles$x = {"filterDateRangePickerField":"FilterDateRangePickerField-module_filterDateRangePickerField__1gCr0","dateRangeInputField":"FilterDateRangePickerField-module_dateRangeInputField__XFvb-"};
 
 var FilterDateRangePickerField = function(_a) {
   var id = _a.id, label = _a.label, propsLocale = _a.locale, defaultMonth = _a.defaultMonth, selectedRange = _a.selectedRange, onRangeChange = _a.onRangeChange, disabledDays = _a.disabledDays, inputStartDateProps = _a.inputStartDateProps, inputEndDateProps = _a.inputEndDateProps, description = _a.description, validationMessage = _a.validationMessage, onValidate = _a.onValidate, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["id", "label", "locale", "defaultMonth", "selectedRange", "onRangeChange", "disabledDays", "inputStartDateProps", "inputEndDateProps", "description", "validationMessage", "onValidate", "classNameOverride"]);
@@ -5070,11 +5355,11 @@ var FilterDateRangePickerField = function(_a) {
   }, []);
   return React.createElement(
     "div",
-    __assign({ className: classnames(styles$s.filterDateRangePickerField, classNameOverride) }, restProps),
+    __assign({ className: classnames(styles$x.filterDateRangePickerField, classNameOverride) }, restProps),
     React.createElement(DateRangeInputField, { id: "".concat(id, "--input"), legend: label, inputStartDateProps: __assign(__assign({ labelText: inputStartDateLabel, value: state.inputStartValue }, inputStartDateProps), inputStartDateHandlers), inputEndDateProps: __assign(__assign({ labelText: inputEndDateLabel, value: state.inputEndValue }, inputEndDateProps), inputEndDateHandlers), locale, description, validationMessage: {
       dateStart: dateStartValidation.validationMessage,
       dateEnd: dateEndValidation.validationMessage
-    }, classNameOverride: styles$s.dateRangeInputField }),
+    }, classNameOverride: styles$x.dateRangeInputField }),
     React.createElement(CalendarRange, { disabled: disabledDays, locale, selected: {
       from: state.selectedStartDate,
       to: state.selectedEndDate
@@ -5184,7 +5469,7 @@ var useSelectionContext = function() {
 var SelectionConsumer = SelectionContext.Consumer;
 SelectionProvider.displayName = "SelectionProvider";
 
-var styles$r = {"listBox":"ListBox-module_listBox__UNOzJ","overflown":"ListBox-module_overflown__ATtxj","hidden":"ListBox-module_hidden__tQP6S","noResultsWrapper":"ListBox-module_noResultsWrapper__iJ-x6"};
+var styles$w = {"listBox":"ListBox-module_listBox__UNOzJ","overflown":"ListBox-module_overflown__ATtxj","hidden":"ListBox-module_hidden__tQP6S","noResultsWrapper":"ListBox-module_noResultsWrapper__iJ-x6"};
 
 var getItemsFromKeys = function(items, keys) {
   var itemKeys = Array.from(keys);
@@ -5193,7 +5478,7 @@ var getItemsFromKeys = function(items, keys) {
     return item ? __spreadArray(__spreadArray([], acc, true), [item], false) : acc;
   }, []);
 };
-var ListBox$1 = function(_a) {
+var ListBox = function(_a) {
   var children = _a.children;
   var _b = useSelectionContext(), listBoxProps = _b.listBoxProps, listRef = _b.listRef, selectionState = _b.selectionState;
   var _c = useState(false), isOverflown = _c[0], setIsOverflown = _c[1];
@@ -5232,17 +5517,17 @@ var ListBox$1 = function(_a) {
     return React.createElement(
       React.Fragment,
       null,
-      React.createElement("div", { className: styles$r.noResultsWrapper }, children(itemsState)),
-      React.createElement("ul", { ref: listRef, className: styles$r.hidden })
+      React.createElement("div", { className: styles$w.noResultsWrapper }, children(itemsState)),
+      React.createElement("ul", { ref: listRef, className: styles$w.hidden })
     );
   }
-  return React.createElement("ul", __assign({}, listBoxProps, { ref: listRef, className: classnames(styles$r.listBox, isOverflown && styles$r.overflown) }), children(itemsState));
+  return React.createElement("ul", __assign({}, listBoxProps, { ref: listRef, className: classnames(styles$w.listBox, isOverflown && styles$w.overflown) }), children(itemsState));
 };
-ListBox$1.displayName = "FilterMultiSelect.ListBox";
+ListBox.displayName = "FilterMultiSelect.ListBox";
 
-var styles$q = {"listBoxSection":"ListBoxSection-module_listBoxSection__zH8wd","listBoxSectionHeader":"ListBoxSection-module_listBoxSectionHeader__NcTZR"};
+var styles$v = {"listBoxSection":"ListBoxSection-module_listBoxSection__zH8wd","listBoxSectionHeader":"ListBoxSection-module_listBoxSectionHeader__NcTZR"};
 
-var ListBoxSection$1 = function(_a) {
+var ListBoxSection = function(_a) {
   var items = _a.items, children = _a.children, sectionName = _a.sectionName, restProps = __rest(_a, ["items", "children", "sectionName"]);
   var listSectionId = useState(v4())[0];
   var hasSectionHeader = "sectionHeader" in restProps;
@@ -5251,10 +5536,10 @@ var ListBoxSection$1 = function(_a) {
     { role: "presentation" },
     React.createElement(
       "ul",
-      { className: styles$q.listBoxSection, "aria-label": !hasSectionHeader ? sectionName : void 0, "aria-labelledby": hasSectionHeader ? listSectionId : void 0, role: "group" },
+      { className: styles$v.listBoxSection, "aria-label": !hasSectionHeader ? sectionName : void 0, "aria-labelledby": hasSectionHeader ? listSectionId : void 0, role: "group" },
       hasSectionHeader && React.createElement(
         "li",
-        { className: styles$q.listBoxSectionHeader, id: listSectionId, role: "presentation" },
+        { className: styles$v.listBoxSectionHeader, id: listSectionId, role: "presentation" },
         sectionName && React.createElement(
           VisuallyHidden,
           null,
@@ -5269,28 +5554,28 @@ var ListBoxSection$1 = function(_a) {
     )
   );
 };
-ListBoxSection$1.displayName = "ListBoxSection";
+ListBoxSection.displayName = "ListBoxSection";
 
-var styles$p = {"container":"LoadMoreButton-module_container__5VoUY"};
+var styles$u = {"container":"LoadMoreButton-module_container__5VoUY"};
 
 var LoadMoreButton = function(props) {
   return React.createElement(
     "div",
-    { className: styles$p.container },
+    { className: styles$u.container },
     React.createElement(Button, __assign({}, props, { fullWidth: true }))
   );
 };
 LoadMoreButton.displayName = "FilterMultiSelect.LoadMoreButton";
 
-var styles$o = {"footer":"MenuFooter-module_footer__EAJQH"};
+var styles$t = {"footer":"MenuFooter-module_footer__EAJQH"};
 
 var MenuFooter = function(_a) {
   var children = _a.children;
-  return React.createElement("div", { className: styles$o.footer }, children);
+  return React.createElement("div", { className: styles$t.footer }, children);
 };
 MenuFooter.displayName = "FilterMultiSelect.MenuFooter";
 
-var styles$n = {"loadingInput":"MenuLoadingSkeleton-module_loadingInput__XjXUs","loadingContainer":"MenuLoadingSkeleton-module_loadingContainer__Re0NU"};
+var styles$s = {"loadingInput":"MenuLoadingSkeleton-module_loadingInput__XjXUs","loadingContainer":"MenuLoadingSkeleton-module_loadingContainer__Re0NU"};
 
 var MenuLoadingSkeleton = function(_a) {
   var _b = _a.isAnimated, isAnimated = _b === void 0 ? false : _b;
@@ -5299,8 +5584,8 @@ var MenuLoadingSkeleton = function(_a) {
     null,
     React.createElement(
       "div",
-      { className: styles$n.loadingContainer },
-      React.createElement(LoadingInput, { classNameOverride: styles$n.loadingInput, isAnimated }),
+      { className: styles$s.loadingContainer },
+      React.createElement(LoadingInput, { classNameOverride: styles$s.loadingInput, isAnimated }),
       React.createElement(LoadingParagraph, { isAnimated }),
       React.createElement(LoadingParagraph, { isAnimated }),
       React.createElement(LoadingParagraph, { isAnimated }),
@@ -5317,7 +5602,7 @@ var MenuLoadingSkeleton = function(_a) {
 };
 MenuLoadingSkeleton.displayName = "FilterMultiSelect.MenuLoadingSkeleton";
 
-var styles$m = {"icon":"MultiSelectOption-module_icon__rmfL-","option":"MultiSelectOption-module_option__1vbfi","badge":"MultiSelectOption-module_badge__VbnQR","isFocused":"MultiSelectOption-module_isFocused__XhwMs","isDisabled":"MultiSelectOption-module_isDisabled__FKH9f","badgeContainer":"MultiSelectOption-module_badgeContainer__6Xw7E","isSelected":"MultiSelectOption-module_isSelected__dXmuK"};
+var styles$r = {"icon":"MultiSelectOption-module_icon__rmfL-","option":"MultiSelectOption-module_option__1vbfi","badge":"MultiSelectOption-module_badge__VbnQR","isFocused":"MultiSelectOption-module_isFocused__XhwMs","isDisabled":"MultiSelectOption-module_isDisabled__FKH9f","badgeContainer":"MultiSelectOption-module_badgeContainer__6Xw7E","isSelected":"MultiSelectOption-module_isSelected__dXmuK"};
 
 var MultiSelectOption = function(_a) {
   var _b, _c, _d;
@@ -5331,32 +5616,32 @@ var MultiSelectOption = function(_a) {
   }, []);
   return React.createElement(
     "li",
-    __assign({}, mergeProps(optionProps, focusProps), { ref, className: classnames(styles$m.option, classNameOverride, isSelected && styles$m.isSelected, isFocusVisible && styles$m.isFocusVisible, isDisabled && styles$m.isDisabled), "aria-label": (_b = item.value) === null || _b === void 0 ? void 0 : _b.label, "aria-describedby": ((_c = item.value) === null || _c === void 0 ? void 0 : _c.count) ? countElementId : void 0 }),
-    React.createElement("span", { className: classnames(styles$m.icon, isSelected && styles$m.isSelected) }, isSelected && React.createElement(CheckIcon, { role: "presentation" })),
+    __assign({}, mergeProps(optionProps, focusProps), { ref, className: classnames(styles$r.option, classNameOverride, isSelected && styles$r.isSelected, isFocusVisible && styles$r.isFocusVisible, isDisabled && styles$r.isDisabled), "aria-label": (_b = item.value) === null || _b === void 0 ? void 0 : _b.label, "aria-describedby": ((_c = item.value) === null || _c === void 0 ? void 0 : _c.count) ? countElementId : void 0 }),
+    React.createElement("span", { className: classnames(styles$r.icon, isSelected && styles$r.isSelected) }, isSelected && React.createElement(CheckIcon, { role: "presentation" })),
     item.rendered,
     ((_d = item.value) === null || _d === void 0 ? void 0 : _d.count) && React.createElement(
       "span",
-      { id: countElementId, className: styles$m.badgeContainer },
-      React.createElement(Badge, { classNameOverride: styles$m.badge }, item.value.count),
+      { id: countElementId, className: styles$r.badgeContainer },
+      React.createElement(Badge$1, { classNameOverride: styles$r.badge }, item.value.count),
       React.createElement(VisuallyHidden, null, " available")
     )
   );
 };
 MultiSelectOption.displayName = "FilterMultiSelect.Option";
 
-var styles$l = {"container":"NoResults-module_container__itPph"};
+var styles$q = {"container":"NoResults-module_container__itPph"};
 
 var NoResults = function(_a) {
   var children = _a.children, restProps = __rest(_a, ["children"]);
   return React.createElement(
     "div",
-    __assign({ className: styles$l.container }, restProps),
+    __assign({ className: styles$q.container }, restProps),
     React.createElement(Paragraph, { variant: "extra-small", color: "dark-reduced-opacity" }, children)
   );
 };
 NoResults.displayName = "FilterMultiSelect.NoResults";
 
-var styles$k = {"menuPopup":"MenuPopup-module_menuPopup__JlPk3"};
+var styles$p = {"menuPopup":"MenuPopup-module_menuPopup__JlPk3"};
 
 var MenuPopup = function(_a) {
   var isLoading = _a.isLoading, loadingSkeleton = _a.loadingSkeleton, children = _a.children;
@@ -5370,7 +5655,7 @@ var MenuPopup = function(_a) {
     isOpen: menuTriggerState.isOpen,
     isDismissable: true
   }, overlayRef).overlayProps;
-  return menuTriggerState.isOpen ? React.createElement("div", __assign({}, overlayProps, { ref: overlayRef, className: styles$k.menuPopup }), isLoading && loadingSkeleton ? React.createElement(
+  return menuTriggerState.isOpen ? React.createElement("div", __assign({}, overlayProps, { ref: overlayRef, className: styles$p.menuPopup }), isLoading && loadingSkeleton ? React.createElement(
     React.Fragment,
     null,
     React.createElement(DismissButton, { onDismiss: onClose }),
@@ -5429,7 +5714,7 @@ var Root = function(_a) {
 };
 Root.displayName = "FilterMultiSelect";
 
-var styles$j = {"wrapper":"InputSearch-module_wrapper__hs-4L","input":"InputSearch-module_input__dNBbc","hasEndIconAdornment":"InputSearch-module_hasEndIconAdornment__AbK33","focusRing":"InputSearch-module_focusRing__IjP-5","startIconAdornment":"InputSearch-module_startIconAdornment__80-z0","loadingSpinner":"InputSearch-module_loadingSpinner__JrFST","endIconAdornment":"InputSearch-module_endIconAdornment__mgwQC","disabled":"InputSearch-module_disabled__gA9sy","default":"InputSearch-module_default__9VM-U","secondary":"InputSearch-module_secondary__ndOXK","reversed":"InputSearch-module_reversed__v8hfk"};
+var styles$o = {"wrapper":"InputSearch-module_wrapper__xz4kh","input":"InputSearch-module_input__hCit3","hasEndIconAdornment":"InputSearch-module_hasEndIconAdornment__ZtGcu","focusRing":"InputSearch-module_focusRing__kDUuP","startIconAdornment":"InputSearch-module_startIconAdornment__Tc7Yx","loadingSpinner":"InputSearch-module_loadingSpinner__GIO1C","endIconAdornment":"InputSearch-module_endIconAdornment__lm-3h","disabled":"InputSearch-module_disabled__RizfW","default":"InputSearch-module_default__4d3Ek","secondary":"InputSearch-module_secondary__l68uD","reversed":"InputSearch-module_reversed__eS7Nr"};
 
 var InputSearch = function(props) {
   var value = props.value, onChange = props.onChange, onClear = props.onClear, classNameOverride = props.classNameOverride, disabled = props.disabled, _a = props.reversed, reversed = _a === void 0 ? false : _a, _b = props.loading, loading = _b === void 0 ? false : _b, _c = props.secondary, secondary = _c === void 0 ? false : _c, restProps = __rest(props, ["value", "onChange", "onClear", "classNameOverride", "disabled", "reversed", "loading", "secondary"]);
@@ -5441,16 +5726,16 @@ var InputSearch = function(props) {
   };
   return React.createElement(
     "div",
-    { className: classnames(styles$j.wrapper, secondary ? styles$j.secondary : styles$j["default"], reversed && styles$j.reversed, disabled && styles$j.disabled, value && styles$j.hasEndIconAdornment, classNameOverride) },
-    React.createElement("div", { className: styles$j.startIconAdornment }, loading ? React.createElement(LoadingSpinner, { accessibilityLabel: "", size: "sm", classNameOverride: styles$j.loadingSpinner }) : React.createElement(SearchIcon, { role: "presentation" })),
-    React.createElement("input", __assign({ ref: inputRef, type: "search", className: styles$j.input, disabled, value, onChange, readOnly: onChange === void 0 }, restProps)),
-    React.createElement("div", { className: styles$j.focusRing }),
-    value && React.createElement(ClearButton$1, { isReversed: reversed, onClick: handleOnClear, disabled, classNameOverride: styles$j.endIconAdornment, "aria-label": "clear search" })
+    { className: classnames(styles$o.wrapper, secondary ? styles$o.secondary : styles$o["default"], reversed && styles$o.reversed, disabled && styles$o.disabled, value && styles$o.hasEndIconAdornment, classNameOverride) },
+    React.createElement("div", { className: styles$o.startIconAdornment }, loading ? React.createElement(LoadingSpinner, { accessibilityLabel: "", size: "sm", classNameOverride: styles$o.loadingSpinner }) : React.createElement(SearchIcon, { role: "presentation" })),
+    React.createElement("input", __assign({ ref: inputRef, type: "search", className: styles$o.input, disabled, value, onChange, readOnly: onChange === void 0 }, restProps)),
+    React.createElement("div", { className: styles$o.focusRing }),
+    value && React.createElement(ClearButton$1, { isReversed: reversed, onClick: handleOnClear, disabled, classNameOverride: styles$o.endIconAdornment, "aria-label": "clear search" })
   );
 };
 InputSearch.displayName = "InputSearch";
 
-var styles$i = {"inputSearchContainer":"SearchInput-module_inputSearchContainer__2TCSY"};
+var styles$n = {"inputSearchContainer":"SearchInput-module_inputSearchContainer__2TCSY"};
 
 var SearchInput = function(_a) {
   var label = _a.label, id = _a.id, isLoading = _a.isLoading;
@@ -5466,23 +5751,23 @@ var SearchInput = function(_a) {
   }, [id]);
   return React.createElement(
     "div",
-    { className: styles$i.inputSearchContainer },
+    { className: styles$n.inputSearchContainer },
     React.createElement(InputSearch, { id: inputId, "aria-label": label !== null && label !== void 0 ? label : "Filter options by search query", secondary: true, placeholder: "Search\u2026", value: searchQuery, onChange: handleChange, onClear: handleClear, loading: isLoading })
   );
 };
 SearchInput.displayName = "FilterMultiSelect.SearchInput";
 
-var styles$h = {"divider":"SectionDivider-module_divider__zlsWs"};
+var styles$m = {"divider":"SectionDivider-module_divider__zlsWs"};
 
-var SectionDivider$1 = function() {
+var SectionDivider = function() {
   return React.createElement(
     "li",
-    { className: styles$h.divider, "aria-hidden": "true" },
-    React.createElement(Divider, { variant: "canvas" })
+    { className: styles$m.divider, "aria-hidden": "true" },
+    React.createElement(Divider$1, { variant: "canvas" })
   );
 };
 
-var styles$g = {"button":"SelectionControlButton-module_button__F6wec","isDisabled":"SelectionControlButton-module_isDisabled__lYOrG"};
+var styles$l = {"button":"SelectionControlButton-module_button__F6wec","isDisabled":"SelectionControlButton-module_isDisabled__lYOrG"};
 
 var ClearButton = function() {
   var selectionState = useSelectionContext().selectionState;
@@ -5493,7 +5778,7 @@ var ClearButton = function() {
   }));
   return React.createElement(
     "button",
-    { type: "button", className: classnames(styles$g.button, isDisabled && styles$g.isDisabled), "aria-disabled": isDisabled, onClick: function() {
+    { type: "button", className: classnames(styles$l.button, isDisabled && styles$l.isDisabled), "aria-disabled": isDisabled, onClick: function() {
       !isDisabled && selectionState.selectionManager.setSelectedKeys(selectedOptions.filter(function(option) {
         return !filteredOptions.includes(option);
       }));
@@ -5511,7 +5796,7 @@ var SelectAllButton = function() {
   var filteredOptions = Array.from(selectionState.collection.getKeys()).filter(function(key) {
     return !disabledOptions.includes(key);
   });
-  return React.createElement("button", { type: "button", className: classnames(styles$g.button, selectionState.selectionManager.isSelectAll && styles$g.isDisabled), "aria-disabled": selectionState.selectionManager.isSelectAll, onClick: function() {
+  return React.createElement("button", { type: "button", className: classnames(styles$l.button, selectionState.selectionManager.isSelectAll && styles$l.isDisabled), "aria-disabled": selectionState.selectionManager.isSelectAll, onClick: function() {
     return !selectionState.selectionManager.isSelectAll && selectionState.selectionManager.setSelectedKeys(__spreadArray(__spreadArray([], selectedOptions, true), filteredOptions, true));
   } }, "Select all");
 };
@@ -5586,9 +5871,9 @@ var FilterMultiSelect = Object.assign(Root, {
   TriggerButton: FilterTriggerButton,
   RemovableTrigger: RemovableFilterTrigger,
   SearchInput,
-  ListBox: ListBox$1,
-  ListBoxSection: ListBoxSection$1,
-  SectionDivider: SectionDivider$1,
+  ListBox,
+  ListBoxSection,
+  SectionDivider,
   Option: MultiSelectOption,
   SelectAllButton,
   ClearButton,
@@ -5667,141 +5952,16 @@ var FilterBarMultiSelect = function(_a) {
 };
 FilterBarMultiSelect.displayName = "FilterBar.MultiSelect";
 
-var SelectContext = React.createContext(null);
-var useSelectContext = function() {
-  var context = useContext(SelectContext);
-  if (!context) {
-    throw new Error("useSelectContext must be used within the SelectContext.Provider");
-  }
-  return context;
-};
-var SelectProvider = function(_a) {
-  var children = _a.children, state = _a.state;
-  return React.createElement(SelectContext.Provider, { value: { state } }, children);
-};
-
-var styles$f = {"listBox":"ListBox-module_listBox__FQ9sQ","focus":"ListBox-module_focus__Tm-jn"};
-
-var ListBox = function(_a) {
-  var children = _a.children, menuProps = _a.menuProps, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "menuProps", "classNameOverride"]);
-  var state = useSelectContext().state;
-  var ref = React.useRef(null);
-  var listBoxProps = useListBox(__assign(__assign({}, menuProps), { disallowEmptySelection: true, autoFocus: "first" }), state, ref).listBoxProps;
-  return React.createElement("ul", __assign({ ref, className: classnames(styles$f.listBox, classNameOverride) }, listBoxProps, restProps), children);
-};
-ListBox.displayName = "ListBox";
-
-var styles$e = {"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 = __rest(_a, ["item", "classNameOverride"]);
-  var state = useSelectContext().state;
-  var ref = React.useRef(null);
-  var _b = useOption({ key: item.key }, state, ref), optionProps = _b.optionProps, isSelected = _b.isSelected, isDisabled = _b.isDisabled;
-  var _c = useFocusRing(), isFocusVisible = _c.isFocusVisible, focusProps = _c.focusProps;
-  return React.createElement(
-    "li",
-    __assign({}, mergeProps(optionProps, focusProps, props), { ref, className: classnames(styles$e.option, isSelected && styles$e.isSelected, isFocusVisible && styles$e.isFocusVisible, isDisabled && styles$e.disabled, classNameOverride), "aria-label": item.textValue }),
-    item.rendered,
-    React.createElement("span", { className: classnames(styles$e.icon, isSelected && styles$e.isSelected) }, isSelected && React.createElement(CheckIcon, { inheritSize: true, role: "presentation" }))
-  );
-};
-Option.displayName = "Option";
-
-var styles$d = {"sectionWrapper":"ListBoxSection-module_sectionWrapper__NYQwa","sectionHeading":"ListBoxSection-module_sectionHeading__KiOi1","sectionList":"ListBoxSection-module_sectionList__xiPZY"};
-
-var ListBoxSection = function(_a) {
-  var section = _a.section;
-  var _b = useListBoxSection({
-    heading: section.rendered,
-    "aria-label": section["aria-label"]
-  }), itemProps = _b.itemProps, headingProps = _b.headingProps, groupProps = _b.groupProps;
-  return React.createElement(
-    React.Fragment,
-    null,
-    React.createElement(
-      "li",
-      __assign({}, itemProps, { className: styles$d.sectionWrapper }),
-      section.rendered && React.createElement(Heading, __assign({ tag: "span", variant: "heading-6" }, headingProps, { classNameOverride: styles$d.sectionHeading }), section.rendered),
-      React.createElement("ul", __assign({}, groupProps, { className: styles$d.sectionList }), Array.from(section.childNodes).map(function(item) {
-        return React.createElement(Option, { key: item.key, item });
-      }))
-    )
-  );
-};
-ListBoxSection.displayName = "ListBoxSection";
-
-var ListItem = function(_a) {
-  var item = _a.item;
-  return item.type === "section" ? React.createElement(ListBoxSection, { key: item.key, section: item }) : React.createElement(Option, { key: item.key, item });
-};
-ListItem.displayName = "ListItem";
-
-var ListItems = function(_a) {
-  var items = _a.items;
-  return React.createElement(React.Fragment, null, items.map(function(item) {
-    return React.createElement(ListItem, { key: item.key, item });
-  }));
-};
-ListItems.displayName = "ListItems";
-
-var Overlay = function(_a) {
-  var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "classNameOverride"]);
-  var state = useSelectContext().state;
-  var overlayRef = React.useRef(null);
-  var overlayProps = useOverlay({ isDismissable: true, isOpen: state.isOpen, onClose: state.close }, overlayRef).overlayProps;
-  return React.createElement(
-    "div",
-    __assign({ ref: overlayRef, className: classNameOverride }, overlayProps, restProps),
-    React.createElement(
-      FocusScope,
-      { contain: true, autoFocus: true, restoreFocus: true },
-      React.createElement(DismissButton, { onDismiss: state.close }),
-      children,
-      React.createElement(DismissButton, { onDismiss: state.close })
-    )
-  );
-};
-Overlay.displayName = "Overlay";
-
-var styles$c = {"divider":"SectionDivider-module_divider__-idrC"};
-
-var SectionDivider = function() {
-  return React.createElement(Divider, { classNameOverride: styles$c.divider, variant: "canvas" });
-};
-SectionDivider.displayName = "SectionDivider";
-
-var isSelectOptionGroup = function(item) {
-  return item.hasOwnProperty("options") && Array.isArray(item.options);
-};
-
-var transformSelectItemToCollectionElement = function(item) {
-  return isSelectOptionGroup(item) ? React.createElement(Section, { key: item.label, title: item.label, items: item.options }, function(child) {
-    return React.createElement(Item, { key: child.value }, child.label);
-  }) : React.createElement(Item, { key: item.value }, item.label);
-};
-
-var styles$b = {"filterContents":"FilterSelect-module_filterContents__2LknZ"};
+var styles$k = {"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, selectedKey = _a.selectedKey, restProps = __rest(_a, ["isOpen", "setIsOpen", "renderTrigger", "label", "children", "items", "classNameOverride", "selectedKey"]);
   var _b = useState({ current: null }), triggerRef = _b[0], setTriggerRef = _b[1];
-  var disabledKeys = items.reduce(function(acc, item) {
-    if (isSelectOptionGroup(item)) {
-      var keys = Array.from(item.options).filter(function(groupItem) {
-        return groupItem.disabled;
-      }).map(function(disabledItems) {
-        return disabledItems.value;
-      });
-      return __spreadArray(__spreadArray([], acc, true), keys, true);
-    }
-    return item.disabled ? __spreadArray(__spreadArray([], acc, true), [item.value], false) : acc;
-  }, []);
+  var disabledKeys = getDisabledKeysFromItems(items);
   var ariaSelectProps = __assign({ label, items, children: transformSelectItemToCollectionElement, isOpen, onOpenChange: setIsOpen, disabledKeys, selectedKey: typeof selectedKey === "number" ? selectedKey.toString() : selectedKey }, restProps);
   var state = useSelectState(ariaSelectProps);
   var _c = useSelect(ariaSelectProps, state, triggerRef), triggerProps = _c.triggerProps, menuProps = _c.menuProps;
   var buttonProps = useButton(triggerProps, triggerRef).buttonProps;
-  var itemNodes = Array.from(state.collection);
   return React.createElement(
     React.Fragment,
     null,
@@ -5814,23 +5974,19 @@ var FilterSelect = function(_a) {
       }, onMount: setTriggerRef, classNameOverride },
       React.createElement(
         FilterContents,
-        { classNameOverride: styles$b.filterContents },
+        { classNameOverride: styles$k.filterContents },
         React.createElement(
           SelectProvider,
           { state },
-          React.createElement(
-            Overlay,
-            null,
-            React.createElement(ListBox, { menuProps }, children ? children({ items: itemNodes }) : React.createElement(ListItems, { items: itemNodes }))
-          )
+          React.createElement(SelectPopoverContents, { menuProps }, children)
         )
       )
     )
   );
 };
 FilterSelect.displayName = "FilterSelect";
-FilterSelect.Section = ListBoxSection;
-FilterSelect.SectionDivider = SectionDivider;
+FilterSelect.Section = ListBoxSection$1;
+FilterSelect.SectionDivider = SectionDivider$1;
 FilterSelect.Option = Option;
 FilterSelect.ItemDefaultRender = ListItem;
 
@@ -5883,25 +6039,25 @@ var AddFiltersMenu = function() {
 };
 AddFiltersMenu.displayName = "FilterBar.AddFiltersMenu";
 
-var styles$a = {"clearAllButton":"ClearAllButton-module_clearAllButton__luhgk"};
+var styles$j = {"clearAllButton":"ClearAllButton-module_clearAllButton__luhgk"};
 
 var ClearAllButton = function() {
   var clearAllFilters = useFilterBarContext().clearAllFilters;
-  return React.createElement(Button, { label: "Clear all", "aria-label": "Clear all filters", classNameOverride: styles$a.clearAllButton, secondary: true, onClick: clearAllFilters });
+  return React.createElement(Button, { label: "Clear all", "aria-label": "Clear all filters", classNameOverride: styles$j.clearAllButton, secondary: true, onClick: clearAllFilters });
 };
 ClearAllButton.displayName = "FilterBar.ClearAllButton";
 
-var styles$9 = {"filterBar":"FilterBar-module_filterBar__qMeNj","filtersContainer":"FilterBar-module_filtersContainer__AlFGD"};
+var styles$i = {"filterBar":"FilterBar-module_filterBar__qMeNj","filtersContainer":"FilterBar-module_filtersContainer__AlFGD"};
 
 var FilterBar = function(_a) {
   var filters = _a.filters, classNameOverride = _a.classNameOverride, providerProps = __rest(_a, ["filters", "classNameOverride"]);
   return React.createElement(FilterBarProvider, __assign({ filters }, providerProps), function(activeFilters) {
     return React.createElement(
       "div",
-      { className: classnames(styles$9.filterBar, classNameOverride) },
+      { className: classnames(styles$i.filterBar, classNameOverride) },
       React.createElement(
         "div",
-        { className: styles$9.filtersContainer },
+        { className: styles$i.filtersContainer },
         Object.values(activeFilters).map(function(_a2) {
           var id = _a2.id, Component = _a2.Component;
           return (
@@ -5925,6 +6081,93 @@ FilterBar.DateRangePicker = FilterBarDateRangePicker;
 FilterBar.MultiSelect = FilterBarMultiSelect;
 FilterBar.Select = FilterBarSelect;
 
+var styles$h = {"heading":"Heading-module_heading__Gq6I8","display-0":"Heading-module_display-0__yZ7rx","heading-1":"Heading-module_heading-1__PbAcw","heading-2":"Heading-module_heading-2__Ovpfe","heading-3":"Heading-module_heading-3__S4Pb1","heading-4":"Heading-module_heading-4__IIiwi","heading-5":"Heading-module_heading-5__QFtpN","heading-6":"Heading-module_heading-6__kts--","dark":"Heading-module_dark__IqcnT","dark-reduced-opacity":"Heading-module_dark-reduced-opacity__i-JqI","white":"Heading-module_white__mUqRT","white-reduced-opacity":"Heading-module_white-reduced-opacity__y1wq8","positive":"Heading-module_positive__mBS79","small":"Heading-module_small__qupiD","large":"Heading-module_large__cB-V3","negative":"Heading-module_negative__Q4byH"};
+
+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"]);
+  var inferredTag = tag === void 0 ? translateHeadingLevelToTag(variant) : tag;
+  var className = classnames(styles$h.heading, styles$h[variant], classNameOverride, styles$h[color], VARIANTS_24PX_OR_GREATER.includes(variant) ? styles$h.large : styles$h.small);
+  return createElement(inferredTag, __assign(__assign({}, restProps), { className }), children);
+};
+Heading.displayName = "Heading";
+var translateHeadingLevelToTag = function(headingLevel) {
+  switch (headingLevel) {
+    case "display-0":
+    case "heading-1":
+      return "h1";
+    case "heading-2":
+      return "h2";
+    case "heading-3":
+      return "h3";
+    case "heading-4":
+      return "h4";
+    case "heading-5":
+      return "h5";
+    case "heading-6":
+    default:
+      return "h6";
+  }
+};
+
+var styles$g = {"wrapper":"Input-module_wrapper__9jBDN","hasStatus":"Input-module_hasStatus__GjERD","input":"Input-module_input__d-Moh","disabled":"Input-module_disabled__CJeOi","reversed":"Input-module_reversed__Kh7dc","focusRing":"Input-module_focusRing__E68jh","withStartIconAdornment":"Input-module_withStartIconAdornment__de6-U","startIconAdornment":"Input-module_startIconAdornment__pnn-b","withDisabled":"Input-module_withDisabled__pzzCm","withEndIconAdornment":"Input-module_withEndIconAdornment__fSBPl","endIconAdornment":"Input-module_endIconAdornment__bg-PL","withReversed":"Input-module_withReversed__SKSOD","default":"Input-module_default__zata3","error":"Input-module_error__a-BFh","caution":"Input-module_caution__rC0sY"};
+
+var Input = function(_a) {
+  var inputRef = _a.inputRef, _b = _a.status, status = _b === void 0 ? "default" : _b, startIconAdornment = _a.startIconAdornment, endIconAdornment = _a.endIconAdornment, _c = _a.reversed, reversed = _c === void 0 ? false : _c, _d = _a.type, type = _d === void 0 ? "text" : _d, value = _a.value, defaultValue = _a.defaultValue, classNameOverride = _a.classNameOverride, disabled = _a.disabled, restProps = __rest(_a, ["inputRef", "status", "startIconAdornment", "endIconAdornment", "reversed", "type", "value", "defaultValue", "classNameOverride", "disabled"]);
+  return React.createElement(
+    "div",
+    { className: classnames(styles$g.wrapper, reversed && styles$g.withReversed, disabled && styles$g.withDisabled, startIconAdornment && styles$g.withStartIconAdornment, endIconAdornment && styles$g.withEndIconAdornment, status != "default" && styles$g.hasStatus) },
+    startIconAdornment && React.createElement("div", { className: styles$g.startIconAdornment }, startIconAdornment),
+    React.createElement("input", __assign({ ref: inputRef, type, value, defaultValue, disabled, className: classnames(styles$g.input, styles$g[status], classNameOverride, reversed ? styles$g.reversed : styles$g["default"], disabled && styles$g.disabled) }, restProps)),
+    React.createElement("div", { className: styles$g.focusRing }),
+    endIconAdornment && React.createElement("div", { className: styles$g.endIconAdornment }, endIconAdornment)
+  );
+};
+Input.displayName = "Input";
+
+var styles$f = {"ratingScaleRange":"InputRange-module_ratingScaleRange__gI-rs","disabled":"InputRange-module_disabled__LCaIN","hideThumb":"InputRange-module_hideThumb__oscfB","spokes":"InputRange-module_spokes__UFu4A","spokeContainer":"InputRange-module_spokeContainer__i6epK","spoke":"InputRange-module_spoke__k4Hzh","labelsContainer":"InputRange-module_labelsContainer__H-cPY","sliderLabels":"InputRange-module_sliderLabels__qpYBv"};
+
+var InputRange = function(_a) {
+  var id = _a.id, defaultValue = _a.defaultValue, value = _a.value, minLabel = _a.minLabel, maxLabel = _a.maxLabel, _b = _a.min, min = _b === void 0 ? 1 : _b, _c = _a.max, max = _c === void 0 ? 10 : _c, onChange = _a.onChange, ariaDescribedby = _a["aria-describedby"], classNameOverride = _a.classNameOverride, disabled = _a.disabled, readOnly = _a.readOnly, restProps = __rest(_a, ["id", "defaultValue", "value", "minLabel", "maxLabel", "min", "max", "onChange", "aria-describedby", "classNameOverride", "disabled", "readOnly"]);
+  var _d = useState(0.5), step = _d[0], setStep = _d[1];
+  var visuallyHiddenHintId = "".concat(id, "-helper");
+  var readOnlyWithNoValue = readOnly && !value && !defaultValue;
+  var defaultValueWithDefault = defaultValue || (max + 1) / 2;
+  return React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("input", __assign({ id, className: classnames(styles$f.ratingScaleRange, classNameOverride, readOnlyWithNoValue && styles$f.hideThumb, disabled && styles$f.disabled), disabled: disabled || readOnly, type: "range", min, max, step, defaultValue: value ? void 0 : defaultValueWithDefault, value, "aria-valuenow": value, "aria-valuemin": min, "aria-valuemax": max, "aria-describedby": "".concat(visuallyHiddenHintId, " ").concat(ariaDescribedby ? ariaDescribedby : ""), onChange: function(e) {
+      setStep(1);
+      onChange === null || onChange === void 0 ? void 0 : onChange(e);
+    } }, restProps)),
+    React.createElement("div", { className: classnames(styles$f.spokes, disabled && styles$f.disabled) }, __spreadArray([], Array(max), true).map(function(_, index) {
+      return React.createElement(
+        "div",
+        { key: "".concat(id, "-spoke-").concat(index), className: styles$f.spokeContainer },
+        React.createElement("div", { className: styles$f.spoke })
+      );
+    })),
+    React.createElement(
+      VisuallyHidden,
+      { id: visuallyHiddenHintId },
+      min,
+      " is ",
+      minLabel,
+      ", ",
+      max,
+      " is ",
+      maxLabel
+    ),
+    React.createElement("div", { className: styles$f.labelsContainer }, !readOnlyWithNoValue && React.createElement(
+      "div",
+      { className: classnames(styles$f.sliderLabels, disabled && styles$f.disabled) },
+      React.createElement(Text, { variant: "small", color: "dark-reduced-opacity", tag: "span" }, minLabel),
+      React.createElement(Text, { variant: "small", color: "dark-reduced-opacity", tag: "span" }, maxLabel)
+    ))
+  );
+};
+InputRange.displayName = "InputRange";
+
 var OptionalIntlProvider = function(_a) {
   var locale = _a.locale, children = _a.children;
   var parent = useContext(IntlContext);
@@ -6360,6 +6603,230 @@ var KaizenProvider = function(_a) {
 };
 KaizenProvider.displayName = "KaizenProvider";
 
+var styles$e = {"notification":"GenericNotification-module_notification__WthrT","inline":"GenericNotification-module_inline__XWL5F","toast":"GenericNotification-module_toast__5pPAJ","global":"GenericNotification-module_global__0zTH5","positive":"GenericNotification-module_positive__Cpxfz","informative":"GenericNotification-module_informative__tVox9","cautionary":"GenericNotification-module_cautionary__fNb5k","security":"GenericNotification-module_security__Z5WpF","negative":"GenericNotification-module_negative__8mWmU","hidden":"GenericNotification-module_hidden__tAZ7q","noBottomMargin":"GenericNotification-module_noBottomMargin__tx-mx","persistent":"GenericNotification-module_persistent__zKpKk","subtle":"GenericNotification-module_subtle__u7kYc","icon":"GenericNotification-module_icon__vrgmL","textContainer":"GenericNotification-module_textContainer__pySLY","forceMultiline":"GenericNotification-module_forceMultiline__Ld6IZ","title":"GenericNotification-module_title__vQYoU","text":"GenericNotification-module_text__2vI-l","cancel":"GenericNotification-module_cancel__hKw5M","disabled":"GenericNotification-module_disabled__eV3I-","hover":"GenericNotification-module_hover__Q2-P-","active":"GenericNotification-module_active__F6v29","cancelLabel":"GenericNotification-module_cancelLabel__D7Uo6","notificationTitle":"GenericNotification-module_notificationTitle__WuUc1"};
+
+var renderIcon = function(type) {
+  switch (type) {
+    case "positive":
+      return React.createElement(SuccessIcon, { role: "presentation", inheritSize: true });
+    case "negative":
+      return React.createElement(ExclamationIcon, { role: "presentation", inheritSize: true });
+    case "cautionary":
+      return React.createElement(CautionIcon, { role: "presentation", inheritSize: true });
+    case "informative":
+      return React.createElement(InformationIcon, { role: "presentation", inheritSize: true });
+    case "security":
+      return React.createElement(SecurityTipIcon, { role: "presentation", inheritSize: true });
+    default:
+      return React.createElement(InformationIcon, { role: "presentation", inheritSize: true });
+  }
+};
+var GenericNotification = (
+  /** @class */
+  function(_super) {
+    __extends(GenericNotification2, _super);
+    function GenericNotification2(props) {
+      var _this = _super.call(this, props) || this;
+      _this.state = {
+        hidden: true,
+        removed: false
+      };
+      _this.containerRef = React.createRef();
+      _this.hide = _this.hide.bind(_this);
+      _this.onTransitionEnd = _this.onTransitionEnd.bind(_this);
+      return _this;
+    }
+    GenericNotification2.prototype.componentDidMount = function() {
+      var _this = this;
+      requestAnimationFrame(function() {
+        if (_this.containerRef.current) {
+          _this.setState({ hidden: false });
+        }
+      });
+    };
+    GenericNotification2.prototype.render = function() {
+      if (this.state.removed) {
+        return null;
+      }
+      return React.createElement(
+        "div",
+        { className: this.className(), style: { marginTop: this.marginTop() }, ref: this.containerRef, onTransitionEnd: this.onTransitionEnd },
+        React.createElement("div", { className: styles$e.icon }, renderIcon(this.props.type)),
+        React.createElement(
+          "div",
+          { className: this.textContainerClassName() },
+          this.props.style !== "global" && React.createElement(NotificationHeading, { titleProp: this.props.title, headingProps: this.props.headingProps }),
+          this.props.children && React.createElement("div", { className: styles$e.text }, this.props.children)
+        ),
+        !this.props.persistent && React.createElement(CancelButton, { onClick: this.hide })
+      );
+    };
+    GenericNotification2.prototype.className = function() {
+      return classnames(styles$e.notification, styles$e[this.props.type], styles$e[this.props.style], this.state.hidden && styles$e.hidden, this.props.noBottomMargin && styles$e.noBottomMargin, this.props.classNameOverride, this.props.persistent && styles$e.persistent);
+    };
+    GenericNotification2.prototype.textContainerClassName = function() {
+      return classnames(styles$e.textContainer, this.props.forceMultiline && styles$e.forceMultiline);
+    };
+    GenericNotification2.prototype.marginTop = function() {
+      if (this.state.hidden && this.containerRef.current) {
+        return -this.containerRef.current.clientHeight + "px";
+      }
+      return "0";
+    };
+    GenericNotification2.prototype.onTransitionEnd = function(e) {
+      if (this.state.hidden && e.propertyName === "margin-top") {
+        this.setState({ removed: true });
+        if (this.props.onHide) {
+          this.props.onHide();
+        }
+      }
+    };
+    GenericNotification2.prototype.hide = function() {
+      this.setState({ hidden: true });
+    };
+    GenericNotification2.defaultProps = {
+      persistent: false
+    };
+    return GenericNotification2;
+  }(React.Component)
+);
+var CancelButton = function(_a) {
+  var onClick = _a.onClick;
+  return React.createElement(
+    "button",
+    { className: styles$e.cancel, type: "button", onClick, "data-testid": "close-button", "aria-label": "Close notification" },
+    React.createElement(CloseIcon, { role: "presentation" })
+  );
+};
+var NotificationHeading = function(_a) {
+  var titleProp = _a.titleProp, headingProps = _a.headingProps;
+  if (headingProps) {
+    return React.createElement(Heading$1, { variant: headingProps.variant || "heading-6", tag: headingProps.tag || "div", color: headingProps.color || "dark", classNameOverride: styles$e.notificationTitle }, headingProps.children);
+  } else if (titleProp) {
+    return React.createElement(Heading$1, { variant: "heading-6", tag: "div", color: "dark", classNameOverride: styles$e.notificationTitle }, titleProp);
+  } else
+    return null;
+};
+
+var InlineNotification = function(_a) {
+  var isSubtle = _a.isSubtle, _b = _a.hideCloseIcon, hideCloseIcon = _b === void 0 ? false : _b, _c = _a.persistent, persistent = _c === void 0 ? false : _c, classNameOverride = _a.classNameOverride, otherProps = __rest(_a, ["isSubtle", "hideCloseIcon", "persistent", "classNameOverride"]);
+  return React.createElement(GenericNotification, __assign({ style: "inline", persistent: persistent || hideCloseIcon, classNameOverride: classnames(classNameOverride, [
+    isSubtle && styles$e.subtle
+  ]) }, otherProps));
+};
+InlineNotification.displayName = "InlineNotification";
+
+var GlobalNotification = function(_a) {
+  var _b = _a.persistent, persistent = _b === void 0 ? false : _b, props = __rest(_a, ["persistent"]);
+  return React.createElement(GenericNotification, __assign({ persistent, style: "global" }, props));
+};
+GlobalNotification.displayName = "GlobalNotification";
+
+var styles$d = {"radioInput":"Radio-module_radioInput__-zPUZ","icon":"Radio-module_icon__ihSP3","reversed":"Radio-module_reversed__pfCrF","box":"Radio-module_box__nEGD7"};
+
+var renderSelected = function(selectedStatus, reversed) {
+  if (selectedStatus) {
+    return React.createElement("div", { className: classnames(styles$d.icon, reversed && styles$d.reversed) });
+  }
+  return;
+};
+var Radio = function(_a) {
+  var name = _a.name, value = _a.value, _b = _a.selectedStatus, selectedStatus = _b === void 0 ? false : _b, _c = _a.reversed, reversed = _c === void 0 ? false : _c, onChange = _a.onChange, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["name", "value", "selectedStatus", "reversed", "onChange", "classNameOverride"]);
+  return (
+    // @todo: Move classNameOverride to span
+    React.createElement(
+      "span",
+      null,
+      React.createElement("input", __assign({ type: "radio", name, value, checked: selectedStatus, className: classnames(styles$d.radioInput, classNameOverride, reversed && styles$d.reversed), onChange, readOnly: onChange === void 0 }, restProps)),
+      React.createElement("span", { className: classnames(styles$d.box, reversed && styles$d.reversed) }, renderSelected(selectedStatus, reversed))
+    )
+  );
+};
+Radio.displayName = "Radio";
+
+var styles$c = {"container":"RadioField-module_container__r6T25","selected":"RadioField-module_selected__kdlz8","reversed":"RadioField-module_reversed__EX79j"};
+
+var RadioField = function(_a) {
+  var propsId = _a.id, labelText = _a.labelText, _b = _a.selectedStatus, selectedStatus = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.reversed, reversed = _d === void 0 ? false : _d, classNameOverride = _a.classNameOverride, dataTestId = _a["data-testid"], restProps = __rest(_a, ["id", "labelText", "selectedStatus", "disabled", "reversed", "classNameOverride", "data-testid"]);
+  var id = propsId !== null && propsId !== void 0 ? propsId : useId();
+  return React.createElement(
+    "div",
+    { "data-testid": dataTestId, className: classnames(styles$c.container, classNameOverride, selectedStatus && styles$c.selected, reversed && styles$c.reversed) },
+    React.createElement(
+      Label,
+      { "data-testid": "".concat(id, "-field-label"), id: "".concat(id, "-field-label"), htmlFor: id, labelText, labelType: "radio", disabled, reversed },
+      React.createElement(Radio, __assign({ "data-testid": "".concat(id, "-radio-input"), id, disabled, reversed, selectedStatus }, restProps))
+    )
+  );
+};
+RadioField.displayName = "RadioField";
+
+var styles$b = {"radioGroupLabel":"RadioGroup-module_radioGroupLabel__wIl4z","reversed":"RadioGroup-module_reversed__VeBun","radioGroupContainer":"RadioGroup-module_radioGroupContainer__NKWpt","noBottomMargin":"RadioGroup-module_noBottomMargin__VKF2T"};
+
+var RadioGroup = function(_a) {
+  var children = _a.children, propsLabelId = _a.labelId, labelText = _a.labelText, _b = _a.noBottomMargin, noBottomMargin = _b === void 0 ? false : _b, _c = _a.reversed, reversed = _c === void 0 ? false : _c, classNameOverride = _a.classNameOverride, dataTestId = _a["data-testId"], restProps = __rest(_a, ["children", "labelId", "labelText", "noBottomMargin", "reversed", "classNameOverride", "data-testId"]);
+  var labelId = propsLabelId !== null && propsLabelId !== void 0 ? propsLabelId : useId();
+  return React.createElement(
+    "div",
+    __assign({ "data-testId": dataTestId, className: classnames(styles$b.radioGroupContainer, classNameOverride, noBottomMargin && styles$b.noBottomMargin, reversed && styles$b.reversed), role: "radiogroup", "aria-labelledby": labelId }, restProps),
+    React.createElement(
+      "div",
+      { className: styles$b.radioGroupLabel },
+      React.createElement(Label, { id: labelId, "data-testId": dataTestId && "".concat(dataTestId, "-field-label"), labelText, labelType: "text", reversed })
+    ),
+    children
+  );
+};
+RadioGroup.displayName = "RadioGroup";
+
+var styles$a = {"label":"SearchField-module_label__NxYfn"};
+
+var SearchField = function(_a) {
+  var propsId = _a.id, labelText = _a.labelText, disabled = _a.disabled, _b = _a.reversed, reversed = _b === void 0 ? false : _b, _c = _a.secondary, secondary = _c === void 0 ? false : _c, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["id", "labelText", "disabled", "reversed", "secondary", "classNameOverride"]);
+  var showVisibleLabel = !secondary;
+  var id = useState(propsId || v4())[0];
+  return React.createElement(
+    "div",
+    { className: classNameOverride },
+    showVisibleLabel && React.createElement(Label, { htmlFor: id, labelText, reversed, disabled, classNameOverride: styles$a.label }),
+    React.createElement(InputSearch, __assign({ "aria-label": !showVisibleLabel ? labelText : void 0, id, disabled, reversed, secondary }, restProps))
+  );
+};
+SearchField.displayName = "SearchField";
+
+var styles$9 = {"wrapper":"Slider-module_wrapper__zVX6g","labelWrapper":"Slider-module_labelWrapper__WuUIw","labelInline":"Slider-module_labelInline__zjINd","inputWrapper":"Slider-module_inputWrapper__n16yj","descriptionDisabled":"Slider-module_descriptionDisabled__8GwiS","readOnlyMessage":"Slider-module_readOnlyMessage__Zscoa"};
+
+var Slider = function(_a) {
+  var propsId = _a.id, labelText = _a.labelText, description = _a.description, _b = _a.labelPosition, labelPosition = _b === void 0 ? "inline" : _b, _c = _a.variant, variant = _c === void 0 ? "default" : _c, disabled = _a.disabled, readOnlyMessage = _a.readOnlyMessage, restProps = __rest(_a, ["id", "labelText", "description", "labelPosition", "variant", "disabled", "readOnlyMessage"]);
+  var id = propsId !== null && propsId !== void 0 ? propsId : useId();
+  var descriptionId = "".concat(id, "-description");
+  return React.createElement(
+    FieldGroup,
+    { inline: true },
+    React.createElement(
+      "div",
+      { className: classnames(styles$9.wrapper, labelPosition === "inline" && styles$9.labelInline) },
+      React.createElement(
+        "div",
+        { className: styles$9.labelWrapper },
+        React.createElement(
+          "div",
+          { className: "mb-4" },
+          React.createElement(Label, { htmlFor: id, labelText, variant, disabled })
+        ),
+        description && React.createElement(Text, { variant: "small", id: descriptionId, classNameOverride: disabled ? styles$9.descriptionDisabled : void 0 }, description)
+      ),
+      React.createElement(
+        "div",
+        { className: styles$9.inputWrapper },
+        React.createElement(InputRange, __assign({ id, "aria-describedby": descriptionId, disabled }, restProps)),
+        readOnlyMessage && React.createElement("div", { className: styles$9.readOnlyMessage }, readOnlyMessage)
+      )
+    )
+  );
+};
+Slider.displayName = "Slider";
+
 var styles$8 = {"footerRoot":"FooterRoot-module_footerRoot__bvMSa"};
 
 var FooterRoot = function(_a) {
@@ -6461,10 +6928,10 @@ var Titles = function(_a) {
     "div",
     __assign({ className: styles$5.titles }, restProps),
     React.createElement(
-      Heading,
+      Heading$1,
       { variant: "heading-1", tag: "h1", color: "dark", classNameOverride: styles$5.pageTitle },
       React.createElement(
-        Heading,
+        Heading$1,
         { classNameOverride: styles$5.prefix, variant: "heading-6", tag: "span", color: "dark-reduced-opacity" },
         workflowName,
         React.createElement("span", { className: "sr-only" }, ":")
@@ -6498,7 +6965,7 @@ var Branding = function(_a) {
   return React.createElement(
     "div",
     { className: styles$3.branding },
-    React.createElement(Brand, { classNameOverride: styles$3.logo, variant, alt })
+    React.createElement(Brand$1, { classNameOverride: styles$3.logo, variant, alt })
   );
 };
 Branding.displayName = "Workflow.Branding";
@@ -6557,5 +7024,5 @@ var Workflow = Object.assign(WorkflowComponent, {
   Wrapper
 });
 
-export { AcademyIcon, ActionOffIcon, ActionOffWhiteIcon, ActionOnIcon, AddIcon, AddLinkIcon, AddWhiteIcon, ArchivedIcon, ArchivedWhiteIcon, ArrowBackwardIcon, ArrowDownIcon, ArrowForwardIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BlankIcon, BoldIcon, BookmarkOffIcon, BookmarkOnIcon, BranchingIcon, BullettedListIcon, Button, CaMonogramIcon, CameraIcon, CautionIcon, CautionWhiteIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClearButton$1 as ClearButton, ClearIcon, ClearWhiteIcon, CloseIcon, ClosedIcon, ClosedWhiteIcon, CommentAddIcon, CommentAddWhiteIcon, CommentBankIcon, CommentDisabledIcon, CommentDisabledWhiteIcon, CommentIcon, CommentWhiteIcon, CommunicationsIcon, CompetencyLibraryIcon, ConfigureIcon, ConnectIcon, ConnectLineIcon, CustomIcon, DashboardIcon, DateEndIcon, DateEndWhiteIcon, DateRangeIcon, DateRangeWhiteIcon, DateStartIcon, DateStartWhiteIcon, DecreaseIndentIcon, DeltaBareIcon, DeltaBareWhiteIcon, DeltaFlatIcon, DeltaIcon, DeltaNegativeIcon, DeltaPositiveIcon, DeltaWhiteIcon, DemographicsIcon, DepartmentIcon, DirectionalLink, DraftIcon, DraftWhiteIcon, DragIcon, DuplicateIcon, EditIcon, EffectivenessIcon, EllipsisIcon, EmailIcon, EmptyIcon, EmptyWhiteIcon, EndIcon, EngagementIcon, EngagementWhiteIcon, EqualIcon, EqualWhiteIcon, ErrorPage, ExclamationIcon, ExclamationOctagonIcon, ExclamationOctagonWhiteIcon, ExclamationWhiteIcon, ExperienceIcon, ExportIcon, ExportWhiteIcon, ExternalLinkIcon, FaceDissatisfiedIcon, FaceDissatisfiedWhiteIcon, FaceNeutralIcon, FaceNeutralWhiteIcon, FaceSatisfiedIcon, FaceSatisfiedWhiteIcon, FaceVeryDissatisfiedIcon, FaceVeryDissatisfiedWhiteIcon, FaceVerySatisfiedIcon, FaceVerySatisfiedWhiteIcon, FactorsIcon, FavoriteOffIcon, FavoriteOnIcon, FeedbackClassifyIcon, FeedbackClassifyWhiteIcon, FeedbackCompletedIcon, FeedbackCompletedWhiteIcon, FeedbackReportIcon, FeedbackReportWhiteIcon, FeedbackReviewIcon, FeedbackReviewWhiteIcon, FeedbackShareIcon, FeedbackShareWhiteIcon, FileIcon, FileWhiteIcon, Filter, FilterBar, FilterBarProvider, FilterButton, FilterButtonRemovable, FilterContents, FilterDatePicker, FilterDatePickerField, FilterDateRangePicker, FilterIcon, FilterMultiSelect, FilterSelect, FlagOffIcon, FlagOffWhiteIcon, FlagOnIcon, FullIcon, GridViewIcon, GuidanceIcon, HamburgerIcon, HeatmapIcon, HeatmapWhiteIcon, HierarchyIcon, HomeIcon, IconButton, ImportIcon, ImportWhiteIcon, IncreaseIndentIcon, IndicatorActiveIcon, IndicatorInactiveIcon, InformationIcon, InformationWhiteIcon, InputSearch, InsightIcon, InsightsIcon, InvisibleIcon, ItalicsIcon, KaizenProvider, KebabIcon, KioskIcon, KioskWhiteIcon, LaunchIcon, LaunchWhiteIcon, LeaderboardIcon, ListViewIcon, LiveIcon, LockIcon, LockWhiteIcon, LogOutIcon, MaximizeIcon, MeatballsIcon, MenuTriggerConsumer, MenuTriggerProvider, MinimizeIcon, MinusIcon, NavigatorIcon, NotificationIcon, NumberedListIcon, NumberedListRtlIcon, OpenIcon, OpenWhiteIcon, OrganizationIcon, PaginationLink, ParticipationIcon, ParticipationWhiteIcon, PauseIcon, PauseWhiteIcon, PercentageIcon, PermissionsIcon, PersonIcon, PhotoUploadIcon, PowerIcon, PrintIcon, PrintWhiteIcon, ProcessManagerIcon, PromotionIcon, PromotionWhiteIcon, QuestionIcon, QuestionWhiteIcon, QuestionsIcon, RedoIcon, RefreshIcon, RemoveLinkIcon, RepeatsIcon, ReportIcon, ReportSharingIcon, RestoreIcon, SaveIcon, SearchIcon, SearchWhiteIcon, SecurityTipIcon, SelectionConsumer, SelectionProvider, SendIcon, SendRtlIcon, SettingsIcon, SettingsWhiteIcon, ShareIcon, SkipIcon, SkipWhiteIcon, SortAscendingIcon, SortDescendingIcon, SpinnerIcon, StarOffIcon, StarOnIcon, StartIcon, SubtractIcon, SubtractWhiteIcon, SuccessIcon, SuccessWhiteIcon, SupportIcon, SurveysIcon, SurveysWhiteIcon, SyncIcon, TagIcon, TasksIcon, TasksWhiteIcon, TemplateIcon, TemplateWhiteIcon, TextAnalyticsIcon, TextAnalyticsWhiteIcon, ThemeContext, ThemeManager, ThemeProvider, ThumbsDownIcon, ThumbsUpIcon, TimeIcon, TimeWhiteIcon, TranslationIcon, TrashIcon, UnattributedIcon, UnattributedWhiteIcon, UnderlineIcon, UndoIcon, UserAddIcon, UserDeleteIcon, UserExitIcon, UserIcon, UserSelectIcon, UserSettingsIcon, UserUpdateIcon, UsersIcon, VisibleIcon, Workflow, WritingIcon, ZoomInIcon, ZoomOutIcon, defaultTheme, getDateValidationHandler, getSelectedOptionKeys, getSelectedOptionLabels, getTruncatedLabels, heartTheme, useDateValidation, useFilterBarContext, useMenuTriggerContext, useSelectionContext, useTheme, validateDate };
+export { AcademyIcon, ActionOffIcon, ActionOffWhiteIcon, ActionOnIcon, AddIcon, AddLinkIcon, AddWhiteIcon, ArchivedIcon, ArchivedWhiteIcon, ArrowBackwardIcon, ArrowDownIcon, ArrowForwardIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Avatar, AvatarGroup, Badge, BadgeAnimated, BlankIcon, BoldIcon, BookmarkOffIcon, BookmarkOnIcon, BranchingIcon, Brand, BrandMoment, BullettedListIcon, Button, ButtonGroup, CaMonogramIcon, CameraIcon, Card, CautionIcon, CheckIcon, Checkbox, CheckboxField, CheckboxGroup, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClearButton$1 as ClearButton, ClearIcon, ClearWhiteIcon, CloseIcon, ClosedIcon, ClosedWhiteIcon, Collapsible, CollapsibleGroup, CommentAddIcon, CommentAddWhiteIcon, CommentBankIcon, CommentDisabledIcon, CommentDisabledWhiteIcon, CommentIcon, CommentWhiteIcon, CommunicationsIcon, CompetencyLibraryIcon, ConfigureIcon, ConnectIcon, ConnectLineIcon, CustomIcon, DashboardIcon, DateEndIcon, DateEndWhiteIcon, DateRangeIcon, DateRangeWhiteIcon, DateStartIcon, DateStartWhiteIcon, DecreaseIndentIcon, DeltaBareIcon, DeltaBareWhiteIcon, DeltaFlatIcon, DeltaIcon, DeltaNegativeIcon, DeltaPositiveIcon, DeltaWhiteIcon, DemographicsIcon, DepartmentIcon, DirectionalLink, Divider, DraftIcon, DraftWhiteIcon, DragIcon, DuplicateIcon, EditIcon, EffectivenessIcon, EllipsisIcon, EmailIcon, EmptyIcon, EmptyState, EmptyWhiteIcon, EndIcon, EngagementIcon, EngagementWhiteIcon, EqualIcon, EqualWhiteIcon, ErrorPage, ExclamationIcon, ExclamationOctagonIcon, ExclamationOctagonWhiteIcon, ExperienceIcon, ExpertAdviceCollapsible, ExportIcon, ExportWhiteIcon, ExternalLinkIcon, FaceDissatisfiedIcon, FaceDissatisfiedWhiteIcon, FaceNeutralIcon, FaceNeutralWhiteIcon, FaceSatisfiedIcon, FaceSatisfiedWhiteIcon, FaceVeryDissatisfiedIcon, FaceVeryDissatisfiedWhiteIcon, FaceVerySatisfiedIcon, FaceVerySatisfiedWhiteIcon, FactorsIcon, FavoriteOffIcon, FavoriteOnIcon, FeedbackClassifyIcon, FeedbackClassifyWhiteIcon, FeedbackCompletedIcon, FeedbackCompletedWhiteIcon, FeedbackReportIcon, FeedbackReportWhiteIcon, FeedbackReviewIcon, FeedbackReviewWhiteIcon, FeedbackShareIcon, FeedbackShareWhiteIcon, FieldGroup, FileIcon, FileWhiteIcon, Filter, FilterBar, FilterBarProvider, FilterButton, FilterButtonRemovable, FilterContents, FilterDatePicker, FilterDatePickerField, FilterDateRangePicker, FilterIcon, FilterMultiSelect, FilterSelect, FlagOffIcon, FlagOffWhiteIcon, FlagOnIcon, FullIcon, GlobalNotification, GridViewIcon, GuidanceIcon, HamburgerIcon, Heading, HeatmapIcon, HeatmapWhiteIcon, HierarchyIcon, HomeIcon, IconButton, ImportIcon, ImportWhiteIcon, IncreaseIndentIcon, IndicatorActiveIcon, IndicatorInactiveIcon, InformationIcon, InformationWhiteIcon, InlineNotification, Input, InputRange, InputSearch, InsightIcon, InsightsIcon, InvisibleIcon, ItalicsIcon, KaizenProvider, KebabIcon, KioskIcon, KioskWhiteIcon, Label, LabelledMessage, LaunchIcon, LaunchWhiteIcon, LeaderboardIcon, ListViewIcon, LiveIcon, LockIcon, LockWhiteIcon, LogOutIcon, MaximizeIcon, MeatballsIcon, MenuTriggerConsumer, MenuTriggerProvider, MinimizeIcon, MinusIcon, NavigatorIcon, NotificationIcon, NumberedListIcon, NumberedListRtlIcon, OpenIcon, OpenWhiteIcon, OrganizationIcon, PaginationLink, ParticipationIcon, ParticipationWhiteIcon, PauseIcon, PauseWhiteIcon, PercentageIcon, PermissionsIcon, PersonIcon, PhotoUploadIcon, PowerIcon, PrintIcon, PrintWhiteIcon, ProcessManagerIcon, PromotionIcon, PromotionWhiteIcon, QuestionIcon, QuestionWhiteIcon, QuestionsIcon, Radio, RadioField, RadioGroup, RedoIcon, RefreshIcon, RemoveLinkIcon, RepeatsIcon, ReportIcon, ReportSharingIcon, RestoreIcon, SaveIcon, SearchField, SearchIcon, SearchWhiteIcon, SecurityTipIcon, SelectionConsumer, SelectionProvider, SendIcon, SendRtlIcon, SettingsIcon, SettingsWhiteIcon, ShareIcon, SkipIcon, SkipWhiteIcon, Slider, SortAscendingIcon, SortDescendingIcon, SpinnerIcon, StarOffIcon, StarOnIcon, StartIcon, SubtractIcon, SubtractWhiteIcon, SuccessIcon, SuccessWhiteIcon, SupportIcon, SurveysIcon, SurveysWhiteIcon, SyncIcon, TagIcon, TasksIcon, TasksWhiteIcon, TemplateIcon, TemplateWhiteIcon, Text, TextAnalyticsIcon, TextAnalyticsWhiteIcon, ThemeContext, ThemeManager, ThemeProvider, ThumbsDownIcon, ThumbsUpIcon, TimeIcon, TimeWhiteIcon, TranslationIcon, TrashIcon, UnattributedIcon, UnattributedWhiteIcon, UnderlineIcon, UndoIcon, UserAddIcon, UserDeleteIcon, UserExitIcon, UserIcon, UserSelectIcon, UserSettingsIcon, UserUpdateIcon, UsersIcon, VisibleIcon, Workflow, WritingIcon, ZoomInIcon, ZoomOutIcon, defaultTheme, getDateValidationHandler, getSelectedOptionKeys, getSelectedOptionLabels, getTruncatedLabels, heartTheme, useDateValidation, useFilterBarContext, useMenuTriggerContext, useSelectionContext, useTheme, validateDate };
 //# sourceMappingURL=index.js.map