@7shifts/sous-chef 4.5.1 → 4.6.0

package/dist/index.modern.js

@@ -7,7 +7,7 @@ import { debounce } from 'lodash-es';
 import parseTime from 'time-autocomplete/src/core/AMPMParser';
 import { Link as Link$1, NavLink } from 'react-router-dom';
 import ReactModal from 'react-modal';
-import { DayPicker } from 'react-day-picker';
+import { isMatch, DayPicker } from 'react-day-picker';
 import dateFnsFormat from 'date-fns/format';
 import dateFnsParse from 'date-fns/parse';
 import startOfDay from 'date-fns/startOfDay';
@@ -17,6 +17,10 @@ import { isSupportedCountry, parsePhoneNumber, AsYouType, getCountryCallingCode,
 import Select, { components } from 'react-select';
 import AsyncSelect from 'react-select/async';
 import { startOfDay as startOfDay$1, isDate } from 'date-fns';
+import getDay from 'date-fns/getDay';
+import getDate from 'date-fns/getDate';
+import getDaysInMonth from 'date-fns/getDaysInMonth';
+import differenceInCalendarWeeks from 'date-fns/differenceInCalendarWeeks';
 
 // This file is automatically generated by 'scripts/tokens/build-colors.sh'
 // Do not edit this file directly, if you need to add a color modify 'src/foundation/tokens/color/_color-tokens.scss'
@@ -268,7 +272,7 @@ function _objectWithoutPropertiesLoose(r, e) {
   return t;
 }
 
-var styles$1A = {"flex":"_GFHBy","flex__item":"_TOxU5","flex__item--flexible":"_oppLW","align-center":"_bC2qU","align-end":"_9qCMz","align-start":"_06gN4","justify-center":"_9gxO4","justify-end":"_33FAJ","justify-space-between":"_lg-h2","justify-start":"_xjZcn","inline-flex":"_3yyLA"};
+var styles$1C = {"flex":"_GFHBy","flex__item":"_TOxU5","flex__item--flexible":"_oppLW","align-center":"_bC2qU","align-end":"_9qCMz","align-start":"_06gN4","justify-center":"_9gxO4","justify-end":"_33FAJ","justify-space-between":"_lg-h2","justify-start":"_xjZcn","inline-flex":"_3yyLA"};
 
 const usePositionStyles = ({
   m,
@@ -384,15 +388,15 @@ const Flex = _ref => {
     dataProps
   } = getDataProps(otherProps);
   const positionStyles = usePositionStyles(positionProps);
-  const className = classnames(styles$1A['flex'], extraClass, {
-    [styles$1A['align-start']]: alignItems === 'flex-start',
-    [styles$1A['align-end']]: alignItems === 'flex-end',
-    [styles$1A['align-center']]: alignItems === 'center',
-    [styles$1A['justify-start']]: justifyContent === 'start',
-    [styles$1A['justify-end']]: justifyContent === 'end',
-    [styles$1A['justify-center']]: justifyContent === 'center',
-    [styles$1A['justify-space-between']]: justifyContent === 'space-between',
-    [styles$1A['inline-flex']]: inlineFlex
+  const className = classnames(styles$1C['flex'], extraClass, {
+    [styles$1C['align-start']]: alignItems === 'flex-start',
+    [styles$1C['align-end']]: alignItems === 'flex-end',
+    [styles$1C['align-center']]: alignItems === 'center',
+    [styles$1C['justify-start']]: justifyContent === 'start',
+    [styles$1C['justify-end']]: justifyContent === 'end',
+    [styles$1C['justify-center']]: justifyContent === 'center',
+    [styles$1C['justify-space-between']]: justifyContent === 'space-between',
+    [styles$1C['inline-flex']]: inlineFlex
   });
   const items = React__default.Children.toArray(children).filter(Boolean);
   const gap = typeof space === 'object' ? `${space.row}px ${space.column}px` : space;
@@ -407,8 +411,8 @@ const Flex = _ref => {
     "data-testid": testId
   }, dataProps), items.map((child, i) => React__default.createElement("div", {
     key: i,
-    className: classnames(styles$1A['flex__item'], {
-      [styles$1A['flex__item--flexible']]: flexItems
+    className: classnames(styles$1C['flex__item'], {
+      [styles$1C['flex__item--flexible']]: flexItems
     }),
     style: {
       flex: flex ? flex[i] || '0 1 auto' : '0 1 auto'
@@ -431,7 +435,7 @@ const Stack = _ref => {
   }));
 };
 
-var styles$1z = {"caption":"_tMhXr","label":"_NfOw5","label--truncate":"_M3aFK","toggle":"_QDQZ1","toggle__label":"_52dky","toggle__caption":"_A-tgL","toggle__switch":"_kBjjH"};
+var styles$1B = {"caption":"_tMhXr","label":"_NfOw5","label--truncate":"_M3aFK","toggle":"_QDQZ1","toggle__label":"_52dky","toggle__caption":"_A-tgL","toggle__switch":"_kBjjH"};
 
 const _excluded$ek = ["checked", "label", "caption", "onChange", "disabled", "id", "testId"];
 /**
@@ -456,7 +460,7 @@ const Toggle = _ref => {
   return React__default.createElement(Stack, {
     space: 8
   }, React__default.createElement("label", _extends({}, dataProps, {
-    className: styles$1z['toggle']
+    className: styles$1B['toggle']
   }), React__default.createElement("input", {
     type: "checkbox",
     checked: checked,
@@ -465,11 +469,11 @@ const Toggle = _ref => {
     id: id,
     "data-testid": testId
   }), React__default.createElement("span", {
-    className: styles$1z['toggle__switch']
+    className: styles$1B['toggle__switch']
   }), label && React__default.createElement("span", {
-    className: styles$1z['toggle__label']
+    className: styles$1B['toggle__label']
   }, label)), caption && React__default.createElement("span", {
-    className: styles$1z['toggle__caption']
+    className: styles$1B['toggle__caption']
   }, caption));
 };
 
@@ -487,7 +491,7 @@ const SPINNER_THEMES = {
   PRIDE: 'pride'
 };
 
-var styles$1y = {"spinner":"_memxT","rotator":"_QieGp","spinner--block":"_VoFzz","path":"_KSRP9","dash":"_RyBY2","path--mint":"_-sIZJ","path--disabled":"_3fox0","path--contrast":"_VteKz","path--pride":"_7rzsv"};
+var styles$1A = {"spinner":"_memxT","rotator":"_QieGp","spinner--block":"_VoFzz","path":"_KSRP9","dash":"_RyBY2","path--mint":"_-sIZJ","path--disabled":"_3fox0","path--contrast":"_VteKz","path--pride":"_7rzsv"};
 
 const Spinner = ({
   size: _size = 28,
@@ -497,10 +501,10 @@ const Spinner = ({
 }) => {
   return React__default.createElement("div", {
     className: classnames({
-      [styles$1y['spinner--block']]: _block
+      [styles$1A['spinner--block']]: _block
     })
   }, React__default.createElement("svg", {
-    className: styles$1y['spinner'],
+    className: styles$1A['spinner'],
     xmlns: "http://www.w3.org/2000/svg",
     width: _size,
     height: _size,
@@ -575,7 +579,7 @@ const Spinner = ({
     offset: "1",
     stopColor: "#760088"
   }))), React__default.createElement("circle", {
-    className: classnames(styles$1y['path'], styles$1y[`path--${_theme}`]),
+    className: classnames(styles$1A['path'], styles$1A[`path--${_theme}`]),
     fill: "none",
     strokeWidth: "6",
     strokeLinecap: "round",
@@ -585,9 +589,9 @@ const Spinner = ({
   })));
 };
 
-var styles$1x = {"tooltip":"_Ydu2O"};
+var styles$1z = {"tooltip":"_Ydu2O"};
 
-var styles$1w = {"tooltip-overlay":"_7fQon","tooltip-overlay--visible":"_a-BND","tooltip-overlay--black-theme":"_UUdng","tooltip-overlay--white-theme":"_brSNX","tooltip-overlay__header":"_uP8x7","tooltip-overlay-arrow":"_MjV6R","tooltip-overlay-arrow--top":"_TQqwB","tooltip-overlay-arrow--bottom":"_pgdKl","tooltip-overlay-arrow--visible":"_Zob-W","tooltip-overlay-arrow--black-theme":"_FXaBf","tooltip-overlay-arrow--white-theme":"_FyPu8"};
+var styles$1y = {"tooltip-overlay":"_7fQon","tooltip-overlay--visible":"_a-BND","tooltip-overlay--black-theme":"_UUdng","tooltip-overlay--white-theme":"_brSNX","tooltip-overlay__header":"_uP8x7","tooltip-overlay-arrow":"_MjV6R","tooltip-overlay-arrow--top":"_TQqwB","tooltip-overlay-arrow--bottom":"_pgdKl","tooltip-overlay-arrow--visible":"_Zob-W","tooltip-overlay-arrow--black-theme":"_FXaBf","tooltip-overlay-arrow--white-theme":"_FyPu8"};
 
 const TOOLTIP_THEME = {
   BLACK: 'black',
@@ -781,24 +785,24 @@ const TooltipOverlay = ({
       maxHeight,
       zIndex: getZIndex('tooltip')
     }),
-    className: classnames(styles$1w['tooltip-overlay'], extraClass, {
-      [styles$1w['tooltip-overlay--visible']]: isVisible,
-      [styles$1w['tooltip-overlay--black-theme']]: theme === TOOLTIP_THEME.BLACK,
-      [styles$1w['tooltip-overlay--white-theme']]: theme === TOOLTIP_THEME.WHITE
+    className: classnames(styles$1y['tooltip-overlay'], extraClass, {
+      [styles$1y['tooltip-overlay--visible']]: isVisible,
+      [styles$1y['tooltip-overlay--black-theme']]: theme === TOOLTIP_THEME.BLACK,
+      [styles$1y['tooltip-overlay--white-theme']]: theme === TOOLTIP_THEME.WHITE
     }),
     onMouseEnter: onFocusIn,
     onMouseLeave: onFocusOut
   }, React__default.createElement(Stack, {
     space: 8
   }, header && React__default.createElement("div", {
-    className: styles$1w['tooltip-overlay__header']
+    className: styles$1y['tooltip-overlay__header']
   }, header), children)), React__default.createElement("div", {
-    className: classnames(styles$1w['tooltip-overlay-arrow'], extraClass, {
-      [styles$1w['tooltip-overlay-arrow--visible']]: isVisible,
-      [styles$1w['tooltip-overlay-arrow--top']]: position.actualPlacement.placement === TOOLTIP_PLACEMENT.TOP,
-      [styles$1w['tooltip-overlay-arrow--bottom']]: position.actualPlacement.placement === TOOLTIP_PLACEMENT.BOTTOM,
-      [styles$1w['tooltip-overlay-arrow--black-theme']]: theme === TOOLTIP_THEME.BLACK,
-      [styles$1w['tooltip-overlay-arrow--white-theme']]: theme === TOOLTIP_THEME.WHITE
+    className: classnames(styles$1y['tooltip-overlay-arrow'], extraClass, {
+      [styles$1y['tooltip-overlay-arrow--visible']]: isVisible,
+      [styles$1y['tooltip-overlay-arrow--top']]: position.actualPlacement.placement === TOOLTIP_PLACEMENT.TOP,
+      [styles$1y['tooltip-overlay-arrow--bottom']]: position.actualPlacement.placement === TOOLTIP_PLACEMENT.BOTTOM,
+      [styles$1y['tooltip-overlay-arrow--black-theme']]: theme === TOOLTIP_THEME.BLACK,
+      [styles$1y['tooltip-overlay-arrow--white-theme']]: theme === TOOLTIP_THEME.WHITE
     }),
     style: _extends({}, position.arrow, {
       zIndex: getZIndex('tooltip')
@@ -910,7 +914,7 @@ const TooltipElement = ({
     }), overlayElement);
   }
   return React__default.createElement("div", _extends({
-    className: classnames(styles$1x['tooltip'])
+    className: classnames(styles$1z['tooltip'])
   }, commonProps, {
     ref: containerRef
   }), children, overlayElement);
@@ -920,7 +924,7 @@ const isTooltipCompatible = element => {
   return React__default.isValidElement(element) && typeof element.type === 'string';
 };
 
-var styles$1v = {"button":"_pgOR3","button--loading":"_2yB9-","button__spinner":"_ppC-S","button--size-min-width-100":"_GtXOQ","button--size-full-width":"_Y-OxO","button--icon-only":"_3EfuT","button--default":"_ICNz7","button--primary":"_XwJWT","button--danger":"_gr3Dh","button--upsell":"_ME8te","button--marketing":"_mI-Dx","button--hollow":"_orywo","button--hollow-contrast":"_obtsl","button--link-contrast":"_00jK4","button--link-primary":"_JPwJ7","button--link-danger":"_9TprN","button--link-upsell":"_tktX-","button--link-toolbar":"_r3SQl","button--link-icon":"_oFBLN","disabled-button-wrapper":"_yTBTz"};
+var styles$1x = {"button":"_pgOR3","button--loading":"_2yB9-","button__spinner":"_ppC-S","button--size-min-width-100":"_GtXOQ","button--size-full-width":"_Y-OxO","button--icon-only":"_3EfuT","button--default":"_ICNz7","button--primary":"_XwJWT","button--danger":"_gr3Dh","button--upsell":"_ME8te","button--marketing":"_mI-Dx","button--hollow":"_orywo","button--hollow-contrast":"_obtsl","button--link-contrast":"_00jK4","button--link-primary":"_JPwJ7","button--link-danger":"_9TprN","button--link-upsell":"_tktX-","button--link-toolbar":"_r3SQl","button--link-icon":"_oFBLN","disabled-button-wrapper":"_yTBTz"};
 
 const BUTTON_SIZES = {
   FULL_WIDTH: 'full-width',
@@ -1015,24 +1019,24 @@ const ButtonComponent = (_ref, ref) => {
     onBlur: onBlur,
     onFocus: onFocus,
     onKeyDown: onKeyDown,
-    className: classnames(styles$1v['button'], {
-      [styles$1v['button--default']]: theme === BUTTON_THEMES.DEFAULT,
-      [styles$1v['button--primary']]: theme === BUTTON_THEMES.PRIMARY,
-      [styles$1v['button--danger']]: theme === BUTTON_THEMES.DANGER,
-      [styles$1v['button--upsell']]: theme === BUTTON_THEMES.UPSELL,
-      [styles$1v['button--marketing']]: theme === BUTTON_THEMES.MARKETING,
-      [styles$1v['button--hollow']]: theme === BUTTON_THEMES.HOLLOW,
-      [styles$1v['button--hollow-contrast']]: theme === BUTTON_THEMES.HOLLOW_CONTRAST,
-      [styles$1v['button--link-primary']]: theme === BUTTON_THEMES.LINK_PRIMARY,
-      [styles$1v['button--link-danger']]: theme === BUTTON_THEMES.LINK_DANGER,
-      [styles$1v['button--link-upsell']]: theme === BUTTON_THEMES.LINK_UPSELL,
-      [styles$1v['button--link-toolbar']]: theme === BUTTON_THEMES.LINK_TOOLBAR,
-      [styles$1v['button--link-contrast']]: theme === BUTTON_THEMES.LINK_CONTRAST,
-      [styles$1v['button--link-icon']]: theme === BUTTON_THEMES.LINK_ICON,
-      [styles$1v['button--loading']]: loading,
-      [styles$1v['button--icon-only']]: isIconOnly,
-      [styles$1v['button--size-min-width-100']]: size === BUTTON_SIZES.MIN_WIDTH_100,
-      [styles$1v['button--size-full-width']]: size === BUTTON_SIZES.FULL_WIDTH
+    className: classnames(styles$1x['button'], {
+      [styles$1x['button--default']]: theme === BUTTON_THEMES.DEFAULT,
+      [styles$1x['button--primary']]: theme === BUTTON_THEMES.PRIMARY,
+      [styles$1x['button--danger']]: theme === BUTTON_THEMES.DANGER,
+      [styles$1x['button--upsell']]: theme === BUTTON_THEMES.UPSELL,
+      [styles$1x['button--marketing']]: theme === BUTTON_THEMES.MARKETING,
+      [styles$1x['button--hollow']]: theme === BUTTON_THEMES.HOLLOW,
+      [styles$1x['button--hollow-contrast']]: theme === BUTTON_THEMES.HOLLOW_CONTRAST,
+      [styles$1x['button--link-primary']]: theme === BUTTON_THEMES.LINK_PRIMARY,
+      [styles$1x['button--link-danger']]: theme === BUTTON_THEMES.LINK_DANGER,
+      [styles$1x['button--link-upsell']]: theme === BUTTON_THEMES.LINK_UPSELL,
+      [styles$1x['button--link-toolbar']]: theme === BUTTON_THEMES.LINK_TOOLBAR,
+      [styles$1x['button--link-contrast']]: theme === BUTTON_THEMES.LINK_CONTRAST,
+      [styles$1x['button--link-icon']]: theme === BUTTON_THEMES.LINK_ICON,
+      [styles$1x['button--loading']]: loading,
+      [styles$1x['button--icon-only']]: isIconOnly,
+      [styles$1x['button--size-min-width-100']]: size === BUTTON_SIZES.MIN_WIDTH_100,
+      [styles$1x['button--size-full-width']]: size === BUTTON_SIZES.FULL_WIDTH
     }),
     type: type,
     disabled: disabled || loading,
@@ -1046,7 +1050,7 @@ const ButtonComponent = (_ref, ref) => {
     space: 8,
     alignItems: "center"
   }, children), loading && React__default.createElement("div", {
-    className: styles$1v['button__spinner']
+    className: styles$1x['button__spinner']
   }, React__default.createElement(Spinner, {
     theme: contrastSpinner.includes(theme) ? SPINNER_THEMES.CONTRAST : SPINNER_THEMES.DISABLED
   })));
@@ -1056,7 +1060,7 @@ const ButtonComponent = (_ref, ref) => {
       overlay: title,
       ref: ref
     }, title && disabled ? React__default.createElement("div", {
-      className: styles$1v['disabled-button-wrapper']
+      className: styles$1x['disabled-button-wrapper']
     }, ButtonElementResult) : ButtonElementResult)
   );
 };
@@ -10122,20 +10126,20 @@ const IconGreatMonochromatic = forwardRef((_ref, ref) => {
 });
 IconGreatMonochromatic.displayName = 'IconGreatMonochromatic';
 
-var styles$1u = {"pagination-controls":"_S1co-"};
+var styles$1w = {"pagination-controls":"_S1co-"};
 
-var styles$1t = {"keyboard-key":"_sgd9a","keyboard-key--light":"_8zg4j","keyboard-key__character":"_GAIig"};
+var styles$1v = {"keyboard-key":"_sgd9a","keyboard-key--light":"_8zg4j","keyboard-key__character":"_GAIig"};
 
 const KeyboardKey = ({
   children,
   theme: _theme = 'dark'
 }) => {
   return React__default.createElement("span", {
-    className: classnames(styles$1t['keyboard-key'], {
-      [styles$1t['keyboard-key--light']]: _theme === 'light'
+    className: classnames(styles$1v['keyboard-key'], {
+      [styles$1v['keyboard-key--light']]: _theme === 'light'
     })
   }, React__default.createElement("span", {
-    className: styles$1t['keyboard-key__character']
+    className: styles$1v['keyboard-key__character']
   }, children));
 };
 
@@ -10343,7 +10347,7 @@ const PaginationControls = _ref => {
     }
   });
   return React__default.createElement("div", _extends({}, dataProps, {
-    className: styles$1u['pagination-controls'],
+    className: styles$1w['pagination-controls'],
     "data-testid": testId
   }), React__default.createElement(Button, {
     disabled: !hasPrevious,
@@ -10373,7 +10377,7 @@ const LINK_TARGET = {
   BLANK: '_blank'
 };
 
-var styles$1s = {"link":"_EiQ4c","link--contrast":"_weJDR"};
+var styles$1u = {"link":"_EiQ4c","link--contrast":"_weJDR"};
 
 const _excluded$bq = ["href", "target", "theme", "onClick", "children"];
 const Link = _ref => {
@@ -10390,9 +10394,9 @@ const Link = _ref => {
   } = getDataProps(otherProps);
   const ref = React__default.useRef(null);
   return React__default.createElement("a", _extends({}, dataProps, {
-    className: classnames(styles$1s['link'], {
-      [styles$1s['link--primary']]: theme === LINK_THEME.PRIMARY,
-      [styles$1s['link--contrast']]: theme === LINK_THEME.CONTRAST
+    className: classnames(styles$1u['link'], {
+      [styles$1u['link--primary']]: theme === LINK_THEME.PRIMARY,
+      [styles$1u['link--contrast']]: theme === LINK_THEME.CONTRAST
     }),
     href: href,
     target: target,
@@ -10414,7 +10418,7 @@ const DropdownContext = React__default.createContext({
 });
 const useDropdownContext = () => React__default.useContext(DropdownContext);
 
-var styles$1r = {"dropdown-pane":"_sp-pT"};
+var styles$1t = {"dropdown-pane":"_sp-pT"};
 
 const DROPDOWN_PANE_PADDING = 14;
 const calculateOverlayPosition$1 = (triggerPosition, triggerOffsetHeight, panePosition, alignment) => {
@@ -10550,8 +10554,8 @@ const PaneOverlay = ({
   useKeyPress(['Escape'], onToggleDropdown);
   const overflow = maxHeight ? 'auto' : undefined;
   return React__default.createElement("div", {
-    className: classnames(styles$1r['dropdown-pane'], {
-      [styles$1r['dropdown-pane--with-padding']]: true,
+    className: classnames(styles$1t['dropdown-pane'], {
+      [styles$1t['dropdown-pane--with-padding']]: true,
       'dropdown-pane--custom-width': width !== undefined
     }),
     style: _extends({}, position, {
@@ -10582,7 +10586,7 @@ const getKeyboardFocusableElements = element => {
   });
 };
 
-var styles$1q = {"dropdown__trigger":"_AktVc"};
+var styles$1s = {"dropdown__trigger":"_AktVc"};
 
 const DROPDOWN_ALIGNEMNT = {
   LEFT: 'left',
@@ -10593,7 +10597,7 @@ const DROPDOWN_TRIGGER = {
   CLICK: 'click'
 };
 
-var styles$1p = {"label":"_zv4ua","label--truncate":"_FPyID"};
+var styles$1r = {"label":"_zv4ua","label--truncate":"_FPyID"};
 
 const isEllipsisActive = e => {
   return e.offsetWidth < e.scrollWidth;
@@ -10642,8 +10646,8 @@ const Label = ({
   const LabelElement = React__default.createElement("label", {
     htmlFor: htmlFor,
     id: labelId,
-    className: classnames(styles$1p['label'], {
-      [styles$1p['label--truncate']]: shouldTruncate
+    className: classnames(styles$1r['label'], {
+      [styles$1r['label--truncate']]: shouldTruncate
     })
   }, children);
   if (showTooltip) {
@@ -10655,7 +10659,7 @@ const Label = ({
   return LabelElement;
 };
 
-var styles$1o = {"caption":"_Qrxg5"};
+var styles$1q = {"caption":"_Qrxg5"};
 
 const Caption = ({
   fieldId,
@@ -10663,11 +10667,11 @@ const Caption = ({
 }) => {
   return React__default.createElement("div", {
     id: fieldId && `${fieldId}-describer`,
-    className: styles$1o['caption']
+    className: styles$1q['caption']
   }, children);
 };
 
-var styles$1n = {"error-message":"_eS4YO"};
+var styles$1p = {"error-message":"_eS4YO"};
 
 const ErrorMessage = ({
   fieldId,
@@ -10676,7 +10680,7 @@ const ErrorMessage = ({
 }) => {
   return React__default.createElement("div", {
     id: fieldId && `${fieldId}-error-message`,
-    className: styles$1n['error-message'],
+    className: styles$1p['error-message'],
     "data-testid": testId
   }, React__default.createElement(Inline, {
     space: 8,
@@ -10713,7 +10717,7 @@ const ALIGNMENTS = {
   JUSTIFY: 'justify'
 };
 
-var styles$1m = {"text":"_6SgoN","text--bold":"_i2LHD","text__body":"_SF95f","text__caption":"_HHohB","text__insight":"_xdhK0","text__span":"_yZbuO","text--italic":"_NgSTT","text--underline":"_ouqVK","text--dotted-underline":"_zZ55-","text--monospace":"_Vi-V1","text--line-through":"_psV6T","text--align-left":"_tfSIf","text--align-right":"_AK1Nr","text--align-center":"_N-tR4","text--align-justify":"_LkMr0"};
+var styles$1o = {"text":"_6SgoN","text--bold":"_i2LHD","text__body":"_SF95f","text__caption":"_HHohB","text__insight":"_xdhK0","text__span":"_yZbuO","text--italic":"_NgSTT","text--underline":"_ouqVK","text--dotted-underline":"_zZ55-","text--monospace":"_Vi-V1","text--line-through":"_psV6T","text--align-left":"_tfSIf","text--align-right":"_AK1Nr","text--align-center":"_N-tR4","text--align-justify":"_LkMr0"};
 
 const _excluded$bp = ["children", "as", "emphasis", "alignment", "color", "testId", "textWrap"];
 const TextComponent = (_ref, ref) => {
@@ -10741,21 +10745,21 @@ const TextComponent = (_ref, ref) => {
       color: getColor(color),
       textWrap
     }, positionStyles),
-    className: classnames(styles$1m['text'], {
-      [styles$1m['text--bold']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.BOLD),
-      [styles$1m['text--italic']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.ITALIC),
-      [styles$1m['text--underline']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.UNDERLINE),
-      [styles$1m['text--dotted-underline']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.DOTTED_UNDERLINE),
-      [styles$1m['text--monospace']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.MONOSPACE),
-      [styles$1m['text--line-through']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.STRIKETHROUGH),
-      [styles$1m['text--align-left']]: alignment === ALIGNMENTS.LEFT,
-      [styles$1m['text--align-right']]: alignment === ALIGNMENTS.RIGHT,
-      [styles$1m['text--align-center']]: alignment === ALIGNMENTS.CENTER,
-      [styles$1m['text--align-justify']]: alignment === ALIGNMENTS.JUSTIFY,
-      [styles$1m['text__body']]: as === TEXT_TYPES.BODY,
-      [styles$1m['text__insight']]: as === TEXT_TYPES.INSIGHT,
-      [styles$1m['text__caption']]: as === TEXT_TYPES.CAPTION,
-      [styles$1m['text__span']]: as === TEXT_TYPES.SPAN
+    className: classnames(styles$1o['text'], {
+      [styles$1o['text--bold']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.BOLD),
+      [styles$1o['text--italic']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.ITALIC),
+      [styles$1o['text--underline']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.UNDERLINE),
+      [styles$1o['text--dotted-underline']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.DOTTED_UNDERLINE),
+      [styles$1o['text--monospace']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.MONOSPACE),
+      [styles$1o['text--line-through']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.STRIKETHROUGH),
+      [styles$1o['text--align-left']]: alignment === ALIGNMENTS.LEFT,
+      [styles$1o['text--align-right']]: alignment === ALIGNMENTS.RIGHT,
+      [styles$1o['text--align-center']]: alignment === ALIGNMENTS.CENTER,
+      [styles$1o['text--align-justify']]: alignment === ALIGNMENTS.JUSTIFY,
+      [styles$1o['text__body']]: as === TEXT_TYPES.BODY,
+      [styles$1o['text__insight']]: as === TEXT_TYPES.INSIGHT,
+      [styles$1o['text__caption']]: as === TEXT_TYPES.CAPTION,
+      [styles$1o['text__span']]: as === TEXT_TYPES.SPAN
     }),
     'data-testid': testId
   }, dataProps, other, {
@@ -10772,7 +10776,7 @@ const Bold = ({
   children
 }) => {
   return React__default.createElement("span", {
-    className: classnames(styles$1m['text--bold'], styles$1m['text'])
+    className: classnames(styles$1o['text--bold'], styles$1o['text'])
   }, children);
 };
 
@@ -10780,7 +10784,7 @@ const Underline = ({
   children
 }) => {
   return React__default.createElement("span", {
-    className: classnames(styles$1m['text--underline'], styles$1m['text'])
+    className: classnames(styles$1o['text--underline'], styles$1o['text'])
   }, children);
 };
 
@@ -10788,7 +10792,7 @@ const Italic = ({
   children
 }) => {
   return React__default.createElement("span", {
-    className: classnames(styles$1m['text--italic'], styles$1m['text'])
+    className: classnames(styles$1o['text--italic'], styles$1o['text'])
   }, children);
 };
 
@@ -10925,7 +10929,7 @@ const useFieldControllers = ({
   return controllers;
 };
 
-var styles$1l = {"text-field":"_G6LsE","text-field--invalid":"_2ZYtt","text-field--prefixed":"_rWp7H","text-field--suffixed":"_Xq8xX"};
+var styles$1n = {"text-field":"_G6LsE","text-field--invalid":"_2ZYtt","text-field--prefixed":"_rWp7H","text-field--suffixed":"_Xq8xX"};
 
 const _excluded$bn = ["autoComplete", "autoFocus", "defaultValue", "disabled", "error", "id", "maxLength", "name", "caption", "label", "onBlur", "onChange", "onFocus", "onKeyDown", "placeholder", "value", "ref", "testId"];
 const useTextField = _ref => {
@@ -10966,8 +10970,8 @@ const useTextField = _ref => {
     'aria-invalid': hasError,
     autoComplete,
     autoFocus,
-    className: classnames(styles$1l['text-field'], {
-      [styles$1l['text-field--invalid']]: hasError
+    className: classnames(styles$1n['text-field'], {
+      [styles$1n['text-field--invalid']]: hasError
     }),
     'data-testid': testId,
     disabled,
@@ -10998,7 +11002,7 @@ const useTextField = _ref => {
   };
 };
 
-var styles$1k = {"affix-container":"_F8QOB","prefix":"_yPPIy","suffix":"_Y3yFd","affix-container--prefixed":"_vU4SU","affix-container--suffixed":"_4rDXi"};
+var styles$1m = {"affix-container":"_F8QOB","prefix":"_yPPIy","suffix":"_Y3yFd","affix-container--prefixed":"_vU4SU","affix-container--suffixed":"_4rDXi"};
 
 const AffixContainer = ({
   prefix,
@@ -11033,19 +11037,19 @@ const AffixContainer = ({
   if (!hasPrefix && !hasSuffix) {
     return children;
   }
-  const classes = classnames(styles$1k['affix-container'], {
-    [styles$1k['affix-container--prefixed']]: hasPrefix,
-    [styles$1k['affix-container--suffixed']]: hasSuffix
+  const classes = classnames(styles$1m['affix-container'], {
+    [styles$1m['affix-container--prefixed']]: hasPrefix,
+    [styles$1m['affix-container--suffixed']]: hasSuffix
   });
   return React__default.createElement("div", {
     className: classes,
     ref: container,
     "data-testid": testId
   }, hasPrefix && React__default.createElement("div", {
-    className: styles$1k['prefix'],
+    className: styles$1m['prefix'],
     ref: prefixElement
   }, prefix), children, hasSuffix && React__default.createElement("div", {
-    className: styles$1k['suffix'],
+    className: styles$1m['suffix'],
     ref: suffixElement
   }, suffix));
 };
@@ -11252,7 +11256,7 @@ const Dropdown = ({
       paneRef
     }
   }, triggerIsKnownButton ? React__default.cloneElement(trigger, _extends({}, trigger.props, triggerProps)) : React__default.createElement("button", _extends({}, triggerProps, {
-    className: styles$1q['dropdown__trigger'],
+    className: styles$1s['dropdown__trigger'],
     ref: updatedRef,
     onFocus: handleFocus
   }), trigger), React__default.createElement(DropdownPane, {
@@ -11266,7 +11270,7 @@ const Dropdown = ({
   }, children));
 };
 
-var styles$1j = {"dropdown-list":"_91hvH","dropdown-list__item":"_NrB4V","dropdown-list__item--hover":"_aMs9c"};
+var styles$1l = {"dropdown-list":"_91hvH","dropdown-list__item":"_NrB4V","dropdown-list__item--hover":"_aMs9c"};
 
 const findNextActiveIndex = (items, startAt) => {
   let startIndex = 0;
@@ -11416,20 +11420,20 @@ const checkIsComponent = (element, config) => {
   return isComponent;
 };
 
-var styles$1i = {"dropdown-list-divider":"_ISJ4M"};
+var styles$1k = {"dropdown-list-divider":"_ISJ4M"};
 
 const DropdownListDivider = ({
   testId
 }) => {
   return React__default.createElement("div", {
-    className: styles$1i['dropdown-list-divider'],
+    className: styles$1k['dropdown-list-divider'],
     "data-testid": testId
   });
 };
 
-var styles$1h = {"dropdown-list-item":"_W12mF","dropdown-list-item--selected":"_Zu9cD","dropdown-list-item__content":"_xS6fS","dropdown-list-item__caption":"_7EI7m","dropdown-list-item--disabled":"_0OB5b","dropdown-list-item__prefix":"_dpo67","dropdown-list-item__suffix":"_ObP6B","dropdown-list-item__container":"_IBrNj","dropdown-list-item__link":"_vC0uY","dropdown-list-item__suffix-spot":"_UA23u","dropdown-list-item__suffix-button":"_rvaeI"};
+var styles$1j = {"dropdown-list-item":"_W12mF","dropdown-list-item--selected":"_Zu9cD","dropdown-list-item__content":"_xS6fS","dropdown-list-item__caption":"_7EI7m","dropdown-list-item--disabled":"_0OB5b","dropdown-list-item__prefix":"_dpo67","dropdown-list-item__suffix":"_ObP6B","dropdown-list-item__container":"_IBrNj","dropdown-list-item__link":"_vC0uY","dropdown-list-item__suffix-spot":"_UA23u","dropdown-list-item__suffix-button":"_rvaeI"};
 
-var styles$1g = {"dropdown-submenu":"_X4fIx"};
+var styles$1i = {"dropdown-submenu":"_X4fIx"};
 
 const DropdownSubmenu = forwardRef(({
   children,
@@ -11449,7 +11453,7 @@ const DropdownSubmenu = forwardRef(({
     // so no keyboard handler is needed.
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events
     React__default.createElement("div", {
-      className: styles$1g['dropdown-submenu'],
+      className: styles$1i['dropdown-submenu'],
       "data-submenu-direction": direction,
       style: position || DEFAULT_POSITION,
       onMouseEnter: openSubmenu,
@@ -11642,20 +11646,20 @@ const DropdownListItem = ({
     onClick && onClick(e);
   };
   const childrenContainer = React__default.createElement("div", {
-    className: styles$1h['dropdown-list-item__container']
+    className: styles$1j['dropdown-list-item__container']
   }, prefix && React__default.createElement("div", {
-    className: styles$1h['dropdown-list-item__prefix']
+    className: styles$1j['dropdown-list-item__prefix']
   }, prefix), React__default.createElement("div", {
-    className: styles$1h['dropdown-list-item__content']
+    className: styles$1j['dropdown-list-item__content']
   }, React__default.createElement(Stack, {
     space: 0,
     flex: [1]
   }, children, caption && React__default.createElement("div", {
-    className: styles$1h['dropdown-list-item__caption']
+    className: styles$1j['dropdown-list-item__caption']
   }, caption))), (suffix || submenu) && React__default.createElement("div", {
-    className: styles$1h['dropdown-list-item__suffix']
+    className: styles$1j['dropdown-list-item__suffix']
   }, suffix && _openSubmenuOnSuffixClick && submenu ? React__default.createElement("button", {
-    className: styles$1h['dropdown-list-item__suffix-button'],
+    className: styles$1j['dropdown-list-item__suffix-button'],
     onClick: e => {
       e.preventDefault();
       e.stopPropagation();
@@ -11666,19 +11670,19 @@ const DropdownListItem = ({
     "aria-label": "Open submenu",
     disabled: disabled
   }, suffix) : suffix, submenu && !suffix && React__default.createElement("div", {
-    className: styles$1h['dropdown-list-item__suffix-spot']
+    className: styles$1j['dropdown-list-item__suffix-spot']
   }), submenu && !_openSubmenuOnSuffixClick && React__default.createElement(IconChevronRight, {
     size: "small"
   })));
   const linkItem = href && (_reloadDocument ? React__default.createElement("a", {
     href: href,
-    className: styles$1h['dropdown-list-item__link'],
+    className: styles$1j['dropdown-list-item__link'],
     target: _target,
     tabIndex: -1
   }, childrenContainer) : React__default.createElement(Link$1, {
     to: href,
     target: _target,
-    className: styles$1h['dropdown-list-item__link'],
+    className: styles$1j['dropdown-list-item__link'],
     reloadDocument: false,
     tabIndex: -1,
     "data-testid": testId
@@ -11686,9 +11690,9 @@ const DropdownListItem = ({
   return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     React__default.createElement("div", {
-      className: classnames(styles$1h['dropdown-list-item'], {
-        [styles$1h['dropdown-list-item--selected']]: selected,
-        [styles$1h['dropdown-list-item--disabled']]: disabled
+      className: classnames(styles$1j['dropdown-list-item'], {
+        [styles$1j['dropdown-list-item--selected']]: selected,
+        [styles$1j['dropdown-list-item--disabled']]: disabled
       }),
       onMouseDown: e => e.preventDefault(),
       onClick: handleClick,
@@ -11831,7 +11835,7 @@ const DropdownList = ({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [highlightItemIndex]);
   return React__default.createElement("ul", {
-    className: styles$1j['dropdown-list'],
+    className: styles$1l['dropdown-list'],
     "data-testid": testId,
     ref: listRef
   }, React__default.Children.toArray(children).filter(Boolean).map((child, index) => {
@@ -11843,8 +11847,8 @@ const DropdownList = ({
     const divider = (_items$index2 = items[index]) == null ? void 0 : _items$index2.divider;
     return React__default.createElement("li", {
       key: index,
-      className: classnames(styles$1j['dropdown-list__item'], {
-        [styles$1j['dropdown-list__item--hover']]: focusedItem === index && isInteractive
+      className: classnames(styles$1l['dropdown-list__item'], {
+        [styles$1l['dropdown-list__item--hover']]: focusedItem === index && isInteractive
       }),
       onMouseEnter: divider ? undefined : () => setFocusOnItem(index),
       role: divider ? 'separator' : 'menuitem'
@@ -11868,7 +11872,7 @@ const KebabMenu = ({
   }, action.label))));
 };
 
-var styles$1f = {"card":"_TXXpM","card__body":"_C3waP","card__body--interactive":"_uc-GV","card--focus":"_ft0I1","card__body--focus":"_wx2MU","card__body--disabled":"_TQDZH","card__body--with-kebab":"_kkYit","card__kebab":"_xrEdS","card__kebab--disabled":"_0WiOn","card__close":"_yODES","card__close--disabled":"_Vqf6o"};
+var styles$1h = {"card":"_TXXpM","card__body":"_C3waP","card__body--interactive":"_uc-GV","card--focus":"_ft0I1","card__body--focus":"_wx2MU","card__body--disabled":"_TQDZH","card__body--with-kebab":"_kkYit","card__kebab":"_xrEdS","card__kebab--disabled":"_0WiOn","card__close":"_yODES","card__close--disabled":"_Vqf6o"};
 
 const CardContext = createContext({
   isCardMounted: false
@@ -11904,28 +11908,28 @@ const Card = _ref => {
       isCardMounted: true
     }
   }, React__default.createElement("div", _extends({
-    className: classnames(styles$1f['card']),
+    className: classnames(styles$1h['card']),
     style: positionStyles
   }, dataProps), onClick ? React__default.createElement("button", {
-    className: classnames(styles$1f['card__body'], styles$1f['card__body--interactive'], {
-      [styles$1f['card__body--disabled']]: disabled,
-      [styles$1f['card__body--focus']]: isSelected,
-      [styles$1f['card__body--with-kebab']]: actions
+    className: classnames(styles$1h['card__body'], styles$1h['card__body--interactive'], {
+      [styles$1h['card__body--disabled']]: disabled,
+      [styles$1h['card__body--focus']]: isSelected,
+      [styles$1h['card__body--with-kebab']]: actions
     }),
     "data-testid": testId,
     tabIndex: 0,
     onClick: onClick,
     disabled: disabled
   }, children) : React__default.createElement("div", {
-    className: classnames(styles$1f['card__body'], {
-      [styles$1f['card__body--disabled']]: disabled,
-      [styles$1f['card__body--focus']]: isSelected,
-      [styles$1f['card__body--with-kebab']]: actions
+    className: classnames(styles$1h['card__body'], {
+      [styles$1h['card__body--disabled']]: disabled,
+      [styles$1h['card__body--focus']]: isSelected,
+      [styles$1h['card__body--with-kebab']]: actions
     }),
     "data-testid": testId
   }, children), actions && React__default.createElement("div", {
-    className: classnames(styles$1f['card__kebab'], {
-      [styles$1f['card__kebab--disabled']]: disabled
+    className: classnames(styles$1h['card__kebab'], {
+      [styles$1h['card__kebab--disabled']]: disabled
     })
   }, React__default.createElement(KebabMenu, {
     actions: onClose ? actions.concat({
@@ -11934,8 +11938,8 @@ const Card = _ref => {
       onAction: onClose
     }) : actions
   })), !actions && onClose && React__default.createElement("div", {
-    className: classnames(styles$1f['card__close'], {
-      [styles$1f['card__close--disabled']]: disabled
+    className: classnames(styles$1h['card__close'], {
+      [styles$1h['card__close--disabled']]: disabled
     })
   }, React__default.createElement(Button, {
     theme: "link-icon",
@@ -11943,7 +11947,7 @@ const Card = _ref => {
   }, React__default.createElement(IconTimes, null)))));
 };
 
-var styles$1e = {"callout-card__close":"_VxmQm","callout-card__header":"_3RrQI"};
+var styles$1g = {"callout-card__close":"_VxmQm","callout-card__header":"_3RrQI"};
 
 /**
  * @deprecated Use `<EmptyState as='card' />` instead
@@ -11964,7 +11968,7 @@ const CalloutCard = ({
   }, React__default.createElement(Stack, {
     space: 12
   }, React__default.createElement("div", {
-    className: styles$1e['callout-card__header']
+    className: styles$1g['callout-card__header']
   }, React__default.createElement(Text, {
     as: "body",
     color: "primary-color"
@@ -11979,7 +11983,7 @@ const CalloutCard = ({
     alt: String(title) + String(header),
     width: "354px"
   })), onClose && React__default.createElement("div", {
-    className: styles$1e['callout-card__close']
+    className: styles$1g['callout-card__close']
   }, React__default.createElement(Button, {
     theme: "link-icon",
     onClick: onClose
@@ -11995,7 +11999,7 @@ const Breadcrumbs = ({
   }, children);
 };
 
-var styles$1d = {"breadcrumb-item":"_fo7-A"};
+var styles$1f = {"breadcrumb-item":"_fo7-A"};
 
 const BreadcrumbItem = ({
   href,
@@ -12009,25 +12013,25 @@ const BreadcrumbItem = ({
   // This is neessary to support older versions of react-router-dom
   return _reloadDocument ? React__default.createElement("a", {
     href: href,
-    className: styles$1d['breadcrumb-item'],
+    className: styles$1f['breadcrumb-item'],
     "data-testid": testId
   }, content) : React__default.createElement(Link$1, {
     to: href,
-    className: styles$1d['breadcrumb-item'],
+    className: styles$1f['breadcrumb-item'],
     relative: "path",
     reloadDocument: _reloadDocument,
     "data-testid": testId
   }, content);
 };
 
-var styles$1c = {"page-breadcrumbs":"_QjIgc"};
+var styles$1e = {"page-breadcrumbs":"_QjIgc"};
 
 const PageBreadcrumbs = ({
   breadcrumbs
 }) => {
   const items = getBreadbrumbItems(breadcrumbs);
   return React__default.createElement("div", {
-    className: styles$1c['page-breadcrumbs']
+    className: styles$1e['page-breadcrumbs']
   }, React__default.createElement(Breadcrumbs, null, items));
 };
 const getBreadbrumbItems = breadcrumbs => {
@@ -12047,7 +12051,7 @@ const getBreadbrumbItems = breadcrumbs => {
   }, breadcrumbs.label);
 };
 
-var styles$1b = {"page":"_QB6yF","page--fullwidth":"_g7MTf","page--restricted":"_LRq4j"};
+var styles$1d = {"page":"_QB6yF","page--fullwidth":"_g7MTf","page--restricted":"_LRq4j"};
 
 const PAGE_SIZES = {
   FULL_WIDTH: 'fullwidth',
@@ -12068,9 +12072,9 @@ const Page = ({
   const hasHeader = title || actions;
   const hasPageBlocks = hasHeader || banner || filterBar;
   return React__default.createElement("div", {
-    className: classnames(styles$1b['page'], {
-      [styles$1b['page--restricted']]: _size === PAGE_SIZES.RESTRICTED,
-      [styles$1b['page--fullwidth']]: _size === PAGE_SIZES.FULL_WIDTH
+    className: classnames(styles$1d['page'], {
+      [styles$1d['page--restricted']]: _size === PAGE_SIZES.RESTRICTED,
+      [styles$1d['page--fullwidth']]: _size === PAGE_SIZES.FULL_WIDTH
     }),
     "data-testid": testId
   }, React__default.createElement(Stack, {
@@ -12091,15 +12095,15 @@ const Page = ({
   }, title), actions), subtitle && React__default.createElement(Text, null, subtitle)), banner, filterBar)), children));
 };
 
-var styles$1a = {"page-layout":"_Scw7-","page-layout__nav-container":"_v--DF","page-layout__nav-list":"_dJeZe","page-layout__content":"_hHi70","page-layout__side-nav-content":"_vTMjp"};
+var styles$1c = {"page-layout":"_Scw7-","page-layout__nav-container":"_v--DF","page-layout__nav-list":"_dJeZe","page-layout__content":"_hHi70","page-layout__side-nav-content":"_vTMjp"};
 
-var styles$19 = {"menu-item":"_SebbU","menu-item--active":"_CDEVl","menu-item--with-badge":"_VudDE","menu-item__badge":"_vErBS"};
+var styles$1b = {"menu-item":"_SebbU","menu-item--active":"_CDEVl","menu-item--with-badge":"_VudDE","menu-item__badge":"_vErBS"};
 
-var styles$18 = {"badge":"_RXV4h","badge--warning":"_2An1I","badge--danger":"_-Bw8L","badge--success":"_RxlMz","badge--info":"_dzCH-","badge--numeric":"_Ix9tP"};
+var styles$1a = {"badge":"_RXV4h","badge--warning":"_2An1I","badge--danger":"_-Bw8L","badge--success":"_RxlMz","badge--info":"_dzCH-","badge--numeric":"_Ix9tP"};
 
-var styles$17 = {"overlay":"_0yTe8","overlay--after-open":"_yJBtA","overlay--before-close":"_iWogn","content":"_ntozd","content--after-open":"_EQjDq","content--before-close":"_ZTY3B"};
+var styles$19 = {"overlay":"_0yTe8","overlay--after-open":"_yJBtA","overlay--before-close":"_iWogn","content":"_ntozd","content--after-open":"_EQjDq","content--before-close":"_ZTY3B"};
 
-var styles$16 = {"header":"_tgpG9","header__close-button":"_b1dgU","sub-header":"_c2nm4"};
+var styles$18 = {"header":"_tgpG9","header__close-button":"_b1dgU","sub-header":"_c2nm4"};
 
 const ModalHeader = ({
   header,
@@ -12109,7 +12113,7 @@ const ModalHeader = ({
 }) => {
   if (!header && !subHeader) {
     return onClose ? React__default.createElement("div", {
-      className: styles$16['header__close-button']
+      className: styles$18['header__close-button']
     }, React__default.createElement(Button, {
       theme: "link-icon",
       onClick: onClose,
@@ -12125,13 +12129,13 @@ const ModalHeader = ({
     flex: [1],
     alignItems: "center"
   }, React__default.createElement("span", {
-    className: styles$16['header']
+    className: styles$18['header']
   }, header), onClose && React__default.createElement(Button, {
     theme: "link-icon",
     onClick: onClose,
     disabled: loading
   }, React__default.createElement(IconTimes, null))), subHeader && React__default.createElement("div", {
-    className: styles$16['sub-header']
+    className: styles$18['sub-header']
   }, subHeader));
 };
 
@@ -12189,14 +12193,14 @@ const Modal = _ref => {
     contentLabel: "Modal",
     appElement: rootElementId && document.getElementById(rootElementId) || undefined,
     overlayClassName: {
-      base: styles$17['overlay'],
-      afterOpen: styles$17['overlay--after-open'],
-      beforeClose: styles$17['overlay--before-close']
+      base: styles$19['overlay'],
+      afterOpen: styles$19['overlay--after-open'],
+      beforeClose: styles$19['overlay--before-close']
     },
     className: {
-      base: styles$17['content'],
-      afterOpen: styles$17['content--after-open'],
-      beforeClose: styles$17['content--before-close']
+      base: styles$19['content'],
+      afterOpen: styles$19['content--after-open'],
+      beforeClose: styles$19['content--before-close']
     },
     data: dataProps
   }, React__default.createElement(ModalHeader, {
@@ -12238,7 +12242,7 @@ const useScrollShadow = () => {
   };
 };
 
-var styles$15 = {"modal-body":"_4YK4k","modal-body--with-scroll-shadow":"_wo1vv","modal-body__inner-div":"_9u6xC"};
+var styles$17 = {"modal-body":"_4YK4k","modal-body--with-scroll-shadow":"_wo1vv","modal-body__inner-div":"_9u6xC"};
 
 const ModalBody = ({
   children,
@@ -12249,17 +12253,17 @@ const ModalBody = ({
     showScrollShadow
   } = useScrollShadow();
   return React__default.createElement("div", {
-    className: classnames(styles$15['modal-body'], {
-      [styles$15['modal-body--with-scroll-shadow']]: showScrollShadow
+    className: classnames(styles$17['modal-body'], {
+      [styles$17['modal-body--with-scroll-shadow']]: showScrollShadow
     }),
     ref: ref,
     "data-testid": testId
   }, React__default.createElement("div", {
-    className: styles$15['modal-body__inner-div']
+    className: styles$17['modal-body__inner-div']
   }, children));
 };
 
-var styles$14 = {"modal-footer":"_bezlP","tertiary-container":"_EdqHx"};
+var styles$16 = {"modal-footer":"_bezlP","tertiary-container":"_EdqHx"};
 
 const updateButtonProps$1 = (button, newProps) => {
   if (!button) {
@@ -12303,7 +12307,7 @@ const ModalFooter = ({
       justifyContent: "space-between"
     }, React__default.createElement("div", {
       className: classnames({
-        [styles$14['tertiary-container']]: tertiaryButton && tertiaryButton.props.theme.startsWith('link')
+        [styles$16['tertiary-container']]: tertiaryButton && tertiaryButton.props.theme.startsWith('link')
       })
     }, tertiaryButton || React__default.createElement("div", null)), React__default.createElement(Inline, {
       space: 12
@@ -12321,7 +12325,7 @@ const FooterContainer = ({
     displayName: 'Inline'
   });
   return React__default.createElement("div", {
-    className: styles$14['modal-footer'],
+    className: styles$16['modal-footer'],
     "data-testid": testId
   }, React__default.createElement(Inline, {
     justifyContent: "end",
@@ -12334,7 +12338,7 @@ var dayOverridesStyles = {"root":"_et9Fs","table":"_l7Mis","caption":"_XGu8K","h
 
 var weekOverridesStyles = {"root":"_QLSA6","table":"_96jgF","caption":"_4ySMr","head_cell":"_2AoB4","day_today":"_Snv-V","day_outside":"_Zf-6C","nav_button":"_iOY4h","day_range_middle":"_e0lOH","day_range_start":"_4N7l-","day_range_end":"_fMjHG","row":"_GqE-5"};
 
-var styles$13 = {"calendar":"_YPyZ6","calendar__overlay":"_-cw0A"};
+var styles$15 = {"calendar":"_YPyZ6","calendar__overlay":"_-cw0A"};
 
 function parseDate(str, format, locale) {
   const parsed = dateFnsParse(str, format, new Date(), {
@@ -12427,6 +12431,44 @@ const CALENDAR_PLACEMENT = {
   TOP: 'top'
 };
 
+const HIGHLIGHT_SHAPE = {
+  CIRCLE: 'circle',
+  CIRCLE_DASHED: 'circle-dashed',
+  SQUARE: 'square',
+  SQUARE_DASHED: 'square-dashed',
+  OCTAGON: 'octagon',
+  STAR: 'star'
+};
+const DEFAULT_HIGHLIGHT_THEME = 'success';
+const DEFAULT_HIGHLIGHT_SHAPE = 'circle';
+const toMatcherArray = dates => Array.isArray(dates) ? dates : [dates];
+/**
+ * Turns the public `highlightedDays` array into per-group react-day-picker
+ * modifiers. When a day matches more than one group, the earliest group in
+ * the array wins its indicator (later groups' matchers exclude days already
+ * owned by an earlier group), so each day renders a single shape.
+ */
+const getHighlightModifiers = groups => {
+  const priorMatchers = [];
+  return groups.map((group, index) => {
+    var _group$shape, _group$theme;
+    const ownMatchers = toMatcherArray(group.dates);
+    // Snapshot of every earlier group's matchers, used to enforce
+    // first-group-wins precedence on overlapping days.
+    const earlier = priorMatchers.slice();
+    priorMatchers.push(ownMatchers);
+    return {
+      key: `highlighted-${index}`,
+      matcher: date => isMatch(date, ownMatchers) && !earlier.some(matchers => isMatch(date, matchers)),
+      shape: (_group$shape = group.shape) != null ? _group$shape : DEFAULT_HIGHLIGHT_SHAPE,
+      theme: (_group$theme = group.theme) != null ? _group$theme : DEFAULT_HIGHLIGHT_THEME,
+      label: group.label
+    };
+  });
+};
+
+var styles$14 = {"day_highlight":"_ucr9m","theme-success":"_mLAwT","theme-danger":"_Uji-g","theme-warning":"_pe9ss","theme-info":"_OfzGg","theme-upsell":"_Pywaj","theme-neutral":"_5WRkx","shape-circle":"_0LzN8","legendShape":"_N-Dl4","shape-circle-dashed":"_eCqCU","shape-square":"_-pO-1","shape-square-dashed":"_7PoYh","shape-octagon":"_ywc-V","shape-star":"_vF4Ka","legend":"_iB2Db","legendItem":"_YauE7","legendLabel":"_lMmc7"};
+
 const calculateCalendarPosition = (placement, anchorPosition, calendarDimensions) => {
   if (!calendarDimensions) {
     return {
@@ -12478,6 +12520,236 @@ const getVerticalPosition = (anchorPosition, placement, calendarDimensions) => {
     };
   }
 };
+/**
+ * Builds the DayPicker `modifiers`/`modifiersClassNames` for the given
+ * highlight groups, plus the resolved items for the legend. Shared by every
+ * calendar component so highlights look and behave identically.
+ */
+const buildHighlightDayPickerProps = highlightedDays => {
+  const items = highlightedDays ? getHighlightModifiers(Array.isArray(highlightedDays) ? highlightedDays : [highlightedDays]) : [];
+  if (!items.length) {
+    return {
+      items
+    };
+  }
+  const modifiers = {};
+  const modifiersClassNames = {};
+  items.forEach(({
+    key,
+    matcher,
+    shape,
+    theme
+  }) => {
+    modifiers[key] = matcher;
+    modifiersClassNames[key] = classnames(styles$14.day_highlight, styles$14[`shape-${shape}`], styles$14[`theme-${theme}`]);
+  });
+  return {
+    modifiers,
+    modifiersClassNames,
+    items
+  };
+};
+
+var styles$13 = {"calendar-highlights":"_TjAon","calendar-highlights__item":"_BbYmq","calendar-highlights__shape":"_utSi-","calendar-highlights__shape--square":"_mP9vd","calendar-highlights__shape--circle":"_6zlZT"};
+
+/** Legend rendered beneath a calendar, one row item per highlight group. */
+const CalendarHighlights = ({
+  highlights
+}) => {
+  if (!highlights.length) {
+    return null;
+  }
+  return React__default.createElement("div", {
+    className: styles$13['calendar-highlights']
+  }, React__default.createElement(Inline, {
+    flexWrap: "wrap",
+    space: {
+      column: 12,
+      row: 8
+    },
+    alignItems: "center",
+    justifyContent: "center"
+  }, highlights.map(({
+    label,
+    shape,
+    theme
+  }) => React__default.createElement("div", {
+    key: label,
+    className: styles$13['calendar-highlights__item']
+  }, React__default.createElement(Shape, {
+    shape: shape,
+    theme: theme
+  }), React__default.createElement("span", null, label)))));
+};
+const Shape = ({
+  shape,
+  theme
+}) => {
+  switch (shape) {
+    case 'square':
+      return React__default.createElement("div", {
+        className: classnames(styles$13['calendar-highlights__shape'], styles$13['calendar-highlights__shape--square']),
+        style: {
+          borderColor: COLORS[`${theme}-color`]
+        }
+      });
+    case 'square-dashed':
+      return React__default.createElement("div", {
+        className: styles$13['calendar-highlights__shape']
+      }, React__default.createElement(SquareDashedShape, {
+        theme: theme
+      }));
+    case 'circle':
+      return React__default.createElement("div", {
+        className: classnames(styles$13['calendar-highlights__shape'], styles$13['calendar-highlights__shape--circle']),
+        style: {
+          borderColor: COLORS[`${theme}-color`]
+        }
+      });
+    case 'circle-dashed':
+      return React__default.createElement("div", {
+        className: `${styles$13['calendar-highlights__shape']}`
+      }, React__default.createElement(CircleDashedShape, {
+        theme: theme
+      }));
+    case 'octagon':
+      return React__default.createElement("div", {
+        className: `${styles$13['calendar-highlights__shape']}`
+      }, React__default.createElement(OctagonShape, {
+        theme: theme
+      }));
+    case 'star':
+      return React__default.createElement("div", {
+        className: `${styles$13['calendar-highlights__shape']}`
+      }, React__default.createElement(StarShape, {
+        theme: theme
+      }));
+    default:
+      return React__default.createElement("div", {
+        className: styles$13['calendar-highlight__shape']
+      }, shape);
+  }
+};
+const SquareDashedShape = ({
+  theme
+}) => React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "12",
+  height: "12",
+  viewBox: "0 0 12 12"
+}, React__default.createElement("rect", {
+  x: "0",
+  y: "0",
+  width: "5",
+  height: "5",
+  fill: COLORS[`${theme}-color`]
+}), React__default.createElement("rect", {
+  x: "3",
+  y: "3",
+  width: "2",
+  height: "2",
+  fill: COLORS['surface-container']
+}), React__default.createElement("rect", {
+  x: "7",
+  y: "0",
+  width: "5",
+  height: "5",
+  fill: COLORS[`${theme}-color`]
+}), React__default.createElement("rect", {
+  x: "7",
+  y: "3",
+  width: "2",
+  height: "2",
+  fill: COLORS['surface-container']
+}), React__default.createElement("rect", {
+  x: "0",
+  y: "7",
+  width: "5",
+  height: "5",
+  fill: COLORS[`${theme}-color`]
+}), React__default.createElement("rect", {
+  x: "3",
+  y: "7",
+  width: "2",
+  height: "2",
+  fill: COLORS['surface-container']
+}), React__default.createElement("rect", {
+  x: "7",
+  y: "7",
+  width: "5",
+  height: "5",
+  fill: COLORS[`${theme}-color`]
+}), React__default.createElement("rect", {
+  x: "7",
+  y: "7",
+  width: "2",
+  height: "2",
+  fill: COLORS['surface-container']
+}));
+const CircleDashedShape = ({
+  theme
+}) => React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "12",
+  height: "12",
+  viewBox: "0 0 12 12"
+}, React__default.createElement("path", {
+  d: "M 6.000 3.000 L 6.000 0.500 A 5.5 5.5 0 0 1 7.700 0.769 L 6.927 3.147 A 3.0 3.0 0 0 0 6.000 3.000 Z",
+  fill: COLORS[`${theme}-color`]
+}), React__default.createElement("path", {
+  d: "M 7.763 3.573 L 9.233 1.550 A 5.5 5.5 0 0 1 10.450 2.767 L 8.427 4.237 A 3.0 3.0 0 0 0 7.763 3.573 Z",
+  fill: COLORS[`${theme}-color`]
+}), React__default.createElement("path", {
+  d: "M 8.853 5.073 L 11.231 4.300 A 5.5 5.5 0 0 1 11.500 6.000 L 9.000 6.000 A 3.0 3.0 0 0 0 8.853 5.073 Z",
+  fill: COLORS[`${theme}-color`]
+}), React__default.createElement("path", {
+  d: "M 8.853 6.927 L 11.231 7.700 A 5.5 5.5 0 0 1 10.450 9.233 L 8.427 7.763 A 3.0 3.0 0 0 0 8.853 6.927 Z",
+  fill: COLORS[`${theme}-color`]
+}), React__default.createElement("path", {
+  d: "M 7.763 8.427 L 9.233 10.450 A 5.5 5.5 0 0 1 7.700 11.231 L 6.927 8.853 A 3.0 3.0 0 0 0 7.763 8.427 Z",
+  fill: COLORS[`${theme}-color`]
+}), React__default.createElement("path", {
+  d: "M 6.000 9.000 L 6.000 11.500 A 5.5 5.5 0 0 1 4.300 11.231 L 5.073 8.853 A 3.0 3.0 0 0 0 6.000 9.000 Z",
+  fill: COLORS[`${theme}-color`]
+}), React__default.createElement("path", {
+  d: "M 4.237 8.427 L 2.767 10.450 A 5.5 5.5 0 0 1 1.550 9.233 L 3.573 7.763 A 3.0 3.0 0 0 0 4.237 8.427 Z",
+  fill: COLORS[`${theme}-color`]
+}), React__default.createElement("path", {
+  d: "M 3.147 6.927 L 0.769 7.700 A 5.5 5.5 0 0 1 0.500 6.000 L 3.000 6.000 A 3.0 3.0 0 0 0 3.147 6.927 Z",
+  fill: COLORS[`${theme}-color`]
+}), React__default.createElement("path", {
+  d: "M 3.147 5.073 L 0.769 4.300 A 5.5 5.5 0 0 1 1.550 2.767 L 3.573 4.237 A 3.0 3.0 0 0 0 3.147 5.073 Z",
+  fill: COLORS[`${theme}-color`]
+}), React__default.createElement("path", {
+  d: "M 4.237 3.573 L 2.767 1.550 A 5.5 5.5 0 0 1 4.300 0.769 L 5.073 3.147 A 3.0 3.0 0 0 0 4.237 3.573 Z",
+  fill: COLORS[`${theme}-color`]
+}));
+const OctagonShape = ({
+  theme
+}) => React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "12",
+  height: "12",
+  viewBox: "0 0 12 12",
+  fill: "none"
+}, React__default.createElement("path", {
+  d: "M10.4971 4.13281L10.499 7.86035L7.86621 10.4971L4.13867 10.499L1.50195 7.86621L1.5 4.13867L4.13281 1.50195L7.86035 1.5L10.4971 4.13281Z",
+  stroke: COLORS[`${theme}-color`],
+  strokeWidth: "3"
+}));
+const StarShape = ({
+  theme
+}) => React__default.createElement("svg", {
+  width: "12",
+  height: "12",
+  viewBox: "0 0 12 12",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, React__default.createElement("path", {
+  d: "M6.72168 2.82812L7.09082 3.36719L7.73242 3.24707L8.98926 3.00977L8.75293 4.26758L8.63281 4.90918L9.17188 5.27832L10.2275 6L9.17188 6.72168L8.63281 7.09082L8.75293 7.73242L8.98926 8.98926L7.73242 8.75293L7.09082 8.63281L6.72168 9.17188L6 10.2275L5.27832 9.17188L4.90918 8.63281L4.26758 8.75293L3.00977 8.98926L3.24707 7.73242L3.36719 7.09082L2.82812 6.72168L1.77148 6L2.82812 5.27832L3.36719 4.90918L3.24707 4.26758L3.00977 3.00977L4.26758 3.24707L4.90918 3.36719L5.27832 2.82812L6 1.77148L6.72168 2.82812Z",
+  stroke: COLORS[`${theme}-color`],
+  strokeWidth: "2"
+}));
 
 /**Calendar overlay component*/
 const Calendar = ({
@@ -12489,6 +12761,7 @@ const Calendar = ({
   onSelect,
   onClickOutside,
   disabledDays,
+  highlightedDays,
   anchorRef,
   testId,
   onMonthChange
@@ -12542,8 +12815,11 @@ const Calendar = ({
   const styleOverrides = _mode === CALENDAR_MODE.WEEK ? weekOverridesStyles : dayOverridesStyles;
   const MONTH_NAMES = getMonths(translate);
   const DAYS = getDays(translate);
+  const highlight = buildHighlightDayPickerProps(highlightedDays);
   const defaultProps = {
     classNames: _extends({}, originalStylers, styleOverrides),
+    modifiers: highlight.modifiers,
+    modifiersClassNames: highlight.modifiersClassNames,
     onDayClick: (day, activeModifiers) => {
       const isDateDisabled = Object.keys(activeModifiers).find(modifier => modifier.includes('disabled'));
       if (!Boolean(isDateDisabled)) {
@@ -12570,9 +12846,9 @@ const Calendar = ({
     }
   };
   return React__default.createElement(Portal, null, React__default.createElement("div", {
-    className: styles$13['calendar']
+    className: styles$15['calendar']
   }, React__default.createElement("div", {
-    className: styles$13['calendar__overlay'],
+    className: styles$15['calendar__overlay'],
     ref: ref => setCalendarRef(ref),
     style: _extends({}, calendarPosition, {
       zIndex: isInsideDropdown ? getZIndex('dropdown-level-2') : getZIndex('dropdown')
@@ -12587,7 +12863,9 @@ const Calendar = ({
     mode: "range",
     selected: selectedRange,
     captionLayout: "dropdown-buttons"
-  }, defaultProps)))));
+  }, defaultProps)), React__default.createElement(CalendarHighlights, {
+    highlights: highlight.items
+  }))));
 };
 
 const useCheckBoxFieldControllers = ({
@@ -12848,12 +13126,12 @@ const BadgeElement = (_ref, forwardedRef) => {
     overlay: title,
     ref: ref
   }, React__default.createElement("div", _extends({
-    className: classnames(styles$18['badge'], {
-      [styles$18['badge--success']]: theme === 'success',
-      [styles$18['badge--danger']]: theme === 'danger',
-      [styles$18['badge--info']]: theme === 'info',
-      [styles$18['badge--warning']]: theme === 'warning',
-      [styles$18['badge--numeric']]: Number.isFinite(children)
+    className: classnames(styles$1a['badge'], {
+      [styles$1a['badge--success']]: theme === 'success',
+      [styles$1a['badge--danger']]: theme === 'danger',
+      [styles$1a['badge--info']]: theme === 'info',
+      [styles$1a['badge--warning']]: theme === 'warning',
+      [styles$1a['badge--numeric']]: Number.isFinite(children)
     }),
     ref: ref,
     "data-testid": testId
@@ -12865,28 +13143,28 @@ const MenuItem = ({
   menu
 }) => {
   return React__default.createElement("li", {
-    className: classnames(styles$19['menu-item'], {
-      [styles$19['menu-item--with-badge']]: !!menu.suffix
+    className: classnames(styles$1b['menu-item'], {
+      [styles$1b['menu-item--with-badge']]: !!menu.suffix
     })
   }, menu.reloadDocument ? React__default.createElement("a", {
     href: menu.to,
     className: classnames({
-      [styles$19['menu-item--active']]: menu.isActive
+      [styles$1b['menu-item--active']]: menu.isActive
     })
   }, menu.label, !!menu.suffix && React__default.createElement("div", {
-    className: styles$19['menu-item__badge']
+    className: styles$1b['menu-item__badge']
   }, React__default.createElement(Badge, null, menu.suffix))) : React__default.createElement(NavLink, {
     to: menu.to,
     // @ts-expect-error This is only available on v5
-    activeClassName: styles$19['menu-item--active'],
+    activeClassName: styles$1b['menu-item--active'],
     className: ({
       isActive
     }) => {
-      return isActive ? styles$19['menu-item--active'] : '';
+      return isActive ? styles$1b['menu-item--active'] : '';
     },
     exact: true
   }, menu.label, !!menu.suffix && React__default.createElement("div", {
-    className: styles$19['menu-item__badge']
+    className: styles$1b['menu-item__badge']
   }, React__default.createElement(Badge, null, menu.suffix))));
 };
 
@@ -12897,9 +13175,9 @@ const PageLayout = ({
   sideNavContent
 }) => {
   return React__default.createElement("div", {
-    className: styles$1a['page-layout']
+    className: styles$1c['page-layout']
   }, React__default.createElement("div", {
-    className: styles$1a['page-layout__nav-container']
+    className: styles$1c['page-layout__nav-container']
   }, React__default.createElement(Stack, {
     space: 12
   }, React__default.createElement(Text, {
@@ -12908,14 +13186,14 @@ const PageLayout = ({
     ml: 20,
     mr: 35
   }, title), React__default.createElement("ul", {
-    className: styles$1a['page-layout__nav-list']
+    className: styles$1c['page-layout__nav-list']
   }, menu.filter(menu => !('isVisible' in menu) || (menu == null ? void 0 : menu.isVisible) === true).map((menuItem, index) => React__default.createElement(MenuItem, {
     key: menuItem.name || index,
     menu: menuItem
   }))), sideNavContent && React__default.createElement("div", {
-    className: styles$1a['page-layout__side-nav-content']
+    className: styles$1c['page-layout__side-nav-content']
   }, sideNavContent))), React__default.createElement("div", {
-    className: styles$1a['page-layout__content']
+    className: styles$1c['page-layout__content']
   }, children));
 };
 
@@ -15158,7 +15436,7 @@ const CreateInputForm = ({
     flex: [1],
     flexItems: true
   }, React__default.createElement("input", {
-    className: classnames(styles$1l['text-field'], inputClassName),
+    className: classnames(styles$1n['text-field'], inputClassName),
     autoCorrect: "off",
     autoComplete: "off",
     spellCheck: "false",
@@ -15625,9 +15903,9 @@ const CalendarMonth = ({
   }
   const MONTHS = [...Array(12).keys()];
   return React__default.createElement(Portal, null, React__default.createElement("div", {
-    className: styles$13['calendar']
+    className: styles$15['calendar']
   }, React__default.createElement("div", {
-    className: styles$13['calendar__overlay'],
+    className: styles$15['calendar__overlay'],
     ref: ref => setCalendarRef(ref),
     style: _extends({}, calendarPosition, {
       zIndex: isInsideDropdown ? getZIndex('dropdown-level-2') : getZIndex('dropdown')
@@ -15693,6 +15971,7 @@ const DateFilter = ({
   weekStart: _weekStart = 0,
   value,
   onChange,
+  highlightedDays,
   testId
 }) => {
   const calendarAnchorRef = useRef(null);
@@ -15744,6 +16023,7 @@ const DateFilter = ({
     anchorRef: calendarAnchorRef,
     weekStart: _weekStart,
     mode: _mode,
+    highlightedDays: highlightedDays,
     position: "bottom"
   }));
 };
@@ -16886,6 +17166,7 @@ const DateField = ({
   id: inputId,
   value,
   disabledDays,
+  highlightedDays,
   initialMonth,
   format: _format = 'MM/dd/yyyy',
   onChange,
@@ -16994,6 +17275,7 @@ const DateField = ({
     anchorRef: inputRef,
     onClickOutside: onClickOutside,
     disabledDays: day => disabledDays ? disabledDays(setToMidnight(day)) : false,
+    highlightedDays: highlightedDays,
     initialMonth: initialMonth,
     onMonthChange: onMonthChange,
     weekStart: weekStart
@@ -17068,6 +17350,7 @@ const DateRangeCalendar = ({
   onSelect,
   onClickOutside,
   disabledDays,
+  highlightedDays,
   anchorRef,
   testId,
   onMonthChange,
@@ -17117,10 +17400,11 @@ const DateRangeCalendar = ({
   const datePickerProps = mode === 'start-date' ? startDateProps : endDateProps;
   const DAYS = getDays(translate);
   const MONTH_NAMES = getMonths(translate);
+  const highlight = buildHighlightDayPickerProps(highlightedDays);
   return React__default.createElement(Portal, null, React__default.createElement("div", {
-    className: styles$13['calendar']
+    className: styles$15['calendar']
   }, React__default.createElement("div", {
-    className: styles$13['calendar__overlay'],
+    className: styles$15['calendar__overlay'],
     ref: ref => setCalendarRef(ref),
     style: _extends({}, calendarPosition, {
       zIndex: getZIndex('dropdown')
@@ -17140,6 +17424,8 @@ const DateRangeCalendar = ({
       to: end
     },
     disabled: disabledDays,
+    modifiers: highlight.modifiers,
+    modifiersClassNames: highlight.modifiersClassNames,
     showOutsideDays: true,
     weekStartsOn: _weekStart,
     max: maxDays,
@@ -17155,7 +17441,9 @@ const DateRangeCalendar = ({
         return DAYS[date.getDay()].substring(0, 2);
       }
     }
-  }, datePickerProps)))));
+  }, datePickerProps)), React__default.createElement(CalendarHighlights, {
+    highlights: highlight.items
+  }))));
 };
 
 const FromDate = ({
@@ -17163,6 +17451,7 @@ const FromDate = ({
   id,
   format,
   disabledDays,
+  highlightedDays,
   start,
   end,
   placeholder,
@@ -17210,6 +17499,7 @@ const FromDate = ({
     start: start,
     end: end,
     disabledDays: disabledDaysChecks,
+    highlightedDays: highlightedDays,
     weekStart: weekStart,
     maxDays: maxDays,
     mode: "start-date"
@@ -17220,6 +17510,7 @@ const ToDateElement = ({
   name,
   format,
   disabledDays,
+  highlightedDays,
   start,
   end,
   placeholder,
@@ -17262,6 +17553,7 @@ const ToDateElement = ({
     start: start,
     end: end,
     disabledDays: disabledDaysChecks,
+    highlightedDays: highlightedDays,
     weekStart: weekStart,
     maxDays: maxDays,
     mode: "end-date"
@@ -17275,6 +17567,7 @@ const DateRangeField = ({
   id: inputId,
   value,
   disabledDays,
+  highlightedDays,
   format: _format = 'MM/dd/yyyy',
   onChange,
   onBlur,
@@ -17330,6 +17623,7 @@ const DateRangeField = ({
     maxDays: maxDays,
     disabled: disabled,
     disabledDays: typeof disabledDays === 'object' && ('start' in disabledDays || 'end' in disabledDays) ? (_disabledDays$start = disabledDays.start) != null ? _disabledDays$start : undefined : disabledDays,
+    highlightedDays: highlightedDays,
     readOnly: _readOnly,
     onChange: val => controllers.onChange({
       start: val,
@@ -17353,6 +17647,7 @@ const DateRangeField = ({
     maxDays: maxDays,
     disabled: disabled,
     disabledDays: typeof disabledDays === 'object' && ('start' in disabledDays || 'end' in disabledDays) ? (_disabledDays$end = disabledDays.end) != null ? _disabledDays$end : undefined : disabledDays,
+    highlightedDays: highlightedDays,
     readOnly: _readOnly,
     onBlur: controllers.onBlur,
     onChange: val => controllers.onChange({
@@ -17370,6 +17665,7 @@ const WeekField = ({
   id: inputId,
   value,
   disabledDays,
+  highlightedDays,
   initialMonth,
   format: _format = 'MM/dd/yyyy',
   onChange,
@@ -17446,6 +17742,7 @@ const WeekField = ({
     anchorRef: inputRef,
     onClickOutside: onClickOutside,
     disabledDays: day => disabledDays ? disabledDays(setToMidnight(day)) : false,
+    highlightedDays: highlightedDays,
     initialMonth: initialMonth,
     mode: "week",
     weekStart: _weekStart
@@ -18127,8 +18424,8 @@ const usePhoneField = ({
     'aria-describedby': hasError ? `${controllers.id}-error-message` : `${controllers.id}-describer`,
     'aria-invalid': hasError,
     autoFocus,
-    className: classnames(styles$1l['text-field'], {
-      [styles$1l['text-field--invalid']]: hasError
+    className: classnames(styles$1n['text-field'], {
+      [styles$1n['text-field--invalid']]: hasError
     }),
     'data-testid': testId,
     disabled,
@@ -19293,6 +19590,59 @@ const ColorFieldElement = (props, ref) => {
 };
 const ColorField = forwardRef(ColorFieldElement);
 
+/**
+ * Matches the nth occurrence of a weekday within its month.
+ *
+ * @example nthWeekdayOfMonth(1, 1)       // first Monday of every month
+ * @example nthWeekdayOfMonth(5, 'last')  // last Friday of every month
+ */
+const nthWeekdayOfMonth = (weekday, nth) => {
+  return date => {
+    if (getDay(date) !== weekday) {
+      return false;
+    }
+    const dayOfMonth = getDate(date);
+    if (nth === 'last') {
+      // No further occurrence of this weekday fits in the month.
+      return dayOfMonth + 7 > getDaysInMonth(date);
+    }
+    const occurrence = Math.floor((dayOfMonth - 1) / 7) + 1;
+    return occurrence === nth;
+  };
+};
+/**
+ * Matches a weekday on a repeating week interval, aligned to `from`.
+ *
+ * @example everyOtherWeekday(5, { from: firstPayDay })  // every other Friday
+ * @example everyOtherWeekday(1, { interval: 3 })        // every third Monday
+ */
+const everyOtherWeekday = (weekday, options = {}) => {
+  const {
+    from,
+    interval = 2
+  } = options;
+  return date => {
+    if (getDay(date) !== weekday) {
+      return false;
+    }
+    if (!from) {
+      return true;
+    }
+    const weeks = differenceInCalendarWeeks(startOfDay(date), startOfDay(from));
+    // Normalise to a non-negative remainder so dates before `from`
+    // still align correctly.
+    return (weeks % interval + interval) % interval === 0;
+  };
+};
+/** Matches the first day of every month. */
+const firstOfMonth = () => {
+  return date => getDate(date) === 1;
+};
+/** Matches the last day of every month. */
+const lastOfMonth = () => {
+  return date => getDate(date) === getDaysInMonth(date);
+};
+
 const isValidPhoneNumber = value => !value || isValidPhoneNumber$1(value);
 
 var styles$d = {"avatar":"_V1U8v","avatar__container":"_peAaI","avatar--small":"_9g-tn","avatar__badge":"_uViot","avatar--medium":"_vNXJW","avatar--large":"_9ZKAB","avatar--extra-large":"_uv14Y"};
@@ -64582,5 +64932,5 @@ const EmptyState = props => {
   return emptyStateContainer;
 };
 
-export { Accordion, ActionList, ActionListItem, AsyncSelectField, Avatar, Badge, Bold, BreadcrumbItem, Breadcrumbs, Button, COLORS, Calendar, CalloutCard, Card, CheckboxField, Chip, CircularProgress, ColorField, CurrencyField, DataTable, DataTableCell, DataTableEditableCell, DataTableRow, DateField, DateFilter, DateRangeField, Dropdown, DropdownList, DropdownListDivider, DropdownListItem, DropdownListItemSelectable, EmptyState, Form, FormFeedback, FormFooter, FormRow, FormSection, HintModal, IconAddressBook, IconAnalytics, IconArrowDown, IconArrowDownWideShort, IconArrowLeft, IconArrowRight, IconArrowToTop, IconArrowTurnDownRight, IconArrowUp, IconAward, IconAwardSimple, IconAwful, IconAwfulMonochromatic, IconBad, IconBadMonochromatic, IconBalanceScale, IconBalanceScaleLeft, IconBan, IconBarsH, IconBarsV, IconBell, IconBirthdayCake, IconBold, IconBolt, IconBook, IconBriefcase, IconBullhorn, IconBullseyeArrow, IconCalculator, IconCalendar, IconCalendarAlt, IconCalendarCheck, IconCalendarDay, IconCalendarExclamation, IconCalendarStar, IconCalendarWeek, IconCamera, IconCameraSlash, IconCashRegister, IconChartBar, IconCheck, IconCheckCircle, IconCheckCircleIncomplete, IconCheckCircleIncompleteRole, IconCheckCircleIncompleteUser, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCircleHalfStroke, IconCircleXMark, IconClipboardList, IconClock, IconClockExclamation, IconClockRewind, IconCog, IconComment, IconCommentLines, IconCopy, IconCreditCard, IconCreditCardPlus, IconDecent, IconDecentMonochromatic, IconDeleteLeft, IconDollarSign, IconDownload, IconEdit, IconEllipsis, IconEllipsisV, IconEnvelope, IconEnvelopeOpenDollar, IconExclamation, IconExclamationTriangle, IconExpand, IconExternalLink, IconEye, IconEyeSlash, IconFaceSmileRelaxed, IconFile, IconFilePdf, IconFileUser, IconFlag, IconFourDotsCircle, IconFourSquares, IconGanttChart, IconGavel, IconGif, IconGift, IconGlobe, IconGood, IconGoodMonochromatic, IconGreat, IconGreatMonochromatic, IconGrinBeam, IconGripVertical, IconHand, IconHandHoldingCoin, IconHandHoldingDollar, IconHandPointRight, IconHandshake, IconHatChef, IconHouse, IconImage, IconInfoCircle, IconIslandTropical, IconItalic, IconLaptopSearch, IconLink, IconList, IconListOl, IconLock, IconMagic, IconMapMarker, IconMedal, IconMemoMagnifyingGlass, IconMessages, IconMicrophone, IconMinus, IconMinusCircle, IconMobile, IconMoneyBill, IconMugSaucer, IconNotesMedical, IconOvertime, IconPaperPlane, IconPaperPlaneClock, IconPaperclip, IconPencil, IconPercentage, IconPhone, IconPlateUtensils, IconPlug, IconPlus, IconPrint, IconQuestionCircle, IconRepeat, IconReply, IconRocket, IconSchool, IconSearch, IconSignIn, IconSignOut, IconSitemap, IconSlidersH, IconSort, IconSortChevron, IconSortChevronDown, IconSortChevronUp, IconSparkle, IconStar, IconStickyNoteLines, IconStopwatch, IconStore, IconStrikethrough, IconSync, IconSyncExclamation, IconTable, IconTachometer, IconThreeSquares, IconThumbsDown, IconThumbsUp, IconTimes, IconTimesOctagon, IconTrash, IconUnderline, IconUndo, IconUniversity, IconUnlock, IconUser, IconUserComputer, IconUserFriends, IconUserPlus, IconUserSearch, IconUserSlash, IconUserTag, IconUserTie, IconUsers, IconVideo, IconVolume, IconVolumeMute, IconWifi, IconWifiSlash, IconWrench, Ink3DGlasses, Ink3DModeling02, Ink3DPrinting, InkAcademicCap, InkAiAutomation, InkAirBalloon, InkAirPlane, InkAirplanePillow, InkAlpinist, InkAmbulance, InkAmericanFootball, InkAmusementPark, InkAnatomy, InkAngryFace, InkAppFolder, InkApps, InkArtistHat, InkArtistPainting, InkAsteroid, InkAstonishedFace, InkAstronaut, InkAudioBook, InkAviatorSunglasses, InkAvocado, InkBackpack, InkBacteria, InkBakingMold, InkBalanceYinYang, InkBallet, InkBamboo, InkBandAid, InkBanjo, InkBarChartUp, InkBarbell, InkBaseball, InkBaseballBatWithBall, InkBasketball, InkBeamingFaceWithSmilingEyes, InkBeverageCola, InkBicycle, InkBigboard, InkBillCheck, InkBirdCage, InkBirdHouse, InkBirthdayCakeSlice, InkBirthdayCap, InkBlackboard, InkBlender, InkBloodBagForTransfusion, InkBonfire, InkBook, InkBookSearch, InkBookShelf, InkBookletBrochure, InkBooks, InkBooksStack, InkBoombox, InkBowl, InkBowling, InkBox, InkBoxInUnfoldedForm, InkBoxOpened, InkBoxing, InkBoxingGloves, InkBrainLearn, InkBreadToast, InkBriefcase, InkBrokenHeart, InkBrush, InkBrushCup, InkBurger, InkBus, InkCabbage, InkCableCar, InkCalculator, InkCallToActionButtons, InkCampingSuv, InkCandies, InkCandy, InkCanoeist, InkCar, InkCarKey1, InkCarKey2, InkCarabine, InkCardGames, InkCardioExerciseAthletePowerlifterWithBarbell, InkCardiogramMonitor, InkCargoShip, InkCarouselWithHorses, InkCarrot, InkCassetteTape, InkCastanets, InkCatFace, InkCatPlaying, InkCatStanding, InkChampagneCheers, InkCheckMark, InkCheese, InkChefHat, InkChemistry, InkCherryBlossoms, InkChestnut, InkChristmasAngel, InkChristmasBells, InkChristmasElf, InkChristmasSack, InkChristmasSnowman, InkChristmasStar, InkChristmasStocking, InkChristmasTree, InkChristmasTreeBall1, InkChristmasTreeBall2, InkChristmasWreath, InkClassicPhone, InkClearNight, InkClosed, InkCloudy, InkCoachWhistle, InkCoctailTropical, InkCodeTerminal, InkCoffeeCup, InkCoffeeCupTakeaway, InkCoffeeMug, InkCogs, InkCoinUsDollar, InkColorPalette, InkColorProfileCmyk, InkCompass, InkComputerMouse, InkCongasDrum, InkContemporaryArtAbstract, InkContentImage, InkContentVideo, InkCookbook, InkCookieMan, InkCookingTongs, InkCorkNoticeBoard, InkCouple01, InkCouple02, InkCouple03, InkCowboyHat, InkCrane, InkCrayfish, InkCreditCard, InkCroissant, InkCrossMark, InkCrossedFingers, InkCrown, InkCruiseShip, InkCrutches, InkCube, InkCupcake, InkCurlingStone, InkCutScissors, InkCutterPaperKnife, InkCuttingBoard, InkCyclistBicycle, InkDataFlow, InkDataReport, InkDeadline, InkDesignSketchOfClothes, InkDeskLamp, InkDiagnosisDocument, InkDicer, InkDigitalPiano, InkDigitalThermometer, InkDiplomaCertificate, InkDirectionSigns, InkDirigible, InkDiscoBall, InkDiscountTag, InkDj, InkDjembeAfricanDrum, InkDna, InkDoNotDisturb, InkDocumentSignature, InkDocumentWithInfographic, InkDocumentsAndMedia, InkDogFace, InkDogHouse, InkDogStanding, InkDogToy, InkDollarBill, InkDolphin, InkDonut, InkDoubleDecker, InkDrawing, InkDrawing1, InkDrawingOnGraphicTablet, InkDrawingPalette, InkDropperContainer, InkDrum, InkDrumSet, InkDuctTape, InkDumbbell, InkEar, InkEarWheat, InkEggSunnySide, InkElectricCoolingFan, InkEmail, InkEmailInbox, InkEmailOpened, InkEmbroidery, InkEmployeeIdBadge, InkEmployeeOfMonth, InkEraser, InkExtensionCableCord, InkExtractorHood, InkEyeDropper, InkEyedropperWithColorPalette, InkFaceBlowingKiss, InkFaceMask, InkFaceWithTearsOfJoy, InkFencerSwordsmanWithSaber, InkFileFolder, InkFingerSnap, InkFingerWalking, InkFireTrending, InkFirecracker, InkFireworks, InkFishAquarium, InkFistRaised, InkFitnessTracker, InkFlag, InkFlashDriveUsb, InkFlashlight, InkFlipFlops, InkFlippers, InkFlowerBouquet, InkFlowerVase, InkFlute, InkFocusEyeHidden, InkFootballPlayer, InkForm, InkFourLeafClover, InkFrenchFries, InkFrisbee, InkFruitBowl, InkFryingPanEggs, InkGardenFence, InkGardenScissors, InkGardenShovel, InkGardeningFork, InkGasStationPump, InkGiftBox, InkGlobalInternational, InkGlobe, InkGoShopping, InkGolfClubSet, InkGolfTennisHatCap, InkGrapes, InkGraphicFileGalleryFrame, InkGrimacingFace, InkGroup7975, InkGroupOnlineTherapy, InkGuidelineBrandBook, InkGuitar, InkHalloweenGhost1, InkHalloweenGhost2, InkHalloweenJack, InkHandBandage, InkHandDrawingWithPencil, InkHandMeasuringHorizontally, InkHandMeasuringVertically, InkHandMeditationGesture, InkHandRaised, InkHandSignCall, InkHandSignChill, InkHandSignHalfHeartLeft, InkHandSignLittle, InkHandSignRock, InkHandSignStop, InkHandThreeFingers, InkHandVictoryLeftHand, InkHandVictoryRightHand, InkHandVulcanSalute, InkHandWaving, InkHandWithCamera, InkHandWithCards, InkHandWithChopsticks, InkHandWithCigarette, InkHandWithCoins, InkHandWithCreditCard, InkHandWithCup, InkHandWithDiamonds, InkHandWithDices, InkHandWithGem, InkHandWithGift, InkHandWithGlass, InkHandWithMagicWand, InkHandWithPaletteknifePainting, InkHandWithPencilDrawing, InkHandWithPhone, InkHandWithPuzzle, InkHandWithRose, InkHandWithSeedsPlanting, InkHandWithSmartPen, InkHandWithSpray, InkHandWithToothBrush, InkHandWithWatches, InkHandWithWipingCloth, InkHanukkah, InkHare, InkHarmonica, InkHarp, InkHazelnut, InkHeadMirror, InkHeadphones, InkHelicopter, InkHighSpeedTrain, InkHockeyPlayer, InkHockeyStickWithPuck, InkHorn, InkHospitalBed, InkHotAirBalloon, InkHotDog, InkHotelSign, InkHumanMoods, InkIceCream, InkIceMold, InkIceSkating, InkIndependenceDayGrill, InkIndexPointingDown, InkIndividualOnlineTherapy, InkInfographics, InkInhaler, InkInstagramPost, InkInteriorDesignHouseBlueprintPaperPlan, InkJoystick, InkJuiceCarton, InkJumpingRopes, InkKalimba, InkKarateMaster, InkKayak, InkKettlebell, InkKey, InkKeyboard, InkKidney, InkKitchenApron, InkKnife, InkLabTest, InkLabTube, InkLabelDesign, InkLadle, InkLandscapeDesign, InkLanguage, InkLaptop, InkLaptopBrowser, InkLawnmower, InkLayers, InkLeaf1, InkLeaf2, InkLifeJacket, InkLightBulb, InkLink, InkLockLocked, InkLockUnlocked, InkLunchBag, InkLungs, InkLuxuryJewellery, InkMagazine, InkMagicStick, InkMagicTricks, InkMagicWand, InkMagnet, InkMakingPhotoOnPhone, InkMaleFemaleSex, InkMan01, InkMan02, InkMan03, InkMan04, InkMan05, InkMan06, InkMan07, InkMan08, InkMan09, InkMan10, InkMan11, InkMan12, InkMan13, InkMan14, InkMan15, InkMan16, InkMan17, InkMaracas, InkMarker, InkMarketingCampaign, InkMascarade, InkMasher, InkMatcha, InkMatches, InkMeasuringJug, InkMedal, InkMedicalKit, InkMessageInformation, InkMessageQuestionsFaq, InkMetronome, InkMicroChips, InkMicrophone, InkMicroscope, InkMicrowaveOven, InkMilkCarton, InkMindDepression, InkMindEnergyLevels, InkMindProblemSolving, InkMindQuestion, InkMindThoughtProcess, InkMixer, InkMixingIngredients, InkMobileMockup, InkMoneyMetricUp, InkMoneySearch, InkMonitorBrowser, InkMoped, InkMotocrossMotorcycle, InkMotorbike, InkMural, InkMuseumPainting, InkMuseumSculpture, InkMushroom, InkNasalSpray, InkNews, InkNewtonsCradle, InkNoodlesWok, InkNoteBook, InkNotepadWithArrow, InkNotesChart, InkNotificationHashtag, InkNuclearEnergy, InkOcarina, InkOfficeChair01, InkOfficeChair02, InkOfficeNotebook, InkOfficePlant1, InkOfficePlant2, InkOfficePlant3, InkOfficeProjector, InkOfficeSnack, InkOintment, InkOliveOil, InkOnlineMeeting, InkOpen, InkOpenAllDay24Hours, InkOven, InkOvenGlove, InkOverlapOverlayIntersectionOpacity, InkPacManWithCursor, InkPackageDiscount, InkPaintTin, InkPaletteForDrawing, InkPalm, InkPanama, InkPanflute, InkPaperClip, InkPaperMap, InkPaperPlane, InkPaperShredder, InkPartlyCloudyDay, InkPartlyCloudyNight, InkPartyHat, InkPassport, InkPen, InkPenCurves, InkPenToolCursorWithBeziers, InkPencil, InkPencilSharpener, InkPepper, InkPerformanceMetric, InkPetBowl, InkPetCollar, InkPetCrate, InkPetFood, InkPetLitterShovel, InkPharmacyStore, InkPiano, InkPieChartDiscount, InkPieChartRevenue, InkPills, InkPillsBlisterPack, InkPillsContainer, InkPizzaSlice, InkPlanet, InkPlantInTube, InkPlantPot1, InkPlantPot2, InkPlantPot3, InkPlantPot4, InkPlantPot5, InkPlantPot6, InkPlates, InkPleadingFace, InkPokemon, InkPolaroidPhotoCard1, InkPolaroidPhotoCard2, InkPoleVaultAthleteJumper, InkPosTerminalMachine, InkPot, InkPottery, InkPowerBoat1, InkPowerBoat2, InkPresentationLive, InkPresentationReport, InkPrinter, InkPrivacyGdpr, InkProfile, InkProjector, InkProtractorRuler, InkPsychiatryNeurons, InkPsychologySymbol, InkPsychotherapistTakingNotes, InkPunchingBoxingBag, InkPushingButton, InkQrCode, InkQrCodeScanMobile, InkQuestionAnswerChat, InkRabbit, InkRainDrops, InkRainbow, InkRainy, InkRakes, InkReedGrass, InkRescueCircle, InkResistanceBand, InkReusableWaterBottle, InkReusableWaterBottleWithEnergyDrink, InkRoadmap, InkRobotics, InkRoller, InkRollerSkates, InkRollerSkating, InkRuler, InkRunning, InkRv, InkSailboat, InkSaltShaker, InkSandglass, InkSanitizer, InkSauceBottle, InkSaucePan, InkSavingMoney, InkSaxophone, InkScaleToolCrop, InkScanner, InkScissors, InkScooter, InkSculptureCarvingChisel, InkSearch, InkSeeds, InkSegway, InkSemi, InkSettings, InkShapes, InkShelfWithBooks, InkShoppingBasket, InkShoppingCart, InkSkateboard, InkSkateboarder, InkSkates, InkSkier, InkSleepingFace, InkSlotMachine, InkSmartphone, InkSmilingFaceWithGlasses, InkSmilingFaceWithHeartEyes, InkSmilingFaceWithHearts, InkSmilingFaceWithSunglasses, InkSmilingFaceWithTear, InkSmirkingFace, InkSnake, InkSnorkeling, InkSnowboarder, InkSnowflake, InkSnowy, InkSoccer, InkSoup, InkSpaceTravel, InkSparkles1, InkSparkles2, InkSparkles3, InkSpatula, InkSportBag, InkSportsHockeyFootballHelmet, InkSprayPaintCan, InkStPatricksDayClover, InkStaircaseUp, InkStapler, InkSteak, InkStethoscope, InkStickerSmileEmoji, InkStickyNotes, InkStomach, InkStoneStacking, InkStopSign, InkStoreShop, InkStrainer, InkStrongWind, InkSubmarine, InkSubwoofer, InkSuitcase, InkSumoWrestler, InkSunBed, InkSunflower, InkSunscreen, InkSurferSurfboard, InkSushi, InkSwimmingGogglesWithCap, InkSwimsuitBikini, InkSwimsuitShorts, InkSwissKnife, InkSyringe, InkSulptureBust as InkSсulptureBust, InkTShirtPrinting, InkTableTennis, InkTabletMockup, InkTaco, InkTambourine, InkTarget, InkTeaPot, InkTelescope, InkTemperatureCold, InkTemperatureHot, InkTemplate, InkTennis, InkTennisShuttlecock, InkTent, InkTestExamGrades, InkTextToolFont, InkTheatre, InkThinkingFace, InkThumbBackDirection, InkThumbsUp, InkThunderstorm, InkTimer, InkToaster, InkTooth, InkTornado, InkTouristBackpack, InkTouristBriefcase, InkTractor, InkTrafficLight, InkTram, InkTransparentBackground, InkTrashBin, InkTree, InkTreeEvergreen, InkTreeStump, InkTriangle, InkTrumpet, InkTuningFork, InkUmbrella, InkUploadToCloud, InkUsbDrive01, InkUsbDrive02, InkUsbHub, InkValentinesDayTeddy, InkVaseWithWildflowers, InkVinylRecord, InkVinylRecordPlayer, InkViolin, InkVirus, InkVocalMicrophone, InkVolleyball, InkWalkingFrame, InkWallCalendar, InkWallClock, InkWallet, InkWaterScooter, InkWateringCan, InkWateringHose, InkWatermelon, InkWebBrowsing1, InkWebBrowsing2, InkWebCamera, InkWebUiElementImageSettings, InkWebWindow, InkWebsiteOnMonitor, InkWhisk, InkWifiRouter, InkWindy, InkWinkingFaceWithTongue, InkWoman01, InkWoman02, InkWoman03, InkWoman04, InkWoman05, InkWoman06, InkWoman07, InkWoman08, InkWoman09, InkWoman10, InkWoman11, InkWoman12, InkWorkflow, InkWorkingByDesk, InkWorkingTable, InkWritingPen, InkXylophone, InkYogaMan, InkYogaWoman, Inline, InlineBanner, Italic, Link, MicroBanner, Modal, ModalBody, ModalFooter, MultiSelectField, NumberField, Page, PageLayout, PaginationControls, PasswordField, Paywall, PercentageField, PersistentBanner, PhoneField, Pill, PillSelectField, Popover, PrimaryNav, PrimaryNavDivider, PrimaryNavFooter, PrimaryNavItem, PrimaryNavSubItem, ProgressBar, RadioGroupBoxOption, RadioGroupField, RadioGroupOption, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT, SegmentedControl, SelectField, Skeleton, SousChefProvider, Spinner, Stack, Text, TextAreaField, TextField, TimeField, TimeRangeField, Toggle, ToolbarSelect, Tooltip, Underline, WeekField, ZINDEX, isValidPhoneNumber, toast, useDataTableContext };
+export { Accordion, ActionList, ActionListItem, AsyncSelectField, Avatar, Badge, Bold, BreadcrumbItem, Breadcrumbs, Button, COLORS, Calendar, CalloutCard, Card, CheckboxField, Chip, CircularProgress, ColorField, CurrencyField, DataTable, DataTableCell, DataTableEditableCell, DataTableRow, DateField, DateFilter, DateRangeField, Dropdown, DropdownList, DropdownListDivider, DropdownListItem, DropdownListItemSelectable, EmptyState, Form, FormFeedback, FormFooter, FormRow, FormSection, HIGHLIGHT_SHAPE, HintModal, IconAddressBook, IconAnalytics, IconArrowDown, IconArrowDownWideShort, IconArrowLeft, IconArrowRight, IconArrowToTop, IconArrowTurnDownRight, IconArrowUp, IconAward, IconAwardSimple, IconAwful, IconAwfulMonochromatic, IconBad, IconBadMonochromatic, IconBalanceScale, IconBalanceScaleLeft, IconBan, IconBarsH, IconBarsV, IconBell, IconBirthdayCake, IconBold, IconBolt, IconBook, IconBriefcase, IconBullhorn, IconBullseyeArrow, IconCalculator, IconCalendar, IconCalendarAlt, IconCalendarCheck, IconCalendarDay, IconCalendarExclamation, IconCalendarStar, IconCalendarWeek, IconCamera, IconCameraSlash, IconCashRegister, IconChartBar, IconCheck, IconCheckCircle, IconCheckCircleIncomplete, IconCheckCircleIncompleteRole, IconCheckCircleIncompleteUser, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCircleHalfStroke, IconCircleXMark, IconClipboardList, IconClock, IconClockExclamation, IconClockRewind, IconCog, IconComment, IconCommentLines, IconCopy, IconCreditCard, IconCreditCardPlus, IconDecent, IconDecentMonochromatic, IconDeleteLeft, IconDollarSign, IconDownload, IconEdit, IconEllipsis, IconEllipsisV, IconEnvelope, IconEnvelopeOpenDollar, IconExclamation, IconExclamationTriangle, IconExpand, IconExternalLink, IconEye, IconEyeSlash, IconFaceSmileRelaxed, IconFile, IconFilePdf, IconFileUser, IconFlag, IconFourDotsCircle, IconFourSquares, IconGanttChart, IconGavel, IconGif, IconGift, IconGlobe, IconGood, IconGoodMonochromatic, IconGreat, IconGreatMonochromatic, IconGrinBeam, IconGripVertical, IconHand, IconHandHoldingCoin, IconHandHoldingDollar, IconHandPointRight, IconHandshake, IconHatChef, IconHouse, IconImage, IconInfoCircle, IconIslandTropical, IconItalic, IconLaptopSearch, IconLink, IconList, IconListOl, IconLock, IconMagic, IconMapMarker, IconMedal, IconMemoMagnifyingGlass, IconMessages, IconMicrophone, IconMinus, IconMinusCircle, IconMobile, IconMoneyBill, IconMugSaucer, IconNotesMedical, IconOvertime, IconPaperPlane, IconPaperPlaneClock, IconPaperclip, IconPencil, IconPercentage, IconPhone, IconPlateUtensils, IconPlug, IconPlus, IconPrint, IconQuestionCircle, IconRepeat, IconReply, IconRocket, IconSchool, IconSearch, IconSignIn, IconSignOut, IconSitemap, IconSlidersH, IconSort, IconSortChevron, IconSortChevronDown, IconSortChevronUp, IconSparkle, IconStar, IconStickyNoteLines, IconStopwatch, IconStore, IconStrikethrough, IconSync, IconSyncExclamation, IconTable, IconTachometer, IconThreeSquares, IconThumbsDown, IconThumbsUp, IconTimes, IconTimesOctagon, IconTrash, IconUnderline, IconUndo, IconUniversity, IconUnlock, IconUser, IconUserComputer, IconUserFriends, IconUserPlus, IconUserSearch, IconUserSlash, IconUserTag, IconUserTie, IconUsers, IconVideo, IconVolume, IconVolumeMute, IconWifi, IconWifiSlash, IconWrench, Ink3DGlasses, Ink3DModeling02, Ink3DPrinting, InkAcademicCap, InkAiAutomation, InkAirBalloon, InkAirPlane, InkAirplanePillow, InkAlpinist, InkAmbulance, InkAmericanFootball, InkAmusementPark, InkAnatomy, InkAngryFace, InkAppFolder, InkApps, InkArtistHat, InkArtistPainting, InkAsteroid, InkAstonishedFace, InkAstronaut, InkAudioBook, InkAviatorSunglasses, InkAvocado, InkBackpack, InkBacteria, InkBakingMold, InkBalanceYinYang, InkBallet, InkBamboo, InkBandAid, InkBanjo, InkBarChartUp, InkBarbell, InkBaseball, InkBaseballBatWithBall, InkBasketball, InkBeamingFaceWithSmilingEyes, InkBeverageCola, InkBicycle, InkBigboard, InkBillCheck, InkBirdCage, InkBirdHouse, InkBirthdayCakeSlice, InkBirthdayCap, InkBlackboard, InkBlender, InkBloodBagForTransfusion, InkBonfire, InkBook, InkBookSearch, InkBookShelf, InkBookletBrochure, InkBooks, InkBooksStack, InkBoombox, InkBowl, InkBowling, InkBox, InkBoxInUnfoldedForm, InkBoxOpened, InkBoxing, InkBoxingGloves, InkBrainLearn, InkBreadToast, InkBriefcase, InkBrokenHeart, InkBrush, InkBrushCup, InkBurger, InkBus, InkCabbage, InkCableCar, InkCalculator, InkCallToActionButtons, InkCampingSuv, InkCandies, InkCandy, InkCanoeist, InkCar, InkCarKey1, InkCarKey2, InkCarabine, InkCardGames, InkCardioExerciseAthletePowerlifterWithBarbell, InkCardiogramMonitor, InkCargoShip, InkCarouselWithHorses, InkCarrot, InkCassetteTape, InkCastanets, InkCatFace, InkCatPlaying, InkCatStanding, InkChampagneCheers, InkCheckMark, InkCheese, InkChefHat, InkChemistry, InkCherryBlossoms, InkChestnut, InkChristmasAngel, InkChristmasBells, InkChristmasElf, InkChristmasSack, InkChristmasSnowman, InkChristmasStar, InkChristmasStocking, InkChristmasTree, InkChristmasTreeBall1, InkChristmasTreeBall2, InkChristmasWreath, InkClassicPhone, InkClearNight, InkClosed, InkCloudy, InkCoachWhistle, InkCoctailTropical, InkCodeTerminal, InkCoffeeCup, InkCoffeeCupTakeaway, InkCoffeeMug, InkCogs, InkCoinUsDollar, InkColorPalette, InkColorProfileCmyk, InkCompass, InkComputerMouse, InkCongasDrum, InkContemporaryArtAbstract, InkContentImage, InkContentVideo, InkCookbook, InkCookieMan, InkCookingTongs, InkCorkNoticeBoard, InkCouple01, InkCouple02, InkCouple03, InkCowboyHat, InkCrane, InkCrayfish, InkCreditCard, InkCroissant, InkCrossMark, InkCrossedFingers, InkCrown, InkCruiseShip, InkCrutches, InkCube, InkCupcake, InkCurlingStone, InkCutScissors, InkCutterPaperKnife, InkCuttingBoard, InkCyclistBicycle, InkDataFlow, InkDataReport, InkDeadline, InkDesignSketchOfClothes, InkDeskLamp, InkDiagnosisDocument, InkDicer, InkDigitalPiano, InkDigitalThermometer, InkDiplomaCertificate, InkDirectionSigns, InkDirigible, InkDiscoBall, InkDiscountTag, InkDj, InkDjembeAfricanDrum, InkDna, InkDoNotDisturb, InkDocumentSignature, InkDocumentWithInfographic, InkDocumentsAndMedia, InkDogFace, InkDogHouse, InkDogStanding, InkDogToy, InkDollarBill, InkDolphin, InkDonut, InkDoubleDecker, InkDrawing, InkDrawing1, InkDrawingOnGraphicTablet, InkDrawingPalette, InkDropperContainer, InkDrum, InkDrumSet, InkDuctTape, InkDumbbell, InkEar, InkEarWheat, InkEggSunnySide, InkElectricCoolingFan, InkEmail, InkEmailInbox, InkEmailOpened, InkEmbroidery, InkEmployeeIdBadge, InkEmployeeOfMonth, InkEraser, InkExtensionCableCord, InkExtractorHood, InkEyeDropper, InkEyedropperWithColorPalette, InkFaceBlowingKiss, InkFaceMask, InkFaceWithTearsOfJoy, InkFencerSwordsmanWithSaber, InkFileFolder, InkFingerSnap, InkFingerWalking, InkFireTrending, InkFirecracker, InkFireworks, InkFishAquarium, InkFistRaised, InkFitnessTracker, InkFlag, InkFlashDriveUsb, InkFlashlight, InkFlipFlops, InkFlippers, InkFlowerBouquet, InkFlowerVase, InkFlute, InkFocusEyeHidden, InkFootballPlayer, InkForm, InkFourLeafClover, InkFrenchFries, InkFrisbee, InkFruitBowl, InkFryingPanEggs, InkGardenFence, InkGardenScissors, InkGardenShovel, InkGardeningFork, InkGasStationPump, InkGiftBox, InkGlobalInternational, InkGlobe, InkGoShopping, InkGolfClubSet, InkGolfTennisHatCap, InkGrapes, InkGraphicFileGalleryFrame, InkGrimacingFace, InkGroup7975, InkGroupOnlineTherapy, InkGuidelineBrandBook, InkGuitar, InkHalloweenGhost1, InkHalloweenGhost2, InkHalloweenJack, InkHandBandage, InkHandDrawingWithPencil, InkHandMeasuringHorizontally, InkHandMeasuringVertically, InkHandMeditationGesture, InkHandRaised, InkHandSignCall, InkHandSignChill, InkHandSignHalfHeartLeft, InkHandSignLittle, InkHandSignRock, InkHandSignStop, InkHandThreeFingers, InkHandVictoryLeftHand, InkHandVictoryRightHand, InkHandVulcanSalute, InkHandWaving, InkHandWithCamera, InkHandWithCards, InkHandWithChopsticks, InkHandWithCigarette, InkHandWithCoins, InkHandWithCreditCard, InkHandWithCup, InkHandWithDiamonds, InkHandWithDices, InkHandWithGem, InkHandWithGift, InkHandWithGlass, InkHandWithMagicWand, InkHandWithPaletteknifePainting, InkHandWithPencilDrawing, InkHandWithPhone, InkHandWithPuzzle, InkHandWithRose, InkHandWithSeedsPlanting, InkHandWithSmartPen, InkHandWithSpray, InkHandWithToothBrush, InkHandWithWatches, InkHandWithWipingCloth, InkHanukkah, InkHare, InkHarmonica, InkHarp, InkHazelnut, InkHeadMirror, InkHeadphones, InkHelicopter, InkHighSpeedTrain, InkHockeyPlayer, InkHockeyStickWithPuck, InkHorn, InkHospitalBed, InkHotAirBalloon, InkHotDog, InkHotelSign, InkHumanMoods, InkIceCream, InkIceMold, InkIceSkating, InkIndependenceDayGrill, InkIndexPointingDown, InkIndividualOnlineTherapy, InkInfographics, InkInhaler, InkInstagramPost, InkInteriorDesignHouseBlueprintPaperPlan, InkJoystick, InkJuiceCarton, InkJumpingRopes, InkKalimba, InkKarateMaster, InkKayak, InkKettlebell, InkKey, InkKeyboard, InkKidney, InkKitchenApron, InkKnife, InkLabTest, InkLabTube, InkLabelDesign, InkLadle, InkLandscapeDesign, InkLanguage, InkLaptop, InkLaptopBrowser, InkLawnmower, InkLayers, InkLeaf1, InkLeaf2, InkLifeJacket, InkLightBulb, InkLink, InkLockLocked, InkLockUnlocked, InkLunchBag, InkLungs, InkLuxuryJewellery, InkMagazine, InkMagicStick, InkMagicTricks, InkMagicWand, InkMagnet, InkMakingPhotoOnPhone, InkMaleFemaleSex, InkMan01, InkMan02, InkMan03, InkMan04, InkMan05, InkMan06, InkMan07, InkMan08, InkMan09, InkMan10, InkMan11, InkMan12, InkMan13, InkMan14, InkMan15, InkMan16, InkMan17, InkMaracas, InkMarker, InkMarketingCampaign, InkMascarade, InkMasher, InkMatcha, InkMatches, InkMeasuringJug, InkMedal, InkMedicalKit, InkMessageInformation, InkMessageQuestionsFaq, InkMetronome, InkMicroChips, InkMicrophone, InkMicroscope, InkMicrowaveOven, InkMilkCarton, InkMindDepression, InkMindEnergyLevels, InkMindProblemSolving, InkMindQuestion, InkMindThoughtProcess, InkMixer, InkMixingIngredients, InkMobileMockup, InkMoneyMetricUp, InkMoneySearch, InkMonitorBrowser, InkMoped, InkMotocrossMotorcycle, InkMotorbike, InkMural, InkMuseumPainting, InkMuseumSculpture, InkMushroom, InkNasalSpray, InkNews, InkNewtonsCradle, InkNoodlesWok, InkNoteBook, InkNotepadWithArrow, InkNotesChart, InkNotificationHashtag, InkNuclearEnergy, InkOcarina, InkOfficeChair01, InkOfficeChair02, InkOfficeNotebook, InkOfficePlant1, InkOfficePlant2, InkOfficePlant3, InkOfficeProjector, InkOfficeSnack, InkOintment, InkOliveOil, InkOnlineMeeting, InkOpen, InkOpenAllDay24Hours, InkOven, InkOvenGlove, InkOverlapOverlayIntersectionOpacity, InkPacManWithCursor, InkPackageDiscount, InkPaintTin, InkPaletteForDrawing, InkPalm, InkPanama, InkPanflute, InkPaperClip, InkPaperMap, InkPaperPlane, InkPaperShredder, InkPartlyCloudyDay, InkPartlyCloudyNight, InkPartyHat, InkPassport, InkPen, InkPenCurves, InkPenToolCursorWithBeziers, InkPencil, InkPencilSharpener, InkPepper, InkPerformanceMetric, InkPetBowl, InkPetCollar, InkPetCrate, InkPetFood, InkPetLitterShovel, InkPharmacyStore, InkPiano, InkPieChartDiscount, InkPieChartRevenue, InkPills, InkPillsBlisterPack, InkPillsContainer, InkPizzaSlice, InkPlanet, InkPlantInTube, InkPlantPot1, InkPlantPot2, InkPlantPot3, InkPlantPot4, InkPlantPot5, InkPlantPot6, InkPlates, InkPleadingFace, InkPokemon, InkPolaroidPhotoCard1, InkPolaroidPhotoCard2, InkPoleVaultAthleteJumper, InkPosTerminalMachine, InkPot, InkPottery, InkPowerBoat1, InkPowerBoat2, InkPresentationLive, InkPresentationReport, InkPrinter, InkPrivacyGdpr, InkProfile, InkProjector, InkProtractorRuler, InkPsychiatryNeurons, InkPsychologySymbol, InkPsychotherapistTakingNotes, InkPunchingBoxingBag, InkPushingButton, InkQrCode, InkQrCodeScanMobile, InkQuestionAnswerChat, InkRabbit, InkRainDrops, InkRainbow, InkRainy, InkRakes, InkReedGrass, InkRescueCircle, InkResistanceBand, InkReusableWaterBottle, InkReusableWaterBottleWithEnergyDrink, InkRoadmap, InkRobotics, InkRoller, InkRollerSkates, InkRollerSkating, InkRuler, InkRunning, InkRv, InkSailboat, InkSaltShaker, InkSandglass, InkSanitizer, InkSauceBottle, InkSaucePan, InkSavingMoney, InkSaxophone, InkScaleToolCrop, InkScanner, InkScissors, InkScooter, InkSculptureCarvingChisel, InkSearch, InkSeeds, InkSegway, InkSemi, InkSettings, InkShapes, InkShelfWithBooks, InkShoppingBasket, InkShoppingCart, InkSkateboard, InkSkateboarder, InkSkates, InkSkier, InkSleepingFace, InkSlotMachine, InkSmartphone, InkSmilingFaceWithGlasses, InkSmilingFaceWithHeartEyes, InkSmilingFaceWithHearts, InkSmilingFaceWithSunglasses, InkSmilingFaceWithTear, InkSmirkingFace, InkSnake, InkSnorkeling, InkSnowboarder, InkSnowflake, InkSnowy, InkSoccer, InkSoup, InkSpaceTravel, InkSparkles1, InkSparkles2, InkSparkles3, InkSpatula, InkSportBag, InkSportsHockeyFootballHelmet, InkSprayPaintCan, InkStPatricksDayClover, InkStaircaseUp, InkStapler, InkSteak, InkStethoscope, InkStickerSmileEmoji, InkStickyNotes, InkStomach, InkStoneStacking, InkStopSign, InkStoreShop, InkStrainer, InkStrongWind, InkSubmarine, InkSubwoofer, InkSuitcase, InkSumoWrestler, InkSunBed, InkSunflower, InkSunscreen, InkSurferSurfboard, InkSushi, InkSwimmingGogglesWithCap, InkSwimsuitBikini, InkSwimsuitShorts, InkSwissKnife, InkSyringe, InkSulptureBust as InkSсulptureBust, InkTShirtPrinting, InkTableTennis, InkTabletMockup, InkTaco, InkTambourine, InkTarget, InkTeaPot, InkTelescope, InkTemperatureCold, InkTemperatureHot, InkTemplate, InkTennis, InkTennisShuttlecock, InkTent, InkTestExamGrades, InkTextToolFont, InkTheatre, InkThinkingFace, InkThumbBackDirection, InkThumbsUp, InkThunderstorm, InkTimer, InkToaster, InkTooth, InkTornado, InkTouristBackpack, InkTouristBriefcase, InkTractor, InkTrafficLight, InkTram, InkTransparentBackground, InkTrashBin, InkTree, InkTreeEvergreen, InkTreeStump, InkTriangle, InkTrumpet, InkTuningFork, InkUmbrella, InkUploadToCloud, InkUsbDrive01, InkUsbDrive02, InkUsbHub, InkValentinesDayTeddy, InkVaseWithWildflowers, InkVinylRecord, InkVinylRecordPlayer, InkViolin, InkVirus, InkVocalMicrophone, InkVolleyball, InkWalkingFrame, InkWallCalendar, InkWallClock, InkWallet, InkWaterScooter, InkWateringCan, InkWateringHose, InkWatermelon, InkWebBrowsing1, InkWebBrowsing2, InkWebCamera, InkWebUiElementImageSettings, InkWebWindow, InkWebsiteOnMonitor, InkWhisk, InkWifiRouter, InkWindy, InkWinkingFaceWithTongue, InkWoman01, InkWoman02, InkWoman03, InkWoman04, InkWoman05, InkWoman06, InkWoman07, InkWoman08, InkWoman09, InkWoman10, InkWoman11, InkWoman12, InkWorkflow, InkWorkingByDesk, InkWorkingTable, InkWritingPen, InkXylophone, InkYogaMan, InkYogaWoman, Inline, InlineBanner, Italic, Link, MicroBanner, Modal, ModalBody, ModalFooter, MultiSelectField, NumberField, Page, PageLayout, PaginationControls, PasswordField, Paywall, PercentageField, PersistentBanner, PhoneField, Pill, PillSelectField, Popover, PrimaryNav, PrimaryNavDivider, PrimaryNavFooter, PrimaryNavItem, PrimaryNavSubItem, ProgressBar, RadioGroupBoxOption, RadioGroupField, RadioGroupOption, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT, SegmentedControl, SelectField, Skeleton, SousChefProvider, Spinner, Stack, Text, TextAreaField, TextField, TimeField, TimeRangeField, Toggle, ToolbarSelect, Tooltip, Underline, WeekField, ZINDEX, everyOtherWeekday, firstOfMonth, isValidPhoneNumber, lastOfMonth, nthWeekdayOfMonth, toast, useDataTableContext };
 //# sourceMappingURL=index.modern.mjs.map