@epam/uui 5.12.1 → 5.14.0-alpha.0

package/index.esm.js

@@ -289,9 +289,12 @@ const settings = {
             button: '36',
             checkbox: '18',
             countIndicator: '24',
+            flexRow: '36',
+            filtersPanel: '36',
             linkButton: '36',
             numericInput: '36',
             radioInput: '18',
+            richTextView: '14',
             switch: '18',
             tabButton: '48',
             tag: '36',
@@ -311,6 +314,9 @@ const settings = {
                 48: '30',
             },
         },
+        notificationCard: {
+            action: '30',
+        },
         tag: {
             countIndicator: {
                 18: '12',
@@ -589,7 +595,7 @@ const settings = {
     },
 };
 
-var css$1y = {"uui-typography":"bIupD9","uuiTypography":"bIupD9","hero-header":"p347HF","heroHeader":"p347HF","promo-header":"k6aEab","promoHeader":"k6aEab","uui-critical":"-IOrW5","uuiCritical":"-IOrW5","uui-info":"IZEWDd","uuiInfo":"IZEWDd","uui-success":"V890Ln","uuiSuccess":"V890Ln","uui-warning":"PifDTf","uuiWarning":"PifDTf","uui-highlight":"_5RNdLe","uuiHighlight":"_5RNdLe","uui-typography-size-12":"d5lkqG","uuiTypographySize12":"d5lkqG","uui-typography-size-14":"_4jPR0g","uuiTypographySize14":"_4jPR0g","uui-typography-size-16":"RyfqIy","uuiTypographySize16":"RyfqIy","root":"xxjvGU"};
+var css$1y = {"uui-typography":"BxVSfM","uuiTypography":"BxVSfM","hero-header":"v2j3Fi","heroHeader":"v2j3Fi","promo-header":"ZYwa5j","promoHeader":"ZYwa5j","uui-critical":"bikZJm","uuiCritical":"bikZJm","uui-info":"_337-o8","uuiInfo":"_337-o8","uui-success":"w-Iljh","uuiSuccess":"w-Iljh","uui-warning":"S2i7Tl","uuiWarning":"S2i7Tl","uui-highlight":"vUeKnF","uuiHighlight":"vUeKnF","uui-typography-size-12":"Uuaujp","uuiTypographySize12":"Uuaujp","uui-typography-size-14":"LBX21x","uuiTypographySize14":"LBX21x","uui-typography-size-16":"LCUWJt","uuiTypographySize16":"LCUWJt","root":"oJurr-"};
 
 function applyButtonMods(mods) {
     return [
@@ -607,7 +613,7 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
     };
 });
 
-var css$1x = {"root":"ib43H-"};
+var css$1x = {"root":"pACCop"};
 
 function applyIconButtonMods(props) {
     return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1x.root];
@@ -644,7 +650,7 @@ function getIconClass(props) {
     return [classList['has-left-icon'] ? 'uui-has-left-icon' : 'uui-no-left-icon', classList['has-right-icon'] ? 'uui-has-right-icon' : 'uui-no-right-icon'];
 }
 
-var css$1w = {"uui-typography":"W9w8AI","uuiTypography":"W9w8AI","hero-header":"aat7bG","heroHeader":"aat7bG","promo-header":"J5EtvE","promoHeader":"J5EtvE","uui-critical":"BVwpz5","uuiCritical":"BVwpz5","uui-info":"p1Gm-X","uuiInfo":"p1Gm-X","uui-success":"HXlqrI","uuiSuccess":"HXlqrI","uui-warning":"R--mrk","uuiWarning":"R--mrk","uui-highlight":"_18Cl0U","uuiHighlight":"_18Cl0U","uui-typography-size-12":"DGIzV8","uuiTypographySize12":"DGIzV8","uui-typography-size-14":"S9NUY6","uuiTypographySize14":"S9NUY6","uui-typography-size-16":"nlgiU2","uuiTypographySize16":"nlgiU2","root":"GT7p97"};
+var css$1w = {"uui-typography":"_9JtiGA","uuiTypography":"_9JtiGA","hero-header":"_4sCMyU","heroHeader":"_4sCMyU","promo-header":"ud9sqv","promoHeader":"ud9sqv","uui-critical":"jCjGqG","uuiCritical":"jCjGqG","uui-info":"tlNKLb","uuiInfo":"tlNKLb","uui-success":"xBjHx-","uuiSuccess":"xBjHx-","uui-warning":"c-bBbX","uuiWarning":"c-bBbX","uui-highlight":"_-3n5XS","uuiHighlight":"_-3n5XS","uui-typography-size-12":"yESo6b","uuiTypographySize12":"yESo6b","uui-typography-size-14":"ct8kP7","uuiTypographySize14":"ct8kP7","uui-typography-size-16":"JQkd-k","uuiTypographySize16":"JQkd-k","root":"CaLDSv"};
 
 const DEFAULT_COLOR = 'primary';
 const DEFAULT_WEIGHT = 'semibold';
@@ -668,14 +674,14 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
     ];
     const captionStyles = cx(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.createElement(Clickable, Object.assign({}, props, { type: "button", cx: rootStyles, ref: ref }),
+    return (React.createElement(Clickable, { ...props, type: "button", cx: rootStyles, ref: ref },
         props.icon && props.iconPosition !== 'right' && (React.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         props.caption && (React.createElement("div", { className: captionStyles }, props.caption)),
         props.icon && props.iconPosition === 'right' && (React.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         props.isDropdown && (React.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$1v = {"root":"V3XUeU"};
+var css$1v = {"root":"E5oITR"};
 
 const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
@@ -687,7 +693,7 @@ const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
         ]) }, props.caption));
 });
 
-var css$1u = {"uui-typography":"PdMM0H","uuiTypography":"PdMM0H","hero-header":"Takt8q","heroHeader":"Takt8q","promo-header":"MSW-fd","promoHeader":"MSW-fd","uui-critical":"CXtEiX","uuiCritical":"CXtEiX","uui-info":"V0ULJX","uuiInfo":"V0ULJX","uui-success":"DVR-Iw","uuiSuccess":"DVR-Iw","uui-warning":"ywGozG","uuiWarning":"ywGozG","uui-highlight":"jMGB9c","uuiHighlight":"jMGB9c","uui-typography-size-12":"_31XAup","uuiTypographySize12":"_31XAup","uui-typography-size-14":"_40ujv-","uuiTypographySize14":"_40ujv-","uui-typography-size-16":"o5dyOP","uuiTypographySize16":"o5dyOP","root":"NLd4pG","withNotify":"eKXddi"};
+var css$1u = {"uui-typography":"gIceca","uuiTypography":"gIceca","hero-header":"asTGYp","heroHeader":"asTGYp","promo-header":"trsecL","promoHeader":"trsecL","uui-critical":"_8-T74h","uuiCritical":"_8-T74h","uui-info":"_5ZNXuT","uuiInfo":"_5ZNXuT","uui-success":"RSJQXw","uuiSuccess":"RSJQXw","uui-warning":"qdNLSe","uuiWarning":"qdNLSe","uui-highlight":"aEpXJr","uuiHighlight":"aEpXJr","uui-typography-size-12":"xYwGrt","uuiTypographySize12":"xYwGrt","uui-typography-size-14":"Bn9Ykw","uuiTypographySize14":"Bn9Ykw","uui-typography-size-16":"KCG0U7","uuiTypographySize16":"KCG0U7","root":"V6ye1G","withNotify":"uldSJh"};
 
 const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const styles = [
@@ -699,7 +705,12 @@ const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     ];
     const DropdownIcon = props.dropdownIcon ? props.dropdownIcon : systemIcons.foldingArrow;
     const ClearIcon = props.clearIcon ? props.clearIcon : systemIcons.clear;
-    return (React__default.createElement(Clickable, Object.assign({}, props, { rawProps: Object.assign({ role: 'tab', 'aria-haspopup': props.isDropdown, 'aria-expanded': props.isOpen }, props.rawProps), cx: styles, ref: ref }),
+    return (React__default.createElement(Clickable, { ...props, rawProps: {
+            role: 'tab',
+            'aria-haspopup': props.isDropdown,
+            'aria-expanded': props.isOpen,
+            ...props.rawProps,
+        }, cx: styles, ref: ref },
         props.icon && props.iconPosition !== 'right' && (React__default.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         (props.caption || props.withNotify) && (React__default.createElement("div", { className: cx$1(uuiElement.caption) },
             props.caption,
@@ -710,7 +721,7 @@ const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
 });
 
-var css$1t = {"uui-typography":"NWoX0g","uuiTypography":"NWoX0g","hero-header":"UD7Ng9","heroHeader":"UD7Ng9","promo-header":"_3YreFr","promoHeader":"_3YreFr","uui-critical":"Pw8OQ0","uuiCritical":"Pw8OQ0","uui-info":"cYpzz4","uuiInfo":"cYpzz4","uui-success":"XQdwTF","uuiSuccess":"XQdwTF","uui-warning":"uWzrYD","uuiWarning":"uWzrYD","uui-highlight":"_2kIKzc","uuiHighlight":"_2kIKzc","uui-typography-size-12":"e5ugfF","uuiTypographySize12":"e5ugfF","uui-typography-size-14":"sChJbt","uuiTypographySize14":"sChJbt","uui-typography-size-16":"YFsysW","uuiTypographySize16":"YFsysW","root":"-a7FhF"};
+var css$1t = {"uui-typography":"_2Bb0KD","uuiTypography":"_2Bb0KD","hero-header":"SZ8utT","heroHeader":"SZ8utT","promo-header":"aU5LPU","promoHeader":"aU5LPU","uui-critical":"_58nZr7","uuiCritical":"_58nZr7","uui-info":"npTySD","uuiInfo":"npTySD","uui-success":"PPqIFl","uuiSuccess":"PPqIFl","uui-warning":"UqYNlP","uuiWarning":"UqYNlP","uui-highlight":"_4kb4e-","uuiHighlight":"_4kb4e-","uui-typography-size-12":"EGRcHY","uuiTypographySize12":"EGRcHY","uui-typography-size-14":"Z9LG4E","uuiTypographySize14":"Z9LG4E","uui-typography-size-16":"SxsGWp","uuiTypographySize16":"SxsGWp","root":"ylnw9n"};
 
 function applyVerticalTabButtonMods() {
     return [css$1t.root, 'uui-vertical-tab-button'];
@@ -732,7 +743,7 @@ var SvgContentMinusOutline = function SvgContentMinusOutline(props, ref) {
 };
 var ForwardRef$C = /*#__PURE__*/forwardRef(SvgContentMinusOutline);
 
-var css$1s = {"uui-typography":"LDavZ8","uuiTypography":"LDavZ8","hero-header":"-CcmzP","heroHeader":"-CcmzP","promo-header":"sUJ1S1","promoHeader":"sUJ1S1","uui-critical":"zE7rNh","uuiCritical":"zE7rNh","uui-info":"VFPayN","uuiInfo":"VFPayN","uui-success":"nYke7K","uuiSuccess":"nYke7K","uui-warning":"_1xpNhz","uuiWarning":"_1xpNhz","uui-highlight":"_97qfQd","uuiHighlight":"_97qfQd","uui-typography-size-12":"USS7ud","uuiTypographySize12":"USS7ud","uui-typography-size-14":"ODMwr-","uuiTypographySize14":"ODMwr-","uui-typography-size-16":"PtoTkF","uuiTypographySize16":"PtoTkF","root":"TIRiFl","mode-cell":"j-ZDOb","modeCell":"j-ZDOb"};
+var css$1s = {"uui-typography":"_30GgUR","uuiTypography":"_30GgUR","hero-header":"ucbYAv","heroHeader":"ucbYAv","promo-header":"q-A2LH","promoHeader":"q-A2LH","uui-critical":"CNxN1F","uuiCritical":"CNxN1F","uui-info":"vSS8Im","uuiInfo":"vSS8Im","uui-success":"_0vTg54","uuiSuccess":"_0vTg54","uui-warning":"dLvklV","uuiWarning":"dLvklV","uui-highlight":"M0j3Ak","uuiHighlight":"M0j3Ak","uui-typography-size-12":"jl3d-r","uuiTypographySize12":"jl3d-r","uui-typography-size-14":"YiB0Fl","uuiTypographySize14":"YiB0Fl","uui-typography-size-16":"w8ZG-h","uuiTypographySize16":"w8ZG-h","root":"kpCvpo","mode-cell":"_8rLBew","modeCell":"_8rLBew"};
 
 function applyCheckboxMods(mods) {
     return [
@@ -767,7 +778,7 @@ var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
 };
 var ForwardRef$B = /*#__PURE__*/forwardRef(SvgRadioDotFill);
 
-var css$1r = {"uui-typography":"AOHxLm","uuiTypography":"AOHxLm","hero-header":"neEBaX","heroHeader":"neEBaX","promo-header":"NC2f0G","promoHeader":"NC2f0G","uui-critical":"xV-cGD","uuiCritical":"xV-cGD","uui-info":"NQHoSh","uuiInfo":"NQHoSh","uui-success":"KwnS8X","uuiSuccess":"KwnS8X","uui-warning":"AF-Pq2","uuiWarning":"AF-Pq2","uui-highlight":"VWybo3","uuiHighlight":"VWybo3","uui-typography-size-12":"_5QpM62","uuiTypographySize12":"_5QpM62","uui-typography-size-14":"UZjCd4","uuiTypographySize14":"UZjCd4","uui-typography-size-16":"NO-JyM","uuiTypographySize16":"NO-JyM","root":"bV1rpE"};
+var css$1r = {"uui-typography":"qvk7q0","uuiTypography":"qvk7q0","hero-header":"JPaP-O","heroHeader":"JPaP-O","promo-header":"znvySk","promoHeader":"znvySk","uui-critical":"OXYllz","uuiCritical":"OXYllz","uui-info":"_6QiNvJ","uuiInfo":"_6QiNvJ","uui-success":"cI7so5","uuiSuccess":"cI7so5","uui-warning":"NyyBWq","uuiWarning":"NyyBWq","uui-highlight":"Nd5fJR","uuiHighlight":"Nd5fJR","uui-typography-size-12":"LgXqsQ","uuiTypographySize12":"LgXqsQ","uui-typography-size-14":"rCPTYN","uuiTypographySize14":"rCPTYN","uui-typography-size-16":"_45cfAG","uuiTypographySize16":"_45cfAG","root":"YHrYwa"};
 
 function applyRadioInputMods(mods) {
     return [
@@ -779,7 +790,7 @@ function applyRadioInputMods(mods) {
 }
 const RadioInput = /* @__PURE__ */withMods(RadioInput$1, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : ForwardRef$B }));
 
-var css$1q = {"root":"cmvIEZ"};
+var css$1q = {"root":"bMXx1M"};
 
 function applySwitchMods(mods) {
     return [
@@ -790,50 +801,6 @@ function applySwitchMods(mods) {
 }
 const Switch = /* @__PURE__ */withMods(uuiComponents.Switch, applySwitchMods);
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
-
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
 /**
  * Defines the different edit modes.
  */
@@ -847,7 +814,7 @@ var EditMode;
     EditMode["INLINE"] = "inline";
 })(EditMode || (EditMode = {}));
 
-var textInputCss = {"uui-typography":"itlFNh","uuiTypography":"itlFNh","hero-header":"Hflnhe","heroHeader":"Hflnhe","promo-header":"o9Ppz5","promoHeader":"o9Ppz5","uui-critical":"HelPiL","uuiCritical":"HelPiL","uui-info":"Qg1Xav","uuiInfo":"Qg1Xav","uui-success":"KEvgKL","uuiSuccess":"KEvgKL","uui-warning":"sUKZhY","uuiWarning":"sUKZhY","uui-highlight":"SEr32-","uuiHighlight":"SEr32-","uui-typography-size-12":"_8T1c4w","uuiTypographySize12":"_8T1c4w","uui-typography-size-14":"OLVcac","uuiTypographySize14":"OLVcac","uui-typography-size-16":"KRysab","uuiTypographySize16":"KRysab","root":"Kox7RY","mode-form":"ZGnfFG","modeForm":"ZGnfFG","mode-inline":"JXtpNF","modeInline":"JXtpNF","mode-cell":"_4d0l0S","modeCell":"_4d0l0S"};
+var textInputCss = {"uui-typography":"f-TQHl","uuiTypography":"f-TQHl","hero-header":"EgaOGP","heroHeader":"EgaOGP","promo-header":"yHxVeD","promoHeader":"yHxVeD","uui-critical":"h-hUtL","uuiCritical":"h-hUtL","uui-info":"Gxds1P","uuiInfo":"Gxds1P","uui-success":"zkPTKp","uuiSuccess":"zkPTKp","uui-warning":"_4gHeaJ","uuiWarning":"_4gHeaJ","uui-highlight":"a2qRo4","uuiHighlight":"a2qRo4","uui-typography-size-12":"MrfIZO","uuiTypographySize12":"MrfIZO","uui-typography-size-14":"cV3wFz","uuiTypographySize14":"cV3wFz","uui-typography-size-16":"zF-hZF","uuiTypographySize16":"zF-hZF","root":"unsKZ7","mode-form":"Lr-Rvl","modeForm":"Lr-Rvl","mode-inline":"UvGGX5","modeInline":"UvGGX5","mode-cell":"w6GVvK","modeCell":"w6GVvK"};
 
 const DEFAULT_MODE$3 = EditMode.FORM;
 function applyTextInputMods(mods) {
@@ -864,25 +831,31 @@ const TextInput = /* @__PURE__ */withMods(TextInput$1, applyTextInputMods, () =>
 }));
 const SearchInput = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     // analytics events are sending in IEditableDebouncer, so we need to avoid sending events in TextInput
-    const textInputProps = __rest(props, []);
+    const { ...textInputProps } = props;
     delete textInputProps.getValueChangeAnalyticsEvent;
-    return (React__default.createElement(IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => {
-            var _a;
+    return (React__default.createElement(IEditableDebouncer, { ...props, render: (iEditable) => {
             const defaultOnCancel = () => iEditable.onValueChange('');
-            return (React__default.createElement(TextInput, Object.assign({ icon: systemIcons.search, onCancel: (_a = props.onCancel) !== null && _a !== void 0 ? _a : defaultOnCancel, type: "search", inputMode: "search", ref: ref }, textInputProps, iEditable)));
-        } })));
+            return (React__default.createElement(TextInput, { icon: systemIcons.search, onCancel: props.onCancel ?? defaultOnCancel, type: "search", inputMode: "search", ref: ref, ...textInputProps, ...iEditable }));
+        } }));
 });
 
-var css$1p = {"root":"XZQS9S"};
+var css$1p = {"root":"z-HBZ-"};
 
 const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1p.root, 'uui-control-group']);
 
 function MultiSwitchComponent(props, ref) {
-    return (React.createElement(ControlGroup, { ref: ref, rawProps: Object.assign(Object.assign({}, props.rawProps), { role: 'tablist', 'aria-invalid': props.isInvalid, 'aria-required': props.isRequired, 'aria-disabled': props.isDisabled, 'aria-readonly': props.isReadonly }) }, props.items.map((item, index) => (React.createElement(Button, Object.assign({}, props, item, { isDisabled: props.isDisabled, key: index + '-' + item.id, onClick: () => props.onValueChange(item.id), fill: props.value === item.id ? 'solid' : 'outline', color: props.color, size: props.size, rawProps: { 'aria-current': props.value === item.id, role: 'tab' } }))))));
+    return (React.createElement(ControlGroup, { ref: ref, rawProps: {
+            ...props.rawProps,
+            role: 'tablist',
+            'aria-invalid': props.isInvalid,
+            'aria-required': props.isRequired,
+            'aria-disabled': props.isDisabled,
+            'aria-readonly': props.isReadonly,
+        } }, props.items.map((item, index) => (React.createElement(Button, { ...props, ...item, isDisabled: props.isDisabled, key: index + '-' + item.id, onClick: () => props.onValueChange(item.id), fill: props.value === item.id ? 'solid' : 'outline', color: props.color, size: props.size, rawProps: { 'aria-current': props.value === item.id, role: 'tab' } })))));
 }
 const MultiSwitch = /* @__PURE__ */React.forwardRef(MultiSwitchComponent);
 
-var css$1o = {"uui-typography":"_5isZrB","uuiTypography":"_5isZrB","hero-header":"VbExYC","heroHeader":"VbExYC","promo-header":"xfcoCt","promoHeader":"xfcoCt","uui-critical":"rg2Ool","uuiCritical":"rg2Ool","uui-info":"MuxqnA","uuiInfo":"MuxqnA","uui-success":"j3iugP","uuiSuccess":"j3iugP","uui-warning":"KWSVFm","uuiWarning":"KWSVFm","uui-highlight":"_0LBykU","uuiHighlight":"_0LBykU","uui-typography-size-12":"DtWWZw","uuiTypographySize12":"DtWWZw","uui-typography-size-14":"_-5v2kp","uuiTypographySize14":"_-5v2kp","uui-typography-size-16":"R245Rh","uuiTypographySize16":"R245Rh","root":"-xNKco","mode-form":"jD8FIM","modeForm":"jD8FIM","mode-cell":"ftZOMN","modeCell":"ftZOMN"};
+var css$1o = {"uui-typography":"xgifaP","uuiTypography":"xgifaP","hero-header":"Nq1-MR","heroHeader":"Nq1-MR","promo-header":"_9VRwFg","promoHeader":"_9VRwFg","uui-critical":"AgR3Av","uuiCritical":"AgR3Av","uui-info":"Bts1pp","uuiInfo":"Bts1pp","uui-success":"d-dULs","uuiSuccess":"d-dULs","uui-warning":"x1JfbH","uuiWarning":"x1JfbH","uui-highlight":"C8-QQ1","uuiHighlight":"C8-QQ1","uui-typography-size-12":"ilf8Bb","uuiTypographySize12":"ilf8Bb","uui-typography-size-14":"Ge67Sl","uuiTypographySize14":"Ge67Sl","uui-typography-size-16":"BK9iWe","uuiTypographySize16":"BK9iWe","root":"VblDiw","mode-form":"_2alu6s","modeForm":"_2alu6s","mode-cell":"UmhnnI","modeCell":"UmhnnI"};
 
 const DEFAULT_MODE$2 = EditMode.FORM;
 function applyNumericInputMods(mods) {
@@ -894,16 +867,15 @@ function applyNumericInputMods(mods) {
     ];
 }
 const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMods, (props) => {
-    var _a, _b;
     return {
         upIcon: systemIcons.foldingArrow,
         downIcon: systemIcons.foldingArrow,
-        align: (_a = props.align) !== null && _a !== void 0 ? _a : (props.mode === 'cell' ? 'right' : 'left'),
-        disableArrows: (_b = props.disableArrows) !== null && _b !== void 0 ? _b : props.mode === 'cell',
+        align: props.align ?? (props.mode === 'cell' ? 'right' : 'left'),
+        disableArrows: props.disableArrows ?? props.mode === 'cell',
     };
 });
 
-var css$1n = {"uui-typography":"A3nyRJ","uuiTypography":"A3nyRJ","hero-header":"Os8J-1","heroHeader":"Os8J-1","promo-header":"vmwVvr","promoHeader":"vmwVvr","uui-critical":"_2KzENR","uuiCritical":"_2KzENR","uui-info":"_1SUkPN","uuiInfo":"_1SUkPN","uui-success":"gINMIz","uuiSuccess":"gINMIz","uui-warning":"qa69r3","uuiWarning":"qa69r3","uui-highlight":"Totjh9","uuiHighlight":"Totjh9","uui-typography-size-12":"PodXWZ","uuiTypographySize12":"PodXWZ","uui-typography-size-14":"MsDmsV","uuiTypographySize14":"MsDmsV","uui-typography-size-16":"FFViZV","uuiTypographySize16":"FFViZV","root":"nbq0kq","mode-form":"axKQQe","modeForm":"axKQQe","mode-cell":"sOMV-b","modeCell":"sOMV-b","mode-inline":"SnU1U-","modeInline":"SnU1U-"};
+var css$1n = {"uui-typography":"ClsqnT","uuiTypography":"ClsqnT","hero-header":"TpUjt2","heroHeader":"TpUjt2","promo-header":"_52ocSD","promoHeader":"_52ocSD","uui-critical":"n6ZtH3","uuiCritical":"n6ZtH3","uui-info":"PbcuPS","uuiInfo":"PbcuPS","uui-success":"T7ZhYL","uuiSuccess":"T7ZhYL","uui-warning":"Otka0q","uuiWarning":"Otka0q","uui-highlight":"U3LRBm","uuiHighlight":"U3LRBm","uui-typography-size-12":"_7tEilr","uuiTypographySize12":"_7tEilr","uui-typography-size-14":"gDA-et","uuiTypographySize14":"gDA-et","uui-typography-size-16":"UygcqK","uuiTypographySize16":"UygcqK","root":"ZAeJwg","mode-form":"IyS74M","modeForm":"IyS74M","mode-cell":"UuHcnY","modeCell":"UuHcnY","mode-inline":"QT3Bmi","modeInline":"QT3Bmi"};
 
 const DEFAULT_MODE$1 = EditMode.FORM;
 function applyTextAreaMods(mods) {
@@ -1004,9 +976,9 @@ var SvgNotificationInfoFill = function SvgNotificationInfoFill(props, ref) {
 };
 var ForwardRef$x = /*#__PURE__*/forwardRef(SvgNotificationInfoFill);
 
-var css$1m = {"uui-typography":"vJwJoc","uuiTypography":"vJwJoc","hero-header":"Eo-EXu","heroHeader":"Eo-EXu","promo-header":"m-EHYK","promoHeader":"m-EHYK","uui-critical":"YT0kAb","uuiCritical":"YT0kAb","uui-info":"C6RLre","uuiInfo":"C6RLre","uui-success":"DCmRGZ","uuiSuccess":"DCmRGZ","uui-warning":"P73Tbz","uuiWarning":"P73Tbz","uui-highlight":"OBvmsV","uuiHighlight":"OBvmsV","uui-typography-size-12":"-c-a49","uuiTypographySize12":"-c-a49","uui-typography-size-14":"iAjmQe","uuiTypographySize14":"iAjmQe","uui-typography-size-16":"y605zN","uuiTypographySize16":"y605zN","root":"qmjc9i","main-path":"PpElRq","mainPath":"PpElRq","content-wrapper":"_2vejOj","contentWrapper":"_2vejOj","content":"mmcv6z","action-wrapper":"Ov50HC","actionWrapper":"Ov50HC","icon-wrapper":"klgG3A","iconWrapper":"klgG3A","icon":"JcLe-R","close-icon":"rleKFU","closeIcon":"rleKFU"};
+var css$1m = {"uui-typography":"-y2sNC","uuiTypography":"-y2sNC","hero-header":"UCYswi","heroHeader":"UCYswi","promo-header":"K14fst","promoHeader":"K14fst","uui-critical":"xHZfNj","uuiCritical":"xHZfNj","uui-info":"_89R8C3","uuiInfo":"_89R8C3","uui-success":"_8eiMmp","uuiSuccess":"_8eiMmp","uui-warning":"CC7jP6","uuiWarning":"CC7jP6","uui-highlight":"tC3oQc","uuiHighlight":"tC3oQc","uui-typography-size-12":"o-fF8y","uuiTypographySize12":"o-fF8y","uui-typography-size-14":"hr--CY","uuiTypographySize14":"hr--CY","uui-typography-size-16":"z7bSyf","uuiTypographySize16":"z7bSyf","root":"_5uAGDW","main-path":"V23QHk","mainPath":"V23QHk","content-wrapper":"KI6tN4","contentWrapper":"KI6tN4","content":"Crz1MD","action-wrapper":"PBVbEV","actionWrapper":"PBVbEV","icon-wrapper":"IwMP4M","iconWrapper":"IwMP4M","icon":"nnb-vH","close-icon":"ZrkwuB","closeIcon":"ZrkwuB"};
 
-const Alert = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("div", Object.assign({ role: "alert", ref: ref, className: cx('uui-alert', css$1m.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.sizes.defaults.alert}`) }, props.rawProps),
+const Alert = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("div", { role: "alert", ref: ref, className: cx('uui-alert', css$1m.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.sizes.defaults.alert}`), ...props.rawProps },
     React.createElement("div", { className: css$1m.mainPath },
         React.createElement("div", { className: css$1m.contentWrapper },
             props.icon && (React.createElement("div", { className: css$1m.iconWrapper },
@@ -1015,14 +987,14 @@ const Alert = /* @__PURE__ */React.forwardRef((props, ref) => (React.createEleme
                 props.children,
                 props.actions && (React.createElement("div", { className: css$1m.actionWrapper }, props.actions.map((action) => (React.createElement(LinkButton, { caption: action.name, onClick: action.action, key: action.name, cx: css$1m.actionLink, size: settings.sizes.alert.action[props.size || settings.sizes.defaults.alert] }))))))),
         props.onClose && React.createElement(IconButton, { icon: ForwardRef$R, color: "neutral", onClick: props.onClose, cx: css$1m.closeIcon })))));
-const WarningAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$z, color: "warning", ref: ref }, props)));
-const SuccessAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$A, color: "success", ref: ref }, props)));
-const HintAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$x, color: "info", ref: ref }, props)));
-const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$y, color: "error", ref: ref }, props)));
+const WarningAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createElement(Alert, { icon: ForwardRef$z, color: "warning", ref: ref, ...props }));
+const SuccessAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createElement(Alert, { icon: ForwardRef$A, color: "success", ref: ref, ...props }));
+const HintAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createElement(Alert, { icon: ForwardRef$x, color: "info", ref: ref, ...props }));
+const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createElement(Alert, { icon: ForwardRef$y, color: "error", ref: ref, ...props }));
 
 const Dropdown = /* @__PURE__ */withMods(Dropdown$1);
 
-var css$1l = {"root":"-aVEmC"};
+var css$1l = {"root":"xxkRoE"};
 
 function applyDropdownContainerMods(mods) {
     return [
@@ -1033,7 +1005,7 @@ function applyDropdownContainerMods(mods) {
 }
 const DropdownContainer = /* @__PURE__ */withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
 
-var css$1k = {"uui-typography":"DiGFF7","uuiTypography":"DiGFF7","hero-header":"tsXnF2","heroHeader":"tsXnF2","promo-header":"T-RE2k","promoHeader":"T-RE2k","uui-critical":"s1alFY","uuiCritical":"s1alFY","uui-info":"yRrHZQ","uuiInfo":"yRrHZQ","uui-success":"oN-ack","uuiSuccess":"oN-ack","uui-warning":"CGZVVJ","uuiWarning":"CGZVVJ","uui-highlight":"uY-hLJ","uuiHighlight":"uY-hLJ","uui-typography-size-12":"YSerdq","uuiTypographySize12":"YSerdq","uui-typography-size-14":"YlqN-o","uuiTypographySize14":"YlqN-o","uui-typography-size-16":"uXxsiC","uuiTypographySize16":"uXxsiC","submenu-root-item-rtl":"G76Tlk","submenuRootItemRtl":"G76Tlk","icon-after":"e8LKIY","iconAfter":"e8LKIY","submenu-root-item":"veENN6","submenuRootItem":"veENN6","icon-check":"-TyFKU","iconCheck":"-TyFKU","splitter-root":"_1oOz-b","splitterRoot":"_1oOz-b","splitter":"inp674","header-root":"vXhisg","headerRoot":"vXhisg","item-root":"nnN7fw","itemRoot":"nnN7fw","icon":"TXyWIZ","link":"hiAbrw","indent":"A3Du2G","selected-mark":"HlxxCm","selectedMark":"HlxxCm"};
+var css$1k = {"uui-typography":"ldKZo1","uuiTypography":"ldKZo1","hero-header":"l87kBe","heroHeader":"l87kBe","promo-header":"bwPTht","promoHeader":"bwPTht","uui-critical":"ciTvCD","uuiCritical":"ciTvCD","uui-info":"_9sEoyd","uuiInfo":"_9sEoyd","uui-success":"x5qmnw","uuiSuccess":"x5qmnw","uui-warning":"CABWNO","uuiWarning":"CABWNO","uui-highlight":"-igZrt","uuiHighlight":"-igZrt","uui-typography-size-12":"BqgHSj","uuiTypographySize12":"BqgHSj","uui-typography-size-14":"e1Xad7","uuiTypographySize14":"e1Xad7","uui-typography-size-16":"-QjEdT","uuiTypographySize16":"-QjEdT","submenu-root-item-rtl":"nkWATN","submenuRootItemRtl":"nkWATN","icon-after":"ywrKSn","iconAfter":"ywrKSn","submenu-root-item":"umZ867","submenuRootItem":"umZ867","icon-check":"Hh5Q-Z","iconCheck":"Hh5Q-Z","splitter-root":"yBz9Wp","splitterRoot":"yBz9Wp","splitter":"nzAQE1","header-root":"_1XBTP0","headerRoot":"_1XBTP0","item-root":"hZOnwX","itemRoot":"hZOnwX","icon":"h2aza6","link":"N2KBz8","indent":"_1hFf-t","selected-mark":"sWDucY","selectedMark":"sWDucY"};
 
 var IDropdownControlKeys;
 (function (IDropdownControlKeys) {
@@ -1069,10 +1041,10 @@ function DropdownMenuContainer(props) {
             props.onClose();
         }
     };
-    return (React__default.createElement(DropdownContainer, Object.assign({}, props, { rawProps: Object.assign(Object.assign({}, props.rawProps), { role: 'menu' }), ref: menuRef, width: props.minWidth, lockProps: { onKeyDown: handleArrowKeys }, cx: [props.cx] })));
+    return (React__default.createElement(DropdownContainer, { ...props, rawProps: { ...props.rawProps, role: 'menu' }, ref: menuRef, width: props.minWidth, lockProps: { onKeyDown: handleArrowKeys }, cx: [props.cx] }));
 }
 const DropdownMenuBody = /* @__PURE__ */withMods(DropdownMenuContainer, () => ['uui-dropdownMenu-body'], (props) => {
-    return (Object.assign({ closeOnKey: IDropdownControlKeys.ESCAPE }, props));
+    return ({ closeOnKey: IDropdownControlKeys.ESCAPE, ...props });
 });
 const DropdownMenuButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const context = useContext(UuiContext);
@@ -1139,11 +1111,8 @@ function DropdownSubMenu(props) {
             },
         },
     ];
-    const isRtl = (window === null || window === void 0 ? void 0 : window.document.dir) === 'rtl';
-    return (React__default.createElement(Dropdown$1, { openOnHover: props.openOnHover || true, closeOnMouseLeave: "boundary", openDelay: 400, closeDelay: 400, placement: isRtl ? 'left-start' : 'right-start', modifiers: subMenuModifiers, renderBody: (dropdownProps) => !props.isDisabled && (React__default.createElement(DropdownMenuBody, Object.assign({ closeOnKey: IDropdownControlKeys.LEFT_ARROW }, props, dropdownProps))), renderTarget: (_a) => {
-            var { toggleDropdownOpening } = _a, targetProps = __rest(_a, ["toggleDropdownOpening"]);
-            return (React__default.createElement(DropdownMenuButton, Object.assign({ cx: cx$1(isRtl ? css$1k.submenuRootItemRtl : css$1k.submenuRootItem), icon: systemIcons.foldingArrow, iconPosition: "right", isDropdown: true, toggleDropdownOpening: toggleDropdownOpening }, props, targetProps)));
-        } }));
+    const isRtl = window?.document.dir === 'rtl';
+    return (React__default.createElement(Dropdown$1, { openOnHover: props.openOnHover || true, closeOnMouseLeave: "boundary", openDelay: 400, closeDelay: 400, placement: isRtl ? 'left-start' : 'right-start', modifiers: subMenuModifiers, renderBody: (dropdownProps) => !props.isDisabled && (React__default.createElement(DropdownMenuBody, { closeOnKey: IDropdownControlKeys.LEFT_ARROW, ...props, ...dropdownProps })), renderTarget: ({ toggleDropdownOpening, ...targetProps }) => (React__default.createElement(DropdownMenuButton, { cx: cx$1(isRtl ? css$1k.submenuRootItemRtl : css$1k.submenuRootItem), icon: systemIcons.foldingArrow, iconPosition: "right", isDropdown: true, toggleDropdownOpening: toggleDropdownOpening, ...props, ...targetProps })) }));
 }
 function DropdownMenuSwitchButton(props) {
     const context = useContext(UuiContext);
@@ -1166,7 +1135,7 @@ function DropdownMenuSwitchButton(props) {
         React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
 }
 
-var css$1j = {"uui-typography":"XKK1zZ","uuiTypography":"XKK1zZ","hero-header":"VvIFOi","heroHeader":"VvIFOi","promo-header":"fI8u9G","promoHeader":"fI8u9G","uui-critical":"A8DPKi","uuiCritical":"A8DPKi","uui-info":"Arby7t","uuiInfo":"Arby7t","uui-success":"PAZjcE","uuiSuccess":"PAZjcE","uui-warning":"wLd9k6","uuiWarning":"wLd9k6","uui-highlight":"UrJpWA","uuiHighlight":"UrJpWA","uui-typography-size-12":"qLUDBb","uuiTypographySize12":"qLUDBb","uui-typography-size-14":"YfDsoL","uuiTypographySize14":"YfDsoL","uui-typography-size-16":"_0rcVnx","uuiTypographySize16":"_0rcVnx","root":"B8TwvW","mode-block":"Ieg-Fb","modeBlock":"Ieg-Fb","mode-inline":"CIPZOH","modeInline":"CIPZOH","padding-0":"CEN91C","padding0":"CEN91C","padding-6":"GBHp3a","padding6":"GBHp3a","padding-12":"ehWx9d","padding12":"ehWx9d","padding-18":"yxANkA","padding18":"yxANkA"};
+var css$1j = {"uui-typography":"xLeQ6A","uuiTypography":"xLeQ6A","hero-header":"B7T9iu","heroHeader":"B7T9iu","promo-header":"DozF8b","promoHeader":"DozF8b","uui-critical":"_7XsXRp","uuiCritical":"_7XsXRp","uui-info":"VNPUMO","uuiInfo":"VNPUMO","uui-success":"-yyP5J","uuiSuccess":"-yyP5J","uui-warning":"b9XMVZ","uuiWarning":"b9XMVZ","uui-highlight":"ut0-PM","uuiHighlight":"ut0-PM","uui-typography-size-12":"n9oHNn","uuiTypographySize12":"n9oHNn","uui-typography-size-14":"FSITU5","uuiTypographySize14":"FSITU5","uui-typography-size-16":"SCPYan","uuiTypographySize16":"SCPYan","root":"fEipts","mode-block":"RAx6KN","modeBlock":"RAx6KN","mode-inline":"BhcUut","modeInline":"BhcUut","padding-0":"CesDLL","padding0":"CesDLL","padding-6":"prWMXS","padding6":"prWMXS","padding-12":"_1adp4A","padding12":"_1adp4A","padding-18":"TLAPMG","padding18":"TLAPMG"};
 
 function applyAccordionMods(mods) {
     return [
@@ -1179,7 +1148,7 @@ const Accordion = /* @__PURE__ */withMods(uuiComponents.Accordion, applyAccordio
     dropdownIcon: mods.dropdownIcon !== null && systemIcons.foldingArrow,
 }));
 
-var css$1i = {"uui-typography":"_3NfhKO","uuiTypography":"_3NfhKO","hero-header":"ENoZCV","heroHeader":"ENoZCV","promo-header":"zcSQ7K","promoHeader":"zcSQ7K","uui-critical":"WhGux-","uuiCritical":"WhGux-","uui-info":"wZiy1L","uuiInfo":"wZiy1L","uui-success":"wdkAVa","uuiSuccess":"wdkAVa","uui-warning":"Kdv-SN","uuiWarning":"Kdv-SN","uui-highlight":"XyBadb","uuiHighlight":"XyBadb","uui-typography-size-12":"_2dDPok","uuiTypographySize12":"_2dDPok","uui-typography-size-14":"drrDaG","uuiTypographySize14":"drrDaG","uui-typography-size-16":"tQypcH","uuiTypographySize16":"tQypcH","root":"N6yA3J","border-top":"I23bYE","borderTop":"I23bYE","border-bottom":"CZTyF0","borderBottom":"CZTyF0","top-shadow":"-sUNQZ","topShadow":"-sUNQZ","padding-6":"_6uc6Q1","padding6":"_6uc6Q1","padding-12":"iXT6-0","padding12":"iXT6-0","padding-18":"-iXhjg","padding18":"-iXhjg","padding-24":"eG-zZ5","padding24":"eG-zZ5","margin-24":"VmBCwy","margin24":"VmBCwy","margin-12":"lTYCPR","margin12":"lTYCPR","vPadding-12":"U8IQsS","vPadding12":"U8IQsS","vPadding-18":"Yur7Yr","vPadding18":"Yur7Yr","vPadding-24":"AN2OZj","vPadding24":"AN2OZj","vPadding-36":"RPy32-","vPadding36":"RPy32-","vPadding-48":"suGsJK","vPadding48":"suGsJK","spacing-6":"LhxRgh","spacing6":"LhxRgh","spacing-12":"ou7l80","spacing12":"ou7l80","spacing-18":"Ji0JVM","spacing18":"Ji0JVM","uui-surface-main":"vGAOZW","uuiSurfaceMain":"vGAOZW"};
+var css$1i = {"uui-typography":"hYnPjH","uuiTypography":"hYnPjH","hero-header":"Dj6w3u","heroHeader":"Dj6w3u","promo-header":"OBklvO","promoHeader":"OBklvO","uui-critical":"bkN-vV","uuiCritical":"bkN-vV","uui-info":"bmTF0K","uuiInfo":"bmTF0K","uui-success":"X7XhzC","uuiSuccess":"X7XhzC","uui-warning":"_6ZsOqd","uuiWarning":"_6ZsOqd","uui-highlight":"a70o5O","uuiHighlight":"a70o5O","uui-typography-size-12":"LXZzQT","uuiTypographySize12":"LXZzQT","uui-typography-size-14":"nOyQGP","uuiTypographySize14":"nOyQGP","uui-typography-size-16":"-tA--w","uuiTypographySize16":"-tA--w","root":"c-O-SF","border-top":"qDo7pK","borderTop":"qDo7pK","border-bottom":"MRf3AQ","borderBottom":"MRf3AQ","top-shadow":"KShzPY","topShadow":"KShzPY","padding-6":"_3AKRP7","padding6":"_3AKRP7","padding-12":"_1Y0skw","padding12":"_1Y0skw","padding-18":"ZxGeQE","padding18":"ZxGeQE","padding-24":"FdT-7U","padding24":"FdT-7U","margin-24":"T43dwX","margin24":"T43dwX","margin-12":"OHdpd-","margin12":"OHdpd-","vPadding-12":"OErEoG","vPadding12":"OErEoG","vPadding-18":"wQSAg-","vPadding18":"wQSAg-","vPadding-24":"dJJiKd","vPadding24":"dJJiKd","vPadding-36":"i53Wcl","vPadding36":"i53Wcl","vPadding-48":"X5-NDi","vPadding48":"X5-NDi","spacing-6":"UL3q5r","spacing6":"UL3q5r","spacing-12":"_0n-boz","spacing12":"_0n-boz","spacing-18":"QT2snz","spacing18":"QT2snz","uui-surface-main":"L7iaGV","uuiSurfaceMain":"L7iaGV"};
 
 const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$1i.flexCell]);
 
@@ -1191,7 +1160,7 @@ const FlexRow = /* @__PURE__ */withMods(FlexRow$1, (props) => {
     }
     return [
         css$1i.root,
-        props.size !== null && 'uui-size-' + (props.size || '36'),
+        props.size !== null && 'uui-size-' + (props.size || settings.sizes.defaults.flexRow),
         props.padding && css$1i['padding-' + props.padding],
         props.vPadding && css$1i['vPadding-' + props.vPadding],
         props.margin && css$1i['margin-' + props.margin],
@@ -1203,7 +1172,7 @@ const FlexRow = /* @__PURE__ */withMods(FlexRow$1, (props) => {
     ];
 });
 
-var css$1h = {"root":"RLp36b","margin-24":"-StR5d","margin24":"-StR5d","padding-12":"XX5sAK","padding12":"XX5sAK","padding-24":"tL-fG6","padding24":"tL-fG6","shadow":"UMQJ0E","uui-surface-main":"LtETpD","uuiSurfaceMain":"LtETpD"};
+var css$1h = {"root":"R8jLhn","margin-24":"HYRTkQ","margin24":"HYRTkQ","padding-12":"cYbU1i","padding12":"cYbU1i","padding-24":"Y5MAvD","padding24":"Y5MAvD","shadow":"BpzT37","uui-surface-main":"tFCvnH","uuiSurfaceMain":"tFCvnH"};
 
 const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
     'uui-panel',
@@ -1213,7 +1182,7 @@ const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
     props.background && css$1h[`uui-${props.background}`],
 ]);
 
-var css$1g = {"root":"wm-vzD"};
+var css$1g = {"root":"qMGWOH"};
 
 function applyTooltipMods(mods) {
     return [
@@ -1223,7 +1192,7 @@ function applyTooltipMods(mods) {
 }
 const Tooltip = /* @__PURE__ */withMods(uuiComponents.Tooltip, applyTooltipMods);
 
-var css$1f = {"uui-typography":"lZ4QQQ","uuiTypography":"lZ4QQQ","hero-header":"aWMNTg","heroHeader":"aWMNTg","promo-header":"eDBUDU","promoHeader":"eDBUDU","uui-critical":"XIp-GX","uuiCritical":"XIp-GX","uui-info":"HU1tEG","uuiInfo":"HU1tEG","uui-success":"KKav-f","uuiSuccess":"KKav-f","uui-warning":"Kr2Ctm","uuiWarning":"Kr2Ctm","uui-highlight":"lkHdKg","uuiHighlight":"lkHdKg","uui-typography-size-12":"QcCHSN","uuiTypographySize12":"QcCHSN","uui-typography-size-14":"EGSgXo","uuiTypographySize14":"EGSgXo","uui-typography-size-16":"WFLbEp","uuiTypographySize16":"WFLbEp","root":"nCLvy2"};
+var css$1f = {"uui-typography":"vJNIsV","uuiTypography":"vJNIsV","hero-header":"N5Xnyd","heroHeader":"N5Xnyd","promo-header":"JquOji","promoHeader":"JquOji","uui-critical":"Pq7LcG","uuiCritical":"Pq7LcG","uui-info":"oD9hBv","uuiInfo":"oD9hBv","uui-success":"YxmhRj","uuiSuccess":"YxmhRj","uui-warning":"tLa-pa","uuiWarning":"tLa-pa","uui-highlight":"knpLhD","uuiHighlight":"knpLhD","uui-typography-size-12":"_7PgaXt","uuiTypographySize12":"_7PgaXt","uui-typography-size-14":"L3nem9","uuiTypographySize14":"L3nem9","uui-typography-size-16":"SDn02K","uuiTypographySize16":"SDn02K","root":"_12npG6"};
 
 function applyLabeledInputMods(mods) {
     return [
@@ -1237,7 +1206,7 @@ const LabeledInput = /* @__PURE__ */withMods(uuiComponents.LabeledInput, applyLa
     infoIcon: props.infoIcon || (settings.sizes.labeledInput.fillIcon.includes(props.size) ? ForwardRef$x : ForwardRef$M),
 }));
 
-var css$1e = {"root":"F53N3m"};
+var css$1e = {"root":"EDNS1f"};
 
 function RadioGroup(props) {
     const direction = props.direction || 'vertical';
@@ -1246,13 +1215,13 @@ function RadioGroup(props) {
             props.onValueChange(newVal);
         }
     };
-    return (React.createElement("fieldset", Object.assign({ ref: props.forwardedRef, className: cx$1(css$1e.root, directionMode[direction], props.cx), onFocus: props.onFocus, onBlur: props.onBlur }, props.rawProps), props.items.map((i) => {
-        const restItemProps = __rest(i, ["id", "name", "renderName"]);
-        return (React.createElement(RadioInput, Object.assign({ name: props.name, renderLabel: i.renderName ? i.renderName : () => i.name, value: props.value === i.id, onValueChange: () => handleChange(i.id), isDisabled: props.isDisabled || i.isDisabled, isReadonly: props.isReadonly, isInvalid: props.isInvalid, isRequired: props.isRequired, key: i.id.toString(), size: props.size || i.size }, restItemProps)));
+    return (React.createElement("fieldset", { ref: props.forwardedRef, className: cx$1(css$1e.root, directionMode[direction], props.cx), onFocus: props.onFocus, onBlur: props.onBlur, ...props.rawProps }, props.items.map((i) => {
+        const { id, name, renderName, ...restItemProps } = i;
+        return (React.createElement(RadioInput, { name: props.name, renderLabel: i.renderName ? i.renderName : () => i.name, value: props.value === i.id, onValueChange: () => handleChange(i.id), isDisabled: props.isDisabled || i.isDisabled, isReadonly: props.isReadonly, isInvalid: props.isInvalid, isRequired: props.isRequired, key: i.id.toString(), size: props.size || i.size, ...restItemProps }));
     })));
 }
 
-var css$1d = {"root":"gOBBB1"};
+var css$1d = {"root":"vTRG1l"};
 
 function applyScrollBarsMods() {
     return [
@@ -1261,13 +1230,13 @@ function applyScrollBarsMods() {
 }
 const ScrollBars = /* @__PURE__ */withMods(ScrollBars$1, applyScrollBarsMods);
 
-var css$1c = {"scroll-container":"geAXsC","scrollContainer":"geAXsC","list-container":"N7Y-0F","listContainer":"N7Y-0F"};
+var css$1c = {"scroll-container":"OTdxwc","scrollContainer":"OTdxwc","list-container":"mlqys2","listContainer":"mlqys2"};
 
-var css$1b = {"root":"_4pk5NY"};
+var css$1b = {"root":"eTyaVK"};
 
 const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$1b.root]);
 
-var css$1a = {"uui-typography":"ZncXcm","uuiTypography":"ZncXcm","hero-header":"Hqkiu3","heroHeader":"Hqkiu3","promo-header":"-YUnze","promoHeader":"-YUnze","uui-critical":"HtU1n-","uuiCritical":"HtU1n-","uui-info":"YcxIP5","uuiInfo":"YcxIP5","uui-success":"T92GRR","uuiSuccess":"T92GRR","uui-warning":"PbcR0E","uuiWarning":"PbcR0E","uui-highlight":"zXj5HX","uuiHighlight":"zXj5HX","uui-typography-size-12":"Ane-3t","uuiTypographySize12":"Ane-3t","uui-typography-size-14":"PrFcxf","uuiTypographySize14":"PrFcxf","uui-typography-size-16":"-Bjflo","uuiTypographySize16":"-Bjflo","root":"o2L401"};
+var css$1a = {"uui-typography":"zqlhYe","uuiTypography":"zqlhYe","hero-header":"_3GvzwV","heroHeader":"_3GvzwV","promo-header":"itb2zy","promoHeader":"itb2zy","uui-critical":"IBFSR4","uuiCritical":"IBFSR4","uui-info":"TzXAo2","uuiInfo":"TzXAo2","uui-success":"_5taKYW","uuiSuccess":"_5taKYW","uui-warning":"_37qX-v","uuiWarning":"_37qX-v","uui-highlight":"_871AeR","uuiHighlight":"_871AeR","uui-typography-size-12":"AxrAwO","uuiTypographySize12":"AxrAwO","uui-typography-size-14":"Gy-56-","uuiTypographySize14":"Gy-56-","uui-typography-size-16":"mgPB-8","uuiTypographySize16":"mgPB-8","root":"n0P6HQ"};
 
 const DEFAULT_FILL = 'solid';
 function applyBadgeMods(mods) {
@@ -1282,7 +1251,11 @@ function applyBadgeMods(mods) {
 const Badge = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const styles = [applyBadgeMods(props), props.cx];
     const DropdownIcon = props.dropdownIcon ? props.dropdownIcon : systemIcons.foldingArrow;
-    return (React__default.createElement(Clickable, Object.assign({}, props, { rawProps: Object.assign({ 'aria-haspopup': props.isDropdown, 'aria-expanded': props.isOpen }, props.rawProps), cx: styles, ref: ref }),
+    return (React__default.createElement(Clickable, { ...props, rawProps: {
+            'aria-haspopup': props.isDropdown,
+            'aria-expanded': props.isOpen,
+            ...props.rawProps,
+        }, cx: styles, ref: ref },
         (props.indicator && props.fill === 'outline') && (React__default.createElement("div", { className: "uui-indicator" })),
         props.icon && props.iconPosition !== 'right' && (React__default.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         props.caption && (React__default.createElement("div", { className: uuiElement.caption }, props.caption)),
@@ -1291,7 +1264,7 @@ const Badge = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$19 = {"uui-typography":"a99qrG","uuiTypography":"a99qrG","hero-header":"D0dIao","heroHeader":"D0dIao","promo-header":"aekPZQ","promoHeader":"aekPZQ","uui-critical":"-j6fHr","uuiCritical":"-j6fHr","uui-info":"Ci4TiX","uuiInfo":"Ci4TiX","uui-success":"bTE1u4","uuiSuccess":"bTE1u4","uui-warning":"F0y45K","uuiWarning":"F0y45K","uui-highlight":"_87eWfu","uuiHighlight":"_87eWfu","uui-typography-size-12":"_0ezOqp","uuiTypographySize12":"_0ezOqp","uui-typography-size-14":"MKa5Jj","uuiTypographySize14":"MKa5Jj","uui-typography-size-16":"H--TNr","uuiTypographySize16":"H--TNr","root":"FGqP1C"};
+var css$19 = {"uui-typography":"_5S-apH","uuiTypography":"_5S-apH","hero-header":"wDJAWq","heroHeader":"wDJAWq","promo-header":"_7f1YDr","promoHeader":"_7f1YDr","uui-critical":"_1tHijE","uuiCritical":"_1tHijE","uui-info":"AxubfL","uuiInfo":"AxubfL","uui-success":"_0HXlPL","uuiSuccess":"_0HXlPL","uui-warning":"Ezgw3N","uuiWarning":"Ezgw3N","uui-highlight":"xwaUPi","uuiHighlight":"xwaUPi","uui-typography-size-12":"q2YhEN","uuiTypographySize12":"q2YhEN","uui-typography-size-14":"_7Y6i-z","uuiTypographySize14":"_7Y6i-z","uui-typography-size-16":"_3L9CP0","uuiTypographySize16":"_3L9CP0","root":"aZOusA"};
 
 function applyTagMods(props) {
     return [
@@ -1306,7 +1279,11 @@ const Tag = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const styles = [applyTagMods(props), props.cx];
     const ClearIcon = props.clearIcon ? props.clearIcon : systemIcons.clear;
     const DropdownIcon = props.dropdownIcon ? props.dropdownIcon : systemIcons.foldingArrow;
-    return (React__default.createElement(Clickable, Object.assign({}, props, { rawProps: Object.assign({ 'aria-haspopup': props.isDropdown, 'aria-expanded': props.isOpen }, props.rawProps), cx: styles, ref: ref }),
+    return (React__default.createElement(Clickable, { ...props, rawProps: {
+            'aria-haspopup': props.isDropdown,
+            'aria-expanded': props.isOpen,
+            ...props.rawProps,
+        }, cx: styles, ref: ref },
         props.icon && props.iconPosition !== 'right' && (React__default.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         props.caption && (React__default.createElement("div", { className: uuiElement.caption }, props.caption)),
         props.count !== undefined && props.count !== null && (React__default.createElement(CountIndicator, { color: (!props.color || props.color === 'neutral') ? 'white' : props.color, size: settings.sizes.tag.countIndicator[(props.size || settings.sizes.defaults.tag)], caption: props.count })),
@@ -1315,7 +1292,7 @@ const Tag = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
 });
 
-var css$18 = {"root":"CS-CbB","uui-spinner":"P8ZWTq","uuiSpinner":"P8ZWTq"};
+var css$18 = {"root":"J3wPxu","uui-spinner":"_8tIFq4","uuiSpinner":"_8tIFq4"};
 
 function applySpinnerMods() {
     return [css$18.root, 'uui-spinner'];
@@ -1352,31 +1329,31 @@ var SvgNavigationChevronRightOutline = function SvgNavigationChevronRightOutline
 };
 var ForwardRef$v = /*#__PURE__*/forwardRef(SvgNavigationChevronRightOutline);
 
-var css$17 = {"root":"_8LG5wp","page":"CMYWrc","spacer":"_7Uk5Rg","mode-ghost":"_7a-IGm","modeGhost":"_7a-IGm"};
+var css$17 = {"root":"CMrtz0","page":"NsLYQJ","spacer":"_5Df6NJ","mode-ghost":"GTeXSU","modeGhost":"GTeXSU"};
 
 function Paginator(props) {
-    const renderPaginator = (params) => (React__default.createElement("nav", Object.assign({ role: "navigation", className: cx(css$17.root, 'uui-paginator', `uui-size-${props.size || settings.sizes.defaults.paginator}`) }, params.rawProps),
+    const renderPaginator = (params) => (React__default.createElement("nav", { role: "navigation", className: cx(css$17.root, 'uui-paginator', `uui-size-${props.size || settings.sizes.defaults.paginator}`), ...params.rawProps },
         React__default.createElement(Button, { size: props.size || settings.sizes.defaults.paginator, icon: ForwardRef$w, onClick: params.goToPrev, isDisabled: params.isFirst || props.isDisabled, fill: "outline", color: "secondary" }),
         params.pages.map((page, index) => {
             if (page.type === 'spacer') {
                 return (React__default.createElement(Button, { cx: cx(css$17.spacer, css$17.page), size: props.size || settings.sizes.defaults.paginator, key: `${index}_spacer`, caption: "...", fill: "ghost", color: "secondary", tabIndex: -1, isDisabled: props.isDisabled }));
             }
             else {
-                return (React__default.createElement(Button, { cx: cx(css$17[`mode-${!page.isActive && 'ghost'}`], css$17.page), size: props.size || settings.sizes.defaults.paginator, key: page.pageNumber, caption: page.pageNumber, onClick: () => { var _a; return (_a = page.onClick) === null || _a === void 0 ? void 0 : _a.call(page); }, rawProps: { 'aria-current': page.isActive }, fill: (page.isActive && 'outline') || 'ghost', color: "primary", isDisabled: props.isDisabled }));
+                return (React__default.createElement(Button, { cx: cx(css$17[`mode-${!page.isActive && 'ghost'}`], css$17.page), size: props.size || settings.sizes.defaults.paginator, key: page.pageNumber, caption: page.pageNumber, onClick: () => page.onClick?.(), rawProps: { 'aria-current': page.isActive }, fill: (page.isActive && 'outline') || 'ghost', color: "primary", isDisabled: props.isDisabled }));
             }
         }),
         React__default.createElement(Button, { size: props.size || settings.sizes.defaults.paginator, icon: ForwardRef$v, onClick: params.goToNext, isDisabled: params.isLast || props.isDisabled, fill: "outline", color: "secondary" })));
-    return React__default.createElement(Paginator$1, Object.assign({}, props, { render: renderPaginator }));
+    return React__default.createElement(Paginator$1, { ...props, render: renderPaginator });
 }
 
-var css$16 = {"root":"mGGvyw","progress-bar":"aDkidS","progressBar":"aDkidS","progressBar-indeterminate":"xx1xaq","progressBarIndeterminate":"xx1xaq","size-12":"BeBRSs","size12":"BeBRSs","size-18":"EwQMcv","size18":"EwQMcv","size-24":"Ff1Mgv","size24":"Ff1Mgv"};
+var css$16 = {"root":"cyfgRL","progress-bar":"KkP0fa","progressBar":"KkP0fa","progressBar-indeterminate":"W2ISm2","progressBarIndeterminate":"W2ISm2","size-12":"_6b-rPO","size12":"_6b-rPO","size-18":"Jai7iq","size18":"Jai7iq","size-24":"dOh3S6","size24":"dOh3S6"};
 
 const IndeterminateBar = /* @__PURE__ */React.forwardRef((props, ref) => {
     return (React.createElement("div", { ref: ref, className: cx('uui-indeterminate_bar', props.cx, css$16.root, css$16[`size-${props.size || 12}`]) },
         React.createElement("div", { className: cx(css$16.progressBar) })));
 });
 
-var css$15 = {"root":"l9RNUU","striped":"rj3Acb","animate-stripes":"fJQ-0Q","animateStripes":"fJQ-0Q","size-12":"n8rPf8","size12":"n8rPf8","size-18":"c1NECx","size18":"c1NECx","size-24":"_1YUw06","size24":"_1YUw06"};
+var css$15 = {"root":"KwJ53C","striped":"d52D-i","animate-stripes":"BWNGso","animateStripes":"BWNGso","size-12":"jlWhzf","size12":"jlWhzf","size-18":"_5Ll7BO","size18":"_5Ll7BO","size-24":"QinFkw","size24":"QinFkw"};
 
 const DEFAULT_SIZE = '12';
 function applyProgressBarMods(mods) {
@@ -1391,14 +1368,14 @@ const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProg
     hideLabel: props.hideLabel || props.striped,
 }));
 
-var css$14 = {"root":"Gom-7C"};
+var css$14 = {"root":"ypsRN7"};
 
 const IndicatorBar = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { progress } = props;
     return progress || progress === 0 ? (React.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx(css$14.root, props.cx), hideLabel: true })) : (React.createElement(IndeterminateBar, { ref: ref, cx: cx(css$14.root, props.cx) }));
 });
 
-var css$13 = {"root":"am-1v4"};
+var css$13 = {"root":"eaqlDL"};
 
 const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
@@ -1413,10 +1390,9 @@ const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
         React__default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
 });
 
-var css$12 = {"drag-handle":"_3vRPHF","dragHandle":"_3vRPHF","icon-container":"b1Q5g0","iconContainer":"b1Q5g0"};
+var css$12 = {"drag-handle":"x6Pko4","dragHandle":"x6Pko4","icon-container":"Hm1ea5","iconContainer":"Hm1ea5"};
 
 function DataRowAddons(props) {
-    var _a, _b;
     const row = props.rowProps;
     const getIndent = () => {
         return (row.indent - 1) * (settings.sizes.rowAddons.indentUnit[props.size] || settings.sizes.rowAddons.defaults.indentUnit);
@@ -1425,8 +1401,8 @@ function DataRowAddons(props) {
         return settings.sizes.rowAddons.indentWidth[props.size] || settings.sizes.rowAddons.defaults.indentWidth;
     };
     return (React__default.createElement(React__default.Fragment, null,
-        ((_a = row.dnd) === null || _a === void 0 ? void 0 : _a.srcData) && React__default.createElement(DragHandle, { key: "dh", cx: css$12.dragHandle, rawProps: Object.assign({}, props.eventHandlers) }),
-        ((_b = row === null || row === void 0 ? void 0 : row.checkbox) === null || _b === void 0 ? void 0 : _b.isVisible) && (React__default.createElement(Checkbox, { key: "cb", cx: "uui-dr_addons-checkbox", tabIndex: props.tabIndex, size: settings.sizes.rowAddons.checkbox[props.size], value: row.isChecked, indeterminate: !row.isChecked && row.isChildrenChecked, onValueChange: () => { var _a; return (_a = row.onCheck) === null || _a === void 0 ? void 0 : _a.call(row, row); }, isDisabled: row.checkbox.isDisabled, isInvalid: row.checkbox.isInvalid })),
+        row.dnd?.srcData && React__default.createElement(DragHandle, { key: "dh", cx: css$12.dragHandle, rawProps: { ...props.eventHandlers } }),
+        row?.checkbox?.isVisible && (React__default.createElement(Checkbox, { key: "cb", cx: "uui-dr_addons-checkbox", tabIndex: props.tabIndex, size: settings.sizes.rowAddons.checkbox[props.size], value: row.isChecked, indeterminate: !row.isChecked && row.isChildrenChecked, onValueChange: () => row.onCheck?.(row), isDisabled: row.checkbox.isDisabled, isInvalid: row.checkbox.isInvalid })),
         row.indent > 0 && (React__default.createElement("div", { key: "fold", className: cx('uui-dr_addons-indent', `uui-size-${props.size}`), style: { marginInlineStart: getIndent(), width: getWidth() } }, row.isFoldable && (React__default.createElement(IconContainer, { rawProps: {
                 'aria-label': row.isFolded ? 'Unfold' : 'Fold',
                 role: 'button',
@@ -1435,7 +1411,7 @@ function DataRowAddons(props) {
             ], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row), size: settings.sizes.rowAddons.icon[props.size] || settings.sizes.rowAddons.defaults.icon }))))));
 }
 
-var css$11 = {"root":"_5xd8tX"};
+var css$11 = {"root":"CSycT4"};
 
 const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$11.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__default.createElement(Spinner, null)) }));
 
@@ -1449,17 +1425,13 @@ const VirtualList = /* @__PURE__ */React.forwardRef((props, ref) => {
     });
     React.useImperativeHandle(ref, () => scrollContainerRef.current, [scrollContainerRef.current]);
     const scrollShadows = useScrollShadows({ root: scrollContainerRef.current });
-    const renderRows = () => {
-        var _a;
-        return ((_a = props.renderRows) === null || _a === void 0 ? void 0 : _a.call(props, {
-            listContainerRef, estimatedHeight, offsetY, scrollShadows,
-        })) || (React.createElement("div", { className: css$1c.listContainer, style: { minHeight: `${estimatedHeight}px` } },
-            React.createElement("div", { ref: listContainerRef, role: props.role, style: { marginTop: offsetY } }, props.rows)));
-    };
+    const renderRows = () => props.renderRows?.({
+        listContainerRef, estimatedHeight, offsetY, scrollShadows,
+    }) || (React.createElement("div", { className: css$1c.listContainer, style: { minHeight: `${estimatedHeight}px` } },
+        React.createElement("div", { ref: listContainerRef, role: props.role, style: { marginTop: offsetY } }, props.rows)));
     const renderView = ({ style }) => (React.createElement(VirtualListView, { isLoading: props.isLoading, style: style, rawProps: props.rawProps }));
     const scrollBarsRef = React.useCallback((scrollbars) => {
-        var _a;
-        if (!((_a = scrollbars === null || scrollbars === void 0 ? void 0 : scrollbars.container) === null || _a === void 0 ? void 0 : _a.firstChild))
+        if (!scrollbars?.container?.firstChild)
             return;
         scrollContainerRef.current = scrollbars.container.firstChild;
     }, []);
@@ -1472,11 +1444,20 @@ const VirtualList = /* @__PURE__ */React.forwardRef((props, ref) => {
 });
 const VirtualListView = /* @__PURE__ */React.forwardRef((props, ref) => {
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", Object.assign({}, props.rawProps, { style: Object.assign(Object.assign({}, props.style), { position: 'relative', flex: '1 1 auto', display: 'flex', flexDirection: 'column', overflow: props.isLoading ? 'hidden' : 'scroll', marginRight: props.isLoading ? 0 : props.style.marginRight, marginBottom: props.isLoading ? 0 : props.style.marginBottom }), ref: ref }), props.children),
+        React.createElement("div", { ...props.rawProps, style: {
+                ...props.style,
+                position: 'relative',
+                flex: '1 1 auto',
+                display: 'flex',
+                flexDirection: 'column',
+                overflow: props.isLoading ? 'hidden' : 'scroll',
+                marginRight: props.isLoading ? 0 : props.style.marginRight,
+                marginBottom: props.isLoading ? 0 : props.style.marginBottom,
+            }, ref: ref }, props.children),
         React.createElement(Blocker, { isEnabled: props.isLoading })));
 });
 
-var css$10 = {"root":"p28nrp"};
+var css$10 = {"root":"pNV1hC"};
 
 function CheckboxGroup(props) {
     const currentValue = props.value || [];
@@ -1492,13 +1473,13 @@ function CheckboxGroup(props) {
         }
         props.onValueChange(newSelection);
     };
-    return (React.createElement("fieldset", Object.assign({ ref: props.forwardedRef, className: cx$1(css$10.root, directionMode[direction], props.cx) }, props.rawProps), props.items.map((i) => {
-        const restItemProps = __rest(i, ["id", "name", "renderName"]);
-        return (React.createElement(Checkbox, Object.assign({ renderLabel: i.renderName ? i.renderName : () => i.name, value: currentValue.indexOf(i.id) !== -1, onValueChange: (selected) => handleChange(selected, i.id), isDisabled: props.isDisabled, isReadonly: props.isReadonly, isInvalid: props.isInvalid, isRequired: props.isRequired, key: i.id.toString(), size: props.size || i.size }, restItemProps)));
+    return (React.createElement("fieldset", { ref: props.forwardedRef, className: cx$1(css$10.root, directionMode[direction], props.cx), ...props.rawProps }, props.items.map((i) => {
+        const { id, name, renderName, ...restItemProps } = i;
+        return (React.createElement(Checkbox, { renderLabel: i.renderName ? i.renderName : () => i.name, value: currentValue.indexOf(i.id) !== -1, onValueChange: (selected) => handleChange(selected, i.id), isDisabled: props.isDisabled, isReadonly: props.isReadonly, isInvalid: props.isInvalid, isRequired: props.isRequired, key: i.id.toString(), size: props.size || i.size, ...restItemProps }));
     })));
 }
 
-var css$$ = {"uui-typography":"oRF78a","uuiTypography":"oRF78a","hero-header":"nNUDpM","heroHeader":"nNUDpM","promo-header":"PVCN1S","promoHeader":"PVCN1S","uui-critical":"puV9Ij","uuiCritical":"puV9Ij","uui-info":"kcYNYX","uuiInfo":"kcYNYX","uui-success":"_4FDoqx","uuiSuccess":"_4FDoqx","uui-warning":"zLAYpg","uuiWarning":"zLAYpg","uui-highlight":"_2RrQYo","uuiHighlight":"_2RrQYo","uui-typography-size-12":"HY3dbK","uuiTypographySize12":"HY3dbK","uui-typography-size-14":"SBEeNj","uuiTypographySize14":"SBEeNj","uui-typography-size-16":"NIVWBt","uuiTypographySize16":"NIVWBt","root":"em8zbz","modal-blocker":"nnpq8-","modalBlocker":"nnpq8-","animateModalBlocker":"_01ch-5","modal":"PntIXt","modal-footer":"BuiJVQ","modalFooter":"BuiJVQ","modal-header":"ttPb0q","modalHeader":"ttPb0q"};
+var css$$ = {"uui-typography":"tzhWEj","uuiTypography":"tzhWEj","hero-header":"Ipxhnw","heroHeader":"Ipxhnw","promo-header":"Yl5rv4","promoHeader":"Yl5rv4","uui-critical":"_5nNXIg","uuiCritical":"_5nNXIg","uui-info":"ioEw5U","uuiInfo":"ioEw5U","uui-success":"Rwybbl","uuiSuccess":"Rwybbl","uui-warning":"_6tFSSs","uuiWarning":"_6tFSSs","uui-highlight":"VHqS1E","uuiHighlight":"VHqS1E","uui-typography-size-12":"sYUH8k","uuiTypographySize12":"sYUH8k","uui-typography-size-14":"_1jWzM9","uuiTypographySize14":"_1jWzM9","uui-typography-size-16":"W9VSp5","uuiTypographySize16":"W9VSp5","root":"_6-p7jO","modal-blocker":"irt6Up","modalBlocker":"irt6Up","animateModalBlocker":"EC5h0T","modal":"M0K8dr","modal-footer":"TFPRsQ","modalFooter":"TFPRsQ","modal-header":"d9bA-T","modalHeader":"d9bA-T"};
 
 const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$$.modalBlocker]);
 const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$$.root, css$$.modal], (props) => {
@@ -1506,9 +1487,12 @@ const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$$.root, cs
     const height = props.height || 'auto';
     const maxHeight = isMobile() ? '100dvh' : (props.maxHeight || '80dvh');
     return {
-        style: Object.assign(Object.assign({}, props.style), { width,
+        style: {
+            ...props.style,
+            width,
             height,
-            maxHeight }),
+            maxHeight,
+        },
     };
 });
 class ModalHeader extends React__default.Component {
@@ -1531,27 +1515,33 @@ class ModalFooter extends React__default.Component {
     }
 }
 
-const TREE_SHAKEABLE_INIT = () => (Object.assign(Object.assign({}, i18n$1), { dataPickerBody: {
+const TREE_SHAKEABLE_INIT = () => ({
+    ...i18n$1,
+    dataPickerBody: {
         searchPlaceholder: 'Search',
         noRecordsMessage: 'No records found',
         noRecordsSubTitle: 'Check your spelling, or search for a different keyword',
         typeSearchToLoadMessage: 'Type search to load items',
-    }, pickerModal: {
+    },
+    pickerModal: {
         headerTitle: 'Please select',
         searchPlaceholder: 'Type text for quick search',
         cancelButton: 'Cancel',
         selectButton: 'Select',
         clearAllButton: 'CLEAR ALL',
         selectAllButton: 'SELECT ALL',
-    }, pickerInput: {
+    },
+    pickerInput: {
         showOnlySelectedLabel: 'Show only selected',
         clearSelectionButton: 'CLEAR ALL',
         clearSelectionButtonSingle: 'CLEAR',
         selectAllButton: 'SELECT ALL',
         doneButton: 'DONE',
-    }, notificationCard: {
+    },
+    notificationCard: {
         closeAllNotificationsButton: 'CLOSE ALL NOTIFICATIONS',
-    }, form: {
+    },
+    form: {
         notifications: {
             actionButtonCaption: 'Restore',
             unsavedChangesMessage: 'You have unsaved changes. Click Restore button if you would like to recover the data',
@@ -1561,10 +1551,12 @@ const TREE_SHAKEABLE_INIT = () => (Object.assign(Object.assign({}, i18n$1), { da
             discardButton: 'Discard',
             saveButton: 'Save',
         },
-    }, rangeDatePicker: {
+    },
+    rangeDatePicker: {
         pickerPlaceholderFrom: 'From:',
         pickerPlaceholderTo: 'To:',
-    }, tables: {
+    },
+    tables: {
         noResultsBlock: {
             title: 'No results found',
             message: 'We can’t find any item matching your request',
@@ -1598,10 +1590,12 @@ const TREE_SHAKEABLE_INIT = () => (Object.assign(Object.assign({}, i18n$1), { da
             collapseAllTooltip: 'Collapse All',
             expandAllTooltip: 'Expand All',
         },
-    }, pickerFilterHeader: {
+    },
+    pickerFilterHeader: {
         sortAscending: 'Sort Ascending',
         sortDescending: 'Sort Descending',
-    }, filterToolbar: {
+    },
+    filterToolbar: {
         addCaption: 'Add filter',
         datePicker: {
             placeholder: 'Select date',
@@ -1616,19 +1610,24 @@ const TREE_SHAKEABLE_INIT = () => (Object.assign(Object.assign({}, i18n$1), { da
         pickerInput: {
             itemsPlaceholder: 'items',
         },
-    }, presetPanel: {
+    },
+    presetPanel: {
         addCaption: 'Add Preset',
-    }, confirmationModal: {
+    },
+    confirmationModal: {
         discardButton: 'Discard',
         saveButton: 'Save',
-    }, fileUpload: {
+    },
+    fileUpload: {
         labelStart: 'Drop files to attach or',
         browse: 'browse',
         labelEnd: 'your local files',
-    }, fileCard: {
+    },
+    fileCard: {
         fileSizeProgress: ' of ',
         failedUploadErrorMessage: 'Upload failed',
-    }, errorHandler: {
+    },
+    errorHandler: {
         errorPageConfig: {
             notFound: {
                 title: 'Oooops! We couldn’t find this page',
@@ -1670,7 +1669,8 @@ const TREE_SHAKEABLE_INIT = () => (Object.assign(Object.assign({}, i18n$1), { da
             },
         },
         supportMessage: undefined,
-    } }));
+    },
+});
 const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
 
 var _path$u;
@@ -1688,42 +1688,40 @@ var SvgNotificationHelpFill = function SvgNotificationHelpFill(props, ref) {
 };
 var ForwardRef$u = /*#__PURE__*/forwardRef(SvgNotificationHelpFill);
 
-var css$_ = {"uui-typography":"_2j9Uly","uuiTypography":"_2j9Uly","hero-header":"Pq6iUX","heroHeader":"Pq6iUX","promo-header":"nBdfH-","promoHeader":"nBdfH-","uui-critical":"_9U-Bog","uuiCritical":"_9U-Bog","uui-info":"AtGJqs","uuiInfo":"AtGJqs","uui-success":"B7qokm","uuiSuccess":"B7qokm","uui-warning":"_3Em-6B","uuiWarning":"_3Em-6B","uui-highlight":"aUhArS","uuiHighlight":"aUhArS","uui-typography-size-12":"_9yYuZI","uuiTypographySize12":"_9yYuZI","uui-typography-size-14":"M3xVvg","uuiTypographySize14":"M3xVvg","uui-typography-size-16":"TMPvfU","uuiTypographySize16":"TMPvfU","root":"anPnav","icon-wrapper":"UvKHtk","iconWrapper":"UvKHtk","action-wrapper":"ryE5fx","actionWrapper":"ryE5fx","action-link":"UNc6tu","actionLink":"UNc6tu","close-icon":"nRrN0J","closeIcon":"nRrN0J","main-path":"g6QAV4","mainPath":"g6QAV4","content":"PylA9b","close-wrapper":"p0x--f","closeWrapper":"p0x--f","notification-wrapper":"_2BvtZO","notificationWrapper":"_2BvtZO","clear-button":"_6vcWjw","clearButton":"_6vcWjw"};
+var css$_ = {"uui-typography":"Gt9SS8","uuiTypography":"Gt9SS8","hero-header":"_02l2ih","heroHeader":"_02l2ih","promo-header":"dTb7ro","promoHeader":"dTb7ro","uui-critical":"Sdi66j","uuiCritical":"Sdi66j","uui-info":"WwyBEo","uuiInfo":"WwyBEo","uui-success":"EUk49W","uuiSuccess":"EUk49W","uui-warning":"xA7UQP","uuiWarning":"xA7UQP","uui-highlight":"u-sLJu","uuiHighlight":"u-sLJu","uui-typography-size-12":"mWUMtG","uuiTypographySize12":"mWUMtG","uui-typography-size-14":"gRB44j","uuiTypographySize14":"gRB44j","uui-typography-size-16":"leU-1F","uuiTypographySize16":"leU-1F","root":"NikXlR","icon-wrapper":"aB0sfy","iconWrapper":"aB0sfy","action-wrapper":"_1gO-MY","actionWrapper":"_1gO-MY","action-link":"_1zFAyy","actionLink":"_1zFAyy","close-icon":"fr4B2G","closeIcon":"fr4B2G","main-path":"_4ugvzp","mainPath":"_4ugvzp","content":"tM9ovP","close-wrapper":"LWcf9e","closeWrapper":"LWcf9e","notification-wrapper":"k19tkt","notificationWrapper":"k19tkt","clear-button":"THoTCo","clearButton":"THoTCo"};
 
 const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const notificationCardNode = React__default.useRef(null);
     React__default.useImperativeHandle(ref, () => notificationCardNode.current, [notificationCardNode.current]);
     React__default.useLayoutEffect(() => {
-        var _a, _b;
-        (_a = notificationCardNode.current) === null || _a === void 0 ? void 0 : _a.addEventListener('mouseenter', props.clearTimer);
-        (_b = notificationCardNode.current) === null || _b === void 0 ? void 0 : _b.addEventListener('mouseleave', props.refreshTimer);
+        notificationCardNode.current?.addEventListener('mouseenter', props.clearTimer);
+        notificationCardNode.current?.addEventListener('mouseleave', props.refreshTimer);
         return () => {
-            var _a, _b;
-            (_a = notificationCardNode.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('mouseenter', props.clearTimer);
-            (_b = notificationCardNode.current) === null || _b === void 0 ? void 0 : _b.removeEventListener('mouseleave', props.refreshTimer);
+            notificationCardNode.current?.removeEventListener('mouseenter', props.clearTimer);
+            notificationCardNode.current?.removeEventListener('mouseleave', props.refreshTimer);
         };
     }, []);
-    return (React__default.createElement("div", Object.assign({ role: "alert", className: cx('uui-notification_card', props.color && `uui-color-${props.color}`, css$_.root, props.cx), ref: notificationCardNode }, props.rawProps),
+    return (React__default.createElement("div", { role: "alert", className: cx('uui-notification_card', props.color && `uui-color-${props.color}`, css$_.root, props.cx), ref: notificationCardNode, ...props.rawProps },
         React__default.createElement("div", { className: css$_.mainPath },
             props.icon && (React__default.createElement("div", { className: css$_.iconWrapper },
                 React__default.createElement(IconContainer, { size: 24, icon: props.icon }))),
             React__default.createElement("div", { className: css$_.content },
                 props.children,
-                props.actions && (React__default.createElement("div", { className: css$_.actionWrapper }, props.actions.map((action) => (React__default.createElement(LinkButton, { caption: action.name, onClick: action.action, key: action.name, cx: css$_.actionLink, size: "36", rawProps: action.rawProps })))))),
+                props.actions && (React__default.createElement("div", { className: css$_.actionWrapper }, props.actions.map((action) => (React__default.createElement(LinkButton, { key: action.name, caption: action.name, onClick: action.action, cx: css$_.actionLink, size: settings.sizes.notificationCard.action, rawProps: action.rawProps })))))),
             props.onClose && (React__default.createElement("div", { className: css$_.closeWrapper },
                 React__default.createElement(IconButton, { icon: ForwardRef$R, color: "neutral", onClick: props.onClose, cx: css$_.closeIcon }))))));
 });
-const WarningNotification = /* @__PURE__ */React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$z, color: "warning" }, props, { ref: ref, cx: props.cx }))));
-const SuccessNotification = /* @__PURE__ */React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$A, color: "success" }, props, { ref: ref, cx: props.cx }))));
-const HintNotification = /* @__PURE__ */React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$u, color: "info" }, props, { ref: ref, cx: props.cx }))));
-const ErrorNotification = /* @__PURE__ */React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$y, color: "error" }, props, { ref: ref, cx: props.cx }))));
+const WarningNotification = /* @__PURE__ */React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, { icon: ForwardRef$z, color: "warning", ...props, ref: ref, cx: props.cx })));
+const SuccessNotification = /* @__PURE__ */React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, { icon: ForwardRef$A, color: "success", ...props, ref: ref, cx: props.cx })));
+const HintNotification = /* @__PURE__ */React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, { icon: ForwardRef$u, color: "info", ...props, ref: ref, cx: props.cx })));
+const ErrorNotification = /* @__PURE__ */React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, { icon: ForwardRef$y, color: "error", ...props, ref: ref, cx: props.cx })));
 function ClearNotification() {
     const uuiCtx = useUuiContext();
     return (React__default.createElement("div", { className: cx(css$_.notificationWrapper, css$_.clearButton) },
         React__default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
 }
 
-var css$Z = {"footer":"f3nmaV"};
+var css$Z = {"footer":"zDTQ-W"};
 
 class ConfirmationModal extends React.Component {
     render() {
@@ -1731,7 +1729,7 @@ class ConfirmationModal extends React.Component {
         if (this.props.bodyContent) {
             bodyContent = React.createElement(Panel, { background: "surface-main", margin: "24" }, this.props.bodyContent);
         }
-        return (React.createElement(ModalBlocker, Object.assign({}, this.props),
+        return (React.createElement(ModalBlocker, { ...this.props },
             React.createElement(ModalWindow, { width: 420 },
                 React.createElement(ModalHeader, { borderBottom: true, title: this.props.caption, onClose: () => this.props.abort() }),
                 React.createElement(ScrollBars, null, bodyContent),
@@ -1765,7 +1763,7 @@ function useReliableForceUpdate() {
     return red[1];
 }
 
-var css$Y = {"root":"KUuvbE","timepicker-input":"KFsYKm","timepickerInput":"KFsYKm","ltr-always":"_5shvGB","ltrAlways":"_5shvGB"};
+var css$Y = {"root":"OPiMq2","timepicker-input":"WVyBwA","timepickerInput":"WVyBwA","ltr-always":"zaTOH5","ltrAlways":"zaTOH5"};
 
 const uuiTimePicker = {
     container: 'uui-timepicker-container',
@@ -1804,7 +1802,7 @@ function TimePickerBody(props) {
         const minutesToSubtract = value.minute() % minutesStep === 0 ? minutesStep : value.minute() % minutesStep;
         onMinutesChange(value.subtract(minutesToSubtract, 'm').minute());
     };
-    return (React.createElement("div", Object.assign({ className: cx$1(css$Y.root, uuiTimePicker.container, props.cx), ref: props.forwardedRef }, props.rawProps),
+    return (React.createElement("div", { className: cx$1(css$Y.root, uuiTimePicker.container, props.cx), ref: props.forwardedRef, ...props.rawProps },
         React.createElement("div", { className: css$Y.ltrAlways },
             React.createElement("div", { className: uuiTimePicker.elementContainer },
                 React.createElement(IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment hours' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$Q, onClick: () => onHoursChange(uuiDayjs.dayjs().set(props.value).add(1, 'h').hour()) }),
@@ -1886,7 +1884,11 @@ function TimePicker(props) {
     useEffect(() => {
         if (valueToTimeString(props.value, props.format) !== state.value) {
             const stringValue = valueToTimeString(props.value, props.format);
-            setState((prevState) => (Object.assign(Object.assign({}, prevState), { value: stringValue, inputValue: stringValue })));
+            setState((prevState) => ({
+                ...prevState,
+                value: stringValue,
+                inputValue: stringValue,
+            }));
         }
     }, [props.value, props.format]);
     const getFormat = () => props.format === 24 ? 'HH:mm' : 'hh:mm A';
@@ -1902,10 +1904,10 @@ function TimePicker(props) {
         props.onValueChange(null);
     };
     const onToggle = (value) => {
-        setState((prevState) => (Object.assign(Object.assign({}, prevState), { isOpen: value })));
+        setState((prevState) => ({ ...prevState, isOpen: value }));
     };
     const saveTime = (newTime) => {
-        setState((prevState) => (Object.assign(Object.assign({}, prevState), { inputValue: newTime })));
+        setState((prevState) => ({ ...prevState, inputValue: newTime }));
         props.onValueChange(formatStringTimeToObject(newTime));
     };
     const getTimeFromInputValue = (newValue) => {
@@ -1920,45 +1922,41 @@ function TimePicker(props) {
         saveTime(inputValue);
     };
     const handleFocus = (e) => {
-        var _a;
         onToggle(true);
-        (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        props.onFocus?.(e);
     };
     const handleInputChange = (newValue) => {
-        setState((prevState) => (Object.assign(Object.assign({}, prevState), { inputValue: newValue })));
+        setState((prevState) => ({ ...prevState, inputValue: newValue }));
         if (newValue) {
             const result = getTimeFromInputValue(newValue);
             if (isTimeValid(result)) {
-                setState((prevState) => (Object.assign(Object.assign({}, prevState), { value: result })));
+                setState((prevState) => ({ ...prevState, value: result }));
             }
         }
     };
     const handleBlur = (e) => {
-        var _a;
         if (isFocusReceiverInsideFocusLock(e))
             return;
         onToggle(false);
-        (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        props.onBlur?.(e);
         if (state.value === '' || state.inputValue === '') {
             props.onValueChange(null);
-            setState((prevState) => (Object.assign(Object.assign({}, prevState), { value: null, inputValue: null })));
+            setState((prevState) => ({ ...prevState, value: null, inputValue: null }));
         }
         state.value && state.inputValue && saveTime(state.value);
     };
     const renderInput = (inputProps) => {
-        var _a;
-        return (React__default.createElement(TextInput, Object.assign({}, inputProps, { onClick: null, size: props.size || '36', isDisabled: props.isDisabled, isReadonly: props.isReadonly, isInvalid: props.isInvalid, cx: [css$Y.root, css$Y.timepickerInput, props.inputCx], value: state.inputValue, onValueChange: handleInputChange, onCancel: !props.disableClear && onClear, onFocus: handleFocus, onBlur: handleBlur, isDropdown: false, placeholder: props.placeholder ? props.placeholder : getFormat(), mode: props.mode || DEFAULT_MODE, rawProps: (_a = props.rawProps) === null || _a === void 0 ? void 0 : _a.input })));
+        return (React__default.createElement(TextInput, { ...inputProps, onClick: null, size: props.size || '36', isDisabled: props.isDisabled, isReadonly: props.isReadonly, isInvalid: props.isInvalid, cx: [css$Y.root, css$Y.timepickerInput, props.inputCx], value: state.inputValue, onValueChange: handleInputChange, onCancel: !props.disableClear && onClear, onFocus: handleFocus, onBlur: handleBlur, isDropdown: false, placeholder: props.placeholder ? props.placeholder : getFormat(), mode: props.mode || DEFAULT_MODE, rawProps: props.rawProps?.input }));
     };
     const renderBody = (bodyProps) => {
-        var _a;
-        const timePickerBodyProps = __rest(props, ["forwardedRef", "onValueChange"]);
-        return (!props.isDisabled && !props.isReadonly && (React__default.createElement(DropdownContainer, Object.assign({}, bodyProps, { focusLock: false }),
-            React__default.createElement(TimePickerBody, Object.assign({}, timePickerBodyProps, { onValueChange: handleBodyValueChange, value: formatStringTimeToObject(state.value), rawProps: (_a = props.rawProps) === null || _a === void 0 ? void 0 : _a.body, cx: props.bodyCx })))));
+        const { forwardedRef, onValueChange, ...timePickerBodyProps } = props;
+        return (!props.isDisabled && !props.isReadonly && (React__default.createElement(DropdownContainer, { ...bodyProps, focusLock: false },
+            React__default.createElement(TimePickerBody, { ...timePickerBodyProps, onValueChange: handleBodyValueChange, value: formatStringTimeToObject(state.value), rawProps: props.rawProps?.body, cx: props.bodyCx }))));
     };
     return (React__default.createElement(Dropdown, { renderTarget: (targetProps) => (props.renderTarget ? props.renderTarget(targetProps) : renderInput(targetProps)), renderBody: (bodyProps) => !props.isDisabled && !props.isReadonly && renderBody(bodyProps), onValueChange: !props.isDisabled && !props.isReadonly ? onToggle : null, value: state.isOpen, modifiers: [{ name: 'offset', options: { offset: [0, 6] } }], forwardedRef: props.forwardedRef }));
 }
 
-var css$X = {"root":"OMj525"};
+var css$X = {"root":"_4sgZ8N"};
 
 function applyInputAddonMods() {
     return [
@@ -1967,7 +1965,7 @@ function applyInputAddonMods() {
 }
 const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
 
-var css$W = {"root":"xZsJEr"};
+var css$W = {"root":"ZLpNz7"};
 
 function applySliderMods() {
     return [css$W.root, 'uui-color-neutral'];
@@ -1990,7 +1988,7 @@ var SvgStarFilled = function SvgStarFilled(props, ref) {
 };
 var ForwardRef$t = /*#__PURE__*/forwardRef(SvgStarFilled);
 
-var css$V = {"root":"JNaMlU","tooltip":"_9jekLy"};
+var css$V = {"root":"h1Mcnu","tooltip":"_0p8TPz"};
 
 function applyRatingMods(mods) {
     return [
@@ -2026,17 +2024,16 @@ const getMonthOnOpen = (selectedDate, focus) => {
         return uuiDayjs.dayjs(selectedDate[focus]);
     }
     else if (selectedDate.from) {
-        return uuiDayjs.dayjs(selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.from);
+        return uuiDayjs.dayjs(selectedDate?.from);
     }
     else if (selectedDate.to) {
-        return uuiDayjs.dayjs(selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.to);
+        return uuiDayjs.dayjs(selectedDate?.to);
     }
     return uuiDayjs.dayjs();
 };
 const isValidDate = (input, format, filter) => {
-    var _a, _b;
     const parsedDate = uuiDayjs.dayjs(input, supportedDateFormats(format), true);
-    return (_b = (_a = parsedDate.isValid()) !== null && _a !== void 0 ? _a : filter === null || filter === void 0 ? void 0 : filter(parsedDate)) !== null && _b !== void 0 ? _b : true;
+    return parsedDate.isValid() ?? filter?.(parsedDate) ?? true;
 };
 const isValidRange = (range) => {
     const from = uuiDayjs.dayjs(range.from);
@@ -2132,7 +2129,7 @@ const getNextYearsList = (currentDate) => {
     return currentDate.add(16, 'year');
 };
 
-var css$U = {"root":"X64YlL","container":"F9YS9g"};
+var css$U = {"root":"_1hm209","container":"OXPn1F"};
 
 const uuiHeader = {
     container: 'uui-datepicker-header-container',
@@ -2216,14 +2213,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
             React.createElement(Button, { icon: navIconRight || ForwardRef$v, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
 }
 
-var css$T = {"uui-typography":"_1go1Hp","uuiTypography":"_1go1Hp","hero-header":"BFz4Zq","heroHeader":"BFz4Zq","promo-header":"a-HHNt","promoHeader":"a-HHNt","uui-critical":"W09qIP","uuiCritical":"W09qIP","uui-info":"_99c9x5","uuiInfo":"_99c9x5","uui-success":"-BJ2Y6","uuiSuccess":"-BJ2Y6","uui-warning":"_19gDZx","uuiWarning":"_19gDZx","uui-highlight":"_6lPaaL","uuiHighlight":"_6lPaaL","uui-typography-size-12":"lUq2Wf","uuiTypographySize12":"lUq2Wf","uui-typography-size-14":"vvFIxn","uuiTypographySize14":"vvFIxn","uui-typography-size-16":"_9BxYm5","uuiTypographySize16":"_9BxYm5","root":"_7Q26y0"};
+var css$T = {"uui-typography":"EOtnYV","uuiTypography":"EOtnYV","hero-header":"ET7Lxi","heroHeader":"ET7Lxi","promo-header":"K84Wt2","promoHeader":"K84Wt2","uui-critical":"wvrfve","uuiCritical":"wvrfve","uui-info":"VtfHwd","uuiInfo":"VtfHwd","uui-success":"xzQHuh","uuiSuccess":"xzQHuh","uui-warning":"lxHRbO","uuiWarning":"lxHRbO","uui-highlight":"yK8yWc","uuiHighlight":"yK8yWc","uui-typography-size-12":"cIsloX","uuiTypographySize12":"cIsloX","uui-typography-size-14":"HQput1","uuiTypographySize14":"HQput1","uui-typography-size-16":"-nPSkp","uuiTypographySize16":"-nPSkp","root":"-rIouh"};
 
 function applyDateSelectionMods() {
     return [css$T.root, `uui-size-${settings.sizes.defaults.datePicker}`];
 }
 const Calendar = /* @__PURE__ */withMods(Calendar$1, applyDateSelectionMods);
 
-var css$S = {"uui-typography":"zwbWX5","uuiTypography":"zwbWX5","hero-header":"z3q1x7","heroHeader":"z3q1x7","promo-header":"_5JUlxQ","promoHeader":"_5JUlxQ","uui-critical":"mYndIO","uuiCritical":"mYndIO","uui-info":"ILNAsH","uuiInfo":"ILNAsH","uui-success":"eEWbnm","uuiSuccess":"eEWbnm","uui-warning":"Y07qkc","uuiWarning":"Y07qkc","uui-highlight":"Fufh33","uuiHighlight":"Fufh33","uui-typography-size-12":"o27lG2","uuiTypographySize12":"o27lG2","uui-typography-size-14":"_7PeVDW","uuiTypographySize14":"_7PeVDW","uui-typography-size-16":"lTgU7x","uuiTypographySize16":"lTgU7x","root":"_41oou3"};
+var css$S = {"uui-typography":"WAE8ds","uuiTypography":"WAE8ds","hero-header":"cRSH9u","heroHeader":"cRSH9u","promo-header":"PDAJvQ","promoHeader":"PDAJvQ","uui-critical":"_93T7xf","uuiCritical":"_93T7xf","uui-info":"_9ijqS2","uuiInfo":"_9ijqS2","uui-success":"_9L6ZU9","uuiSuccess":"_9L6ZU9","uui-warning":"iYH3U3","uuiWarning":"iYH3U3","uui-highlight":"Z7IfpQ","uuiHighlight":"Z7IfpQ","uui-typography-size-12":"CQK-Wk","uuiTypographySize12":"CQK-Wk","uui-typography-size-14":"_97rGbs","uuiTypographySize14":"_97rGbs","uui-typography-size-16":"HJhR02","uuiTypographySize16":"HJhR02","root":"SJyVUO"};
 
 const uuiDatePickerBody = {
     wrapper: 'uui-datepicker-body-wrapper',
@@ -2238,7 +2235,7 @@ function DatePickerBodyComp(props, ref) {
         setMonth(getNewMonth(value));
         setView('DAY_SELECTION');
     }, [value, setMonth]);
-    return (React__default.createElement(StatelessDatePickerBody, Object.assign({ ref: ref }, props, { month: month, view: view, onValueChange: onValueChange, onMonthChange: (m) => setMonth(m), onViewChange: (v) => setView(v) })));
+    return (React__default.createElement(StatelessDatePickerBody, { ref: ref, ...props, month: month, view: view, onValueChange: onValueChange, onMonthChange: (m) => setMonth(m), onViewChange: (v) => setView(v) }));
 }
 const StatelessDatePickerBody = /* @__PURE__ */forwardRef(StatelessDatePickerBodyComp);
 function StatelessDatePickerBodyComp({ renderDay, isHoliday, cx: classes, filter, rawProps, value, month, view, onValueChange, onMonthChange, onViewChange, isDisabled, }, ref) {
@@ -2266,7 +2263,7 @@ function StatelessDatePickerBodyComp({ renderDay, isHoliday, cx: classes, filter
                 return (React__default.createElement(Calendar, { value: selectedDate, month: month, onValueChange: onDayClick, filter: filter, renderDay: renderDay, isHoliday: isHoliday, isDisabled: isDisabled }));
         }
     };
-    return (React__default.createElement("div", Object.assign({ ref: ref, className: cx$1(uuiDatePickerBodyBase.container, `uui-size-${settings.sizes.defaults.datePicker}`, classes) }, rawProps),
+    return (React__default.createElement("div", { ref: ref, className: cx$1(uuiDatePickerBodyBase.container, `uui-size-${settings.sizes.defaults.datePicker}`, classes), ...rawProps },
         React__default.createElement("div", { className: cx$1(css$S.root, uuiDatePickerBody.wrapper) },
             React__default.createElement(DatePickerHeader, { value: {
                     view,
@@ -2284,7 +2281,7 @@ const modifiers$1 = [{
         options: { offset: [0, 6] },
     }];
 function DatePickerComponent(props, ref) {
-    const { format = defaultFormat, value } = props;
+    const { format = defaultFormat, value, size = settings.sizes.defaults.datePicker } = props;
     const context = useUuiContext();
     const [inputValue, setInputValue] = useState(toCustomDateFormat(value, format));
     const [isBodyOpen, setBodyIsOpen] = useState(false);
@@ -2306,8 +2303,7 @@ function DatePickerComponent(props, ref) {
         setBodyIsOpen(false);
     };
     const onBlur = (e) => {
-        var _a;
-        (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        props.onBlur?.(e);
         if (isValidDate(inputValue, format, props.filter)) {
             setInputValue(toCustomDateFormat(inputValue, format));
             onValueChange(toValueDateFormat(inputValue, format));
@@ -2324,37 +2320,33 @@ function DatePickerComponent(props, ref) {
         }
     };
     const renderInput = (renderProps) => {
-        var _a;
         const allowClear = !props.disableClear && !!inputValue;
-        return (React__default.createElement(TextInput, Object.assign({}, renderProps, { isDropdown: false, cx: cx$1(props.inputCx, isBodyOpen && 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__default.createElement(TextInput, { ...renderProps, isDropdown: false, cx: cx$1(props.inputCx, isBodyOpen && uuiMod.focus), icon: props.mode !== EditMode.CELL && systemIcons.calendar ? systemIcons.calendar : undefined, iconPosition: props.iconPosition || 'left', placeholder: props.placeholder ? props.placeholder : format, size: size, value: inputValue || undefined, onValueChange: (v) => {
                 setInputValue(v || '');
             }, onCancel: allowClear ? () => {
                 if (!props.disableClear && !!inputValue) {
                     onValueChange(null);
                 }
             } : undefined, isInvalid: props.isInvalid, isDisabled: props.isDisabled, isReadonly: props.isReadonly, tabIndex: props.isReadonly || props.isDisabled ? -1 : 0, onFocus: (e) => {
-                var _a;
-                (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e);
-            }, onKeyDown: onInputKeyDown, onBlur: onBlur, mode: props.mode || defaultMode$1, rawProps: (_a = props.rawProps) === null || _a === void 0 ? void 0 : _a.input, id: props.id })));
+                props.onFocus?.(e);
+            }, onKeyDown: onInputKeyDown, onBlur: onBlur, mode: props.mode || defaultMode$1, rawProps: props.rawProps?.input, id: props.id }));
     };
     const renderBody = (renderProps) => {
-        var _a, _b;
-        return (React__default.createElement(DropdownContainer, Object.assign({}, renderProps),
-            React__default.createElement(DatePickerBody, { value: value, onValueChange: onBodyValueChange, cx: cx$1(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)));
+        return (React__default.createElement(DropdownContainer, { ...renderProps },
+            React__default.createElement(DatePickerBody, { value: value, onValueChange: onBodyValueChange, cx: cx$1(props.bodyCx), filter: props.filter, isHoliday: props.isHoliday, renderDay: props.renderDay, rawProps: props.rawProps?.body }),
+            props.renderFooter?.()));
     };
     return (React__default.createElement(Dropdown$1, { value: isBodyOpen, modifiers: modifiers$1, placement: props.placement, forwardedRef: ref, onValueChange: (v) => {
             setBodyIsOpen(v);
         }, renderTarget: (renderProps) => {
-            var _a;
-            return ((_a = props.renderTarget) === null || _a === void 0 ? void 0 : _a.call(props, renderProps)) || renderInput(renderProps);
+            return props.renderTarget?.(renderProps) || renderInput(renderProps);
         }, renderBody: (renderProps) => {
             return renderBody(renderProps);
         } }));
 }
 const DatePicker = /* @__PURE__ */React__default.forwardRef(DatePickerComponent);
 
-var css$R = {"uui-typography":"EPFaYy","uuiTypography":"EPFaYy","hero-header":"tWg5MN","heroHeader":"tWg5MN","promo-header":"I6qxBX","promoHeader":"I6qxBX","uui-critical":"_87X-yU","uuiCritical":"_87X-yU","uui-info":"-zl8wZ","uuiInfo":"-zl8wZ","uui-success":"-w1or8","uuiSuccess":"-w1or8","uui-warning":"jOq-dE","uuiWarning":"jOq-dE","uui-highlight":"XqkLxp","uuiHighlight":"XqkLxp","uui-typography-size-12":"-S-SLw","uuiTypographySize12":"-S-SLw","uui-typography-size-14":"wU4GTF","uuiTypographySize14":"wU4GTF","uui-typography-size-16":"MNgWUo","uuiTypographySize16":"MNgWUo","date-input":"FYnBik","dateInput":"FYnBik","root":"O8pLBE","separator":"q6gjtu","mode-form":"_8bntty","modeForm":"_8bntty","mode-cell":"jk2P-2","modeCell":"jk2P-2"};
+var css$R = {"uui-typography":"BkL79b","uuiTypography":"BkL79b","hero-header":"_13uVSp","heroHeader":"_13uVSp","promo-header":"_6ZmjrH","promoHeader":"_6ZmjrH","uui-critical":"OP489O","uuiCritical":"OP489O","uui-info":"_1-pda5","uuiInfo":"_1-pda5","uui-success":"n9ZbaR","uuiSuccess":"n9ZbaR","uui-warning":"nQogdv","uuiWarning":"nQogdv","uui-highlight":"WG3IBv","uuiHighlight":"WG3IBv","uui-typography-size-12":"C-YqC6","uuiTypographySize12":"C-YqC6","uui-typography-size-14":"Z1RNxQ","uuiTypographySize14":"Z1RNxQ","uui-typography-size-16":"LvnqKR","uuiTypographySize16":"LvnqKR","date-input":"vLAvGR","dateInput":"vLAvGR","root":"GjFccn","separator":"_0cvkqX","mode-form":"LYcuL2","modeForm":"LYcuL2","mode-cell":"oF2hS4","modeCell":"oF2hS4"};
 
 const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, onKeyDown, id, cx: classes, }, ref) => {
     const [inputValue, setInputValue] = useState(toCustomDateRangeFormat(value, format));
@@ -2362,21 +2354,30 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
         setInputValue(toCustomDateRangeFormat(value, format));
     }, [format, value, setInputValue]);
     const onInputChange = (newValue, inputType) => {
-        setInputValue(Object.assign(Object.assign({}, inputValue), { [inputType]: newValue }));
+        setInputValue({
+            ...inputValue,
+            [inputType]: newValue,
+        });
     };
     const handleFocus = (event, inputType) => {
         onFocusInput(event, inputType);
     };
     const handleBlur = (event, inputType) => {
-        onBlurInput === null || onBlurInput === void 0 ? void 0 : onBlurInput(event, inputType);
+        onBlurInput?.(event, inputType);
         const selectedDate = toValueDateRangeFormat(inputValue, format);
         if (isValidRange(selectedDate) && (!filter || filter(uuiDayjs.dayjs(selectedDate[inputType])))) {
             setInputValue(toCustomDateRangeFormat(selectedDate, format));
             onValueChange(selectedDate);
         }
         else {
-            setInputValue(Object.assign(Object.assign({}, inputValue), { [inputType]: null }));
-            onValueChange(Object.assign(Object.assign({}, selectedDate), { [inputType]: null }));
+            setInputValue({
+                ...inputValue,
+                [inputType]: null,
+            });
+            onValueChange({
+                ...selectedDate,
+                [inputType]: null,
+            });
         }
     };
     const onInputKeyDown = (e) => {
@@ -2389,14 +2390,14 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
     return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     React__default.createElement("div", { ref: ref, className: cx$1(`uui-size-${size || settings.sizes.defaults.rangeDatePicker}`, 'uui-range-date-picker', classes, css$R.root, isDisabled && uuiMod.disabled, isReadonly && uuiMod.readonly, isInvalid && uuiMod.invalid, inFocus && uuiMod.focus), onKeyDown: onKeyDown },
-        React__default.createElement(TextInput, { icon: systemIcons.calendar, cx: cx$1(css$R.dateInput, inFocus === 'from' && uuiMod.focus), size: size || settings.sizes.defaults.rangeDatePicker, placeholder: getPlaceholder ? getPlaceholder('from') : i18n.rangeDatePicker.pickerPlaceholderFrom, value: inputValue.from || undefined, onValueChange: (v) => onInputChange(v || '', 'from'), onFocus: (event) => handleFocus(event, 'from'), onBlur: (event) => handleBlur(event, 'from'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps === null || rawProps === void 0 ? void 0 : rawProps.from, onClick: onClick, onKeyDown: onInputKeyDown, id: id }),
+        React__default.createElement(TextInput, { icon: systemIcons.calendar, cx: cx$1(css$R.dateInput, inFocus === 'from' && uuiMod.focus), size: size || settings.sizes.defaults.rangeDatePicker, placeholder: getPlaceholder ? getPlaceholder('from') : i18n.rangeDatePicker.pickerPlaceholderFrom, value: inputValue.from || undefined, onValueChange: (v) => onInputChange(v || '', 'from'), onFocus: (event) => handleFocus(event, 'from'), onBlur: (event) => handleBlur(event, 'from'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps?.from, onClick: onClick, onKeyDown: onInputKeyDown, id: id }),
         React__default.createElement("div", { className: css$R.separator }),
         React__default.createElement(TextInput, { cx: cx$1(css$R.dateInput, inFocus === 'to' && uuiMod.focus), placeholder: getPlaceholder ? getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: size || settings.sizes.defaults.rangeDatePicker, value: inputValue.to || undefined, onCancel: clearAllowed ? () => {
                 onValueChange(defaultRangeValue);
-            } : undefined, onValueChange: (v) => onInputChange(v || '', 'to'), onFocus: (e) => handleFocus(e, 'to'), onBlur: (e) => handleBlur(e, 'to'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps === null || rawProps === void 0 ? void 0 : rawProps.to, onClick: onClick, onKeyDown: onInputKeyDown })));
+            } : 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?.to, onClick: onClick, onKeyDown: onInputKeyDown })));
 });
 
-var css$Q = {"uui-typography":"A08ovM","uuiTypography":"A08ovM","hero-header":"KL9qOj","heroHeader":"KL9qOj","promo-header":"XHNQd5","promoHeader":"XHNQd5","uui-critical":"gAZwV5","uuiCritical":"gAZwV5","uui-info":"b3ecPA","uuiInfo":"b3ecPA","uui-success":"qu-Yn8","uuiSuccess":"qu-Yn8","uui-warning":"eg4MqB","uuiWarning":"eg4MqB","uui-highlight":"E3gj4f","uuiHighlight":"E3gj4f","uui-typography-size-12":"SAgf0P","uuiTypographySize12":"SAgf0P","uui-typography-size-14":"NDoB9U","uuiTypographySize14":"NDoB9U","uui-typography-size-16":"ghf7-1","uuiTypographySize16":"ghf7-1","root":"C8Ip3d"};
+var css$Q = {"uui-typography":"aKMPv2","uuiTypography":"aKMPv2","hero-header":"DVAVTF","heroHeader":"DVAVTF","promo-header":"_8LdXQ2","promoHeader":"_8LdXQ2","uui-critical":"cZUiVU","uuiCritical":"cZUiVU","uui-info":"-rGsc4","uuiInfo":"-rGsc4","uui-success":"D9ahuw","uuiSuccess":"D9ahuw","uui-warning":"tUGB8H","uuiWarning":"tUGB8H","uui-highlight":"_7eczJW","uuiHighlight":"_7eczJW","uui-typography-size-12":"TWShcg","uuiTypographySize12":"TWShcg","uui-typography-size-14":"qPqW0g","uuiTypographySize14":"qPqW0g","uui-typography-size-16":"ApVwQ7","uuiTypographySize16":"ApVwQ7","root":"Aox5rF"};
 
 const uuiPresets = {
     container: 'uui-presets-container',
@@ -2404,15 +2405,19 @@ const uuiPresets = {
     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);
+    return Object.keys(presets).map((key) => ({
+        ...presets[key].getRange(),
+        name: presets[key].name,
+        key,
+    })).sort((a, b) => a.order - b.order);
 };
 function CalendarPresets(props) {
-    return (React.createElement("div", Object.assign({ ref: props.forwardedRef, className: cx$1(uuiPresets.container, css$Q.root, props.cx) }, props.rawProps),
+    return (React.createElement("div", { ref: props.forwardedRef, className: cx$1(uuiPresets.container, css$Q.root, props.cx), ...props.rawProps },
         React.createElement("div", { className: uuiPresets.header }, "Presets"),
         getPresets(props.presets).map((item) => (React.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: "24" })))));
 }
 
-var css$P = {"uui-typography":"Zs-vhU","uuiTypography":"Zs-vhU","hero-header":"Ammbec","heroHeader":"Ammbec","promo-header":"M-NFe5","promoHeader":"M-NFe5","uui-critical":"deZZsd","uuiCritical":"deZZsd","uui-info":"nBxyPX","uuiInfo":"nBxyPX","uui-success":"I1Kx5e","uuiSuccess":"I1Kx5e","uui-warning":"DG35kP","uuiWarning":"DG35kP","uui-highlight":"dZYMV7","uuiHighlight":"dZYMV7","uui-typography-size-12":"tvCqeb","uuiTypographySize12":"tvCqeb","uui-typography-size-14":"_6w7Msy","uuiTypographySize14":"_6w7Msy","uui-typography-size-16":"nY8zxb","uuiTypographySize16":"nY8zxb","root":"KJ3hOy","container":"PPV-zT","day-selection":"poG-ne","daySelection":"poG-ne","from-picker":"Xqj399","fromPicker":"Xqj399","to-picker":"wI-hNj","toPicker":"wI-hNj","bodes-wrapper":"NGa3lw","bodesWrapper":"NGa3lw","blocker":"_06mXCK"};
+var css$P = {"uui-typography":"GJL03A","uuiTypography":"GJL03A","hero-header":"nqQ9YN","heroHeader":"nqQ9YN","promo-header":"ektPMD","promoHeader":"ektPMD","uui-critical":"-I4kxZ","uuiCritical":"-I4kxZ","uui-info":"bWM30a","uuiInfo":"bWM30a","uui-success":"wQRgAa","uuiSuccess":"wQRgAa","uui-warning":"_7yLZQ6","uuiWarning":"_7yLZQ6","uui-highlight":"pB7qnj","uuiHighlight":"pB7qnj","uui-typography-size-12":"Wus-0s","uuiTypographySize12":"Wus-0s","uui-typography-size-14":"Wq8khN","uuiTypographySize14":"Wq8khN","uui-typography-size-16":"_2w3ugW","uuiTypographySize16":"_2w3ugW","root":"VZX6-F","container":"MEKRPh","day-selection":"OO-quB","daySelection":"OO-quB","from-picker":"-uaY0w","fromPicker":"-uaY0w","to-picker":"UqQCKB","toPicker":"UqQCKB","bodes-wrapper":"D23g4B","bodesWrapper":"D23g4B","blocker":"_0xMMMt"};
 
 const uuiRangeDatePickerBody = {
     inRange: 'uui-range-datepicker-in-range',
@@ -2510,8 +2515,8 @@ function RangeDatePickerBodyComp(props, ref) {
         // selectedDate can be null, other params should always have values
         const newRange = v ? getRange(v) : selectedDate;
         let newInFocus = null;
-        const fromChanged = selectedDate.from !== (newRange === null || newRange === void 0 ? void 0 : newRange.from);
-        const toChanged = selectedDate.to !== (newRange === null || newRange === void 0 ? void 0 : newRange.to);
+        const fromChanged = selectedDate.from !== newRange?.from;
+        const toChanged = selectedDate.to !== newRange?.to;
         if (inFocus === 'from' && fromChanged) {
             newInFocus = 'to';
         }
@@ -2521,11 +2526,11 @@ function RangeDatePickerBodyComp(props, ref) {
         setActiveMonth(part);
         props.onValueChange({
             selectedDate: newRange ? newRange : selectedDate,
-            inFocus: newInFocus !== null && newInFocus !== void 0 ? newInFocus : inFocus,
+            inFocus: newInFocus ?? inFocus,
         });
     };
     const renderDay = (renderProps) => {
-        return (React__default.createElement(Day, Object.assign({}, renderProps, { cx: getDayCX(renderProps.value, selectedDate) })));
+        return (React__default.createElement(Day, { ...renderProps, cx: getDayCX(renderProps.value, selectedDate) }));
     };
     const from = {
         month,
@@ -2553,17 +2558,17 @@ function RangeDatePickerBodyComp(props, ref) {
                     });
                 }, presets: presets })));
     };
-    return (React__default.createElement("div", Object.assign({ ref: ref, className: cx$1(css$P.root, uuiDatePickerBodyBase.container, props.cx) }, props.rawProps),
+    return (React__default.createElement("div", { ref: ref, className: cx$1(css$P.root, uuiDatePickerBodyBase.container, props.cx), ...props.rawProps },
         React__default.createElement(FlexRow, { cx: [view === 'DAY_SELECTION' && css$P.daySelection, css$P.container], alignItems: "top" },
             React__default.createElement(FlexCell, { width: "auto" },
                 React__default.createElement(FlexRow, null,
                     React__default.createElement(FlexRow, { cx: css$P.bodesWrapper, alignItems: "top" },
-                        React__default.createElement(StatelessDatePickerBody, Object.assign({ key: "date-picker-body-left", cx: cx$1(css$P.fromPicker) }, from, { onValueChange: (v) => onBodyValueChange(v, 'from'), onMonthChange: (m) => {
+                        React__default.createElement(StatelessDatePickerBody, { key: "date-picker-body-left", cx: cx$1(css$P.fromPicker), ...from, onValueChange: (v) => onBodyValueChange(v, 'from'), onMonthChange: (m) => {
                                 setMonth(m);
-                            }, onViewChange: (v) => setView(v), filter: props.filter, isHoliday: props.isHoliday, renderDay: props.renderDay || renderDay, isDisabled: view !== 'DAY_SELECTION' && activeMonth === 'to' })),
-                        React__default.createElement(StatelessDatePickerBody, Object.assign({ key: "date-picker-body-right", cx: cx$1(css$P.toPicker) }, to, { onValueChange: (v) => onBodyValueChange(v, 'to'), onMonthChange: (m) => {
+                            }, onViewChange: (v) => setView(v), filter: props.filter, isHoliday: props.isHoliday, renderDay: props.renderDay || renderDay, isDisabled: view !== 'DAY_SELECTION' && activeMonth === 'to' }),
+                        React__default.createElement(StatelessDatePickerBody, { key: "date-picker-body-right", cx: cx$1(css$P.toPicker), ...to, onValueChange: (v) => onBodyValueChange(v, 'to'), onMonthChange: (m) => {
                                 setMonth(m.subtract(1, 'month'));
-                            }, onViewChange: (v) => setView(v), filter: props.filter, renderDay: props.renderDay || renderDay, isHoliday: props.isHoliday, isDisabled: view !== 'DAY_SELECTION' && activeMonth === 'from' })),
+                            }, onViewChange: (v) => setView(v), filter: props.filter, renderDay: props.renderDay || renderDay, isHoliday: props.isHoliday, isDisabled: view !== 'DAY_SELECTION' && activeMonth === 'from' }),
                         view !== 'DAY_SELECTION' && (React__default.createElement("div", { style: {
                                 left: activeMonth === 'from' ? '50%' : undefined,
                                 right: activeMonth === 'to' ? '50%' : undefined,
@@ -2573,9 +2578,9 @@ function RangeDatePickerBodyComp(props, ref) {
 }
 const getDayCX = (day, selectedDate) => {
     const dayValue = day.valueOf();
-    const fromValue = (selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.from)
+    const fromValue = selectedDate?.from
         ? uuiDayjs.dayjs(selectedDate.from).valueOf() : null;
-    const toValue = (selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.to)
+    const toValue = selectedDate?.to
         ? uuiDayjs.dayjs(selectedDate.to).valueOf() : null;
     const inRange = fromValue
         && toValue
@@ -2587,22 +2592,22 @@ const getDayCX = (day, selectedDate) => {
     return [cx$1(inRange && uuiRangeDatePickerBody.inRange, isFirst && uuiRangeDatePickerBody.firstDayInRangeWrapper, !inRange && isFirst && uuiRangeDatePickerBody.lastDayInRangeWrapper, isLast && uuiRangeDatePickerBody.lastDayInRangeWrapper, !inRange && isLast && uuiRangeDatePickerBody.firstDayInRangeWrapper, (dayValue === fromValue || dayValue === toValue) && uuiDaySelection.selectedDay)];
 };
 
-var css$O = {"dropdown-container":"-z-4Dl","dropdownContainer":"-z-4Dl"};
+var css$O = {"dropdown-container":"HbqhCF","dropdownContainer":"HbqhCF"};
 
 const modifiers = [{
         name: 'offset',
         options: { offset: [0, 6] },
     }];
 function RangeDatePickerComponent(props, ref) {
-    const { value: _value, format = defaultFormat } = props;
+    const { value: _value, format = defaultFormat, size = settings.sizes.defaults.rangeDatePicker } = props;
     const value = _value || defaultRangeValue; // also handles null in comparison to default value
     const context = useUuiContext();
     const [isOpen, setIsOpen] = useState(false);
     const [inFocus, setInFocus] = useState(null);
     const targetRef = React__default.useRef(null);
     const onValueChange = (newValue) => {
-        const fromChanged = (value === null || value === void 0 ? void 0 : value.from) !== (newValue === null || newValue === void 0 ? void 0 : newValue.from);
-        const toChanged = (value === null || value === void 0 ? void 0 : value.to) !== (newValue === null || newValue === void 0 ? void 0 : newValue.to);
+        const fromChanged = value?.from !== newValue?.from;
+        const toChanged = value?.to !== newValue?.to;
         if (fromChanged || toChanged) {
             props.onValueChange(newValue);
             if (props.getValueChangeAnalyticsEvent) {
@@ -2612,17 +2617,15 @@ function RangeDatePickerComponent(props, ref) {
         }
     };
     const onOpenChange = (newIsOpen) => {
-        var _a;
         setIsOpen(newIsOpen);
-        (_a = props.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(props, newIsOpen);
+        props.onOpenChange?.(newIsOpen);
         if (!inFocus && newIsOpen) {
             setInFocus('from');
             targetRef.current.querySelector('.uui-input').focus();
         }
     };
     const onBodyValueChange = (newValue) => {
-        var _a;
-        setInFocus((_a = newValue.inFocus) !== null && _a !== void 0 ? _a : inFocus);
+        setInFocus(newValue.inFocus ?? inFocus);
         onValueChange(newValue.selectedDate);
         const toChanged = value.to !== newValue.selectedDate.to;
         const closeBody = newValue.selectedDate.from && newValue.selectedDate.to
@@ -2633,19 +2636,14 @@ function RangeDatePickerComponent(props, ref) {
         }
     };
     const renderBody = (renderProps) => {
-        var _a;
-        return (React__default.createElement(DropdownContainer, Object.assign({}, renderProps, { cx: cx(css$O.dropdownContainer), shards: [targetRef], returnFocus: (node) => {
-                console.log('lock', node);
-                return true;
-            } }),
+        return (React__default.createElement(DropdownContainer, { ...renderProps, cx: cx(css$O.dropdownContainer), shards: [targetRef], returnFocus: true },
             React__default.createElement(FlexRow, null,
                 React__default.createElement(RangeDatePickerBody, { cx: cx(props.bodyCx), value: {
                         selectedDate: _value,
                         inFocus,
                     }, onValueChange: onBodyValueChange, filter: props.filter, presets: props.presets, renderDay: props.renderDay, renderFooter: () => {
-                        var _a;
-                        return (_a = props.renderFooter) === null || _a === void 0 ? void 0 : _a.call(props, value);
-                    }, isHoliday: props.isHoliday, rawProps: (_a = props.rawProps) === null || _a === void 0 ? void 0 : _a.body }))));
+                        return props.renderFooter?.(value);
+                    }, isHoliday: props.isHoliday, rawProps: props.rawProps?.body }))));
     };
     const handleEscape = (e) => {
         if (e.key === 'Escape' && isOpen) {
@@ -2654,17 +2652,15 @@ function RangeDatePickerComponent(props, ref) {
         }
     };
     return (React__default.createElement(Dropdown$1, { renderTarget: (renderProps) => {
-            var _a;
-            return ((_a = props.renderTarget) === null || _a === void 0 ? void 0 : _a.call(props, renderProps)) || (React__default.createElement(RangeDatePickerInput, { id: props.id, ref: (node) => { renderProps.ref(node); targetRef.current = node; }, cx: props.inputCx, onClick: () => renderProps.toggleDropdownOpening(true), 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, type);
+            return props.renderTarget?.(renderProps) || (React__default.createElement(RangeDatePickerInput, { id: props.id, ref: (node) => { renderProps.ref(node); targetRef.current = node; }, cx: props.inputCx, onClick: () => renderProps.toggleDropdownOpening(true), isDisabled: props.isDisabled, isInvalid: props.isInvalid, isReadonly: props.isReadonly, size: size, getPlaceholder: props.getPlaceholder, disableClear: props.disableClear, rawProps: props.rawProps, inFocus: inFocus, value: value, format: format, onValueChange: onValueChange, onFocusInput: (e, type) => {
+                    props.onFocus?.(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); }, onKeyDown: handleEscape }));
+                }, onBlurInput: (e, type) => { props.onBlur?.(e, type); !isOpen && setInFocus(null); }, onKeyDown: handleEscape }));
         }, renderBody: (renderProps) => renderBody(renderProps), onValueChange: (v) => onOpenChange(v), value: isOpen, modifiers: modifiers, placement: props.placement, forwardedRef: ref }));
 }
 const RangeDatePicker = /* @__PURE__ */React__default.forwardRef(RangeDatePickerComponent);
 
-var css$N = {"root":"_--rqHV","blocker":"YGgN11","marker":"PwvMNp","top":"iTI5KI","bottom":"DOVNhM","left":"gXiDfM","right":"l5vLvq","inside":"SvEyhK"};
+var css$N = {"root":"r770-s","blocker":"Rxk1cT","marker":"aUVXuk","top":"-pU3st","bottom":"xqhEC6","left":"zuU0it","right":"sJDsTK","inside":"mwqolr"};
 
 function DropMarker(props) {
     return props.isDndInProgress
@@ -2674,12 +2670,12 @@ function DropMarker(props) {
                     css$N.root,
                     css$N.marker,
                     css$N[props.position],
-                    props === null || props === void 0 ? void 0 : props.cx,
+                    props?.cx,
                 ]) })))
         : null;
 }
 
-var css$M = {"root":"A3dldn","line-height":"FJ-kyL","lineHeight":"FJ-kyL","font-size":"a8Gc3b","fontSize":"a8Gc3b"};
+var css$M = {"root":"nRxydU","line-height":"TNNoPW","lineHeight":"TNNoPW","font-size":"A4sNLT","fontSize":"A4sNLT"};
 
 function applyTextMods(mods) {
     return [
@@ -2695,16 +2691,18 @@ function applyTextMods(mods) {
     ];
 }
 const Text = /* @__PURE__ */withMods(uuiComponents.Text, applyTextMods, (props) => {
-    var _a;
-    const style = ((_a = props === null || props === void 0 ? void 0 : props.rawProps) === null || _a === void 0 ? void 0 : _a.style) || {};
+    const style = props?.rawProps?.style || {};
     props.fontSize && (style['--uui-text-font-size'] = `${props.fontSize}px`);
     props.lineHeight && (style['--uui-text-line-height'] = `${props.lineHeight}px`);
     return {
-        rawProps: Object.assign(Object.assign({}, props === null || props === void 0 ? void 0 : props.rawProps), { style: style }),
+        rawProps: {
+            ...props?.rawProps,
+            style: style,
+        },
     };
 });
 
-var css$L = {"root":"YlTVbm","loading-word":"qIJzK-","loadingWord":"qIJzK-","animated-loading":"BXzop3","animatedLoading":"BXzop3","skeleton_loading":"Cs-67S","skeletonLoading":"Cs-67S"};
+var css$L = {"root":"BhTsOJ","loading-word":"_9u9irQ","loadingWord":"_9u9irQ","animated-loading":"p-R-41","animatedLoading":"p-R-41","skeleton_loading":"mtCOaR","skeletonLoading":"mtCOaR"};
 
 const TextPlaceholder = (props) => {
     const pattern = '&nbsp;';
@@ -2716,20 +2714,20 @@ const TextPlaceholder = (props) => {
         }
         return words;
     }, [props.wordsCount]);
-    return (React.createElement("div", Object.assign({ "aria-busy": true, className: cx(css$L.root, 'uui-text-placeholder') }, props.rawProps), text.map((it, index) => (React.createElement("span", { key: index, className: cx([
+    return (React.createElement("div", { "aria-busy": true, className: cx(css$L.root, 'uui-text-placeholder'), ...props.rawProps }, text.map((it, index) => (React.createElement("span", { key: index, className: cx([
             props.cx, css$L.loadingWord, !props.isNotAnimated && css$L.animatedLoading,
         ]), dangerouslySetInnerHTML: { __html: it } })))));
 };
 
-const RichTextView = /* @__PURE__ */withMods(uuiComponents.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || '14'}`]);
+const RichTextView = /* @__PURE__ */withMods(uuiComponents.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || settings.sizes.defaults.richTextView}`]);
 
-var css$K = {"uui-typography":"kLBxhD","uuiTypography":"kLBxhD","hero-header":"B-Tt2c","heroHeader":"B-Tt2c","promo-header":"c6G5ZX","promoHeader":"c6G5ZX","uui-critical":"_2yoqbT","uuiCritical":"_2yoqbT","uui-info":"N4UlG2","uuiInfo":"N4UlG2","uui-success":"erNU-s","uuiSuccess":"erNU-s","uui-warning":"g-VHkV","uuiWarning":"g-VHkV","uui-highlight":"_2P5CxQ","uuiHighlight":"_2P5CxQ","uui-typography-size-12":"iIIOO1","uuiTypographySize12":"iIIOO1","uui-typography-size-14":"_5Dt71s","uuiTypographySize14":"_5Dt71s","uui-typography-size-16":"cdshSz","uuiTypographySize16":"cdshSz","modal":"uTQev6","search-wrapper":"iueTZa","searchWrapper":"iueTZa","no-data":"jua5BE","noData":"jua5BE","type-search-to-load-size-24":"S3Uy4W","typeSearchToLoadSize24":"S3Uy4W"};
+var css$K = {"uui-typography":"HxDx9i","uuiTypography":"HxDx9i","hero-header":"_5VKSx5","heroHeader":"_5VKSx5","promo-header":"_9DfNxC","promoHeader":"_9DfNxC","uui-critical":"_0zi0mL","uuiCritical":"_0zi0mL","uui-info":"CAz27P","uuiInfo":"CAz27P","uui-success":"hUHlcf","uuiSuccess":"hUHlcf","uui-warning":"rd4B66","uuiWarning":"rd4B66","uui-highlight":"nud0ey","uuiHighlight":"nud0ey","uui-typography-size-12":"vGMHV5","uuiTypographySize12":"vGMHV5","uui-typography-size-14":"_1oV-F-","uuiTypographySize14":"_1oV-F-","uui-typography-size-16":"pBt5IQ","uuiTypographySize16":"pBt5IQ","modal":"JZp-zC","search-wrapper":"MC-RfA","searchWrapper":"MC-RfA","no-data":"ehup4C","noData":"ehup4C","type-search-to-load-size-24":"QuDh0j","typeSearchToLoadSize24":"QuDh0j"};
 
 class DataPickerBody extends PickerBodyBase {
     constructor() {
         super(...arguments);
         this.lens = Lens.onEditableComponent(this);
-        this.searchLens = this.lens.prop('search');
+        this.searchLens = this.lens.prop('search').default('');
         this.getSearchSize = () => (isMobile() ? settings.sizes.pickerInput.body.mobile.searchInput : this.props.searchSize);
     }
     renderEmpty() {
@@ -2766,12 +2764,12 @@ class DataPickerBody extends PickerBodyBase {
         return (React__default.createElement(React__default.Fragment, null,
             this.showSearch() && (React__default.createElement("div", { key: "search", className: css$K.searchWrapper },
                 React__default.createElement(FlexCell$1, { grow: 1 },
-                    React__default.createElement(SearchInput, Object.assign({ ref: this.searchRef, placeholder: i18n.dataPickerBody.searchPlaceholder }, this.searchLens.toProps(), { onKeyDown: this.searchKeyDown, size: searchSize, debounceDelay: this.props.searchDebounceDelay, rawProps: { dir: 'auto' } }))))),
-            React__default.createElement(FlexRow, { key: "body", cx: cx$1('uui-picker_input-body', css$K[this.props.editMode], css$K[this.props.selectionMode]), rawProps: { style: { maxHeight: this.props.maxHeight, maxWidth: this.props.maxWidth } } }, this.props.rows.length > 0 ? (React__default.createElement(VirtualList, Object.assign({}, this.lens.toProps(), { rows: this.props.rows, rawProps: this.props.rawProps, rowsCount: this.props.rowsCount, isLoading: this.props.isReloading }))) : this.renderEmpty())));
+                    React__default.createElement(SearchInput, { ref: this.searchRef, placeholder: i18n.dataPickerBody.searchPlaceholder, ...this.searchLens.toProps(), onKeyDown: this.searchKeyDown, size: searchSize, debounceDelay: this.props.searchDebounceDelay, rawProps: { dir: 'auto' } })))),
+            React__default.createElement(FlexRow, { key: "body", cx: cx$1('uui-picker_input-body', css$K[this.props.editMode], css$K[this.props.selectionMode]), rawProps: { style: { maxHeight: this.props.maxHeight, maxWidth: this.props.maxWidth } } }, this.props.rows.length > 0 ? (React__default.createElement(VirtualList, { ...this.lens.toProps(), rows: this.props.rows, rawProps: this.props.rawProps, rowsCount: this.props.rowsCount, isLoading: this.props.isReloading })) : this.renderEmpty())));
     }
 }
 
-var css$J = {"footer":"ZUAwBd"};
+var css$J = {"footer":"sozOQb"};
 
 function DataPickerFooterImpl(props) {
     const { search, clearSelection, view, showSelected, selectionMode, isSearchTooShort, } = props;
@@ -2782,11 +2780,12 @@ function DataPickerFooterImpl(props) {
     const clearAllText = i18n.pickerInput.clearSelectionButton;
     const clearSingleText = i18n.pickerInput.clearSelectionButtonSingle;
     const selectAllText = i18n.pickerInput.selectAllButton;
-    const isSearching = search === null || search === void 0 ? void 0 : search.length;
-    const hideFooter = isSearchTooShort || rowsCount === 0 || isSearching || (isSinglePicker && props.disableClear);
+    const isSearching = search?.length;
+    const hideFooter = (rowsCount === 0 && !hasSelection) || isSearching || (isSinglePicker && props.disableClear);
     const showClear = !props.disableClear && (isSinglePicker ? true : (!view.selectAll || hasSelection));
     return !hideFooter && (React__default.createElement(FlexRow, { cx: css$J.footer },
-        !isSinglePicker && (React__default.createElement(Switch, { size: settings.sizes.pickerInput.body.dropdown.footer.switch[props.size], value: showSelected.value, isDisabled: !hasSelection, onValueChange: showSelected.onValueChange, label: i18n.pickerInput.showOnlySelectedLabel })),
+        !isSinglePicker && !isSearchTooShort && ( // Show this switch only for multi mode and when some rows rendered
+        React__default.createElement(Switch, { size: settings.sizes.pickerInput.body.dropdown.footer.switch[props.size], value: showSelected.value, isDisabled: !hasSelection, onValueChange: showSelected.onValueChange, label: i18n.pickerInput.showOnlySelectedLabel })),
         React__default.createElement(FlexSpacer, null),
         React__default.createElement(FlexCell, { width: "auto", alignSelf: "center" },
             view.selectAll && !hasSelection && (React__default.createElement(LinkButton, { key: "SelectAll/ClearAll" // We use the same key for these buttons, because we need to leave focus on it after click, so we need to react doesn't remount it.
@@ -2796,13 +2795,13 @@ function DataPickerFooterImpl(props) {
 }
 const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
 
-var css$I = {"header":"_3DSq5k","title":"By9VJ2","close":"gU-Ide"};
+var css$I = {"header":"wMZ-WZ","title":"YlL16p","close":"xQZv6j"};
 
 const DataPickerHeaderImpl = (props) => {
     const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
     return (React__default.createElement(FlexRow, { alignItems: "center", borderBottom: true, cx: css$I.header },
         React__default.createElement(Text, { size: settings.sizes.pickerInput.body.mobile.header.titleSize, cx: css$I.title }, title),
-        React__default.createElement(IconButton, { icon: ForwardRef$R, onClick: () => { var _a; return (_a = props.close) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$I.close })));
+        React__default.createElement(IconButton, { icon: ForwardRef$R, onClick: () => props.close?.(), cx: css$I.close })));
 };
 const DataPickerHeader = /* @__PURE__ */React__default.memo(DataPickerHeaderImpl);
 
@@ -2821,7 +2820,7 @@ var SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
 };
 var ForwardRef$s = /*#__PURE__*/forwardRef(SvgNotificationDoneFill);
 
-var css$H = {"uui-typography":"QEjom7","uuiTypography":"QEjom7","hero-header":"a57md4","heroHeader":"a57md4","promo-header":"Z-aeOW","promoHeader":"Z-aeOW","uui-critical":"UpKyOz","uuiCritical":"UpKyOz","uui-info":"kQ-xQZ","uuiInfo":"kQ-xQZ","uui-success":"DBdFW6","uuiSuccess":"DBdFW6","uui-warning":"vRDH22","uuiWarning":"vRDH22","uui-highlight":"KkiaV1","uuiHighlight":"KkiaV1","uui-typography-size-12":"_8yeFrM","uuiTypographySize12":"_8yeFrM","uui-typography-size-14":"H-BPdm","uuiTypographySize14":"H-BPdm","uui-typography-size-16":"BChWwY","uuiTypographySize16":"BChWwY","root":"IsNXt-","align-widgets-top":"_29-1Aq","alignWidgetsTop":"_29-1Aq","align-widgets-center":"jcw52X","alignWidgetsCenter":"jcw52X","icon-container":"upZuXl","iconContainer":"upZuXl","loading-cell":"-Mv0B9","loadingCell":"-Mv0B9","content-wrapper":"_5VUVOh","contentWrapper":"_5VUVOh","render-item":"-mCBNO","renderItem":"-mCBNO","icon-wrapper":"s-8Qbv","iconWrapper":"s-8Qbv","icon-default":"_7j-rSv","iconDefault":"_7j-rSv","selected-mark":"QHaYST","selectedMark":"QHaYST"};
+var css$H = {"uui-typography":"ABRSP8","uuiTypography":"ABRSP8","hero-header":"wRZybC","heroHeader":"wRZybC","promo-header":"asiE9V","promoHeader":"asiE9V","uui-critical":"AsmwAs","uuiCritical":"AsmwAs","uui-info":"-uBWvQ","uuiInfo":"-uBWvQ","uui-success":"_2kj7aE","uuiSuccess":"_2kj7aE","uui-warning":"bewLAK","uuiWarning":"bewLAK","uui-highlight":"IqY4-t","uuiHighlight":"IqY4-t","uui-typography-size-12":"KCX5pw","uuiTypographySize12":"KCX5pw","uui-typography-size-14":"mqV-mo","uuiTypographySize14":"mqV-mo","uui-typography-size-16":"UzBgBP","uuiTypographySize16":"UzBgBP","root":"_1G6IGo","align-widgets-top":"bIoXk-","alignWidgetsTop":"bIoXk-","align-widgets-center":"cBkJ7a","alignWidgetsCenter":"cBkJ7a","icon-container":"_8FqDvc","iconContainer":"_8FqDvc","loading-cell":"MsFp0B","loadingCell":"MsFp0B","content-wrapper":"_0qKHT-","contentWrapper":"_0qKHT-","render-item":"ZTQ4-q","renderItem":"ZTQ4-q","icon-wrapper":"JxtiW2","iconWrapper":"JxtiW2","icon-default":"llubGF","iconDefault":"llubGF","selected-mark":"_0YHkYX","selectedMark":"_0YHkYX"};
 
 function DataPickerCell(props) {
     const ref = React.useRef();
@@ -2854,11 +2853,11 @@ function DataPickerCell(props) {
         ], style: props.padding && {
             '--uui-data_picker_cell-horizontal-padding': `${props.padding}px`,
         } },
-        React.createElement(DataRowAddons, Object.assign({ size: props.size }, props, { tabIndex: -1 })),
+        React.createElement(DataRowAddons, { size: props.size, ...props, tabIndex: -1 }),
         getWrappedContent()));
 }
 
-var css$G = {"uui-typography":"siNryl","uuiTypography":"siNryl","hero-header":"h4KG3O","heroHeader":"h4KG3O","promo-header":"_5-T5lb","promoHeader":"_5-T5lb","uui-critical":"vyoGOH","uuiCritical":"vyoGOH","uui-info":"HwzBBi","uuiInfo":"HwzBBi","uui-success":"KOaiCH","uuiSuccess":"KOaiCH","uui-warning":"_3Uh2w3","uuiWarning":"_3Uh2w3","uui-highlight":"vCWV0I","uuiHighlight":"vCWV0I","uui-typography-size-12":"j67G62","uuiTypographySize12":"j67G62","uui-typography-size-14":"_5gMjDd","uuiTypographySize14":"_5gMjDd","uui-typography-size-16":"_3buSmf","uuiTypographySize16":"_3buSmf","picker-row":"s4cSju","pickerRow":"s4cSju"};
+var css$G = {"uui-typography":"_1nkYG0","uuiTypography":"_1nkYG0","hero-header":"dimCXO","heroHeader":"dimCXO","promo-header":"qyq6VH","promoHeader":"qyq6VH","uui-critical":"B8CkH4","uuiCritical":"B8CkH4","uui-info":"CoyrHT","uuiInfo":"CoyrHT","uui-success":"JPkeQW","uuiSuccess":"JPkeQW","uui-warning":"aDToIv","uuiWarning":"aDToIv","uui-highlight":"ofwnxv","uuiHighlight":"ofwnxv","uui-typography-size-12":"F8-r3S","uuiTypographySize12":"F8-r3S","uui-typography-size-14":"_3vbTHX","uuiTypographySize14":"_3vbTHX","uui-typography-size-16":"_6AdfbZ","uuiTypographySize16":"_6AdfbZ","picker-row":"vfEsYk","pickerRow":"vfEsYk"};
 
 class DataPickerRow extends React.Component {
     constructor() {
@@ -2868,20 +2867,20 @@ class DataPickerRow extends React.Component {
         };
     }
     render() {
-        return (React.createElement(DataPickerRow$1, Object.assign({}, this.props, { cx: [css$G.pickerRow, this.props.cx], renderContent: this.renderContent })));
+        return (React.createElement(DataPickerRow$1, { ...this.props, cx: [css$G.pickerRow, this.props.cx], renderContent: this.renderContent }));
     }
 }
 
-var css$F = {"uui-typography":"Q42XwY","uuiTypography":"Q42XwY","hero-header":"SBm4ka","heroHeader":"SBm4ka","promo-header":"Rr-TZA","promoHeader":"Rr-TZA","uui-critical":"eRjik3","uuiCritical":"eRjik3","uui-info":"dND8ON","uuiInfo":"dND8ON","uui-success":"kMevo2","uuiSuccess":"kMevo2","uui-warning":"NtSFhq","uuiWarning":"NtSFhq","uui-highlight":"CnMBPs","uuiHighlight":"CnMBPs","uui-typography-size-12":"Bx1rUq","uuiTypographySize12":"Bx1rUq","uui-typography-size-14":"d7zbkD","uuiTypographySize14":"d7zbkD","uui-typography-size-16":"_6eeSmd","uuiTypographySize16":"_6eeSmd","done":"A2IPf3","container":"xEmc0l"};
+var css$F = {"uui-typography":"_9CDQzT","uuiTypography":"_9CDQzT","hero-header":"jMK-oa","heroHeader":"jMK-oa","promo-header":"hdyb-c","promoHeader":"hdyb-c","uui-critical":"rtAyKJ","uuiCritical":"rtAyKJ","uui-info":"rH6cmC","uuiInfo":"rH6cmC","uui-success":"Lz-pJ9","uuiSuccess":"Lz-pJ9","uui-warning":"YEj-aM","uuiWarning":"YEj-aM","uui-highlight":"_9p7pDl","uuiHighlight":"_9p7pDl","uui-typography-size-12":"jT2yqX","uuiTypographySize12":"jT2yqX","uui-typography-size-14":"qY5H4D","uuiTypographySize14":"qY5H4D","uui-typography-size-16":"sOWLqQ","uuiTypographySize16":"sOWLqQ","done":"s3y5zt","container":"pB1d1t"};
 
 const PickerBodyMobileView = (props) => {
     const isMobileView = isMobile();
     const maxWidth = isMobileView ? 'auto' : props.maxWidth;
     const maxHeight = isMobileView ? 'auto' : props.maxHeight;
-    return (React__default.createElement(DropdownContainer, Object.assign({}, props, { maxWidth: maxWidth, maxHeight: maxHeight, cx: [css$F.container, props.cx], autoFocus: true }),
+    return (React__default.createElement(DropdownContainer, { ...props, maxWidth: maxWidth, maxHeight: maxHeight, cx: [css$F.container, props.cx], autoFocus: true },
         isMobileView && React__default.createElement(DataPickerHeader, { title: props.title, close: props.onClose }),
         props.children,
-        isMobileView && React__default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => { var _a; return (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$F.done, size: settings.sizes.pickerInput.body.mobile.footer.linkButton })));
+        isMobileView && React__default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => props.onClose?.(), cx: css$F.done, size: settings.sizes.pickerInput.body.mobile.footer.linkButton })));
 };
 
 var _path$r, _path2$4;
@@ -2906,20 +2905,20 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
 };
 var ForwardRef$r = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
 
-var css$E = {"uui-typography":"Agv7jz","uuiTypography":"Agv7jz","hero-header":"wx8SkL","heroHeader":"wx8SkL","promo-header":"NfLVB0","promoHeader":"NfLVB0","uui-critical":"Apm-ly","uuiCritical":"Apm-ly","uui-info":"GStFcu","uuiInfo":"GStFcu","uui-success":"RsRT6M","uuiSuccess":"RsRT6M","uui-warning":"QBkx5-","uuiWarning":"QBkx5-","uui-highlight":"kPZe7A","uuiHighlight":"kPZe7A","uui-typography-size-12":"jrS3Lr","uuiTypographySize12":"jrS3Lr","uui-typography-size-14":"RqawC2","uuiTypographySize14":"RqawC2","uui-typography-size-16":"_022Kyr","uuiTypographySize16":"_022Kyr","sub-header-wrapper":"RXI25w","subHeaderWrapper":"RXI25w","switch":"CSj-Gj","no-found-modal-container":"_-8xXTh","noFoundModalContainer":"_-8xXTh","no-found-modal-container-icon":"_7SrDIk","noFoundModalContainerIcon":"_7SrDIk","no-found-modal-container-text":"_4OYeCI","noFoundModalContainerText":"_4OYeCI"};
+var css$E = {"uui-typography":"g19Aaf","uuiTypography":"g19Aaf","hero-header":"MRSVr3","heroHeader":"MRSVr3","promo-header":"_5-cyyu","promoHeader":"_5-cyyu","uui-critical":"v3ZeyL","uuiCritical":"v3ZeyL","uui-info":"N0DO5V","uuiInfo":"N0DO5V","uui-success":"_0ISLjj","uuiSuccess":"_0ISLjj","uui-warning":"z7SJuL","uuiWarning":"z7SJuL","uui-highlight":"swu-iL","uuiHighlight":"swu-iL","uui-typography-size-12":"_22dH7X","uuiTypographySize12":"_22dH7X","uui-typography-size-14":"rnaj4I","uuiTypographySize14":"rnaj4I","uui-typography-size-16":"_8ojcMS","uuiTypographySize16":"_8ojcMS","sub-header-wrapper":"AtSLRH","subHeaderWrapper":"AtSLRH","switch":"uhMYYA","no-found-modal-container":"KO0IAv","noFoundModalContainer":"KO0IAv","no-found-modal-container-icon":"nDcD5x","noFoundModalContainerIcon":"nDcD5x","no-found-modal-container-text":"_2jZsix","noFoundModalContainerText":"_2jZsix"};
 
 const mergeHighlightRanges = (ranges) => {
     const mergedRanges = [];
     ranges.forEach((range) => {
         if (!mergedRanges.length) {
-            mergedRanges.push(Object.assign(Object.assign({}, range), { isHighlighted: true }));
+            mergedRanges.push({ ...range, isHighlighted: true });
         }
         const lastRange = mergedRanges[mergedRanges.length - 1];
         if (range.from >= lastRange.from && range.from <= lastRange.to && range.to > lastRange.to) {
             lastRange.to = range.to;
         }
         if (lastRange.to < range.from) {
-            mergedRanges.push(Object.assign(Object.assign({}, range), { isHighlighted: true }));
+            mergedRanges.push({ ...range, isHighlighted: true });
         }
     });
     return mergedRanges;
@@ -2960,7 +2959,7 @@ const getHighlightRanges = (str, search) => {
 };
 const getDecoratedText = (str, ranges) => ranges.map((range, index) => {
     const rangeStr = str.substring(range.from, range.to);
-    return (React__default.createElement("span", Object.assign({ key: `${rangeStr}-${index}` }, (range.isHighlighted ? { className: 'uui-highlight' } : {})), rangeStr));
+    return (React__default.createElement("span", { key: `${rangeStr}-${index}`, ...(range.isHighlighted ? { className: 'uui-highlight' } : {}) }, rangeStr));
 });
 const getHighlightedSearchMatches = (str, search) => {
     if (!search || !str) {
@@ -2973,14 +2972,13 @@ const getHighlightedSearchMatches = (str, search) => {
     return getDecoratedText(str, ranges);
 };
 
-var css$D = {"root":"CIG2Xr","column-gap":"Tm0Fwb","columnGap":"Tm0Fwb","multiline":"_4WyMTB","text":"Zx9mSy"};
+var css$D = {"root":"xn0B4y","column-gap":"tkXQjV","columnGap":"tkXQjV","multiline":"TLoOEr","text":"hhdFZN"};
 
 function PickerItem(props) {
-    var _a;
     const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, cx, } = props;
     const itemSize = size || settings.sizes.pickerInput.body.dropdown.row.cell.item.default;
     const isMultiline = !!(props.title && props.subtitle);
-    const { search } = (_a = props.dataSourceState) !== null && _a !== void 0 ? _a : {};
+    const { search } = props.dataSourceState ?? {};
     const title = highlightSearchMatches ? getHighlightedSearchMatches(props.title, search) : props.title;
     const subtitle = highlightSearchMatches ? getHighlightedSearchMatches(props.subtitle, search) : props.subtitle;
     return (React.createElement(FlexCell, { width: "auto", cx: [css$D.root, 'uui-typography', cx] },
@@ -3007,10 +3005,10 @@ function PickerModal(props) {
     };
     const renderItem = (item, rowProps, dsState) => {
         const { flattenSearchResults } = view.getConfig();
-        return (React__default.createElement(PickerItem, Object.assign({ title: getName(item), size: "36", dataSourceState: dsState }, (flattenSearchResults ? { subtitle: getSubtitle(rowProps, dataSourceState) } : {}), rowProps)));
+        return (React__default.createElement(PickerItem, { title: getName(item), size: "36", dataSourceState: dsState, ...(flattenSearchResults ? { subtitle: getSubtitle(rowProps, dataSourceState) } : {}), ...rowProps }));
     };
     const renderRow = (rowProps) => {
-        return props.renderRow ? (props.renderRow(rowProps, dataSourceState)) : (React__default.createElement(DataPickerRow, Object.assign({}, rowProps, { key: rowProps.rowKey, padding: "24", size: "36", renderItem: (item, itemProps) => renderItem(item, itemProps, dataSourceState) })));
+        return props.renderRow ? (props.renderRow(rowProps, dataSourceState)) : (React__default.createElement(DataPickerRow, { ...rowProps, key: rowProps.rowKey, padding: "24", size: "36", renderItem: (item, itemProps) => renderItem(item, itemProps, dataSourceState) }));
     };
     const renderFooter = () => {
         const hasSelection = view.getSelectedRowsCount() > 0;
@@ -3030,40 +3028,44 @@ function PickerModal(props) {
     };
     const dataRows = getRows();
     const rows = dataRows.map((row) => renderRow(row));
-    return (React__default.createElement(ModalBlocker, Object.assign({}, props),
+    return (React__default.createElement(ModalBlocker, { ...props },
         React__default.createElement(ModalWindow, { width: 600, height: 700 },
             React__default.createElement(ModalHeader, { title: props.caption || i18n.pickerModal.headerTitle, onClose: () => props.abort() }),
             React__default.createElement(FlexCell, { cx: css$E.subHeaderWrapper },
                 React__default.createElement(FlexRow, { vPadding: "24" },
-                    React__default.createElement(SearchInput, Object.assign({}, dataSourceStateLens.prop('search').toProps(), { onKeyDown: (e) => handleDataSourceKeyboard({
+                    React__default.createElement(SearchInput, { ...dataSourceStateLens.prop('search').toProps(), onKeyDown: (e) => handleDataSourceKeyboard({
                             value: getDataSourceState(),
                             onValueChange: handleDataSourceValueChange,
                             listView: view,
                             rows: dataRows,
                             searchPosition: 'body',
-                        }, e), autoFocus: true, placeholder: i18n.pickerModal.searchPlaceholder, rawProps: { dir: 'auto' } }))),
-                !isSingleSelect() && (React__default.createElement(Switch, Object.assign({ cx: css$E.switch, size: "18" }, getFooterProps().showSelected, { isDisabled: view.getSelectedRowsCount() < 1, label: "Show only selected" }))),
+                        }, e), autoFocus: true, placeholder: i18n.pickerModal.searchPlaceholder, rawProps: { dir: 'auto' } })),
+                !isSingleSelect() && (React__default.createElement(Switch, { cx: css$E.switch, size: "18", ...getFooterProps().showSelected, isDisabled: view.getSelectedRowsCount() < 1, label: "Show only selected" })),
                 props.renderFilter && React__default.createElement(FlexCell, { grow: 2 }, props.renderFilter(dataSourceStateLens.prop('filter').toProps()))),
-            React__default.createElement(DataPickerBody, Object.assign({}, getListProps(), { value: getDataSourceState(), onValueChange: handleDataSourceValueChange, search: dataSourceStateLens.prop('search').toProps(), showSearch: false, rows: rows, renderNotFound: renderNotFound, editMode: "modal" })),
+            React__default.createElement(DataPickerBody, { ...getListProps(), value: getDataSourceState(), onValueChange: handleDataSourceValueChange, search: dataSourceStateLens.prop('search').toProps(), showSearch: false, rows: rows, renderNotFound: renderNotFound, editMode: "modal" }),
             React__default.createElement(ModalFooter, { padding: "24", vPadding: "24" }, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
 }
 
-var css$C = {"tooltip":"tRTd0b"};
+var css$C = {"tooltip":"oeiAeF"};
 
 const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
-    var _a;
-    const tagProps = Object.assign(Object.assign({}, props), { tabIndex: -1, size: settings.sizes.pickerInput.toggler.tag[props.size], caption: ((_a = props.rowProps) === null || _a === void 0 ? void 0 : _a.isLoading) ? React.createElement(TextPlaceholder, null) : props.caption });
+    const tagProps = {
+        ...props,
+        tabIndex: -1,
+        size: settings.sizes.pickerInput.toggler.tag[props.size],
+        caption: props.rowProps?.isLoading ? React.createElement(TextPlaceholder, null) : props.caption,
+    };
     if (props.isCollapsed) {
         const collapsedRows = props.collapsedRows.map((row) => props.getName(row.value)).join(', ');
         return (React.createElement(Tooltip, { key: "selected", content: collapsedRows, closeDelay: 150, closeOnMouseLeave: "boundary", cx: css$C.tooltip },
-            React.createElement(Tag, Object.assign({ ref: ref, rawProps: { role: 'option' } }, tagProps))));
+            React.createElement(Tag, { ref: ref, rawProps: { role: 'option' }, ...tagProps })));
     }
     else {
-        return React.createElement(Tag, Object.assign({ ref: ref, rawProps: { role: 'option' } }, tagProps));
+        return React.createElement(Tag, { ref: ref, rawProps: { role: 'option' }, ...tagProps });
     }
 });
 
-var css$B = {"uui-typography":"_8-2JIG","uuiTypography":"_8-2JIG","hero-header":"wWipjp","heroHeader":"wWipjp","promo-header":"GPkrL4","promoHeader":"GPkrL4","uui-critical":"oGCOPd","uuiCritical":"oGCOPd","uui-info":"cI2eNu","uuiInfo":"cI2eNu","uui-success":"_4g8S8T","uuiSuccess":"_4g8S8T","uui-warning":"MEOaaP","uuiWarning":"MEOaaP","uui-highlight":"ZsaslH","uuiHighlight":"ZsaslH","uui-typography-size-12":"wEekFQ","uuiTypographySize12":"wEekFQ","uui-typography-size-14":"ZgDNR3","uuiTypographySize14":"ZgDNR3","uui-typography-size-16":"-kF8WU","uuiTypographySize16":"-kF8WU","root":"ayaBYN","mode-form":"ZASwiN","modeForm":"ZASwiN","mode-cell":"mqVyi3","modeCell":"mqVyi3","mode-inline":"q-cZAP","modeInline":"q-cZAP"};
+var css$B = {"uui-typography":"_61h-lG","uuiTypography":"_61h-lG","hero-header":"QjuHFI","heroHeader":"QjuHFI","promo-header":"usIHqQ","promoHeader":"usIHqQ","uui-critical":"_1LrhgT","uuiCritical":"_1LrhgT","uui-info":"ZPA-7Y","uuiInfo":"ZPA-7Y","uui-success":"WDM4jS","uuiSuccess":"WDM4jS","uui-warning":"nDtAw1","uuiWarning":"nDtAw1","uui-highlight":"T6a-7R","uuiHighlight":"T6a-7R","uui-typography-size-12":"pCKbJ8","uuiTypographySize12":"pCKbJ8","uui-typography-size-14":"BpN-lv","uuiTypographySize14":"BpN-lv","uui-typography-size-16":"-Wsuxg","uuiTypographySize16":"-Wsuxg","root":"u3iEav","mode-form":"DO4phm","modeForm":"DO4phm","mode-cell":"_8I-T6N","modeCell":"_8I-T6N","mode-inline":"_0dGFxs","modeInline":"_0dGFxs"};
 
 const defaultMode = EditMode.FORM;
 function applyPickerTogglerMods(mods) {
@@ -3076,28 +3078,27 @@ function applyPickerTogglerMods(mods) {
 }
 function PickerTogglerComponent(props, ref) {
     const renderItem = (itemProps) => {
-        const itemPropsWithSize = Object.assign(Object.assign({}, itemProps), { size: (props.size || settings.sizes.pickerInput.toggler.defaults.tag) });
+        const itemPropsWithSize = { ...itemProps, size: (props.size || settings.sizes.pickerInput.toggler.defaults.tag) };
         if (!!props.renderItem) {
             return props.renderItem(itemPropsWithSize);
         }
-        return (React.createElement(PickerTogglerTag, Object.assign({}, itemPropsWithSize, { getName: props.getName })));
+        return (React.createElement(PickerTogglerTag, { ...itemPropsWithSize, getName: props.getName }));
     };
-    return (React.createElement(PickerToggler$1, Object.assign({}, props, { ref: ref, cx: [applyPickerTogglerMods(props), props.cx], renderItem: renderItem, getName: props.getName, cancelIcon: systemIcons.clear, dropdownIcon: systemIcons.foldingArrow })));
+    return (React.createElement(PickerToggler$1, { ...props, ref: ref, cx: [applyPickerTogglerMods(props), props.cx], renderItem: renderItem, getName: props.getName, cancelIcon: systemIcons.clear, dropdownIcon: systemIcons.foldingArrow }));
 }
 const PickerToggler = /* @__PURE__ */React.forwardRef(PickerTogglerComponent);
 
-function PickerInputComponent(_a, ref) {
-    var { highlightSearchMatches = true } = _a, props = __rest(_a, ["highlightSearchMatches"]);
+function PickerInputComponent({ highlightSearchMatches = true, ...props }, ref) {
     const toggleModalOpening = () => {
-        const { renderFooter, rawProps } = props, restProps = __rest(props, ["renderFooter", "rawProps"]);
+        const { renderFooter, rawProps, ...restProps } = props;
         context.uuiModals
-            .show((modalProps) => (React__default.createElement(PickerModal, Object.assign({}, restProps, { rawProps: rawProps === null || rawProps === void 0 ? void 0 : rawProps.body }, modalProps, { caption: getPlaceholder(), initialValue: props.value, renderRow: renderRow, selectionMode: props.selectionMode, valueType: props.valueType }))))
+            .show((modalProps) => (React__default.createElement(PickerModal, { ...restProps, rawProps: rawProps?.body, ...modalProps, caption: getPlaceholder(), initialValue: props.value, renderRow: renderRow, selectionMode: props.selectionMode, valueType: props.valueType })))
             .then((newSelection) => {
             handleSelectionValueChange(newSelection);
         })
             .catch(() => { });
     };
-    const { view, context, popperModifiers, getName, getPlaceholder, handleSelectionValueChange, getTogglerProps, getRows, handleTogglerSearchChange, toggleBodyOpening, dataSourceState, getFooterProps, getPickerBodyProps, getListProps, shouldShowBody, getSearchPosition, closePickerBody, openPickerBody, handlePickerInputKeyboard, } = usePickerInput(Object.assign(Object.assign({}, props), { toggleModalOpening }));
+    const { view, context, popperModifiers, getName, getPlaceholder, handleSelectionValueChange, getTogglerProps, getRows, handleTogglerSearchChange, toggleBodyOpening, dataSourceState, getFooterProps, getPickerBodyProps, getListProps, shouldShowBody, getSearchPosition, closePickerBody, openPickerBody, handlePickerInputKeyboard, } = usePickerInput({ ...props, toggleModalOpening });
     const dropdownRef = useRef(null);
     useImperativeHandle(ref, () => {
         if (dropdownRef.current) {
@@ -3113,12 +3114,17 @@ function PickerInputComponent(_a, ref) {
         };
     };
     const renderTarget = (targetProps) => {
-        const renderTargetFn = props.renderToggler || ((props) => React__default.createElement(PickerToggler, Object.assign({}, props)));
-        return (React__default.createElement(IEditableDebouncer, { value: targetProps.value, onValueChange: handleTogglerSearchChange, debounceDelay: props.searchDebounceDelay, render: (editableProps) => renderTargetFn(Object.assign(Object.assign(Object.assign(Object.assign({}, getTogglerMods()), targetProps), editableProps), { onKeyDown: (e) => handlePickerInputKeyboard(rows, e, editableProps.value) })) }));
+        const renderTargetFn = props.renderToggler || ((props) => React__default.createElement(PickerToggler, { ...props }));
+        return (React__default.createElement(IEditableDebouncer, { value: targetProps.value, onValueChange: handleTogglerSearchChange, debounceDelay: props.searchDebounceDelay, render: (editableProps) => renderTargetFn({
+                ...getTogglerMods(),
+                ...targetProps,
+                ...editableProps,
+                onKeyDown: (e) => handlePickerInputKeyboard(rows, e, editableProps.value),
+            }) }));
     };
     const renderFooter = () => {
         const footerProps = getFooterProps();
-        return props.renderFooter ? props.renderFooter(footerProps) : React__default.createElement(DataPickerFooter, Object.assign({}, footerProps, { size: props.size }));
+        return props.renderFooter ? props.renderFooter(footerProps) : React__default.createElement(DataPickerFooter, { ...footerProps, size: props.size });
     };
     const getRowSize = () => {
         if (isMobile()) {
@@ -3138,32 +3144,31 @@ function PickerInputComponent(_a, ref) {
     };
     const renderRowItem = (item, rowProps, dsState) => {
         const { flattenSearchResults } = view.getConfig();
-        return (React__default.createElement(PickerItem, Object.assign({ title: getName(item), size: getRowSize(), dataSourceState: dsState, highlightSearchMatches: highlightSearchMatches }, (flattenSearchResults ? { subtitle: getSubtitle(rowProps, dataSourceState) } : {}), rowProps)));
+        return (React__default.createElement(PickerItem, { title: getName(item), size: getRowSize(), dataSourceState: dsState, highlightSearchMatches: highlightSearchMatches, ...(flattenSearchResults ? { subtitle: getSubtitle(rowProps, dataSourceState) } : {}), ...rowProps }));
     };
     const renderRow = (rowProps, dsState) => {
-        return props.renderRow ? (props.renderRow(rowProps, dsState)) : (React__default.createElement(DataPickerRow, Object.assign({}, rowProps, { key: rowProps.rowKey, size: getRowSize(), padding: (props.editMode === 'modal' ? settings.sizes.pickerInput.body.modal.padding : settings.sizes.pickerInput.body.dropdown.padding), renderItem: (item, itemProps) => renderRowItem(item, itemProps, dsState) })));
+        return props.renderRow ? (props.renderRow(rowProps, dsState)) : (React__default.createElement(DataPickerRow, { ...rowProps, key: rowProps.rowKey, size: getRowSize(), padding: (props.editMode === 'modal' ? settings.sizes.pickerInput.body.modal.padding : settings.sizes.pickerInput.body.dropdown.padding), renderItem: (item, itemProps) => renderRowItem(item, itemProps, dsState) }));
     };
     const renderBody = (bodyProps, rows) => {
         const renderedDataRows = rows.map((row) => renderRow(row, dataSourceState));
         const bodyHeight = isMobile() ? document.documentElement.clientHeight : props.dropdownHeight || settings.sizes.pickerInput.body.dropdown.height;
         const minBodyWidth = props.minBodyWidth || settings.sizes.pickerInput.body.dropdown.width;
         return (React__default.createElement(PickerBodyMobileView, { title: props.entityName, onClose: () => toggleBodyOpening(false), cx: [props.bodyCx], onKeyDown: bodyProps.onKeyDown, width: bodyProps.togglerWidth > minBodyWidth ? bodyProps.togglerWidth : minBodyWidth, focusLock: getSearchPosition() === 'body' },
-            React__default.createElement(DataPickerBody, Object.assign({}, bodyProps, { rows: renderedDataRows, maxHeight: bodyHeight, searchSize: props.size, editMode: "dropdown", selectionMode: props.selectionMode })),
+            React__default.createElement(DataPickerBody, { ...bodyProps, rows: renderedDataRows, maxHeight: bodyHeight, searchSize: props.size, editMode: "dropdown", selectionMode: props.selectionMode }),
             renderFooter()));
     };
     const rows = getRows();
     const renderItem = props.renderTag ? props.renderTag : null;
     return (React__default.createElement(Dropdown, { renderTarget: (dropdownProps) => {
             const targetProps = getTogglerProps();
-            return renderTarget(Object.assign(Object.assign(Object.assign({}, dropdownProps), targetProps), { renderItem }));
-        }, renderBody: (bodyProps) => renderBody(Object.assign(Object.assign(Object.assign({}, bodyProps), getPickerBodyProps(rows)), getListProps()), rows), value: shouldShowBody(), onValueChange: !props.isDisabled && toggleBodyOpening, placement: props.dropdownPlacement, modifiers: popperModifiers, closeBodyOnTogglerHidden: !isMobile(), portalTarget: props.portalTarget, ref: dropdownRef }));
+            return renderTarget({ ...dropdownProps, ...targetProps, renderItem });
+        }, renderBody: (bodyProps) => renderBody({ ...bodyProps, ...getPickerBodyProps(rows), ...getListProps() }, rows), value: shouldShowBody(), onValueChange: !props.isDisabled && toggleBodyOpening, placement: props.dropdownPlacement, modifiers: popperModifiers, closeBodyOnTogglerHidden: !isMobile(), portalTarget: props.portalTarget, ref: dropdownRef }));
 }
 const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
 
-var css$A = {"row":"H1rqOc"};
+var css$A = {"row":"jF1NuQ"};
 
 function PickerListItem(props) {
-    var _a;
     let label;
     if (props.isLoading) {
         label = React__default.createElement(TextPlaceholder, { wordsCount: 2 });
@@ -3173,31 +3178,31 @@ function PickerListItem(props) {
     }
     let component;
     if (props.checkbox) {
-        component = (React__default.createElement(Checkbox, Object.assign({}, props.checkbox, { isDisabled: props.isLoading || props.checkbox.isDisabled || props.isDisabled, label: label, value: props.isChecked, onValueChange: () => props.onCheck(props) })));
+        component = (React__default.createElement(Checkbox, { ...props.checkbox, isDisabled: props.isLoading || props.checkbox.isDisabled || props.isDisabled, label: label, value: props.isChecked, onValueChange: () => props.onCheck(props) }));
     }
     else {
         component = (React__default.createElement(RadioInput, { label: label, value: props.isSelected, isDisabled: props.isLoading || !props.isSelectable || props.isDisabled, onValueChange: () => props.onSelect(props) }));
     }
-    return (React__default.createElement("div", Object.assign({ role: "option", "aria-selected": props.isSelectable ? props.isSelected : undefined, "aria-busy": props.isLoading, "aria-posinset": props.index + 1 }, (((_a = props.checkbox) === null || _a === void 0 ? void 0 : _a.isVisible) && { 'aria-checked': props.isChecked }), { className: css$A.row }), component));
+    return (React__default.createElement("div", { role: "option", "aria-selected": props.isSelectable ? props.isSelected : undefined, "aria-busy": props.isLoading, "aria-posinset": props.index + 1, ...(props.checkbox?.isVisible && { 'aria-checked': props.isChecked }), className: css$A.row }, component));
 }
 
-var css$z = {"root":"e4VKR4"};
+var css$z = {"root":"_6Zwmy-"};
 
 function PickerList(props) {
     const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, dataSourceState, getModalTogglerCaption, } = usePickerList(props);
     const defaultRenderRow = (row) => {
-        return React__default.createElement(PickerListItem, Object.assign({ getName: (item) => getName(item) }, row, { key: row.rowKey }));
+        return React__default.createElement(PickerListItem, { getName: (item) => getName(item), ...row, key: row.rowKey });
     };
     const handleShowPicker = () => {
         context.uuiModals
-            .show((modalProps) => (React__default.createElement(PickerModal, Object.assign({}, modalProps, props, { caption: props.placeholder || `Please select ${getEntityName() ? getEntityName() : ''}`, initialValue: props.value, selectionMode: props.selectionMode, valueType: props.valueType }))))
+            .show((modalProps) => (React__default.createElement(PickerModal, { ...modalProps, ...props, caption: props.placeholder || `Please select ${getEntityName() ? getEntityName() : ''}`, initialValue: props.value, selectionMode: props.selectionMode, valueType: props.valueType })))
             .then((value) => {
             appendLastSelected([...getSelectedIdsArray(value)]);
             props.onValueChange(value);
         })
             .catch(() => { });
     };
-    const defaultRenderToggler = (props) => React__default.createElement(LinkButton, Object.assign({ caption: "Show all" }, props));
+    const defaultRenderToggler = (props) => React__default.createElement(LinkButton, { caption: "Show all", ...props });
     const viewProps = view.getListProps();
     const selectedRows = onlySelectedView.getVisibleRows();
     const rows = buildRowsList();
@@ -3207,7 +3212,7 @@ function PickerList(props) {
     return (React__default.createElement("div", { className: cx('uui-picker-list', css$z.root) },
         !rows.length
             && (props.noOptionsMessage || (React__default.createElement(Text, { color: "secondary", size: props.size }, "No options available"))),
-        rows.map((row) => renderRow(Object.assign(Object.assign({}, row), { isDisabled: props.isDisabled }), dataSourceState)),
+        rows.map((row) => renderRow({ ...row, isDisabled: props.isDisabled }, dataSourceState)),
         showPicker
             && renderToggler({
                 onClick: handleShowPicker,
@@ -3216,19 +3221,19 @@ function PickerList(props) {
             }, selectedRows)));
 }
 
-var css$y = {"uui-typography":"qzMRbe","uuiTypography":"qzMRbe","hero-header":"qFQgK4","heroHeader":"qFQgK4","promo-header":"U7F0Ar","promoHeader":"U7F0Ar","uui-critical":"_9Tc-za","uuiCritical":"_9Tc-za","uui-info":"OlvXe5","uuiInfo":"OlvXe5","uui-success":"zLmW2S","uuiSuccess":"zLmW2S","uui-warning":"Y2fYLp","uuiWarning":"Y2fYLp","uui-highlight":"ecIYZ6","uuiHighlight":"ecIYZ6","uui-typography-size-12":"_78h-wO","uuiTypographySize12":"_78h-wO","uui-typography-size-14":"kj52on","uuiTypographySize14":"kj52on","uui-typography-size-16":"_5Sk-1s","uuiTypographySize16":"_5Sk-1s","root":"nAP9Em","wrapper":"Xq5-k5","align-widgets-top":"L-pM0S","alignWidgetsTop":"L-pM0S","align-widgets-center":"_0lhC8U","alignWidgetsCenter":"_0lhC8U"};
+var css$y = {"uui-typography":"a6JNIj","uuiTypography":"a6JNIj","hero-header":"ZZBy0i","heroHeader":"ZZBy0i","promo-header":"atAVtU","promoHeader":"atAVtU","uui-critical":"QFudLM","uuiCritical":"QFudLM","uui-info":"DlH5L8","uuiInfo":"DlH5L8","uui-success":"PYeP89","uuiSuccess":"PYeP89","uui-warning":"kTbmsf","uuiWarning":"kTbmsf","uui-highlight":"_2IK4G7","uuiHighlight":"_2IK4G7","uui-typography-size-12":"wlzL-L","uuiTypographySize12":"wlzL-L","uui-typography-size-14":"CX18dp","uuiTypographySize14":"CX18dp","uui-typography-size-16":"JPl2ua","uuiTypographySize16":"JPl2ua","root":"vKPXcO","wrapper":"w9joLA","align-widgets-top":"_7HduvY","alignWidgetsTop":"_7HduvY","align-widgets-center":"AwP4aF","alignWidgetsCenter":"AwP4aF"};
 
 function DataTableCell(initialProps) {
-    const props = Object.assign({}, initialProps);
+    const props = { ...initialProps };
     if (props.isFirstColumn) {
-        props.addons = React.createElement(DataRowAddons, Object.assign({ size: props.size }, props));
+        props.addons = React.createElement(DataRowAddons, { size: props.size, ...props });
     }
     props.renderPlaceholder = props.renderPlaceholder
         || (() => (React.createElement(Text, { key: "t", size: settings.sizes.dataTable.body.row.cell.text[props.size] },
             React.createElement(TextPlaceholder, { isNotAnimated: true }))));
     props.renderUnknown = props.renderUnknown
         || (() => (React.createElement(Text, { key: "t", size: settings.sizes.dataTable.body.row.cell.text[props.size] }, "Unknown")));
-    props.renderTooltip = (tooltipProps) => React.createElement(Tooltip, Object.assign({ color: "critical" }, tooltipProps));
+    props.renderTooltip = (tooltipProps) => React.createElement(Tooltip, { color: "critical", ...tooltipProps });
     const isEditable = !!props.onValueChange;
     const getLeftPadding = () => {
         const { rowProps: { isLoading }, columnsGap, isFirstColumn } = props;
@@ -3262,18 +3267,18 @@ function DataTableCell(initialProps) {
         '--uui-dt-cell-padding-start': `${getLeftPadding()}px`,
         '--uui-dt-cell-padding-end': `${getRightPadding()}px`,
     };
-    return React.createElement(DataTableCell$1, Object.assign({}, props));
+    return React.createElement(DataTableCell$1, { ...props });
 }
 
-var css$x = {"uui-typography":"GkXzpz","uuiTypography":"GkXzpz","hero-header":"fYml6e","heroHeader":"fYml6e","promo-header":"D4B7sB","promoHeader":"D4B7sB","uui-critical":"TB2gZb","uuiCritical":"TB2gZb","uui-info":"ofoNqb","uuiInfo":"ofoNqb","uui-success":"LUIc42","uuiSuccess":"LUIc42","uui-warning":"_9jh8nW","uuiWarning":"_9jh8nW","uui-highlight":"_28BL3a","uuiHighlight":"_28BL3a","uui-typography-size-12":"p248df","uuiTypographySize12":"p248df","uui-typography-size-14":"thBWdA","uuiTypographySize14":"thBWdA","uui-typography-size-16":"BDqfms","uuiTypographySize16":"BDqfms","root":"NXIoza"};
+var css$x = {"uui-typography":"mzI6wR","uuiTypography":"mzI6wR","hero-header":"yX8Lag","heroHeader":"yX8Lag","promo-header":"qPAQ-B","promoHeader":"qPAQ-B","uui-critical":"Q2ztmy","uuiCritical":"Q2ztmy","uui-info":"rC4eUf","uuiInfo":"rC4eUf","uui-success":"YRTLXR","uuiSuccess":"YRTLXR","uui-warning":"Gxgxk0","uuiWarning":"Gxgxk0","uui-highlight":"_4fsWBg","uuiHighlight":"_4fsWBg","uui-typography-size-12":"hbBzqE","uuiTypographySize12":"hbBzqE","uui-typography-size-14":"_3A9T-D","uuiTypographySize14":"_3A9T-D","uui-typography-size-16":"_9exhAl","uuiTypographySize16":"_9exhAl","root":"K3uSqu"};
 
 // 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.
 const renderCell = (props) => {
     const mods = props.rowProps;
-    return React.createElement(DataTableCell, Object.assign({}, props, { size: mods.size, columnsGap: mods.columnsGap }));
+    return React.createElement(DataTableCell, { ...props, key: props.key, size: mods.size, columnsGap: mods.columnsGap });
 };
-const renderDropMarkers = (props) => React.createElement(DropMarker, Object.assign({}, props, { enableBlocker: true }));
+const renderDropMarkers = (props) => React.createElement(DropMarker, { ...props, enableBlocker: true });
 const propsMods = { renderCell, renderDropMarkers };
 const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = true, size }) => {
     return [
@@ -3281,7 +3286,7 @@ const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = t
     ];
 }, () => propsMods);
 
-var css$w = {"uui-typography":"_5jAcAt","uuiTypography":"_5jAcAt","hero-header":"_9yRcMn","heroHeader":"_9yRcMn","promo-header":"No4iDf","promoHeader":"No4iDf","uui-critical":"GwVOVf","uuiCritical":"GwVOVf","uui-info":"-gXwLz","uuiInfo":"-gXwLz","uui-success":"iJpTFR","uuiSuccess":"iJpTFR","uui-warning":"GYU0d6","uuiWarning":"GYU0d6","uui-highlight":"QQhdR1","uuiHighlight":"QQhdR1","uui-typography-size-12":"YAPrdY","uuiTypographySize12":"YAPrdY","uui-typography-size-14":"eE4-Zz","uuiTypographySize14":"eE4-Zz","uui-typography-size-16":"UMBJGR","uuiTypographySize16":"UMBJGR","sorting-panel-container":"qgFDBH","sortingPanelContainer":"qgFDBH"};
+var css$w = {"uui-typography":"_4iFPr4","uuiTypography":"_4iFPr4","hero-header":"JYXhhW","heroHeader":"JYXhhW","promo-header":"KQ4Blj","promoHeader":"KQ4Blj","uui-critical":"_5n5WWd","uuiCritical":"_5n5WWd","uui-info":"y4H3NR","uuiInfo":"y4H3NR","uui-success":"ho88Nc","uuiSuccess":"ho88Nc","uui-warning":"cFeEl8","uuiWarning":"cFeEl8","uui-highlight":"yVvK0A","uuiHighlight":"yVvK0A","uui-typography-size-12":"FZ-fs2","uuiTypographySize12":"FZ-fs2","uui-typography-size-14":"N8-jZu","uuiTypographySize14":"N8-jZu","uui-typography-size-16":"sra5UV","uuiTypographySize16":"sra5UV","sorting-panel-container":"_1EABRs","sortingPanelContainer":"_1EABRs"};
 
 var _path$q;
 function _extends$q() { return _extends$q = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$q.apply(null, arguments); }
@@ -3411,7 +3416,7 @@ var SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props
 };
 var ForwardRef$k = /*#__PURE__*/forwardRef(SvgNavigationExpandAllOutline);
 
-var css$v = {"uui-typography":"sc3GGL","uuiTypography":"sc3GGL","hero-header":"IHFSU6","heroHeader":"IHFSU6","promo-header":"fuFPcS","promoHeader":"fuFPcS","uui-critical":"ovMA-V","uuiCritical":"ovMA-V","uui-info":"dCW-Gz","uuiInfo":"dCW-Gz","uui-success":"-zgdwv","uuiSuccess":"-zgdwv","uui-warning":"yHN-q6","uuiWarning":"yHN-q6","uui-highlight":"Vzy9Mf","uuiHighlight":"Vzy9Mf","uui-typography-size-12":"HOBB8K","uuiTypographySize12":"HOBB8K","uui-typography-size-14":"sFEiRq","uuiTypographySize14":"sFEiRq","uui-typography-size-16":"_5iwiV8","uuiTypographySize16":"_5iwiV8","root":"fzDe8F","caption-wrapper":"LLqYj-","captionWrapper":"LLqYj-","sort-icon":"ObEuQs","sortIcon":"ObEuQs","dropdown-icon":"X9HwqX","dropdownIcon":"X9HwqX","infoIcon":"FK-R8r","resizable":"NcIr6a","align-right":"OLfgXT","alignRight":"OLfgXT","align-center":"s-UBG-","alignCenter":"s-UBG-","caption":"iMHHL9","truncate":"_7H7aI4","checkbox":"_3ViXiD","icon":"_6JSpcq","fold-all-icon":"Z28-SM","foldAllIcon":"Z28-SM","cell-tooltip":"qfmVq5","cellTooltip":"qfmVq5","upper-case":"IV466O","upperCase":"IV466O","resizing-marker":"IOAWs7","resizingMarker":"IOAWs7","pinned-right":"GhhnQz","pinnedRight":"GhhnQz","draggable":"KdgSfm","ghost":"jfa-pM","is-dragged-out":"iaPn1X","isDraggedOut":"iaPn1X","dnd-marker-left":"xIv1QF","dndMarkerLeft":"xIv1QF","dnd-marker-right":"JEREa3","dndMarkerRight":"JEREa3","cell-tooltip-wrapper":"-QpoPQ","cellTooltipWrapper":"-QpoPQ","cell-tooltip-text":"XQCoRa","cellTooltipText":"XQCoRa","tooltip-caption":"sU3Efo","tooltipCaption":"sU3Efo","tooltip-info":"CeAJv9","tooltipInfo":"CeAJv9"};
+var css$v = {"uui-typography":"_21XfQY","uuiTypography":"_21XfQY","hero-header":"BRi-jX","heroHeader":"BRi-jX","promo-header":"zKmBJD","promoHeader":"zKmBJD","uui-critical":"RvVhOS","uuiCritical":"RvVhOS","uui-info":"yAPwo5","uuiInfo":"yAPwo5","uui-success":"OiLmjn","uuiSuccess":"OiLmjn","uui-warning":"_3QIjZ7","uuiWarning":"_3QIjZ7","uui-highlight":"_425xqK","uuiHighlight":"_425xqK","uui-typography-size-12":"cGQ5CJ","uuiTypographySize12":"cGQ5CJ","uui-typography-size-14":"O21yvw","uuiTypographySize14":"O21yvw","uui-typography-size-16":"NOsklh","uuiTypographySize16":"NOsklh","root":"zwUlOn","caption-wrapper":"YhIv3o","captionWrapper":"YhIv3o","sort-icon":"iem-b8","sortIcon":"iem-b8","dropdown-icon":"Fh5Euk","dropdownIcon":"Fh5Euk","infoIcon":"tMUXHs","resizable":"_8Nll-G","align-right":"v5CDlb","alignRight":"v5CDlb","align-center":"_0Zw-c8","alignCenter":"_0Zw-c8","caption":"_4cqmmN","truncate":"ppHOIR","checkbox":"UiLcKV","icon":"mYB1tY","fold-all-icon":"-HoBAF","foldAllIcon":"-HoBAF","cell-tooltip":"_8LG9NN","cellTooltip":"_8LG9NN","upper-case":"HrP98p","upperCase":"HrP98p","resizing-marker":"H4CLqN","resizingMarker":"H4CLqN","pinned-right":"Q5qWTE","pinnedRight":"Q5qWTE","draggable":"CZzUqz","ghost":"sdCpXo","is-dragged-out":"LqGzpo","isDraggedOut":"LqGzpo","dnd-marker-left":"jtLjQo","dndMarkerLeft":"jtLjQo","dnd-marker-right":"KyAQN8","dndMarkerRight":"KyAQN8","cell-tooltip-wrapper":"FGEqUV","cellTooltipWrapper":"FGEqUV","cell-tooltip-text":"YDMeQd","cellTooltipText":"YDMeQd","tooltip-caption":"jIm71m","tooltipCaption":"jIm71m","tooltip-info":"-cgNXl","tooltipInfo":"-cgNXl"};
 
 class DataTableHeaderCell extends React.Component {
     constructor() {
@@ -3439,7 +3444,7 @@ class DataTableHeaderCell extends React.Component {
         };
         this.renderHeaderCheckbox = () => {
             if (this.props.selectAll && this.props.isFirstColumn) {
-                return (React.createElement(Checkbox, Object.assign({ size: settings.sizes.dataTable.header.row.cell.checkbox[this.props.size] }, this.props.selectAll, { cx: cx$1(css$v.checkbox, uuiDataTableHeaderCell.uuiTableHeaderCheckbox) })));
+                return (React.createElement(Checkbox, { size: settings.sizes.dataTable.header.row.cell.checkbox[this.props.size], ...this.props.selectAll, cx: cx$1(css$v.checkbox, uuiDataTableHeaderCell.uuiTableHeaderCheckbox) }));
             }
         };
         this.renderFoldAllIcon = () => {
@@ -3473,9 +3478,8 @@ class DataTableHeaderCell extends React.Component {
             return columnsGap ? +columnsGap / 2 : settings.sizes.dataTable.header.row.cell.defaults.resizeMarker;
         };
         this.renderCellContent = (props, dropdownProps) => {
-            var _a;
-            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 isResizable = this.props.column.allowResizing ?? this.props.allowColumnsResizing;
+            const onClickEvent = !props.isResizing && (!this.props.column.renderFilter ? props.toggleSort : dropdownProps?.onClick);
             const computeStyles = {
                 '--uui-dt-header-cell-icon-size': `${settings.sizes.dataTable.header.row.cell.iconSize[this.props.size || settings.sizes.dataTable.header.row.cell.defaults.size]}px`,
                 '--uui-dt-header-cell-padding-start': `${this.getLeftPadding()}px`,
@@ -3483,10 +3487,13 @@ class DataTableHeaderCell extends React.Component {
                 '--uui-dt-header-cell-resizing-marker-width': `${this.getResizingMarkerWidth()}px`,
             };
             return (React.createElement(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: cx$1(uuiDataTableHeaderCell.uuiTableHeaderCell, (this.props.column.isSortable || this.props.isDropdown) && uuiMarkers.clickable, css$v.root, `uui-size-${this.props.size || settings.sizes.dataTable.header.row.cell.defaults.size}`, this.props.isFirstColumn && 'uui-dt-header-first-column', this.props.isLastColumn && 'uui-dt-header-last-column', this.props.column.fix && css$v['pinned-' + this.props.column.fix], isResizable && css$v.resizable, props.isDraggable && css$v.draggable, props.isDragGhost && css$v.ghost, props.isDraggedOut && css$v.isDraggedOut, props.isDndInProgress && css$v['dnd-marker-' + props.position]), onClick: onClickEvent, rawProps: Object.assign({ role: 'columnheader', 'aria-sort': this.props.sortDirection === 'asc' ? 'ascending' : this.props.sortDirection ? 'descending' : 'none' }, props.eventHandlers), style: computeStyles },
+                    dropdownProps?.ref?.(ref);
+                }, cx: cx$1(uuiDataTableHeaderCell.uuiTableHeaderCell, (this.props.column.isSortable || this.props.isDropdown) && uuiMarkers.clickable, css$v.root, `uui-size-${this.props.size || settings.sizes.dataTable.header.row.cell.defaults.size}`, this.props.isFirstColumn && 'uui-dt-header-first-column', this.props.isLastColumn && 'uui-dt-header-last-column', this.props.column.fix && css$v['pinned-' + this.props.column.fix], isResizable && css$v.resizable, props.isDraggable && css$v.draggable, props.isDragGhost && css$v.ghost, props.isDraggedOut && css$v.isDraggedOut, props.isDndInProgress && css$v['dnd-marker-' + props.position]), onClick: onClickEvent, rawProps: {
+                    role: 'columnheader',
+                    'aria-sort': this.props.sortDirection === 'asc' ? 'ascending' : this.props.sortDirection ? 'descending' : 'none',
+                    ...props.eventHandlers,
+                }, style: computeStyles },
                 this.renderHeaderCheckbox(),
                 this.renderFoldAllIcon(),
                 this.getColumnCaption(),
@@ -3498,7 +3505,7 @@ class DataTableHeaderCell extends React.Component {
         if (this.props.column.renderHeaderCell) {
             return this.props.column.renderHeaderCell(this.props);
         }
-        return (React.createElement(DataTableHeaderCell$1, Object.assign({}, this.props, { renderCellContent: this.props.column.renderFilter ? this.renderCellWithFilter : this.renderCellContent })));
+        return (React.createElement(DataTableHeaderCell$1, { ...this.props, renderCellContent: this.props.column.renderFilter ? this.renderCellWithFilter : this.renderCellContent }));
     }
 }
 
@@ -3517,9 +3524,9 @@ var SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
 };
 var ForwardRef$j = /*#__PURE__*/forwardRef(SvgActionSettingsFill);
 
-var css$u = {"uui-typography":"Bow-fm","uuiTypography":"Bow-fm","hero-header":"qY1YZl","heroHeader":"qY1YZl","promo-header":"U8Gcz0","promoHeader":"U8Gcz0","uui-critical":"r9uIYT","uuiCritical":"r9uIYT","uui-info":"lLvF9U","uuiInfo":"lLvF9U","uui-success":"FSolER","uuiSuccess":"FSolER","uui-warning":"EfLFzX","uuiWarning":"EfLFzX","uui-highlight":"YXCn-6","uuiHighlight":"YXCn-6","uui-typography-size-12":"_0bfHBB","uuiTypographySize12":"_0bfHBB","uui-typography-size-14":"WcKIEd","uuiTypographySize14":"WcKIEd","uui-typography-size-16":"b4HZYH","uuiTypographySize16":"b4HZYH","root":"Z0YVFi"};
+var css$u = {"uui-typography":"MFsB3e","uuiTypography":"MFsB3e","hero-header":"TSC2bI","heroHeader":"TSC2bI","promo-header":"uORLhC","promoHeader":"uORLhC","uui-critical":"d-N7AT","uuiCritical":"d-N7AT","uui-info":"IzNorL","uuiInfo":"IzNorL","uui-success":"Fb-Zr1","uuiSuccess":"Fb-Zr1","uui-warning":"QJimvB","uuiWarning":"QJimvB","uui-highlight":"vxbRed","uuiHighlight":"vxbRed","uui-typography-size-12":"KRMN2u","uuiTypographySize12":"KRMN2u","uui-typography-size-14":"DPyrb-","uuiTypographySize14":"DPyrb-","uui-typography-size-16":"vIlT-c","uuiTypographySize16":"vIlT-c","root":"lfaot6"};
 
-var css$t = {"uui-typography":"DBE38L","uuiTypography":"DBE38L","hero-header":"MnG0sq","heroHeader":"MnG0sq","promo-header":"gCQNm8","promoHeader":"gCQNm8","uui-critical":"urGusd","uuiCritical":"urGusd","uui-info":"_6Ye4-o","uuiInfo":"_6Ye4-o","uui-success":"QL0g6D","uuiSuccess":"QL0g6D","uui-warning":"aVWEMz","uuiWarning":"aVWEMz","uui-highlight":"_7f5kqI","uuiHighlight":"_7f5kqI","uui-typography-size-12":"TDF-7z","uuiTypographySize12":"TDF-7z","uui-typography-size-14":"BoHmAS","uuiTypographySize14":"BoHmAS","uui-typography-size-16":"aGJ7oE","uuiTypographySize16":"aGJ7oE","root":"FsPyk5","caption-wrapper":"_2cqAzs","captionWrapper":"_2cqAzs","align-center":"HNeYPA","alignCenter":"HNeYPA","caption":"akN00U","truncate":"_9odKFZ","group-cell-tooltip":"-ipjT-","groupCellTooltip":"-ipjT-","upper-case":"_3YPvIE","upperCase":"_3YPvIE","group-cell-tooltip-wrapper":"YpRLWc","groupCellTooltipWrapper":"YpRLWc","group-cell-tooltip-text":"_8iYK3K","groupCellTooltipText":"_8iYK3K","tooltip-caption":"RnhS6-","tooltipCaption":"RnhS6-","tooltip-info":"QyMgAT","tooltipInfo":"QyMgAT"};
+var css$t = {"uui-typography":"JW01Xq","uuiTypography":"JW01Xq","hero-header":"mj0zrx","heroHeader":"mj0zrx","promo-header":"_03vzNU","promoHeader":"_03vzNU","uui-critical":"OG-ZWJ","uuiCritical":"OG-ZWJ","uui-info":"oEYqhR","uuiInfo":"oEYqhR","uui-success":"Kdt98F","uuiSuccess":"Kdt98F","uui-warning":"_7HKxLi","uuiWarning":"_7HKxLi","uui-highlight":"ZoRWZA","uuiHighlight":"ZoRWZA","uui-typography-size-12":"XYkKpa","uuiTypographySize12":"XYkKpa","uui-typography-size-14":"fdJ6JY","uuiTypographySize14":"fdJ6JY","uui-typography-size-16":"nmxA58","uuiTypographySize16":"nmxA58","root":"CNR9Zt","caption-wrapper":"_380w5T","captionWrapper":"_380w5T","align-center":"lj76LJ","alignCenter":"lj76LJ","caption":"_6IjNY3","truncate":"_0cPStP","group-cell-tooltip":"Z7SQvc","groupCellTooltip":"Z7SQvc","upper-case":"QlGSpH","upperCase":"QlGSpH","group-cell-tooltip-wrapper":"f14w42","groupCellTooltipWrapper":"f14w42","group-cell-tooltip-text":"_7gcF6-","groupCellTooltipText":"_7gcF6-","tooltip-caption":"cfvDIt","tooltipCaption":"cfvDIt","tooltip-info":"l5d9Fa","tooltipInfo":"l5d9Fa"};
 
 class DataTableHeaderGroupCell extends React.Component {
     constructor() {
@@ -3558,7 +3565,10 @@ class DataTableHeaderGroupCell extends React.Component {
             };
             return (React.createElement(DataTableCellContainer, { column: this.props.group, ref: (ref) => {
                     props.ref(ref);
-                }, cx: cx$1(uuiDataTableHeaderGroupCell.uuiTableHeaderGroupCell, css$t.root, `uui-size-${this.props.size || settings.sizes.dataTable.header.row.groupCell.defaults.size}`, this.props.isFirstCell && 'uui-dt-header-first-column', this.props.isLastCell && 'uui-dt-header-last-column'), rawProps: Object.assign({ role: 'columnheader' }, props.eventHandlers), style: computeStyles }, this.getColumnCaption()));
+                }, cx: cx$1(uuiDataTableHeaderGroupCell.uuiTableHeaderGroupCell, css$t.root, `uui-size-${this.props.size || settings.sizes.dataTable.header.row.groupCell.defaults.size}`, this.props.isFirstCell && 'uui-dt-header-first-column', this.props.isLastCell && 'uui-dt-header-last-column'), rawProps: {
+                    role: 'columnheader',
+                    ...props.eventHandlers,
+                }, style: computeStyles }, this.getColumnCaption()));
         };
     }
     render() {
@@ -3574,8 +3584,8 @@ class DataTableHeaderGroupCell extends React.Component {
 }
 
 const DataTableHeaderRow = /* @__PURE__ */withMods(DataTableHeaderRow$1, () => [css$u.root, 'uui-dt-vars'], (mods) => ({
-    renderCell: (props) => (React.createElement(DataTableHeaderCell, Object.assign({}, props, { size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap }))),
-    renderGroupCell: (props) => (React.createElement(DataTableHeaderGroupCell, Object.assign({}, props, { size: mods.size, textCase: mods.textCase || 'normal', key: props.key, columnsGap: mods.columnsGap }))),
+    renderCell: (props) => (React.createElement(DataTableHeaderCell, { ...props, size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
+    renderGroupCell: (props) => (React.createElement(DataTableHeaderGroupCell, { ...props, size: mods.size, textCase: mods.textCase || 'normal', key: props.key, columnsGap: mods.columnsGap })),
     renderConfigButton: () => (React.createElement(IconButton, { key: "configuration", onClick: mods.onConfigButtonClick, cx: ['config-icon', `uui-size-${settings.sizes.dataTable.header.row.cell.iconSize[mods.size || settings.sizes.dataTable.header.row.default]}`], color: "neutral", icon: ForwardRef$j })),
 }));
 
@@ -3584,16 +3594,15 @@ const UUI_FILTERS_PANEL_ADD_BUTTON_BODY = 'uui-filters-panel-add-button-body';
 const UUI_FILTERS_PANEL_ITEM_BODY = 'uui-filters-panel-item-body';
 const UUI_FILTERS_PANEL_ITEM_TOGGLER = 'uui-filters-panel-item-toggler';
 
-var css$s = {"uui-typography":"_3l-875","uuiTypography":"_3l-875","hero-header":"DZi8cw","heroHeader":"DZi8cw","promo-header":"aAvyES","promoHeader":"aAvyES","uui-critical":"z6-E2W","uuiCritical":"z6-E2W","uui-info":"Mm3jci","uuiInfo":"Mm3jci","uui-success":"_2X-e7k","uuiSuccess":"_2X-e7k","uui-warning":"IvcBZR","uuiWarning":"IvcBZR","uui-highlight":"_1cOHZy","uuiHighlight":"_1cOHZy","uui-typography-size-12":"yAlFz2","uuiTypographySize12":"yAlFz2","uui-typography-size-14":"CFxsCx","uuiTypographySize14":"CFxsCx","uui-typography-size-16":"e-xqXG","uuiTypographySize16":"e-xqXG","root":"gu-Cli","title-wrapper":"JuYUtS","titleWrapper":"JuYUtS","title":"aivagZ","text-wrapper":"TW4f8M","textWrapper":"TW4f8M","selection":"c-pci5","postfix":"Gfryg4","selected":"fpGZ8G"};
+var css$s = {"uui-typography":"X6MzLT","uuiTypography":"X6MzLT","hero-header":"rcsq--","heroHeader":"rcsq--","promo-header":"-Q753K","promoHeader":"-Q753K","uui-critical":"SYsk9T","uuiCritical":"SYsk9T","uui-info":"ThFMpJ","uuiInfo":"ThFMpJ","uui-success":"GOXlfv","uuiSuccess":"GOXlfv","uui-warning":"knJDW4","uuiWarning":"knJDW4","uui-highlight":"fVYgMv","uuiHighlight":"fVYgMv","uui-typography-size-12":"Ksi-lU","uuiTypographySize12":"Ksi-lU","uui-typography-size-14":"Lfgohn","uuiTypographySize14":"Lfgohn","uui-typography-size-16":"LUr0uH","uuiTypographySize16":"LUr0uH","root":"lq2-jO","title-wrapper":"_8jrXXQ","titleWrapper":"_8jrXXQ","title":"-Xbe5H","text-wrapper":"RhaHkf","textWrapper":"RhaHkf","selection":"ZJ30bO","postfix":"CR2td5","selected":"_7U8TBU"};
 
 const defaultSize = '36';
 const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
     const togglerPickerOpened = (e) => {
-        var _a;
         if (props.isDisabled)
             return;
         e.preventDefault();
-        (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props);
+        props.onClick?.();
     };
     const onKeyDownHandler = (e) => {
         if (props.isDisabled)
@@ -3611,12 +3620,12 @@ const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
     const getSelectionText = () => props.selection.map((i, index) => (React.createElement(React.Fragment, { key: `${i}${index}` },
         React.createElement(Text, { color: "primary", size: props.size, cx: css$s.selection }, i),
         (props.postfix || index !== props.selection.length - 1) && React.createElement("span", null, ",\u00A0"))));
-    return (React.createElement(FlexRow$1, Object.assign({}, props, { rawProps: {
+    return (React.createElement(FlexRow$1, { ...props, rawProps: {
             style: { maxWidth: `${props.maxWidth ? props.maxWidth + 'px' : 'auto'}` },
             role: 'button',
             tabIndex: props.isDisabled ? -1 : 0,
             onKeyDown: onKeyDownHandler,
-        }, cx: cx(UUI_FILTERS_PANEL_ITEM_TOGGLER, css$s.root, uuiElement.inputBox, uuiMarkers.clickable, props.isOpen && uuiMod.opened, `size-${props.size || defaultSize}`, props.cx), onClick: togglerPickerOpened, ref: ref }),
+        }, cx: cx(UUI_FILTERS_PANEL_ITEM_TOGGLER, css$s.root, uuiElement.inputBox, uuiMarkers.clickable, props.isOpen && uuiMod.opened, `uui-size-${props.size || defaultSize}`, props.cx), onClick: togglerPickerOpened, ref: ref },
         React.createElement(FlexRow$1, { cx: css$s.titleWrapper },
             React.createElement(Text, { size: props.size, cx: css$s.title }, getTitle),
             props.selection && (React.createElement("div", { className: css$s.textWrapper },
@@ -3626,12 +3635,10 @@ const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
 });
 
 const pickerHeight = 300;
-function FilterPickerBody(_a) {
-    var _b;
-    var { highlightSearchMatches = true } = _a, restProps = __rest(_a, ["highlightSearchMatches"]);
-    const props = Object.assign(Object.assign({}, restProps), { highlightSearchMatches });
+function FilterPickerBody({ highlightSearchMatches = true, ...restProps }) {
+    const props = { ...restProps, highlightSearchMatches };
     const shouldShowBody = () => props.isOpen;
-    const { view, getName, isSingleSelect, getRows, dataSourceState, getFooterProps, getPickerBodyProps, getListProps, handleDataSourceValueChange, } = usePickerInput(Object.assign(Object.assign({}, props), { shouldShowBody }));
+    const { view, getName, isSingleSelect, getRows, dataSourceState, getFooterProps, getPickerBodyProps, getListProps, handleDataSourceValueChange, } = usePickerInput({ ...props, shouldShowBody });
     const prevValue = usePrevious(props.value);
     const prevOpened = usePrevious(props.isOpen);
     React.useLayoutEffect(() => {
@@ -3651,45 +3658,44 @@ function FilterPickerBody(_a) {
     };
     const renderItem = (item, rowProps, dsState) => {
         const { flattenSearchResults } = view.getConfig();
-        return (React.createElement(PickerItem, Object.assign({ title: getName(item), highlightSearchMatches: highlightSearchMatches }, (flattenSearchResults ? { subtitle: getSubtitle(rowProps, dsState) } : {}), { dataSourceState: dsState, size: settings.sizes.filtersPanel.pickerInput.body.default }, rowProps)));
+        return (React.createElement(PickerItem, { title: getName(item), highlightSearchMatches: highlightSearchMatches, ...(flattenSearchResults ? { subtitle: getSubtitle(rowProps, dsState) } : {}), dataSourceState: dsState, size: settings.sizes.filtersPanel.pickerInput.body.default, ...rowProps }));
     };
     const onSelect = (row) => {
-        handleDataSourceValueChange((currentDataSourceState) => (Object.assign(Object.assign({}, currentDataSourceState), { search: '', selectedId: row.id })));
+        handleDataSourceValueChange((currentDataSourceState) => ({ ...currentDataSourceState, search: '', selectedId: row.id }));
     };
     const renderRow = (rowProps, dsState) => {
         if (rowProps.isSelectable && isSingleSelect() && props.editMode !== 'modal') {
             rowProps.onSelect = onSelect;
         }
-        return props.renderRow ? (props.renderRow(rowProps, dataSourceState)) : (React.createElement(DataPickerRow, Object.assign({}, rowProps, { key: rowProps.rowKey, size: settings.sizes.filtersPanel.pickerInput.body.default, padding: "12", renderItem: (item, itemProps) => renderItem(item, itemProps, dsState) })));
+        return props.renderRow ? (props.renderRow(rowProps, dataSourceState)) : (React.createElement(DataPickerRow, { ...rowProps, key: rowProps.rowKey, size: settings.sizes.filtersPanel.pickerInput.body.default, padding: "12", renderItem: (item, itemProps) => renderItem(item, itemProps, dsState) }));
     };
     const renderFooter = () => {
-        return React.createElement(DataPickerFooter, Object.assign({}, getFooterProps(), { size: settings.sizes.filtersPanel.pickerInput.body.default }));
+        const footerProps = getFooterProps();
+        return props.renderFooter ? props.renderFooter(footerProps) : React.createElement(DataPickerFooter, { ...footerProps, size: settings.sizes.filtersPanel.pickerInput.body.default });
     };
     const renderBody = (bodyProps, rows) => {
         const renderedDataRows = rows.map((props) => renderRow(props, dataSourceState));
         const maxHeight = isMobile() ? document.documentElement.clientHeight : props.maxBodyHeight || pickerHeight;
         const maxWidth = isMobile() ? undefined : 360;
         return (React.createElement(React.Fragment, null,
-            React.createElement(DataPickerBody, Object.assign({}, bodyProps, { selectionMode: props.selectionMode, rows: renderedDataRows, maxHeight: maxHeight, maxWidth: maxWidth, searchSize: settings.sizes.filtersPanel.pickerInput.body.default, editMode: "dropdown" })),
+            React.createElement(DataPickerBody, { ...bodyProps, selectionMode: props.selectionMode, rows: renderedDataRows, maxHeight: maxHeight, maxWidth: maxWidth, searchSize: settings.sizes.filtersPanel.pickerInput.body.default, 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);
+    return renderBody({ ...getPickerBodyProps(rows), ...getListProps(), showSearch: props.showSearch ?? true }, rows);
 }
 
 function FilterDatePickerBody(props) {
-    var _a;
     const { value } = props;
     const context = useUuiContext();
     const handleValueChange = (newValue) => {
-        var _a;
         props.onValueChange(newValue);
         if (props.getValueChangeAnalyticsEvent) {
             const event = props.getValueChangeAnalyticsEvent(newValue, value);
             context.uuiAnalytics.sendEvent(event);
         }
         if (newValue) {
-            (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+            props.onClose?.();
         }
     };
     const handleBodyChange = (newValue) => {
@@ -3699,7 +3705,7 @@ function FilterDatePickerBody(props) {
     };
     return (React__default.createElement(Fragment, null,
         React__default.createElement(FlexRow, { borderBottom: true },
-            React__default.createElement(DatePickerBody, { filter: props.filter, value: value, onValueChange: handleBodyChange, renderDay: props.renderDay, isHoliday: props.isHoliday, rawProps: (_a = props.rawProps) === null || _a === void 0 ? void 0 : _a.body })),
+            React__default.createElement(DatePickerBody, { filter: props.filter, value: value, onValueChange: handleBodyChange, renderDay: props.renderDay, isHoliday: props.isHoliday, rawProps: props.rawProps?.body })),
         React__default.createElement(FlexCell, { alignSelf: "stretch" },
             React__default.createElement(FlexRow, { padding: "24", vPadding: "12" },
                 React__default.createElement(Text, null, value ? uuiDayjs.dayjs(value).format('MMM DD, YYYY') : ''),
@@ -3714,16 +3720,15 @@ function FilterRangeDatePickerBody(props) {
     const value = _value || defaultRangeValue; // also handles null in comparison to default value
     const context = useUuiContext();
     const onOpenChange = (newIsOpen) => {
-        var _a, _b;
         {
-            (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+            props.onClose?.();
         }
-        (_b = props.onOpenChange) === null || _b === void 0 ? void 0 : _b.call(props, newIsOpen);
+        props.onOpenChange?.(newIsOpen);
     };
     const [inFocus, setInFocus] = useState('from');
     const onValueChange = (newValue) => {
-        const fromChanged = (value === null || value === void 0 ? void 0 : value.from) !== (newValue === null || newValue === void 0 ? void 0 : newValue.from);
-        const toChanged = (value === null || value === void 0 ? void 0 : value.to) !== (newValue === null || newValue === void 0 ? void 0 : newValue.to);
+        const fromChanged = value?.from !== newValue?.from;
+        const toChanged = value?.to !== newValue?.to;
         if (fromChanged || toChanged) {
             props.onValueChange(newValue);
             if (props.getValueChangeAnalyticsEvent) {
@@ -3733,8 +3738,7 @@ function FilterRangeDatePickerBody(props) {
         }
     };
     const onBodyValueChange = (newValue) => {
-        var _a;
-        setInFocus((_a = newValue.inFocus) !== null && _a !== void 0 ? _a : inFocus);
+        setInFocus(newValue.inFocus ?? inFocus);
         onValueChange(newValue.selectedDate);
         const toChanged = value.to !== newValue.selectedDate.to;
         const closeBody = newValue.selectedDate.from && newValue.selectedDate.to
@@ -3762,30 +3766,28 @@ function FilterRangeDatePickerBody(props) {
                 React__default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.pickerModal.clearAllButton, onClick: () => onValueChange(defaultRangeValue) })))));
 }
 
-var css$r = {"container":"_0nZcpb"};
+var css$r = {"container":"_9CqI-K"};
 
 function FilterNumericBody(props) {
-    var _a, _b;
-    const isInRangePredicate = (props === null || props === void 0 ? void 0 : props.selectedPredicate) === 'inRange' || (props === null || props === void 0 ? void 0 : props.selectedPredicate) === 'notInRange';
+    const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
     const isWrongRange = (from, to) => {
         if (!to && to !== 0)
             return false;
         return from > to;
     };
     const rangeValueHandler = (type) => (val) => {
-        var _a, _b;
         const value = props.value;
         switch (type) {
             case 'from': {
                 props.onValueChange({
                     from: val,
-                    to: (_a = value === null || value === void 0 ? void 0 : value.to) !== null && _a !== void 0 ? _a : null,
+                    to: value?.to ?? null,
                 });
                 break;
             }
             case 'to': {
                 props.onValueChange({
-                    from: (_b = value === null || value === void 0 ? void 0 : value.from) !== null && _b !== void 0 ? _b : null,
+                    from: value?.from ?? null,
                     to: val,
                 });
                 break;
@@ -3816,30 +3818,30 @@ function FilterNumericBody(props) {
         return (React__default.createElement("div", null,
             React__default.createElement(FlexRow, { padding: "12", alignItems: "center", spacing: "12", borderBottom: true, cx: css$r.container },
                 React__default.createElement(FlexCell, { width: "100%" },
-                    React__default.createElement(NumericInput, { value: (_a = value === null || value === void 0 ? void 0 : value.from) !== null && _a !== void 0 ? _a : null, onValueChange: rangeValueHandler('from'), size: "36", placeholder: "Min", formatOptions: { maximumFractionDigits: 2 } })),
+                    React__default.createElement(NumericInput, { value: value?.from ?? null, onValueChange: rangeValueHandler('from'), placeholder: "Min", formatOptions: { maximumFractionDigits: 2 } })),
                 React__default.createElement(FlexCell, { width: "100%" },
-                    React__default.createElement(NumericInput, { value: (_b = value === null || value === void 0 ? void 0 : value.to) !== null && _b !== void 0 ? _b : null, onValueChange: rangeValueHandler('to'), size: "36", placeholder: "Max", formatOptions: { maximumFractionDigits: 2 }, isInvalid: isWrongRange(value === null || value === void 0 ? void 0 : value.from, value === null || value === void 0 ? void 0 : value.to) }))),
+                    React__default.createElement(NumericInput, { value: value?.to ?? null, onValueChange: rangeValueHandler('to'), placeholder: "Max", formatOptions: { maximumFractionDigits: 2 }, isInvalid: isWrongRange(value?.from, value?.to) }))),
             renderFooter()));
     }
     return (React__default.createElement("div", null,
         React__default.createElement(FlexRow, { padding: "12", alignItems: "center", borderBottom: true, cx: css$r.container },
             React__default.createElement(FlexCell, { width: 130 },
-                React__default.createElement(NumericInput, { value: typeof props.value === 'number' ? props.value : null, onValueChange: props.onValueChange, size: "36", placeholder: "Enter a number", formatOptions: { maximumFractionDigits: 2 } }))),
+                React__default.createElement(NumericInput, { value: typeof props.value === 'number' ? props.value : null, onValueChange: props.onValueChange, placeholder: "Enter a number", formatOptions: { maximumFractionDigits: 2 } }))),
         renderFooter()));
 }
 
 function FilterItemBody(props) {
     switch (props.type) {
         case 'singlePicker':
-            return React__default.createElement(FilterPickerBody, Object.assign({}, props, { selectionMode: "single", valueType: "id" }));
+            return React__default.createElement(FilterPickerBody, { ...props, selectionMode: "single", valueType: "id" });
         case 'numeric':
-            return React__default.createElement(FilterNumericBody, Object.assign({}, props));
+            return React__default.createElement(FilterNumericBody, { ...props });
         case 'multiPicker':
-            return React__default.createElement(FilterPickerBody, Object.assign({}, props, { selectionMode: "multi", valueType: "id" }));
+            return React__default.createElement(FilterPickerBody, { ...props, selectionMode: "multi", valueType: "id" });
         case 'datePicker':
-            return React__default.createElement(FilterDatePickerBody, Object.assign({}, props, { format: props.format || 'DD/MM/YYYY' }));
+            return React__default.createElement(FilterDatePickerBody, { ...props, format: props.format || 'DD/MM/YYYY' });
         case 'rangeDatePicker':
-            return React__default.createElement(FilterRangeDatePickerBody, Object.assign({}, props, { format: props.format || 'DD/MM/YYYY', value: props.value || { from: null, to: null } }));
+            return React__default.createElement(FilterRangeDatePickerBody, { ...props, format: props.format || 'DD/MM/YYYY', value: props.value || { from: null, to: null } });
         case 'custom':
             return props.render(props);
     }
@@ -3860,7 +3862,7 @@ var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
 };
 var ForwardRef$i = /*#__PURE__*/forwardRef(SvgActionDeleteOutline);
 
-var css$q = {"uui-typography":"VpgPW6","uuiTypography":"VpgPW6","hero-header":"gXfwIM","heroHeader":"gXfwIM","promo-header":"Xca3He","promoHeader":"Xca3He","uui-critical":"-gV-0r","uuiCritical":"-gV-0r","uui-info":"W-UkNi","uuiInfo":"W-UkNi","uui-success":"kQh8g-","uuiSuccess":"kQh8g-","uui-warning":"f65mM5","uuiWarning":"f65mM5","uui-highlight":"X6U1lW","uuiHighlight":"X6U1lW","uui-typography-size-12":"XVmpMZ","uuiTypographySize12":"XVmpMZ","uui-typography-size-14":"_1JW4Bz","uuiTypographySize14":"_1JW4Bz","uui-typography-size-16":"lvgolB","uuiTypographySize16":"lvgolB","header":"u5l1wo","removeButton":"JQaFVP","with-search":"_7VOEQN","withSearch":"_7VOEQN"};
+var css$q = {"uui-typography":"YW50B4","uuiTypography":"YW50B4","hero-header":"fRkN0X","heroHeader":"fRkN0X","promo-header":"uDWlk5","promoHeader":"uDWlk5","uui-critical":"dgWam0","uuiCritical":"dgWam0","uui-info":"GwnWr5","uuiInfo":"GwnWr5","uui-success":"V14vZQ","uuiSuccess":"V14vZQ","uui-warning":"_2QeDQw","uuiWarning":"_2QeDQw","uui-highlight":"_5jlXDM","uuiHighlight":"_5jlXDM","uui-typography-size-12":"Vvdr02","uuiTypographySize12":"Vvdr02","uui-typography-size-14":"UsrvAY","uuiTypographySize14":"UsrvAY","uui-typography-size-16":"aTq-mv","uuiTypographySize16":"aTq-mv","header":"J4Li8l","removeButton":"_-3WpJT","with-search":"UdYSMf","withSearch":"UdYSMf"};
 
 function useView(props, value) {
     const forceUpdate = useForceUpdate();
@@ -3875,11 +3877,11 @@ function useView(props, value) {
             dataSourceState.checked = value;
         }
     }
-    return useViewFn === null || useViewFn === void 0 ? void 0 : useViewFn(dataSourceState, forceUpdate, { showSelectedOnly: true });
+    return useViewFn?.(dataSourceState, forceUpdate, { showSelectedOnly: true });
 }
 function FiltersToolbarItemImpl(props) {
     const { maxCount = 2 } = props;
-    const isPickersType = (props === null || props === void 0 ? void 0 : props.type) === 'multiPicker' || (props === null || props === void 0 ? void 0 : props.type) === 'singlePicker';
+    const isPickersType = props?.type === 'multiPicker' || props?.type === 'singlePicker';
     const isMobileScreen = isMobile();
     const popperModifiers = useMemo(() => {
         const modifiers = [
@@ -3902,11 +3904,10 @@ function FiltersToolbarItemImpl(props) {
         return modifiers;
     }, [isPickersType]);
     const getDefaultPredicate = () => {
-        var _a, _b;
         if (!props.predicates) {
             return null;
         }
-        return Object.keys(props.value || {})[0] || ((_a = props.predicates.find((i) => i.isDefault)) === null || _a === void 0 ? void 0 : _a.predicate) || ((_b = props.predicates) === null || _b === void 0 ? void 0 : _b[0].predicate);
+        return Object.keys(props.value || {})[0] || props.predicates.find((i) => i.isDefault)?.predicate || props.predicates?.[0].predicate;
     };
     const [isOpen, isOpenChange] = useState(props.autoFocus);
     const [predicate, setPredicate] = useState(getDefaultPredicate());
@@ -3948,23 +3949,19 @@ function FiltersToolbarItemImpl(props) {
         }
         setPredicate(val);
     };
-    const renderHeader = (hideTitle) => {
-        var _a;
-        return (React__default.createElement("div", { className: cx(css$q.header, isPickersType && ((_a = props.showSearch) !== null && _a !== void 0 ? _a : css$q.withSearch)) },
-            props.predicates ? (React__default.createElement(MultiSwitch, { items: props.predicates.map((i) => ({ id: i.predicate, caption: i.name })), value: predicate, onValueChange: changePredicate, size: "24" })) : (!hideTitle && (React__default.createElement(Text, { color: "secondary", size: "24", fontSize: "14" }, props.title))),
-            !(props === null || props === void 0 ? void 0 : props.isAlwaysVisible) && (React__default.createElement(LinkButton, { cx: css$q.removeButton, caption: i18n.filterToolbar.datePicker.removeCaption, onClick: removeOnclickHandler, size: "24", icon: ForwardRef$i }))));
-    };
+    const renderHeader = (hideTitle) => (React__default.createElement("div", { className: cx(css$q.header, isPickersType && (props.showSearch ?? css$q.withSearch)) },
+        props.predicates ? (React__default.createElement(MultiSwitch, { items: props.predicates.map((i) => ({ id: i.predicate, caption: i.name })), value: predicate, onValueChange: changePredicate, size: "24" })) : (!hideTitle && (React__default.createElement(Text, { color: "secondary", size: "24", fontSize: "14" }, props.title))),
+        !props?.isAlwaysVisible && (React__default.createElement(LinkButton, { cx: css$q.removeButton, caption: i18n.filterToolbar.datePicker.removeCaption, onClick: removeOnclickHandler, size: "24", icon: ForwardRef$i }))));
     const renderBody = (dropdownProps) => {
         const hideHeaderTitle = isPickersType && isMobileScreen;
-        return isPickersType ? (React__default.createElement(PickerBodyMobileView, Object.assign({}, dropdownProps, { cx: UUI_FILTERS_PANEL_ITEM_BODY, title: props.title, width: 360, onClose: () => isOpenChange(false) }),
+        return isPickersType ? (React__default.createElement(PickerBodyMobileView, { ...dropdownProps, cx: UUI_FILTERS_PANEL_ITEM_BODY, title: props.title, width: 360, onClose: () => isOpenChange(false) },
             renderHeader(hideHeaderTitle),
-            React__default.createElement(FilterItemBody, Object.assign({}, props, dropdownProps, { selectedPredicate: predicate, value: getValue(), onValueChange: onValueChange })))) : (React__default.createElement(DropdownContainer, Object.assign({ cx: UUI_FILTERS_PANEL_ITEM_BODY }, dropdownProps),
+            React__default.createElement(FilterItemBody, { ...props, ...dropdownProps, selectedPredicate: predicate, value: getValue(), onValueChange: onValueChange }))) : (React__default.createElement(DropdownContainer, { cx: UUI_FILTERS_PANEL_ITEM_BODY, ...dropdownProps },
             renderHeader(hideHeaderTitle),
-            React__default.createElement(FilterItemBody, Object.assign({}, props, dropdownProps, { selectedPredicate: predicate, value: getValue(), onValueChange: onValueChange }))));
+            React__default.createElement(FilterItemBody, { ...props, ...dropdownProps, selectedPredicate: predicate, value: getValue(), onValueChange: onValueChange })));
     };
     const getValue = () => {
-        var _a;
-        return predicate ? (_a = props.value) === null || _a === void 0 ? void 0 : _a[predicate] : props.value;
+        return predicate ? props.value?.[predicate] : props.value;
     };
     const getPickerItemName = (item, config) => {
         if (item.isLoading) {
@@ -3983,13 +3980,13 @@ function FiltersToolbarItemImpl(props) {
             case 'multiPicker': {
                 let isLoading = false;
                 const selection = currentValue
-                    ? currentValue === null || currentValue === void 0 ? void 0 : currentValue.slice(0, maxCount).map((i) => {
+                    ? currentValue?.slice(0, maxCount).map((i) => {
                         const item = view.getById(i, null);
-                        isLoading = item === null || item === void 0 ? void 0 : item.isLoading;
+                        isLoading = item?.isLoading;
                         return getPickerItemName(item, props);
                     })
                     : currentValue;
-                const postfix = (!isLoading && (currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) > maxCount) ? ` +${(currentValue.length - maxCount).toString()} ${i18n.filterToolbar.pickerInput.itemsPlaceholder}` : null;
+                const postfix = (!isLoading && currentValue?.length > maxCount) ? ` +${(currentValue.length - maxCount).toString()} ${i18n.filterToolbar.pickerInput.itemsPlaceholder}` : null;
                 return { selection, postfix };
             }
             case 'numeric': {
@@ -3999,7 +3996,7 @@ function FiltersToolbarItemImpl(props) {
                     return { selection: undefined };
                 }
                 const selection = isRangePredicate
-                    ? `${!(currentValue === null || currentValue === void 0 ? void 0 : currentValue.from) && (currentValue === null || currentValue === void 0 ? void 0 : currentValue.from) !== 0 ? 'Min' : decimalFormat(currentValue === null || currentValue === void 0 ? void 0 : currentValue.from)} - ${!(currentValue === null || currentValue === void 0 ? void 0 : currentValue.to) && (currentValue === null || currentValue === void 0 ? void 0 : currentValue.to) !== 0 ? 'Max' : decimalFormat(currentValue === null || currentValue === void 0 ? void 0 : currentValue.to)}`
+                    ? `${!currentValue?.from && currentValue?.from !== 0 ? 'Min' : decimalFormat(currentValue?.from)} - ${!currentValue?.to && currentValue?.to !== 0 ? 'Max' : decimalFormat(currentValue?.to)}`
                     : `${!currentValue && currentValue !== 0 ? 'ALL' : decimalFormat(currentValue)}`;
                 return { selection: [selection] };
             }
@@ -4018,11 +4015,11 @@ function FiltersToolbarItemImpl(props) {
                 if (!currentValue || (!currentValue.from && !currentValue.to)) {
                     return { selection: undefined };
                 }
-                const currentValueFrom = (currentValue === null || currentValue === void 0 ? void 0 : currentValue.from)
-                    ? uuiDayjs.dayjs(currentValue === null || currentValue === void 0 ? void 0 : currentValue.from).format(props.format || defaultFormat)
+                const currentValueFrom = currentValue?.from
+                    ? uuiDayjs.dayjs(currentValue?.from).format(props.format || defaultFormat)
                     : i18n.filterToolbar.rangeDatePicker.emptyPlaceholderFrom;
-                const currentValueTo = (currentValue === null || currentValue === void 0 ? void 0 : currentValue.to)
-                    ? uuiDayjs.dayjs(currentValue === null || currentValue === void 0 ? void 0 : currentValue.to).format(props.format || defaultFormat)
+                const currentValueTo = currentValue?.to
+                    ? uuiDayjs.dayjs(currentValue?.to).format(props.format || defaultFormat)
                     : i18n.filterToolbar.rangeDatePicker.emptyPlaceholderTo;
                 const selection = `${currentValueFrom} - ${currentValueTo}`;
                 return { selection: [selection] };
@@ -4038,7 +4035,7 @@ function FiltersToolbarItemImpl(props) {
             return props.togglerWidth;
         return props.type === 'datePicker' || props.type === 'rangeDatePicker' ? null : 300;
     };
-    const renderTarget = (dropdownProps) => (React__default.createElement(FilterPanelItemToggler, Object.assign({}, dropdownProps, getTogglerValue(), { title: props.title, predicateName: props.value ? predicateName : null, maxWidth: getTogglerWidth(), size: props.size })));
+    const renderTarget = (dropdownProps) => (React__default.createElement(FilterPanelItemToggler, { ...dropdownProps, ...getTogglerValue(), title: props.title, predicateName: props.value ? predicateName : null, maxWidth: getTogglerWidth(), size: props.size }));
     return (React__default.createElement(Dropdown$1, { renderTarget: renderTarget, renderBody: renderBody, closeBodyOnTogglerHidden: !isMobile(), value: isOpen, onValueChange: isOpenChange, modifiers: popperModifiers }));
 }
 const FiltersPanelItem = /* @__PURE__ */React__default.memo(FiltersToolbarItemImpl);
@@ -4097,7 +4094,7 @@ const normalizeFilterWithPredicates = (filter) => {
     return result;
 };
 function FiltersToolbarImpl(props) {
-    const { filters, tableState, setTableState } = props;
+    const { filters, tableState, setTableState, size = settings.sizes.defaults.filtersPanel } = props;
     const [newFilterId, setNewFilterId] = useState(null);
     const pickerInputRef = useRef(null);
     const dataSource = useArrayDataSource({
@@ -4105,15 +4102,13 @@ function FiltersToolbarImpl(props) {
         getId: (item) => item.field,
     }, []);
     const onFiltersChange = (updatedFilters) => {
-        var _a, _b;
         const newConfig = {};
         const newFilter = {};
-        const filtersConfig = Object.values((_a = tableState.filtersConfig) !== null && _a !== void 0 ? _a : {});
+        const filtersConfig = Object.values(tableState.filtersConfig ?? {});
         const sortedOrders = orderBy(filtersConfig, ({ order }) => order);
-        let lastItemOrder = (sortedOrders === null || sortedOrders === void 0 ? void 0 : sortedOrders.length) ? (_b = sortedOrders[sortedOrders.length - 1]) === null || _b === void 0 ? void 0 : _b.order : null;
+        let lastItemOrder = sortedOrders?.length ? sortedOrders[sortedOrders.length - 1]?.order : null;
         updatedFilters.forEach((filter) => {
-            var _a, _b;
-            let order = (_b = (_a = tableState === null || tableState === void 0 ? void 0 : tableState.filtersConfig) === null || _a === void 0 ? void 0 : _a[filter === null || filter === void 0 ? void 0 : filter.field]) === null || _b === void 0 ? void 0 : _b.order;
+            let order = tableState?.filtersConfig?.[filter?.field]?.order;
             if (!order) {
                 order = getOrderBetween(lastItemOrder, null);
                 lastItemOrder = order;
@@ -4124,31 +4119,42 @@ function FiltersToolbarImpl(props) {
                 newFilter[filter.field] = tableState.filter[filter.field];
             }
         });
-        setTableState(Object.assign(Object.assign({}, tableState), { filtersConfig: newConfig, filter: newFilter }));
+        setTableState({
+            ...tableState,
+            filtersConfig: newConfig,
+            filter: newFilter,
+        });
     };
     const handleFilterChange = (newFilter) => {
-        const filter = normalizeFilterWithPredicates(Object.assign(Object.assign({}, tableState.filter), newFilter));
-        setTableState(Object.assign(Object.assign({}, tableState), { filter: filter }));
+        const filter = normalizeFilterWithPredicates({ ...tableState.filter, ...newFilter });
+        setTableState({
+            ...tableState,
+            filter: filter,
+        });
     };
     const removeFilter = (field) => {
-        const filterConfig = Object.assign({}, tableState.filtersConfig);
+        const filterConfig = { ...tableState.filtersConfig };
         delete filterConfig[field];
-        const filter = Object.assign({}, tableState.filter);
+        const filter = { ...tableState.filter };
         delete filter[field];
-        const newTableState = Object.assign(Object.assign({}, tableState), { filtersConfig: filterConfig, filter: filter });
-        setTableState(Object.assign({}, newTableState));
+        const newTableState = {
+            ...tableState,
+            filtersConfig: filterConfig,
+            filter: filter,
+        };
+        setTableState({ ...newTableState });
     };
     const selectedFilters = useMemo(() => {
         const filtersConfig = tableState.filtersConfig || {};
         return filters.filter((filter) => {
-            return filter.isAlwaysVisible || (filtersConfig[filter === null || filter === void 0 ? void 0 : filter.field] ? filtersConfig[filter === null || filter === void 0 ? void 0 : filter.field].isVisible : false);
+            return filter.isAlwaysVisible || (filtersConfig[filter?.field] ? filtersConfig[filter?.field].isVisible : false);
         });
     }, [tableState.filtersConfig, filters]);
     const sortedActiveFilters = useMemo(() => {
-        return 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; });
+        return orderBy(selectedFilters, (f) => tableState.filtersConfig?.[f.field]?.order);
     }, [filters, tableState.filtersConfig]);
     const renderAddFilterToggler = useCallback((togglerProps) => {
-        return (React__default.createElement(Button, { size: props.size, onClick: togglerProps.onClick, ref: togglerProps.ref, caption: i18n.filterToolbar.addCaption, icon: ForwardRef$h, iconPosition: "left", fill: "ghost", color: "primary", cx: UUI_FILTERS_PANEL_ADD_BUTTON }));
+        return (React__default.createElement(Button, { size: size, onClick: togglerProps.onClick, ref: togglerProps.ref, caption: i18n.filterToolbar.addCaption, icon: ForwardRef$h, iconPosition: "left", fill: "ghost", color: "primary", cx: UUI_FILTERS_PANEL_ADD_BUTTON }));
     }, []);
     const getRowOptions = useCallback((item) => ({
         isDisabled: item.isAlwaysVisible,
@@ -4159,29 +4165,25 @@ function FiltersToolbarImpl(props) {
     }), []);
     const isAllFiltersAlwaysVisible = props.filters.every((i) => i.isAlwaysVisible);
     useEffect(() => {
-        var _a, _b;
         if (sortedActiveFilters.length && newFilterId && sortedActiveFilters.find(({ field }) => field === newFilterId)) {
             // PickerInput should be closed after filterId update and opening the filter's body.
             // Otherwise, the focus will be not set in the search input of the filter's body.
-            (_b = (_a = pickerInputRef.current) === null || _a === void 0 ? void 0 : _a.closePickerBody) === null || _b === void 0 ? void 0 : _b.call(_a);
+            pickerInputRef.current?.closePickerBody?.();
             // Reset new filter id, after first render with autofocus
             setNewFilterId(null);
         }
     }, [newFilterId, sortedActiveFilters]);
     return (React__default.createElement(React__default.Fragment, null,
-        sortedActiveFilters.map((f) => {
-            var _a;
-            return (React__default.createElement(FlexCell$1, { width: "auto", key: f.field },
-                React__default.createElement(FiltersPanelItem, Object.assign({}, f, { value: (_a = tableState.filter) === null || _a === void 0 ? void 0 : _a[f.field], onValueChange: handleFilterChange, key: f.field, autoFocus: newFilterId === f.field, removeFilter: removeFilter, size: props.size }))));
-        }),
-        !isAllFiltersAlwaysVisible && (React__default.createElement(PickerInput, { dataSource: dataSource, value: selectedFilters, onValueChange: onFiltersChange, selectionMode: "multi", valueType: "entity", renderRow: (props) => (React__default.createElement(DataPickerRow, Object.assign({}, props, { padding: "12", key: props.key, onCheck: (row) => {
+        sortedActiveFilters.map((f) => (React__default.createElement(FlexCell$1, { width: "auto", key: f.field },
+            React__default.createElement(FiltersPanelItem, { ...f, value: tableState.filter?.[f.field], onValueChange: handleFilterChange, key: f.field, autoFocus: newFilterId === f.field, removeFilter: removeFilter, size: size })))),
+        !isAllFiltersAlwaysVisible && (React__default.createElement(PickerInput, { dataSource: dataSource, value: selectedFilters, onValueChange: onFiltersChange, selectionMode: "multi", valueType: "entity", renderRow: (props) => (React__default.createElement(DataPickerRow, { ...props, padding: "12", key: props.key, onCheck: (row) => {
                     props.onCheck && props.onCheck(row);
                     setNewFilterId(row.value.field);
-                }, renderItem: (item, rowProps) => React__default.createElement(PickerItem, Object.assign({}, rowProps, { title: item.title })) }))), getName: (i) => i.title, renderToggler: renderAddFilterToggler, emptyValue: [], getRowOptions: getRowOptions, fixedBodyPosition: true, size: props.size, bodyCx: UUI_FILTERS_PANEL_ADD_BUTTON_BODY, ref: pickerInputRef }))));
+                }, renderItem: (item, rowProps) => React__default.createElement(PickerItem, { ...rowProps, title: item.title }) })), getName: (i) => i.title, renderToggler: renderAddFilterToggler, emptyValue: [], getRowOptions: getRowOptions, fixedBodyPosition: true, size: size, bodyCx: UUI_FILTERS_PANEL_ADD_BUTTON_BODY, ref: pickerInputRef }))));
 }
 const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
 
-var css$p = {"divider":"t4m0u4","dropdownDeleteIcon":"MztmR2","presetsWrapper":"CYMNjg","addPresetContainer":"Xc4fYF","dropContainer":"EujozW"};
+var css$p = {"divider":"_17emL1","dropdownDeleteIcon":"Qz4p4E","presetsWrapper":"kIPjag","addPresetContainer":"QU13Tb","dropContainer":"_-6Q2lB"};
 
 var _path$g;
 function _extends$g() { return _extends$g = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$g.apply(null, arguments); }
@@ -4294,24 +4296,31 @@ var SvgContentLinkOutline = function SvgContentLinkOutline(props, ref) {
 };
 var ForwardRef$a = /*#__PURE__*/forwardRef(SvgContentLinkOutline);
 
-var css$o = {"delete-button":"VKis39","deleteButton":"VKis39","tab-button":"Dmjc9r","tabButton":"Dmjc9r","targetOpen":"bb1Oir"};
+var css$o = {"delete-button":"fBWN-v","deleteButton":"fBWN-v","tab-button":"KzG68N","tabButton":"KzG68N","targetOpen":"_90TTTS"};
 
 function PresetActionsDropdown(props) {
     const { uuiNotifications } = useUuiContext();
-    const copyUrlToClipboard = useCallback(() => __awaiter(this, void 0, void 0, function* () {
-        yield navigator.clipboard.writeText(props.getPresetLink(props.preset));
+    const copyUrlToClipboard = useCallback(async () => {
+        await navigator.clipboard.writeText(props.getPresetLink(props.preset));
         successNotificationHandler('Link copied!');
-    }), []);
-    const saveInCurrent = useCallback((preset) => __awaiter(this, void 0, void 0, function* () {
-        const newPreset = Object.assign(Object.assign({}, preset), { filter: props.tableState.filter, sorting: props.tableState.sorting, columnsConfig: props.tableState.columnsConfig, filtersConfig: props.tableState.filtersConfig, viewState: props.tableState.viewState });
-        yield props.updatePreset(newPreset);
+    }, []);
+    const saveInCurrent = useCallback(async (preset) => {
+        const newPreset = {
+            ...preset,
+            filter: props.tableState.filter,
+            sorting: props.tableState.sorting,
+            columnsConfig: props.tableState.columnsConfig,
+            filtersConfig: props.tableState.filtersConfig,
+            viewState: props.tableState.viewState,
+        };
+        await props.updatePreset(newPreset);
         successNotificationHandler('Changes saved!');
-    }), [
+    }, [
         props.tableState.filter, props.tableState.columnsConfig, props.tableState.filtersConfig,
     ]);
     const successNotificationHandler = useCallback((text) => {
         uuiNotifications
-            .show((props) => (React__default.createElement(SuccessNotification, Object.assign({}, props),
+            .show((props) => (React__default.createElement(SuccessNotification, { ...props },
             React__default.createElement(Text, { size: "36", fontSize: "14" }, text))), { duration: 3 })
             .catch(() => null);
     }, []);
@@ -4324,16 +4333,16 @@ function PresetActionsDropdown(props) {
     const duplicateHandler = useCallback(() => {
         props.duplicatePreset(props.preset);
     }, [props.preset]);
-    const deleteHandler = useCallback(() => __awaiter(this, void 0, void 0, function* () {
-        yield props.deletePreset(props.preset);
-    }), [
+    const deleteHandler = useCallback(async () => {
+        await props.deletePreset(props.preset);
+    }, [
         props.activePresetId, props.deletePreset, props.preset,
     ]);
     const renderBody = (dropdownProps) => {
         const isReadonlyPreset = props.preset.isReadonly;
         const isPresetChanged = props.activePresetId === props.preset.id && props.hasPresetChanged(props.preset);
         const isRenameAvailable = props.preset.id === props.activePresetId && !isReadonlyPreset;
-        return (React__default.createElement(DropdownMenuBody, Object.assign({}, dropdownProps),
+        return (React__default.createElement(DropdownMenuBody, { ...dropdownProps },
             isPresetChanged && (React__default.createElement(React__default.Fragment, null,
                 !isReadonlyPreset && (React__default.createElement(DropdownMenuButton, { key: `${props.preset.id}-save-in-current`, icon: ForwardRef$f, caption: "Save in current", onClick: () => { dropdownProps.onClose(); saveInCurrentHandler(); } })),
                 React__default.createElement(DropdownMenuButton, { key: `${props.preset.id}-save-as-new`, icon: ForwardRef$e, caption: "Save as new", 
@@ -4349,12 +4358,12 @@ function PresetActionsDropdown(props) {
                 React__default.createElement(DropdownMenuButton, { icon: ForwardRef$i, caption: "Delete", cx: css$o.deleteButton, onClick: deleteHandler })))));
     };
     const renderTarget = useCallback((dropdownProps) => {
-        return (React__default.createElement(IconButton, Object.assign({ cx: [css$o.tabButton, dropdownProps.isOpen && css$o.targetOpen], color: props.preset.id === props.activePresetId ? 'primary' : 'neutral' }, dropdownProps, { icon: ForwardRef$g, size: "18" })));
+        return (React__default.createElement(IconButton, { cx: [css$o.tabButton, dropdownProps.isOpen && css$o.targetOpen], color: props.preset.id === props.activePresetId ? 'primary' : 'neutral', ...dropdownProps, icon: ForwardRef$g, size: "18" }));
     }, []);
     return (React__default.createElement(Dropdown, { renderBody: renderBody, renderTarget: renderTarget, placement: "bottom-end", modifiers: [{ name: 'offset', options: { offset: [0, 22] } }] }));
 }
 
-var css$n = {"preset-input-cell":"_82YUmx","presetInputCell":"_82YUmx","preset-input":"_3zuAZ5","presetInput":"_3zuAZ5"};
+var css$n = {"preset-input-cell":"u-T7JY","presetInputCell":"u-T7JY","preset-input":"fheg1F","presetInput":"fheg1F"};
 
 const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
 const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
@@ -4362,21 +4371,20 @@ const UUI_PRESETS_PANEL_INPUT = 'uui-presets-panel-input';
 const UUI_PRESETS_PANEL_PRESET = 'uui-presets-panel-preset';
 
 function PresetInput(props) {
-    var _a;
-    const [presetCaption, setPresetCaption] = useState(((_a = props.preset) === null || _a === void 0 ? void 0 : _a.name) || '');
+    const [presetCaption, setPresetCaption] = useState(props.preset?.name || '');
     const [readonly, setReadonly] = useState(false);
     const cancelActionHandler = useCallback(() => {
         setPresetCaption('');
         props.onCancel();
     }, [props.onCancel]);
-    const acceptActionHandler = useCallback(() => __awaiter(this, void 0, void 0, function* () {
+    const acceptActionHandler = useCallback(async () => {
         setReadonly(() => true);
         if (presetCaption) {
-            yield props.onSuccess(presetCaption);
+            await props.onSuccess(presetCaption);
         }
         props.onCancel();
         setReadonly(() => false);
-    }), [presetCaption]);
+    }, [presetCaption]);
     const newPresetOnBlurHandler = useCallback(() => {
         if (presetCaption.length) {
             return;
@@ -4387,7 +4395,7 @@ function PresetInput(props) {
         React__default.createElement(TextInput, { cx: css$n.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
 }
 
-var css$m = {"preset":"inMSQG","activePreset":"_4uLHpX"};
+var css$m = {"preset":"aPdvJ3","activePreset":"rCT0O9"};
 
 function Preset(props) {
     const [isRenamePreset, setIsRenamePreset] = useState(false);
@@ -4401,11 +4409,14 @@ function Preset(props) {
         }
     }, []);
     const handlePresetRename = useCallback((name) => {
-        const newPreset = Object.assign(Object.assign({}, props.preset), { name: name });
+        const newPreset = {
+            ...props.preset,
+            name: name,
+        };
         return props.updatePreset(newPreset);
     }, [props.preset]);
     const isPresetActive = props.activePresetId === props.preset.id;
-    const PresetActionsDropdownComponent = useCallback(() => React__default.createElement(PresetActionsDropdown, Object.assign({ renamePreset: setPresetForRename }, props)), [props.preset, props.tableState, props.activePresetId]);
+    const PresetActionsDropdownComponent = useCallback(() => React__default.createElement(PresetActionsDropdown, { renamePreset: setPresetForRename, ...props }), [props.preset, props.tableState, props.activePresetId]);
     return (React__default.createElement(FlexCell, { key: props.preset.id, alignSelf: "center", width: "auto" }, isRenamePreset ? (React__default.createElement(PresetInput, { onCancel: cancelRenamePreset, onSuccess: handlePresetRename, preset: props.preset })) : (React__default.createElement(TabButton, { caption: props.preset.name, onClick: !isPresetActive && choosePresetHandler, cx: [css$m.preset, isPresetActive && css$m.activePreset, UUI_PRESETS_PANEL_PRESET], size: "60", withNotify: isPresetActive && props.hasPresetChanged(props.preset), icon: PresetActionsDropdownComponent, iconPosition: "right", isLinkActive: isPresetActive }))));
 }
 
@@ -4434,12 +4445,12 @@ function PresetsPanel(props) {
     const cancelAddingPreset = useCallback(() => {
         setIsAddingPreset(false);
     }, []);
-    const presetApi = __rest(props, ["presets"]);
+    const { presets, ...presetApi } = props;
     const renderPreset = (preset) => {
-        return React__default.createElement(Preset, Object.assign({ key: preset.id, preset: preset, addPreset: setAddingPreset }, presetApi));
+        return React__default.createElement(Preset, { key: preset.id, preset: preset, addPreset: setAddingPreset, ...presetApi });
     };
     const renderAddPresetButton = useCallback(() => {
-        return (React__default.createElement("div", { key: "addingPresetBlock", className: css$p.addPresetContainer }, !isAddingPreset ? (React__default.createElement(Button, { cx: UUI_PRESETS_PANEL_ADD_BUTTON, size: "36", onClick: setAddingPreset, caption: i18n.presetPanel.addCaption, icon: ForwardRef$h, iconPosition: "left", fill: "ghost", color: "primary" })) : (React__default.createElement(PresetInput, { onCancel: cancelAddingPreset, onSuccess: props.createNewPreset }))));
+        return (React__default.createElement("div", { key: "addingPresetBlock", className: css$p.addPresetContainer }, !isAddingPreset ? (React__default.createElement(Button, { cx: UUI_PRESETS_PANEL_ADD_BUTTON, onClick: setAddingPreset, caption: i18n.presetPanel.addCaption, icon: ForwardRef$h, iconPosition: "left", fill: "ghost", color: "primary" })) : (React__default.createElement(PresetInput, { onCancel: cancelAddingPreset, onSuccess: props.createNewPreset }))));
     }, [isAddingPreset]);
     const onPresetDropdownSelect = (preset) => {
         props.choosePreset(preset.preset);
@@ -4447,8 +4458,8 @@ function PresetsPanel(props) {
     const renderMoreButtonDropdown = (item, hiddenItems) => {
         return (React__default.createElement(Dropdown, { key: "more", renderTarget: (props) => (React__default.createElement(FlexRow, null,
                 React__default.createElement("div", { className: css$p.divider }),
-                React__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__default.createElement(DropdownMenuBody, Object.assign({ minWidth: 230 }, propsBody),
-                React__default.createElement(ScrollBars$1, null, hiddenItems.map((hiddenItem) => (React__default.createElement(DropdownMenuButton, { key: hiddenItem.preset.id, onClick: () => onPresetDropdownSelect(hiddenItem), caption: hiddenItem.preset.name, icon: !hiddenItem.preset.isReadonly && ForwardRef$9, iconPosition: "right", cx: css$p.dropdownDeleteIcon, onIconClick: !hiddenItem.preset.isReadonly && (() => props.deletePreset(hiddenItem.preset)) })))))) }));
+                React__default.createElement(Button, { cx: UUI_PRESETS_PANEL_MORE_BUTTON, fill: "ghost", color: "secondary", caption: `${hiddenItems?.length || ''} more`, ...props }))), renderBody: (propsBody) => (React__default.createElement(DropdownMenuBody, { minWidth: 230, maxHeight: 300, ...propsBody },
+                React__default.createElement(ScrollBars, null, hiddenItems.map((hiddenItem) => (React__default.createElement(DropdownMenuButton, { key: hiddenItem.preset.id, onClick: () => onPresetDropdownSelect(hiddenItem), caption: hiddenItem.preset.name, icon: !hiddenItem.preset.isReadonly && ForwardRef$9, iconPosition: "right", cx: css$p.dropdownDeleteIcon, onIconClick: !hiddenItem.preset.isReadonly && (() => props.deletePreset(hiddenItem.preset)) })))))) }));
     };
     const getPresetPriority = (preset, index) => {
         return preset.id === props.activePresetId ? 100499 : 1000 - index;
@@ -4483,18 +4494,21 @@ const defaultPredicates = {
 
 const useColumnsWithFilters = (initialColumns, filters) => {
     const makeFilterRenderCallback = useCallback((key) => function (filterLens, dropdownProps) {
-        const filter = filters === null || filters === void 0 ? void 0 : filters.find((f) => f.columnKey === key);
+        const filter = filters?.find((f) => f.columnKey === key);
         if (!filter)
             return null;
         const props = filterLens.prop(filter.field).toProps();
-        return React__default.createElement(FilterItemBody, Object.assign({}, props, filter, dropdownProps));
+        return React__default.createElement(FilterItemBody, { ...props, ...filter, ...dropdownProps });
     }, [filters]);
     const columns = useMemo(() => {
         if (filters) {
             const filterKeys = filters.map((f) => f.columnKey);
             const newColumns = (initialColumns.map((column) => {
                 if (filterKeys.includes(column.key)) {
-                    return Object.assign(Object.assign({}, column), { renderFilter: makeFilterRenderCallback(column.key) });
+                    return {
+                        ...column,
+                        renderFilter: makeFilterRenderCallback(column.key),
+                    };
                 }
                 else {
                     return column;
@@ -4562,7 +4576,7 @@ var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props,
 };
 var ForwardRef$6 = /*#__PURE__*/forwardRef(SvgTableGroupColumnRightFill);
 
-var css$l = {"unpin-icon":"cf6YMf","unpinIcon":"cf6YMf","pin-toggler-icon":"SYfZIc","pinTogglerIcon":"SYfZIc"};
+var css$l = {"unpin-icon":"NkzQUH","unpinIcon":"NkzQUH","pin-toggler-icon":"GAjuj2","pinTogglerIcon":"GAjuj2"};
 
 function PinIconButton(props) {
     const i18nLocal = i18n.tables.columnsConfigurationModal;
@@ -4621,7 +4635,7 @@ var SvgActionDragIndicator18 = function SvgActionDragIndicator18(props, ref) {
 };
 var ForwardRef$5 = /*#__PURE__*/forwardRef(SvgActionDragIndicator18);
 
-var css$k = {"uui-typography":"d8pHaf","uuiTypography":"d8pHaf","hero-header":"qpa9ZK","heroHeader":"qpa9ZK","promo-header":"nPYYzR","promoHeader":"nPYYzR","uui-critical":"BMMswN","uuiCritical":"BMMswN","uui-info":"OjktOM","uuiInfo":"OjktOM","uui-success":"_0lBfbU","uuiSuccess":"_0lBfbU","uui-warning":"UTZpv6","uuiWarning":"UTZpv6","uui-highlight":"adz8fp","uuiHighlight":"adz8fp","uui-typography-size-12":"otEmix","uuiTypographySize12":"otEmix","uui-typography-size-14":"KGicnl","uuiTypographySize14":"KGicnl","uui-typography-size-16":"_2bDfs9","uuiTypographySize16":"_2bDfs9","row-wrapper":"YRsRJa","rowWrapper":"YRsRJa","pin-icon-button":"w5dk-g","pinIconButton":"w5dk-g","not-pinned":"sFzX9p","notPinned":"sFzX9p","checkbox":"qDXSPX","drag-handle":"KhhcM6","dragHandle":"KhhcM6","dnd-disabled":"YnNWsG","dndDisabled":"YnNWsG"};
+var css$k = {"uui-typography":"_32ixSS","uuiTypography":"_32ixSS","hero-header":"xdaUfA","heroHeader":"xdaUfA","promo-header":"WbqvVY","promoHeader":"WbqvVY","uui-critical":"Rym68P","uuiCritical":"Rym68P","uui-info":"r8xp12","uuiInfo":"r8xp12","uui-success":"nIhJwz","uuiSuccess":"nIhJwz","uui-warning":"QcW9FF","uuiWarning":"QcW9FF","uui-highlight":"_5OG25r","uuiHighlight":"_5OG25r","uui-typography-size-12":"sl-tXn","uuiTypographySize12":"sl-tXn","uui-typography-size-14":"SR3bzs","uuiTypographySize14":"SR3bzs","uui-typography-size-16":"p5UNBo","uuiTypographySize16":"p5UNBo","row-wrapper":"ZFnZ6M","rowWrapper":"ZFnZ6M","pin-icon-button":"_8VfQR0","pinIconButton":"_8VfQR0","not-pinned":"gr49Qr","notPinned":"gr49Qr","checkbox":"mVthc-","drag-handle":"_9U5uls","dragHandle":"_9U5uls","dnd-disabled":"EQiIt8","dndDisabled":"EQiIt8"};
 
 const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
     const { column } = props;
@@ -4632,19 +4646,19 @@ const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
     const data = { column, columnConfig };
     const renderContent = (dndActorParams) => {
         const wrapperClasses = cx$1(css$k.rowWrapper, !isPinned && css$k.notPinned, dndActorParams.isDragGhost && uuiDndState.dragGhost, 'uui-dt-columns-config-row');
-        const _a = dndActorParams.eventHandlers, { onTouchStart, onPointerDown } = _a, restEventHandlers = __rest(_a, ["onTouchStart", "onPointerDown"]);
-        const dndActorPropsWithoutRef = __rest(dndActorParams, ["ref"]);
-        return (React.createElement(FlexRow, { size: settings.sizes.dataTable.columnsConfigurationModal.columnRow, cx: wrapperClasses, ref: dndActorParams.ref, rawProps: Object.assign({}, restEventHandlers), alignItems: "top" },
+        const { onTouchStart, onPointerDown, ...restEventHandlers } = dndActorParams.eventHandlers;
+        const { ref, ...dndActorPropsWithoutRef } = dndActorParams;
+        return (React.createElement(FlexRow, { size: settings.sizes.dataTable.columnsConfigurationModal.columnRow, cx: wrapperClasses, ref: dndActorParams.ref, rawProps: { ...restEventHandlers }, alignItems: "top" },
             React.createElement(DragHandle, { dragHandleIcon: ForwardRef$5, rawProps: { onTouchStart, onPointerDown }, isDisabled: !isDndAllowed, cx: cx$1(css$k.dragHandle, !isDndAllowed && css$k.dndDisabled) }),
             React.createElement(Checkbox, { key: column.key, label: props.renderItem ? props.renderItem(props.column) : column.caption, value: isVisible, onValueChange: toggleVisibility, isReadonly: column.isAlwaysVisible || column.isLocked, cx: css$k.checkbox }),
             React.createElement(FlexRow, { size: null, cx: css$k.pinIconButton },
                 React.createElement(PinIconButton, { pinPosition: pinPosition, canUnpin: !isPinnedAlways, onTogglePin: togglePin })),
-            React.createElement(DropMarker, Object.assign({}, dndActorPropsWithoutRef))));
+            React.createElement(DropMarker, { ...dndActorPropsWithoutRef })));
     };
     return (React.createElement(DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
 });
 
-var css$j = {"uui-typography":"B-hVZ-","uuiTypography":"B-hVZ-","hero-header":"fvqoAC","heroHeader":"fvqoAC","promo-header":"Lklm6Z","promoHeader":"Lklm6Z","uui-critical":"E09FGq","uuiCritical":"E09FGq","uui-info":"_6cAFBo","uuiInfo":"_6cAFBo","uui-success":"WJq3IS","uuiSuccess":"WJq3IS","uui-warning":"_2kJzu0","uuiWarning":"_2kJzu0","uui-highlight":"ebgdlG","uuiHighlight":"ebgdlG","uui-typography-size-12":"W1Ib4Y","uuiTypographySize12":"W1Ib4Y","uui-typography-size-14":"t-8JPK","uuiTypographySize14":"t-8JPK","uui-typography-size-16":"CBjZtU","uuiTypographySize16":"CBjZtU","root":"_8RwIyD","main-panel":"xSl-2c","mainPanel":"xSl-2c","group":"fAXKsz","group-title":"IgcuW-","groupTitle":"IgcuW-","group-items":"OEsNiQ","groupItems":"OEsNiQ","no-data":"Mfg6Im","noData":"Mfg6Im","no-data-title":"g-h-Xo","noDataTitle":"g-h-Xo","no-data-sub-title":"pBk8Ao","noDataSubTitle":"pBk8Ao","h-divider":"ZZO0Bj","hDivider":"ZZO0Bj","search-area":"_8zOLj9","searchArea":"_8zOLj9","subgroup-accordion":"s99Ifl","subgroupAccordion":"s99Ifl","subgroup":"Mnwg3B","subgroup-title":"DK4Yuq","subgroupTitle":"DK4Yuq"};
+var css$j = {"uui-typography":"MurWgC","uuiTypography":"MurWgC","hero-header":"gCcOHV","heroHeader":"gCcOHV","promo-header":"SgAxmi","promoHeader":"SgAxmi","uui-critical":"hymC2b","uuiCritical":"hymC2b","uui-info":"_02h1-C","uuiInfo":"_02h1-C","uui-success":"lZ8LD0","uuiSuccess":"lZ8LD0","uui-warning":"tUQxBR","uuiWarning":"tUQxBR","uui-highlight":"NYeV1h","uuiHighlight":"NYeV1h","uui-typography-size-12":"jmN8YS","uuiTypographySize12":"jmN8YS","uui-typography-size-14":"i-Fcsb","uuiTypographySize14":"i-Fcsb","uui-typography-size-16":"TIDdKp","uuiTypographySize16":"TIDdKp","root":"E-umN6","main-panel":"BEzv1w","mainPanel":"BEzv1w","group":"w3NF06","group-title":"UL3kDV","groupTitle":"UL3kDV","group-items":"RNJJj7","groupItems":"RNJJj7","no-data":"_1FbXS4","noData":"_1FbXS4","no-data-title":"ihe0TZ","noDataTitle":"ihe0TZ","no-data-sub-title":"tYJeDr","noDataSubTitle":"tYJeDr","h-divider":"GSmfBV","hDivider":"GSmfBV","search-area":"tRLyKt","searchArea":"tRLyKt","subgroup-accordion":"IiZoVx","subgroupAccordion":"IiZoVx","subgroup":"uyTtR4","subgroup-title":"HIuIhz","subgroupTitle":"HIuIhz"};
 
 const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { cx: css$j.group },
     React.createElement(Text, { size: "none", cx: css$j.groupTitle }, title),
@@ -4652,7 +4666,7 @@ const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { cx:
     React.createElement(FlexSpacer, null)));
 function ColumnsConfigurationModal(props) {
     const i18n$1 = i18n.tables.columnsConfigurationModal;
-    const { columns, columnsConfig: initialColumnsConfig, defaultConfig } = props, modalProps = __rest(props, ["columns", "columnsConfig", "defaultConfig"]);
+    const { columns, columnsConfig: initialColumnsConfig, defaultConfig, ...modalProps } = props;
     const { groupedColumns, searchValue, columnsConfig, reset, checkAll, uncheckAll, setSearchValue, hasAnySelectedColumns, } = useColumnsConfiguration({
         initialColumnsConfig,
         columns,
@@ -4692,14 +4706,14 @@ function ColumnsConfigurationModal(props) {
             React.createElement(SubGroup, { renderItem: props.renderItem, items: items })));
     };
     const applyButton = React.createElement(Button, { caption: i18n$1.applyButton, isDisabled: !hasAnySelectedColumns, color: "primary", onClick: apply });
-    return (React.createElement(ModalBlocker, Object.assign({}, modalProps),
+    return (React.createElement(ModalBlocker, { ...modalProps },
         React.createElement(ModalWindow, { cx: css$j.root, height: "95dvh", maxHeight: "95dvh", width: settings.sizes.dataTable.columnsConfigurationModal.width },
             React.createElement(ModalHeader, { title: i18n$1.configureColumnsTitle, onClose: close }),
             React.createElement(FlexRow, { borderBottom: true, cx: css$j.searchArea },
                 React.createElement(SearchInput, { size: settings.sizes.dataTable.columnsConfigurationModal.search, value: searchValue, onValueChange: setSearchValue, placeholder: i18n$1.searchPlaceholder }),
                 React.createElement(Dropdown, { closeOnTargetClick: true, renderBody: () => (React.createElement(DropdownMenuBody, { minWidth: 100 },
                         React.createElement(DropdownMenuButton, { caption: i18n$1.clearAllButton, onClick: uncheckAll }),
-                        React.createElement(DropdownMenuButton, { caption: i18n$1.selectAllButton, onClick: checkAll }))), renderTarget: (props) => (React.createElement(Button, Object.assign({}, props, { fill: "none", icon: ForwardRef$g, size: settings.sizes.dataTable.columnsConfigurationModal.search, color: "secondary", isDropdown: false }))) })),
+                        React.createElement(DropdownMenuButton, { caption: i18n$1.selectAllButton, onClick: checkAll }))), renderTarget: (props) => (React.createElement(Button, { ...props, fill: "none", icon: ForwardRef$g, size: settings.sizes.dataTable.columnsConfigurationModal.search, color: "secondary", isDropdown: false })) })),
             React.createElement(Panel, { background: "surface-main", cx: css$j.mainPanel },
                 React.createElement(ScrollBars, null,
                     renderVisible(),
@@ -4733,7 +4747,7 @@ function SubGroup(props) {
     return null;
 }
 
-var css$i = {"listContainer":"hyk6v-","header":"_8DYALG","group":"viPtnd","stickyHeader":"_2dULfL"};
+var css$i = {"listContainer":"WOkFve","header":"mvAB0v","group":"xI-P5S","stickyHeader":"xproOD"};
 
 const getChildrenAndRest = (row, rows) => {
     const firstNotChildIndex = rows.findIndex((other) => other.depth < row.depth || (row.depth === other.depth && other.isPinned));
@@ -4749,9 +4763,8 @@ const getChildrenAndRest = (row, rows) => {
 };
 
 function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
-    var _a, _b;
     const rowRef = useRef();
-    const childrenPinnedTop = row.isPinned ? (top + ((_b = (_a = rowRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) !== null && _b !== void 0 ? _b : 0)) : top;
+    const childrenPinnedTop = row.isPinned ? (top + (rowRef.current?.clientHeight ?? 0)) : top;
     return (React__default.createElement("div", { className: css$i.group, key: row.rowKey },
         React__default.createElement("div", { className: row.isPinned ? css$i.stickyHeader : css$i.header, 
             // Gaps between pinned parents should be removed by -1 from top height.
@@ -4782,10 +4795,9 @@ function DataRowsGroups({ rows, renderRow, top = 1, }) {
 }
 
 function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, renderRow, headerRef, }) {
-    var _a;
     return (React__default.createElement("div", { className: css$i.listContainer, style: { minHeight: `${estimatedHeight}px` } },
         React__default.createElement("div", { ref: listContainerRef, role: "rowgroup", style: { marginTop: offsetY } },
-            React__default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: (_a = headerRef === null || headerRef === void 0 ? void 0 : headerRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight }))));
+            React__default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
 }
 
 var _path$4, _path2, _path3, _path4, _path5, _path6, _g, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _path21, _path22, _path23, _path24, _defs;
@@ -4799,7 +4811,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
   }, props), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#sn7n3ic4pqzlruud4_a)"
+    clipPath: "url(#p2wmcu4bb72ds99dv_a)"
   }, _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
     d: "M150.585 1.535C49.483-11.495 27.481 61.805 45.725 97.481c10.581 20.69-39.64 70.792 17.744 81.468 27.538 5.123 36-13.341 62.433-10.655 35.4 3.6 148.167-4.73 88.349-78.915-31.713-39.335 1.026-79.506-63.666-87.844Z",
     fill: "#F5F6FA"
@@ -4820,7 +4832,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     d: "M86.786 22.982c-2.55 0-4.965 2.07-4.965 4.552V120.6c0 2.484 2.4 4.572 4.965 4.572h88.101c2.582 0 4.986-2.089 4.986-4.572V27.534c0-2.464-2.418-4.552-4.986-4.552h-88.1Zm-5.793 4.552c0-3.022 2.874-5.38 5.793-5.38h88.101c2.935 0 5.814 2.374 5.814 5.38V120.6c0 3.021-2.86 5.4-5.814 5.4h-88.1c-2.94 0-5.794-2.381-5.794-5.4V27.534Z",
     fill: "#1D1E26"
   })), /*#__PURE__*/React.createElement("mask", {
-    id: "sn7n3ib94n84i8g8p_b",
+    id: "p2wmcurj6l4bp9djh_b",
     style: {
       maskType: "alpha"
     },
@@ -4833,7 +4845,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     d: "M174.887 125.586h-88.1c-2.752 0-5.38-2.234-5.38-4.986V27.534c0-2.752 2.644-4.966 5.38-4.966h88.1c2.752 0 5.4 2.23 5.4 4.966V120.6c0 2.752-2.632 4.986-5.4 4.986Z",
     fill: "#9BDEFF"
   }))), _g || (_g = /*#__PURE__*/React.createElement("g", {
-    mask: "url(#sn7n3ib94n84i8g8p_b)",
+    mask: "url(#p2wmcurj6l4bp9djh_b)",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }, /*#__PURE__*/React.createElement("path", {
@@ -4919,7 +4931,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     d: "M24.73 96.184a.414.414 0 0 1 .581.06l48.646 59.751a.413.413 0 1 1-.642.523L24.67 96.766a.414.414 0 0 1 .06-.582Z",
     fill: "#fff"
   }))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: "sn7n3ic4pqzlruud4_a"
+    id: "p2wmcu4bb72ds99dv_a"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
     transform: "translate(.552)",
@@ -4928,46 +4940,44 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
 };
 var ForwardRef$4 = /*#__PURE__*/forwardRef(SvgEmptyTable);
 
-var css$h = {"root":"uMWgnN","sticky-header":"rKECzF","stickyHeader":"rKECzF","no-results":"PO4aRk","noResults":"PO4aRk","icon":"cgkoIv","title":"XLFZH6"};
+var css$h = {"root":"fxV7Ca","sticky-header":"a1hkPt","stickyHeader":"a1hkPt","no-results":"_3U-Fuc","noResults":"_3U-Fuc","icon":"iy02DZ","title":"XN-V7s"};
 
 function DataTable(props) {
-    var _a, _b, _c, _d;
     const { uuiModals } = useUuiContext();
     const headerRef = React.useRef();
     const columnsWithFilters = useColumnsWithFilters(props.columns, props.filters);
-    const { columns, config, defaultConfig } = useColumnsConfig(columnsWithFilters, (_a = props.value) === null || _a === void 0 ? void 0 : _a.columnsConfig);
+    const { columns, config, defaultConfig } = useColumnsConfig(columnsWithFilters, props.value?.columnsConfig);
     const defaultRenderRow = React.useCallback((rowProps) => {
-        return (React.createElement(DataTableRow, Object.assign({ key: rowProps.rowKey, size: props.size || settings.sizes.dataTable.body.row.default, columnsGap: props.columnsGap, borderBottom: props.border }, rowProps, { cx: css$h.cell })));
+        return (React.createElement(DataTableRow, { size: props.size || settings.sizes.dataTable.body.row.default, columnsGap: props.columnsGap, borderBottom: props.border, ...rowProps, key: rowProps.rowKey, cx: css$h.cell }));
     }, []);
-    const renderRow = (row) => { var _a; return ((_a = props.renderRow) !== null && _a !== void 0 ? _a : defaultRenderRow)(Object.assign(Object.assign({}, row), { columns })); };
-    const rows = (_d = (_c = (_b = props.getRows) === null || _b === void 0 ? void 0 : _b.call(props)) !== null && _c !== void 0 ? _c : props.rows) !== null && _d !== void 0 ? _d : [];
+    const renderRow = (row) => (props.renderRow ?? defaultRenderRow)({ ...row, columns });
+    const rows = props.getRows?.() ?? props.rows ?? [];
     const renderNoResultsBlock = React.useCallback(() => {
-        var _a;
-        return (React.createElement("div", { className: css$h.noResults }, props.renderNoResultsBlock ? ((_a = props.renderNoResultsBlock) === null || _a === void 0 ? void 0 : _a.call(props)) : (React.createElement(React.Fragment, null,
+        return (React.createElement("div", { className: css$h.noResults }, props.renderNoResultsBlock ? (props.renderNoResultsBlock?.()) : (React.createElement(React.Fragment, null,
             React.createElement(IconContainer, { cx: css$h.icon, icon: ForwardRef$4 }),
             React.createElement(Text, { cx: css$h.title, fontSize: "24", lineHeight: "30", color: "primary", fontWeight: "600" }, i18n.tables.noResultsBlock.title),
             React.createElement(Text, { fontSize: "16", lineHeight: "24", color: "primary" }, i18n.tables.noResultsBlock.message)))));
     }, [props.renderNoResultsBlock]);
     const onConfigurationButtonClick = React.useCallback(() => {
-        const configProps = { columns: props.columns, columnsConfig: Object.assign({}, config), defaultConfig };
+        const configProps = { columns: props.columns, columnsConfig: { ...config }, defaultConfig };
         uuiModals
             .show((modalProps) => {
             return (props.renderColumnsConfigurationModal
-                ? props.renderColumnsConfigurationModal(Object.assign(Object.assign({}, configProps), modalProps))
-                : (React.createElement(ColumnsConfigurationModal, Object.assign({}, modalProps, { columns: props.columns, columnsConfig: config, defaultConfig: defaultConfig }))));
+                ? props.renderColumnsConfigurationModal({ ...configProps, ...modalProps })
+                : (React.createElement(ColumnsConfigurationModal, { ...modalProps, columns: props.columns, columnsConfig: config, defaultConfig: defaultConfig })));
         })
-            .then((columnsConfig) => props.onValueChange(Object.assign(Object.assign({}, props.value), { columnsConfig })))
+            .then((columnsConfig) => props.onValueChange({ ...props.value, columnsConfig }))
             .catch(() => null);
     }, [
         props.columns, config, defaultConfig, props.value, props.onValueChange, props.renderColumnsConfigurationModal,
     ]);
     const renderRowsContainer = React.useCallback(({ listContainerRef, estimatedHeight, offsetY, scrollShadows }) => (React.createElement(React.Fragment, null,
         React.createElement("div", { className: css$h.stickyHeader, ref: headerRef },
-            React.createElement(DataTableHeaderRow, { columns: columns, columnGroups: props.columnGroups, onConfigButtonClick: props.showColumnsConfig && onConfigurationButtonClick, selectAll: props.selectAll, size: props.headerSize || settings.sizes.dataTable.header.row.default, textCase: props.headerTextCase, allowColumnsReordering: props.allowColumnsReordering, allowColumnsResizing: props.allowColumnsResizing, showFoldAll: props.showFoldAll, value: Object.assign(Object.assign({}, props.value), { columnsConfig: config }), onValueChange: props.onValueChange, columnsGap: props.columnsGap }),
+            React.createElement(DataTableHeaderRow, { columns: columns, columnGroups: props.columnGroups, onConfigButtonClick: props.showColumnsConfig && onConfigurationButtonClick, selectAll: props.selectAll, size: props.headerSize || settings.sizes.dataTable.header.row.default, textCase: props.headerTextCase, allowColumnsReordering: props.allowColumnsReordering, allowColumnsResizing: props.allowColumnsResizing, showFoldAll: props.showFoldAll, value: { ...props.value, columnsConfig: config }, onValueChange: props.onValueChange, columnsGap: props.columnsGap }),
             React.createElement("div", { className: cx$1(uuiScrollShadows.top, {
                     [uuiScrollShadows.topVisible]: scrollShadows.verticalTop,
                 }) })),
-        props.exactRowsCount !== 0 ? (React.createElement(DataRowsContainer, { headerRef: headerRef, listContainerRef: listContainerRef, estimatedHeight: estimatedHeight, offsetY: offsetY, scrollShadows: scrollShadows, renderRow: renderRow, rows: rows })) : (renderNoResultsBlock === null || renderNoResultsBlock === void 0 ? void 0 : renderNoResultsBlock()))), [
+        props.exactRowsCount !== 0 ? (React.createElement(DataRowsContainer, { headerRef: headerRef, listContainerRef: listContainerRef, estimatedHeight: estimatedHeight, offsetY: offsetY, scrollShadows: scrollShadows, renderRow: renderRow, rows: rows })) : (renderNoResultsBlock?.()))), [
         props, columns, rows, renderNoResultsBlock, onConfigurationButtonClick,
     ]);
     return (React.createElement(DataTableSelectionProvider, { onCopy: props.onCopy, rows: rows, columns: columns },
@@ -4979,9 +4989,9 @@ function DataTable(props) {
                 } }))));
 }
 
-var css$g = {"root":"V4OjU4"};
+var css$g = {"root":"_71r7Vw"};
 
-var css$f = {"root":"zSIjMr","burger-content":"_5ONd5P","burgerContent":"_5ONd5P"};
+var css$f = {"root":"_9px-LU","burger-content":"_2exS6-","burgerContent":"_2exS6-"};
 
 var _path$3;
 function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
@@ -5024,7 +5034,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
 };
 var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgNavigationArrowDownOutline);
 
-var css$e = {"uui-typography":"_4vvL-0","uuiTypography":"_4vvL-0","hero-header":"uVteDZ","heroHeader":"uVteDZ","promo-header":"p8536P","promoHeader":"p8536P","uui-critical":"QguHXy","uuiCritical":"QguHXy","uui-info":"d8KT1N","uuiInfo":"d8KT1N","uui-success":"TjEyup","uuiSuccess":"TjEyup","uui-warning":"FLhnxT","uuiWarning":"FLhnxT","uui-highlight":"Qt4-6L","uuiHighlight":"Qt4-6L","uui-typography-size-12":"rSEoch","uuiTypographySize12":"rSEoch","uui-typography-size-14":"VuvWI-","uuiTypographySize14":"VuvWI-","uui-typography-size-16":"Zjh5oK","uuiTypographySize16":"Zjh5oK","root":"gzbXPQ","button-primary":"-qDtJG","buttonPrimary":"-qDtJG","button-secondary":"mlb--2","buttonSecondary":"mlb--2","hasIcon":"KZeKRu","dropdown":"-BNlGE"};
+var css$e = {"uui-typography":"nmuj54","uuiTypography":"nmuj54","hero-header":"cS4g33","heroHeader":"cS4g33","promo-header":"UPjpLS","promoHeader":"UPjpLS","uui-critical":"oeDuSl","uuiCritical":"oeDuSl","uui-info":"a-g-Zg","uuiInfo":"a-g-Zg","uui-success":"GumRKQ","uuiSuccess":"GumRKQ","uui-warning":"SGK4h-","uuiWarning":"SGK4h-","uui-highlight":"MtkQYM","uuiHighlight":"MtkQYM","uui-typography-size-12":"_-3yaGh","uuiTypographySize12":"_-3yaGh","uui-typography-size-14":"gMJvM-","uuiTypographySize14":"gMJvM-","uui-typography-size-16":"b-fSgW","uuiTypographySize16":"b-fSgW","root":"xxU-SL","button-primary":"XKK6nU","buttonPrimary":"XKK6nU","button-secondary":"K7d13b","buttonSecondary":"K7d13b","hasIcon":"YjB09J","dropdown":"h6AffX"};
 
 const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
     css$e.root,
@@ -5035,13 +5045,13 @@ const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
     props.icon && css$e.hasIcon,
 ], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
 
-var css$d = {"search-input":"IdsMKW","searchInput":"IdsMKW"};
+var css$d = {"search-input":"B03jsb","searchInput":"B03jsb"};
 
 function BurgerSearch(props) {
     return (React.createElement(TextInput$1, { cx: cx(css$d.searchInput, 'uui-main_menu-burger-search'), iconPosition: "left", icon: ForwardRef$O, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$R }));
 }
 
-var css$c = {"root":"VOoNK-","group-header":"JpEiMn","groupHeader":"JpEiMn","group-name":"_9oZZ0R","groupName":"_9oZZ0R","line":"HpmXfD"};
+var css$c = {"root":"X-Obxd","group-header":"io9R7u","groupHeader":"io9R7u","group-name":"Sidt0s","groupName":"Sidt0s","line":"NY2vj5"};
 
 function BurgerGroupHeader(props) {
     return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
@@ -5049,15 +5059,21 @@ function BurgerGroupHeader(props) {
         React.createElement("span", { className: css$c.groupName }, props.caption)));
 }
 
-var css$b = {"uui-typography":"Y3QUYF","uuiTypography":"Y3QUYF","hero-header":"cKqM9H","heroHeader":"cKqM9H","promo-header":"zV1p76","promoHeader":"zV1p76","uui-critical":"aGTFJU","uuiCritical":"aGTFJU","uui-info":"_2WYX8z","uuiInfo":"_2WYX8z","uui-success":"_1bGfgI","uuiSuccess":"_1bGfgI","uui-warning":"PgS8ZR","uuiWarning":"PgS8ZR","uui-highlight":"HOXMdb","uuiHighlight":"HOXMdb","uui-typography-size-12":"hv4mIp","uuiTypographySize12":"hv4mIp","uui-typography-size-14":"_5ItI6S","uuiTypographySize14":"_5ItI6S","uui-typography-size-16":"ugo5iu","uuiTypographySize16":"ugo5iu","root":"PgtKlP","type-primary":"ov3R-D","typePrimary":"ov3R-D","type-secondary":"_5uYerB","typeSecondary":"_5uYerB"};
+var css$b = {"uui-typography":"pX80mn","uuiTypography":"pX80mn","hero-header":"KwGVz9","heroHeader":"KwGVz9","promo-header":"d3B-Zl","promoHeader":"d3B-Zl","uui-critical":"wTazlB","uuiCritical":"wTazlB","uui-info":"Gp6-PP","uuiInfo":"Gp6-PP","uui-success":"DsJSna","uuiSuccess":"DsJSna","uui-warning":"sQzarJ","uuiWarning":"sQzarJ","uui-highlight":"_0Olot5","uuiHighlight":"_0Olot5","uui-typography-size-12":"cC35hB","uuiTypographySize12":"cC35hB","uui-typography-size-14":"MEVcFB","uuiTypographySize14":"MEVcFB","uui-typography-size-16":"oBa-cm","uuiTypographySize16":"oBa-cm","root":"_9iJWU-","type-primary":"NTDtXn","typePrimary":"NTDtXn","type-secondary":"j3jc9U","typeSecondary":"j3jc9U"};
 
 const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
-    const { type } = props, clickableProps = __rest(props, ["type"]);
-    return (React.createElement(Clickable, Object.assign({}, clickableProps, { rawProps: Object.assign({ role: 'menuitem', 'aria-haspopup': props.isDropdown, 'aria-expanded': props.isOpen }, props.rawProps), cx: [
+    const { type, ...clickableProps } = props;
+    return (React.createElement(Clickable, { ...clickableProps, rawProps: {
+            'aria-expanded': props.isOpen,
+            'aria-current': props.isLinkActive
+                ? 'page'
+                : undefined,
+            ...props.rawProps,
+        }, cx: [
             css$b.root,
             css$b['type-' + (type || 'primary')],
             props.cx,
-        ], ref: ref }),
+        ], ref: ref },
         props.icon && props.iconPosition !== 'right' && (React.createElement(IconContainer, { icon: props.icon, onClick: props.onIconClick })),
         props.caption && (React.createElement("div", { className: uuiElement.caption }, props.caption)),
         props.count !== undefined && props.count !== null && (React.createElement(CountIndicator, { caption: props.count, color: "neutral", size: "18" })),
@@ -5065,11 +5081,11 @@ const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
         props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$Q, flipY: props.isOpen }))));
 });
 
-var css$a = {"dropdown-body":"annmFL","dropdownBody":"annmFL"};
+var css$a = {"dropdown-body":"NBSS22","dropdownBody":"NBSS22"};
 
 class MainMenuDropdown extends React.Component {
     render() {
-        return (React.createElement(Dropdown$1, { renderTarget: (props) => (React.createElement(MainMenuButton, Object.assign({ caption: this.props.caption }, props, { rawProps: this.props.rawProps, isLinkActive: this.props.isLinkActive, isDropdown: true }))), renderBody: (props) => {
+        return (React.createElement(Dropdown$1, { renderTarget: (props) => (React.createElement(MainMenuButton, { caption: this.props.caption, ...props, rawProps: this.props.rawProps, isLinkActive: this.props.isLinkActive, isDropdown: true })), renderBody: (props) => {
                 const handleEscape = (e) => {
                     if (e.key === 'Escape' && props.isOpen) {
                         props.onClose();
@@ -5077,16 +5093,19 @@ class MainMenuDropdown extends React.Component {
                 };
                 return (React.createElement(FocusLock, { returnFocus: true, persistentFocus: true, lockProps: { onKeyDown: handleEscape } },
                     React.createElement("div", { className: cx(css$a.dropdownBody, 'uui-main_menu-dropdown') }, this.props.renderBody
-                        ? this.props.renderBody(Object.assign({}, props))
+                        ? this.props.renderBody({ ...props })
                         : React.Children.map(this.props.children, (item) => {
                             if (!item)
                                 return item;
-                            return React.createElement(item.type, Object.assign(Object.assign({}, item.props), { onClick: item.props.onClick
+                            return React.createElement(item.type, {
+                                ...item.props,
+                                onClick: item.props.onClick
                                     ? () => {
                                         item.props.onClick();
                                         props.onClose();
                                     }
-                                    : null }));
+                                    : null,
+                            });
                         }))));
             }, placement: "bottom-start" }));
     }
@@ -5120,69 +5139,66 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
 };
 var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationGlobalMenuOutlineOutline);
 
-var css$9 = {"global-menu-btn":"H5QeUe","globalMenuBtn":"H5QeUe","global-menu-icon":"_1whPkM","globalMenuIcon":"_1whPkM"};
+var css$9 = {"global-menu-btn":"s2Kk-c","globalMenuBtn":"s2Kk-c","global-menu-icon":"d3ZLeB","globalMenuIcon":"d3ZLeB"};
 
-const GlobalMenu = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", Object.assign({ ref: ref, id: "global_menu_toggle", className: cx(css$9.globalMenuBtn, props.cx) }, props.rawProps),
+const GlobalMenu = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", { ref: ref, id: "global_menu_toggle", className: cx(css$9.globalMenuBtn, props.cx), ...props.rawProps },
     React.createElement(IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
 
-var css$8 = {"container":"VWM2pz","open":"fmZkwp","folding-arrow":"x55JGF","foldingArrow":"x55JGF"};
+var css$8 = {"container":"Fo2XIf","open":"Jl6kPH","folding-arrow":"_0yKUTS","foldingArrow":"_0yKUTS"};
 
-const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", { ref: ref, className: cx(css$8.container, props.isDropdown && css$8.dropdown, props.isOpen && css$8.open, props.onClick && uuiMarkers.clickable, props.cx), onClick: props.onClick },
+const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", { ref: ref, className: cx(css$8.container, props.isDropdown && css$8.dropdown, props.isOpen && css$8.open, props.onClick && uuiMarkers.clickable, props.cx), onClick: props.onClick, ...props.rawProps },
     React.createElement(Avatar, { size: "36", img: props.avatarUrl }),
     props.icon && React.createElement(IconContainer, { icon: props.icon }),
     props.isDropdown && (React.createElement("div", null,
         React.createElement(IconContainer, { size: 18, icon: ForwardRef$Q, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
 
-var css$7 = {"search-input":"cWLbQr","searchInput":"cWLbQr"};
+var css$7 = {"search-input":"qGIkEO","searchInput":"qGIkEO"};
 
-const MainMenuSearch = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => {
-        var _a;
-        return (React.createElement(TextInput$1, Object.assign({ iconPosition: "left", icon: ForwardRef$O, cancelIcon: ((_a = props.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && ForwardRef$R }, props, iEditable, { ref: ref, cx: cx$1(css$7.searchInput, props.cx) }, props.rawProps)));
-    } }))));
+const MainMenuSearch = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IEditableDebouncer, { ...props, render: (iEditable) => (React.createElement(TextInput$1, { iconPosition: "left", icon: ForwardRef$O, cancelIcon: props.value?.length > 0 && ForwardRef$R, ...props, ...iEditable, ref: ref, cx: cx$1(css$7.searchInput, props.cx), ...props.rawProps })) })));
 
-var css$6 = {"container":"iiAKp-"};
+var css$6 = {"container":"u3ZJx9"};
 
-const MainMenuIcon = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IconButton, Object.assign({ ref: ref, icon: props.icon, cx: cx$1(props.cx, css$6.container) }, props))));
+const MainMenuIcon = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IconButton, { ref: ref, icon: props.icon, cx: cx$1(props.cx, css$6.container), ...props })));
 
-var css$5 = {"root":"vh7agE"};
+var css$5 = {"root":"Tp56UK"};
 
 const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
 
 function Form(props) {
     const context = useUuiContext();
     const beforeLeave = React.useCallback(() => {
-        return context.uuiModals.show((modalProps) => React.createElement(ConfirmationModal, Object.assign({ caption: i18n.form.modals.beforeLeaveMessage }, modalProps)));
+        return context.uuiModals.show((modalProps) => React.createElement(ConfirmationModal, { caption: i18n.form.modals.beforeLeaveMessage, ...modalProps }));
     }, [context.uuiModals]);
     const loadUnsavedChanges = () => {
         return context.uuiNotifications
-            .show((props) => (React.createElement(WarningNotification, Object.assign({}, props, { actions: [
+            .show((props) => (React.createElement(WarningNotification, { ...props, actions: [
                 {
                     name: i18n.form.notifications.actionButtonCaption,
                     action: props.onSuccess,
                 },
-            ] }),
+            ] },
             React.createElement(RichTextView, null,
-                React.createElement(Text, { size: "36" }, i18n.form.notifications.unsavedChangesMessage)))), { duration: 5, position: 'bot-left' });
+                React.createElement(Text, null, i18n.form.notifications.unsavedChangesMessage)))), { duration: 5, position: 'bot-left' });
     };
-    return React.createElement(Form$1, Object.assign({ loadUnsavedChanges: loadUnsavedChanges, beforeLeave: beforeLeave }, props));
+    return React.createElement(Form$1, { loadUnsavedChanges: loadUnsavedChanges, beforeLeave: beforeLeave, ...props });
 }
 
 function useForm(props) {
     const context = useUuiContext();
     const beforeLeave = useCallback(() => {
-        return context.uuiModals.show((modalProps) => React__default.createElement(ConfirmationModal, Object.assign({ caption: i18n.form.modals.beforeLeaveMessage }, modalProps)));
+        return context.uuiModals.show((modalProps) => React__default.createElement(ConfirmationModal, { caption: i18n.form.modals.beforeLeaveMessage, ...modalProps }));
     }, [context.uuiModals]);
     const loadUnsavedChanges = () => {
-        return context.uuiNotifications.show((props) => (React__default.createElement(WarningNotification, Object.assign({}, props, { actions: [
+        return context.uuiNotifications.show((props) => (React__default.createElement(WarningNotification, { ...props, actions: [
                 {
                     name: i18n.form.notifications.actionButtonCaption,
                     action: props.onSuccess,
                 },
-            ] }),
+            ] },
             React__default.createElement(RichTextView, null,
-                React__default.createElement(Text, { size: "36" }, i18n.form.notifications.unsavedChangesMessage)))), { duration: 5, position: 'bot-left' });
+                React__default.createElement(Text, null, i18n.form.notifications.unsavedChangesMessage)))), { duration: 5, position: 'bot-left' });
     };
-    return useForm$1(Object.assign({ beforeLeave, loadUnsavedChanges }, props));
+    return useForm$1({ beforeLeave, loadUnsavedChanges, ...props });
 }
 
 var _path;
@@ -5202,33 +5218,33 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
 };
 var ForwardRef = /*#__PURE__*/forwardRef(SvgFileCloudUploadFill);
 
-var css$4 = {"root":"F6d1xs","drop-start":"kvLszj","dropStart":"kvLszj","drop-over":"j0EVHB","dropOver":"j0EVHB","link":"nfnSDx","drop-area":"u0f-4o","dropArea":"u0f-4o","drop-caption":"hjIMfl","dropCaption":"hjIMfl","icon-blue":"l-4dsw","iconBlue":"l-4dsw"};
+var css$4 = {"root":"jvQYDn","drop-start":"BgBc8k","dropStart":"BgBc8k","drop-over":"RCYMhV","dropOver":"RCYMhV","link":"emzVc4","drop-area":"c10qcM","dropArea":"c10qcM","drop-caption":"HNz32q","dropCaption":"HNz32q","icon-blue":"aF-Nim","iconBlue":"aF-Nim"};
 
 function DropSpot(props) {
     const getInfoText = typeof props.infoText === 'string'
-        ? (React.createElement(Text, { lineHeight: "24", size: "24", fontSize: "14", color: "tertiary" }, props.infoText)) : props === null || props === void 0 ? void 0 : props.infoText;
+        ? (React.createElement(Text, { lineHeight: "24", size: "24", fontSize: "14", color: "tertiary" }, props.infoText)) : props?.infoText;
     const renderAttachmentArea = (params) => {
-        return (React.createElement("div", Object.assign({ className: cx$1(css$4.root, props.cx, params.isDragStart && css$4.dropStart, params.isDraggingOver && css$4.dropOver) }, props.rawProps),
-            React.createElement("div", Object.assign({}, params.eventHandlers, { className: css$4.dropArea }),
+        return (React.createElement("div", { className: cx$1(css$4.root, props.cx, params.isDragStart && css$4.dropStart, params.isDraggingOver && css$4.dropOver), ...props.rawProps },
+            React.createElement("div", { ...params.eventHandlers, className: css$4.dropArea },
                 React.createElement(FlexRow, { size: "24" },
                     React.createElement(IconContainer, { icon: ForwardRef, cx: css$4.iconBlue }),
                     React.createElement(Text, { lineHeight: "24", size: "24", fontSize: "14", cx: css$4.dropCaption }, i18n.fileUpload.labelStart),
                     React.createElement(UploadFileToggler, { onFilesAdded: props.onUploadFiles, render: (props) => (React.createElement(RichTextView, null,
-                            React.createElement(LinkButton, Object.assign({ caption: i18n.fileUpload.browse }, props, { cx: css$4.link })))), accept: props.accept, single: props.single })),
+                            React.createElement(LinkButton, { caption: i18n.fileUpload.browse, ...props, cx: css$4.link }))), accept: props.accept, single: props.single })),
                 getInfoText)));
     };
     return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
 }
 
-var css$3 = {"uui-typography":"sdgL2t","uuiTypography":"sdgL2t","hero-header":"vUYR-0","heroHeader":"vUYR-0","promo-header":"BZBF-B","promoHeader":"BZBF-B","uui-critical":"soy8vG","uuiCritical":"soy8vG","uui-info":"xKH1-q","uuiInfo":"xKH1-q","uui-success":"lgBSzJ","uuiSuccess":"lgBSzJ","uui-warning":"tUty0Y","uuiWarning":"tUty0Y","uui-highlight":"LVmUfr","uuiHighlight":"LVmUfr","uui-typography-size-12":"O7t1pE","uuiTypographySize12":"O7t1pE","uui-typography-size-14":"BW-QqS","uuiTypographySize14":"BW-QqS","uui-typography-size-16":"o3b0ZZ","uuiTypographySize16":"o3b0ZZ","root":"_1w6HQH","file-name":"XXUE9V","fileName":"XXUE9V","default-color":"tMn2pl","defaultColor":"tMn2pl","doc-color":"Ethh0a","docColor":"Ethh0a","xls-color":"S9oagQ","xlsColor":"S9oagQ","pdf-color":"nqwZvA","pdfColor":"nqwZvA","movie-color":"YY7fY9","movieColor":"YY7fY9","img-color":"wAdJSn","imgColor":"wAdJSn","mov-color":"gl5Dnj","movColor":"gl5Dnj","error-block":"ZtAuIG","errorBlock":"ZtAuIG","icons-block":"IQStmG","iconsBlock":"IQStmG"};
+var css$3 = {"uui-typography":"_7SSEm-","uuiTypography":"_7SSEm-","hero-header":"ExOPed","heroHeader":"ExOPed","promo-header":"oejPyI","promoHeader":"oejPyI","uui-critical":"pPhVLd","uuiCritical":"pPhVLd","uui-info":"zBUhlQ","uuiInfo":"zBUhlQ","uui-success":"tmEgyz","uuiSuccess":"tmEgyz","uui-warning":"J4ZZOy","uuiWarning":"J4ZZOy","uui-highlight":"WoZ9sf","uuiHighlight":"WoZ9sf","uui-typography-size-12":"-N-gQd","uuiTypographySize12":"-N-gQd","uui-typography-size-14":"_4QJK2A","uuiTypographySize14":"_4QJK2A","uui-typography-size-16":"-kADgb","uuiTypographySize16":"-kADgb","root":"wDYgGZ","file-name":"OPqaMz","fileName":"OPqaMz","default-color":"oc7SsP","defaultColor":"oc7SsP","doc-color":"DUYMpj","docColor":"DUYMpj","xls-color":"Y8MoGe","xlsColor":"Y8MoGe","pdf-color":"N0WK2I","pdfColor":"N0WK2I","movie-color":"lrWC8Y","movieColor":"lrWC8Y","img-color":"_2e5Eai","imgColor":"_2e5Eai","mov-color":"ipiVeK","movColor":"ipiVeK","error-block":"bEjOXk","errorBlock":"bEjOXk","icons-block":"_8wZfGG","iconsBlock":"_8wZfGG"};
 
-var css$2 = {"root":"lj1LMF"};
+var css$2 = {"root":"KFyvnu"};
 
 const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
     const outsetRadius = props.size / 2 - 1;
     const insetRadius = props.size / 2 - 3;
     const circumference = insetRadius * Math.PI;
-    return (React.createElement("svg", Object.assign({ className: css$2.root, width: props.size, height: props.size, ref: ref }, props.rawProps),
+    return (React.createElement("svg", { className: css$2.root, width: props.size, height: props.size, ref: ref, ...props.rawProps },
         React.createElement("circle", { strokeDasharray: circumference, strokeDashoffset: circumference - (props.progress / 100) * circumference, strokeWidth: insetRadius, fill: "transparent", r: insetRadius / 2, cx: props.size / 2, cy: props.size / 2 }),
         React.createElement("circle", { strokeWidth: 1, fill: "transparent", r: outsetRadius, cx: props.size / 2, cy: props.size / 2 })));
 });
@@ -5273,8 +5289,8 @@ const FileCard = /* @__PURE__ */React.forwardRef((props, ref) => {
         }
     };
     const { cx: componentCx, width, file: { progress, size, name, extension, error, abortXHR, }, onClick, } = props;
-    const fileExtension = extension || (name === null || name === void 0 ? void 0 : name.split('.').pop());
-    const fileName = name === null || name === void 0 ? void 0 : name.split('.').slice(0, -1).join('');
+    const fileExtension = extension || name?.split('.').pop();
+    const fileName = name?.split('.').slice(0, -1).join('');
     const isLoading = progress < 100;
     const isCrossShow = ((!isLoadingShow && isLoading) || !isLoading) && onClick;
     const mouseLeaveHandler = (e) => {
@@ -5297,12 +5313,12 @@ const FileCard = /* @__PURE__ */React.forwardRef((props, ref) => {
         progress && progress < 100 && abortXHR();
         onClick();
     };
-    return (React.createElement(FlexCell, { ref: ref, cx: cx$1(css$3.root, 'uui-file_card', (isLoading || (error === null || error === void 0 ? void 0 : error.isError)) && uuiMod.loading, componentCx, (error === null || error === void 0 ? void 0 : error.isError) && uuiMod.error), minWidth: width, width: !width ? '100%' : undefined },
-        React.createElement(FlexRow, { size: "36", alignItems: "top", columnGap: "6" },
+    return (React.createElement(FlexCell, { ref: ref, cx: cx$1(css$3.root, 'uui-file_card', (isLoading || error?.isError) && uuiMod.loading, componentCx, error?.isError && uuiMod.error), minWidth: width, width: !width ? '100%' : undefined },
+        React.createElement(FlexRow, { alignItems: "top", columnGap: "6" },
             fileExtension && getIcon(fileExtension),
             React.createElement(FlexCell, { width: "100%" },
-                React.createElement(Text, { size: "18", fontSize: "14", lineHeight: "18", color: (progress < 100 || (error === null || error === void 0 ? void 0 : error.isError)) ? 'tertiary' : 'primary', cx: css$3.fileName }, fileName),
-                (error === null || error === void 0 ? void 0 : error.isError) ? renderErrorContent() : renderSuccessfulContent()),
+                React.createElement(Text, { size: "18", fontSize: "14", lineHeight: "18", color: (progress < 100 || error?.isError) ? 'tertiary' : 'primary', cx: css$3.fileName }, fileName),
+                error?.isError ? renderErrorContent() : renderSuccessfulContent()),
             React.createElement("div", { className: cx$1(css$3.iconsBlock), onMouseEnter: mouseEnterHandler, onMouseLeave: mouseLeaveHandler },
                 isLoadingShow && isLoading && React.createElement(SvgCircleProgress, { progress: progress, size: 18 }),
                 isCrossShow && React.createElement(IconButton, { icon: ForwardRef$R, onClick: removeHandler })))));
@@ -5350,7 +5366,7 @@ const getErrorPageConfig = () => ({
     },
 });
 
-var css$1 = {"container":"xgn-pi"};
+var css$1 = {"container":"tW1P5U"};
 
 const ErrorPage = (props) => {
     const isMobileScreen = isMobile();
@@ -5359,10 +5375,10 @@ const ErrorPage = (props) => {
             React__default.createElement("img", { className: "uui-error-image", src: isMobileScreen && props.mobileImageUrl ? props.mobileImageUrl : props.imageUrl, alt: "ERROR OCCURRED!" }),
             React__default.createElement("div", { className: "uui-error-title" }, props.title),
             React__default.createElement("div", { className: "uui-error-subtitle" }, props.subtitle),
-            (props === null || props === void 0 ? void 0 : props.supportLink) && React__default.createElement("div", { className: "uui-error-support-link" }, props === null || props === void 0 ? void 0 : props.supportLink))));
+            props?.supportLink && React__default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
 };
 
-var css = {"recovery-spinner":"IOcJLD","recoverySpinner":"IOcJLD","recovery-message":"_3nkaAx","recoveryMessage":"_3nkaAx","modal-blocker":"Y6rYRM","modalBlocker":"Y6rYRM","modalFadeIn":"S0Ey6J"};
+var css = {"recovery-spinner":"ZvCzZ0","recoverySpinner":"ZvCzZ0","recovery-message":"JRjTr0","recoveryMessage":"JRjTr0","modal-blocker":"gm-GV8","modalBlocker":"gm-GV8","modalFadeIn":"MFGxj-"};
 
 function ErrorHandler(props) {
     const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();
@@ -5377,8 +5393,8 @@ function ErrorHandler(props) {
                 props.onNotificationError(c);
             }
             else {
-                uuiNotifications.show((notificationProps) => (React__default.createElement(ErrorNotification, Object.assign({}, notificationProps),
-                    React__default.createElement(Text, { size: "36" }, c.responseData && c.responseData.errorMessage))));
+                uuiNotifications.show((notificationProps) => (React__default.createElement(ErrorNotification, { ...notificationProps },
+                    React__default.createElement(Text, null, c.responseData && c.responseData.errorMessage))));
             }
             c.dismissError();
         });
@@ -5389,7 +5405,7 @@ function ErrorHandler(props) {
             React__default.createElement(ModalWindow, null,
                 React__default.createElement(ModalHeader, { borderBottom: true, title: title }),
                 React__default.createElement(Spinner, { cx: css.recoverySpinner }),
-                React__default.createElement(FlexRow, { padding: "24", cx: css.recoveryMessage },
+                React__default.createElement(FlexRow, { cx: css.recoveryMessage },
                     React__default.createElement(FlexCell, { grow: 1 },
                         React__default.createElement(RichTextView, null, subtitle),
                         isAuthLost && (React__default.createElement(Text, { color: "tertiary" },
@@ -5399,7 +5415,7 @@ function ErrorHandler(props) {
                             ".")))))));
     };
     const renderErrorPage = (errorInform) => {
-        return React__default.createElement(ErrorPage, Object.assign({ cx: props.cx }, errorInform));
+        return React__default.createElement(ErrorPage, { cx: props.cx, ...errorInform });
     };
     if (errorType === 'error') {
         uuiModals.closeAll();