@7shifts/sous-chef 4.9.0 → 4.10.0

package/dist/index.modern.js

@@ -7,6 +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 DraggableLib from 'react-draggable';
 import { isMatch, DayPicker } from 'react-day-picker';
 import dateFnsFormat from 'date-fns/format';
 import dateFnsParse from 'date-fns/parse';
@@ -272,7 +273,7 @@ function _objectWithoutPropertiesLoose(r, e) {
   return t;
 }
 
-var styles$1J = {"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$1K = {"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,
@@ -388,15 +389,15 @@ const Flex = _ref => {
     dataProps
   } = getDataProps(otherProps);
   const positionStyles = usePositionStyles(positionProps);
-  const className = classnames(styles$1J['flex'], extraClass, {
-    [styles$1J['align-start']]: alignItems === 'flex-start',
-    [styles$1J['align-end']]: alignItems === 'flex-end',
-    [styles$1J['align-center']]: alignItems === 'center',
-    [styles$1J['justify-start']]: justifyContent === 'start',
-    [styles$1J['justify-end']]: justifyContent === 'end',
-    [styles$1J['justify-center']]: justifyContent === 'center',
-    [styles$1J['justify-space-between']]: justifyContent === 'space-between',
-    [styles$1J['inline-flex']]: inlineFlex
+  const className = classnames(styles$1K['flex'], extraClass, {
+    [styles$1K['align-start']]: alignItems === 'flex-start',
+    [styles$1K['align-end']]: alignItems === 'flex-end',
+    [styles$1K['align-center']]: alignItems === 'center',
+    [styles$1K['justify-start']]: justifyContent === 'start',
+    [styles$1K['justify-end']]: justifyContent === 'end',
+    [styles$1K['justify-center']]: justifyContent === 'center',
+    [styles$1K['justify-space-between']]: justifyContent === 'space-between',
+    [styles$1K['inline-flex']]: inlineFlex
   });
   const items = React__default.Children.toArray(children).filter(Boolean);
   const gap = typeof space === 'object' ? `${space.row}px ${space.column}px` : space;
@@ -411,8 +412,8 @@ const Flex = _ref => {
     "data-testid": testId
   }, dataProps), items.map((child, i) => React__default.createElement("div", {
     key: i,
-    className: classnames(styles$1J['flex__item'], {
-      [styles$1J['flex__item--flexible']]: flexItems
+    className: classnames(styles$1K['flex__item'], {
+      [styles$1K['flex__item--flexible']]: flexItems
     }),
     style: {
       flex: flex ? flex[i] || '0 1 auto' : '0 1 auto'
@@ -435,7 +436,7 @@ const Stack = _ref => {
   }));
 };
 
-var styles$1I = {"caption":"_tMhXr","label":"_NfOw5","label--truncate":"_M3aFK","toggle":"_QDQZ1","toggle__label":"_52dky","toggle__caption":"_A-tgL","toggle__switch":"_kBjjH"};
+var styles$1J = {"caption":"_tMhXr","label":"_NfOw5","label--truncate":"_M3aFK","toggle":"_QDQZ1","toggle__label":"_52dky","toggle__caption":"_A-tgL","toggle__switch":"_kBjjH"};
 
 const _excluded$eo = ["checked", "label", "caption", "onChange", "disabled", "id", "testId"];
 /**
@@ -460,7 +461,7 @@ const Toggle = _ref => {
   return React__default.createElement(Stack, {
     space: 8
   }, React__default.createElement("label", _extends({}, dataProps, {
-    className: styles$1I['toggle']
+    className: styles$1J['toggle']
   }), React__default.createElement("input", {
     type: "checkbox",
     checked: checked,
@@ -469,11 +470,11 @@ const Toggle = _ref => {
     id: id,
     "data-testid": testId
   }), React__default.createElement("span", {
-    className: styles$1I['toggle__switch']
+    className: styles$1J['toggle__switch']
   }), label && React__default.createElement("span", {
-    className: styles$1I['toggle__label']
+    className: styles$1J['toggle__label']
   }, label)), caption && React__default.createElement("span", {
-    className: styles$1I['toggle__caption']
+    className: styles$1J['toggle__caption']
   }, caption));
 };
 
@@ -491,7 +492,7 @@ const SPINNER_THEMES = {
   PRIDE: 'pride'
 };
 
-var styles$1H = {"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$1I = {"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,
@@ -501,10 +502,10 @@ const Spinner = ({
 }) => {
   return React__default.createElement("div", {
     className: classnames({
-      [styles$1H['spinner--block']]: _block
+      [styles$1I['spinner--block']]: _block
     })
   }, React__default.createElement("svg", {
-    className: styles$1H['spinner'],
+    className: styles$1I['spinner'],
     xmlns: "http://www.w3.org/2000/svg",
     width: _size,
     height: _size,
@@ -579,7 +580,7 @@ const Spinner = ({
     offset: "1",
     stopColor: "#760088"
   }))), React__default.createElement("circle", {
-    className: classnames(styles$1H['path'], styles$1H[`path--${_theme}`]),
+    className: classnames(styles$1I['path'], styles$1I[`path--${_theme}`]),
     fill: "none",
     strokeWidth: "6",
     strokeLinecap: "round",
@@ -589,9 +590,9 @@ const Spinner = ({
   })));
 };
 
-var styles$1G = {"tooltip":"_Ydu2O"};
+var styles$1H = {"tooltip":"_Ydu2O"};
 
-var styles$1F = {"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$1G = {"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',
@@ -785,24 +786,24 @@ const TooltipOverlay = ({
       maxHeight,
       zIndex: getZIndex('tooltip')
     }),
-    className: classnames(styles$1F['tooltip-overlay'], extraClass, {
-      [styles$1F['tooltip-overlay--visible']]: isVisible,
-      [styles$1F['tooltip-overlay--black-theme']]: theme === TOOLTIP_THEME.BLACK,
-      [styles$1F['tooltip-overlay--white-theme']]: theme === TOOLTIP_THEME.WHITE
+    className: classnames(styles$1G['tooltip-overlay'], extraClass, {
+      [styles$1G['tooltip-overlay--visible']]: isVisible,
+      [styles$1G['tooltip-overlay--black-theme']]: theme === TOOLTIP_THEME.BLACK,
+      [styles$1G['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$1F['tooltip-overlay__header']
+    className: styles$1G['tooltip-overlay__header']
   }, header), children)), React__default.createElement("div", {
-    className: classnames(styles$1F['tooltip-overlay-arrow'], extraClass, {
-      [styles$1F['tooltip-overlay-arrow--visible']]: isVisible,
-      [styles$1F['tooltip-overlay-arrow--top']]: position.actualPlacement.placement === TOOLTIP_PLACEMENT.TOP,
-      [styles$1F['tooltip-overlay-arrow--bottom']]: position.actualPlacement.placement === TOOLTIP_PLACEMENT.BOTTOM,
-      [styles$1F['tooltip-overlay-arrow--black-theme']]: theme === TOOLTIP_THEME.BLACK,
-      [styles$1F['tooltip-overlay-arrow--white-theme']]: theme === TOOLTIP_THEME.WHITE
+    className: classnames(styles$1G['tooltip-overlay-arrow'], extraClass, {
+      [styles$1G['tooltip-overlay-arrow--visible']]: isVisible,
+      [styles$1G['tooltip-overlay-arrow--top']]: position.actualPlacement.placement === TOOLTIP_PLACEMENT.TOP,
+      [styles$1G['tooltip-overlay-arrow--bottom']]: position.actualPlacement.placement === TOOLTIP_PLACEMENT.BOTTOM,
+      [styles$1G['tooltip-overlay-arrow--black-theme']]: theme === TOOLTIP_THEME.BLACK,
+      [styles$1G['tooltip-overlay-arrow--white-theme']]: theme === TOOLTIP_THEME.WHITE
     }),
     style: _extends({}, position.arrow, {
       zIndex: getZIndex('tooltip')
@@ -914,7 +915,7 @@ const TooltipElement = ({
     }), overlayElement);
   }
   return React__default.createElement("div", _extends({
-    className: classnames(styles$1G['tooltip'])
+    className: classnames(styles$1H['tooltip'])
   }, commonProps, {
     ref: containerRef
   }), children, overlayElement);
@@ -927,7 +928,7 @@ const isTooltipCompatible = element => {
   return React__default.isValidElement(element) && typeof element.type === 'string';
 };
 
-var styles$1E = {"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$1F = {"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',
@@ -1022,24 +1023,24 @@ const ButtonComponent = (_ref, ref) => {
     onBlur: onBlur,
     onFocus: onFocus,
     onKeyDown: onKeyDown,
-    className: classnames(styles$1E['button'], {
-      [styles$1E['button--default']]: theme === BUTTON_THEMES.DEFAULT,
-      [styles$1E['button--primary']]: theme === BUTTON_THEMES.PRIMARY,
-      [styles$1E['button--danger']]: theme === BUTTON_THEMES.DANGER,
-      [styles$1E['button--upsell']]: theme === BUTTON_THEMES.UPSELL,
-      [styles$1E['button--marketing']]: theme === BUTTON_THEMES.MARKETING,
-      [styles$1E['button--hollow']]: theme === BUTTON_THEMES.HOLLOW,
-      [styles$1E['button--hollow-contrast']]: theme === BUTTON_THEMES.HOLLOW_CONTRAST,
-      [styles$1E['button--link-primary']]: theme === BUTTON_THEMES.LINK_PRIMARY,
-      [styles$1E['button--link-danger']]: theme === BUTTON_THEMES.LINK_DANGER,
-      [styles$1E['button--link-upsell']]: theme === BUTTON_THEMES.LINK_UPSELL,
-      [styles$1E['button--link-toolbar']]: theme === BUTTON_THEMES.LINK_TOOLBAR,
-      [styles$1E['button--link-contrast']]: theme === BUTTON_THEMES.LINK_CONTRAST,
-      [styles$1E['button--link-icon']]: theme === BUTTON_THEMES.LINK_ICON,
-      [styles$1E['button--loading']]: loading,
-      [styles$1E['button--icon-only']]: isIconOnly,
-      [styles$1E['button--size-min-width-100']]: size === BUTTON_SIZES.MIN_WIDTH_100,
-      [styles$1E['button--size-full-width']]: size === BUTTON_SIZES.FULL_WIDTH
+    className: classnames(styles$1F['button'], {
+      [styles$1F['button--default']]: theme === BUTTON_THEMES.DEFAULT,
+      [styles$1F['button--primary']]: theme === BUTTON_THEMES.PRIMARY,
+      [styles$1F['button--danger']]: theme === BUTTON_THEMES.DANGER,
+      [styles$1F['button--upsell']]: theme === BUTTON_THEMES.UPSELL,
+      [styles$1F['button--marketing']]: theme === BUTTON_THEMES.MARKETING,
+      [styles$1F['button--hollow']]: theme === BUTTON_THEMES.HOLLOW,
+      [styles$1F['button--hollow-contrast']]: theme === BUTTON_THEMES.HOLLOW_CONTRAST,
+      [styles$1F['button--link-primary']]: theme === BUTTON_THEMES.LINK_PRIMARY,
+      [styles$1F['button--link-danger']]: theme === BUTTON_THEMES.LINK_DANGER,
+      [styles$1F['button--link-upsell']]: theme === BUTTON_THEMES.LINK_UPSELL,
+      [styles$1F['button--link-toolbar']]: theme === BUTTON_THEMES.LINK_TOOLBAR,
+      [styles$1F['button--link-contrast']]: theme === BUTTON_THEMES.LINK_CONTRAST,
+      [styles$1F['button--link-icon']]: theme === BUTTON_THEMES.LINK_ICON,
+      [styles$1F['button--loading']]: loading,
+      [styles$1F['button--icon-only']]: isIconOnly,
+      [styles$1F['button--size-min-width-100']]: size === BUTTON_SIZES.MIN_WIDTH_100,
+      [styles$1F['button--size-full-width']]: size === BUTTON_SIZES.FULL_WIDTH
     }),
     type: type,
     disabled: disabled || loading,
@@ -1053,7 +1054,7 @@ const ButtonComponent = (_ref, ref) => {
     space: 8,
     alignItems: "center"
   }, children), loading && React__default.createElement("div", {
-    className: styles$1E['button__spinner']
+    className: styles$1F['button__spinner']
   }, React__default.createElement(Spinner, {
     theme: contrastSpinner.includes(theme) ? SPINNER_THEMES.CONTRAST : SPINNER_THEMES.DISABLED
   })));
@@ -1063,7 +1064,7 @@ const ButtonComponent = (_ref, ref) => {
       overlay: title,
       ref: ref
     }, title && disabled ? React__default.createElement("div", {
-      className: styles$1E['disabled-button-wrapper']
+      className: styles$1F['disabled-button-wrapper']
     }, ButtonElementResult) : ButtonElementResult)
   );
 };
@@ -10309,20 +10310,20 @@ const IconGreatMonochromatic = forwardRef((_ref, ref) => {
 });
 IconGreatMonochromatic.displayName = 'IconGreatMonochromatic';
 
-var styles$1D = {"pagination-controls":"_S1co-"};
+var styles$1E = {"pagination-controls":"_S1co-"};
 
-var styles$1C = {"keyboard-key":"_sgd9a","keyboard-key--light":"_8zg4j","keyboard-key__character":"_GAIig"};
+var styles$1D = {"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$1C['keyboard-key'], {
-      [styles$1C['keyboard-key--light']]: _theme === 'light'
+    className: classnames(styles$1D['keyboard-key'], {
+      [styles$1D['keyboard-key--light']]: _theme === 'light'
     })
   }, React__default.createElement("span", {
-    className: styles$1C['keyboard-key__character']
+    className: styles$1D['keyboard-key__character']
   }, children));
 };
 
@@ -10541,7 +10542,7 @@ const PaginationControls = _ref => {
     }
   });
   return React__default.createElement("div", _extends({}, dataProps, {
-    className: styles$1D['pagination-controls'],
+    className: styles$1E['pagination-controls'],
     "data-testid": testId
   }), React__default.createElement(Button, {
     disabled: !hasPrevious,
@@ -10571,7 +10572,7 @@ const LINK_TARGET = {
   BLANK: '_blank'
 };
 
-var styles$1B = {"link":"_EiQ4c","link--contrast":"_weJDR"};
+var styles$1C = {"link":"_EiQ4c","link--contrast":"_weJDR"};
 
 const _excluded$bq = ["href", "target", "theme", "onClick", "children"];
 const Link = _ref => {
@@ -10588,9 +10589,9 @@ const Link = _ref => {
   } = getDataProps(otherProps);
   const ref = React__default.useRef(null);
   return React__default.createElement("a", _extends({}, dataProps, {
-    className: classnames(styles$1B['link'], {
-      [styles$1B['link--primary']]: theme === LINK_THEME.PRIMARY,
-      [styles$1B['link--contrast']]: theme === LINK_THEME.CONTRAST
+    className: classnames(styles$1C['link'], {
+      [styles$1C['link--primary']]: theme === LINK_THEME.PRIMARY,
+      [styles$1C['link--contrast']]: theme === LINK_THEME.CONTRAST
     }),
     href: href,
     target: target,
@@ -10612,7 +10613,7 @@ const DropdownContext = React__default.createContext({
 });
 const useDropdownContext = () => React__default.useContext(DropdownContext);
 
-var styles$1A = {"dropdown-pane":"_sp-pT"};
+var styles$1B = {"dropdown-pane":"_sp-pT"};
 
 const DROPDOWN_PANE_PADDING = 14;
 const calculateOverlayPosition$1 = (triggerPosition, triggerOffsetHeight, panePosition, alignment) => {
@@ -10748,8 +10749,8 @@ const PaneOverlay = ({
   useKeyPress(['Escape'], onToggleDropdown);
   const overflow = maxHeight ? 'auto' : undefined;
   return React__default.createElement("div", {
-    className: classnames(styles$1A['dropdown-pane'], {
-      [styles$1A['dropdown-pane--with-padding']]: true,
+    className: classnames(styles$1B['dropdown-pane'], {
+      [styles$1B['dropdown-pane--with-padding']]: true,
       'dropdown-pane--custom-width': width !== undefined
     }),
     style: _extends({}, position, {
@@ -10780,7 +10781,7 @@ const getKeyboardFocusableElements = element => {
   });
 };
 
-var styles$1z = {"dropdown__trigger":"_AktVc"};
+var styles$1A = {"dropdown__trigger":"_AktVc"};
 
 const DROPDOWN_ALIGNEMNT = {
   LEFT: 'left',
@@ -10791,7 +10792,7 @@ const DROPDOWN_TRIGGER = {
   CLICK: 'click'
 };
 
-var styles$1y = {"label":"_zv4ua","label--truncate":"_FPyID"};
+var styles$1z = {"label":"_zv4ua","label--truncate":"_FPyID"};
 
 const isEllipsisActive = e => {
   return e.offsetWidth < e.scrollWidth;
@@ -10840,8 +10841,8 @@ const Label = ({
   const LabelElement = React__default.createElement("label", {
     htmlFor: htmlFor,
     id: labelId,
-    className: classnames(styles$1y['label'], {
-      [styles$1y['label--truncate']]: shouldTruncate
+    className: classnames(styles$1z['label'], {
+      [styles$1z['label--truncate']]: shouldTruncate
     })
   }, children);
   if (showTooltip) {
@@ -10853,7 +10854,7 @@ const Label = ({
   return LabelElement;
 };
 
-var styles$1x = {"caption":"_Qrxg5"};
+var styles$1y = {"caption":"_Qrxg5"};
 
 const Caption = ({
   fieldId,
@@ -10861,11 +10862,11 @@ const Caption = ({
 }) => {
   return React__default.createElement("div", {
     id: fieldId && `${fieldId}-describer`,
-    className: styles$1x['caption']
+    className: styles$1y['caption']
   }, children);
 };
 
-var styles$1w = {"error-message":"_eS4YO"};
+var styles$1x = {"error-message":"_eS4YO"};
 
 const ErrorMessage = ({
   fieldId,
@@ -10874,7 +10875,7 @@ const ErrorMessage = ({
 }) => {
   return React__default.createElement("div", {
     id: fieldId && `${fieldId}-error-message`,
-    className: styles$1w['error-message'],
+    className: styles$1x['error-message'],
     "data-testid": testId
   }, React__default.createElement(Inline, {
     space: 8,
@@ -10913,7 +10914,7 @@ const ALIGNMENTS = {
   JUSTIFY: 'justify'
 };
 
-var styles$1v = {"text":"_6SgoN","text--bold":"_i2LHD","text__body":"_SF95f","text__caption":"_HHohB","text__insight":"_xdhK0","text__span":"_yZbuO","text__paragraph":"_T91Eo","text__tagline":"_uetB-","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$1w = {"text":"_6SgoN","text--bold":"_i2LHD","text__body":"_SF95f","text__caption":"_HHohB","text__insight":"_xdhK0","text__span":"_yZbuO","text__paragraph":"_T91Eo","text__tagline":"_uetB-","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) => {
@@ -10941,23 +10942,23 @@ const TextComponent = (_ref, ref) => {
       color: getColor(color),
       textWrap
     }, positionStyles),
-    className: classnames(styles$1v['text'], {
-      [styles$1v['text--bold']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.BOLD),
-      [styles$1v['text--italic']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.ITALIC),
-      [styles$1v['text--underline']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.UNDERLINE),
-      [styles$1v['text--dotted-underline']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.DOTTED_UNDERLINE),
-      [styles$1v['text--monospace']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.MONOSPACE),
-      [styles$1v['text--line-through']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.STRIKETHROUGH),
-      [styles$1v['text--align-left']]: alignment === ALIGNMENTS.LEFT,
-      [styles$1v['text--align-right']]: alignment === ALIGNMENTS.RIGHT,
-      [styles$1v['text--align-center']]: alignment === ALIGNMENTS.CENTER,
-      [styles$1v['text--align-justify']]: alignment === ALIGNMENTS.JUSTIFY,
-      [styles$1v['text__body']]: as === TEXT_TYPES.BODY,
-      [styles$1v['text__insight']]: as === TEXT_TYPES.INSIGHT,
-      [styles$1v['text__caption']]: as === TEXT_TYPES.CAPTION,
-      [styles$1v['text__span']]: as === TEXT_TYPES.SPAN,
-      [styles$1v['text__paragraph']]: as === TEXT_TYPES.PARAGRAPH,
-      [styles$1v['text__tagline']]: as === TEXT_TYPES.TAGLINE
+    className: classnames(styles$1w['text'], {
+      [styles$1w['text--bold']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.BOLD),
+      [styles$1w['text--italic']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.ITALIC),
+      [styles$1w['text--underline']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.UNDERLINE),
+      [styles$1w['text--dotted-underline']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.DOTTED_UNDERLINE),
+      [styles$1w['text--monospace']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.MONOSPACE),
+      [styles$1w['text--line-through']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.STRIKETHROUGH),
+      [styles$1w['text--align-left']]: alignment === ALIGNMENTS.LEFT,
+      [styles$1w['text--align-right']]: alignment === ALIGNMENTS.RIGHT,
+      [styles$1w['text--align-center']]: alignment === ALIGNMENTS.CENTER,
+      [styles$1w['text--align-justify']]: alignment === ALIGNMENTS.JUSTIFY,
+      [styles$1w['text__body']]: as === TEXT_TYPES.BODY,
+      [styles$1w['text__insight']]: as === TEXT_TYPES.INSIGHT,
+      [styles$1w['text__caption']]: as === TEXT_TYPES.CAPTION,
+      [styles$1w['text__span']]: as === TEXT_TYPES.SPAN,
+      [styles$1w['text__paragraph']]: as === TEXT_TYPES.PARAGRAPH,
+      [styles$1w['text__tagline']]: as === TEXT_TYPES.TAGLINE
     }),
     'data-testid': testId
   }, dataProps, other, {
@@ -10974,7 +10975,7 @@ const Bold = ({
   children
 }) => {
   return React__default.createElement("span", {
-    className: classnames(styles$1v['text--bold'], styles$1v['text'])
+    className: classnames(styles$1w['text--bold'], styles$1w['text'])
   }, children);
 };
 
@@ -10982,7 +10983,7 @@ const Underline = ({
   children
 }) => {
   return React__default.createElement("span", {
-    className: classnames(styles$1v['text--underline'], styles$1v['text'])
+    className: classnames(styles$1w['text--underline'], styles$1w['text'])
   }, children);
 };
 
@@ -10990,7 +10991,7 @@ const Italic = ({
   children
 }) => {
   return React__default.createElement("span", {
-    className: classnames(styles$1v['text--italic'], styles$1v['text'])
+    className: classnames(styles$1w['text--italic'], styles$1w['text'])
   }, children);
 };
 
@@ -11127,7 +11128,7 @@ const useFieldControllers = ({
   return controllers;
 };
 
-var styles$1u = {"text-field":"_G6LsE","text-field--invalid":"_2ZYtt","text-field--prefixed":"_rWp7H","text-field--suffixed":"_Xq8xX"};
+var styles$1v = {"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 => {
@@ -11168,8 +11169,8 @@ const useTextField = _ref => {
     'aria-invalid': hasError,
     autoComplete,
     autoFocus,
-    className: classnames(styles$1u['text-field'], {
-      [styles$1u['text-field--invalid']]: hasError
+    className: classnames(styles$1v['text-field'], {
+      [styles$1v['text-field--invalid']]: hasError
     }),
     'data-testid': testId,
     disabled,
@@ -11200,7 +11201,7 @@ const useTextField = _ref => {
   };
 };
 
-var styles$1t = {"affix-container":"_F8QOB","prefix":"_yPPIy","suffix":"_Y3yFd","affix-container--prefixed":"_vU4SU","affix-container--suffixed":"_4rDXi"};
+var styles$1u = {"affix-container":"_F8QOB","prefix":"_yPPIy","suffix":"_Y3yFd","affix-container--prefixed":"_vU4SU","affix-container--suffixed":"_4rDXi"};
 
 const AffixContainer = ({
   prefix,
@@ -11235,19 +11236,19 @@ const AffixContainer = ({
   if (!hasPrefix && !hasSuffix) {
     return children;
   }
-  const classes = classnames(styles$1t['affix-container'], {
-    [styles$1t['affix-container--prefixed']]: hasPrefix,
-    [styles$1t['affix-container--suffixed']]: hasSuffix
+  const classes = classnames(styles$1u['affix-container'], {
+    [styles$1u['affix-container--prefixed']]: hasPrefix,
+    [styles$1u['affix-container--suffixed']]: hasSuffix
   });
   return React__default.createElement("div", {
     className: classes,
     ref: container,
     "data-testid": testId
   }, hasPrefix && React__default.createElement("div", {
-    className: styles$1t['prefix'],
+    className: styles$1u['prefix'],
     ref: prefixElement
   }, prefix), children, hasSuffix && React__default.createElement("div", {
-    className: styles$1t['suffix'],
+    className: styles$1u['suffix'],
     ref: suffixElement
   }, suffix));
 };
@@ -11459,7 +11460,7 @@ const Dropdown = ({
       paneRef
     }
   }, triggerIsKnownButton ? React__default.cloneElement(trigger, _extends({}, trigger.props, triggerProps)) : React__default.createElement("button", _extends({}, triggerProps, {
-    className: styles$1z['dropdown__trigger'],
+    className: styles$1A['dropdown__trigger'],
     ref: updatedRef,
     onFocus: handleFocus
   }), trigger), React__default.createElement(DropdownPane, {
@@ -11473,7 +11474,7 @@ const Dropdown = ({
   }, children));
 };
 
-var styles$1s = {"dropdown-list":"_91hvH","dropdown-list__item":"_NrB4V","dropdown-list__item--hover":"_aMs9c"};
+var styles$1t = {"dropdown-list":"_91hvH","dropdown-list__item":"_NrB4V","dropdown-list__item--hover":"_aMs9c"};
 
 const findNextActiveIndex = (items, startAt) => {
   let startIndex = 0;
@@ -11633,17 +11634,35 @@ const updateIconSize = child => {
   }));
 };
 
-var styles$1r = {"dropdown-list-divider":"_ISJ4M"};
+var styles$1s = {"dropdown-list-divider":"_ISJ4M"};
 
-const DropdownListDivider = ({
+var styles$1r = {"dropdown-list-divider-line":"_GlMQ1"};
+
+const DropdownListDividerLine = ({
   testId
 }) => {
   return React__default.createElement("div", {
-    className: styles$1r['dropdown-list-divider'],
+    className: styles$1r['dropdown-list-divider-line'],
     "data-testid": testId
   });
 };
 
+const DropdownListDivider = ({
+  testId,
+  children,
+  line
+}) => {
+  if (!children) {
+    return React__default.createElement(DropdownListDividerLine, {
+      testId: testId
+    });
+  }
+  return React__default.createElement(Fragment, null, (line === 'top' || line === 'both') && React__default.createElement(DropdownListDividerLine, null), React__default.createElement("div", {
+    className: classnames(styles$1s['dropdown-list-divider']),
+    "data-testid": testId
+  }, children), (line === 'bottom' || line === 'both') && React__default.createElement(DropdownListDividerLine, null));
+};
+
 var styles$1q = {"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$1p = {"dropdown-submenu":"_X4fIx"};
@@ -12048,7 +12067,7 @@ const DropdownList = ({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [highlightItemIndex]);
   return React__default.createElement("ul", {
-    className: styles$1s['dropdown-list'],
+    className: styles$1t['dropdown-list'],
     "data-testid": testId,
     ref: listRef
   }, React__default.Children.toArray(children).filter(Boolean).map((child, index) => {
@@ -12060,8 +12079,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$1s['dropdown-list__item'], {
-        [styles$1s['dropdown-list__item--hover']]: focusedItem === index && isInteractive
+      className: classnames(styles$1t['dropdown-list__item'], {
+        [styles$1t['dropdown-list__item--hover']]: focusedItem === index && isInteractive
       }),
       onMouseEnter: divider ? undefined : () => setFocusOnItem(index),
       role: divider ? 'separator' : 'menuitem'
@@ -12323,7 +12342,7 @@ var styles$1i = {"menu-item":"_SebbU","menu-item--active":"_CDEVl","menu-item--w
 
 var styles$1h = {"badge":"_RXV4h","badge--warning":"_2An1I","badge--danger":"_-Bw8L","badge--success":"_RxlMz","badge--info":"_dzCH-","badge--numeric":"_Ix9tP"};
 
-var styles$1g = {"overlay":"_0yTe8","overlay--after-open":"_yJBtA","overlay--before-close":"_iWogn","content":"_ntozd","content--after-open":"_EQjDq","content--before-close":"_ZTY3B"};
+var styles$1g = {"overlay":"_0yTe8","overlay--after-open":"_yJBtA","overlay--before-close":"_iWogn","content":"_ntozd","content--after-open":"_EQjDq","content--before-close":"_ZTY3B","overlay--draggable":"_6SSP8","content--draggable":"_5rHXj","draggable-inner":"_cq2CU"};
 
 var styles$1f = {"header":"_tgpG9","header__close-button":"_b1dgU","sub-header":"_c2nm4"};
 
@@ -12362,14 +12381,101 @@ const ModalHeader = ({
 };
 
 const ModalContext = createContext({
-  isModalMounted: false
+  isModalMounted: false,
+  draggable: false
 });
 const useModalContext = () => {
   const context = useContext(ModalContext);
   return context || {};
 };
 
-const _excluded$bk = ["children", "header", "subHeader", "onClose", "loading", "zIndex", "rootElementId", "width", "height", "maxWidth", "shouldReturnFocusAfterClose", "testId"];
+const DEFAULT_WIDTH = 566;
+const DEFAULT_HEIGHT = 266;
+/**
+ * Encapsulates the ref, initial positioning, and viewport-aware bounds for a
+ * draggable modal. Pass the returned values to <Draggable> and the ReactModal
+ * style.content object.
+ *
+ * Bounds are expressed as pixel offsets from the element's rendered position
+ * (react-draggable v4.7+ no longer accepts "window" as a string shorthand).
+ *
+ * Initial bounds are estimated from the numeric width/height props (falling
+ * back to the CSS min-width/min-height defaults). After mount, the element is
+ * measured and bounds are corrected to the actual rendered dimensions so the
+ * modal cannot be dragged outside the viewport even when width/height are CSS
+ * strings or the content exceeds the fallback height.
+ */
+function useDraggableModal({
+  width,
+  height,
+  initialPosition
+}) {
+  var _initialPosition$top, _initialPosition$left;
+  const nodeRef = useRef(null);
+  const resolvedWidth = typeof width === 'number' ? width : DEFAULT_WIDTH;
+  const resolvedHeight = typeof height === 'number' ? height : DEFAULT_HEIGHT;
+  // Initialise from resolved props; corrected after mount with real pixel dimensions.
+  const [measuredWidth, setMeasuredWidth] = useState(resolvedWidth);
+  const [measuredHeight, setMeasuredHeight] = useState(resolvedHeight);
+  // Track the DOM node via state so the measurement effect can depend on it.
+  // A plain useEffect([], []) misses two cases: (a) the node mounting later
+  // because `draggable` was false on first render, and (b) the element
+  // resizing after mount due to dynamic content.
+  const [node, setNode] = useState(null);
+  // callbackRef: pass as the inner div's `ref`. It keeps nodeRef.current in
+  // sync for react-draggable and triggers the measurement effect whenever the
+  // element mounts or unmounts.
+  const callbackRef = useCallback(el => {
+    nodeRef.current = el;
+    setNode(el);
+  }, []);
+  useEffect(() => {
+    if (!node) return;
+    const measure = () => {
+      const w = node.offsetWidth;
+      const h = node.offsetHeight;
+      // offsetWidth/offsetHeight are 0 in SSR/jsdom — keep fallback values.
+      if (w === 0) return;
+      setMeasuredWidth(w);
+      setMeasuredHeight(h);
+    };
+    measure(); // initial measurement when node first becomes available
+    // ResizeObserver keeps bounds accurate as content grows or shrinks.
+    if (typeof ResizeObserver === 'undefined') return;
+    const observer = new ResizeObserver(measure);
+    observer.observe(node);
+    return () => observer.disconnect();
+  }, [node]);
+  const top = (_initialPosition$top = initialPosition == null ? void 0 : initialPosition.top) != null ? _initialPosition$top : typeof window !== 'undefined' ? Math.round(window.innerHeight * 0.25) : 0;
+  const left = (_initialPosition$left = initialPosition == null ? void 0 : initialPosition.left) != null ? _initialPosition$left : typeof window !== 'undefined' ? Math.round((window.innerWidth - resolvedWidth) / 2) : 0;
+  const bounds = typeof window !== 'undefined' ? {
+    left: -left,
+    top: -top,
+    right: window.innerWidth - left - measuredWidth,
+    bottom: window.innerHeight - top - measuredHeight
+  } : {
+    left: 0,
+    top: 0,
+    right: 9999,
+    bottom: 9999
+  };
+  return {
+    nodeRef,
+    callbackRef,
+    contentPosition: {
+      top,
+      left
+    },
+    bounds
+  };
+}
+
+const _excluded$bk = ["children", "header", "subHeader", "onClose", "loading", "zIndex", "rootElementId", "width", "height", "maxWidth", "shouldReturnFocusAfterClose", "testId", "draggable", "initialPosition"];
+// react-draggable declares `props: DraggableProps` on the class instance, overriding
+// the `React.Component<Partial<DraggableProps>>` generic. This cast restores the
+// intended partial-props behaviour for JSX usage.
+const Draggable = DraggableLib;
+const DRAG_HANDLE_CLASS = 'modal-drag-handle';
 /**
  * Modal is a focused overlay that interrupts the current experience and demands the user's attention. It blocks all interaction with the rest of the page until the user responds — making it best suited for decisions, confirmations, and self-contained flows where that level of focus is warranted.
  */
@@ -12387,18 +12493,38 @@ const Modal = _ref => {
       height,
       maxWidth,
       shouldReturnFocusAfterClose = true,
-      testId
+      testId,
+      draggable = false,
+      initialPosition
     } = _ref,
     otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$bk);
+  const {
+    nodeRef: draggableNodeRef,
+    callbackRef: draggableCallbackRef,
+    contentPosition,
+    bounds: draggableBounds
+  } = useDraggableModal({
+    width,
+    height,
+    initialPosition
+  });
   const style = {
-    content: {
+    // When draggable, top/left position the fixed content div directly so
+    // react-draggable can measure the element's real viewport position for bounds.
+    content: draggable ? _extends({}, contentPosition, {
+      width,
+      height,
+      maxWidth
+    }) : {
       width,
       height,
       maxWidth
     },
-    overlay: {
+    overlay: _extends({
       zIndex: getZIndex(zIndex)
-    }
+    }, draggable && {
+      pointerEvents: 'none'
+    })
   };
   // The `ReactModal` library already adds the `data-*` preffix, so I need to remove it from the `getDataProps`
   const {
@@ -12406,6 +12532,24 @@ const Modal = _ref => {
   } = getDataProps(otherProps, {
     removeDataPrefix: true
   });
+  const modalContent = React__default.createElement(Fragment, null, draggable ? React__default.createElement("div", {
+    className: DRAG_HANDLE_CLASS
+  }, React__default.createElement(ModalHeader, {
+    header: header,
+    subHeader: subHeader,
+    onClose: onClose,
+    loading: loading
+  })) : React__default.createElement(ModalHeader, {
+    header: header,
+    subHeader: subHeader,
+    onClose: onClose,
+    loading: loading
+  }), React__default.createElement(ModalContext.Provider, {
+    value: {
+      isModalMounted: true,
+      draggable
+    }
+  }, children));
   return React__default.createElement(ReactModal, {
     isOpen: true,
     testId: testId,
@@ -12418,26 +12562,29 @@ const Modal = _ref => {
     contentLabel: "Modal",
     appElement: rootElementId && document.getElementById(rootElementId) || undefined,
     overlayClassName: {
-      base: styles$1g['overlay'],
+      base: classnames(styles$1g['overlay'], draggable && styles$1g['overlay--draggable']),
       afterOpen: styles$1g['overlay--after-open'],
       beforeClose: styles$1g['overlay--before-close']
     },
     className: {
-      base: styles$1g['content'],
+      base: classnames(styles$1g['content'], draggable && styles$1g['content--draggable']),
       afterOpen: styles$1g['content--after-open'],
       beforeClose: styles$1g['content--before-close']
     },
     data: dataProps
-  }, React__default.createElement(ModalHeader, {
-    header: header,
-    subHeader: subHeader,
-    onClose: onClose,
-    loading: loading
-  }), React__default.createElement(ModalContext.Provider, {
-    value: {
-      isModalMounted: true
+  }, draggable ? React__default.createElement(Draggable, {
+    nodeRef: draggableNodeRef,
+    handle: `.${DRAG_HANDLE_CLASS}`,
+    bounds: draggableBounds
+  }, React__default.createElement("div", {
+    ref: draggableCallbackRef,
+    className: styles$1g['draggable-inner'],
+    style: {
+      width,
+      height,
+      maxWidth
     }
-  }, children));
+  }, modalContent)) : modalContent);
 };
 // The user can set the main app root id so when the modal is open it only allows iteracting with the modal when pressing tab
 Modal.setAppElement = rootElement => {
@@ -13233,7 +13380,7 @@ const useLocalStorage = (key, initialValue) => {
 
 var styles$18 = {"hint-modal":"_NwD6V","hint-modal--after-open":"_4ofZb","hint-modal--before-close":"_hGoMD","hint-modal__overlay":"_iK5zl","hint-modal__image":"_V9hLa","hint-modal__body":"_oOqUg","hint-modal__close-button":"_5zcBK"};
 
-const _excluded$bi = ["header", "children", "mediaUrl", "onClose", "modalId", "primaryButton", "secondaryButton", "testId", "onSetDoNotShowAgainStatus"];
+const _excluded$bi = ["header", "children", "mediaUrl", "onClose", "modalId", "primaryButton", "secondaryButton", "testId", "onSetDoNotShowAgainStatus", "hideDoNotShowAgainCheckbox"];
 /**
  * Hint Modal is a lightweight modal used to surface tips, guidance, or onboarding callouts to users the first time they encounter a feature or page. Unlike a regular Modal, it is not triggered by a user action — it appears automatically when the user navigates somewhere that warrants a guided introduction. It includes a "Don't show this again" option so users can dismiss it permanently once they've absorbed the information.
  */
@@ -13247,13 +13394,19 @@ const HintModal = _ref => {
       primaryButton,
       secondaryButton,
       testId,
-      onSetDoNotShowAgainStatus
+      onSetDoNotShowAgainStatus,
+      hideDoNotShowAgainCheckbox = false
     } = _ref,
     positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$bi);
   const __ = useTranslation('HintModal');
   const [doNotShowAgain, setDoNotShowAgain] = useState(false);
   const [persistedDoNotShow, setPersistedDoNotShow] = useLocalStorage(modalId, false);
   const persistDoNotShowAgain = value => {
+    // Without the checkbox the user was never offered the choice, so there
+    // is no preference to store or report.
+    if (hideDoNotShowAgainCheckbox) {
+      return;
+    }
     setPersistedDoNotShow(value);
     if (onSetDoNotShowAgainStatus) {
       onSetDoNotShowAgainStatus(value);
@@ -13321,7 +13474,7 @@ const HintModal = _ref => {
     as: "h3"
   }, header), React__default.createElement(Text, null, children)), React__default.createElement(Stack, {
     space: 32
-  }, React__default.createElement(CheckboxField, {
+  }, !hideDoNotShowAgainCheckbox && React__default.createElement(CheckboxField, {
     name: "hint-modal-do-not-show-checkbox",
     checked: doNotShowAgain,
     label: __('dontShowAgainLabel'),
@@ -13344,6 +13497,29 @@ const Popover = props => {
   return React__default.createElement(Dropdown, _extends({}, props));
 };
 
+/**
+ * Returns the current modal position and an updater that centers the modal on
+ * the provided mouse event's coordinates, clamped to a 20px viewport margin.
+ * Useful when opening a draggable Modal relative to a user click.
+ */
+const useModalPosition = (modalWidth = 566, modalHeight = 360) => {
+  const [position, setPosition] = useState(undefined);
+  const updatePosition = useCallback(event => {
+    const MARGIN = 20;
+    const windowWidth = window.innerWidth;
+    const windowHeight = window.innerHeight;
+    let left = event.clientX - modalWidth / 2;
+    let top = event.clientY - modalHeight / 2;
+    if (left + modalWidth > windowWidth) left = Math.max(MARGIN, windowWidth - modalWidth - MARGIN);else if (left < 0) left = MARGIN;
+    if (top + modalHeight > windowHeight) top = Math.max(MARGIN, windowHeight - modalHeight - MARGIN);else if (top < 0) top = MARGIN;
+    setPosition({
+      top,
+      left
+    });
+  }, [modalWidth, modalHeight]);
+  return [position, updatePosition];
+};
+
 const _excluded$bh = ["children", "theme", "title", "testId"];
 const BadgeElement = (_ref, forwardedRef) => {
   let {
@@ -14191,7 +14367,7 @@ const PersistentBanner = ({
     flex: [1],
     alignItems: "center"
   }, React__default.createElement(BannerContent, null), React__default.createElement(Button, {
-    theme: _theme === PERSISTENT_BANNER_THEME.WARNING ? 'link-primary' : 'link-contrast',
+    theme: "link-contrast",
     onClick: onDismiss
   }, React__default.createElement(IconTimes, null))) : React__default.createElement(BannerContent, null));
 };
@@ -15704,7 +15880,7 @@ const CreateInputForm = ({
     flex: [1],
     flexItems: true
   }, React__default.createElement("input", {
-    className: classnames(styles$1u['text-field'], inputClassName),
+    className: classnames(styles$1v['text-field'], inputClassName),
     autoCorrect: "off",
     autoComplete: "off",
     spellCheck: "false",
@@ -18781,8 +18957,8 @@ const usePhoneField = ({
     'aria-describedby': hasError ? `${controllers.id}-error-message` : `${controllers.id}-describer`,
     'aria-invalid': hasError,
     autoFocus,
-    className: classnames(styles$1u['text-field'], {
-      [styles$1u['text-field--invalid']]: hasError
+    className: classnames(styles$1v['text-field'], {
+      [styles$1v['text-field--invalid']]: hasError
     }),
     'data-testid': testId,
     disabled,
@@ -65812,5 +65988,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, HIGHLIGHT_SHAPE, HintModal, IconAddressBook, IconAnalytics, IconArrowDown, IconArrowDownWideShort, IconArrowLeft, IconArrowLeftRight, 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, IconInputText, IconIslandTropical, IconItalic, IconLanguage, IconLaptopSearch, IconLink, IconList, IconListOl, IconListRadio, 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, ShortcutKey, Skeleton, SousChefProvider, Spinner, Stack, Tab, TabList, TabPanel, Tabs, Text, TextAreaField, TextField, TimeField, TimeRangeField, Toggle, ToolbarSelect, Tooltip, Underline, WeekField, WeekSelectField, ZINDEX, everyOtherWeekday, firstOfMonth, isValidPhoneNumber, lastOfMonth, nthWeekdayOfMonth, 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, IconArrowLeftRight, 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, IconInputText, IconIslandTropical, IconItalic, IconLanguage, IconLaptopSearch, IconLink, IconList, IconListOl, IconListRadio, 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, ShortcutKey, Skeleton, SousChefProvider, Spinner, Stack, Tab, TabList, TabPanel, Tabs, Text, TextAreaField, TextField, TimeField, TimeRangeField, Toggle, ToolbarSelect, Tooltip, Underline, WeekField, WeekSelectField, ZINDEX, everyOtherWeekday, firstOfMonth, isValidPhoneNumber, lastOfMonth, nthWeekdayOfMonth, toast, useDataTableContext, useModalPosition };
 //# sourceMappingURL=index.modern.mjs.map