@epam/uui 5.12.0 → 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":"BLa8lF","uuiTypography":"BLa8lF","hero-header":"_85rhtM","heroHeader":"_85rhtM","promo-header":"mEmWKX","promoHeader":"mEmWKX","uui-critical":"l56Qog","uuiCritical":"l56Qog","uui-info":"b5EVQU","uuiInfo":"b5EVQU","uui-success":"L5c5t5","uuiSuccess":"L5c5t5","uui-warning":"UmI9Rd","uuiWarning":"UmI9Rd","uui-highlight":"v6mRbk","uuiHighlight":"v6mRbk","uui-typography-size-12":"_6GTW6C","uuiTypographySize12":"_6GTW6C","uui-typography-size-14":"RaO9pV","uuiTypographySize14":"RaO9pV","uui-typography-size-16":"-xf5Fz","uuiTypographySize16":"-xf5Fz","root":"Sd8wUq"};
+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":"ceu4Jl"};
+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":"Mcf8PD","uuiTypography":"Mcf8PD","hero-header":"MRFvdy","heroHeader":"MRFvdy","promo-header":"_3JCoue","promoHeader":"_3JCoue","uui-critical":"_60ld5v","uuiCritical":"_60ld5v","uui-info":"EOZAqo","uuiInfo":"EOZAqo","uui-success":"pTKEcf","uuiSuccess":"pTKEcf","uui-warning":"Kh6Nqy","uuiWarning":"Kh6Nqy","uui-highlight":"DFEJcW","uuiHighlight":"DFEJcW","uui-typography-size-12":"mvKHRF","uuiTypographySize12":"mvKHRF","uui-typography-size-14":"i-WTso","uuiTypographySize14":"i-WTso","uui-typography-size-16":"J1RW9l","uuiTypographySize16":"J1RW9l","root":"QA3aGj"};
+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":"ijU3T6"};
+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":"K4BCuG","uuiTypography":"K4BCuG","hero-header":"_3ztadS","heroHeader":"_3ztadS","promo-header":"WU0Fwo","promoHeader":"WU0Fwo","uui-critical":"_2B780H","uuiCritical":"_2B780H","uui-info":"dnVppf","uuiInfo":"dnVppf","uui-success":"u-LjWn","uuiSuccess":"u-LjWn","uui-warning":"RFH7I2","uuiWarning":"RFH7I2","uui-highlight":"YkTVN7","uuiHighlight":"YkTVN7","uui-typography-size-12":"_5R973l","uuiTypographySize12":"_5R973l","uui-typography-size-14":"hImHWJ","uuiTypographySize14":"hImHWJ","uui-typography-size-16":"zTqlny","uuiTypographySize16":"zTqlny","root":"GBNWjd","withNotify":"jJfu9k"};
+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":"_39kwba","uuiTypography":"_39kwba","hero-header":"UZRX3R","heroHeader":"UZRX3R","promo-header":"yfxkWl","promoHeader":"yfxkWl","uui-critical":"hueuAZ","uuiCritical":"hueuAZ","uui-info":"UkFDEB","uuiInfo":"UkFDEB","uui-success":"vDIsUT","uuiSuccess":"vDIsUT","uui-warning":"izh9oU","uuiWarning":"izh9oU","uui-highlight":"q2go0J","uuiHighlight":"q2go0J","uui-typography-size-12":"dlRMag","uuiTypographySize12":"dlRMag","uui-typography-size-14":"PKHpAV","uuiTypographySize14":"PKHpAV","uui-typography-size-16":"bGl9CC","uuiTypographySize16":"bGl9CC","root":"EK9DMf"};
+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":"yv-DuJ","uuiTypography":"yv-DuJ","hero-header":"-HI3ft","heroHeader":"-HI3ft","promo-header":"oCYW32","promoHeader":"oCYW32","uui-critical":"O3gHrK","uuiCritical":"O3gHrK","uui-info":"es4Xts","uuiInfo":"es4Xts","uui-success":"_6gee-u","uuiSuccess":"_6gee-u","uui-warning":"teVG2Y","uuiWarning":"teVG2Y","uui-highlight":"_45e4sr","uuiHighlight":"_45e4sr","uui-typography-size-12":"_8gq8Ha","uuiTypographySize12":"_8gq8Ha","uui-typography-size-14":"JyqOLB","uuiTypographySize14":"JyqOLB","uui-typography-size-16":"vEzUiO","uuiTypographySize16":"vEzUiO","root":"bXXMWv","mode-cell":"VNLE04","modeCell":"VNLE04"};
+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":"_5RRAli","uuiTypography":"_5RRAli","hero-header":"EWMTQT","heroHeader":"EWMTQT","promo-header":"Vq9gAZ","promoHeader":"Vq9gAZ","uui-critical":"uTgGng","uuiCritical":"uTgGng","uui-info":"FzoMGA","uuiInfo":"FzoMGA","uui-success":"L194ld","uuiSuccess":"L194ld","uui-warning":"_9pPojW","uuiWarning":"_9pPojW","uui-highlight":"OVtSEv","uuiHighlight":"OVtSEv","uui-typography-size-12":"cYRsaj","uuiTypographySize12":"cYRsaj","uui-typography-size-14":"B-fPp-","uuiTypographySize14":"B-fPp-","uui-typography-size-16":"jfJ6QJ","uuiTypographySize16":"jfJ6QJ","root":"wKm1mK"};
+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":"_2NyyeX"};
+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":"iWXZu-","uuiTypography":"iWXZu-","hero-header":"_5uezzr","heroHeader":"_5uezzr","promo-header":"X9Slxh","promoHeader":"X9Slxh","uui-critical":"VmmGKx","uuiCritical":"VmmGKx","uui-info":"_0qg8iv","uuiInfo":"_0qg8iv","uui-success":"_0ebf7c","uuiSuccess":"_0ebf7c","uui-warning":"GObQv-","uuiWarning":"GObQv-","uui-highlight":"zwdGYi","uuiHighlight":"zwdGYi","uui-typography-size-12":"HD-CaN","uuiTypographySize12":"HD-CaN","uui-typography-size-14":"MFXj7w","uuiTypographySize14":"MFXj7w","uui-typography-size-16":"_3xPCzg","uuiTypographySize16":"_3xPCzg","root":"BDthH6","mode-form":"NePwUu","modeForm":"NePwUu","mode-inline":"ZGRPIq","modeInline":"ZGRPIq","mode-cell":"KFwhF8","modeCell":"KFwhF8"};
+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":"R-ZSiv"};
+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":"GGyqfr","uuiTypography":"GGyqfr","hero-header":"UcytAy","heroHeader":"UcytAy","promo-header":"jDKX-P","promoHeader":"jDKX-P","uui-critical":"yw9QJI","uuiCritical":"yw9QJI","uui-info":"_3Vz73g","uuiInfo":"_3Vz73g","uui-success":"Zkef9Y","uuiSuccess":"Zkef9Y","uui-warning":"_7787PR","uuiWarning":"_7787PR","uui-highlight":"-xsBLt","uuiHighlight":"-xsBLt","uui-typography-size-12":"AlsmoF","uuiTypographySize12":"AlsmoF","uui-typography-size-14":"_5BGm53","uuiTypographySize14":"_5BGm53","uui-typography-size-16":"uwW-LF","uuiTypographySize16":"uwW-LF","root":"FKZ8jR","mode-form":"RjMPcd","modeForm":"RjMPcd","mode-cell":"rHtho2","modeCell":"rHtho2"};
+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":"cA7h6S","uuiTypography":"cA7h6S","hero-header":"F8qx3R","heroHeader":"F8qx3R","promo-header":"BZlQFf","promoHeader":"BZlQFf","uui-critical":"yFWyBd","uuiCritical":"yFWyBd","uui-info":"lzf-zw","uuiInfo":"lzf-zw","uui-success":"_8um-Pg","uuiSuccess":"_8um-Pg","uui-warning":"_8nt2SN","uuiWarning":"_8nt2SN","uui-highlight":"N1fhjf","uuiHighlight":"N1fhjf","uui-typography-size-12":"vB6Kaq","uuiTypographySize12":"vB6Kaq","uui-typography-size-14":"_2d12zr","uuiTypographySize14":"_2d12zr","uui-typography-size-16":"vCAtt4","uuiTypographySize16":"vCAtt4","root":"t20qlB","mode-form":"W4H7oe","modeForm":"W4H7oe","mode-cell":"VgHz5c","modeCell":"VgHz5c","mode-inline":"TcTUTY","modeInline":"TcTUTY"};
+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":"PqaoD5","uuiTypography":"PqaoD5","hero-header":"DFRVgZ","heroHeader":"DFRVgZ","promo-header":"mgXinB","promoHeader":"mgXinB","uui-critical":"BllGxR","uuiCritical":"BllGxR","uui-info":"E67UGS","uuiInfo":"E67UGS","uui-success":"vFjaoB","uuiSuccess":"vFjaoB","uui-warning":"FBC-yv","uuiWarning":"FBC-yv","uui-highlight":"_7nFLcv","uuiHighlight":"_7nFLcv","uui-typography-size-12":"C3XNEo","uuiTypographySize12":"C3XNEo","uui-typography-size-14":"aeC91A","uuiTypographySize14":"aeC91A","uui-typography-size-16":"bFXxis","uuiTypographySize16":"bFXxis","root":"okzeuZ","main-path":"SONtwS","mainPath":"SONtwS","content-wrapper":"hIcDrj","contentWrapper":"hIcDrj","content":"tKbVNs","action-wrapper":"_9w-dxZ","actionWrapper":"_9w-dxZ","icon-wrapper":"HhUFnr","iconWrapper":"HhUFnr","icon":"RQvXSQ","close-icon":"it98vz","closeIcon":"it98vz"};
+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":"EL-Gur"};
+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":"tForgf","uuiTypography":"tForgf","hero-header":"ahTXrJ","heroHeader":"ahTXrJ","promo-header":"QR49-U","promoHeader":"QR49-U","uui-critical":"_9baVYH","uuiCritical":"_9baVYH","uui-info":"GqsbtO","uuiInfo":"GqsbtO","uui-success":"uBMfy1","uuiSuccess":"uBMfy1","uui-warning":"kaY7on","uuiWarning":"kaY7on","uui-highlight":"_0KAQHh","uuiHighlight":"_0KAQHh","uui-typography-size-12":"tnqi0-","uuiTypographySize12":"tnqi0-","uui-typography-size-14":"ZQxTfn","uuiTypographySize14":"ZQxTfn","uui-typography-size-16":"UOi0dK","uuiTypographySize16":"UOi0dK","submenu-root-item-rtl":"GbsI4x","submenuRootItemRtl":"GbsI4x","icon-after":"_2LeNI4","iconAfter":"_2LeNI4","submenu-root-item":"N3oV-C","submenuRootItem":"N3oV-C","icon-check":"oBb52i","iconCheck":"oBb52i","splitter-root":"_7GLM1G","splitterRoot":"_7GLM1G","splitter":"W2jfdF","header-root":"qHrmPe","headerRoot":"qHrmPe","item-root":"chwpSE","itemRoot":"chwpSE","icon":"_6pXzTN","link":"dKfjgQ","indent":"_2uTVBI","selected-mark":"Ot7d7U","selectedMark":"Ot7d7U"};
+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":"PLU4-E","uuiTypography":"PLU4-E","hero-header":"ifpP47","heroHeader":"ifpP47","promo-header":"_6wEJLr","promoHeader":"_6wEJLr","uui-critical":"glez-i","uuiCritical":"glez-i","uui-info":"R6dJNT","uuiInfo":"R6dJNT","uui-success":"DBF1uj","uuiSuccess":"DBF1uj","uui-warning":"t2sdIf","uuiWarning":"t2sdIf","uui-highlight":"dbOfXp","uuiHighlight":"dbOfXp","uui-typography-size-12":"fuvIn2","uuiTypographySize12":"fuvIn2","uui-typography-size-14":"sXvsC2","uuiTypographySize14":"sXvsC2","uui-typography-size-16":"NwYweU","uuiTypographySize16":"NwYweU","root":"yO4n7C","mode-block":"dZihJj","modeBlock":"dZihJj","mode-inline":"O4quU6","modeInline":"O4quU6","padding-0":"O6g4jR","padding0":"O6g4jR","padding-6":"KPC0sT","padding6":"KPC0sT","padding-12":"f-ng5D","padding12":"f-ng5D","padding-18":"BJGznu","padding18":"BJGznu"};
+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":"i6xK7M","uuiTypography":"i6xK7M","hero-header":"wdItIn","heroHeader":"wdItIn","promo-header":"j9ZJhK","promoHeader":"j9ZJhK","uui-critical":"qf-c5g","uuiCritical":"qf-c5g","uui-info":"pCIEae","uuiInfo":"pCIEae","uui-success":"NnIqeK","uuiSuccess":"NnIqeK","uui-warning":"_268msu","uuiWarning":"_268msu","uui-highlight":"Vqryez","uuiHighlight":"Vqryez","uui-typography-size-12":"u5yeZU","uuiTypographySize12":"u5yeZU","uui-typography-size-14":"bxeTgs","uuiTypographySize14":"bxeTgs","uui-typography-size-16":"H-PlAV","uuiTypographySize16":"H-PlAV","root":"eIDA6n","border-top":"ciDgHQ","borderTop":"ciDgHQ","border-bottom":"jWh1EI","borderBottom":"jWh1EI","top-shadow":"p3K2XG","topShadow":"p3K2XG","padding-6":"OPDJfD","padding6":"OPDJfD","padding-12":"A8Thk8","padding12":"A8Thk8","padding-18":"U-wwWD","padding18":"U-wwWD","padding-24":"EfnV6b","padding24":"EfnV6b","margin-24":"sgLzpb","margin24":"sgLzpb","margin-12":"els8y2","margin12":"els8y2","vPadding-12":"_1HXgBH","vPadding12":"_1HXgBH","vPadding-18":"ojERDU","vPadding18":"ojERDU","vPadding-24":"Y9Lilo","vPadding24":"Y9Lilo","vPadding-36":"Zu0MVq","vPadding36":"Zu0MVq","vPadding-48":"-tPZwT","vPadding48":"-tPZwT","spacing-6":"-eKd8p","spacing6":"-eKd8p","spacing-12":"O2HN-t","spacing12":"O2HN-t","spacing-18":"c286rj","spacing18":"c286rj","uui-surface-main":"W0Hekf","uuiSurfaceMain":"W0Hekf"};
+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":"CRqbyG","margin-24":"nB3-Kd","margin24":"nB3-Kd","padding-12":"lTNKpE","padding12":"lTNKpE","padding-24":"ymG--Q","padding24":"ymG--Q","shadow":"i2xMMw","uui-surface-main":"_0yRNW7","uuiSurfaceMain":"_0yRNW7"};
+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":"hGx0XO"};
+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":"ajVxEf","uuiTypography":"ajVxEf","hero-header":"_2WuukQ","heroHeader":"_2WuukQ","promo-header":"R-wtf0","promoHeader":"R-wtf0","uui-critical":"JqLC6c","uuiCritical":"JqLC6c","uui-info":"EUL-a-","uuiInfo":"EUL-a-","uui-success":"VTc1wb","uuiSuccess":"VTc1wb","uui-warning":"Sn5b94","uuiWarning":"Sn5b94","uui-highlight":"I1JuGM","uuiHighlight":"I1JuGM","uui-typography-size-12":"_15hyF-","uuiTypographySize12":"_15hyF-","uui-typography-size-14":"Qvd2Jq","uuiTypographySize14":"Qvd2Jq","uui-typography-size-16":"bIOS7c","uuiTypographySize16":"bIOS7c","root":"zowzQl"};
+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":"_06KKh9"};
+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":"P7A5BI"};
+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":"_6CE4b9","scrollContainer":"_6CE4b9","list-container":"KpAAnb","listContainer":"KpAAnb"};
+var css$1c = {"scroll-container":"vM3l-E","scrollContainer":"vM3l-E","list-container":"MjKIEF","listContainer":"MjKIEF"};
 
-var css$1b = {"root":"mYs8JU"};
+var css$1b = {"root":"-jHAxV"};
 
 const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$1b.root]);
 
-var css$1a = {"uui-typography":"obptu2","uuiTypography":"obptu2","hero-header":"ZFPmGs","heroHeader":"ZFPmGs","promo-header":"cWyTE0","promoHeader":"cWyTE0","uui-critical":"q1lAJe","uuiCritical":"q1lAJe","uui-info":"tUnPFO","uuiInfo":"tUnPFO","uui-success":"_8kM-MO","uuiSuccess":"_8kM-MO","uui-warning":"Fk7L1G","uuiWarning":"Fk7L1G","uui-highlight":"e-R45N","uuiHighlight":"e-R45N","uui-typography-size-12":"XThKzz","uuiTypographySize12":"XThKzz","uui-typography-size-14":"nulr01","uuiTypographySize14":"nulr01","uui-typography-size-16":"jevBwv","uuiTypographySize16":"jevBwv","root":"n5sQKD"};
+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":"D1bcLf","uuiTypography":"D1bcLf","hero-header":"zRwH7F","heroHeader":"zRwH7F","promo-header":"-RBK8Y","promoHeader":"-RBK8Y","uui-critical":"ZHOQFX","uuiCritical":"ZHOQFX","uui-info":"t4GC6P","uuiInfo":"t4GC6P","uui-success":"WbZEuW","uuiSuccess":"WbZEuW","uui-warning":"cHCPrL","uuiWarning":"cHCPrL","uui-highlight":"KTZpH7","uuiHighlight":"KTZpH7","uui-typography-size-12":"TA1okT","uuiTypographySize12":"TA1okT","uui-typography-size-14":"saCWD0","uuiTypographySize14":"saCWD0","uui-typography-size-16":"uU-enQ","uuiTypographySize16":"uU-enQ","root":"xr8P1o"};
+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":"TLGpeM","uui-spinner":"_0sqre6","uuiSpinner":"_0sqre6"};
+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":"osQYsV","page":"R-u0Q5","spacer":"mSvIuJ","mode-ghost":"Vw3AsL","modeGhost":"Vw3AsL"};
+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":"AoahmD","progress-bar":"XSpG4Q","progressBar":"XSpG4Q","progressBar-indeterminate":"eOBJpW","progressBarIndeterminate":"eOBJpW","size-12":"-jGTpr","size12":"-jGTpr","size-18":"IIkMw8","size18":"IIkMw8","size-24":"_5-m3JV","size24":"_5-m3JV"};
+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":"J8RXA6","striped":"Hj0QrT","animate-stripes":"CE2Mq4","animateStripes":"CE2Mq4","size-12":"Vgk3M3","size12":"Vgk3M3","size-18":"HPpV2Z","size18":"HPpV2Z","size-24":"V-MJV4","size24":"V-MJV4"};
+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":"X-B-bF"};
+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":"xs7YlJ"};
+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":"_76NMMz","dragHandle":"_76NMMz","icon-container":"j536Cz","iconContainer":"j536Cz"};
+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":"SQUzil"};
+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":"iHw-h-"};
+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":"d-EMCo","uuiTypography":"d-EMCo","hero-header":"E6kuus","heroHeader":"E6kuus","promo-header":"EMOInY","promoHeader":"EMOInY","uui-critical":"oszFfG","uuiCritical":"oszFfG","uui-info":"dkYqHD","uuiInfo":"dkYqHD","uui-success":"VtAT-R","uuiSuccess":"VtAT-R","uui-warning":"p7n702","uuiWarning":"p7n702","uui-highlight":"_4qfoTf","uuiHighlight":"_4qfoTf","uui-typography-size-12":"_1rYmX7","uuiTypographySize12":"_1rYmX7","uui-typography-size-14":"c-N2su","uuiTypographySize14":"c-N2su","uui-typography-size-16":"V9C8NQ","uuiTypographySize16":"V9C8NQ","root":"_7fjSjH","modal-blocker":"tUA4nY","modalBlocker":"tUA4nY","animateModalBlocker":"_5jCSqC","modal":"noNQ7p","modal-footer":"SH5mWX","modalFooter":"SH5mWX","modal-header":"BkL-FB","modalHeader":"BkL-FB"};
+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":"cOgR5z","uuiTypography":"cOgR5z","hero-header":"PhvdhL","heroHeader":"PhvdhL","promo-header":"PLeV9B","promoHeader":"PLeV9B","uui-critical":"SLEqUH","uuiCritical":"SLEqUH","uui-info":"vvbYes","uuiInfo":"vvbYes","uui-success":"MYD2kE","uuiSuccess":"MYD2kE","uui-warning":"fpS7nt","uuiWarning":"fpS7nt","uui-highlight":"N-KzZE","uuiHighlight":"N-KzZE","uui-typography-size-12":"_7eBhZX","uuiTypographySize12":"_7eBhZX","uui-typography-size-14":"-xytXs","uuiTypographySize14":"-xytXs","uui-typography-size-16":"msc6lw","uuiTypographySize16":"msc6lw","root":"o5cCRt","icon-wrapper":"LyNbOu","iconWrapper":"LyNbOu","action-wrapper":"g1fV9K","actionWrapper":"g1fV9K","action-link":"_3alFXz","actionLink":"_3alFXz","close-icon":"_9UhlU0","closeIcon":"_9UhlU0","main-path":"_0Ib--9","mainPath":"_0Ib--9","content":"pqr3el","close-wrapper":"Z0T4Pq","closeWrapper":"Z0T4Pq","notification-wrapper":"EEEUG9","notificationWrapper":"EEEUG9","clear-button":"bNAyGc","clearButton":"bNAyGc"};
+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":"_7WWSUZ"};
+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":"nt7CmI","timepicker-input":"MRghmu","timepickerInput":"MRghmu","ltr-always":"zQnFxp","ltrAlways":"zQnFxp"};
+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":"Zd7G1e"};
+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":"weJlKp"};
+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":"i25jPE","tooltip":"mpBWKd"};
+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":"nZHMO-","container":"tSNtgm"};
+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":"RxmyXw","uuiTypography":"RxmyXw","hero-header":"_2hP1Cc","heroHeader":"_2hP1Cc","promo-header":"IMp-zl","promoHeader":"IMp-zl","uui-critical":"fRrKwv","uuiCritical":"fRrKwv","uui-info":"EX8OCo","uuiInfo":"EX8OCo","uui-success":"acBTMA","uuiSuccess":"acBTMA","uui-warning":"WKdJ5k","uuiWarning":"WKdJ5k","uui-highlight":"C6vXpu","uuiHighlight":"C6vXpu","uui-typography-size-12":"M8e4uu","uuiTypographySize12":"M8e4uu","uui-typography-size-14":"QCXE2c","uuiTypographySize14":"QCXE2c","uui-typography-size-16":"zjCcMo","uuiTypographySize16":"zjCcMo","root":"kv8y2T"};
+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":"Ji7hMe","uuiTypography":"Ji7hMe","hero-header":"wbSEqM","heroHeader":"wbSEqM","promo-header":"_3dC6s2","promoHeader":"_3dC6s2","uui-critical":"nIokgE","uuiCritical":"nIokgE","uui-info":"_09cHr2","uuiInfo":"_09cHr2","uui-success":"QnR1Ct","uuiSuccess":"QnR1Ct","uui-warning":"DL1I8e","uuiWarning":"DL1I8e","uui-highlight":"_4-LQd-","uuiHighlight":"_4-LQd-","uui-typography-size-12":"KpVkWw","uuiTypographySize12":"KpVkWw","uui-typography-size-14":"Rs22eM","uuiTypographySize14":"Rs22eM","uui-typography-size-16":"j3mXg5","uuiTypographySize16":"j3mXg5","root":"_3Fv7gH"};
+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":"_7jm6rF","uuiTypography":"_7jm6rF","hero-header":"fYM8gC","heroHeader":"fYM8gC","promo-header":"evMyY9","promoHeader":"evMyY9","uui-critical":"fzJUhP","uuiCritical":"fzJUhP","uui-info":"QA-38N","uuiInfo":"QA-38N","uui-success":"lPPIT9","uuiSuccess":"lPPIT9","uui-warning":"chAZ1W","uuiWarning":"chAZ1W","uui-highlight":"_5bYXhR","uuiHighlight":"_5bYXhR","uui-typography-size-12":"RLZ9vw","uuiTypographySize12":"RLZ9vw","uui-typography-size-14":"_0Neu5-","uuiTypographySize14":"_0Neu5-","uui-typography-size-16":"DWZrJt","uuiTypographySize16":"DWZrJt","date-input":"_3w1f1a","dateInput":"_3w1f1a","root":"_8mGcVu","separator":"D6rbyl","mode-form":"_0v2QBC","modeForm":"_0v2QBC","mode-cell":"_3OA4tH","modeCell":"_3OA4tH"};
+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":"E067-e","uuiTypography":"E067-e","hero-header":"IdbxS0","heroHeader":"IdbxS0","promo-header":"izZfe-","promoHeader":"izZfe-","uui-critical":"cIAmFv","uuiCritical":"cIAmFv","uui-info":"_1iIBgg","uuiInfo":"_1iIBgg","uui-success":"CZMGVc","uuiSuccess":"CZMGVc","uui-warning":"TT2Oct","uuiWarning":"TT2Oct","uui-highlight":"wMOhjJ","uuiHighlight":"wMOhjJ","uui-typography-size-12":"_4n7xES","uuiTypographySize12":"_4n7xES","uui-typography-size-14":"P6GOAt","uuiTypographySize14":"P6GOAt","uui-typography-size-16":"OOH2BA","uuiTypographySize16":"OOH2BA","root":"_2oSBGs"};
+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":"naqfn4","uuiTypography":"naqfn4","hero-header":"pVI63u","heroHeader":"pVI63u","promo-header":"Tp74Er","promoHeader":"Tp74Er","uui-critical":"tqXu-S","uuiCritical":"tqXu-S","uui-info":"xEwT3u","uuiInfo":"xEwT3u","uui-success":"SOtoyh","uuiSuccess":"SOtoyh","uui-warning":"smSqsf","uuiWarning":"smSqsf","uui-highlight":"Pb1QOr","uuiHighlight":"Pb1QOr","uui-typography-size-12":"hVEkJl","uuiTypographySize12":"hVEkJl","uui-typography-size-14":"wubGgz","uuiTypographySize14":"wubGgz","uui-typography-size-16":"iQ5Igt","uuiTypographySize16":"iQ5Igt","root":"ZzvnK1","container":"Xit8iB","day-selection":"_9tX6YE","daySelection":"_9tX6YE","from-picker":"W0hUUl","fromPicker":"W0hUUl","to-picker":"sgMh9h","toPicker":"sgMh9h","bodes-wrapper":"RDJaqR","bodesWrapper":"RDJaqR","blocker":"EblefW"};
+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":"qrWCmZ","dropdownContainer":"qrWCmZ"};
+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":"mW4uXA","blocker":"flHM18","marker":"zpzqb8","top":"NfaWDa","bottom":"jAWf9p","left":"LXLbAx","right":"r-hCHn","inside":"DEONND"};
+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":"tn3Q-w","line-height":"InYYE3","lineHeight":"InYYE3","font-size":"_8G4Fy1","fontSize":"_8G4Fy1"};
+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":"Yq7ZBu","loading-word":"YnZYUY","loadingWord":"YnZYUY","animated-loading":"Fde1WZ","animatedLoading":"Fde1WZ","skeleton_loading":"_95DHCz","skeletonLoading":"_95DHCz"};
+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":"WnYGEz","uuiTypography":"WnYGEz","hero-header":"_8Y0tec","heroHeader":"_8Y0tec","promo-header":"e2sgzG","promoHeader":"e2sgzG","uui-critical":"_-9g8my","uuiCritical":"_-9g8my","uui-info":"ElVZCq","uuiInfo":"ElVZCq","uui-success":"ebPFDa","uuiSuccess":"ebPFDa","uui-warning":"DrzF3u","uuiWarning":"DrzF3u","uui-highlight":"_6npFSw","uuiHighlight":"_6npFSw","uui-typography-size-12":"hUFHdC","uuiTypographySize12":"hUFHdC","uui-typography-size-14":"ARS-Fr","uuiTypographySize14":"ARS-Fr","uui-typography-size-16":"DT9JJr","uuiTypographySize16":"DT9JJr","modal":"iraZNK","search-wrapper":"kWf5l0","searchWrapper":"kWf5l0","no-data":"H1Ak-Z","noData":"H1Ak-Z","type-search-to-load-size-24":"_3U-S-g","typeSearchToLoadSize24":"_3U-S-g"};
+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":"BeE37f"};
+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":"hlpFx5","title":"eJxt-D","close":"NU2dtq"};
+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":"BQ3YYf","uuiTypography":"BQ3YYf","hero-header":"D3TRnK","heroHeader":"D3TRnK","promo-header":"N49cpn","promoHeader":"N49cpn","uui-critical":"egqf3q","uuiCritical":"egqf3q","uui-info":"-n5cjr","uuiInfo":"-n5cjr","uui-success":"HvKuuE","uuiSuccess":"HvKuuE","uui-warning":"A5iJLg","uuiWarning":"A5iJLg","uui-highlight":"KhrUcy","uuiHighlight":"KhrUcy","uui-typography-size-12":"cGQPyJ","uuiTypographySize12":"cGQPyJ","uui-typography-size-14":"zZshgs","uuiTypographySize14":"zZshgs","uui-typography-size-16":"yC3nQg","uuiTypographySize16":"yC3nQg","root":"_5bRaXP","align-widgets-top":"t44Re8","alignWidgetsTop":"t44Re8","align-widgets-center":"DKTIQY","alignWidgetsCenter":"DKTIQY","icon-container":"g3SOwQ","iconContainer":"g3SOwQ","loading-cell":"LZMtwK","loadingCell":"LZMtwK","content-wrapper":"Q8XcMJ","contentWrapper":"Q8XcMJ","render-item":"b35hLx","renderItem":"b35hLx","icon-wrapper":"jlom8V","iconWrapper":"jlom8V","icon-default":"X4w1Jn","iconDefault":"X4w1Jn","selected-mark":"_3Bp9hW","selectedMark":"_3Bp9hW"};
+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":"b-mwtp","uuiTypography":"b-mwtp","hero-header":"dgccWf","heroHeader":"dgccWf","promo-header":"XkM-yB","promoHeader":"XkM-yB","uui-critical":"gNL4rk","uuiCritical":"gNL4rk","uui-info":"PnERQ-","uuiInfo":"PnERQ-","uui-success":"LqNyzI","uuiSuccess":"LqNyzI","uui-warning":"fWyvsb","uuiWarning":"fWyvsb","uui-highlight":"yL-6i9","uuiHighlight":"yL-6i9","uui-typography-size-12":"wT4u5y","uuiTypographySize12":"wT4u5y","uui-typography-size-14":"FbjFMB","uuiTypographySize14":"FbjFMB","uui-typography-size-16":"X0lTj6","uuiTypographySize16":"X0lTj6","picker-row":"GjErwI","pickerRow":"GjErwI"};
+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":"vUkUCl","uuiTypography":"vUkUCl","hero-header":"JasYw5","heroHeader":"JasYw5","promo-header":"jI5OXh","promoHeader":"jI5OXh","uui-critical":"nkRAbM","uuiCritical":"nkRAbM","uui-info":"JA1nbC","uuiInfo":"JA1nbC","uui-success":"jtui8Y","uuiSuccess":"jtui8Y","uui-warning":"EWQttu","uuiWarning":"EWQttu","uui-highlight":"UjaJZH","uuiHighlight":"UjaJZH","uui-typography-size-12":"QI4T5j","uuiTypographySize12":"QI4T5j","uui-typography-size-14":"JFh3S5","uuiTypographySize14":"JFh3S5","uui-typography-size-16":"gUNO50","uuiTypographySize16":"gUNO50","done":"GZNhSx","container":"uQgk-V"};
+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":"OTF2sO","uuiTypography":"OTF2sO","hero-header":"Yj9nQH","heroHeader":"Yj9nQH","promo-header":"zQGN57","promoHeader":"zQGN57","uui-critical":"_--3x25","uuiCritical":"_--3x25","uui-info":"X-nCtd","uuiInfo":"X-nCtd","uui-success":"KCa-zn","uuiSuccess":"KCa-zn","uui-warning":"Cp8wUQ","uuiWarning":"Cp8wUQ","uui-highlight":"fMdh8E","uuiHighlight":"fMdh8E","uui-typography-size-12":"bdeYvN","uuiTypographySize12":"bdeYvN","uui-typography-size-14":"j3zZ2W","uuiTypographySize14":"j3zZ2W","uui-typography-size-16":"HKFf2I","uuiTypographySize16":"HKFf2I","sub-header-wrapper":"YAxKWI","subHeaderWrapper":"YAxKWI","switch":"Q5AVYe","no-found-modal-container":"_2s3NJ4","noFoundModalContainer":"_2s3NJ4","no-found-modal-container-icon":"_9B8u5x","noFoundModalContainerIcon":"_9B8u5x","no-found-modal-container-text":"Xkw5Hv","noFoundModalContainerText":"Xkw5Hv"};
+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":"V8MCO5","column-gap":"_1QGnll","columnGap":"_1QGnll","multiline":"gtVVcW","text":"_7Cyfto"};
+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":"Fqq6gv"};
+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":"zpy91k","uuiTypography":"zpy91k","hero-header":"_6W6NkC","heroHeader":"_6W6NkC","promo-header":"ixVP3J","promoHeader":"ixVP3J","uui-critical":"AxHN0A","uuiCritical":"AxHN0A","uui-info":"EPpdIw","uuiInfo":"EPpdIw","uui-success":"_-1c1h0","uuiSuccess":"_-1c1h0","uui-warning":"-MpRAS","uuiWarning":"-MpRAS","uui-highlight":"xl-lFv","uuiHighlight":"xl-lFv","uui-typography-size-12":"FEFup5","uuiTypographySize12":"FEFup5","uui-typography-size-14":"_1TlqOl","uuiTypographySize14":"_1TlqOl","uui-typography-size-16":"o1rh8Q","uuiTypographySize16":"o1rh8Q","root":"-qSL3U","mode-form":"qJymlS","modeForm":"qJymlS","mode-cell":"Um94TG","modeCell":"Um94TG","mode-inline":"wGYNBH","modeInline":"wGYNBH"};
+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":"qA9Yw5"};
+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":"d-pW1W"};
+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":"KpzHRj","uuiTypography":"KpzHRj","hero-header":"tXW-AJ","heroHeader":"tXW-AJ","promo-header":"JW06y2","promoHeader":"JW06y2","uui-critical":"hnTuyk","uuiCritical":"hnTuyk","uui-info":"-Y1sSh","uuiInfo":"-Y1sSh","uui-success":"TR9WjX","uuiSuccess":"TR9WjX","uui-warning":"-ghmOr","uuiWarning":"-ghmOr","uui-highlight":"hYnq1P","uuiHighlight":"hYnq1P","uui-typography-size-12":"vqqWKP","uuiTypographySize12":"vqqWKP","uui-typography-size-14":"T8Kj0i","uuiTypographySize14":"T8Kj0i","uui-typography-size-16":"_9OMdop","uuiTypographySize16":"_9OMdop","root":"O-zBPM","wrapper":"E46HiQ","align-widgets-top":"Z9IvSz","alignWidgetsTop":"Z9IvSz","align-widgets-center":"GbWjCk","alignWidgetsCenter":"GbWjCk"};
+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":"aC95DY","uuiTypography":"aC95DY","hero-header":"LxXhZu","heroHeader":"LxXhZu","promo-header":"-Omku0","promoHeader":"-Omku0","uui-critical":"GdqCn6","uuiCritical":"GdqCn6","uui-info":"h1OCJR","uuiInfo":"h1OCJR","uui-success":"Fra2gi","uuiSuccess":"Fra2gi","uui-warning":"jPMAkD","uuiWarning":"jPMAkD","uui-highlight":"nzkSGS","uuiHighlight":"nzkSGS","uui-typography-size-12":"mJ7v6Q","uuiTypographySize12":"mJ7v6Q","uui-typography-size-14":"uFZYtj","uuiTypographySize14":"uFZYtj","uui-typography-size-16":"d0qPde","uuiTypographySize16":"d0qPde","root":"_1MV9Iv"};
+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":"ZtrKMB","uuiTypography":"ZtrKMB","hero-header":"dbPhP1","heroHeader":"dbPhP1","promo-header":"_3x4It3","promoHeader":"_3x4It3","uui-critical":"xSTjiM","uuiCritical":"xSTjiM","uui-info":"r6LMnu","uuiInfo":"r6LMnu","uui-success":"_9ks43j","uuiSuccess":"_9ks43j","uui-warning":"Sakv-k","uuiWarning":"Sakv-k","uui-highlight":"hV69JG","uuiHighlight":"hV69JG","uui-typography-size-12":"PJKfDU","uuiTypographySize12":"PJKfDU","uui-typography-size-14":"uF-eFx","uuiTypographySize14":"uF-eFx","uui-typography-size-16":"Ogmbkn","uuiTypographySize16":"Ogmbkn","sorting-panel-container":"NDKCK6","sortingPanelContainer":"NDKCK6"};
+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":"oRF7OT","uuiTypography":"oRF7OT","hero-header":"YcMwvF","heroHeader":"YcMwvF","promo-header":"ojZBTI","promoHeader":"ojZBTI","uui-critical":"Mclxmn","uuiCritical":"Mclxmn","uui-info":"DBzRfW","uuiInfo":"DBzRfW","uui-success":"X7pGoE","uuiSuccess":"X7pGoE","uui-warning":"t1phN1","uuiWarning":"t1phN1","uui-highlight":"Kb2vYP","uuiHighlight":"Kb2vYP","uui-typography-size-12":"aefYtl","uuiTypographySize12":"aefYtl","uui-typography-size-14":"PpqycP","uuiTypographySize14":"PpqycP","uui-typography-size-16":"Jj-LyA","uuiTypographySize16":"Jj-LyA","root":"nEQ9Mr","caption-wrapper":"k41PRZ","captionWrapper":"k41PRZ","sort-icon":"VIokxE","sortIcon":"VIokxE","dropdown-icon":"kSyBg8","dropdownIcon":"kSyBg8","infoIcon":"d43wW5","resizable":"_4AF6CK","align-right":"CWxS5r","alignRight":"CWxS5r","align-center":"jcnyr7","alignCenter":"jcnyr7","caption":"lXvrMb","truncate":"_2jCbeW","checkbox":"R5ArEb","icon":"ntSUOj","fold-all-icon":"_0NJhUk","foldAllIcon":"_0NJhUk","cell-tooltip":"IVad45","cellTooltip":"IVad45","upper-case":"DvPpM-","upperCase":"DvPpM-","resizing-marker":"qOBdwy","resizingMarker":"qOBdwy","pinned-right":"JkwY-A","pinnedRight":"JkwY-A","draggable":"F0D1wZ","ghost":"hRn5o4","is-dragged-out":"aGtfR1","isDraggedOut":"aGtfR1","dnd-marker-left":"_4QaGfn","dndMarkerLeft":"_4QaGfn","dnd-marker-right":"f-CVFD","dndMarkerRight":"f-CVFD","cell-tooltip-wrapper":"MDLJVA","cellTooltipWrapper":"MDLJVA","cell-tooltip-text":"PmDI3S","cellTooltipText":"PmDI3S","tooltip-caption":"JguU8a","tooltipCaption":"JguU8a","tooltip-info":"hPfBpr","tooltipInfo":"hPfBpr"};
+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":"_1YLLVH","uuiTypography":"_1YLLVH","hero-header":"fmIUpZ","heroHeader":"fmIUpZ","promo-header":"SUm-6v","promoHeader":"SUm-6v","uui-critical":"_9keztR","uuiCritical":"_9keztR","uui-info":"_-2jaGi","uuiInfo":"_-2jaGi","uui-success":"sWo6y0","uuiSuccess":"sWo6y0","uui-warning":"_7xSClx","uuiWarning":"_7xSClx","uui-highlight":"_--rokK","uuiHighlight":"_--rokK","uui-typography-size-12":"vU7UVl","uuiTypographySize12":"vU7UVl","uui-typography-size-14":"_1wv-Oi","uuiTypographySize14":"_1wv-Oi","uui-typography-size-16":"_4r6j0m","uuiTypographySize16":"_4r6j0m","root":"n4Fw0D"};
+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":"GIt4Ka","uuiTypography":"GIt4Ka","hero-header":"HbthCq","heroHeader":"HbthCq","promo-header":"Jxa9u3","promoHeader":"Jxa9u3","uui-critical":"wNBArw","uuiCritical":"wNBArw","uui-info":"ah4JfU","uuiInfo":"ah4JfU","uui-success":"h4Lv4Q","uuiSuccess":"h4Lv4Q","uui-warning":"rzhvW-","uuiWarning":"rzhvW-","uui-highlight":"wma7aU","uuiHighlight":"wma7aU","uui-typography-size-12":"_1J-Vxx","uuiTypographySize12":"_1J-Vxx","uui-typography-size-14":"m-6l6z","uuiTypographySize14":"m-6l6z","uui-typography-size-16":"-Mpd-g","uuiTypographySize16":"-Mpd-g","root":"tdz7Yw","caption-wrapper":"h2--nJ","captionWrapper":"h2--nJ","align-center":"fQHDw1","alignCenter":"fQHDw1","caption":"wfqCPg","truncate":"ukvS7J","group-cell-tooltip":"IV6fkQ","groupCellTooltip":"IV6fkQ","upper-case":"_6u4fu2","upperCase":"_6u4fu2","group-cell-tooltip-wrapper":"xq5ZBO","groupCellTooltipWrapper":"xq5ZBO","group-cell-tooltip-text":"K2rsf4","groupCellTooltipText":"K2rsf4","tooltip-caption":"_7mFQBs","tooltipCaption":"_7mFQBs","tooltip-info":"tcyiSD","tooltipInfo":"tcyiSD"};
+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":"ioPrhF","uuiTypography":"ioPrhF","hero-header":"Ei78zO","heroHeader":"Ei78zO","promo-header":"_66Ib0o","promoHeader":"_66Ib0o","uui-critical":"rBesM0","uuiCritical":"rBesM0","uui-info":"_8G-tiD","uuiInfo":"_8G-tiD","uui-success":"jvH3uw","uuiSuccess":"jvH3uw","uui-warning":"RB2GRK","uuiWarning":"RB2GRK","uui-highlight":"yxQZGS","uuiHighlight":"yxQZGS","uui-typography-size-12":"_1zJ-4T","uuiTypographySize12":"_1zJ-4T","uui-typography-size-14":"_8mK9JG","uuiTypographySize14":"_8mK9JG","uui-typography-size-16":"dhRlv4","uuiTypographySize16":"dhRlv4","root":"ZAhtyX","title-wrapper":"NiuJvN","titleWrapper":"NiuJvN","title":"n1kMq-","text-wrapper":"a9jwPV","textWrapper":"a9jwPV","selection":"z3jUBt","postfix":"CS7rq3","selected":"_76kvfE"};
+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":"_0hEbmk"};
+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":"EZ-kov","uuiTypography":"EZ-kov","hero-header":"Dffwh9","heroHeader":"Dffwh9","promo-header":"cpJYqc","promoHeader":"cpJYqc","uui-critical":"ZZI3Xd","uuiCritical":"ZZI3Xd","uui-info":"QZ-lrA","uuiInfo":"QZ-lrA","uui-success":"_5-DW-J","uuiSuccess":"_5-DW-J","uui-warning":"EcnUml","uuiWarning":"EcnUml","uui-highlight":"_-7ZZti","uuiHighlight":"_-7ZZti","uui-typography-size-12":"bhb8D5","uuiTypographySize12":"bhb8D5","uui-typography-size-14":"T-qmOf","uuiTypographySize14":"T-qmOf","uui-typography-size-16":"R6WMy6","uuiTypographySize16":"R6WMy6","header":"TAnkVl","removeButton":"_4qetCv","with-search":"mK09-w","withSearch":"mK09-w"};
+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":"yO5QiF","dropdownDeleteIcon":"_8YemMj","presetsWrapper":"_9sstl-","addPresetContainer":"zwqSft","dropContainer":"_1fS5KC"};
+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":"GRiqS5","deleteButton":"GRiqS5","tab-button":"R5YP2C","tabButton":"R5YP2C","targetOpen":"_7Sh9e5"};
+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":"OOHGVC","presetInputCell":"OOHGVC","preset-input":"GTtqXo","presetInput":"GTtqXo"};
+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":"_9t-Ad7","activePreset":"zFp29n"};
+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":"cYHcqw","unpinIcon":"cYHcqw","pin-toggler-icon":"r1OJGN","pinTogglerIcon":"r1OJGN"};
+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":"tCJ-44","uuiTypography":"tCJ-44","hero-header":"tZW5WP","heroHeader":"tZW5WP","promo-header":"U20tzc","promoHeader":"U20tzc","uui-critical":"SJR1oQ","uuiCritical":"SJR1oQ","uui-info":"Km2CDD","uuiInfo":"Km2CDD","uui-success":"V5IiWC","uuiSuccess":"V5IiWC","uui-warning":"_5wfKau","uuiWarning":"_5wfKau","uui-highlight":"T1Iq9w","uuiHighlight":"T1Iq9w","uui-typography-size-12":"WaIUNv","uuiTypographySize12":"WaIUNv","uui-typography-size-14":"vP8-HK","uuiTypographySize14":"vP8-HK","uui-typography-size-16":"AEQWTT","uuiTypographySize16":"AEQWTT","row-wrapper":"jI1vxJ","rowWrapper":"jI1vxJ","pin-icon-button":"qwZsBF","pinIconButton":"qwZsBF","not-pinned":"Y9KYNM","notPinned":"Y9KYNM","checkbox":"h-4oIy","drag-handle":"J9Tngf","dragHandle":"J9Tngf","dnd-disabled":"u-vgTf","dndDisabled":"u-vgTf"};
+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":"Zr7Skp","uuiTypography":"Zr7Skp","hero-header":"POkOsN","heroHeader":"POkOsN","promo-header":"EpqCBA","promoHeader":"EpqCBA","uui-critical":"BfZP3F","uuiCritical":"BfZP3F","uui-info":"LA7sfr","uuiInfo":"LA7sfr","uui-success":"_8a4gk2","uuiSuccess":"_8a4gk2","uui-warning":"Dv7Il4","uuiWarning":"Dv7Il4","uui-highlight":"KUWMWS","uuiHighlight":"KUWMWS","uui-typography-size-12":"ZJeKGN","uuiTypographySize12":"ZJeKGN","uui-typography-size-14":"_4Wo8bU","uuiTypographySize14":"_4Wo8bU","uui-typography-size-16":"nDSwEl","uuiTypographySize16":"nDSwEl","root":"iKBnFF","main-panel":"U-g-h-","mainPanel":"U-g-h-","group":"sS-nY0","group-title":"f9D237","groupTitle":"f9D237","group-items":"qhZR5S","groupItems":"qhZR5S","no-data":"bHaIYJ","noData":"bHaIYJ","no-data-title":"WbXaFa","noDataTitle":"WbXaFa","no-data-sub-title":"wJrwTq","noDataSubTitle":"wJrwTq","h-divider":"jKY4Ww","hDivider":"jKY4Ww","search-area":"-Bk2lp","searchArea":"-Bk2lp","subgroup-accordion":"YPr48O","subgroupAccordion":"YPr48O","subgroup":"_54c60u","subgroup-title":"hq03XH","subgroupTitle":"hq03XH"};
+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":"g6pPbA","header":"-Jr3iP","group":"GGu1Vv","stickyHeader":"TAnWDa"};
+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(#ljdi1z6n0zidggsov_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: "ljdi1zpeaxvfg4fv_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(#ljdi1zpeaxvfg4fv_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: "ljdi1z6n0zidggsov_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":"QeVOHa","sticky-header":"aWhV4b","stickyHeader":"aWhV4b","no-results":"BokJ1y","noResults":"BokJ1y","icon":"tFGEnG","title":"y6EvmD"};
+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":"HVbFiO"};
+var css$g = {"root":"biBVzu"};
 
-var css$f = {"root":"_8P3o8x","burger-content":"QWiOwR","burgerContent":"QWiOwR"};
+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":"yB9OaF","uuiTypography":"yB9OaF","hero-header":"FRXUG5","heroHeader":"FRXUG5","promo-header":"DmMLBg","promoHeader":"DmMLBg","uui-critical":"v3SiCF","uuiCritical":"v3SiCF","uui-info":"s4Reph","uuiInfo":"s4Reph","uui-success":"wjLBKB","uuiSuccess":"wjLBKB","uui-warning":"N3LDfn","uuiWarning":"N3LDfn","uui-highlight":"T9Js7M","uuiHighlight":"T9Js7M","uui-typography-size-12":"_6Uvb3J","uuiTypographySize12":"_6Uvb3J","uui-typography-size-14":"wIhk6o","uuiTypographySize14":"wIhk6o","uui-typography-size-16":"_0b1Hd8","uuiTypographySize16":"_0b1Hd8","root":"BbZ2dy","button-primary":"Gaw91J","buttonPrimary":"Gaw91J","button-secondary":"A5Ys9B","buttonSecondary":"A5Ys9B","hasIcon":"U7N-SM","dropdown":"TAe8ki"};
+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":"Yl6vtN","searchInput":"Yl6vtN"};
+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":"XYlNa6","group-header":"OuRecK","groupHeader":"OuRecK","group-name":"ujUEa-","groupName":"ujUEa-","line":"OGPHW-"};
+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":"jVeOyu","uuiTypography":"jVeOyu","hero-header":"_6UOqNb","heroHeader":"_6UOqNb","promo-header":"Br5hHo","promoHeader":"Br5hHo","uui-critical":"n6GWk7","uuiCritical":"n6GWk7","uui-info":"_7sULpP","uuiInfo":"_7sULpP","uui-success":"HlrHyD","uuiSuccess":"HlrHyD","uui-warning":"QLF1HO","uuiWarning":"QLF1HO","uui-highlight":"_-2nHuI","uuiHighlight":"_-2nHuI","uui-typography-size-12":"cSE2-q","uuiTypographySize12":"cSE2-q","uui-typography-size-14":"QXy8ik","uuiTypographySize14":"QXy8ik","uui-typography-size-16":"jQbgBM","uuiTypographySize16":"jQbgBM","root":"HaIjhf","type-primary":"RNqpAJ","typePrimary":"RNqpAJ","type-secondary":"_5SAOkf","typeSecondary":"_5SAOkf"};
+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":"LUOvvE","dropdownBody":"LUOvvE"};
+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":"PvQ3e1","globalMenuBtn":"PvQ3e1","global-menu-icon":"_5394-E","globalMenuIcon":"_5394-E"};
+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":"B7yrBF","open":"E4xaSe","folding-arrow":"FciINo","foldingArrow":"FciINo"};
+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":"Z69ayg","searchInput":"Z69ayg"};
+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":"j3Y1P4"};
+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":"_2DQLx-"};
+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":"sx-MUO","drop-start":"W1US79","dropStart":"W1US79","drop-over":"ysLVHE","dropOver":"ysLVHE","link":"_5uSUyH","drop-area":"bGSoFG","dropArea":"bGSoFG","drop-caption":"OhbHHw","dropCaption":"OhbHHw","icon-blue":"-Vot1u","iconBlue":"-Vot1u"};
+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":"CVgoB9","uuiTypography":"CVgoB9","hero-header":"Yq3uLm","heroHeader":"Yq3uLm","promo-header":"Pmdocg","promoHeader":"Pmdocg","uui-critical":"Hkw6KM","uuiCritical":"Hkw6KM","uui-info":"cEdtXJ","uuiInfo":"cEdtXJ","uui-success":"Hn0IRx","uuiSuccess":"Hn0IRx","uui-warning":"BUQiyf","uuiWarning":"BUQiyf","uui-highlight":"pyXoIt","uuiHighlight":"pyXoIt","uui-typography-size-12":"wDRbu-","uuiTypographySize12":"wDRbu-","uui-typography-size-14":"N1vLdB","uuiTypographySize14":"N1vLdB","uui-typography-size-16":"f8rWCl","uuiTypographySize16":"f8rWCl","root":"oV4aS5","file-name":"BL3-6K","fileName":"BL3-6K","default-color":"qt5swD","defaultColor":"qt5swD","doc-color":"_84-62F","docColor":"_84-62F","xls-color":"Le-KtU","xlsColor":"Le-KtU","pdf-color":"mpprBI","pdfColor":"mpprBI","movie-color":"xCSK6L","movieColor":"xCSK6L","img-color":"_2QokRp","imgColor":"_2QokRp","mov-color":"LUUpwl","movColor":"LUUpwl","error-block":"pyKzfh","errorBlock":"pyKzfh","icons-block":"kKrRJ-","iconsBlock":"kKrRJ-"};
+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":"ogcEK2"};
+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":"rp4vzb"};
+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":"H3oT0G","recoverySpinner":"H3oT0G","recovery-message":"GdYH0b","recoveryMessage":"GdYH0b","modal-blocker":"JF3BmL","modalBlocker":"JF3BmL","modalFadeIn":"aLBsyz"};
+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();