@epam/uui 5.11.0-rc.0 → 5.12.0-rc.1

package/index.js

@@ -547,6 +547,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: {
@@ -595,11 +614,11 @@ const settings = {
     },
 };
 
-var css$1w = {"uui-typography":"_--x7cv","hero-header":"Mv-Nn-","promo-header":"Bx1en9","uui-critical":"J6DWhz","uui-info":"_3JUScS","uui-success":"lm5bC-","uui-warning":"yLQneA","uui-highlight":"iNPruX","uui-typography-size-12":"Ueyz10","uui-typography-size-14":"jzKxVD","uui-typography-size-16":"SSgS5S","root":"nvkbYw","uuiTypography":"_--x7cv","heroHeader":"Mv-Nn-","promoHeader":"Bx1en9","uuiCritical":"J6DWhz","uuiInfo":"_3JUScS","uuiSuccess":"lm5bC-","uuiWarning":"yLQneA","uuiHighlight":"iNPruX","uuiTypographySize12":"Ueyz10","uuiTypographySize14":"jzKxVD","uuiTypographySize16":"SSgS5S"};
+var css$1x = {"uui-typography":"VTq0Ic","hero-header":"Nxbcoj","promo-header":"SJKmBu","uui-critical":"Tdy-mY","uui-info":"Ym5eMq","uui-success":"zhX-G5","uui-warning":"nX6ZRk","uui-highlight":"a-VPKw","uui-typography-size-12":"oZLZFJ","uui-typography-size-14":"o6cx54","uui-typography-size-16":"Ab0GF4","root":"_9-V7rx","uuiTypography":"VTq0Ic","heroHeader":"Nxbcoj","promoHeader":"SJKmBu","uuiCritical":"Tdy-mY","uuiInfo":"Ym5eMq","uuiSuccess":"zhX-G5","uuiWarning":"nX6ZRk","uuiHighlight":"a-VPKw","uuiTypographySize12":"oZLZFJ","uuiTypographySize14":"o6cx54","uuiTypographySize16":"Ab0GF4"};
 
 function applyButtonMods(mods) {
     return [
-        css$1w.root,
+        css$1x.root,
         'uui-button',
         `uui-fill-${mods.fill || 'solid'}`,
         `uui-color-${mods.color || 'primary'}`,
@@ -613,10 +632,10 @@ const Button = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Button,
     };
 });
 
-var css$1v = {"root":"wJlzuw"};
+var css$1w = {"root":"iAU5II"};
 
 function applyIconButtonMods(props) {
-    return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1v.root];
+    return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1w.root];
 }
 const IconButton = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.IconButton, applyIconButtonMods, (props) => {
     const isDeprecated = ['info', 'success', 'error', 'warning'].includes(props.color);
@@ -650,7 +669,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$1u = {"uui-typography":"bUvjap","hero-header":"iWJayE","promo-header":"a8PfJX","uui-critical":"_1dZZsJ","uui-info":"OzSyTY","uui-success":"hTX85J","uui-warning":"HDJSRn","uui-highlight":"lvMowB","uui-typography-size-12":"nPlOCc","uui-typography-size-14":"zi-Ss1","uui-typography-size-16":"NNXlCk","root":"_5ZFgMv","uuiTypography":"bUvjap","heroHeader":"iWJayE","promoHeader":"a8PfJX","uuiCritical":"_1dZZsJ","uuiInfo":"OzSyTY","uuiSuccess":"hTX85J","uuiWarning":"HDJSRn","uuiHighlight":"lvMowB","uuiTypographySize12":"nPlOCc","uuiTypographySize14":"zi-Ss1","uuiTypographySize16":"NNXlCk"};
+var css$1v = {"uui-typography":"HdoZU2","hero-header":"iw3Ytl","promo-header":"IVtiGU","uui-critical":"UOBnPG","uui-info":"KB9XWu","uui-success":"lWOJFo","uui-warning":"ZLYsmi","uui-highlight":"evCNt1","uui-typography-size-12":"iBOnnp","uui-typography-size-14":"cITbMI","uui-typography-size-16":"_7FZN5J","root":"H-Uotw","uuiTypography":"HdoZU2","heroHeader":"iw3Ytl","promoHeader":"IVtiGU","uuiCritical":"UOBnPG","uuiInfo":"KB9XWu","uuiSuccess":"lWOJFo","uuiWarning":"ZLYsmi","uuiHighlight":"evCNt1","uuiTypographySize12":"iBOnnp","uuiTypographySize14":"cITbMI","uuiTypographySize16":"_7FZN5J"};
 
 const DEFAULT_COLOR = 'primary';
 const DEFAULT_WEIGHT = 'semibold';
@@ -666,7 +685,7 @@ const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     }
     const rootStyles = [
         'uui-link_button',
-        css$1u.root,
+        css$1v.root,
         `uui-size-${props.size || settings.sizes.defaults.linkButton}`,
         ...getIconClass(props),
         `uui-color-${props.color || DEFAULT_COLOR}`,
@@ -681,11 +700,11 @@ const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
         props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$1t = {"root":"MBSbkl"};
+var css$1u = {"root":"Btmc5F"};
 
 const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
     return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
-            css$1t.root,
+            css$1u.root,
             'uui-count_indicator',
             `uui-size-${props.size || settings.sizes.defaults.countIndicator}`,
             props.color && `uui-color-${props.color}`,
@@ -693,11 +712,11 @@ const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
         ]) }, props.caption));
 });
 
-var css$1s = {"uui-typography":"D7jjGY","hero-header":"aUNLxW","promo-header":"Mc1HC6","uui-critical":"eIEXXo","uui-info":"E8q0w7","uui-success":"MvZy3T","uui-warning":"cTDSkL","uui-highlight":"aybK4X","uui-typography-size-12":"oEL43G","uui-typography-size-14":"R--qrZ","uui-typography-size-16":"XC-hmN","root":"gG7zZK","withNotify":"X9JnQI","uuiTypography":"D7jjGY","heroHeader":"aUNLxW","promoHeader":"Mc1HC6","uuiCritical":"eIEXXo","uuiInfo":"E8q0w7","uuiSuccess":"MvZy3T","uuiWarning":"cTDSkL","uuiHighlight":"aybK4X","uuiTypographySize12":"oEL43G","uuiTypographySize14":"R--qrZ","uuiTypographySize16":"XC-hmN"};
+var css$1t = {"uui-typography":"ElXdsV","hero-header":"_03LxzM","promo-header":"jGCACH","uui-critical":"Chf4B7","uui-info":"iwi8gk","uui-success":"-e0R4D","uui-warning":"_0vWptV","uui-highlight":"MoZFxH","uui-typography-size-12":"iAsJhn","uui-typography-size-14":"obiGDh","uui-typography-size-16":"_62A8xH","root":"mMFMcN","withNotify":"_4yl6W8","uuiTypography":"ElXdsV","heroHeader":"_03LxzM","promoHeader":"jGCACH","uuiCritical":"Chf4B7","uuiInfo":"iwi8gk","uuiSuccess":"-e0R4D","uuiWarning":"_0vWptV","uuiHighlight":"MoZFxH","uuiTypographySize12":"iAsJhn","uuiTypographySize14":"obiGDh","uuiTypographySize16":"_62A8xH"};
 
 const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
     const styles = [
-        css$1s.root,
+        css$1t.root,
         'uui-tab-button',
         `uui-size-${props.size || settings.sizes.defaults.tabButton}`,
         ...getIconClass(props),
@@ -709,17 +728,17 @@ const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref
         props.icon && props.iconPosition !== 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         (props.caption || props.withNotify) && (React__namespace.default.createElement("div", { className: uuiCore.cx(uuiCore.uuiElement.caption) },
             props.caption,
-            props.withNotify && React__namespace.default.createElement("div", { className: css$1s.withNotify }))),
+            props.withNotify && React__namespace.default.createElement("div", { className: css$1t.withNotify }))),
         props.icon && props.iconPosition === 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { color: "neutral", size: settings.sizes.tabButton.countIndicator[props.size || settings.sizes.defaults.tabButton], caption: props.count })),
         props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen })),
         props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
 });
 
-var css$1r = {"uui-typography":"CjmMVH","hero-header":"fdkEGH","promo-header":"_8tRLg2","uui-critical":"bNuL8t","uui-info":"QFJ-Ui","uui-success":"CNrK-B","uui-warning":"_6Vi7qc","uui-highlight":"Fgjoqg","uui-typography-size-12":"_6UP8L3","uui-typography-size-14":"_54r4pS","uui-typography-size-16":"_2SmCq9","root":"_3wCdgr","uuiTypography":"CjmMVH","heroHeader":"fdkEGH","promoHeader":"_8tRLg2","uuiCritical":"bNuL8t","uuiInfo":"QFJ-Ui","uuiSuccess":"CNrK-B","uuiWarning":"_6Vi7qc","uuiHighlight":"Fgjoqg","uuiTypographySize12":"_6UP8L3","uuiTypographySize14":"_54r4pS","uuiTypographySize16":"_2SmCq9"};
+var css$1s = {"uui-typography":"wyPbpt","hero-header":"Ob-xAw","promo-header":"SM3uAn","uui-critical":"VFtg-1","uui-info":"tjAs6Q","uui-success":"epBLkb","uui-warning":"YHo1JL","uui-highlight":"_53gqtJ","uui-typography-size-12":"Azo84s","uui-typography-size-14":"-UTUCD","uui-typography-size-16":"S5fDIn","root":"OPlf-Z","uuiTypography":"wyPbpt","heroHeader":"Ob-xAw","promoHeader":"SM3uAn","uuiCritical":"VFtg-1","uuiInfo":"tjAs6Q","uuiSuccess":"epBLkb","uuiWarning":"YHo1JL","uuiHighlight":"_53gqtJ","uuiTypographySize12":"Azo84s","uuiTypographySize14":"-UTUCD","uuiTypographySize16":"S5fDIn"};
 
 function applyVerticalTabButtonMods() {
-    return [css$1r.root, 'uui-vertical-tab-button'];
+    return [css$1s.root, 'uui-vertical-tab-button'];
 }
 const VerticalTabButton = /* @__PURE__ */uuiCore.withMods(TabButton, applyVerticalTabButtonMods);
 
@@ -738,13 +757,13 @@ var SvgContentMinusOutline = function SvgContentMinusOutline(props, ref) {
 };
 var ForwardRef$B = /*#__PURE__*/React.forwardRef(SvgContentMinusOutline);
 
-var css$1q = {"uui-typography":"_4DDhKC","hero-header":"Ce-YfZ","promo-header":"q6T9Na","uui-critical":"klvWiw","uui-info":"e-x-qK","uui-success":"l8Fizx","uui-warning":"AmzntZ","uui-highlight":"aUzHbT","uui-typography-size-12":"DKfAuD","uui-typography-size-14":"ycPBTO","uui-typography-size-16":"TX1l1Y","root":"WYs4i3","mode-cell":"_1l1OVG","uuiTypography":"_4DDhKC","heroHeader":"Ce-YfZ","promoHeader":"q6T9Na","uuiCritical":"klvWiw","uuiInfo":"e-x-qK","uuiSuccess":"l8Fizx","uuiWarning":"AmzntZ","uuiHighlight":"aUzHbT","uuiTypographySize12":"DKfAuD","uuiTypographySize14":"ycPBTO","uuiTypographySize16":"TX1l1Y","modeCell":"_1l1OVG"};
+var css$1r = {"uui-typography":"wdyU9Y","hero-header":"Ip5SMX","promo-header":"l7bvCV","uui-critical":"fo36VJ","uui-info":"I8tPbd","uui-success":"Or-umZ","uui-warning":"ptuFOD","uui-highlight":"c-gDMR","uui-typography-size-12":"_0bShpJ","uui-typography-size-14":"CK1sbN","uui-typography-size-16":"zkMvw-","root":"_6KdgHC","mode-cell":"WlxFa4","uuiTypography":"wdyU9Y","heroHeader":"Ip5SMX","promoHeader":"l7bvCV","uuiCritical":"fo36VJ","uuiInfo":"I8tPbd","uuiSuccess":"Or-umZ","uuiWarning":"ptuFOD","uuiHighlight":"c-gDMR","uuiTypographySize12":"_0bShpJ","uuiTypographySize14":"CK1sbN","uuiTypographySize16":"zkMvw-","modeCell":"WlxFa4"};
 
 function applyCheckboxMods(mods) {
     return [
-        css$1q.root,
+        css$1r.root,
         `uui-size-${mods.size || settings.sizes.defaults.checkbox}`,
-        css$1q['mode-' + (mods.mode || 'form')],
+        css$1r['mode-' + (mods.mode || 'form')],
         'uui-color-primary',
     ];
 }
@@ -773,11 +792,11 @@ var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
 };
 var ForwardRef$A = /*#__PURE__*/React.forwardRef(SvgRadioDotFill);
 
-var css$1p = {"uui-typography":"ododrA","hero-header":"_891vqW","promo-header":"LZj9Jn","uui-critical":"_2Sp651","uui-info":"XcfPOo","uui-success":"fYxW6r","uui-warning":"t07wfl","uui-highlight":"jsx7R1","uui-typography-size-12":"r9ZZxb","uui-typography-size-14":"phQQXK","uui-typography-size-16":"_5HigKT","root":"gSEhvv","uuiTypography":"ododrA","heroHeader":"_891vqW","promoHeader":"LZj9Jn","uuiCritical":"_2Sp651","uuiInfo":"XcfPOo","uuiSuccess":"fYxW6r","uuiWarning":"t07wfl","uuiHighlight":"jsx7R1","uuiTypographySize12":"r9ZZxb","uuiTypographySize14":"phQQXK","uuiTypographySize16":"_5HigKT"};
+var css$1q = {"uui-typography":"_0vDAlp","hero-header":"_7WTe5H","promo-header":"_5F36--","uui-critical":"wYx1ll","uui-info":"dBBA8e","uui-success":"yi4aOJ","uui-warning":"VJnXTb","uui-highlight":"B2YSHT","uui-typography-size-12":"k1RgZY","uui-typography-size-14":"lCHtdJ","uui-typography-size-16":"_4802YF","root":"i4iXF8","uuiTypography":"_0vDAlp","heroHeader":"_7WTe5H","promoHeader":"_5F36--","uuiCritical":"wYx1ll","uuiInfo":"dBBA8e","uuiSuccess":"yi4aOJ","uuiWarning":"VJnXTb","uuiHighlight":"B2YSHT","uuiTypographySize12":"k1RgZY","uuiTypographySize14":"lCHtdJ","uuiTypographySize16":"_4802YF"};
 
 function applyRadioInputMods(mods) {
     return [
-        css$1p.root,
+        css$1q.root,
         `uui-size-${mods.size || settings.sizes.defaults.radioInput}`,
         'uui-radio-input-container',
         'uui-color-primary',
@@ -785,11 +804,11 @@ function applyRadioInputMods(mods) {
 }
 const RadioInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.RadioInput, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : ForwardRef$A }));
 
-var css$1o = {"root":"vrAcYJ"};
+var css$1p = {"root":"Z5aMA3"};
 
 function applySwitchMods(mods) {
     return [
-        css$1o.root,
+        css$1p.root,
         `uui-size-${mods.size || settings.sizes.defaults.switch}`,
         'uui-color-primary',
     ];
@@ -853,7 +872,7 @@ var EditMode;
     EditMode["INLINE"] = "inline";
 })(EditMode || (EditMode = {}));
 
-var textInputCss = {"uui-typography":"VJ6c79","hero-header":"VmqkbD","promo-header":"i4cgmf","uui-critical":"LFyKuz","uui-info":"_9mZ3vg","uui-success":"vhQOOj","uui-warning":"KU-sWd","uui-highlight":"_4syH0d","uui-typography-size-12":"qlK7iH","uui-typography-size-14":"_8i2Rre","uui-typography-size-16":"FdpO1t","root":"_7NuD4M","mode-form":"pQcMGa","mode-inline":"eB-Opm","mode-cell":"VU5jnw","uuiTypography":"VJ6c79","heroHeader":"VmqkbD","promoHeader":"i4cgmf","uuiCritical":"LFyKuz","uuiInfo":"_9mZ3vg","uuiSuccess":"vhQOOj","uuiWarning":"KU-sWd","uuiHighlight":"_4syH0d","uuiTypographySize12":"qlK7iH","uuiTypographySize14":"_8i2Rre","uuiTypographySize16":"FdpO1t","modeForm":"pQcMGa","modeInline":"eB-Opm","modeCell":"VU5jnw"};
+var textInputCss = {"uui-typography":"IE-QG9","hero-header":"wRORJK","promo-header":"f7613Z","uui-critical":"_--iWEU","uui-info":"_-9rOHX","uui-success":"NDRIlb","uui-warning":"CQKvbC","uui-highlight":"kb8qex","uui-typography-size-12":"_8B1x1-","uui-typography-size-14":"TgkbnG","uui-typography-size-16":"XLo5Uo","root":"Sm9ixM","mode-form":"_0w4n8u","mode-inline":"rIYg4B","mode-cell":"eFfG9Z","uuiTypography":"IE-QG9","heroHeader":"wRORJK","promoHeader":"f7613Z","uuiCritical":"_--iWEU","uuiInfo":"_-9rOHX","uuiSuccess":"NDRIlb","uuiWarning":"CQKvbC","uuiHighlight":"kb8qex","uuiTypographySize12":"_8B1x1-","uuiTypographySize14":"TgkbnG","uuiTypographySize16":"XLo5Uo","modeForm":"_0w4n8u","modeInline":"rIYg4B","modeCell":"eFfG9Z"};
 
 const DEFAULT_MODE$3 = EditMode.FORM;
 function applyTextInputMods(mods) {
@@ -879,22 +898,22 @@ const SearchInput = /* @__PURE__ */React__namespace.default.forwardRef((props, r
         } })));
 });
 
-var css$1n = {"root":"_2805k9"};
+var css$1o = {"root":"JhWWcr"};
 
-const ControlGroup = /* @__PURE__ */uuiCore.withMods(uuiComponents.ControlGroup, () => [css$1n.root, 'uui-control-group']);
+const ControlGroup = /* @__PURE__ */uuiCore.withMods(uuiComponents.ControlGroup, () => [css$1o.root, 'uui-control-group']);
 
 function MultiSwitchComponent(props, ref) {
     return (React__namespace.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__namespace.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__namespace.forwardRef(MultiSwitchComponent);
 
-var css$1m = {"uui-typography":"FFroXD","hero-header":"FJpyX9","promo-header":"l3sS0j","uui-critical":"zN4Pvl","uui-info":"gyXOdw","uui-success":"xOp8LZ","uui-warning":"ay1KqV","uui-highlight":"Iuim-S","uui-typography-size-12":"aCP5u4","uui-typography-size-14":"lcdVyG","uui-typography-size-16":"JQ6Y-z","root":"PIWW27","mode-form":"_45hLb3","mode-cell":"_-7qE9-","uuiTypography":"FFroXD","heroHeader":"FJpyX9","promoHeader":"l3sS0j","uuiCritical":"zN4Pvl","uuiInfo":"gyXOdw","uuiSuccess":"xOp8LZ","uuiWarning":"ay1KqV","uuiHighlight":"Iuim-S","uuiTypographySize12":"aCP5u4","uuiTypographySize14":"lcdVyG","uuiTypographySize16":"JQ6Y-z","modeForm":"_45hLb3","modeCell":"_-7qE9-"};
+var css$1n = {"uui-typography":"Q-gJON","hero-header":"EYwVQO","promo-header":"yUVuP4","uui-critical":"lTRg7J","uui-info":"WgfL7u","uui-success":"IhAgO7","uui-warning":"_0c3SBb","uui-highlight":"_0i12iV","uui-typography-size-12":"QRfKIz","uui-typography-size-14":"wF1WqS","uui-typography-size-16":"hw6VZ1","root":"Foc7wz","mode-form":"hHXIff","mode-cell":"ZpL1jl","uuiTypography":"Q-gJON","heroHeader":"EYwVQO","promoHeader":"yUVuP4","uuiCritical":"lTRg7J","uuiInfo":"WgfL7u","uuiSuccess":"IhAgO7","uuiWarning":"_0c3SBb","uuiHighlight":"_0i12iV","uuiTypographySize12":"QRfKIz","uuiTypographySize14":"wF1WqS","uuiTypographySize16":"hw6VZ1","modeForm":"hHXIff","modeCell":"ZpL1jl"};
 
 const DEFAULT_MODE$2 = EditMode.FORM;
 function applyNumericInputMods(mods) {
     return [
         textInputCss.root,
-        css$1m.root,
+        css$1n.root,
         `uui-size-${mods.size || settings.sizes.defaults.numericInput}`,
         textInputCss['mode-' + (mods.mode || DEFAULT_MODE$2)],
     ];
@@ -909,15 +928,15 @@ const NumericInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.NumericInput,
     };
 });
 
-var css$1l = {"uui-typography":"kCzvRj","hero-header":"Ai-y9F","promo-header":"QL-5JR","uui-critical":"MItCRQ","uui-info":"SnpJ4g","uui-success":"kMrHyu","uui-warning":"uv-btY","uui-highlight":"ZuHpXh","uui-typography-size-12":"b5StyJ","uui-typography-size-14":"mZDh00","uui-typography-size-16":"rECVtI","root":"_3bbn22","mode-form":"o8A9sJ","mode-cell":"_4Z3D-x","mode-inline":"kVZXnN","uuiTypography":"kCzvRj","heroHeader":"Ai-y9F","promoHeader":"QL-5JR","uuiCritical":"MItCRQ","uuiInfo":"SnpJ4g","uuiSuccess":"kMrHyu","uuiWarning":"uv-btY","uuiHighlight":"ZuHpXh","uuiTypographySize12":"b5StyJ","uuiTypographySize14":"mZDh00","uuiTypographySize16":"rECVtI","modeForm":"o8A9sJ","modeCell":"_4Z3D-x","modeInline":"kVZXnN"};
+var css$1m = {"uui-typography":"kraxks","hero-header":"jYhR5O","promo-header":"H-HnUN","uui-critical":"vRG3Yg","uui-info":"C4k6Mo","uui-success":"HZ5x63","uui-warning":"_6iwVuo","uui-highlight":"LsKZKH","uui-typography-size-12":"wfw2v7","uui-typography-size-14":"wVvaAq","uui-typography-size-16":"SQTiCz","root":"_9dV220","mode-form":"Sg9dai","mode-cell":"_3Jm9CD","mode-inline":"iZF6qU","uuiTypography":"kraxks","heroHeader":"jYhR5O","promoHeader":"H-HnUN","uuiCritical":"vRG3Yg","uuiInfo":"C4k6Mo","uuiSuccess":"HZ5x63","uuiWarning":"_6iwVuo","uuiHighlight":"LsKZKH","uuiTypographySize12":"wfw2v7","uuiTypographySize14":"wVvaAq","uuiTypographySize16":"SQTiCz","modeForm":"Sg9dai","modeCell":"_3Jm9CD","modeInline":"iZF6qU"};
 
 const DEFAULT_MODE$1 = EditMode.FORM;
 function applyTextAreaMods(mods) {
     return [
-        css$1l.root,
+        css$1m.root,
         'uui-textarea',
         'uui-size-' + (mods.size || settings.sizes.defaults.textArea),
-        css$1l['mode-' + (mods.mode || DEFAULT_MODE$1)],
+        css$1m['mode-' + (mods.mode || DEFAULT_MODE$1)],
     ];
 }
 const TextArea = /* @__PURE__ */uuiCore.withMods(uuiComponents.TextArea, applyTextAreaMods, (props) => {
@@ -1010,16 +1029,16 @@ var SvgNotificationInfoFill = function SvgNotificationInfoFill(props, ref) {
 };
 var ForwardRef$w = /*#__PURE__*/React.forwardRef(SvgNotificationInfoFill);
 
-var css$1k = {"uui-typography":"_0jBwcH","hero-header":"NuFMv9","promo-header":"OiFOWL","uui-critical":"IICsEz","uui-info":"BRvQRl","uui-success":"Xbw36J","uui-warning":"pqxzcZ","uui-highlight":"_6d54nf","uui-typography-size-12":"wb6-kb","uui-typography-size-14":"QZjO1e","uui-typography-size-16":"AapWsq","root":"lsnxLR","icon-wrapper":"pZPUI6","alert-wrapper":"_3ysQXX","size-48":"VZpKj5","size-36":"iWqM8F","action-wrapper":"m7PIo0","action-icon":"p82rqD","action-link":"gs-LZn","close-icon":"FYwSfB","main-path":"z46FZb","content":"-dbMkn","uuiTypography":"_0jBwcH","heroHeader":"NuFMv9","promoHeader":"OiFOWL","uuiCritical":"IICsEz","uuiInfo":"BRvQRl","uuiSuccess":"Xbw36J","uuiWarning":"pqxzcZ","uuiHighlight":"_6d54nf","uuiTypographySize12":"wb6-kb","uuiTypographySize14":"QZjO1e","uuiTypographySize16":"AapWsq","iconWrapper":"pZPUI6","alertWrapper":"_3ysQXX","size48":"VZpKj5","size36":"iWqM8F","actionWrapper":"m7PIo0","actionIcon":"p82rqD","actionLink":"gs-LZn","closeIcon":"FYwSfB","mainPath":"z46FZb"};
+var css$1l = {"uui-typography":"yCzEpI","hero-header":"AXZWdA","promo-header":"Yn3zur","uui-critical":"O0iIk4","uui-info":"L-HGfe","uui-success":"ZTGTrk","uui-warning":"tuPZnj","uui-highlight":"koe-x3","uui-typography-size-12":"v5VI5W","uui-typography-size-14":"bgRmfd","uui-typography-size-16":"_2xkfK5","root":"_3dpb4i","icon-wrapper":"AwiflA","alert-wrapper":"SHAyAv","size-48":"VHC3p-","size-36":"Vf7ybq","action-wrapper":"LnTSgV","action-icon":"quTgZ0","action-link":"_0X4aph","close-icon":"WDxzri","main-path":"bcNYOs","content":"_2OqUR9","uuiTypography":"yCzEpI","heroHeader":"AXZWdA","promoHeader":"Yn3zur","uuiCritical":"O0iIk4","uuiInfo":"L-HGfe","uuiSuccess":"ZTGTrk","uuiWarning":"tuPZnj","uuiHighlight":"koe-x3","uuiTypographySize12":"v5VI5W","uuiTypographySize14":"bgRmfd","uuiTypographySize16":"_2xkfK5","iconWrapper":"AwiflA","alertWrapper":"SHAyAv","size48":"VHC3p-","size36":"Vf7ybq","actionWrapper":"LnTSgV","actionIcon":"quTgZ0","actionLink":"_0X4aph","closeIcon":"WDxzri","mainPath":"bcNYOs"};
 
-const Alert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("div", Object.assign({ role: "alert", ref: ref, className: cx__default.default('uui-alert', css$1k.root, css$1k.alertWrapper, props.color && `uui-color-${props.color}`, props.cx, (props.size === '36' ? css$1k.size36 : css$1k.size48)) }, props.rawProps),
-    React__namespace.createElement("div", { className: css$1k.mainPath },
-        props.icon && (React__namespace.createElement("div", { className: css$1k.iconWrapper },
-            React__namespace.createElement(uuiComponents.IconContainer, { icon: props.icon, cx: css$1k.actionIcon }))),
-        React__namespace.createElement("div", { className: css$1k.content },
+const Alert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("div", Object.assign({ role: "alert", ref: ref, className: cx__default.default('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__namespace.createElement("div", { className: css$1l.mainPath },
+        props.icon && (React__namespace.createElement("div", { className: css$1l.iconWrapper },
+            React__namespace.createElement(uuiComponents.IconContainer, { icon: props.icon, cx: css$1l.actionIcon }))),
+        React__namespace.createElement("div", { className: css$1l.content },
             props.children,
-            props.actions && (React__namespace.createElement("div", { className: css$1k.actionWrapper }, props.actions.map((action) => (React__namespace.createElement(LinkButton, { caption: action.name, onClick: action.action, key: action.name, cx: css$1k.actionLink, size: (props === null || props === void 0 ? void 0 : props.size) === '36' ? '24' : '30' })))))),
-        props.onClose && React__namespace.createElement(IconButton, { icon: ForwardRef$Q, color: "neutral", onClick: props.onClose, cx: css$1k.closeIcon })))));
+            props.actions && (React__namespace.createElement("div", { className: css$1l.actionWrapper }, props.actions.map((action) => (React__namespace.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__namespace.createElement(IconButton, { icon: ForwardRef$Q, color: "neutral", onClick: props.onClose, cx: css$1l.closeIcon })))));
 const WarningAlert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => React__namespace.createElement(Alert, Object.assign({ icon: ForwardRef$y, color: "warning", ref: ref }, props)));
 const SuccessAlert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => React__namespace.createElement(Alert, Object.assign({ icon: ForwardRef$z, color: "success", ref: ref }, props)));
 const HintAlert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => React__namespace.createElement(Alert, Object.assign({ icon: ForwardRef$w, color: "info", ref: ref }, props)));
@@ -1027,18 +1046,18 @@ const ErrorAlert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => Re
 
 const Dropdown = /* @__PURE__ */uuiCore.withMods(uuiComponents.Dropdown);
 
-var css$1j = {"root":"M7xY9A"};
+var css$1k = {"root":"JoY2h3"};
 
 function applyDropdownContainerMods(mods) {
     return [
-        css$1j.root,
+        css$1k.root,
         mods.vPadding && `vPadding-${mods.vPadding}`,
         mods.padding && `padding-${mods.padding}`,
     ];
 }
 const DropdownContainer = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.DropdownContainer, applyDropdownContainerMods);
 
-var css$1i = {"uui-typography":"FFEghT","hero-header":"cl6ojw","promo-header":"_33NkNm","uui-critical":"_44-Lrd","uui-info":"GjwW8m","uui-success":"_9ubcdY","uui-warning":"ExGb3Z","uui-highlight":"DxhQcu","uui-typography-size-12":"AHtUF4","uui-typography-size-14":"ubDOfJ","uui-typography-size-16":"_5c1QNR","submenu-root-item-rtl":"UFtK6F","icon-after":"xlZlbJ","submenu-root-item":"XRgCZ8","icon-check":"nfhO8Z","splitter-root":"M7QWkj","splitter":"RcKY0S","header-root":"DFLvAj","item-root":"ujuMvW","icon":"ERMOoD","link":"DqO9M1","indent":"P5teFU","selected-mark":"RhXOZb","uuiTypography":"FFEghT","heroHeader":"cl6ojw","promoHeader":"_33NkNm","uuiCritical":"_44-Lrd","uuiInfo":"GjwW8m","uuiSuccess":"_9ubcdY","uuiWarning":"ExGb3Z","uuiHighlight":"DxhQcu","uuiTypographySize12":"AHtUF4","uuiTypographySize14":"ubDOfJ","uuiTypographySize16":"_5c1QNR","submenuRootItemRtl":"UFtK6F","iconAfter":"xlZlbJ","submenuRootItem":"XRgCZ8","iconCheck":"nfhO8Z","splitterRoot":"M7QWkj","headerRoot":"DFLvAj","itemRoot":"ujuMvW","selectedMark":"RhXOZb"};
+var css$1j = {"uui-typography":"LhAmaS","hero-header":"_84moZs","promo-header":"P4zPIl","uui-critical":"GcrlTP","uui-info":"_7Inb16","uui-success":"HqVhC2","uui-warning":"_8HuU7P","uui-highlight":"mkQUAO","uui-typography-size-12":"uwkPWn","uui-typography-size-14":"_1y8jH7","uui-typography-size-16":"JFG2-i","submenu-root-item-rtl":"fkhB5s","icon-after":"ogoL8r","submenu-root-item":"Fhwaey","icon-check":"e90WQL","splitter-root":"zlMLVx","splitter":"Bql76-","header-root":"cgxatS","item-root":"SQXlQl","icon":"Fm3QwK","link":"OiDmeF","indent":"XfgEgN","selected-mark":"_2AsqQ3","uuiTypography":"LhAmaS","heroHeader":"_84moZs","promoHeader":"P4zPIl","uuiCritical":"GcrlTP","uuiInfo":"_7Inb16","uuiSuccess":"HqVhC2","uuiWarning":"_8HuU7P","uuiHighlight":"mkQUAO","uuiTypographySize12":"uwkPWn","uuiTypographySize14":"_1y8jH7","uuiTypographySize16":"JFG2-i","submenuRootItemRtl":"fkhB5s","iconAfter":"ogoL8r","submenuRootItem":"Fhwaey","iconCheck":"e90WQL","splitterRoot":"zlMLVx","headerRoot":"cgxatS","itemRoot":"SQXlQl","selectedMark":"_2AsqQ3"};
 
 exports.IDropdownControlKeys = void 0;
 (function (IDropdownControlKeys) {
@@ -1099,17 +1118,17 @@ const DropdownMenuButton = /* @__PURE__ */React__namespace.default.forwardRef((p
     const getMenuButtonContent = () => {
         const isIconBefore = Boolean(icon && iconPosition !== 'right');
         const isIconAfter = Boolean(icon && iconPosition === 'right');
-        const iconElement = (React__namespace.default.createElement(IconButton, { icon: icon, color: isActive ? 'primary' : 'neutral', onClick: onIconClick, isDisabled: isDisabled, cx: uuiCore.cx(css$1i.icon, iconPosition === 'right' ? css$1i.iconAfter : css$1i.iconBefore) }));
+        const iconElement = (React__namespace.default.createElement(IconButton, { icon: icon, color: isActive ? 'primary' : 'neutral', onClick: onIconClick, isDisabled: isDisabled, cx: uuiCore.cx(css$1j.icon, iconPosition === 'right' ? css$1j.iconAfter : css$1j.iconBefore) }));
         return (React__namespace.default.createElement(React__namespace.default.Fragment, null,
             isIconBefore && iconElement,
-            React__namespace.default.createElement(uuiComponents.Text, { cx: props.indent && css$1i.indent }, caption),
+            React__namespace.default.createElement(uuiComponents.Text, { cx: props.indent && css$1j.indent }, caption),
             isIconAfter && (React__namespace.default.createElement(React__namespace.default.Fragment, null,
                 React__namespace.default.createElement(uuiComponents.FlexSpacer, null),
                 iconElement))));
     };
     const isAnchor = Boolean(link || href);
-    const itemClassNames = uuiCore.cx(props.cx, css$1i.itemRoot, isDisabled && uuiCore.uuiMod.disabled, isActive && uuiCore.uuiMod.active, isOpen && uuiCore.uuiMod.opened);
-    return isAnchor ? (React__namespace.default.createElement(uuiComponents.Anchor, { cx: uuiCore.cx(css$1i.link, itemClassNames), link: link, href: href, rawProps: { role: 'menuitem', tabIndex: isDisabled ? -1 : 0 }, onClick: handleClick, isLinkActive: isActive, isDisabled: isDisabled, target: target }, getMenuButtonContent())) : (React__namespace.default.createElement(uuiComponents.FlexRow, { rawProps: {
+    const itemClassNames = uuiCore.cx(props.cx, css$1j.itemRoot, isDisabled && uuiCore.uuiMod.disabled, isActive && uuiCore.uuiMod.active, isOpen && uuiCore.uuiMod.opened);
+    return isAnchor ? (React__namespace.default.createElement(uuiComponents.Anchor, { cx: uuiCore.cx(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__namespace.default.createElement(uuiComponents.FlexRow, { rawProps: {
             tabIndex: isDisabled ? -1 : 0,
             role: 'menuitem',
             onKeyDown: isDisabled ? null : handleOpenDropdown,
@@ -1117,15 +1136,15 @@ const DropdownMenuButton = /* @__PURE__ */React__namespace.default.forwardRef((p
         getMenuButtonContent(),
         isSelected && (React__namespace.default.createElement(React__namespace.default.Fragment, null,
             React__namespace.default.createElement(uuiComponents.FlexSpacer, null),
-            React__namespace.default.createElement(uuiComponents.IconContainer, { icon: systemIcons.accept, cx: css$1i.selectedMark })))));
+            React__namespace.default.createElement(uuiComponents.IconContainer, { icon: systemIcons.accept, cx: css$1j.selectedMark })))));
 });
 function DropdownMenuSplitter(props) {
-    return (React__namespace.default.createElement("div", { className: uuiCore.cx(props.cx, css$1i.splitterRoot) },
-        React__namespace.default.createElement("hr", { className: css$1i.splitter })));
+    return (React__namespace.default.createElement("div", { className: uuiCore.cx(props.cx, css$1j.splitterRoot) },
+        React__namespace.default.createElement("hr", { className: css$1j.splitter })));
 }
 function DropdownMenuHeader(props) {
-    return (React__namespace.default.createElement("div", { className: uuiCore.cx('uui-dropdown-menu-header', props.cx, css$1i.headerRoot) },
-        React__namespace.default.createElement("span", { className: css$1i.header }, props.caption)));
+    return (React__namespace.default.createElement("div", { className: uuiCore.cx('uui-dropdown-menu-header', props.cx, css$1j.headerRoot) },
+        React__namespace.default.createElement("span", { className: css$1j.header }, props.caption)));
 }
 function DropdownSubMenu(props) {
     const subMenuModifiers = [
@@ -1147,7 +1166,7 @@ function DropdownSubMenu(props) {
     const isRtl = (window === null || window === void 0 ? void 0 : window.document.dir) === 'rtl';
     return (React__namespace.default.createElement(uuiComponents.Dropdown, { openOnHover: props.openOnHover || true, closeOnMouseLeave: "boundary", openDelay: 400, closeDelay: 400, placement: isRtl ? 'left-start' : 'right-start', modifiers: subMenuModifiers, renderBody: (dropdownProps) => !props.isDisabled && (React__namespace.default.createElement(DropdownMenuBody, Object.assign({ closeOnKey: exports.IDropdownControlKeys.LEFT_ARROW }, props, dropdownProps))), renderTarget: (_a) => {
             var { toggleDropdownOpening } = _a, targetProps = __rest(_a, ["toggleDropdownOpening"]);
-            return (React__namespace.default.createElement(DropdownMenuButton, Object.assign({ cx: uuiCore.cx(isRtl ? css$1i.submenuRootItemRtl : css$1i.submenuRootItem), icon: systemIcons.foldingArrow, iconPosition: "right", isDropdown: true, toggleDropdownOpening: toggleDropdownOpening }, props, targetProps)));
+            return (React__namespace.default.createElement(DropdownMenuButton, Object.assign({ cx: uuiCore.cx(isRtl ? css$1j.submenuRootItemRtl : css$1j.submenuRootItem), icon: systemIcons.foldingArrow, iconPosition: "right", isDropdown: true, toggleDropdownOpening: toggleDropdownOpening }, props, targetProps)));
         } }));
 }
 function DropdownMenuSwitchButton(props) {
@@ -1164,29 +1183,29 @@ function DropdownMenuSwitchButton(props) {
             onHandleValueChange(!isSelected);
         }
     };
-    return (React__namespace.default.createElement(uuiComponents.FlexRow, { cx: uuiCore.cx(props.cx, css$1i.itemRoot, isDisabled && uuiCore.uuiMod.disabled), onClick: () => onHandleValueChange(!isSelected), rawProps: { role: 'menuitem', onKeyDown: handleKeySelect, tabIndex: isDisabled ? -1 : 0 } },
-        icon && React__namespace.default.createElement(uuiComponents.IconContainer, { icon: icon, cx: css$1i.iconBefore }),
+    return (React__namespace.default.createElement(uuiComponents.FlexRow, { cx: uuiCore.cx(props.cx, css$1j.itemRoot, isDisabled && uuiCore.uuiMod.disabled), onClick: () => onHandleValueChange(!isSelected), rawProps: { role: 'menuitem', onKeyDown: handleKeySelect, tabIndex: isDisabled ? -1 : 0 } },
+        icon && React__namespace.default.createElement(uuiComponents.IconContainer, { icon: icon, cx: css$1j.iconBefore }),
         React__namespace.default.createElement(uuiComponents.Text, null, caption),
         React__namespace.default.createElement(uuiComponents.FlexSpacer, null),
         React__namespace.default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
 }
 
-var css$1h = {"uui-typography":"_6ZO-ME","hero-header":"ggEvJh","promo-header":"Vk17gY","uui-critical":"ZNWDem","uui-info":"Gp-rsw","uui-success":"CyToFX","uui-warning":"mH2UFA","uui-highlight":"MOfM4g","uui-typography-size-12":"jOkVZX","uui-typography-size-14":"mkSLSN","uui-typography-size-16":"mIDfP-","root":"y7-vNV","mode-block":"m5baEx","mode-inline":"-VIoUd","padding-0":"KWBlP3","padding-6":"_18yxp9","padding-12":"_0Q-pAQ","padding-18":"RKjkaG","uuiTypography":"_6ZO-ME","heroHeader":"ggEvJh","promoHeader":"Vk17gY","uuiCritical":"ZNWDem","uuiInfo":"Gp-rsw","uuiSuccess":"CyToFX","uuiWarning":"mH2UFA","uuiHighlight":"MOfM4g","uuiTypographySize12":"jOkVZX","uuiTypographySize14":"mkSLSN","uuiTypographySize16":"mIDfP-","modeBlock":"m5baEx","modeInline":"-VIoUd","padding0":"KWBlP3","padding6":"_18yxp9","padding12":"_0Q-pAQ","padding18":"RKjkaG"};
+var css$1i = {"uui-typography":"S2o-o-","hero-header":"CfSPLb","promo-header":"AgFHcd","uui-critical":"cn9KwR","uui-info":"DS-VE-","uui-success":"_0ozi0L","uui-warning":"yYeEl0","uui-highlight":"_0Y-XuT","uui-typography-size-12":"SLFQ-G","uui-typography-size-14":"JDc0rp","uui-typography-size-16":"d8zICA","root":"_8uGCVC","mode-block":"r6K-uo","mode-inline":"DxTnGC","padding-0":"dutFLq","padding-6":"_-0UzpJ","padding-12":"_4q2P4-","padding-18":"vIJAGC","uuiTypography":"S2o-o-","heroHeader":"CfSPLb","promoHeader":"AgFHcd","uuiCritical":"cn9KwR","uuiInfo":"DS-VE-","uuiSuccess":"_0ozi0L","uuiWarning":"yYeEl0","uuiHighlight":"_0Y-XuT","uuiTypographySize12":"SLFQ-G","uuiTypographySize14":"JDc0rp","uuiTypographySize16":"d8zICA","modeBlock":"r6K-uo","modeInline":"DxTnGC","padding0":"dutFLq","padding6":"_-0UzpJ","padding12":"_4q2P4-","padding18":"vIJAGC"};
 
 function applyAccordionMods(mods) {
     return [
-        css$1h.root,
-        css$1h[`mode-${mods.mode || 'block'}`],
-        mods.padding && css$1h['padding-' + mods.padding],
+        css$1i.root,
+        css$1i[`mode-${mods.mode || 'block'}`],
+        mods.padding && css$1i['padding-' + mods.padding],
     ];
 }
 const Accordion = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Accordion, applyAccordionMods, (mods) => ({
     dropdownIcon: mods.dropdownIcon !== null && systemIcons.foldingArrow,
 }));
 
-var css$1g = {"uui-typography":"PbYZ9t","hero-header":"fAxNdF","promo-header":"DWSY3u","uui-critical":"odqopX","uui-info":"cwxJqL","uui-success":"K77qvn","uui-warning":"_3SStFv","uui-highlight":"Ya8Olg","uui-typography-size-12":"X-rVgR","uui-typography-size-14":"_0hhN-z","uui-typography-size-16":"lE0jiK","root":"UYTeDv","border-top":"ksMU4B","border-bottom":"c3ki6j","top-shadow":"wLX57G","padding-6":"I-iHGP","padding-12":"vLlnrw","padding-18":"cslNLZ","padding-24":"FE4pRg","margin-24":"_6ft5Bg","margin-12":"_3ry6lR","vPadding-12":"FR1Txh","vPadding-18":"Uek8eq","vPadding-24":"TIzOVD","vPadding-36":"Z-ctHZ","vPadding-48":"iixCjj","spacing-6":"_5KZqIY","spacing-12":"w1TiAm","spacing-18":"axlavV","uui-surface-main":"aJFdPq","uuiTypography":"PbYZ9t","heroHeader":"fAxNdF","promoHeader":"DWSY3u","uuiCritical":"odqopX","uuiInfo":"cwxJqL","uuiSuccess":"K77qvn","uuiWarning":"_3SStFv","uuiHighlight":"Ya8Olg","uuiTypographySize12":"X-rVgR","uuiTypographySize14":"_0hhN-z","uuiTypographySize16":"lE0jiK","borderTop":"ksMU4B","borderBottom":"c3ki6j","topShadow":"wLX57G","padding6":"I-iHGP","padding12":"vLlnrw","padding18":"cslNLZ","padding24":"FE4pRg","margin24":"_6ft5Bg","margin12":"_3ry6lR","vPadding12":"FR1Txh","vPadding18":"Uek8eq","vPadding24":"TIzOVD","vPadding36":"Z-ctHZ","vPadding48":"iixCjj","spacing6":"_5KZqIY","spacing12":"w1TiAm","spacing18":"axlavV","uuiSurfaceMain":"aJFdPq"};
+var css$1h = {"uui-typography":"bt8Nlk","hero-header":"A0mw2Y","promo-header":"zIYpcz","uui-critical":"mKDHUh","uui-info":"HGoYZe","uui-success":"XDC4MR","uui-warning":"Q-PVwX","uui-highlight":"fHwqVX","uui-typography-size-12":"o8lM0o","uui-typography-size-14":"PUucJL","uui-typography-size-16":"_0t42ef","root":"_7C5cuN","border-top":"mAT5PQ","border-bottom":"kkeeyZ","top-shadow":"Qbuex6","padding-6":"PsLHke","padding-12":"HlNNVh","padding-18":"aPH6CM","padding-24":"k6Idm4","margin-24":"rDNt95","margin-12":"mpdrPO","vPadding-12":"yy6-Or","vPadding-18":"vCGjJe","vPadding-24":"YRtBDK","vPadding-36":"-qW6BO","vPadding-48":"_-19xeS","spacing-6":"n7hwlq","spacing-12":"wBfPvg","spacing-18":"kzcnpP","uui-surface-main":"kcN-Fg","uuiTypography":"bt8Nlk","heroHeader":"A0mw2Y","promoHeader":"zIYpcz","uuiCritical":"mKDHUh","uuiInfo":"HGoYZe","uuiSuccess":"XDC4MR","uuiWarning":"Q-PVwX","uuiHighlight":"fHwqVX","uuiTypographySize12":"o8lM0o","uuiTypographySize14":"PUucJL","uuiTypographySize16":"_0t42ef","borderTop":"mAT5PQ","borderBottom":"kkeeyZ","topShadow":"Qbuex6","padding6":"PsLHke","padding12":"HlNNVh","padding18":"aPH6CM","padding24":"k6Idm4","margin24":"rDNt95","margin12":"mpdrPO","vPadding12":"yy6-Or","vPadding18":"vCGjJe","vPadding24":"YRtBDK","vPadding36":"-qW6BO","vPadding48":"_-19xeS","spacing6":"n7hwlq","spacing12":"wBfPvg","spacing18":"kzcnpP","uuiSurfaceMain":"kcN-Fg"};
 
-const FlexCell = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexCell, () => [css$1g.flexCell]);
+const FlexCell = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexCell, () => [css$1h.flexCell]);
 
 const FlexRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexRow, (props) => {
     if (process.env.NODE_ENV !== "production") {
@@ -1195,45 +1214,45 @@ const FlexRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexRow, (props) =
         }
     }
     return [
-        css$1g.root,
+        css$1h.root,
         props.size !== null && 'uui-size-' + (props.size || '36'),
-        props.padding && css$1g['padding-' + props.padding],
-        props.vPadding && css$1g['vPadding-' + props.vPadding],
-        props.margin && css$1g['margin-' + props.margin],
-        props.topShadow && css$1g.topShadow,
-        props.borderBottom && css$1g.borderBottom,
-        props.borderTop && css$1g.borderTop,
-        props.spacing && css$1g['spacing-' + props.spacing],
-        props.background && css$1g[`uui-${props.background}`],
+        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}`],
     ];
 });
 
-var css$1f = {"root":"P-XZLb","margin-24":"U9dhk4","padding-12":"DffrqV","padding-24":"b4UTvw","shadow":"ARvIg4","uui-surface-main":"_93wW5z","margin24":"U9dhk4","padding12":"DffrqV","padding24":"b4UTvw","uuiSurfaceMain":"_93wW5z"};
+var css$1g = {"root":"_9FGXCT","margin-24":"EjpmEL","padding-12":"z6-qpT","padding-24":"NyPunt","shadow":"_6pYslq","uui-surface-main":"RI6ckR","margin24":"EjpmEL","padding12":"z6-qpT","padding24":"NyPunt","uuiSurfaceMain":"RI6ckR"};
 
 const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
     'uui-panel',
-    css$1f.root,
-    props.shadow && css$1f.shadow,
-    props.margin && css$1f['margin-' + props.margin],
-    props.background && css$1f[`uui-${props.background}`],
+    css$1g.root,
+    props.shadow && css$1g.shadow,
+    props.margin && css$1g['margin-' + props.margin],
+    props.background && css$1g[`uui-${props.background}`],
 ]);
 
-var css$1e = {"root":"OFm5e9"};
+var css$1f = {"root":"rt8ePW"};
 
 function applyTooltipMods(mods) {
     return [
-        css$1e.root,
+        css$1f.root,
         `uui-color-${mods.color || 'inverted'}`,
     ];
 }
 const Tooltip = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Tooltip, applyTooltipMods);
 
-var css$1d = {"uui-typography":"OTgmhN","hero-header":"A7anss","promo-header":"HFJv-b","uui-critical":"OoNGfm","uui-info":"BwSeOm","uui-success":"_1uH7UU","uui-warning":"_-760qS","uui-highlight":"tnfQaT","uui-typography-size-12":"R5HoDd","uui-typography-size-14":"dvO7Ln","uui-typography-size-16":"jkojS-","root":"gdPBwY","uuiTypography":"OTgmhN","heroHeader":"A7anss","promoHeader":"HFJv-b","uuiCritical":"OoNGfm","uuiInfo":"BwSeOm","uuiSuccess":"_1uH7UU","uuiWarning":"_-760qS","uuiHighlight":"tnfQaT","uuiTypographySize12":"R5HoDd","uuiTypographySize14":"dvO7Ln","uuiTypographySize16":"jkojS-"};
+var css$1e = {"uui-typography":"YGuA08","hero-header":"_44jcM9","promo-header":"_3xEhQL","uui-critical":"FQIW-E","uui-info":"_3qRErq","uui-success":"_3X2wgD","uui-warning":"b6Orn6","uui-highlight":"_5KwTJm","uui-typography-size-12":"_1IFkG4","uui-typography-size-14":"PLDNDb","uui-typography-size-16":"XeAw-n","root":"_0iJhfE","uuiTypography":"YGuA08","heroHeader":"_44jcM9","promoHeader":"_3xEhQL","uuiCritical":"FQIW-E","uuiInfo":"_3qRErq","uuiSuccess":"_3X2wgD","uuiWarning":"b6Orn6","uuiHighlight":"_5KwTJm","uuiTypographySize12":"_1IFkG4","uuiTypographySize14":"PLDNDb","uuiTypographySize16":"XeAw-n"};
 
 function applyLabeledInputMods(mods) {
     return [
         'uui-labeled-input',
-        css$1d.root,
+        css$1e.root,
         'uui-size-' + (mods.size || settings.sizes.defaults.labeledInput),
     ];
 }
@@ -1242,7 +1261,7 @@ const LabeledInput = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.La
     infoIcon: props.infoIcon || (settings.sizes.labeledInput.fillIcon.includes(props.size) ? ForwardRef$w : ForwardRef$L),
 }));
 
-var css$1c = {"root":"Ld5hNd"};
+var css$1d = {"root":"lwqFqf"};
 
 function RadioGroup(props) {
     const direction = props.direction || 'vertical';
@@ -1251,34 +1270,34 @@ function RadioGroup(props) {
             props.onValueChange(newVal);
         }
     };
-    return (React__namespace.createElement("fieldset", Object.assign({ ref: props.forwardedRef, className: uuiCore.cx(css$1c.root, uuiCore.directionMode[direction], props.cx), onFocus: props.onFocus, onBlur: props.onBlur }, props.rawProps), props.items.map((i) => {
+    return (React__namespace.createElement("fieldset", Object.assign({ ref: props.forwardedRef, className: uuiCore.cx(css$1d.root, uuiCore.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__namespace.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$1b = {"root":"-HZxVh"};
+var css$1c = {"root":"-OvgME"};
 
 function applyScrollBarsMods() {
     return [
-        css$1b.root, 'uui-scroll-bars', 'uui-shadow-top', 'uui-shadow-bottom',
+        css$1c.root, 'uui-scroll-bars', 'uui-shadow-top', 'uui-shadow-bottom',
     ];
 }
 const ScrollBars = /* @__PURE__ */uuiCore.withMods(uuiComponents.ScrollBars, applyScrollBarsMods);
 
-var css$1a = {"scroll-container":"-MMY4G","list-container":"ynRlbJ","scrollContainer":"-MMY4G","listContainer":"ynRlbJ"};
+var css$1b = {"scroll-container":"ThzBJH","list-container":"GKfTqq","scrollContainer":"ThzBJH","listContainer":"GKfTqq"};
 
-var css$19 = {"root":"ZDyVhf"};
+var css$1a = {"root":"yCMyMw"};
 
-const AvatarStack = /* @__PURE__ */uuiCore.withMods(uuiComponents.AvatarStack, () => [css$19.root]);
+const AvatarStack = /* @__PURE__ */uuiCore.withMods(uuiComponents.AvatarStack, () => [css$1a.root]);
 
-var css$18 = {"uui-typography":"jMhIP-","hero-header":"VHybhi","promo-header":"HnHCuh","uui-critical":"G-MgIb","uui-info":"I6RvAW","uui-success":"I4wWys","uui-warning":"Y4dn6z","uui-highlight":"gJFF4s","uui-typography-size-12":"c4Om0d","uui-typography-size-14":"sIe39Q","uui-typography-size-16":"Jyg33f","root":"o6T2JX","uuiTypography":"jMhIP-","heroHeader":"VHybhi","promoHeader":"HnHCuh","uuiCritical":"G-MgIb","uuiInfo":"I6RvAW","uuiSuccess":"I4wWys","uuiWarning":"Y4dn6z","uuiHighlight":"gJFF4s","uuiTypographySize12":"c4Om0d","uuiTypographySize14":"sIe39Q","uuiTypographySize16":"Jyg33f"};
+var css$19 = {"uui-typography":"Sl9yAC","hero-header":"Hr9yYh","promo-header":"BjcPIP","uui-critical":"reqMb7","uui-info":"XvSMxw","uui-success":"XG6WYV","uui-warning":"IB2xUP","uui-highlight":"Op8Ljy","uui-typography-size-12":"_6z-9Gs","uui-typography-size-14":"GtaTfQ","uui-typography-size-16":"_109Tag","root":"-Cpklp","uuiTypography":"Sl9yAC","heroHeader":"Hr9yYh","promoHeader":"BjcPIP","uuiCritical":"reqMb7","uuiInfo":"XvSMxw","uuiSuccess":"XG6WYV","uuiWarning":"IB2xUP","uuiHighlight":"Op8Ljy","uuiTypographySize12":"_6z-9Gs","uuiTypographySize14":"GtaTfQ","uuiTypographySize16":"_109Tag"};
 
 const DEFAULT_FILL = 'solid';
 function applyBadgeMods(mods) {
     return [
         'uui-badge',
-        css$18.root,
+        css$19.root,
         `uui-size-${mods.size || settings.sizes.defaults.badge}`,
         `uui-fill-${mods.fill || DEFAULT_FILL}`,
         `uui-color-${mods.color || 'info'}`,
@@ -1296,11 +1315,11 @@ const Badge = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) =>
         props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$17 = {"uui-typography":"JhMNBk","hero-header":"jMjSOj","promo-header":"uDJx5J","uui-critical":"_4SLiuz","uui-info":"YvCDOl","uui-success":"ao0POe","uui-warning":"_4VQpPn","uui-highlight":"de-eru","uui-typography-size-12":"rJIR4Z","uui-typography-size-14":"Y3ct69","uui-typography-size-16":"HELDZL","root":"s8cWdr","uuiTypography":"JhMNBk","heroHeader":"jMjSOj","promoHeader":"uDJx5J","uuiCritical":"_4SLiuz","uuiInfo":"YvCDOl","uuiSuccess":"ao0POe","uuiWarning":"_4VQpPn","uuiHighlight":"de-eru","uuiTypographySize12":"rJIR4Z","uuiTypographySize14":"Y3ct69","uuiTypographySize16":"HELDZL"};
+var css$18 = {"uui-typography":"MGBCpM","hero-header":"oIR8Ny","promo-header":"IZB4YF","uui-critical":"_108vYF","uui-info":"_-0zJha","uui-success":"-FG197","uui-warning":"p-6mVt","uui-highlight":"XmbNT4","uui-typography-size-12":"eQK8oB","uui-typography-size-14":"DiNG8z","uui-typography-size-16":"X6Q6oy","root":"v4IMwf","uuiTypography":"MGBCpM","heroHeader":"oIR8Ny","promoHeader":"IZB4YF","uuiCritical":"_108vYF","uuiInfo":"_-0zJha","uuiSuccess":"-FG197","uuiWarning":"p-6mVt","uuiHighlight":"XmbNT4","uuiTypographySize12":"eQK8oB","uuiTypographySize14":"DiNG8z","uuiTypographySize16":"X6Q6oy"};
 
 function applyTagMods(props) {
     return [
-        css$17.root,
+        css$18.root,
         `uui-size-${props.size || settings.sizes.defaults.tag}`,
         `uui-color-${props.color || 'neutral'}`,
         `uui-fill-${props.fill || 'solid'}`,
@@ -1320,10 +1339,10 @@ const Tag = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
         props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
 });
 
-var css$16 = {"root":"X2CvhE","uui-spinner":"Yxea7d","uuiSpinner":"Yxea7d"};
+var css$17 = {"root":"NEG8Ze","uui-spinner":"-zU5-v","uuiSpinner":"-zU5-v"};
 
 function applySpinnerMods() {
-    return [css$16.root, 'uui-spinner'];
+    return [css$17.root, 'uui-spinner'];
 }
 const Spinner = /* @__PURE__ */uuiCore.withMods(uuiComponents.Spinner, applySpinnerMods);
 
@@ -1357,57 +1376,57 @@ var SvgNavigationChevronRightOutline = function SvgNavigationChevronRightOutline
 };
 var ForwardRef$u = /*#__PURE__*/React.forwardRef(SvgNavigationChevronRightOutline);
 
-var css$15 = {"root":"MnV704","page":"xBrZ7P","spacer":"EGKjat","mode-ghost":"-HWokq","modeGhost":"-HWokq"};
+var css$16 = {"root":"mwSneS","page":"HS38SJ","spacer":"CKAqZ6","mode-ghost":"uVz0jF","modeGhost":"uVz0jF"};
 
 function Paginator(props) {
-    const renderPaginator = (params) => (React__namespace.default.createElement("nav", Object.assign({ role: "navigation", className: cx__default.default(css$15.root, 'uui-paginator', `uui-size-${props.size || settings.sizes.defaults.paginator}`) }, params.rawProps),
+    const renderPaginator = (params) => (React__namespace.default.createElement("nav", Object.assign({ role: "navigation", className: cx__default.default(css$16.root, 'uui-paginator', `uui-size-${props.size || settings.sizes.defaults.paginator}`) }, params.rawProps),
         React__namespace.default.createElement(Button, { size: props.size || settings.sizes.defaults.paginator, icon: ForwardRef$v, onClick: params.goToPrev, isDisabled: params.isFirst || props.isDisabled, fill: "outline", color: "secondary" }),
         params.pages.map((page, index) => {
             if (page.type === 'spacer') {
-                return (React__namespace.default.createElement(Button, { cx: cx__default.default(css$15.spacer, css$15.page), size: props.size || settings.sizes.defaults.paginator, key: `${index}_spacer`, caption: "...", fill: "ghost", color: "secondary", tabIndex: -1, isDisabled: props.isDisabled }));
+                return (React__namespace.default.createElement(Button, { cx: cx__default.default(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 }));
             }
             else {
-                return (React__namespace.default.createElement(Button, { cx: cx__default.default(css$15[`mode-${!page.isActive && 'ghost'}`], css$15.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__namespace.default.createElement(Button, { cx: cx__default.default(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 }));
             }
         }),
         React__namespace.default.createElement(Button, { size: props.size || settings.sizes.defaults.paginator, icon: ForwardRef$u, onClick: params.goToNext, isDisabled: params.isLast || props.isDisabled, fill: "outline", color: "secondary" })));
     return React__namespace.default.createElement(uuiComponents.Paginator, Object.assign({}, props, { render: renderPaginator }));
 }
 
-var css$14 = {"root":"ZNf-Vg","progress-bar":"_3fad2U","progressBar-indeterminate":"sRvC32","size-12":"txE-VO","size-18":"_3A01-G","size-24":"IlpJiQ","progressBar":"_3fad2U","progressBarIndeterminate":"sRvC32","size12":"txE-VO","size18":"_3A01-G","size24":"IlpJiQ"};
+var css$15 = {"root":"po8Ftz","progress-bar":"mv-1OL","progressBar-indeterminate":"kJFdmf","size-12":"-OSOBd","size-18":"w36qt4","size-24":"_48ee3A","progressBar":"mv-1OL","progressBarIndeterminate":"kJFdmf","size12":"-OSOBd","size18":"w36qt4","size24":"_48ee3A"};
 
 const IndeterminateBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
-    return (React__namespace.createElement("div", { ref: ref, className: cx__default.default('uui-indeterminate_bar', props.cx, css$14.root, css$14[`size-${props.size || 12}`]) },
-        React__namespace.createElement("div", { className: cx__default.default(css$14.progressBar) })));
+    return (React__namespace.createElement("div", { ref: ref, className: cx__default.default('uui-indeterminate_bar', props.cx, css$15.root, css$15[`size-${props.size || 12}`]) },
+        React__namespace.createElement("div", { className: cx__default.default(css$15.progressBar) })));
 });
 
-var css$13 = {"root":"Du2dCI","striped":"_9JM3ZA","animate-stripes":"-HMssG","size-12":"vjlqQ9","size-18":"BUbK-U","size-24":"y2Scdu","animateStripes":"-HMssG","size12":"vjlqQ9","size18":"BUbK-U","size24":"y2Scdu"};
+var css$14 = {"root":"xjyqu8","striped":"-ILHsI","animate-stripes":"vqvW4R","size-12":"Yn4aH4","size-18":"fTDK5f","size-24":"SQUctP","animateStripes":"vqvW4R","size12":"Yn4aH4","size18":"fTDK5f","size24":"SQUctP"};
 
 const DEFAULT_SIZE = '12';
 function applyProgressBarMods(mods) {
     const size = mods.size || DEFAULT_SIZE;
     return [
-        css$13.root,
-        css$13[`size-${size}`],
-        mods.striped && css$13.striped,
+        css$14.root,
+        css$14[`size-${size}`],
+        mods.striped && css$14.striped,
     ];
 }
 const ProgressBar = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.ProgressBar, applyProgressBarMods, (props) => ({
     hideLabel: props.hideLabel || props.striped,
 }));
 
-var css$12 = {"root":"LAoBLP"};
+var css$13 = {"root":"_5viqWZ"};
 
 const IndicatorBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     const { progress } = props;
-    return progress || progress === 0 ? (React__namespace.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx__default.default(css$12.root, props.cx), hideLabel: true })) : (React__namespace.createElement(IndeterminateBar, { ref: ref, cx: cx__default.default(css$12.root, props.cx) }));
+    return progress || progress === 0 ? (React__namespace.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx__default.default(css$13.root, props.cx), hideLabel: true })) : (React__namespace.createElement(IndeterminateBar, { ref: ref, cx: cx__default.default(css$13.root, props.cx) }));
 });
 
-var css$11 = {"root":"jnMD1v"};
+var css$12 = {"root":"XRGt84"};
 
 const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
     return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
-            css$11.root,
+            css$12.root,
             `uui-size-${props.size || settings.sizes.defaults.statusIndicator}`,
             'uui-status_indicator',
             `uui-color-${props.color || 'neutral'}`,
@@ -1418,7 +1437,7 @@ const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
         React__namespace.default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
 });
 
-var css$10 = {"drag-handle":"JDXGub","icon-container":"xHT3Fq","dragHandle":"JDXGub","iconContainer":"xHT3Fq"};
+var css$11 = {"drag-handle":"PyLQZZ","icon-container":"GkzJqu","dragHandle":"PyLQZZ","iconContainer":"GkzJqu"};
 
 function DataRowAddons(props) {
     var _a, _b;
@@ -1430,19 +1449,19 @@ function DataRowAddons(props) {
         return settings.sizes.rowAddons.indentWidth[props.size] || settings.sizes.rowAddons.defaults.indentWidth;
     };
     return (React__namespace.default.createElement(React__namespace.default.Fragment, null,
-        ((_a = row.dnd) === null || _a === void 0 ? void 0 : _a.srcData) && React__namespace.default.createElement(uuiComponents.DragHandle, { key: "dh", cx: css$10.dragHandle, rawProps: Object.assign({}, props.eventHandlers) }),
+        ((_a = row.dnd) === null || _a === void 0 ? void 0 : _a.srcData) && React__namespace.default.createElement(uuiComponents.DragHandle, { key: "dh", cx: css$11.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__namespace.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__namespace.default.createElement("div", { key: "fold", className: cx__default.default('uui-dr_addons-indent', `uui-size-${props.size}`), style: { marginInlineStart: getIndent(), width: getWidth() } }, row.isFoldable && (React__namespace.default.createElement(uuiComponents.IconContainer, { rawProps: {
                 'aria-label': row.isFolded ? 'Unfold' : 'Fold',
                 role: 'button',
             }, key: "icon", icon: ForwardRef$P, cx: [
-                uuiCore.uuiElement.foldingArrow, uuiCore.uuiMarkers.clickable, css$10.iconContainer,
+                uuiCore.uuiElement.foldingArrow, uuiCore.uuiMarkers.clickable, css$11.iconContainer,
             ], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row), size: settings.sizes.rowAddons.icon[props.size] || settings.sizes.rowAddons.defaults.icon }))))));
 }
 
-var css$$ = {"root":"-S9ibH"};
+var css$10 = {"root":"b0sOL3"};
 
-const Blocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.Blocker, () => [css$$.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__namespace.default.createElement(Spinner, null)) }));
+const Blocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.Blocker, () => [css$10.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__namespace.default.createElement(Spinner, null)) }));
 
 const VirtualList = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     const { listContainerRef, offsetY, handleScroll, estimatedHeight, scrollContainerRef, } = uuiCore.useVirtualList({
@@ -1458,7 +1477,7 @@ const VirtualList = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
         var _a;
         return ((_a = props.renderRows) === null || _a === void 0 ? void 0 : _a.call(props, {
             listContainerRef, estimatedHeight, offsetY, scrollShadows,
-        })) || (React__namespace.createElement("div", { className: css$1a.listContainer, style: { minHeight: `${estimatedHeight}px` } },
+        })) || (React__namespace.createElement("div", { className: css$1b.listContainer, style: { minHeight: `${estimatedHeight}px` } },
             React__namespace.createElement("div", { ref: listContainerRef, role: props.role, style: { marginTop: offsetY } }, props.rows)));
     };
     const renderView = ({ style }) => (React__namespace.createElement(VirtualListView, { isLoading: props.isLoading, style: style, rawProps: props.rawProps }));
@@ -1468,7 +1487,7 @@ const VirtualList = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
             return;
         scrollContainerRef.current = scrollbars.container.firstChild;
     }, []);
-    return (React__namespace.createElement(ScrollBars, { cx: uuiCore.cx(css$1a.scrollContainer, props.cx, {
+    return (React__namespace.createElement(ScrollBars, { cx: uuiCore.cx(css$1b.scrollContainer, props.cx, {
             [uuiCore.uuiMarkers.scrolledLeft]: scrollShadows.horizontalLeft,
             [uuiCore.uuiMarkers.scrolledRight]: scrollShadows.horizontalRight,
             [uuiCore.uuiMarkers.scrolledTop]: scrollShadows.verticalTop,
@@ -1481,7 +1500,7 @@ const VirtualListView = /* @__PURE__ */React__namespace.forwardRef((props, ref)
         React__namespace.createElement(Blocker, { isEnabled: props.isLoading })));
 });
 
-var css$_ = {"root":"cFFzCY"};
+var css$$ = {"root":"mvOULs"};
 
 function CheckboxGroup(props) {
     const currentValue = props.value || [];
@@ -1497,60 +1516,16 @@ function CheckboxGroup(props) {
         }
         props.onValueChange(newSelection);
     };
-    return (React__namespace.createElement("fieldset", Object.assign({ ref: props.forwardedRef, className: uuiCore.cx(css$_.root, uuiCore.directionMode[direction], props.cx) }, props.rawProps), props.items.map((i) => {
+    return (React__namespace.createElement("fieldset", Object.assign({ ref: props.forwardedRef, className: uuiCore.cx(css$$.root, uuiCore.directionMode[direction], props.cx) }, props.rawProps), props.items.map((i) => {
         const restItemProps = __rest(i, ["id", "name", "renderName"]);
         return (React__namespace.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$Z = {"root":"_9yLemT","line-height":"ZRksWf","font-size":"_8ytGKW","lineHeight":"ZRksWf","fontSize":"_8ytGKW"};
-
-function applyTextMods(mods) {
-    return [
-        css$Z.root,
-        'uui-text',
-        `uui-size-${mods.size || settings.sizes.defaults.text}`,
-        (mods.size !== 'none' || mods.lineHeight) && css$Z.lineHeight,
-        (mods.size !== 'none' || mods.fontSize) && css$Z.fontSize,
-        `uui-color-${mods.color || 'primary'}`,
-        `uui-font-weight-${mods.fontWeight || '400'}`,
-        `uui-font-style-${mods.fontStyle || 'normal'}`,
-        'uui-typography',
-    ];
-}
-const Text = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Text, applyTextMods, (props) => {
-    var _a;
-    const style = ((_a = props === null || props === void 0 ? void 0 : props.rawProps) === null || _a === void 0 ? void 0 : _a.style) || {};
-    props.fontSize && (style['--uui-text-font-size'] = `${props.fontSize}px`);
-    props.lineHeight && (style['--uui-text-line-height'] = `${props.lineHeight}px`);
-    return {
-        rawProps: Object.assign(Object.assign({}, props === null || props === void 0 ? void 0 : props.rawProps), { style: style }),
-    };
-});
-
-var css$Y = {"root":"St4c-s","loading-word":"-DYCSx","animated-loading":"d0oAb0","skeleton_loading":"_2oky-D","loadingWord":"-DYCSx","animatedLoading":"d0oAb0","skeletonLoading":"_2oky-D"};
-
-const TextPlaceholder = (props) => {
-    const pattern = ' ';
-    const text = React__namespace.useMemo(() => {
-        const words = [];
-        for (let i = 0; i < (props.wordsCount || 1); i++) {
-            const lengthWord = Math.floor(Math.random() * 10 + 8);
-            words.push(pattern.repeat(lengthWord));
-        }
-        return words;
-    }, [props.wordsCount]);
-    return (React__namespace.createElement("div", Object.assign({ "aria-busy": true, className: cx__default.default(css$Y.root, 'uui-text-placeholder') }, props.rawProps), text.map((it, index) => (React__namespace.createElement("span", { key: index, className: cx__default.default([
-            props.cx, css$Y.loadingWord, !props.isNotAnimated && css$Y.animatedLoading,
-        ]), dangerouslySetInnerHTML: { __html: it } })))));
-};
-
-const RichTextView = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || '14'}`]);
-
-var css$X = {"uui-typography":"_0ccqKC","hero-header":"KckQiI","promo-header":"KxKPiL","uui-critical":"k1dXpL","uui-info":"zMB1fH","uui-success":"SUU4Hp","uui-warning":"pNaUE-","uui-highlight":"UfmBTR","uui-typography-size-12":"ywb3fi","uui-typography-size-14":"_4FQGnt","uui-typography-size-16":"_7NAAYY","root":"ckpq2c","modal-blocker":"axZzJa","animateModalBlocker":"X6GbLJ","modal":"ICz2Zj","modal-footer":"y8VUNA","modal-header":"r-aW-Z","uuiTypography":"_0ccqKC","heroHeader":"KckQiI","promoHeader":"KxKPiL","uuiCritical":"k1dXpL","uuiInfo":"zMB1fH","uuiSuccess":"SUU4Hp","uuiWarning":"pNaUE-","uuiHighlight":"UfmBTR","uuiTypographySize12":"ywb3fi","uuiTypographySize14":"_4FQGnt","uuiTypographySize16":"_7NAAYY","modalBlocker":"axZzJa","modalFooter":"y8VUNA","modalHeader":"r-aW-Z"};
+var css$_ = {"uui-typography":"EoP-5H","hero-header":"lI6OcR","promo-header":"_6L-NEk","uui-critical":"PjaSLu","uui-info":"hpV1o0","uui-success":"_3YQk-3","uui-warning":"_7t0K8R","uui-highlight":"-RZ3wY","uui-typography-size-12":"wjXOS7","uui-typography-size-14":"DIgqi-","uui-typography-size-16":"_11iGBk","root":"j8-8sT","modal-blocker":"owolSM","animateModalBlocker":"UC5AxM","modal":"A3-FNC","modal-footer":"uCfryF","modal-header":"WXxZvy","uuiTypography":"EoP-5H","heroHeader":"lI6OcR","promoHeader":"_6L-NEk","uuiCritical":"PjaSLu","uuiInfo":"hpV1o0","uuiSuccess":"_3YQk-3","uuiWarning":"_7t0K8R","uuiHighlight":"-RZ3wY","uuiTypographySize12":"wjXOS7","uuiTypographySize14":"DIgqi-","uuiTypographySize16":"_11iGBk","modalBlocker":"owolSM","modalFooter":"uCfryF","modalHeader":"WXxZvy"};
 
-const ModalBlocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalBlocker, () => [css$X.modalBlocker]);
-const ModalWindow = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalWindow, () => [css$X.root, css$X.modal], (props) => {
+const ModalBlocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalBlocker, () => [css$_.modalBlocker]);
+const ModalWindow = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalWindow, () => [css$_.root, css$_.modal], (props) => {
     const width = props.width || settings.sizes.modal.window.defaults.width;
     const height = props.height || 'auto';
     const maxHeight = uuiCore.isMobile() ? '100dvh' : (props.maxHeight || '80dvh');
@@ -1562,8 +1537,8 @@ const ModalWindow = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalWindow, (
 });
 class ModalHeader extends React__namespace.default.Component {
     render() {
-        return (React__namespace.default.createElement(FlexRow, { padding: this.props.padding || '24', vPadding: "12", borderBottom: this.props.borderBottom, cx: [css$X.root, css$X.modalHeader, this.props.cx], columnGap: "12", rawProps: this.props.rawProps },
-            this.props.title && (React__namespace.default.createElement(Text, { size: "48", fontSize: "18", fontWeight: "600" }, this.props.title)),
+        return (React__namespace.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__namespace.default.createElement("div", { className: cx__default.default('uui-modal-title', 'uui-typography') }, this.props.title)),
             this.props.children,
             this.props.onClose && React__namespace.default.createElement(uuiComponents.FlexSpacer, null),
             this.props.onClose && (React__namespace.default.createElement(FlexCell, { shrink: 0, width: "auto" },
@@ -1573,8 +1548,8 @@ class ModalHeader extends React__namespace.default.Component {
 class ModalFooter extends React__namespace.default.Component {
     render() {
         return (React__namespace.default.createElement(FlexRow, { columnGap: this.props.columnGap || '12', cx: [
-                css$X.root,
-                css$X.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));
     }
@@ -1736,7 +1711,7 @@ var SvgNotificationHelpFill = function SvgNotificationHelpFill(props, ref) {
 };
 var ForwardRef$t = /*#__PURE__*/React.forwardRef(SvgNotificationHelpFill);
 
-var css$W = {"uui-typography":"y4obDL","hero-header":"DMcmqc","promo-header":"_9vPfTJ","uui-critical":"VXDiks","uui-info":"_4NJCaZ","uui-success":"W6FKEw","uui-warning":"cdNOT2","uui-highlight":"OVf3ec","uui-typography-size-12":"_9CkwVL","uui-typography-size-14":"km2Mrm","uui-typography-size-16":"wmZn9p","root":"Bl-r5N","icon-wrapper":"_55kP43","action-wrapper":"SI-LKj","action-link":"y6Th7V","close-icon":"s-kJ8Q","main-path":"owdjwz","content":"VWkue0","close-wrapper":"jBKcWg","notification-wrapper":"oaqONr","clear-button":"_5arLsZ","uuiTypography":"y4obDL","heroHeader":"DMcmqc","promoHeader":"_9vPfTJ","uuiCritical":"VXDiks","uuiInfo":"_4NJCaZ","uuiSuccess":"W6FKEw","uuiWarning":"cdNOT2","uuiHighlight":"OVf3ec","uuiTypographySize12":"_9CkwVL","uuiTypographySize14":"km2Mrm","uuiTypographySize16":"wmZn9p","iconWrapper":"_55kP43","actionWrapper":"SI-LKj","actionLink":"y6Th7V","closeIcon":"s-kJ8Q","mainPath":"owdjwz","closeWrapper":"jBKcWg","notificationWrapper":"oaqONr","clearButton":"_5arLsZ"};
+var css$Z = {"uui-typography":"_4VEn8l","hero-header":"S64d-d","promo-header":"BPBpjk","uui-critical":"_7WocIG","uui-info":"rS6y3p","uui-success":"m5u3cZ","uui-warning":"QL3EHe","uui-highlight":"gfT3iH","uui-typography-size-12":"_4-B3aZ","uui-typography-size-14":"_7zHH46","uui-typography-size-16":"D1TJLt","root":"_4MxZ9X","icon-wrapper":"I02jhC","action-wrapper":"PJFLl2","action-link":"UjQ39V","close-icon":"NKXrLW","main-path":"VdPz6D","content":"TJEphp","close-wrapper":"jcRVZ9","notification-wrapper":"frgK2o","clear-button":"_4-dz5s","uuiTypography":"_4VEn8l","heroHeader":"S64d-d","promoHeader":"BPBpjk","uuiCritical":"_7WocIG","uuiInfo":"rS6y3p","uuiSuccess":"m5u3cZ","uuiWarning":"QL3EHe","uuiHighlight":"gfT3iH","uuiTypographySize12":"_4-B3aZ","uuiTypographySize14":"_7zHH46","uuiTypographySize16":"D1TJLt","iconWrapper":"I02jhC","actionWrapper":"PJFLl2","actionLink":"UjQ39V","closeIcon":"NKXrLW","mainPath":"VdPz6D","closeWrapper":"jcRVZ9","notificationWrapper":"frgK2o","clearButton":"_4-dz5s"};
 
 const NotificationCard = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
     const notificationCardNode = React__namespace.default.useRef(null);
@@ -1751,15 +1726,15 @@ const NotificationCard = /* @__PURE__ */React__namespace.default.forwardRef((pro
             (_b = notificationCardNode.current) === null || _b === void 0 ? void 0 : _b.removeEventListener('mouseleave', props.refreshTimer);
         };
     }, []);
-    return (React__namespace.default.createElement("div", Object.assign({ role: "alert", className: cx__default.default('uui-notification_card', props.color && `uui-color-${props.color}`, css$W.root, props.cx), ref: notificationCardNode }, props.rawProps),
-        React__namespace.default.createElement("div", { className: css$W.mainPath },
-            props.icon && (React__namespace.default.createElement("div", { className: css$W.iconWrapper },
+    return (React__namespace.default.createElement("div", Object.assign({ role: "alert", className: cx__default.default('uui-notification_card', props.color && `uui-color-${props.color}`, css$Z.root, props.cx), ref: notificationCardNode }, props.rawProps),
+        React__namespace.default.createElement("div", { className: css$Z.mainPath },
+            props.icon && (React__namespace.default.createElement("div", { className: css$Z.iconWrapper },
                 React__namespace.default.createElement(uuiComponents.IconContainer, { size: 24, icon: props.icon }))),
-            React__namespace.default.createElement("div", { className: css$W.content },
+            React__namespace.default.createElement("div", { className: css$Z.content },
                 props.children,
-                props.actions && (React__namespace.default.createElement("div", { className: css$W.actionWrapper }, props.actions.map((action) => (React__namespace.default.createElement(LinkButton, { caption: action.name, onClick: action.action, key: action.name, cx: css$W.actionLink, size: "36", rawProps: action.rawProps })))))),
-            props.onClose && (React__namespace.default.createElement("div", { className: css$W.closeWrapper },
-                React__namespace.default.createElement(IconButton, { icon: ForwardRef$Q, color: "neutral", onClick: props.onClose, cx: css$W.closeIcon }))))));
+                props.actions && (React__namespace.default.createElement("div", { className: css$Z.actionWrapper }, props.actions.map((action) => (React__namespace.default.createElement(LinkButton, { caption: action.name, onClick: action.action, key: action.name, cx: css$Z.actionLink, size: "36", rawProps: action.rawProps })))))),
+            props.onClose && (React__namespace.default.createElement("div", { className: css$Z.closeWrapper },
+                React__namespace.default.createElement(IconButton, { icon: ForwardRef$Q, color: "neutral", onClick: props.onClose, cx: css$Z.closeIcon }))))));
 });
 const WarningNotification = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => (React__namespace.default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$y, color: "warning" }, props, { ref: ref, cx: props.cx }))));
 const SuccessNotification = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => (React__namespace.default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$z, color: "success" }, props, { ref: ref, cx: props.cx }))));
@@ -1767,11 +1742,11 @@ const HintNotification = /* @__PURE__ */React__namespace.default.forwardRef((pro
 const ErrorNotification = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => (React__namespace.default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$x, color: "error" }, props, { ref: ref, cx: props.cx }))));
 function ClearNotification() {
     const uuiCtx = uuiCore.useUuiContext();
-    return (React__namespace.default.createElement("div", { className: cx__default.default(css$W.notificationWrapper, css$W.clearButton) },
+    return (React__namespace.default.createElement("div", { className: cx__default.default(css$Z.notificationWrapper, css$Z.clearButton) },
         React__namespace.default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
 }
 
-var css$V = {"footer":"_4LcTCe"};
+var css$Y = {"footer":"_468l7i"};
 
 class ConfirmationModal extends React__namespace.Component {
     render() {
@@ -1783,7 +1758,7 @@ class ConfirmationModal extends React__namespace.Component {
             React__namespace.createElement(ModalWindow, { width: 420 },
                 React__namespace.createElement(ModalHeader, { borderBottom: true, title: this.props.caption, onClose: () => this.props.abort() }),
                 React__namespace.createElement(ScrollBars, null, bodyContent),
-                React__namespace.createElement(ModalFooter, { cx: css$V.footer },
+                React__namespace.createElement(ModalFooter, { cx: css$Y.footer },
                     this.props.hideCancelButton || (React__namespace.createElement(Button, { caption: i18n.form.modals.discardButton, onClick: () => this.props.success(false), fill: "outline", color: "secondary" })),
                     React__namespace.createElement(Button, { caption: i18n.form.modals.saveButton, onClick: () => this.props.success(true), color: "primary" })))));
     }
@@ -1813,7 +1788,7 @@ function useReliableForceUpdate() {
     return red[1];
 }
 
-var css$U = {"root":"_1yptKm","timepicker-input":"FH0h1m","ltr-always":"M0cdWi","timepickerInput":"FH0h1m","ltrAlways":"M0cdWi"};
+var css$X = {"root":"xYt-1M","timepicker-input":"A2c6kw","ltr-always":"_5MytcW","timepickerInput":"A2c6kw","ltrAlways":"_5MytcW"};
 
 const uuiTimePicker = {
     container: 'uui-timepicker-container',
@@ -1852,8 +1827,8 @@ function TimePickerBody(props) {
         const minutesToSubtract = value.minute() % minutesStep === 0 ? minutesStep : value.minute() % minutesStep;
         onMinutesChange(value.subtract(minutesToSubtract, 'm').minute());
     };
-    return (React__namespace.createElement("div", Object.assign({ className: uuiCore.cx(css$U.root, uuiTimePicker.container, props.cx), ref: props.forwardedRef }, props.rawProps),
-        React__namespace.createElement("div", { className: css$U.ltrAlways },
+    return (React__namespace.createElement("div", Object.assign({ className: uuiCore.cx(css$X.root, uuiTimePicker.container, props.cx), ref: props.forwardedRef }, props.rawProps),
+        React__namespace.createElement("div", { className: css$X.ltrAlways },
             React__namespace.createElement("div", { className: uuiTimePicker.elementContainer },
                 React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment hours' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: () => onHoursChange(uuiDayjs.dayjs().set(props.value).add(1, 'h').hour()) }),
                 React__namespace.createElement(uuiComponents.NumericInput, { cx: uuiTimePicker.input, onValueChange: onHoursChange, value: +(uuiDayjs.dayjs()
@@ -1995,7 +1970,7 @@ function TimePicker(props) {
     };
     const renderInput = (inputProps) => {
         var _a;
-        return (React__namespace.default.createElement(TextInput, Object.assign({}, inputProps, { onClick: null, size: props.size || '36', isDisabled: props.isDisabled, isReadonly: props.isReadonly, isInvalid: props.isInvalid, cx: [css$U.root, css$U.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__namespace.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 })));
     };
     const renderBody = (bodyProps) => {
         var _a;
@@ -2006,19 +1981,19 @@ function TimePicker(props) {
     return (React__namespace.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$T = {"root":"o2JU-e"};
+var css$W = {"root":"IK0QEr"};
 
 function applyInputAddonMods() {
     return [
-        css$T.root,
+        css$W.root,
     ];
 }
 const InputAddon = /* @__PURE__ */uuiCore.withMods(uuiComponents.InputAddon, applyInputAddonMods);
 
-var css$S = {"root":"xTcdxW"};
+var css$V = {"root":"_1NTnl9"};
 
 function applySliderMods() {
-    return [css$S.root, 'uui-color-neutral'];
+    return [css$V.root, 'uui-color-neutral'];
 }
 const Slider = /* @__PURE__ */uuiCore.withMods(uuiComponents.Slider, applySliderMods);
 
@@ -2150,7 +2125,7 @@ const getNextYearsList = (currentDate) => {
     return currentDate.add(16, 'year');
 };
 
-var css$R = {"root":"IAljru","container":"IyN5sv"};
+var css$U = {"root":"NVRhAm","container":"YWkF3-"};
 
 const uuiHeader = {
     container: 'uui-datepicker-header-container',
@@ -2227,21 +2202,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__namespace.createElement("div", { className: cx__default.default(css$R.root, uuiHeader.container, cx__default.default) },
+    return (React__namespace.createElement("div", { className: cx__default.default(css$U.root, uuiHeader.container, cx__default.default) },
         React__namespace.createElement("header", { className: uuiHeader.headerNav },
             React__namespace.createElement(Button, { icon: navIconLeft || ForwardRef$v, color: "secondary", fill: "ghost", cx: uuiHeader.navIconLeft, onClick: !isDisabled && (() => onLeftNavigationArrow()), isDisabled: disablePrev }),
             React__namespace.createElement(Button, { caption: title, fill: "ghost", cx: uuiHeader.navTitle, onClick: !isDisabled && (() => onCaptionClick(view)) }),
             React__namespace.createElement(Button, { icon: navIconRight || ForwardRef$u, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
 }
 
-var css$Q = {"uui-typography":"RTOSN7","hero-header":"_4d2kfK","promo-header":"PaKDKx","uui-critical":"_2zdgW-","uui-info":"dGH5j9","uui-success":"Sb7t4J","uui-warning":"R8FosR","uui-highlight":"h6ULVo","uui-typography-size-12":"-bqo3d","uui-typography-size-14":"FBPqLS","uui-typography-size-16":"siFo5m","root":"ofNjhv","uuiTypography":"RTOSN7","heroHeader":"_4d2kfK","promoHeader":"PaKDKx","uuiCritical":"_2zdgW-","uuiInfo":"dGH5j9","uuiSuccess":"Sb7t4J","uuiWarning":"R8FosR","uuiHighlight":"h6ULVo","uuiTypographySize12":"-bqo3d","uuiTypographySize14":"FBPqLS","uuiTypographySize16":"siFo5m"};
+var css$T = {"uui-typography":"_17YkNZ","hero-header":"RrvQi8","promo-header":"fXtYbp","uui-critical":"_-9K8dR","uui-info":"mktvjR","uui-success":"uURM5u","uui-warning":"YWe1TX","uui-highlight":"yH-OXj","uui-typography-size-12":"o8HU0p","uui-typography-size-14":"cBMSJR","uui-typography-size-16":"_7DVLPK","root":"_8Olg76","uuiTypography":"_17YkNZ","heroHeader":"RrvQi8","promoHeader":"fXtYbp","uuiCritical":"_-9K8dR","uuiInfo":"mktvjR","uuiSuccess":"uURM5u","uuiWarning":"YWe1TX","uuiHighlight":"yH-OXj","uuiTypographySize12":"o8HU0p","uuiTypographySize14":"cBMSJR","uuiTypographySize16":"_7DVLPK"};
 
 function applyDateSelectionMods() {
-    return [css$Q.root, `uui-size-${settings.sizes.defaults.datePicker}`];
+    return [css$T.root, `uui-size-${settings.sizes.defaults.datePicker}`];
 }
 const Calendar = /* @__PURE__ */uuiCore.withMods(uuiComponents.Calendar, applyDateSelectionMods);
 
-var css$P = {"uui-typography":"LkhvYW","hero-header":"wl4rVU","promo-header":"_7fyUi9","uui-critical":"ASpoH0","uui-info":"_0LLhb8","uui-success":"IikchD","uui-warning":"_1bzaD5","uui-highlight":"S9p-P3","uui-typography-size-12":"TA6QTe","uui-typography-size-14":"c6YhmH","uui-typography-size-16":"XUIGT-","root":"IoM9F-","uuiTypography":"LkhvYW","heroHeader":"wl4rVU","promoHeader":"_7fyUi9","uuiCritical":"ASpoH0","uuiInfo":"_0LLhb8","uuiSuccess":"IikchD","uuiWarning":"_1bzaD5","uuiHighlight":"S9p-P3","uuiTypographySize12":"TA6QTe","uuiTypographySize14":"c6YhmH","uuiTypographySize16":"XUIGT-"};
+var css$S = {"uui-typography":"VJYK3S","hero-header":"zNZnuz","promo-header":"V4XuTH","uui-critical":"V-QZ-g","uui-info":"x9dFux","uui-success":"GTDVTW","uui-warning":"QaH3xe","uui-highlight":"-UVZJ0","uui-typography-size-12":"NHZKlX","uui-typography-size-14":"fLyMVh","uui-typography-size-16":"Zqgwsn","root":"_3-smSV","uuiTypography":"VJYK3S","heroHeader":"zNZnuz","promoHeader":"V4XuTH","uuiCritical":"V-QZ-g","uuiInfo":"x9dFux","uuiSuccess":"GTDVTW","uuiWarning":"QaH3xe","uuiHighlight":"-UVZJ0","uuiTypographySize12":"NHZKlX","uuiTypographySize14":"fLyMVh","uuiTypographySize16":"Zqgwsn"};
 
 const uuiDatePickerBody = {
     wrapper: 'uui-datepicker-body-wrapper',
@@ -2285,7 +2260,7 @@ function StatelessDatePickerBodyComp({ renderDay, isHoliday, cx: classes, filter
         }
     };
     return (React__namespace.default.createElement("div", Object.assign({ ref: ref, className: uuiCore.cx(uuiDatePickerBodyBase.container, `uui-size-${settings.sizes.defaults.datePicker}`, classes) }, rawProps),
-        React__namespace.default.createElement("div", { className: uuiCore.cx(css$P.root, uuiDatePickerBody.wrapper) },
+        React__namespace.default.createElement("div", { className: uuiCore.cx(css$S.root, uuiDatePickerBody.wrapper) },
             React__namespace.default.createElement(DatePickerHeader, { value: {
                     view,
                     month,
@@ -2372,7 +2347,7 @@ function DatePickerComponent(props, ref) {
 }
 const DatePicker = /* @__PURE__ */React__namespace.default.forwardRef(DatePickerComponent);
 
-var css$O = {"uui-typography":"k-5hwL","hero-header":"Qu-7KN","promo-header":"mWNbFW","uui-critical":"SyeFjJ","uui-info":"Qac2CX","uui-success":"N6VOuQ","uui-warning":"O7npiG","uui-highlight":"PLxx9i","uui-typography-size-12":"u8syHG","uui-typography-size-14":"kjbAVH","uui-typography-size-16":"LwvO9O","date-input":"zesSQZ","root":"_0G87Ql","separator":"-ohh7M","mode-form":"pDhahH","mode-cell":"W6cgoj","uuiTypography":"k-5hwL","heroHeader":"Qu-7KN","promoHeader":"mWNbFW","uuiCritical":"SyeFjJ","uuiInfo":"Qac2CX","uuiSuccess":"N6VOuQ","uuiWarning":"O7npiG","uuiHighlight":"PLxx9i","uuiTypographySize12":"u8syHG","uuiTypographySize14":"kjbAVH","uuiTypographySize16":"LwvO9O","dateInput":"zesSQZ","modeForm":"pDhahH","modeCell":"W6cgoj"};
+var css$R = {"uui-typography":"_73fg3W","hero-header":"E7PtUI","promo-header":"L50s-4","uui-critical":"rqc3xV","uui-info":"iRkhi3","uui-success":"q6BNHM","uui-warning":"mapJb8","uui-highlight":"_8i73ni","uui-typography-size-12":"C1Z7z4","uui-typography-size-14":"dvbvfo","uui-typography-size-16":"kzL-Lz","date-input":"ye7gXX","root":"wMaT1A","separator":"BEqGu2","mode-form":"EBRSDj","mode-cell":"gZLOUA","uuiTypography":"_73fg3W","heroHeader":"E7PtUI","promoHeader":"L50s-4","uuiCritical":"rqc3xV","uuiInfo":"iRkhi3","uuiSuccess":"q6BNHM","uuiWarning":"mapJb8","uuiHighlight":"_8i73ni","uuiTypographySize12":"C1Z7z4","uuiTypographySize14":"dvbvfo","uuiTypographySize16":"kzL-Lz","dateInput":"ye7gXX","modeForm":"EBRSDj","modeCell":"gZLOUA"};
 
 const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, onKeyDown, id, cx: classes, }, ref) => {
     const [inputValue, setInputValue] = React.useState(toCustomDateRangeFormat(value, format));
@@ -2406,15 +2381,15 @@ const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isIn
     const clearAllowed = !disableClear && inputValue.from && inputValue.to;
     return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    React__namespace.default.createElement("div", { ref: ref, className: uuiCore.cx(`uui-size-${size || settings.sizes.defaults.rangeDatePicker}`, 'uui-range-date-picker', classes, css$O.root, isDisabled && uuiCore.uuiMod.disabled, isReadonly && uuiCore.uuiMod.readonly, isInvalid && uuiCore.uuiMod.invalid, inFocus && uuiCore.uuiMod.focus), onKeyDown: onKeyDown },
-        React__namespace.default.createElement(TextInput, { icon: systemIcons.calendar, cx: uuiCore.cx(css$O.dateInput, inFocus === 'from' && uuiCore.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__namespace.default.createElement("div", { className: css$O.separator }),
-        React__namespace.default.createElement(TextInput, { cx: uuiCore.cx(css$O.dateInput, inFocus === 'to' && uuiCore.uuiMod.focus), placeholder: getPlaceholder ? getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: size || settings.sizes.defaults.rangeDatePicker, value: inputValue.to || undefined, onCancel: clearAllowed ? () => {
+    React__namespace.default.createElement("div", { ref: ref, className: uuiCore.cx(`uui-size-${size || settings.sizes.defaults.rangeDatePicker}`, 'uui-range-date-picker', classes, css$R.root, isDisabled && uuiCore.uuiMod.disabled, isReadonly && uuiCore.uuiMod.readonly, isInvalid && uuiCore.uuiMod.invalid, inFocus && uuiCore.uuiMod.focus), onKeyDown: onKeyDown },
+        React__namespace.default.createElement(TextInput, { icon: systemIcons.calendar, cx: uuiCore.cx(css$R.dateInput, inFocus === 'from' && uuiCore.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__namespace.default.createElement("div", { className: css$R.separator }),
+        React__namespace.default.createElement(TextInput, { cx: uuiCore.cx(css$R.dateInput, inFocus === 'to' && uuiCore.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$N = {"uui-typography":"ad6Ha4","hero-header":"E7Wgil","promo-header":"_1Mmbph","uui-critical":"oCNh0r","uui-info":"bNRlDD","uui-success":"tK0UjY","uui-warning":"UOnLp7","uui-highlight":"qEthv0","uui-typography-size-12":"bZfK14","uui-typography-size-14":"_5xOtB4","uui-typography-size-16":"kvhn2O","root":"_--yThf","uuiTypography":"ad6Ha4","heroHeader":"E7Wgil","promoHeader":"_1Mmbph","uuiCritical":"oCNh0r","uuiInfo":"bNRlDD","uuiSuccess":"tK0UjY","uuiWarning":"UOnLp7","uuiHighlight":"qEthv0","uuiTypographySize12":"bZfK14","uuiTypographySize14":"_5xOtB4","uuiTypographySize16":"kvhn2O"};
+var css$Q = {"uui-typography":"EE6aDq","hero-header":"Usmm36","promo-header":"uH7JTh","uui-critical":"qcDSxU","uui-info":"_5fwk4J","uui-success":"lHEmPD","uui-warning":"YEjJkt","uui-highlight":"AWPnoE","uui-typography-size-12":"QsLHTY","uui-typography-size-14":"ohC2Yd","uui-typography-size-16":"_1QiDrv","root":"wMrRC-","uuiTypography":"EE6aDq","heroHeader":"Usmm36","promoHeader":"uH7JTh","uuiCritical":"qcDSxU","uuiInfo":"_5fwk4J","uuiSuccess":"lHEmPD","uuiWarning":"YEjJkt","uuiHighlight":"AWPnoE","uuiTypographySize12":"QsLHTY","uuiTypographySize14":"ohC2Yd","uuiTypographySize16":"_1QiDrv"};
 
 const uuiPresets = {
     container: 'uui-presets-container',
@@ -2425,12 +2400,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__namespace.createElement("div", Object.assign({ ref: props.forwardedRef, className: uuiCore.cx(uuiPresets.container, css$N.root, props.cx) }, props.rawProps),
+    return (React__namespace.createElement("div", Object.assign({ ref: props.forwardedRef, className: uuiCore.cx(uuiPresets.container, css$Q.root, props.cx) }, props.rawProps),
         React__namespace.createElement("div", { className: uuiPresets.header }, "Presets"),
         getPresets(props.presets).map((item) => (React__namespace.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: "24" })))));
 }
 
-var css$M = {"uui-typography":"_1d2ziX","hero-header":"He8Hxb","promo-header":"SzV8E5","uui-critical":"cRd2-q","uui-info":"uqIUaH","uui-success":"duCjsH","uui-warning":"IrCqTm","uui-highlight":"lFjnGG","uui-typography-size-12":"OcU3yd","uui-typography-size-14":"-FukHD","uui-typography-size-16":"WeZEsk","root":"_4MgcvZ","container":"-P8mRo","day-selection":"i-l5dw","from-picker":"C8va6P","to-picker":"SVVwZk","bodes-wrapper":"skSR1I","blocker":"czYI2J","uuiTypography":"_1d2ziX","heroHeader":"He8Hxb","promoHeader":"SzV8E5","uuiCritical":"cRd2-q","uuiInfo":"uqIUaH","uuiSuccess":"duCjsH","uuiWarning":"IrCqTm","uuiHighlight":"lFjnGG","uuiTypographySize12":"OcU3yd","uuiTypographySize14":"-FukHD","uuiTypographySize16":"WeZEsk","daySelection":"i-l5dw","fromPicker":"C8va6P","toPicker":"SVVwZk","bodesWrapper":"skSR1I"};
+var css$P = {"uui-typography":"Vt-28n","hero-header":"hhS1ev","promo-header":"dZpqSU","uui-critical":"_38mE3G","uui-info":"tSq4BL","uui-success":"UifY4-","uui-warning":"_6FMlrj","uui-highlight":"gvJ31B","uui-typography-size-12":"BlLZBx","uui-typography-size-14":"-MQXXC","uui-typography-size-16":"rYtjMq","root":"QYuQLt","container":"wL0QAe","day-selection":"eSXbvK","from-picker":"_9nQkFP","to-picker":"QyC1vS","bodes-wrapper":"_9ArxdU","blocker":"bq1BpG","uuiTypography":"Vt-28n","heroHeader":"hhS1ev","promoHeader":"dZpqSU","uuiCritical":"_38mE3G","uuiInfo":"tSq4BL","uuiSuccess":"UifY4-","uuiWarning":"_6FMlrj","uuiHighlight":"gvJ31B","uuiTypographySize12":"BlLZBx","uuiTypographySize14":"-MQXXC","uuiTypographySize16":"rYtjMq","daySelection":"eSXbvK","fromPicker":"_9nQkFP","toPicker":"QyC1vS","bodesWrapper":"_9ArxdU"};
 
 const uuiRangeDatePickerBody = {
     inRange: 'uui-range-datepicker-in-range',
@@ -2571,21 +2546,21 @@ function RangeDatePickerBodyComp(props, ref) {
                     });
                 }, presets: presets })));
     };
-    return (React__namespace.default.createElement("div", Object.assign({ ref: ref, className: uuiCore.cx(css$M.root, uuiDatePickerBodyBase.container, props.cx) }, props.rawProps),
-        React__namespace.default.createElement(FlexRow, { cx: [view === 'DAY_SELECTION' && css$M.daySelection, css$M.container], alignItems: "top" },
+    return (React__namespace.default.createElement("div", Object.assign({ ref: ref, className: uuiCore.cx(css$P.root, uuiDatePickerBodyBase.container, props.cx) }, props.rawProps),
+        React__namespace.default.createElement(FlexRow, { cx: [view === 'DAY_SELECTION' && css$P.daySelection, css$P.container], alignItems: "top" },
             React__namespace.default.createElement(FlexCell, { width: "auto" },
                 React__namespace.default.createElement(FlexRow, null,
-                    React__namespace.default.createElement(FlexRow, { cx: css$M.bodesWrapper, alignItems: "top" },
-                        React__namespace.default.createElement(StatelessDatePickerBody, Object.assign({ key: "date-picker-body-left", cx: uuiCore.cx(css$M.fromPicker) }, from, { onValueChange: (v) => onBodyValueChange(v, 'from'), onMonthChange: (m) => {
+                    React__namespace.default.createElement(FlexRow, { cx: css$P.bodesWrapper, alignItems: "top" },
+                        React__namespace.default.createElement(StatelessDatePickerBody, Object.assign({ key: "date-picker-body-left", cx: uuiCore.cx(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__namespace.default.createElement(StatelessDatePickerBody, Object.assign({ key: "date-picker-body-right", cx: uuiCore.cx(css$M.toPicker) }, to, { onValueChange: (v) => onBodyValueChange(v, 'to'), onMonthChange: (m) => {
+                        React__namespace.default.createElement(StatelessDatePickerBody, Object.assign({ key: "date-picker-body-right", cx: uuiCore.cx(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__namespace.default.createElement("div", { style: {
                                 left: activeMonth === 'from' ? '50%' : undefined,
                                 right: activeMonth === 'to' ? '50%' : undefined,
-                            }, className: css$M.blocker }))),
+                            }, className: css$P.blocker }))),
                     props.presets && renderPresets(props.presets)),
                 props.renderFooter && props.renderFooter()))));
 }
@@ -2605,7 +2580,7 @@ const getDayCX = (day, selectedDate) => {
     return [uuiCore.cx(inRange && uuiRangeDatePickerBody.inRange, isFirst && uuiRangeDatePickerBody.firstDayInRangeWrapper, !inRange && isFirst && uuiRangeDatePickerBody.lastDayInRangeWrapper, isLast && uuiRangeDatePickerBody.lastDayInRangeWrapper, !inRange && isLast && uuiRangeDatePickerBody.firstDayInRangeWrapper, (dayValue === fromValue || dayValue === toValue) && uuiComponents.uuiDaySelection.selectedDay)];
 };
 
-var css$L = {"dropdown-container":"Nyc0MQ","dropdownContainer":"Nyc0MQ"};
+var css$O = {"dropdown-container":"_4jsRhC","dropdownContainer":"_4jsRhC"};
 
 const modifiers = [{
         name: 'offset',
@@ -2652,7 +2627,7 @@ function RangeDatePickerComponent(props, ref) {
     };
     const renderBody = (renderProps) => {
         var _a;
-        return (React__namespace.default.createElement(DropdownContainer, Object.assign({}, renderProps, { cx: cx__default.default(css$L.dropdownContainer), shards: [targetRef], returnFocus: (node) => {
+        return (React__namespace.default.createElement(DropdownContainer, Object.assign({}, renderProps, { cx: cx__default.default(css$O.dropdownContainer), shards: [targetRef], returnFocus: (node) => {
                 console.log('lock', node);
                 return true;
             } }),
@@ -2682,22 +2657,66 @@ function RangeDatePickerComponent(props, ref) {
 }
 const RangeDatePicker = /* @__PURE__ */React__namespace.default.forwardRef(RangeDatePickerComponent);
 
-var css$K = {"root":"L21c7V","blocker":"KP-2yV","marker":"WQtj-M","top":"eExwjT","bottom":"_2s83WC","left":"V1N7hv","right":"_89H2mw","inside":"U8eGFH"};
+var css$N = {"root":"bTqEXA","blocker":"HxKkE2","marker":"XWOlrj","top":"GGD-6Q","bottom":"-h4L5w","left":"KaNK5M","right":"_2omn2b","inside":"-HykNi"};
 
 function DropMarker(props) {
     return props.isDndInProgress
         ? (React__namespace.createElement(React__namespace.Fragment, null,
-            props.enableBlocker && React__namespace.createElement("div", { className: css$K.blocker }),
+            props.enableBlocker && React__namespace.createElement("div", { className: css$N.blocker }),
             React__namespace.createElement("div", { className: cx__default.default([
-                    css$K.root,
-                    css$K.marker,
-                    css$K[props.position],
+                    css$N.root,
+                    css$N.marker,
+                    css$N[props.position],
                     props === null || props === void 0 ? void 0 : props.cx,
                 ]) })))
         : null;
 }
 
-var css$J = {"uui-typography":"B2BM6b","hero-header":"ZVJ2bN","promo-header":"OOgeH3","uui-critical":"J-AZS1","uui-info":"aEidtk","uui-success":"vazRyV","uui-warning":"iG5WK6","uui-highlight":"AONA1k","uui-typography-size-12":"uU9e3C","uui-typography-size-14":"PKjyT9","uui-typography-size-16":"e5Pc8P","modal":"T4p1PR","search-wrapper":"KWt67a","no-data":"HhyUfC","type-search-to-load-size-24":"BqJzKE","uuiTypography":"B2BM6b","heroHeader":"ZVJ2bN","promoHeader":"OOgeH3","uuiCritical":"J-AZS1","uuiInfo":"aEidtk","uuiSuccess":"vazRyV","uuiWarning":"iG5WK6","uuiHighlight":"AONA1k","uuiTypographySize12":"uU9e3C","uuiTypographySize14":"PKjyT9","uuiTypographySize16":"e5Pc8P","searchWrapper":"KWt67a","noData":"HhyUfC","typeSearchToLoadSize24":"BqJzKE"};
+var css$M = {"root":"GytkVA","line-height":"pabEvp","font-size":"XEnKBI","lineHeight":"pabEvp","fontSize":"XEnKBI"};
+
+function applyTextMods(mods) {
+    return [
+        css$M.root,
+        'uui-text',
+        `uui-size-${mods.size || settings.sizes.defaults.text}`,
+        (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'}`,
+        'uui-typography',
+    ];
+}
+const Text = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Text, applyTextMods, (props) => {
+    var _a;
+    const style = ((_a = props === null || props === void 0 ? void 0 : props.rawProps) === null || _a === void 0 ? void 0 : _a.style) || {};
+    props.fontSize && (style['--uui-text-font-size'] = `${props.fontSize}px`);
+    props.lineHeight && (style['--uui-text-line-height'] = `${props.lineHeight}px`);
+    return {
+        rawProps: Object.assign(Object.assign({}, props === null || props === void 0 ? void 0 : props.rawProps), { style: style }),
+    };
+});
+
+var css$L = {"root":"Fsv-3l","loading-word":"uPatnh","animated-loading":"kVbEiu","skeleton_loading":"xAFSrB","loadingWord":"uPatnh","animatedLoading":"kVbEiu","skeletonLoading":"xAFSrB"};
+
+const TextPlaceholder = (props) => {
+    const pattern = '&nbsp;';
+    const text = React__namespace.useMemo(() => {
+        const words = [];
+        for (let i = 0; i < (props.wordsCount || 1); i++) {
+            const lengthWord = Math.floor(Math.random() * 10 + 8);
+            words.push(pattern.repeat(lengthWord));
+        }
+        return words;
+    }, [props.wordsCount]);
+    return (React__namespace.createElement("div", Object.assign({ "aria-busy": true, className: cx__default.default(css$L.root, 'uui-text-placeholder') }, props.rawProps), text.map((it, index) => (React__namespace.createElement("span", { key: index, className: cx__default.default([
+            props.cx, css$L.loadingWord, !props.isNotAnimated && css$L.animatedLoading,
+        ]), dangerouslySetInnerHTML: { __html: it } })))));
+};
+
+const RichTextView = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || '14'}`]);
+
+var css$K = {"uui-typography":"_5Y8B8j","hero-header":"mv9MFw","promo-header":"lPHOEN","uui-critical":"_5OxurB","uui-info":"_3BzVl5","uui-success":"qkPVpl","uui-warning":"HkPrpX","uui-highlight":"GbmkJX","uui-typography-size-12":"cz6Il9","uui-typography-size-14":"qMC3yr","uui-typography-size-16":"SVyb7P","modal":"-AO8-v","search-wrapper":"VqAfuD","no-data":"_6LRZKr","type-search-to-load-size-24":"d4FDr4","uuiTypography":"_5Y8B8j","heroHeader":"mv9MFw","promoHeader":"lPHOEN","uuiCritical":"_5OxurB","uuiInfo":"_3BzVl5","uuiSuccess":"qkPVpl","uuiWarning":"HkPrpX","uuiHighlight":"GbmkJX","uuiTypographySize12":"cz6Il9","uuiTypographySize14":"qMC3yr","uuiTypographySize16":"SVyb7P","searchWrapper":"VqAfuD","noData":"_6LRZKr","typeSearchToLoadSize24":"d4FDr4"};
 
 class DataPickerBody extends uuiComponents.PickerBodyBase {
     constructor() {
@@ -2716,7 +2735,7 @@ class DataPickerBody extends uuiComponents.PickerBodyBase {
             });
         }
         if (this.props.minCharsToSearch && search.length < this.props.minCharsToSearch) {
-            return (React__namespace.default.createElement(uuiComponents.FlexCell, { cx: css$J.noData, grow: 1, textAlign: "center" },
+            return (React__namespace.default.createElement(uuiComponents.FlexCell, { cx: css$K.noData, grow: 1, textAlign: "center" },
                 React__namespace.default.createElement(Text, { size: this.props.searchSize }, i18n.dataPickerBody.typeSearchToLoadMessage)));
         }
         if (this.props.rows.length === 0) {
@@ -2731,21 +2750,21 @@ class DataPickerBody extends uuiComponents.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__namespace.default.createElement(uuiComponents.FlexCell, { cx: css$J.noData, grow: 1, textAlign: "center" },
+            return (React__namespace.default.createElement(uuiComponents.FlexCell, { cx: css$K.noData, grow: 1, textAlign: "center" },
                 React__namespace.default.createElement(Text, { size: this.props.searchSize }, i18n.dataPickerBody.noRecordsMessage)));
         }
     }
     render() {
         const searchSize = this.getSearchSize();
         return (React__namespace.default.createElement(React__namespace.default.Fragment, null,
-            this.showSearch() && (React__namespace.default.createElement("div", { key: "search", className: css$J.searchWrapper },
+            this.showSearch() && (React__namespace.default.createElement("div", { key: "search", className: css$K.searchWrapper },
                 React__namespace.default.createElement(uuiComponents.FlexCell, { grow: 1 },
                     React__namespace.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__namespace.default.createElement(FlexRow, { key: "body", cx: uuiCore.cx('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__namespace.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__namespace.default.createElement(FlexRow, { key: "body", cx: uuiCore.cx('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__namespace.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":"_2G3Kpu"};
+var css$J = {"footer":"jsQqzN"};
 
 function DataPickerFooterImpl(props) {
     const { search, clearSelection, view, showSelected, selectionMode, isSearchTooShort, } = props;
@@ -2759,7 +2778,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__namespace.default.createElement(FlexRow, { cx: css$I.footer },
+    return !hideFooter && (React__namespace.default.createElement(FlexRow, { cx: css$J.footer },
         !isSinglePicker && (React__namespace.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__namespace.default.createElement(uuiComponents.FlexSpacer, null),
         React__namespace.default.createElement(FlexCell, { width: "auto", alignSelf: "center" },
@@ -2770,13 +2789,13 @@ function DataPickerFooterImpl(props) {
 }
 const DataPickerFooter = /* @__PURE__ */React__namespace.default.memo(DataPickerFooterImpl);
 
-var css$H = {"header":"_9wbI8A","title":"KlZEBA","close":"ImbVEq"};
+var css$I = {"header":"nYao4y","title":"MeKxDC","close":"_4WikpY"};
 
 const DataPickerHeaderImpl = (props) => {
     const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
-    return (React__namespace.default.createElement(FlexRow, { alignItems: "center", borderBottom: true, cx: css$H.header },
-        React__namespace.default.createElement(Text, { size: settings.sizes.pickerInput.body.mobile.header.titleSize, cx: css$H.title }, title),
-        React__namespace.default.createElement(IconButton, { icon: ForwardRef$Q, onClick: () => { var _a; return (_a = props.close) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$H.close })));
+    return (React__namespace.default.createElement(FlexRow, { alignItems: "center", borderBottom: true, cx: css$I.header },
+        React__namespace.default.createElement(Text, { size: settings.sizes.pickerInput.body.mobile.header.titleSize, cx: css$I.title }, title),
+        React__namespace.default.createElement(IconButton, { icon: ForwardRef$Q, onClick: () => { var _a; return (_a = props.close) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$I.close })));
 };
 const DataPickerHeader = /* @__PURE__ */React__namespace.default.memo(DataPickerHeaderImpl);
 
@@ -2795,7 +2814,7 @@ var SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
 };
 var ForwardRef$s = /*#__PURE__*/React.forwardRef(SvgNotificationDoneFill);
 
-var css$G = {"uui-typography":"Dqd9Px","hero-header":"WX2YlQ","promo-header":"pJiL5k","uui-critical":"InAlBh","uui-info":"F9-hWJ","uui-success":"b2gFWC","uui-warning":"R0biPB","uui-highlight":"lAzfur","uui-typography-size-12":"Nes-us","uui-typography-size-14":"M1k4rY","uui-typography-size-16":"_39E-DP","root":"Ik7PKF","align-widgets-top":"_3chk-S","align-widgets-center":"G-vDWx","icon-container":"_-2x-vG","loading-cell":"vmK3Ri","content-wrapper":"h-DUlb","render-item":"aI-6qI","icon-wrapper":"gkLF11","icon-default":"_1m5xRX","selected-mark":"LoNKc4","uuiTypography":"Dqd9Px","heroHeader":"WX2YlQ","promoHeader":"pJiL5k","uuiCritical":"InAlBh","uuiInfo":"F9-hWJ","uuiSuccess":"b2gFWC","uuiWarning":"R0biPB","uuiHighlight":"lAzfur","uuiTypographySize12":"Nes-us","uuiTypographySize14":"M1k4rY","uuiTypographySize16":"_39E-DP","alignWidgetsTop":"_3chk-S","alignWidgetsCenter":"G-vDWx","iconContainer":"_-2x-vG","loadingCell":"vmK3Ri","contentWrapper":"h-DUlb","renderItem":"aI-6qI","iconWrapper":"gkLF11","iconDefault":"_1m5xRX","selectedMark":"LoNKc4"};
+var css$H = {"uui-typography":"xx-jlV","hero-header":"BTlxVG","promo-header":"cXQwpu","uui-critical":"_8DZOmq","uui-info":"zDuHeh","uui-success":"rvevAN","uui-warning":"X1b-zS","uui-highlight":"_37-wQ-","uui-typography-size-12":"-QYWUy","uui-typography-size-14":"i2z3PN","uui-typography-size-16":"OZdb9O","root":"TbRP12","align-widgets-top":"rL-sLY","align-widgets-center":"p68bL4","icon-container":"OZ2MDh","loading-cell":"nQN0r2","content-wrapper":"_9IbziX","render-item":"cCIbRN","icon-wrapper":"RvKVdQ","icon-default":"_8NxYVg","selected-mark":"fZxhOL","uuiTypography":"xx-jlV","heroHeader":"BTlxVG","promoHeader":"cXQwpu","uuiCritical":"_8DZOmq","uuiInfo":"zDuHeh","uuiSuccess":"rvevAN","uuiWarning":"X1b-zS","uuiHighlight":"_37-wQ-","uuiTypographySize12":"-QYWUy","uuiTypographySize14":"i2z3PN","uuiTypographySize16":"OZdb9O","alignWidgetsTop":"rL-sLY","alignWidgetsCenter":"p68bL4","iconContainer":"OZ2MDh","loadingCell":"nQN0r2","contentWrapper":"_9IbziX","renderItem":"cCIbRN","iconWrapper":"RvKVdQ","iconDefault":"_8NxYVg","selectedMark":"fZxhOL"};
 
 function DataPickerCell(props) {
     const ref = React__namespace.useRef();
@@ -2803,28 +2822,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__namespace.createElement(Text, { key: "t", size: settings.sizes.pickerInput.body.dropdown.row.cell.text[props.size], cx: css$G.loadingCell },
+        React__namespace.createElement(Text, { key: "t", size: settings.sizes.pickerInput.body.dropdown.row.cell.text[props.size], cx: css$H.loadingCell },
             React__namespace.createElement(TextPlaceholder, null)));
     }
     else if (props.rowProps.isUnknown) {
         content = (React__namespace.createElement(Text, { key: "t", size: settings.sizes.pickerInput.body.dropdown.row.cell.text[props.size] }, "Unknown"));
     }
     else {
-        content = (React__namespace.createElement("div", { key: `${props.rowProps.id}`, className: css$G.renderItem },
+        content = (React__namespace.createElement("div", { key: `${props.rowProps.id}`, className: css$H.renderItem },
             props.renderItem(props.rowProps.value, props.rowProps),
             React__namespace.createElement(uuiComponents.FlexSpacer, null),
-            (props.rowProps.isChildrenSelected || props.rowProps.isSelected) && (React__namespace.createElement("div", { className: uuiCore.cx(css$G.iconWrapper, uuiCore.uuiMod.selected) },
-                React__namespace.createElement(uuiComponents.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$O, cx: props.rowProps.isChildrenSelected ? css$G.iconDefault : css$G.selectedMark, rawProps: { 'aria-label': props.rowProps.isChildrenSelected
+            (props.rowProps.isChildrenSelected || props.rowProps.isSelected) && (React__namespace.createElement("div", { className: uuiCore.cx(css$H.iconWrapper, uuiCore.uuiMod.selected) },
+                React__namespace.createElement(uuiComponents.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$O, cx: props.rowProps.isChildrenSelected ? css$H.iconDefault : css$H.selectedMark, rawProps: { 'aria-label': props.rowProps.isChildrenSelected
                             ? 'Child is selected'
                             : 'Selected' } })))));
     }
-    const getWrappedContent = () => (React__namespace.createElement("div", { className: css$G.contentWrapper }, content));
+    const getWrappedContent = () => (React__namespace.createElement("div", { className: css$H.contentWrapper }, content));
     return (React__namespace.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`,
         } },
@@ -2832,7 +2851,7 @@ function DataPickerCell(props) {
         getWrappedContent()));
 }
 
-var css$F = {"uui-typography":"tYuVis","hero-header":"-YKYvS","promo-header":"xpI---","uui-critical":"uWH7Zm","uui-info":"FaDXBd","uui-success":"-d-343","uui-warning":"_5zsojV","uui-highlight":"-ZB-lR","uui-typography-size-12":"crRAeV","uui-typography-size-14":"KnYLRi","uui-typography-size-16":"DmBvF8","picker-row":"bm5JfB","uuiTypography":"tYuVis","heroHeader":"-YKYvS","promoHeader":"xpI---","uuiCritical":"uWH7Zm","uuiInfo":"FaDXBd","uuiSuccess":"-d-343","uuiWarning":"_5zsojV","uuiHighlight":"-ZB-lR","uuiTypographySize12":"crRAeV","uuiTypographySize14":"KnYLRi","uuiTypographySize16":"DmBvF8","pickerRow":"bm5JfB"};
+var css$G = {"uui-typography":"U0xo3k","hero-header":"_6TrVg4","promo-header":"_0Gnest","uui-critical":"-NoykT","uui-info":"_7mSuGK","uui-success":"Z-XVFV","uui-warning":"xJOJKI","uui-highlight":"dsCE4s","uui-typography-size-12":"t6SwUc","uui-typography-size-14":"jhv03Y","uui-typography-size-16":"BLyzuL","picker-row":"_15lY0e","uuiTypography":"U0xo3k","heroHeader":"_6TrVg4","promoHeader":"_0Gnest","uuiCritical":"-NoykT","uuiInfo":"_7mSuGK","uuiSuccess":"Z-XVFV","uuiWarning":"xJOJKI","uuiHighlight":"dsCE4s","uuiTypographySize12":"t6SwUc","uuiTypographySize14":"jhv03Y","uuiTypographySize16":"BLyzuL","pickerRow":"_15lY0e"};
 
 class DataPickerRow extends React__namespace.Component {
     constructor() {
@@ -2842,20 +2861,20 @@ class DataPickerRow extends React__namespace.Component {
         };
     }
     render() {
-        return (React__namespace.createElement(uuiComponents.DataPickerRow, Object.assign({}, this.props, { cx: [css$F.pickerRow, this.props.cx], renderContent: this.renderContent })));
+        return (React__namespace.createElement(uuiComponents.DataPickerRow, Object.assign({}, this.props, { cx: [css$G.pickerRow, this.props.cx], renderContent: this.renderContent })));
     }
 }
 
-var css$E = {"uui-typography":"Wv-U35","hero-header":"_4hlRwG","promo-header":"_6vWDUg","uui-critical":"S5sflm","uui-info":"HEuI-Y","uui-success":"Hmy6pT","uui-warning":"_2vpv5L","uui-highlight":"_4MgtCA","uui-typography-size-12":"-Dt3Kh","uui-typography-size-14":"_97LP63","uui-typography-size-16":"xEFMe-","done":"jKIujp","container":"RAQ2L2","uuiTypography":"Wv-U35","heroHeader":"_4hlRwG","promoHeader":"_6vWDUg","uuiCritical":"S5sflm","uuiInfo":"HEuI-Y","uuiSuccess":"Hmy6pT","uuiWarning":"_2vpv5L","uuiHighlight":"_4MgtCA","uuiTypographySize12":"-Dt3Kh","uuiTypographySize14":"_97LP63","uuiTypographySize16":"xEFMe-"};
+var css$F = {"uui-typography":"JC7WWC","hero-header":"zXUX4Y","promo-header":"fAMyO-","uui-critical":"BkmRfp","uui-info":"r5jh-c","uui-success":"_9bHdsz","uui-warning":"_3iwCEJ","uui-highlight":"RnsW-b","uui-typography-size-12":"XVp1E3","uui-typography-size-14":"Zvhemp","uui-typography-size-16":"_0k3weW","done":"qinpJE","container":"EaVHU1","uuiTypography":"JC7WWC","heroHeader":"zXUX4Y","promoHeader":"fAMyO-","uuiCritical":"BkmRfp","uuiInfo":"r5jh-c","uuiSuccess":"_9bHdsz","uuiWarning":"_3iwCEJ","uuiHighlight":"RnsW-b","uuiTypographySize12":"XVp1E3","uuiTypographySize14":"Zvhemp","uuiTypographySize16":"_0k3weW"};
 
 const PickerBodyMobileView = (props) => {
     const isMobileView = uuiCore.isMobile();
     const maxWidth = isMobileView ? 'auto' : props.maxWidth;
     const maxHeight = isMobileView ? 'auto' : props.maxHeight;
-    return (React__namespace.default.createElement(DropdownContainer, Object.assign({}, props, { maxWidth: maxWidth, maxHeight: maxHeight, cx: [css$E.container, props.cx], autoFocus: true }),
+    return (React__namespace.default.createElement(DropdownContainer, Object.assign({}, props, { maxWidth: maxWidth, maxHeight: maxHeight, cx: [css$F.container, props.cx], autoFocus: true }),
         isMobileView && React__namespace.default.createElement(DataPickerHeader, { title: props.title, close: props.onClose }),
         props.children,
-        isMobileView && React__namespace.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__namespace.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;
@@ -2880,7 +2899,7 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
 };
 var ForwardRef$r = /*#__PURE__*/React.forwardRef(SvgSearchWithBackground);
 
-var css$D = {"uui-typography":"C8iSTB","hero-header":"GwQu1t","promo-header":"jtKA9E","uui-critical":"lllMJ5","uui-info":"aDjn9F","uui-success":"PjHoSD","uui-warning":"_2GoP12","uui-highlight":"YU8f-K","uui-typography-size-12":"ctWIbP","uui-typography-size-14":"wE5y4x","uui-typography-size-16":"_3diooQ","sub-header-wrapper":"pNWPMc","switch":"-HeWLE","no-found-modal-container":"QueLW0","no-found-modal-container-icon":"uutyAy","no-found-modal-container-text":"tc9s10","uuiTypography":"C8iSTB","heroHeader":"GwQu1t","promoHeader":"jtKA9E","uuiCritical":"lllMJ5","uuiInfo":"aDjn9F","uuiSuccess":"PjHoSD","uuiWarning":"_2GoP12","uuiHighlight":"YU8f-K","uuiTypographySize12":"ctWIbP","uuiTypographySize14":"wE5y4x","uuiTypographySize16":"_3diooQ","subHeaderWrapper":"pNWPMc","$switch$":"-HeWLE","noFoundModalContainer":"QueLW0","noFoundModalContainerIcon":"uutyAy","noFoundModalContainerText":"tc9s10"};
+var css$E = {"uui-typography":"X-MBFW","hero-header":"PbPiOW","promo-header":"OwYPzy","uui-critical":"XPr6my","uui-info":"Si2SzE","uui-success":"ZvTh1y","uui-warning":"SVbJmQ","uui-highlight":"_2c0-aR","uui-typography-size-12":"l-LgY1","uui-typography-size-14":"_7s9j6o","uui-typography-size-16":"BXBabF","sub-header-wrapper":"_5QpI-i","switch":"oA1NHX","no-found-modal-container":"_6xslOE","no-found-modal-container-icon":"umg2iz","no-found-modal-container-text":"NxhMwx","uuiTypography":"X-MBFW","heroHeader":"PbPiOW","promoHeader":"OwYPzy","uuiCritical":"XPr6my","uuiInfo":"Si2SzE","uuiSuccess":"ZvTh1y","uuiWarning":"SVbJmQ","uuiHighlight":"_2c0-aR","uuiTypographySize12":"l-LgY1","uuiTypographySize14":"_7s9j6o","uuiTypographySize16":"BXBabF","subHeaderWrapper":"_5QpI-i","$switch$":"oA1NHX","noFoundModalContainer":"_6xslOE","noFoundModalContainerIcon":"umg2iz","noFoundModalContainerText":"NxhMwx"};
 
 const mergeHighlightRanges = (ranges) => {
     const mergedRanges = [];
@@ -2947,7 +2966,7 @@ const getHighlightedSearchMatches = (str, search) => {
     return getDecoratedText(str, ranges);
 };
 
-var css$C = {"root":"YEZuRh","column-gap":"cNnZnS","multiline":"_8QxxkA","text":"_2oiB67","columnGap":"cNnZnS"};
+var css$D = {"root":"z9mQmV","column-gap":"TiGVOU","multiline":"_3YQOw3","text":"cRYKBZ","columnGap":"TiGVOU"};
 
 function PickerItem(props) {
     var _a;
@@ -2957,13 +2976,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__namespace.createElement(FlexCell, { width: "auto", cx: [css$C.root, 'uui-typography', cx] },
-        React__namespace.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__namespace.createElement(FlexCell, { width: "auto", cx: [css$D.root, 'uui-typography', cx] },
+        React__namespace.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__namespace.createElement(uuiComponents.Avatar, { isLoading: isLoading, img: avatarUrl, size: getAvatarSize(itemSize, isMultiline).toString() })),
             icon && React__namespace.createElement(uuiComponents.IconContainer, { icon: icon }),
             React__namespace.createElement(FlexCell, { width: "auto" },
-                title && (React__namespace.createElement(Text, { size: itemSize, cx: css$C.text, color: isDisabled ? 'disabled' : 'primary' }, isLoading ? React__namespace.createElement(TextPlaceholder, { wordsCount: 2 }) : title)),
-                subtitle && (React__namespace.createElement(Text, { size: itemSize, color: isDisabled ? 'disabled' : 'secondary', cx: css$C.text }, isLoading ? React__namespace.createElement(TextPlaceholder, { wordsCount: 2 }) : subtitle))))));
+                title && (React__namespace.createElement(Text, { size: itemSize, cx: css$D.text, color: isDisabled ? 'disabled' : 'primary' }, isLoading ? React__namespace.createElement(TextPlaceholder, { wordsCount: 2 }) : title)),
+                subtitle && (React__namespace.createElement(Text, { size: itemSize, color: isDisabled ? 'disabled' : 'secondary', cx: css$D.text }, isLoading ? React__namespace.createElement(TextPlaceholder, { wordsCount: 2 }) : subtitle))))));
 }
 function getAvatarSize(size, isMultiline) {
     return settings.sizes.pickerInput.body.dropdown.row.cell.item.avatar[isMultiline ? 'multiline' : 'rest'][size];
@@ -2997,17 +3016,17 @@ function PickerModal(props) {
             React__namespace.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__namespace.default.createElement("div", { className: css$D.noFoundModalContainer },
-            React__namespace.default.createElement(uuiComponents.IconContainer, { cx: css$D.noFoundModalContainerIcon, icon: ForwardRef$r }),
-            React__namespace.default.createElement(Text, { cx: css$D.noFoundModalContainerText, fontWeight: "600", fontSize: "16", lineHeight: "24", color: "primary", size: "36" }, i18n.dataPickerBody.noRecordsMessage),
-            React__namespace.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__namespace.default.createElement("div", { className: css$E.noFoundModalContainer },
+            React__namespace.default.createElement(uuiComponents.IconContainer, { cx: css$E.noFoundModalContainerIcon, icon: ForwardRef$r }),
+            React__namespace.default.createElement(Text, { cx: css$E.noFoundModalContainerText, fontWeight: "600", fontSize: "16", lineHeight: "24", color: "primary", size: "36" }, i18n.dataPickerBody.noRecordsMessage),
+            React__namespace.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__namespace.default.createElement(ModalBlocker, Object.assign({}, props),
         React__namespace.default.createElement(ModalWindow, { width: 600, height: 700 },
             React__namespace.default.createElement(ModalHeader, { title: props.caption || i18n.pickerModal.headerTitle, onClose: () => props.abort() }),
-            React__namespace.default.createElement(FlexCell, { cx: css$D.subHeaderWrapper },
+            React__namespace.default.createElement(FlexCell, { cx: css$E.subHeaderWrapper },
                 React__namespace.default.createElement(FlexRow, { vPadding: "24" },
                     React__namespace.default.createElement(SearchInput, Object.assign({}, dataSourceStateLens.prop('search').toProps(), { onKeyDown: (e) => uuiComponents.handleDataSourceKeyboard({
                             value: getDataSourceState(),
@@ -3016,20 +3035,20 @@ function PickerModal(props) {
                             rows: dataRows,
                             searchPosition: 'body',
                         }, e), autoFocus: true, placeholder: i18n.pickerModal.searchPlaceholder, rawProps: { dir: 'auto' } }))),
-                !isSingleSelect() && (React__namespace.default.createElement(Switch, Object.assign({ cx: css$D.switch, size: "18" }, getFooterProps().showSelected, { isDisabled: view.getSelectedRowsCount() < 1, label: "Show only selected" }))),
+                !isSingleSelect() && (React__namespace.default.createElement(Switch, Object.assign({ cx: css$E.switch, size: "18" }, getFooterProps().showSelected, { isDisabled: view.getSelectedRowsCount() < 1, label: "Show only selected" }))),
                 props.renderFilter && React__namespace.default.createElement(FlexCell, { grow: 2 }, props.renderFilter(dataSourceStateLens.prop('filter').toProps()))),
             React__namespace.default.createElement(DataPickerBody, Object.assign({}, getListProps(), { value: getDataSourceState(), onValueChange: handleDataSourceValueChange, search: dataSourceStateLens.prop('search').toProps(), showSearch: false, rows: rows, renderNotFound: renderNotFound, editMode: "modal" })),
             React__namespace.default.createElement(ModalFooter, { padding: "24", vPadding: "24" }, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
 }
 
-var css$B = {"tooltip":"nVdkTK"};
+var css$C = {"tooltip":"kBSUAB"};
 
 const PickerTogglerTag = /* @__PURE__ */React__namespace.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__namespace.createElement(TextPlaceholder, null) : props.caption });
     if (props.isCollapsed) {
         const collapsedRows = props.collapsedRows.map((row) => props.getName(row.value)).join(', ');
-        return (React__namespace.createElement(Tooltip, { key: "selected", content: collapsedRows, closeDelay: 150, closeOnMouseLeave: "boundary", cx: css$B.tooltip },
+        return (React__namespace.createElement(Tooltip, { key: "selected", content: collapsedRows, closeDelay: 150, closeOnMouseLeave: "boundary", cx: css$C.tooltip },
             React__namespace.createElement(Tag, Object.assign({ ref: ref, rawProps: { role: 'option' } }, tagProps))));
     }
     else {
@@ -3037,15 +3056,15 @@ const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref)
     }
 });
 
-var css$A = {"uui-typography":"P5-5aL","hero-header":"PpgOGM","promo-header":"wxcuNW","uui-critical":"jDw5nx","uui-info":"_6PtHqS","uui-success":"KkF5Lp","uui-warning":"bVsnPt","uui-highlight":"_7z-Jg6","uui-typography-size-12":"g-yY6B","uui-typography-size-14":"NsTnqH","uui-typography-size-16":"rupBEh","root":"_4U1-o8","mode-form":"XMjovL","mode-cell":"HZw1Fc","mode-inline":"aW9cBL","uuiTypography":"P5-5aL","heroHeader":"PpgOGM","promoHeader":"wxcuNW","uuiCritical":"jDw5nx","uuiInfo":"_6PtHqS","uuiSuccess":"KkF5Lp","uuiWarning":"bVsnPt","uuiHighlight":"_7z-Jg6","uuiTypographySize12":"g-yY6B","uuiTypographySize14":"NsTnqH","uuiTypographySize16":"rupBEh","modeForm":"XMjovL","modeCell":"HZw1Fc","modeInline":"aW9cBL"};
+var css$B = {"uui-typography":"WK8i0T","hero-header":"omic5y","promo-header":"_1wcSn9","uui-critical":"_8PcCSr","uui-info":"tNucC8","uui-success":"IInjej","uui-warning":"T4YgUY","uui-highlight":"wfEXR6","uui-typography-size-12":"l8bEAk","uui-typography-size-14":"RM8cqL","uui-typography-size-16":"ok-9qo","root":"jKV1Om","mode-form":"MqIasa","mode-cell":"HXvnnD","mode-inline":"INW-64","uuiTypography":"WK8i0T","heroHeader":"omic5y","promoHeader":"_1wcSn9","uuiCritical":"_8PcCSr","uuiInfo":"tNucC8","uuiSuccess":"IInjej","uuiWarning":"T4YgUY","uuiHighlight":"wfEXR6","uuiTypographySize12":"l8bEAk","uuiTypographySize14":"RM8cqL","uuiTypographySize16":"ok-9qo","modeForm":"MqIasa","modeCell":"HXvnnD","modeInline":"INW-64"};
 
 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) {
@@ -3134,7 +3153,7 @@ function PickerInputComponent(_a, ref) {
 }
 const PickerInput = /* @__PURE__ */React__namespace.default.forwardRef(PickerInputComponent);
 
-var css$z = {"row":"VulYHD"};
+var css$A = {"row":"Ms7Lvl"};
 
 function PickerListItem(props) {
     var _a;
@@ -3152,10 +3171,10 @@ function PickerListItem(props) {
     else {
         component = (React__namespace.default.createElement(RadioInput, { label: label, value: props.isSelected, isDisabled: props.isLoading || !props.isSelectable || props.isDisabled, onValueChange: () => props.onSelect(props) }));
     }
-    return (React__namespace.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__namespace.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":"_2NCRfB"};
+var css$z = {"root":"TtBZVO"};
 
 function PickerList(props) {
     const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, dataSourceState, getModalTogglerCaption, } = uuiComponents.usePickerList(props);
@@ -3178,7 +3197,7 @@ function PickerList(props) {
     const showPicker = viewProps.totalCount == null || viewProps.totalCount > getMaxDefaultItems();
     const renderToggler = props.renderModalToggler || defaultRenderToggler;
     const renderRow = props.renderRow || defaultRenderRow;
-    return (React__namespace.default.createElement("div", { className: cx__default.default('uui-picker-list', css$y.root) },
+    return (React__namespace.default.createElement("div", { className: cx__default.default('uui-picker-list', css$z.root) },
         !rows.length
             && (props.noOptionsMessage || (React__namespace.default.createElement(Text, { color: "secondary", size: props.size }, "No options available"))),
         rows.map((row) => renderRow(Object.assign(Object.assign({}, row), { isDisabled: props.isDisabled }), dataSourceState)),
@@ -3190,7 +3209,7 @@ function PickerList(props) {
             }, selectedRows)));
 }
 
-var css$x = {"uui-typography":"vXI-hG","hero-header":"rlaahS","promo-header":"_4kOvfk","uui-critical":"mqRLa0","uui-info":"g-uWdE","uui-success":"ebIOB1","uui-warning":"jHpiMJ","uui-highlight":"cnXmLx","uui-typography-size-12":"hyEGOE","uui-typography-size-14":"_8wnh1z","uui-typography-size-16":"FsrspO","root":"PQIATz","wrapper":"oValP0","align-widgets-top":"H3D2R8","align-widgets-center":"ZWVcDG","uuiTypography":"vXI-hG","heroHeader":"rlaahS","promoHeader":"_4kOvfk","uuiCritical":"mqRLa0","uuiInfo":"g-uWdE","uuiSuccess":"ebIOB1","uuiWarning":"jHpiMJ","uuiHighlight":"cnXmLx","uuiTypographySize12":"hyEGOE","uuiTypographySize14":"_8wnh1z","uuiTypographySize16":"FsrspO","alignWidgetsTop":"H3D2R8","alignWidgetsCenter":"ZWVcDG"};
+var css$y = {"uui-typography":"_42I8Co","hero-header":"WjVtj6","promo-header":"Y4t7OA","uui-critical":"-qj1N4","uui-info":"Lu418q","uui-success":"Lto7V2","uui-warning":"TXumKx","uui-highlight":"lRo7n8","uui-typography-size-12":"xbSLRP","uui-typography-size-14":"gc5mmP","uui-typography-size-16":"CT-EDp","root":"yYxYWr","wrapper":"CJH3mK","align-widgets-top":"I8RDVK","align-widgets-center":"LWJLlQ","uuiTypography":"_42I8Co","heroHeader":"WjVtj6","promoHeader":"Y4t7OA","uuiCritical":"-qj1N4","uuiInfo":"Lu418q","uuiSuccess":"Lto7V2","uuiWarning":"TXumKx","uuiHighlight":"lRo7n8","uuiTypographySize12":"xbSLRP","uuiTypographySize14":"gc5mmP","uuiTypographySize16":"CT-EDp","alignWidgetsTop":"I8RDVK","alignWidgetsCenter":"LWJLlQ"};
 
 function DataTableCell(initialProps) {
     const props = Object.assign({}, initialProps);
@@ -3224,12 +3243,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 = {
@@ -3239,7 +3258,7 @@ function DataTableCell(initialProps) {
     return React__namespace.createElement(uuiComponents.DataTableCell, Object.assign({}, props));
 }
 
-var css$w = {"uui-typography":"Ld7kDY","hero-header":"_5hRDmR","promo-header":"VDBup8","uui-critical":"_8h3Qjb","uui-info":"fH5TyA","uui-success":"eohmt-","uui-warning":"n-FQkh","uui-highlight":"E4b0Fo","uui-typography-size-12":"lNseiq","uui-typography-size-14":"qXBatZ","uui-typography-size-16":"hhp8Su","root":"R2w80l","uuiTypography":"Ld7kDY","heroHeader":"_5hRDmR","promoHeader":"VDBup8","uuiCritical":"_8h3Qjb","uuiInfo":"fH5TyA","uuiSuccess":"eohmt-","uuiWarning":"n-FQkh","uuiHighlight":"E4b0Fo","uuiTypographySize12":"lNseiq","uuiTypographySize14":"qXBatZ","uuiTypographySize16":"hhp8Su"};
+var css$x = {"uui-typography":"KEIehc","hero-header":"PvFLEW","promo-header":"KZyqA8","uui-critical":"Fx-duq","uui-info":"_7sk9qA","uui-success":"hgXyeE","uui-warning":"pebTuX","uui-highlight":"CX76nq","uui-typography-size-12":"DGLaVK","uui-typography-size-14":"L-EP3-","uui-typography-size-16":"yXp-Tm","root":"SA10Mh","uuiTypography":"KEIehc","heroHeader":"PvFLEW","promoHeader":"KZyqA8","uuiCritical":"Fx-duq","uuiInfo":"_7sk9qA","uuiSuccess":"hgXyeE","uuiWarning":"pebTuX","uuiHighlight":"CX76nq","uuiTypographySize12":"DGLaVK","uuiTypographySize14":"L-EP3-","uuiTypographySize16":"yXp-Tm"};
 
 // 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.
@@ -3251,11 +3270,11 @@ const renderDropMarkers = (props) => React__namespace.createElement(DropMarker,
 const propsMods = { renderCell, renderDropMarkers };
 const DataTableRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableRow, ({ 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":"inM0Y6","hero-header":"WkEjt5","promo-header":"Uag60g","uui-critical":"SCwNvp","uui-info":"v-3qU7","uui-success":"L4sb-A","uui-warning":"ESAe2a","uui-highlight":"ky394W","uui-typography-size-12":"Kec6g4","uui-typography-size-14":"bxy6O1","uui-typography-size-16":"FqpROJ","sorting-panel-container":"SQfC2g","uuiTypography":"inM0Y6","heroHeader":"WkEjt5","promoHeader":"Uag60g","uuiCritical":"SCwNvp","uuiInfo":"v-3qU7","uuiSuccess":"L4sb-A","uuiWarning":"ESAe2a","uuiHighlight":"ky394W","uuiTypographySize12":"Kec6g4","uuiTypographySize14":"bxy6O1","uuiTypographySize16":"FqpROJ","sortingPanelContainer":"SQfC2g"};
+var css$w = {"uui-typography":"_0jYUWq","hero-header":"J-gqR4","promo-header":"_4tPgOR","uui-critical":"_2EDc3C","uui-info":"T7OkrV","uui-success":"_4nIRdp","uui-warning":"-DE4LI","uui-highlight":"M3V1X2","uui-typography-size-12":"Sb4I7E","uui-typography-size-14":"vh78ip","uui-typography-size-16":"h-Js-y","sorting-panel-container":"wBxc2j","uuiTypography":"_0jYUWq","heroHeader":"J-gqR4","promoHeader":"_4tPgOR","uuiCritical":"_2EDc3C","uuiInfo":"T7OkrV","uuiSuccess":"_4nIRdp","uuiWarning":"-DE4LI","uuiHighlight":"M3V1X2","uuiTypographySize12":"Sb4I7E","uuiTypographySize14":"vh78ip","uuiTypographySize16":"h-Js-y","sortingPanelContainer":"wBxc2j"};
 
 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); }
@@ -3290,7 +3309,7 @@ var ForwardRef$p = /*#__PURE__*/React.forwardRef(SvgTableSortDescOutline);
 const SortingPanelImpl = ({ sortDirection, onSort }) => {
     const sortAsc = React.useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
     const sortDesc = React.useCallback(() => onSort(sortDirection === 'desc' ? undefined : 'desc'), [onSort]);
-    return (React__namespace.default.createElement(FlexCell, { cx: uuiCore.cx(css$v.sortingPanelContainer, 'uui-dropdownMenu-body') },
+    return (React__namespace.default.createElement(FlexCell, { cx: uuiCore.cx(css$w.sortingPanelContainer, 'uui-dropdownMenu-body') },
         React__namespace.default.createElement(DropdownMenuButton, { isActive: sortDirection === 'asc', caption: i18n.pickerFilterHeader.sortAscending, icon: ForwardRef$q, onClick: sortAsc }),
         React__namespace.default.createElement(DropdownMenuButton, { isActive: sortDirection === 'desc', caption: i18n.pickerFilterHeader.sortDescending, icon: ForwardRef$p, onClick: sortDesc })));
 };
@@ -3385,7 +3404,7 @@ var SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props
 };
 var ForwardRef$k = /*#__PURE__*/React.forwardRef(SvgNavigationExpandAllOutline);
 
-var css$u = {"uui-typography":"-O8uLI","hero-header":"S0H-Jd","promo-header":"svk4Hl","uui-critical":"WAi2eB","uui-info":"_3JTLd6","uui-success":"E1Y5sF","uui-warning":"p7B1Ed","uui-highlight":"fGTySs","uui-typography-size-12":"luiSPI","uui-typography-size-14":"WNqdCR","uui-typography-size-16":"RQsc6F","root":"J5L6dt","caption-wrapper":"UMibV1","sort-icon":"_0mag2-","dropdown-icon":"Xh1lW4","infoIcon":"Noe3Yt","resizable":"x1-3tk","align-right":"CSYjaq","align-center":"x5IqNO","caption":"guQrNV","truncate":"ysrqxS","checkbox":"_1pIRVT","icon":"LyJc7i","fold-all-icon":"k-vCbO","cell-tooltip":"H9jXy6","upper-case":"C-QeJo","resizing-marker":"K5k4-h","pinned-right":"uudIw-","draggable":"PRsITP","ghost":"D9z9Vl","is-dragged-out":"YQaoXT","dnd-marker-left":"R8QK42","dnd-marker-right":"Z7hgws","cell-tooltip-wrapper":"R5DbfQ","cell-tooltip-text":"Qxnxrc","tooltip-caption":"UtFMsF","tooltip-info":"jvC-PO","uuiTypography":"-O8uLI","heroHeader":"S0H-Jd","promoHeader":"svk4Hl","uuiCritical":"WAi2eB","uuiInfo":"_3JTLd6","uuiSuccess":"E1Y5sF","uuiWarning":"p7B1Ed","uuiHighlight":"fGTySs","uuiTypographySize12":"luiSPI","uuiTypographySize14":"WNqdCR","uuiTypographySize16":"RQsc6F","captionWrapper":"UMibV1","sortIcon":"_0mag2-","dropdownIcon":"Xh1lW4","alignRight":"CSYjaq","alignCenter":"x5IqNO","foldAllIcon":"k-vCbO","cellTooltip":"H9jXy6","upperCase":"C-QeJo","resizingMarker":"K5k4-h","pinnedRight":"uudIw-","isDraggedOut":"YQaoXT","dndMarkerLeft":"R8QK42","dndMarkerRight":"Z7hgws","cellTooltipWrapper":"R5DbfQ","cellTooltipText":"Qxnxrc","tooltipCaption":"UtFMsF","tooltipInfo":"jvC-PO"};
+var css$v = {"uui-typography":"AauVwd","hero-header":"ateK4B","promo-header":"xqCDbe","uui-critical":"nXNPZM","uui-info":"ZKQVEo","uui-success":"oFBYzW","uui-warning":"vxc7o4","uui-highlight":"-tZ1AB","uui-typography-size-12":"-KshVb","uui-typography-size-14":"m-KS09","uui-typography-size-16":"_8tb1Nx","root":"DN8zY8","caption-wrapper":"WKJ4-r","sort-icon":"mPG5Tk","dropdown-icon":"_8QVQgn","infoIcon":"ib9kqN","resizable":"_0a9-aw","align-right":"fa3L4Y","align-center":"xyEdNu","caption":"V9mqid","truncate":"c-a65-","checkbox":"_1bDh3n","icon":"oWhGBK","fold-all-icon":"_5R7gLs","cell-tooltip":"_2KXhhC","upper-case":"C7VJG7","resizing-marker":"_0amGVS","pinned-right":"JH62Hd","draggable":"VbTzLm","ghost":"doetzG","is-dragged-out":"-hX98i","dnd-marker-left":"Dj1AfS","dnd-marker-right":"mANLSt","cell-tooltip-wrapper":"nYumwR","cell-tooltip-text":"JOztg0","tooltip-caption":"zocSlT","tooltip-info":"_90SIo8","uuiTypography":"AauVwd","heroHeader":"ateK4B","promoHeader":"xqCDbe","uuiCritical":"nXNPZM","uuiInfo":"ZKQVEo","uuiSuccess":"oFBYzW","uuiWarning":"vxc7o4","uuiHighlight":"-tZ1AB","uuiTypographySize12":"-KshVb","uuiTypographySize14":"m-KS09","uuiTypographySize16":"_8tb1Nx","captionWrapper":"WKJ4-r","sortIcon":"mPG5Tk","dropdownIcon":"_8QVQgn","alignRight":"fa3L4Y","alignCenter":"xyEdNu","foldAllIcon":"_5R7gLs","cellTooltip":"_2KXhhC","upperCase":"C7VJG7","resizingMarker":"_0amGVS","pinnedRight":"JH62Hd","isDraggedOut":"-hX98i","dndMarkerLeft":"Dj1AfS","dndMarkerRight":"mANLSt","cellTooltipWrapper":"nYumwR","cellTooltipText":"JOztg0","tooltipCaption":"zocSlT","tooltipInfo":"_90SIo8"};
 
 class DataTableHeaderCell extends React__namespace.Component {
     constructor() {
@@ -3393,27 +3412,27 @@ class DataTableHeaderCell extends React__namespace.Component {
         this.state = {
             isDropdownOpen: null,
         };
-        this.getTooltipContent = (column) => (React__namespace.createElement("div", { className: uuiCore.cx(css$u.cellTooltipWrapper, uuiCore.uuiDataTableHeaderCell.uuiTableHeaderCaptionTooltip) },
-            React__namespace.createElement(Text, { cx: [css$u.cellTooltipText, css$u.tooltipCaption] }, column.caption),
-            column.info && (React__namespace.createElement(Text, { cx: [css$u.cellTooltipText, css$u.tooltipInfo] }, column.info))));
+        this.getTooltipContent = (column) => (React__namespace.createElement("div", { className: uuiCore.cx(css$v.cellTooltipWrapper, uuiCore.uuiDataTableHeaderCell.uuiTableHeaderCaptionTooltip) },
+            React__namespace.createElement(Text, { cx: [css$v.cellTooltipText, css$v.tooltipCaption] }, column.caption),
+            column.info && (React__namespace.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,
                 uuiCore.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__namespace.createElement("div", { className: uuiCore.cx(css$u.captionWrapper, css$u['align-' + this.props.column.textAlign], uuiCore.uuiDataTableHeaderCell.uuiTableHeaderCaptionWrapper) },
-                React__namespace.createElement(Tooltip, { placement: "top", color: "inverted", content: renderTooltip(this.props.column), cx: css$u.cellTooltip, openDelay: 600 },
+            return (React__namespace.createElement("div", { className: uuiCore.cx(css$v.captionWrapper, css$v['align-' + this.props.column.textAlign], uuiCore.uuiDataTableHeaderCell.uuiTableHeaderCaptionWrapper) },
+                React__namespace.createElement(Tooltip, { placement: "top", color: "inverted", content: renderTooltip(this.props.column), cx: css$v.cellTooltip, openDelay: 600 },
                     React__namespace.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__namespace.createElement(IconButton, { key: "sort", cx: uuiCore.cx(css$u.icon, css$u.sortIcon, this.props.sortDirection && css$u.sortIconActive, uuiCore.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__namespace.createElement(IconButton, { key: "filter", cx: uuiCore.cx(css$u.icon, !this.props.sortDirection && css$u.filterIcon, uuiCore.uuiDataTableHeaderCell.uuiTableHeaderFilterIcon), color: "neutral", icon: ForwardRef$n })),
-                this.props.column.renderFilter && (React__namespace.createElement(IconButton, { key: "dropdown", cx: uuiCore.cx(css$u.icon, css$u.dropdownIcon, uuiCore.uuiDataTableHeaderCell.uuiTableHeaderDropdownIcon), color: "secondary", icon: this.state.isDropdownOpen ? ForwardRef$m : ForwardRef$P }))));
+                this.props.column.isSortable && (!this.props.column.renderFilter || this.props.sortDirection) && (React__namespace.createElement(IconButton, { key: "sort", cx: uuiCore.cx(css$v.icon, css$v.sortIcon, this.props.sortDirection && css$v.sortIconActive, uuiCore.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__namespace.createElement(IconButton, { key: "filter", cx: uuiCore.cx(css$v.icon, !this.props.sortDirection && css$v.filterIcon, uuiCore.uuiDataTableHeaderCell.uuiTableHeaderFilterIcon), color: "neutral", icon: ForwardRef$n })),
+                this.props.column.renderFilter && (React__namespace.createElement(IconButton, { key: "dropdown", cx: uuiCore.cx(css$v.icon, css$v.dropdownIcon, uuiCore.uuiDataTableHeaderCell.uuiTableHeaderDropdownIcon), color: "secondary", icon: this.state.isDropdownOpen ? ForwardRef$m : ForwardRef$P }))));
         };
         this.renderHeaderCheckbox = () => {
             if (this.props.selectAll && this.props.isFirstColumn) {
-                return (React__namespace.createElement(Checkbox, Object.assign({ size: settings.sizes.dataTable.header.row.cell.checkbox[this.props.size] }, this.props.selectAll, { cx: uuiCore.cx(css$u.checkbox, uuiCore.uuiDataTableHeaderCell.uuiTableHeaderCheckbox) })));
+                return (React__namespace.createElement(Checkbox, Object.assign({ size: settings.sizes.dataTable.header.row.cell.checkbox[this.props.size] }, this.props.selectAll, { cx: uuiCore.cx(css$v.checkbox, uuiCore.uuiDataTableHeaderCell.uuiTableHeaderCheckbox) })));
             }
         };
         this.renderFoldAllIcon = () => {
@@ -3421,14 +3440,14 @@ class DataTableHeaderCell extends React__namespace.Component {
                 return (React__namespace.createElement(Tooltip, { content: this.props.areAllFolded
                         ? i18n.tables.columnHeader.expandAllTooltip
                         : i18n.tables.columnHeader.collapseAllTooltip },
-                    React__namespace.createElement(IconButton, { color: "secondary", cx: uuiCore.cx(css$u.icon, css$u.foldAllIcon, uuiCore.uuiDataTableHeaderCell.uuiTableHeaderFoldAllIcon), icon: this.props.areAllFolded ? ForwardRef$k : ForwardRef$l, onClick: this.props.onFoldAll, rawProps: {
+                    React__namespace.createElement(IconButton, { color: "secondary", cx: uuiCore.cx(css$v.icon, css$v.foldAllIcon, uuiCore.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__namespace.createElement("div", { role: "separator", onMouseDown: props.onResizeStart, className: uuiCore.cx(css$u.resizingMarker, uuiCore.uuiMarkers.draggable, uuiCore.uuiMarkers.clickable) }));
+            return (React__namespace.createElement("div", { role: "separator", onMouseDown: props.onResizeStart, className: uuiCore.cx(css$v.resizingMarker, uuiCore.uuiMarkers.draggable, uuiCore.uuiMarkers.clickable) }));
         };
         this.getLeftPadding = () => {
             const { columnsGap, isFirstColumn } = this.props;
@@ -3460,7 +3479,7 @@ class DataTableHeaderCell extends React__namespace.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: uuiCore.cx(uuiCore.uuiDataTableHeaderCell.uuiTableHeaderCell, (this.props.column.isSortable || this.props.isDropdown) && uuiCore.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: uuiCore.cx(uuiCore.uuiDataTableHeaderCell.uuiTableHeaderCell, (this.props.column.isSortable || this.props.isDropdown) && uuiCore.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(),
@@ -3491,10 +3510,65 @@ var SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
 };
 var ForwardRef$j = /*#__PURE__*/React.forwardRef(SvgActionSettingsFill);
 
-var css$t = {"uui-typography":"Nrbqhp","hero-header":"RKCTrD","promo-header":"Yhvvdf","uui-critical":"Uo-6F-","uui-info":"-YfMUJ","uui-success":"_2KK2bw","uui-warning":"OXIl6J","uui-highlight":"_97Tybz","uui-typography-size-12":"YfwWUp","uui-typography-size-14":"OgH2rt","uui-typography-size-16":"PrXnqO","root":"iqxuEL","uuiTypography":"Nrbqhp","heroHeader":"RKCTrD","promoHeader":"Yhvvdf","uuiCritical":"Uo-6F-","uuiInfo":"-YfMUJ","uuiSuccess":"_2KK2bw","uuiWarning":"OXIl6J","uuiHighlight":"_97Tybz","uuiTypographySize12":"YfwWUp","uuiTypographySize14":"OgH2rt","uuiTypographySize16":"PrXnqO"};
+var css$u = {"uui-typography":"kNJ6JN","hero-header":"_7OcCDh","promo-header":"_8COKvt","uui-critical":"HnENCS","uui-info":"hrMvPg","uui-success":"_0xTGVQ","uui-warning":"GX2Xhh","uui-highlight":"j-shXA","uui-typography-size-12":"_1eFDXv","uui-typography-size-14":"vaHhy9","uui-typography-size-16":"zko-hd","root":"mZKLiG","uuiTypography":"kNJ6JN","heroHeader":"_7OcCDh","promoHeader":"_8COKvt","uuiCritical":"HnENCS","uuiInfo":"hrMvPg","uuiSuccess":"_0xTGVQ","uuiWarning":"GX2Xhh","uuiHighlight":"j-shXA","uuiTypographySize12":"_1eFDXv","uuiTypographySize14":"vaHhy9","uuiTypographySize16":"zko-hd"};
+
+var css$t = {"uui-typography":"jorqk0","hero-header":"PKw8EQ","promo-header":"_9w2Z6H","uui-critical":"l8GYxb","uui-info":"yMeCrm","uui-success":"NXTO-d","uui-warning":"W1JPQ0","uui-highlight":"CNMVco","uui-typography-size-12":"oC1oY4","uui-typography-size-14":"o1xzM7","uui-typography-size-16":"_958OA-","root":"fmzLSI","caption-wrapper":"HL2pbQ","align-center":"DvxjN2","caption":"K2OYNC","truncate":"_0fo-LV","group-cell-tooltip":"ICEJVE","upper-case":"Qf9ebw","group-cell-tooltip-wrapper":"E-o5LF","group-cell-tooltip-text":"_8JpTvg","tooltip-caption":"_1k3gd-","tooltip-info":"_2wgxpR","uuiTypography":"jorqk0","heroHeader":"PKw8EQ","promoHeader":"_9w2Z6H","uuiCritical":"l8GYxb","uuiInfo":"yMeCrm","uuiSuccess":"NXTO-d","uuiWarning":"W1JPQ0","uuiHighlight":"CNMVco","uuiTypographySize12":"oC1oY4","uuiTypographySize14":"o1xzM7","uuiTypographySize16":"_958OA-","captionWrapper":"HL2pbQ","alignCenter":"DvxjN2","groupCellTooltip":"ICEJVE","upperCase":"Qf9ebw","groupCellTooltipWrapper":"E-o5LF","groupCellTooltipText":"_8JpTvg","tooltipCaption":"_1k3gd-","tooltipInfo":"_2wgxpR"};
+
+class DataTableHeaderGroupCell extends React__namespace.Component {
+    constructor() {
+        super(...arguments);
+        this.getTooltipContent = (column) => (React__namespace.createElement("div", { className: uuiCore.cx(css$t.groupCellTooltipWrapper, uuiCore.uuiDataTableHeaderGroupCell.uuiTableHeaderGroupCaptionTooltip) },
+            React__namespace.createElement(Text, { cx: [css$t.groupCellTooltipText, css$t.tooltipCaption] }, column.caption),
+            column.info && (React__namespace.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,
+                uuiCore.uuiDataTableHeaderGroupCell.uuiTableHeaderGroupCaption,
+                settings.sizes.dataTable.header.row.groupCell.truncate.includes(this.props.size) && css$t.truncate,
+            ];
+            return (React__namespace.createElement("div", { className: uuiCore.cx(css$t.captionWrapper, css$t['align-' + this.props.group.textAlign], uuiCore.uuiDataTableHeaderGroupCell.uuiTableHeaderGroupCaptionWrapper) },
+                React__namespace.createElement(Tooltip, { placement: "top", color: "inverted", content: renderTooltip(this.props.group), cx: css$t.groupCellTooltip, openDelay: 600 },
+                    React__namespace.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__namespace.createElement(uuiComponents.DataTableCellContainer, { column: this.props.group, ref: (ref) => {
+                    props.ref(ref);
+                }, cx: uuiCore.cx(uuiCore.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__namespace.createElement(uuiComponents.DataTableCellContainer, { column: this.props.group, cx: uuiCore.cx(uuiCore.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__ */uuiCore.withMods(uuiComponents.DataTableHeaderRow, () => [css$t.root, 'uui-dt-vars'], (mods) => ({
+const DataTableHeaderRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableHeaderRow, () => [css$u.root, 'uui-dt-vars'], (mods) => ({
     renderCell: (props) => (React__namespace.createElement(DataTableHeaderCell, Object.assign({}, props, { size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap }))),
+    renderGroupCell: (props) => (React__namespace.createElement(DataTableHeaderGroupCell, Object.assign({}, props, { size: mods.size, textCase: mods.textCase || 'normal', key: props.key, columnsGap: mods.columnsGap }))),
     renderConfigButton: () => (React__namespace.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 })),
 }));
 
@@ -3503,7 +3577,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":"FTOCU9","hero-header":"_7lED6s","promo-header":"RP-G6r","uui-critical":"_9t4IWq","uui-info":"fxikxC","uui-success":"i1mjjo","uui-warning":"GMQVzC","uui-highlight":"XodfLu","uui-typography-size-12":"_92yweq","uui-typography-size-14":"_2wVQZa","uui-typography-size-16":"VR8L66","root":"WfStAK","title-wrapper":"wVsPg4","title":"Zwv5eL","text-wrapper":"N4Jhyl","selection":"mZamfp","postfix":"HAcHwA","selected":"Czkukb","uuiTypography":"FTOCU9","heroHeader":"_7lED6s","promoHeader":"RP-G6r","uuiCritical":"_9t4IWq","uuiInfo":"fxikxC","uuiSuccess":"i1mjjo","uuiWarning":"GMQVzC","uuiHighlight":"XodfLu","uuiTypographySize12":"_92yweq","uuiTypographySize14":"_2wVQZa","uuiTypographySize16":"VR8L66","titleWrapper":"wVsPg4","textWrapper":"N4Jhyl"};
+var css$s = {"uui-typography":"fyyVGp","hero-header":"iIVVo9","promo-header":"YDVbK2","uui-critical":"_7E6gaM","uui-info":"HaWTjX","uui-success":"tqGDve","uui-warning":"zg1yEW","uui-highlight":"HJsJFL","uui-typography-size-12":"_0J-ktV","uui-typography-size-14":"_0VycFS","uui-typography-size-16":"BkrhS7","root":"jIp5XA","title-wrapper":"_6Xgr-C","title":"LHngg5","text-wrapper":"w6a-DZ","selection":"Oat-ZR","postfix":"R5gdHc","selected":"EOPnHo","uuiTypography":"fyyVGp","heroHeader":"iIVVo9","promoHeader":"YDVbK2","uuiCritical":"_7E6gaM","uuiInfo":"HaWTjX","uuiSuccess":"tqGDve","uuiWarning":"zg1yEW","uuiHighlight":"HJsJFL","uuiTypographySize12":"_0J-ktV","uuiTypographySize14":"_0VycFS","uuiTypographySize16":"BkrhS7","titleWrapper":"_6Xgr-C","textWrapper":"w6a-DZ"};
 
 const defaultSize = '36';
 const FilterPanelItemToggler = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
@@ -3681,7 +3755,7 @@ function FilterRangeDatePickerBody(props) {
                 React__namespace.default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.pickerModal.clearAllButton, onClick: () => onValueChange(defaultRangeValue) })))));
 }
 
-var css$r = {"container":"gmj0Yf"};
+var css$r = {"container":"BHFT1D"};
 
 function FilterNumericBody(props) {
     var _a, _b;
@@ -3779,7 +3853,7 @@ var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
 };
 var ForwardRef$i = /*#__PURE__*/React.forwardRef(SvgActionDeleteOutline);
 
-var css$q = {"uui-typography":"LjUvlQ","hero-header":"_5319iQ","promo-header":"iX9PQu","uui-critical":"ncSNT-","uui-info":"KIIksM","uui-success":"vLuhrQ","uui-warning":"qCTWIb","uui-highlight":"XtWlK7","uui-typography-size-12":"_4wFYzj","uui-typography-size-14":"_49j4AA","uui-typography-size-16":"_4ZVmW3","header":"_2m-YAq","removeButton":"nuZ28d","with-search":"d9-3ON","uuiTypography":"LjUvlQ","heroHeader":"_5319iQ","promoHeader":"iX9PQu","uuiCritical":"ncSNT-","uuiInfo":"KIIksM","uuiSuccess":"vLuhrQ","uuiWarning":"qCTWIb","uuiHighlight":"XtWlK7","uuiTypographySize12":"_4wFYzj","uuiTypographySize14":"_49j4AA","uuiTypographySize16":"_4ZVmW3","withSearch":"d9-3ON"};
+var css$q = {"uui-typography":"FJOnFy","hero-header":"kHrD0G","promo-header":"vK-Lxa","uui-critical":"ZdYoyP","uui-info":"_59nr8C","uui-success":"Hxqp6i","uui-warning":"_3ZtO-C","uui-highlight":"owFeBB","uui-typography-size-12":"ztTtYr","uui-typography-size-14":"Nd0Bua","uui-typography-size-16":"eR8M8e","header":"MWsqsV","removeButton":"PJG6m8","with-search":"WYx1GB","uuiTypography":"FJOnFy","heroHeader":"kHrD0G","promoHeader":"vK-Lxa","uuiCritical":"ZdYoyP","uuiInfo":"_59nr8C","uuiSuccess":"Hxqp6i","uuiWarning":"_3ZtO-C","uuiHighlight":"owFeBB","uuiTypographySize12":"ztTtYr","uuiTypographySize14":"Nd0Bua","uuiTypographySize16":"eR8M8e","withSearch":"WYx1GB"};
 
 function useView(props, value) {
     const forceUpdate = uuiCore.useForceUpdate();
@@ -4100,7 +4174,7 @@ function FiltersToolbarImpl(props) {
 }
 const FiltersPanel = /* @__PURE__ */React__namespace.default.memo(FiltersToolbarImpl);
 
-var css$p = {"divider":"zkqZ0y","dropdownDeleteIcon":"u2GvYI","presetsWrapper":"_7XjHBI","addPresetContainer":"bpQ-R5","dropContainer":"oBOsSi"};
+var css$p = {"divider":"QMCgsM","dropdownDeleteIcon":"C74B7X","presetsWrapper":"y6T2kv","addPresetContainer":"vUnVUc","dropContainer":"Vknu1-"};
 
 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); }
@@ -4213,7 +4287,7 @@ var SvgContentLinkOutline = function SvgContentLinkOutline(props, ref) {
 };
 var ForwardRef$a = /*#__PURE__*/React.forwardRef(SvgContentLinkOutline);
 
-var css$o = {"delete-button":"qwlObz","tab-button":"yk-fsP","targetOpen":"sQXJUA","deleteButton":"qwlObz","tabButton":"yk-fsP"};
+var css$o = {"delete-button":"iMAFWi","tab-button":"_3fgcCY","targetOpen":"DpC4Q7","deleteButton":"iMAFWi","tabButton":"_3fgcCY"};
 
 function PresetActionsDropdown(props) {
     const { uuiNotifications } = uuiCore.useUuiContext();
@@ -4271,7 +4345,7 @@ function PresetActionsDropdown(props) {
     return (React__namespace.default.createElement(Dropdown, { renderBody: renderBody, renderTarget: renderTarget, placement: "bottom-end", modifiers: [{ name: 'offset', options: { offset: [0, 22] } }] }));
 }
 
-var css$n = {"preset-input-cell":"fRdYNe","preset-input":"byNTES","presetInputCell":"fRdYNe","presetInput":"byNTES"};
+var css$n = {"preset-input-cell":"r8hMzX","preset-input":"IiF8eW","presetInputCell":"r8hMzX","presetInput":"IiF8eW"};
 
 const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
 const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
@@ -4304,7 +4378,7 @@ function PresetInput(props) {
         React__namespace.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":"QdhxGQ","activePreset":"rtlrDP"};
+var css$m = {"preset":"_22Qxuh","activePreset":"Fq7oQK"};
 
 function Preset(props) {
     const [isRenamePreset, setIsRenamePreset] = React.useState(false);
@@ -4478,7 +4552,7 @@ var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props,
 };
 var ForwardRef$6 = /*#__PURE__*/React.forwardRef(SvgTableGroupColumnRightFill);
 
-var css$l = {"unpin-icon":"LeBmvo","pin-toggler-icon":"FT7coh","unpinIcon":"LeBmvo","pinTogglerIcon":"FT7coh"};
+var css$l = {"unpin-icon":"_9uKgSI","pin-toggler-icon":"ZbmZCh","unpinIcon":"_9uKgSI","pinTogglerIcon":"ZbmZCh"};
 
 function PinIconButton(props) {
     const i18nLocal = i18n.tables.columnsConfigurationModal;
@@ -4537,7 +4611,7 @@ var SvgActionDragIndicator18 = function SvgActionDragIndicator18(props, ref) {
 };
 var ForwardRef$5 = /*#__PURE__*/React.forwardRef(SvgActionDragIndicator18);
 
-var css$k = {"uui-typography":"UKRTL9","hero-header":"Tm6R6y","promo-header":"RUcw3u","uui-critical":"h3vSGy","uui-info":"K8AIi1","uui-success":"FEaKN4","uui-warning":"_6p4e-E","uui-highlight":"vnAQFb","uui-typography-size-12":"bVdh2T","uui-typography-size-14":"YKaKBw","uui-typography-size-16":"CSI2Nn","row-wrapper":"jXEXbD","pin-icon-button":"XnhDMs","not-pinned":"Q7ZKWs","checkbox":"SKYllY","drag-handle":"_4FBO9X","dnd-disabled":"iJROvk","uuiTypography":"UKRTL9","heroHeader":"Tm6R6y","promoHeader":"RUcw3u","uuiCritical":"h3vSGy","uuiInfo":"K8AIi1","uuiSuccess":"FEaKN4","uuiWarning":"_6p4e-E","uuiHighlight":"vnAQFb","uuiTypographySize12":"bVdh2T","uuiTypographySize14":"YKaKBw","uuiTypographySize16":"CSI2Nn","rowWrapper":"jXEXbD","pinIconButton":"XnhDMs","notPinned":"Q7ZKWs","dragHandle":"_4FBO9X","dndDisabled":"iJROvk"};
+var css$k = {"uui-typography":"KR5Itu","hero-header":"UvCQNH","promo-header":"-RIopO","uui-critical":"HKNGQa","uui-info":"iGiINY","uui-success":"BmLKQA","uui-warning":"mtJbpS","uui-highlight":"rlmOfO","uui-typography-size-12":"LzoZW1","uui-typography-size-14":"_4Dh3tV","uui-typography-size-16":"NxNxLF","row-wrapper":"HQwuYe","pin-icon-button":"RQJOas","not-pinned":"FC-gp6","checkbox":"rNkxZ2","drag-handle":"IQwTkR","dnd-disabled":"wAnAdR","uuiTypography":"KR5Itu","heroHeader":"UvCQNH","promoHeader":"-RIopO","uuiCritical":"HKNGQa","uuiInfo":"iGiINY","uuiSuccess":"BmLKQA","uuiWarning":"mtJbpS","uuiHighlight":"rlmOfO","uuiTypographySize12":"LzoZW1","uuiTypographySize14":"_4Dh3tV","uuiTypographySize16":"NxNxLF","rowWrapper":"HQwuYe","pinIconButton":"RQJOas","notPinned":"FC-gp6","dragHandle":"IQwTkR","dndDisabled":"wAnAdR"};
 
 const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props) {
     const { column } = props;
@@ -4560,7 +4634,7 @@ const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props)
     return (React__namespace.createElement(uuiCore.DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
 });
 
-var css$j = {"uui-typography":"CRmafn","hero-header":"r8ttUW","promo-header":"AdUQzK","uui-critical":"P73XmU","uui-info":"PVTfeb","uui-success":"gBewm8","uui-warning":"XXdm00","uui-highlight":"sTJ22X","uui-typography-size-12":"kg4hP5","uui-typography-size-14":"oaVM-A","uui-typography-size-16":"xi5cY-","root":"_84dcJw","main-panel":"oOBAji","group":"b6NJoC","group-title":"bA-uxH","group-items":"_6DyuP1","no-data":"H-Xpaz","no-data-title":"IQ6IJg","no-data-sub-title":"uHm5J3","h-divider":"ruIdS0","search-area":"ov8Vlv","subgroup-accordion":"_0dAw59","subgroup":"_4h58Rn","subgroup-title":"_2YcezJ","uuiTypography":"CRmafn","heroHeader":"r8ttUW","promoHeader":"AdUQzK","uuiCritical":"P73XmU","uuiInfo":"PVTfeb","uuiSuccess":"gBewm8","uuiWarning":"XXdm00","uuiHighlight":"sTJ22X","uuiTypographySize12":"kg4hP5","uuiTypographySize14":"oaVM-A","uuiTypographySize16":"xi5cY-","mainPanel":"oOBAji","groupTitle":"bA-uxH","groupItems":"_6DyuP1","noData":"H-Xpaz","noDataTitle":"IQ6IJg","noDataSubTitle":"uHm5J3","hDivider":"ruIdS0","searchArea":"ov8Vlv","subgroupAccordion":"_0dAw59","subgroupTitle":"_2YcezJ"};
+var css$j = {"uui-typography":"Lx3j57","hero-header":"gI3EsI","promo-header":"B2Dq1c","uui-critical":"EXmV1s","uui-info":"QsdIuW","uui-success":"fk-x1X","uui-warning":"hc3lZ-","uui-highlight":"Wx-HT6","uui-typography-size-12":"x7YXkv","uui-typography-size-14":"_5hsJDH","uui-typography-size-16":"_4v-F36","root":"zKz-fl","main-panel":"KYdSMO","group":"LrEpZz","group-title":"t3WimS","group-items":"F54Gng","no-data":"G1g73g","no-data-title":"c6TZ1b","no-data-sub-title":"P4fGFB","h-divider":"oDLt9q","search-area":"pQoCCq","subgroup-accordion":"VfnzDa","subgroup":"_6eoefP","subgroup-title":"R8ffn4","uuiTypography":"Lx3j57","heroHeader":"gI3EsI","promoHeader":"B2Dq1c","uuiCritical":"EXmV1s","uuiInfo":"QsdIuW","uuiSuccess":"fk-x1X","uuiWarning":"hc3lZ-","uuiHighlight":"Wx-HT6","uuiTypographySize12":"x7YXkv","uuiTypographySize14":"_5hsJDH","uuiTypographySize16":"_4v-F36","mainPanel":"KYdSMO","groupTitle":"t3WimS","groupItems":"F54Gng","noData":"G1g73g","noDataTitle":"c6TZ1b","noDataSubTitle":"P4fGFB","hDivider":"oDLt9q","searchArea":"pQoCCq","subgroupAccordion":"VfnzDa","subgroupTitle":"R8ffn4"};
 
 const renderGroupTitle = (title, amount) => (React__namespace.createElement(FlexRow, { cx: css$j.group },
     React__namespace.createElement(Text, { size: "none", cx: css$j.groupTitle }, title),
@@ -4649,7 +4723,7 @@ function SubGroup(props) {
     return null;
 }
 
-var css$i = {"listContainer":"umKqKp","header":"kAdSRd","group":"SHeWFv","stickyHeader":"yhAD0g"};
+var css$i = {"listContainer":"PXwq7M","header":"eHgw2W","group":"ooXlcc","stickyHeader":"j6njK9"};
 
 const getChildrenAndRest = (row, rows) => {
     const firstNotChildIndex = rows.findIndex((other) => other.depth < row.depth || (row.depth === other.depth && other.isPinned));
@@ -4715,7 +4789,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
   }, props), /*#__PURE__*/React__namespace.createElement("g", {
-    clipPath: "url(#ou2qs19opnxnxl0sl_a)"
+    clipPath: "url(#74xl1w63ep50an8na_a)"
   }, _path$4 || (_path$4 = /*#__PURE__*/React__namespace.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"
@@ -4736,7 +4810,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__namespace.createElement("mask", {
-    id: "ou2qs1pu2bgka66ga_b",
+    id: "74xl1w6kl6ubu6cvd_b",
     style: {
       maskType: "alpha"
     },
@@ -4749,7 +4823,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__namespace.createElement("g", {
-    mask: "url(#ou2qs1pu2bgka66ga_b)",
+    mask: "url(#74xl1w6kl6ubu6cvd_b)",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }, /*#__PURE__*/React__namespace.createElement("path", {
@@ -4835,7 +4909,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__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
-    id: "ou2qs19opnxnxl0sl_a"
+    id: "74xl1w63ep50an8na_a"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     fill: "#fff",
     transform: "translate(.552)",
@@ -4844,7 +4918,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
 };
 var ForwardRef$4 = /*#__PURE__*/React.forwardRef(SvgEmptyTable);
 
-var css$h = {"root":"WBpUBV","sticky-header":"iVsBdJ","no-results":"-P-jt8","icon":"QNrowB","title":"_2TPxiU","stickyHeader":"iVsBdJ","noResults":"-P-jt8"};
+var css$h = {"root":"jkxA30","sticky-header":"TTskZN","no-results":"ClfC4x","icon":"z-FpB8","title":"KH-keX","stickyHeader":"TTskZN","noResults":"ClfC4x"};
 
 function DataTable(props) {
     var _a, _b, _c, _d;
@@ -4879,7 +4953,7 @@ function DataTable(props) {
     ]);
     const renderRowsContainer = React__namespace.useCallback(({ listContainerRef, estimatedHeight, offsetY, scrollShadows }) => (React__namespace.createElement(React__namespace.Fragment, null,
         React__namespace.createElement("div", { className: css$h.stickyHeader, ref: headerRef },
-            React__namespace.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__namespace.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__namespace.createElement("div", { className: uuiCore.cx(uuiCore.uuiScrollShadows.top, {
                     [uuiCore.uuiScrollShadows.topVisible]: scrollShadows.verticalTop,
                 }) })),
@@ -4895,9 +4969,9 @@ function DataTable(props) {
                 } }))));
 }
 
-var css$g = {"root":"sezKqf"};
+var css$g = {"root":"-yVabF"};
 
-var css$f = {"root":"PzzhEx","burger-content":"NOmNTF","burgerContent":"NOmNTF"};
+var css$f = {"root":"A5YcYe","burger-content":"_5ho-c7","burgerContent":"_5ho-c7"};
 
 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); }
@@ -4940,7 +5014,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
 };
 var ForwardRef$2 = /*#__PURE__*/React.forwardRef(SvgNavigationArrowDownOutline);
 
-var css$e = {"uui-typography":"EnoJVF","hero-header":"_15FI1J","promo-header":"ev8IZR","uui-critical":"qVqw3C","uui-info":"RS6AoD","uui-success":"oBatLC","uui-warning":"oQ-pCC","uui-highlight":"_0oSrst","uui-typography-size-12":"ECEdUz","uui-typography-size-14":"_5rnUj6","uui-typography-size-16":"gkK5zB","root":"OGMdXV","button-primary":"fKybff","button-secondary":"EFJvgs","hasIcon":"EaLy3i","dropdown":"_6t-oqj","uuiTypography":"EnoJVF","heroHeader":"_15FI1J","promoHeader":"ev8IZR","uuiCritical":"qVqw3C","uuiInfo":"RS6AoD","uuiSuccess":"oBatLC","uuiWarning":"oQ-pCC","uuiHighlight":"_0oSrst","uuiTypographySize12":"ECEdUz","uuiTypographySize14":"_5rnUj6","uuiTypographySize16":"gkK5zB","buttonPrimary":"fKybff","buttonSecondary":"EFJvgs"};
+var css$e = {"uui-typography":"weHg3C","hero-header":"i-f137","promo-header":"Xby0r5","uui-critical":"i4jjSY","uui-info":"Enfyep","uui-success":"AzakXL","uui-warning":"vumnCF","uui-highlight":"DSdVOg","uui-typography-size-12":"RgisgQ","uui-typography-size-14":"N0T08W","uui-typography-size-16":"rXcBgb","root":"TFUDoA","button-primary":"Lah5Bf","button-secondary":"-WQruB","hasIcon":"z0nPRm","dropdown":"sEH3ct","uuiTypography":"weHg3C","heroHeader":"i-f137","promoHeader":"Xby0r5","uuiCritical":"i4jjSY","uuiInfo":"Enfyep","uuiSuccess":"AzakXL","uuiWarning":"vumnCF","uuiHighlight":"DSdVOg","uuiTypographySize12":"RgisgQ","uuiTypographySize14":"N0T08W","uuiTypographySize16":"rXcBgb","buttonPrimary":"Lah5Bf","buttonSecondary":"-WQruB"};
 
 const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (props) => [
     css$e.root,
@@ -4951,13 +5025,13 @@ const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (prop
     props.icon && css$e.hasIcon,
 ], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
 
-var css$d = {"search-input":"_0voKDn","searchInput":"_0voKDn"};
+var css$d = {"search-input":"OcUydZ","searchInput":"OcUydZ"};
 
 function BurgerSearch(props) {
     return (React__namespace.createElement(uuiComponents.TextInput, { cx: cx__default.default(css$d.searchInput, 'uui-main_menu-burger-search'), iconPosition: "left", icon: ForwardRef$N, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$Q }));
 }
 
-var css$c = {"root":"Qn7brF","group-header":"_89bQgA","group-name":"QSvDAU","line":"Y1RpsF","groupHeader":"_89bQgA","groupName":"QSvDAU"};
+var css$c = {"root":"jhfUQd","group-header":"f-jBA1","group-name":"q82old","line":"hcCow4","groupHeader":"f-jBA1","groupName":"q82old"};
 
 function BurgerGroupHeader(props) {
     return (React__namespace.createElement("div", { className: cx__default.default(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
@@ -4965,7 +5039,7 @@ function BurgerGroupHeader(props) {
         React__namespace.createElement("span", { className: css$c.groupName }, props.caption)));
 }
 
-var css$b = {"uui-typography":"ZL8YlV","hero-header":"K0UrKu","promo-header":"WLzZhG","uui-critical":"MW9VZs","uui-info":"sEojtF","uui-success":"AMgdmt","uui-warning":"_4ifF18","uui-highlight":"EryxWh","uui-typography-size-12":"xGB28m","uui-typography-size-14":"C7BhHk","uui-typography-size-16":"hPSntW","root":"vQCeeI","type-primary":"p0KJ8g","type-secondary":"a8mePo","uuiTypography":"ZL8YlV","heroHeader":"K0UrKu","promoHeader":"WLzZhG","uuiCritical":"MW9VZs","uuiInfo":"sEojtF","uuiSuccess":"AMgdmt","uuiWarning":"_4ifF18","uuiHighlight":"EryxWh","uuiTypographySize12":"xGB28m","uuiTypographySize14":"C7BhHk","uuiTypographySize16":"hPSntW","typePrimary":"p0KJ8g","typeSecondary":"a8mePo"};
+var css$b = {"uui-typography":"GS1nie","hero-header":"_1ppN05","promo-header":"a64WYR","uui-critical":"xavknH","uui-info":"UrRvK5","uui-success":"XLv-Nv","uui-warning":"z1-QNg","uui-highlight":"lYxyWh","uui-typography-size-12":"_5V8d5k","uui-typography-size-14":"uJx1zK","uui-typography-size-16":"accowK","root":"oqC-s6","type-primary":"nDOW6V","type-secondary":"_44H-Ei","uuiTypography":"GS1nie","heroHeader":"_1ppN05","promoHeader":"a64WYR","uuiCritical":"xavknH","uuiInfo":"UrRvK5","uuiSuccess":"XLv-Nv","uuiWarning":"z1-QNg","uuiHighlight":"lYxyWh","uuiTypographySize12":"_5V8d5k","uuiTypographySize14":"uJx1zK","uuiTypographySize16":"accowK","typePrimary":"nDOW6V","typeSecondary":"_44H-Ei"};
 
 const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     const { type } = props, clickableProps = __rest(props, ["type"]);
@@ -4981,7 +5055,7 @@ const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
         props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
 });
 
-var css$a = {"dropdown-body":"gU1FtK","dropdownBody":"gU1FtK"};
+var css$a = {"dropdown-body":"bQplF6","dropdownBody":"bQplF6"};
 
 class MainMenuDropdown extends React__namespace.Component {
     render() {
@@ -5036,12 +5110,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
 };
 var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgNavigationGlobalMenuOutlineOutline);
 
-var css$9 = {"global-menu-btn":"S29S3s","global-menu-icon":"r7y-nt","globalMenuBtn":"S29S3s","globalMenuIcon":"r7y-nt"};
+var css$9 = {"global-menu-btn":"NlWS4j","global-menu-icon":"cR7q6v","globalMenuBtn":"NlWS4j","globalMenuIcon":"cR7q6v"};
 
 const GlobalMenu = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", Object.assign({ ref: ref, id: "global_menu_toggle", className: cx__default.default(css$9.globalMenuBtn, props.cx) }, props.rawProps),
     React__namespace.createElement(uuiComponents.IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
 
-var css$8 = {"container":"_7SeaOF","open":"yDGc6Y","folding-arrow":"_73cmtC","foldingArrow":"_73cmtC"};
+var css$8 = {"container":"hqxcfy","open":"_3mwTN9","folding-arrow":"_2192N2","foldingArrow":"_2192N2"};
 
 const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", { ref: ref, className: cx__default.default(css$8.container, props.isDropdown && css$8.dropdown, props.isOpen && css$8.open, props.onClick && uuiCore.uuiMarkers.clickable, props.cx), onClick: props.onClick },
     React__namespace.createElement(uuiComponents.Avatar, { size: "36", img: props.avatarUrl }),
@@ -5049,18 +5123,18 @@ const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
     props.isDropdown && (React__namespace.createElement("div", null,
         React__namespace.createElement(uuiComponents.IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
 
-var css$7 = {"search-input":"A6Urm0","searchInput":"A6Urm0"};
+var css$7 = {"search-input":"p4pgC8","searchInput":"p4pgC8"};
 
 const MainMenuSearch = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement(uuiCore.IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => {
         var _a;
         return (React__namespace.createElement(uuiComponents.TextInput, Object.assign({ iconPosition: "left", icon: ForwardRef$N, cancelIcon: ((_a = props.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && ForwardRef$Q }, props, iEditable, { ref: ref, cx: uuiCore.cx(css$7.searchInput, props.cx) }, props.rawProps)));
     } }))));
 
-var css$6 = {"container":"FS952X"};
+var css$6 = {"container":"RKCRU-"};
 
 const MainMenuIcon = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement(IconButton, Object.assign({ ref: ref, icon: props.icon, cx: uuiCore.cx(props.cx, css$6.container) }, props))));
 
-var css$5 = {"root":"Pz0L5-"};
+var css$5 = {"root":"_6b3J5q"};
 
 const Anchor = /* @__PURE__ */uuiCore.withMods(uuiComponents.Anchor, () => [css$5.root]);
 
@@ -5118,7 +5192,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
 };
 var ForwardRef = /*#__PURE__*/React.forwardRef(SvgFileCloudUploadFill);
 
-var css$4 = {"root":"CaEZrj","drop-start":"ElCNXr","drop-over":"JF-esq","link":"Wo75yZ","drop-area":"MKAshv","drop-caption":"kMqXR3","icon-blue":"qivHkq","dropStart":"ElCNXr","dropOver":"JF-esq","dropArea":"MKAshv","dropCaption":"kMqXR3","iconBlue":"qivHkq"};
+var css$4 = {"root":"_0M7hun","drop-start":"bz-yqj","drop-over":"F9ioTg","link":"DnaK9u","drop-area":"NWLoob","drop-caption":"nzB7-Z","icon-blue":"_81dloF","dropStart":"bz-yqj","dropOver":"F9ioTg","dropArea":"NWLoob","dropCaption":"nzB7-Z","iconBlue":"_81dloF"};
 
 function DropSpot(props) {
     const getInfoText = typeof props.infoText === 'string'
@@ -5136,9 +5210,9 @@ function DropSpot(props) {
     return React__namespace.createElement(uuiComponents.DropSpot, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
 }
 
-var css$3 = {"uui-typography":"_3xAkkX","hero-header":"ahGLqv","promo-header":"AAA1wT","uui-critical":"q62-tM","uui-info":"p3LLa9","uui-success":"mjtXw-","uui-warning":"e2daI1","uui-highlight":"avakYd","uui-typography-size-12":"MXOlle","uui-typography-size-14":"KHAbXU","uui-typography-size-16":"RO7qa4","root":"CSUy8V","file-name":"_2t7MHY","default-color":"IZW-D9","doc-color":"mAsGfA","xls-color":"Tf-Wse","pdf-color":"FI-kYA","movie-color":"YzsSZP","img-color":"TMSLNL","mov-color":"efHR-V","error-block":"_3ZVFSM","icons-block":"fc0QD-","uuiTypography":"_3xAkkX","heroHeader":"ahGLqv","promoHeader":"AAA1wT","uuiCritical":"q62-tM","uuiInfo":"p3LLa9","uuiSuccess":"mjtXw-","uuiWarning":"e2daI1","uuiHighlight":"avakYd","uuiTypographySize12":"MXOlle","uuiTypographySize14":"KHAbXU","uuiTypographySize16":"RO7qa4","fileName":"_2t7MHY","defaultColor":"IZW-D9","docColor":"mAsGfA","xlsColor":"Tf-Wse","pdfColor":"FI-kYA","movieColor":"YzsSZP","imgColor":"TMSLNL","movColor":"efHR-V","errorBlock":"_3ZVFSM","iconsBlock":"fc0QD-"};
+var css$3 = {"uui-typography":"BzU6uy","hero-header":"nQaVC-","promo-header":"TkS71b","uui-critical":"_7t2A-U","uui-info":"_0ZLbwm","uui-success":"vpakde","uui-warning":"VjIZD2","uui-highlight":"CzwNhi","uui-typography-size-12":"CSAR-I","uui-typography-size-14":"NRvbyJ","uui-typography-size-16":"xGo3Mu","root":"Z0Ro9a","file-name":"xkLxhq","default-color":"-XW5tw","doc-color":"vzJA5w","xls-color":"n6HCSq","pdf-color":"LDA4L-","movie-color":"TuLmoI","img-color":"G9li69","mov-color":"Ugno1r","error-block":"FnlYck","icons-block":"WkIRZv","uuiTypography":"BzU6uy","heroHeader":"nQaVC-","promoHeader":"TkS71b","uuiCritical":"_7t2A-U","uuiInfo":"_0ZLbwm","uuiSuccess":"vpakde","uuiWarning":"VjIZD2","uuiHighlight":"CzwNhi","uuiTypographySize12":"CSAR-I","uuiTypographySize14":"NRvbyJ","uuiTypographySize16":"xGo3Mu","fileName":"xkLxhq","defaultColor":"-XW5tw","docColor":"vzJA5w","xlsColor":"n6HCSq","pdfColor":"LDA4L-","movieColor":"TuLmoI","imgColor":"G9li69","movColor":"Ugno1r","errorBlock":"FnlYck","iconsBlock":"WkIRZv"};
 
-var css$2 = {"root":"VxVpVw"};
+var css$2 = {"root":"cr6-0L"};
 
 const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     const outsetRadius = props.size / 2 - 1;
@@ -5263,7 +5337,7 @@ const getErrorPageConfig = () => ({
     },
 });
 
-var css$1 = {"container":"Yiv1It"};
+var css$1 = {"container":"X8Rj26"};
 
 const ErrorPage = (props) => {
     const isMobileScreen = uuiCore.isMobile();
@@ -5274,7 +5348,7 @@ const ErrorPage = (props) => {
             React__namespace.default.createElement("div", { className: "uui-error-subtitle" }, props.subtitle))));
 };
 
-var css = {"recovery-spinner":"_5RC1Dz","recovery-message":"MlbicU","modal-blocker":"CuuJQg","modalFadeIn":"ffjBd2","recoverySpinner":"_5RC1Dz","recoveryMessage":"MlbicU","modalBlocker":"CuuJQg"};
+var css = {"recovery-spinner":"_4atYri","recovery-message":"_8K3zyv","modal-blocker":"Gj0ZXg","modalFadeIn":"_3cgNMv","recoverySpinner":"_4atYri","recoveryMessage":"_8K3zyv","modalBlocker":"Gj0ZXg"};
 
 function ErrorHandler(props) {
     const { uuiNotifications, uuiModals, uuiApi } = uuiCore.useUuiContext();