@epam/uui 5.11.0 → 5.11.1-rc.0

package/index.esm.js

@@ -1,7 +1,7 @@
 import * as uuiComponents from '@epam/uui-components';
 import { Clickable, IconContainer, RadioInput as RadioInput$1, TextInput as TextInput$1, ControlGroup as ControlGroup$1, NumericInput as NumericInput$1, TextArea as TextArea$1, Dropdown as Dropdown$1, Anchor as Anchor$1, FlexRow as FlexRow$1, FlexSpacer, Text as Text$1, FlexCell as FlexCell$1, VPanel, ScrollBars as ScrollBars$1, AvatarStack as AvatarStack$1, Spinner as Spinner$1, Paginator as Paginator$1, DragHandle, Blocker as Blocker$1, ModalBlocker as ModalBlocker$1, ModalWindow as ModalWindow$1, Snackbar as Snackbar$1, InputAddon as InputAddon$1, Slider as Slider$1, Calendar as Calendar$1, YearSelection, MonthSelection, Day, uuiDaySelection, PickerBodyBase, DataPickerRow as DataPickerRow$1, Avatar, usePickerModal, handleDataSourceKeyboard, PickerToggler as PickerToggler$1, usePickerInput, usePickerList, DataTableCell as DataTableCell$1, DataTableRow as DataTableRow$1, DataTableCellContainer, DataTableHeaderCell as DataTableHeaderCell$1, DataTableHeaderRow as DataTableHeaderRow$1, AdaptivePanel, useColumnsConfiguration, Accordion as Accordion$1, DataTableSelectionProvider, DataTableFocusProvider, Burger as Burger$1, Button as Button$1, DropSpot as DropSpot$1, UploadFileToggler, ErrorCatch } from '@epam/uui-components';
 export { Avatar, DataTableCellContainer, FlexSpacer, IconContainer } from '@epam/uui-components';
-import { withMods, devLogger, uuiElement, cx as cx$1, uuiMarkers, IEditableDebouncer, UuiContext, uuiMod, directionMode, useVirtualList, useScrollShadows, isMobile, i18n as i18n$1, useUuiContext, isFocusReceiverInsideFocusLock, Lens, mobilePopperModifier, uuiDataTableHeaderCell, usePrevious, useForceUpdate, getSeparatedValue, useArrayDataSource, orderBy, getOrderBetween, DndActor, uuiDndState, useColumnsConfig, uuiScrollShadows, Form as Form$1, useForm as useForm$1, formatBytes, useUuiError } from '@epam/uui-core';
+import { withMods, devLogger, uuiElement, cx as cx$1, uuiMarkers, IEditableDebouncer, UuiContext, uuiMod, directionMode, useVirtualList, useScrollShadows, isMobile, i18n as i18n$1, useUuiContext, isFocusReceiverInsideFocusLock, Lens, mobilePopperModifier, uuiDataTableHeaderCell, uuiDataTableHeaderGroupCell, usePrevious, useForceUpdate, getSeparatedValue, useArrayDataSource, orderBy, getOrderBetween, DndActor, uuiDndState, useColumnsConfig, uuiScrollShadows, Form as Form$1, useForm as useForm$1, formatBytes, useUuiError } from '@epam/uui-core';
 import * as React from 'react';
 import React__default, { forwardRef, useContext, useRef, useState, useEffect, useReducer, useImperativeHandle, useCallback, useMemo, Fragment } from 'react';
 import cx from 'classnames';
@@ -284,6 +284,7 @@ const systemIcons = {
 const settings = {
     sizes: {
         defaults: {
+            alert: '48',
             badge: '36',
             button: '36',
             checkbox: '18',
@@ -304,6 +305,12 @@ const settings = {
             paginator: '30',
             rating: '18',
         },
+        alert: {
+            action: {
+                36: '24',
+                48: '30',
+            },
+        },
         tag: {
             countIndicator: {
                 18: '12',
@@ -515,6 +522,25 @@ const settings = {
                         },
                         truncate: ['48'],
                     },
+                    groupCell: {
+                        defaults: {
+                            size: '36',
+                            padding: '12',
+                            paddingEdge: '24',
+                        },
+                        columnCaption: {
+                            fontSize: '14',
+                            fontWeight: '400',
+                            size: '18',
+                            uppercase: '12',
+                        },
+                        iconSize: {
+                            36: '18',
+                            48: '18',
+                            60: '18',
+                        },
+                        truncate: ['48'],
+                    },
                 },
             },
             body: {
@@ -563,11 +589,11 @@ const settings = {
     },
 };
 
-var css$1x = {"uui-typography":"a9wva6","uuiTypography":"a9wva6","hero-header":"X46M0q","heroHeader":"X46M0q","promo-header":"NUIsoK","promoHeader":"NUIsoK","uui-critical":"AQwg9j","uuiCritical":"AQwg9j","uui-info":"HzZTlP","uuiInfo":"HzZTlP","uui-success":"pRmDn-","uuiSuccess":"pRmDn-","uui-warning":"JH4oZ-","uuiWarning":"JH4oZ-","uui-highlight":"ZhMviw","uuiHighlight":"ZhMviw","uui-typography-size-12":"IfHll8","uuiTypographySize12":"IfHll8","uui-typography-size-14":"uw16o-","uuiTypographySize14":"uw16o-","uui-typography-size-16":"h2NZLY","uuiTypographySize16":"h2NZLY","root":"Dm8T20"};
+var css$1y = {"uui-typography":"J9F0Yv","uuiTypography":"J9F0Yv","hero-header":"VReReM","heroHeader":"VReReM","promo-header":"tHLGjF","promoHeader":"tHLGjF","uui-critical":"DLZwkn","uuiCritical":"DLZwkn","uui-info":"sBgxUY","uuiInfo":"sBgxUY","uui-success":"QQMd27","uuiSuccess":"QQMd27","uui-warning":"FVc1Te","uuiWarning":"FVc1Te","uui-highlight":"ppU43y","uuiHighlight":"ppU43y","uui-typography-size-12":"hB1xK-","uuiTypographySize12":"hB1xK-","uui-typography-size-14":"_5rAoDW","uuiTypographySize14":"_5rAoDW","uui-typography-size-16":"r-z-NQ","uuiTypographySize16":"r-z-NQ","root":"hoCSdn"};
 
 function applyButtonMods(mods) {
     return [
-        css$1x.root,
+        css$1y.root,
         'uui-button',
         `uui-fill-${mods.fill || 'solid'}`,
         `uui-color-${mods.color || 'primary'}`,
@@ -581,10 +607,10 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
     };
 });
 
-var css$1w = {"root":"_6qKT9r"};
+var css$1x = {"root":"l38xLY"};
 
 function applyIconButtonMods(props) {
-    return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1w.root];
+    return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1x.root];
 }
 const IconButton = /* @__PURE__ */withMods(uuiComponents.IconButton, applyIconButtonMods, (props) => {
     const isDeprecated = ['info', 'success', 'error', 'warning'].includes(props.color);
@@ -618,7 +644,7 @@ function getIconClass(props) {
     return [classList['has-left-icon'] ? 'uui-has-left-icon' : 'uui-no-left-icon', classList['has-right-icon'] ? 'uui-has-right-icon' : 'uui-no-right-icon'];
 }
 
-var css$1v = {"uui-typography":"fwvPe6","uuiTypography":"fwvPe6","hero-header":"_7iTb-4","heroHeader":"_7iTb-4","promo-header":"HuIpM6","promoHeader":"HuIpM6","uui-critical":"_9w2dx7","uuiCritical":"_9w2dx7","uui-info":"r61F36","uuiInfo":"r61F36","uui-success":"kamLnq","uuiSuccess":"kamLnq","uui-warning":"C4bVzT","uuiWarning":"C4bVzT","uui-highlight":"k9yHem","uuiHighlight":"k9yHem","uui-typography-size-12":"y8zKpO","uuiTypographySize12":"y8zKpO","uui-typography-size-14":"b24yFN","uuiTypographySize14":"b24yFN","uui-typography-size-16":"V1lhsy","uuiTypographySize16":"V1lhsy","root":"OiOfQB"};
+var css$1w = {"uui-typography":"qdQNt6","uuiTypography":"qdQNt6","hero-header":"Q61TeP","heroHeader":"Q61TeP","promo-header":"Y3-k15","promoHeader":"Y3-k15","uui-critical":"_5FM1RG","uuiCritical":"_5FM1RG","uui-info":"_15mtnP","uuiInfo":"_15mtnP","uui-success":"TchaMK","uuiSuccess":"TchaMK","uui-warning":"D0f800","uuiWarning":"D0f800","uui-highlight":"v7Kx-y","uuiHighlight":"v7Kx-y","uui-typography-size-12":"g9LFq2","uuiTypographySize12":"g9LFq2","uui-typography-size-14":"UJbvxz","uuiTypographySize14":"UJbvxz","uui-typography-size-16":"ViRFb2","uuiTypographySize16":"ViRFb2","root":"sfTGVG"};
 
 const DEFAULT_COLOR = 'primary';
 const DEFAULT_WEIGHT = 'semibold';
@@ -634,7 +660,7 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
     }
     const rootStyles = [
         'uui-link_button',
-        css$1v.root,
+        css$1w.root,
         `uui-size-${props.size || settings.sizes.defaults.linkButton}`,
         ...getIconClass(props),
         `uui-color-${props.color || DEFAULT_COLOR}`,
@@ -649,11 +675,11 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
         props.isDropdown && (React.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$1u = {"root":"bTawbL"};
+var css$1v = {"root":"AK7DaS"};
 
 const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
-            css$1u.root,
+            css$1v.root,
             'uui-count_indicator',
             `uui-size-${props.size || settings.sizes.defaults.countIndicator}`,
             props.color && `uui-color-${props.color}`,
@@ -661,11 +687,11 @@ const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
         ]) }, props.caption));
 });
 
-var css$1t = {"uui-typography":"mldBhE","uuiTypography":"mldBhE","hero-header":"kbhjMN","heroHeader":"kbhjMN","promo-header":"rXUjVj","promoHeader":"rXUjVj","uui-critical":"_0BSgMS","uuiCritical":"_0BSgMS","uui-info":"tbKHpF","uuiInfo":"tbKHpF","uui-success":"_9tXgAo","uuiSuccess":"_9tXgAo","uui-warning":"x3JxPY","uuiWarning":"x3JxPY","uui-highlight":"DcBG7n","uuiHighlight":"DcBG7n","uui-typography-size-12":"BRC8Rt","uuiTypographySize12":"BRC8Rt","uui-typography-size-14":"Gj6MQO","uuiTypographySize14":"Gj6MQO","uui-typography-size-16":"GzkPdu","uuiTypographySize16":"GzkPdu","root":"gBDtPi","withNotify":"ynnjAp"};
+var css$1u = {"uui-typography":"cbl9MC","uuiTypography":"cbl9MC","hero-header":"kkoAHA","heroHeader":"kkoAHA","promo-header":"hWcSse","promoHeader":"hWcSse","uui-critical":"t4oxm0","uuiCritical":"t4oxm0","uui-info":"MkvWES","uuiInfo":"MkvWES","uui-success":"JgAzVp","uuiSuccess":"JgAzVp","uui-warning":"Mxztkz","uuiWarning":"Mxztkz","uui-highlight":"_8-ZVT8","uuiHighlight":"_8-ZVT8","uui-typography-size-12":"eJwhfH","uuiTypographySize12":"eJwhfH","uui-typography-size-14":"rHTgfV","uuiTypographySize14":"rHTgfV","uui-typography-size-16":"Ijf-jk","uuiTypographySize16":"Ijf-jk","root":"kNnKB8","withNotify":"cjUkE4"};
 
 const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const styles = [
-        css$1t.root,
+        css$1u.root,
         'uui-tab-button',
         `uui-size-${props.size || settings.sizes.defaults.tabButton}`,
         ...getIconClass(props),
@@ -677,17 +703,17 @@ const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         props.icon && props.iconPosition !== 'right' && (React__default.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         (props.caption || props.withNotify) && (React__default.createElement("div", { className: cx$1(uuiElement.caption) },
             props.caption,
-            props.withNotify && React__default.createElement("div", { className: css$1t.withNotify }))),
+            props.withNotify && React__default.createElement("div", { className: css$1u.withNotify }))),
         props.icon && props.iconPosition === 'right' && (React__default.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         props.count !== undefined && props.count !== null && (React__default.createElement(CountIndicator, { color: "neutral", size: settings.sizes.tabButton.countIndicator[props.size || settings.sizes.defaults.tabButton], caption: props.count })),
         props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen })),
         props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
 });
 
-var css$1s = {"uui-typography":"EBYp5w","uuiTypography":"EBYp5w","hero-header":"z6pug3","heroHeader":"z6pug3","promo-header":"D28h84","promoHeader":"D28h84","uui-critical":"xLKd-N","uuiCritical":"xLKd-N","uui-info":"n8qxRt","uuiInfo":"n8qxRt","uui-success":"ogcEe9","uuiSuccess":"ogcEe9","uui-warning":"hCWidl","uuiWarning":"hCWidl","uui-highlight":"kUWwyd","uuiHighlight":"kUWwyd","uui-typography-size-12":"hXqrBs","uuiTypographySize12":"hXqrBs","uui-typography-size-14":"NgXYwQ","uuiTypographySize14":"NgXYwQ","uui-typography-size-16":"gM89kW","uuiTypographySize16":"gM89kW","root":"DLwggy"};
+var css$1t = {"uui-typography":"vW0uwe","uuiTypography":"vW0uwe","hero-header":"rsU-3q","heroHeader":"rsU-3q","promo-header":"FXqUtR","promoHeader":"FXqUtR","uui-critical":"_12AtpJ","uuiCritical":"_12AtpJ","uui-info":"LAeKTz","uuiInfo":"LAeKTz","uui-success":"XMon2-","uuiSuccess":"XMon2-","uui-warning":"f7x8A5","uuiWarning":"f7x8A5","uui-highlight":"xNQVBO","uuiHighlight":"xNQVBO","uui-typography-size-12":"ylf7HJ","uuiTypographySize12":"ylf7HJ","uui-typography-size-14":"_8Ww-bC","uuiTypographySize14":"_8Ww-bC","uui-typography-size-16":"P-wQdX","uuiTypographySize16":"P-wQdX","root":"ALXCN6"};
 
 function applyVerticalTabButtonMods() {
-    return [css$1s.root, 'uui-vertical-tab-button'];
+    return [css$1t.root, 'uui-vertical-tab-button'];
 }
 const VerticalTabButton = /* @__PURE__ */withMods(TabButton, applyVerticalTabButtonMods);
 
@@ -706,13 +732,13 @@ var SvgContentMinusOutline = function SvgContentMinusOutline(props, ref) {
 };
 var ForwardRef$C = /*#__PURE__*/forwardRef(SvgContentMinusOutline);
 
-var css$1r = {"uui-typography":"CFiruR","uuiTypography":"CFiruR","hero-header":"Oeg92u","heroHeader":"Oeg92u","promo-header":"Aes-oj","promoHeader":"Aes-oj","uui-critical":"d6z7aT","uuiCritical":"d6z7aT","uui-info":"L6BN4Y","uuiInfo":"L6BN4Y","uui-success":"FHGHjv","uuiSuccess":"FHGHjv","uui-warning":"_27EX4t","uuiWarning":"_27EX4t","uui-highlight":"iFimV9","uuiHighlight":"iFimV9","uui-typography-size-12":"u83Y0o","uuiTypographySize12":"u83Y0o","uui-typography-size-14":"QtpgQO","uuiTypographySize14":"QtpgQO","uui-typography-size-16":"_5b1D25","uuiTypographySize16":"_5b1D25","root":"U-1YV9","mode-cell":"_3QC-iZ","modeCell":"_3QC-iZ"};
+var css$1s = {"uui-typography":"DQccUr","uuiTypography":"DQccUr","hero-header":"RaijP6","heroHeader":"RaijP6","promo-header":"k5HNPf","promoHeader":"k5HNPf","uui-critical":"aPpsYc","uuiCritical":"aPpsYc","uui-info":"o4QdoJ","uuiInfo":"o4QdoJ","uui-success":"W1PW0O","uuiSuccess":"W1PW0O","uui-warning":"D28vgU","uuiWarning":"D28vgU","uui-highlight":"_0rN1KB","uuiHighlight":"_0rN1KB","uui-typography-size-12":"MZhFDG","uuiTypographySize12":"MZhFDG","uui-typography-size-14":"rqpsQD","uuiTypographySize14":"rqpsQD","uui-typography-size-16":"bamILv","uuiTypographySize16":"bamILv","root":"TCKCkl","mode-cell":"At8Put","modeCell":"At8Put"};
 
 function applyCheckboxMods(mods) {
     return [
-        css$1r.root,
+        css$1s.root,
         `uui-size-${mods.size || settings.sizes.defaults.checkbox}`,
-        css$1r['mode-' + (mods.mode || 'form')],
+        css$1s['mode-' + (mods.mode || 'form')],
         'uui-color-primary',
     ];
 }
@@ -741,11 +767,11 @@ var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
 };
 var ForwardRef$B = /*#__PURE__*/forwardRef(SvgRadioDotFill);
 
-var css$1q = {"uui-typography":"vmcn1G","uuiTypography":"vmcn1G","hero-header":"avzDTp","heroHeader":"avzDTp","promo-header":"vVPV1L","promoHeader":"vVPV1L","uui-critical":"oFTvwp","uuiCritical":"oFTvwp","uui-info":"_79xamv","uuiInfo":"_79xamv","uui-success":"PTKTDQ","uuiSuccess":"PTKTDQ","uui-warning":"aa9RsC","uuiWarning":"aa9RsC","uui-highlight":"cfCFqS","uuiHighlight":"cfCFqS","uui-typography-size-12":"FeP-yo","uuiTypographySize12":"FeP-yo","uui-typography-size-14":"OOskJF","uuiTypographySize14":"OOskJF","uui-typography-size-16":"Hz9BNR","uuiTypographySize16":"Hz9BNR","root":"XSzyGV"};
+var css$1r = {"uui-typography":"jaY3XZ","uuiTypography":"jaY3XZ","hero-header":"_9Kwgun","heroHeader":"_9Kwgun","promo-header":"rvZs5u","promoHeader":"rvZs5u","uui-critical":"bltBkV","uuiCritical":"bltBkV","uui-info":"OwELnv","uuiInfo":"OwELnv","uui-success":"O9FV6K","uuiSuccess":"O9FV6K","uui-warning":"b2oBd2","uuiWarning":"b2oBd2","uui-highlight":"Vax1-G","uuiHighlight":"Vax1-G","uui-typography-size-12":"Tek2ef","uuiTypographySize12":"Tek2ef","uui-typography-size-14":"diyJoi","uuiTypographySize14":"diyJoi","uui-typography-size-16":"OyMRoH","uuiTypographySize16":"OyMRoH","root":"HJAVSZ"};
 
 function applyRadioInputMods(mods) {
     return [
-        css$1q.root,
+        css$1r.root,
         `uui-size-${mods.size || settings.sizes.defaults.radioInput}`,
         'uui-radio-input-container',
         'uui-color-primary',
@@ -753,11 +779,11 @@ function applyRadioInputMods(mods) {
 }
 const RadioInput = /* @__PURE__ */withMods(RadioInput$1, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : ForwardRef$B }));
 
-var css$1p = {"root":"_7VxhFL"};
+var css$1q = {"root":"u4SGkZ"};
 
 function applySwitchMods(mods) {
     return [
-        css$1p.root,
+        css$1q.root,
         `uui-size-${mods.size || settings.sizes.defaults.switch}`,
         'uui-color-primary',
     ];
@@ -821,7 +847,7 @@ var EditMode;
     EditMode["INLINE"] = "inline";
 })(EditMode || (EditMode = {}));
 
-var textInputCss = {"uui-typography":"zDnnZf","uuiTypography":"zDnnZf","hero-header":"_1cIJNw","heroHeader":"_1cIJNw","promo-header":"LKvEuX","promoHeader":"LKvEuX","uui-critical":"CBjUnZ","uuiCritical":"CBjUnZ","uui-info":"HQGUZv","uuiInfo":"HQGUZv","uui-success":"bJ-dEU","uuiSuccess":"bJ-dEU","uui-warning":"tJKLiL","uuiWarning":"tJKLiL","uui-highlight":"_77Ac0n","uuiHighlight":"_77Ac0n","uui-typography-size-12":"FaUZLX","uuiTypographySize12":"FaUZLX","uui-typography-size-14":"B5FC4G","uuiTypographySize14":"B5FC4G","uui-typography-size-16":"kh1bII","uuiTypographySize16":"kh1bII","root":"I5Ynue","mode-form":"imDvWc","modeForm":"imDvWc","mode-inline":"Yb7xb8","modeInline":"Yb7xb8","mode-cell":"_-3t6Uw","modeCell":"_-3t6Uw"};
+var textInputCss = {"uui-typography":"c1E6zM","uuiTypography":"c1E6zM","hero-header":"hryxst","heroHeader":"hryxst","promo-header":"IC8KRR","promoHeader":"IC8KRR","uui-critical":"UDb7rn","uuiCritical":"UDb7rn","uui-info":"rq22sm","uuiInfo":"rq22sm","uui-success":"ao5xXI","uuiSuccess":"ao5xXI","uui-warning":"_3iKnTZ","uuiWarning":"_3iKnTZ","uui-highlight":"Fn1QyD","uuiHighlight":"Fn1QyD","uui-typography-size-12":"yzFKxg","uuiTypographySize12":"yzFKxg","uui-typography-size-14":"pd45en","uuiTypographySize14":"pd45en","uui-typography-size-16":"pNnxNO","uuiTypographySize16":"pNnxNO","root":"FKapts","mode-form":"_9Y6NIQ","modeForm":"_9Y6NIQ","mode-inline":"GdnWiN","modeInline":"GdnWiN","mode-cell":"t-x6Yj","modeCell":"t-x6Yj"};
 
 const DEFAULT_MODE$3 = EditMode.FORM;
 function applyTextInputMods(mods) {
@@ -847,22 +873,22 @@ const SearchInput = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         } })));
 });
 
-var css$1o = {"root":"BjIkf6"};
+var css$1p = {"root":"-UksMn"};
 
-const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1o.root, 'uui-control-group']);
+const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1p.root, 'uui-control-group']);
 
 function MultiSwitchComponent(props, ref) {
     return (React.createElement(ControlGroup, { ref: ref, rawProps: Object.assign(Object.assign({}, props.rawProps), { role: 'tablist', 'aria-invalid': props.isInvalid, 'aria-required': props.isRequired, 'aria-disabled': props.isDisabled, 'aria-readonly': props.isReadonly }) }, props.items.map((item, index) => (React.createElement(Button, Object.assign({}, props, item, { isDisabled: props.isDisabled, key: index + '-' + item.id, onClick: () => props.onValueChange(item.id), fill: props.value === item.id ? 'solid' : 'outline', color: props.color, size: props.size, rawProps: { 'aria-current': props.value === item.id, role: 'tab' } }))))));
 }
 const MultiSwitch = /* @__PURE__ */React.forwardRef(MultiSwitchComponent);
 
-var css$1n = {"uui-typography":"_07QUA-","uuiTypography":"_07QUA-","hero-header":"_4nCj2x","heroHeader":"_4nCj2x","promo-header":"eIwlmQ","promoHeader":"eIwlmQ","uui-critical":"rC7DcV","uuiCritical":"rC7DcV","uui-info":"zYZCcQ","uuiInfo":"zYZCcQ","uui-success":"_6Qvtgo","uuiSuccess":"_6Qvtgo","uui-warning":"g9OlnU","uuiWarning":"g9OlnU","uui-highlight":"WXXFsD","uuiHighlight":"WXXFsD","uui-typography-size-12":"B4aknu","uuiTypographySize12":"B4aknu","uui-typography-size-14":"f15cx-","uuiTypographySize14":"f15cx-","uui-typography-size-16":"m15NFk","uuiTypographySize16":"m15NFk","root":"Wx5Bqs","mode-form":"D6dno8","modeForm":"D6dno8","mode-cell":"YgAODU","modeCell":"YgAODU"};
+var css$1o = {"uui-typography":"cvC9E5","uuiTypography":"cvC9E5","hero-header":"k3ZLbr","heroHeader":"k3ZLbr","promo-header":"ycXdbc","promoHeader":"ycXdbc","uui-critical":"YqdIaI","uuiCritical":"YqdIaI","uui-info":"PcBxz9","uuiInfo":"PcBxz9","uui-success":"_5NmxaM","uuiSuccess":"_5NmxaM","uui-warning":"oYGjH4","uuiWarning":"oYGjH4","uui-highlight":"uh8a19","uuiHighlight":"uh8a19","uui-typography-size-12":"ZYqiJQ","uuiTypographySize12":"ZYqiJQ","uui-typography-size-14":"aKxUwy","uuiTypographySize14":"aKxUwy","uui-typography-size-16":"_6nhtKA","uuiTypographySize16":"_6nhtKA","root":"E-N6Jj","mode-form":"G-9ONx","modeForm":"G-9ONx","mode-cell":"dQ0Oar","modeCell":"dQ0Oar"};
 
 const DEFAULT_MODE$2 = EditMode.FORM;
 function applyNumericInputMods(mods) {
     return [
         textInputCss.root,
-        css$1n.root,
+        css$1o.root,
         `uui-size-${mods.size || settings.sizes.defaults.numericInput}`,
         textInputCss['mode-' + (mods.mode || DEFAULT_MODE$2)],
     ];
@@ -877,15 +903,15 @@ const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMo
     };
 });
 
-var css$1m = {"uui-typography":"Vd69Cv","uuiTypography":"Vd69Cv","hero-header":"Eonr3J","heroHeader":"Eonr3J","promo-header":"uiJDJN","promoHeader":"uiJDJN","uui-critical":"H8C7Vn","uuiCritical":"H8C7Vn","uui-info":"NFgVzG","uuiInfo":"NFgVzG","uui-success":"E7tiPT","uuiSuccess":"E7tiPT","uui-warning":"qZLwLB","uuiWarning":"qZLwLB","uui-highlight":"_7gcHhs","uuiHighlight":"_7gcHhs","uui-typography-size-12":"-AnmE-","uuiTypographySize12":"-AnmE-","uui-typography-size-14":"yat1zH","uuiTypographySize14":"yat1zH","uui-typography-size-16":"tyJdsC","uuiTypographySize16":"tyJdsC","root":"OfpLWo","mode-form":"_8YiUGA","modeForm":"_8YiUGA","mode-cell":"VT1TO-","modeCell":"VT1TO-","mode-inline":"q6yMr3","modeInline":"q6yMr3"};
+var css$1n = {"uui-typography":"_3bZDf8","uuiTypography":"_3bZDf8","hero-header":"toYAZI","heroHeader":"toYAZI","promo-header":"_0QVlvP","promoHeader":"_0QVlvP","uui-critical":"P5Z9dZ","uuiCritical":"P5Z9dZ","uui-info":"Ynfqq5","uuiInfo":"Ynfqq5","uui-success":"xJVEc6","uuiSuccess":"xJVEc6","uui-warning":"_5Ueeqf","uuiWarning":"_5Ueeqf","uui-highlight":"_9SzP3h","uuiHighlight":"_9SzP3h","uui-typography-size-12":"_1M8yZT","uuiTypographySize12":"_1M8yZT","uui-typography-size-14":"Jqt1bT","uuiTypographySize14":"Jqt1bT","uui-typography-size-16":"_7nrAMW","uuiTypographySize16":"_7nrAMW","root":"pIstVs","mode-form":"VfOL2n","modeForm":"VfOL2n","mode-cell":"zOlTEy","modeCell":"zOlTEy","mode-inline":"eGqF8M","modeInline":"eGqF8M"};
 
 const DEFAULT_MODE$1 = EditMode.FORM;
 function applyTextAreaMods(mods) {
     return [
-        css$1m.root,
+        css$1n.root,
         'uui-textarea',
         'uui-size-' + (mods.size || settings.sizes.defaults.textArea),
-        css$1m['mode-' + (mods.mode || DEFAULT_MODE$1)],
+        css$1n['mode-' + (mods.mode || DEFAULT_MODE$1)],
     ];
 }
 const TextArea = /* @__PURE__ */withMods(TextArea$1, applyTextAreaMods, (props) => {
@@ -978,16 +1004,17 @@ var SvgNotificationInfoFill = function SvgNotificationInfoFill(props, ref) {
 };
 var ForwardRef$x = /*#__PURE__*/forwardRef(SvgNotificationInfoFill);
 
-var css$1l = {"uui-typography":"jpIPF-","uuiTypography":"jpIPF-","hero-header":"FmaBgn","heroHeader":"FmaBgn","promo-header":"MG2hmQ","promoHeader":"MG2hmQ","uui-critical":"l4B2tG","uuiCritical":"l4B2tG","uui-info":"_1pTkjs","uuiInfo":"_1pTkjs","uui-success":"yDEZEB","uuiSuccess":"yDEZEB","uui-warning":"_8yZqWS","uuiWarning":"_8yZqWS","uui-highlight":"_5bju26","uuiHighlight":"_5bju26","uui-typography-size-12":"eRkyG1","uuiTypographySize12":"eRkyG1","uui-typography-size-14":"NmFQzV","uuiTypographySize14":"NmFQzV","uui-typography-size-16":"PBe6G-","uuiTypographySize16":"PBe6G-","root":"YB-b4Q","icon-wrapper":"Gxttm-","iconWrapper":"Gxttm-","alert-wrapper":"_8I4FeV","alertWrapper":"_8I4FeV","size-48":"_0jdVu1","size48":"_0jdVu1","size-36":"HLpITV","size36":"HLpITV","action-wrapper":"_3lp57F","actionWrapper":"_3lp57F","action-icon":"ZPPCm-","actionIcon":"ZPPCm-","action-link":"nx8V27","actionLink":"nx8V27","close-icon":"FI9g85","closeIcon":"FI9g85","main-path":"_8pPcfU","mainPath":"_8pPcfU","content":"K7QjdV"};
+var css$1m = {"uui-typography":"HWTwsP","uuiTypography":"HWTwsP","hero-header":"S87K1Y","heroHeader":"S87K1Y","promo-header":"ErTD0d","promoHeader":"ErTD0d","uui-critical":"eBB-E-","uuiCritical":"eBB-E-","uui-info":"g39ReE","uuiInfo":"g39ReE","uui-success":"AWAkqJ","uuiSuccess":"AWAkqJ","uui-warning":"_8U9E0Q","uuiWarning":"_8U9E0Q","uui-highlight":"TT9fWI","uuiHighlight":"TT9fWI","uui-typography-size-12":"e-RLsF","uuiTypographySize12":"e-RLsF","uui-typography-size-14":"podbdR","uuiTypographySize14":"podbdR","uui-typography-size-16":"SJ1LYW","uuiTypographySize16":"SJ1LYW","root":"Y3EN-t","main-path":"KrkNm3","mainPath":"KrkNm3","content-wrapper":"VzQa9h","contentWrapper":"VzQa9h","content":"_8IwZ1i","action-wrapper":"G9TGRp","actionWrapper":"G9TGRp","icon-wrapper":"_0-Yx1E","iconWrapper":"_0-Yx1E","icon":"MSH2tZ","close-icon":"OZB7T4","closeIcon":"OZB7T4"};
 
-const Alert = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("div", Object.assign({ role: "alert", ref: ref, className: cx('uui-alert', css$1l.root, css$1l.alertWrapper, props.color && `uui-color-${props.color}`, props.cx, (props.size === '36' ? css$1l.size36 : css$1l.size48)) }, props.rawProps),
-    React.createElement("div", { className: css$1l.mainPath },
-        props.icon && (React.createElement("div", { className: css$1l.iconWrapper },
-            React.createElement(IconContainer, { icon: props.icon, cx: css$1l.actionIcon }))),
-        React.createElement("div", { className: css$1l.content },
-            props.children,
-            props.actions && (React.createElement("div", { className: css$1l.actionWrapper }, props.actions.map((action) => (React.createElement(LinkButton, { caption: action.name, onClick: action.action, key: action.name, cx: css$1l.actionLink, size: (props === null || props === void 0 ? void 0 : props.size) === '36' ? '24' : '30' })))))),
-        props.onClose && React.createElement(IconButton, { icon: ForwardRef$R, color: "neutral", onClick: props.onClose, cx: css$1l.closeIcon })))));
+const Alert = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("div", Object.assign({ role: "alert", ref: ref, className: cx('uui-alert', css$1m.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.sizes.defaults.alert}`) }, props.rawProps),
+    React.createElement("div", { className: css$1m.mainPath },
+        React.createElement("div", { className: css$1m.contentWrapper },
+            props.icon && (React.createElement("div", { className: css$1m.iconWrapper },
+                React.createElement(IconContainer, { icon: props.icon, cx: css$1m.icon }))),
+            React.createElement("div", { className: css$1m.content },
+                props.children,
+                props.actions && (React.createElement("div", { className: css$1m.actionWrapper }, props.actions.map((action) => (React.createElement(LinkButton, { caption: action.name, onClick: action.action, key: action.name, cx: css$1m.actionLink, size: settings.sizes.alert.action[props.size || settings.sizes.defaults.alert] }))))))),
+        props.onClose && React.createElement(IconButton, { icon: ForwardRef$R, color: "neutral", onClick: props.onClose, cx: css$1m.closeIcon })))));
 const WarningAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$z, color: "warning", ref: ref }, props)));
 const SuccessAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$A, color: "success", ref: ref }, props)));
 const HintAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$x, color: "info", ref: ref }, props)));
@@ -995,18 +1022,18 @@ const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createE
 
 const Dropdown = /* @__PURE__ */withMods(Dropdown$1);
 
-var css$1k = {"root":"_6D2bo6"};
+var css$1l = {"root":"yr1ZfS"};
 
 function applyDropdownContainerMods(mods) {
     return [
-        css$1k.root,
+        css$1l.root,
         mods.vPadding && `vPadding-${mods.vPadding}`,
         mods.padding && `padding-${mods.padding}`,
     ];
 }
 const DropdownContainer = /* @__PURE__ */withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
 
-var css$1j = {"uui-typography":"IYNJwq","uuiTypography":"IYNJwq","hero-header":"bVkGlx","heroHeader":"bVkGlx","promo-header":"a3tjA1","promoHeader":"a3tjA1","uui-critical":"NtHO4A","uuiCritical":"NtHO4A","uui-info":"_1YtnDv","uuiInfo":"_1YtnDv","uui-success":"WJ9409","uuiSuccess":"WJ9409","uui-warning":"PHz64d","uuiWarning":"PHz64d","uui-highlight":"_9a31Ya","uuiHighlight":"_9a31Ya","uui-typography-size-12":"_0zDWfT","uuiTypographySize12":"_0zDWfT","uui-typography-size-14":"IEiK88","uuiTypographySize14":"IEiK88","uui-typography-size-16":"a8bR-a","uuiTypographySize16":"a8bR-a","submenu-root-item-rtl":"toYNAR","submenuRootItemRtl":"toYNAR","icon-after":"-axF-B","iconAfter":"-axF-B","submenu-root-item":"-iHo-x","submenuRootItem":"-iHo-x","icon-check":"_56GJQd","iconCheck":"_56GJQd","splitter-root":"Un9aye","splitterRoot":"Un9aye","splitter":"_18WUL5","header-root":"fLapyK","headerRoot":"fLapyK","item-root":"UV0NzG","itemRoot":"UV0NzG","icon":"v8QuZY","link":"qCcVJl","indent":"mLl3Py","selected-mark":"mingzZ","selectedMark":"mingzZ"};
+var css$1k = {"uui-typography":"yL2G1R","uuiTypography":"yL2G1R","hero-header":"u6E83x","heroHeader":"u6E83x","promo-header":"HfIb3N","promoHeader":"HfIb3N","uui-critical":"vjBgWl","uuiCritical":"vjBgWl","uui-info":"TS1FcQ","uuiInfo":"TS1FcQ","uui-success":"_0uQ673","uuiSuccess":"_0uQ673","uui-warning":"NwXTV7","uuiWarning":"NwXTV7","uui-highlight":"vruTWu","uuiHighlight":"vruTWu","uui-typography-size-12":"_4WLGbC","uuiTypographySize12":"_4WLGbC","uui-typography-size-14":"JthH6C","uuiTypographySize14":"JthH6C","uui-typography-size-16":"f9fRfa","uuiTypographySize16":"f9fRfa","submenu-root-item-rtl":"InbstL","submenuRootItemRtl":"InbstL","icon-after":"zpJd6q","iconAfter":"zpJd6q","submenu-root-item":"PPjiSU","submenuRootItem":"PPjiSU","icon-check":"D-Fz29","iconCheck":"D-Fz29","splitter-root":"nhVyFF","splitterRoot":"nhVyFF","splitter":"SP9TgY","header-root":"zC68mG","headerRoot":"zC68mG","item-root":"NgaKno","itemRoot":"NgaKno","icon":"LQbwtZ","link":"INu1xn","indent":"NHB9YG","selected-mark":"VnBFIM","selectedMark":"VnBFIM"};
 
 var IDropdownControlKeys;
 (function (IDropdownControlKeys) {
@@ -1067,17 +1094,17 @@ const DropdownMenuButton = /* @__PURE__ */React__default.forwardRef((props, ref)
     const getMenuButtonContent = () => {
         const isIconBefore = Boolean(icon && iconPosition !== 'right');
         const isIconAfter = Boolean(icon && iconPosition === 'right');
-        const iconElement = (React__default.createElement(IconButton, { icon: icon, color: isActive ? 'primary' : 'neutral', onClick: onIconClick, isDisabled: isDisabled, cx: cx$1(css$1j.icon, iconPosition === 'right' ? css$1j.iconAfter : css$1j.iconBefore) }));
+        const iconElement = (React__default.createElement(IconButton, { icon: icon, color: isActive ? 'primary' : 'neutral', onClick: onIconClick, isDisabled: isDisabled, cx: cx$1(css$1k.icon, iconPosition === 'right' ? css$1k.iconAfter : css$1k.iconBefore) }));
         return (React__default.createElement(React__default.Fragment, null,
             isIconBefore && iconElement,
-            React__default.createElement(Text$1, { cx: props.indent && css$1j.indent }, caption),
+            React__default.createElement(Text$1, { cx: props.indent && css$1k.indent }, caption),
             isIconAfter && (React__default.createElement(React__default.Fragment, null,
                 React__default.createElement(FlexSpacer, null),
                 iconElement))));
     };
     const isAnchor = Boolean(link || href);
-    const itemClassNames = cx$1(props.cx, css$1j.itemRoot, isDisabled && uuiMod.disabled, isActive && uuiMod.active, isOpen && uuiMod.opened);
-    return isAnchor ? (React__default.createElement(Anchor$1, { cx: cx$1(css$1j.link, itemClassNames), link: link, href: href, rawProps: { role: 'menuitem', tabIndex: isDisabled ? -1 : 0 }, onClick: handleClick, isLinkActive: isActive, isDisabled: isDisabled, target: target }, getMenuButtonContent())) : (React__default.createElement(FlexRow$1, { rawProps: {
+    const itemClassNames = cx$1(props.cx, css$1k.itemRoot, isDisabled && uuiMod.disabled, isActive && uuiMod.active, isOpen && uuiMod.opened);
+    return isAnchor ? (React__default.createElement(Anchor$1, { cx: cx$1(css$1k.link, itemClassNames), link: link, href: href, rawProps: { role: 'menuitem', tabIndex: isDisabled ? -1 : 0 }, onClick: handleClick, isLinkActive: isActive, isDisabled: isDisabled, target: target }, getMenuButtonContent())) : (React__default.createElement(FlexRow$1, { rawProps: {
             tabIndex: isDisabled ? -1 : 0,
             role: 'menuitem',
             onKeyDown: isDisabled ? null : handleOpenDropdown,
@@ -1085,15 +1112,15 @@ const DropdownMenuButton = /* @__PURE__ */React__default.forwardRef((props, ref)
         getMenuButtonContent(),
         isSelected && (React__default.createElement(React__default.Fragment, null,
             React__default.createElement(FlexSpacer, null),
-            React__default.createElement(IconContainer, { icon: systemIcons.accept, cx: css$1j.selectedMark })))));
+            React__default.createElement(IconContainer, { icon: systemIcons.accept, cx: css$1k.selectedMark })))));
 });
 function DropdownMenuSplitter(props) {
-    return (React__default.createElement("div", { className: cx$1(props.cx, css$1j.splitterRoot) },
-        React__default.createElement("hr", { className: css$1j.splitter })));
+    return (React__default.createElement("div", { className: cx$1(props.cx, css$1k.splitterRoot) },
+        React__default.createElement("hr", { className: css$1k.splitter })));
 }
 function DropdownMenuHeader(props) {
-    return (React__default.createElement("div", { className: cx$1('uui-dropdown-menu-header', props.cx, css$1j.headerRoot) },
-        React__default.createElement("span", { className: css$1j.header }, props.caption)));
+    return (React__default.createElement("div", { className: cx$1('uui-dropdown-menu-header', props.cx, css$1k.headerRoot) },
+        React__default.createElement("span", { className: css$1k.header }, props.caption)));
 }
 function DropdownSubMenu(props) {
     const subMenuModifiers = [
@@ -1115,7 +1142,7 @@ function DropdownSubMenu(props) {
     const isRtl = (window === null || window === void 0 ? void 0 : window.document.dir) === 'rtl';
     return (React__default.createElement(Dropdown$1, { openOnHover: props.openOnHover || true, closeOnMouseLeave: "boundary", openDelay: 400, closeDelay: 400, placement: isRtl ? 'left-start' : 'right-start', modifiers: subMenuModifiers, renderBody: (dropdownProps) => !props.isDisabled && (React__default.createElement(DropdownMenuBody, Object.assign({ closeOnKey: IDropdownControlKeys.LEFT_ARROW }, props, dropdownProps))), renderTarget: (_a) => {
             var { toggleDropdownOpening } = _a, targetProps = __rest(_a, ["toggleDropdownOpening"]);
-            return (React__default.createElement(DropdownMenuButton, Object.assign({ cx: cx$1(isRtl ? css$1j.submenuRootItemRtl : css$1j.submenuRootItem), icon: systemIcons.foldingArrow, iconPosition: "right", isDropdown: true, toggleDropdownOpening: toggleDropdownOpening }, props, targetProps)));
+            return (React__default.createElement(DropdownMenuButton, Object.assign({ cx: cx$1(isRtl ? css$1k.submenuRootItemRtl : css$1k.submenuRootItem), icon: systemIcons.foldingArrow, iconPosition: "right", isDropdown: true, toggleDropdownOpening: toggleDropdownOpening }, props, targetProps)));
         } }));
 }
 function DropdownMenuSwitchButton(props) {
@@ -1132,29 +1159,29 @@ function DropdownMenuSwitchButton(props) {
             onHandleValueChange(!isSelected);
         }
     };
-    return (React__default.createElement(FlexRow$1, { cx: cx$1(props.cx, css$1j.itemRoot, isDisabled && uuiMod.disabled), onClick: () => onHandleValueChange(!isSelected), rawProps: { role: 'menuitem', onKeyDown: handleKeySelect, tabIndex: isDisabled ? -1 : 0 } },
-        icon && React__default.createElement(IconContainer, { icon: icon, cx: css$1j.iconBefore }),
+    return (React__default.createElement(FlexRow$1, { cx: cx$1(props.cx, css$1k.itemRoot, isDisabled && uuiMod.disabled), onClick: () => onHandleValueChange(!isSelected), rawProps: { role: 'menuitem', onKeyDown: handleKeySelect, tabIndex: isDisabled ? -1 : 0 } },
+        icon && React__default.createElement(IconContainer, { icon: icon, cx: css$1k.iconBefore }),
         React__default.createElement(Text$1, null, caption),
         React__default.createElement(FlexSpacer, null),
         React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
 }
 
-var css$1i = {"uui-typography":"x6CbcU","uuiTypography":"x6CbcU","hero-header":"JLvEOP","heroHeader":"JLvEOP","promo-header":"JTQzKx","promoHeader":"JTQzKx","uui-critical":"_5Ybnsq","uuiCritical":"_5Ybnsq","uui-info":"WWurVA","uuiInfo":"WWurVA","uui-success":"l9QRyS","uuiSuccess":"l9QRyS","uui-warning":"Mc-yo3","uuiWarning":"Mc-yo3","uui-highlight":"oPbab0","uuiHighlight":"oPbab0","uui-typography-size-12":"AFI8JP","uuiTypographySize12":"AFI8JP","uui-typography-size-14":"fdIox-","uuiTypographySize14":"fdIox-","uui-typography-size-16":"Q6YKW9","uuiTypographySize16":"Q6YKW9","root":"CJl-In","mode-block":"oLZagb","modeBlock":"oLZagb","mode-inline":"huUMiB","modeInline":"huUMiB","padding-0":"-rz93r","padding0":"-rz93r","padding-6":"KwK5cj","padding6":"KwK5cj","padding-12":"tulnC5","padding12":"tulnC5","padding-18":"_3eGtcw","padding18":"_3eGtcw"};
+var css$1j = {"uui-typography":"tJ5ReB","uuiTypography":"tJ5ReB","hero-header":"Bz6h48","heroHeader":"Bz6h48","promo-header":"ev6NBH","promoHeader":"ev6NBH","uui-critical":"ElhTl-","uuiCritical":"ElhTl-","uui-info":"MoLvxB","uuiInfo":"MoLvxB","uui-success":"hE4Pv6","uuiSuccess":"hE4Pv6","uui-warning":"_4Z9UK7","uuiWarning":"_4Z9UK7","uui-highlight":"aO1euL","uuiHighlight":"aO1euL","uui-typography-size-12":"MI4bZN","uuiTypographySize12":"MI4bZN","uui-typography-size-14":"_5ivDdV","uuiTypographySize14":"_5ivDdV","uui-typography-size-16":"xoPY6N","uuiTypographySize16":"xoPY6N","root":"_1s9MKj","mode-block":"xgwaE6","modeBlock":"xgwaE6","mode-inline":"va2-Vj","modeInline":"va2-Vj","padding-0":"L-lKt-","padding0":"L-lKt-","padding-6":"gfTITF","padding6":"gfTITF","padding-12":"MIJ0Lq","padding12":"MIJ0Lq","padding-18":"veSZWb","padding18":"veSZWb"};
 
 function applyAccordionMods(mods) {
     return [
-        css$1i.root,
-        css$1i[`mode-${mods.mode || 'block'}`],
-        mods.padding && css$1i['padding-' + mods.padding],
+        css$1j.root,
+        css$1j[`mode-${mods.mode || 'block'}`],
+        mods.padding && css$1j['padding-' + mods.padding],
     ];
 }
 const Accordion = /* @__PURE__ */withMods(uuiComponents.Accordion, applyAccordionMods, (mods) => ({
     dropdownIcon: mods.dropdownIcon !== null && systemIcons.foldingArrow,
 }));
 
-var css$1h = {"uui-typography":"oHfyMC","uuiTypography":"oHfyMC","hero-header":"HqnB5k","heroHeader":"HqnB5k","promo-header":"EsIgU9","promoHeader":"EsIgU9","uui-critical":"UjOHeb","uuiCritical":"UjOHeb","uui-info":"TbltJK","uuiInfo":"TbltJK","uui-success":"dbia6-","uuiSuccess":"dbia6-","uui-warning":"cFSXUb","uuiWarning":"cFSXUb","uui-highlight":"m8E7zA","uuiHighlight":"m8E7zA","uui-typography-size-12":"W8wlwt","uuiTypographySize12":"W8wlwt","uui-typography-size-14":"_9eodOg","uuiTypographySize14":"_9eodOg","uui-typography-size-16":"n3kdlb","uuiTypographySize16":"n3kdlb","root":"Wki18O","border-top":"hjjUlx","borderTop":"hjjUlx","border-bottom":"SFfln5","borderBottom":"SFfln5","top-shadow":"Veyx7x","topShadow":"Veyx7x","padding-6":"YXQndc","padding6":"YXQndc","padding-12":"b-bgAB","padding12":"b-bgAB","padding-18":"_6oo4ZD","padding18":"_6oo4ZD","padding-24":"URnri9","padding24":"URnri9","margin-24":"GDy6D6","margin24":"GDy6D6","margin-12":"PZLxNu","margin12":"PZLxNu","vPadding-12":"oesCt-","vPadding12":"oesCt-","vPadding-18":"A5VH9M","vPadding18":"A5VH9M","vPadding-24":"w8bcfi","vPadding24":"w8bcfi","vPadding-36":"yulwz3","vPadding36":"yulwz3","vPadding-48":"emNUD4","vPadding48":"emNUD4","spacing-6":"_37Z7U0","spacing6":"_37Z7U0","spacing-12":"_7uwos8","spacing12":"_7uwos8","spacing-18":"r5x4tF","spacing18":"r5x4tF","uui-surface-main":"oUxZTj","uuiSurfaceMain":"oUxZTj"};
+var css$1i = {"uui-typography":"_3w-ph0","uuiTypography":"_3w-ph0","hero-header":"lmiIWE","heroHeader":"lmiIWE","promo-header":"wQ59M5","promoHeader":"wQ59M5","uui-critical":"_3VClnA","uuiCritical":"_3VClnA","uui-info":"tIeb4B","uuiInfo":"tIeb4B","uui-success":"z4K-ul","uuiSuccess":"z4K-ul","uui-warning":"rNHjIp","uuiWarning":"rNHjIp","uui-highlight":"rhrDM-","uuiHighlight":"rhrDM-","uui-typography-size-12":"ACYjEC","uuiTypographySize12":"ACYjEC","uui-typography-size-14":"tGgHwK","uuiTypographySize14":"tGgHwK","uui-typography-size-16":"PiT3pq","uuiTypographySize16":"PiT3pq","root":"FJHiiy","border-top":"_5N6Pf-","borderTop":"_5N6Pf-","border-bottom":"_---kjD","borderBottom":"_---kjD","top-shadow":"Mf2Olm","topShadow":"Mf2Olm","padding-6":"_8ridhK","padding6":"_8ridhK","padding-12":"OMVlcX","padding12":"OMVlcX","padding-18":"dREilp","padding18":"dREilp","padding-24":"xRRPmF","padding24":"xRRPmF","margin-24":"J-sIuf","margin24":"J-sIuf","margin-12":"JkVzSh","margin12":"JkVzSh","vPadding-12":"_7d9NIq","vPadding12":"_7d9NIq","vPadding-18":"XCjJtb","vPadding18":"XCjJtb","vPadding-24":"_5Oop5C","vPadding24":"_5Oop5C","vPadding-36":"QoUP1d","vPadding36":"QoUP1d","vPadding-48":"wmZ-62","vPadding48":"wmZ-62","spacing-6":"VxKML8","spacing6":"VxKML8","spacing-12":"LTB9xp","spacing12":"LTB9xp","spacing-18":"elVpOT","spacing18":"elVpOT","uui-surface-main":"KY-d-j","uuiSurfaceMain":"KY-d-j"};
 
-const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$1h.flexCell]);
+const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$1i.flexCell]);
 
 const FlexRow = /* @__PURE__ */withMods(FlexRow$1, (props) => {
     if (process.env.NODE_ENV !== "production") {
@@ -1163,45 +1190,45 @@ const FlexRow = /* @__PURE__ */withMods(FlexRow$1, (props) => {
         }
     }
     return [
-        css$1h.root,
+        css$1i.root,
         props.size !== null && 'uui-size-' + (props.size || '36'),
-        props.padding && css$1h['padding-' + props.padding],
-        props.vPadding && css$1h['vPadding-' + props.vPadding],
-        props.margin && css$1h['margin-' + props.margin],
-        props.topShadow && css$1h.topShadow,
-        props.borderBottom && css$1h.borderBottom,
-        props.borderTop && css$1h.borderTop,
-        props.spacing && css$1h['spacing-' + props.spacing],
-        props.background && css$1h[`uui-${props.background}`],
+        props.padding && css$1i['padding-' + props.padding],
+        props.vPadding && css$1i['vPadding-' + props.vPadding],
+        props.margin && css$1i['margin-' + props.margin],
+        props.topShadow && css$1i.topShadow,
+        props.borderBottom && css$1i.borderBottom,
+        props.borderTop && css$1i.borderTop,
+        props.spacing && css$1i['spacing-' + props.spacing],
+        props.background && css$1i[`uui-${props.background}`],
     ];
 });
 
-var css$1g = {"root":"_8FmHb6","margin-24":"qAIvJR","margin24":"qAIvJR","padding-12":"_5-WhZw","padding12":"_5-WhZw","padding-24":"TN7x8L","padding24":"TN7x8L","shadow":"Hq0j4J","uui-surface-main":"HmbF37","uuiSurfaceMain":"HmbF37"};
+var css$1h = {"root":"KO863m","margin-24":"wrJRGk","margin24":"wrJRGk","padding-12":"opOilq","padding12":"opOilq","padding-24":"_5hukYs","padding24":"_5hukYs","shadow":"IQlNLa","uui-surface-main":"OIgcvF","uuiSurfaceMain":"OIgcvF"};
 
 const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
     'uui-panel',
-    css$1g.root,
-    props.shadow && css$1g.shadow,
-    props.margin && css$1g['margin-' + props.margin],
-    props.background && css$1g[`uui-${props.background}`],
+    css$1h.root,
+    props.shadow && css$1h.shadow,
+    props.margin && css$1h['margin-' + props.margin],
+    props.background && css$1h[`uui-${props.background}`],
 ]);
 
-var css$1f = {"root":"ELavfQ"};
+var css$1g = {"root":"LZGau1"};
 
 function applyTooltipMods(mods) {
     return [
-        css$1f.root,
+        css$1g.root,
         `uui-color-${mods.color || 'inverted'}`,
     ];
 }
 const Tooltip = /* @__PURE__ */withMods(uuiComponents.Tooltip, applyTooltipMods);
 
-var css$1e = {"uui-typography":"TnXYPE","uuiTypography":"TnXYPE","hero-header":"b-F4cn","heroHeader":"b-F4cn","promo-header":"vSg2rL","promoHeader":"vSg2rL","uui-critical":"-VxxmG","uuiCritical":"-VxxmG","uui-info":"jia2UF","uuiInfo":"jia2UF","uui-success":"_0ktCeE","uuiSuccess":"_0ktCeE","uui-warning":"WuRMx2","uuiWarning":"WuRMx2","uui-highlight":"jiMhkg","uuiHighlight":"jiMhkg","uui-typography-size-12":"_1QhafP","uuiTypographySize12":"_1QhafP","uui-typography-size-14":"wmh5hG","uuiTypographySize14":"wmh5hG","uui-typography-size-16":"LMsx-n","uuiTypographySize16":"LMsx-n","root":"FOVz-i"};
+var css$1f = {"uui-typography":"XQVPio","uuiTypography":"XQVPio","hero-header":"oDtmmx","heroHeader":"oDtmmx","promo-header":"syi7we","promoHeader":"syi7we","uui-critical":"kbbmCy","uuiCritical":"kbbmCy","uui-info":"_0jX8L0","uuiInfo":"_0jX8L0","uui-success":"Uu1l7r","uuiSuccess":"Uu1l7r","uui-warning":"-chxlD","uuiWarning":"-chxlD","uui-highlight":"AcNzql","uuiHighlight":"AcNzql","uui-typography-size-12":"mz5zlm","uuiTypographySize12":"mz5zlm","uui-typography-size-14":"cM3Fck","uuiTypographySize14":"cM3Fck","uui-typography-size-16":"JskUye","uuiTypographySize16":"JskUye","root":"uVFE2q"};
 
 function applyLabeledInputMods(mods) {
     return [
         'uui-labeled-input',
-        css$1e.root,
+        css$1f.root,
         'uui-size-' + (mods.size || settings.sizes.defaults.labeledInput),
     ];
 }
@@ -1210,7 +1237,7 @@ const LabeledInput = /* @__PURE__ */withMods(uuiComponents.LabeledInput, applyLa
     infoIcon: props.infoIcon || (settings.sizes.labeledInput.fillIcon.includes(props.size) ? ForwardRef$x : ForwardRef$M),
 }));
 
-var css$1d = {"root":"hmqj4U"};
+var css$1e = {"root":"lVVYkK"};
 
 function RadioGroup(props) {
     const direction = props.direction || 'vertical';
@@ -1219,34 +1246,34 @@ function RadioGroup(props) {
             props.onValueChange(newVal);
         }
     };
-    return (React.createElement("fieldset", Object.assign({ ref: props.forwardedRef, className: cx$1(css$1d.root, directionMode[direction], props.cx), onFocus: props.onFocus, onBlur: props.onBlur }, props.rawProps), props.items.map((i) => {
+    return (React.createElement("fieldset", Object.assign({ ref: props.forwardedRef, className: cx$1(css$1e.root, directionMode[direction], props.cx), onFocus: props.onFocus, onBlur: props.onBlur }, props.rawProps), props.items.map((i) => {
         const restItemProps = __rest(i, ["id", "name", "renderName"]);
         return (React.createElement(RadioInput, Object.assign({ name: props.name, renderLabel: i.renderName ? i.renderName : () => i.name, value: props.value === i.id, onValueChange: () => handleChange(i.id), isDisabled: props.isDisabled || i.isDisabled, isReadonly: props.isReadonly, isInvalid: props.isInvalid, isRequired: props.isRequired, key: i.id.toString(), size: props.size || i.size }, restItemProps)));
     })));
 }
 
-var css$1c = {"root":"KM9qJu"};
+var css$1d = {"root":"BFVP-q"};
 
 function applyScrollBarsMods() {
     return [
-        css$1c.root, 'uui-scroll-bars', 'uui-shadow-top', 'uui-shadow-bottom',
+        css$1d.root, 'uui-scroll-bars', 'uui-shadow-top', 'uui-shadow-bottom',
     ];
 }
 const ScrollBars = /* @__PURE__ */withMods(ScrollBars$1, applyScrollBarsMods);
 
-var css$1b = {"scroll-container":"ARCi7J","scrollContainer":"ARCi7J","list-container":"z9sHZe","listContainer":"z9sHZe"};
+var css$1c = {"scroll-container":"wm3FFF","scrollContainer":"wm3FFF","list-container":"FjyvHJ","listContainer":"FjyvHJ"};
 
-var css$1a = {"root":"mzsARs"};
+var css$1b = {"root":"xTx-HH"};
 
-const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$1a.root]);
+const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$1b.root]);
 
-var css$19 = {"uui-typography":"_9b8h-3","uuiTypography":"_9b8h-3","hero-header":"EiW0w6","heroHeader":"EiW0w6","promo-header":"_95Zxf-","promoHeader":"_95Zxf-","uui-critical":"-sHhFn","uuiCritical":"-sHhFn","uui-info":"_-7O-Ex","uuiInfo":"_-7O-Ex","uui-success":"Bi-5Rx","uuiSuccess":"Bi-5Rx","uui-warning":"_6mBCWb","uuiWarning":"_6mBCWb","uui-highlight":"_94bwj-","uuiHighlight":"_94bwj-","uui-typography-size-12":"zHd6zC","uuiTypographySize12":"zHd6zC","uui-typography-size-14":"CgxWcD","uuiTypographySize14":"CgxWcD","uui-typography-size-16":"AAkfv2","uuiTypographySize16":"AAkfv2","root":"JY-5V4"};
+var css$1a = {"uui-typography":"omeBJf","uuiTypography":"omeBJf","hero-header":"KrcSIz","heroHeader":"KrcSIz","promo-header":"PbtcFt","promoHeader":"PbtcFt","uui-critical":"-LTK8w","uuiCritical":"-LTK8w","uui-info":"IIqZ4d","uuiInfo":"IIqZ4d","uui-success":"yoUmrQ","uuiSuccess":"yoUmrQ","uui-warning":"bM8IZ6","uuiWarning":"bM8IZ6","uui-highlight":"g-kHDU","uuiHighlight":"g-kHDU","uui-typography-size-12":"XmceiP","uuiTypographySize12":"XmceiP","uui-typography-size-14":"L69Jqz","uuiTypographySize14":"L69Jqz","uui-typography-size-16":"SHIyC3","uuiTypographySize16":"SHIyC3","root":"_8GuXQY"};
 
 const DEFAULT_FILL = 'solid';
 function applyBadgeMods(mods) {
     return [
         'uui-badge',
-        css$19.root,
+        css$1a.root,
         `uui-size-${mods.size || settings.sizes.defaults.badge}`,
         `uui-fill-${mods.fill || DEFAULT_FILL}`,
         `uui-color-${mods.color || 'info'}`,
@@ -1264,11 +1291,11 @@ const Badge = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$18 = {"uui-typography":"bHUTqc","uuiTypography":"bHUTqc","hero-header":"PoueDO","heroHeader":"PoueDO","promo-header":"_0HjPyh","promoHeader":"_0HjPyh","uui-critical":"ygZvLa","uuiCritical":"ygZvLa","uui-info":"Sv61Ed","uuiInfo":"Sv61Ed","uui-success":"Dmtbt-","uuiSuccess":"Dmtbt-","uui-warning":"Ye9ESy","uuiWarning":"Ye9ESy","uui-highlight":"li1wob","uuiHighlight":"li1wob","uui-typography-size-12":"RK2Zv6","uuiTypographySize12":"RK2Zv6","uui-typography-size-14":"_1p9N6q","uuiTypographySize14":"_1p9N6q","uui-typography-size-16":"Y-avZH","uuiTypographySize16":"Y-avZH","root":"WAHKHZ"};
+var css$19 = {"uui-typography":"AQhy4v","uuiTypography":"AQhy4v","hero-header":"rTAA2t","heroHeader":"rTAA2t","promo-header":"MtVS6T","promoHeader":"MtVS6T","uui-critical":"lYfaM5","uuiCritical":"lYfaM5","uui-info":"jijbkU","uuiInfo":"jijbkU","uui-success":"yufIQ9","uuiSuccess":"yufIQ9","uui-warning":"nVvh4o","uuiWarning":"nVvh4o","uui-highlight":"soQhfQ","uuiHighlight":"soQhfQ","uui-typography-size-12":"f9JIO0","uuiTypographySize12":"f9JIO0","uui-typography-size-14":"_57lFU5","uuiTypographySize14":"_57lFU5","uui-typography-size-16":"_8UeN-o","uuiTypographySize16":"_8UeN-o","root":"pQTLk-"};
 
 function applyTagMods(props) {
     return [
-        css$18.root,
+        css$19.root,
         `uui-size-${props.size || settings.sizes.defaults.tag}`,
         `uui-color-${props.color || 'neutral'}`,
         `uui-fill-${props.fill || 'solid'}`,
@@ -1288,10 +1315,10 @@ const Tag = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
 });
 
-var css$17 = {"root":"i27qdq","uui-spinner":"_62n3C-","uuiSpinner":"_62n3C-"};
+var css$18 = {"root":"_4VTEQq","uui-spinner":"TAaiFU","uuiSpinner":"TAaiFU"};
 
 function applySpinnerMods() {
-    return [css$17.root, 'uui-spinner'];
+    return [css$18.root, 'uui-spinner'];
 }
 const Spinner = /* @__PURE__ */withMods(Spinner$1, applySpinnerMods);
 
@@ -1325,57 +1352,57 @@ var SvgNavigationChevronRightOutline = function SvgNavigationChevronRightOutline
 };
 var ForwardRef$v = /*#__PURE__*/forwardRef(SvgNavigationChevronRightOutline);
 
-var css$16 = {"root":"-J3zd-","page":"-g-B82","spacer":"_5QbgpA","mode-ghost":"nUJ23j","modeGhost":"nUJ23j"};
+var css$17 = {"root":"taIwL-","page":"a0c9EI","spacer":"gYwB6k","mode-ghost":"_6gm-xU","modeGhost":"_6gm-xU"};
 
 function Paginator(props) {
-    const renderPaginator = (params) => (React__default.createElement("nav", Object.assign({ role: "navigation", className: cx(css$16.root, 'uui-paginator', `uui-size-${props.size || settings.sizes.defaults.paginator}`) }, params.rawProps),
+    const renderPaginator = (params) => (React__default.createElement("nav", Object.assign({ role: "navigation", className: cx(css$17.root, 'uui-paginator', `uui-size-${props.size || settings.sizes.defaults.paginator}`) }, params.rawProps),
         React__default.createElement(Button, { size: props.size || settings.sizes.defaults.paginator, icon: ForwardRef$w, onClick: params.goToPrev, isDisabled: params.isFirst || props.isDisabled, fill: "outline", color: "secondary" }),
         params.pages.map((page, index) => {
             if (page.type === 'spacer') {
-                return (React__default.createElement(Button, { cx: cx(css$16.spacer, css$16.page), size: props.size || settings.sizes.defaults.paginator, key: `${index}_spacer`, caption: "...", fill: "ghost", color: "secondary", tabIndex: -1, isDisabled: props.isDisabled }));
+                return (React__default.createElement(Button, { cx: cx(css$17.spacer, css$17.page), size: props.size || settings.sizes.defaults.paginator, key: `${index}_spacer`, caption: "...", fill: "ghost", color: "secondary", tabIndex: -1, isDisabled: props.isDisabled }));
             }
             else {
-                return (React__default.createElement(Button, { cx: cx(css$16[`mode-${!page.isActive && 'ghost'}`], css$16.page), size: props.size || settings.sizes.defaults.paginator, key: page.pageNumber, caption: page.pageNumber, onClick: () => { var _a; return (_a = page.onClick) === null || _a === void 0 ? void 0 : _a.call(page); }, rawProps: { 'aria-current': page.isActive }, fill: (page.isActive && 'outline') || 'ghost', color: "primary", isDisabled: props.isDisabled }));
+                return (React__default.createElement(Button, { cx: cx(css$17[`mode-${!page.isActive && 'ghost'}`], css$17.page), size: props.size || settings.sizes.defaults.paginator, key: page.pageNumber, caption: page.pageNumber, onClick: () => { var _a; return (_a = page.onClick) === null || _a === void 0 ? void 0 : _a.call(page); }, rawProps: { 'aria-current': page.isActive }, fill: (page.isActive && 'outline') || 'ghost', color: "primary", isDisabled: props.isDisabled }));
             }
         }),
         React__default.createElement(Button, { size: props.size || settings.sizes.defaults.paginator, icon: ForwardRef$v, onClick: params.goToNext, isDisabled: params.isLast || props.isDisabled, fill: "outline", color: "secondary" })));
     return React__default.createElement(Paginator$1, Object.assign({}, props, { render: renderPaginator }));
 }
 
-var css$15 = {"root":"HdV07u","progress-bar":"J6BXUx","progressBar":"J6BXUx","progressBar-indeterminate":"L9XDP7","progressBarIndeterminate":"L9XDP7","size-12":"bPJA9a","size12":"bPJA9a","size-18":"BuhaHx","size18":"BuhaHx","size-24":"_7pMgnu","size24":"_7pMgnu"};
+var css$16 = {"root":"Wq4Cfl","progress-bar":"udXVIQ","progressBar":"udXVIQ","progressBar-indeterminate":"e544hG","progressBarIndeterminate":"e544hG","size-12":"m3Kkps","size12":"m3Kkps","size-18":"x-k7IY","size18":"x-k7IY","size-24":"w-svs1","size24":"w-svs1"};
 
 const IndeterminateBar = /* @__PURE__ */React.forwardRef((props, ref) => {
-    return (React.createElement("div", { ref: ref, className: cx('uui-indeterminate_bar', props.cx, css$15.root, css$15[`size-${props.size || 12}`]) },
-        React.createElement("div", { className: cx(css$15.progressBar) })));
+    return (React.createElement("div", { ref: ref, className: cx('uui-indeterminate_bar', props.cx, css$16.root, css$16[`size-${props.size || 12}`]) },
+        React.createElement("div", { className: cx(css$16.progressBar) })));
 });
 
-var css$14 = {"root":"_1YCdxB","striped":"jRJs9L","animate-stripes":"_2j3HVg","animateStripes":"_2j3HVg","size-12":"MmxsHd","size12":"MmxsHd","size-18":"s4A05l","size18":"s4A05l","size-24":"_7P1Awi","size24":"_7P1Awi"};
+var css$15 = {"root":"Y9OC-K","striped":"-qGV2t","animate-stripes":"vaRVOG","animateStripes":"vaRVOG","size-12":"Rz5XjK","size12":"Rz5XjK","size-18":"avR49C","size18":"avR49C","size-24":"m9L6f5","size24":"m9L6f5"};
 
 const DEFAULT_SIZE = '12';
 function applyProgressBarMods(mods) {
     const size = mods.size || DEFAULT_SIZE;
     return [
-        css$14.root,
-        css$14[`size-${size}`],
-        mods.striped && css$14.striped,
+        css$15.root,
+        css$15[`size-${size}`],
+        mods.striped && css$15.striped,
     ];
 }
 const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProgressBarMods, (props) => ({
     hideLabel: props.hideLabel || props.striped,
 }));
 
-var css$13 = {"root":"FwszS8"};
+var css$14 = {"root":"TKJniY"};
 
 const IndicatorBar = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { progress } = props;
-    return progress || progress === 0 ? (React.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx(css$13.root, props.cx), hideLabel: true })) : (React.createElement(IndeterminateBar, { ref: ref, cx: cx(css$13.root, props.cx) }));
+    return progress || progress === 0 ? (React.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx(css$14.root, props.cx), hideLabel: true })) : (React.createElement(IndeterminateBar, { ref: ref, cx: cx(css$14.root, props.cx) }));
 });
 
-var css$12 = {"root":"kipjiY"};
+var css$13 = {"root":"QkSwyC"};
 
 const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
-            css$12.root,
+            css$13.root,
             `uui-size-${props.size || settings.sizes.defaults.statusIndicator}`,
             'uui-status_indicator',
             `uui-color-${props.color || 'neutral'}`,
@@ -1386,7 +1413,7 @@ const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
         React__default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
 });
 
-var css$11 = {"drag-handle":"qeEuet","dragHandle":"qeEuet","icon-container":"I-ZiwZ","iconContainer":"I-ZiwZ"};
+var css$12 = {"drag-handle":"DtPwOU","dragHandle":"DtPwOU","icon-container":"johVCs","iconContainer":"johVCs"};
 
 function DataRowAddons(props) {
     var _a, _b;
@@ -1398,19 +1425,19 @@ function DataRowAddons(props) {
         return settings.sizes.rowAddons.indentWidth[props.size] || settings.sizes.rowAddons.defaults.indentWidth;
     };
     return (React__default.createElement(React__default.Fragment, null,
-        ((_a = row.dnd) === null || _a === void 0 ? void 0 : _a.srcData) && React__default.createElement(DragHandle, { key: "dh", cx: css$11.dragHandle, rawProps: Object.assign({}, props.eventHandlers) }),
+        ((_a = row.dnd) === null || _a === void 0 ? void 0 : _a.srcData) && React__default.createElement(DragHandle, { key: "dh", cx: css$12.dragHandle, rawProps: Object.assign({}, props.eventHandlers) }),
         ((_b = row === null || row === void 0 ? void 0 : row.checkbox) === null || _b === void 0 ? void 0 : _b.isVisible) && (React__default.createElement(Checkbox, { key: "cb", cx: "uui-dr_addons-checkbox", tabIndex: props.tabIndex, size: settings.sizes.rowAddons.checkbox[props.size], value: row.isChecked, indeterminate: !row.isChecked && row.isChildrenChecked, onValueChange: () => { var _a; return (_a = row.onCheck) === null || _a === void 0 ? void 0 : _a.call(row, row); }, isDisabled: row.checkbox.isDisabled, isInvalid: row.checkbox.isInvalid })),
         row.indent > 0 && (React__default.createElement("div", { key: "fold", className: cx('uui-dr_addons-indent', `uui-size-${props.size}`), style: { marginInlineStart: getIndent(), width: getWidth() } }, row.isFoldable && (React__default.createElement(IconContainer, { rawProps: {
                 'aria-label': row.isFolded ? 'Unfold' : 'Fold',
                 role: 'button',
             }, key: "icon", icon: ForwardRef$Q, cx: [
-                uuiElement.foldingArrow, uuiMarkers.clickable, css$11.iconContainer,
+                uuiElement.foldingArrow, uuiMarkers.clickable, css$12.iconContainer,
             ], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row), size: settings.sizes.rowAddons.icon[props.size] || settings.sizes.rowAddons.defaults.icon }))))));
 }
 
-var css$10 = {"root":"EBnQe3"};
+var css$11 = {"root":"KcDEuI"};
 
-const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$10.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__default.createElement(Spinner, null)) }));
+const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$11.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__default.createElement(Spinner, null)) }));
 
 const VirtualList = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { listContainerRef, offsetY, handleScroll, estimatedHeight, scrollContainerRef, } = useVirtualList({
@@ -1426,7 +1453,7 @@ const VirtualList = /* @__PURE__ */React.forwardRef((props, ref) => {
         var _a;
         return ((_a = props.renderRows) === null || _a === void 0 ? void 0 : _a.call(props, {
             listContainerRef, estimatedHeight, offsetY, scrollShadows,
-        })) || (React.createElement("div", { className: css$1b.listContainer, style: { minHeight: `${estimatedHeight}px` } },
+        })) || (React.createElement("div", { className: css$1c.listContainer, style: { minHeight: `${estimatedHeight}px` } },
             React.createElement("div", { ref: listContainerRef, role: props.role, style: { marginTop: offsetY } }, props.rows)));
     };
     const renderView = ({ style }) => (React.createElement(VirtualListView, { isLoading: props.isLoading, style: style, rawProps: props.rawProps }));
@@ -1436,7 +1463,7 @@ const VirtualList = /* @__PURE__ */React.forwardRef((props, ref) => {
             return;
         scrollContainerRef.current = scrollbars.container.firstChild;
     }, []);
-    return (React.createElement(ScrollBars, { cx: cx$1(css$1b.scrollContainer, props.cx, {
+    return (React.createElement(ScrollBars, { cx: cx$1(css$1c.scrollContainer, props.cx, {
             [uuiMarkers.scrolledLeft]: scrollShadows.horizontalLeft,
             [uuiMarkers.scrolledRight]: scrollShadows.horizontalRight,
             [uuiMarkers.scrolledTop]: scrollShadows.verticalTop,
@@ -1449,7 +1476,7 @@ const VirtualListView = /* @__PURE__ */React.forwardRef((props, ref) => {
         React.createElement(Blocker, { isEnabled: props.isLoading })));
 });
 
-var css$$ = {"root":"PD3ZlP"};
+var css$10 = {"root":"x9tPpn"};
 
 function CheckboxGroup(props) {
     const currentValue = props.value || [];
@@ -1465,16 +1492,16 @@ function CheckboxGroup(props) {
         }
         props.onValueChange(newSelection);
     };
-    return (React.createElement("fieldset", Object.assign({ ref: props.forwardedRef, className: cx$1(css$$.root, directionMode[direction], props.cx) }, props.rawProps), props.items.map((i) => {
+    return (React.createElement("fieldset", Object.assign({ ref: props.forwardedRef, className: cx$1(css$10.root, directionMode[direction], props.cx) }, props.rawProps), props.items.map((i) => {
         const restItemProps = __rest(i, ["id", "name", "renderName"]);
         return (React.createElement(Checkbox, Object.assign({ renderLabel: i.renderName ? i.renderName : () => i.name, value: currentValue.indexOf(i.id) !== -1, onValueChange: (selected) => handleChange(selected, i.id), isDisabled: props.isDisabled, isReadonly: props.isReadonly, isInvalid: props.isInvalid, isRequired: props.isRequired, key: i.id.toString(), size: props.size || i.size }, restItemProps)));
     })));
 }
 
-var css$_ = {"uui-typography":"_8ANzWI","uuiTypography":"_8ANzWI","hero-header":"_0r-X1m","heroHeader":"_0r-X1m","promo-header":"Fz1F6o","promoHeader":"Fz1F6o","uui-critical":"_8gTHM9","uuiCritical":"_8gTHM9","uui-info":"z3Jfik","uuiInfo":"z3Jfik","uui-success":"UxsD8t","uuiSuccess":"UxsD8t","uui-warning":"NI4hIV","uuiWarning":"NI4hIV","uui-highlight":"_8bRjon","uuiHighlight":"_8bRjon","uui-typography-size-12":"QksPrt","uuiTypographySize12":"QksPrt","uui-typography-size-14":"czV-Hi","uuiTypographySize14":"czV-Hi","uui-typography-size-16":"rkIy1X","uuiTypographySize16":"rkIy1X","root":"EV8sxD","modal-blocker":"wbzbp9","modalBlocker":"wbzbp9","animateModalBlocker":"IIErRL","modal":"ZS-IJ5","modal-footer":"bFjO8k","modalFooter":"bFjO8k","modal-header":"f3ZQNt","modalHeader":"f3ZQNt"};
+var css$$ = {"uui-typography":"UaIBUQ","uuiTypography":"UaIBUQ","hero-header":"sRZEB-","heroHeader":"sRZEB-","promo-header":"_1qaTh4","promoHeader":"_1qaTh4","uui-critical":"ritavP","uuiCritical":"ritavP","uui-info":"l4a7h7","uuiInfo":"l4a7h7","uui-success":"visifc","uuiSuccess":"visifc","uui-warning":"z-p6-W","uuiWarning":"z-p6-W","uui-highlight":"BHcj6q","uuiHighlight":"BHcj6q","uui-typography-size-12":"_-72Rmn","uuiTypographySize12":"_-72Rmn","uui-typography-size-14":"_5O-JG6","uuiTypographySize14":"_5O-JG6","uui-typography-size-16":"bro--i","uuiTypographySize16":"bro--i","root":"-kSY4W","modal-blocker":"_99CSq4","modalBlocker":"_99CSq4","animateModalBlocker":"kOiL-t","modal":"LrQl-R","modal-footer":"qOnsCD","modalFooter":"qOnsCD","modal-header":"uGoT73","modalHeader":"uGoT73"};
 
-const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$_.modalBlocker]);
-const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$_.root, css$_.modal], (props) => {
+const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$$.modalBlocker]);
+const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$$.root, css$$.modal], (props) => {
     const width = props.width || settings.sizes.modal.window.defaults.width;
     const height = props.height || 'auto';
     const maxHeight = isMobile() ? '100dvh' : (props.maxHeight || '80dvh');
@@ -1486,7 +1513,7 @@ const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$_.root, cs
 });
 class ModalHeader extends React__default.Component {
     render() {
-        return (React__default.createElement(FlexRow, { padding: this.props.padding || '24', size: null, vPadding: "36", borderBottom: this.props.borderBottom, cx: [css$_.root, css$_.modalHeader, this.props.cx], columnGap: "12", rawProps: this.props.rawProps },
+        return (React__default.createElement(FlexRow, { padding: this.props.padding || '24', size: null, vPadding: "36", borderBottom: this.props.borderBottom, cx: [css$$.root, css$$.modalHeader, this.props.cx], columnGap: "12", rawProps: this.props.rawProps },
             this.props.title && (React__default.createElement("div", { className: cx('uui-modal-title', 'uui-typography') }, this.props.title)),
             this.props.children,
             this.props.onClose && React__default.createElement(FlexSpacer, null),
@@ -1497,8 +1524,8 @@ class ModalHeader extends React__default.Component {
 class ModalFooter extends React__default.Component {
     render() {
         return (React__default.createElement(FlexRow, { columnGap: this.props.columnGap || '12', cx: [
-                css$_.root,
-                css$_.modalFooter,
+                css$$.root,
+                css$$.modalFooter,
                 this.props.cx,
             ], borderTop: this.props.borderTop, padding: this.props.padding || '24', vPadding: this.props.vPadding || '24', rawProps: this.props.rawProps }, this.props.children));
     }
@@ -1642,6 +1669,7 @@ const TREE_SHAKEABLE_INIT = () => (Object.assign(Object.assign({}, i18n$1), { da
                 subtitle: 'We are trying to recover. Please wait.',
             },
         },
+        supportLink: undefined,
     } }));
 const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
 
@@ -1660,7 +1688,7 @@ var SvgNotificationHelpFill = function SvgNotificationHelpFill(props, ref) {
 };
 var ForwardRef$u = /*#__PURE__*/forwardRef(SvgNotificationHelpFill);
 
-var css$Z = {"uui-typography":"BJT4Ga","uuiTypography":"BJT4Ga","hero-header":"onxFU4","heroHeader":"onxFU4","promo-header":"G2R4Ye","promoHeader":"G2R4Ye","uui-critical":"XSCgTG","uuiCritical":"XSCgTG","uui-info":"fY8wTf","uuiInfo":"fY8wTf","uui-success":"-Lx0i7","uuiSuccess":"-Lx0i7","uui-warning":"liVTsM","uuiWarning":"liVTsM","uui-highlight":"b7spcI","uuiHighlight":"b7spcI","uui-typography-size-12":"jqihgi","uuiTypographySize12":"jqihgi","uui-typography-size-14":"-S1ZPY","uuiTypographySize14":"-S1ZPY","uui-typography-size-16":"iehGRS","uuiTypographySize16":"iehGRS","root":"cQjQsj","icon-wrapper":"SgADQu","iconWrapper":"SgADQu","action-wrapper":"CgejM8","actionWrapper":"CgejM8","action-link":"_68L8Kf","actionLink":"_68L8Kf","close-icon":"RFYjNa","closeIcon":"RFYjNa","main-path":"_1BtyvV","mainPath":"_1BtyvV","content":"G3C2zJ","close-wrapper":"VqzVi-","closeWrapper":"VqzVi-","notification-wrapper":"CNKzL9","notificationWrapper":"CNKzL9","clear-button":"-W8dut","clearButton":"-W8dut"};
+var css$_ = {"uui-typography":"A5tu7D","uuiTypography":"A5tu7D","hero-header":"L81i-W","heroHeader":"L81i-W","promo-header":"-lcIHf","promoHeader":"-lcIHf","uui-critical":"xDPYKS","uuiCritical":"xDPYKS","uui-info":"u0qM5m","uuiInfo":"u0qM5m","uui-success":"_9Wrvtc","uuiSuccess":"_9Wrvtc","uui-warning":"OJqCa5","uuiWarning":"OJqCa5","uui-highlight":"QnwZPs","uuiHighlight":"QnwZPs","uui-typography-size-12":"JOesrW","uuiTypographySize12":"JOesrW","uui-typography-size-14":"k-c5Tm","uuiTypographySize14":"k-c5Tm","uui-typography-size-16":"jPYlP-","uuiTypographySize16":"jPYlP-","root":"D7WfYa","icon-wrapper":"ZZuDTA","iconWrapper":"ZZuDTA","action-wrapper":"_2d1DXy","actionWrapper":"_2d1DXy","action-link":"YUzqpB","actionLink":"YUzqpB","close-icon":"qPgvcV","closeIcon":"qPgvcV","main-path":"DuLD-F","mainPath":"DuLD-F","content":"_7jLtE6","close-wrapper":"J6L7LQ","closeWrapper":"J6L7LQ","notification-wrapper":"aMcumV","notificationWrapper":"aMcumV","clear-button":"ghlGxR","clearButton":"ghlGxR"};
 
 const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const notificationCardNode = React__default.useRef(null);
@@ -1675,15 +1703,15 @@ const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) =
             (_b = notificationCardNode.current) === null || _b === void 0 ? void 0 : _b.removeEventListener('mouseleave', props.refreshTimer);
         };
     }, []);
-    return (React__default.createElement("div", Object.assign({ role: "alert", className: cx('uui-notification_card', props.color && `uui-color-${props.color}`, css$Z.root, props.cx), ref: notificationCardNode }, props.rawProps),
-        React__default.createElement("div", { className: css$Z.mainPath },
-            props.icon && (React__default.createElement("div", { className: css$Z.iconWrapper },
+    return (React__default.createElement("div", Object.assign({ role: "alert", className: cx('uui-notification_card', props.color && `uui-color-${props.color}`, css$_.root, props.cx), ref: notificationCardNode }, props.rawProps),
+        React__default.createElement("div", { className: css$_.mainPath },
+            props.icon && (React__default.createElement("div", { className: css$_.iconWrapper },
                 React__default.createElement(IconContainer, { size: 24, icon: props.icon }))),
-            React__default.createElement("div", { className: css$Z.content },
+            React__default.createElement("div", { className: css$_.content },
                 props.children,
-                props.actions && (React__default.createElement("div", { className: css$Z.actionWrapper }, props.actions.map((action) => (React__default.createElement(LinkButton, { caption: action.name, onClick: action.action, key: action.name, cx: css$Z.actionLink, size: "36", rawProps: action.rawProps })))))),
-            props.onClose && (React__default.createElement("div", { className: css$Z.closeWrapper },
-                React__default.createElement(IconButton, { icon: ForwardRef$R, color: "neutral", onClick: props.onClose, cx: css$Z.closeIcon }))))));
+                props.actions && (React__default.createElement("div", { className: css$_.actionWrapper }, props.actions.map((action) => (React__default.createElement(LinkButton, { caption: action.name, onClick: action.action, key: action.name, cx: css$_.actionLink, size: "36", rawProps: action.rawProps })))))),
+            props.onClose && (React__default.createElement("div", { className: css$_.closeWrapper },
+                React__default.createElement(IconButton, { icon: ForwardRef$R, color: "neutral", onClick: props.onClose, cx: css$_.closeIcon }))))));
 });
 const WarningNotification = /* @__PURE__ */React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$z, color: "warning" }, props, { ref: ref, cx: props.cx }))));
 const SuccessNotification = /* @__PURE__ */React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$A, color: "success" }, props, { ref: ref, cx: props.cx }))));
@@ -1691,11 +1719,11 @@ const HintNotification = /* @__PURE__ */React__default.forwardRef((props, ref) =
 const ErrorNotification = /* @__PURE__ */React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$y, color: "error" }, props, { ref: ref, cx: props.cx }))));
 function ClearNotification() {
     const uuiCtx = useUuiContext();
-    return (React__default.createElement("div", { className: cx(css$Z.notificationWrapper, css$Z.clearButton) },
+    return (React__default.createElement("div", { className: cx(css$_.notificationWrapper, css$_.clearButton) },
         React__default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
 }
 
-var css$Y = {"footer":"ZiE-I1"};
+var css$Z = {"footer":"v5gs-u"};
 
 class ConfirmationModal extends React.Component {
     render() {
@@ -1707,7 +1735,7 @@ class ConfirmationModal extends React.Component {
             React.createElement(ModalWindow, { width: 420 },
                 React.createElement(ModalHeader, { borderBottom: true, title: this.props.caption, onClose: () => this.props.abort() }),
                 React.createElement(ScrollBars, null, bodyContent),
-                React.createElement(ModalFooter, { cx: css$Y.footer },
+                React.createElement(ModalFooter, { cx: css$Z.footer },
                     this.props.hideCancelButton || (React.createElement(Button, { caption: i18n.form.modals.discardButton, onClick: () => this.props.success(false), fill: "outline", color: "secondary" })),
                     React.createElement(Button, { caption: i18n.form.modals.saveButton, onClick: () => this.props.success(true), color: "primary" })))));
     }
@@ -1737,7 +1765,7 @@ function useReliableForceUpdate() {
     return red[1];
 }
 
-var css$X = {"root":"_8lNo6Q","timepicker-input":"hGynS5","timepickerInput":"hGynS5","ltr-always":"EaNOsO","ltrAlways":"EaNOsO"};
+var css$Y = {"root":"MZSjfy","timepicker-input":"Ywx66E","timepickerInput":"Ywx66E","ltr-always":"C697kO","ltrAlways":"C697kO"};
 
 const uuiTimePicker = {
     container: 'uui-timepicker-container',
@@ -1776,8 +1804,8 @@ function TimePickerBody(props) {
         const minutesToSubtract = value.minute() % minutesStep === 0 ? minutesStep : value.minute() % minutesStep;
         onMinutesChange(value.subtract(minutesToSubtract, 'm').minute());
     };
-    return (React.createElement("div", Object.assign({ className: cx$1(css$X.root, uuiTimePicker.container, props.cx), ref: props.forwardedRef }, props.rawProps),
-        React.createElement("div", { className: css$X.ltrAlways },
+    return (React.createElement("div", Object.assign({ className: cx$1(css$Y.root, uuiTimePicker.container, props.cx), ref: props.forwardedRef }, props.rawProps),
+        React.createElement("div", { className: css$Y.ltrAlways },
             React.createElement("div", { className: uuiTimePicker.elementContainer },
                 React.createElement(IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment hours' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$Q, onClick: () => onHoursChange(uuiDayjs.dayjs().set(props.value).add(1, 'h').hour()) }),
                 React.createElement(NumericInput$1, { cx: uuiTimePicker.input, onValueChange: onHoursChange, value: +(uuiDayjs.dayjs()
@@ -1919,7 +1947,7 @@ function TimePicker(props) {
     };
     const renderInput = (inputProps) => {
         var _a;
-        return (React__default.createElement(TextInput, Object.assign({}, inputProps, { onClick: null, size: props.size || '36', isDisabled: props.isDisabled, isReadonly: props.isReadonly, isInvalid: props.isInvalid, cx: [css$X.root, css$X.timepickerInput, props.inputCx], value: state.inputValue, onValueChange: handleInputChange, onCancel: !props.disableClear && onClear, onFocus: handleFocus, onBlur: handleBlur, isDropdown: false, placeholder: props.placeholder ? props.placeholder : getFormat(), mode: props.mode || DEFAULT_MODE, rawProps: (_a = props.rawProps) === null || _a === void 0 ? void 0 : _a.input })));
+        return (React__default.createElement(TextInput, Object.assign({}, inputProps, { onClick: null, size: props.size || '36', isDisabled: props.isDisabled, isReadonly: props.isReadonly, isInvalid: props.isInvalid, cx: [css$Y.root, css$Y.timepickerInput, props.inputCx], value: state.inputValue, onValueChange: handleInputChange, onCancel: !props.disableClear && onClear, onFocus: handleFocus, onBlur: handleBlur, isDropdown: false, placeholder: props.placeholder ? props.placeholder : getFormat(), mode: props.mode || DEFAULT_MODE, rawProps: (_a = props.rawProps) === null || _a === void 0 ? void 0 : _a.input })));
     };
     const renderBody = (bodyProps) => {
         var _a;
@@ -1930,19 +1958,19 @@ function TimePicker(props) {
     return (React__default.createElement(Dropdown, { renderTarget: (targetProps) => (props.renderTarget ? props.renderTarget(targetProps) : renderInput(targetProps)), renderBody: (bodyProps) => !props.isDisabled && !props.isReadonly && renderBody(bodyProps), onValueChange: !props.isDisabled && !props.isReadonly ? onToggle : null, value: state.isOpen, modifiers: [{ name: 'offset', options: { offset: [0, 6] } }], forwardedRef: props.forwardedRef }));
 }
 
-var css$W = {"root":"_--uM47"};
+var css$X = {"root":"g0x9XC"};
 
 function applyInputAddonMods() {
     return [
-        css$W.root,
+        css$X.root,
     ];
 }
 const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
 
-var css$V = {"root":"aKGPxT"};
+var css$W = {"root":"_5ewzvx"};
 
 function applySliderMods() {
-    return [css$V.root, 'uui-color-neutral'];
+    return [css$W.root, 'uui-color-neutral'];
 }
 const Slider = /* @__PURE__ */withMods(Slider$1, applySliderMods);
 
@@ -1962,11 +1990,11 @@ var SvgStarFilled = function SvgStarFilled(props, ref) {
 };
 var ForwardRef$t = /*#__PURE__*/forwardRef(SvgStarFilled);
 
-var css$U = {"root":"Sgbu2C","tooltip":"Nit79W"};
+var css$V = {"root":"_5hi37a","tooltip":"GUohZm"};
 
 function applyRatingMods(mods) {
     return [
-        css$U.root,
+        css$V.root,
         `uui-size-${mods.size || settings.sizes.defaults.rating}`,
     ];
 }
@@ -2104,7 +2132,7 @@ const getNextYearsList = (currentDate) => {
     return currentDate.add(16, 'year');
 };
 
-var css$T = {"root":"szxv-D","container":"w2rfmQ"};
+var css$U = {"root":"IKlpq1","container":"_4OuiG1"};
 
 const uuiHeader = {
     container: 'uui-datepicker-header-container',
@@ -2181,21 +2209,21 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
     }, [view, month]);
     const disablePrev = view === 'YEAR_SELECTION' && !isYearWithinSoberRange(getPrevYearsList(month));
     const disableNext = view === 'YEAR_SELECTION' && !isYearWithinSoberRange(getNextYearsList(month));
-    return (React.createElement("div", { className: cx(css$T.root, uuiHeader.container, cx) },
+    return (React.createElement("div", { className: cx(css$U.root, uuiHeader.container, cx) },
         React.createElement("header", { className: uuiHeader.headerNav },
             React.createElement(Button, { icon: navIconLeft || ForwardRef$w, color: "secondary", fill: "ghost", cx: uuiHeader.navIconLeft, onClick: !isDisabled && (() => onLeftNavigationArrow()), isDisabled: disablePrev }),
             React.createElement(Button, { caption: title, fill: "ghost", cx: uuiHeader.navTitle, onClick: !isDisabled && (() => onCaptionClick(view)) }),
             React.createElement(Button, { icon: navIconRight || ForwardRef$v, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
 }
 
-var css$S = {"uui-typography":"yVjM1c","uuiTypography":"yVjM1c","hero-header":"umDTgw","heroHeader":"umDTgw","promo-header":"qaZfMT","promoHeader":"qaZfMT","uui-critical":"K-znIq","uuiCritical":"K-znIq","uui-info":"mQAywT","uuiInfo":"mQAywT","uui-success":"Nok88N","uuiSuccess":"Nok88N","uui-warning":"XDsTjB","uuiWarning":"XDsTjB","uui-highlight":"Y0RpfP","uuiHighlight":"Y0RpfP","uui-typography-size-12":"Bl9vR9","uuiTypographySize12":"Bl9vR9","uui-typography-size-14":"iEZedx","uuiTypographySize14":"iEZedx","uui-typography-size-16":"oYGwMX","uuiTypographySize16":"oYGwMX","root":"VMH1iG"};
+var css$T = {"uui-typography":"ukdbDq","uuiTypography":"ukdbDq","hero-header":"fofNhS","heroHeader":"fofNhS","promo-header":"_0TJIS4","promoHeader":"_0TJIS4","uui-critical":"vF2pMi","uuiCritical":"vF2pMi","uui-info":"QPuwnb","uuiInfo":"QPuwnb","uui-success":"OEMrlw","uuiSuccess":"OEMrlw","uui-warning":"HhTDIE","uuiWarning":"HhTDIE","uui-highlight":"n-GkuB","uuiHighlight":"n-GkuB","uui-typography-size-12":"L-L-OZ","uuiTypographySize12":"L-L-OZ","uui-typography-size-14":"_1Kl-D3","uuiTypographySize14":"_1Kl-D3","uui-typography-size-16":"IhyvaD","uuiTypographySize16":"IhyvaD","root":"hrQw-Q"};
 
 function applyDateSelectionMods() {
-    return [css$S.root, `uui-size-${settings.sizes.defaults.datePicker}`];
+    return [css$T.root, `uui-size-${settings.sizes.defaults.datePicker}`];
 }
 const Calendar = /* @__PURE__ */withMods(Calendar$1, applyDateSelectionMods);
 
-var css$R = {"uui-typography":"aUSsNZ","uuiTypography":"aUSsNZ","hero-header":"_-17Yio","heroHeader":"_-17Yio","promo-header":"mMyfG7","promoHeader":"mMyfG7","uui-critical":"KsbagP","uuiCritical":"KsbagP","uui-info":"JygviN","uuiInfo":"JygviN","uui-success":"Bhw6jZ","uuiSuccess":"Bhw6jZ","uui-warning":"DnWG8j","uuiWarning":"DnWG8j","uui-highlight":"HyXau-","uuiHighlight":"HyXau-","uui-typography-size-12":"IQaP8B","uuiTypographySize12":"IQaP8B","uui-typography-size-14":"Arx3eF","uuiTypographySize14":"Arx3eF","uui-typography-size-16":"rk-h79","uuiTypographySize16":"rk-h79","root":"LTObrm"};
+var css$S = {"uui-typography":"_0BWOnO","uuiTypography":"_0BWOnO","hero-header":"raqG7r","heroHeader":"raqG7r","promo-header":"tjN37K","promoHeader":"tjN37K","uui-critical":"D86bJe","uuiCritical":"D86bJe","uui-info":"_16yHJT","uuiInfo":"_16yHJT","uui-success":"_6aR253","uuiSuccess":"_6aR253","uui-warning":"_6PGLwV","uuiWarning":"_6PGLwV","uui-highlight":"uPDouR","uuiHighlight":"uPDouR","uui-typography-size-12":"CSZUAM","uuiTypographySize12":"CSZUAM","uui-typography-size-14":"_8EiyRK","uuiTypographySize14":"_8EiyRK","uui-typography-size-16":"H71U2a","uuiTypographySize16":"H71U2a","root":"_69hvHb"};
 
 const uuiDatePickerBody = {
     wrapper: 'uui-datepicker-body-wrapper',
@@ -2239,7 +2267,7 @@ function StatelessDatePickerBodyComp({ renderDay, isHoliday, cx: classes, filter
         }
     };
     return (React__default.createElement("div", Object.assign({ ref: ref, className: cx$1(uuiDatePickerBodyBase.container, `uui-size-${settings.sizes.defaults.datePicker}`, classes) }, rawProps),
-        React__default.createElement("div", { className: cx$1(css$R.root, uuiDatePickerBody.wrapper) },
+        React__default.createElement("div", { className: cx$1(css$S.root, uuiDatePickerBody.wrapper) },
             React__default.createElement(DatePickerHeader, { value: {
                     view,
                     month,
@@ -2326,7 +2354,7 @@ function DatePickerComponent(props, ref) {
 }
 const DatePicker = /* @__PURE__ */React__default.forwardRef(DatePickerComponent);
 
-var css$Q = {"uui-typography":"-R4ukp","uuiTypography":"-R4ukp","hero-header":"P3f4SQ","heroHeader":"P3f4SQ","promo-header":"iq-Wcj","promoHeader":"iq-Wcj","uui-critical":"NXynpn","uuiCritical":"NXynpn","uui-info":"CktR8i","uuiInfo":"CktR8i","uui-success":"-IyCeS","uuiSuccess":"-IyCeS","uui-warning":"_5w7ozd","uuiWarning":"_5w7ozd","uui-highlight":"s-AL30","uuiHighlight":"s-AL30","uui-typography-size-12":"JdLIiv","uuiTypographySize12":"JdLIiv","uui-typography-size-14":"szhirX","uuiTypographySize14":"szhirX","uui-typography-size-16":"_6G65Do","uuiTypographySize16":"_6G65Do","date-input":"LfUiBl","dateInput":"LfUiBl","root":"bToO6r","separator":"h9hza2","mode-form":"_17FaqQ","modeForm":"_17FaqQ","mode-cell":"_1New-i","modeCell":"_1New-i"};
+var css$R = {"uui-typography":"MEYtbQ","uuiTypography":"MEYtbQ","hero-header":"p8HJo6","heroHeader":"p8HJo6","promo-header":"FPA5EF","promoHeader":"FPA5EF","uui-critical":"yHSQYb","uuiCritical":"yHSQYb","uui-info":"rBUs7Q","uuiInfo":"rBUs7Q","uui-success":"TFP57v","uuiSuccess":"TFP57v","uui-warning":"FR19rr","uuiWarning":"FR19rr","uui-highlight":"_8XmFSS","uuiHighlight":"_8XmFSS","uui-typography-size-12":"wIXixZ","uuiTypographySize12":"wIXixZ","uui-typography-size-14":"jQzdBc","uuiTypographySize14":"jQzdBc","uui-typography-size-16":"p8Gijh","uuiTypographySize16":"p8Gijh","date-input":"_1UznQZ","dateInput":"_1UznQZ","root":"_1W8igF","separator":"F3aMlS","mode-form":"qclRuX","modeForm":"qclRuX","mode-cell":"TfkzQo","modeCell":"TfkzQo"};
 
 const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, onKeyDown, id, cx: classes, }, ref) => {
     const [inputValue, setInputValue] = useState(toCustomDateRangeFormat(value, format));
@@ -2360,15 +2388,15 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
     const clearAllowed = !disableClear && inputValue.from && inputValue.to;
     return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    React__default.createElement("div", { ref: ref, className: cx$1(`uui-size-${size || settings.sizes.defaults.rangeDatePicker}`, 'uui-range-date-picker', classes, css$Q.root, isDisabled && uuiMod.disabled, isReadonly && uuiMod.readonly, isInvalid && uuiMod.invalid, inFocus && uuiMod.focus), onKeyDown: onKeyDown },
-        React__default.createElement(TextInput, { icon: systemIcons.calendar, cx: cx$1(css$Q.dateInput, inFocus === 'from' && uuiMod.focus), size: size || settings.sizes.defaults.rangeDatePicker, placeholder: getPlaceholder ? getPlaceholder('from') : i18n.rangeDatePicker.pickerPlaceholderFrom, value: inputValue.from || undefined, onValueChange: (v) => onInputChange(v || '', 'from'), onFocus: (event) => handleFocus(event, 'from'), onBlur: (event) => handleBlur(event, 'from'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps === null || rawProps === void 0 ? void 0 : rawProps.from, onClick: onClick, onKeyDown: onInputKeyDown, id: id }),
-        React__default.createElement("div", { className: css$Q.separator }),
-        React__default.createElement(TextInput, { cx: cx$1(css$Q.dateInput, inFocus === 'to' && uuiMod.focus), placeholder: getPlaceholder ? getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: size || settings.sizes.defaults.rangeDatePicker, value: inputValue.to || undefined, onCancel: clearAllowed ? () => {
+    React__default.createElement("div", { ref: ref, className: cx$1(`uui-size-${size || settings.sizes.defaults.rangeDatePicker}`, 'uui-range-date-picker', classes, css$R.root, isDisabled && uuiMod.disabled, isReadonly && uuiMod.readonly, isInvalid && uuiMod.invalid, inFocus && uuiMod.focus), onKeyDown: onKeyDown },
+        React__default.createElement(TextInput, { icon: systemIcons.calendar, cx: cx$1(css$R.dateInput, inFocus === 'from' && uuiMod.focus), size: size || settings.sizes.defaults.rangeDatePicker, placeholder: getPlaceholder ? getPlaceholder('from') : i18n.rangeDatePicker.pickerPlaceholderFrom, value: inputValue.from || undefined, onValueChange: (v) => onInputChange(v || '', 'from'), onFocus: (event) => handleFocus(event, 'from'), onBlur: (event) => handleBlur(event, 'from'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps === null || rawProps === void 0 ? void 0 : rawProps.from, onClick: onClick, onKeyDown: onInputKeyDown, id: id }),
+        React__default.createElement("div", { className: css$R.separator }),
+        React__default.createElement(TextInput, { cx: cx$1(css$R.dateInput, inFocus === 'to' && uuiMod.focus), placeholder: getPlaceholder ? getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: size || settings.sizes.defaults.rangeDatePicker, value: inputValue.to || undefined, onCancel: clearAllowed ? () => {
                 onValueChange(defaultRangeValue);
             } : undefined, onValueChange: (v) => onInputChange(v || '', 'to'), onFocus: (e) => handleFocus(e, 'to'), onBlur: (e) => handleBlur(e, 'to'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps === null || rawProps === void 0 ? void 0 : rawProps.to, onClick: onClick, onKeyDown: onInputKeyDown })));
 });
 
-var css$P = {"uui-typography":"PQrlUZ","uuiTypography":"PQrlUZ","hero-header":"_-7iuND","heroHeader":"_-7iuND","promo-header":"r2b1AK","promoHeader":"r2b1AK","uui-critical":"yy048r","uuiCritical":"yy048r","uui-info":"cydC7a","uuiInfo":"cydC7a","uui-success":"j5OTwp","uuiSuccess":"j5OTwp","uui-warning":"HgOcoC","uuiWarning":"HgOcoC","uui-highlight":"tm4F0W","uuiHighlight":"tm4F0W","uui-typography-size-12":"FNz65V","uuiTypographySize12":"FNz65V","uui-typography-size-14":"x40xv8","uuiTypographySize14":"x40xv8","uui-typography-size-16":"_9qo9Lj","uuiTypographySize16":"_9qo9Lj","root":"CMjgXr"};
+var css$Q = {"uui-typography":"UfqYIe","uuiTypography":"UfqYIe","hero-header":"srO50g","heroHeader":"srO50g","promo-header":"NO-IpH","promoHeader":"NO-IpH","uui-critical":"_8LISMi","uuiCritical":"_8LISMi","uui-info":"dBWGtp","uuiInfo":"dBWGtp","uui-success":"vJGk3F","uuiSuccess":"vJGk3F","uui-warning":"w2vLvZ","uuiWarning":"w2vLvZ","uui-highlight":"iRR9yk","uuiHighlight":"iRR9yk","uui-typography-size-12":"-cBCkf","uuiTypographySize12":"-cBCkf","uui-typography-size-14":"_6461Rg","uuiTypographySize14":"_6461Rg","uui-typography-size-16":"fZvbX7","uuiTypographySize16":"fZvbX7","root":"_7-3BPP"};
 
 const uuiPresets = {
     container: 'uui-presets-container',
@@ -2379,12 +2407,12 @@ const getPresets = (presets) => {
     return Object.keys(presets).map((key) => (Object.assign(Object.assign({}, presets[key].getRange()), { name: presets[key].name, key }))).sort((a, b) => a.order - b.order);
 };
 function CalendarPresets(props) {
-    return (React.createElement("div", Object.assign({ ref: props.forwardedRef, className: cx$1(uuiPresets.container, css$P.root, props.cx) }, props.rawProps),
+    return (React.createElement("div", Object.assign({ ref: props.forwardedRef, className: cx$1(uuiPresets.container, css$Q.root, props.cx) }, props.rawProps),
         React.createElement("div", { className: uuiPresets.header }, "Presets"),
         getPresets(props.presets).map((item) => (React.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: "24" })))));
 }
 
-var css$O = {"uui-typography":"eiBmCW","uuiTypography":"eiBmCW","hero-header":"piyQax","heroHeader":"piyQax","promo-header":"q1t5dU","promoHeader":"q1t5dU","uui-critical":"md7arB","uuiCritical":"md7arB","uui-info":"_0-d-op","uuiInfo":"_0-d-op","uui-success":"xHWylb","uuiSuccess":"xHWylb","uui-warning":"kCXS3M","uuiWarning":"kCXS3M","uui-highlight":"mndSAg","uuiHighlight":"mndSAg","uui-typography-size-12":"C2-pYU","uuiTypographySize12":"C2-pYU","uui-typography-size-14":"EPSjnu","uuiTypographySize14":"EPSjnu","uui-typography-size-16":"Lf-uR2","uuiTypographySize16":"Lf-uR2","root":"U2JA-f","container":"rNGuSL","day-selection":"_4ix4HF","daySelection":"_4ix4HF","from-picker":"_4K1OeW","fromPicker":"_4K1OeW","to-picker":"v8pPq4","toPicker":"v8pPq4","bodes-wrapper":"nIDU0y","bodesWrapper":"nIDU0y","blocker":"K536mM"};
+var css$P = {"uui-typography":"yZH0GN","uuiTypography":"yZH0GN","hero-header":"FHA4XR","heroHeader":"FHA4XR","promo-header":"_8-1z-r","promoHeader":"_8-1z-r","uui-critical":"cZBZ4M","uuiCritical":"cZBZ4M","uui-info":"DW75Wy","uuiInfo":"DW75Wy","uui-success":"rX9YL7","uuiSuccess":"rX9YL7","uui-warning":"ji3xE7","uuiWarning":"ji3xE7","uui-highlight":"pSo0ry","uuiHighlight":"pSo0ry","uui-typography-size-12":"EGOpXU","uuiTypographySize12":"EGOpXU","uui-typography-size-14":"Hct3C-","uuiTypographySize14":"Hct3C-","uui-typography-size-16":"GF9YN4","uuiTypographySize16":"GF9YN4","root":"-ILCul","container":"USeFWr","day-selection":"kd1-IV","daySelection":"kd1-IV","from-picker":"IK7Hp6","fromPicker":"IK7Hp6","to-picker":"ftcAfy","toPicker":"ftcAfy","bodes-wrapper":"UlgAo-","bodesWrapper":"UlgAo-","blocker":"xWRQgu"};
 
 const uuiRangeDatePickerBody = {
     inRange: 'uui-range-datepicker-in-range',
@@ -2525,21 +2553,21 @@ function RangeDatePickerBodyComp(props, ref) {
                     });
                 }, presets: presets })));
     };
-    return (React__default.createElement("div", Object.assign({ ref: ref, className: cx$1(css$O.root, uuiDatePickerBodyBase.container, props.cx) }, props.rawProps),
-        React__default.createElement(FlexRow, { cx: [view === 'DAY_SELECTION' && css$O.daySelection, css$O.container], alignItems: "top" },
+    return (React__default.createElement("div", Object.assign({ ref: ref, className: cx$1(css$P.root, uuiDatePickerBodyBase.container, props.cx) }, props.rawProps),
+        React__default.createElement(FlexRow, { cx: [view === 'DAY_SELECTION' && css$P.daySelection, css$P.container], alignItems: "top" },
             React__default.createElement(FlexCell, { width: "auto" },
                 React__default.createElement(FlexRow, null,
-                    React__default.createElement(FlexRow, { cx: css$O.bodesWrapper, alignItems: "top" },
-                        React__default.createElement(StatelessDatePickerBody, Object.assign({ key: "date-picker-body-left", cx: cx$1(css$O.fromPicker) }, from, { onValueChange: (v) => onBodyValueChange(v, 'from'), onMonthChange: (m) => {
+                    React__default.createElement(FlexRow, { cx: css$P.bodesWrapper, alignItems: "top" },
+                        React__default.createElement(StatelessDatePickerBody, Object.assign({ key: "date-picker-body-left", cx: cx$1(css$P.fromPicker) }, from, { onValueChange: (v) => onBodyValueChange(v, 'from'), onMonthChange: (m) => {
                                 setMonth(m);
                             }, onViewChange: (v) => setView(v), filter: props.filter, isHoliday: props.isHoliday, renderDay: props.renderDay || renderDay, isDisabled: view !== 'DAY_SELECTION' && activeMonth === 'to' })),
-                        React__default.createElement(StatelessDatePickerBody, Object.assign({ key: "date-picker-body-right", cx: cx$1(css$O.toPicker) }, to, { onValueChange: (v) => onBodyValueChange(v, 'to'), onMonthChange: (m) => {
+                        React__default.createElement(StatelessDatePickerBody, Object.assign({ key: "date-picker-body-right", cx: cx$1(css$P.toPicker) }, to, { onValueChange: (v) => onBodyValueChange(v, 'to'), onMonthChange: (m) => {
                                 setMonth(m.subtract(1, 'month'));
                             }, onViewChange: (v) => setView(v), filter: props.filter, renderDay: props.renderDay || renderDay, isHoliday: props.isHoliday, isDisabled: view !== 'DAY_SELECTION' && activeMonth === 'from' })),
                         view !== 'DAY_SELECTION' && (React__default.createElement("div", { style: {
                                 left: activeMonth === 'from' ? '50%' : undefined,
                                 right: activeMonth === 'to' ? '50%' : undefined,
-                            }, className: css$O.blocker }))),
+                            }, className: css$P.blocker }))),
                     props.presets && renderPresets(props.presets)),
                 props.renderFooter && props.renderFooter()))));
 }
@@ -2559,7 +2587,7 @@ const getDayCX = (day, selectedDate) => {
     return [cx$1(inRange && uuiRangeDatePickerBody.inRange, isFirst && uuiRangeDatePickerBody.firstDayInRangeWrapper, !inRange && isFirst && uuiRangeDatePickerBody.lastDayInRangeWrapper, isLast && uuiRangeDatePickerBody.lastDayInRangeWrapper, !inRange && isLast && uuiRangeDatePickerBody.firstDayInRangeWrapper, (dayValue === fromValue || dayValue === toValue) && uuiDaySelection.selectedDay)];
 };
 
-var css$N = {"dropdown-container":"_8EGDM5","dropdownContainer":"_8EGDM5"};
+var css$O = {"dropdown-container":"A1mRtn","dropdownContainer":"A1mRtn"};
 
 const modifiers = [{
         name: 'offset',
@@ -2606,7 +2634,7 @@ function RangeDatePickerComponent(props, ref) {
     };
     const renderBody = (renderProps) => {
         var _a;
-        return (React__default.createElement(DropdownContainer, Object.assign({}, renderProps, { cx: cx(css$N.dropdownContainer), shards: [targetRef], returnFocus: (node) => {
+        return (React__default.createElement(DropdownContainer, Object.assign({}, renderProps, { cx: cx(css$O.dropdownContainer), shards: [targetRef], returnFocus: (node) => {
                 console.log('lock', node);
                 return true;
             } }),
@@ -2636,30 +2664,30 @@ function RangeDatePickerComponent(props, ref) {
 }
 const RangeDatePicker = /* @__PURE__ */React__default.forwardRef(RangeDatePickerComponent);
 
-var css$M = {"root":"amJHPU","blocker":"J0ttvg","marker":"Us8vLQ","top":"f29Dpz","bottom":"CWYmdx","left":"QNc0Hq","right":"kS015b","inside":"hnFgUs"};
+var css$N = {"root":"pJK5Jq","blocker":"zVrjNh","marker":"hwXqJt","top":"BLseOz","bottom":"PBzzta","left":"r7cKgi","right":"mzfXf4","inside":"aVNP1X"};
 
 function DropMarker(props) {
     return props.isDndInProgress
         ? (React.createElement(React.Fragment, null,
-            props.enableBlocker && React.createElement("div", { className: css$M.blocker }),
+            props.enableBlocker && React.createElement("div", { className: css$N.blocker }),
             React.createElement("div", { className: cx([
-                    css$M.root,
-                    css$M.marker,
-                    css$M[props.position],
+                    css$N.root,
+                    css$N.marker,
+                    css$N[props.position],
                     props === null || props === void 0 ? void 0 : props.cx,
                 ]) })))
         : null;
 }
 
-var css$L = {"root":"pxbV8N","line-height":"J7DtPY","lineHeight":"J7DtPY","font-size":"bDGiEa","fontSize":"bDGiEa"};
+var css$M = {"root":"evhtvL","line-height":"_184w2a","lineHeight":"_184w2a","font-size":"WlU92J","fontSize":"WlU92J"};
 
 function applyTextMods(mods) {
     return [
-        css$L.root,
+        css$M.root,
         'uui-text',
         `uui-size-${mods.size || settings.sizes.defaults.text}`,
-        (mods.size !== 'none' || mods.lineHeight) && css$L.lineHeight,
-        (mods.size !== 'none' || mods.fontSize) && css$L.fontSize,
+        (mods.size !== 'none' || mods.lineHeight) && css$M.lineHeight,
+        (mods.size !== 'none' || mods.fontSize) && css$M.fontSize,
         `uui-color-${mods.color || 'primary'}`,
         `uui-font-weight-${mods.fontWeight || '400'}`,
         `uui-font-style-${mods.fontStyle || 'normal'}`,
@@ -2676,7 +2704,7 @@ const Text = /* @__PURE__ */withMods(uuiComponents.Text, applyTextMods, (props)
     };
 });
 
-var css$K = {"root":"xKLHQC","loading-word":"_07302B","loadingWord":"_07302B","animated-loading":"-PDPj9","animatedLoading":"-PDPj9","skeleton_loading":"_1G6SuV","skeletonLoading":"_1G6SuV"};
+var css$L = {"root":"NH88VS","loading-word":"I9KNWr","loadingWord":"I9KNWr","animated-loading":"CBCaFX","animatedLoading":"CBCaFX","skeleton_loading":"Eu3w87","skeletonLoading":"Eu3w87"};
 
 const TextPlaceholder = (props) => {
     const pattern = ' ';
@@ -2688,14 +2716,14 @@ const TextPlaceholder = (props) => {
         }
         return words;
     }, [props.wordsCount]);
-    return (React.createElement("div", Object.assign({ "aria-busy": true, className: cx(css$K.root, 'uui-text-placeholder') }, props.rawProps), text.map((it, index) => (React.createElement("span", { key: index, className: cx([
-            props.cx, css$K.loadingWord, !props.isNotAnimated && css$K.animatedLoading,
+    return (React.createElement("div", Object.assign({ "aria-busy": true, className: cx(css$L.root, 'uui-text-placeholder') }, props.rawProps), text.map((it, index) => (React.createElement("span", { key: index, className: cx([
+            props.cx, css$L.loadingWord, !props.isNotAnimated && css$L.animatedLoading,
         ]), dangerouslySetInnerHTML: { __html: it } })))));
 };
 
 const RichTextView = /* @__PURE__ */withMods(uuiComponents.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || '14'}`]);
 
-var css$J = {"uui-typography":"IUYT8q","uuiTypography":"IUYT8q","hero-header":"v9yLmi","heroHeader":"v9yLmi","promo-header":"pMtXMA","promoHeader":"pMtXMA","uui-critical":"hCnP9W","uuiCritical":"hCnP9W","uui-info":"wrElQl","uuiInfo":"wrElQl","uui-success":"VFcyTw","uuiSuccess":"VFcyTw","uui-warning":"Jm06oh","uuiWarning":"Jm06oh","uui-highlight":"IxaFVr","uuiHighlight":"IxaFVr","uui-typography-size-12":"_5GQdfx","uuiTypographySize12":"_5GQdfx","uui-typography-size-14":"-t8c-f","uuiTypographySize14":"-t8c-f","uui-typography-size-16":"ZNNh2J","uuiTypographySize16":"ZNNh2J","modal":"yf4IP9","search-wrapper":"ul4kUn","searchWrapper":"ul4kUn","no-data":"AEf2C6","noData":"AEf2C6","type-search-to-load-size-24":"nRjCYN","typeSearchToLoadSize24":"nRjCYN"};
+var css$K = {"uui-typography":"y-rFup","uuiTypography":"y-rFup","hero-header":"ZPE5wM","heroHeader":"ZPE5wM","promo-header":"YnoVWn","promoHeader":"YnoVWn","uui-critical":"N8yexm","uuiCritical":"N8yexm","uui-info":"W-HTf-","uuiInfo":"W-HTf-","uui-success":"DIIv1k","uuiSuccess":"DIIv1k","uui-warning":"F2Iqk4","uuiWarning":"F2Iqk4","uui-highlight":"KMB0Zf","uuiHighlight":"KMB0Zf","uui-typography-size-12":"_6SbfKb","uuiTypographySize12":"_6SbfKb","uui-typography-size-14":"Ad9b2k","uuiTypographySize14":"Ad9b2k","uui-typography-size-16":"UxTVQ2","uuiTypographySize16":"UxTVQ2","modal":"-Zk1C1","search-wrapper":"bylDi3","searchWrapper":"bylDi3","no-data":"-Kwjt-","noData":"-Kwjt-","type-search-to-load-size-24":"mYSL16","typeSearchToLoadSize24":"mYSL16"};
 
 class DataPickerBody extends PickerBodyBase {
     constructor() {
@@ -2714,7 +2742,7 @@ class DataPickerBody extends PickerBodyBase {
             });
         }
         if (this.props.minCharsToSearch && search.length < this.props.minCharsToSearch) {
-            return (React__default.createElement(FlexCell$1, { cx: css$J.noData, grow: 1, textAlign: "center" },
+            return (React__default.createElement(FlexCell$1, { cx: css$K.noData, grow: 1, textAlign: "center" },
                 React__default.createElement(Text, { size: this.props.searchSize }, i18n.dataPickerBody.typeSearchToLoadMessage)));
         }
         if (this.props.rows.length === 0) {
@@ -2729,21 +2757,21 @@ class DataPickerBody extends PickerBodyBase {
             }
             // Default no record found message for 'NOT_FOUND' and "NO_RECORDS" reason
             // TODO: make separate messages for 'NOT_FOUND' and "NO_RECORDS" reason
-            return (React__default.createElement(FlexCell$1, { cx: css$J.noData, grow: 1, textAlign: "center" },
+            return (React__default.createElement(FlexCell$1, { cx: css$K.noData, grow: 1, textAlign: "center" },
                 React__default.createElement(Text, { size: this.props.searchSize }, i18n.dataPickerBody.noRecordsMessage)));
         }
     }
     render() {
         const searchSize = this.getSearchSize();
         return (React__default.createElement(React__default.Fragment, null,
-            this.showSearch() && (React__default.createElement("div", { key: "search", className: css$J.searchWrapper },
+            this.showSearch() && (React__default.createElement("div", { key: "search", className: css$K.searchWrapper },
                 React__default.createElement(FlexCell$1, { grow: 1 },
                     React__default.createElement(SearchInput, Object.assign({ ref: this.searchRef, placeholder: i18n.dataPickerBody.searchPlaceholder }, this.searchLens.toProps(), { onKeyDown: this.searchKeyDown, size: searchSize, debounceDelay: this.props.searchDebounceDelay, rawProps: { dir: 'auto' } }))))),
-            React__default.createElement(FlexRow, { key: "body", cx: cx$1('uui-picker_input-body', css$J[this.props.editMode], css$J[this.props.selectionMode]), rawProps: { style: { maxHeight: this.props.maxHeight, maxWidth: this.props.maxWidth } } }, this.props.rows.length > 0 ? (React__default.createElement(VirtualList, Object.assign({}, this.lens.toProps(), { rows: this.props.rows, rawProps: this.props.rawProps, rowsCount: this.props.rowsCount, isLoading: this.props.isReloading }))) : this.renderEmpty())));
+            React__default.createElement(FlexRow, { key: "body", cx: cx$1('uui-picker_input-body', css$K[this.props.editMode], css$K[this.props.selectionMode]), rawProps: { style: { maxHeight: this.props.maxHeight, maxWidth: this.props.maxWidth } } }, this.props.rows.length > 0 ? (React__default.createElement(VirtualList, Object.assign({}, this.lens.toProps(), { rows: this.props.rows, rawProps: this.props.rawProps, rowsCount: this.props.rowsCount, isLoading: this.props.isReloading }))) : this.renderEmpty())));
     }
 }
 
-var css$I = {"footer":"jsrYpw"};
+var css$J = {"footer":"TgJGGD"};
 
 function DataPickerFooterImpl(props) {
     const { search, clearSelection, view, showSelected, selectionMode, isSearchTooShort, } = props;
@@ -2757,7 +2785,7 @@ function DataPickerFooterImpl(props) {
     const isSearching = search === null || search === void 0 ? void 0 : search.length;
     const hideFooter = isSearchTooShort || rowsCount === 0 || isSearching || (isSinglePicker && props.disableClear);
     const showClear = !props.disableClear && (isSinglePicker ? true : (!view.selectAll || hasSelection));
-    return !hideFooter && (React__default.createElement(FlexRow, { cx: css$I.footer },
+    return !hideFooter && (React__default.createElement(FlexRow, { cx: css$J.footer },
         !isSinglePicker && (React__default.createElement(Switch, { size: settings.sizes.pickerInput.body.dropdown.footer.switch[props.size], value: showSelected.value, isDisabled: !hasSelection, onValueChange: showSelected.onValueChange, label: i18n.pickerInput.showOnlySelectedLabel })),
         React__default.createElement(FlexSpacer, null),
         React__default.createElement(FlexCell, { width: "auto", alignSelf: "center" },
@@ -2768,13 +2796,13 @@ function DataPickerFooterImpl(props) {
 }
 const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
 
-var css$H = {"header":"_9-GjJD","title":"wlsnYy","close":"JSP4n1"};
+var css$I = {"header":"WYWC9u","title":"IqVcjn","close":"BcGvT1"};
 
 const DataPickerHeaderImpl = (props) => {
     const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
-    return (React__default.createElement(FlexRow, { alignItems: "center", borderBottom: true, cx: css$H.header },
-        React__default.createElement(Text, { size: settings.sizes.pickerInput.body.mobile.header.titleSize, cx: css$H.title }, title),
-        React__default.createElement(IconButton, { icon: ForwardRef$R, onClick: () => { var _a; return (_a = props.close) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$H.close })));
+    return (React__default.createElement(FlexRow, { alignItems: "center", borderBottom: true, cx: css$I.header },
+        React__default.createElement(Text, { size: settings.sizes.pickerInput.body.mobile.header.titleSize, cx: css$I.title }, title),
+        React__default.createElement(IconButton, { icon: ForwardRef$R, onClick: () => { var _a; return (_a = props.close) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$I.close })));
 };
 const DataPickerHeader = /* @__PURE__ */React__default.memo(DataPickerHeaderImpl);
 
@@ -2793,7 +2821,7 @@ var SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
 };
 var ForwardRef$s = /*#__PURE__*/forwardRef(SvgNotificationDoneFill);
 
-var css$G = {"uui-typography":"ftoqeT","uuiTypography":"ftoqeT","hero-header":"TZXufz","heroHeader":"TZXufz","promo-header":"rKVz6H","promoHeader":"rKVz6H","uui-critical":"ttj0oX","uuiCritical":"ttj0oX","uui-info":"p-u4HK","uuiInfo":"p-u4HK","uui-success":"j8uB7S","uuiSuccess":"j8uB7S","uui-warning":"Enc7KB","uuiWarning":"Enc7KB","uui-highlight":"NnPErn","uuiHighlight":"NnPErn","uui-typography-size-12":"RXyDR3","uuiTypographySize12":"RXyDR3","uui-typography-size-14":"t9K14N","uuiTypographySize14":"t9K14N","uui-typography-size-16":"s8bzMC","uuiTypographySize16":"s8bzMC","root":"_1XKLH4","align-widgets-top":"_3nFqes","alignWidgetsTop":"_3nFqes","align-widgets-center":"Z7KV92","alignWidgetsCenter":"Z7KV92","icon-container":"CDTwyo","iconContainer":"CDTwyo","loading-cell":"ikZeHN","loadingCell":"ikZeHN","content-wrapper":"r37x-E","contentWrapper":"r37x-E","render-item":"omEOf9","renderItem":"omEOf9","icon-wrapper":"PlP8--","iconWrapper":"PlP8--","icon-default":"BNMDdu","iconDefault":"BNMDdu","selected-mark":"n74ywA","selectedMark":"n74ywA"};
+var css$H = {"uui-typography":"K00gTh","uuiTypography":"K00gTh","hero-header":"CWgu3z","heroHeader":"CWgu3z","promo-header":"CLSAcN","promoHeader":"CLSAcN","uui-critical":"MVa9oJ","uuiCritical":"MVa9oJ","uui-info":"EzEBcf","uuiInfo":"EzEBcf","uui-success":"og104M","uuiSuccess":"og104M","uui-warning":"eaVsoi","uuiWarning":"eaVsoi","uui-highlight":"uh7nS0","uuiHighlight":"uh7nS0","uui-typography-size-12":"sqpz-f","uuiTypographySize12":"sqpz-f","uui-typography-size-14":"b72WqI","uuiTypographySize14":"b72WqI","uui-typography-size-16":"_2-uNs0","uuiTypographySize16":"_2-uNs0","root":"u0MDJ4","align-widgets-top":"_2kfsaO","alignWidgetsTop":"_2kfsaO","align-widgets-center":"S0bFue","alignWidgetsCenter":"S0bFue","icon-container":"lUSKP5","iconContainer":"lUSKP5","loading-cell":"Ghljvg","loadingCell":"Ghljvg","content-wrapper":"ikmInM","contentWrapper":"ikmInM","render-item":"CvnlzK","renderItem":"CvnlzK","icon-wrapper":"HOg4tb","iconWrapper":"HOg4tb","icon-default":"VZc2aD","iconDefault":"VZc2aD","selected-mark":"mlj-I8","selectedMark":"mlj-I8"};
 
 function DataPickerCell(props) {
     const ref = React.useRef();
@@ -2801,28 +2829,28 @@ function DataPickerCell(props) {
     if (props.rowProps.isLoading) {
         content = (
         // remove `css.loadingCell` after` removing `margin: 0 3px 3px 0` from `TextPlaceholder` `loadingWord` class styles.
-        React.createElement(Text, { key: "t", size: settings.sizes.pickerInput.body.dropdown.row.cell.text[props.size], cx: css$G.loadingCell },
+        React.createElement(Text, { key: "t", size: settings.sizes.pickerInput.body.dropdown.row.cell.text[props.size], cx: css$H.loadingCell },
             React.createElement(TextPlaceholder, null)));
     }
     else if (props.rowProps.isUnknown) {
         content = (React.createElement(Text, { key: "t", size: settings.sizes.pickerInput.body.dropdown.row.cell.text[props.size] }, "Unknown"));
     }
     else {
-        content = (React.createElement("div", { key: `${props.rowProps.id}`, className: css$G.renderItem },
+        content = (React.createElement("div", { key: `${props.rowProps.id}`, className: css$H.renderItem },
             props.renderItem(props.rowProps.value, props.rowProps),
             React.createElement(FlexSpacer, null),
-            (props.rowProps.isChildrenSelected || props.rowProps.isSelected) && (React.createElement("div", { className: cx$1(css$G.iconWrapper, uuiMod.selected) },
-                React.createElement(IconContainer, { size: settings.sizes.pickerInput.body.dropdown.row.cell.icon[props.size], icon: settings.sizes.pickerInput.body.dropdown.row.cell.isBoldSelectionIcon[props.size] ? ForwardRef$s : ForwardRef$P, cx: props.rowProps.isChildrenSelected ? css$G.iconDefault : css$G.selectedMark, rawProps: { 'aria-label': props.rowProps.isChildrenSelected
+            (props.rowProps.isChildrenSelected || props.rowProps.isSelected) && (React.createElement("div", { className: cx$1(css$H.iconWrapper, uuiMod.selected) },
+                React.createElement(IconContainer, { size: settings.sizes.pickerInput.body.dropdown.row.cell.icon[props.size], icon: settings.sizes.pickerInput.body.dropdown.row.cell.isBoldSelectionIcon[props.size] ? ForwardRef$s : ForwardRef$P, cx: props.rowProps.isChildrenSelected ? css$H.iconDefault : css$H.selectedMark, rawProps: { 'aria-label': props.rowProps.isChildrenSelected
                             ? 'Child is selected'
                             : 'Selected' } })))));
     }
-    const getWrappedContent = () => (React.createElement("div", { className: css$G.contentWrapper }, content));
+    const getWrappedContent = () => (React.createElement("div", { className: css$H.contentWrapper }, content));
     return (React.createElement(FlexCell, { ref: ref, grow: 1, width: 0, minWidth: 0, rawProps: { role: 'cell' }, cx: [
-            css$G.root,
+            css$H.root,
             props.cx,
             'data-picker-cell',
             props.size && `uui-size-${props.size}`,
-            css$G[`align-widgets-${props.alignActions || 'top'}`],
+            css$H[`align-widgets-${props.alignActions || 'top'}`],
         ], style: props.padding && {
             '--uui-data_picker_cell-horizontal-padding': `${props.padding}px`,
         } },
@@ -2830,7 +2858,7 @@ function DataPickerCell(props) {
         getWrappedContent()));
 }
 
-var css$F = {"uui-typography":"qkK8TA","uuiTypography":"qkK8TA","hero-header":"pZHAFs","heroHeader":"pZHAFs","promo-header":"Sp2wrG","promoHeader":"Sp2wrG","uui-critical":"sfYtT-","uuiCritical":"sfYtT-","uui-info":"n59E05","uuiInfo":"n59E05","uui-success":"QcXceC","uuiSuccess":"QcXceC","uui-warning":"FzgzHW","uuiWarning":"FzgzHW","uui-highlight":"PSDki4","uuiHighlight":"PSDki4","uui-typography-size-12":"_6JV5dY","uuiTypographySize12":"_6JV5dY","uui-typography-size-14":"XGy1RU","uuiTypographySize14":"XGy1RU","uui-typography-size-16":"_9I-Kmo","uuiTypographySize16":"_9I-Kmo","picker-row":"ECXD70","pickerRow":"ECXD70"};
+var css$G = {"uui-typography":"-EwErA","uuiTypography":"-EwErA","hero-header":"w33u-G","heroHeader":"w33u-G","promo-header":"u4T-39","promoHeader":"u4T-39","uui-critical":"BbYYm6","uuiCritical":"BbYYm6","uui-info":"hBPUIo","uuiInfo":"hBPUIo","uui-success":"G67--9","uuiSuccess":"G67--9","uui-warning":"PA5wmv","uuiWarning":"PA5wmv","uui-highlight":"p-HEC4","uuiHighlight":"p-HEC4","uui-typography-size-12":"_0HLnjQ","uuiTypographySize12":"_0HLnjQ","uui-typography-size-14":"eMH33m","uuiTypographySize14":"eMH33m","uui-typography-size-16":"ubYvBY","uuiTypographySize16":"ubYvBY","picker-row":"qAxx-u","pickerRow":"qAxx-u"};
 
 class DataPickerRow extends React.Component {
     constructor() {
@@ -2840,20 +2868,20 @@ class DataPickerRow extends React.Component {
         };
     }
     render() {
-        return (React.createElement(DataPickerRow$1, Object.assign({}, this.props, { cx: [css$F.pickerRow, this.props.cx], renderContent: this.renderContent })));
+        return (React.createElement(DataPickerRow$1, Object.assign({}, this.props, { cx: [css$G.pickerRow, this.props.cx], renderContent: this.renderContent })));
     }
 }
 
-var css$E = {"uui-typography":"_5VuYHA","uuiTypography":"_5VuYHA","hero-header":"_9-1GvG","heroHeader":"_9-1GvG","promo-header":"Tnfxa7","promoHeader":"Tnfxa7","uui-critical":"M4jw-f","uuiCritical":"M4jw-f","uui-info":"_9Ytvj0","uuiInfo":"_9Ytvj0","uui-success":"ZVfVIK","uuiSuccess":"ZVfVIK","uui-warning":"_97of9P","uuiWarning":"_97of9P","uui-highlight":"UR2Bzt","uuiHighlight":"UR2Bzt","uui-typography-size-12":"_9s7gCE","uuiTypographySize12":"_9s7gCE","uui-typography-size-14":"_5iY75R","uuiTypographySize14":"_5iY75R","uui-typography-size-16":"nyOC7G","uuiTypographySize16":"nyOC7G","done":"NeYQx4","container":"DvjV1V"};
+var css$F = {"uui-typography":"aS7FW6","uuiTypography":"aS7FW6","hero-header":"_7GquDI","heroHeader":"_7GquDI","promo-header":"HwYvvy","promoHeader":"HwYvvy","uui-critical":"URvWOo","uuiCritical":"URvWOo","uui-info":"DTHFNn","uuiInfo":"DTHFNn","uui-success":"ObiCMg","uuiSuccess":"ObiCMg","uui-warning":"gq31NT","uuiWarning":"gq31NT","uui-highlight":"pcw7MA","uuiHighlight":"pcw7MA","uui-typography-size-12":"m5Y0i0","uuiTypographySize12":"m5Y0i0","uui-typography-size-14":"j1neW9","uuiTypographySize14":"j1neW9","uui-typography-size-16":"Br4rYQ","uuiTypographySize16":"Br4rYQ","done":"-kYvHL","container":"nIStzk"};
 
 const PickerBodyMobileView = (props) => {
     const isMobileView = isMobile();
     const maxWidth = isMobileView ? 'auto' : props.maxWidth;
     const maxHeight = isMobileView ? 'auto' : props.maxHeight;
-    return (React__default.createElement(DropdownContainer, Object.assign({}, props, { maxWidth: maxWidth, maxHeight: maxHeight, cx: [css$E.container, props.cx], autoFocus: true }),
+    return (React__default.createElement(DropdownContainer, Object.assign({}, props, { maxWidth: maxWidth, maxHeight: maxHeight, cx: [css$F.container, props.cx], autoFocus: true }),
         isMobileView && React__default.createElement(DataPickerHeader, { title: props.title, close: props.onClose }),
         props.children,
-        isMobileView && React__default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => { var _a; return (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$E.done, size: settings.sizes.pickerInput.body.mobile.footer.linkButton })));
+        isMobileView && React__default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => { var _a; return (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$F.done, size: settings.sizes.pickerInput.body.mobile.footer.linkButton })));
 };
 
 var _path$r, _path2$4;
@@ -2878,7 +2906,7 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
 };
 var ForwardRef$r = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
 
-var css$D = {"uui-typography":"O2O9Yv","uuiTypography":"O2O9Yv","hero-header":"_08Ld6-","heroHeader":"_08Ld6-","promo-header":"Xl6xgZ","promoHeader":"Xl6xgZ","uui-critical":"VAiTSx","uuiCritical":"VAiTSx","uui-info":"ViaoWI","uuiInfo":"ViaoWI","uui-success":"nqEZPy","uuiSuccess":"nqEZPy","uui-warning":"HPGzrX","uuiWarning":"HPGzrX","uui-highlight":"L2e7vz","uuiHighlight":"L2e7vz","uui-typography-size-12":"qjs--8","uuiTypographySize12":"qjs--8","uui-typography-size-14":"Kvb2CS","uuiTypographySize14":"Kvb2CS","uui-typography-size-16":"OQlShX","uuiTypographySize16":"OQlShX","sub-header-wrapper":"fXUWhf","subHeaderWrapper":"fXUWhf","switch":"hjhh40","no-found-modal-container":"_8MsYtS","noFoundModalContainer":"_8MsYtS","no-found-modal-container-icon":"P3HeZu","noFoundModalContainerIcon":"P3HeZu","no-found-modal-container-text":"NlEvrD","noFoundModalContainerText":"NlEvrD"};
+var css$E = {"uui-typography":"vqv4WY","uuiTypography":"vqv4WY","hero-header":"N0UiFq","heroHeader":"N0UiFq","promo-header":"zWFjLe","promoHeader":"zWFjLe","uui-critical":"kB-H6r","uuiCritical":"kB-H6r","uui-info":"o4gmd1","uuiInfo":"o4gmd1","uui-success":"rjSAYb","uuiSuccess":"rjSAYb","uui-warning":"b5t-5g","uuiWarning":"b5t-5g","uui-highlight":"xEc9YH","uuiHighlight":"xEc9YH","uui-typography-size-12":"OacvH5","uuiTypographySize12":"OacvH5","uui-typography-size-14":"V2SBvN","uuiTypographySize14":"V2SBvN","uui-typography-size-16":"Zdm-BC","uuiTypographySize16":"Zdm-BC","sub-header-wrapper":"_9l1Eyu","subHeaderWrapper":"_9l1Eyu","switch":"w-ken5","no-found-modal-container":"XNM9Om","noFoundModalContainer":"XNM9Om","no-found-modal-container-icon":"gwD15N","noFoundModalContainerIcon":"gwD15N","no-found-modal-container-text":"zf3eye","noFoundModalContainerText":"zf3eye"};
 
 const mergeHighlightRanges = (ranges) => {
     const mergedRanges = [];
@@ -2945,7 +2973,7 @@ const getHighlightedSearchMatches = (str, search) => {
     return getDecoratedText(str, ranges);
 };
 
-var css$C = {"root":"nIqccQ","column-gap":"r-acSI","columnGap":"r-acSI","multiline":"FweHeM","text":"Z-PORy"};
+var css$D = {"root":"tEDNpE","column-gap":"ewMnYD","columnGap":"ewMnYD","multiline":"pY-mW8","text":"WyX3dn"};
 
 function PickerItem(props) {
     var _a;
@@ -2955,13 +2983,13 @@ function PickerItem(props) {
     const { search } = (_a = props.dataSourceState) !== null && _a !== void 0 ? _a : {};
     const title = highlightSearchMatches ? getHighlightedSearchMatches(props.title, search) : props.title;
     const subtitle = highlightSearchMatches ? getHighlightedSearchMatches(props.subtitle, search) : props.subtitle;
-    return (React.createElement(FlexCell, { width: "auto", cx: [css$C.root, 'uui-typography', cx] },
-        React.createElement(FlexRow, { size: itemSize, cx: [isMultiline && css$C.multiline, css$C.columnGap], rawProps: { style: { '--uui-picker_item-vertical-padding': `${settings.sizes.pickerInput.body.dropdown.row.cell.item.verticalPadding[itemSize]}px` } } },
+    return (React.createElement(FlexCell, { width: "auto", cx: [css$D.root, 'uui-typography', cx] },
+        React.createElement(FlexRow, { size: itemSize, cx: [isMultiline && css$D.multiline, css$D.columnGap], rawProps: { style: { '--uui-picker_item-vertical-padding': `${settings.sizes.pickerInput.body.dropdown.row.cell.item.verticalPadding[itemSize]}px` } } },
             avatarUrl && (React.createElement(Avatar, { isLoading: isLoading, img: avatarUrl, size: getAvatarSize(itemSize, isMultiline).toString() })),
             icon && React.createElement(IconContainer, { icon: icon }),
             React.createElement(FlexCell, { width: "auto" },
-                title && (React.createElement(Text, { size: itemSize, cx: css$C.text, color: isDisabled ? 'disabled' : 'primary' }, isLoading ? React.createElement(TextPlaceholder, { wordsCount: 2 }) : title)),
-                subtitle && (React.createElement(Text, { size: itemSize, color: isDisabled ? 'disabled' : 'secondary', cx: css$C.text }, isLoading ? React.createElement(TextPlaceholder, { wordsCount: 2 }) : subtitle))))));
+                title && (React.createElement(Text, { size: itemSize, cx: css$D.text, color: isDisabled ? 'disabled' : 'primary' }, isLoading ? React.createElement(TextPlaceholder, { wordsCount: 2 }) : title)),
+                subtitle && (React.createElement(Text, { size: itemSize, color: isDisabled ? 'disabled' : 'secondary', cx: css$D.text }, isLoading ? React.createElement(TextPlaceholder, { wordsCount: 2 }) : subtitle))))));
 }
 function getAvatarSize(size, isMultiline) {
     return settings.sizes.pickerInput.body.dropdown.row.cell.item.avatar[isMultiline ? 'multiline' : 'rest'][size];
@@ -2995,17 +3023,17 @@ function PickerModal(props) {
             React__default.createElement(Button, { color: "primary", caption: i18n.pickerModal.selectButton, onClick: () => props.success(selection) })));
     };
     const renderNotFound = () => {
-        return props.renderNotFound ? (props.renderNotFound({ search: dataSourceState.search, onClose: () => props.success(null) })) : (React__default.createElement("div", { className: css$D.noFoundModalContainer },
-            React__default.createElement(IconContainer, { cx: css$D.noFoundModalContainerIcon, icon: ForwardRef$r }),
-            React__default.createElement(Text, { cx: css$D.noFoundModalContainerText, fontWeight: "600", fontSize: "16", lineHeight: "24", color: "primary", size: "36" }, i18n.dataPickerBody.noRecordsMessage),
-            React__default.createElement(Text, { cx: css$D.noFoundModalContainerText, fontSize: "12", lineHeight: "18", color: "primary", size: "36" }, i18n.dataPickerBody.noRecordsSubTitle)));
+        return props.renderNotFound ? (props.renderNotFound({ search: dataSourceState.search, onClose: () => props.success(null) })) : (React__default.createElement("div", { className: css$E.noFoundModalContainer },
+            React__default.createElement(IconContainer, { cx: css$E.noFoundModalContainerIcon, icon: ForwardRef$r }),
+            React__default.createElement(Text, { cx: css$E.noFoundModalContainerText, fontWeight: "600", fontSize: "16", lineHeight: "24", color: "primary", size: "36" }, i18n.dataPickerBody.noRecordsMessage),
+            React__default.createElement(Text, { cx: css$E.noFoundModalContainerText, fontSize: "12", lineHeight: "18", color: "primary", size: "36" }, i18n.dataPickerBody.noRecordsSubTitle)));
     };
     const dataRows = getRows();
     const rows = dataRows.map((row) => renderRow(row));
     return (React__default.createElement(ModalBlocker, Object.assign({}, props),
         React__default.createElement(ModalWindow, { width: 600, height: 700 },
             React__default.createElement(ModalHeader, { title: props.caption || i18n.pickerModal.headerTitle, onClose: () => props.abort() }),
-            React__default.createElement(FlexCell, { cx: css$D.subHeaderWrapper },
+            React__default.createElement(FlexCell, { cx: css$E.subHeaderWrapper },
                 React__default.createElement(FlexRow, { vPadding: "24" },
                     React__default.createElement(SearchInput, Object.assign({}, dataSourceStateLens.prop('search').toProps(), { onKeyDown: (e) => handleDataSourceKeyboard({
                             value: getDataSourceState(),
@@ -3014,20 +3042,20 @@ function PickerModal(props) {
                             rows: dataRows,
                             searchPosition: 'body',
                         }, e), autoFocus: true, placeholder: i18n.pickerModal.searchPlaceholder, rawProps: { dir: 'auto' } }))),
-                !isSingleSelect() && (React__default.createElement(Switch, Object.assign({ cx: css$D.switch, size: "18" }, getFooterProps().showSelected, { isDisabled: view.getSelectedRowsCount() < 1, label: "Show only selected" }))),
+                !isSingleSelect() && (React__default.createElement(Switch, Object.assign({ cx: css$E.switch, size: "18" }, getFooterProps().showSelected, { isDisabled: view.getSelectedRowsCount() < 1, label: "Show only selected" }))),
                 props.renderFilter && React__default.createElement(FlexCell, { grow: 2 }, props.renderFilter(dataSourceStateLens.prop('filter').toProps()))),
             React__default.createElement(DataPickerBody, Object.assign({}, getListProps(), { value: getDataSourceState(), onValueChange: handleDataSourceValueChange, search: dataSourceStateLens.prop('search').toProps(), showSearch: false, rows: rows, renderNotFound: renderNotFound, editMode: "modal" })),
             React__default.createElement(ModalFooter, { padding: "24", vPadding: "24" }, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
 }
 
-var css$B = {"tooltip":"gCXaJa"};
+var css$C = {"tooltip":"iPNJyX"};
 
 const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
     var _a;
     const tagProps = Object.assign(Object.assign({}, props), { tabIndex: -1, size: settings.sizes.pickerInput.toggler.tag[props.size], caption: ((_a = props.rowProps) === null || _a === void 0 ? void 0 : _a.isLoading) ? React.createElement(TextPlaceholder, null) : props.caption });
     if (props.isCollapsed) {
         const collapsedRows = props.collapsedRows.map((row) => props.getName(row.value)).join(', ');
-        return (React.createElement(Tooltip, { key: "selected", content: collapsedRows, closeDelay: 150, closeOnMouseLeave: "boundary", cx: css$B.tooltip },
+        return (React.createElement(Tooltip, { key: "selected", content: collapsedRows, closeDelay: 150, closeOnMouseLeave: "boundary", cx: css$C.tooltip },
             React.createElement(Tag, Object.assign({ ref: ref, rawProps: { role: 'option' } }, tagProps))));
     }
     else {
@@ -3035,15 +3063,15 @@ const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
     }
 });
 
-var css$A = {"uui-typography":"zvw7k8","uuiTypography":"zvw7k8","hero-header":"sHkmMR","heroHeader":"sHkmMR","promo-header":"xjS5jn","promoHeader":"xjS5jn","uui-critical":"IhPZ3p","uuiCritical":"IhPZ3p","uui-info":"vMlzMW","uuiInfo":"vMlzMW","uui-success":"_8Xh-jv","uuiSuccess":"_8Xh-jv","uui-warning":"VzeSu9","uuiWarning":"VzeSu9","uui-highlight":"UPo2Zc","uuiHighlight":"UPo2Zc","uui-typography-size-12":"gwNjwH","uuiTypographySize12":"gwNjwH","uui-typography-size-14":"SjKGPM","uuiTypographySize14":"SjKGPM","uui-typography-size-16":"sBE35t","uuiTypographySize16":"sBE35t","root":"ShPHNh","mode-form":"JFKtBt","modeForm":"JFKtBt","mode-cell":"FfkBal","modeCell":"FfkBal","mode-inline":"CI1XLX","modeInline":"CI1XLX"};
+var css$B = {"uui-typography":"elgNOM","uuiTypography":"elgNOM","hero-header":"PLDfw0","heroHeader":"PLDfw0","promo-header":"_71BxwL","promoHeader":"_71BxwL","uui-critical":"Iw4mxU","uuiCritical":"Iw4mxU","uui-info":"KNy6ZS","uuiInfo":"KNy6ZS","uui-success":"kgzf1p","uuiSuccess":"kgzf1p","uui-warning":"pqMd2x","uuiWarning":"pqMd2x","uui-highlight":"Ia04tO","uuiHighlight":"Ia04tO","uui-typography-size-12":"_2kPl7M","uuiTypographySize12":"_2kPl7M","uui-typography-size-14":"Ns9pH5","uuiTypographySize14":"Ns9pH5","uui-typography-size-16":"G2p6GC","uuiTypographySize16":"G2p6GC","root":"MAgHLa","mode-form":"KYaJW4","modeForm":"KYaJW4","mode-cell":"wAhF0l","modeCell":"wAhF0l","mode-inline":"LEr3uB","modeInline":"LEr3uB"};
 
 const defaultMode = EditMode.FORM;
 function applyPickerTogglerMods(mods) {
     return [
-        css$A.root,
+        css$B.root,
         'uui-picker_toggler',
         `uui-size-${mods.size || settings.sizes.pickerInput.toggler.defaults.size}`,
-        css$A['mode-' + (mods.mode || defaultMode)],
+        css$B['mode-' + (mods.mode || defaultMode)],
     ];
 }
 function PickerTogglerComponent(props, ref) {
@@ -3132,7 +3160,7 @@ function PickerInputComponent(_a, ref) {
 }
 const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
 
-var css$z = {"row":"l7xfMW"};
+var css$A = {"row":"SGlRzY"};
 
 function PickerListItem(props) {
     var _a;
@@ -3150,10 +3178,10 @@ function PickerListItem(props) {
     else {
         component = (React__default.createElement(RadioInput, { label: label, value: props.isSelected, isDisabled: props.isLoading || !props.isSelectable || props.isDisabled, onValueChange: () => props.onSelect(props) }));
     }
-    return (React__default.createElement("div", Object.assign({ role: "option", "aria-selected": props.isSelectable ? props.isSelected : undefined, "aria-busy": props.isLoading, "aria-posinset": props.index + 1 }, (((_a = props.checkbox) === null || _a === void 0 ? void 0 : _a.isVisible) && { 'aria-checked': props.isChecked }), { className: css$z.row }), component));
+    return (React__default.createElement("div", Object.assign({ role: "option", "aria-selected": props.isSelectable ? props.isSelected : undefined, "aria-busy": props.isLoading, "aria-posinset": props.index + 1 }, (((_a = props.checkbox) === null || _a === void 0 ? void 0 : _a.isVisible) && { 'aria-checked': props.isChecked }), { className: css$A.row }), component));
 }
 
-var css$y = {"root":"sGLTPF"};
+var css$z = {"root":"sXTYin"};
 
 function PickerList(props) {
     const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, dataSourceState, getModalTogglerCaption, } = usePickerList(props);
@@ -3176,7 +3204,7 @@ function PickerList(props) {
     const showPicker = viewProps.totalCount == null || viewProps.totalCount > getMaxDefaultItems();
     const renderToggler = props.renderModalToggler || defaultRenderToggler;
     const renderRow = props.renderRow || defaultRenderRow;
-    return (React__default.createElement("div", { className: cx('uui-picker-list', css$y.root) },
+    return (React__default.createElement("div", { className: cx('uui-picker-list', css$z.root) },
         !rows.length
             && (props.noOptionsMessage || (React__default.createElement(Text, { color: "secondary", size: props.size }, "No options available"))),
         rows.map((row) => renderRow(Object.assign(Object.assign({}, row), { isDisabled: props.isDisabled }), dataSourceState)),
@@ -3188,7 +3216,7 @@ function PickerList(props) {
             }, selectedRows)));
 }
 
-var css$x = {"uui-typography":"jVO8Qs","uuiTypography":"jVO8Qs","hero-header":"rGwWFS","heroHeader":"rGwWFS","promo-header":"bxuVH7","promoHeader":"bxuVH7","uui-critical":"sxAC4T","uuiCritical":"sxAC4T","uui-info":"OPMr-G","uuiInfo":"OPMr-G","uui-success":"_30FFQ9","uuiSuccess":"_30FFQ9","uui-warning":"pdUnGa","uuiWarning":"pdUnGa","uui-highlight":"BhAKXa","uuiHighlight":"BhAKXa","uui-typography-size-12":"s-8Idg","uuiTypographySize12":"s-8Idg","uui-typography-size-14":"_4Soimw","uuiTypographySize14":"_4Soimw","uui-typography-size-16":"GJDr49","uuiTypographySize16":"GJDr49","root":"gF-oYQ","wrapper":"MusYVu","align-widgets-top":"BzCWbF","alignWidgetsTop":"BzCWbF","align-widgets-center":"F4K3Nc","alignWidgetsCenter":"F4K3Nc"};
+var css$y = {"uui-typography":"_9sR1YC","uuiTypography":"_9sR1YC","hero-header":"GjX40w","heroHeader":"GjX40w","promo-header":"zwisP1","promoHeader":"zwisP1","uui-critical":"_6Cl4nw","uuiCritical":"_6Cl4nw","uui-info":"M7Q6vY","uuiInfo":"M7Q6vY","uui-success":"aUXtuM","uuiSuccess":"aUXtuM","uui-warning":"WaIyor","uuiWarning":"WaIyor","uui-highlight":"zOTUtB","uuiHighlight":"zOTUtB","uui-typography-size-12":"whtkaK","uuiTypographySize12":"whtkaK","uui-typography-size-14":"ydc-jZ","uuiTypographySize14":"ydc-jZ","uui-typography-size-16":"iXELgt","uuiTypographySize16":"iXELgt","root":"y5BZ-G","wrapper":"-v6rLZ","align-widgets-top":"KEeg69","alignWidgetsTop":"KEeg69","align-widgets-center":"m2H05a","alignWidgetsCenter":"m2H05a"};
 
 function DataTableCell(initialProps) {
     const props = Object.assign({}, initialProps);
@@ -3222,12 +3250,12 @@ function DataTableCell(initialProps) {
     };
     props.cx = [
         'data-table-cell',
-        css$x.root,
+        css$y.root,
         props.cx,
         'uui-size-' + (props.size || settings.sizes.dataTable.body.row.cell.defaults.size),
         props.isFirstColumn && 'uui-dt-first-column',
         props.isLastColumn && 'uui-dt-last-column',
-        css$x[`align-widgets-${props.alignActions || 'top'}`],
+        css$y[`align-widgets-${props.alignActions || 'top'}`],
         (props.border || isEditable) && 'uui-dt-vertical-cell-border',
     ];
     props.style = {
@@ -3237,7 +3265,7 @@ function DataTableCell(initialProps) {
     return React.createElement(DataTableCell$1, Object.assign({}, props));
 }
 
-var css$w = {"uui-typography":"IGqwPJ","uuiTypography":"IGqwPJ","hero-header":"-fYpv5","heroHeader":"-fYpv5","promo-header":"O2rMRJ","promoHeader":"O2rMRJ","uui-critical":"FDYQUR","uuiCritical":"FDYQUR","uui-info":"_4XCAy8","uuiInfo":"_4XCAy8","uui-success":"L7GsH0","uuiSuccess":"L7GsH0","uui-warning":"_29k0X2","uuiWarning":"_29k0X2","uui-highlight":"JWZloF","uuiHighlight":"JWZloF","uui-typography-size-12":"ydvdmM","uuiTypographySize12":"ydvdmM","uui-typography-size-14":"Rjq7Mu","uuiTypographySize14":"Rjq7Mu","uui-typography-size-16":"wJcvx4","uuiTypographySize16":"wJcvx4","root":"ZvoHuY"};
+var css$x = {"uui-typography":"MgFZrF","uuiTypography":"MgFZrF","hero-header":"NWRdaL","heroHeader":"NWRdaL","promo-header":"aeaIqj","promoHeader":"aeaIqj","uui-critical":"TMUwRn","uuiCritical":"TMUwRn","uui-info":"N-HygM","uuiInfo":"N-HygM","uui-success":"n-LaAS","uuiSuccess":"n-LaAS","uui-warning":"_2S3n1u","uuiWarning":"_2S3n1u","uui-highlight":"O4sIrc","uuiHighlight":"O4sIrc","uui-typography-size-12":"_5MV71e","uuiTypographySize12":"_5MV71e","uui-typography-size-14":"HxQB29","uuiTypographySize14":"HxQB29","uui-typography-size-16":"-gbefa","uuiTypographySize16":"-gbefa","root":"RKtP5y"};
 
 // Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
 // As we need our mods to style the cell properly, we extract them from DataTableCellProps.rowProps, which is a hack, but it's reliable enough.
@@ -3249,11 +3277,11 @@ const renderDropMarkers = (props) => React.createElement(DropMarker, Object.assi
 const propsMods = { renderCell, renderDropMarkers };
 const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = true, size }) => {
     return [
-        css$w.root, 'uui-dt-vars', borderBottom && 'uui-dt-row-border', `uui-size-${size || settings.sizes.dataTable.body.row.default}`,
+        css$x.root, 'uui-dt-vars', borderBottom && 'uui-dt-row-border', `uui-size-${size || settings.sizes.dataTable.body.row.default}`,
     ];
 }, () => propsMods);
 
-var css$v = {"uui-typography":"dmA7C-","uuiTypography":"dmA7C-","hero-header":"BUi5JU","heroHeader":"BUi5JU","promo-header":"sN1It-","promoHeader":"sN1It-","uui-critical":"PnOkK5","uuiCritical":"PnOkK5","uui-info":"Exmyma","uuiInfo":"Exmyma","uui-success":"mSL2UK","uuiSuccess":"mSL2UK","uui-warning":"_5uPiJW","uuiWarning":"_5uPiJW","uui-highlight":"MV7G09","uuiHighlight":"MV7G09","uui-typography-size-12":"H8AVPM","uuiTypographySize12":"H8AVPM","uui-typography-size-14":"HrZX2p","uuiTypographySize14":"HrZX2p","uui-typography-size-16":"U-Vk76","uuiTypographySize16":"U-Vk76","sorting-panel-container":"q0XLwx","sortingPanelContainer":"q0XLwx"};
+var css$w = {"uui-typography":"_8aXuDP","uuiTypography":"_8aXuDP","hero-header":"SYUMQ9","heroHeader":"SYUMQ9","promo-header":"_5hHNL4","promoHeader":"_5hHNL4","uui-critical":"H9BuUo","uuiCritical":"H9BuUo","uui-info":"-QLZPV","uuiInfo":"-QLZPV","uui-success":"JPywlv","uuiSuccess":"JPywlv","uui-warning":"LH62sY","uuiWarning":"LH62sY","uui-highlight":"NJimv2","uuiHighlight":"NJimv2","uui-typography-size-12":"j3lzY6","uuiTypographySize12":"j3lzY6","uui-typography-size-14":"_61X9N9","uuiTypographySize14":"_61X9N9","uui-typography-size-16":"IQCWgu","uuiTypographySize16":"IQCWgu","sorting-panel-container":"b8m05I","sortingPanelContainer":"b8m05I"};
 
 var _path$q;
 function _extends$q() { _extends$q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$q.apply(this, arguments); }
@@ -3288,7 +3316,7 @@ var ForwardRef$p = /*#__PURE__*/forwardRef(SvgTableSortDescOutline);
 const SortingPanelImpl = ({ sortDirection, onSort }) => {
     const sortAsc = useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
     const sortDesc = useCallback(() => onSort(sortDirection === 'desc' ? undefined : 'desc'), [onSort]);
-    return (React__default.createElement(FlexCell, { cx: cx$1(css$v.sortingPanelContainer, 'uui-dropdownMenu-body') },
+    return (React__default.createElement(FlexCell, { cx: cx$1(css$w.sortingPanelContainer, 'uui-dropdownMenu-body') },
         React__default.createElement(DropdownMenuButton, { isActive: sortDirection === 'asc', caption: i18n.pickerFilterHeader.sortAscending, icon: ForwardRef$q, onClick: sortAsc }),
         React__default.createElement(DropdownMenuButton, { isActive: sortDirection === 'desc', caption: i18n.pickerFilterHeader.sortDescending, icon: ForwardRef$p, onClick: sortDesc })));
 };
@@ -3383,7 +3411,7 @@ var SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props
 };
 var ForwardRef$k = /*#__PURE__*/forwardRef(SvgNavigationExpandAllOutline);
 
-var css$u = {"uui-typography":"_3iuO1T","uuiTypography":"_3iuO1T","hero-header":"j40-ev","heroHeader":"j40-ev","promo-header":"Ns5Z-W","promoHeader":"Ns5Z-W","uui-critical":"HKTLGG","uuiCritical":"HKTLGG","uui-info":"_2FUPfm","uuiInfo":"_2FUPfm","uui-success":"qtfaki","uuiSuccess":"qtfaki","uui-warning":"yWkRwr","uuiWarning":"yWkRwr","uui-highlight":"gMog6M","uuiHighlight":"gMog6M","uui-typography-size-12":"KaM--N","uuiTypographySize12":"KaM--N","uui-typography-size-14":"vU6ZuN","uuiTypographySize14":"vU6ZuN","uui-typography-size-16":"_5jB1RO","uuiTypographySize16":"_5jB1RO","root":"ihYDgJ","caption-wrapper":"ZXlTl-","captionWrapper":"ZXlTl-","sort-icon":"R2flhi","sortIcon":"R2flhi","dropdown-icon":"NGYjr-","dropdownIcon":"NGYjr-","infoIcon":"Z-gpMW","resizable":"_0Vy1jM","align-right":"_7GQcgo","alignRight":"_7GQcgo","align-center":"jCQAxD","alignCenter":"jCQAxD","caption":"gydiq9","truncate":"reVv4Y","checkbox":"TA-WDO","icon":"CVU3cC","fold-all-icon":"ZSSI5d","foldAllIcon":"ZSSI5d","cell-tooltip":"_0DOOS6","cellTooltip":"_0DOOS6","upper-case":"czviB3","upperCase":"czviB3","resizing-marker":"NRv4aX","resizingMarker":"NRv4aX","pinned-right":"oZSpBK","pinnedRight":"oZSpBK","draggable":"zVJLb4","ghost":"NjCtB9","is-dragged-out":"ITBRvj","isDraggedOut":"ITBRvj","dnd-marker-left":"CIOrQw","dndMarkerLeft":"CIOrQw","dnd-marker-right":"jHsd9T","dndMarkerRight":"jHsd9T","cell-tooltip-wrapper":"AILd5s","cellTooltipWrapper":"AILd5s","cell-tooltip-text":"XE0itx","cellTooltipText":"XE0itx","tooltip-caption":"-Ejt4B","tooltipCaption":"-Ejt4B","tooltip-info":"qSbWLI","tooltipInfo":"qSbWLI"};
+var css$v = {"uui-typography":"WxUB7G","uuiTypography":"WxUB7G","hero-header":"_3HKlPv","heroHeader":"_3HKlPv","promo-header":"_5FBhqQ","promoHeader":"_5FBhqQ","uui-critical":"G7RzbV","uuiCritical":"G7RzbV","uui-info":"NqvTsS","uuiInfo":"NqvTsS","uui-success":"_9N5QDV","uuiSuccess":"_9N5QDV","uui-warning":"qU4y8g","uuiWarning":"qU4y8g","uui-highlight":"CsPUvI","uuiHighlight":"CsPUvI","uui-typography-size-12":"VGBf5T","uuiTypographySize12":"VGBf5T","uui-typography-size-14":"CI--ik","uuiTypographySize14":"CI--ik","uui-typography-size-16":"GC6n55","uuiTypographySize16":"GC6n55","root":"Xbxpq-","caption-wrapper":"_5iMiMM","captionWrapper":"_5iMiMM","sort-icon":"nnW--a","sortIcon":"nnW--a","dropdown-icon":"_8hZbbZ","dropdownIcon":"_8hZbbZ","infoIcon":"_7OlxEh","resizable":"DFDh7w","align-right":"KcBgcC","alignRight":"KcBgcC","align-center":"wUCUbt","alignCenter":"wUCUbt","caption":"G8wvGd","truncate":"FG8soj","checkbox":"vTv8l4","icon":"GczrGo","fold-all-icon":"EINOJZ","foldAllIcon":"EINOJZ","cell-tooltip":"Q6PaHL","cellTooltip":"Q6PaHL","upper-case":"V2z2rm","upperCase":"V2z2rm","resizing-marker":"_6SMMRj","resizingMarker":"_6SMMRj","pinned-right":"TzND2G","pinnedRight":"TzND2G","draggable":"_0vF0lf","ghost":"_0f1eQx","is-dragged-out":"_9Fg680","isDraggedOut":"_9Fg680","dnd-marker-left":"hMke-8","dndMarkerLeft":"hMke-8","dnd-marker-right":"pXBgpc","dndMarkerRight":"pXBgpc","cell-tooltip-wrapper":"AJEVXx","cellTooltipWrapper":"AJEVXx","cell-tooltip-text":"_0H4T9O","cellTooltipText":"_0H4T9O","tooltip-caption":"Aft4Rx","tooltipCaption":"Aft4Rx","tooltip-info":"aMTlKp","tooltipInfo":"aMTlKp"};
 
 class DataTableHeaderCell extends React.Component {
     constructor() {
@@ -3391,27 +3419,27 @@ class DataTableHeaderCell extends React.Component {
         this.state = {
             isDropdownOpen: null,
         };
-        this.getTooltipContent = (column) => (React.createElement("div", { className: cx$1(css$u.cellTooltipWrapper, uuiDataTableHeaderCell.uuiTableHeaderCaptionTooltip) },
-            React.createElement(Text, { cx: [css$u.cellTooltipText, css$u.tooltipCaption] }, column.caption),
-            column.info && (React.createElement(Text, { cx: [css$u.cellTooltipText, css$u.tooltipInfo] }, column.info))));
+        this.getTooltipContent = (column) => (React.createElement("div", { className: cx$1(css$v.cellTooltipWrapper, uuiDataTableHeaderCell.uuiTableHeaderCaptionTooltip) },
+            React.createElement(Text, { cx: [css$v.cellTooltipText, css$v.tooltipCaption] }, column.caption),
+            column.info && (React.createElement(Text, { cx: [css$v.cellTooltipText, css$v.tooltipInfo] }, column.info))));
         this.getColumnCaption = () => {
             const renderTooltip = this.props.column.renderTooltip || this.getTooltipContent;
             const captionCx = [
-                css$u.caption,
-                this.props.textCase === 'upper' && css$u.upperCase,
+                css$v.caption,
+                this.props.textCase === 'upper' && css$v.upperCase,
                 uuiDataTableHeaderCell.uuiTableHeaderCaption,
-                settings.sizes.dataTable.header.row.cell.truncate.includes(this.props.size) && css$u.truncate,
+                settings.sizes.dataTable.header.row.cell.truncate.includes(this.props.size) && css$v.truncate,
             ];
-            return (React.createElement("div", { className: cx$1(css$u.captionWrapper, css$u['align-' + this.props.column.textAlign], uuiDataTableHeaderCell.uuiTableHeaderCaptionWrapper) },
-                React.createElement(Tooltip, { placement: "top", color: "inverted", content: renderTooltip(this.props.column), cx: css$u.cellTooltip, openDelay: 600 },
+            return (React.createElement("div", { className: cx$1(css$v.captionWrapper, css$v['align-' + this.props.column.textAlign], uuiDataTableHeaderCell.uuiTableHeaderCaptionWrapper) },
+                React.createElement(Tooltip, { placement: "top", color: "inverted", content: renderTooltip(this.props.column), cx: css$v.cellTooltip, openDelay: 600 },
                     React.createElement(Text, { key: "text", fontSize: settings.sizes.dataTable.header.row.cell.columnCaption[this.props.textCase === 'upper' ? 'uppercase' : 'fontSize'], size: settings.sizes.dataTable.header.row.cell.columnCaption.size, cx: captionCx }, this.props.column.caption)),
-                this.props.column.isSortable && (!this.props.column.renderFilter || this.props.sortDirection) && (React.createElement(IconButton, { key: "sort", cx: cx$1(css$u.icon, css$u.sortIcon, this.props.sortDirection && css$u.sortIconActive, uuiDataTableHeaderCell.uuiTableHeaderSortIcon), color: this.props.sortDirection ? 'neutral' : 'secondary', icon: this.props.sortDirection === 'desc' ? ForwardRef$p : this.props.sortDirection === 'asc' ? ForwardRef$q : ForwardRef$o })),
-                this.props.isFilterActive && (React.createElement(IconButton, { key: "filter", cx: cx$1(css$u.icon, !this.props.sortDirection && css$u.filterIcon, uuiDataTableHeaderCell.uuiTableHeaderFilterIcon), color: "neutral", icon: ForwardRef$n })),
-                this.props.column.renderFilter && (React.createElement(IconButton, { key: "dropdown", cx: cx$1(css$u.icon, css$u.dropdownIcon, uuiDataTableHeaderCell.uuiTableHeaderDropdownIcon), color: "secondary", icon: this.state.isDropdownOpen ? ForwardRef$m : ForwardRef$Q }))));
+                this.props.column.isSortable && (!this.props.column.renderFilter || this.props.sortDirection) && (React.createElement(IconButton, { key: "sort", cx: cx$1(css$v.icon, css$v.sortIcon, this.props.sortDirection && css$v.sortIconActive, uuiDataTableHeaderCell.uuiTableHeaderSortIcon), color: this.props.sortDirection ? 'neutral' : 'secondary', icon: this.props.sortDirection === 'desc' ? ForwardRef$p : this.props.sortDirection === 'asc' ? ForwardRef$q : ForwardRef$o })),
+                this.props.isFilterActive && (React.createElement(IconButton, { key: "filter", cx: cx$1(css$v.icon, !this.props.sortDirection && css$v.filterIcon, uuiDataTableHeaderCell.uuiTableHeaderFilterIcon), color: "neutral", icon: ForwardRef$n })),
+                this.props.column.renderFilter && (React.createElement(IconButton, { key: "dropdown", cx: cx$1(css$v.icon, css$v.dropdownIcon, uuiDataTableHeaderCell.uuiTableHeaderDropdownIcon), color: "secondary", icon: this.state.isDropdownOpen ? ForwardRef$m : ForwardRef$Q }))));
         };
         this.renderHeaderCheckbox = () => {
             if (this.props.selectAll && this.props.isFirstColumn) {
-                return (React.createElement(Checkbox, Object.assign({ size: settings.sizes.dataTable.header.row.cell.checkbox[this.props.size] }, this.props.selectAll, { cx: cx$1(css$u.checkbox, uuiDataTableHeaderCell.uuiTableHeaderCheckbox) })));
+                return (React.createElement(Checkbox, Object.assign({ size: settings.sizes.dataTable.header.row.cell.checkbox[this.props.size] }, this.props.selectAll, { cx: cx$1(css$v.checkbox, uuiDataTableHeaderCell.uuiTableHeaderCheckbox) })));
             }
         };
         this.renderFoldAllIcon = () => {
@@ -3419,14 +3447,14 @@ class DataTableHeaderCell extends React.Component {
                 return (React.createElement(Tooltip, { content: this.props.areAllFolded
                         ? i18n.tables.columnHeader.expandAllTooltip
                         : i18n.tables.columnHeader.collapseAllTooltip },
-                    React.createElement(IconButton, { color: "secondary", cx: cx$1(css$u.icon, css$u.foldAllIcon, uuiDataTableHeaderCell.uuiTableHeaderFoldAllIcon), icon: this.props.areAllFolded ? ForwardRef$k : ForwardRef$l, onClick: this.props.onFoldAll, rawProps: {
+                    React.createElement(IconButton, { color: "secondary", cx: cx$1(css$v.icon, css$v.foldAllIcon, uuiDataTableHeaderCell.uuiTableHeaderFoldAllIcon), icon: this.props.areAllFolded ? ForwardRef$k : ForwardRef$l, onClick: this.props.onFoldAll, rawProps: {
                             'aria-label': this.props.areAllFolded ? 'Expand All' : 'Collapse All',
                             'aria-expanded': !!this.props.areAllFolded,
                         } })));
             }
         };
         this.renderResizingMarker = (props) => {
-            return (React.createElement("div", { role: "separator", onMouseDown: props.onResizeStart, className: cx$1(css$u.resizingMarker, uuiMarkers.draggable, uuiMarkers.clickable) }));
+            return (React.createElement("div", { role: "separator", onMouseDown: props.onResizeStart, className: cx$1(css$v.resizingMarker, uuiMarkers.draggable, uuiMarkers.clickable) }));
         };
         this.getLeftPadding = () => {
             const { columnsGap, isFirstColumn } = this.props;
@@ -3458,7 +3486,7 @@ class DataTableHeaderCell extends React.Component {
                     var _a;
                     props.ref(ref);
                     (_a = dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.ref) === null || _a === void 0 ? void 0 : _a.call(dropdownProps, ref);
-                }, cx: cx$1(uuiDataTableHeaderCell.uuiTableHeaderCell, (this.props.column.isSortable || this.props.isDropdown) && uuiMarkers.clickable, css$u.root, `uui-size-${this.props.size || settings.sizes.dataTable.header.row.cell.defaults.size}`, this.props.isFirstColumn && 'uui-dt-header-first-column', this.props.isLastColumn && 'uui-dt-header-last-column', this.props.column.fix && css$u['pinned-' + this.props.column.fix], isResizable && css$u.resizable, props.isDraggable && css$u.draggable, props.isDragGhost && css$u.ghost, props.isDraggedOut && css$u.isDraggedOut, props.isDndInProgress && css$u['dnd-marker-' + props.position]), onClick: onClickEvent, rawProps: Object.assign({ role: 'columnheader', 'aria-sort': this.props.sortDirection === 'asc' ? 'ascending' : this.props.sortDirection ? 'descending' : 'none' }, props.eventHandlers), style: computeStyles },
+                }, cx: cx$1(uuiDataTableHeaderCell.uuiTableHeaderCell, (this.props.column.isSortable || this.props.isDropdown) && uuiMarkers.clickable, css$v.root, `uui-size-${this.props.size || settings.sizes.dataTable.header.row.cell.defaults.size}`, this.props.isFirstColumn && 'uui-dt-header-first-column', this.props.isLastColumn && 'uui-dt-header-last-column', this.props.column.fix && css$v['pinned-' + this.props.column.fix], isResizable && css$v.resizable, props.isDraggable && css$v.draggable, props.isDragGhost && css$v.ghost, props.isDraggedOut && css$v.isDraggedOut, props.isDndInProgress && css$v['dnd-marker-' + props.position]), onClick: onClickEvent, rawProps: Object.assign({ role: 'columnheader', 'aria-sort': this.props.sortDirection === 'asc' ? 'ascending' : this.props.sortDirection ? 'descending' : 'none' }, props.eventHandlers), style: computeStyles },
                 this.renderHeaderCheckbox(),
                 this.renderFoldAllIcon(),
                 this.getColumnCaption(),
@@ -3489,10 +3517,65 @@ var SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
 };
 var ForwardRef$j = /*#__PURE__*/forwardRef(SvgActionSettingsFill);
 
-var css$t = {"uui-typography":"k4fKti","uuiTypography":"k4fKti","hero-header":"BoHshy","heroHeader":"BoHshy","promo-header":"_19w13S","promoHeader":"_19w13S","uui-critical":"Y7fs1l","uuiCritical":"Y7fs1l","uui-info":"pmsLv-","uuiInfo":"pmsLv-","uui-success":"gTtblb","uuiSuccess":"gTtblb","uui-warning":"T701Fo","uuiWarning":"T701Fo","uui-highlight":"vQ0enm","uuiHighlight":"vQ0enm","uui-typography-size-12":"mYz2ma","uuiTypographySize12":"mYz2ma","uui-typography-size-14":"rY4G8o","uuiTypographySize14":"rY4G8o","uui-typography-size-16":"QJnMR-","uuiTypographySize16":"QJnMR-","root":"LaGAoE"};
+var css$u = {"uui-typography":"V1C42Q","uuiTypography":"V1C42Q","hero-header":"_3jY06p","heroHeader":"_3jY06p","promo-header":"C3ZNOA","promoHeader":"C3ZNOA","uui-critical":"Q2dq4Z","uuiCritical":"Q2dq4Z","uui-info":"inoPp3","uuiInfo":"inoPp3","uui-success":"LGa6B4","uuiSuccess":"LGa6B4","uui-warning":"S4jIdc","uuiWarning":"S4jIdc","uui-highlight":"vsDULv","uuiHighlight":"vsDULv","uui-typography-size-12":"w1d3-N","uuiTypographySize12":"w1d3-N","uui-typography-size-14":"BLqt5-","uuiTypographySize14":"BLqt5-","uui-typography-size-16":"pD3qU3","uuiTypographySize16":"pD3qU3","root":"bdxZo7"};
 
-const DataTableHeaderRow = /* @__PURE__ */withMods(DataTableHeaderRow$1, () => [css$t.root, 'uui-dt-vars'], (mods) => ({
+var css$t = {"uui-typography":"-vbA9o","uuiTypography":"-vbA9o","hero-header":"_6MtY9q","heroHeader":"_6MtY9q","promo-header":"HqIiPL","promoHeader":"HqIiPL","uui-critical":"Ksr2Gx","uuiCritical":"Ksr2Gx","uui-info":"iff1of","uuiInfo":"iff1of","uui-success":"_58Cc9s","uuiSuccess":"_58Cc9s","uui-warning":"WFq1EB","uuiWarning":"WFq1EB","uui-highlight":"dBxxyg","uuiHighlight":"dBxxyg","uui-typography-size-12":"_7tyVur","uuiTypographySize12":"_7tyVur","uui-typography-size-14":"_5JHLFM","uuiTypographySize14":"_5JHLFM","uui-typography-size-16":"XFdhdn","uuiTypographySize16":"XFdhdn","root":"oVfl3E","caption-wrapper":"X0fN9Y","captionWrapper":"X0fN9Y","align-center":"VhAsj9","alignCenter":"VhAsj9","caption":"QG4m-U","truncate":"L-AaWJ","group-cell-tooltip":"SPrAH6","groupCellTooltip":"SPrAH6","upper-case":"DoYTHI","upperCase":"DoYTHI","group-cell-tooltip-wrapper":"bf9f5l","groupCellTooltipWrapper":"bf9f5l","group-cell-tooltip-text":"JnQTfQ","groupCellTooltipText":"JnQTfQ","tooltip-caption":"ASciOP","tooltipCaption":"ASciOP","tooltip-info":"aEGGTJ","tooltipInfo":"aEGGTJ"};
+
+class DataTableHeaderGroupCell extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.getTooltipContent = (column) => (React.createElement("div", { className: cx$1(css$t.groupCellTooltipWrapper, uuiDataTableHeaderGroupCell.uuiTableHeaderGroupCaptionTooltip) },
+            React.createElement(Text, { cx: [css$t.groupCellTooltipText, css$t.tooltipCaption] }, column.caption),
+            column.info && (React.createElement(Text, { cx: [css$t.groupCellTooltipText, css$t.tooltipInfo] }, column.info))));
+        this.getColumnCaption = () => {
+            const renderTooltip = this.props.group.renderTooltip || this.getTooltipContent;
+            const captionCx = [
+                css$t.caption,
+                this.props.textCase === 'upper' && css$t.upperCase,
+                uuiDataTableHeaderGroupCell.uuiTableHeaderGroupCaption,
+                settings.sizes.dataTable.header.row.groupCell.truncate.includes(this.props.size) && css$t.truncate,
+            ];
+            return (React.createElement("div", { className: cx$1(css$t.captionWrapper, css$t['align-' + this.props.group.textAlign], uuiDataTableHeaderGroupCell.uuiTableHeaderGroupCaptionWrapper) },
+                React.createElement(Tooltip, { placement: "top", color: "inverted", content: renderTooltip(this.props.group), cx: css$t.groupCellTooltip, openDelay: 600 },
+                    React.createElement(Text, { key: "text", fontSize: settings.sizes.dataTable.header.row.groupCell.columnCaption[this.props.textCase === 'upper' ? 'uppercase' : 'fontSize'], size: settings.sizes.dataTable.header.row.groupCell.columnCaption.size, cx: captionCx }, this.props.group.caption))));
+        };
+        this.getLeftPadding = () => {
+            const { columnsGap, isFirstCell } = this.props;
+            if (columnsGap)
+                return isFirstCell ? columnsGap : +columnsGap / 2;
+            return isFirstCell ? settings.sizes.dataTable.header.row.groupCell.defaults.paddingEdge : settings.sizes.dataTable.header.row.groupCell.defaults.padding;
+        };
+        this.getRightPadding = () => {
+            const { columnsGap, isLastCell } = this.props;
+            if (columnsGap)
+                return isLastCell ? columnsGap : +columnsGap / 2;
+            return isLastCell ? settings.sizes.dataTable.header.row.groupCell.defaults.paddingEdge : settings.sizes.dataTable.header.row.groupCell.defaults.padding;
+        };
+        this.renderCellContent = (props) => {
+            const computeStyles = {
+                '--uui-dt-header-group-cell-padding-start': `${this.getLeftPadding()}px`,
+                '--uui-dt-header-group-cell-padding-end': `${this.getRightPadding()}px`,
+            };
+            return (React.createElement(DataTableCellContainer, { column: this.props.group, ref: (ref) => {
+                    props.ref(ref);
+                }, cx: cx$1(uuiDataTableHeaderGroupCell.uuiTableHeaderGroupCell, css$t.root, `uui-size-${this.props.size || settings.sizes.dataTable.header.row.groupCell.defaults.size}`, this.props.isFirstCell && 'uui-dt-header-first-column', this.props.isLastCell && 'uui-dt-header-last-column'), rawProps: Object.assign({ role: 'columnheader' }, props.eventHandlers), style: computeStyles }, this.getColumnCaption()));
+        };
+    }
+    render() {
+        if (this.props.group.renderHeaderCell) {
+            return this.props.group.renderHeaderCell(this.props);
+        }
+        const computeStyles = {
+            '--uui-dt-header-group-cell-padding-start': `${this.getLeftPadding()}px`,
+            '--uui-dt-header-group-cell-padding-end': `${this.getRightPadding()}px`,
+        };
+        return (React.createElement(DataTableCellContainer, { column: this.props.group, cx: cx$1(uuiDataTableHeaderGroupCell.uuiTableHeaderGroupCell, css$t.root, `uui-size-${this.props.size || settings.sizes.dataTable.header.row.groupCell.defaults.size}`, this.props.isFirstCell && 'uui-dt-header-first-column', this.props.isLastCell && 'uui-dt-header-last-column'), rawProps: { role: 'columnheader' }, style: computeStyles }, this.getColumnCaption()));
+    }
+}
+
+const DataTableHeaderRow = /* @__PURE__ */withMods(DataTableHeaderRow$1, () => [css$u.root, 'uui-dt-vars'], (mods) => ({
     renderCell: (props) => (React.createElement(DataTableHeaderCell, Object.assign({}, props, { size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap }))),
+    renderGroupCell: (props) => (React.createElement(DataTableHeaderGroupCell, Object.assign({}, props, { size: mods.size, textCase: mods.textCase || 'normal', key: props.key, columnsGap: mods.columnsGap }))),
     renderConfigButton: () => (React.createElement(IconButton, { key: "configuration", onClick: mods.onConfigButtonClick, cx: ['config-icon', `uui-size-${settings.sizes.dataTable.header.row.cell.iconSize[mods.size || settings.sizes.dataTable.header.row.default]}`], color: "neutral", icon: ForwardRef$j })),
 }));
 
@@ -3501,7 +3584,7 @@ const UUI_FILTERS_PANEL_ADD_BUTTON_BODY = 'uui-filters-panel-add-button-body';
 const UUI_FILTERS_PANEL_ITEM_BODY = 'uui-filters-panel-item-body';
 const UUI_FILTERS_PANEL_ITEM_TOGGLER = 'uui-filters-panel-item-toggler';
 
-var css$s = {"uui-typography":"xGnsmL","uuiTypography":"xGnsmL","hero-header":"_1-qR6o","heroHeader":"_1-qR6o","promo-header":"JDIkUb","promoHeader":"JDIkUb","uui-critical":"HI4nkh","uuiCritical":"HI4nkh","uui-info":"Ucvnh-","uuiInfo":"Ucvnh-","uui-success":"iKXEjC","uuiSuccess":"iKXEjC","uui-warning":"bKQdHk","uuiWarning":"bKQdHk","uui-highlight":"KOBzRx","uuiHighlight":"KOBzRx","uui-typography-size-12":"zTNMsc","uuiTypographySize12":"zTNMsc","uui-typography-size-14":"n9Dp-E","uuiTypographySize14":"n9Dp-E","uui-typography-size-16":"fphABN","uuiTypographySize16":"fphABN","root":"luZ9eH","title-wrapper":"-exLGv","titleWrapper":"-exLGv","title":"zK2IHF","text-wrapper":"NZXbcM","textWrapper":"NZXbcM","selection":"rlxmpy","postfix":"Bee87m","selected":"xBXX2o"};
+var css$s = {"uui-typography":"LsX-QX","uuiTypography":"LsX-QX","hero-header":"_0Ou81v","heroHeader":"_0Ou81v","promo-header":"_2mp821","promoHeader":"_2mp821","uui-critical":"LTMLK-","uuiCritical":"LTMLK-","uui-info":"BkwyBD","uuiInfo":"BkwyBD","uui-success":"v2Vh3u","uuiSuccess":"v2Vh3u","uui-warning":"OCtJGi","uuiWarning":"OCtJGi","uui-highlight":"_3Fs6TM","uuiHighlight":"_3Fs6TM","uui-typography-size-12":"jlBrkN","uuiTypographySize12":"jlBrkN","uui-typography-size-14":"tRtxxV","uuiTypographySize14":"tRtxxV","uui-typography-size-16":"EcgKB0","uuiTypographySize16":"EcgKB0","root":"J-bngz","title-wrapper":"rpUs0E","titleWrapper":"rpUs0E","title":"_4ugTMf","text-wrapper":"qXV68s","textWrapper":"qXV68s","selection":"yFGU9J","postfix":"_2Im7GA","selected":"K1QKbk"};
 
 const defaultSize = '36';
 const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
@@ -3632,7 +3715,7 @@ function FilterRangeDatePickerBody(props) {
     const context = useUuiContext();
     const onOpenChange = (newIsOpen) => {
         var _a, _b;
-        if (!newIsOpen) {
+        {
             (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
         }
         (_b = props.onOpenChange) === null || _b === void 0 ? void 0 : _b.call(props, newIsOpen);
@@ -3679,7 +3762,7 @@ function FilterRangeDatePickerBody(props) {
                 React__default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.pickerModal.clearAllButton, onClick: () => onValueChange(defaultRangeValue) })))));
 }
 
-var css$r = {"container":"_35-Hf5"};
+var css$r = {"container":"_14kw-Q"};
 
 function FilterNumericBody(props) {
     var _a, _b;
@@ -3777,7 +3860,7 @@ var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
 };
 var ForwardRef$i = /*#__PURE__*/forwardRef(SvgActionDeleteOutline);
 
-var css$q = {"uui-typography":"LYkD-U","uuiTypography":"LYkD-U","hero-header":"_3SCLv0","heroHeader":"_3SCLv0","promo-header":"ao5Iz1","promoHeader":"ao5Iz1","uui-critical":"geIe9N","uuiCritical":"geIe9N","uui-info":"xwIHTE","uuiInfo":"xwIHTE","uui-success":"RhWIe2","uuiSuccess":"RhWIe2","uui-warning":"mDunoL","uuiWarning":"mDunoL","uui-highlight":"jVO1Nd","uuiHighlight":"jVO1Nd","uui-typography-size-12":"cab24Y","uuiTypographySize12":"cab24Y","uui-typography-size-14":"_6P1lzN","uuiTypographySize14":"_6P1lzN","uui-typography-size-16":"_1gYEzH","uuiTypographySize16":"_1gYEzH","header":"B-vrqc","removeButton":"lA0D3a","with-search":"_9nNXLs","withSearch":"_9nNXLs"};
+var css$q = {"uui-typography":"D8RB3e","uuiTypography":"D8RB3e","hero-header":"f3nas0","heroHeader":"f3nas0","promo-header":"ZgPBn7","promoHeader":"ZgPBn7","uui-critical":"zY6daX","uuiCritical":"zY6daX","uui-info":"oeTWy1","uuiInfo":"oeTWy1","uui-success":"yIySO-","uuiSuccess":"yIySO-","uui-warning":"j4adTr","uuiWarning":"j4adTr","uui-highlight":"rzO12l","uuiHighlight":"rzO12l","uui-typography-size-12":"Xmt5jB","uuiTypographySize12":"Xmt5jB","uui-typography-size-14":"DGk--L","uuiTypographySize14":"DGk--L","uui-typography-size-16":"shMth9","uuiTypographySize16":"shMth9","header":"GRWR3U","removeButton":"_9ukNQJ","with-search":"pXO0-F","withSearch":"pXO0-F"};
 
 function useView(props, value) {
     const forceUpdate = useForceUpdate();
@@ -4098,7 +4181,7 @@ function FiltersToolbarImpl(props) {
 }
 const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
 
-var css$p = {"divider":"_3fkZWS","dropdownDeleteIcon":"XkxKNw","presetsWrapper":"FOdokW","addPresetContainer":"QT3CDN","dropContainer":"iQynkI"};
+var css$p = {"divider":"WUoHol","dropdownDeleteIcon":"EURDQT","presetsWrapper":"ue2wPg","addPresetContainer":"bSJiS6","dropContainer":"caIP9m"};
 
 var _path$g;
 function _extends$g() { _extends$g = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
@@ -4211,7 +4294,7 @@ var SvgContentLinkOutline = function SvgContentLinkOutline(props, ref) {
 };
 var ForwardRef$a = /*#__PURE__*/forwardRef(SvgContentLinkOutline);
 
-var css$o = {"delete-button":"VfW9p1","deleteButton":"VfW9p1","tab-button":"GMxFqX","tabButton":"GMxFqX","targetOpen":"y0OpGE"};
+var css$o = {"delete-button":"nofb7J","deleteButton":"nofb7J","tab-button":"N-tFt6","tabButton":"N-tFt6","targetOpen":"qXwPW-"};
 
 function PresetActionsDropdown(props) {
     const { uuiNotifications } = useUuiContext();
@@ -4271,7 +4354,7 @@ function PresetActionsDropdown(props) {
     return (React__default.createElement(Dropdown, { renderBody: renderBody, renderTarget: renderTarget, placement: "bottom-end", modifiers: [{ name: 'offset', options: { offset: [0, 22] } }] }));
 }
 
-var css$n = {"preset-input-cell":"BwjaAV","presetInputCell":"BwjaAV","preset-input":"iySDJT","presetInput":"iySDJT"};
+var css$n = {"preset-input-cell":"Dn-BMn","presetInputCell":"Dn-BMn","preset-input":"SsrZgS","presetInput":"SsrZgS"};
 
 const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
 const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
@@ -4304,7 +4387,7 @@ function PresetInput(props) {
         React__default.createElement(TextInput, { cx: css$n.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
 }
 
-var css$m = {"preset":"_6X5y3z","activePreset":"tSWayU"};
+var css$m = {"preset":"NClphZ","activePreset":"ypn8yA"};
 
 function Preset(props) {
     const [isRenamePreset, setIsRenamePreset] = useState(false);
@@ -4479,7 +4562,7 @@ var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props,
 };
 var ForwardRef$6 = /*#__PURE__*/forwardRef(SvgTableGroupColumnRightFill);
 
-var css$l = {"unpin-icon":"V7-RQt","unpinIcon":"V7-RQt","pin-toggler-icon":"bkr42U","pinTogglerIcon":"bkr42U"};
+var css$l = {"unpin-icon":"Nicm0o","unpinIcon":"Nicm0o","pin-toggler-icon":"Ar8l5q","pinTogglerIcon":"Ar8l5q"};
 
 function PinIconButton(props) {
     const i18nLocal = i18n.tables.columnsConfigurationModal;
@@ -4538,7 +4621,7 @@ var SvgActionDragIndicator18 = function SvgActionDragIndicator18(props, ref) {
 };
 var ForwardRef$5 = /*#__PURE__*/forwardRef(SvgActionDragIndicator18);
 
-var css$k = {"uui-typography":"jXMP5e","uuiTypography":"jXMP5e","hero-header":"cr-s6b","heroHeader":"cr-s6b","promo-header":"pqIj2S","promoHeader":"pqIj2S","uui-critical":"KgXHgt","uuiCritical":"KgXHgt","uui-info":"-wxEps","uuiInfo":"-wxEps","uui-success":"DEQ-Ax","uuiSuccess":"DEQ-Ax","uui-warning":"_9-lghP","uuiWarning":"_9-lghP","uui-highlight":"MhfNOp","uuiHighlight":"MhfNOp","uui-typography-size-12":"U9pdcF","uuiTypographySize12":"U9pdcF","uui-typography-size-14":"VBkyC0","uuiTypographySize14":"VBkyC0","uui-typography-size-16":"r9jeRD","uuiTypographySize16":"r9jeRD","row-wrapper":"jB7yeO","rowWrapper":"jB7yeO","pin-icon-button":"lW3w9a","pinIconButton":"lW3w9a","not-pinned":"KJuJbu","notPinned":"KJuJbu","checkbox":"nu8H4j","drag-handle":"ruAldc","dragHandle":"ruAldc","dnd-disabled":"hJ4IO2","dndDisabled":"hJ4IO2"};
+var css$k = {"uui-typography":"hfRTVq","uuiTypography":"hfRTVq","hero-header":"OU0AUx","heroHeader":"OU0AUx","promo-header":"r-9kU-","promoHeader":"r-9kU-","uui-critical":"Cwo-6p","uuiCritical":"Cwo-6p","uui-info":"Vze-Gg","uuiInfo":"Vze-Gg","uui-success":"L0hb6K","uuiSuccess":"L0hb6K","uui-warning":"n7qYbc","uuiWarning":"n7qYbc","uui-highlight":"_8HRIpN","uuiHighlight":"_8HRIpN","uui-typography-size-12":"_3z3LR-","uuiTypographySize12":"_3z3LR-","uui-typography-size-14":"IaCmch","uuiTypographySize14":"IaCmch","uui-typography-size-16":"yElhd5","uuiTypographySize16":"yElhd5","row-wrapper":"_8veK-v","rowWrapper":"_8veK-v","pin-icon-button":"H-iSoW","pinIconButton":"H-iSoW","not-pinned":"Kd6ZZu","notPinned":"Kd6ZZu","checkbox":"Y7mSyX","drag-handle":"Z33b4E","dragHandle":"Z33b4E","dnd-disabled":"MDQR6W","dndDisabled":"MDQR6W"};
 
 const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
     const { column } = props;
@@ -4561,7 +4644,7 @@ const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
     return (React.createElement(DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
 });
 
-var css$j = {"uui-typography":"KgplVh","uuiTypography":"KgplVh","hero-header":"_3z46oz","heroHeader":"_3z46oz","promo-header":"aSfByy","promoHeader":"aSfByy","uui-critical":"-kmN6-","uuiCritical":"-kmN6-","uui-info":"gOCbKz","uuiInfo":"gOCbKz","uui-success":"s-j7wm","uuiSuccess":"s-j7wm","uui-warning":"bRdLIi","uuiWarning":"bRdLIi","uui-highlight":"_5ba1TS","uuiHighlight":"_5ba1TS","uui-typography-size-12":"aSpUTB","uuiTypographySize12":"aSpUTB","uui-typography-size-14":"GFCfcM","uuiTypographySize14":"GFCfcM","uui-typography-size-16":"M7tamb","uuiTypographySize16":"M7tamb","root":"YEj2G-","main-panel":"bvOmDB","mainPanel":"bvOmDB","group":"pJeATj","group-title":"_6xZk0n","groupTitle":"_6xZk0n","group-items":"LtZM3k","groupItems":"LtZM3k","no-data":"fXSkXm","noData":"fXSkXm","no-data-title":"JRLihe","noDataTitle":"JRLihe","no-data-sub-title":"OZtEVV","noDataSubTitle":"OZtEVV","h-divider":"A-jcwa","hDivider":"A-jcwa","search-area":"E01avZ","searchArea":"E01avZ","subgroup-accordion":"YXOcM0","subgroupAccordion":"YXOcM0","subgroup":"V7cY7x","subgroup-title":"k6Ccd1","subgroupTitle":"k6Ccd1"};
+var css$j = {"uui-typography":"hdjLyK","uuiTypography":"hdjLyK","hero-header":"SR-VsF","heroHeader":"SR-VsF","promo-header":"_1UlWSL","promoHeader":"_1UlWSL","uui-critical":"uiSXNK","uuiCritical":"uiSXNK","uui-info":"_2Kl32S","uuiInfo":"_2Kl32S","uui-success":"SjlGZN","uuiSuccess":"SjlGZN","uui-warning":"LdfJsS","uuiWarning":"LdfJsS","uui-highlight":"gTYVph","uuiHighlight":"gTYVph","uui-typography-size-12":"qvCcuR","uuiTypographySize12":"qvCcuR","uui-typography-size-14":"gJjxI-","uuiTypographySize14":"gJjxI-","uui-typography-size-16":"L4Q7oG","uuiTypographySize16":"L4Q7oG","root":"dK3DyX","main-panel":"kH6-jn","mainPanel":"kH6-jn","group":"OP5eLZ","group-title":"fSeTHO","groupTitle":"fSeTHO","group-items":"LnouUb","groupItems":"LnouUb","no-data":"LE-nho","noData":"LE-nho","no-data-title":"wtdbnk","noDataTitle":"wtdbnk","no-data-sub-title":"w-VtxK","noDataSubTitle":"w-VtxK","h-divider":"g62fQY","hDivider":"g62fQY","search-area":"Sflq0g","searchArea":"Sflq0g","subgroup-accordion":"isAVrA","subgroupAccordion":"isAVrA","subgroup":"GX6552","subgroup-title":"Whgn5e","subgroupTitle":"Whgn5e"};
 
 const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { cx: css$j.group },
     React.createElement(Text, { size: "none", cx: css$j.groupTitle }, title),
@@ -4650,7 +4733,7 @@ function SubGroup(props) {
     return null;
 }
 
-var css$i = {"listContainer":"GsO4aE","header":"RkAzZ1","group":"kfxV4L","stickyHeader":"yhqWI-"};
+var css$i = {"listContainer":"K-ETk4","header":"_9iM73l","group":"G-EGKa","stickyHeader":"t76FIc"};
 
 const getChildrenAndRest = (row, rows) => {
     const firstNotChildIndex = rows.findIndex((other) => other.depth < row.depth || (row.depth === other.depth && other.isPinned));
@@ -4716,7 +4799,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
   }, props), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#irbdyv3sdbmavwq4s_a)"
+    clipPath: "url(#zslffuwbe3x0hyms_a)"
   }, _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
     d: "M150.585 1.535C49.483-11.495 27.481 61.805 45.725 97.481c10.581 20.69-39.64 70.792 17.744 81.468 27.538 5.123 36-13.341 62.433-10.655 35.4 3.6 148.167-4.73 88.349-78.915-31.713-39.335 1.026-79.506-63.666-87.844Z",
     fill: "#F5F6FA"
@@ -4737,7 +4820,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     d: "M86.786 22.982c-2.55 0-4.965 2.07-4.965 4.552V120.6c0 2.484 2.4 4.572 4.965 4.572h88.101c2.582 0 4.986-2.089 4.986-4.572V27.534c0-2.464-2.418-4.552-4.986-4.552h-88.1Zm-5.793 4.552c0-3.022 2.874-5.38 5.793-5.38h88.101c2.935 0 5.814 2.374 5.814 5.38V120.6c0 3.021-2.86 5.4-5.814 5.4h-88.1c-2.94 0-5.794-2.381-5.794-5.4V27.534Z",
     fill: "#1D1E26"
   })), /*#__PURE__*/React.createElement("mask", {
-    id: "irbdyvz3fm0pkcuyb_b",
+    id: "zslffuefrkrogn54_b",
     style: {
       maskType: "alpha"
     },
@@ -4750,7 +4833,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     d: "M174.887 125.586h-88.1c-2.752 0-5.38-2.234-5.38-4.986V27.534c0-2.752 2.644-4.966 5.38-4.966h88.1c2.752 0 5.4 2.23 5.4 4.966V120.6c0 2.752-2.632 4.986-5.4 4.986Z",
     fill: "#9BDEFF"
   }))), _g || (_g = /*#__PURE__*/React.createElement("g", {
-    mask: "url(#irbdyvz3fm0pkcuyb_b)",
+    mask: "url(#zslffuefrkrogn54_b)",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }, /*#__PURE__*/React.createElement("path", {
@@ -4836,7 +4919,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     d: "M24.73 96.184a.414.414 0 0 1 .581.06l48.646 59.751a.413.413 0 1 1-.642.523L24.67 96.766a.414.414 0 0 1 .06-.582Z",
     fill: "#fff"
   }))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: "irbdyv3sdbmavwq4s_a"
+    id: "zslffuwbe3x0hyms_a"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
     transform: "translate(.552)",
@@ -4845,7 +4928,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
 };
 var ForwardRef$4 = /*#__PURE__*/forwardRef(SvgEmptyTable);
 
-var css$h = {"root":"GhBgB9","sticky-header":"OGC4-1","stickyHeader":"OGC4-1","no-results":"iRlySz","noResults":"iRlySz","icon":"tvWspJ","title":"Ryu-Nk"};
+var css$h = {"root":"NooTnf","sticky-header":"IXbZMo","stickyHeader":"IXbZMo","no-results":"_90wEUV","noResults":"_90wEUV","icon":"_91Kmhl","title":"wjVG8n"};
 
 function DataTable(props) {
     var _a, _b, _c, _d;
@@ -4880,7 +4963,7 @@ function DataTable(props) {
     ]);
     const renderRowsContainer = React.useCallback(({ listContainerRef, estimatedHeight, offsetY, scrollShadows }) => (React.createElement(React.Fragment, null,
         React.createElement("div", { className: css$h.stickyHeader, ref: headerRef },
-            React.createElement(DataTableHeaderRow, { columns: columns, onConfigButtonClick: props.showColumnsConfig && onConfigurationButtonClick, selectAll: props.selectAll, size: props.headerSize || settings.sizes.dataTable.header.row.default, textCase: props.headerTextCase, allowColumnsReordering: props.allowColumnsReordering, allowColumnsResizing: props.allowColumnsResizing, showFoldAll: props.showFoldAll, value: Object.assign(Object.assign({}, props.value), { columnsConfig: config }), onValueChange: props.onValueChange, columnsGap: props.columnsGap }),
+            React.createElement(DataTableHeaderRow, { columns: columns, columnGroups: props.columnGroups, onConfigButtonClick: props.showColumnsConfig && onConfigurationButtonClick, selectAll: props.selectAll, size: props.headerSize || settings.sizes.dataTable.header.row.default, textCase: props.headerTextCase, allowColumnsReordering: props.allowColumnsReordering, allowColumnsResizing: props.allowColumnsResizing, showFoldAll: props.showFoldAll, value: Object.assign(Object.assign({}, props.value), { columnsConfig: config }), onValueChange: props.onValueChange, columnsGap: props.columnsGap }),
             React.createElement("div", { className: cx$1(uuiScrollShadows.top, {
                     [uuiScrollShadows.topVisible]: scrollShadows.verticalTop,
                 }) })),
@@ -4896,9 +4979,9 @@ function DataTable(props) {
                 } }))));
 }
 
-var css$g = {"root":"xeC7LW"};
+var css$g = {"root":"ysccK0"};
 
-var css$f = {"root":"oCeI3l","burger-content":"gSsPDf","burgerContent":"gSsPDf"};
+var css$f = {"root":"NV1wxU","burger-content":"LnKa9I","burgerContent":"LnKa9I"};
 
 var _path$3;
 function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
@@ -4941,7 +5024,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
 };
 var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgNavigationArrowDownOutline);
 
-var css$e = {"uui-typography":"ZzTofE","uuiTypography":"ZzTofE","hero-header":"wKBlr8","heroHeader":"wKBlr8","promo-header":"eIX-Cs","promoHeader":"eIX-Cs","uui-critical":"gpRqdU","uuiCritical":"gpRqdU","uui-info":"FFRb4n","uuiInfo":"FFRb4n","uui-success":"m-T41J","uuiSuccess":"m-T41J","uui-warning":"gzGKsY","uuiWarning":"gzGKsY","uui-highlight":"-dM322","uuiHighlight":"-dM322","uui-typography-size-12":"mAHoK8","uuiTypographySize12":"mAHoK8","uui-typography-size-14":"bRb0Xu","uuiTypographySize14":"bRb0Xu","uui-typography-size-16":"ycDlYm","uuiTypographySize16":"ycDlYm","root":"j4lRmx","button-primary":"_6RLX2S","buttonPrimary":"_6RLX2S","button-secondary":"cmMp21","buttonSecondary":"cmMp21","hasIcon":"_5QJOdw","dropdown":"_6l0Nke"};
+var css$e = {"uui-typography":"ge6lrr","uuiTypography":"ge6lrr","hero-header":"R6ootK","heroHeader":"R6ootK","promo-header":"n-WTz1","promoHeader":"n-WTz1","uui-critical":"_8x2eyy","uuiCritical":"_8x2eyy","uui-info":"DB5Jh6","uuiInfo":"DB5Jh6","uui-success":"D3-5xg","uuiSuccess":"D3-5xg","uui-warning":"P5eAAr","uuiWarning":"P5eAAr","uui-highlight":"v5c-y3","uuiHighlight":"v5c-y3","uui-typography-size-12":"fYedE4","uuiTypographySize12":"fYedE4","uui-typography-size-14":"mrk0gV","uuiTypographySize14":"mrk0gV","uui-typography-size-16":"Nv5eod","uuiTypographySize16":"Nv5eod","root":"TGdMwl","button-primary":"bSgADo","buttonPrimary":"bSgADo","button-secondary":"fztJU-","buttonSecondary":"fztJU-","hasIcon":"_1ycqPX","dropdown":"JHDUEZ"};
 
 const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
     css$e.root,
@@ -4952,13 +5035,13 @@ const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
     props.icon && css$e.hasIcon,
 ], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
 
-var css$d = {"search-input":"Wk-6Jm","searchInput":"Wk-6Jm"};
+var css$d = {"search-input":"i1iw2c","searchInput":"i1iw2c"};
 
 function BurgerSearch(props) {
     return (React.createElement(TextInput$1, { cx: cx(css$d.searchInput, 'uui-main_menu-burger-search'), iconPosition: "left", icon: ForwardRef$O, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$R }));
 }
 
-var css$c = {"root":"eqs-qS","group-header":"ghB25R","groupHeader":"ghB25R","group-name":"_1fFoue","groupName":"_1fFoue","line":"sUZFjx"};
+var css$c = {"root":"tEiErd","group-header":"jBZk12","groupHeader":"jBZk12","group-name":"WuI71n","groupName":"WuI71n","line":"UxGgi8"};
 
 function BurgerGroupHeader(props) {
     return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
@@ -4966,7 +5049,7 @@ function BurgerGroupHeader(props) {
         React.createElement("span", { className: css$c.groupName }, props.caption)));
 }
 
-var css$b = {"uui-typography":"Qchoss","uuiTypography":"Qchoss","hero-header":"T0ggUo","heroHeader":"T0ggUo","promo-header":"tAt5t-","promoHeader":"tAt5t-","uui-critical":"O0h2-7","uuiCritical":"O0h2-7","uui-info":"IPeckj","uuiInfo":"IPeckj","uui-success":"WzVRDr","uuiSuccess":"WzVRDr","uui-warning":"HqWyOG","uuiWarning":"HqWyOG","uui-highlight":"_209B6v","uuiHighlight":"_209B6v","uui-typography-size-12":"Fp3viP","uuiTypographySize12":"Fp3viP","uui-typography-size-14":"e7SxT-","uuiTypographySize14":"e7SxT-","uui-typography-size-16":"JVj2cm","uuiTypographySize16":"JVj2cm","root":"RVJUZD","type-primary":"Z5-8e-","typePrimary":"Z5-8e-","type-secondary":"-Ztepj","typeSecondary":"-Ztepj"};
+var css$b = {"uui-typography":"S7G9sC","uuiTypography":"S7G9sC","hero-header":"Gjasnq","heroHeader":"Gjasnq","promo-header":"Tk67qC","promoHeader":"Tk67qC","uui-critical":"PTp1Un","uuiCritical":"PTp1Un","uui-info":"WZRCAb","uuiInfo":"WZRCAb","uui-success":"VtHsU0","uuiSuccess":"VtHsU0","uui-warning":"lzORec","uuiWarning":"lzORec","uui-highlight":"-uUWad","uuiHighlight":"-uUWad","uui-typography-size-12":"_9jZlIJ","uuiTypographySize12":"_9jZlIJ","uui-typography-size-14":"STZlQ8","uuiTypographySize14":"STZlQ8","uui-typography-size-16":"a5Wg0C","uuiTypographySize16":"a5Wg0C","root":"d8L9XE","type-primary":"WL9hwD","typePrimary":"WL9hwD","type-secondary":"TDnu0n","typeSecondary":"TDnu0n"};
 
 const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { type } = props, clickableProps = __rest(props, ["type"]);
@@ -4982,7 +5065,7 @@ const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
         props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$Q, flipY: props.isOpen }))));
 });
 
-var css$a = {"dropdown-body":"Q8Hvew","dropdownBody":"Q8Hvew"};
+var css$a = {"dropdown-body":"_-3Qts7","dropdownBody":"_-3Qts7"};
 
 class MainMenuDropdown extends React.Component {
     render() {
@@ -5037,12 +5120,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
 };
 var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationGlobalMenuOutlineOutline);
 
-var css$9 = {"global-menu-btn":"HNp83b","globalMenuBtn":"HNp83b","global-menu-icon":"J8g7-p","globalMenuIcon":"J8g7-p"};
+var css$9 = {"global-menu-btn":"EvIOVk","globalMenuBtn":"EvIOVk","global-menu-icon":"IV2Nbc","globalMenuIcon":"IV2Nbc"};
 
 const GlobalMenu = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", Object.assign({ ref: ref, id: "global_menu_toggle", className: cx(css$9.globalMenuBtn, props.cx) }, props.rawProps),
     React.createElement(IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
 
-var css$8 = {"container":"Wt8sGJ","open":"X-D-Un","folding-arrow":"K7lbt4","foldingArrow":"K7lbt4"};
+var css$8 = {"container":"_6otY3S","open":"_0jh-Rd","folding-arrow":"cg4DT5","foldingArrow":"cg4DT5"};
 
 const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", { ref: ref, className: cx(css$8.container, props.isDropdown && css$8.dropdown, props.isOpen && css$8.open, props.onClick && uuiMarkers.clickable, props.cx), onClick: props.onClick },
     React.createElement(Avatar, { size: "36", img: props.avatarUrl }),
@@ -5050,18 +5133,18 @@ const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.cr
     props.isDropdown && (React.createElement("div", null,
         React.createElement(IconContainer, { size: 18, icon: ForwardRef$Q, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
 
-var css$7 = {"search-input":"TZAcG7","searchInput":"TZAcG7"};
+var css$7 = {"search-input":"vLCki4","searchInput":"vLCki4"};
 
 const MainMenuSearch = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => {
         var _a;
         return (React.createElement(TextInput$1, Object.assign({ iconPosition: "left", icon: ForwardRef$O, cancelIcon: ((_a = props.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && ForwardRef$R }, props, iEditable, { ref: ref, cx: cx$1(css$7.searchInput, props.cx) }, props.rawProps)));
     } }))));
 
-var css$6 = {"container":"MCIorh"};
+var css$6 = {"container":"_03hE-9"};
 
 const MainMenuIcon = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IconButton, Object.assign({ ref: ref, icon: props.icon, cx: cx$1(props.cx, css$6.container) }, props))));
 
-var css$5 = {"root":"J-24yd"};
+var css$5 = {"root":"uRVbSA"};
 
 const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
 
@@ -5119,7 +5202,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
 };
 var ForwardRef = /*#__PURE__*/forwardRef(SvgFileCloudUploadFill);
 
-var css$4 = {"root":"E3-Aah","drop-start":"Zj2nIn","dropStart":"Zj2nIn","drop-over":"W5zanS","dropOver":"W5zanS","link":"KkFQ7O","drop-area":"T-0TCs","dropArea":"T-0TCs","drop-caption":"yXyVlu","dropCaption":"yXyVlu","icon-blue":"-UJ5SO","iconBlue":"-UJ5SO"};
+var css$4 = {"root":"S1bF7m","drop-start":"Gel8mZ","dropStart":"Gel8mZ","drop-over":"SN4q4H","dropOver":"SN4q4H","link":"Ur1m7i","drop-area":"vDdcWQ","dropArea":"vDdcWQ","drop-caption":"KyKK48","dropCaption":"KyKK48","icon-blue":"z099Tq","iconBlue":"z099Tq"};
 
 function DropSpot(props) {
     const getInfoText = typeof props.infoText === 'string'
@@ -5137,9 +5220,9 @@ function DropSpot(props) {
     return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
 }
 
-var css$3 = {"uui-typography":"D5I0Oj","uuiTypography":"D5I0Oj","hero-header":"MTh9Av","heroHeader":"MTh9Av","promo-header":"n-bTJX","promoHeader":"n-bTJX","uui-critical":"BRkqX1","uuiCritical":"BRkqX1","uui-info":"PCDl5S","uuiInfo":"PCDl5S","uui-success":"vkAd2j","uuiSuccess":"vkAd2j","uui-warning":"xg5ERg","uuiWarning":"xg5ERg","uui-highlight":"q2J0zc","uuiHighlight":"q2J0zc","uui-typography-size-12":"-nQyq9","uuiTypographySize12":"-nQyq9","uui-typography-size-14":"ii5gKm","uuiTypographySize14":"ii5gKm","uui-typography-size-16":"dJxzdw","uuiTypographySize16":"dJxzdw","root":"VWKwjk","file-name":"je5VsA","fileName":"je5VsA","default-color":"iVxlBa","defaultColor":"iVxlBa","doc-color":"aQwxNR","docColor":"aQwxNR","xls-color":"fU6Z4p","xlsColor":"fU6Z4p","pdf-color":"dQ0yRR","pdfColor":"dQ0yRR","movie-color":"_953Ltv","movieColor":"_953Ltv","img-color":"BaiaC-","imgColor":"BaiaC-","mov-color":"VCzps1","movColor":"VCzps1","error-block":"QG506f","errorBlock":"QG506f","icons-block":"z46Bwc","iconsBlock":"z46Bwc"};
+var css$3 = {"uui-typography":"BTHLK7","uuiTypography":"BTHLK7","hero-header":"K-KlRs","heroHeader":"K-KlRs","promo-header":"ADlt4r","promoHeader":"ADlt4r","uui-critical":"Qp164z","uuiCritical":"Qp164z","uui-info":"PKAC-w","uuiInfo":"PKAC-w","uui-success":"NY25bG","uuiSuccess":"NY25bG","uui-warning":"GL-9e-","uuiWarning":"GL-9e-","uui-highlight":"_51dkE9","uuiHighlight":"_51dkE9","uui-typography-size-12":"VJFKvf","uuiTypographySize12":"VJFKvf","uui-typography-size-14":"iUp3iS","uuiTypographySize14":"iUp3iS","uui-typography-size-16":"_3nuaRf","uuiTypographySize16":"_3nuaRf","root":"b92utw","file-name":"_3iBS25","fileName":"_3iBS25","default-color":"ytSSnl","defaultColor":"ytSSnl","doc-color":"XdPvL4","docColor":"XdPvL4","xls-color":"AxoQBu","xlsColor":"AxoQBu","pdf-color":"WyTchL","pdfColor":"WyTchL","movie-color":"_9owr3w","movieColor":"_9owr3w","img-color":"S1ISHc","imgColor":"S1ISHc","mov-color":"IjjZdf","movColor":"IjjZdf","error-block":"xwE-ta","errorBlock":"xwE-ta","icons-block":"_5mXXPJ","iconsBlock":"_5mXXPJ"};
 
-var css$2 = {"root":"-Duubg"};
+var css$2 = {"root":"ciOnoq"};
 
 const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
     const outsetRadius = props.size / 2 - 1;
@@ -5249,22 +5332,25 @@ const getErrorPageConfig = () => ({
         mobileImageUrl: 'https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/error-pages-illustrations/L_Error_500_Monochrome.svg',
         title: i18n.errorHandler.errorPageConfig.serverError.title,
         subtitle: i18n.errorHandler.errorPageConfig.serverError.subtitle,
+        supportLink: i18n.errorHandler.supportLink,
     },
     serviceUnavailable: {
         imageUrl: 'https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/error-pages-illustrations/L_Error_503_Monochrome.svg',
         mobileImageUrl: 'https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/error-pages-illustrations/L_Error_503_Monochrome.svg',
         title: i18n.errorHandler.errorPageConfig.serviceUnavailable.title,
         subtitle: i18n.errorHandler.errorPageConfig.serviceUnavailable.subtitle,
+        supportLink: i18n.errorHandler.supportLink,
     },
     default: {
         imageUrl: 'https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/error-pages-illustrations/L_Empty_Monochrome.svg',
         mobileImageUrl: 'https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/error-pages-illustrations/L_Empty_Monochrome.svg',
         title: i18n.errorHandler.errorPageConfig.default.title,
         subtitle: i18n.errorHandler.errorPageConfig.default.subtitle,
+        supportLink: i18n.errorHandler.supportLink,
     },
 });
 
-var css$1 = {"container":"kJ9Qbx"};
+var css$1 = {"container":"_5gu0D9"};
 
 const ErrorPage = (props) => {
     const isMobileScreen = isMobile();
@@ -5272,10 +5358,11 @@ const ErrorPage = (props) => {
         React__default.createElement("div", { className: "uui-error-content" },
             React__default.createElement("img", { className: "uui-error-image", src: isMobileScreen && props.mobileImageUrl ? props.mobileImageUrl : props.imageUrl, alt: "ERROR OCCURRED!" }),
             React__default.createElement("div", { className: "uui-error-title" }, props.title),
-            React__default.createElement("div", { className: "uui-error-subtitle" }, props.subtitle))));
+            React__default.createElement("div", { className: "uui-error-subtitle" }, props.subtitle),
+            React__default.createElement("div", { className: "uui-error-support-link" }, props === null || props === void 0 ? void 0 : props.supportLink))));
 };
 
-var css = {"recovery-spinner":"Hn84-t","recoverySpinner":"Hn84-t","recovery-message":"Ta1Jnl","recoveryMessage":"Ta1Jnl","modal-blocker":"eqyz2j","modalBlocker":"eqyz2j","modalFadeIn":"_-90gZ1"};
+var css = {"recovery-spinner":"MDkORu","recoverySpinner":"MDkORu","recovery-message":"p8UsBu","recoveryMessage":"p8UsBu","modal-blocker":"XZznBv","modalBlocker":"XZznBv","modalFadeIn":"Aj4asz"};
 
 function ErrorHandler(props) {
     const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();