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

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":"oPhd0A","hero-header":"CVggzf","promo-header":"-NftxO","uui-critical":"BjTM8o","uui-info":"UbWgsY","uui-success":"_4y88m-","uui-warning":"kzBfRe","uui-highlight":"PP1oA8","uui-typography-size-12":"BKSrF2","uui-typography-size-14":"Z2pfLR","uui-typography-size-16":"kogV7Z","root":"qynglP","uuiTypography":"oPhd0A","heroHeader":"CVggzf","promoHeader":"-NftxO","uuiCritical":"BjTM8o","uuiInfo":"UbWgsY","uuiSuccess":"_4y88m-","uuiWarning":"kzBfRe","uuiHighlight":"PP1oA8","uuiTypographySize12":"BKSrF2","uuiTypographySize14":"Z2pfLR","uuiTypographySize16":"kogV7Z"};
 
 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":"yu82wx"};
 
 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":"zdx-JE","hero-header":"_0-kBf4","promo-header":"R-rHPK","uui-critical":"S2NOCn","uui-info":"_4tHaa4","uui-success":"zUgmsy","uui-warning":"UMDHBQ","uui-highlight":"QaI3-r","uui-typography-size-12":"-M93cb","uui-typography-size-14":"JeIj6-","uui-typography-size-16":"nn31sc","root":"XWXkk0","uuiTypography":"zdx-JE","heroHeader":"_0-kBf4","promoHeader":"R-rHPK","uuiCritical":"S2NOCn","uuiInfo":"_4tHaa4","uuiSuccess":"zUgmsy","uuiWarning":"UMDHBQ","uuiHighlight":"QaI3-r","uuiTypographySize12":"-M93cb","uuiTypographySize14":"JeIj6-","uuiTypographySize16":"nn31sc"};
 
 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":"_1NYrxj"};
 
 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":"dLx-4U","hero-header":"FhHpzj","promo-header":"_2DFdxd","uui-critical":"tKRuYD","uui-info":"Fz-bK2","uui-success":"H0wz--","uui-warning":"XlwlkV","uui-highlight":"HL-Yb6","uui-typography-size-12":"YTJm-J","uui-typography-size-14":"nn7pw9","uui-typography-size-16":"upAMrm","root":"lRoUG2","withNotify":"iErYq4","uuiTypography":"dLx-4U","heroHeader":"FhHpzj","promoHeader":"_2DFdxd","uuiCritical":"tKRuYD","uuiInfo":"Fz-bK2","uuiSuccess":"H0wz--","uuiWarning":"XlwlkV","uuiHighlight":"HL-Yb6","uuiTypographySize12":"YTJm-J","uuiTypographySize14":"nn7pw9","uuiTypographySize16":"upAMrm"};
 
 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":"dN-7su","hero-header":"Ak0Pf0","promo-header":"S7wuRt","uui-critical":"Q6BLlK","uui-info":"l3tkPb","uui-success":"D1QyYi","uui-warning":"QF-Gdz","uui-highlight":"INl9bc","uui-typography-size-12":"PtxwTU","uui-typography-size-14":"_1VKeOH","uui-typography-size-16":"GNbNo-","root":"C7t3p1","uuiTypography":"dN-7su","heroHeader":"Ak0Pf0","promoHeader":"S7wuRt","uuiCritical":"Q6BLlK","uuiInfo":"l3tkPb","uuiSuccess":"D1QyYi","uuiWarning":"QF-Gdz","uuiHighlight":"INl9bc","uuiTypographySize12":"PtxwTU","uuiTypographySize14":"_1VKeOH","uuiTypographySize16":"GNbNo-"};
 
 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":"Xum7fa","hero-header":"KAMHwn","promo-header":"cQVXec","uui-critical":"KYss4W","uui-info":"GEuQ86","uui-success":"zkwvSN","uui-warning":"tAiNa7","uui-highlight":"pB65h7","uui-typography-size-12":"iJAK5C","uui-typography-size-14":"xb-8ur","uui-typography-size-16":"_9K8M3Y","root":"Q9H8K9","mode-cell":"GAuoD7","uuiTypography":"Xum7fa","heroHeader":"KAMHwn","promoHeader":"cQVXec","uuiCritical":"KYss4W","uuiInfo":"GEuQ86","uuiSuccess":"zkwvSN","uuiWarning":"tAiNa7","uuiHighlight":"pB65h7","uuiTypographySize12":"iJAK5C","uuiTypographySize14":"xb-8ur","uuiTypographySize16":"_9K8M3Y","modeCell":"GAuoD7"};
 
 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":"uJbYnl","hero-header":"iJTujC","promo-header":"vuDC5h","uui-critical":"_4s4haN","uui-info":"InZWIw","uui-success":"CTtlBO","uui-warning":"Q-WJa7","uui-highlight":"SbFe61","uui-typography-size-12":"PBaSw3","uui-typography-size-14":"kOjG1t","uui-typography-size-16":"jbNH0d","root":"pbQKvc","uuiTypography":"uJbYnl","heroHeader":"iJTujC","promoHeader":"vuDC5h","uuiCritical":"_4s4haN","uuiInfo":"InZWIw","uuiSuccess":"CTtlBO","uuiWarning":"Q-WJa7","uuiHighlight":"SbFe61","uuiTypographySize12":"PBaSw3","uuiTypographySize14":"kOjG1t","uuiTypographySize16":"jbNH0d"};
 
 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":"ZRH9cY"};
 
 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":"pVS-sF","hero-header":"mCEgin","promo-header":"_2OTLgm","uui-critical":"FlrKsi","uui-info":"_--OeNo","uui-success":"cHlf0E","uui-warning":"g45Sjk","uui-highlight":"KkdBYT","uui-typography-size-12":"qKjMFO","uui-typography-size-14":"ryMt5D","uui-typography-size-16":"_-8c8gS","root":"tpd9k0","mode-form":"je1CdM","mode-inline":"doSyGv","mode-cell":"zx-kpK","uuiTypography":"pVS-sF","heroHeader":"mCEgin","promoHeader":"_2OTLgm","uuiCritical":"FlrKsi","uuiInfo":"_--OeNo","uuiSuccess":"cHlf0E","uuiWarning":"g45Sjk","uuiHighlight":"KkdBYT","uuiTypographySize12":"qKjMFO","uuiTypographySize14":"ryMt5D","uuiTypographySize16":"_-8c8gS","modeForm":"je1CdM","modeInline":"doSyGv","modeCell":"zx-kpK"};
 
 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":"_0LKW--"};
 
-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":"ciPUQF","hero-header":"nhRrkT","promo-header":"WLhj8e","uui-critical":"q150ZZ","uui-info":"iSqHZR","uui-success":"RE-u8S","uui-warning":"j47Bgy","uui-highlight":"qJmBUJ","uui-typography-size-12":"vZa2DQ","uui-typography-size-14":"_6AKohz","uui-typography-size-16":"EkSKCw","root":"Gm24wJ","mode-form":"I9-Tit","mode-cell":"z088yj","uuiTypography":"ciPUQF","heroHeader":"nhRrkT","promoHeader":"WLhj8e","uuiCritical":"q150ZZ","uuiInfo":"iSqHZR","uuiSuccess":"RE-u8S","uuiWarning":"j47Bgy","uuiHighlight":"qJmBUJ","uuiTypographySize12":"vZa2DQ","uuiTypographySize14":"_6AKohz","uuiTypographySize16":"EkSKCw","modeForm":"I9-Tit","modeCell":"z088yj"};
 
 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":"l6ZqIK","hero-header":"TPwPit","promo-header":"MLmpQy","uui-critical":"BogZTk","uui-info":"x0-wAD","uui-success":"cw17RX","uui-warning":"xrfO9g","uui-highlight":"ySwAAH","uui-typography-size-12":"InfUKw","uui-typography-size-14":"xXFVJe","uui-typography-size-16":"NPQLGP","root":"-gEmdq","mode-form":"-YQGA2","mode-cell":"b1Ff1I","mode-inline":"fjd2sh","uuiTypography":"l6ZqIK","heroHeader":"TPwPit","promoHeader":"MLmpQy","uuiCritical":"BogZTk","uuiInfo":"x0-wAD","uuiSuccess":"cw17RX","uuiWarning":"xrfO9g","uuiHighlight":"ySwAAH","uuiTypographySize12":"InfUKw","uuiTypographySize14":"xXFVJe","uuiTypographySize16":"NPQLGP","modeForm":"-YQGA2","modeCell":"b1Ff1I","modeInline":"fjd2sh"};
 
 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":"PMJG-b","hero-header":"O-SC5Z","promo-header":"gsbmdn","uui-critical":"VKPTEA","uui-info":"eCXqCl","uui-success":"_9zjZG-","uui-warning":"jCBUMD","uui-highlight":"JLJ65V","uui-typography-size-12":"_50xFx3","uui-typography-size-14":"aTWZYi","uui-typography-size-16":"U4Od2w","root":"y3WfNT","icon-wrapper":"_3-4P0p","alert-wrapper":"_5fhSly","size-48":"a2K7ZG","size-36":"ouOP9C","action-wrapper":"JdZtRw","action-icon":"siFkBM","action-link":"zJ43Fs","close-icon":"Fu4aiV","main-path":"wClHGr","content":"pRlo3t","uuiTypography":"PMJG-b","heroHeader":"O-SC5Z","promoHeader":"gsbmdn","uuiCritical":"VKPTEA","uuiInfo":"eCXqCl","uuiSuccess":"_9zjZG-","uuiWarning":"jCBUMD","uuiHighlight":"JLJ65V","uuiTypographySize12":"_50xFx3","uuiTypographySize14":"aTWZYi","uuiTypographySize16":"U4Od2w","iconWrapper":"_3-4P0p","alertWrapper":"_5fhSly","size48":"a2K7ZG","size36":"ouOP9C","actionWrapper":"JdZtRw","actionIcon":"siFkBM","actionLink":"zJ43Fs","closeIcon":"Fu4aiV","mainPath":"wClHGr"};
 
-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":"XFl9F-"};
 
 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":"tHnCx1","hero-header":"FCXIwa","promo-header":"OBTgKD","uui-critical":"CyBap-","uui-info":"aRcBOY","uui-success":"Q-Rjd0","uui-warning":"Bq3WFX","uui-highlight":"-cX8U7","uui-typography-size-12":"HDH3fz","uui-typography-size-14":"pJoBlV","uui-typography-size-16":"uu6jAZ","submenu-root-item-rtl":"zuuDqN","icon-after":"_1JPZz3","submenu-root-item":"gSVcWt","icon-check":"b72yW6","splitter-root":"qy9-We","splitter":"ByAt6-","header-root":"Df-Rn0","item-root":"_2keaAd","icon":"Gu06Zv","link":"QQsoh4","indent":"Rminog","selected-mark":"YW-Elt","uuiTypography":"tHnCx1","heroHeader":"FCXIwa","promoHeader":"OBTgKD","uuiCritical":"CyBap-","uuiInfo":"aRcBOY","uuiSuccess":"Q-Rjd0","uuiWarning":"Bq3WFX","uuiHighlight":"-cX8U7","uuiTypographySize12":"HDH3fz","uuiTypographySize14":"pJoBlV","uuiTypographySize16":"uu6jAZ","submenuRootItemRtl":"zuuDqN","iconAfter":"_1JPZz3","submenuRootItem":"gSVcWt","iconCheck":"b72yW6","splitterRoot":"qy9-We","headerRoot":"Df-Rn0","itemRoot":"_2keaAd","selectedMark":"YW-Elt"};
 
 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":"DyjuLb","hero-header":"EWSlpK","promo-header":"OF1tzH","uui-critical":"_4Z7zvA","uui-info":"eIN72N","uui-success":"wqyN0p","uui-warning":"kABoy-","uui-highlight":"ivsJ18","uui-typography-size-12":"E7YHDb","uui-typography-size-14":"Z5wU-M","uui-typography-size-16":"u0sEjd","root":"B3wNKp","mode-block":"khw55M","mode-inline":"_2Tu88U","padding-0":"PkWsB-","padding-6":"BSJ-82","padding-12":"sC2Gx4","padding-18":"BaYnDn","uuiTypography":"DyjuLb","heroHeader":"EWSlpK","promoHeader":"OF1tzH","uuiCritical":"_4Z7zvA","uuiInfo":"eIN72N","uuiSuccess":"wqyN0p","uuiWarning":"kABoy-","uuiHighlight":"ivsJ18","uuiTypographySize12":"E7YHDb","uuiTypographySize14":"Z5wU-M","uuiTypographySize16":"u0sEjd","modeBlock":"khw55M","modeInline":"_2Tu88U","padding0":"PkWsB-","padding6":"BSJ-82","padding12":"sC2Gx4","padding18":"BaYnDn"};
 
 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":"_0jAbuc","hero-header":"iozeTp","promo-header":"ZcvPs0","uui-critical":"_45qA6c","uui-info":"-FTf7X","uui-success":"IyLK7Y","uui-warning":"bBe8Y9","uui-highlight":"dtMFxJ","uui-typography-size-12":"bq7bbQ","uui-typography-size-14":"eFexoQ","uui-typography-size-16":"EeNwE-","root":"V07F8U","border-top":"_4nzZq1","border-bottom":"HP0Fcb","top-shadow":"_-0hCEK","padding-6":"_2aYHWt","padding-12":"U2c7U-","padding-18":"yK06l4","padding-24":"_7DwiSL","margin-24":"-P-E-A","margin-12":"_34iKbG","vPadding-12":"_82BmZc","vPadding-18":"T0C8jO","vPadding-24":"uK8wUN","vPadding-36":"Zz8rJB","vPadding-48":"Ms9IKw","spacing-6":"_7Fh8Qs","spacing-12":"ozNo8h","spacing-18":"S9bOmm","uui-surface-main":"eL7dye","uuiTypography":"_0jAbuc","heroHeader":"iozeTp","promoHeader":"ZcvPs0","uuiCritical":"_45qA6c","uuiInfo":"-FTf7X","uuiSuccess":"IyLK7Y","uuiWarning":"bBe8Y9","uuiHighlight":"dtMFxJ","uuiTypographySize12":"bq7bbQ","uuiTypographySize14":"eFexoQ","uuiTypographySize16":"EeNwE-","borderTop":"_4nzZq1","borderBottom":"HP0Fcb","topShadow":"_-0hCEK","padding6":"_2aYHWt","padding12":"U2c7U-","padding18":"yK06l4","padding24":"_7DwiSL","margin24":"-P-E-A","margin12":"_34iKbG","vPadding12":"_82BmZc","vPadding18":"T0C8jO","vPadding24":"uK8wUN","vPadding36":"Zz8rJB","vPadding48":"Ms9IKw","spacing6":"_7Fh8Qs","spacing12":"ozNo8h","spacing18":"S9bOmm","uuiSurfaceMain":"eL7dye"};
 
-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":"_-0E942","margin-24":"zZT5i7","padding-12":"Q0VJx1","padding-24":"QkdTxg","shadow":"Di5Xld","uui-surface-main":"_--AiN4","margin24":"zZT5i7","padding12":"Q0VJx1","padding24":"QkdTxg","uuiSurfaceMain":"_--AiN4"};
 
 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":"g0hTH8"};
 
 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":"MX-y98","hero-header":"OMzxmd","promo-header":"zEsayJ","uui-critical":"uDz9Uv","uui-info":"u6Q-WS","uui-success":"CqLDe7","uui-warning":"Ry5Eqf","uui-highlight":"cCEdN5","uui-typography-size-12":"zk-bpK","uui-typography-size-14":"cKTaa8","uui-typography-size-16":"_5ijBba","root":"UF341m","uuiTypography":"MX-y98","heroHeader":"OMzxmd","promoHeader":"zEsayJ","uuiCritical":"uDz9Uv","uuiInfo":"u6Q-WS","uuiSuccess":"CqLDe7","uuiWarning":"Ry5Eqf","uuiHighlight":"cCEdN5","uuiTypographySize12":"zk-bpK","uuiTypographySize14":"cKTaa8","uuiTypographySize16":"_5ijBba"};
 
 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":"tlUb9Z"};
 
 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":"tyh2l2"};
 
 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":"_0Y2R4G","list-container":"skRcYH","scrollContainer":"_0Y2R4G","listContainer":"skRcYH"};
 
-var css$19 = {"root":"ZDyVhf"};
+var css$1a = {"root":"zKxj1u"};
 
-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":"QQT02F","hero-header":"_7xL5v0","promo-header":"TUK0Yv","uui-critical":"Isx5vX","uui-info":"NApKTL","uui-success":"_7EuJxt","uui-warning":"WF1XeS","uui-highlight":"NokLLe","uui-typography-size-12":"tAFKJ8","uui-typography-size-14":"SOXVPP","uui-typography-size-16":"pFNMB8","root":"VH1wMu","uuiTypography":"QQT02F","heroHeader":"_7xL5v0","promoHeader":"TUK0Yv","uuiCritical":"Isx5vX","uuiInfo":"NApKTL","uuiSuccess":"_7EuJxt","uuiWarning":"WF1XeS","uuiHighlight":"NokLLe","uuiTypographySize12":"tAFKJ8","uuiTypographySize14":"SOXVPP","uuiTypographySize16":"pFNMB8"};
 
 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":"_9DfYYD","hero-header":"_8lChTV","promo-header":"Ub7TX3","uui-critical":"Z2ayWT","uui-info":"mPZILn","uui-success":"pZheNZ","uui-warning":"c-1M5C","uui-highlight":"Ma181W","uui-typography-size-12":"M-WiIU","uui-typography-size-14":"_-8iLxb","uui-typography-size-16":"qeYpiG","root":"CMJd6y","uuiTypography":"_9DfYYD","heroHeader":"_8lChTV","promoHeader":"Ub7TX3","uuiCritical":"Z2ayWT","uuiInfo":"mPZILn","uuiSuccess":"pZheNZ","uuiWarning":"c-1M5C","uuiHighlight":"Ma181W","uuiTypographySize12":"M-WiIU","uuiTypographySize14":"_-8iLxb","uuiTypographySize16":"qeYpiG"};
 
 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":"wpX2u6","uui-spinner":"AeYkFy","uuiSpinner":"AeYkFy"};
 
 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":"LgQr41","page":"h-ue9o","spacer":"_6lTnzR","mode-ghost":"rMWHAS","modeGhost":"rMWHAS"};
 
 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":"Weqwl7","progress-bar":"XGajMm","progressBar-indeterminate":"FsuhtI","size-12":"ko4vwv","size-18":"UTWsI7","size-24":"_9LEPq7","progressBar":"XGajMm","progressBarIndeterminate":"FsuhtI","size12":"ko4vwv","size18":"UTWsI7","size24":"_9LEPq7"};
 
 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":"ZDxVEa","striped":"Vo5Ms-","animate-stripes":"uh2CtQ","size-12":"Ayaedz","size-18":"P1f-vL","size-24":"ptTFaV","animateStripes":"uh2CtQ","size12":"Ayaedz","size18":"P1f-vL","size24":"ptTFaV"};
 
 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":"UD-QPC"};
 
 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":"ztzoSG"};
 
 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":"zCNLEd","icon-container":"HB-b1h","dragHandle":"zCNLEd","iconContainer":"HB-b1h"};
 
 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":"oNClxd"};
 
-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":"-FfvPK"};
 
 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":"FUCXyg","hero-header":"Ga-xKu","promo-header":"_9-pY4n","uui-critical":"WvUfMM","uui-info":"ACzlJD","uui-success":"-HTwUf","uui-warning":"gxdOZq","uui-highlight":"DAldhQ","uui-typography-size-12":"_72J-3g","uui-typography-size-14":"eKNsN9","uui-typography-size-16":"_16-Hos","root":"P4aRqW","modal-blocker":"YEU1ei","animateModalBlocker":"vb0B43","modal":"TDvoRu","modal-footer":"czUmdM","modal-header":"C-bf7F","uuiTypography":"FUCXyg","heroHeader":"Ga-xKu","promoHeader":"_9-pY4n","uuiCritical":"WvUfMM","uuiInfo":"ACzlJD","uuiSuccess":"-HTwUf","uuiWarning":"gxdOZq","uuiHighlight":"DAldhQ","uuiTypographySize12":"_72J-3g","uuiTypographySize14":"eKNsN9","uuiTypographySize16":"_16-Hos","modalBlocker":"YEU1ei","modalFooter":"czUmdM","modalHeader":"C-bf7F"};
 
-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":"V8MVTR","hero-header":"M8uwTY","promo-header":"QkwCNq","uui-critical":"-nIb6-","uui-info":"qUCUyn","uui-success":"_3tQq-1","uui-warning":"KFA-g1","uui-highlight":"_9JFSVi","uui-typography-size-12":"Z6byay","uui-typography-size-14":"oQnMqV","uui-typography-size-16":"RG11Vi","root":"AsWGeG","icon-wrapper":"iP3HPx","action-wrapper":"hypx8W","action-link":"o2nY2A","close-icon":"-P4kyO","main-path":"hHPGyn","content":"f3la9Q","close-wrapper":"bHPo1T","notification-wrapper":"wvB4J-","clear-button":"Y6F8av","uuiTypography":"V8MVTR","heroHeader":"M8uwTY","promoHeader":"QkwCNq","uuiCritical":"-nIb6-","uuiInfo":"qUCUyn","uuiSuccess":"_3tQq-1","uuiWarning":"KFA-g1","uuiHighlight":"_9JFSVi","uuiTypographySize12":"Z6byay","uuiTypographySize14":"oQnMqV","uuiTypographySize16":"RG11Vi","iconWrapper":"iP3HPx","actionWrapper":"hypx8W","actionLink":"o2nY2A","closeIcon":"-P4kyO","mainPath":"hHPGyn","closeWrapper":"bHPo1T","notificationWrapper":"wvB4J-","clearButton":"Y6F8av"};
 
 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":"nMveUl"};
 
 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":"aPLQMU","timepicker-input":"oBjTPN","ltr-always":"bOQMVG","timepickerInput":"oBjTPN","ltrAlways":"bOQMVG"};
 
 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":"_8ZS4aJ"};
 
 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":"KWdxCh"};
 
 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":"vmfB3-","container":"YV7DSC"};
 
 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":"WeDXbN","hero-header":"D9Wjng","promo-header":"xb6Ef3","uui-critical":"z4M5cZ","uui-info":"jew4Xo","uui-success":"Jvj5S4","uui-warning":"ERzwrA","uui-highlight":"estoUb","uui-typography-size-12":"b0Dd-o","uui-typography-size-14":"Hx-fi-","uui-typography-size-16":"ERZnk7","root":"_5fc7tl","uuiTypography":"WeDXbN","heroHeader":"D9Wjng","promoHeader":"xb6Ef3","uuiCritical":"z4M5cZ","uuiInfo":"jew4Xo","uuiSuccess":"Jvj5S4","uuiWarning":"ERzwrA","uuiHighlight":"estoUb","uuiTypographySize12":"b0Dd-o","uuiTypographySize14":"Hx-fi-","uuiTypographySize16":"ERZnk7"};
 
 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":"_9upb8N","hero-header":"_0AxSGd","promo-header":"bTMJ3d","uui-critical":"Me3Ezc","uui-info":"lJQneT","uui-success":"UVaVgN","uui-warning":"f88Dvd","uui-highlight":"GV3ixr","uui-typography-size-12":"lcIg3e","uui-typography-size-14":"GZPWo3","uui-typography-size-16":"AHJ03R","root":"VVjEjz","uuiTypography":"_9upb8N","heroHeader":"_0AxSGd","promoHeader":"bTMJ3d","uuiCritical":"Me3Ezc","uuiInfo":"lJQneT","uuiSuccess":"UVaVgN","uuiWarning":"f88Dvd","uuiHighlight":"GV3ixr","uuiTypographySize12":"lcIg3e","uuiTypographySize14":"GZPWo3","uuiTypographySize16":"AHJ03R"};
 
 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":"BXNTni","hero-header":"V-Y1BU","promo-header":"_105k3N","uui-critical":"zafOJp","uui-info":"_7N3OMV","uui-success":"DMH0Pd","uui-warning":"ahJVaX","uui-highlight":"R4U-Nr","uui-typography-size-12":"Dxlstm","uui-typography-size-14":"CtHg1L","uui-typography-size-16":"_0-zknv","date-input":"A37kTt","root":"oR1q0Q","separator":"sBKGfF","mode-form":"jXvOcK","mode-cell":"uGWWRa","uuiTypography":"BXNTni","heroHeader":"V-Y1BU","promoHeader":"_105k3N","uuiCritical":"zafOJp","uuiInfo":"_7N3OMV","uuiSuccess":"DMH0Pd","uuiWarning":"ahJVaX","uuiHighlight":"R4U-Nr","uuiTypographySize12":"Dxlstm","uuiTypographySize14":"CtHg1L","uuiTypographySize16":"_0-zknv","dateInput":"A37kTt","modeForm":"jXvOcK","modeCell":"uGWWRa"};
 
 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":"Rbfk9R","hero-header":"ynkLM4","promo-header":"ESKhqH","uui-critical":"_2zAv8g","uui-info":"kdiI6c","uui-success":"_6Qg8bO","uui-warning":"Wi2jSC","uui-highlight":"hyafyO","uui-typography-size-12":"-R9w-p","uui-typography-size-14":"AL1cYJ","uui-typography-size-16":"g4P1pm","root":"_1yrQYv","uuiTypography":"Rbfk9R","heroHeader":"ynkLM4","promoHeader":"ESKhqH","uuiCritical":"_2zAv8g","uuiInfo":"kdiI6c","uuiSuccess":"_6Qg8bO","uuiWarning":"Wi2jSC","uuiHighlight":"hyafyO","uuiTypographySize12":"-R9w-p","uuiTypographySize14":"AL1cYJ","uuiTypographySize16":"g4P1pm"};
 
 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":"r3BCFH","hero-header":"MEPBCT","promo-header":"Waxl6E","uui-critical":"-fUyoR","uui-info":"aSpFzQ","uui-success":"yPVHRn","uui-warning":"hg3CkZ","uui-highlight":"F25MUS","uui-typography-size-12":"hlDJX1","uui-typography-size-14":"tXRgjf","uui-typography-size-16":"KVZJkS","root":"CCEjWU","container":"_2N5JfV","day-selection":"wCubE-","from-picker":"ZuDMrw","to-picker":"MHq9Ro","bodes-wrapper":"xwY0ae","blocker":"tMIryj","uuiTypography":"r3BCFH","heroHeader":"MEPBCT","promoHeader":"Waxl6E","uuiCritical":"-fUyoR","uuiInfo":"aSpFzQ","uuiSuccess":"yPVHRn","uuiWarning":"hg3CkZ","uuiHighlight":"F25MUS","uuiTypographySize12":"hlDJX1","uuiTypographySize14":"tXRgjf","uuiTypographySize16":"KVZJkS","daySelection":"wCubE-","fromPicker":"ZuDMrw","toPicker":"MHq9Ro","bodesWrapper":"xwY0ae"};
 
 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":"MtKUM1","dropdownContainer":"MtKUM1"};
 
 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":"_5M2TJ2","blocker":"rx5kjB","marker":"w0-6QR","top":"PfqFJD","bottom":"sjp65Q","left":"TF30bU","right":"onyygz","inside":"m0Loz2"};
 
 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":"Mjo7Bi","line-height":"_8GxBdr","font-size":"incD7r","lineHeight":"_8GxBdr","fontSize":"incD7r"};
+
+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":"_3biGS-","loading-word":"uXaVMN","animated-loading":"pkYE96","skeleton_loading":"iNlDsj","loadingWord":"uXaVMN","animatedLoading":"pkYE96","skeletonLoading":"iNlDsj"};
+
+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":"_7ZtltK","hero-header":"_7oUwdM","promo-header":"_2aycM9","uui-critical":"Qy5aUl","uui-info":"xygInV","uui-success":"_92uwUp","uui-warning":"qoKH-r","uui-highlight":"HCJsyM","uui-typography-size-12":"PyLdZK","uui-typography-size-14":"oWk9vM","uui-typography-size-16":"zhwt7t","modal":"wM1jdO","search-wrapper":"N3YZZJ","no-data":"nfTkW0","type-search-to-load-size-24":"v0W0V5","uuiTypography":"_7ZtltK","heroHeader":"_7oUwdM","promoHeader":"_2aycM9","uuiCritical":"Qy5aUl","uuiInfo":"xygInV","uuiSuccess":"_92uwUp","uuiWarning":"qoKH-r","uuiHighlight":"HCJsyM","uuiTypographySize12":"PyLdZK","uuiTypographySize14":"oWk9vM","uuiTypographySize16":"zhwt7t","searchWrapper":"N3YZZJ","noData":"nfTkW0","typeSearchToLoadSize24":"v0W0V5"};
 
 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":"_3cDF0d"};
 
 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":"WzgQhD","title":"fh1W76","close":"_486zLe"};
 
 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":"L3NIYP","hero-header":"-sP389","promo-header":"uTOwKP","uui-critical":"_5T6Gdp","uui-info":"WfDI2J","uui-success":"_---oBV","uui-warning":"MfCl5E","uui-highlight":"Uvidl7","uui-typography-size-12":"jLWdTk","uui-typography-size-14":"pyCjtg","uui-typography-size-16":"eholnY","root":"UECaWi","align-widgets-top":"AVEAk7","align-widgets-center":"_5C4zLQ","icon-container":"StDR2P","loading-cell":"_2v0exp","content-wrapper":"_5K0uOT","render-item":"nxmy10","icon-wrapper":"GlUtUA","icon-default":"qG26OL","selected-mark":"BqhGno","uuiTypography":"L3NIYP","heroHeader":"-sP389","promoHeader":"uTOwKP","uuiCritical":"_5T6Gdp","uuiInfo":"WfDI2J","uuiSuccess":"_---oBV","uuiWarning":"MfCl5E","uuiHighlight":"Uvidl7","uuiTypographySize12":"jLWdTk","uuiTypographySize14":"pyCjtg","uuiTypographySize16":"eholnY","alignWidgetsTop":"AVEAk7","alignWidgetsCenter":"_5C4zLQ","iconContainer":"StDR2P","loadingCell":"_2v0exp","contentWrapper":"_5K0uOT","renderItem":"nxmy10","iconWrapper":"GlUtUA","iconDefault":"qG26OL","selectedMark":"BqhGno"};
 
 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":"KmVaRo","hero-header":"QWFgjX","promo-header":"ju02bk","uui-critical":"gsqesR","uui-info":"XPJP3J","uui-success":"_4bn4vC","uui-warning":"yO0RBs","uui-highlight":"Sfvad5","uui-typography-size-12":"dQu-dv","uui-typography-size-14":"nbU-hc","uui-typography-size-16":"_3ky1k6","picker-row":"Mm40S8","uuiTypography":"KmVaRo","heroHeader":"QWFgjX","promoHeader":"ju02bk","uuiCritical":"gsqesR","uuiInfo":"XPJP3J","uuiSuccess":"_4bn4vC","uuiWarning":"yO0RBs","uuiHighlight":"Sfvad5","uuiTypographySize12":"dQu-dv","uuiTypographySize14":"nbU-hc","uuiTypographySize16":"_3ky1k6","pickerRow":"Mm40S8"};
 
 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":"_3vPdOB","hero-header":"rMjOH9","promo-header":"j7PqCT","uui-critical":"CV9YxQ","uui-info":"aJFzyJ","uui-success":"nzDhCh","uui-warning":"D302FC","uui-highlight":"agNeVj","uui-typography-size-12":"KWEEbZ","uui-typography-size-14":"XnapgA","uui-typography-size-16":"r46pxT","done":"FIddZU","container":"s8YsgN","uuiTypography":"_3vPdOB","heroHeader":"rMjOH9","promoHeader":"j7PqCT","uuiCritical":"CV9YxQ","uuiInfo":"aJFzyJ","uuiSuccess":"nzDhCh","uuiWarning":"D302FC","uuiHighlight":"agNeVj","uuiTypographySize12":"KWEEbZ","uuiTypographySize14":"XnapgA","uuiTypographySize16":"r46pxT"};
 
 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":"K7QXPd","hero-header":"YnTL8D","promo-header":"Fejt08","uui-critical":"qwQYDX","uui-info":"DkTwuU","uui-success":"-JgR3p","uui-warning":"iQ2HlF","uui-highlight":"skJunE","uui-typography-size-12":"AmVNf9","uui-typography-size-14":"Q5OJ1g","uui-typography-size-16":"wFbWJY","sub-header-wrapper":"dS880n","switch":"_6dZOdi","no-found-modal-container":"V4ibbJ","no-found-modal-container-icon":"OAQ6UN","no-found-modal-container-text":"_7RUOhC","uuiTypography":"K7QXPd","heroHeader":"YnTL8D","promoHeader":"Fejt08","uuiCritical":"qwQYDX","uuiInfo":"DkTwuU","uuiSuccess":"-JgR3p","uuiWarning":"iQ2HlF","uuiHighlight":"skJunE","uuiTypographySize12":"AmVNf9","uuiTypographySize14":"Q5OJ1g","uuiTypographySize16":"wFbWJY","subHeaderWrapper":"dS880n","$switch$":"_6dZOdi","noFoundModalContainer":"V4ibbJ","noFoundModalContainerIcon":"OAQ6UN","noFoundModalContainerText":"_7RUOhC"};
 
 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":"nmx00p","column-gap":"NcWFQ8","multiline":"-aoT4J","text":"uvN1vd","columnGap":"NcWFQ8"};
 
 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":"CQsB6W"};
 
 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":"NvmU2F","hero-header":"gGvAZe","promo-header":"izRVKG","uui-critical":"xmU5kH","uui-info":"YBtyuQ","uui-success":"bFEyyO","uui-warning":"ZmgQYS","uui-highlight":"Lv0dG2","uui-typography-size-12":"bmUFtQ","uui-typography-size-14":"CKL5Y7","uui-typography-size-16":"zsUhPG","root":"JiAJ8K","mode-form":"Mk8NjG","mode-cell":"YDKiup","mode-inline":"tSu6mo","uuiTypography":"NvmU2F","heroHeader":"gGvAZe","promoHeader":"izRVKG","uuiCritical":"xmU5kH","uuiInfo":"YBtyuQ","uuiSuccess":"bFEyyO","uuiWarning":"ZmgQYS","uuiHighlight":"Lv0dG2","uuiTypographySize12":"bmUFtQ","uuiTypographySize14":"CKL5Y7","uuiTypographySize16":"zsUhPG","modeForm":"Mk8NjG","modeCell":"YDKiup","modeInline":"tSu6mo"};
 
 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":"xwLjqb"};
 
 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":"_8dlJaz"};
 
 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":"IXIwtn","hero-header":"gcdzix","promo-header":"Zk-yDs","uui-critical":"JuSJiv","uui-info":"yNSKnR","uui-success":"iu2Oku","uui-warning":"enRwuW","uui-highlight":"F3ywWg","uui-typography-size-12":"kxwOA0","uui-typography-size-14":"yTEqEY","uui-typography-size-16":"w-kkFK","root":"wc2P--","wrapper":"aMnK-J","align-widgets-top":"P7DVaa","align-widgets-center":"_7xlRjH","uuiTypography":"IXIwtn","heroHeader":"gcdzix","promoHeader":"Zk-yDs","uuiCritical":"JuSJiv","uuiInfo":"yNSKnR","uuiSuccess":"iu2Oku","uuiWarning":"enRwuW","uuiHighlight":"F3ywWg","uuiTypographySize12":"kxwOA0","uuiTypographySize14":"yTEqEY","uuiTypographySize16":"w-kkFK","alignWidgetsTop":"P7DVaa","alignWidgetsCenter":"_7xlRjH"};
 
 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":"RINLW9","hero-header":"_2PKZfb","promo-header":"R-3HsK","uui-critical":"WU4J3e","uui-info":"-sjX4R","uui-success":"yNA-68","uui-warning":"PNNyZ6","uui-highlight":"sLidlb","uui-typography-size-12":"f71kgK","uui-typography-size-14":"_9KcAvl","uui-typography-size-16":"LnifN9","root":"_2p9z-U","uuiTypography":"RINLW9","heroHeader":"_2PKZfb","promoHeader":"R-3HsK","uuiCritical":"WU4J3e","uuiInfo":"-sjX4R","uuiSuccess":"yNA-68","uuiWarning":"PNNyZ6","uuiHighlight":"sLidlb","uuiTypographySize12":"f71kgK","uuiTypographySize14":"_9KcAvl","uuiTypographySize16":"LnifN9"};
 
 // 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":"UF-XUO","hero-header":"aE2Ipa","promo-header":"f-laxh","uui-critical":"ODLMd3","uui-info":"_9r-HYP","uui-success":"NzVRhT","uui-warning":"WxLK5f","uui-highlight":"_4C-fbr","uui-typography-size-12":"FxCW9s","uui-typography-size-14":"so2sHN","uui-typography-size-16":"SkgO6s","sorting-panel-container":"KahKEx","uuiTypography":"UF-XUO","heroHeader":"aE2Ipa","promoHeader":"f-laxh","uuiCritical":"ODLMd3","uuiInfo":"_9r-HYP","uuiSuccess":"NzVRhT","uuiWarning":"WxLK5f","uuiHighlight":"_4C-fbr","uuiTypographySize12":"FxCW9s","uuiTypographySize14":"so2sHN","uuiTypographySize16":"SkgO6s","sortingPanelContainer":"KahKEx"};
 
 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":"_5eFXni","hero-header":"O-5vZZ","promo-header":"u7u76x","uui-critical":"E3FjtM","uui-info":"_5qPrsM","uui-success":"ECoi0B","uui-warning":"Frznwg","uui-highlight":"UR5xbZ","uui-typography-size-12":"S4X4qj","uui-typography-size-14":"IPLd7s","uui-typography-size-16":"_-2gjCG","root":"RgckTZ","caption-wrapper":"Fu2yD-","sort-icon":"nPEMC3","dropdown-icon":"olxWkw","infoIcon":"_-6R-vp","resizable":"_2DeeQU","align-right":"O3TpFO","align-center":"BJ-hlC","caption":"UNduWY","truncate":"bXHn3i","checkbox":"_3-UDCj","icon":"zciOoW","fold-all-icon":"OIDjqB","cell-tooltip":"RSMIJo","upper-case":"bIos-q","resizing-marker":"IAoSZC","pinned-right":"oF9eOi","draggable":"vGz1NM","ghost":"FWMIAO","is-dragged-out":"geXWh5","dnd-marker-left":"LoTxGv","dnd-marker-right":"_28ovYp","cell-tooltip-wrapper":"gCyjhX","cell-tooltip-text":"ldzxFC","tooltip-caption":"EKkzXR","tooltip-info":"-X1CBi","uuiTypography":"_5eFXni","heroHeader":"O-5vZZ","promoHeader":"u7u76x","uuiCritical":"E3FjtM","uuiInfo":"_5qPrsM","uuiSuccess":"ECoi0B","uuiWarning":"Frznwg","uuiHighlight":"UR5xbZ","uuiTypographySize12":"S4X4qj","uuiTypographySize14":"IPLd7s","uuiTypographySize16":"_-2gjCG","captionWrapper":"Fu2yD-","sortIcon":"nPEMC3","dropdownIcon":"olxWkw","alignRight":"O3TpFO","alignCenter":"BJ-hlC","foldAllIcon":"OIDjqB","cellTooltip":"RSMIJo","upperCase":"bIos-q","resizingMarker":"IAoSZC","pinnedRight":"oF9eOi","isDraggedOut":"geXWh5","dndMarkerLeft":"LoTxGv","dndMarkerRight":"_28ovYp","cellTooltipWrapper":"gCyjhX","cellTooltipText":"ldzxFC","tooltipCaption":"EKkzXR","tooltipInfo":"-X1CBi"};
 
 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,66 @@ 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":"Quv3q7","hero-header":"cd416h","promo-header":"fRlxtA","uui-critical":"wBWqZY","uui-info":"sliYzq","uui-success":"xNaS3m","uui-warning":"Vt7KjL","uui-highlight":"Or40sM","uui-typography-size-12":"GHrkqQ","uui-typography-size-14":"VNg2pI","uui-typography-size-16":"oHe-rC","root":"_-7GAkE","uuiTypography":"Quv3q7","heroHeader":"cd416h","promoHeader":"fRlxtA","uuiCritical":"wBWqZY","uuiInfo":"sliYzq","uuiSuccess":"xNaS3m","uuiWarning":"Vt7KjL","uuiHighlight":"Or40sM","uuiTypographySize12":"GHrkqQ","uuiTypographySize14":"VNg2pI","uuiTypographySize16":"oHe-rC"};
+
+var css$t = {"uui-typography":"D5x7Va","hero-header":"Kc-ium","promo-header":"DAd6L1","uui-critical":"x9VQCS","uui-info":"h0CW9X","uui-success":"_9V0vNz","uui-warning":"waEQkw","uui-highlight":"ZCTPin","uui-typography-size-12":"nLmHuR","uui-typography-size-14":"UrM7NM","uui-typography-size-16":"rMzoRx","root":"tjuGb1","caption-wrapper":"JPo2-7","align-center":"aZg84y","caption":"qnrN4G","truncate":"tK1X94","group-cell-tooltip":"m1qe-o","upper-case":"RURfyH","group-cell-tooltip-wrapper":"_9VA284","group-cell-tooltip-text":"ZETqRo","tooltip-caption":"s6LX6H","tooltip-info":"KQBVWp","uuiTypography":"D5x7Va","heroHeader":"Kc-ium","promoHeader":"DAd6L1","uuiCritical":"x9VQCS","uuiInfo":"h0CW9X","uuiSuccess":"_9V0vNz","uuiWarning":"waEQkw","uuiHighlight":"ZCTPin","uuiTypographySize12":"nLmHuR","uuiTypographySize14":"UrM7NM","uuiTypographySize16":"rMzoRx","captionWrapper":"JPo2-7","alignCenter":"aZg84y","groupCellTooltip":"m1qe-o","upperCase":"RURfyH","groupCellTooltipWrapper":"_9VA284","groupCellTooltipText":"ZETqRo","tooltipCaption":"s6LX6H","tooltipInfo":"KQBVWp"};
+
+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`,
+            width: '100%',
+        };
+        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 +3578,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":"fo2CwB","hero-header":"JLHxdD","promo-header":"x47PAy","uui-critical":"VIE7nL","uui-info":"_0mdSGs","uui-success":"L9MjGW","uui-warning":"_4hav8N","uui-highlight":"pbtCxN","uui-typography-size-12":"VsSIeB","uui-typography-size-14":"Eh4pwj","uui-typography-size-16":"BwE4sY","root":"gLieAI","title-wrapper":"_8Ju-ZW","title":"_86rgMl","text-wrapper":"_9pG4Ze","selection":"_7DQ8UA","postfix":"UBiHLa","selected":"JvgXzX","uuiTypography":"fo2CwB","heroHeader":"JLHxdD","promoHeader":"x47PAy","uuiCritical":"VIE7nL","uuiInfo":"_0mdSGs","uuiSuccess":"L9MjGW","uuiWarning":"_4hav8N","uuiHighlight":"pbtCxN","uuiTypographySize12":"VsSIeB","uuiTypographySize14":"Eh4pwj","uuiTypographySize16":"BwE4sY","titleWrapper":"_8Ju-ZW","textWrapper":"_9pG4Ze"};
 
 const defaultSize = '36';
 const FilterPanelItemToggler = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
@@ -3681,7 +3756,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":"_6ZBiWx"};
 
 function FilterNumericBody(props) {
     var _a, _b;
@@ -3779,7 +3854,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":"m9TdZM","hero-header":"hM-ss5","promo-header":"FxaAIM","uui-critical":"oyeFBi","uui-info":"ht90RN","uui-success":"DRuxST","uui-warning":"nE-E8J","uui-highlight":"sXrtwp","uui-typography-size-12":"XCcnwj","uui-typography-size-14":"mttp0I","uui-typography-size-16":"v-QoP9","header":"_3ELQSr","removeButton":"ZuyU3S","with-search":"_8HtXfd","uuiTypography":"m9TdZM","heroHeader":"hM-ss5","promoHeader":"FxaAIM","uuiCritical":"oyeFBi","uuiInfo":"ht90RN","uuiSuccess":"DRuxST","uuiWarning":"nE-E8J","uuiHighlight":"sXrtwp","uuiTypographySize12":"XCcnwj","uuiTypographySize14":"mttp0I","uuiTypographySize16":"v-QoP9","withSearch":"_8HtXfd"};
 
 function useView(props, value) {
     const forceUpdate = uuiCore.useForceUpdate();
@@ -4100,7 +4175,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":"_4wr1zo","dropdownDeleteIcon":"A0ppIK","presetsWrapper":"zsSH7j","addPresetContainer":"WXKR8O","dropContainer":"RWWHlr"};
 
 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 +4288,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":"_0NxjSE","tab-button":"RFzq0v","targetOpen":"ogYZs5","deleteButton":"_0NxjSE","tabButton":"RFzq0v"};
 
 function PresetActionsDropdown(props) {
     const { uuiNotifications } = uuiCore.useUuiContext();
@@ -4271,7 +4346,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":"KFihLD","preset-input":"Pkz6yn","presetInputCell":"KFihLD","presetInput":"Pkz6yn"};
 
 const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
 const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
@@ -4304,7 +4379,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":"_3vILba","activePreset":"BjloKB"};
 
 function Preset(props) {
     const [isRenamePreset, setIsRenamePreset] = React.useState(false);
@@ -4478,7 +4553,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":"XaICNP","pin-toggler-icon":"C4564U","unpinIcon":"XaICNP","pinTogglerIcon":"C4564U"};
 
 function PinIconButton(props) {
     const i18nLocal = i18n.tables.columnsConfigurationModal;
@@ -4537,7 +4612,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":"zx8y6o","hero-header":"l19r9H","promo-header":"Rmw90J","uui-critical":"cLe9O5","uui-info":"FxoVZc","uui-success":"hhjF7y","uui-warning":"ZFJyTI","uui-highlight":"TjqTD3","uui-typography-size-12":"_8I-etm","uui-typography-size-14":"oSvede","uui-typography-size-16":"FeIXi9","row-wrapper":"yXSQ49","pin-icon-button":"mUe4I1","not-pinned":"dTvNi8","checkbox":"FikcF7","drag-handle":"RXAPI1","dnd-disabled":"spCa20","uuiTypography":"zx8y6o","heroHeader":"l19r9H","promoHeader":"Rmw90J","uuiCritical":"cLe9O5","uuiInfo":"FxoVZc","uuiSuccess":"hhjF7y","uuiWarning":"ZFJyTI","uuiHighlight":"TjqTD3","uuiTypographySize12":"_8I-etm","uuiTypographySize14":"oSvede","uuiTypographySize16":"FeIXi9","rowWrapper":"yXSQ49","pinIconButton":"mUe4I1","notPinned":"dTvNi8","dragHandle":"RXAPI1","dndDisabled":"spCa20"};
 
 const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props) {
     const { column } = props;
@@ -4560,7 +4635,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":"BPGGBr","hero-header":"H-xLAU","promo-header":"jljpRr","uui-critical":"-W8-99","uui-info":"ycnIVU","uui-success":"R85t4t","uui-warning":"_26Dbaj","uui-highlight":"KThh3M","uui-typography-size-12":"uSQYqS","uui-typography-size-14":"_76hbIb","uui-typography-size-16":"-H--aJ","root":"R-Fd1v","main-panel":"_9-4YfA","group":"hKbCr-","group-title":"tR65jM","group-items":"RpwYxv","no-data":"_3osPKz","no-data-title":"XNORCB","no-data-sub-title":"KhrIYn","h-divider":"_8GOIaz","search-area":"_9uZZP-","subgroup-accordion":"B6L7vQ","subgroup":"Jcgttd","subgroup-title":"yZg5D5","uuiTypography":"BPGGBr","heroHeader":"H-xLAU","promoHeader":"jljpRr","uuiCritical":"-W8-99","uuiInfo":"ycnIVU","uuiSuccess":"R85t4t","uuiWarning":"_26Dbaj","uuiHighlight":"KThh3M","uuiTypographySize12":"uSQYqS","uuiTypographySize14":"_76hbIb","uuiTypographySize16":"-H--aJ","mainPanel":"_9-4YfA","groupTitle":"tR65jM","groupItems":"RpwYxv","noData":"_3osPKz","noDataTitle":"XNORCB","noDataSubTitle":"KhrIYn","hDivider":"_8GOIaz","searchArea":"_9uZZP-","subgroupAccordion":"B6L7vQ","subgroupTitle":"yZg5D5"};
 
 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 +4724,7 @@ function SubGroup(props) {
     return null;
 }
 
-var css$i = {"listContainer":"umKqKp","header":"kAdSRd","group":"SHeWFv","stickyHeader":"yhAD0g"};
+var css$i = {"listContainer":"EwMhkg","header":"cr6GoK","group":"_-6XHBk","stickyHeader":"L1Od2j"};
 
 const getChildrenAndRest = (row, rows) => {
     const firstNotChildIndex = rows.findIndex((other) => other.depth < row.depth || (row.depth === other.depth && other.isPinned));
@@ -4715,7 +4790,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(#4i4gxfxqciyncjhri_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 +4811,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: "4i4gxfr65igsuth3_b",
     style: {
       maskType: "alpha"
     },
@@ -4749,7 +4824,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(#4i4gxfr65igsuth3_b)",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }, /*#__PURE__*/React__namespace.createElement("path", {
@@ -4835,7 +4910,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: "4i4gxfxqciyncjhri_a"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     fill: "#fff",
     transform: "translate(.552)",
@@ -4844,7 +4919,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":"tHLkeF","sticky-header":"jONeJZ","no-results":"f4h-Yw","icon":"m-WhKy","title":"WoLDA6","stickyHeader":"jONeJZ","noResults":"f4h-Yw"};
 
 function DataTable(props) {
     var _a, _b, _c, _d;
@@ -4879,7 +4954,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 +4970,9 @@ function DataTable(props) {
                 } }))));
 }
 
-var css$g = {"root":"sezKqf"};
+var css$g = {"root":"VrUG5D"};
 
-var css$f = {"root":"PzzhEx","burger-content":"NOmNTF","burgerContent":"NOmNTF"};
+var css$f = {"root":"YZM2yD","burger-content":"cRAMXc","burgerContent":"cRAMXc"};
 
 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 +5015,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":"_3y3-ZC","hero-header":"h7dpUY","promo-header":"XC8y8G","uui-critical":"DaH6nu","uui-info":"DT1J6a","uui-success":"IdiXpP","uui-warning":"t-N4p4","uui-highlight":"GrWv8V","uui-typography-size-12":"sNv569","uui-typography-size-14":"_7dDtxS","uui-typography-size-16":"UB0Md-","root":"amQpg4","button-primary":"_97PcEw","button-secondary":"oIu-It","hasIcon":"UIPiJ0","dropdown":"kJLI3T","uuiTypography":"_3y3-ZC","heroHeader":"h7dpUY","promoHeader":"XC8y8G","uuiCritical":"DaH6nu","uuiInfo":"DT1J6a","uuiSuccess":"IdiXpP","uuiWarning":"t-N4p4","uuiHighlight":"GrWv8V","uuiTypographySize12":"sNv569","uuiTypographySize14":"_7dDtxS","uuiTypographySize16":"UB0Md-","buttonPrimary":"_97PcEw","buttonSecondary":"oIu-It"};
 
 const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (props) => [
     css$e.root,
@@ -4951,13 +5026,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":"U8g5Uw","searchInput":"U8g5Uw"};
 
 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":"nqDq9z","group-header":"btNwk0","group-name":"OJlsOO","line":"fI22Sj","groupHeader":"btNwk0","groupName":"OJlsOO"};
 
 function BurgerGroupHeader(props) {
     return (React__namespace.createElement("div", { className: cx__default.default(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
@@ -4965,7 +5040,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":"_7WcSZ4","hero-header":"Cd0qAL","promo-header":"-dSVKH","uui-critical":"S4tItA","uui-info":"RzkpKA","uui-success":"_6Cg4Zf","uui-warning":"SXNR0h","uui-highlight":"jGm9be","uui-typography-size-12":"Gix2K4","uui-typography-size-14":"ftkulG","uui-typography-size-16":"xqFxtm","root":"sLljD5","type-primary":"_31yC8T","type-secondary":"bP5Fms","uuiTypography":"_7WcSZ4","heroHeader":"Cd0qAL","promoHeader":"-dSVKH","uuiCritical":"S4tItA","uuiInfo":"RzkpKA","uuiSuccess":"_6Cg4Zf","uuiWarning":"SXNR0h","uuiHighlight":"jGm9be","uuiTypographySize12":"Gix2K4","uuiTypographySize14":"ftkulG","uuiTypographySize16":"xqFxtm","typePrimary":"_31yC8T","typeSecondary":"bP5Fms"};
 
 const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     const { type } = props, clickableProps = __rest(props, ["type"]);
@@ -4981,7 +5056,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":"_4AK4XV","dropdownBody":"_4AK4XV"};
 
 class MainMenuDropdown extends React__namespace.Component {
     render() {
@@ -5036,12 +5111,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":"bChZQi","global-menu-icon":"RGtXj1","globalMenuBtn":"bChZQi","globalMenuIcon":"RGtXj1"};
 
 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":"n3hyXQ","open":"EbBSmf","folding-arrow":"m8PIG9","foldingArrow":"m8PIG9"};
 
 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 +5124,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":"hjTARJ","searchInput":"hjTARJ"};
 
 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":"F9R3-N"};
 
 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":"PYOBf5"};
 
 const Anchor = /* @__PURE__ */uuiCore.withMods(uuiComponents.Anchor, () => [css$5.root]);
 
@@ -5118,7 +5193,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":"P6EKub","drop-start":"kE84I2","drop-over":"Ft3Uej","link":"D31y-c","drop-area":"RgCV-i","drop-caption":"AFIjyA","icon-blue":"IaLOcU","dropStart":"kE84I2","dropOver":"Ft3Uej","dropArea":"RgCV-i","dropCaption":"AFIjyA","iconBlue":"IaLOcU"};
 
 function DropSpot(props) {
     const getInfoText = typeof props.infoText === 'string'
@@ -5136,9 +5211,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":"_3xAshD","hero-header":"Omt8rO","promo-header":"PiAdgp","uui-critical":"lWPNa2","uui-info":"S0vyWP","uui-success":"DTReHq","uui-warning":"P647AL","uui-highlight":"sSvzSv","uui-typography-size-12":"E1MJ56","uui-typography-size-14":"IEfu0E","uui-typography-size-16":"_1K2uA-","root":"YQNwD6","file-name":"-yYOzJ","default-color":"jHC0Rs","doc-color":"n-5d-G","xls-color":"bOzUTp","pdf-color":"LNlZpp","movie-color":"ZsJeDN","img-color":"_31P70J","mov-color":"lnvT5F","error-block":"SlvlhR","icons-block":"VDiSmQ","uuiTypography":"_3xAshD","heroHeader":"Omt8rO","promoHeader":"PiAdgp","uuiCritical":"lWPNa2","uuiInfo":"S0vyWP","uuiSuccess":"DTReHq","uuiWarning":"P647AL","uuiHighlight":"sSvzSv","uuiTypographySize12":"E1MJ56","uuiTypographySize14":"IEfu0E","uuiTypographySize16":"_1K2uA-","fileName":"-yYOzJ","defaultColor":"jHC0Rs","docColor":"n-5d-G","xlsColor":"bOzUTp","pdfColor":"LNlZpp","movieColor":"ZsJeDN","imgColor":"_31P70J","movColor":"lnvT5F","errorBlock":"SlvlhR","iconsBlock":"VDiSmQ"};
 
-var css$2 = {"root":"VxVpVw"};
+var css$2 = {"root":"xRHHnc"};
 
 const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     const outsetRadius = props.size / 2 - 1;
@@ -5263,7 +5338,7 @@ const getErrorPageConfig = () => ({
     },
 });
 
-var css$1 = {"container":"Yiv1It"};
+var css$1 = {"container":"MIS038"};
 
 const ErrorPage = (props) => {
     const isMobileScreen = uuiCore.isMobile();
@@ -5274,7 +5349,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":"ghTwsA","recovery-message":"Y9mSeI","modal-blocker":"lUmm5Y","modalFadeIn":"-smeL9","recoverySpinner":"ghTwsA","recoveryMessage":"Y9mSeI","modalBlocker":"lUmm5Y"};
 
 function ErrorHandler(props) {
     const { uuiNotifications, uuiModals, uuiApi } = uuiCore.useUuiContext();