@epam/uui 5.12.1 → 5.13.0

package/index.esm.js

@@ -311,6 +311,9 @@ const settings = {
                 48: '30',
             },
         },
+        notificationCard: {
+            action: '30',
+        },
         tag: {
             countIndicator: {
                 18: '12',
@@ -589,7 +592,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":"Sa-cTz","uuiTypography":"Sa-cTz","hero-header":"IRXXFf","heroHeader":"IRXXFf","promo-header":"SHCxw5","promoHeader":"SHCxw5","uui-critical":"OKgOoU","uuiCritical":"OKgOoU","uui-info":"OlzmxQ","uuiInfo":"OlzmxQ","uui-success":"xX-Hy-","uuiSuccess":"xX-Hy-","uui-warning":"YwDsDF","uuiWarning":"YwDsDF","uui-highlight":"j2RIro","uuiHighlight":"j2RIro","uui-typography-size-12":"UH-yOr","uuiTypographySize12":"UH-yOr","uui-typography-size-14":"bzlRD2","uuiTypographySize14":"bzlRD2","uui-typography-size-16":"lSIhFc","uuiTypographySize16":"lSIhFc","root":"HvMIHG"};
 
 function applyButtonMods(mods) {
     return [
@@ -607,7 +610,7 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
     };
 });
 
-var css$1x = {"root":"ib43H-"};
+var css$1x = {"root":"AfKa9Z"};
 
 function applyIconButtonMods(props) {
     return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1x.root];
@@ -644,7 +647,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":"aG1yb4","uuiTypography":"aG1yb4","hero-header":"KZL7GZ","heroHeader":"KZL7GZ","promo-header":"AKFgJQ","promoHeader":"AKFgJQ","uui-critical":"Mpe6nw","uuiCritical":"Mpe6nw","uui-info":"_9X6SvV","uuiInfo":"_9X6SvV","uui-success":"hr7Ih8","uuiSuccess":"hr7Ih8","uui-warning":"xsvl9J","uuiWarning":"xsvl9J","uui-highlight":"_0utKAL","uuiHighlight":"_0utKAL","uui-typography-size-12":"mQXsLk","uuiTypographySize12":"mQXsLk","uui-typography-size-14":"mEYuVk","uuiTypographySize14":"mEYuVk","uui-typography-size-16":"vZsskA","uuiTypographySize16":"vZsskA","root":"_8LiVxE"};
 
 const DEFAULT_COLOR = 'primary';
 const DEFAULT_WEIGHT = 'semibold';
@@ -668,14 +671,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":"BHjFtp"};
 
 const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
@@ -687,7 +690,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":"XgybYi","uuiTypography":"XgybYi","hero-header":"_--IdMl","heroHeader":"_--IdMl","promo-header":"zG-y2b","promoHeader":"zG-y2b","uui-critical":"HcFuw0","uuiCritical":"HcFuw0","uui-info":"z-5IS0","uuiInfo":"z-5IS0","uui-success":"gDjbEZ","uuiSuccess":"gDjbEZ","uui-warning":"_17p90c","uuiWarning":"_17p90c","uui-highlight":"CO-FJz","uuiHighlight":"CO-FJz","uui-typography-size-12":"TU0Qwg","uuiTypographySize12":"TU0Qwg","uui-typography-size-14":"C2oF-G","uuiTypographySize14":"C2oF-G","uui-typography-size-16":"maPK5D","uuiTypographySize16":"maPK5D","root":"jrYvx3","withNotify":"thcBak"};
 
 const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const styles = [
@@ -699,7 +702,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 +718,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":"TwB5Mq","uuiTypography":"TwB5Mq","hero-header":"_-2C2rC","heroHeader":"_-2C2rC","promo-header":"r7JvNr","promoHeader":"r7JvNr","uui-critical":"HXS6Z3","uuiCritical":"HXS6Z3","uui-info":"cAsZDW","uuiInfo":"cAsZDW","uui-success":"xbCOkl","uuiSuccess":"xbCOkl","uui-warning":"SXT6JU","uuiWarning":"SXT6JU","uui-highlight":"_8SW1SU","uuiHighlight":"_8SW1SU","uui-typography-size-12":"K8Tj1g","uuiTypographySize12":"K8Tj1g","uui-typography-size-14":"ZaYLiI","uuiTypographySize14":"ZaYLiI","uui-typography-size-16":"eDWrT-","uuiTypographySize16":"eDWrT-","root":"TOEmn0"};
 
 function applyVerticalTabButtonMods() {
     return [css$1t.root, 'uui-vertical-tab-button'];
@@ -732,7 +740,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":"qtMIOQ","uuiTypography":"qtMIOQ","hero-header":"dh8gE-","heroHeader":"dh8gE-","promo-header":"ULap8l","promoHeader":"ULap8l","uui-critical":"g4cEVM","uuiCritical":"g4cEVM","uui-info":"FZYaWn","uuiInfo":"FZYaWn","uui-success":"di-rDD","uuiSuccess":"di-rDD","uui-warning":"_1GUoTy","uuiWarning":"_1GUoTy","uui-highlight":"h8aXTP","uuiHighlight":"h8aXTP","uui-typography-size-12":"_9b0Xyb","uuiTypographySize12":"_9b0Xyb","uui-typography-size-14":"rT6uMb","uuiTypographySize14":"rT6uMb","uui-typography-size-16":"fViKtD","uuiTypographySize16":"fViKtD","root":"KUQaqG","mode-cell":"_--g61Q","modeCell":"_--g61Q"};
 
 function applyCheckboxMods(mods) {
     return [
@@ -767,7 +775,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":"_4TUpIr","uuiTypography":"_4TUpIr","hero-header":"gNpeVM","heroHeader":"gNpeVM","promo-header":"xe4NUR","promoHeader":"xe4NUR","uui-critical":"U6OefO","uuiCritical":"U6OefO","uui-info":"OQ7872","uuiInfo":"OQ7872","uui-success":"PQC9eD","uuiSuccess":"PQC9eD","uui-warning":"iED3zD","uuiWarning":"iED3zD","uui-highlight":"OgFxlm","uuiHighlight":"OgFxlm","uui-typography-size-12":"G0Gn4T","uuiTypographySize12":"G0Gn4T","uui-typography-size-14":"Xu9fEg","uuiTypographySize14":"Xu9fEg","uui-typography-size-16":"bjjW9O","uuiTypographySize16":"bjjW9O","root":"wAKIi5"};
 
 function applyRadioInputMods(mods) {
     return [
@@ -779,7 +787,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":"gH5Fqf"};
 
 function applySwitchMods(mods) {
     return [
@@ -790,50 +798,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 +811,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":"zNZfXK","uuiTypography":"zNZfXK","hero-header":"dPMqL5","heroHeader":"dPMqL5","promo-header":"_-9rNHB","promoHeader":"_-9rNHB","uui-critical":"JSoiXR","uuiCritical":"JSoiXR","uui-info":"cjSNAr","uuiInfo":"cjSNAr","uui-success":"NpUtVh","uuiSuccess":"NpUtVh","uui-warning":"_7-8DUw","uuiWarning":"_7-8DUw","uui-highlight":"F-IVZ-","uuiHighlight":"F-IVZ-","uui-typography-size-12":"HHI3Fu","uuiTypographySize12":"HHI3Fu","uui-typography-size-14":"cxwqnl","uuiTypographySize14":"cxwqnl","uui-typography-size-16":"qFJqPp","uuiTypographySize16":"qFJqPp","root":"e6tX96","mode-form":"_15B2D0","modeForm":"_15B2D0","mode-inline":"nLXx2z","modeInline":"nLXx2z","mode-cell":"e4lC7n","modeCell":"e4lC7n"};
 
 const DEFAULT_MODE$3 = EditMode.FORM;
 function applyTextInputMods(mods) {
@@ -864,25 +828,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":"pPad8U"};
 
 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":"rMsYN8","uuiTypography":"rMsYN8","hero-header":"n04gOH","heroHeader":"n04gOH","promo-header":"WjExl1","promoHeader":"WjExl1","uui-critical":"_0ST-84","uuiCritical":"_0ST-84","uui-info":"_5UH-0x","uuiInfo":"_5UH-0x","uui-success":"oX-1tn","uuiSuccess":"oX-1tn","uui-warning":"uFjU02","uuiWarning":"uFjU02","uui-highlight":"NY6R1o","uuiHighlight":"NY6R1o","uui-typography-size-12":"ehAD-H","uuiTypographySize12":"ehAD-H","uui-typography-size-14":"emkF1s","uuiTypographySize14":"emkF1s","uui-typography-size-16":"H1xgt2","uuiTypographySize16":"H1xgt2","root":"_1CJBF9","mode-form":"iqOC6T","modeForm":"iqOC6T","mode-cell":"pXUx5n","modeCell":"pXUx5n"};
 
 const DEFAULT_MODE$2 = EditMode.FORM;
 function applyNumericInputMods(mods) {
@@ -894,16 +864,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":"_2cvTZo","uuiTypography":"_2cvTZo","hero-header":"lo8H-2","heroHeader":"lo8H-2","promo-header":"zbXpIF","promoHeader":"zbXpIF","uui-critical":"AeuuDQ","uuiCritical":"AeuuDQ","uui-info":"lPC3Mo","uuiInfo":"lPC3Mo","uui-success":"YA8xCI","uuiSuccess":"YA8xCI","uui-warning":"GAiOOz","uuiWarning":"GAiOOz","uui-highlight":"HlYYle","uuiHighlight":"HlYYle","uui-typography-size-12":"zWY1Xv","uuiTypographySize12":"zWY1Xv","uui-typography-size-14":"vInp5q","uuiTypographySize14":"vInp5q","uui-typography-size-16":"KeWRMd","uuiTypographySize16":"KeWRMd","root":"IPX66g","mode-form":"I4xYnV","modeForm":"I4xYnV","mode-cell":"Ji-49Z","modeCell":"Ji-49Z","mode-inline":"-dhg43","modeInline":"-dhg43"};
 
 const DEFAULT_MODE$1 = EditMode.FORM;
 function applyTextAreaMods(mods) {
@@ -1004,9 +973,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":"jRaa8D","uuiTypography":"jRaa8D","hero-header":"_5zMClf","heroHeader":"_5zMClf","promo-header":"le1VyV","promoHeader":"le1VyV","uui-critical":"PtuEcv","uuiCritical":"PtuEcv","uui-info":"Wytrw3","uuiInfo":"Wytrw3","uui-success":"qz-JX9","uuiSuccess":"qz-JX9","uui-warning":"mp7hbs","uuiWarning":"mp7hbs","uui-highlight":"LpSm4-","uuiHighlight":"LpSm4-","uui-typography-size-12":"biN2HJ","uuiTypographySize12":"biN2HJ","uui-typography-size-14":"oBY-aw","uuiTypographySize14":"oBY-aw","uui-typography-size-16":"MzYqIi","uuiTypographySize16":"MzYqIi","root":"JkJJ3o","main-path":"Y9AcuA","mainPath":"Y9AcuA","content-wrapper":"_4S7Zwf","contentWrapper":"_4S7Zwf","content":"kC3V8O","action-wrapper":"JJsCnc","actionWrapper":"JJsCnc","icon-wrapper":"PYgP4U","iconWrapper":"PYgP4U","icon":"A71rtF","close-icon":"iXawI-","closeIcon":"iXawI-"};
 
-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 +984,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":"HWrqOp"};
 
 function applyDropdownContainerMods(mods) {
     return [
@@ -1033,7 +1002,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":"JxGk3r","uuiTypography":"JxGk3r","hero-header":"U6BWbg","heroHeader":"U6BWbg","promo-header":"TK2Rij","promoHeader":"TK2Rij","uui-critical":"P-1cNw","uuiCritical":"P-1cNw","uui-info":"i9sspi","uuiInfo":"i9sspi","uui-success":"a-xZje","uuiSuccess":"a-xZje","uui-warning":"_0brAkU","uuiWarning":"_0brAkU","uui-highlight":"BEpawL","uuiHighlight":"BEpawL","uui-typography-size-12":"kvpapd","uuiTypographySize12":"kvpapd","uui-typography-size-14":"_6tdfOc","uuiTypographySize14":"_6tdfOc","uui-typography-size-16":"F2vjmf","uuiTypographySize16":"F2vjmf","submenu-root-item-rtl":"PbLbKR","submenuRootItemRtl":"PbLbKR","icon-after":"Jc744p","iconAfter":"Jc744p","submenu-root-item":"nRHg76","submenuRootItem":"nRHg76","icon-check":"Hhxuku","iconCheck":"Hhxuku","splitter-root":"_5d7Zs5","splitterRoot":"_5d7Zs5","splitter":"h7w0bB","header-root":"qJutrj","headerRoot":"qJutrj","item-root":"_32NRSO","itemRoot":"_32NRSO","icon":"S-4M7l","link":"OdHTMp","indent":"nZtg3u","selected-mark":"m7urWr","selectedMark":"m7urWr"};
 
 var IDropdownControlKeys;
 (function (IDropdownControlKeys) {
@@ -1069,10 +1038,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 +1108,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 +1132,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":"CgKQYP","uuiTypography":"CgKQYP","hero-header":"_6vMJ6d","heroHeader":"_6vMJ6d","promo-header":"h1uEZP","promoHeader":"h1uEZP","uui-critical":"k-2Z6-","uuiCritical":"k-2Z6-","uui-info":"fhs9Z6","uuiInfo":"fhs9Z6","uui-success":"_6L8ufS","uuiSuccess":"_6L8ufS","uui-warning":"VSqlSE","uuiWarning":"VSqlSE","uui-highlight":"no1Rap","uuiHighlight":"no1Rap","uui-typography-size-12":"xUUQtO","uuiTypographySize12":"xUUQtO","uui-typography-size-14":"kygc6x","uuiTypographySize14":"kygc6x","uui-typography-size-16":"-HoNFq","uuiTypographySize16":"-HoNFq","root":"bU4gN9","mode-block":"yUUbQ5","modeBlock":"yUUbQ5","mode-inline":"fF4eBM","modeInline":"fF4eBM","padding-0":"Z6RG-t","padding0":"Z6RG-t","padding-6":"EaUPkb","padding6":"EaUPkb","padding-12":"wdBKKF","padding12":"wdBKKF","padding-18":"BhqqS9","padding18":"BhqqS9"};
 
 function applyAccordionMods(mods) {
     return [
@@ -1179,7 +1145,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":"DhYBOW","uuiTypography":"DhYBOW","hero-header":"CiLuHB","heroHeader":"CiLuHB","promo-header":"qPtC9d","promoHeader":"qPtC9d","uui-critical":"r-aEUE","uuiCritical":"r-aEUE","uui-info":"FhZybS","uuiInfo":"FhZybS","uui-success":"Pq0aFN","uuiSuccess":"Pq0aFN","uui-warning":"_3j8-MJ","uuiWarning":"_3j8-MJ","uui-highlight":"TgJMmO","uuiHighlight":"TgJMmO","uui-typography-size-12":"-oK0HQ","uuiTypographySize12":"-oK0HQ","uui-typography-size-14":"vu-vgh","uuiTypographySize14":"vu-vgh","uui-typography-size-16":"_2H3leL","uuiTypographySize16":"_2H3leL","root":"Ao6Hj2","border-top":"_4AGh9j","borderTop":"_4AGh9j","border-bottom":"OR4zYF","borderBottom":"OR4zYF","top-shadow":"_59iuFU","topShadow":"_59iuFU","padding-6":"Dqy3gZ","padding6":"Dqy3gZ","padding-12":"-o0roY","padding12":"-o0roY","padding-18":"ktZsB1","padding18":"ktZsB1","padding-24":"f24kOU","padding24":"f24kOU","margin-24":"MSo0N4","margin24":"MSo0N4","margin-12":"HMlNWZ","margin12":"HMlNWZ","vPadding-12":"BDo3-H","vPadding12":"BDo3-H","vPadding-18":"c8nadH","vPadding18":"c8nadH","vPadding-24":"iGmDpH","vPadding24":"iGmDpH","vPadding-36":"JYko2M","vPadding36":"JYko2M","vPadding-48":"-z8W0G","vPadding48":"-z8W0G","spacing-6":"e99vvh","spacing6":"e99vvh","spacing-12":"bdbFDQ","spacing12":"bdbFDQ","spacing-18":"_9upTDQ","spacing18":"_9upTDQ","uui-surface-main":"wHDxmT","uuiSurfaceMain":"wHDxmT"};
 
 const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$1i.flexCell]);
 
@@ -1203,7 +1169,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":"PNkdRB","margin-24":"eVud-x","margin24":"eVud-x","padding-12":"smITTc","padding12":"smITTc","padding-24":"BW0Ipq","padding24":"BW0Ipq","shadow":"xO3500","uui-surface-main":"uNofCb","uuiSurfaceMain":"uNofCb"};
 
 const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
     'uui-panel',
@@ -1213,7 +1179,7 @@ const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
     props.background && css$1h[`uui-${props.background}`],
 ]);
 
-var css$1g = {"root":"wm-vzD"};
+var css$1g = {"root":"uWyvVx"};
 
 function applyTooltipMods(mods) {
     return [
@@ -1223,7 +1189,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":"T-igTl","uuiTypography":"T-igTl","hero-header":"sTcdmc","heroHeader":"sTcdmc","promo-header":"xk5tiS","promoHeader":"xk5tiS","uui-critical":"TWVDQ7","uuiCritical":"TWVDQ7","uui-info":"OQu6-W","uuiInfo":"OQu6-W","uui-success":"e98NNM","uuiSuccess":"e98NNM","uui-warning":"_9ljWtP","uuiWarning":"_9ljWtP","uui-highlight":"YxvD7c","uuiHighlight":"YxvD7c","uui-typography-size-12":"N7L-GS","uuiTypographySize12":"N7L-GS","uui-typography-size-14":"_3BhAIi","uuiTypographySize14":"_3BhAIi","uui-typography-size-16":"WZ-c7L","uuiTypographySize16":"WZ-c7L","root":"B3JRMb"};
 
 function applyLabeledInputMods(mods) {
     return [
@@ -1237,7 +1203,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":"YwQMzV"};
 
 function RadioGroup(props) {
     const direction = props.direction || 'vertical';
@@ -1246,13 +1212,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":"aGPEmM"};
 
 function applyScrollBarsMods() {
     return [
@@ -1261,13 +1227,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":"vM3l-E","scrollContainer":"vM3l-E","list-container":"MjKIEF","listContainer":"MjKIEF"};
 
-var css$1b = {"root":"_4pk5NY"};
+var css$1b = {"root":"-jHAxV"};
 
 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":"wINWrT","uuiTypography":"wINWrT","hero-header":"LQQJsW","heroHeader":"LQQJsW","promo-header":"_2x23Ru","promoHeader":"_2x23Ru","uui-critical":"Typxix","uuiCritical":"Typxix","uui-info":"lWSRGr","uuiInfo":"lWSRGr","uui-success":"UCxqpD","uuiSuccess":"UCxqpD","uui-warning":"xY3Anp","uuiWarning":"xY3Anp","uui-highlight":"QiK4fR","uuiHighlight":"QiK4fR","uui-typography-size-12":"nLqPm6","uuiTypographySize12":"nLqPm6","uui-typography-size-14":"yqNKvM","uuiTypographySize14":"yqNKvM","uui-typography-size-16":"mN51M9","uuiTypographySize16":"mN51M9","root":"_3uD5XL"};
 
 const DEFAULT_FILL = 'solid';
 function applyBadgeMods(mods) {
@@ -1282,7 +1248,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 +1261,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":"X4EVHt","uuiTypography":"X4EVHt","hero-header":"SZ-km2","heroHeader":"SZ-km2","promo-header":"Lod3FT","promoHeader":"Lod3FT","uui-critical":"TNUu3k","uuiCritical":"TNUu3k","uui-info":"DQUvgw","uuiInfo":"DQUvgw","uui-success":"RgQnnm","uuiSuccess":"RgQnnm","uui-warning":"jgpeRj","uuiWarning":"jgpeRj","uui-highlight":"GAndMe","uuiHighlight":"GAndMe","uui-typography-size-12":"Y0GVqS","uuiTypographySize12":"Y0GVqS","uui-typography-size-14":"d8ZFfU","uuiTypographySize14":"d8ZFfU","uui-typography-size-16":"lKeobP","uuiTypographySize16":"lKeobP","root":"hva0fm"};
 
 function applyTagMods(props) {
     return [
@@ -1306,7 +1276,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 +1289,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":"_5-5FbO","uui-spinner":"UAl0TH","uuiSpinner":"UAl0TH"};
 
 function applySpinnerMods() {
     return [css$18.root, 'uui-spinner'];
@@ -1352,31 +1326,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":"eue7eI","page":"Lnfra2","spacer":"lUP1NV","mode-ghost":"_-3TcNM","modeGhost":"_-3TcNM"};
 
 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":"Ui04BQ","progress-bar":"t-pysN","progressBar":"t-pysN","progressBar-indeterminate":"_3UEyv9","progressBarIndeterminate":"_3UEyv9","size-12":"txgUvq","size12":"txgUvq","size-18":"y3ekno","size18":"y3ekno","size-24":"_3WWnkl","size24":"_3WWnkl"};
 
 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":"JKSAUm","striped":"_8Q78We","animate-stripes":"jMmjSz","animateStripes":"jMmjSz","size-12":"PWpZwo","size12":"PWpZwo","size-18":"_7C6N-Q","size18":"_7C6N-Q","size-24":"EIRvt2","size24":"EIRvt2"};
 
 const DEFAULT_SIZE = '12';
 function applyProgressBarMods(mods) {
@@ -1391,14 +1365,14 @@ const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProg
     hideLabel: props.hideLabel || props.striped,
 }));
 
-var css$14 = {"root":"Gom-7C"};
+var css$14 = {"root":"_1fYWrr"};
 
 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":"_1PMRxZ"};
 
 const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
@@ -1413,10 +1387,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":"bVdnQg","dragHandle":"bVdnQg","icon-container":"lGy9jY","iconContainer":"lGy9jY"};
 
 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 +1398,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 +1408,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":"kni8YE"};
 
 const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$11.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__default.createElement(Spinner, null)) }));
 
@@ -1449,17 +1422,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 +1441,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":"UL-aip"};
 
 function CheckboxGroup(props) {
     const currentValue = props.value || [];
@@ -1492,13 +1470,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":"gInCGU","uuiTypography":"gInCGU","hero-header":"kpNzyJ","heroHeader":"kpNzyJ","promo-header":"pZiUIW","promoHeader":"pZiUIW","uui-critical":"_2Pf70a","uuiCritical":"_2Pf70a","uui-info":"anDNCg","uuiInfo":"anDNCg","uui-success":"y5vVHH","uuiSuccess":"y5vVHH","uui-warning":"t5K1lD","uuiWarning":"t5K1lD","uui-highlight":"Y9fjFK","uuiHighlight":"Y9fjFK","uui-typography-size-12":"qkK9KS","uuiTypographySize12":"qkK9KS","uui-typography-size-14":"wBCON0","uuiTypographySize14":"wBCON0","uui-typography-size-16":"_2AQwAM","uuiTypographySize16":"_2AQwAM","root":"sRlfwN","modal-blocker":"cQITcY","modalBlocker":"cQITcY","animateModalBlocker":"BzsLWR","modal":"a1vP52","modal-footer":"LOY06E","modalFooter":"LOY06E","modal-header":"_3FbyNZ","modalHeader":"_3FbyNZ"};
 
 const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$$.modalBlocker]);
 const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$$.root, css$$.modal], (props) => {
@@ -1506,9 +1484,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 +1512,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 +1548,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 +1587,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 +1607,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 +1666,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 +1685,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":"hIDTgu","uuiTypography":"hIDTgu","hero-header":"_6j0JB-","heroHeader":"_6j0JB-","promo-header":"sXB-Yv","promoHeader":"sXB-Yv","uui-critical":"RgW8h-","uuiCritical":"RgW8h-","uui-info":"t2epvI","uuiInfo":"t2epvI","uui-success":"R-SQSB","uuiSuccess":"R-SQSB","uui-warning":"Ht8j3v","uuiWarning":"Ht8j3v","uui-highlight":"dBOGGa","uuiHighlight":"dBOGGa","uui-typography-size-12":"teIHWv","uuiTypographySize12":"teIHWv","uui-typography-size-14":"wYDCc2","uuiTypographySize14":"wYDCc2","uui-typography-size-16":"i4VmOh","uuiTypographySize16":"i4VmOh","root":"B0PdoA","icon-wrapper":"BNCRdh","iconWrapper":"BNCRdh","action-wrapper":"nmiJvO","actionWrapper":"nmiJvO","action-link":"eY4lkY","actionLink":"eY4lkY","close-icon":"_1z8-Su","closeIcon":"_1z8-Su","main-path":"UuWPyA","mainPath":"UuWPyA","content":"-NGeEP","close-wrapper":"e0-xaV","closeWrapper":"e0-xaV","notification-wrapper":"Q9jdIq","notificationWrapper":"Q9jdIq","clear-button":"iiR11n","clearButton":"iiR11n"};
 
 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":"SCOYSK"};
 
 class ConfirmationModal extends React.Component {
     render() {
@@ -1731,7 +1726,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 +1760,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":"_91UT88","timepicker-input":"_1cUq68","timepickerInput":"_1cUq68","ltr-always":"eHZE80","ltrAlways":"eHZE80"};
 
 const uuiTimePicker = {
     container: 'uui-timepicker-container',
@@ -1804,7 +1799,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 +1881,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 +1901,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 +1919,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":"TVTN3d"};
 
 function applyInputAddonMods() {
     return [
@@ -1967,7 +1962,7 @@ function applyInputAddonMods() {
 }
 const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
 
-var css$W = {"root":"xZsJEr"};
+var css$W = {"root":"cjkBkz"};
 
 function applySliderMods() {
     return [css$W.root, 'uui-color-neutral'];
@@ -1990,7 +1985,7 @@ var SvgStarFilled = function SvgStarFilled(props, ref) {
 };
 var ForwardRef$t = /*#__PURE__*/forwardRef(SvgStarFilled);
 
-var css$V = {"root":"JNaMlU","tooltip":"_9jekLy"};
+var css$V = {"root":"NwwNlH","tooltip":"wT3YBf"};
 
 function applyRatingMods(mods) {
     return [
@@ -2026,17 +2021,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 +2126,7 @@ const getNextYearsList = (currentDate) => {
     return currentDate.add(16, 'year');
 };
 
-var css$U = {"root":"X64YlL","container":"F9YS9g"};
+var css$U = {"root":"AS-ujT","container":"lYmM14"};
 
 const uuiHeader = {
     container: 'uui-datepicker-header-container',
@@ -2216,14 +2210,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":"JlXZBE","uuiTypography":"JlXZBE","hero-header":"oJ4hJk","heroHeader":"oJ4hJk","promo-header":"WVMvTR","promoHeader":"WVMvTR","uui-critical":"iuVHDj","uuiCritical":"iuVHDj","uui-info":"Klq7cX","uuiInfo":"Klq7cX","uui-success":"_33KUGa","uuiSuccess":"_33KUGa","uui-warning":"IhoxV2","uuiWarning":"IhoxV2","uui-highlight":"_7Q7pXj","uuiHighlight":"_7Q7pXj","uui-typography-size-12":"gWL8X1","uuiTypographySize12":"gWL8X1","uui-typography-size-14":"W1WNEe","uuiTypographySize14":"W1WNEe","uui-typography-size-16":"-D6wjG","uuiTypographySize16":"-D6wjG","root":"DXjRI0"};
 
 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":"HQEjX7","uuiTypography":"HQEjX7","hero-header":"d3rRM6","heroHeader":"d3rRM6","promo-header":"dpE7Fv","promoHeader":"dpE7Fv","uui-critical":"S80Nek","uuiCritical":"S80Nek","uui-info":"kpdxBN","uuiInfo":"kpdxBN","uui-success":"d337-U","uuiSuccess":"d337-U","uui-warning":"-QrFtX","uuiWarning":"-QrFtX","uui-highlight":"IfnHBu","uuiHighlight":"IfnHBu","uui-typography-size-12":"_1abHAd","uuiTypographySize12":"_1abHAd","uui-typography-size-14":"IwqACr","uuiTypographySize14":"IwqACr","uui-typography-size-16":"JQVZf7","uuiTypographySize16":"JQVZf7","root":"_2aGpDq"};
 
 const uuiDatePickerBody = {
     wrapper: 'uui-datepicker-body-wrapper',
@@ -2238,7 +2232,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 +2260,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,
@@ -2306,8 +2300,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 +2317,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: props.size || settings.sizes.defaults.datePicker, 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":"gGi85F","uuiTypography":"gGi85F","hero-header":"IgdOBu","heroHeader":"IgdOBu","promo-header":"A5L1GG","promoHeader":"A5L1GG","uui-critical":"iy2RzG","uuiCritical":"iy2RzG","uui-info":"d9EKQD","uuiInfo":"d9EKQD","uui-success":"exeSmj","uuiSuccess":"exeSmj","uui-warning":"IQlKk-","uuiWarning":"IQlKk-","uui-highlight":"LbIsFQ","uuiHighlight":"LbIsFQ","uui-typography-size-12":"KPQvWL","uuiTypographySize12":"KPQvWL","uui-typography-size-14":"c2sx6w","uuiTypographySize14":"c2sx6w","uui-typography-size-16":"MEV9BY","uuiTypographySize16":"MEV9BY","date-input":"zuz15H","dateInput":"zuz15H","root":"dSmm6U","separator":"_67c0TD","mode-form":"Py0BlD","modeForm":"Py0BlD","mode-cell":"cMERyF","modeCell":"cMERyF"};
 
 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 +2351,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 +2387,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":"YZRUhG","uuiTypography":"YZRUhG","hero-header":"VsSK-V","heroHeader":"VsSK-V","promo-header":"exVwMJ","promoHeader":"exVwMJ","uui-critical":"aP02T9","uuiCritical":"aP02T9","uui-info":"FdyqHN","uuiInfo":"FdyqHN","uui-success":"Qg4D2i","uuiSuccess":"Qg4D2i","uui-warning":"O88rH-","uuiWarning":"O88rH-","uui-highlight":"j-FNZd","uuiHighlight":"j-FNZd","uui-typography-size-12":"dr8QLg","uuiTypographySize12":"dr8QLg","uui-typography-size-14":"x4g4cz","uuiTypographySize14":"x4g4cz","uui-typography-size-16":"_5oWBLO","uuiTypographySize16":"_5oWBLO","root":"_1e9V04"};
 
 const uuiPresets = {
     container: 'uui-presets-container',
@@ -2404,15 +2402,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":"pxtxU-","uuiTypography":"pxtxU-","hero-header":"cjXZ-y","heroHeader":"cjXZ-y","promo-header":"b-scZm","promoHeader":"b-scZm","uui-critical":"NH5hfs","uuiCritical":"NH5hfs","uui-info":"RkAKYL","uuiInfo":"RkAKYL","uui-success":"D3veL8","uuiSuccess":"D3veL8","uui-warning":"SuPW6H","uuiWarning":"SuPW6H","uui-highlight":"lm2GRC","uuiHighlight":"lm2GRC","uui-typography-size-12":"N-19Fk","uuiTypographySize12":"N-19Fk","uui-typography-size-14":"TTQR9J","uuiTypographySize14":"TTQR9J","uui-typography-size-16":"F9kWoA","uuiTypographySize16":"F9kWoA","root":"ZI3bVF","container":"_1HgaOx","day-selection":"L2DvXA","daySelection":"L2DvXA","from-picker":"_56frkW","fromPicker":"_56frkW","to-picker":"bfxvrA","toPicker":"bfxvrA","bodes-wrapper":"KJ-thA","bodesWrapper":"KJ-thA","blocker":"sLX3dg"};
 
 const uuiRangeDatePickerBody = {
     inRange: 'uui-range-datepicker-in-range',
@@ -2510,8 +2512,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 +2523,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 +2555,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 +2575,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,7 +2589,7 @@ const getDayCX = (day, selectedDate) => {
     return [cx$1(inRange && uuiRangeDatePickerBody.inRange, isFirst && uuiRangeDatePickerBody.firstDayInRangeWrapper, !inRange && isFirst && uuiRangeDatePickerBody.lastDayInRangeWrapper, isLast && uuiRangeDatePickerBody.lastDayInRangeWrapper, !inRange && isLast && uuiRangeDatePickerBody.firstDayInRangeWrapper, (dayValue === fromValue || dayValue === toValue) && uuiDaySelection.selectedDay)];
 };
 
-var css$O = {"dropdown-container":"-z-4Dl","dropdownContainer":"-z-4Dl"};
+var css$O = {"dropdown-container":"KpYPSG","dropdownContainer":"KpYPSG"};
 
 const modifiers = [{
         name: 'offset',
@@ -2601,8 +2603,8 @@ function RangeDatePickerComponent(props, ref) {
     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 +2614,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 +2633,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 +2649,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: props.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":"s39rzC","blocker":"qWTO0E","marker":"k65eme","top":"xwn4gn","bottom":"gqT8Pp","left":"wwolZT","right":"-sq0O5","inside":"Lu2MGv"};
 
 function DropMarker(props) {
     return props.isDndInProgress
@@ -2674,12 +2667,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":"eQWLok","line-height":"wJB92U","lineHeight":"wJB92U","font-size":"KXfmdz","fontSize":"KXfmdz"};
 
 function applyTextMods(mods) {
     return [
@@ -2695,16 +2688,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":"QHvxBJ","loading-word":"KzrlUD","loadingWord":"KzrlUD","animated-loading":"aqf8fw","animatedLoading":"aqf8fw","skeleton_loading":"bftHZw","skeletonLoading":"bftHZw"};
 
 const TextPlaceholder = (props) => {
     const pattern = '&nbsp;';
@@ -2716,20 +2711,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'}`]);
 
-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":"GzEwGa","uuiTypography":"GzEwGa","hero-header":"mBTY-p","heroHeader":"mBTY-p","promo-header":"zSY6rk","promoHeader":"zSY6rk","uui-critical":"_4mMnc5","uuiCritical":"_4mMnc5","uui-info":"cENHCL","uuiInfo":"cENHCL","uui-success":"VGvm1N","uuiSuccess":"VGvm1N","uui-warning":"zrpOB-","uuiWarning":"zrpOB-","uui-highlight":"SaidTM","uuiHighlight":"SaidTM","uui-typography-size-12":"gVAKar","uuiTypographySize12":"gVAKar","uui-typography-size-14":"eJqLIV","uuiTypographySize14":"eJqLIV","uui-typography-size-16":"B3m5vL","uuiTypographySize16":"B3m5vL","modal":"KXp2Fv","search-wrapper":"IlzjuW","searchWrapper":"IlzjuW","no-data":"nBLknf","noData":"nBLknf","type-search-to-load-size-24":"GuxY9O","typeSearchToLoadSize24":"GuxY9O"};
 
 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 +2761,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":"itU8zU"};
 
 function DataPickerFooterImpl(props) {
     const { search, clearSelection, view, showSelected, selectionMode, isSearchTooShort, } = props;
@@ -2782,11 +2777,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 +2792,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":"_3n-qfU","title":"h0Yzay","close":"Ubv-e5"};
 
 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 +2817,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":"_6hgF6R","uuiTypography":"_6hgF6R","hero-header":"ZeDzP9","heroHeader":"ZeDzP9","promo-header":"g6yqSL","promoHeader":"g6yqSL","uui-critical":"YnfZye","uuiCritical":"YnfZye","uui-info":"_9-XPH5","uuiInfo":"_9-XPH5","uui-success":"PsJWR0","uuiSuccess":"PsJWR0","uui-warning":"RM8EhK","uuiWarning":"RM8EhK","uui-highlight":"gm79d5","uuiHighlight":"gm79d5","uui-typography-size-12":"SzgSsd","uuiTypographySize12":"SzgSsd","uui-typography-size-14":"K8Zf-B","uuiTypographySize14":"K8Zf-B","uui-typography-size-16":"eP6uR2","uuiTypographySize16":"eP6uR2","root":"_5II2o4","align-widgets-top":"OnL4Jy","alignWidgetsTop":"OnL4Jy","align-widgets-center":"_0AyqS5","alignWidgetsCenter":"_0AyqS5","icon-container":"_78nVA6","iconContainer":"_78nVA6","loading-cell":"_8j5Wkr","loadingCell":"_8j5Wkr","content-wrapper":"jmw-rL","contentWrapper":"jmw-rL","render-item":"Ej70i1","renderItem":"Ej70i1","icon-wrapper":"_2Ptlir","iconWrapper":"_2Ptlir","icon-default":"RE0cha","iconDefault":"RE0cha","selected-mark":"N-Hbkk","selectedMark":"N-Hbkk"};
 
 function DataPickerCell(props) {
     const ref = React.useRef();
@@ -2854,11 +2850,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":"TdkT8z","uuiTypography":"TdkT8z","hero-header":"s2mPsm","heroHeader":"s2mPsm","promo-header":"AG1vlN","promoHeader":"AG1vlN","uui-critical":"biNm3e","uuiCritical":"biNm3e","uui-info":"O2gZt0","uuiInfo":"O2gZt0","uui-success":"_1Peuck","uuiSuccess":"_1Peuck","uui-warning":"tPRKd-","uuiWarning":"tPRKd-","uui-highlight":"BzmLqY","uuiHighlight":"BzmLqY","uui-typography-size-12":"R-j-Tj","uuiTypographySize12":"R-j-Tj","uui-typography-size-14":"zQXGIH","uuiTypographySize14":"zQXGIH","uui-typography-size-16":"A-EV4y","uuiTypographySize16":"A-EV4y","picker-row":"_6ZMOvS","pickerRow":"_6ZMOvS"};
 
 class DataPickerRow extends React.Component {
     constructor() {
@@ -2868,20 +2864,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":"NFRbTo","uuiTypography":"NFRbTo","hero-header":"DE0BU7","heroHeader":"DE0BU7","promo-header":"zkKVJi","promoHeader":"zkKVJi","uui-critical":"zMu-e4","uuiCritical":"zMu-e4","uui-info":"xJic-z","uuiInfo":"xJic-z","uui-success":"n7DPEm","uuiSuccess":"n7DPEm","uui-warning":"HjlGV0","uuiWarning":"HjlGV0","uui-highlight":"GVNd-5","uuiHighlight":"GVNd-5","uui-typography-size-12":"Z3Or7J","uuiTypographySize12":"Z3Or7J","uui-typography-size-14":"ON3Hax","uuiTypographySize14":"ON3Hax","uui-typography-size-16":"FEI3pM","uuiTypographySize16":"FEI3pM","done":"cWHVY9","container":"_65JFOF"};
 
 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 +2902,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":"yEfbCP","uuiTypography":"yEfbCP","hero-header":"sF3tSK","heroHeader":"sF3tSK","promo-header":"RhUX8w","promoHeader":"RhUX8w","uui-critical":"WSyAjb","uuiCritical":"WSyAjb","uui-info":"JER2iI","uuiInfo":"JER2iI","uui-success":"bLn4e8","uuiSuccess":"bLn4e8","uui-warning":"U-gRRF","uuiWarning":"U-gRRF","uui-highlight":"QslQax","uuiHighlight":"QslQax","uui-typography-size-12":"E1-U8i","uuiTypographySize12":"E1-U8i","uui-typography-size-14":"CUMbQk","uuiTypographySize14":"CUMbQk","uui-typography-size-16":"ap4O-X","uuiTypographySize16":"ap4O-X","sub-header-wrapper":"qUWBHl","subHeaderWrapper":"qUWBHl","switch":"f6xCws","no-found-modal-container":"x8lKEp","noFoundModalContainer":"x8lKEp","no-found-modal-container-icon":"Dt5YDI","noFoundModalContainerIcon":"Dt5YDI","no-found-modal-container-text":"f3K28B","noFoundModalContainerText":"f3K28B"};
 
 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 +2956,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 +2969,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":"Bar58j","column-gap":"gXVnxb","columnGap":"gXVnxb","multiline":"BXvqf5","text":"BDIk9t"};
 
 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 +3002,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 +3025,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":"tOwKnj"};
 
 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":"LK4Et4","uuiTypography":"LK4Et4","hero-header":"-eKS0N","heroHeader":"-eKS0N","promo-header":"_1OJbnM","promoHeader":"_1OJbnM","uui-critical":"_0-ntQT","uuiCritical":"_0-ntQT","uui-info":"V-xL2y","uuiInfo":"V-xL2y","uui-success":"MfLpwo","uuiSuccess":"MfLpwo","uui-warning":"QD50RW","uuiWarning":"QD50RW","uui-highlight":"pEfqsT","uuiHighlight":"pEfqsT","uui-typography-size-12":"qaP1hY","uuiTypographySize12":"qaP1hY","uui-typography-size-14":"_19EcGo","uuiTypographySize14":"_19EcGo","uui-typography-size-16":"d9Q-kW","uuiTypographySize16":"d9Q-kW","root":"_1O0y1J","mode-form":"Ree3EU","modeForm":"Ree3EU","mode-cell":"PUIRV6","modeCell":"PUIRV6","mode-inline":"i0-l5P","modeInline":"i0-l5P"};
 
 const defaultMode = EditMode.FORM;
 function applyPickerTogglerMods(mods) {
@@ -3076,28 +3075,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 +3111,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 +3141,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":"TZIqhl"};
 
 function PickerListItem(props) {
-    var _a;
     let label;
     if (props.isLoading) {
         label = React__default.createElement(TextPlaceholder, { wordsCount: 2 });
@@ -3173,31 +3175,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":"LruoJN"};
 
 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 +3209,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 +3218,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":"RYztsP","uuiTypography":"RYztsP","hero-header":"_5WHzNy","heroHeader":"_5WHzNy","promo-header":"mur3MX","promoHeader":"mur3MX","uui-critical":"ePSTR5","uuiCritical":"ePSTR5","uui-info":"_3bs9CC","uuiInfo":"_3bs9CC","uui-success":"tasW46","uuiSuccess":"tasW46","uui-warning":"cqv2S7","uuiWarning":"cqv2S7","uui-highlight":"-YG6mi","uuiHighlight":"-YG6mi","uui-typography-size-12":"qzeaAO","uuiTypographySize12":"qzeaAO","uui-typography-size-14":"A9W-Bn","uuiTypographySize14":"A9W-Bn","uui-typography-size-16":"nOPnNo","uuiTypographySize16":"nOPnNo","root":"weeM0b","wrapper":"_22ViS7","align-widgets-top":"QGEOCA","alignWidgetsTop":"QGEOCA","align-widgets-center":"bzBoSx","alignWidgetsCenter":"bzBoSx"};
 
 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 +3264,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":"jRF85f","uuiTypography":"jRF85f","hero-header":"hrpjqF","heroHeader":"hrpjqF","promo-header":"aXrZtG","promoHeader":"aXrZtG","uui-critical":"Switwu","uuiCritical":"Switwu","uui-info":"_6Zoy3q","uuiInfo":"_6Zoy3q","uui-success":"mEyab4","uuiSuccess":"mEyab4","uui-warning":"-rXh5T","uuiWarning":"-rXh5T","uui-highlight":"bE7yCn","uuiHighlight":"bE7yCn","uui-typography-size-12":"yjbcUX","uuiTypographySize12":"yjbcUX","uui-typography-size-14":"-OcZrI","uuiTypographySize14":"-OcZrI","uui-typography-size-16":"M9E1Qe","uuiTypographySize16":"M9E1Qe","root":"-ejH6-"};
 
 // 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 +3283,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":"n5KDWe","uuiTypography":"n5KDWe","hero-header":"qUkqiE","heroHeader":"qUkqiE","promo-header":"WAE5QM","promoHeader":"WAE5QM","uui-critical":"MO98l4","uuiCritical":"MO98l4","uui-info":"ERyTmB","uuiInfo":"ERyTmB","uui-success":"xCUi9A","uuiSuccess":"xCUi9A","uui-warning":"a1-iG9","uuiWarning":"a1-iG9","uui-highlight":"b0shby","uuiHighlight":"b0shby","uui-typography-size-12":"nfitxU","uuiTypographySize12":"nfitxU","uui-typography-size-14":"Y8UjXC","uuiTypographySize14":"Y8UjXC","uui-typography-size-16":"N6IEIJ","uuiTypographySize16":"N6IEIJ","sorting-panel-container":"dMznDn","sortingPanelContainer":"dMznDn"};
 
 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 +3413,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":"jUd3gW","uuiTypography":"jUd3gW","hero-header":"v8csVw","heroHeader":"v8csVw","promo-header":"NxS9a3","promoHeader":"NxS9a3","uui-critical":"voSD1D","uuiCritical":"voSD1D","uui-info":"cjjcwy","uuiInfo":"cjjcwy","uui-success":"_17NlmN","uuiSuccess":"_17NlmN","uui-warning":"_7GSqg2","uuiWarning":"_7GSqg2","uui-highlight":"gNHaer","uuiHighlight":"gNHaer","uui-typography-size-12":"BfXbkP","uuiTypographySize12":"BfXbkP","uui-typography-size-14":"Wy6K2D","uuiTypographySize14":"Wy6K2D","uui-typography-size-16":"zcFPUV","uuiTypographySize16":"zcFPUV","root":"_5pOK1a","caption-wrapper":"_8AxwSB","captionWrapper":"_8AxwSB","sort-icon":"TZrhNu","sortIcon":"TZrhNu","dropdown-icon":"NUgmJ8","dropdownIcon":"NUgmJ8","infoIcon":"CMz-VS","resizable":"n5h3N2","align-right":"gT8MDC","alignRight":"gT8MDC","align-center":"cQPcnl","alignCenter":"cQPcnl","caption":"hTJRh2","truncate":"xAkbxc","checkbox":"_6XfSvF","icon":"x15-9k","fold-all-icon":"FhD8Gn","foldAllIcon":"FhD8Gn","cell-tooltip":"QQGZJl","cellTooltip":"QQGZJl","upper-case":"-uF25u","upperCase":"-uF25u","resizing-marker":"KXgVWN","resizingMarker":"KXgVWN","pinned-right":"_2hx856","pinnedRight":"_2hx856","draggable":"GI-8fY","ghost":"MgLEzK","is-dragged-out":"cGgrxe","isDraggedOut":"cGgrxe","dnd-marker-left":"Hd-vmZ","dndMarkerLeft":"Hd-vmZ","dnd-marker-right":"kUY9Uv","dndMarkerRight":"kUY9Uv","cell-tooltip-wrapper":"Ox8-SU","cellTooltipWrapper":"Ox8-SU","cell-tooltip-text":"TYDUv3","cellTooltipText":"TYDUv3","tooltip-caption":"TAWCub","tooltipCaption":"TAWCub","tooltip-info":"Yf8ifB","tooltipInfo":"Yf8ifB"};
 
 class DataTableHeaderCell extends React.Component {
     constructor() {
@@ -3439,7 +3441,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 +3475,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 +3484,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 +3502,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 +3521,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":"_0H9Mfl","uuiTypography":"_0H9Mfl","hero-header":"_8CcB94","heroHeader":"_8CcB94","promo-header":"_8cj8c1","promoHeader":"_8cj8c1","uui-critical":"x--iY8","uuiCritical":"x--iY8","uui-info":"DvdRbo","uuiInfo":"DvdRbo","uui-success":"fxD6Up","uuiSuccess":"fxD6Up","uui-warning":"dlD9z3","uuiWarning":"dlD9z3","uui-highlight":"Sh0wvV","uuiHighlight":"Sh0wvV","uui-typography-size-12":"_2PALh9","uuiTypographySize12":"_2PALh9","uui-typography-size-14":"LWpsIi","uuiTypographySize14":"LWpsIi","uui-typography-size-16":"Fg2aKP","uuiTypographySize16":"Fg2aKP","root":"xlG0jn"};
 
-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":"_4lrUJF","uuiTypography":"_4lrUJF","hero-header":"efF-Jl","heroHeader":"efF-Jl","promo-header":"_5-Jjvl","promoHeader":"_5-Jjvl","uui-critical":"QNeqBC","uuiCritical":"QNeqBC","uui-info":"Aonphu","uuiInfo":"Aonphu","uui-success":"eYKVzR","uuiSuccess":"eYKVzR","uui-warning":"P1gIoD","uuiWarning":"P1gIoD","uui-highlight":"GgKXqq","uuiHighlight":"GgKXqq","uui-typography-size-12":"yZ6Al1","uuiTypographySize12":"yZ6Al1","uui-typography-size-14":"On9Fo4","uuiTypographySize14":"On9Fo4","uui-typography-size-16":"N99C40","uuiTypographySize16":"N99C40","root":"kOd20z","caption-wrapper":"_8UN4Ok","captionWrapper":"_8UN4Ok","align-center":"vmSpZz","alignCenter":"vmSpZz","caption":"jZuYog","truncate":"_8eTk5w","group-cell-tooltip":"k8sv-r","groupCellTooltip":"k8sv-r","upper-case":"RRjT-j","upperCase":"RRjT-j","group-cell-tooltip-wrapper":"_6kwC-y","groupCellTooltipWrapper":"_6kwC-y","group-cell-tooltip-text":"FXkRVd","groupCellTooltipText":"FXkRVd","tooltip-caption":"R7fiSf","tooltipCaption":"R7fiSf","tooltip-info":"_0QtDpn","tooltipInfo":"_0QtDpn"};
 
 class DataTableHeaderGroupCell extends React.Component {
     constructor() {
@@ -3558,7 +3562,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 +3581,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 +3591,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":"HJEpVN","uuiTypography":"HJEpVN","hero-header":"BwhQKL","heroHeader":"BwhQKL","promo-header":"_0nBmPn","promoHeader":"_0nBmPn","uui-critical":"HsG0Ly","uuiCritical":"HsG0Ly","uui-info":"u3Tpna","uuiInfo":"u3Tpna","uui-success":"qVdo-O","uuiSuccess":"qVdo-O","uui-warning":"FfXuSa","uuiWarning":"FfXuSa","uui-highlight":"zK2rdC","uuiHighlight":"zK2rdC","uui-typography-size-12":"lbni6K","uuiTypographySize12":"lbni6K","uui-typography-size-14":"jlBJC-","uuiTypographySize14":"jlBJC-","uui-typography-size-16":"ptkloB","uuiTypographySize16":"ptkloB","root":"ybsbgK","title-wrapper":"bBq1kL","titleWrapper":"bBq1kL","title":"AawIVw","text-wrapper":"RwaX3E","textWrapper":"RwaX3E","selection":"_150n4z","postfix":"GrN49N","selected":"_93zBIG"};
 
 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 +3617,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, `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 +3632,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 +3655,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 +3702,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 +3717,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 +3735,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 +3763,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":"c3JCJ4"};
 
 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,9 +3815,9 @@ 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'), size: "36", 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'), size: "36", placeholder: "Max", formatOptions: { maximumFractionDigits: 2 }, isInvalid: isWrongRange(value?.from, value?.to) }))),
             renderFooter()));
     }
     return (React__default.createElement("div", null,
@@ -3831,15 +3830,15 @@ function FilterNumericBody(props) {
 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 +3859,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":"qvu7Ns","uuiTypography":"qvu7Ns","hero-header":"ctH1L1","heroHeader":"ctH1L1","promo-header":"DquA5-","promoHeader":"DquA5-","uui-critical":"LkAlyc","uuiCritical":"LkAlyc","uui-info":"-I6QlJ","uuiInfo":"-I6QlJ","uui-success":"Lsv0K4","uuiSuccess":"Lsv0K4","uui-warning":"p4LhDx","uuiWarning":"p4LhDx","uui-highlight":"W9bDDe","uuiHighlight":"W9bDDe","uui-typography-size-12":"Q39pas","uuiTypographySize12":"Q39pas","uui-typography-size-14":"e8oAeF","uuiTypographySize14":"e8oAeF","uui-typography-size-16":"S2Sdma","uuiTypographySize16":"S2Sdma","header":"Arg8Tu","removeButton":"bOhBEq","with-search":"pp7nr1","withSearch":"pp7nr1"};
 
 function useView(props, value) {
     const forceUpdate = useForceUpdate();
@@ -3875,11 +3874,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 +3901,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 +3946,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 +3977,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 +3993,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 +4012,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 +4032,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);
@@ -4105,15 +4099,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,28 +4116,39 @@ 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 }));
@@ -4159,29 +4162,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: props.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: props.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":"_7iuoU9","dropdownDeleteIcon":"J817q0","presetsWrapper":"v-gzst","addPresetContainer":"tcsdlr","dropContainer":"ZCf6qC"};
 
 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 +4293,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":"Y9lBdW","deleteButton":"Y9lBdW","tab-button":"rm6KAH","tabButton":"rm6KAH","targetOpen":"gzF18H"};
 
 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 +4330,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 +4355,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":"_4ZmOXl","presetInputCell":"_4ZmOXl","preset-input":"TBFX5G","presetInput":"TBFX5G"};
 
 const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
 const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
@@ -4362,21 +4368,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 +4392,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":"MiMUsH","activePreset":"Pcg6QT"};
 
 function Preset(props) {
     const [isRenamePreset, setIsRenamePreset] = useState(false);
@@ -4401,11 +4406,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,9 +4442,9 @@ 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 }))));
@@ -4447,8 +4455,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 +4491,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 +4573,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":"LDl5-y","unpinIcon":"LDl5-y","pin-toggler-icon":"DGjIx-","pinTogglerIcon":"DGjIx-"};
 
 function PinIconButton(props) {
     const i18nLocal = i18n.tables.columnsConfigurationModal;
@@ -4621,7 +4632,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":"U04m0F","uuiTypography":"U04m0F","hero-header":"sB2zAD","heroHeader":"sB2zAD","promo-header":"gwQmVC","promoHeader":"gwQmVC","uui-critical":"dLxwal","uuiCritical":"dLxwal","uui-info":"_8jTknB","uuiInfo":"_8jTknB","uui-success":"o66GbS","uuiSuccess":"o66GbS","uui-warning":"V0maZO","uuiWarning":"V0maZO","uui-highlight":"YVTNhW","uuiHighlight":"YVTNhW","uui-typography-size-12":"_6Q59SA","uuiTypographySize12":"_6Q59SA","uui-typography-size-14":"_8UMwoC","uuiTypographySize14":"_8UMwoC","uui-typography-size-16":"_0bOgOV","uuiTypographySize16":"_0bOgOV","row-wrapper":"fBBHUL","rowWrapper":"fBBHUL","pin-icon-button":"OTgPp-","pinIconButton":"OTgPp-","not-pinned":"ofo2Lk","notPinned":"ofo2Lk","checkbox":"IjdU7K","drag-handle":"KWR0AF","dragHandle":"KWR0AF","dnd-disabled":"f2Zrv-","dndDisabled":"f2Zrv-"};
 
 const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
     const { column } = props;
@@ -4632,19 +4643,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":"eelq-2","uuiTypography":"eelq-2","hero-header":"TZtsWw","heroHeader":"TZtsWw","promo-header":"KL3GEw","promoHeader":"KL3GEw","uui-critical":"_3KP2oE","uuiCritical":"_3KP2oE","uui-info":"Syi-b1","uuiInfo":"Syi-b1","uui-success":"wX-iy-","uuiSuccess":"wX-iy-","uui-warning":"cN2MuR","uuiWarning":"cN2MuR","uui-highlight":"MOyWqf","uuiHighlight":"MOyWqf","uui-typography-size-12":"TJDeud","uuiTypographySize12":"TJDeud","uui-typography-size-14":"lAFwsI","uuiTypographySize14":"lAFwsI","uui-typography-size-16":"FxLMtM","uuiTypographySize16":"FxLMtM","root":"nyI3JQ","main-panel":"-PAc2A","mainPanel":"-PAc2A","group":"GOeTWI","group-title":"fyde8A","groupTitle":"fyde8A","group-items":"GLMD7D","groupItems":"GLMD7D","no-data":"gp8AIr","noData":"gp8AIr","no-data-title":"whpYJ-","noDataTitle":"whpYJ-","no-data-sub-title":"-srCJi","noDataSubTitle":"-srCJi","h-divider":"lldlY3","hDivider":"lldlY3","search-area":"cELzvQ","searchArea":"cELzvQ","subgroup-accordion":"ITMcnk","subgroupAccordion":"ITMcnk","subgroup":"RmYidO","subgroup-title":"dGRI4v","subgroupTitle":"dGRI4v"};
 
 const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { cx: css$j.group },
     React.createElement(Text, { size: "none", cx: css$j.groupTitle }, title),
@@ -4652,7 +4663,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 +4703,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 +4744,7 @@ function SubGroup(props) {
     return null;
 }
 
-var css$i = {"listContainer":"hyk6v-","header":"_8DYALG","group":"viPtnd","stickyHeader":"_2dULfL"};
+var css$i = {"listContainer":"C0rsxR","header":"tMYAav","group":"_3xhDg7","stickyHeader":"_2vTwqy"};
 
 const getChildrenAndRest = (row, rows) => {
     const firstNotChildIndex = rows.findIndex((other) => other.depth < row.depth || (row.depth === other.depth && other.isPinned));
@@ -4749,9 +4760,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 +4792,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 +4808,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(#jh5qb18b7f57b0okg_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 +4829,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: "jh5qb10r5b9oczmaq_b",
     style: {
       maskType: "alpha"
     },
@@ -4833,7 +4842,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(#jh5qb10r5b9oczmaq_b)",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }, /*#__PURE__*/React.createElement("path", {
@@ -4919,7 +4928,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: "jh5qb18b7f57b0okg_a"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
     transform: "translate(.552)",
@@ -4928,46 +4937,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":"ifknUI","sticky-header":"_8fg0PP","stickyHeader":"_8fg0PP","no-results":"_6tMOnw","noResults":"_6tMOnw","icon":"_5ka1G-","title":"Q-I1Hc"};
 
 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 +4986,9 @@ function DataTable(props) {
                 } }))));
 }
 
-var css$g = {"root":"V4OjU4"};
+var css$g = {"root":"biBVzu"};
 
-var css$f = {"root":"zSIjMr","burger-content":"_5ONd5P","burgerContent":"_5ONd5P"};
+var css$f = {"root":"mQZNWd","burger-content":"sjQg4q","burgerContent":"sjQg4q"};
 
 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 +5031,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":"oEMxeW","uuiTypography":"oEMxeW","hero-header":"_94sjry","heroHeader":"_94sjry","promo-header":"d3wHyu","promoHeader":"d3wHyu","uui-critical":"gAmL0l","uuiCritical":"gAmL0l","uui-info":"s0-Vzm","uuiInfo":"s0-Vzm","uui-success":"T0IT3z","uuiSuccess":"T0IT3z","uui-warning":"IIYlBt","uuiWarning":"IIYlBt","uui-highlight":"tlNybw","uuiHighlight":"tlNybw","uui-typography-size-12":"VGNF1l","uuiTypographySize12":"VGNF1l","uui-typography-size-14":"m342hq","uuiTypographySize14":"m342hq","uui-typography-size-16":"dxGluB","uuiTypographySize16":"dxGluB","root":"WzEXui","button-primary":"_-43jHC","buttonPrimary":"_-43jHC","button-secondary":"OdRVBc","buttonSecondary":"OdRVBc","hasIcon":"jYxpEj","dropdown":"MmiIdl"};
 
 const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
     css$e.root,
@@ -5035,13 +5042,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":"vwBoI2","searchInput":"vwBoI2"};
 
 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":"_3nOrn6","group-header":"d6Ib-6","groupHeader":"d6Ib-6","group-name":"jTPcEQ","groupName":"jTPcEQ","line":"M463wg"};
 
 function BurgerGroupHeader(props) {
     return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
@@ -5049,15 +5056,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":"RS7dUA","uuiTypography":"RS7dUA","hero-header":"xljCqy","heroHeader":"xljCqy","promo-header":"AGIR-2","promoHeader":"AGIR-2","uui-critical":"jnsUE8","uuiCritical":"jnsUE8","uui-info":"_1lWxQi","uuiInfo":"_1lWxQi","uui-success":"eahP4f","uuiSuccess":"eahP4f","uui-warning":"SAIv2D","uuiWarning":"SAIv2D","uui-highlight":"_3VmznQ","uuiHighlight":"_3VmznQ","uui-typography-size-12":"PUv7b1","uuiTypographySize12":"PUv7b1","uui-typography-size-14":"hMdJHb","uuiTypographySize14":"hMdJHb","uui-typography-size-16":"zQZTre","uuiTypographySize16":"zQZTre","root":"nsSLaR","type-primary":"yVZmeU","typePrimary":"yVZmeU","type-secondary":"G0W34C","typeSecondary":"G0W34C"};
 
 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 +5078,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":"sMjO5o","dropdownBody":"sMjO5o"};
 
 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 +5090,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 +5136,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":"S1-IiH","globalMenuBtn":"S1-IiH","global-menu-icon":"Mz6D1b","globalMenuIcon":"Mz6D1b"};
 
-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":"jjD6PH","open":"qAyc-j","folding-arrow":"e5DzUH","foldingArrow":"e5DzUH"};
 
-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":"IbLOaY","searchInput":"IbLOaY"};
 
-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":"_7WXFQI"};
 
-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":"_0B5wW8"};
 
 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' });
     };
-    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' });
     };
-    return useForm$1(Object.assign({ beforeLeave, loadUnsavedChanges }, props));
+    return useForm$1({ beforeLeave, loadUnsavedChanges, ...props });
 }
 
 var _path;
@@ -5202,33 +5215,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":"PvmBQ0","drop-start":"Ld5H3f","dropStart":"Ld5H3f","drop-over":"fn0Ty8","dropOver":"fn0Ty8","link":"Yyk1uq","drop-area":"_4duI3R","dropArea":"_4duI3R","drop-caption":"ecL9CV","dropCaption":"ecL9CV","icon-blue":"xIhk4E","iconBlue":"xIhk4E"};
 
 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":"i-o-9M","uuiTypography":"i-o-9M","hero-header":"-Gl1sO","heroHeader":"-Gl1sO","promo-header":"gGT8RD","promoHeader":"gGT8RD","uui-critical":"zhJADN","uuiCritical":"zhJADN","uui-info":"ORT7bI","uuiInfo":"ORT7bI","uui-success":"Gzi8-l","uuiSuccess":"Gzi8-l","uui-warning":"_3xQjpr","uuiWarning":"_3xQjpr","uui-highlight":"_60kiI9","uuiHighlight":"_60kiI9","uui-typography-size-12":"dVQO26","uuiTypographySize12":"dVQO26","uui-typography-size-14":"n7wFwa","uuiTypographySize14":"n7wFwa","uui-typography-size-16":"N1krOu","uuiTypographySize16":"N1krOu","root":"qUu7ZU","file-name":"WiU0ph","fileName":"WiU0ph","default-color":"I5UhjC","defaultColor":"I5UhjC","doc-color":"_96KZ3I","docColor":"_96KZ3I","xls-color":"z-n7Ym","xlsColor":"z-n7Ym","pdf-color":"knWl-9","pdfColor":"knWl-9","movie-color":"uauU51","movieColor":"uauU51","img-color":"XmgIYX","imgColor":"XmgIYX","mov-color":"RGIDw2","movColor":"RGIDw2","error-block":"NCZbfx","errorBlock":"NCZbfx","icons-block":"dI5Stv","iconsBlock":"dI5Stv"};
 
-var css$2 = {"root":"lj1LMF"};
+var css$2 = {"root":"eYf6C-"};
 
 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 +5286,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 +5310,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 },
+    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, { size: "36", 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 +5363,7 @@ const getErrorPageConfig = () => ({
     },
 });
 
-var css$1 = {"container":"xgn-pi"};
+var css$1 = {"container":"edU7GL"};
 
 const ErrorPage = (props) => {
     const isMobileScreen = isMobile();
@@ -5359,10 +5372,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":"AT29bs","recoverySpinner":"AT29bs","recovery-message":"_3QYXFN","recoveryMessage":"_3QYXFN","modal-blocker":"z4Kp7l","modalBlocker":"z4Kp7l","modalFadeIn":"CbzFLT"};
 
 function ErrorHandler(props) {
     const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();
@@ -5377,7 +5390,7 @@ function ErrorHandler(props) {
                 props.onNotificationError(c);
             }
             else {
-                uuiNotifications.show((notificationProps) => (React__default.createElement(ErrorNotification, Object.assign({}, notificationProps),
+                uuiNotifications.show((notificationProps) => (React__default.createElement(ErrorNotification, { ...notificationProps },
                     React__default.createElement(Text, { size: "36" }, c.responseData && c.responseData.errorMessage))));
             }
             c.dismissError();
@@ -5399,7 +5412,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();