@epam/uui 5.9.0-beta.0 → 5.9.1

package/index.js

@@ -74,7 +74,7 @@ var SvgNavigationChevronDownOutline = function SvgNavigationChevronDownOutline(p
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$P || (_path$P = /*#__PURE__*/React__namespace.createElement("path", {
-    d: "m12 16.4-6-6L7.4 9l4.6 4.6L16.6 9l1.4 1.4-6 6z"
+    d: "M5.414 8.086 4 9.5l8 8 8-8-1.414-1.414L12 14.672 5.414 8.086z"
   })));
 };
 var ForwardRef$P = /*#__PURE__*/React.forwardRef(SvgNavigationChevronDownOutline);
@@ -317,7 +317,6 @@ const systemIcons = {
 const settings = {
     sizes: {
         defaults: {
-            badge: '36',
             button: '36',
             checkbox: '18',
             countIndicator: '24',
@@ -331,12 +330,9 @@ const settings = {
             tabButton: '48',
             tag: '36',
             text: '36',
-            textArea: '36',
             textInput: '36',
             rangeDatePicker: '36',
             datePicker: '36',
-            labeledInput: '36',
-            statusIndicator: '24',
         },
         tag: {
             countIndicator: {
@@ -366,11 +362,11 @@ const settings = {
         pickerToggler: {
             tag: {
                 24: '18',
-                30: '24',
-                36: '30',
-                42: '36',
-                48: '42',
-                60: '48',
+                30: '18',
+                36: '24',
+                42: '30',
+                48: '36',
+                60: '42',
             },
         },
         dataPickerHeader: {
@@ -423,14 +419,6 @@ const settings = {
                 48: '48',
                 60: '48',
             },
-            icon: {
-                24: '12',
-                30: '18',
-                36: '18',
-                42: '24',
-                48: '24',
-                60: '24',
-            },
         },
         dataPickerRow: {
             padding: {
@@ -445,7 +433,7 @@ const settings = {
             switch: {
                 24: '12',
                 30: '18',
-                36: '36',
+                36: '18',
                 42: '24',
                 48: '24',
             },
@@ -467,14 +455,6 @@ const settings = {
                 48: '18',
                 60: '18',
             },
-            icon: {
-                24: '12',
-                30: '18',
-                36: '18',
-                42: '24',
-                48: '24',
-                60: '24',
-            },
             indentUnit: {
                 24: 6,
                 30: 12,
@@ -503,29 +483,10 @@ const settings = {
             48: { lineHeight: 24, fontSize: 16 },
             60: { lineHeight: 30, fontSize: 24 },
         },
-        filterPickerBody: {
-            pickerItem: '36',
-            dataPickerRow: '36',
-            dataPickerFooter: '36',
-            searchSize: '36',
-        },
-        labeledInput: {
-            fillIcon: ['24', '30'],
-        },
-        badge: {
-            countIndicator: {
-                18: '12',
-                24: '18',
-                30: '18',
-                36: '18',
-                42: '24',
-                48: '24',
-            },
-        },
     },
 };
 
-var css$1s = {"uui-typography":"kgTbKY","hero-header":"pwjn8u","promo-header":"cECO0u","uui-critical":"NIsivg","uui-info":"uSAmM9","uui-success":"Sdsxow","uui-warning":"_7G0dB4","uui-highlight":"JkUw6P","uui-typography-size-12":"UCNsuY","uui-typography-size-14":"cOz3UF","uui-typography-size-16":"FEvWnM","root":"GJnngF","uuiTypography":"kgTbKY","heroHeader":"pwjn8u","promoHeader":"cECO0u","uuiCritical":"NIsivg","uuiInfo":"uSAmM9","uuiSuccess":"Sdsxow","uuiWarning":"_7G0dB4","uuiHighlight":"JkUw6P","uuiTypographySize12":"UCNsuY","uuiTypographySize14":"cOz3UF","uuiTypographySize16":"FEvWnM"};
+var css$1s = {"uui-typography":"i-IFmK","hero-header":"O8bkF7","promo-header":"m0M1Vk","uui-critical":"_9ggEka","uui-info":"sKVmxV","uui-success":"VBJsqi","uui-warning":"NCqwe3","uui-highlight":"Pb5hEE","uui-typography-size-12":"_3jXbAV","uui-typography-size-14":"-JmXl1","uui-typography-size-16":"pN4mf0","root":"g--ZrC","uuiTypography":"i-IFmK","heroHeader":"O8bkF7","promoHeader":"m0M1Vk","uuiCritical":"_9ggEka","uuiInfo":"sKVmxV","uuiSuccess":"VBJsqi","uuiWarning":"NCqwe3","uuiHighlight":"Pb5hEE","uuiTypographySize12":"_3jXbAV","uuiTypographySize14":"-JmXl1","uuiTypographySize16":"pN4mf0"};
 
 function applyButtonMods(mods) {
     return [
@@ -543,7 +504,7 @@ const Button = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Button,
     };
 });
 
-var css$1r = {"root":"_34-QuP"};
+var css$1r = {"root":"ISW7A0"};
 
 function applyIconButtonMods(props) {
     return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1r.root];
@@ -580,18 +541,10 @@ 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$1q = {"uui-typography":"slGgB-","hero-header":"qrwVD-","promo-header":"D6zV-Q","uui-critical":"Df9Mte","uui-info":"UMQHkk","uui-success":"lZWcy7","uui-warning":"AGd-to","uui-highlight":"w1Ij7C","uui-typography-size-12":"F6DYPj","uui-typography-size-14":"bSrnR0","uui-typography-size-16":"kKecjt","root":"_5MCudS","uuiTypography":"slGgB-","heroHeader":"qrwVD-","promoHeader":"D6zV-Q","uuiCritical":"Df9Mte","uuiInfo":"UMQHkk","uuiSuccess":"lZWcy7","uuiWarning":"AGd-to","uuiHighlight":"w1Ij7C","uuiTypographySize12":"F6DYPj","uuiTypographySize14":"bSrnR0","uuiTypographySize16":"kKecjt"};
+var css$1q = {"uui-typography":"XJ7gJ-","hero-header":"zbQ1nz","promo-header":"_1EihEb","uui-critical":"EcFRor","uui-info":"s7Jubk","uui-success":"sk-00q","uui-warning":"fp-HeX","uui-highlight":"o4Wf7z","uui-typography-size-12":"Sq0Ftp","uui-typography-size-14":"Oq1WiL","uui-typography-size-16":"jMVg-v","root":"cUVgSy","uuiTypography":"XJ7gJ-","heroHeader":"zbQ1nz","promoHeader":"_1EihEb","uuiCritical":"EcFRor","uuiInfo":"s7Jubk","uuiSuccess":"sk-00q","uuiWarning":"fp-HeX","uuiHighlight":"o4Wf7z","uuiTypographySize12":"Sq0Ftp","uuiTypographySize14":"Oq1WiL","uuiTypographySize16":"jMVg-v"};
 
 const DEFAULT_COLOR = 'primary';
-function applyLinkButtonMods(mods) {
-    return [
-        'uui-link_button',
-        css$1q.root,
-        `uui-size-${mods.size || settings.sizes.defaults.linkButton}`,
-        ...getIconClass(mods),
-        `uui-color-${mods.color || DEFAULT_COLOR}`,
-    ];
-}
+const DEFAULT_WEIGHT = 'semibold';
 const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     if (process.env.NODE_ENV !== "production" && props.color === 'contrast') {
         uuiCore.devLogger.warnAboutDeprecatedPropValue({
@@ -602,16 +555,24 @@ const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
             condition: () => props.color === 'contrast',
         });
     }
-    const styles = [applyLinkButtonMods(props), props.cx];
+    const rootStyles = [
+        'uui-link_button',
+        css$1q.root,
+        `uui-size-${props.size || settings.sizes.defaults.linkButton}`,
+        ...getIconClass(props),
+        `uui-color-${props.color || DEFAULT_COLOR}`,
+        props.cx,
+    ];
+    const captionStyles = cx__default.default(uuiCore.uuiElement.caption, props.underline && `uui-underline-${props.underline}`, `uui-link-button-weight-${props.weight || DEFAULT_WEIGHT}`);
     const DropdownIcon = props.dropdownIcon ? props.dropdownIcon : systemIcons.foldingArrow;
-    return (React__namespace.createElement(uuiComponents.Clickable, Object.assign({}, props, { type: "button", cx: styles, ref: ref }),
+    return (React__namespace.createElement(uuiComponents.Clickable, Object.assign({}, props, { type: "button", cx: rootStyles, ref: ref }),
         props.icon && props.iconPosition !== 'right' && (React__namespace.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
-        props.caption && (React__namespace.createElement("div", { className: uuiCore.uuiElement.caption }, props.caption)),
+        props.caption && (React__namespace.createElement("div", { className: captionStyles }, props.caption)),
         props.icon && props.iconPosition === 'right' && (React__namespace.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$1p = {"root":"UlrdES"};
+var css$1p = {"root":"JqPEIJ"};
 
 const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
     return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
@@ -623,7 +584,7 @@ const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
         ]) }, props.caption));
 });
 
-var css$1o = {"uui-typography":"tSGEkP","hero-header":"mQxoqy","promo-header":"-qVaep","uui-critical":"ZOz2jY","uui-info":"_74oldI","uui-success":"_0-ddFN","uui-warning":"K85u-t","uui-highlight":"D6hc5r","uui-typography-size-12":"q00ACF","uui-typography-size-14":"jFRO-G","uui-typography-size-16":"Y6TL5x","root":"_2Opey7","withNotify":"dw6vHz","uuiTypography":"tSGEkP","heroHeader":"mQxoqy","promoHeader":"-qVaep","uuiCritical":"ZOz2jY","uuiInfo":"_74oldI","uuiSuccess":"_0-ddFN","uuiWarning":"K85u-t","uuiHighlight":"D6hc5r","uuiTypographySize12":"q00ACF","uuiTypographySize14":"jFRO-G","uuiTypographySize16":"Y6TL5x"};
+var css$1o = {"uui-typography":"zd93-g","hero-header":"qO3IeI","promo-header":"uqgeXf","uui-critical":"YouBXa","uui-info":"xp7qRc","uui-success":"fFZAUa","uui-warning":"_6ofHhE","uui-highlight":"_0VGY4m","uui-typography-size-12":"AgDevH","uui-typography-size-14":"roQGs6","uui-typography-size-16":"d9J-2n","root":"_9tZEfr","withNotify":"Levh-p","uuiTypography":"zd93-g","heroHeader":"qO3IeI","promoHeader":"uqgeXf","uuiCritical":"YouBXa","uuiInfo":"xp7qRc","uuiSuccess":"fFZAUa","uuiWarning":"_6ofHhE","uuiHighlight":"_0VGY4m","uuiTypographySize12":"AgDevH","uuiTypographySize14":"roQGs6","uuiTypographySize16":"d9J-2n"};
 
 const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
     const styles = [
@@ -645,7 +606,7 @@ const TabButton = /* @__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$1n = {"uui-typography":"ZkEKdL","hero-header":"rfZo4Z","promo-header":"wVhJty","uui-critical":"cFUiet","uui-info":"f6bLd-","uui-success":"rKCEVr","uui-warning":"ZmyOlv","uui-highlight":"_2DE9cg","uui-typography-size-12":"opvITi","uui-typography-size-14":"lptD0v","uui-typography-size-16":"PucnSG","root":"zC0nrQ","uuiTypography":"ZkEKdL","heroHeader":"rfZo4Z","promoHeader":"wVhJty","uuiCritical":"cFUiet","uuiInfo":"f6bLd-","uuiSuccess":"rKCEVr","uuiWarning":"ZmyOlv","uuiHighlight":"_2DE9cg","uuiTypographySize12":"opvITi","uuiTypographySize14":"lptD0v","uuiTypographySize16":"PucnSG"};
+var css$1n = {"uui-typography":"PtxKow","hero-header":"bRC499","promo-header":"_64dKKb","uui-critical":"_8n54MU","uui-info":"-FWYmN","uui-success":"liAp2a","uui-warning":"dbi7cv","uui-highlight":"Z7Edla","uui-typography-size-12":"nkmOac","uui-typography-size-14":"p5LzVP","uui-typography-size-16":"J6fiQP","root":"_6Yhcgc","uuiTypography":"PtxKow","heroHeader":"bRC499","promoHeader":"_64dKKb","uuiCritical":"_8n54MU","uuiInfo":"-FWYmN","uuiSuccess":"liAp2a","uuiWarning":"dbi7cv","uuiHighlight":"Z7Edla","uuiTypographySize12":"nkmOac","uuiTypographySize14":"p5LzVP","uuiTypographySize16":"J6fiQP"};
 
 function applyVerticalTabButtonMods() {
     return [css$1n.root];
@@ -667,7 +628,7 @@ var SvgContentMinusOutline = function SvgContentMinusOutline(props, ref) {
 };
 var ForwardRef$B = /*#__PURE__*/React.forwardRef(SvgContentMinusOutline);
 
-var css$1m = {"uui-typography":"J6G3v4","hero-header":"vkqli-","promo-header":"_7BtCD9","uui-critical":"dRcG6Q","uui-info":"_3durSx","uui-success":"_9eQgT-","uui-warning":"xmA39f","uui-highlight":"CvAPgR","uui-typography-size-12":"yA607R","uui-typography-size-14":"tWF-PJ","uui-typography-size-16":"SGSIG9","root":"t7aosk","mode-cell":"CDrE04","uuiTypography":"J6G3v4","heroHeader":"vkqli-","promoHeader":"_7BtCD9","uuiCritical":"dRcG6Q","uuiInfo":"_3durSx","uuiSuccess":"_9eQgT-","uuiWarning":"xmA39f","uuiHighlight":"CvAPgR","uuiTypographySize12":"yA607R","uuiTypographySize14":"tWF-PJ","uuiTypographySize16":"SGSIG9","modeCell":"CDrE04"};
+var css$1m = {"uui-typography":"MNRGxO","hero-header":"IQGIL6","promo-header":"oaMlaj","uui-critical":"Bw3rrQ","uui-info":"hK6DcC","uui-success":"wK2EiN","uui-warning":"yqESmd","uui-highlight":"KbGOQ8","uui-typography-size-12":"zAeltu","uui-typography-size-14":"jOEvil","uui-typography-size-16":"_7xRt-r","root":"_45rG2x","mode-cell":"_4MiOlQ","uuiTypography":"MNRGxO","heroHeader":"IQGIL6","promoHeader":"oaMlaj","uuiCritical":"Bw3rrQ","uuiInfo":"hK6DcC","uuiSuccess":"wK2EiN","uuiWarning":"yqESmd","uuiHighlight":"KbGOQ8","uuiTypographySize12":"zAeltu","uuiTypographySize14":"jOEvil","uuiTypographySize16":"_7xRt-r","modeCell":"_4MiOlQ"};
 
 function applyCheckboxMods(mods) {
     return [
@@ -697,12 +658,12 @@ var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$A || (_path$A = /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16z"
+    d: "M12 19a7 7 0 1 0 0-14 7 7 0 0 0 0 14z"
   })));
 };
 var ForwardRef$A = /*#__PURE__*/React.forwardRef(SvgRadioDotFill);
 
-var css$1l = {"uui-typography":"QwweiY","hero-header":"IEYohZ","promo-header":"ZIvzhh","uui-critical":"_1hRvty","uui-info":"_1PxguZ","uui-success":"jTqvfv","uui-warning":"o5O6hP","uui-highlight":"g1Qc-P","uui-typography-size-12":"CF-01G","uui-typography-size-14":"s5zTNZ","uui-typography-size-16":"OG4Koh","root":"bJmX0C","uuiTypography":"QwweiY","heroHeader":"IEYohZ","promoHeader":"ZIvzhh","uuiCritical":"_1hRvty","uuiInfo":"_1PxguZ","uuiSuccess":"jTqvfv","uuiWarning":"o5O6hP","uuiHighlight":"g1Qc-P","uuiTypographySize12":"CF-01G","uuiTypographySize14":"s5zTNZ","uuiTypographySize16":"OG4Koh"};
+var css$1l = {"uui-typography":"DA64WJ","hero-header":"_1S3ehJ","promo-header":"-d3HrQ","uui-critical":"jJohpC","uui-info":"mVtbyc","uui-success":"tF0L2R","uui-warning":"VZCJu-","uui-highlight":"RmTsed","uui-typography-size-12":"PyeJQD","uui-typography-size-14":"K9BIe1","uui-typography-size-16":"yfPs-2","root":"D7j08-","uuiTypography":"DA64WJ","heroHeader":"_1S3ehJ","promoHeader":"-d3HrQ","uuiCritical":"jJohpC","uuiInfo":"mVtbyc","uuiSuccess":"tF0L2R","uuiWarning":"VZCJu-","uuiHighlight":"RmTsed","uuiTypographySize12":"PyeJQD","uuiTypographySize14":"K9BIe1","uuiTypographySize16":"yfPs-2"};
 
 function applyRadioInputMods(mods) {
     return [
@@ -714,7 +675,7 @@ function applyRadioInputMods(mods) {
 }
 const RadioInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.RadioInput, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : ForwardRef$A }));
 
-var css$1k = {"root":"cfxkwl"};
+var css$1k = {"root":"KXX0EY"};
 
 function applySwitchMods(mods) {
     return [
@@ -782,7 +743,7 @@ var EditMode;
     EditMode["INLINE"] = "inline";
 })(EditMode || (EditMode = {}));
 
-var textInputCss = {"uui-typography":"EVxlPO","hero-header":"YWtpq2","promo-header":"_6ZztpG","uui-critical":"pUGj-F","uui-info":"EWGtWC","uui-success":"toq-nB","uui-warning":"qVFznf","uui-highlight":"hmi-Mj","uui-typography-size-12":"IEF8kl","uui-typography-size-14":"fHwASS","uui-typography-size-16":"S-11WL","root":"Tf0fZP","mode-form":"P-hwGB","mode-inline":"SavHIW","mode-cell":"Gr86QX","uuiTypography":"EVxlPO","heroHeader":"YWtpq2","promoHeader":"_6ZztpG","uuiCritical":"pUGj-F","uuiInfo":"EWGtWC","uuiSuccess":"toq-nB","uuiWarning":"qVFznf","uuiHighlight":"hmi-Mj","uuiTypographySize12":"IEF8kl","uuiTypographySize14":"fHwASS","uuiTypographySize16":"S-11WL","modeForm":"P-hwGB","modeInline":"SavHIW","modeCell":"Gr86QX"};
+var textInputCss = {"uui-typography":"FBIOs3","hero-header":"QNRK9P","promo-header":"jKd0CX","uui-critical":"T4k0YX","uui-info":"O9v5y5","uui-success":"UxdvuZ","uui-warning":"UF3mh9","uui-highlight":"Ecx673","uui-typography-size-12":"jW-CGt","uui-typography-size-14":"dsDZWF","uui-typography-size-16":"RMhwYI","root":"x8HHS-","mode-form":"aisphR","mode-inline":"_2nbTYc","mode-cell":"BdSuv3","uuiTypography":"FBIOs3","heroHeader":"QNRK9P","promoHeader":"jKd0CX","uuiCritical":"T4k0YX","uuiInfo":"O9v5y5","uuiSuccess":"UxdvuZ","uuiWarning":"UF3mh9","uuiHighlight":"Ecx673","uuiTypographySize12":"jW-CGt","uuiTypographySize14":"dsDZWF","uuiTypographySize16":"RMhwYI","modeForm":"aisphR","modeInline":"_2nbTYc","modeCell":"BdSuv3"};
 
 const DEFAULT_MODE$3 = EditMode.FORM;
 function applyTextInputMods(mods) {
@@ -808,7 +769,7 @@ const SearchInput = /* @__PURE__ */React__namespace.default.forwardRef((props, r
         } })));
 });
 
-var css$1j = {"root":"h023l9"};
+var css$1j = {"root":"tx4iAR"};
 
 const ControlGroup = /* @__PURE__ */uuiCore.withMods(uuiComponents.ControlGroup, () => [css$1j.root]);
 
@@ -817,7 +778,7 @@ function MultiSwitchComponent(props, ref) {
 }
 const MultiSwitch = /* @__PURE__ */React__namespace.forwardRef(MultiSwitchComponent);
 
-var css$1i = {"uui-typography":"WIcHtf","hero-header":"vBqsSd","promo-header":"_0yPjet","uui-critical":"ERJeZM","uui-info":"vBMc7u","uui-success":"h6wdpc","uui-warning":"WTY21-","uui-highlight":"YVbDXW","uui-typography-size-12":"l1yQh6","uui-typography-size-14":"LayhbI","uui-typography-size-16":"C9qpV-","root":"MjJwVd","mode-form":"W6KE3M","mode-cell":"kpoN6e","uuiTypography":"WIcHtf","heroHeader":"vBqsSd","promoHeader":"_0yPjet","uuiCritical":"ERJeZM","uuiInfo":"vBMc7u","uuiSuccess":"h6wdpc","uuiWarning":"WTY21-","uuiHighlight":"YVbDXW","uuiTypographySize12":"l1yQh6","uuiTypographySize14":"LayhbI","uuiTypographySize16":"C9qpV-","modeForm":"W6KE3M","modeCell":"kpoN6e"};
+var css$1i = {"uui-typography":"wC3-EE","hero-header":"HmhfL0","promo-header":"XvpXCI","uui-critical":"edFf9X","uui-info":"_0idIbU","uui-success":"T-XBLy","uui-warning":"pEMZIF","uui-highlight":"w-r4og","uui-typography-size-12":"vJVAYH","uui-typography-size-14":"GFFJAt","uui-typography-size-16":"uEO7es","root":"bm5Sp2","mode-form":"l-aIZ3","mode-cell":"cQD8FG","uuiTypography":"wC3-EE","heroHeader":"HmhfL0","promoHeader":"XvpXCI","uuiCritical":"edFf9X","uuiInfo":"_0idIbU","uuiSuccess":"T-XBLy","uuiWarning":"pEMZIF","uuiHighlight":"w-r4og","uuiTypographySize12":"vJVAYH","uuiTypographySize14":"GFFJAt","uuiTypographySize16":"uEO7es","modeForm":"l-aIZ3","modeCell":"cQD8FG"};
 
 const DEFAULT_MODE$2 = EditMode.FORM;
 function applyNumericInputMods(mods) {
@@ -838,14 +799,14 @@ const NumericInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.NumericInput,
     };
 });
 
-var css$1h = {"uui-typography":"v6VOAV","hero-header":"kWu3-t","promo-header":"gduC8T","uui-critical":"rdr-Nq","uui-info":"YSiX87","uui-success":"_7bIPDY","uui-warning":"hQmX94","uui-highlight":"oPC5hp","uui-typography-size-12":"xT2BNF","uui-typography-size-14":"_044iCu","uui-typography-size-16":"W3qiOJ","root":"ZuikGS","mode-form":"DvG6CK","mode-cell":"D2gdfr","mode-inline":"pDRNrA","uuiTypography":"v6VOAV","heroHeader":"kWu3-t","promoHeader":"gduC8T","uuiCritical":"rdr-Nq","uuiInfo":"YSiX87","uuiSuccess":"_7bIPDY","uuiWarning":"hQmX94","uuiHighlight":"oPC5hp","uuiTypographySize12":"xT2BNF","uuiTypographySize14":"_044iCu","uuiTypographySize16":"W3qiOJ","modeForm":"DvG6CK","modeCell":"D2gdfr","modeInline":"pDRNrA"};
+var css$1h = {"uui-typography":"Py9zLY","hero-header":"L0QzVL","promo-header":"_4-xU-M","uui-critical":"rExUOB","uui-info":"iNptas","uui-success":"zEJD-4","uui-warning":"PRTuCY","uui-highlight":"sNiJS-","uui-typography-size-12":"_1JhA9t","uui-typography-size-14":"HwTZ9I","uui-typography-size-16":"_19tc14","root":"_1ZyaLc","mode-form":"gYcxst","mode-cell":"Kg3DUx","mode-inline":"sRZs6b","size-24":"iJrln1","size-30":"HAk3gg","size-36":"cELDQC","size-42":"VW45sL","size-48":"J3K-ck","uuiTypography":"Py9zLY","heroHeader":"L0QzVL","promoHeader":"_4-xU-M","uuiCritical":"rExUOB","uuiInfo":"iNptas","uuiSuccess":"zEJD-4","uuiWarning":"PRTuCY","uuiHighlight":"sNiJS-","uuiTypographySize12":"_1JhA9t","uuiTypographySize14":"HwTZ9I","uuiTypographySize16":"_19tc14","modeForm":"gYcxst","modeCell":"Kg3DUx","modeInline":"sRZs6b","size24":"iJrln1","size30":"HAk3gg","size36":"cELDQC","size42":"VW45sL","size48":"J3K-ck"};
 
+const DEFAULT_SIZE$3 = '36';
 const DEFAULT_MODE$1 = EditMode.FORM;
 function applyTextAreaMods(mods) {
     return [
         css$1h.root,
-        'uui-textarea',
-        'uui-size-' + (mods.size || settings.sizes.defaults.textArea),
+        css$1h['size-' + (mods.size || DEFAULT_SIZE$3)],
         css$1h['mode-' + (mods.mode || DEFAULT_MODE$1)],
     ];
 }
@@ -939,7 +900,7 @@ var SvgNotificationInfoFill = function SvgNotificationInfoFill(props, ref) {
 };
 var ForwardRef$w = /*#__PURE__*/React.forwardRef(SvgNotificationInfoFill);
 
-var css$1g = {"uui-typography":"VfoFTP","hero-header":"i-tetx","promo-header":"-PJXux","uui-critical":"DJEVoG","uui-info":"QjTwGC","uui-success":"jrX-gO","uui-warning":"DBPmzV","uui-highlight":"l8PwcW","uui-typography-size-12":"_1ilLU1","uui-typography-size-14":"S6YgXL","uui-typography-size-16":"Y4OdSO","root":"XLkyv3","icon-wrapper":"o0mZ8P","alert-wrapper":"UhMB70","size-48":"ais6i5","size-36":"cTEr5a","action-wrapper":"VtsTi1","action-icon":"sXn1q-","action-link":"-K6YLo","close-icon":"rcOPra","main-path":"PHszuJ","content":"_0DsTHi","uuiTypography":"VfoFTP","heroHeader":"i-tetx","promoHeader":"-PJXux","uuiCritical":"DJEVoG","uuiInfo":"QjTwGC","uuiSuccess":"jrX-gO","uuiWarning":"DBPmzV","uuiHighlight":"l8PwcW","uuiTypographySize12":"_1ilLU1","uuiTypographySize14":"S6YgXL","uuiTypographySize16":"Y4OdSO","iconWrapper":"o0mZ8P","alertWrapper":"UhMB70","size48":"ais6i5","size36":"cTEr5a","actionWrapper":"VtsTi1","actionIcon":"sXn1q-","actionLink":"-K6YLo","closeIcon":"rcOPra","mainPath":"PHszuJ"};
+var css$1g = {"uui-typography":"uMuySi","hero-header":"p9Rux3","promo-header":"E2bs4R","uui-critical":"zAgbCA","uui-info":"JakQHU","uui-success":"Lao8kF","uui-warning":"vVSUja","uui-highlight":"B67UZy","uui-typography-size-12":"RPrNK0","uui-typography-size-14":"HGSNSI","uui-typography-size-16":"_0gJyxR","root":"HE5yCW","icon-wrapper":"ZsdL8b","alert-wrapper":"GW1VTw","size-48":"UbMqW9","size-36":"qT7v-n","action-wrapper":"URlT9N","action-icon":"Q2aVZV","action-link":"AzPPkJ","close-icon":"sgFz7Z","main-path":"PzLYdX","content":"GdLmww","uuiTypography":"uMuySi","heroHeader":"p9Rux3","promoHeader":"E2bs4R","uuiCritical":"zAgbCA","uuiInfo":"JakQHU","uuiSuccess":"Lao8kF","uuiWarning":"vVSUja","uuiHighlight":"B67UZy","uuiTypographySize12":"RPrNK0","uuiTypographySize14":"HGSNSI","uuiTypographySize16":"_0gJyxR","iconWrapper":"ZsdL8b","alertWrapper":"GW1VTw","size48":"UbMqW9","size36":"qT7v-n","actionWrapper":"URlT9N","actionIcon":"Q2aVZV","actionLink":"AzPPkJ","closeIcon":"sgFz7Z","mainPath":"PzLYdX"};
 
 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$1g.root, css$1g.alertWrapper, props.color && `uui-color-${props.color}`, props.cx, (props.size === '36' ? css$1g.size36 : css$1g.size48)) }, props.rawProps),
     React__namespace.createElement("div", { className: css$1g.mainPath },
@@ -956,7 +917,7 @@ const ErrorAlert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => Re
 
 const Dropdown = /* @__PURE__ */uuiCore.withMods(uuiComponents.Dropdown);
 
-var css$1f = {"root":"O5PvX-"};
+var css$1f = {"root":"_23nM9u"};
 
 function applyDropdownContainerMods(mods) {
     return [
@@ -967,7 +928,7 @@ function applyDropdownContainerMods(mods) {
 }
 const DropdownContainer = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.DropdownContainer, applyDropdownContainerMods);
 
-var css$1e = {"uui-typography":"dbMCz-","hero-header":"v1c1Ji","promo-header":"fgFIPq","uui-critical":"OayjL2","uui-info":"t6Vqb-","uui-success":"_1Y19ke","uui-warning":"-kj0ie","uui-highlight":"GucUd9","uui-typography-size-12":"TY-byk","uui-typography-size-14":"uxITyk","uui-typography-size-16":"tNmjv8","submenu-root-item":"Q8LdQv","icon-after":"kUHfYR","icon-check":"HfXLYB","splitter-root":"_0Ax8cE","splitter":"XAfCxP","header-root":"jtyCxk","item-root":"AEXTmF","icon":"fYf6f5","link":"pni0sc","indent":"Hn4nrr","selected-mark":"w3kZuj","uuiTypography":"dbMCz-","heroHeader":"v1c1Ji","promoHeader":"fgFIPq","uuiCritical":"OayjL2","uuiInfo":"t6Vqb-","uuiSuccess":"_1Y19ke","uuiWarning":"-kj0ie","uuiHighlight":"GucUd9","uuiTypographySize12":"TY-byk","uuiTypographySize14":"uxITyk","uuiTypographySize16":"tNmjv8","submenuRootItem":"Q8LdQv","iconAfter":"kUHfYR","iconCheck":"HfXLYB","splitterRoot":"_0Ax8cE","headerRoot":"jtyCxk","itemRoot":"AEXTmF","selectedMark":"w3kZuj"};
+var css$1e = {"uui-typography":"_5F-lmK","hero-header":"_18q11c","promo-header":"HBM3cr","uui-critical":"QptYyp","uui-info":"_6-irKK","uui-success":"JNYhaq","uui-warning":"pL4dYR","uui-highlight":"yudWAE","uui-typography-size-12":"e-Yfxa","uui-typography-size-14":"kPcTOC","uui-typography-size-16":"dxnMMe","submenu-root-item":"Wy5qT1","icon-after":"YiAPpK","icon-check":"gKYR-I","splitter-root":"Bf8HM4","splitter":"G8saKQ","header-root":"pAfm7C","item-root":"CS3xAm","icon":"HpSIcR","link":"MRtQ4J","indent":"MGgv-a","selected-mark":"-hAePa","uuiTypography":"_5F-lmK","heroHeader":"_18q11c","promoHeader":"HBM3cr","uuiCritical":"QptYyp","uuiInfo":"_6-irKK","uuiSuccess":"JNYhaq","uuiWarning":"pL4dYR","uuiHighlight":"yudWAE","uuiTypographySize12":"e-Yfxa","uuiTypographySize14":"kPcTOC","uuiTypographySize16":"dxnMMe","submenuRootItem":"Wy5qT1","iconAfter":"YiAPpK","iconCheck":"gKYR-I","splitterRoot":"Bf8HM4","headerRoot":"pAfm7C","itemRoot":"CS3xAm","selectedMark":"-hAePa"};
 
 exports.IDropdownControlKeys = void 0;
 (function (IDropdownControlKeys) {
@@ -1062,7 +1023,8 @@ function DropdownSubMenu(props) {
             name: 'offset',
             options: {
                 offset: ({ placement }) => {
-                    if (placement === 'right-start') {
+                    if (placement === 'right-start'
+                        || placement === 'left-start') {
                         return [-6, 0];
                     }
                     else {
@@ -1073,7 +1035,7 @@ function DropdownSubMenu(props) {
         },
     ];
     const dir = uuiComponents.useDocumentDir();
-    return (React__namespace.default.createElement(uuiComponents.Dropdown, { openOnHover: props.openOnHover || true, closeOnMouseLeave: "boundary", openDelay: 400, closeDelay: 400, placement: dir === 'rtl' ? 'left-start' : 'right-start', modifiers: subMenuModifiers, renderBody: (dropdownProps) => React__namespace.default.createElement(DropdownMenuBody, Object.assign({ closeOnKey: exports.IDropdownControlKeys.LEFT_ARROW }, props, dropdownProps)), renderTarget: (_a) => {
+    return (React__namespace.default.createElement(uuiComponents.Dropdown, { openOnHover: props.openOnHover || true, closeOnMouseLeave: "boundary", openDelay: 400, closeDelay: 400, placement: dir === 'rtl' ? '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(css$1e.submenuRootItem), icon: systemIcons.foldingArrow, iconPosition: "right", isDropdown: true, toggleDropdownOpening: toggleDropdownOpening }, props, targetProps)));
         } }));
@@ -1099,7 +1061,7 @@ function DropdownMenuSwitchButton(props) {
         React__namespace.default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
 }
 
-var css$1d = {"uui-typography":"abCLlj","hero-header":"hwxaq8","promo-header":"EJy9Kn","uui-critical":"RgrKD0","uui-info":"yIloAV","uui-success":"CqCq90","uui-warning":"Kl26jK","uui-highlight":"_2whJx7","uui-typography-size-12":"ZfJOTF","uui-typography-size-14":"IwoeOc","uui-typography-size-16":"_11U-1G","root":"dQPgYB","mode-block":"kwX1M7","mode-inline":"ViadGa","padding-0":"nCA-fQ","padding-6":"TakObJ","padding-12":"_8AKo-A","padding-18":"dBvDRE","uuiTypography":"abCLlj","heroHeader":"hwxaq8","promoHeader":"EJy9Kn","uuiCritical":"RgrKD0","uuiInfo":"yIloAV","uuiSuccess":"CqCq90","uuiWarning":"Kl26jK","uuiHighlight":"_2whJx7","uuiTypographySize12":"ZfJOTF","uuiTypographySize14":"IwoeOc","uuiTypographySize16":"_11U-1G","modeBlock":"kwX1M7","modeInline":"ViadGa","padding0":"nCA-fQ","padding6":"TakObJ","padding12":"_8AKo-A","padding18":"dBvDRE"};
+var css$1d = {"uui-typography":"djPOAK","hero-header":"_8D3uKM","promo-header":"DVpyWz","uui-critical":"HEtgyK","uui-info":"smLW6v","uui-success":"qw9QG2","uui-warning":"WDytUb","uui-highlight":"mamQiR","uui-typography-size-12":"_6yX-6v","uui-typography-size-14":"amErVU","uui-typography-size-16":"GikIJS","root":"cZNy1u","mode-block":"g5jEw0","mode-inline":"_7H7BfT","padding-0":"_11ALhf","padding-6":"iDAqlG","padding-12":"V8bJKE","padding-18":"sjI0y8","uuiTypography":"djPOAK","heroHeader":"_8D3uKM","promoHeader":"DVpyWz","uuiCritical":"HEtgyK","uuiInfo":"smLW6v","uuiSuccess":"qw9QG2","uuiWarning":"WDytUb","uuiHighlight":"mamQiR","uuiTypographySize12":"_6yX-6v","uuiTypographySize14":"amErVU","uuiTypographySize16":"GikIJS","modeBlock":"g5jEw0","modeInline":"_7H7BfT","padding0":"_11ALhf","padding6":"iDAqlG","padding12":"V8bJKE","padding18":"sjI0y8"};
 
 const getMode = (mode) => {
     return mode || 'block';
@@ -1115,7 +1077,7 @@ const Accordion = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Accor
     dropdownIcon: mods.dropdownIcon !== null && systemIcons.foldingArrow,
 }));
 
-var css$1c = {"uui-typography":"QSt9vg","hero-header":"M9qaGD","promo-header":"Jd7v0J","uui-critical":"TKtdjU","uui-info":"wDy-SE","uui-success":"U7rp-B","uui-warning":"M1k-jl","uui-highlight":"faOr5N","uui-typography-size-12":"_5oy-ks","uui-typography-size-14":"JUUAWw","uui-typography-size-16":"_4KXcSl","root":"xENfMD","border-top":"bHCvsv","border-bottom":"eUJzqa","top-shadow":"ywpq0i","size-24":"-bSs2t","size-30":"t3YaIx","size-36":"i39kYA","size-42":"yUWdJt","size-48":"TZKkYs","padding-6":"UPuYF-","padding-12":"AWhzAs","padding-18":"D9ho-V","padding-24":"S1zNDY","margin-24":"qOXfsz","margin-12":"k1r-qL","vPadding-12":"qLJILw","vPadding-18":"pn2C-x","vPadding-24":"O9gKDU","vPadding-36":"N0oOQs","vPadding-48":"dLJY6N","spacing-6":"G-Pg8t","spacing-12":"NKp6hg","spacing-18":"FhYC-0","uui-surface-main":"U-8VbG","uuiTypography":"QSt9vg","heroHeader":"M9qaGD","promoHeader":"Jd7v0J","uuiCritical":"TKtdjU","uuiInfo":"wDy-SE","uuiSuccess":"U7rp-B","uuiWarning":"M1k-jl","uuiHighlight":"faOr5N","uuiTypographySize12":"_5oy-ks","uuiTypographySize14":"JUUAWw","uuiTypographySize16":"_4KXcSl","borderTop":"bHCvsv","borderBottom":"eUJzqa","topShadow":"ywpq0i","size24":"-bSs2t","size30":"t3YaIx","size36":"i39kYA","size42":"yUWdJt","size48":"TZKkYs","padding6":"UPuYF-","padding12":"AWhzAs","padding18":"D9ho-V","padding24":"S1zNDY","margin24":"qOXfsz","margin12":"k1r-qL","vPadding12":"qLJILw","vPadding18":"pn2C-x","vPadding24":"O9gKDU","vPadding36":"N0oOQs","vPadding48":"dLJY6N","spacing6":"G-Pg8t","spacing12":"NKp6hg","spacing18":"FhYC-0","uuiSurfaceMain":"U-8VbG"};
+var css$1c = {"uui-typography":"jLD6V-","hero-header":"GYS-Pq","promo-header":"tqpZfm","uui-critical":"ZoYdBU","uui-info":"OiOhWX","uui-success":"f6xG6W","uui-warning":"hMSjGI","uui-highlight":"d2Zzv4","uui-typography-size-12":"yH8gP3","uui-typography-size-14":"E1sxas","uui-typography-size-16":"posgl5","root":"JbBbUh","border-top":"PCqd-l","border-bottom":"L0dl4G","top-shadow":"DFsYSH","size-24":"qbbx3-","size-30":"T0GJ7t","size-36":"YeDcLu","size-42":"lEACsu","size-48":"_09cDM9","padding-6":"CDpBMY","padding-12":"vy9nk1","padding-18":"hX-HrE","padding-24":"arBPmE","margin-24":"eenDGp","margin-12":"DNcLWM","vPadding-12":"h-9PCC","vPadding-18":"m3bJWJ","vPadding-24":"BZGtsq","vPadding-36":"sLVV7l","vPadding-48":"z9nTUh","spacing-6":"KWV7e0","spacing-12":"_1lNpCS","spacing-18":"_4YGcNL","uui-surface-main":"NpJi-w","uuiTypography":"jLD6V-","heroHeader":"GYS-Pq","promoHeader":"tqpZfm","uuiCritical":"ZoYdBU","uuiInfo":"OiOhWX","uuiSuccess":"f6xG6W","uuiWarning":"hMSjGI","uuiHighlight":"d2Zzv4","uuiTypographySize12":"yH8gP3","uuiTypographySize14":"E1sxas","uuiTypographySize16":"posgl5","borderTop":"PCqd-l","borderBottom":"L0dl4G","topShadow":"DFsYSH","size24":"qbbx3-","size30":"T0GJ7t","size36":"YeDcLu","size42":"lEACsu","size48":"_09cDM9","padding6":"CDpBMY","padding12":"vy9nk1","padding18":"hX-HrE","padding24":"arBPmE","margin24":"eenDGp","margin12":"DNcLWM","vPadding12":"h-9PCC","vPadding18":"m3bJWJ","vPadding24":"BZGtsq","vPadding36":"sLVV7l","vPadding48":"z9nTUh","spacing6":"KWV7e0","spacing12":"_1lNpCS","spacing18":"_4YGcNL","uuiSurfaceMain":"NpJi-w"};
 
 const FlexCell = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexCell, () => [css$1c.flexCell]);
 
@@ -1139,7 +1101,7 @@ const FlexRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexRow, (props) =
     ];
 });
 
-var css$1b = {"root":"oaWGbp","margin-24":"_3YIhVQ","padding-12":"bv-73v","padding-24":"d5a-vk","shadow":"FaIDq-","uui-surface-main":"UDKHb5","margin24":"_3YIhVQ","padding12":"bv-73v","padding24":"d5a-vk","uuiSurfaceMain":"UDKHb5"};
+var css$1b = {"root":"QZc-zH","margin-24":"_7nV4Tt","padding-12":"ofoNIF","padding-24":"_--BviS","shadow":"Tdw4W1","uui-surface-main":"u-3MMR","margin24":"_7nV4Tt","padding12":"ofoNIF","padding24":"_--BviS","uuiSurfaceMain":"u-3MMR"};
 
 const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
     'uui-panel',
@@ -1149,7 +1111,7 @@ const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
     props.background && css$1b[`uui-${props.background}`],
 ]);
 
-var css$1a = {"root":"-mb7aG"};
+var css$1a = {"root":"eXSoOQ"};
 
 function applyTooltipMods(mods) {
     return [
@@ -1159,21 +1121,18 @@ function applyTooltipMods(mods) {
 }
 const Tooltip = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Tooltip, applyTooltipMods);
 
-var css$19 = {"uui-typography":"W2R8os","hero-header":"_0Bg5G1","promo-header":"_6br4Cl","uui-critical":"b3ikKS","uui-info":"cSgcn4","uui-success":"K36pxN","uui-warning":"syK6kh","uui-highlight":"U3bOQi","uui-typography-size-12":"GJAwrA","uui-typography-size-14":"HupQFw","uui-typography-size-16":"EUsRWN","root":"_9zjBqr","uuiTypography":"W2R8os","heroHeader":"_0Bg5G1","promoHeader":"_6br4Cl","uuiCritical":"b3ikKS","uuiInfo":"cSgcn4","uuiSuccess":"K36pxN","uuiWarning":"syK6kh","uuiHighlight":"U3bOQi","uuiTypographySize12":"GJAwrA","uuiTypographySize14":"HupQFw","uuiTypographySize16":"EUsRWN"};
+var css$19 = {"uui-typography":"VnWHk7","hero-header":"tQmx0S","promo-header":"_20Ml-O","uui-critical":"gMfRL8","uui-info":"Kqjbfu","uui-success":"C4u2J-","uui-warning":"wQXHIK","uui-highlight":"c6FV2z","uui-typography-size-12":"ced3MN","uui-typography-size-14":"SUFfV-","uui-typography-size-16":"HuhTk0","root":"ezc261","size-24":"khdpz-","size-30":"R1NQMH","size-36":"_7S-5MP","size-42":"_6-eOQB","size-48":"_2i8AeP","uuiTypography":"VnWHk7","heroHeader":"tQmx0S","promoHeader":"_20Ml-O","uuiCritical":"gMfRL8","uuiInfo":"Kqjbfu","uuiSuccess":"C4u2J-","uuiWarning":"wQXHIK","uuiHighlight":"c6FV2z","uuiTypographySize12":"ced3MN","uuiTypographySize14":"SUFfV-","uuiTypographySize16":"HuhTk0","size24":"khdpz-","size30":"R1NQMH","size36":"_7S-5MP","size42":"_6-eOQB","size48":"_2i8AeP"};
 
+const DEFAULT_SIZE$2 = '36';
 function applyLabeledInputMods(mods) {
-    return [
-        'uui-labeled-input',
-        css$19.root,
-        'uui-size-' + (mods.size || settings.sizes.defaults.labeledInput),
-    ];
+    return [css$19.root, css$19['size-' + (mods.size || DEFAULT_SIZE$2)]];
 }
 const LabeledInput = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.LabeledInput, applyLabeledInputMods, (props) => ({
     Tooltip: props.Tooltip || Tooltip,
-    infoIcon: props.infoIcon || (settings.sizes.labeledInput.fillIcon.includes(props.size) ? ForwardRef$w : ForwardRef$L),
+    infoIcon: props.infoIcon || (['24', '30'].includes(props.size) ? ForwardRef$w : ForwardRef$L),
 }));
 
-var css$18 = {"root":"sLMUIO"};
+var css$18 = {"root":"_4kJ9na"};
 
 function RadioGroup(props) {
     const direction = props.direction || 'vertical';
@@ -1188,7 +1147,7 @@ function RadioGroup(props) {
     })));
 }
 
-var css$17 = {"root":"UHoGxD"};
+var css$17 = {"root":"JD6LkI"};
 
 function applyScrollBarsMods() {
     return [
@@ -1197,37 +1156,46 @@ function applyScrollBarsMods() {
 }
 const ScrollBars = /* @__PURE__ */uuiCore.withMods(uuiComponents.ScrollBars, applyScrollBarsMods);
 
-var css$16 = {"scroll-container":"jvabmI","list-container":"FkRcKD","scrollContainer":"jvabmI","listContainer":"FkRcKD"};
+var css$16 = {"scroll-container":"duBpXo","list-container":"o6xzks","scrollContainer":"duBpXo","listContainer":"o6xzks"};
 
-var css$15 = {"root":"HX2JbG"};
+var css$15 = {"root":"bGA-w0"};
 
 const AvatarStack = /* @__PURE__ */uuiCore.withMods(uuiComponents.AvatarStack, () => [css$15.root]);
 
-var css$14 = {"uui-typography":"Be4LbF","hero-header":"kvi1PD","promo-header":"TvyWBo","uui-critical":"Xwt6A1","uui-info":"CSDRjI","uui-success":"lNouK-","uui-warning":"kl86oz","uui-highlight":"yuhvbc","uui-typography-size-12":"_5fI9rw","uui-typography-size-14":"vRUu6J","uui-typography-size-16":"rCGl-N","root":"h-Y7xa","uuiTypography":"Be4LbF","heroHeader":"kvi1PD","promoHeader":"TvyWBo","uuiCritical":"Xwt6A1","uuiInfo":"CSDRjI","uuiSuccess":"lNouK-","uuiWarning":"kl86oz","uuiHighlight":"yuhvbc","uuiTypographySize12":"_5fI9rw","uuiTypographySize14":"vRUu6J","uuiTypographySize16":"rCGl-N"};
+var css$14 = {"uui-typography":"_1nvzjp","hero-header":"rpf65J","promo-header":"kP-PCn","uui-critical":"JwDXgv","uui-info":"vSq2uO","uui-success":"ogBP6-","uui-warning":"-GhZDx","uui-highlight":"_0JMqBO","uui-typography-size-12":"QWzfcf","uui-typography-size-14":"itVebz","uui-typography-size-16":"ag8zVu","root":"dflBhM","size-18":"_-19Z76","size-24":"QGBkzH","size-30":"LGk4At","size-36":"LISMyk","size-42":"_-73hhs","size-48":"yTXlA3","uuiTypography":"_1nvzjp","heroHeader":"rpf65J","promoHeader":"kP-PCn","uuiCritical":"JwDXgv","uuiInfo":"vSq2uO","uuiSuccess":"ogBP6-","uuiWarning":"-GhZDx","uuiHighlight":"_0JMqBO","uuiTypographySize12":"QWzfcf","uuiTypographySize14":"itVebz","uuiTypographySize16":"ag8zVu","size18":"_-19Z76","size24":"QGBkzH","size30":"LGk4At","size36":"LISMyk","size42":"_-73hhs","size48":"yTXlA3"};
 
+const DEFAULT_SIZE$1 = '36';
 const DEFAULT_FILL = 'solid';
 function applyBadgeMods(mods) {
     return [
         'uui-badge',
         css$14.root,
-        `uui-size-${mods.size || settings.sizes.defaults.badge}`,
+        css$14['size-' + (mods.size || DEFAULT_SIZE$1)],
         `uui-fill-${mods.fill || DEFAULT_FILL}`,
         `uui-color-${mods.color || 'info'}`,
-        mods.indicator && mods.fill === 'outline' && 'uui-indicator',
     ];
 }
+const mapCountIndicatorSizes = {
+    18: '12',
+    24: '18',
+    30: '18',
+    36: '18',
+    42: '24',
+    48: '24',
+};
 const Badge = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
     const styles = [applyBadgeMods(props), props.cx];
     const DropdownIcon = props.dropdownIcon ? props.dropdownIcon : systemIcons.foldingArrow;
     return (React__namespace.default.createElement(uuiComponents.Clickable, Object.assign({}, props, { rawProps: Object.assign({ 'aria-haspopup': props.isDropdown, 'aria-expanded': props.isOpen }, props.rawProps), cx: styles, ref: ref }),
+        (props.indicator && props.fill === 'outline') && (React__namespace.default.createElement("div", { className: "uui-indicator" })),
         props.icon && props.iconPosition !== 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         props.caption && (React__namespace.default.createElement("div", { className: uuiCore.uuiElement.caption }, props.caption)),
-        props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { key: "count-indicator", color: null, size: settings.sizes.badge.countIndicator[props.size || settings.sizes.defaults.badge], caption: props.count })),
+        props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { key: "count-indicator", color: null, size: mapCountIndicatorSizes[props.size || DEFAULT_SIZE$1], caption: props.count })),
         props.icon && props.iconPosition === 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$13 = {"uui-typography":"RIt1Ou","hero-header":"vxVOsl","promo-header":"_1yb12y","uui-critical":"_8xbl9N","uui-info":"LCj0SF","uui-success":"CoKfob","uui-warning":"aUzCKk","uui-highlight":"IeF390","uui-typography-size-12":"a5TqgA","uui-typography-size-14":"_2yiG3v","uui-typography-size-16":"zTp1T1","root":"NlNK8d","uuiTypography":"RIt1Ou","heroHeader":"vxVOsl","promoHeader":"_1yb12y","uuiCritical":"_8xbl9N","uuiInfo":"LCj0SF","uuiSuccess":"CoKfob","uuiWarning":"aUzCKk","uuiHighlight":"IeF390","uuiTypographySize12":"a5TqgA","uuiTypographySize14":"_2yiG3v","uuiTypographySize16":"zTp1T1"};
+var css$13 = {"uui-typography":"XChVDQ","hero-header":"JUIs4-","promo-header":"oYvlSA","uui-critical":"jUbKyi","uui-info":"Hyz1PW","uui-success":"-SYvpU","uui-warning":"cZ7eVs","uui-highlight":"X48iJS","uui-typography-size-12":"VW2Y00","uui-typography-size-14":"IEsWug","uui-typography-size-16":"_1FH80Z","root":"tzbnLR","uuiTypography":"XChVDQ","heroHeader":"JUIs4-","promoHeader":"oYvlSA","uuiCritical":"jUbKyi","uuiInfo":"Hyz1PW","uuiSuccess":"-SYvpU","uuiWarning":"cZ7eVs","uuiHighlight":"X48iJS","uuiTypographySize12":"VW2Y00","uuiTypographySize14":"IEsWug","uuiTypographySize16":"_1FH80Z"};
 
 function applyTagMods(props) {
     return [
@@ -1251,14 +1219,14 @@ 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$12 = {"root":"Q-5tu4","uui-spinner":"e8TPU8","uuiSpinner":"e8TPU8"};
+var css$12 = {"root":"GmEVUZ","uui-spinner":"_1bLvP0","uuiSpinner":"_1bLvP0"};
 
 function applySpinnerMods() {
     return [css$12.root, 'uui-spinner'];
 }
 const Spinner = /* @__PURE__ */uuiCore.withMods(uuiComponents.Spinner, applySpinnerMods);
 
-var css$11 = {"root":"eRhWqv","spacer":"-pYmM7","mode-ghost":"-gaql9","size-24":"_4jqALg","size-30":"g652-8","navigation-size-24":"ypIWcv","navigation-size-30":"PvbsDd","modeGhost":"-gaql9","size24":"_4jqALg","size30":"g652-8","navigationSize24":"ypIWcv","navigationSize30":"PvbsDd"};
+var css$11 = {"root":"KCDvO0","spacer":"MtRbBh","mode-ghost":"xONVT6","size-24":"AHwmUb","size-30":"U4xyjy","navigation-size-24":"Sk3kRE","navigation-size-30":"Ln8on3","modeGhost":"xONVT6","size24":"AHwmUb","size30":"U4xyjy","navigationSize24":"Sk3kRE","navigationSize30":"Ln8on3"};
 
 var _path$v;
 function _extends$v() { _extends$v = 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$v.apply(this, arguments); }
@@ -1270,7 +1238,7 @@ var SvgNavigationChevronLeftOutline = function SvgNavigationChevronLeftOutline(p
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$v || (_path$v = /*#__PURE__*/React__namespace.createElement("path", {
-    d: "m14 18-6-6 6-6 1.4 1.4-4.6 4.6 4.6 4.6L14 18z"
+    d: "M15.914 5.414 14.5 4l-8 8 8 8 1.414-1.414L9.328 12l6.586-6.586z"
   })));
 };
 var ForwardRef$v = /*#__PURE__*/React.forwardRef(SvgNavigationChevronLeftOutline);
@@ -1285,7 +1253,7 @@ var SvgNavigationChevronRightOutline = function SvgNavigationChevronRightOutline
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$u || (_path$u = /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M9.4 18 8 16.6l4.6-4.6L8 7.4 9.4 6l6 6-6 6z"
+    d: "M8.086 18.586 9.5 20l8-8-8-8-1.414 1.414L14.672 12l-6.586 6.586z"
   })));
 };
 var ForwardRef$u = /*#__PURE__*/React.forwardRef(SvgNavigationChevronRightOutline);
@@ -1309,14 +1277,14 @@ function Paginator(props) {
     return React__namespace.default.createElement(uuiComponents.Paginator, Object.assign({}, props, { render: renderPaginator }));
 }
 
-var css$10 = {"root":"PWFeIt","progress-bar":"_88B2Jb","progressBar-indeterminate":"_7RM-8C","size-12":"_6TmTcl","size-18":"uQ-feK","size-24":"-wBxeM","progressBar":"_88B2Jb","progressBarIndeterminate":"_7RM-8C","size12":"_6TmTcl","size18":"uQ-feK","size24":"-wBxeM"};
+var css$10 = {"root":"HfmHYP","progress-bar":"pfsUy4","progressBar-indeterminate":"I-oI0c","size-12":"Ccy9y1","size-18":"mbfmQs","size-24":"_5n-rbO","progressBar":"pfsUy4","progressBarIndeterminate":"I-oI0c","size12":"Ccy9y1","size18":"mbfmQs","size24":"_5n-rbO"};
 
 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$10.root, css$10[`size-${props.size || 12}`]) },
         React__namespace.createElement("div", { className: cx__default.default(css$10.progressBar) })));
 });
 
-var css$$ = {"root":"_98UyNW","striped":"IZ3IMn","animate-stripes":"_1g95Ag","size-12":"gmrSh1","size-18":"att51j","size-24":"_71eZ3k","animateStripes":"_1g95Ag","size12":"gmrSh1","size18":"att51j","size24":"_71eZ3k"};
+var css$$ = {"root":"ih4tGG","striped":"_71zf7g","animate-stripes":"KiTMEa","size-12":"bWO87O","size-18":"HO82fa","size-24":"LX9Wi9","animateStripes":"KiTMEa","size12":"bWO87O","size18":"HO82fa","size24":"LX9Wi9"};
 
 const DEFAULT_SIZE = '12';
 function applyProgressBarMods(mods) {
@@ -1331,29 +1299,29 @@ const ProgressBar = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Pro
     hideLabel: props.hideLabel || props.striped,
 }));
 
-var css$_ = {"root":"KazOg0"};
+var css$_ = {"root":"LBQTvc"};
 
 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$_.root, props.cx), hideLabel: true })) : (React__namespace.createElement(IndeterminateBar, { ref: ref, cx: cx__default.default(css$_.root, props.cx) }));
 });
 
-var css$Z = {"root":"lqmCF-"};
+var css$Z = {"root":"_-5AzRo","size-12":"yId9QG","size-18":"Nb-73f","size-24":"BKA9ia","size12":"yId9QG","size18":"Nb-73f","size24":"BKA9ia"};
 
 const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
     return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
             css$Z.root,
-            `uui-size-${props.size || settings.sizes.defaults.statusIndicator}`,
+            css$Z[`size-${props.size || 24}`],
             'uui-status_indicator',
             `uui-color-${props.color || 'neutral'}`,
             `uui-fill-${props.fill || 'solid'}`,
             props.cx,
         ]) },
-        React__namespace.default.createElement("div", { className: "uui-status_indicator-dot" }),
-        React__namespace.default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
+        React__namespace.default.createElement("div", { className: "uui-status_indicator_dot" }),
+        React__namespace.default.createElement("p", { className: "uui-status_indicator_caption" }, props.caption)));
 });
 
-var css$Y = {"drag-handle":"xkJyH4","icon-container":"ZPCFJH","dragHandle":"xkJyH4","iconContainer":"ZPCFJH"};
+var css$Y = {"drag-handle":"D6J0gQ","icon-container":"gskFSN","dragHandle":"D6J0gQ","iconContainer":"gskFSN"};
 
 function DataRowAddons(props) {
     var _a, _b;
@@ -1365,17 +1333,17 @@ function DataRowAddons(props) {
         return settings.sizes.rowAddons.indentWidth[props.size || 'default'];
     };
     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$Y.dragHandle }),
+        ((_a = row.dnd) === null || _a === void 0 ? void 0 : _a.srcData) && React__namespace.default.createElement(uuiComponents.DragHandle, { key: "dh", cx: css$Y.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: {
+        row.indent > 0 && (React__namespace.default.createElement("div", { key: "fold", className: "uui-dr_addons-indent", 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$Y.iconContainer,
-            ], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row), size: settings.sizes.rowAddons.icon[props.size] }))))));
+            ], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row) }))))));
 }
 
-var css$X = {"root":"qGrcIa"};
+var css$X = {"root":"caYEpQ"};
 
 const Blocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.Blocker, () => [css$X.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__namespace.default.createElement(Spinner, null)) }));
 
@@ -1416,7 +1384,7 @@ const VirtualListView = /* @__PURE__ */React__namespace.forwardRef((props, ref)
         React__namespace.createElement(Blocker, { isEnabled: props.isLoading })));
 });
 
-var css$W = {"root":"mhIIsQ"};
+var css$W = {"root":"V2bCTX"};
 
 function CheckboxGroup(props) {
     const currentValue = props.value || [];
@@ -1578,7 +1546,7 @@ const TREE_SHAKEABLE_INIT = () => (Object.assign(Object.assign({}, uuiCore.i18n)
     } }));
 const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
 
-var css$V = {"uui-typography":"i3xHmX","hero-header":"dRJFfY","promo-header":"tbGsNh","uui-critical":"J-N1Z2","uui-info":"_2k9F5t","uui-success":"_9dakSV","uui-warning":"Kioboq","uui-highlight":"to1TWs","uui-typography-size-12":"Dh9X0R","uui-typography-size-14":"yIRXbO","uui-typography-size-16":"_7WHW7z","modal":"_2okuuV","search-wrapper":"eyJGVM","checkbox":"JGUDp4","no-found-size-24":"H55sdI","no-found-size-30":"LJACaY","no-found-size-36":"cvPKvs","no-found-size-42":"_1X-dlT","uuiTypography":"i3xHmX","heroHeader":"dRJFfY","promoHeader":"tbGsNh","uuiCritical":"J-N1Z2","uuiInfo":"_2k9F5t","uuiSuccess":"_9dakSV","uuiWarning":"Kioboq","uuiHighlight":"to1TWs","uuiTypographySize12":"Dh9X0R","uuiTypographySize14":"yIRXbO","uuiTypographySize16":"_7WHW7z","searchWrapper":"eyJGVM","noFoundSize24":"H55sdI","noFoundSize30":"LJACaY","noFoundSize36":"cvPKvs","noFoundSize42":"_1X-dlT"};
+var css$V = {"uui-typography":"XkZaFX","hero-header":"rBPgVU","promo-header":"Ud9jnE","uui-critical":"lfsBum","uui-info":"K0RyVt","uui-success":"RQhxgM","uui-warning":"BGqcUW","uui-highlight":"LrjMe4","uui-typography-size-12":"_8isUOY","uui-typography-size-14":"lOZElh","uui-typography-size-16":"YDA-6x","modal":"_7yhCbT","search-wrapper":"LXzTT7","body":"lA-8YL","checkbox":"vo4b-6","no-found-size-24":"iVMeyV","no-found-size-30":"ImOK9A","no-found-size-36":"TfppAx","no-found-size-42":"xQlV8N","uuiTypography":"XkZaFX","heroHeader":"rBPgVU","promoHeader":"Ud9jnE","uuiCritical":"lfsBum","uuiInfo":"K0RyVt","uuiSuccess":"RQhxgM","uuiWarning":"BGqcUW","uuiHighlight":"LrjMe4","uuiTypographySize12":"_8isUOY","uuiTypographySize14":"lOZElh","uuiTypographySize16":"YDA-6x","searchWrapper":"LXzTT7","noFoundSize24":"iVMeyV","noFoundSize30":"ImOK9A","noFoundSize36":"TfppAx","noFoundSize42":"xQlV8N"};
 
 class DataPickerBody extends uuiComponents.PickerBodyBase {
     constructor() {
@@ -1600,12 +1568,12 @@ class DataPickerBody extends uuiComponents.PickerBodyBase {
             this.showSearch() && (React__namespace.default.createElement("div", { key: "search", className: css$V.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$V[this.props.editMode], css$V[this.props.selectionMode]), rawProps: { style: { maxHeight: this.props.maxHeight, maxWidth: this.props.maxWidth } } }, this.props.rowsCount > 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.renderNotFound()))));
+            React__namespace.default.createElement(FlexRow, { key: "body", cx: uuiCore.cx('uui-pickerInput-body', css$V[this.props.editMode], css$V[this.props.selectionMode]), rawProps: { style: { maxHeight: this.props.maxHeight, maxWidth: this.props.maxWidth } } }, this.props.rowsCount > 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.renderNotFound()))));
     }
 }
 
 function DataPickerFooterImpl(props) {
-    const { clearSelection, view, showSelected, selectionMode, } = props;
+    const { search, clearSelection, view, showSelected, selectionMode, } = props;
     const size = settings.sizes.dataPickerFooter.linkButton[uuiCore.isMobile() ? 'mobile' : props.size];
     const hasSelection = view.getSelectedRowsCount() > 0;
     const rowsCount = view.getListProps().rowsCount;
@@ -1614,9 +1582,10 @@ function DataPickerFooterImpl(props) {
     const clearAllText = i18n.pickerInput.clearSelectionButton;
     const clearSingleText = i18n.pickerInput.clearSelectionButtonSingle;
     const selectAllText = i18n.pickerInput.selectAllButton;
-    // show always for multi picker and for single only in case if search not disabled.
-    const shouldShowFooter = isSinglePicker ? !props.disableClear : true;
-    return shouldShowFooter && (React__namespace.default.createElement(FlexRow, { padding: settings.sizes.dataPickerFooter.flexRowPadding },
+    // show always for multi picker and for single only in case if search not disabled and doesn't searching.
+    const isSearching = search && (search === null || search === void 0 ? void 0 : search.length);
+    const shouldShowFooter = isSinglePicker ? (!isSearching && !props.disableClear) : !isSearching;
+    return shouldShowFooter && (React__namespace.default.createElement(FlexRow, { size: props.size, padding: settings.sizes.dataPickerFooter.flexRowPadding },
         !isSinglePicker && (React__namespace.default.createElement(Switch, { size: settings.sizes.dataPickerFooter.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" },
@@ -1629,7 +1598,7 @@ function DataPickerFooterImpl(props) {
 }
 const DataPickerFooter = /* @__PURE__ */React__namespace.default.memo(DataPickerFooterImpl);
 
-var css$U = {"header":"cn9Dkg","close":"mOSiUL"};
+var css$U = {"header":"xF5S3n","close":"cfAWWw"};
 
 const DataPickerHeaderImpl = (props) => {
     const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
@@ -1654,7 +1623,7 @@ var SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
 };
 var ForwardRef$t = /*#__PURE__*/React.forwardRef(SvgNotificationDoneFill);
 
-var css$T = {"uui-typography":"aastYs","hero-header":"J3MJSH","promo-header":"U6gp6k","uui-critical":"WCgdfG","uui-info":"E7FzEu","uui-success":"zPqK2x","uui-warning":"volmX9","uui-highlight":"YeONYa","uui-typography-size-12":"DMgYDT","uui-typography-size-14":"KFyche","uui-typography-size-16":"s0pcsr","root":"t3vNeY","align-widgets-top":"oe8-Mh","align-widgets-center":"yIGbhj","padding-12":"K3wW-t","padding-24":"k0dASH","padding-left-12":"J6pHmU","padding-left-24":"Fd3-HK","icon-container":"W-you5","loading-cell":"nQ90wV","content-wrapper":"CLQT3c","render-item":"FqgjTc","icon-wrapper":"YCSGeN","icon-default":"_7hWYCw","selected-mark":"GHuOX0","uuiTypography":"aastYs","heroHeader":"J3MJSH","promoHeader":"U6gp6k","uuiCritical":"WCgdfG","uuiInfo":"E7FzEu","uuiSuccess":"zPqK2x","uuiWarning":"volmX9","uuiHighlight":"YeONYa","uuiTypographySize12":"DMgYDT","uuiTypographySize14":"KFyche","uuiTypographySize16":"s0pcsr","alignWidgetsTop":"oe8-Mh","alignWidgetsCenter":"yIGbhj","padding12":"K3wW-t","padding24":"k0dASH","paddingLeft12":"J6pHmU","paddingLeft24":"Fd3-HK","iconContainer":"W-you5","loadingCell":"nQ90wV","contentWrapper":"CLQT3c","renderItem":"FqgjTc","iconWrapper":"YCSGeN","iconDefault":"_7hWYCw","selectedMark":"GHuOX0"};
+var css$T = {"uui-typography":"Osbz-V","hero-header":"_4QhK8p","promo-header":"qlsSAa","uui-critical":"y05ZH4","uui-info":"q7g2ZS","uui-success":"qrSiCM","uui-warning":"YQFztg","uui-highlight":"C9xAlp","uui-typography-size-12":"_3UYFzw","uui-typography-size-14":"cZ8jfH","uui-typography-size-16":"gbzp9k","root":"-S6h7t","align-widgets-top":"i-hjN7","size-24":"qv5Lww","size-30":"ZsuMNF","size-36":"_422WBp","size-42":"F5B549","size-48":"sN3QxQ","size-60":"v-BTHk","align-widgets-center":"iM3DHM","icon-wrapper":"_2mg4-g","padding-12":"Xb7Uqb","padding-24":"bfUDNs","padding-left-12":"_2Ap64k","padding-left-24":"LU5ILL","icon-container":"_81qNeN","loading-cell":"W5UUYR","content-wrapper":"ZWbqy3","render-item":"D3Kgys","icon-default":"zfmRNx","selected-mark":"uR1L9x","uuiTypography":"Osbz-V","heroHeader":"_4QhK8p","promoHeader":"qlsSAa","uuiCritical":"y05ZH4","uuiInfo":"q7g2ZS","uuiSuccess":"qrSiCM","uuiWarning":"YQFztg","uuiHighlight":"C9xAlp","uuiTypographySize12":"_3UYFzw","uuiTypographySize14":"cZ8jfH","uuiTypographySize16":"gbzp9k","alignWidgetsTop":"i-hjN7","size24":"qv5Lww","size30":"ZsuMNF","size36":"_422WBp","size42":"F5B549","size48":"sN3QxQ","size60":"v-BTHk","alignWidgetsCenter":"iM3DHM","iconWrapper":"_2mg4-g","padding12":"Xb7Uqb","padding24":"bfUDNs","paddingLeft12":"_2Ap64k","paddingLeft24":"LU5ILL","iconContainer":"_81qNeN","loadingCell":"W5UUYR","contentWrapper":"ZWbqy3","renderItem":"D3Kgys","iconDefault":"zfmRNx","selectedMark":"uR1L9x"};
 
 function DataPickerCell(props) {
     const ref = React__namespace.useRef();
@@ -1673,7 +1642,7 @@ function DataPickerCell(props) {
             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$T.iconWrapper, uuiCore.uuiMod.selected) },
-                React__namespace.createElement(uuiComponents.IconContainer, { size: settings.sizes.dataPickerCell.icon[props.size], icon: settings.sizes.dataPickerCell.isBoldIcon[props.size] ? ForwardRef$t : ForwardRef$O, cx: props.rowProps.isChildrenSelected ? css$T.iconDefault : css$T.selectedMark, rawProps: { 'aria-label': props.rowProps.isChildrenSelected
+                React__namespace.createElement(uuiComponents.IconContainer, { icon: settings.sizes.dataPickerCell.isBoldIcon[props.size] ? ForwardRef$t : ForwardRef$O, cx: props.rowProps.isChildrenSelected ? css$T.iconDefault : css$T.selectedMark, rawProps: { 'aria-label': props.rowProps.isChildrenSelected
                             ? 'Child is selected'
                             : 'Selected' } })))));
     }
@@ -1682,16 +1651,16 @@ function DataPickerCell(props) {
             css$T.root,
             props.cx,
             'data-picker-cell',
-            'uui-size-' + (props.size || settings.sizes.defaults.dataPickerCell),
+            css$T['size-' + (props.size || settings.sizes.defaults.dataPickerCell)],
             css$T[`padding-${props.padding || settings.sizes.dataPickerCell.padding.default}`],
             css$T[`padding-left-${props.padding || settings.sizes.dataPickerCell.paddingLeft.default}`],
             css$T[`align-widgets-${props.alignActions || 'top'}`],
         ] },
-        React__namespace.createElement(DataRowAddons, Object.assign({ size: props.size || settings.sizes.defaults.dataPickerCell }, props)),
+        React__namespace.createElement(DataRowAddons, Object.assign({}, props, { tabIndex: -1 })),
         getWrappedContent()));
 }
 
-var css$S = {"uui-typography":"MzhO-L","hero-header":"OkOy3j","promo-header":"IYKpP1","uui-critical":"zkUPjG","uui-info":"cj3n7j","uui-success":"X-x9R3","uui-warning":"maler3","uui-highlight":"FVDBeP","uui-typography-size-12":"NfmE6h","uui-typography-size-14":"Je5Hoc","uui-typography-size-16":"QGfR-F","picker-row":"_8rLt-3","uuiTypography":"MzhO-L","heroHeader":"OkOy3j","promoHeader":"IYKpP1","uuiCritical":"zkUPjG","uuiInfo":"cj3n7j","uuiSuccess":"X-x9R3","uuiWarning":"maler3","uuiHighlight":"FVDBeP","uuiTypographySize12":"NfmE6h","uuiTypographySize14":"Je5Hoc","uuiTypographySize16":"QGfR-F","pickerRow":"_8rLt-3"};
+var css$S = {"uui-typography":"GJaWtv","hero-header":"ahKt9-","promo-header":"_0xewMC","uui-critical":"i-U7o0","uui-info":"cujdqn","uui-success":"EUvKbR","uui-warning":"SENqCT","uui-highlight":"XeQalu","uui-typography-size-12":"WCHSGv","uui-typography-size-14":"_4eXH6s","uui-typography-size-16":"-DYUwQ","picker-row":"_2Zj5rd","uuiTypography":"GJaWtv","heroHeader":"ahKt9-","promoHeader":"_0xewMC","uuiCritical":"i-U7o0","uuiInfo":"cujdqn","uuiSuccess":"EUvKbR","uuiWarning":"SENqCT","uuiHighlight":"XeQalu","uuiTypographySize12":"WCHSGv","uuiTypographySize14":"_4eXH6s","uuiTypographySize16":"-DYUwQ","pickerRow":"_2Zj5rd"};
 
 class DataPickerRow extends React__namespace.Component {
     constructor() {
@@ -1705,13 +1674,13 @@ class DataPickerRow extends React__namespace.Component {
     }
 }
 
-var css$R = {"uui-typography":"jXYnbk","hero-header":"aZzDO3","promo-header":"tbnPtl","uui-critical":"kq1Lr9","uui-info":"EFfc8C","uui-success":"S4zvix","uui-warning":"eGkXim","uui-highlight":"_-62WwO","uui-typography-size-12":"P3-Q9a","uui-typography-size-14":"daaR0v","uui-typography-size-16":"iH3C-R","done":"_-6D6H0","container":"FXcRQU","uuiTypography":"jXYnbk","heroHeader":"aZzDO3","promoHeader":"tbnPtl","uuiCritical":"kq1Lr9","uuiInfo":"EFfc8C","uuiSuccess":"S4zvix","uuiWarning":"eGkXim","uuiHighlight":"_-62WwO","uuiTypographySize12":"P3-Q9a","uuiTypographySize14":"daaR0v","uuiTypographySize16":"iH3C-R"};
+var css$R = {"uui-typography":"S5u8I6","hero-header":"DcGk9C","promo-header":"lqD1Qc","uui-critical":"UlTU22","uui-info":"WRAk50","uui-success":"slhaZj","uui-warning":"xEsBPv","uui-highlight":"tUL6vP","uui-typography-size-12":"-XzhKI","uui-typography-size-14":"N2ZBuI","uui-typography-size-16":"MTGLr7","done":"W8gpl2","container":"RIzMox","uuiTypography":"S5u8I6","heroHeader":"DcGk9C","promoHeader":"lqD1Qc","uuiCritical":"UlTU22","uuiInfo":"WRAk50","uuiSuccess":"slhaZj","uuiWarning":"xEsBPv","uuiHighlight":"tUL6vP","uuiTypographySize12":"-XzhKI","uuiTypographySize14":"N2ZBuI","uuiTypographySize16":"MTGLr7"};
 
 const MobileDropdownWrapper = (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$R.container, props.cx] }),
+    return (React__namespace.default.createElement(DropdownContainer, Object.assign({}, props, { maxWidth: maxWidth, maxHeight: maxHeight, cx: [css$R.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$R.done, size: settings.sizes.mobileDropdownWrapper.linkButton })));
@@ -1739,7 +1708,7 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
 };
 var ForwardRef$s = /*#__PURE__*/React.forwardRef(SvgSearchWithBackground);
 
-var css$Q = {"uui-typography":"_0-imMu","hero-header":"_1uegdy","promo-header":"FhoIW-","uui-critical":"vHcW6R","uui-info":"u7yM2G","uui-success":"qmo2w9","uui-warning":"_8elNQw","uui-highlight":"AEgcyU","uui-typography-size-12":"gfUnlm","uui-typography-size-14":"Fuku2z","uui-typography-size-16":"XXnTFK","sub-header-wrapper":"yFZx7d","switch":"_3kag3Q","no-found-modal-container":"Q17NjQ","no-found-modal-container-icon":"i86p-1","no-found-modal-container-text":"zM0YiF","uuiTypography":"_0-imMu","heroHeader":"_1uegdy","promoHeader":"FhoIW-","uuiCritical":"vHcW6R","uuiInfo":"u7yM2G","uuiSuccess":"qmo2w9","uuiWarning":"_8elNQw","uuiHighlight":"AEgcyU","uuiTypographySize12":"gfUnlm","uuiTypographySize14":"Fuku2z","uuiTypographySize16":"XXnTFK","subHeaderWrapper":"yFZx7d","$switch$":"_3kag3Q","noFoundModalContainer":"Q17NjQ","noFoundModalContainerIcon":"i86p-1","noFoundModalContainerText":"zM0YiF"};
+var css$Q = {"uui-typography":"GlDe-O","hero-header":"_0IpUZk","promo-header":"BwJE96","uui-critical":"M4BdrX","uui-info":"myJ68-","uui-success":"_8VQICq","uui-warning":"GW3rQ0","uui-highlight":"R1giMv","uui-typography-size-12":"nr-wW5","uui-typography-size-14":"RiQe3M","uui-typography-size-16":"m4Oytk","sub-header-wrapper":"JDNzE1","switch":"Qm0CJ8","no-found-modal-container":"FsIOIc","no-found-modal-container-icon":"pIXY6m","no-found-modal-container-text":"_7Fd2IX","uuiTypography":"GlDe-O","heroHeader":"_0IpUZk","promoHeader":"BwJE96","uuiCritical":"M4BdrX","uuiInfo":"myJ68-","uuiSuccess":"_8VQICq","uuiWarning":"GW3rQ0","uuiHighlight":"R1giMv","uuiTypographySize12":"nr-wW5","uuiTypographySize14":"RiQe3M","uuiTypographySize16":"m4Oytk","subHeaderWrapper":"JDNzE1","$switch$":"Qm0CJ8","noFoundModalContainer":"FsIOIc","noFoundModalContainerIcon":"pIXY6m","noFoundModalContainerText":"_7Fd2IX"};
 
 const mergeHighlightRanges = (ranges) => {
     const mergedRanges = [];
@@ -1806,7 +1775,7 @@ const getHighlightedSearchMatches = (str, search) => {
     return getDecoratedText(str, ranges);
 };
 
-var css$P = {"root":"_6plSLi","multiline":"trt2YH","vertical-padding-24":"l-TTMg","vertical-padding-30":"BtAzcu","vertical-padding-36":"oUhr-u","vertical-padding-42":"u50Mdt","vertical-padding-48":"dSAmDZ","text":"R-ernm","verticalPadding24":"l-TTMg","verticalPadding30":"BtAzcu","verticalPadding36":"oUhr-u","verticalPadding42":"u50Mdt","verticalPadding48":"dSAmDZ"};
+var css$P = {"root":"a-E0Ar","multiline":"-fgNUh","vertical-padding-24":"gIc885","vertical-padding-30":"tPv41U","vertical-padding-36":"OQiIbE","vertical-padding-42":"_2OOcEm","vertical-padding-48":"X8Zc8N","text":"_6M6hyd","verticalPadding24":"gIc885","verticalPadding30":"tPv41U","verticalPadding36":"OQiIbE","verticalPadding42":"_2OOcEm","verticalPadding48":"X8Zc8N"};
 
 function PickerItem(props) {
     var _a;
@@ -1881,22 +1850,22 @@ function PickerModal(props) {
             React__namespace.default.createElement(ModalFooter, { padding: "24", vPadding: "24" }, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
 }
 
-var css$O = {"tooltip":"_2L4mKc"};
+var css$O = {"tooltip":"oq9FOC"};
 
 const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     var _a;
     const tagProps = Object.assign(Object.assign({}, props), { tabIndex: -1, size: settings.sizes.pickerToggler.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) => { var _a; return (_a = row.value) === null || _a === void 0 ? void 0 : _a.name; }).join(', ');
+        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$O.tooltip },
-            React__namespace.createElement(Tag, Object.assign({ ref: ref }, tagProps))));
+            React__namespace.createElement(Tag, Object.assign({ ref: ref, rawProps: { role: 'option' } }, tagProps))));
     }
     else {
-        return React__namespace.createElement(Tag, Object.assign({ ref: ref }, tagProps));
+        return React__namespace.createElement(Tag, Object.assign({ ref: ref, rawProps: { role: 'option' } }, tagProps));
     }
 });
 
-var css$N = {"uui-typography":"-Q61zN","hero-header":"cRxYIW","promo-header":"DUuVo3","uui-critical":"Ii0hMt","uui-info":"_26tfB1","uui-success":"Avcc7B","uui-warning":"jIqYaG","uui-highlight":"-XMVjm","uui-typography-size-12":"ieLg6D","uui-typography-size-14":"sDhxdp","uui-typography-size-16":"-LqHdJ","root":"XbgBlb","mode-form":"xHEkiu","mode-cell":"JNslCa","mode-inline":"CssQFI","uuiTypography":"-Q61zN","heroHeader":"cRxYIW","promoHeader":"DUuVo3","uuiCritical":"Ii0hMt","uuiInfo":"_26tfB1","uuiSuccess":"Avcc7B","uuiWarning":"jIqYaG","uuiHighlight":"-XMVjm","uuiTypographySize12":"ieLg6D","uuiTypographySize14":"sDhxdp","uuiTypographySize16":"-LqHdJ","modeForm":"xHEkiu","modeCell":"JNslCa","modeInline":"CssQFI"};
+var css$N = {"uui-typography":"gG5rLx","hero-header":"_5FzjQG","promo-header":"YeRo-8","uui-critical":"yAKodB","uui-info":"AIMgZ8","uui-success":"DhIpm2","uui-warning":"pYP0kN","uui-highlight":"MTtiL8","uui-typography-size-12":"H08wXF","uui-typography-size-14":"UApdP1","uui-typography-size-16":"nkS7KC","root":"fAIjMG","mode-form":"g9v2KF","mode-cell":"Ploe04","mode-inline":"cogKTh","uuiTypography":"gG5rLx","heroHeader":"_5FzjQG","promoHeader":"YeRo-8","uuiCritical":"yAKodB","uuiInfo":"AIMgZ8","uuiSuccess":"DhIpm2","uuiWarning":"pYP0kN","uuiHighlight":"MTtiL8","uuiTypographySize12":"H08wXF","uuiTypographySize14":"UApdP1","uuiTypographySize16":"nkS7KC","modeForm":"g9v2KF","modeCell":"Ploe04","modeInline":"cogKTh"};
 
 const defaultMode$1 = EditMode.FORM;
 function applyPickerTogglerMods(mods) {
@@ -1913,9 +1882,9 @@ function PickerTogglerComponent(props, ref) {
         if (!!props.renderItem) {
             return props.renderItem(itemPropsWithSize);
         }
-        return React__namespace.createElement(PickerTogglerTag, Object.assign({}, itemPropsWithSize));
+        return (React__namespace.createElement(PickerTogglerTag, Object.assign({}, itemPropsWithSize, { getName: props.getName })));
     };
-    return (React__namespace.createElement(uuiComponents.PickerToggler, Object.assign({}, props, { ref: ref, cx: [applyPickerTogglerMods(props), props.cx], renderItem: renderItem, getName: (item) => (props.getName ? props.getName(item) : item), cancelIcon: systemIcons.clear, dropdownIcon: systemIcons.foldingArrow })));
+    return (React__namespace.createElement(uuiComponents.PickerToggler, Object.assign({}, props, { ref: ref, cx: [applyPickerTogglerMods(props), props.cx], renderItem: renderItem, getName: props.getName, cancelIcon: systemIcons.clear, dropdownIcon: systemIcons.foldingArrow })));
 }
 const PickerToggler = /* @__PURE__ */React__namespace.forwardRef(PickerTogglerComponent);
 
@@ -1996,7 +1965,7 @@ function PickerInputComponent(_a, ref) {
 }
 const PickerInput = /* @__PURE__ */React__namespace.default.forwardRef(PickerInputComponent);
 
-var css$M = {"row":"PxhG4T"};
+var css$M = {"row":"gxN5tL"};
 
 function PickerListItem(props) {
     var _a;
@@ -2017,7 +1986,7 @@ function PickerListItem(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$M.row }), component));
 }
 
-var css$L = {"root":"rCA8z7"};
+var css$L = {"root":"-GGmeh"};
 
 function PickerList(props) {
     const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, dataSourceState, getModalTogglerCaption, } = uuiComponents.usePickerList(props);
@@ -2057,7 +2026,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$K = {"uui-typography":"_3TlYGr","hero-header":"WHJZ5B","promo-header":"_0N8W-g","uui-critical":"_3geZyG","uui-info":"Sl4uHf","uui-success":"JkGacq","uui-warning":"TGl6F4","uui-highlight":"MgCNrl","uui-typography-size-12":"FvyhcU","uui-typography-size-14":"-XJFYg","uui-typography-size-16":"BCXcXX","root":"iYFnzl","title-wrapper":"WS3ZBk","title":"gzoudC","text-wrapper":"FNLG6-","selection":"bIAQr2","postfix":"_17O2vI","selected":"LuANrS","uuiTypography":"_3TlYGr","heroHeader":"WHJZ5B","promoHeader":"_0N8W-g","uuiCritical":"_3geZyG","uuiInfo":"Sl4uHf","uuiSuccess":"JkGacq","uuiWarning":"TGl6F4","uuiHighlight":"MgCNrl","uuiTypographySize12":"FvyhcU","uuiTypographySize14":"-XJFYg","uuiTypographySize16":"BCXcXX","titleWrapper":"WS3ZBk","textWrapper":"FNLG6-"};
+var css$K = {"uui-typography":"bE3mvH","hero-header":"sh1q5O","promo-header":"CVA3Wy","uui-critical":"EWckcJ","uui-info":"ZY-3Z1","uui-success":"_1vqoiP","uui-warning":"sEM0Uv","uui-highlight":"_52alqu","uui-typography-size-12":"e5BR-D","uui-typography-size-14":"_14Hxcs","uui-typography-size-16":"XkuJ--","root":"fHgZj0","title-wrapper":"jV79gf","title":"rDSRNr","text-wrapper":"Ew26kt","selection":"M2TsNl","postfix":"GCV0LZ","selected":"si-JW3","uuiTypography":"bE3mvH","heroHeader":"sh1q5O","promoHeader":"CVA3Wy","uuiCritical":"EWckcJ","uuiInfo":"ZY-3Z1","uuiSuccess":"_1vqoiP","uuiWarning":"sEM0Uv","uuiHighlight":"_52alqu","uuiTypographySize12":"e5BR-D","uuiTypographySize14":"_14Hxcs","uuiTypographySize16":"XkuJ--","titleWrapper":"jV79gf","textWrapper":"Ew26kt"};
 
 const defaultSize = '36';
 const FilterPanelItemToggler = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
@@ -2124,7 +2093,7 @@ function FilterPickerBody(_a) {
     };
     const renderItem = (item, rowProps, dsState) => {
         const { flattenSearchResults } = view.getConfig();
-        return (React__namespace.createElement(PickerItem, Object.assign({ title: getName(item), highlightSearchMatches: highlightSearchMatches }, (flattenSearchResults ? { subtitle: getSubtitle(rowProps, dsState) } : {}), { dataSourceState: dsState, size: settings.sizes.filterPickerBody.pickerItem }, rowProps)));
+        return (React__namespace.createElement(PickerItem, Object.assign({ title: getName(item), highlightSearchMatches: highlightSearchMatches }, (flattenSearchResults ? { subtitle: getSubtitle(rowProps, dsState) } : {}), { dataSourceState: dsState, size: "36" }, rowProps)));
     };
     const onSelect = (row) => {
         handleDataSourceValueChange((currentDataSourceState) => (Object.assign(Object.assign({}, currentDataSourceState), { search: '', selectedId: row.id })));
@@ -2133,30 +2102,30 @@ function FilterPickerBody(_a) {
         if (rowProps.isSelectable && isSingleSelect() && props.editMode !== 'modal') {
             rowProps.onSelect = onSelect;
         }
-        return props.renderRow ? (props.renderRow(rowProps, dataSourceState)) : (React__namespace.createElement(DataPickerRow, Object.assign({}, rowProps, { key: rowProps.rowKey, size: settings.sizes.filterPickerBody.dataPickerRow, padding: "12", renderItem: (item, itemProps) => renderItem(item, itemProps, dsState) })));
+        return props.renderRow ? (props.renderRow(rowProps, dataSourceState)) : (React__namespace.createElement(DataPickerRow, Object.assign({}, rowProps, { key: rowProps.rowKey, size: "36", padding: "12", renderItem: (item, itemProps) => renderItem(item, itemProps, dsState) })));
     };
     const renderFooter = () => {
-        return React__namespace.createElement(DataPickerFooter, Object.assign({}, getFooterProps(), { size: settings.sizes.filterPickerBody.dataPickerFooter }));
+        return React__namespace.createElement(DataPickerFooter, Object.assign({}, getFooterProps(), { size: "36" }));
     };
     const renderBody = (bodyProps, rows) => {
         const renderedDataRows = rows.map((props) => renderRow(props, dataSourceState));
         const maxHeight = uuiCore.isMobile() ? document.documentElement.clientHeight : props.maxBodyHeight || pickerHeight;
         const maxWidth = uuiCore.isMobile() ? undefined : 360;
         return (React__namespace.createElement(React__namespace.Fragment, null,
-            React__namespace.createElement(DataPickerBody, Object.assign({}, bodyProps, { selectionMode: props.selectionMode, rows: renderedDataRows, maxHeight: maxHeight, maxWidth: maxWidth, searchSize: settings.sizes.filterPickerBody.searchSize, editMode: "dropdown" })),
+            React__namespace.createElement(DataPickerBody, Object.assign({}, bodyProps, { selectionMode: props.selectionMode, rows: renderedDataRows, maxHeight: maxHeight, maxWidth: maxWidth, searchSize: "36", editMode: "dropdown" })),
             renderFooter()));
     };
     const rows = getRows();
     return renderBody(Object.assign(Object.assign(Object.assign({}, getPickerBodyProps(rows)), getListProps()), { showSearch: (_b = props.showSearch) !== null && _b !== void 0 ? _b : true }), rows);
 }
 
-var css$J = {"container":"ajmk49"};
+var css$J = {"container":"_5pfoqI"};
 
 const defaultFormat = 'MMM D, YYYY';
 const valueFormat = 'YYYY-MM-DD';
 const supportedDateFormats = (format) => {
     return [
-        ...(format ? [format] : []), 'MM/DD/YYYY', 'DD-MM-YYYY', 'DD.MM.YYYY', 'YYYY/MM/DD', 'YYYY-MM-DD', 'YYYY.MM.DD', 'MMM D, YYYY', 'D/M/YYYY', 'YYYY/M/D',
+        ...(format ? [format] : []), 'MM/DD/YYYY', 'DD-MM-YYYY', 'DD.MM.YYYY', 'DDMMYYYY', 'YYYY/MM/DD', 'YYYY-MM-DD', 'YYYY.MM.DD', 'MMM D, YYYY', 'D/M/YYYY', 'YYYY/M/D',
     ];
 };
 const uuiDatePickerBodyBase = {
@@ -2287,10 +2256,13 @@ const uuiHeader = {
     navIconRight: 'uui-datepickerheader-nav-icon-right',
     navIconLeft: 'uui-datepickerheader-nav-icon-left',
 };
-const isSoberYear = (value) => {
-    return value.year() >= 1990 && value.year() <= 2099;
+const MIN_SOBER_YEAR = 1000;
+const MAX_SOBER_YEAR = 2200;
+const isYearWithinSoberRange = (value) => {
+    const year = value.year();
+    return year >= MIN_SOBER_YEAR && year <= MAX_SOBER_YEAR;
 };
-function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, onValueChange, }) {
+function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, onValueChange, isDisabled, }) {
     const onSetMonth = (newMonth) => {
         onValueChange({
             view,
@@ -2350,23 +2322,23 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
             : '';
         return `${monthSubstr} ${month.year()}`;
     }, [view, month]);
-    const disablePrev = view === 'YEAR_SELECTION' && !isSoberYear(getPrevYearsList(month));
-    const disableNext = view === 'YEAR_SELECTION' && !isSoberYear(getNextYearsList(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$J.container, uuiHeader.container, cx__default.default) },
         React__namespace.createElement("header", { className: uuiHeader.header },
-            React__namespace.createElement(Button, { icon: navIconLeft || ForwardRef$v, color: "secondary", fill: "ghost", cx: uuiHeader.navIconLeft, onClick: () => onLeftNavigationArrow(), isDisabled: disablePrev }),
-            React__namespace.createElement(Button, { caption: title, fill: "ghost", cx: uuiHeader.navTitle, onClick: () => onCaptionClick(view) }),
-            React__namespace.createElement(Button, { icon: navIconRight || ForwardRef$u, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: () => onRightNavigationArrow(), isDisabled: disableNext }))));
+            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$I = {"uui-typography":"l-4QT3","hero-header":"bfYUSo","promo-header":"tsSmKC","uui-critical":"Attoil","uui-info":"uQXTkO","uui-success":"NR5a65","uui-warning":"_33fWpc","uui-highlight":"-Q9guB","uui-typography-size-12":"UPRsc7","uui-typography-size-14":"rFlvkk","uui-typography-size-16":"_454r6J","root":"B9Ziuc","uuiTypography":"l-4QT3","heroHeader":"bfYUSo","promoHeader":"tsSmKC","uuiCritical":"Attoil","uuiInfo":"uQXTkO","uuiSuccess":"NR5a65","uuiWarning":"_33fWpc","uuiHighlight":"-Q9guB","uuiTypographySize12":"UPRsc7","uuiTypographySize14":"rFlvkk","uuiTypographySize16":"_454r6J"};
+var css$I = {"uui-typography":"fOwkl0","hero-header":"RwIeLS","promo-header":"GKr9T7","uui-critical":"ifdDmY","uui-info":"Kz0Fir","uui-success":"HK--02","uui-warning":"eehtE2","uui-highlight":"_27-Q05","uui-typography-size-12":"lgrE1n","uui-typography-size-14":"u9kw1d","uui-typography-size-16":"ZjAZBd","root":"HZPuOK","uuiTypography":"fOwkl0","heroHeader":"RwIeLS","promoHeader":"GKr9T7","uuiCritical":"ifdDmY","uuiInfo":"Kz0Fir","uuiSuccess":"HK--02","uuiWarning":"eehtE2","uuiHighlight":"_27-Q05","uuiTypographySize12":"lgrE1n","uuiTypographySize14":"u9kw1d","uuiTypographySize16":"ZjAZBd"};
 
 function applyDateSelectionMods() {
     return [css$I.root];
 }
 const Calendar = /* @__PURE__ */uuiCore.withMods(uuiComponents.Calendar, applyDateSelectionMods);
 
-var css$H = {"uui-typography":"FTnaO1","hero-header":"hXVfe0","promo-header":"e5MhkM","uui-critical":"lMZLgH","uui-info":"J1cKl1","uui-success":"mo-UX1","uui-warning":"_6l8K6Y","uui-highlight":"-rhCKF","uui-typography-size-12":"S3CQEQ","uui-typography-size-14":"_3Red7A","uui-typography-size-16":"_0bRJn9","root":"KHoIwI","uuiTypography":"FTnaO1","heroHeader":"hXVfe0","promoHeader":"e5MhkM","uuiCritical":"lMZLgH","uuiInfo":"J1cKl1","uuiSuccess":"mo-UX1","uuiWarning":"_6l8K6Y","uuiHighlight":"-rhCKF","uuiTypographySize12":"S3CQEQ","uuiTypographySize14":"_3Red7A","uuiTypographySize16":"_0bRJn9"};
+var css$H = {"uui-typography":"_2Z8GkH","hero-header":"z4cJTv","promo-header":"Uv00ao","uui-critical":"UVCZXY","uui-info":"_3wfwVg","uui-success":"bR8iVD","uui-warning":"bIFOIl","uui-highlight":"mD5LZY","uui-typography-size-12":"rsPMMF","uui-typography-size-14":"_2IiHAh","uui-typography-size-16":"BJkrAo","root":"s0VeBO","uuiTypography":"_2Z8GkH","heroHeader":"z4cJTv","promoHeader":"Uv00ao","uuiCritical":"UVCZXY","uuiInfo":"_3wfwVg","uuiSuccess":"bR8iVD","uuiWarning":"bIFOIl","uuiHighlight":"mD5LZY","uuiTypographySize12":"rsPMMF","uuiTypographySize14":"_2IiHAh","uuiTypographySize16":"BJkrAo"};
 
 const uuiDatePickerBody = {
     wrapper: 'uui-datepickerBody-wrapper',
@@ -2385,7 +2357,7 @@ function DatePickerBodyComp(props, ref) {
     return (React__namespace.default.createElement(StatelessDatePickerBody, Object.assign({ ref: ref }, props, { month: month, view: view, onValueChange: onValueChange, onMonthChange: (m) => setMonth(m), onViewChange: (v) => setView(v) })));
 }
 const StatelessDatePickerBody = /* @__PURE__ */React.forwardRef(StatelessDatePickerBodyComp);
-function StatelessDatePickerBodyComp({ renderDay, isHoliday, cx: classes, filter, rawProps, value, month, view, onValueChange, onMonthChange, onViewChange, }, ref) {
+function StatelessDatePickerBodyComp({ renderDay, isHoliday, cx: classes, filter, rawProps, value, month, view, onValueChange, onMonthChange, onViewChange, isDisabled, }, ref) {
     const selectedDate = uuiDayjs.dayjs(value);
     const onMonthClick = (newDate) => {
         onMonthChange(newDate);
@@ -2407,7 +2379,7 @@ function StatelessDatePickerBodyComp({ renderDay, isHoliday, cx: classes, filter
             case 'YEAR_SELECTION':
                 return (React__namespace.default.createElement(uuiComponents.YearSelection, { selectedDate: selectedDate, value: month, onValueChange: onYearClick }));
             case 'DAY_SELECTION':
-                return (React__namespace.default.createElement(Calendar, { value: selectedDate, month: month, onValueChange: onDayClick, filter: filter, renderDay: renderDay, isHoliday: isHoliday }));
+                return (React__namespace.default.createElement(Calendar, { value: selectedDate, month: month, onValueChange: onDayClick, filter: filter, renderDay: renderDay, isHoliday: isHoliday, isDisabled: isDisabled }));
         }
     };
     return (React__namespace.default.createElement("div", Object.assign({ ref: ref, className: uuiCore.cx(uuiDatePickerBodyBase.container, classes) }, rawProps),
@@ -2418,7 +2390,7 @@ function StatelessDatePickerBodyComp({ renderDay, isHoliday, cx: classes, filter
                 }, onValueChange: (newValue) => {
                     onMonthChange(newValue.month);
                     onViewChange(newValue.view);
-                } }),
+                }, isDisabled: isDisabled }),
             getView())));
 }
 
@@ -2454,9 +2426,9 @@ function FilterDatePickerBody(props) {
                     } })))));
 }
 
-var css$G = {"uui-typography":"FOF7cC","hero-header":"LUICKP","promo-header":"oT7fOi","uui-critical":"GbcPNE","uui-info":"H0nA1z","uui-success":"iQNQE9","uui-warning":"r0moKQ","uui-highlight":"g9vAm1","uui-typography-size-12":"_6LsSwi","uui-typography-size-14":"pdKAlp","uui-typography-size-16":"_29O7Ru","dropdown-container":"ohfYAn","date-input":"iI-kXw","date-input-group":"GgCdzf","separator":"BzGhM4","mode-form":"NSZPr6","mode-cell":"_2uz-EG","uuiTypography":"FOF7cC","heroHeader":"LUICKP","promoHeader":"oT7fOi","uuiCritical":"GbcPNE","uuiInfo":"H0nA1z","uuiSuccess":"iQNQE9","uuiWarning":"r0moKQ","uuiHighlight":"g9vAm1","uuiTypographySize12":"_6LsSwi","uuiTypographySize14":"pdKAlp","uuiTypographySize16":"_29O7Ru","dropdownContainer":"ohfYAn","dateInput":"iI-kXw","dateInputGroup":"GgCdzf","modeForm":"NSZPr6","modeCell":"_2uz-EG"};
+var css$G = {"uui-typography":"_1s2osU","hero-header":"_49EiAE","promo-header":"ZLL1gv","uui-critical":"_5-tVIG","uui-info":"_011O5k","uui-success":"_6PtYTK","uui-warning":"ozuPrF","uui-highlight":"ZsW92j","uui-typography-size-12":"d5Mnrj","uui-typography-size-14":"y-cDCp","uui-typography-size-16":"m-3uBT","dropdown-container":"JO-J4c","date-input":"cp-KkM","date-input-group":"d7fMEs","separator":"F86Rv6","mode-form":"sG6Hik","mode-cell":"WbtmuU","uuiTypography":"_1s2osU","heroHeader":"_49EiAE","promoHeader":"ZLL1gv","uuiCritical":"_5-tVIG","uuiInfo":"_011O5k","uuiSuccess":"_6PtYTK","uuiWarning":"ozuPrF","uuiHighlight":"ZsW92j","uuiTypographySize12":"d5Mnrj","uuiTypographySize14":"y-cDCp","uuiTypographySize16":"m-3uBT","dropdownContainer":"JO-J4c","dateInput":"cp-KkM","dateInputGroup":"d7fMEs","modeForm":"sG6Hik","modeCell":"WbtmuU"};
 
-const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onBlur, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, id, cx: classes, }, ref) => {
+const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, id, cx: classes, }, ref) => {
     const [inputValue, setInputValue] = React.useState(toCustomDateRangeFormat(value, format));
     React.useEffect(() => {
         setInputValue(toCustomDateRangeFormat(value, format));
@@ -2479,17 +2451,19 @@ const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isIn
             onValueChange(Object.assign(Object.assign({}, selectedDate), { [inputType]: null }));
         }
     };
+    const onInputKeyDown = (e) => {
+        if (e.key === 'Enter') {
+            onClick();
+            e.preventDefault();
+        }
+    };
     const clearAllowed = !disableClear && inputValue.from && inputValue.to;
-    return (React__namespace.default.createElement("div", { ref: ref, className: uuiCore.cx(classes, css$G.dateInputGroup, 'uui-range-date-picker', isDisabled && uuiCore.uuiMod.disabled, isReadonly && uuiCore.uuiMod.readonly, isInvalid && uuiCore.uuiMod.invalid, inFocus && uuiCore.uuiMod.focus), onClick: (event) => {
-            if (!isDisabled) {
-                onClick === null || onClick === void 0 ? void 0 : onClick(event);
-            }
-        }, onBlur: onBlur },
-        React__namespace.default.createElement(TextInput, { icon: systemIcons.calendar, cx: uuiCore.cx(css$G.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, id: id }),
+    return (React__namespace.default.createElement("div", { ref: ref, className: uuiCore.cx(classes, css$G.dateInputGroup, 'uui-range-date-picker', isDisabled && uuiCore.uuiMod.disabled, isReadonly && uuiCore.uuiMod.readonly, isInvalid && uuiCore.uuiMod.invalid, inFocus && uuiCore.uuiMod.focus) },
+        React__namespace.default.createElement(TextInput, { icon: systemIcons.calendar, cx: uuiCore.cx(css$G.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$G.separator }),
         React__namespace.default.createElement(TextInput, { cx: uuiCore.cx(css$G.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 })));
+            } : 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 })));
 });
 
 function FilterRangeDatePickerBody(props) {
@@ -2545,7 +2519,7 @@ function FilterRangeDatePickerBody(props) {
                 React__namespace.default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.pickerModal.clearAllButton, onClick: () => onValueChange(defaultRangeValue) })))));
 }
 
-var css$F = {"container":"ZRV5uX"};
+var css$F = {"container":"VfFwHQ"};
 
 function FilterNumericBody(props) {
     var _a, _b;
@@ -2580,12 +2554,12 @@ function FilterNumericBody(props) {
         const clearSelection = () => {
             if (isInRangePredicate) {
                 props.onValueChange({
-                    from: null,
-                    to: null,
+                    from: undefined,
+                    to: undefined,
                 });
             }
             else {
-                props.onValueChange(null);
+                props.onValueChange(undefined);
             }
         };
         const isClearDisabled = typeof props.value !== 'number' && typeof props.value !== 'object';
@@ -2630,7 +2604,7 @@ function FilterItemBody(props) {
 
 var _path$r;
 function _extends$r() { _extends$r = 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$r.apply(this, arguments); }
-var SvgActionDeleteForeverFill = function SvgActionDeleteForeverFill(props, ref) {
+var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -2638,14 +2612,12 @@ var SvgActionDeleteForeverFill = function SvgActionDeleteForeverFill(props, ref)
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
-    fillRule: "evenodd",
-    d: "M7 21c-1.1 0-2-.9-2-2V8h14v11c0 1.1-.9 2-2 2H7zm8-17h5v2H4V4h5V3h6v1zM9.4 18.5l2.6-2.6 2.6 2.6 1.4-1.4-2.6-2.6 2.6-2.6-1.4-1.4-2.6 2.6-2.6-2.6L8 11.9l2.6 2.6L8 17.1l1.4 1.4z",
-    clipRule: "evenodd"
+    d: "M9 3v1H4v2h1v13a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6h1V4h-5V3H9zM7 6h10v13H7V6zm2 2v9h2V8H9zm4 0v9h2V8h-2z"
   })));
 };
-var ForwardRef$r = /*#__PURE__*/React.forwardRef(SvgActionDeleteForeverFill);
+var ForwardRef$r = /*#__PURE__*/React.forwardRef(SvgActionDeleteOutline);
 
-var css$E = {"uui-typography":"_-2YgRX","hero-header":"SPlct2","promo-header":"zE6WCx","uui-critical":"fPvS8H","uui-info":"_32ZuQi","uui-success":"GnUawe","uui-warning":"IP8PNT","uui-highlight":"aDIH6L","uui-typography-size-12":"SCVvHo","uui-typography-size-14":"PTz88B","uui-typography-size-16":"_6GdzX9","header":"DmCeqw","removeButton":"o49OZI","with-search":"AYX4tT","uuiTypography":"_-2YgRX","heroHeader":"SPlct2","promoHeader":"zE6WCx","uuiCritical":"fPvS8H","uuiInfo":"_32ZuQi","uuiSuccess":"GnUawe","uuiWarning":"IP8PNT","uuiHighlight":"aDIH6L","uuiTypographySize12":"SCVvHo","uuiTypographySize14":"PTz88B","uuiTypographySize16":"_6GdzX9","withSearch":"AYX4tT"};
+var css$E = {"uui-typography":"sKUFgq","hero-header":"_9ktNIt","promo-header":"ywPLqB","uui-critical":"ldH8e4","uui-info":"ogx1WF","uui-success":"Y-R2zL","uui-warning":"YMUrtj","uui-highlight":"qv3fta","uui-typography-size-12":"rVN39q","uui-typography-size-14":"t-CqFQ","uui-typography-size-16":"_78NlGh","header":"_5hN6x0","removeButton":"ClD6I2","with-search":"rcObIx","uuiTypography":"sKUFgq","heroHeader":"_9ktNIt","promoHeader":"ywPLqB","uuiCritical":"ldH8e4","uuiInfo":"ogx1WF","uuiSuccess":"Y-R2zL","uuiWarning":"YMUrtj","uuiHighlight":"qv3fta","uuiTypographySize12":"rVN39q","uuiTypographySize14":"t-CqFQ","uuiTypographySize16":"_78NlGh","withSearch":"rcObIx"};
 
 function useView(props, value) {
     const forceUpdate = uuiCore.useForceUpdate();
@@ -2933,7 +2905,8 @@ function FiltersToolbarImpl(props) {
         return uuiCore.orderBy(selectedFilters, (f) => { var _a, _b; return (_b = (_a = tableState.filtersConfig) === null || _a === void 0 ? void 0 : _a[f.field]) === null || _b === void 0 ? void 0 : _b.order; });
     }, [filters, tableState.filtersConfig]);
     const renderAddFilterToggler = React.useCallback((togglerProps) => {
-        return (React__namespace.default.createElement(Button, { size: props.size, onClick: togglerProps.onClick, ref: togglerProps.ref, caption: i18n.filterToolbar.addCaption, icon: ForwardRef$q, iconPosition: "left", fill: "ghost", color: "primary", cx: UUI_FILTERS_PANEL_ADD_BUTTON }));
+        var _a;
+        return (React__namespace.default.createElement(Button, { size: (_a = props.size) !== null && _a !== void 0 ? _a : '36', onClick: togglerProps.onClick, ref: togglerProps.ref, caption: i18n.filterToolbar.addCaption, icon: ForwardRef$q, iconPosition: "left", fill: "ghost", color: "primary", cx: UUI_FILTERS_PANEL_ADD_BUTTON }));
     }, []);
     const getRowOptions = React.useCallback((item) => ({
         isDisabled: item.isAlwaysVisible,
@@ -2966,7 +2939,7 @@ function FiltersToolbarImpl(props) {
 }
 const FiltersPanel = /* @__PURE__ */React__namespace.default.memo(FiltersToolbarImpl);
 
-var css$D = {"divider":"GvqtQn","dropdownDeleteIcon":"_7JDToK","presetsWrapper":"_0heZFq","addPresetContainer":"homTNo","dropContainer":"_1KPCgB"};
+var css$D = {"divider":"_7aR79c","dropdownDeleteIcon":"ZoWfDn","presetsWrapper":"iQBgXi","addPresetContainer":"_--bMQq","dropContainer":"yH-pgw"};
 
 var _path$p;
 function _extends$p() { _extends$p = 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$p.apply(this, arguments); }
@@ -3079,22 +3052,7 @@ var SvgContentLinkOutline = function SvgContentLinkOutline(props, ref) {
 };
 var ForwardRef$j = /*#__PURE__*/React.forwardRef(SvgContentLinkOutline);
 
-var _path$i;
-function _extends$i() { _extends$i = 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$i.apply(this, arguments); }
-var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    viewBox: "0 0 24 24",
-    ref: ref
-  }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M9 3v1H4v2h1v13a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6h1V4h-5V3H9zM7 6h10v13H7V6zm2 2v9h2V8H9zm4 0v9h2V8h-2z"
-  })));
-};
-var ForwardRef$i = /*#__PURE__*/React.forwardRef(SvgActionDeleteOutline);
-
-var css$C = {"delete-button":"zF3qpi","tab-button":"-aEbrH","targetOpen":"gyk-RJ","deleteButton":"zF3qpi","tabButton":"-aEbrH"};
+var css$C = {"delete-button":"ONjxQd","tab-button":"DpiPzH","targetOpen":"Ugn6q8","deleteButton":"ONjxQd","tabButton":"DpiPzH"};
 
 function PresetActionsDropdown(props) {
     const { uuiNotifications } = uuiCore.useUuiContext();
@@ -3144,7 +3102,7 @@ function PresetActionsDropdown(props) {
             React__namespace.default.createElement(DropdownMenuButton, { key: `${props.preset.id}-copyLink`, icon: ForwardRef$j, caption: "Copy Link", onClick: copyUrlToClipboard }),
             !isReadonlyPreset && (React__namespace.default.createElement(React__namespace.default.Fragment, null,
                 React__namespace.default.createElement(DropdownMenuSplitter, { key: "delete-splitter" }),
-                React__namespace.default.createElement(DropdownMenuButton, { icon: ForwardRef$i, caption: "Delete", cx: css$C.deleteButton, onClick: deleteHandler })))));
+                React__namespace.default.createElement(DropdownMenuButton, { icon: ForwardRef$r, caption: "Delete", cx: css$C.deleteButton, onClick: deleteHandler })))));
     };
     const renderTarget = React.useCallback((dropdownProps) => {
         return (React__namespace.default.createElement(IconButton, Object.assign({ cx: [css$C.tabButton, dropdownProps.isOpen && css$C.targetOpen], color: props.preset.id === props.activePresetId ? 'primary' : 'neutral' }, dropdownProps, { icon: ForwardRef$p, size: "18" })));
@@ -3152,7 +3110,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$B = {"preset-input-cell":"nn3Ce5","preset-input":"tX5e7U","presetInputCell":"nn3Ce5","presetInput":"tX5e7U"};
+var css$B = {"preset-input-cell":"SyZQGd","preset-input":"_95ljlD","presetInputCell":"SyZQGd","presetInput":"_95ljlD"};
 
 const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
 const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
@@ -3185,7 +3143,7 @@ function PresetInput(props) {
         React__namespace.default.createElement(TextInput, { cx: css$B.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
 }
 
-var css$A = {"preset":"-gukT9","activePreset":"c-nxV0"};
+var css$A = {"preset":"_1N9D09","activePreset":"jQEFOD"};
 
 function Preset(props) {
     const [isRenamePreset, setIsRenamePreset] = React.useState(false);
@@ -3206,6 +3164,23 @@ function Preset(props) {
     return (React__namespace.default.createElement(FlexCell, { key: props.preset.id, alignSelf: "center", width: "auto" }, isRenamePreset ? (React__namespace.default.createElement(PresetInput, { onCancel: cancelRenamePreset, onSuccess: handlePresetRename, preset: props.preset })) : (React__namespace.default.createElement(TabButton, { caption: props.preset.name, onClick: !isPresetActive && choosePresetHandler, cx: [css$A.preset, isPresetActive && css$A.activePreset, UUI_PRESETS_PANEL_PRESET], size: "60", withNotify: isPresetActive && props.hasPresetChanged(props.preset), icon: () => React__namespace.default.createElement(PresetActionsDropdown, Object.assign({ renamePreset: setPresetForRename }, props)), iconPosition: "right", isLinkActive: isPresetActive }))));
 }
 
+var _path$i;
+function _extends$i() { _extends$i = 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$i.apply(this, arguments); }
+var SvgActionDeleteForeverFill = function SvgActionDeleteForeverFill(props, ref) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    ref: ref
+  }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M7 21c-1.1 0-2-.9-2-2V8h14v11c0 1.1-.9 2-2 2H7zm8-17h5v2H4V4h5V3h6v1zM9.4 18.5l2.6-2.6 2.6 2.6 1.4-1.4-2.6-2.6 2.6-2.6-1.4-1.4-2.6 2.6-2.6-2.6L8 11.9l2.6 2.6L8 17.1l1.4 1.4z",
+    clipRule: "evenodd"
+  })));
+};
+var ForwardRef$i = /*#__PURE__*/React.forwardRef(SvgActionDeleteForeverFill);
+
 function PresetsPanel(props) {
     const [isAddingPreset, setIsAddingPreset] = React.useState(false);
     const setAddingPreset = React.useCallback(() => {
@@ -3228,7 +3203,7 @@ function PresetsPanel(props) {
         return (React__namespace.default.createElement(Dropdown, { key: "more", renderTarget: (props) => (React__namespace.default.createElement(FlexRow, null,
                 React__namespace.default.createElement("div", { className: css$D.divider }),
                 React__namespace.default.createElement(Button, Object.assign({ cx: UUI_PRESETS_PANEL_MORE_BUTTON, fill: "ghost", color: "secondary", caption: `${(hiddenItems === null || hiddenItems === void 0 ? void 0 : hiddenItems.length) || ''} more` }, props)))), renderBody: (propsBody) => (React__namespace.default.createElement(DropdownMenuBody, Object.assign({ minWidth: 230 }, propsBody),
-                React__namespace.default.createElement(uuiComponents.ScrollBars, null, hiddenItems.map((hiddenItem) => (React__namespace.default.createElement(DropdownMenuButton, { key: hiddenItem.preset.id, onClick: () => onPresetDropdownSelect(hiddenItem), caption: hiddenItem.preset.name, icon: !hiddenItem.preset.isReadonly && ForwardRef$r, iconPosition: "right", cx: css$D.dropdownDeleteIcon, onIconClick: !hiddenItem.preset.isReadonly && (() => props.deletePreset(hiddenItem.preset)) })))))) }));
+                React__namespace.default.createElement(uuiComponents.ScrollBars, null, hiddenItems.map((hiddenItem) => (React__namespace.default.createElement(DropdownMenuButton, { key: hiddenItem.preset.id, onClick: () => onPresetDropdownSelect(hiddenItem), caption: hiddenItem.preset.name, icon: !hiddenItem.preset.isReadonly && ForwardRef$i, iconPosition: "right", cx: css$D.dropdownDeleteIcon, onIconClick: !hiddenItem.preset.isReadonly && (() => props.deletePreset(hiddenItem.preset)) })))))) }));
     };
     const getPresetPriority = (preset, index) => {
         return preset.id === props.activePresetId ? 100499 : 1000 - index;
@@ -3287,7 +3262,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
     return columns;
 };
 
-var css$z = {"line-height-12":"UaosY9","line-height-18":"yESbz3","line-height-24":"EWYR6a","line-height-30":"B-rq4o","font-size-10":"p2zbbr","font-size-12":"Ekl28H","font-size-14":"_7eyPpb","font-size-16":"ogKbW1","font-size-18":"zis9li","font-size-24":"BhQL1p","v-padding-2":"TTTcFo","v-padding-3":"G1fDXv","v-padding-5":"EZLy7V","v-padding-6":"BZpBfX","v-padding-8":"ijdgod","v-padding-9":"tXfJS4","v-padding-11":"htK8e8","v-padding-12":"iR-iGl","v-padding-14":"ZF1etr","v-padding-15":"_0K8pKw","v-padding-17":"SWy6UK","v-padding-18":"A7tZ0G","v-padding-23":"-lcRcX","v-padding-24":"u-g1IE","lineHeight12":"UaosY9","lineHeight18":"yESbz3","lineHeight24":"EWYR6a","lineHeight30":"B-rq4o","fontSize10":"p2zbbr","fontSize12":"Ekl28H","fontSize14":"_7eyPpb","fontSize16":"ogKbW1","fontSize18":"zis9li","fontSize24":"BhQL1p","vPadding2":"TTTcFo","vPadding3":"G1fDXv","vPadding5":"EZLy7V","vPadding6":"BZpBfX","vPadding8":"ijdgod","vPadding9":"tXfJS4","vPadding11":"htK8e8","vPadding12":"iR-iGl","vPadding14":"ZF1etr","vPadding15":"_0K8pKw","vPadding17":"SWy6UK","vPadding18":"A7tZ0G","vPadding23":"-lcRcX","vPadding24":"u-g1IE"};
+var css$z = {"line-height-12":"tOMlsI","line-height-18":"V9-Apx","line-height-24":"_2k7baW","line-height-30":"SQACQa","font-size-10":"m1K6LH","font-size-12":"_54BSJ3","font-size-14":"_3Zl5zH","font-size-16":"N7tmUr","font-size-18":"MYSyGq","font-size-24":"yfybxJ","v-padding-2":"d-6kxE","v-padding-3":"Lh7Oba","v-padding-5":"putB78","v-padding-6":"y7ROAa","v-padding-8":"_-0HSQw","v-padding-9":"d4tL-z","v-padding-11":"Lm2pDS","v-padding-12":"_-81RjD","v-padding-14":"-YSsHY","v-padding-15":"Z9ryqA","v-padding-17":"Vgho4D","v-padding-18":"Le9-hJ","v-padding-23":"MJbvAl","v-padding-24":"AgX4iw","lineHeight12":"tOMlsI","lineHeight18":"V9-Apx","lineHeight24":"_2k7baW","lineHeight30":"SQACQa","fontSize10":"m1K6LH","fontSize12":"_54BSJ3","fontSize14":"_3Zl5zH","fontSize16":"N7tmUr","fontSize18":"MYSyGq","fontSize24":"yfybxJ","vPadding2":"d-6kxE","vPadding3":"Lh7Oba","vPadding5":"putB78","vPadding6":"y7ROAa","vPadding8":"_-0HSQw","vPadding9":"d4tL-z","vPadding11":"Lm2pDS","vPadding12":"_-81RjD","vPadding14":"-YSsHY","vPadding15":"Z9ryqA","vPadding17":"Vgho4D","vPadding18":"Le9-hJ","vPadding23":"MJbvAl","vPadding24":"AgX4iw"};
 
 function getTextClasses(props, border) {
     if (props.size === 'none') {
@@ -3304,7 +3279,7 @@ function getTextClasses(props, border) {
     ];
 }
 
-var css$y = {"root":"II5XgO"};
+var css$y = {"root":"HZ4--V"};
 
 function applyTextMods(mods) {
     const textClasses = getTextClasses({
@@ -3323,7 +3298,7 @@ function applyTextMods(mods) {
 }
 const Text = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Text, applyTextMods);
 
-var css$x = {"root":"_4Lr7eh","loading-word":"_29QUt7","animated-loading":"Pz4xvi","skeleton_loading":"UJteK6","loadingWord":"_29QUt7","animatedLoading":"Pz4xvi","skeletonLoading":"UJteK6"};
+var css$x = {"root":"sGcJrc","loading-word":"LT5hwY","animated-loading":"B3sCN5","skeleton_loading":"wqRvFJ","loadingWord":"LT5hwY","animatedLoading":"B3sCN5","skeletonLoading":"wqRvFJ"};
 
 const TextPlaceholder = (props) => {
     const pattern = '&nbsp;';
@@ -3342,7 +3317,7 @@ const TextPlaceholder = (props) => {
 
 const RichTextView = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || '14'}`]);
 
-var css$w = {"uui-typography":"_3DH2Vu","hero-header":"rIX-In","promo-header":"mBL29y","uui-critical":"jHUDOR","uui-info":"XDodtT","uui-success":"TTIJyZ","uui-warning":"DsybPa","uui-highlight":"h2IQay","uui-typography-size-12":"ogdbZo","uui-typography-size-14":"jl9uxE","uui-typography-size-16":"cs5b-s","root":"_5UQAAj","modal-blocker":"nns9QO","animateModalBlocker":"HN18qu","modal":"OoMJb8","modal-footer":"d59uA0","modal-header":"lj7oRW","uuiTypography":"_3DH2Vu","heroHeader":"rIX-In","promoHeader":"mBL29y","uuiCritical":"jHUDOR","uuiInfo":"XDodtT","uuiSuccess":"TTIJyZ","uuiWarning":"DsybPa","uuiHighlight":"h2IQay","uuiTypographySize12":"ogdbZo","uuiTypographySize14":"jl9uxE","uuiTypographySize16":"cs5b-s","modalBlocker":"nns9QO","modalFooter":"d59uA0","modalHeader":"lj7oRW"};
+var css$w = {"uui-typography":"plCZdW","hero-header":"AeCqbS","promo-header":"GwLgrz","uui-critical":"_0Ej2kB","uui-info":"gWggi0","uui-success":"_3Jfblk","uui-warning":"_1rcgbe","uui-highlight":"rLGM-V","uui-typography-size-12":"JkgY30","uui-typography-size-14":"hWVAp6","uui-typography-size-16":"_9vwXh0","root":"_6gKM4F","modal-blocker":"_4mVAUE","animateModalBlocker":"wovPsE","modal":"zzacEk","modal-footer":"wZMpwc","modal-header":"QPR4Es","uuiTypography":"plCZdW","heroHeader":"AeCqbS","promoHeader":"GwLgrz","uuiCritical":"_0Ej2kB","uuiInfo":"gWggi0","uuiSuccess":"_3Jfblk","uuiWarning":"_1rcgbe","uuiHighlight":"rLGM-V","uuiTypographySize12":"JkgY30","uuiTypographySize14":"hWVAp6","uuiTypographySize16":"_9vwXh0","modalBlocker":"_4mVAUE","modalFooter":"wZMpwc","modalHeader":"QPR4Es"};
 
 const ModalBlocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalBlocker, () => [css$w.modalBlocker]);
 const ModalWindow = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalWindow, () => [css$w.root, css$w.modal], (props) => {
@@ -3396,7 +3371,7 @@ var SvgNotificationHelpFill = function SvgNotificationHelpFill(props, ref) {
 };
 var ForwardRef$h = /*#__PURE__*/React.forwardRef(SvgNotificationHelpFill);
 
-var css$v = {"uui-typography":"IwiFdr","hero-header":"m7YZCl","promo-header":"Mm1DWd","uui-critical":"Jb87-g","uui-info":"Hhiri-","uui-success":"W7Om7c","uui-warning":"e6ulZo","uui-highlight":"Ao7WMT","uui-typography-size-12":"f3ZgJf","uui-typography-size-14":"EoSa97","uui-typography-size-16":"UhQ-8n","root":"_0thES6","icon-wrapper":"_14l7qG","action-wrapper":"rDYbVa","action-link":"giDtjz","close-icon":"qhJ3fI","main-path":"NCnklW","content":"gDvddi","close-wrapper":"eCT1RA","notification-wrapper":"qwoCB3","clear-button":"wJg9HW","uuiTypography":"IwiFdr","heroHeader":"m7YZCl","promoHeader":"Mm1DWd","uuiCritical":"Jb87-g","uuiInfo":"Hhiri-","uuiSuccess":"W7Om7c","uuiWarning":"e6ulZo","uuiHighlight":"Ao7WMT","uuiTypographySize12":"f3ZgJf","uuiTypographySize14":"EoSa97","uuiTypographySize16":"UhQ-8n","iconWrapper":"_14l7qG","actionWrapper":"rDYbVa","actionLink":"giDtjz","closeIcon":"qhJ3fI","mainPath":"NCnklW","closeWrapper":"eCT1RA","notificationWrapper":"qwoCB3","clearButton":"wJg9HW"};
+var css$v = {"uui-typography":"p3QP0h","hero-header":"r-iTnY","promo-header":"U67Wpq","uui-critical":"_56MJFs","uui-info":"_9TxvLM","uui-success":"urF-A1","uui-warning":"m2MYVm","uui-highlight":"kHrMI-","uui-typography-size-12":"_2UFPir","uui-typography-size-14":"vp-0uG","uui-typography-size-16":"_08fJ6L","root":"iFF3fw","icon-wrapper":"XVRS7A","action-wrapper":"HhGJl6","action-link":"T3N-5T","close-icon":"eGWyTA","main-path":"_9jAq0V","content":"O-cwtw","close-wrapper":"Cn9xAY","notification-wrapper":"qNiE2O","clear-button":"qp3S7m","uuiTypography":"p3QP0h","heroHeader":"r-iTnY","promoHeader":"U67Wpq","uuiCritical":"_56MJFs","uuiInfo":"_9TxvLM","uuiSuccess":"urF-A1","uuiWarning":"m2MYVm","uuiHighlight":"kHrMI-","uuiTypographySize12":"_2UFPir","uuiTypographySize14":"vp-0uG","uuiTypographySize16":"_08fJ6L","iconWrapper":"XVRS7A","actionWrapper":"HhGJl6","actionLink":"T3N-5T","closeIcon":"eGWyTA","mainPath":"_9jAq0V","closeWrapper":"Cn9xAY","notificationWrapper":"qNiE2O","clearButton":"qp3S7m"};
 
 const NotificationCard = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
     const notificationCardNode = React__namespace.default.useRef(null);
@@ -3472,7 +3447,7 @@ function useReliableForceUpdate() {
     return red[1];
 }
 
-var css$u = {"root":"G335hP","timepicker-input":"U6Vn1r","ltr-always":"HAs03H","timepickerInput":"U6Vn1r","ltrAlways":"HAs03H"};
+var css$u = {"root":"g6OvGw","timepicker-input":"Q0iweq","ltr-always":"_18z8-I","timepickerInput":"Q0iweq","ltrAlways":"_18z8-I"};
 
 const uuiTimePicker = {
     container: 'uui-timepicker-container',
@@ -3665,7 +3640,7 @@ 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":"vroRlt"};
+var css$t = {"root":"VU2SPi"};
 
 function applyInputAddonMods() {
     return [
@@ -3674,7 +3649,7 @@ function applyInputAddonMods() {
 }
 const InputAddon = /* @__PURE__ */uuiCore.withMods(uuiComponents.InputAddon, applyInputAddonMods);
 
-var css$s = {"root":"YXBt13"};
+var css$s = {"root":"QysP0a"};
 
 function applySliderMods() {
     return [css$s.root, 'uui-color-neutral'];
@@ -3710,8 +3685,6 @@ function DatePickerComponent(props, ref) {
     };
     const onBlur = (e) => {
         var _a;
-        if (uuiCore.isFocusReceiverInsideFocusLock(e))
-            return;
         (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
         if (isValidDate(inputValue, format, props.filter)) {
             setInputValue(toCustomDateFormat(inputValue, format));
@@ -3721,14 +3694,17 @@ function DatePickerComponent(props, ref) {
             setInputValue(null);
             onValueChange(null);
         }
-        setBodyIsOpen(false);
+    };
+    const onInputKeyDown = (e) => {
+        if (e.key === 'Enter') {
+            setBodyIsOpen(true);
+            e.preventDefault();
+        }
     };
     const renderInput = (renderProps) => {
         var _a;
         const allowClear = !props.disableClear && !!inputValue;
-        return (React__namespace.default.createElement(TextInput, Object.assign({}, renderProps, { 
-            // fixes a bug with body open, it skips unwanted prevent default
-            onClick: () => { }, isDropdown: false, cx: uuiCore.cx(props.inputCx, isBodyOpen && uuiCore.uuiMod.focus), icon: props.mode !== EditMode.CELL && systemIcons.calendar ? systemIcons.calendar : undefined, iconPosition: props.iconPosition || 'left', placeholder: props.placeholder ? props.placeholder : format, size: props.size || settings.sizes.defaults.datePicker, value: inputValue || undefined, onValueChange: (v) => {
+        return (React__namespace.default.createElement(TextInput, Object.assign({}, renderProps, { isDropdown: false, cx: uuiCore.cx(props.inputCx, isBodyOpen && uuiCore.uuiMod.focus), icon: props.mode !== EditMode.CELL && systemIcons.calendar ? systemIcons.calendar : undefined, iconPosition: props.iconPosition || 'left', placeholder: props.placeholder ? props.placeholder : format, size: props.size || settings.sizes.defaults.datePicker, value: inputValue || undefined, onValueChange: (v) => {
                 setInputValue(v || '');
             }, onCancel: allowClear ? () => {
                 if (!props.disableClear && !!inputValue) {
@@ -3736,13 +3712,12 @@ function DatePickerComponent(props, ref) {
                 }
             } : undefined, isInvalid: props.isInvalid, isDisabled: props.isDisabled, isReadonly: props.isReadonly, tabIndex: props.isReadonly || props.isDisabled ? -1 : 0, onFocus: (e) => {
                 var _a;
-                setBodyIsOpen(true);
                 (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e);
-            }, onBlur: onBlur, mode: props.mode || defaultMode, rawProps: (_a = props.rawProps) === null || _a === void 0 ? void 0 : _a.input, id: props.id })));
+            }, onKeyDown: onInputKeyDown, onBlur: onBlur, mode: props.mode || defaultMode, rawProps: (_a = props.rawProps) === null || _a === void 0 ? void 0 : _a.input, id: props.id })));
     };
     const renderBody = (renderProps) => {
         var _a, _b;
-        return (React__namespace.default.createElement(DropdownContainer, Object.assign({}, renderProps, { focusLock: false }),
+        return (React__namespace.default.createElement(DropdownContainer, Object.assign({}, renderProps),
             React__namespace.default.createElement(DatePickerBody, { value: value, onValueChange: onBodyValueChange, cx: uuiCore.cx(props.bodyCx), filter: props.filter, isHoliday: props.isHoliday, renderDay: props.renderDay, rawProps: (_a = props.rawProps) === null || _a === void 0 ? void 0 : _a.body }), (_b = props.renderFooter) === null || _b === void 0 ? void 0 :
             _b.call(props)));
     };
@@ -3757,14 +3732,23 @@ function DatePickerComponent(props, ref) {
 }
 const DatePicker = /* @__PURE__ */React__namespace.default.forwardRef(DatePickerComponent);
 
-var css$r = {"uui-typography":"JcbUiM","hero-header":"weTZAG","promo-header":"GsaB7N","uui-critical":"dvPBdh","uui-info":"_1y-naF","uui-success":"_8Z90q7","uui-warning":"_4R7ZW4","uui-highlight":"_-7KZqB","uui-typography-size-12":"-cdw4l","uui-typography-size-14":"_2ze0Jz","uui-typography-size-16":"OhX93z","root":"Z6U357","uuiTypography":"JcbUiM","heroHeader":"weTZAG","promoHeader":"GsaB7N","uuiCritical":"dvPBdh","uuiInfo":"_1y-naF","uuiSuccess":"_8Z90q7","uuiWarning":"_4R7ZW4","uuiHighlight":"_-7KZqB","uuiTypographySize12":"-cdw4l","uuiTypographySize14":"_2ze0Jz","uuiTypographySize16":"OhX93z"};
+var css$r = {"uui-typography":"W6PbRl","hero-header":"DfO11-","promo-header":"-Gz5zX","uui-critical":"go4eRs","uui-info":"_4u8OjU","uui-success":"h2JvgL","uui-warning":"_0j13Nk","uui-highlight":"B1dmBr","uui-typography-size-12":"XuLL6I","uui-typography-size-14":"_1HnpjK","uui-typography-size-16":"_0ERa03","root":"pvg7bO","uuiTypography":"W6PbRl","heroHeader":"DfO11-","promoHeader":"-Gz5zX","uuiCritical":"go4eRs","uuiInfo":"_4u8OjU","uuiSuccess":"h2JvgL","uuiWarning":"_0j13Nk","uuiHighlight":"B1dmBr","uuiTypographySize12":"XuLL6I","uuiTypographySize14":"_1HnpjK","uuiTypographySize16":"_0ERa03"};
 
-function applyCalendarPresetsMods() {
-    return [css$r.root];
+const uuiPresets = {
+    container: 'uui-presets-container',
+    header: 'uui-presets-header',
+    item: 'uui-presets-item',
+};
+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$r.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" })))));
 }
-const CalendarPresets = /* @__PURE__ */uuiCore.withMods(uuiComponents.CalendarPresets, applyCalendarPresetsMods, () => ({}));
 
-var css$q = {"uui-typography":"_9LwvVG","hero-header":"ufknGm","promo-header":"_4hqgAz","uui-critical":"fkpNp-","uui-info":"Ai4Da4","uui-success":"_3bV472","uui-warning":"s7xK14","uui-highlight":"X7ktr8","uui-typography-size-12":"eOfCtq","uui-typography-size-14":"WdE57w","uui-typography-size-16":"M1ru2B","root":"OOYaY-","container":"P6vO6D","day-selection":"a4CILI","from-picker":"v2gZXR","to-picker":"VrV4sL","bodes-wrapper":"zGSq1i","blocker":"XWLdSe","uuiTypography":"_9LwvVG","heroHeader":"ufknGm","promoHeader":"_4hqgAz","uuiCritical":"fkpNp-","uuiInfo":"Ai4Da4","uuiSuccess":"_3bV472","uuiWarning":"s7xK14","uuiHighlight":"X7ktr8","uuiTypographySize12":"eOfCtq","uuiTypographySize14":"WdE57w","uuiTypographySize16":"M1ru2B","daySelection":"a4CILI","fromPicker":"v2gZXR","toPicker":"VrV4sL","bodesWrapper":"zGSq1i"};
+var css$q = {"uui-typography":"bRiMG-","hero-header":"_41dYfc","promo-header":"_0DgqS-","uui-critical":"O-WduI","uui-info":"o5Ovkn","uui-success":"LKySov","uui-warning":"HEGlnz","uui-highlight":"XoEa-m","uui-typography-size-12":"HtXpI5","uui-typography-size-14":"q5qHv9","uui-typography-size-16":"OQdiWy","root":"ytxHx-","container":"pC8g7w","day-selection":"LFE-SO","from-picker":"_1ANzDS","to-picker":"_3NTsW9","bodes-wrapper":"NxHIpK","blocker":"mJ2xEJ","uuiTypography":"bRiMG-","heroHeader":"_41dYfc","promoHeader":"_0DgqS-","uuiCritical":"O-WduI","uuiInfo":"o5Ovkn","uuiSuccess":"LKySov","uuiWarning":"HEGlnz","uuiHighlight":"XoEa-m","uuiTypographySize12":"HtXpI5","uuiTypographySize14":"q5qHv9","uuiTypographySize16":"OQdiWy","daySelection":"LFE-SO","fromPicker":"_1ANzDS","toPicker":"_3NTsW9","bodesWrapper":"NxHIpK"};
 
 const uuiRangeDatePickerBody = {
     inRange: 'uui-range-datepicker-in-range',
@@ -3912,10 +3896,10 @@ function RangeDatePickerBodyComp(props, ref) {
                     React__namespace.default.createElement(FlexRow, { cx: css$q.bodesWrapper, alignItems: "top" },
                         React__namespace.default.createElement(StatelessDatePickerBody, Object.assign({ key: "date-picker-body-left", cx: uuiCore.cx(css$q.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 })),
+                            }, 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$q.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 })),
+                            }, 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,
@@ -3960,9 +3944,8 @@ function RangeDatePickerComponent(props, ref) {
             }
         }
     };
-    const onOpenChange = (newIsOpen, focus) => {
+    const onOpenChange = (newIsOpen) => {
         var _a;
-        setInFocus(newIsOpen && focus ? focus : null);
         setIsOpen(newIsOpen);
         (_a = props.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(props, newIsOpen);
     };
@@ -3978,16 +3961,9 @@ function RangeDatePickerComponent(props, ref) {
             onOpenChange(false);
         }
     };
-    // mainly for closing body on tab
-    const onInputWrapperBlur = (event) => {
-        if (uuiCore.isFocusReceiverInsideFocusLock(event)) {
-            return;
-        }
-        onOpenChange(false);
-    };
     const renderBody = (renderProps) => {
         var _a;
-        return (React__namespace.default.createElement(DropdownContainer, Object.assign({}, renderProps, { cx: cx__default.default(css$G.dropdownContainer), focusLock: false }),
+        return (React__namespace.default.createElement(DropdownContainer, Object.assign({}, renderProps, { cx: cx__default.default(css$G.dropdownContainer) }),
             React__namespace.default.createElement(FlexRow, null,
                 React__namespace.default.createElement(RangeDatePickerBody, { cx: cx__default.default(props.bodyCx), value: {
                         selectedDate: _value,
@@ -3999,16 +3975,16 @@ function RangeDatePickerComponent(props, ref) {
     };
     return (React__namespace.default.createElement(uuiComponents.Dropdown, { renderTarget: (renderProps) => {
             var _a;
-            return ((_a = props.renderTarget) === null || _a === void 0 ? void 0 : _a.call(props, renderProps)) || (React__namespace.default.createElement(RangeDatePickerInput, { ref: renderProps.ref, cx: props.inputCx, onClick: renderProps.onClick, isDisabled: props.isDisabled, isInvalid: props.isInvalid, isReadonly: props.isReadonly, size: props.size, getPlaceholder: props.getPlaceholder, disableClear: props.disableClear, rawProps: props.rawProps, inFocus: inFocus, value: value, format: format, onValueChange: onValueChange, onBlur: onInputWrapperBlur, onFocusInput: (e, i) => {
+            return ((_a = props.renderTarget) === null || _a === void 0 ? void 0 : _a.call(props, renderProps)) || (React__namespace.default.createElement(RangeDatePickerInput, { ref: renderProps.ref, cx: props.inputCx, onClick: renderProps.onClick, isDisabled: props.isDisabled, isInvalid: props.isInvalid, isReadonly: props.isReadonly, size: props.size, getPlaceholder: props.getPlaceholder, disableClear: props.disableClear, rawProps: props.rawProps, inFocus: inFocus, value: value, format: format, onValueChange: onValueChange, onFocusInput: (e, type) => {
                     var _a;
-                    (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e, i);
-                    onOpenChange(true, i);
-                }, onBlurInput: props.onBlur }));
+                    (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e, type);
+                    setInFocus(type);
+                }, onBlurInput: (e, type) => { var _a; (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e, type); !isOpen && setInFocus(null); } }));
         }, renderBody: (renderProps) => renderBody(renderProps), onValueChange: (v) => onOpenChange(v), value: isOpen, modifiers: modifiers, placement: props.placement, forwardedRef: ref }));
 }
 const RangeDatePicker = /* @__PURE__ */React__namespace.default.forwardRef(RangeDatePickerComponent);
 
-var css$p = {"root":"RM9R44","blocker":"_1L8Uq-","marker":"_4sQ2wh","top":"IejB3A","bottom":"_0iLSc4","left":"_34jcDg","right":"YJRjck","inside":"e29U-g"};
+var css$p = {"root":"_3ol1MS","blocker":"x2DkW8","marker":"rFab9L","top":"_1c-3lP","bottom":"P8Je-l","left":"UOiLJP","right":"D90zfr","inside":"Sm4f2B"};
 
 function DropMarker(props) {
     return props.isDndInProgress
@@ -4023,18 +3999,18 @@ function DropMarker(props) {
         : null;
 }
 
-var css$o = {"uui-typography":"h0-j-9","hero-header":"BCV7uj","promo-header":"R1zQpZ","uui-critical":"I-Hv8Q","uui-info":"b5-42j","uui-success":"_4JI6nS","uui-warning":"nPS-rr","uui-highlight":"YGYepi","uui-typography-size-12":"OObUXp","uui-typography-size-14":"y4Owr9","uui-typography-size-16":"ngP3EG","cell":"di-kv5","wrapper":"T4v908","align-widgets-top":"B45RPC","align-widgets-center":"OmjFWc","padding-6":"iGSMp-","padding-12":"x4VN9G","padding-24":"Ia2lgL","padding-left-12":"_471Cm4","padding-left-24":"e3rJq5","padding-right-12":"wES7dI","padding-right-24":"_7yJq0D","loading-cell":"aVsvPq","uuiTypography":"h0-j-9","heroHeader":"BCV7uj","promoHeader":"R1zQpZ","uuiCritical":"I-Hv8Q","uuiInfo":"b5-42j","uuiSuccess":"_4JI6nS","uuiWarning":"nPS-rr","uuiHighlight":"YGYepi","uuiTypographySize12":"OObUXp","uuiTypographySize14":"y4Owr9","uuiTypographySize16":"ngP3EG","alignWidgetsTop":"B45RPC","alignWidgetsCenter":"OmjFWc","padding6":"iGSMp-","padding12":"x4VN9G","padding24":"Ia2lgL","paddingLeft12":"_471Cm4","paddingLeft24":"e3rJq5","paddingRight12":"wES7dI","paddingRight24":"_7yJq0D","loadingCell":"aVsvPq"};
+var css$o = {"uui-typography":"cwpupr","hero-header":"h7a04T","promo-header":"STxdpM","uui-critical":"_1JO6Pi","uui-info":"L8cqQU","uui-success":"EbnSU-","uui-warning":"CGlaWM","uui-highlight":"GBSP89","uui-typography-size-12":"zraU4r","uui-typography-size-14":"TJZyXJ","uui-typography-size-16":"Jk-szV","cell":"-cXDPa","wrapper":"QrQLHD","align-widgets-top":"DeQhLt","size-24":"YIDKNI","size-30":"OOVxSW","size-36":"_5TkTnM","size-42":"yn1SYJ","size-48":"Yg56-m","size-60":"Q1sNGk","align-widgets-center":"PyS0Sv","padding-6":"J-X32D","padding-12":"fSsdu7","padding-24":"efaSNV","padding-left-12":"VIRWOz","padding-left-24":"_9Ktcfn","padding-right-12":"B3L0uI","padding-right-24":"pudqU2","loading-cell":"ThpicB","uuiTypography":"cwpupr","heroHeader":"h7a04T","promoHeader":"STxdpM","uuiCritical":"_1JO6Pi","uuiInfo":"L8cqQU","uuiSuccess":"EbnSU-","uuiWarning":"CGlaWM","uuiHighlight":"GBSP89","uuiTypographySize12":"zraU4r","uuiTypographySize14":"TJZyXJ","uuiTypographySize16":"Jk-szV","alignWidgetsTop":"DeQhLt","size24":"YIDKNI","size30":"OOVxSW","size36":"_5TkTnM","size42":"yn1SYJ","size48":"Yg56-m","size60":"Q1sNGk","alignWidgetsCenter":"PyS0Sv","padding6":"J-X32D","padding12":"fSsdu7","padding24":"efaSNV","paddingLeft12":"VIRWOz","paddingLeft24":"_9Ktcfn","paddingRight12":"B3L0uI","paddingRight24":"pudqU2","loadingCell":"ThpicB"};
 
-function DataTableCell(initialProps) {
-    const props = Object.assign({}, initialProps);
+function DataTableCell(props) {
+    props = Object.assign({}, props);
     if (props.isFirstColumn) {
-        props.addons = React__namespace.createElement(DataRowAddons, Object.assign({ size: props.size }, props));
+        props.addons = React__namespace.createElement(DataRowAddons, Object.assign({}, props));
     }
     props.renderPlaceholder = props.renderPlaceholder
         || (() => (
         // remove `css.loadingCell` after` removing `margin: 0 3px 3px 0` from `TextPlaceholder` `loadingWord` class styles.
         React__namespace.createElement(Text, { key: "t", size: props.size !== '60' ? props.size : '48', cx: css$o.loadingCell },
-            React__namespace.createElement(TextPlaceholder, null))));
+            React__namespace.createElement(TextPlaceholder, { isNotAnimated: true }))));
     props.renderUnknown = props.renderUnknown
         || (() => (React__namespace.createElement(Text, { key: "t", size: props.size !== '60' ? props.size : '48' }, "Unknown")));
     props.renderTooltip = (tooltipProps) => React__namespace.createElement(Tooltip, Object.assign({ color: "critical" }, tooltipProps));
@@ -4057,11 +4033,10 @@ function DataTableCell(initialProps) {
         return { padding: '12', sidePadding: '24' };
     };
     props.cx = [
-        'uui-dt-vars',
         'data-table-cell',
         props.cx,
         css$o.cell,
-        'uui-size-' + (props.size || '36'),
+        css$o['size-' + (props.size || '36')],
         css$o[`padding-${getPaddings().padding}`],
         props.isFirstColumn && css$o[`padding-left-${getPaddings().sidePadding}`],
         props.isLastColumn && css$o[`padding-right-${getPaddings().sidePadding}`],
@@ -4071,7 +4046,7 @@ function DataTableCell(initialProps) {
     return React__namespace.createElement(uuiComponents.DataTableCell, Object.assign({}, props));
 }
 
-var css$n = {"uui-typography":"vj79Sf","hero-header":"_4mbgbC","promo-header":"Mt0EvQ","uui-critical":"_2ygwSH","uui-info":"_13l-El","uui-success":"bPS7KW","uui-warning":"S23G53","uui-highlight":"SPEVJg","uui-typography-size-12":"gWYZnh","uui-typography-size-14":"k-MA3s","uui-typography-size-16":"yipM0P","root":"nge1rK","size-24":"_0r2qOb","size-30":"gEmJUd","size-36":"DGRpyr","size-48":"_4xOj-E","size-60":"GfqxDL","uuiTypography":"vj79Sf","heroHeader":"_4mbgbC","promoHeader":"Mt0EvQ","uuiCritical":"_2ygwSH","uuiInfo":"_13l-El","uuiSuccess":"bPS7KW","uuiWarning":"S23G53","uuiHighlight":"SPEVJg","uuiTypographySize12":"gWYZnh","uuiTypographySize14":"k-MA3s","uuiTypographySize16":"yipM0P","size24":"_0r2qOb","size30":"gEmJUd","size36":"DGRpyr","size48":"_4xOj-E","size60":"GfqxDL"};
+var css$n = {"uui-typography":"hw4y-d","hero-header":"Er7e4O","promo-header":"Yw7ntJ","uui-critical":"mijoi4","uui-info":"f2REf9","uui-success":"O8o27y","uui-warning":"n0Pt8-","uui-highlight":"s3SYcI","uui-typography-size-12":"I5f5G1","uui-typography-size-14":"gT-Chl","uui-typography-size-16":"XIf-a7","root":"WiQZkx","size-24":"K84ODd","size-30":"MQnxWq","size-36":"GhLU6k","size-48":"-rCVPJ","size-60":"i28xcT","uuiTypography":"hw4y-d","heroHeader":"Er7e4O","promoHeader":"Yw7ntJ","uuiCritical":"mijoi4","uuiInfo":"f2REf9","uuiSuccess":"O8o27y","uuiWarning":"n0Pt8-","uuiHighlight":"s3SYcI","uuiTypographySize12":"I5f5G1","uuiTypographySize14":"gT-Chl","uuiTypographySize16":"XIf-a7","size24":"K84ODd","size30":"MQnxWq","size36":"GhLU6k","size48":"-rCVPJ","size60":"i28xcT"};
 
 // 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.
@@ -4087,7 +4062,7 @@ const DataTableRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableRow,
     ];
 }, () => propsMods);
 
-var css$m = {"uui-typography":"YqSDBG","hero-header":"tlYUaF","promo-header":"xxFaJv","uui-critical":"N1EH54","uui-info":"FHi-kR","uui-success":"m1-AuT","uui-warning":"fGPvfB","uui-highlight":"gFd-oD","uui-typography-size-12":"FvqmBn","uui-typography-size-14":"eKE0au","uui-typography-size-16":"_4dhvCv","sorting-panel-container":"FdBWuI","sort-active":"upqV48","uuiTypography":"YqSDBG","heroHeader":"tlYUaF","promoHeader":"xxFaJv","uuiCritical":"N1EH54","uuiInfo":"FHi-kR","uuiSuccess":"m1-AuT","uuiWarning":"fGPvfB","uuiHighlight":"gFd-oD","uuiTypographySize12":"FvqmBn","uuiTypographySize14":"eKE0au","uuiTypographySize16":"_4dhvCv","sortingPanelContainer":"FdBWuI","sortActive":"upqV48"};
+var css$m = {"uui-typography":"deXZt6","hero-header":"XGzbMz","promo-header":"OIzjV-","uui-critical":"yYiFm0","uui-info":"rGzi4B","uui-success":"ksKsu-","uui-warning":"etKG8G","uui-highlight":"_-0hvUb","uui-typography-size-12":"_16rCf6","uui-typography-size-14":"PnvAKE","uui-typography-size-16":"_9r9ayE","sorting-panel-container":"TG4YBW","sort-active":"OvkLTQ","uuiTypography":"deXZt6","heroHeader":"XGzbMz","promoHeader":"OIzjV-","uuiCritical":"yYiFm0","uuiInfo":"rGzi4B","uuiSuccess":"ksKsu-","uuiWarning":"etKG8G","uuiHighlight":"_-0hvUb","uuiTypographySize12":"_16rCf6","uuiTypographySize14":"PnvAKE","uuiTypographySize16":"_9r9ayE","sortingPanelContainer":"TG4YBW","sortActive":"OvkLTQ"};
 
 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); }
@@ -4182,7 +4157,7 @@ var SvgNavigationChevronUpOutline = function SvgNavigationChevronUpOutline(props
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M7.4 15.4 6 14l6-6 6 6-1.4 1.4-4.6-4.6-4.6 4.6z"
+    d: "M18.586 15.914 20 14.5l-8-8-8 8 1.414 1.414L12 9.328l6.586 6.586z"
   })));
 };
 var ForwardRef$c = /*#__PURE__*/React.forwardRef(SvgNavigationChevronUpOutline);
@@ -4217,7 +4192,7 @@ var SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props
 };
 var ForwardRef$a = /*#__PURE__*/React.forwardRef(SvgNavigationExpandAllOutline);
 
-var css$l = {"uui-typography":"w8-1dZ","hero-header":"nddqVp","promo-header":"_55MWJQ","uui-critical":"WWB7br","uui-info":"JAR9PE","uui-success":"E5JIHL","uui-warning":"DAeRI4","uui-highlight":"Jf62KX","uui-typography-size-12":"_7vGl-l","uui-typography-size-14":"DXdPjY","uui-typography-size-16":"-MsAgG","cell":"Kffcvj","column-gap-12":"ZeM-tw","caption-wrapper":"S7S0At","column-gap-24":"_1wjuaa","first-column-12":"_1RuB-d","last-column-12":"LErGTt","first-column-24":"jRJknP","last-column-24":"Si0cyP","sort-icon":"_3CYlMr","dropdown-icon":"mwaVVX","infoIcon":"ryLSem","resizable":"_2wCH-8","size-24":"UYov4Z","size-30":"_5fPzlC","size-36":"Ko08PH","size-42":"PBdEYz","size-48":"MMekuP","padding-left-24":"_8SQh0h","padding-right-24":"_7Q-2t6","align-right":"-kYpR9","align-center":"_15ejrq","caption":"xEuZKq","checkbox":"SqUmsH","icon":"wNubqm","fold-all-icon":"XA7U8X","cell-tooltip":"lvUMKP","upper-case":"_6Egejg","font-size-14":"gw8H8l","resize-mark":"cpVp9-","resize-mark-6":"hdEfrQ","resize-mark-12":"K1tAuR","pinned-right":"e2eLfb","draggable":"l4BRy1","ghost":"N51WzQ","is-dragged-out":"_0XmGc5","dnd-marker-left":"pDe0l8","dnd-marker-right":"CzZQp6","cell-tooltip-wrapper":"_3mDszx","cell-tooltip-text":"GMbn9h","uuiTypography":"w8-1dZ","heroHeader":"nddqVp","promoHeader":"_55MWJQ","uuiCritical":"WWB7br","uuiInfo":"JAR9PE","uuiSuccess":"E5JIHL","uuiWarning":"DAeRI4","uuiHighlight":"Jf62KX","uuiTypographySize12":"_7vGl-l","uuiTypographySize14":"DXdPjY","uuiTypographySize16":"-MsAgG","columnGap12":"ZeM-tw","captionWrapper":"S7S0At","columnGap24":"_1wjuaa","firstColumn12":"_1RuB-d","lastColumn12":"LErGTt","firstColumn24":"jRJknP","lastColumn24":"Si0cyP","sortIcon":"_3CYlMr","dropdownIcon":"mwaVVX","size24":"UYov4Z","size30":"_5fPzlC","size36":"Ko08PH","size42":"PBdEYz","size48":"MMekuP","paddingLeft24":"_8SQh0h","paddingRight24":"_7Q-2t6","alignRight":"-kYpR9","alignCenter":"_15ejrq","foldAllIcon":"XA7U8X","cellTooltip":"lvUMKP","upperCase":"_6Egejg","fontSize14":"gw8H8l","resizeMark":"cpVp9-","resizeMark6":"hdEfrQ","resizeMark12":"K1tAuR","pinnedRight":"e2eLfb","isDraggedOut":"_0XmGc5","dndMarkerLeft":"pDe0l8","dndMarkerRight":"CzZQp6","cellTooltipWrapper":"_3mDszx","cellTooltipText":"GMbn9h"};
+var css$l = {"uui-typography":"IFctLC","hero-header":"_7E3sVC","promo-header":"mxglKH","uui-critical":"vdtSJC","uui-info":"_0CVnRg","uui-success":"_0pO6b7","uui-warning":"ozrKz2","uui-highlight":"z4KeBT","uui-typography-size-12":"_1I0Zqc","uui-typography-size-14":"nSCEi5","uui-typography-size-16":"q-NH8R","cell":"_2G1wDg","column-gap-12":"St5cka","caption-wrapper":"Bh9SRA","column-gap-24":"NUDR6h","first-column-12":"XHOflQ","last-column-12":"_4TLUzP","first-column-24":"_7ivK5r","last-column-24":"uEQnOE","sort-icon":"C3Hvk6","dropdown-icon":"cR6IFp","infoIcon":"m4o-dC","resizable":"c2f-C5","size-24":"yw8aZw","size-30":"EQfsof","size-36":"_74XUv-","size-42":"OLsos9","size-48":"GIr-v-","size-60":"pa0B3l","padding-left-24":"yiO0oX","padding-right-24":"FRvT4h","align-right":"FQef41","align-center":"ppzF4Z","caption":"mTDJPl","checkbox":"off2aL","icon":"WTdaVn","fold-all-icon":"ovi6eA","cell-tooltip":"MNqZDC","upper-case":"sDYzGX","font-size-14":"CzNoYN","resize-mark":"p3oSs8","resize-mark-6":"Ldp30G","resize-mark-12":"a7ZTZR","pinned-right":"_4bH2n3","draggable":"jKI6vL","ghost":"DRWtve","is-dragged-out":"_3IFWUR","dnd-marker-left":"s-4TVE","dnd-marker-right":"BeXWMq","cell-tooltip-wrapper":"dsLGNB","cell-tooltip-text":"BHq9kc","uuiTypography":"IFctLC","heroHeader":"_7E3sVC","promoHeader":"mxglKH","uuiCritical":"vdtSJC","uuiInfo":"_0CVnRg","uuiSuccess":"_0pO6b7","uuiWarning":"ozrKz2","uuiHighlight":"z4KeBT","uuiTypographySize12":"_1I0Zqc","uuiTypographySize14":"nSCEi5","uuiTypographySize16":"q-NH8R","columnGap12":"St5cka","captionWrapper":"Bh9SRA","columnGap24":"NUDR6h","firstColumn12":"XHOflQ","lastColumn12":"_4TLUzP","firstColumn24":"_7ivK5r","lastColumn24":"uEQnOE","sortIcon":"C3Hvk6","dropdownIcon":"cR6IFp","size24":"yw8aZw","size30":"EQfsof","size36":"_74XUv-","size42":"OLsos9","size48":"GIr-v-","size60":"pa0B3l","paddingLeft24":"yiO0oX","paddingRight24":"FRvT4h","alignRight":"FQef41","alignCenter":"ppzF4Z","foldAllIcon":"ovi6eA","cellTooltip":"MNqZDC","upperCase":"sDYzGX","fontSize14":"CzNoYN","resizeMark":"p3oSs8","resizeMark6":"Ldp30G","resizeMark12":"a7ZTZR","pinnedRight":"_4bH2n3","isDraggedOut":"_3IFWUR","dndMarkerLeft":"s-4TVE","dndMarkerRight":"BeXWMq","cellTooltipWrapper":"dsLGNB","cellTooltipText":"BHq9kc"};
 
 class DataTableHeaderCell extends React__namespace.Component {
     constructor() {
@@ -4267,11 +4242,11 @@ class DataTableHeaderCell extends React__namespace.Component {
             const isResizable = (_a = this.props.column.allowResizing) !== null && _a !== void 0 ? _a : this.props.allowColumnsResizing;
             const onClickEvent = !props.isResizing && (!this.props.column.renderFilter ? props.toggleSort : dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.onClick);
             const sideColumnPadding = this.props.columnsGap === '12' ? '12' : '24';
-            return (React__namespace.createElement(FlexCell, Object.assign({}, this.props.column, { minWidth: this.props.column.width, ref: (ref) => {
+            return (React__namespace.createElement(uuiComponents.DataTableCellContainer, { column: this.props.column, ref: (ref) => {
                     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('uui-dt-vars', uuiCore.uuiDataTableHeaderCell.uuiTableHeaderCell, (this.props.column.isSortable || this.props.isDropdown) && uuiCore.uuiMarkers.clickable, css$l.cell, css$l['size-' + (this.props.size || '36')], this.props.columnsGap && css$l[`column-gap-${this.props.columnsGap}`], this.props.isFirstColumn && css$l[`first-column-${sideColumnPadding}`], this.props.isLastColumn && css$l[`last-column-${sideColumnPadding}`], this.props.column.cx, this.props.column.fix && css$l['pinned-' + this.props.column.fix], isResizable && css$l.resizable, props.isDraggable && css$l.draggable, props.isDragGhost && css$l.ghost, props.isDraggedOut && css$l.isDraggedOut, props.isDndInProgress && css$l['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) }),
+                }, cx: uuiCore.cx(uuiCore.uuiDataTableHeaderCell.uuiTableHeaderCell, (this.props.column.isSortable || this.props.isDropdown) && uuiCore.uuiMarkers.clickable, css$l.cell, css$l['size-' + (this.props.size || '36')], this.props.columnsGap && css$l[`column-gap-${this.props.columnsGap}`], this.props.isFirstColumn && css$l[`first-column-${sideColumnPadding}`], this.props.isLastColumn && css$l[`last-column-${sideColumnPadding}`], this.props.column.fix && css$l['pinned-' + this.props.column.fix], isResizable && css$l.resizable, props.isDraggable && css$l.draggable, props.isDragGhost && css$l.ghost, props.isDraggedOut && css$l.isDraggedOut, props.isDndInProgress && css$l['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) },
                 this.renderHeaderCheckbox(),
                 this.renderFoldAllIcon(),
                 this.getColumnCaption(),
@@ -4280,6 +4255,9 @@ class DataTableHeaderCell extends React__namespace.Component {
         this.renderCellWithFilter = (props) => (React__namespace.createElement(ColumnHeaderDropdown, { isOpen: this.state.isDropdownOpen, isSortable: this.props.column.isSortable, renderTarget: (dropdownProps) => this.renderCellContent(props, dropdownProps), renderFilter: this.props.renderFilter, onSort: this.props.onSort, sortDirection: this.props.sortDirection, onOpenChange: (isDropdownOpen) => this.setState({ isDropdownOpen }), title: this.props.column.caption }));
     }
     render() {
+        if (this.props.column.renderHeaderCell) {
+            return this.props.column.renderHeaderCell(this.props);
+        }
         return React__namespace.createElement(uuiComponents.DataTableHeaderCell, Object.assign({}, this.props, { renderCellContent: this.props.column.renderFilter ? this.renderCellWithFilter : this.renderCellContent }));
     }
 }
@@ -4299,14 +4277,14 @@ var SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
 };
 var ForwardRef$9 = /*#__PURE__*/React.forwardRef(SvgActionSettingsFill);
 
-var css$k = {"uui-typography":"AA-t0p","hero-header":"C-n7o4","promo-header":"YBDR8k","uui-critical":"_84kOpg","uui-info":"TJz7rk","uui-success":"Af9Jg0","uui-warning":"BBW713","uui-highlight":"jBFalk","uui-typography-size-12":"lTegXo","uui-typography-size-14":"Ki5hdq","uui-typography-size-16":"scGBNq","header-cell":"WRZwDr","truncate":"frOwWG","uuiTypography":"AA-t0p","heroHeader":"C-n7o4","promoHeader":"YBDR8k","uuiCritical":"_84kOpg","uuiInfo":"TJz7rk","uuiSuccess":"Af9Jg0","uuiWarning":"BBW713","uuiHighlight":"jBFalk","uuiTypographySize12":"lTegXo","uuiTypographySize14":"Ki5hdq","uuiTypographySize16":"scGBNq","headerCell":"WRZwDr"};
+var css$k = {"uui-typography":"_1vQmKT","hero-header":"QHN6Gg","promo-header":"_0ya0y7","uui-critical":"vB-1qk","uui-info":"pCDuaQ","uui-success":"AwJ8T2","uui-warning":"EByQuc","uui-highlight":"gnOEjL","uui-typography-size-12":"LNyVBu","uui-typography-size-14":"pCVgNJ","uui-typography-size-16":"wXaHom","header-cell":"EvpwS-","truncate":"ee0omN","uuiTypography":"_1vQmKT","heroHeader":"QHN6Gg","promoHeader":"_0ya0y7","uuiCritical":"vB-1qk","uuiInfo":"pCDuaQ","uuiSuccess":"AwJ8T2","uuiWarning":"EByQuc","uuiHighlight":"gnOEjL","uuiTypographySize12":"LNyVBu","uuiTypographySize14":"pCVgNJ","uuiTypographySize16":"wXaHom","headerCell":"EvpwS-"};
 
 const DataTableHeaderRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableHeaderRow, (props) => [css$k.root, 'uui-dt-vars', props.size === '48' && css$k.truncate], (mods) => ({
     renderCell: (props) => React__namespace.createElement(DataTableHeaderCell, Object.assign({}, props, { size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
     renderConfigButton: () => React__namespace.createElement(IconButton, { key: "configuration", onClick: mods.onConfigButtonClick, cx: "config-icon", color: "neutral", icon: ForwardRef$9 }),
 }));
 
-var styles$1 = {"uui-typography":"pZMfN7","hero-header":"_7njzCw","promo-header":"caKn7H","uui-critical":"y-Coli","uui-info":"A1ufj3","uui-success":"vAU02x","uui-warning":"_2lc2s2","uui-highlight":"-HC24T","uui-typography-size-12":"hQ7YCA","uui-typography-size-14":"pGNXq1","uui-typography-size-16":"VvLpHw","main-panel":"fTtM02","group-title":"YIvKDX","group-title-text":"RMjD6v","group-title-badge":"fLCoKX","group-items":"L1Ufae","no-data":"WxJGsv","h-divider":"XnTqM3","search-area":"_9q8-Jz","subgroup-accordion":"o1cgHm","subgroup-title":"-Ezt-W","uuiTypography":"pZMfN7","heroHeader":"_7njzCw","promoHeader":"caKn7H","uuiCritical":"y-Coli","uuiInfo":"A1ufj3","uuiSuccess":"vAU02x","uuiWarning":"_2lc2s2","uuiHighlight":"-HC24T","uuiTypographySize12":"hQ7YCA","uuiTypographySize14":"pGNXq1","uuiTypographySize16":"VvLpHw","mainPanel":"fTtM02","groupTitle":"YIvKDX","groupTitleText":"RMjD6v","groupTitleBadge":"fLCoKX","groupItems":"L1Ufae","noData":"WxJGsv","hDivider":"XnTqM3","searchArea":"_9q8-Jz","subgroupAccordion":"o1cgHm","subgroupTitle":"-Ezt-W"};
+var styles$1 = {"uui-typography":"AbOcMH","hero-header":"XvJ-4Y","promo-header":"XVcCr9","uui-critical":"t31Bt2","uui-info":"niYF6C","uui-success":"qHvpir","uui-warning":"nMFabM","uui-highlight":"_4WVajJ","uui-typography-size-12":"dzuE4i","uui-typography-size-14":"_1cknu-","uui-typography-size-16":"EgxOnP","main-panel":"pJhDJ5","group-title":"_36dpUL","group-title-text":"v19Io7","group-title-badge":"ioZllf","group-items":"mhLFRd","no-data":"Ps6FMI","h-divider":"_6xJrpw","search-area":"GD-Cin","subgroup-accordion":"DFZvgg","subgroup-title":"Nel2n0","uuiTypography":"AbOcMH","heroHeader":"XvJ-4Y","promoHeader":"XVcCr9","uuiCritical":"t31Bt2","uuiInfo":"niYF6C","uuiSuccess":"qHvpir","uuiWarning":"nMFabM","uuiHighlight":"_4WVajJ","uuiTypographySize12":"dzuE4i","uuiTypographySize14":"_1cknu-","uuiTypographySize16":"EgxOnP","mainPanel":"pJhDJ5","groupTitle":"_36dpUL","groupTitleText":"v19Io7","groupTitleBadge":"ioZllf","groupItems":"mhLFRd","noData":"Ps6FMI","hDivider":"_6xJrpw","searchArea":"GD-Cin","subgroupAccordion":"DFZvgg","subgroupTitle":"Nel2n0"};
 
 var _path$8;
 function _extends$8() { _extends$8 = 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$8.apply(this, arguments); }
@@ -4363,7 +4341,7 @@ var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props,
 };
 var ForwardRef$6 = /*#__PURE__*/React.forwardRef(SvgTableGroupColumnRightFill);
 
-var css$j = {"unpin-icon":"Vw-lB8","pin-toggler-icon":"_75jUzv","unpinIcon":"Vw-lB8","pinTogglerIcon":"_75jUzv"};
+var css$j = {"unpin-icon":"_8ixFfQ","pin-toggler-icon":"cAjTDl","unpinIcon":"_8ixFfQ","pinTogglerIcon":"cAjTDl"};
 
 function PinIconButton(props) {
     const i18nLocal = i18n.tables.columnsConfigurationModal;
@@ -4422,7 +4400,7 @@ var SvgActionDragIndicator18 = function SvgActionDragIndicator18(props, ref) {
 };
 var ForwardRef$5 = /*#__PURE__*/React.forwardRef(SvgActionDragIndicator18);
 
-var styles = {"uui-typography":"_6s52l4","hero-header":"_43iSoZ","promo-header":"nfUwlD","uui-critical":"uI4VbI","uui-info":"eKD0k-","uui-success":"Ypiysp","uui-warning":"r3Yr29","uui-highlight":"kb4HaE","uui-typography-size-12":"_7NENeq","uui-typography-size-14":"NXff1Y","uui-typography-size-16":"EO3qMs","row-wrapper":"Jd-0mV","not-pinned":"oDmiQt","pin-icon-button":"P7bduE","checkbox":"eyGTXF","drag-handle":"EiKomx","dnd-disabled":"wPCERC","uuiTypography":"_6s52l4","heroHeader":"_43iSoZ","promoHeader":"nfUwlD","uuiCritical":"uI4VbI","uuiInfo":"eKD0k-","uuiSuccess":"Ypiysp","uuiWarning":"r3Yr29","uuiHighlight":"kb4HaE","uuiTypographySize12":"_7NENeq","uuiTypographySize14":"NXff1Y","uuiTypographySize16":"EO3qMs","rowWrapper":"Jd-0mV","notPinned":"oDmiQt","pinIconButton":"P7bduE","dragHandle":"EiKomx","dndDisabled":"wPCERC"};
+var styles = {"uui-typography":"knwmxQ","hero-header":"i1Upub","promo-header":"A9jkLM","uui-critical":"n2gZgf","uui-info":"WbEEVJ","uui-success":"a5Gy8v","uui-warning":"D3Hlws","uui-highlight":"CtCpXD","uui-typography-size-12":"hBgn3K","uui-typography-size-14":"_5-fQMV","uui-typography-size-16":"Z2Z5nM","row-wrapper":"dZCaxb","not-pinned":"Gru9S6","pin-icon-button":"B3bOva","checkbox":"-V3uzv","drag-handle":"n7B9CS","dnd-disabled":"w78BoS","uuiTypography":"knwmxQ","heroHeader":"i1Upub","promoHeader":"A9jkLM","uuiCritical":"n2gZgf","uuiInfo":"WbEEVJ","uuiSuccess":"a5Gy8v","uuiWarning":"D3Hlws","uuiHighlight":"CtCpXD","uuiTypographySize12":"hBgn3K","uuiTypographySize14":"_5-fQMV","uuiTypographySize16":"Z2Z5nM","rowWrapper":"dZCaxb","notPinned":"Gru9S6","pinIconButton":"B3bOva","dragHandle":"n7B9CS","dndDisabled":"w78BoS"};
 
 const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props) {
     const { column } = props;
@@ -4531,7 +4509,7 @@ function SubGroup(props) {
     return null;
 }
 
-var css$i = {"listContainer":"pVBm-U","header":"GuMLAd","group":"ggY2M2","stickyHeader":"_6T-m8c"};
+var css$i = {"listContainer":"isxXjZ","header":"WB3-XJ","group":"_02BXus","stickyHeader":"lACdxs"};
 
 const getChildrenAndRest = (row, rows) => {
     const firstNotChildIndex = rows.findIndex((other) => other.depth < row.depth || (row.depth === other.depth && other.isPinned));
@@ -4597,7 +4575,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
   }, props), /*#__PURE__*/React__namespace.createElement("g", {
-    clipPath: "url(#ec5d0i3dz3ai0vpru_a)"
+    clipPath: "url(#dttaa0b2ic052d5qn_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"
@@ -4618,7 +4596,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: "ec5d0ihssmn4h9ojd_b",
+    id: "dttaa03gpjzndwh0b_b",
     style: {
       maskType: "alpha"
     },
@@ -4631,7 +4609,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(#ec5d0ihssmn4h9ojd_b)",
+    mask: "url(#dttaa03gpjzndwh0b_b)",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }, /*#__PURE__*/React__namespace.createElement("path", {
@@ -4717,7 +4695,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: "ec5d0i3dz3ai0vpru_a"
+    id: "dttaa0b2ic052d5qn_a"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     fill: "#fff",
     transform: "translate(.552)",
@@ -4726,7 +4704,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
 };
 var ForwardRef$4 = /*#__PURE__*/React.forwardRef(SvgEmptyTable);
 
-var css$h = {"sticky-header":"ql6CDh","table":"jc2piE","no-results":"zqpXo6","no-results-icon":"GzIC6g","no-results-title":"K6mIq3","stickyHeader":"ql6CDh","noResults":"zqpXo6","noResultsIcon":"GzIC6g","noResultsTitle":"K6mIq3"};
+var css$h = {"sticky-header":"UqlJi4","table":"_9c8Bu-","no-results":"bAVS9N","no-results-icon":"_1YP3fQ","no-results-title":"Flxbwi","stickyHeader":"UqlJi4","noResults":"bAVS9N","noResultsIcon":"_1YP3fQ","noResultsTitle":"Flxbwi"};
 
 const DEFAULT_HEADER_SIZE = '36';
 const DEFAULT_COLUMN_GAP = '24';
@@ -4779,9 +4757,9 @@ function DataTable(props) {
                 } }))));
 }
 
-var css$g = {"root":"WvOMtu"};
+var css$g = {"root":"tWfP2U"};
 
-var css$f = {"root":"OWDVDi","burger-content":"_-6oujp","burgerContent":"_-6oujp"};
+var css$f = {"root":"UNhAwr","burger-content":"zWhjjN","burgerContent":"zWhjjN"};
 
 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); }
@@ -4824,7 +4802,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
 };
 var ForwardRef$2 = /*#__PURE__*/React.forwardRef(SvgNavigationArrowDownOutline);
 
-var css$e = {"uui-typography":"Z9ZLIz","hero-header":"Bm4iJg","promo-header":"_9mTQ47","uui-critical":"MciZl4","uui-info":"h4pkFQ","uui-success":"rfkbnq","uui-warning":"OCAEfM","uui-highlight":"IC2pn5","uui-typography-size-12":"gltzSy","uui-typography-size-14":"Ga9Zo8","uui-typography-size-16":"kob8T7","root":"Y33mAP","button-primary":"Dieh4k","button-secondary":"_-11ao5","hasIcon":"_1BfLKU","dropdown":"_5hWQOR","uuiTypography":"Z9ZLIz","heroHeader":"Bm4iJg","promoHeader":"_9mTQ47","uuiCritical":"MciZl4","uuiInfo":"h4pkFQ","uuiSuccess":"rfkbnq","uuiWarning":"OCAEfM","uuiHighlight":"IC2pn5","uuiTypographySize12":"gltzSy","uuiTypographySize14":"Ga9Zo8","uuiTypographySize16":"kob8T7","buttonPrimary":"Dieh4k","buttonSecondary":"_-11ao5"};
+var css$e = {"uui-typography":"FqQ2Tb","hero-header":"dwVwTe","promo-header":"H0SnZ0","uui-critical":"zJu4Ka","uui-info":"hptRhN","uui-success":"LjR0L7","uui-warning":"V-2xx7","uui-highlight":"lwrLbn","uui-typography-size-12":"JqG-gJ","uui-typography-size-14":"pDbYTo","uui-typography-size-16":"tTIFZC","root":"NTDvxj","button-primary":"PsxdBn","button-secondary":"_6cEgoA","hasIcon":"pVxKFg","dropdown":"tpTnWe","uuiTypography":"FqQ2Tb","heroHeader":"dwVwTe","promoHeader":"H0SnZ0","uuiCritical":"zJu4Ka","uuiInfo":"hptRhN","uuiSuccess":"LjR0L7","uuiWarning":"V-2xx7","uuiHighlight":"lwrLbn","uuiTypographySize12":"JqG-gJ","uuiTypographySize14":"pDbYTo","uuiTypographySize16":"tTIFZC","buttonPrimary":"PsxdBn","buttonSecondary":"_6cEgoA"};
 
 const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (props) => [
     css$e.root,
@@ -4835,13 +4813,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":"C-mGuz","searchInput":"C-mGuz"};
+var css$d = {"search-input":"C2VaMy","searchInput":"C2VaMy"};
 
 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":"-JoUR6","group-header":"xB6F39","group-name":"xF4Y4E","line":"-l49ww","groupHeader":"xB6F39","groupName":"xF4Y4E"};
+var css$c = {"root":"-RCkQq","group-header":"CqNebq","group-name":"l439Ii","line":"_33usHg","groupHeader":"CqNebq","groupName":"l439Ii"};
 
 function BurgerGroupHeader(props) {
     return (React__namespace.createElement("div", { className: cx__default.default(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
@@ -4849,7 +4827,7 @@ function BurgerGroupHeader(props) {
         React__namespace.createElement("span", { className: css$c.groupName }, props.caption)));
 }
 
-var css$b = {"uui-typography":"_-4Ah1G","hero-header":"-BGu34","promo-header":"qKKcEp","uui-critical":"lWw2le","uui-info":"fj8K7g","uui-success":"eDXAMN","uui-warning":"hXhFWM","uui-highlight":"_2WfDNE","uui-typography-size-12":"vlYzR4","uui-typography-size-14":"tc8XyH","uui-typography-size-16":"HhP0ab","root":"eMZ-fj","type-primary":"ZYLG2T","type-secondary":"hJjmtB","uuiTypography":"_-4Ah1G","heroHeader":"-BGu34","promoHeader":"qKKcEp","uuiCritical":"lWw2le","uuiInfo":"fj8K7g","uuiSuccess":"eDXAMN","uuiWarning":"hXhFWM","uuiHighlight":"_2WfDNE","uuiTypographySize12":"vlYzR4","uuiTypographySize14":"tc8XyH","uuiTypographySize16":"HhP0ab","typePrimary":"ZYLG2T","typeSecondary":"hJjmtB"};
+var css$b = {"uui-typography":"cfVBPL","hero-header":"rLMM85","promo-header":"_3q3UIY","uui-critical":"ZidfLz","uui-info":"-Ty5bO","uui-success":"_8wgh--","uui-warning":"IUQwPN","uui-highlight":"VzM9Hj","uui-typography-size-12":"SQa9g5","uui-typography-size-14":"b5FNg8","uui-typography-size-16":"PrFTbf","root":"_795PlD","type-primary":"taY-G-","type-secondary":"-S--06","uuiTypography":"cfVBPL","heroHeader":"rLMM85","promoHeader":"_3q3UIY","uuiCritical":"ZidfLz","uuiInfo":"-Ty5bO","uuiSuccess":"_8wgh--","uuiWarning":"IUQwPN","uuiHighlight":"VzM9Hj","uuiTypographySize12":"SQa9g5","uuiTypographySize14":"b5FNg8","uuiTypographySize16":"PrFTbf","typePrimary":"taY-G-","typeSecondary":"-S--06"};
 
 const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     const { type } = props, clickableProps = __rest(props, ["type"]);
@@ -4865,7 +4843,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":"kEjoAi","dropdownBody":"kEjoAi"};
+var css$a = {"dropdown-body":"dIfb86","dropdownBody":"dIfb86"};
 
 class MainMenuDropdown extends React__namespace.Component {
     render() {
@@ -4920,31 +4898,31 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
 };
 var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgNavigationGlobalMenuOutlineOutline);
 
-var css$9 = {"global-menu-btn":"_83k2cJ","global-menu-icon":"TFfFrA","globalMenuBtn":"_83k2cJ","globalMenuIcon":"TFfFrA"};
+var css$9 = {"global-menu-btn":"DX5Sq4","global-menu-icon":"yqL3vt","globalMenuBtn":"DX5Sq4","globalMenuIcon":"yqL3vt"};
 
 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":"_7VtDbQ","open":"TQoCRV"};
+var css$8 = {"container":"_24AObP","open":"BCR5tR","folding-arrow":"G9--js","foldingArrow":"G9--js"};
 
 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 }),
     props.icon && React__namespace.createElement(uuiComponents.IconContainer, { icon: props.icon }),
     props.isDropdown && (React__namespace.createElement("div", null,
-        React__namespace.createElement(uuiComponents.IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen }))))));
+        React__namespace.createElement(uuiComponents.IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
 
-var css$7 = {"search-input":"DEZGfn","searchInput":"DEZGfn"};
+var css$7 = {"search-input":"wOBTMq","searchInput":"wOBTMq"};
 
 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":"AvedBl"};
+var css$6 = {"container":"honGEK"};
 
 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":"xRcoFY"};
+var css$5 = {"root":"sqKzVk"};
 
 const Anchor = /* @__PURE__ */uuiCore.withMods(uuiComponents.Anchor, () => [css$5.root]);
 
@@ -5002,7 +4980,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
 };
 var ForwardRef = /*#__PURE__*/React.forwardRef(SvgFileCloudUploadFill);
 
-var css$4 = {"root":"yo-YRJ","drop-start":"Ptv6xS","drop-over":"QHVPB3","link":"CYPPR5","drop-area":"GBh2eT","drop-caption":"nwuxjQ","icon-blue":"_-6cPoV","dropStart":"Ptv6xS","dropOver":"QHVPB3","dropArea":"GBh2eT","dropCaption":"nwuxjQ","iconBlue":"_-6cPoV"};
+var css$4 = {"root":"Hzzr7w","drop-start":"pzeSnD","drop-over":"_8sOctr","link":"-gPI3I","drop-area":"B5DiLw","drop-caption":"_8-AX2U","icon-blue":"TK2rfQ","dropStart":"pzeSnD","dropOver":"_8sOctr","dropArea":"B5DiLw","dropCaption":"_8-AX2U","iconBlue":"TK2rfQ"};
 
 function DropSpot(props) {
     const getInfoText = typeof props.infoText === 'string'
@@ -5020,9 +4998,9 @@ function DropSpot(props) {
     return React__namespace.createElement(uuiComponents.DropSpot, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
 }
 
-var css$3 = {"uui-typography":"_5pkolN","hero-header":"WM1gSA","promo-header":"-bKQB6","uui-critical":"FbRJ1a","uui-info":"HNFyMk","uui-success":"_0KNygM","uui-warning":"HoDROB","uui-highlight":"tvqMav","uui-typography-size-12":"bKBdSg","uui-typography-size-14":"f73FQc","uui-typography-size-16":"d2Oy-s","root":"SrXFlq","file-name":"FmENYa","default-color":"gKWQIs","doc-color":"rICyjn","xls-color":"_83ikN7","pdf-color":"_7K7AME","movie-color":"_0TPx5O","img-color":"QSWDUU","mov-color":"JLrfih","error-block":"xlC1aN","icons-block":"vKBgfZ","uuiTypography":"_5pkolN","heroHeader":"WM1gSA","promoHeader":"-bKQB6","uuiCritical":"FbRJ1a","uuiInfo":"HNFyMk","uuiSuccess":"_0KNygM","uuiWarning":"HoDROB","uuiHighlight":"tvqMav","uuiTypographySize12":"bKBdSg","uuiTypographySize14":"f73FQc","uuiTypographySize16":"d2Oy-s","fileName":"FmENYa","defaultColor":"gKWQIs","docColor":"rICyjn","xlsColor":"_83ikN7","pdfColor":"_7K7AME","movieColor":"_0TPx5O","imgColor":"QSWDUU","movColor":"JLrfih","errorBlock":"xlC1aN","iconsBlock":"vKBgfZ"};
+var css$3 = {"uui-typography":"u3DI6o","hero-header":"_4nhTg9","promo-header":"_8HgdwJ","uui-critical":"_9JeXd-","uui-info":"Z-6hhk","uui-success":"_5Kv6Jj","uui-warning":"zTMIW2","uui-highlight":"wM1UOw","uui-typography-size-12":"Nxwk7E","uui-typography-size-14":"c-8aoq","uui-typography-size-16":"GtR5uo","root":"Uknelp","file-name":"_8TMdnw","default-color":"OOGvg1","doc-color":"tnSx8B","xls-color":"MgGAIG","pdf-color":"_8Qo1Rh","movie-color":"oawVAB","img-color":"_7ssvK-","mov-color":"-j5OYl","error-block":"U9JBm6","icons-block":"ZrtuW2","uuiTypography":"u3DI6o","heroHeader":"_4nhTg9","promoHeader":"_8HgdwJ","uuiCritical":"_9JeXd-","uuiInfo":"Z-6hhk","uuiSuccess":"_5Kv6Jj","uuiWarning":"zTMIW2","uuiHighlight":"wM1UOw","uuiTypographySize12":"Nxwk7E","uuiTypographySize14":"c-8aoq","uuiTypographySize16":"GtR5uo","fileName":"_8TMdnw","defaultColor":"OOGvg1","docColor":"tnSx8B","xlsColor":"MgGAIG","pdfColor":"_8Qo1Rh","movieColor":"oawVAB","imgColor":"_7ssvK-","movColor":"-j5OYl","errorBlock":"U9JBm6","iconsBlock":"ZrtuW2"};
 
-var css$2 = {"root":"_3XlPR2"};
+var css$2 = {"root":"K7f1GK"};
 
 const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     const outsetRadius = props.size / 2 - 1;
@@ -5087,7 +5065,7 @@ const FileCard = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     };
     const renderErrorContent = () => (React__namespace.createElement(Tooltip, { content: file.error.message, placement: "bottom-start" },
         React__namespace.createElement("div", { className: css$3.errorBlock },
-            React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$x, size: 12, cx: css$3.defaultColor }),
+            React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$x, size: 12 }),
             i18n.fileCard.failedUploadErrorMessage)));
     const renderSuccessfulContent = () => (React__namespace.createElement(Text, { size: "18", fontSize: "14", lineHeight: "18", color: "tertiary" },
         fileExtension && `${fileExtension.toUpperCase()}, `,
@@ -5147,7 +5125,7 @@ const getErrorPageConfig = () => ({
     },
 });
 
-var css$1 = {"container":"Nf1RjC"};
+var css$1 = {"container":"_5wUSML"};
 
 const ErrorPage = (props) => {
     const isMobileScreen = uuiCore.isMobile();
@@ -5158,7 +5136,7 @@ const ErrorPage = (props) => {
             React__namespace.default.createElement("div", { className: "uui-error-subtitle" }, props.subtitle))));
 };
 
-var css = {"recovery-spinner":"ne7DP2","recovery-message":"y4IL88","modal-blocker":"cat94J","modalFadeIn":"lfTsnX","recoverySpinner":"ne7DP2","recoveryMessage":"y4IL88","modalBlocker":"cat94J"};
+var css = {"recovery-spinner":"qLWsws","recovery-message":"gH8Egf","modal-blocker":"c3jkWY","modalFadeIn":"m2FCGA","recoverySpinner":"qLWsws","recoveryMessage":"gH8Egf","modalBlocker":"c3jkWY"};
 
 function ErrorHandler(props) {
     const { uuiNotifications, uuiModals, uuiApi } = uuiCore.useUuiContext();
@@ -5213,6 +5191,10 @@ Object.defineProperty(exports, "Avatar", {
     enumerable: true,
     get: function () { return uuiComponents.Avatar; }
 });
+Object.defineProperty(exports, "DataTableCellContainer", {
+    enumerable: true,
+    get: function () { return uuiComponents.DataTableCellContainer; }
+});
 Object.defineProperty(exports, "FlexSpacer", {
     enumerable: true,
     get: function () { return uuiComponents.FlexSpacer; }
@@ -5271,6 +5253,7 @@ exports.ErrorNotification = ErrorNotification;
 exports.ErrorPage = ErrorPage;
 exports.FileCard = FileCard;
 exports.FilterItemBody = FilterItemBody;
+exports.FilterPickerBody = FilterPickerBody;
 exports.FiltersPanel = FiltersPanel;
 exports.FlexCell = FlexCell;
 exports.FlexRow = FlexRow;