@epam/uui 5.12.1 → 5.13.1

package/index.esm.js

@@ -1,7 +1,7 @@
 import * as uuiComponents from '@epam/uui-components';
 import { Clickable, IconContainer, RadioInput as RadioInput$1, TextInput as TextInput$1, ControlGroup as ControlGroup$1, NumericInput as NumericInput$1, TextArea as TextArea$1, Dropdown as Dropdown$1, Anchor as Anchor$1, FlexRow as FlexRow$1, FlexSpacer, Text as Text$1, FlexCell as FlexCell$1, VPanel, ScrollBars as ScrollBars$1, AvatarStack as AvatarStack$1, Spinner as Spinner$1, Paginator as Paginator$1, DragHandle, Blocker as Blocker$1, ModalBlocker as ModalBlocker$1, ModalWindow as ModalWindow$1, Snackbar as Snackbar$1, InputAddon as InputAddon$1, Slider as Slider$1, Calendar as Calendar$1, YearSelection, MonthSelection, Day, uuiDaySelection, PickerBodyBase, DataPickerRow as DataPickerRow$1, Avatar, usePickerModal, handleDataSourceKeyboard, PickerToggler as PickerToggler$1, usePickerInput, usePickerList, DataTableCell as DataTableCell$1, DataTableRow as DataTableRow$1, DataTableCellContainer, DataTableHeaderCell as DataTableHeaderCell$1, DataTableHeaderRow as DataTableHeaderRow$1, AdaptivePanel, useColumnsConfiguration, Accordion as Accordion$1, DataTableSelectionProvider, DataTableFocusProvider, Burger as Burger$1, Button as Button$1, DropSpot as DropSpot$1, UploadFileToggler, ErrorCatch } from '@epam/uui-components';
 export { Avatar, DataTableCellContainer, FlexSpacer, IconContainer } from '@epam/uui-components';
-import { withMods, devLogger, uuiElement, cx as cx$1, uuiMarkers, IEditableDebouncer, UuiContext, uuiMod, directionMode, useVirtualList, useScrollShadows, isMobile, i18n as i18n$1, useUuiContext, isFocusReceiverInsideFocusLock, Lens, mobilePopperModifier, uuiDataTableHeaderCell, uuiDataTableHeaderGroupCell, usePrevious, useForceUpdate, getSeparatedValue, useArrayDataSource, orderBy, getOrderBetween, DndActor, uuiDndState, useColumnsConfig, uuiScrollShadows, Form as Form$1, useForm as useForm$1, formatBytes, useUuiError } from '@epam/uui-core';
+import { withMods, devLogger, uuiElement, cx as cx$1, uuiMarkers, IEditableDebouncer, UuiContext, uuiMod, getDir, directionMode, useVirtualList, useScrollShadows, isMobile, i18n as i18n$1, useUuiContext, isFocusReceiverInsideFocusLock, Lens, mobilePopperModifier, uuiDataTableHeaderCell, uuiDataTableHeaderGroupCell, usePrevious, useForceUpdate, getSeparatedValue, useArrayDataSource, orderBy, getOrderBetween, DndActor, uuiDndState, useColumnsConfig, uuiScrollShadows, Form as Form$1, useForm as useForm$1, formatBytes, useUuiError } from '@epam/uui-core';
 import * as React from 'react';
 import React__default, { forwardRef, useContext, useRef, useState, useEffect, useReducer, useImperativeHandle, useCallback, useMemo, Fragment } from 'react';
 import cx from 'classnames';
@@ -311,6 +311,9 @@ const settings = {
                 48: '30',
             },
         },
+        notificationCard: {
+            action: '30',
+        },
         tag: {
             countIndicator: {
                 18: '12',
@@ -589,7 +592,7 @@ const settings = {
     },
 };
 
-var css$1y = {"uui-typography":"bIupD9","uuiTypography":"bIupD9","hero-header":"p347HF","heroHeader":"p347HF","promo-header":"k6aEab","promoHeader":"k6aEab","uui-critical":"-IOrW5","uuiCritical":"-IOrW5","uui-info":"IZEWDd","uuiInfo":"IZEWDd","uui-success":"V890Ln","uuiSuccess":"V890Ln","uui-warning":"PifDTf","uuiWarning":"PifDTf","uui-highlight":"_5RNdLe","uuiHighlight":"_5RNdLe","uui-typography-size-12":"d5lkqG","uuiTypographySize12":"d5lkqG","uui-typography-size-14":"_4jPR0g","uuiTypographySize14":"_4jPR0g","uui-typography-size-16":"RyfqIy","uuiTypographySize16":"RyfqIy","root":"xxjvGU"};
+var css$1y = {"uui-typography":"_7dibOv","uuiTypography":"_7dibOv","hero-header":"gZIFvf","heroHeader":"gZIFvf","promo-header":"moRTWZ","promoHeader":"moRTWZ","uui-critical":"MLpwgC","uuiCritical":"MLpwgC","uui-info":"pxwMwF","uuiInfo":"pxwMwF","uui-success":"S9TkLF","uuiSuccess":"S9TkLF","uui-warning":"CGEY2C","uuiWarning":"CGEY2C","uui-highlight":"_8G3qW7","uuiHighlight":"_8G3qW7","uui-typography-size-12":"TkLsvK","uuiTypographySize12":"TkLsvK","uui-typography-size-14":"TN1Exh","uuiTypographySize14":"TN1Exh","uui-typography-size-16":"IInzmy","uuiTypographySize16":"IInzmy","root":"MaGedW"};
 
 function applyButtonMods(mods) {
     return [
@@ -607,7 +610,7 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
     };
 });
 
-var css$1x = {"root":"ib43H-"};
+var css$1x = {"root":"CskCVP"};
 
 function applyIconButtonMods(props) {
     return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1x.root];
@@ -644,7 +647,7 @@ function getIconClass(props) {
     return [classList['has-left-icon'] ? 'uui-has-left-icon' : 'uui-no-left-icon', classList['has-right-icon'] ? 'uui-has-right-icon' : 'uui-no-right-icon'];
 }
 
-var css$1w = {"uui-typography":"W9w8AI","uuiTypography":"W9w8AI","hero-header":"aat7bG","heroHeader":"aat7bG","promo-header":"J5EtvE","promoHeader":"J5EtvE","uui-critical":"BVwpz5","uuiCritical":"BVwpz5","uui-info":"p1Gm-X","uuiInfo":"p1Gm-X","uui-success":"HXlqrI","uuiSuccess":"HXlqrI","uui-warning":"R--mrk","uuiWarning":"R--mrk","uui-highlight":"_18Cl0U","uuiHighlight":"_18Cl0U","uui-typography-size-12":"DGIzV8","uuiTypographySize12":"DGIzV8","uui-typography-size-14":"S9NUY6","uuiTypographySize14":"S9NUY6","uui-typography-size-16":"nlgiU2","uuiTypographySize16":"nlgiU2","root":"GT7p97"};
+var css$1w = {"uui-typography":"yAjTdB","uuiTypography":"yAjTdB","hero-header":"eiLbdk","heroHeader":"eiLbdk","promo-header":"JxSksD","promoHeader":"JxSksD","uui-critical":"_3wHQBN","uuiCritical":"_3wHQBN","uui-info":"Uo61eA","uuiInfo":"Uo61eA","uui-success":"rDa8-v","uuiSuccess":"rDa8-v","uui-warning":"_6hszJC","uuiWarning":"_6hszJC","uui-highlight":"lp8xIs","uuiHighlight":"lp8xIs","uui-typography-size-12":"fxpzPt","uuiTypographySize12":"fxpzPt","uui-typography-size-14":"_1fIcMa","uuiTypographySize14":"_1fIcMa","uui-typography-size-16":"bGw9xY","uuiTypographySize16":"bGw9xY","root":"_5OaFLf"};
 
 const DEFAULT_COLOR = 'primary';
 const DEFAULT_WEIGHT = 'semibold';
@@ -668,14 +671,14 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
     ];
     const captionStyles = cx(uuiElement.caption, props.underline && `uui-underline-${props.underline}`, `uui-link-button-weight-${props.weight || DEFAULT_WEIGHT}`);
     const DropdownIcon = props.dropdownIcon ? props.dropdownIcon : systemIcons.foldingArrow;
-    return (React.createElement(Clickable, Object.assign({}, props, { type: "button", cx: rootStyles, ref: ref }),
+    return (React.createElement(Clickable, { ...props, type: "button", cx: rootStyles, ref: ref },
         props.icon && props.iconPosition !== 'right' && (React.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         props.caption && (React.createElement("div", { className: captionStyles }, props.caption)),
         props.icon && props.iconPosition === 'right' && (React.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         props.isDropdown && (React.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$1v = {"root":"V3XUeU"};
+var css$1v = {"root":"_9eu-hk"};
 
 const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
@@ -687,7 +690,7 @@ const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
         ]) }, props.caption));
 });
 
-var css$1u = {"uui-typography":"PdMM0H","uuiTypography":"PdMM0H","hero-header":"Takt8q","heroHeader":"Takt8q","promo-header":"MSW-fd","promoHeader":"MSW-fd","uui-critical":"CXtEiX","uuiCritical":"CXtEiX","uui-info":"V0ULJX","uuiInfo":"V0ULJX","uui-success":"DVR-Iw","uuiSuccess":"DVR-Iw","uui-warning":"ywGozG","uuiWarning":"ywGozG","uui-highlight":"jMGB9c","uuiHighlight":"jMGB9c","uui-typography-size-12":"_31XAup","uuiTypographySize12":"_31XAup","uui-typography-size-14":"_40ujv-","uuiTypographySize14":"_40ujv-","uui-typography-size-16":"o5dyOP","uuiTypographySize16":"o5dyOP","root":"NLd4pG","withNotify":"eKXddi"};
+var css$1u = {"uui-typography":"hAQQr7","uuiTypography":"hAQQr7","hero-header":"vz3CLE","heroHeader":"vz3CLE","promo-header":"u9izqG","promoHeader":"u9izqG","uui-critical":"stlt9a","uuiCritical":"stlt9a","uui-info":"R7oU0T","uuiInfo":"R7oU0T","uui-success":"eh7dnO","uuiSuccess":"eh7dnO","uui-warning":"_4clm04","uuiWarning":"_4clm04","uui-highlight":"_6LU4Yl","uuiHighlight":"_6LU4Yl","uui-typography-size-12":"pVRM0a","uuiTypographySize12":"pVRM0a","uui-typography-size-14":"L2XqCt","uuiTypographySize14":"L2XqCt","uui-typography-size-16":"GSfNBU","uuiTypographySize16":"GSfNBU","root":"PLiTrO","withNotify":"ZBJXWo"};
 
 const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const styles = [
@@ -699,7 +702,12 @@ const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     ];
     const DropdownIcon = props.dropdownIcon ? props.dropdownIcon : systemIcons.foldingArrow;
     const ClearIcon = props.clearIcon ? props.clearIcon : systemIcons.clear;
-    return (React__default.createElement(Clickable, Object.assign({}, props, { rawProps: Object.assign({ role: 'tab', 'aria-haspopup': props.isDropdown, 'aria-expanded': props.isOpen }, props.rawProps), cx: styles, ref: ref }),
+    return (React__default.createElement(Clickable, { ...props, rawProps: {
+            role: 'tab',
+            'aria-haspopup': props.isDropdown,
+            'aria-expanded': props.isOpen,
+            ...props.rawProps,
+        }, cx: styles, ref: ref },
         props.icon && props.iconPosition !== 'right' && (React__default.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         (props.caption || props.withNotify) && (React__default.createElement("div", { className: cx$1(uuiElement.caption) },
             props.caption,
@@ -710,7 +718,7 @@ const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
 });
 
-var css$1t = {"uui-typography":"NWoX0g","uuiTypography":"NWoX0g","hero-header":"UD7Ng9","heroHeader":"UD7Ng9","promo-header":"_3YreFr","promoHeader":"_3YreFr","uui-critical":"Pw8OQ0","uuiCritical":"Pw8OQ0","uui-info":"cYpzz4","uuiInfo":"cYpzz4","uui-success":"XQdwTF","uuiSuccess":"XQdwTF","uui-warning":"uWzrYD","uuiWarning":"uWzrYD","uui-highlight":"_2kIKzc","uuiHighlight":"_2kIKzc","uui-typography-size-12":"e5ugfF","uuiTypographySize12":"e5ugfF","uui-typography-size-14":"sChJbt","uuiTypographySize14":"sChJbt","uui-typography-size-16":"YFsysW","uuiTypographySize16":"YFsysW","root":"-a7FhF"};
+var css$1t = {"uui-typography":"xEAtNz","uuiTypography":"xEAtNz","hero-header":"hLFQfs","heroHeader":"hLFQfs","promo-header":"odFHXr","promoHeader":"odFHXr","uui-critical":"NFIL60","uuiCritical":"NFIL60","uui-info":"BTczt7","uuiInfo":"BTczt7","uui-success":"xqzoeJ","uuiSuccess":"xqzoeJ","uui-warning":"_7xxfXq","uuiWarning":"_7xxfXq","uui-highlight":"-YuGos","uuiHighlight":"-YuGos","uui-typography-size-12":"fej0KP","uuiTypographySize12":"fej0KP","uui-typography-size-14":"ie1R3W","uuiTypographySize14":"ie1R3W","uui-typography-size-16":"ljUF-F","uuiTypographySize16":"ljUF-F","root":"wDUf0r"};
 
 function applyVerticalTabButtonMods() {
     return [css$1t.root, 'uui-vertical-tab-button'];
@@ -732,7 +740,7 @@ var SvgContentMinusOutline = function SvgContentMinusOutline(props, ref) {
 };
 var ForwardRef$C = /*#__PURE__*/forwardRef(SvgContentMinusOutline);
 
-var css$1s = {"uui-typography":"LDavZ8","uuiTypography":"LDavZ8","hero-header":"-CcmzP","heroHeader":"-CcmzP","promo-header":"sUJ1S1","promoHeader":"sUJ1S1","uui-critical":"zE7rNh","uuiCritical":"zE7rNh","uui-info":"VFPayN","uuiInfo":"VFPayN","uui-success":"nYke7K","uuiSuccess":"nYke7K","uui-warning":"_1xpNhz","uuiWarning":"_1xpNhz","uui-highlight":"_97qfQd","uuiHighlight":"_97qfQd","uui-typography-size-12":"USS7ud","uuiTypographySize12":"USS7ud","uui-typography-size-14":"ODMwr-","uuiTypographySize14":"ODMwr-","uui-typography-size-16":"PtoTkF","uuiTypographySize16":"PtoTkF","root":"TIRiFl","mode-cell":"j-ZDOb","modeCell":"j-ZDOb"};
+var css$1s = {"uui-typography":"_1AlAFV","uuiTypography":"_1AlAFV","hero-header":"KOAXOO","heroHeader":"KOAXOO","promo-header":"_6ALMun","promoHeader":"_6ALMun","uui-critical":"fuTPAk","uuiCritical":"fuTPAk","uui-info":"_0jhg4n","uuiInfo":"_0jhg4n","uui-success":"_6h-eyE","uuiSuccess":"_6h-eyE","uui-warning":"dNu1iG","uuiWarning":"dNu1iG","uui-highlight":"f7dy9c","uuiHighlight":"f7dy9c","uui-typography-size-12":"Q8lukU","uuiTypographySize12":"Q8lukU","uui-typography-size-14":"BHb9GG","uuiTypographySize14":"BHb9GG","uui-typography-size-16":"zU0Mbv","uuiTypographySize16":"zU0Mbv","root":"febSRG","mode-cell":"FNtbGw","modeCell":"FNtbGw"};
 
 function applyCheckboxMods(mods) {
     return [
@@ -767,7 +775,7 @@ var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
 };
 var ForwardRef$B = /*#__PURE__*/forwardRef(SvgRadioDotFill);
 
-var css$1r = {"uui-typography":"AOHxLm","uuiTypography":"AOHxLm","hero-header":"neEBaX","heroHeader":"neEBaX","promo-header":"NC2f0G","promoHeader":"NC2f0G","uui-critical":"xV-cGD","uuiCritical":"xV-cGD","uui-info":"NQHoSh","uuiInfo":"NQHoSh","uui-success":"KwnS8X","uuiSuccess":"KwnS8X","uui-warning":"AF-Pq2","uuiWarning":"AF-Pq2","uui-highlight":"VWybo3","uuiHighlight":"VWybo3","uui-typography-size-12":"_5QpM62","uuiTypographySize12":"_5QpM62","uui-typography-size-14":"UZjCd4","uuiTypographySize14":"UZjCd4","uui-typography-size-16":"NO-JyM","uuiTypographySize16":"NO-JyM","root":"bV1rpE"};
+var css$1r = {"uui-typography":"_8uVoO0","uuiTypography":"_8uVoO0","hero-header":"_5U3YGC","heroHeader":"_5U3YGC","promo-header":"aJr9b-","promoHeader":"aJr9b-","uui-critical":"Yr5VFM","uuiCritical":"Yr5VFM","uui-info":"VEBx6M","uuiInfo":"VEBx6M","uui-success":"VHbuBm","uuiSuccess":"VHbuBm","uui-warning":"iXhVRc","uuiWarning":"iXhVRc","uui-highlight":"_8vVIlz","uuiHighlight":"_8vVIlz","uui-typography-size-12":"ysKNvn","uuiTypographySize12":"ysKNvn","uui-typography-size-14":"Eh-sRw","uuiTypographySize14":"Eh-sRw","uui-typography-size-16":"edXBuN","uuiTypographySize16":"edXBuN","root":"g1-sdZ"};
 
 function applyRadioInputMods(mods) {
     return [
@@ -779,7 +787,7 @@ function applyRadioInputMods(mods) {
 }
 const RadioInput = /* @__PURE__ */withMods(RadioInput$1, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : ForwardRef$B }));
 
-var css$1q = {"root":"cmvIEZ"};
+var css$1q = {"root":"m5yU-S"};
 
 function applySwitchMods(mods) {
     return [
@@ -790,50 +798,6 @@ function applySwitchMods(mods) {
 }
 const Switch = /* @__PURE__ */withMods(uuiComponents.Switch, applySwitchMods);
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
-
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
 /**
  * Defines the different edit modes.
  */
@@ -847,7 +811,7 @@ var EditMode;
     EditMode["INLINE"] = "inline";
 })(EditMode || (EditMode = {}));
 
-var textInputCss = {"uui-typography":"itlFNh","uuiTypography":"itlFNh","hero-header":"Hflnhe","heroHeader":"Hflnhe","promo-header":"o9Ppz5","promoHeader":"o9Ppz5","uui-critical":"HelPiL","uuiCritical":"HelPiL","uui-info":"Qg1Xav","uuiInfo":"Qg1Xav","uui-success":"KEvgKL","uuiSuccess":"KEvgKL","uui-warning":"sUKZhY","uuiWarning":"sUKZhY","uui-highlight":"SEr32-","uuiHighlight":"SEr32-","uui-typography-size-12":"_8T1c4w","uuiTypographySize12":"_8T1c4w","uui-typography-size-14":"OLVcac","uuiTypographySize14":"OLVcac","uui-typography-size-16":"KRysab","uuiTypographySize16":"KRysab","root":"Kox7RY","mode-form":"ZGnfFG","modeForm":"ZGnfFG","mode-inline":"JXtpNF","modeInline":"JXtpNF","mode-cell":"_4d0l0S","modeCell":"_4d0l0S"};
+var textInputCss = {"uui-typography":"_7zR6D2","uuiTypography":"_7zR6D2","hero-header":"_6nT9qv","heroHeader":"_6nT9qv","promo-header":"z8E9te","promoHeader":"z8E9te","uui-critical":"EtwonQ","uuiCritical":"EtwonQ","uui-info":"r0U-l-","uuiInfo":"r0U-l-","uui-success":"KnkTH4","uuiSuccess":"KnkTH4","uui-warning":"lzioHg","uuiWarning":"lzioHg","uui-highlight":"kTscpN","uuiHighlight":"kTscpN","uui-typography-size-12":"u5Rxln","uuiTypographySize12":"u5Rxln","uui-typography-size-14":"_6m93Pa","uuiTypographySize14":"_6m93Pa","uui-typography-size-16":"fGaJKo","uuiTypographySize16":"fGaJKo","root":"wHZKXL","mode-form":"-G1W-o","modeForm":"-G1W-o","mode-inline":"L0eVsY","modeInline":"L0eVsY","mode-cell":"iQCtuQ","modeCell":"iQCtuQ"};
 
 const DEFAULT_MODE$3 = EditMode.FORM;
 function applyTextInputMods(mods) {
@@ -864,25 +828,31 @@ const TextInput = /* @__PURE__ */withMods(TextInput$1, applyTextInputMods, () =>
 }));
 const SearchInput = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     // analytics events are sending in IEditableDebouncer, so we need to avoid sending events in TextInput
-    const textInputProps = __rest(props, []);
+    const { ...textInputProps } = props;
     delete textInputProps.getValueChangeAnalyticsEvent;
-    return (React__default.createElement(IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => {
-            var _a;
+    return (React__default.createElement(IEditableDebouncer, { ...props, render: (iEditable) => {
             const defaultOnCancel = () => iEditable.onValueChange('');
-            return (React__default.createElement(TextInput, Object.assign({ icon: systemIcons.search, onCancel: (_a = props.onCancel) !== null && _a !== void 0 ? _a : defaultOnCancel, type: "search", inputMode: "search", ref: ref }, textInputProps, iEditable)));
-        } })));
+            return (React__default.createElement(TextInput, { icon: systemIcons.search, onCancel: props.onCancel ?? defaultOnCancel, type: "search", inputMode: "search", ref: ref, ...textInputProps, ...iEditable }));
+        } }));
 });
 
-var css$1p = {"root":"XZQS9S"};
+var css$1p = {"root":"wJ5meL"};
 
 const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1p.root, 'uui-control-group']);
 
 function MultiSwitchComponent(props, ref) {
-    return (React.createElement(ControlGroup, { ref: ref, rawProps: Object.assign(Object.assign({}, props.rawProps), { role: 'tablist', 'aria-invalid': props.isInvalid, 'aria-required': props.isRequired, 'aria-disabled': props.isDisabled, 'aria-readonly': props.isReadonly }) }, props.items.map((item, index) => (React.createElement(Button, Object.assign({}, props, item, { isDisabled: props.isDisabled, key: index + '-' + item.id, onClick: () => props.onValueChange(item.id), fill: props.value === item.id ? 'solid' : 'outline', color: props.color, size: props.size, rawProps: { 'aria-current': props.value === item.id, role: 'tab' } }))))));
+    return (React.createElement(ControlGroup, { ref: ref, rawProps: {
+            ...props.rawProps,
+            role: 'tablist',
+            'aria-invalid': props.isInvalid,
+            'aria-required': props.isRequired,
+            'aria-disabled': props.isDisabled,
+            'aria-readonly': props.isReadonly,
+        } }, props.items.map((item, index) => (React.createElement(Button, { ...props, ...item, isDisabled: props.isDisabled, key: index + '-' + item.id, onClick: () => props.onValueChange(item.id), fill: props.value === item.id ? 'solid' : 'outline', color: props.color, size: props.size, rawProps: { 'aria-current': props.value === item.id, role: 'tab' } })))));
 }
 const MultiSwitch = /* @__PURE__ */React.forwardRef(MultiSwitchComponent);
 
-var css$1o = {"uui-typography":"_5isZrB","uuiTypography":"_5isZrB","hero-header":"VbExYC","heroHeader":"VbExYC","promo-header":"xfcoCt","promoHeader":"xfcoCt","uui-critical":"rg2Ool","uuiCritical":"rg2Ool","uui-info":"MuxqnA","uuiInfo":"MuxqnA","uui-success":"j3iugP","uuiSuccess":"j3iugP","uui-warning":"KWSVFm","uuiWarning":"KWSVFm","uui-highlight":"_0LBykU","uuiHighlight":"_0LBykU","uui-typography-size-12":"DtWWZw","uuiTypographySize12":"DtWWZw","uui-typography-size-14":"_-5v2kp","uuiTypographySize14":"_-5v2kp","uui-typography-size-16":"R245Rh","uuiTypographySize16":"R245Rh","root":"-xNKco","mode-form":"jD8FIM","modeForm":"jD8FIM","mode-cell":"ftZOMN","modeCell":"ftZOMN"};
+var css$1o = {"uui-typography":"-MvPdM","uuiTypography":"-MvPdM","hero-header":"X2IXYc","heroHeader":"X2IXYc","promo-header":"TGF17H","promoHeader":"TGF17H","uui-critical":"IZ0A73","uuiCritical":"IZ0A73","uui-info":"_3CcWb9","uuiInfo":"_3CcWb9","uui-success":"LZ0NNH","uuiSuccess":"LZ0NNH","uui-warning":"dGhl24","uuiWarning":"dGhl24","uui-highlight":"_9CMJ6I","uuiHighlight":"_9CMJ6I","uui-typography-size-12":"_8PlM3T","uuiTypographySize12":"_8PlM3T","uui-typography-size-14":"InVOJB","uuiTypographySize14":"InVOJB","uui-typography-size-16":"tYLRHC","uuiTypographySize16":"tYLRHC","root":"wBW2nC","mode-form":"Is14Gs","modeForm":"Is14Gs","mode-cell":"lTSe5c","modeCell":"lTSe5c"};
 
 const DEFAULT_MODE$2 = EditMode.FORM;
 function applyNumericInputMods(mods) {
@@ -894,16 +864,15 @@ function applyNumericInputMods(mods) {
     ];
 }
 const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMods, (props) => {
-    var _a, _b;
     return {
         upIcon: systemIcons.foldingArrow,
         downIcon: systemIcons.foldingArrow,
-        align: (_a = props.align) !== null && _a !== void 0 ? _a : (props.mode === 'cell' ? 'right' : 'left'),
-        disableArrows: (_b = props.disableArrows) !== null && _b !== void 0 ? _b : props.mode === 'cell',
+        align: props.align ?? (props.mode === 'cell' ? 'right' : 'left'),
+        disableArrows: props.disableArrows ?? props.mode === 'cell',
     };
 });
 
-var css$1n = {"uui-typography":"A3nyRJ","uuiTypography":"A3nyRJ","hero-header":"Os8J-1","heroHeader":"Os8J-1","promo-header":"vmwVvr","promoHeader":"vmwVvr","uui-critical":"_2KzENR","uuiCritical":"_2KzENR","uui-info":"_1SUkPN","uuiInfo":"_1SUkPN","uui-success":"gINMIz","uuiSuccess":"gINMIz","uui-warning":"qa69r3","uuiWarning":"qa69r3","uui-highlight":"Totjh9","uuiHighlight":"Totjh9","uui-typography-size-12":"PodXWZ","uuiTypographySize12":"PodXWZ","uui-typography-size-14":"MsDmsV","uuiTypographySize14":"MsDmsV","uui-typography-size-16":"FFViZV","uuiTypographySize16":"FFViZV","root":"nbq0kq","mode-form":"axKQQe","modeForm":"axKQQe","mode-cell":"sOMV-b","modeCell":"sOMV-b","mode-inline":"SnU1U-","modeInline":"SnU1U-"};
+var css$1n = {"uui-typography":"evfrb5","uuiTypography":"evfrb5","hero-header":"_60uAzc","heroHeader":"_60uAzc","promo-header":"_9Gi--9","promoHeader":"_9Gi--9","uui-critical":"x3LG07","uuiCritical":"x3LG07","uui-info":"_4yuSUY","uuiInfo":"_4yuSUY","uui-success":"-NW5Xh","uuiSuccess":"-NW5Xh","uui-warning":"_0C0-Lq","uuiWarning":"_0C0-Lq","uui-highlight":"_89FZBw","uuiHighlight":"_89FZBw","uui-typography-size-12":"_4HY-tm","uuiTypographySize12":"_4HY-tm","uui-typography-size-14":"hLGEO8","uuiTypographySize14":"hLGEO8","uui-typography-size-16":"G0svc9","uuiTypographySize16":"G0svc9","root":"Uf-VvI","mode-form":"_5LiuSX","modeForm":"_5LiuSX","mode-cell":"VYPIYv","modeCell":"VYPIYv","mode-inline":"dsfAlY","modeInline":"dsfAlY"};
 
 const DEFAULT_MODE$1 = EditMode.FORM;
 function applyTextAreaMods(mods) {
@@ -1004,9 +973,9 @@ var SvgNotificationInfoFill = function SvgNotificationInfoFill(props, ref) {
 };
 var ForwardRef$x = /*#__PURE__*/forwardRef(SvgNotificationInfoFill);
 
-var css$1m = {"uui-typography":"vJwJoc","uuiTypography":"vJwJoc","hero-header":"Eo-EXu","heroHeader":"Eo-EXu","promo-header":"m-EHYK","promoHeader":"m-EHYK","uui-critical":"YT0kAb","uuiCritical":"YT0kAb","uui-info":"C6RLre","uuiInfo":"C6RLre","uui-success":"DCmRGZ","uuiSuccess":"DCmRGZ","uui-warning":"P73Tbz","uuiWarning":"P73Tbz","uui-highlight":"OBvmsV","uuiHighlight":"OBvmsV","uui-typography-size-12":"-c-a49","uuiTypographySize12":"-c-a49","uui-typography-size-14":"iAjmQe","uuiTypographySize14":"iAjmQe","uui-typography-size-16":"y605zN","uuiTypographySize16":"y605zN","root":"qmjc9i","main-path":"PpElRq","mainPath":"PpElRq","content-wrapper":"_2vejOj","contentWrapper":"_2vejOj","content":"mmcv6z","action-wrapper":"Ov50HC","actionWrapper":"Ov50HC","icon-wrapper":"klgG3A","iconWrapper":"klgG3A","icon":"JcLe-R","close-icon":"rleKFU","closeIcon":"rleKFU"};
+var css$1m = {"uui-typography":"RaWhd7","uuiTypography":"RaWhd7","hero-header":"nh86TR","heroHeader":"nh86TR","promo-header":"r5a-Ck","promoHeader":"r5a-Ck","uui-critical":"tZq3RN","uuiCritical":"tZq3RN","uui-info":"Wlc3cw","uuiInfo":"Wlc3cw","uui-success":"i0NuZD","uuiSuccess":"i0NuZD","uui-warning":"BqSxNq","uuiWarning":"BqSxNq","uui-highlight":"_2B9gEO","uuiHighlight":"_2B9gEO","uui-typography-size-12":"pbQEMF","uuiTypographySize12":"pbQEMF","uui-typography-size-14":"fZHeuG","uuiTypographySize14":"fZHeuG","uui-typography-size-16":"qqsJMo","uuiTypographySize16":"qqsJMo","root":"-GBCsp","main-path":"domvef","mainPath":"domvef","content-wrapper":"_2ZPPjg","contentWrapper":"_2ZPPjg","content":"xQKfV-","action-wrapper":"pPUonS","actionWrapper":"pPUonS","icon-wrapper":"p0UYKj","iconWrapper":"p0UYKj","icon":"ahF-TW","close-icon":"H4yNd9","closeIcon":"H4yNd9"};
 
-const Alert = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("div", Object.assign({ role: "alert", ref: ref, className: cx('uui-alert', css$1m.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.sizes.defaults.alert}`) }, props.rawProps),
+const Alert = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("div", { role: "alert", ref: ref, className: cx('uui-alert', css$1m.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.sizes.defaults.alert}`), ...props.rawProps },
     React.createElement("div", { className: css$1m.mainPath },
         React.createElement("div", { className: css$1m.contentWrapper },
             props.icon && (React.createElement("div", { className: css$1m.iconWrapper },
@@ -1015,14 +984,14 @@ const Alert = /* @__PURE__ */React.forwardRef((props, ref) => (React.createEleme
                 props.children,
                 props.actions && (React.createElement("div", { className: css$1m.actionWrapper }, props.actions.map((action) => (React.createElement(LinkButton, { caption: action.name, onClick: action.action, key: action.name, cx: css$1m.actionLink, size: settings.sizes.alert.action[props.size || settings.sizes.defaults.alert] }))))))),
         props.onClose && React.createElement(IconButton, { icon: ForwardRef$R, color: "neutral", onClick: props.onClose, cx: css$1m.closeIcon })))));
-const WarningAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$z, color: "warning", ref: ref }, props)));
-const SuccessAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$A, color: "success", ref: ref }, props)));
-const HintAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$x, color: "info", ref: ref }, props)));
-const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$y, color: "error", ref: ref }, props)));
+const WarningAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createElement(Alert, { icon: ForwardRef$z, color: "warning", ref: ref, ...props }));
+const SuccessAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createElement(Alert, { icon: ForwardRef$A, color: "success", ref: ref, ...props }));
+const HintAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createElement(Alert, { icon: ForwardRef$x, color: "info", ref: ref, ...props }));
+const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createElement(Alert, { icon: ForwardRef$y, color: "error", ref: ref, ...props }));
 
 const Dropdown = /* @__PURE__ */withMods(Dropdown$1);
 
-var css$1l = {"root":"-aVEmC"};
+var css$1l = {"root":"dK8qJe"};
 
 function applyDropdownContainerMods(mods) {
     return [
@@ -1033,7 +1002,7 @@ function applyDropdownContainerMods(mods) {
 }
 const DropdownContainer = /* @__PURE__ */withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
 
-var css$1k = {"uui-typography":"DiGFF7","uuiTypography":"DiGFF7","hero-header":"tsXnF2","heroHeader":"tsXnF2","promo-header":"T-RE2k","promoHeader":"T-RE2k","uui-critical":"s1alFY","uuiCritical":"s1alFY","uui-info":"yRrHZQ","uuiInfo":"yRrHZQ","uui-success":"oN-ack","uuiSuccess":"oN-ack","uui-warning":"CGZVVJ","uuiWarning":"CGZVVJ","uui-highlight":"uY-hLJ","uuiHighlight":"uY-hLJ","uui-typography-size-12":"YSerdq","uuiTypographySize12":"YSerdq","uui-typography-size-14":"YlqN-o","uuiTypographySize14":"YlqN-o","uui-typography-size-16":"uXxsiC","uuiTypographySize16":"uXxsiC","submenu-root-item-rtl":"G76Tlk","submenuRootItemRtl":"G76Tlk","icon-after":"e8LKIY","iconAfter":"e8LKIY","submenu-root-item":"veENN6","submenuRootItem":"veENN6","icon-check":"-TyFKU","iconCheck":"-TyFKU","splitter-root":"_1oOz-b","splitterRoot":"_1oOz-b","splitter":"inp674","header-root":"vXhisg","headerRoot":"vXhisg","item-root":"nnN7fw","itemRoot":"nnN7fw","icon":"TXyWIZ","link":"hiAbrw","indent":"A3Du2G","selected-mark":"HlxxCm","selectedMark":"HlxxCm"};
+var css$1k = {"uui-typography":"_6SAVBf","uuiTypography":"_6SAVBf","hero-header":"lBRI1A","heroHeader":"lBRI1A","promo-header":"cPyLf8","promoHeader":"cPyLf8","uui-critical":"leyaXM","uuiCritical":"leyaXM","uui-info":"_7GGF1f","uuiInfo":"_7GGF1f","uui-success":"K5TYKc","uuiSuccess":"K5TYKc","uui-warning":"_8P-jBG","uuiWarning":"_8P-jBG","uui-highlight":"_3-7Fc1","uuiHighlight":"_3-7Fc1","uui-typography-size-12":"gpTvUH","uuiTypographySize12":"gpTvUH","uui-typography-size-14":"_2w6tQ0","uuiTypographySize14":"_2w6tQ0","uui-typography-size-16":"_3p8JTb","uuiTypographySize16":"_3p8JTb","submenu-root-item-rtl":"-xE6Bc","submenuRootItemRtl":"-xE6Bc","icon-after":"Niwriw","iconAfter":"Niwriw","submenu-root-item":"tqWplg","submenuRootItem":"tqWplg","icon-check":"f7-k8O","iconCheck":"f7-k8O","splitter-root":"FN7VYl","splitterRoot":"FN7VYl","splitter":"PJ-DqM","header-root":"_2t0vXM","headerRoot":"_2t0vXM","item-root":"qwbSrg","itemRoot":"qwbSrg","icon":"uhubnI","link":"LqGoBn","indent":"UW-cv3","selected-mark":"HXNIDX","selectedMark":"HXNIDX"};
 
 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);
@@ -1089,6 +1058,10 @@ const DropdownMenuButton = /* @__PURE__ */React__default.forwardRef((props, ref)
         }
         else if (event.key === IDropdownControlKeys.ENTER && onClick) {
             onClick(event);
+            // Fix bug when click event is triggered after Enter key.
+            // Tricky case when modal window is opened from dropdown menu and click on modal header cross is triggered, that leads to modal close.
+            // https://github.com/epam/UUI/issues/2754
+            event.preventDefault();
         }
     };
     const getMenuButtonContent = () => {
@@ -1139,11 +1112,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 = getDir() === '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 +1136,7 @@ function DropdownMenuSwitchButton(props) {
         React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
 }
 
-var css$1j = {"uui-typography":"XKK1zZ","uuiTypography":"XKK1zZ","hero-header":"VvIFOi","heroHeader":"VvIFOi","promo-header":"fI8u9G","promoHeader":"fI8u9G","uui-critical":"A8DPKi","uuiCritical":"A8DPKi","uui-info":"Arby7t","uuiInfo":"Arby7t","uui-success":"PAZjcE","uuiSuccess":"PAZjcE","uui-warning":"wLd9k6","uuiWarning":"wLd9k6","uui-highlight":"UrJpWA","uuiHighlight":"UrJpWA","uui-typography-size-12":"qLUDBb","uuiTypographySize12":"qLUDBb","uui-typography-size-14":"YfDsoL","uuiTypographySize14":"YfDsoL","uui-typography-size-16":"_0rcVnx","uuiTypographySize16":"_0rcVnx","root":"B8TwvW","mode-block":"Ieg-Fb","modeBlock":"Ieg-Fb","mode-inline":"CIPZOH","modeInline":"CIPZOH","padding-0":"CEN91C","padding0":"CEN91C","padding-6":"GBHp3a","padding6":"GBHp3a","padding-12":"ehWx9d","padding12":"ehWx9d","padding-18":"yxANkA","padding18":"yxANkA"};
+var css$1j = {"uui-typography":"n2q1ix","uuiTypography":"n2q1ix","hero-header":"rkiAC6","heroHeader":"rkiAC6","promo-header":"BrL22Y","promoHeader":"BrL22Y","uui-critical":"hv0E1f","uuiCritical":"hv0E1f","uui-info":"akPG0b","uuiInfo":"akPG0b","uui-success":"MU69Q1","uuiSuccess":"MU69Q1","uui-warning":"g6so0E","uuiWarning":"g6so0E","uui-highlight":"k4dxEs","uuiHighlight":"k4dxEs","uui-typography-size-12":"tTD7mY","uuiTypographySize12":"tTD7mY","uui-typography-size-14":"DI6oWK","uuiTypographySize14":"DI6oWK","uui-typography-size-16":"wYjijH","uuiTypographySize16":"wYjijH","root":"Aj-P3r","mode-block":"GbKe8u","modeBlock":"GbKe8u","mode-inline":"oBRzeS","modeInline":"oBRzeS","padding-0":"nP2eBw","padding0":"nP2eBw","padding-6":"RECw5j","padding6":"RECw5j","padding-12":"Erpled","padding12":"Erpled","padding-18":"CfAnBc","padding18":"CfAnBc"};
 
 function applyAccordionMods(mods) {
     return [
@@ -1179,7 +1149,7 @@ const Accordion = /* @__PURE__ */withMods(uuiComponents.Accordion, applyAccordio
     dropdownIcon: mods.dropdownIcon !== null && systemIcons.foldingArrow,
 }));
 
-var css$1i = {"uui-typography":"_3NfhKO","uuiTypography":"_3NfhKO","hero-header":"ENoZCV","heroHeader":"ENoZCV","promo-header":"zcSQ7K","promoHeader":"zcSQ7K","uui-critical":"WhGux-","uuiCritical":"WhGux-","uui-info":"wZiy1L","uuiInfo":"wZiy1L","uui-success":"wdkAVa","uuiSuccess":"wdkAVa","uui-warning":"Kdv-SN","uuiWarning":"Kdv-SN","uui-highlight":"XyBadb","uuiHighlight":"XyBadb","uui-typography-size-12":"_2dDPok","uuiTypographySize12":"_2dDPok","uui-typography-size-14":"drrDaG","uuiTypographySize14":"drrDaG","uui-typography-size-16":"tQypcH","uuiTypographySize16":"tQypcH","root":"N6yA3J","border-top":"I23bYE","borderTop":"I23bYE","border-bottom":"CZTyF0","borderBottom":"CZTyF0","top-shadow":"-sUNQZ","topShadow":"-sUNQZ","padding-6":"_6uc6Q1","padding6":"_6uc6Q1","padding-12":"iXT6-0","padding12":"iXT6-0","padding-18":"-iXhjg","padding18":"-iXhjg","padding-24":"eG-zZ5","padding24":"eG-zZ5","margin-24":"VmBCwy","margin24":"VmBCwy","margin-12":"lTYCPR","margin12":"lTYCPR","vPadding-12":"U8IQsS","vPadding12":"U8IQsS","vPadding-18":"Yur7Yr","vPadding18":"Yur7Yr","vPadding-24":"AN2OZj","vPadding24":"AN2OZj","vPadding-36":"RPy32-","vPadding36":"RPy32-","vPadding-48":"suGsJK","vPadding48":"suGsJK","spacing-6":"LhxRgh","spacing6":"LhxRgh","spacing-12":"ou7l80","spacing12":"ou7l80","spacing-18":"Ji0JVM","spacing18":"Ji0JVM","uui-surface-main":"vGAOZW","uuiSurfaceMain":"vGAOZW"};
+var css$1i = {"uui-typography":"pp171X","uuiTypography":"pp171X","hero-header":"DMIhf0","heroHeader":"DMIhf0","promo-header":"msEITN","promoHeader":"msEITN","uui-critical":"AFDNiD","uuiCritical":"AFDNiD","uui-info":"i-9LNu","uuiInfo":"i-9LNu","uui-success":"yuI4De","uuiSuccess":"yuI4De","uui-warning":"S-aCNz","uuiWarning":"S-aCNz","uui-highlight":"DvCvNo","uuiHighlight":"DvCvNo","uui-typography-size-12":"pgy5S2","uuiTypographySize12":"pgy5S2","uui-typography-size-14":"PTkTVo","uuiTypographySize14":"PTkTVo","uui-typography-size-16":"ic2gis","uuiTypographySize16":"ic2gis","root":"sf8CGw","border-top":"AaxVnt","borderTop":"AaxVnt","border-bottom":"_8iSQRp","borderBottom":"_8iSQRp","top-shadow":"bE-pYh","topShadow":"bE-pYh","padding-6":"EUJtSo","padding6":"EUJtSo","padding-12":"fv2ERD","padding12":"fv2ERD","padding-18":"LT2Hnf","padding18":"LT2Hnf","padding-24":"EqM29k","padding24":"EqM29k","margin-24":"cDwiYs","margin24":"cDwiYs","margin-12":"QoTMlS","margin12":"QoTMlS","vPadding-12":"zAclLQ","vPadding12":"zAclLQ","vPadding-18":"By9D4e","vPadding18":"By9D4e","vPadding-24":"F5xSC-","vPadding24":"F5xSC-","vPadding-36":"dzKwku","vPadding36":"dzKwku","vPadding-48":"xqzxN6","vPadding48":"xqzxN6","spacing-6":"lZ3ljx","spacing6":"lZ3ljx","spacing-12":"qcG-ga","spacing12":"qcG-ga","spacing-18":"_0ccNe4","spacing18":"_0ccNe4","uui-surface-main":"niMg78","uuiSurfaceMain":"niMg78"};
 
 const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$1i.flexCell]);
 
@@ -1203,7 +1173,7 @@ const FlexRow = /* @__PURE__ */withMods(FlexRow$1, (props) => {
     ];
 });
 
-var css$1h = {"root":"RLp36b","margin-24":"-StR5d","margin24":"-StR5d","padding-12":"XX5sAK","padding12":"XX5sAK","padding-24":"tL-fG6","padding24":"tL-fG6","shadow":"UMQJ0E","uui-surface-main":"LtETpD","uuiSurfaceMain":"LtETpD"};
+var css$1h = {"root":"_4ir-Sd","margin-24":"CY630Z","margin24":"CY630Z","padding-12":"lY6v2K","padding12":"lY6v2K","padding-24":"_4JJWS1","padding24":"_4JJWS1","shadow":"PDmmV-","uui-surface-main":"vL-N-K","uuiSurfaceMain":"vL-N-K"};
 
 const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
     'uui-panel',
@@ -1213,7 +1183,7 @@ const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
     props.background && css$1h[`uui-${props.background}`],
 ]);
 
-var css$1g = {"root":"wm-vzD"};
+var css$1g = {"root":"lnDOTK"};
 
 function applyTooltipMods(mods) {
     return [
@@ -1223,7 +1193,7 @@ function applyTooltipMods(mods) {
 }
 const Tooltip = /* @__PURE__ */withMods(uuiComponents.Tooltip, applyTooltipMods);
 
-var css$1f = {"uui-typography":"lZ4QQQ","uuiTypography":"lZ4QQQ","hero-header":"aWMNTg","heroHeader":"aWMNTg","promo-header":"eDBUDU","promoHeader":"eDBUDU","uui-critical":"XIp-GX","uuiCritical":"XIp-GX","uui-info":"HU1tEG","uuiInfo":"HU1tEG","uui-success":"KKav-f","uuiSuccess":"KKav-f","uui-warning":"Kr2Ctm","uuiWarning":"Kr2Ctm","uui-highlight":"lkHdKg","uuiHighlight":"lkHdKg","uui-typography-size-12":"QcCHSN","uuiTypographySize12":"QcCHSN","uui-typography-size-14":"EGSgXo","uuiTypographySize14":"EGSgXo","uui-typography-size-16":"WFLbEp","uuiTypographySize16":"WFLbEp","root":"nCLvy2"};
+var css$1f = {"uui-typography":"_4xjaed","uuiTypography":"_4xjaed","hero-header":"vwPB7G","heroHeader":"vwPB7G","promo-header":"kp7Lw2","promoHeader":"kp7Lw2","uui-critical":"_2YbrOx","uuiCritical":"_2YbrOx","uui-info":"rFQfJK","uuiInfo":"rFQfJK","uui-success":"tSEss0","uuiSuccess":"tSEss0","uui-warning":"sE1ohF","uuiWarning":"sE1ohF","uui-highlight":"EwevZg","uuiHighlight":"EwevZg","uui-typography-size-12":"XOJDCB","uuiTypographySize12":"XOJDCB","uui-typography-size-14":"IhBu0o","uuiTypographySize14":"IhBu0o","uui-typography-size-16":"bo43Q6","uuiTypographySize16":"bo43Q6","root":"TmqS92"};
 
 function applyLabeledInputMods(mods) {
     return [
@@ -1237,7 +1207,7 @@ const LabeledInput = /* @__PURE__ */withMods(uuiComponents.LabeledInput, applyLa
     infoIcon: props.infoIcon || (settings.sizes.labeledInput.fillIcon.includes(props.size) ? ForwardRef$x : ForwardRef$M),
 }));
 
-var css$1e = {"root":"F53N3m"};
+var css$1e = {"root":"_5fYq2b"};
 
 function RadioGroup(props) {
     const direction = props.direction || 'vertical';
@@ -1246,13 +1216,13 @@ function RadioGroup(props) {
             props.onValueChange(newVal);
         }
     };
-    return (React.createElement("fieldset", Object.assign({ ref: props.forwardedRef, className: cx$1(css$1e.root, directionMode[direction], props.cx), onFocus: props.onFocus, onBlur: props.onBlur }, props.rawProps), props.items.map((i) => {
-        const restItemProps = __rest(i, ["id", "name", "renderName"]);
-        return (React.createElement(RadioInput, Object.assign({ name: props.name, renderLabel: i.renderName ? i.renderName : () => i.name, value: props.value === i.id, onValueChange: () => handleChange(i.id), isDisabled: props.isDisabled || i.isDisabled, isReadonly: props.isReadonly, isInvalid: props.isInvalid, isRequired: props.isRequired, key: i.id.toString(), size: props.size || i.size }, restItemProps)));
+    return (React.createElement("fieldset", { ref: props.forwardedRef, className: cx$1(css$1e.root, directionMode[direction], props.cx), onFocus: props.onFocus, onBlur: props.onBlur, ...props.rawProps }, props.items.map((i) => {
+        const { id, name, renderName, ...restItemProps } = i;
+        return (React.createElement(RadioInput, { name: props.name, renderLabel: i.renderName ? i.renderName : () => i.name, value: props.value === i.id, onValueChange: () => handleChange(i.id), isDisabled: props.isDisabled || i.isDisabled, isReadonly: props.isReadonly, isInvalid: props.isInvalid, isRequired: props.isRequired, key: i.id.toString(), size: props.size || i.size, ...restItemProps }));
     })));
 }
 
-var css$1d = {"root":"gOBBB1"};
+var css$1d = {"root":"BcC8q-"};
 
 function applyScrollBarsMods() {
     return [
@@ -1261,13 +1231,13 @@ function applyScrollBarsMods() {
 }
 const ScrollBars = /* @__PURE__ */withMods(ScrollBars$1, applyScrollBarsMods);
 
-var css$1c = {"scroll-container":"geAXsC","scrollContainer":"geAXsC","list-container":"N7Y-0F","listContainer":"N7Y-0F"};
+var css$1c = {"scroll-container":"jmgO1M","scrollContainer":"jmgO1M","list-container":"bxUvkw","listContainer":"bxUvkw"};
 
-var css$1b = {"root":"_4pk5NY"};
+var css$1b = {"root":"VY3sn2"};
 
 const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$1b.root]);
 
-var css$1a = {"uui-typography":"ZncXcm","uuiTypography":"ZncXcm","hero-header":"Hqkiu3","heroHeader":"Hqkiu3","promo-header":"-YUnze","promoHeader":"-YUnze","uui-critical":"HtU1n-","uuiCritical":"HtU1n-","uui-info":"YcxIP5","uuiInfo":"YcxIP5","uui-success":"T92GRR","uuiSuccess":"T92GRR","uui-warning":"PbcR0E","uuiWarning":"PbcR0E","uui-highlight":"zXj5HX","uuiHighlight":"zXj5HX","uui-typography-size-12":"Ane-3t","uuiTypographySize12":"Ane-3t","uui-typography-size-14":"PrFcxf","uuiTypographySize14":"PrFcxf","uui-typography-size-16":"-Bjflo","uuiTypographySize16":"-Bjflo","root":"o2L401"};
+var css$1a = {"uui-typography":"xIlPVQ","uuiTypography":"xIlPVQ","hero-header":"MzZCK1","heroHeader":"MzZCK1","promo-header":"hbKsWN","promoHeader":"hbKsWN","uui-critical":"b-nnwg","uuiCritical":"b-nnwg","uui-info":"_98ZbRH","uuiInfo":"_98ZbRH","uui-success":"FtDqz3","uuiSuccess":"FtDqz3","uui-warning":"allxpt","uuiWarning":"allxpt","uui-highlight":"lVjaZg","uuiHighlight":"lVjaZg","uui-typography-size-12":"xE6yc7","uuiTypographySize12":"xE6yc7","uui-typography-size-14":"jBKr0r","uuiTypographySize14":"jBKr0r","uui-typography-size-16":"_800qeG","uuiTypographySize16":"_800qeG","root":"e6wCXG"};
 
 const DEFAULT_FILL = 'solid';
 function applyBadgeMods(mods) {
@@ -1282,7 +1252,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 +1265,7 @@ const Badge = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$19 = {"uui-typography":"a99qrG","uuiTypography":"a99qrG","hero-header":"D0dIao","heroHeader":"D0dIao","promo-header":"aekPZQ","promoHeader":"aekPZQ","uui-critical":"-j6fHr","uuiCritical":"-j6fHr","uui-info":"Ci4TiX","uuiInfo":"Ci4TiX","uui-success":"bTE1u4","uuiSuccess":"bTE1u4","uui-warning":"F0y45K","uuiWarning":"F0y45K","uui-highlight":"_87eWfu","uuiHighlight":"_87eWfu","uui-typography-size-12":"_0ezOqp","uuiTypographySize12":"_0ezOqp","uui-typography-size-14":"MKa5Jj","uuiTypographySize14":"MKa5Jj","uui-typography-size-16":"H--TNr","uuiTypographySize16":"H--TNr","root":"FGqP1C"};
+var css$19 = {"uui-typography":"wq4ucq","uuiTypography":"wq4ucq","hero-header":"KqwlHI","heroHeader":"KqwlHI","promo-header":"LTLeKb","promoHeader":"LTLeKb","uui-critical":"_07E-pu","uuiCritical":"_07E-pu","uui-info":"J3LXbi","uuiInfo":"J3LXbi","uui-success":"LgKXpt","uuiSuccess":"LgKXpt","uui-warning":"_2kGhrB","uuiWarning":"_2kGhrB","uui-highlight":"wdGk3P","uuiHighlight":"wdGk3P","uui-typography-size-12":"sd3cvI","uuiTypographySize12":"sd3cvI","uui-typography-size-14":"rVHw-0","uuiTypographySize14":"rVHw-0","uui-typography-size-16":"wywUg7","uuiTypographySize16":"wywUg7","root":"oJXgnE"};
 
 function applyTagMods(props) {
     return [
@@ -1306,7 +1280,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 +1293,7 @@ const Tag = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
 });
 
-var css$18 = {"root":"CS-CbB","uui-spinner":"P8ZWTq","uuiSpinner":"P8ZWTq"};
+var css$18 = {"root":"_5cQV3h","uui-spinner":"HICEMs","uuiSpinner":"HICEMs"};
 
 function applySpinnerMods() {
     return [css$18.root, 'uui-spinner'];
@@ -1352,31 +1330,31 @@ var SvgNavigationChevronRightOutline = function SvgNavigationChevronRightOutline
 };
 var ForwardRef$v = /*#__PURE__*/forwardRef(SvgNavigationChevronRightOutline);
 
-var css$17 = {"root":"_8LG5wp","page":"CMYWrc","spacer":"_7Uk5Rg","mode-ghost":"_7a-IGm","modeGhost":"_7a-IGm"};
+var css$17 = {"root":"rfZ1MR","page":"iaPjDd","spacer":"dhT8Rd","mode-ghost":"HXewTQ","modeGhost":"HXewTQ"};
 
 function Paginator(props) {
-    const renderPaginator = (params) => (React__default.createElement("nav", Object.assign({ role: "navigation", className: cx(css$17.root, 'uui-paginator', `uui-size-${props.size || settings.sizes.defaults.paginator}`) }, params.rawProps),
+    const renderPaginator = (params) => (React__default.createElement("nav", { role: "navigation", className: cx(css$17.root, 'uui-paginator', `uui-size-${props.size || settings.sizes.defaults.paginator}`), ...params.rawProps },
         React__default.createElement(Button, { size: props.size || settings.sizes.defaults.paginator, icon: ForwardRef$w, onClick: params.goToPrev, isDisabled: params.isFirst || props.isDisabled, fill: "outline", color: "secondary" }),
         params.pages.map((page, index) => {
             if (page.type === 'spacer') {
                 return (React__default.createElement(Button, { cx: cx(css$17.spacer, css$17.page), size: props.size || settings.sizes.defaults.paginator, key: `${index}_spacer`, caption: "...", fill: "ghost", color: "secondary", tabIndex: -1, isDisabled: props.isDisabled }));
             }
             else {
-                return (React__default.createElement(Button, { cx: cx(css$17[`mode-${!page.isActive && 'ghost'}`], css$17.page), size: props.size || settings.sizes.defaults.paginator, key: page.pageNumber, caption: page.pageNumber, onClick: () => { var _a; return (_a = page.onClick) === null || _a === void 0 ? void 0 : _a.call(page); }, rawProps: { 'aria-current': page.isActive }, fill: (page.isActive && 'outline') || 'ghost', color: "primary", isDisabled: props.isDisabled }));
+                return (React__default.createElement(Button, { cx: cx(css$17[`mode-${!page.isActive && 'ghost'}`], css$17.page), size: props.size || settings.sizes.defaults.paginator, key: page.pageNumber, caption: page.pageNumber, onClick: () => page.onClick?.(), rawProps: { 'aria-current': page.isActive }, fill: (page.isActive && 'outline') || 'ghost', color: "primary", isDisabled: props.isDisabled }));
             }
         }),
         React__default.createElement(Button, { size: props.size || settings.sizes.defaults.paginator, icon: ForwardRef$v, onClick: params.goToNext, isDisabled: params.isLast || props.isDisabled, fill: "outline", color: "secondary" })));
-    return React__default.createElement(Paginator$1, Object.assign({}, props, { render: renderPaginator }));
+    return React__default.createElement(Paginator$1, { ...props, render: renderPaginator });
 }
 
-var css$16 = {"root":"mGGvyw","progress-bar":"aDkidS","progressBar":"aDkidS","progressBar-indeterminate":"xx1xaq","progressBarIndeterminate":"xx1xaq","size-12":"BeBRSs","size12":"BeBRSs","size-18":"EwQMcv","size18":"EwQMcv","size-24":"Ff1Mgv","size24":"Ff1Mgv"};
+var css$16 = {"root":"L8W6Et","progress-bar":"ey-Qki","progressBar":"ey-Qki","progressBar-indeterminate":"bGc9Dj","progressBarIndeterminate":"bGc9Dj","size-12":"-P49J8","size12":"-P49J8","size-18":"Fff-59","size18":"Fff-59","size-24":"X7MK5L","size24":"X7MK5L"};
 
 const IndeterminateBar = /* @__PURE__ */React.forwardRef((props, ref) => {
     return (React.createElement("div", { ref: ref, className: cx('uui-indeterminate_bar', props.cx, css$16.root, css$16[`size-${props.size || 12}`]) },
         React.createElement("div", { className: cx(css$16.progressBar) })));
 });
 
-var css$15 = {"root":"l9RNUU","striped":"rj3Acb","animate-stripes":"fJQ-0Q","animateStripes":"fJQ-0Q","size-12":"n8rPf8","size12":"n8rPf8","size-18":"c1NECx","size18":"c1NECx","size-24":"_1YUw06","size24":"_1YUw06"};
+var css$15 = {"root":"dm6Lsw","striped":"QToOI8","animate-stripes":"RZ-aJ6","animateStripes":"RZ-aJ6","size-12":"lIzCJ3","size12":"lIzCJ3","size-18":"m5OxAN","size18":"m5OxAN","size-24":"_8csY9n","size24":"_8csY9n"};
 
 const DEFAULT_SIZE = '12';
 function applyProgressBarMods(mods) {
@@ -1391,14 +1369,14 @@ const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProg
     hideLabel: props.hideLabel || props.striped,
 }));
 
-var css$14 = {"root":"Gom-7C"};
+var css$14 = {"root":"Mx4t5x"};
 
 const IndicatorBar = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { progress } = props;
     return progress || progress === 0 ? (React.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx(css$14.root, props.cx), hideLabel: true })) : (React.createElement(IndeterminateBar, { ref: ref, cx: cx(css$14.root, props.cx) }));
 });
 
-var css$13 = {"root":"am-1v4"};
+var css$13 = {"root":"jSRuJE"};
 
 const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
@@ -1413,10 +1391,9 @@ const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
         React__default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
 });
 
-var css$12 = {"drag-handle":"_3vRPHF","dragHandle":"_3vRPHF","icon-container":"b1Q5g0","iconContainer":"b1Q5g0"};
+var css$12 = {"drag-handle":"kGciVq","dragHandle":"kGciVq","icon-container":"K6hEge","iconContainer":"K6hEge"};
 
 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 +1402,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 +1412,7 @@ function DataRowAddons(props) {
             ], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row), size: settings.sizes.rowAddons.icon[props.size] || settings.sizes.rowAddons.defaults.icon }))))));
 }
 
-var css$11 = {"root":"_5xd8tX"};
+var css$11 = {"root":"gGlBtQ"};
 
 const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$11.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__default.createElement(Spinner, null)) }));
 
@@ -1449,17 +1426,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 +1445,20 @@ const VirtualList = /* @__PURE__ */React.forwardRef((props, ref) => {
 });
 const VirtualListView = /* @__PURE__ */React.forwardRef((props, ref) => {
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", Object.assign({}, props.rawProps, { style: Object.assign(Object.assign({}, props.style), { position: 'relative', flex: '1 1 auto', display: 'flex', flexDirection: 'column', overflow: props.isLoading ? 'hidden' : 'scroll', marginRight: props.isLoading ? 0 : props.style.marginRight, marginBottom: props.isLoading ? 0 : props.style.marginBottom }), ref: ref }), props.children),
+        React.createElement("div", { ...props.rawProps, style: {
+                ...props.style,
+                position: 'relative',
+                flex: '1 1 auto',
+                display: 'flex',
+                flexDirection: 'column',
+                overflow: props.isLoading ? 'hidden' : 'scroll',
+                marginRight: props.isLoading ? 0 : props.style.marginRight,
+                marginBottom: props.isLoading ? 0 : props.style.marginBottom,
+            }, ref: ref }, props.children),
         React.createElement(Blocker, { isEnabled: props.isLoading })));
 });
 
-var css$10 = {"root":"p28nrp"};
+var css$10 = {"root":"iIWMH2"};
 
 function CheckboxGroup(props) {
     const currentValue = props.value || [];
@@ -1492,13 +1474,13 @@ function CheckboxGroup(props) {
         }
         props.onValueChange(newSelection);
     };
-    return (React.createElement("fieldset", Object.assign({ ref: props.forwardedRef, className: cx$1(css$10.root, directionMode[direction], props.cx) }, props.rawProps), props.items.map((i) => {
-        const restItemProps = __rest(i, ["id", "name", "renderName"]);
-        return (React.createElement(Checkbox, Object.assign({ renderLabel: i.renderName ? i.renderName : () => i.name, value: currentValue.indexOf(i.id) !== -1, onValueChange: (selected) => handleChange(selected, i.id), isDisabled: props.isDisabled, isReadonly: props.isReadonly, isInvalid: props.isInvalid, isRequired: props.isRequired, key: i.id.toString(), size: props.size || i.size }, restItemProps)));
+    return (React.createElement("fieldset", { ref: props.forwardedRef, className: cx$1(css$10.root, directionMode[direction], props.cx), ...props.rawProps }, props.items.map((i) => {
+        const { id, name, renderName, ...restItemProps } = i;
+        return (React.createElement(Checkbox, { renderLabel: i.renderName ? i.renderName : () => i.name, value: currentValue.indexOf(i.id) !== -1, onValueChange: (selected) => handleChange(selected, i.id), isDisabled: props.isDisabled, isReadonly: props.isReadonly, isInvalid: props.isInvalid, isRequired: props.isRequired, key: i.id.toString(), size: props.size || i.size, ...restItemProps }));
     })));
 }
 
-var css$$ = {"uui-typography":"oRF78a","uuiTypography":"oRF78a","hero-header":"nNUDpM","heroHeader":"nNUDpM","promo-header":"PVCN1S","promoHeader":"PVCN1S","uui-critical":"puV9Ij","uuiCritical":"puV9Ij","uui-info":"kcYNYX","uuiInfo":"kcYNYX","uui-success":"_4FDoqx","uuiSuccess":"_4FDoqx","uui-warning":"zLAYpg","uuiWarning":"zLAYpg","uui-highlight":"_2RrQYo","uuiHighlight":"_2RrQYo","uui-typography-size-12":"HY3dbK","uuiTypographySize12":"HY3dbK","uui-typography-size-14":"SBEeNj","uuiTypographySize14":"SBEeNj","uui-typography-size-16":"NIVWBt","uuiTypographySize16":"NIVWBt","root":"em8zbz","modal-blocker":"nnpq8-","modalBlocker":"nnpq8-","animateModalBlocker":"_01ch-5","modal":"PntIXt","modal-footer":"BuiJVQ","modalFooter":"BuiJVQ","modal-header":"ttPb0q","modalHeader":"ttPb0q"};
+var css$$ = {"uui-typography":"PcJCQU","uuiTypography":"PcJCQU","hero-header":"_2dspKn","heroHeader":"_2dspKn","promo-header":"e-MPJs","promoHeader":"e-MPJs","uui-critical":"Si06V4","uuiCritical":"Si06V4","uui-info":"iGFaU5","uuiInfo":"iGFaU5","uui-success":"lmdfBL","uuiSuccess":"lmdfBL","uui-warning":"i6Sy--","uuiWarning":"i6Sy--","uui-highlight":"twJORj","uuiHighlight":"twJORj","uui-typography-size-12":"HGWqh6","uuiTypographySize12":"HGWqh6","uui-typography-size-14":"R1PDhL","uuiTypographySize14":"R1PDhL","uui-typography-size-16":"GQzO78","uuiTypographySize16":"GQzO78","root":"zGnbSN","modal-blocker":"geWQuv","modalBlocker":"geWQuv","animateModalBlocker":"XwnSN7","modal":"XN51uG","modal-footer":"hEzuvJ","modalFooter":"hEzuvJ","modal-header":"_3vMpLJ","modalHeader":"_3vMpLJ"};
 
 const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$$.modalBlocker]);
 const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$$.root, css$$.modal], (props) => {
@@ -1506,9 +1488,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 +1516,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 +1552,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 +1591,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 +1611,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 +1670,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 +1689,40 @@ var SvgNotificationHelpFill = function SvgNotificationHelpFill(props, ref) {
 };
 var ForwardRef$u = /*#__PURE__*/forwardRef(SvgNotificationHelpFill);
 
-var css$_ = {"uui-typography":"_2j9Uly","uuiTypography":"_2j9Uly","hero-header":"Pq6iUX","heroHeader":"Pq6iUX","promo-header":"nBdfH-","promoHeader":"nBdfH-","uui-critical":"_9U-Bog","uuiCritical":"_9U-Bog","uui-info":"AtGJqs","uuiInfo":"AtGJqs","uui-success":"B7qokm","uuiSuccess":"B7qokm","uui-warning":"_3Em-6B","uuiWarning":"_3Em-6B","uui-highlight":"aUhArS","uuiHighlight":"aUhArS","uui-typography-size-12":"_9yYuZI","uuiTypographySize12":"_9yYuZI","uui-typography-size-14":"M3xVvg","uuiTypographySize14":"M3xVvg","uui-typography-size-16":"TMPvfU","uuiTypographySize16":"TMPvfU","root":"anPnav","icon-wrapper":"UvKHtk","iconWrapper":"UvKHtk","action-wrapper":"ryE5fx","actionWrapper":"ryE5fx","action-link":"UNc6tu","actionLink":"UNc6tu","close-icon":"nRrN0J","closeIcon":"nRrN0J","main-path":"g6QAV4","mainPath":"g6QAV4","content":"PylA9b","close-wrapper":"p0x--f","closeWrapper":"p0x--f","notification-wrapper":"_2BvtZO","notificationWrapper":"_2BvtZO","clear-button":"_6vcWjw","clearButton":"_6vcWjw"};
+var css$_ = {"uui-typography":"CZAYFo","uuiTypography":"CZAYFo","hero-header":"BxKsc3","heroHeader":"BxKsc3","promo-header":"aQFW-U","promoHeader":"aQFW-U","uui-critical":"x8nMNl","uuiCritical":"x8nMNl","uui-info":"DC9aFq","uuiInfo":"DC9aFq","uui-success":"eolrUt","uuiSuccess":"eolrUt","uui-warning":"_8JmCho","uuiWarning":"_8JmCho","uui-highlight":"_7RuEUp","uuiHighlight":"_7RuEUp","uui-typography-size-12":"Ym1GH0","uuiTypographySize12":"Ym1GH0","uui-typography-size-14":"tCyaZ7","uuiTypographySize14":"tCyaZ7","uui-typography-size-16":"iyvxZb","uuiTypographySize16":"iyvxZb","root":"xvCO-c","icon-wrapper":"tPCcOO","iconWrapper":"tPCcOO","action-wrapper":"-RHRAY","actionWrapper":"-RHRAY","action-link":"_3Km2iv","actionLink":"_3Km2iv","close-icon":"BYkV9j","closeIcon":"BYkV9j","main-path":"_747uoN","mainPath":"_747uoN","content":"uCUgt3","close-wrapper":"qn3-6x","closeWrapper":"qn3-6x","notification-wrapper":"y40bAg","notificationWrapper":"y40bAg","clear-button":"C40jGK","clearButton":"C40jGK"};
 
 const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const notificationCardNode = React__default.useRef(null);
     React__default.useImperativeHandle(ref, () => notificationCardNode.current, [notificationCardNode.current]);
     React__default.useLayoutEffect(() => {
-        var _a, _b;
-        (_a = notificationCardNode.current) === null || _a === void 0 ? void 0 : _a.addEventListener('mouseenter', props.clearTimer);
-        (_b = notificationCardNode.current) === null || _b === void 0 ? void 0 : _b.addEventListener('mouseleave', props.refreshTimer);
+        notificationCardNode.current?.addEventListener('mouseenter', props.clearTimer);
+        notificationCardNode.current?.addEventListener('mouseleave', props.refreshTimer);
         return () => {
-            var _a, _b;
-            (_a = notificationCardNode.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('mouseenter', props.clearTimer);
-            (_b = notificationCardNode.current) === null || _b === void 0 ? void 0 : _b.removeEventListener('mouseleave', props.refreshTimer);
+            notificationCardNode.current?.removeEventListener('mouseenter', props.clearTimer);
+            notificationCardNode.current?.removeEventListener('mouseleave', props.refreshTimer);
         };
     }, []);
-    return (React__default.createElement("div", Object.assign({ role: "alert", className: cx('uui-notification_card', props.color && `uui-color-${props.color}`, css$_.root, props.cx), ref: notificationCardNode }, props.rawProps),
+    return (React__default.createElement("div", { role: "alert", className: cx('uui-notification_card', props.color && `uui-color-${props.color}`, css$_.root, props.cx), ref: notificationCardNode, ...props.rawProps },
         React__default.createElement("div", { className: css$_.mainPath },
             props.icon && (React__default.createElement("div", { className: css$_.iconWrapper },
                 React__default.createElement(IconContainer, { size: 24, icon: props.icon }))),
             React__default.createElement("div", { className: css$_.content },
                 props.children,
-                props.actions && (React__default.createElement("div", { className: css$_.actionWrapper }, props.actions.map((action) => (React__default.createElement(LinkButton, { caption: action.name, onClick: action.action, key: action.name, cx: css$_.actionLink, size: "36", rawProps: action.rawProps })))))),
+                props.actions && (React__default.createElement("div", { className: css$_.actionWrapper }, props.actions.map((action) => (React__default.createElement(LinkButton, { key: action.name, caption: action.name, onClick: action.action, cx: css$_.actionLink, size: settings.sizes.notificationCard.action, rawProps: action.rawProps })))))),
             props.onClose && (React__default.createElement("div", { className: css$_.closeWrapper },
                 React__default.createElement(IconButton, { icon: ForwardRef$R, color: "neutral", onClick: props.onClose, cx: css$_.closeIcon }))))));
 });
-const WarningNotification = /* @__PURE__ */React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$z, color: "warning" }, props, { ref: ref, cx: props.cx }))));
-const SuccessNotification = /* @__PURE__ */React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$A, color: "success" }, props, { ref: ref, cx: props.cx }))));
-const HintNotification = /* @__PURE__ */React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$u, color: "info" }, props, { ref: ref, cx: props.cx }))));
-const ErrorNotification = /* @__PURE__ */React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$y, color: "error" }, props, { ref: ref, cx: props.cx }))));
+const WarningNotification = /* @__PURE__ */React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, { icon: ForwardRef$z, color: "warning", ...props, ref: ref, cx: props.cx })));
+const SuccessNotification = /* @__PURE__ */React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, { icon: ForwardRef$A, color: "success", ...props, ref: ref, cx: props.cx })));
+const HintNotification = /* @__PURE__ */React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, { icon: ForwardRef$u, color: "info", ...props, ref: ref, cx: props.cx })));
+const ErrorNotification = /* @__PURE__ */React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, { icon: ForwardRef$y, color: "error", ...props, ref: ref, cx: props.cx })));
 function ClearNotification() {
     const uuiCtx = useUuiContext();
     return (React__default.createElement("div", { className: cx(css$_.notificationWrapper, css$_.clearButton) },
         React__default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
 }
 
-var css$Z = {"footer":"f3nmaV"};
+var css$Z = {"footer":"_4kWTPD"};
 
 class ConfirmationModal extends React.Component {
     render() {
@@ -1731,7 +1730,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 +1764,7 @@ function useReliableForceUpdate() {
     return red[1];
 }
 
-var css$Y = {"root":"KUuvbE","timepicker-input":"KFsYKm","timepickerInput":"KFsYKm","ltr-always":"_5shvGB","ltrAlways":"_5shvGB"};
+var css$Y = {"root":"_4RM2CO","timepicker-input":"_1QeGxW","timepickerInput":"_1QeGxW","ltr-always":"panouP","ltrAlways":"panouP"};
 
 const uuiTimePicker = {
     container: 'uui-timepicker-container',
@@ -1804,7 +1803,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 +1885,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 +1905,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 +1923,41 @@ function TimePicker(props) {
         saveTime(inputValue);
     };
     const handleFocus = (e) => {
-        var _a;
         onToggle(true);
-        (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        props.onFocus?.(e);
     };
     const handleInputChange = (newValue) => {
-        setState((prevState) => (Object.assign(Object.assign({}, prevState), { inputValue: newValue })));
+        setState((prevState) => ({ ...prevState, inputValue: newValue }));
         if (newValue) {
             const result = getTimeFromInputValue(newValue);
             if (isTimeValid(result)) {
-                setState((prevState) => (Object.assign(Object.assign({}, prevState), { value: result })));
+                setState((prevState) => ({ ...prevState, value: result }));
             }
         }
     };
     const handleBlur = (e) => {
-        var _a;
         if (isFocusReceiverInsideFocusLock(e))
             return;
         onToggle(false);
-        (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        props.onBlur?.(e);
         if (state.value === '' || state.inputValue === '') {
             props.onValueChange(null);
-            setState((prevState) => (Object.assign(Object.assign({}, prevState), { value: null, inputValue: null })));
+            setState((prevState) => ({ ...prevState, value: null, inputValue: null }));
         }
         state.value && state.inputValue && saveTime(state.value);
     };
     const renderInput = (inputProps) => {
-        var _a;
-        return (React__default.createElement(TextInput, Object.assign({}, inputProps, { onClick: null, size: props.size || '36', isDisabled: props.isDisabled, isReadonly: props.isReadonly, isInvalid: props.isInvalid, cx: [css$Y.root, css$Y.timepickerInput, props.inputCx], value: state.inputValue, onValueChange: handleInputChange, onCancel: !props.disableClear && onClear, onFocus: handleFocus, onBlur: handleBlur, isDropdown: false, placeholder: props.placeholder ? props.placeholder : getFormat(), mode: props.mode || DEFAULT_MODE, rawProps: (_a = props.rawProps) === null || _a === void 0 ? void 0 : _a.input })));
+        return (React__default.createElement(TextInput, { ...inputProps, onClick: null, size: props.size || '36', isDisabled: props.isDisabled, isReadonly: props.isReadonly, isInvalid: props.isInvalid, cx: [css$Y.root, css$Y.timepickerInput, props.inputCx], value: state.inputValue, onValueChange: handleInputChange, onCancel: !props.disableClear && onClear, onFocus: handleFocus, onBlur: handleBlur, isDropdown: false, placeholder: props.placeholder ? props.placeholder : getFormat(), mode: props.mode || DEFAULT_MODE, rawProps: props.rawProps?.input }));
     };
     const renderBody = (bodyProps) => {
-        var _a;
-        const timePickerBodyProps = __rest(props, ["forwardedRef", "onValueChange"]);
-        return (!props.isDisabled && !props.isReadonly && (React__default.createElement(DropdownContainer, Object.assign({}, bodyProps, { focusLock: false }),
-            React__default.createElement(TimePickerBody, Object.assign({}, timePickerBodyProps, { onValueChange: handleBodyValueChange, value: formatStringTimeToObject(state.value), rawProps: (_a = props.rawProps) === null || _a === void 0 ? void 0 : _a.body, cx: props.bodyCx })))));
+        const { forwardedRef, onValueChange, ...timePickerBodyProps } = props;
+        return (!props.isDisabled && !props.isReadonly && (React__default.createElement(DropdownContainer, { ...bodyProps, focusLock: false },
+            React__default.createElement(TimePickerBody, { ...timePickerBodyProps, onValueChange: handleBodyValueChange, value: formatStringTimeToObject(state.value), rawProps: props.rawProps?.body, cx: props.bodyCx }))));
     };
     return (React__default.createElement(Dropdown, { renderTarget: (targetProps) => (props.renderTarget ? props.renderTarget(targetProps) : renderInput(targetProps)), renderBody: (bodyProps) => !props.isDisabled && !props.isReadonly && renderBody(bodyProps), onValueChange: !props.isDisabled && !props.isReadonly ? onToggle : null, value: state.isOpen, modifiers: [{ name: 'offset', options: { offset: [0, 6] } }], forwardedRef: props.forwardedRef }));
 }
 
-var css$X = {"root":"OMj525"};
+var css$X = {"root":"gL1sKD"};
 
 function applyInputAddonMods() {
     return [
@@ -1967,7 +1966,7 @@ function applyInputAddonMods() {
 }
 const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
 
-var css$W = {"root":"xZsJEr"};
+var css$W = {"root":"fxU8Fs"};
 
 function applySliderMods() {
     return [css$W.root, 'uui-color-neutral'];
@@ -1990,7 +1989,7 @@ var SvgStarFilled = function SvgStarFilled(props, ref) {
 };
 var ForwardRef$t = /*#__PURE__*/forwardRef(SvgStarFilled);
 
-var css$V = {"root":"JNaMlU","tooltip":"_9jekLy"};
+var css$V = {"root":"lHLS0l","tooltip":"DgL4WT"};
 
 function applyRatingMods(mods) {
     return [
@@ -2026,17 +2025,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 +2130,7 @@ const getNextYearsList = (currentDate) => {
     return currentDate.add(16, 'year');
 };
 
-var css$U = {"root":"X64YlL","container":"F9YS9g"};
+var css$U = {"root":"qJiRTX","container":"_0E-6Hm"};
 
 const uuiHeader = {
     container: 'uui-datepicker-header-container',
@@ -2216,14 +2214,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
             React.createElement(Button, { icon: navIconRight || ForwardRef$v, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
 }
 
-var css$T = {"uui-typography":"_1go1Hp","uuiTypography":"_1go1Hp","hero-header":"BFz4Zq","heroHeader":"BFz4Zq","promo-header":"a-HHNt","promoHeader":"a-HHNt","uui-critical":"W09qIP","uuiCritical":"W09qIP","uui-info":"_99c9x5","uuiInfo":"_99c9x5","uui-success":"-BJ2Y6","uuiSuccess":"-BJ2Y6","uui-warning":"_19gDZx","uuiWarning":"_19gDZx","uui-highlight":"_6lPaaL","uuiHighlight":"_6lPaaL","uui-typography-size-12":"lUq2Wf","uuiTypographySize12":"lUq2Wf","uui-typography-size-14":"vvFIxn","uuiTypographySize14":"vvFIxn","uui-typography-size-16":"_9BxYm5","uuiTypographySize16":"_9BxYm5","root":"_7Q26y0"};
+var css$T = {"uui-typography":"Z0cI8G","uuiTypography":"Z0cI8G","hero-header":"UDgVzL","heroHeader":"UDgVzL","promo-header":"PIbyzs","promoHeader":"PIbyzs","uui-critical":"V18Gww","uuiCritical":"V18Gww","uui-info":"SoD5AR","uuiInfo":"SoD5AR","uui-success":"lJbLX6","uuiSuccess":"lJbLX6","uui-warning":"XynYGR","uuiWarning":"XynYGR","uui-highlight":"ONRFIU","uuiHighlight":"ONRFIU","uui-typography-size-12":"xpCIVi","uuiTypographySize12":"xpCIVi","uui-typography-size-14":"-puFet","uuiTypographySize14":"-puFet","uui-typography-size-16":"f9VjEs","uuiTypographySize16":"f9VjEs","root":"LFGtLd"};
 
 function applyDateSelectionMods() {
     return [css$T.root, `uui-size-${settings.sizes.defaults.datePicker}`];
 }
 const Calendar = /* @__PURE__ */withMods(Calendar$1, applyDateSelectionMods);
 
-var css$S = {"uui-typography":"zwbWX5","uuiTypography":"zwbWX5","hero-header":"z3q1x7","heroHeader":"z3q1x7","promo-header":"_5JUlxQ","promoHeader":"_5JUlxQ","uui-critical":"mYndIO","uuiCritical":"mYndIO","uui-info":"ILNAsH","uuiInfo":"ILNAsH","uui-success":"eEWbnm","uuiSuccess":"eEWbnm","uui-warning":"Y07qkc","uuiWarning":"Y07qkc","uui-highlight":"Fufh33","uuiHighlight":"Fufh33","uui-typography-size-12":"o27lG2","uuiTypographySize12":"o27lG2","uui-typography-size-14":"_7PeVDW","uuiTypographySize14":"_7PeVDW","uui-typography-size-16":"lTgU7x","uuiTypographySize16":"lTgU7x","root":"_41oou3"};
+var css$S = {"uui-typography":"gJ9zSy","uuiTypography":"gJ9zSy","hero-header":"QWPvIb","heroHeader":"QWPvIb","promo-header":"KfRTte","promoHeader":"KfRTte","uui-critical":"dh-1ET","uuiCritical":"dh-1ET","uui-info":"Go0CjT","uuiInfo":"Go0CjT","uui-success":"RhjXWt","uuiSuccess":"RhjXWt","uui-warning":"-dkwvk","uuiWarning":"-dkwvk","uui-highlight":"lgqtsd","uuiHighlight":"lgqtsd","uui-typography-size-12":"j5Kfwd","uuiTypographySize12":"j5Kfwd","uui-typography-size-14":"PPqszV","uuiTypographySize14":"PPqszV","uui-typography-size-16":"CQxE2t","uuiTypographySize16":"CQxE2t","root":"IlD0DJ"};
 
 const uuiDatePickerBody = {
     wrapper: 'uui-datepicker-body-wrapper',
@@ -2238,7 +2236,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 +2264,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 +2304,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 +2321,33 @@ function DatePickerComponent(props, ref) {
         }
     };
     const renderInput = (renderProps) => {
-        var _a;
         const allowClear = !props.disableClear && !!inputValue;
-        return (React__default.createElement(TextInput, Object.assign({}, renderProps, { isDropdown: false, cx: cx$1(props.inputCx, isBodyOpen && uuiMod.focus), icon: props.mode !== EditMode.CELL && systemIcons.calendar ? systemIcons.calendar : undefined, iconPosition: props.iconPosition || 'left', placeholder: props.placeholder ? props.placeholder : format, size: props.size || settings.sizes.defaults.datePicker, value: inputValue || undefined, onValueChange: (v) => {
+        return (React__default.createElement(TextInput, { ...renderProps, isDropdown: false, cx: cx$1(props.inputCx, isBodyOpen && uuiMod.focus), icon: props.mode !== EditMode.CELL && systemIcons.calendar ? systemIcons.calendar : undefined, iconPosition: props.iconPosition || 'left', placeholder: props.placeholder ? props.placeholder : format, size: props.size || settings.sizes.defaults.datePicker, value: inputValue || undefined, onValueChange: (v) => {
                 setInputValue(v || '');
             }, onCancel: allowClear ? () => {
                 if (!props.disableClear && !!inputValue) {
                     onValueChange(null);
                 }
             } : undefined, isInvalid: props.isInvalid, isDisabled: props.isDisabled, isReadonly: props.isReadonly, tabIndex: props.isReadonly || props.isDisabled ? -1 : 0, onFocus: (e) => {
-                var _a;
-                (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e);
-            }, onKeyDown: onInputKeyDown, onBlur: onBlur, mode: props.mode || defaultMode$1, rawProps: (_a = props.rawProps) === null || _a === void 0 ? void 0 : _a.input, id: props.id })));
+                props.onFocus?.(e);
+            }, onKeyDown: onInputKeyDown, onBlur: onBlur, mode: props.mode || defaultMode$1, rawProps: props.rawProps?.input, id: props.id }));
     };
     const renderBody = (renderProps) => {
-        var _a, _b;
-        return (React__default.createElement(DropdownContainer, Object.assign({}, renderProps),
-            React__default.createElement(DatePickerBody, { value: value, onValueChange: onBodyValueChange, cx: cx$1(props.bodyCx), filter: props.filter, isHoliday: props.isHoliday, renderDay: props.renderDay, rawProps: (_a = props.rawProps) === null || _a === void 0 ? void 0 : _a.body }), (_b = props.renderFooter) === null || _b === void 0 ? void 0 :
-            _b.call(props)));
+        return (React__default.createElement(DropdownContainer, { ...renderProps },
+            React__default.createElement(DatePickerBody, { value: value, onValueChange: onBodyValueChange, cx: cx$1(props.bodyCx), filter: props.filter, isHoliday: props.isHoliday, renderDay: props.renderDay, rawProps: props.rawProps?.body }),
+            props.renderFooter?.()));
     };
     return (React__default.createElement(Dropdown$1, { value: isBodyOpen, modifiers: modifiers$1, placement: props.placement, forwardedRef: ref, onValueChange: (v) => {
             setBodyIsOpen(v);
         }, renderTarget: (renderProps) => {
-            var _a;
-            return ((_a = props.renderTarget) === null || _a === void 0 ? void 0 : _a.call(props, renderProps)) || renderInput(renderProps);
+            return props.renderTarget?.(renderProps) || renderInput(renderProps);
         }, renderBody: (renderProps) => {
             return renderBody(renderProps);
         } }));
 }
 const DatePicker = /* @__PURE__ */React__default.forwardRef(DatePickerComponent);
 
-var css$R = {"uui-typography":"EPFaYy","uuiTypography":"EPFaYy","hero-header":"tWg5MN","heroHeader":"tWg5MN","promo-header":"I6qxBX","promoHeader":"I6qxBX","uui-critical":"_87X-yU","uuiCritical":"_87X-yU","uui-info":"-zl8wZ","uuiInfo":"-zl8wZ","uui-success":"-w1or8","uuiSuccess":"-w1or8","uui-warning":"jOq-dE","uuiWarning":"jOq-dE","uui-highlight":"XqkLxp","uuiHighlight":"XqkLxp","uui-typography-size-12":"-S-SLw","uuiTypographySize12":"-S-SLw","uui-typography-size-14":"wU4GTF","uuiTypographySize14":"wU4GTF","uui-typography-size-16":"MNgWUo","uuiTypographySize16":"MNgWUo","date-input":"FYnBik","dateInput":"FYnBik","root":"O8pLBE","separator":"q6gjtu","mode-form":"_8bntty","modeForm":"_8bntty","mode-cell":"jk2P-2","modeCell":"jk2P-2"};
+var css$R = {"uui-typography":"_7MBEMg","uuiTypography":"_7MBEMg","hero-header":"-snyf3","heroHeader":"-snyf3","promo-header":"_096iuy","promoHeader":"_096iuy","uui-critical":"_53TpPX","uuiCritical":"_53TpPX","uui-info":"b88Fw2","uuiInfo":"b88Fw2","uui-success":"pxsrHI","uuiSuccess":"pxsrHI","uui-warning":"-gEboM","uuiWarning":"-gEboM","uui-highlight":"oTp6lu","uuiHighlight":"oTp6lu","uui-typography-size-12":"bvGb5l","uuiTypographySize12":"bvGb5l","uui-typography-size-14":"PPlk4K","uuiTypographySize14":"PPlk4K","uui-typography-size-16":"gcof0s","uuiTypographySize16":"gcof0s","date-input":"qjl16p","dateInput":"qjl16p","root":"hw63md","separator":"KOEopA","mode-form":"RImX4X","modeForm":"RImX4X","mode-cell":"vbvFko","modeCell":"vbvFko"};
 
 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 +2355,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 +2391,14 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
     return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     React__default.createElement("div", { ref: ref, className: cx$1(`uui-size-${size || settings.sizes.defaults.rangeDatePicker}`, 'uui-range-date-picker', classes, css$R.root, isDisabled && uuiMod.disabled, isReadonly && uuiMod.readonly, isInvalid && uuiMod.invalid, inFocus && uuiMod.focus), onKeyDown: onKeyDown },
-        React__default.createElement(TextInput, { icon: systemIcons.calendar, cx: cx$1(css$R.dateInput, inFocus === 'from' && uuiMod.focus), size: size || settings.sizes.defaults.rangeDatePicker, placeholder: getPlaceholder ? getPlaceholder('from') : i18n.rangeDatePicker.pickerPlaceholderFrom, value: inputValue.from || undefined, onValueChange: (v) => onInputChange(v || '', 'from'), onFocus: (event) => handleFocus(event, 'from'), onBlur: (event) => handleBlur(event, 'from'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps === null || rawProps === void 0 ? void 0 : rawProps.from, onClick: onClick, onKeyDown: onInputKeyDown, id: id }),
+        React__default.createElement(TextInput, { icon: systemIcons.calendar, cx: cx$1(css$R.dateInput, inFocus === 'from' && uuiMod.focus), size: size || settings.sizes.defaults.rangeDatePicker, placeholder: getPlaceholder ? getPlaceholder('from') : i18n.rangeDatePicker.pickerPlaceholderFrom, value: inputValue.from || undefined, onValueChange: (v) => onInputChange(v || '', 'from'), onFocus: (event) => handleFocus(event, 'from'), onBlur: (event) => handleBlur(event, 'from'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps?.from, onClick: onClick, onKeyDown: onInputKeyDown, id: id }),
         React__default.createElement("div", { className: css$R.separator }),
         React__default.createElement(TextInput, { cx: cx$1(css$R.dateInput, inFocus === 'to' && uuiMod.focus), placeholder: getPlaceholder ? getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: size || settings.sizes.defaults.rangeDatePicker, value: inputValue.to || undefined, onCancel: clearAllowed ? () => {
                 onValueChange(defaultRangeValue);
-            } : undefined, onValueChange: (v) => onInputChange(v || '', 'to'), onFocus: (e) => handleFocus(e, 'to'), onBlur: (e) => handleBlur(e, 'to'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps === null || rawProps === void 0 ? void 0 : rawProps.to, onClick: onClick, onKeyDown: onInputKeyDown })));
+            } : undefined, onValueChange: (v) => onInputChange(v || '', 'to'), onFocus: (e) => handleFocus(e, 'to'), onBlur: (e) => handleBlur(e, 'to'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps?.to, onClick: onClick, onKeyDown: onInputKeyDown })));
 });
 
-var css$Q = {"uui-typography":"A08ovM","uuiTypography":"A08ovM","hero-header":"KL9qOj","heroHeader":"KL9qOj","promo-header":"XHNQd5","promoHeader":"XHNQd5","uui-critical":"gAZwV5","uuiCritical":"gAZwV5","uui-info":"b3ecPA","uuiInfo":"b3ecPA","uui-success":"qu-Yn8","uuiSuccess":"qu-Yn8","uui-warning":"eg4MqB","uuiWarning":"eg4MqB","uui-highlight":"E3gj4f","uuiHighlight":"E3gj4f","uui-typography-size-12":"SAgf0P","uuiTypographySize12":"SAgf0P","uui-typography-size-14":"NDoB9U","uuiTypographySize14":"NDoB9U","uui-typography-size-16":"ghf7-1","uuiTypographySize16":"ghf7-1","root":"C8Ip3d"};
+var css$Q = {"uui-typography":"qGiMQ3","uuiTypography":"qGiMQ3","hero-header":"_7BHSDp","heroHeader":"_7BHSDp","promo-header":"oBkLyU","promoHeader":"oBkLyU","uui-critical":"Df10aj","uuiCritical":"Df10aj","uui-info":"yVwrk2","uuiInfo":"yVwrk2","uui-success":"lqRL02","uuiSuccess":"lqRL02","uui-warning":"TZbnPf","uuiWarning":"TZbnPf","uui-highlight":"NzA8-I","uuiHighlight":"NzA8-I","uui-typography-size-12":"vdBLxF","uuiTypographySize12":"vdBLxF","uui-typography-size-14":"wCrKFk","uuiTypographySize14":"wCrKFk","uui-typography-size-16":"f7jjTT","uuiTypographySize16":"f7jjTT","root":"xzvvfF"};
 
 const uuiPresets = {
     container: 'uui-presets-container',
@@ -2404,15 +2406,19 @@ const uuiPresets = {
     item: 'uui-presets-item',
 };
 const getPresets = (presets) => {
-    return Object.keys(presets).map((key) => (Object.assign(Object.assign({}, presets[key].getRange()), { name: presets[key].name, key }))).sort((a, b) => a.order - b.order);
+    return Object.keys(presets).map((key) => ({
+        ...presets[key].getRange(),
+        name: presets[key].name,
+        key,
+    })).sort((a, b) => a.order - b.order);
 };
 function CalendarPresets(props) {
-    return (React.createElement("div", Object.assign({ ref: props.forwardedRef, className: cx$1(uuiPresets.container, css$Q.root, props.cx) }, props.rawProps),
+    return (React.createElement("div", { ref: props.forwardedRef, className: cx$1(uuiPresets.container, css$Q.root, props.cx), ...props.rawProps },
         React.createElement("div", { className: uuiPresets.header }, "Presets"),
         getPresets(props.presets).map((item) => (React.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: "24" })))));
 }
 
-var css$P = {"uui-typography":"Zs-vhU","uuiTypography":"Zs-vhU","hero-header":"Ammbec","heroHeader":"Ammbec","promo-header":"M-NFe5","promoHeader":"M-NFe5","uui-critical":"deZZsd","uuiCritical":"deZZsd","uui-info":"nBxyPX","uuiInfo":"nBxyPX","uui-success":"I1Kx5e","uuiSuccess":"I1Kx5e","uui-warning":"DG35kP","uuiWarning":"DG35kP","uui-highlight":"dZYMV7","uuiHighlight":"dZYMV7","uui-typography-size-12":"tvCqeb","uuiTypographySize12":"tvCqeb","uui-typography-size-14":"_6w7Msy","uuiTypographySize14":"_6w7Msy","uui-typography-size-16":"nY8zxb","uuiTypographySize16":"nY8zxb","root":"KJ3hOy","container":"PPV-zT","day-selection":"poG-ne","daySelection":"poG-ne","from-picker":"Xqj399","fromPicker":"Xqj399","to-picker":"wI-hNj","toPicker":"wI-hNj","bodes-wrapper":"NGa3lw","bodesWrapper":"NGa3lw","blocker":"_06mXCK"};
+var css$P = {"uui-typography":"gw-vJC","uuiTypography":"gw-vJC","hero-header":"C3yLSv","heroHeader":"C3yLSv","promo-header":"L-qEqQ","promoHeader":"L-qEqQ","uui-critical":"hbT472","uuiCritical":"hbT472","uui-info":"oShiq5","uuiInfo":"oShiq5","uui-success":"vm8ATp","uuiSuccess":"vm8ATp","uui-warning":"lfDUer","uuiWarning":"lfDUer","uui-highlight":"DUWKBA","uuiHighlight":"DUWKBA","uui-typography-size-12":"pu8wpX","uuiTypographySize12":"pu8wpX","uui-typography-size-14":"XAoAZc","uuiTypographySize14":"XAoAZc","uui-typography-size-16":"LWVgDa","uuiTypographySize16":"LWVgDa","root":"iAXGQj","container":"yOZGvB","day-selection":"Gv8DYV","daySelection":"Gv8DYV","from-picker":"_0Zj3Kr","fromPicker":"_0Zj3Kr","to-picker":"DpxWFp","toPicker":"DpxWFp","bodes-wrapper":"H1G-0z","bodesWrapper":"H1G-0z","blocker":"_9MZGNA"};
 
 const uuiRangeDatePickerBody = {
     inRange: 'uui-range-datepicker-in-range',
@@ -2510,8 +2516,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 +2527,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 +2559,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 +2579,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 +2593,7 @@ const getDayCX = (day, selectedDate) => {
     return [cx$1(inRange && uuiRangeDatePickerBody.inRange, isFirst && uuiRangeDatePickerBody.firstDayInRangeWrapper, !inRange && isFirst && uuiRangeDatePickerBody.lastDayInRangeWrapper, isLast && uuiRangeDatePickerBody.lastDayInRangeWrapper, !inRange && isLast && uuiRangeDatePickerBody.firstDayInRangeWrapper, (dayValue === fromValue || dayValue === toValue) && uuiDaySelection.selectedDay)];
 };
 
-var css$O = {"dropdown-container":"-z-4Dl","dropdownContainer":"-z-4Dl"};
+var css$O = {"dropdown-container":"PaTp3E","dropdownContainer":"PaTp3E"};
 
 const modifiers = [{
         name: 'offset',
@@ -2601,8 +2607,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 +2618,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 +2637,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 +2653,15 @@ function RangeDatePickerComponent(props, ref) {
         }
     };
     return (React__default.createElement(Dropdown$1, { renderTarget: (renderProps) => {
-            var _a;
-            return ((_a = props.renderTarget) === null || _a === void 0 ? void 0 : _a.call(props, renderProps)) || (React__default.createElement(RangeDatePickerInput, { id: props.id, ref: (node) => { renderProps.ref(node); targetRef.current = node; }, cx: props.inputCx, onClick: () => renderProps.toggleDropdownOpening(true), isDisabled: props.isDisabled, isInvalid: props.isInvalid, isReadonly: props.isReadonly, size: props.size, getPlaceholder: props.getPlaceholder, disableClear: props.disableClear, rawProps: props.rawProps, inFocus: inFocus, value: value, format: format, onValueChange: onValueChange, onFocusInput: (e, type) => {
-                    var _a;
-                    (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e, type);
+            return props.renderTarget?.(renderProps) || (React__default.createElement(RangeDatePickerInput, { id: props.id, ref: (node) => { renderProps.ref(node); targetRef.current = node; }, cx: props.inputCx, onClick: () => renderProps.toggleDropdownOpening(true), isDisabled: props.isDisabled, isInvalid: props.isInvalid, isReadonly: props.isReadonly, size: props.size, getPlaceholder: props.getPlaceholder, disableClear: props.disableClear, rawProps: props.rawProps, inFocus: inFocus, value: value, format: format, onValueChange: onValueChange, onFocusInput: (e, type) => {
+                    props.onFocus?.(e, type);
                     setInFocus(type);
-                }, onBlurInput: (e, type) => { var _a; (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e, type); !isOpen && setInFocus(null); }, onKeyDown: handleEscape }));
+                }, onBlurInput: (e, type) => { props.onBlur?.(e, type); !isOpen && setInFocus(null); }, onKeyDown: handleEscape }));
         }, renderBody: (renderProps) => renderBody(renderProps), onValueChange: (v) => onOpenChange(v), value: isOpen, modifiers: modifiers, placement: props.placement, forwardedRef: ref }));
 }
 const RangeDatePicker = /* @__PURE__ */React__default.forwardRef(RangeDatePickerComponent);
 
-var css$N = {"root":"_--rqHV","blocker":"YGgN11","marker":"PwvMNp","top":"iTI5KI","bottom":"DOVNhM","left":"gXiDfM","right":"l5vLvq","inside":"SvEyhK"};
+var css$N = {"root":"GeuyW6","blocker":"jekCpR","marker":"qVhmyB","top":"GRZRJd","bottom":"Ecl2i6","left":"_4NM3Hs","right":"pUD5qQ","inside":"_5C8svd"};
 
 function DropMarker(props) {
     return props.isDndInProgress
@@ -2674,12 +2671,12 @@ function DropMarker(props) {
                     css$N.root,
                     css$N.marker,
                     css$N[props.position],
-                    props === null || props === void 0 ? void 0 : props.cx,
+                    props?.cx,
                 ]) })))
         : null;
 }
 
-var css$M = {"root":"A3dldn","line-height":"FJ-kyL","lineHeight":"FJ-kyL","font-size":"a8Gc3b","fontSize":"a8Gc3b"};
+var css$M = {"root":"FMk1Jo","line-height":"hoLW7V","lineHeight":"hoLW7V","font-size":"sm2HPY","fontSize":"sm2HPY"};
 
 function applyTextMods(mods) {
     return [
@@ -2695,16 +2692,18 @@ function applyTextMods(mods) {
     ];
 }
 const Text = /* @__PURE__ */withMods(uuiComponents.Text, applyTextMods, (props) => {
-    var _a;
-    const style = ((_a = props === null || props === void 0 ? void 0 : props.rawProps) === null || _a === void 0 ? void 0 : _a.style) || {};
+    const style = props?.rawProps?.style || {};
     props.fontSize && (style['--uui-text-font-size'] = `${props.fontSize}px`);
     props.lineHeight && (style['--uui-text-line-height'] = `${props.lineHeight}px`);
     return {
-        rawProps: Object.assign(Object.assign({}, props === null || props === void 0 ? void 0 : props.rawProps), { style: style }),
+        rawProps: {
+            ...props?.rawProps,
+            style: style,
+        },
     };
 });
 
-var css$L = {"root":"YlTVbm","loading-word":"qIJzK-","loadingWord":"qIJzK-","animated-loading":"BXzop3","animatedLoading":"BXzop3","skeleton_loading":"Cs-67S","skeletonLoading":"Cs-67S"};
+var css$L = {"root":"-YuIl6","loading-word":"gp-qVO","loadingWord":"gp-qVO","animated-loading":"qO6G0E","animatedLoading":"qO6G0E","skeleton_loading":"rRA0VP","skeletonLoading":"rRA0VP"};
 
 const TextPlaceholder = (props) => {
     const pattern = '&nbsp;';
@@ -2716,20 +2715,20 @@ const TextPlaceholder = (props) => {
         }
         return words;
     }, [props.wordsCount]);
-    return (React.createElement("div", Object.assign({ "aria-busy": true, className: cx(css$L.root, 'uui-text-placeholder') }, props.rawProps), text.map((it, index) => (React.createElement("span", { key: index, className: cx([
+    return (React.createElement("div", { "aria-busy": true, className: cx(css$L.root, 'uui-text-placeholder'), ...props.rawProps }, text.map((it, index) => (React.createElement("span", { key: index, className: cx([
             props.cx, css$L.loadingWord, !props.isNotAnimated && css$L.animatedLoading,
         ]), dangerouslySetInnerHTML: { __html: it } })))));
 };
 
 const RichTextView = /* @__PURE__ */withMods(uuiComponents.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || '14'}`]);
 
-var css$K = {"uui-typography":"kLBxhD","uuiTypography":"kLBxhD","hero-header":"B-Tt2c","heroHeader":"B-Tt2c","promo-header":"c6G5ZX","promoHeader":"c6G5ZX","uui-critical":"_2yoqbT","uuiCritical":"_2yoqbT","uui-info":"N4UlG2","uuiInfo":"N4UlG2","uui-success":"erNU-s","uuiSuccess":"erNU-s","uui-warning":"g-VHkV","uuiWarning":"g-VHkV","uui-highlight":"_2P5CxQ","uuiHighlight":"_2P5CxQ","uui-typography-size-12":"iIIOO1","uuiTypographySize12":"iIIOO1","uui-typography-size-14":"_5Dt71s","uuiTypographySize14":"_5Dt71s","uui-typography-size-16":"cdshSz","uuiTypographySize16":"cdshSz","modal":"uTQev6","search-wrapper":"iueTZa","searchWrapper":"iueTZa","no-data":"jua5BE","noData":"jua5BE","type-search-to-load-size-24":"S3Uy4W","typeSearchToLoadSize24":"S3Uy4W"};
+var css$K = {"uui-typography":"H8P-el","uuiTypography":"H8P-el","hero-header":"_369Gmm","heroHeader":"_369Gmm","promo-header":"RHd-3h","promoHeader":"RHd-3h","uui-critical":"HKgtQ9","uuiCritical":"HKgtQ9","uui-info":"SsbzfT","uuiInfo":"SsbzfT","uui-success":"OKhjTf","uuiSuccess":"OKhjTf","uui-warning":"DNrfA3","uuiWarning":"DNrfA3","uui-highlight":"_84Jrwx","uuiHighlight":"_84Jrwx","uui-typography-size-12":"Az-TdB","uuiTypographySize12":"Az-TdB","uui-typography-size-14":"bRUgKB","uuiTypographySize14":"bRUgKB","uui-typography-size-16":"IdwXWV","uuiTypographySize16":"IdwXWV","modal":"KHF89-","search-wrapper":"z8VD9Q","searchWrapper":"z8VD9Q","no-data":"Uh2n4V","noData":"Uh2n4V","type-search-to-load-size-24":"yfxsh1","typeSearchToLoadSize24":"yfxsh1"};
 
 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 +2765,12 @@ class DataPickerBody extends PickerBodyBase {
         return (React__default.createElement(React__default.Fragment, null,
             this.showSearch() && (React__default.createElement("div", { key: "search", className: css$K.searchWrapper },
                 React__default.createElement(FlexCell$1, { grow: 1 },
-                    React__default.createElement(SearchInput, Object.assign({ ref: this.searchRef, placeholder: i18n.dataPickerBody.searchPlaceholder }, this.searchLens.toProps(), { onKeyDown: this.searchKeyDown, size: searchSize, debounceDelay: this.props.searchDebounceDelay, rawProps: { dir: 'auto' } }))))),
-            React__default.createElement(FlexRow, { key: "body", cx: cx$1('uui-picker_input-body', css$K[this.props.editMode], css$K[this.props.selectionMode]), rawProps: { style: { maxHeight: this.props.maxHeight, maxWidth: this.props.maxWidth } } }, this.props.rows.length > 0 ? (React__default.createElement(VirtualList, Object.assign({}, this.lens.toProps(), { rows: this.props.rows, rawProps: this.props.rawProps, rowsCount: this.props.rowsCount, isLoading: this.props.isReloading }))) : this.renderEmpty())));
+                    React__default.createElement(SearchInput, { ref: this.searchRef, placeholder: i18n.dataPickerBody.searchPlaceholder, ...this.searchLens.toProps(), onKeyDown: this.searchKeyDown, size: searchSize, debounceDelay: this.props.searchDebounceDelay, rawProps: { dir: 'auto' } })))),
+            React__default.createElement(FlexRow, { key: "body", cx: cx$1('uui-picker_input-body', css$K[this.props.editMode], css$K[this.props.selectionMode]), rawProps: { style: { maxHeight: this.props.maxHeight, maxWidth: this.props.maxWidth } } }, this.props.rows.length > 0 ? (React__default.createElement(VirtualList, { ...this.lens.toProps(), rows: this.props.rows, rawProps: this.props.rawProps, rowsCount: this.props.rowsCount, isLoading: this.props.isReloading })) : this.renderEmpty())));
     }
 }
 
-var css$J = {"footer":"ZUAwBd"};
+var css$J = {"footer":"eh6i7N"};
 
 function DataPickerFooterImpl(props) {
     const { search, clearSelection, view, showSelected, selectionMode, isSearchTooShort, } = props;
@@ -2782,11 +2781,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 +2796,13 @@ function DataPickerFooterImpl(props) {
 }
 const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
 
-var css$I = {"header":"_3DSq5k","title":"By9VJ2","close":"gU-Ide"};
+var css$I = {"header":"sd3L4n","title":"_2GU9gH","close":"PTRWJB"};
 
 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 +2821,7 @@ var SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
 };
 var ForwardRef$s = /*#__PURE__*/forwardRef(SvgNotificationDoneFill);
 
-var css$H = {"uui-typography":"QEjom7","uuiTypography":"QEjom7","hero-header":"a57md4","heroHeader":"a57md4","promo-header":"Z-aeOW","promoHeader":"Z-aeOW","uui-critical":"UpKyOz","uuiCritical":"UpKyOz","uui-info":"kQ-xQZ","uuiInfo":"kQ-xQZ","uui-success":"DBdFW6","uuiSuccess":"DBdFW6","uui-warning":"vRDH22","uuiWarning":"vRDH22","uui-highlight":"KkiaV1","uuiHighlight":"KkiaV1","uui-typography-size-12":"_8yeFrM","uuiTypographySize12":"_8yeFrM","uui-typography-size-14":"H-BPdm","uuiTypographySize14":"H-BPdm","uui-typography-size-16":"BChWwY","uuiTypographySize16":"BChWwY","root":"IsNXt-","align-widgets-top":"_29-1Aq","alignWidgetsTop":"_29-1Aq","align-widgets-center":"jcw52X","alignWidgetsCenter":"jcw52X","icon-container":"upZuXl","iconContainer":"upZuXl","loading-cell":"-Mv0B9","loadingCell":"-Mv0B9","content-wrapper":"_5VUVOh","contentWrapper":"_5VUVOh","render-item":"-mCBNO","renderItem":"-mCBNO","icon-wrapper":"s-8Qbv","iconWrapper":"s-8Qbv","icon-default":"_7j-rSv","iconDefault":"_7j-rSv","selected-mark":"QHaYST","selectedMark":"QHaYST"};
+var css$H = {"uui-typography":"nZLxt8","uuiTypography":"nZLxt8","hero-header":"c47uWQ","heroHeader":"c47uWQ","promo-header":"DoBQEr","promoHeader":"DoBQEr","uui-critical":"_9c0hUT","uuiCritical":"_9c0hUT","uui-info":"_-4bQEn","uuiInfo":"_-4bQEn","uui-success":"pHdvzU","uuiSuccess":"pHdvzU","uui-warning":"kWLp6c","uuiWarning":"kWLp6c","uui-highlight":"eaT4JV","uuiHighlight":"eaT4JV","uui-typography-size-12":"G-vVZ6","uuiTypographySize12":"G-vVZ6","uui-typography-size-14":"Pj65KI","uuiTypographySize14":"Pj65KI","uui-typography-size-16":"qkrHKG","uuiTypographySize16":"qkrHKG","root":"uGbvFu","align-widgets-top":"udnOpy","alignWidgetsTop":"udnOpy","align-widgets-center":"a65f-b","alignWidgetsCenter":"a65f-b","icon-container":"h4EFFt","iconContainer":"h4EFFt","loading-cell":"vNy3k9","loadingCell":"vNy3k9","content-wrapper":"VXTTYN","contentWrapper":"VXTTYN","render-item":"yByDq3","renderItem":"yByDq3","icon-wrapper":"ftmw4J","iconWrapper":"ftmw4J","icon-default":"nzyyNz","iconDefault":"nzyyNz","selected-mark":"uJYoBg","selectedMark":"uJYoBg"};
 
 function DataPickerCell(props) {
     const ref = React.useRef();
@@ -2854,11 +2854,11 @@ function DataPickerCell(props) {
         ], style: props.padding && {
             '--uui-data_picker_cell-horizontal-padding': `${props.padding}px`,
         } },
-        React.createElement(DataRowAddons, Object.assign({ size: props.size }, props, { tabIndex: -1 })),
+        React.createElement(DataRowAddons, { size: props.size, ...props, tabIndex: -1 }),
         getWrappedContent()));
 }
 
-var css$G = {"uui-typography":"siNryl","uuiTypography":"siNryl","hero-header":"h4KG3O","heroHeader":"h4KG3O","promo-header":"_5-T5lb","promoHeader":"_5-T5lb","uui-critical":"vyoGOH","uuiCritical":"vyoGOH","uui-info":"HwzBBi","uuiInfo":"HwzBBi","uui-success":"KOaiCH","uuiSuccess":"KOaiCH","uui-warning":"_3Uh2w3","uuiWarning":"_3Uh2w3","uui-highlight":"vCWV0I","uuiHighlight":"vCWV0I","uui-typography-size-12":"j67G62","uuiTypographySize12":"j67G62","uui-typography-size-14":"_5gMjDd","uuiTypographySize14":"_5gMjDd","uui-typography-size-16":"_3buSmf","uuiTypographySize16":"_3buSmf","picker-row":"s4cSju","pickerRow":"s4cSju"};
+var css$G = {"uui-typography":"h5N0M3","uuiTypography":"h5N0M3","hero-header":"xF-2-8","heroHeader":"xF-2-8","promo-header":"u-ZkfT","promoHeader":"u-ZkfT","uui-critical":"V-Xxf6","uuiCritical":"V-Xxf6","uui-info":"tN4oHp","uuiInfo":"tN4oHp","uui-success":"Pt9FhS","uuiSuccess":"Pt9FhS","uui-warning":"vuLe7V","uuiWarning":"vuLe7V","uui-highlight":"sRfCZu","uuiHighlight":"sRfCZu","uui-typography-size-12":"KCnMPp","uuiTypographySize12":"KCnMPp","uui-typography-size-14":"ff5AVt","uuiTypographySize14":"ff5AVt","uui-typography-size-16":"DLyS-u","uuiTypographySize16":"DLyS-u","picker-row":"Zgke1W","pickerRow":"Zgke1W"};
 
 class DataPickerRow extends React.Component {
     constructor() {
@@ -2868,20 +2868,20 @@ class DataPickerRow extends React.Component {
         };
     }
     render() {
-        return (React.createElement(DataPickerRow$1, Object.assign({}, this.props, { cx: [css$G.pickerRow, this.props.cx], renderContent: this.renderContent })));
+        return (React.createElement(DataPickerRow$1, { ...this.props, cx: [css$G.pickerRow, this.props.cx], renderContent: this.renderContent }));
     }
 }
 
-var css$F = {"uui-typography":"Q42XwY","uuiTypography":"Q42XwY","hero-header":"SBm4ka","heroHeader":"SBm4ka","promo-header":"Rr-TZA","promoHeader":"Rr-TZA","uui-critical":"eRjik3","uuiCritical":"eRjik3","uui-info":"dND8ON","uuiInfo":"dND8ON","uui-success":"kMevo2","uuiSuccess":"kMevo2","uui-warning":"NtSFhq","uuiWarning":"NtSFhq","uui-highlight":"CnMBPs","uuiHighlight":"CnMBPs","uui-typography-size-12":"Bx1rUq","uuiTypographySize12":"Bx1rUq","uui-typography-size-14":"d7zbkD","uuiTypographySize14":"d7zbkD","uui-typography-size-16":"_6eeSmd","uuiTypographySize16":"_6eeSmd","done":"A2IPf3","container":"xEmc0l"};
+var css$F = {"uui-typography":"OHm-7l","uuiTypography":"OHm-7l","hero-header":"f9VrIb","heroHeader":"f9VrIb","promo-header":"YRAMM7","promoHeader":"YRAMM7","uui-critical":"BuiCOy","uuiCritical":"BuiCOy","uui-info":"IPiWwe","uuiInfo":"IPiWwe","uui-success":"xH-e30","uuiSuccess":"xH-e30","uui-warning":"QTAajf","uuiWarning":"QTAajf","uui-highlight":"Dpdv2R","uuiHighlight":"Dpdv2R","uui-typography-size-12":"j-wmxt","uuiTypographySize12":"j-wmxt","uui-typography-size-14":"_7nMdaq","uuiTypographySize14":"_7nMdaq","uui-typography-size-16":"lWfNTz","uuiTypographySize16":"lWfNTz","done":"-P4K4a","container":"f2Dkny"};
 
 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 +2906,20 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
 };
 var ForwardRef$r = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
 
-var css$E = {"uui-typography":"Agv7jz","uuiTypography":"Agv7jz","hero-header":"wx8SkL","heroHeader":"wx8SkL","promo-header":"NfLVB0","promoHeader":"NfLVB0","uui-critical":"Apm-ly","uuiCritical":"Apm-ly","uui-info":"GStFcu","uuiInfo":"GStFcu","uui-success":"RsRT6M","uuiSuccess":"RsRT6M","uui-warning":"QBkx5-","uuiWarning":"QBkx5-","uui-highlight":"kPZe7A","uuiHighlight":"kPZe7A","uui-typography-size-12":"jrS3Lr","uuiTypographySize12":"jrS3Lr","uui-typography-size-14":"RqawC2","uuiTypographySize14":"RqawC2","uui-typography-size-16":"_022Kyr","uuiTypographySize16":"_022Kyr","sub-header-wrapper":"RXI25w","subHeaderWrapper":"RXI25w","switch":"CSj-Gj","no-found-modal-container":"_-8xXTh","noFoundModalContainer":"_-8xXTh","no-found-modal-container-icon":"_7SrDIk","noFoundModalContainerIcon":"_7SrDIk","no-found-modal-container-text":"_4OYeCI","noFoundModalContainerText":"_4OYeCI"};
+var css$E = {"uui-typography":"gszaPU","uuiTypography":"gszaPU","hero-header":"zK6cV-","heroHeader":"zK6cV-","promo-header":"QDJ8bh","promoHeader":"QDJ8bh","uui-critical":"xSPJ-b","uuiCritical":"xSPJ-b","uui-info":"OfygXC","uuiInfo":"OfygXC","uui-success":"PzOvjJ","uuiSuccess":"PzOvjJ","uui-warning":"_4vvIX1","uuiWarning":"_4vvIX1","uui-highlight":"iRuFt8","uuiHighlight":"iRuFt8","uui-typography-size-12":"p0C-nl","uuiTypographySize12":"p0C-nl","uui-typography-size-14":"NTpycR","uuiTypographySize14":"NTpycR","uui-typography-size-16":"VGare-","uuiTypographySize16":"VGare-","sub-header-wrapper":"FGF1g9","subHeaderWrapper":"FGF1g9","switch":"UO9j9i","no-found-modal-container":"_3TdJxp","noFoundModalContainer":"_3TdJxp","no-found-modal-container-icon":"QvwIRh","noFoundModalContainerIcon":"QvwIRh","no-found-modal-container-text":"PN7apx","noFoundModalContainerText":"PN7apx"};
 
 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 +2960,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 +2973,13 @@ const getHighlightedSearchMatches = (str, search) => {
     return getDecoratedText(str, ranges);
 };
 
-var css$D = {"root":"CIG2Xr","column-gap":"Tm0Fwb","columnGap":"Tm0Fwb","multiline":"_4WyMTB","text":"Zx9mSy"};
+var css$D = {"root":"VtRLRH","column-gap":"-zzsUj","columnGap":"-zzsUj","multiline":"FgXwgK","text":"A1fk8n"};
 
 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 +3006,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 +3029,44 @@ function PickerModal(props) {
     };
     const dataRows = getRows();
     const rows = dataRows.map((row) => renderRow(row));
-    return (React__default.createElement(ModalBlocker, Object.assign({}, props),
+    return (React__default.createElement(ModalBlocker, { ...props },
         React__default.createElement(ModalWindow, { width: 600, height: 700 },
             React__default.createElement(ModalHeader, { title: props.caption || i18n.pickerModal.headerTitle, onClose: () => props.abort() }),
             React__default.createElement(FlexCell, { cx: css$E.subHeaderWrapper },
                 React__default.createElement(FlexRow, { vPadding: "24" },
-                    React__default.createElement(SearchInput, Object.assign({}, dataSourceStateLens.prop('search').toProps(), { onKeyDown: (e) => handleDataSourceKeyboard({
+                    React__default.createElement(SearchInput, { ...dataSourceStateLens.prop('search').toProps(), onKeyDown: (e) => handleDataSourceKeyboard({
                             value: getDataSourceState(),
                             onValueChange: handleDataSourceValueChange,
                             listView: view,
                             rows: dataRows,
                             searchPosition: 'body',
-                        }, e), autoFocus: true, placeholder: i18n.pickerModal.searchPlaceholder, rawProps: { dir: 'auto' } }))),
-                !isSingleSelect() && (React__default.createElement(Switch, Object.assign({ cx: css$E.switch, size: "18" }, getFooterProps().showSelected, { isDisabled: view.getSelectedRowsCount() < 1, label: "Show only selected" }))),
+                        }, e), autoFocus: true, placeholder: i18n.pickerModal.searchPlaceholder, rawProps: { dir: 'auto' } })),
+                !isSingleSelect() && (React__default.createElement(Switch, { cx: css$E.switch, size: "18", ...getFooterProps().showSelected, isDisabled: view.getSelectedRowsCount() < 1, label: "Show only selected" })),
                 props.renderFilter && React__default.createElement(FlexCell, { grow: 2 }, props.renderFilter(dataSourceStateLens.prop('filter').toProps()))),
-            React__default.createElement(DataPickerBody, Object.assign({}, getListProps(), { value: getDataSourceState(), onValueChange: handleDataSourceValueChange, search: dataSourceStateLens.prop('search').toProps(), showSearch: false, rows: rows, renderNotFound: renderNotFound, editMode: "modal" })),
+            React__default.createElement(DataPickerBody, { ...getListProps(), value: getDataSourceState(), onValueChange: handleDataSourceValueChange, search: dataSourceStateLens.prop('search').toProps(), showSearch: false, rows: rows, renderNotFound: renderNotFound, editMode: "modal" }),
             React__default.createElement(ModalFooter, { padding: "24", vPadding: "24" }, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
 }
 
-var css$C = {"tooltip":"tRTd0b"};
+var css$C = {"tooltip":"_4LbSbc"};
 
 const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
-    var _a;
-    const tagProps = Object.assign(Object.assign({}, props), { tabIndex: -1, size: settings.sizes.pickerInput.toggler.tag[props.size], caption: ((_a = props.rowProps) === null || _a === void 0 ? void 0 : _a.isLoading) ? React.createElement(TextPlaceholder, null) : props.caption });
+    const tagProps = {
+        ...props,
+        tabIndex: -1,
+        size: settings.sizes.pickerInput.toggler.tag[props.size],
+        caption: props.rowProps?.isLoading ? React.createElement(TextPlaceholder, null) : props.caption,
+    };
     if (props.isCollapsed) {
         const collapsedRows = props.collapsedRows.map((row) => props.getName(row.value)).join(', ');
         return (React.createElement(Tooltip, { key: "selected", content: collapsedRows, closeDelay: 150, closeOnMouseLeave: "boundary", cx: css$C.tooltip },
-            React.createElement(Tag, Object.assign({ ref: ref, rawProps: { role: 'option' } }, tagProps))));
+            React.createElement(Tag, { ref: ref, rawProps: { role: 'option' }, ...tagProps })));
     }
     else {
-        return React.createElement(Tag, Object.assign({ ref: ref, rawProps: { role: 'option' } }, tagProps));
+        return React.createElement(Tag, { ref: ref, rawProps: { role: 'option' }, ...tagProps });
     }
 });
 
-var css$B = {"uui-typography":"_8-2JIG","uuiTypography":"_8-2JIG","hero-header":"wWipjp","heroHeader":"wWipjp","promo-header":"GPkrL4","promoHeader":"GPkrL4","uui-critical":"oGCOPd","uuiCritical":"oGCOPd","uui-info":"cI2eNu","uuiInfo":"cI2eNu","uui-success":"_4g8S8T","uuiSuccess":"_4g8S8T","uui-warning":"MEOaaP","uuiWarning":"MEOaaP","uui-highlight":"ZsaslH","uuiHighlight":"ZsaslH","uui-typography-size-12":"wEekFQ","uuiTypographySize12":"wEekFQ","uui-typography-size-14":"ZgDNR3","uuiTypographySize14":"ZgDNR3","uui-typography-size-16":"-kF8WU","uuiTypographySize16":"-kF8WU","root":"ayaBYN","mode-form":"ZASwiN","modeForm":"ZASwiN","mode-cell":"mqVyi3","modeCell":"mqVyi3","mode-inline":"q-cZAP","modeInline":"q-cZAP"};
+var css$B = {"uui-typography":"ntrG-0","uuiTypography":"ntrG-0","hero-header":"nwFaEC","heroHeader":"nwFaEC","promo-header":"vBm5Qu","promoHeader":"vBm5Qu","uui-critical":"eJIYxi","uuiCritical":"eJIYxi","uui-info":"fPTung","uuiInfo":"fPTung","uui-success":"Bqhc06","uuiSuccess":"Bqhc06","uui-warning":"ZdM0rr","uuiWarning":"ZdM0rr","uui-highlight":"f9BpYm","uuiHighlight":"f9BpYm","uui-typography-size-12":"w69eg5","uuiTypographySize12":"w69eg5","uui-typography-size-14":"Osaw0i","uuiTypographySize14":"Osaw0i","uui-typography-size-16":"JJjDWa","uuiTypographySize16":"JJjDWa","root":"_8fzsek","mode-form":"sWdmpe","modeForm":"sWdmpe","mode-cell":"jMLHqz","modeCell":"jMLHqz","mode-inline":"_9uO5b9","modeInline":"_9uO5b9"};
 
 const defaultMode = EditMode.FORM;
 function applyPickerTogglerMods(mods) {
@@ -3076,28 +3079,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 +3115,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 +3145,31 @@ function PickerInputComponent(_a, ref) {
     };
     const renderRowItem = (item, rowProps, dsState) => {
         const { flattenSearchResults } = view.getConfig();
-        return (React__default.createElement(PickerItem, Object.assign({ title: getName(item), size: getRowSize(), dataSourceState: dsState, highlightSearchMatches: highlightSearchMatches }, (flattenSearchResults ? { subtitle: getSubtitle(rowProps, dataSourceState) } : {}), rowProps)));
+        return (React__default.createElement(PickerItem, { title: getName(item), size: getRowSize(), dataSourceState: dsState, highlightSearchMatches: highlightSearchMatches, ...(flattenSearchResults ? { subtitle: getSubtitle(rowProps, dataSourceState) } : {}), ...rowProps }));
     };
     const renderRow = (rowProps, dsState) => {
-        return props.renderRow ? (props.renderRow(rowProps, dsState)) : (React__default.createElement(DataPickerRow, Object.assign({}, rowProps, { key: rowProps.rowKey, size: getRowSize(), padding: (props.editMode === 'modal' ? settings.sizes.pickerInput.body.modal.padding : settings.sizes.pickerInput.body.dropdown.padding), renderItem: (item, itemProps) => renderRowItem(item, itemProps, dsState) })));
+        return props.renderRow ? (props.renderRow(rowProps, dsState)) : (React__default.createElement(DataPickerRow, { ...rowProps, key: rowProps.rowKey, size: getRowSize(), padding: (props.editMode === 'modal' ? settings.sizes.pickerInput.body.modal.padding : settings.sizes.pickerInput.body.dropdown.padding), renderItem: (item, itemProps) => renderRowItem(item, itemProps, dsState) }));
     };
     const renderBody = (bodyProps, rows) => {
         const renderedDataRows = rows.map((row) => renderRow(row, dataSourceState));
         const bodyHeight = isMobile() ? document.documentElement.clientHeight : props.dropdownHeight || settings.sizes.pickerInput.body.dropdown.height;
         const minBodyWidth = props.minBodyWidth || settings.sizes.pickerInput.body.dropdown.width;
         return (React__default.createElement(PickerBodyMobileView, { title: props.entityName, onClose: () => toggleBodyOpening(false), cx: [props.bodyCx], onKeyDown: bodyProps.onKeyDown, width: bodyProps.togglerWidth > minBodyWidth ? bodyProps.togglerWidth : minBodyWidth, focusLock: getSearchPosition() === 'body' },
-            React__default.createElement(DataPickerBody, Object.assign({}, bodyProps, { rows: renderedDataRows, maxHeight: bodyHeight, searchSize: props.size, editMode: "dropdown", selectionMode: props.selectionMode })),
+            React__default.createElement(DataPickerBody, { ...bodyProps, rows: renderedDataRows, maxHeight: bodyHeight, searchSize: props.size, editMode: "dropdown", selectionMode: props.selectionMode }),
             renderFooter()));
     };
     const rows = getRows();
     const renderItem = props.renderTag ? props.renderTag : null;
     return (React__default.createElement(Dropdown, { renderTarget: (dropdownProps) => {
             const targetProps = getTogglerProps();
-            return renderTarget(Object.assign(Object.assign(Object.assign({}, dropdownProps), targetProps), { renderItem }));
-        }, renderBody: (bodyProps) => renderBody(Object.assign(Object.assign(Object.assign({}, bodyProps), getPickerBodyProps(rows)), getListProps()), rows), value: shouldShowBody(), onValueChange: !props.isDisabled && toggleBodyOpening, placement: props.dropdownPlacement, modifiers: popperModifiers, closeBodyOnTogglerHidden: !isMobile(), portalTarget: props.portalTarget, ref: dropdownRef }));
+            return renderTarget({ ...dropdownProps, ...targetProps, renderItem });
+        }, renderBody: (bodyProps) => renderBody({ ...bodyProps, ...getPickerBodyProps(rows), ...getListProps() }, rows), value: shouldShowBody(), onValueChange: !props.isDisabled && toggleBodyOpening, placement: props.dropdownPlacement, modifiers: popperModifiers, closeBodyOnTogglerHidden: !isMobile(), portalTarget: props.portalTarget, ref: dropdownRef }));
 }
 const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
 
-var css$A = {"row":"H1rqOc"};
+var css$A = {"row":"Mc8U6v"};
 
 function PickerListItem(props) {
-    var _a;
     let label;
     if (props.isLoading) {
         label = React__default.createElement(TextPlaceholder, { wordsCount: 2 });
@@ -3173,31 +3179,31 @@ function PickerListItem(props) {
     }
     let component;
     if (props.checkbox) {
-        component = (React__default.createElement(Checkbox, Object.assign({}, props.checkbox, { isDisabled: props.isLoading || props.checkbox.isDisabled || props.isDisabled, label: label, value: props.isChecked, onValueChange: () => props.onCheck(props) })));
+        component = (React__default.createElement(Checkbox, { ...props.checkbox, isDisabled: props.isLoading || props.checkbox.isDisabled || props.isDisabled, label: label, value: props.isChecked, onValueChange: () => props.onCheck(props) }));
     }
     else {
         component = (React__default.createElement(RadioInput, { label: label, value: props.isSelected, isDisabled: props.isLoading || !props.isSelectable || props.isDisabled, onValueChange: () => props.onSelect(props) }));
     }
-    return (React__default.createElement("div", Object.assign({ role: "option", "aria-selected": props.isSelectable ? props.isSelected : undefined, "aria-busy": props.isLoading, "aria-posinset": props.index + 1 }, (((_a = props.checkbox) === null || _a === void 0 ? void 0 : _a.isVisible) && { 'aria-checked': props.isChecked }), { className: css$A.row }), component));
+    return (React__default.createElement("div", { role: "option", "aria-selected": props.isSelectable ? props.isSelected : undefined, "aria-busy": props.isLoading, "aria-posinset": props.index + 1, ...(props.checkbox?.isVisible && { 'aria-checked': props.isChecked }), className: css$A.row }, component));
 }
 
-var css$z = {"root":"e4VKR4"};
+var css$z = {"root":"_6ZoVho"};
 
 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 +3213,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 +3222,19 @@ function PickerList(props) {
             }, selectedRows)));
 }
 
-var css$y = {"uui-typography":"qzMRbe","uuiTypography":"qzMRbe","hero-header":"qFQgK4","heroHeader":"qFQgK4","promo-header":"U7F0Ar","promoHeader":"U7F0Ar","uui-critical":"_9Tc-za","uuiCritical":"_9Tc-za","uui-info":"OlvXe5","uuiInfo":"OlvXe5","uui-success":"zLmW2S","uuiSuccess":"zLmW2S","uui-warning":"Y2fYLp","uuiWarning":"Y2fYLp","uui-highlight":"ecIYZ6","uuiHighlight":"ecIYZ6","uui-typography-size-12":"_78h-wO","uuiTypographySize12":"_78h-wO","uui-typography-size-14":"kj52on","uuiTypographySize14":"kj52on","uui-typography-size-16":"_5Sk-1s","uuiTypographySize16":"_5Sk-1s","root":"nAP9Em","wrapper":"Xq5-k5","align-widgets-top":"L-pM0S","alignWidgetsTop":"L-pM0S","align-widgets-center":"_0lhC8U","alignWidgetsCenter":"_0lhC8U"};
+var css$y = {"uui-typography":"PMzyjx","uuiTypography":"PMzyjx","hero-header":"_26w-DM","heroHeader":"_26w-DM","promo-header":"w0jmtN","promoHeader":"w0jmtN","uui-critical":"_1jJZzl","uuiCritical":"_1jJZzl","uui-info":"EUPKZb","uuiInfo":"EUPKZb","uui-success":"HJ7yEx","uuiSuccess":"HJ7yEx","uui-warning":"xlQRy0","uuiWarning":"xlQRy0","uui-highlight":"lfaZ2N","uuiHighlight":"lfaZ2N","uui-typography-size-12":"nNrQf0","uuiTypographySize12":"nNrQf0","uui-typography-size-14":"AB4Y0x","uuiTypographySize14":"AB4Y0x","uui-typography-size-16":"Xjdz-E","uuiTypographySize16":"Xjdz-E","root":"fd-udR","wrapper":"UjEmod","align-widgets-top":"C0wrPg","alignWidgetsTop":"C0wrPg","align-widgets-center":"cAOHlQ","alignWidgetsCenter":"cAOHlQ"};
 
 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 +3268,18 @@ function DataTableCell(initialProps) {
         '--uui-dt-cell-padding-start': `${getLeftPadding()}px`,
         '--uui-dt-cell-padding-end': `${getRightPadding()}px`,
     };
-    return React.createElement(DataTableCell$1, Object.assign({}, props));
+    return React.createElement(DataTableCell$1, { ...props });
 }
 
-var css$x = {"uui-typography":"GkXzpz","uuiTypography":"GkXzpz","hero-header":"fYml6e","heroHeader":"fYml6e","promo-header":"D4B7sB","promoHeader":"D4B7sB","uui-critical":"TB2gZb","uuiCritical":"TB2gZb","uui-info":"ofoNqb","uuiInfo":"ofoNqb","uui-success":"LUIc42","uuiSuccess":"LUIc42","uui-warning":"_9jh8nW","uuiWarning":"_9jh8nW","uui-highlight":"_28BL3a","uuiHighlight":"_28BL3a","uui-typography-size-12":"p248df","uuiTypographySize12":"p248df","uui-typography-size-14":"thBWdA","uuiTypographySize14":"thBWdA","uui-typography-size-16":"BDqfms","uuiTypographySize16":"BDqfms","root":"NXIoza"};
+var css$x = {"uui-typography":"bxxf--","uuiTypography":"bxxf--","hero-header":"ExGzo3","heroHeader":"ExGzo3","promo-header":"EJZNeg","promoHeader":"EJZNeg","uui-critical":"HVz-Lo","uuiCritical":"HVz-Lo","uui-info":"GHc0jr","uuiInfo":"GHc0jr","uui-success":"kIlzDu","uuiSuccess":"kIlzDu","uui-warning":"pKwli4","uuiWarning":"pKwli4","uui-highlight":"-vDuKz","uuiHighlight":"-vDuKz","uui-typography-size-12":"u2fa0f","uuiTypographySize12":"u2fa0f","uui-typography-size-14":"vHwIE6","uuiTypographySize14":"vHwIE6","uui-typography-size-16":"b5Sd87","uuiTypographySize16":"b5Sd87","root":"Uq7RaL"};
 
 // 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 +3287,7 @@ const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = t
     ];
 }, () => propsMods);
 
-var css$w = {"uui-typography":"_5jAcAt","uuiTypography":"_5jAcAt","hero-header":"_9yRcMn","heroHeader":"_9yRcMn","promo-header":"No4iDf","promoHeader":"No4iDf","uui-critical":"GwVOVf","uuiCritical":"GwVOVf","uui-info":"-gXwLz","uuiInfo":"-gXwLz","uui-success":"iJpTFR","uuiSuccess":"iJpTFR","uui-warning":"GYU0d6","uuiWarning":"GYU0d6","uui-highlight":"QQhdR1","uuiHighlight":"QQhdR1","uui-typography-size-12":"YAPrdY","uuiTypographySize12":"YAPrdY","uui-typography-size-14":"eE4-Zz","uuiTypographySize14":"eE4-Zz","uui-typography-size-16":"UMBJGR","uuiTypographySize16":"UMBJGR","sorting-panel-container":"qgFDBH","sortingPanelContainer":"qgFDBH"};
+var css$w = {"uui-typography":"cFRTw8","uuiTypography":"cFRTw8","hero-header":"LQy-1t","heroHeader":"LQy-1t","promo-header":"MJDqnA","promoHeader":"MJDqnA","uui-critical":"IypTCN","uuiCritical":"IypTCN","uui-info":"ufkSue","uuiInfo":"ufkSue","uui-success":"IxmMXw","uuiSuccess":"IxmMXw","uui-warning":"zuGVsW","uuiWarning":"zuGVsW","uui-highlight":"H9OGSF","uuiHighlight":"H9OGSF","uui-typography-size-12":"_4G7iBd","uuiTypographySize12":"_4G7iBd","uui-typography-size-14":"Odwz48","uuiTypographySize14":"Odwz48","uui-typography-size-16":"QQxNqK","uuiTypographySize16":"QQxNqK","sorting-panel-container":"OntJF0","sortingPanelContainer":"OntJF0"};
 
 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 +3417,7 @@ var SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props
 };
 var ForwardRef$k = /*#__PURE__*/forwardRef(SvgNavigationExpandAllOutline);
 
-var css$v = {"uui-typography":"sc3GGL","uuiTypography":"sc3GGL","hero-header":"IHFSU6","heroHeader":"IHFSU6","promo-header":"fuFPcS","promoHeader":"fuFPcS","uui-critical":"ovMA-V","uuiCritical":"ovMA-V","uui-info":"dCW-Gz","uuiInfo":"dCW-Gz","uui-success":"-zgdwv","uuiSuccess":"-zgdwv","uui-warning":"yHN-q6","uuiWarning":"yHN-q6","uui-highlight":"Vzy9Mf","uuiHighlight":"Vzy9Mf","uui-typography-size-12":"HOBB8K","uuiTypographySize12":"HOBB8K","uui-typography-size-14":"sFEiRq","uuiTypographySize14":"sFEiRq","uui-typography-size-16":"_5iwiV8","uuiTypographySize16":"_5iwiV8","root":"fzDe8F","caption-wrapper":"LLqYj-","captionWrapper":"LLqYj-","sort-icon":"ObEuQs","sortIcon":"ObEuQs","dropdown-icon":"X9HwqX","dropdownIcon":"X9HwqX","infoIcon":"FK-R8r","resizable":"NcIr6a","align-right":"OLfgXT","alignRight":"OLfgXT","align-center":"s-UBG-","alignCenter":"s-UBG-","caption":"iMHHL9","truncate":"_7H7aI4","checkbox":"_3ViXiD","icon":"_6JSpcq","fold-all-icon":"Z28-SM","foldAllIcon":"Z28-SM","cell-tooltip":"qfmVq5","cellTooltip":"qfmVq5","upper-case":"IV466O","upperCase":"IV466O","resizing-marker":"IOAWs7","resizingMarker":"IOAWs7","pinned-right":"GhhnQz","pinnedRight":"GhhnQz","draggable":"KdgSfm","ghost":"jfa-pM","is-dragged-out":"iaPn1X","isDraggedOut":"iaPn1X","dnd-marker-left":"xIv1QF","dndMarkerLeft":"xIv1QF","dnd-marker-right":"JEREa3","dndMarkerRight":"JEREa3","cell-tooltip-wrapper":"-QpoPQ","cellTooltipWrapper":"-QpoPQ","cell-tooltip-text":"XQCoRa","cellTooltipText":"XQCoRa","tooltip-caption":"sU3Efo","tooltipCaption":"sU3Efo","tooltip-info":"CeAJv9","tooltipInfo":"CeAJv9"};
+var css$v = {"uui-typography":"bfNiMz","uuiTypography":"bfNiMz","hero-header":"Ix2R6l","heroHeader":"Ix2R6l","promo-header":"I7Ftdd","promoHeader":"I7Ftdd","uui-critical":"NXPIpj","uuiCritical":"NXPIpj","uui-info":"ND3jIx","uuiInfo":"ND3jIx","uui-success":"UJb7ky","uuiSuccess":"UJb7ky","uui-warning":"UtqHT0","uuiWarning":"UtqHT0","uui-highlight":"w4k5pe","uuiHighlight":"w4k5pe","uui-typography-size-12":"OHP904","uuiTypographySize12":"OHP904","uui-typography-size-14":"POdB4-","uuiTypographySize14":"POdB4-","uui-typography-size-16":"y3l3Q-","uuiTypographySize16":"y3l3Q-","root":"NMiTae","caption-wrapper":"WlSFtz","captionWrapper":"WlSFtz","sort-icon":"CsY6Ed","sortIcon":"CsY6Ed","dropdown-icon":"_93W2nm","dropdownIcon":"_93W2nm","infoIcon":"Evaw8Z","resizable":"pSaiNl","align-right":"U3zCYb","alignRight":"U3zCYb","align-center":"_68-NAF","alignCenter":"_68-NAF","caption":"R-EItv","truncate":"LNd8KZ","checkbox":"hMfPqw","icon":"dg9TUY","fold-all-icon":"aTtwBq","foldAllIcon":"aTtwBq","cell-tooltip":"m2DLAt","cellTooltip":"m2DLAt","upper-case":"gnKB7Y","upperCase":"gnKB7Y","resizing-marker":"HN6sWw","resizingMarker":"HN6sWw","pinned-right":"SyH0bm","pinnedRight":"SyH0bm","draggable":"eb9XB1","ghost":"EB4HYG","is-dragged-out":"PpEB00","isDraggedOut":"PpEB00","dnd-marker-left":"YX8tYV","dndMarkerLeft":"YX8tYV","dnd-marker-right":"_5GBIv0","dndMarkerRight":"_5GBIv0","cell-tooltip-wrapper":"T2cE-J","cellTooltipWrapper":"T2cE-J","cell-tooltip-text":"lAfcdU","cellTooltipText":"lAfcdU","tooltip-caption":"rx4MAN","tooltipCaption":"rx4MAN","tooltip-info":"bvcblW","tooltipInfo":"bvcblW"};
 
 class DataTableHeaderCell extends React.Component {
     constructor() {
@@ -3439,7 +3445,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 +3479,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 +3488,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 +3506,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 +3525,9 @@ var SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
 };
 var ForwardRef$j = /*#__PURE__*/forwardRef(SvgActionSettingsFill);
 
-var css$u = {"uui-typography":"Bow-fm","uuiTypography":"Bow-fm","hero-header":"qY1YZl","heroHeader":"qY1YZl","promo-header":"U8Gcz0","promoHeader":"U8Gcz0","uui-critical":"r9uIYT","uuiCritical":"r9uIYT","uui-info":"lLvF9U","uuiInfo":"lLvF9U","uui-success":"FSolER","uuiSuccess":"FSolER","uui-warning":"EfLFzX","uuiWarning":"EfLFzX","uui-highlight":"YXCn-6","uuiHighlight":"YXCn-6","uui-typography-size-12":"_0bfHBB","uuiTypographySize12":"_0bfHBB","uui-typography-size-14":"WcKIEd","uuiTypographySize14":"WcKIEd","uui-typography-size-16":"b4HZYH","uuiTypographySize16":"b4HZYH","root":"Z0YVFi"};
+var css$u = {"uui-typography":"mgWXfz","uuiTypography":"mgWXfz","hero-header":"C-s3P6","heroHeader":"C-s3P6","promo-header":"aV9ZCl","promoHeader":"aV9ZCl","uui-critical":"_7I-a9f","uuiCritical":"_7I-a9f","uui-info":"AwKlW2","uuiInfo":"AwKlW2","uui-success":"zUE5dc","uuiSuccess":"zUE5dc","uui-warning":"-t1PMm","uuiWarning":"-t1PMm","uui-highlight":"_23-0XK","uuiHighlight":"_23-0XK","uui-typography-size-12":"kV0K28","uuiTypographySize12":"kV0K28","uui-typography-size-14":"US-ZYr","uuiTypographySize14":"US-ZYr","uui-typography-size-16":"_9bsjZe","uuiTypographySize16":"_9bsjZe","root":"xI4lWO"};
 
-var css$t = {"uui-typography":"DBE38L","uuiTypography":"DBE38L","hero-header":"MnG0sq","heroHeader":"MnG0sq","promo-header":"gCQNm8","promoHeader":"gCQNm8","uui-critical":"urGusd","uuiCritical":"urGusd","uui-info":"_6Ye4-o","uuiInfo":"_6Ye4-o","uui-success":"QL0g6D","uuiSuccess":"QL0g6D","uui-warning":"aVWEMz","uuiWarning":"aVWEMz","uui-highlight":"_7f5kqI","uuiHighlight":"_7f5kqI","uui-typography-size-12":"TDF-7z","uuiTypographySize12":"TDF-7z","uui-typography-size-14":"BoHmAS","uuiTypographySize14":"BoHmAS","uui-typography-size-16":"aGJ7oE","uuiTypographySize16":"aGJ7oE","root":"FsPyk5","caption-wrapper":"_2cqAzs","captionWrapper":"_2cqAzs","align-center":"HNeYPA","alignCenter":"HNeYPA","caption":"akN00U","truncate":"_9odKFZ","group-cell-tooltip":"-ipjT-","groupCellTooltip":"-ipjT-","upper-case":"_3YPvIE","upperCase":"_3YPvIE","group-cell-tooltip-wrapper":"YpRLWc","groupCellTooltipWrapper":"YpRLWc","group-cell-tooltip-text":"_8iYK3K","groupCellTooltipText":"_8iYK3K","tooltip-caption":"RnhS6-","tooltipCaption":"RnhS6-","tooltip-info":"QyMgAT","tooltipInfo":"QyMgAT"};
+var css$t = {"uui-typography":"QwffB3","uuiTypography":"QwffB3","hero-header":"gHZLap","heroHeader":"gHZLap","promo-header":"VE7asY","promoHeader":"VE7asY","uui-critical":"_9cBO8t","uuiCritical":"_9cBO8t","uui-info":"XAIsUC","uuiInfo":"XAIsUC","uui-success":"dPeMLF","uuiSuccess":"dPeMLF","uui-warning":"x2CQ-1","uuiWarning":"x2CQ-1","uui-highlight":"y0-8Ck","uuiHighlight":"y0-8Ck","uui-typography-size-12":"FwLHq0","uuiTypographySize12":"FwLHq0","uui-typography-size-14":"FsNrN3","uuiTypographySize14":"FsNrN3","uui-typography-size-16":"L27Q-U","uuiTypographySize16":"L27Q-U","root":"j9rnvX","caption-wrapper":"i50--m","captionWrapper":"i50--m","align-center":"oLZu6X","alignCenter":"oLZu6X","caption":"R3o1y9","truncate":"FkiOLs","group-cell-tooltip":"WZApoA","groupCellTooltip":"WZApoA","upper-case":"NeqCQ2","upperCase":"NeqCQ2","group-cell-tooltip-wrapper":"RV716h","groupCellTooltipWrapper":"RV716h","group-cell-tooltip-text":"U-6LLl","groupCellTooltipText":"U-6LLl","tooltip-caption":"v8mL3U","tooltipCaption":"v8mL3U","tooltip-info":"_3mJoOx","tooltipInfo":"_3mJoOx"};
 
 class DataTableHeaderGroupCell extends React.Component {
     constructor() {
@@ -3558,7 +3566,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 +3585,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 +3595,15 @@ const UUI_FILTERS_PANEL_ADD_BUTTON_BODY = 'uui-filters-panel-add-button-body';
 const UUI_FILTERS_PANEL_ITEM_BODY = 'uui-filters-panel-item-body';
 const UUI_FILTERS_PANEL_ITEM_TOGGLER = 'uui-filters-panel-item-toggler';
 
-var css$s = {"uui-typography":"_3l-875","uuiTypography":"_3l-875","hero-header":"DZi8cw","heroHeader":"DZi8cw","promo-header":"aAvyES","promoHeader":"aAvyES","uui-critical":"z6-E2W","uuiCritical":"z6-E2W","uui-info":"Mm3jci","uuiInfo":"Mm3jci","uui-success":"_2X-e7k","uuiSuccess":"_2X-e7k","uui-warning":"IvcBZR","uuiWarning":"IvcBZR","uui-highlight":"_1cOHZy","uuiHighlight":"_1cOHZy","uui-typography-size-12":"yAlFz2","uuiTypographySize12":"yAlFz2","uui-typography-size-14":"CFxsCx","uuiTypographySize14":"CFxsCx","uui-typography-size-16":"e-xqXG","uuiTypographySize16":"e-xqXG","root":"gu-Cli","title-wrapper":"JuYUtS","titleWrapper":"JuYUtS","title":"aivagZ","text-wrapper":"TW4f8M","textWrapper":"TW4f8M","selection":"c-pci5","postfix":"Gfryg4","selected":"fpGZ8G"};
+var css$s = {"uui-typography":"Pq6E-m","uuiTypography":"Pq6E-m","hero-header":"qL10cY","heroHeader":"qL10cY","promo-header":"PRe8D8","promoHeader":"PRe8D8","uui-critical":"_6PO9uq","uuiCritical":"_6PO9uq","uui-info":"LK-ia1","uuiInfo":"LK-ia1","uui-success":"t-lku7","uuiSuccess":"t-lku7","uui-warning":"uZvSoz","uuiWarning":"uZvSoz","uui-highlight":"srwnNe","uuiHighlight":"srwnNe","uui-typography-size-12":"uJiE8w","uuiTypographySize12":"uJiE8w","uui-typography-size-14":"_9xSTmy","uuiTypographySize14":"_9xSTmy","uui-typography-size-16":"SeZ5S8","uuiTypographySize16":"SeZ5S8","root":"Fj4oQ-","title-wrapper":"G2i95t","titleWrapper":"G2i95t","title":"J4tXOQ","text-wrapper":"b8MhHd","textWrapper":"b8MhHd","selection":"CMuJMW","postfix":"Z5jYWg","selected":"SB8Nkx"};
 
 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 +3621,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 +3636,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 +3659,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 +3706,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 +3721,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 +3739,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 +3767,28 @@ function FilterRangeDatePickerBody(props) {
                 React__default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.pickerModal.clearAllButton, onClick: () => onValueChange(defaultRangeValue) })))));
 }
 
-var css$r = {"container":"_0nZcpb"};
+var css$r = {"container":"s3c6dE"};
 
 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 +3819,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 +3834,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 +3863,7 @@ var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
 };
 var ForwardRef$i = /*#__PURE__*/forwardRef(SvgActionDeleteOutline);
 
-var css$q = {"uui-typography":"VpgPW6","uuiTypography":"VpgPW6","hero-header":"gXfwIM","heroHeader":"gXfwIM","promo-header":"Xca3He","promoHeader":"Xca3He","uui-critical":"-gV-0r","uuiCritical":"-gV-0r","uui-info":"W-UkNi","uuiInfo":"W-UkNi","uui-success":"kQh8g-","uuiSuccess":"kQh8g-","uui-warning":"f65mM5","uuiWarning":"f65mM5","uui-highlight":"X6U1lW","uuiHighlight":"X6U1lW","uui-typography-size-12":"XVmpMZ","uuiTypographySize12":"XVmpMZ","uui-typography-size-14":"_1JW4Bz","uuiTypographySize14":"_1JW4Bz","uui-typography-size-16":"lvgolB","uuiTypographySize16":"lvgolB","header":"u5l1wo","removeButton":"JQaFVP","with-search":"_7VOEQN","withSearch":"_7VOEQN"};
+var css$q = {"uui-typography":"HakE-i","uuiTypography":"HakE-i","hero-header":"_3-VTBu","heroHeader":"_3-VTBu","promo-header":"Ya1V7L","promoHeader":"Ya1V7L","uui-critical":"_0yMGTM","uuiCritical":"_0yMGTM","uui-info":"sHo-4T","uuiInfo":"sHo-4T","uui-success":"V8yETW","uuiSuccess":"V8yETW","uui-warning":"NOd84J","uuiWarning":"NOd84J","uui-highlight":"yPUKhm","uuiHighlight":"yPUKhm","uui-typography-size-12":"MR-Eo4","uuiTypographySize12":"MR-Eo4","uui-typography-size-14":"_6J06ot","uuiTypographySize14":"_6J06ot","uui-typography-size-16":"wekIyY","uuiTypographySize16":"wekIyY","header":"DJtr-t","removeButton":"_7ImrsI","with-search":"OlhP3z","withSearch":"OlhP3z"};
 
 function useView(props, value) {
     const forceUpdate = useForceUpdate();
@@ -3875,11 +3878,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 +3905,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 +3950,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 +3981,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 +3997,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 +4016,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 +4036,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 +4103,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 +4120,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 +4166,25 @@ function FiltersToolbarImpl(props) {
     }), []);
     const isAllFiltersAlwaysVisible = props.filters.every((i) => i.isAlwaysVisible);
     useEffect(() => {
-        var _a, _b;
         if (sortedActiveFilters.length && newFilterId && sortedActiveFilters.find(({ field }) => field === newFilterId)) {
             // PickerInput should be closed after filterId update and opening the filter's body.
             // Otherwise, the focus will be not set in the search input of the filter's body.
-            (_b = (_a = pickerInputRef.current) === null || _a === void 0 ? void 0 : _a.closePickerBody) === null || _b === void 0 ? void 0 : _b.call(_a);
+            pickerInputRef.current?.closePickerBody?.();
             // Reset new filter id, after first render with autofocus
             setNewFilterId(null);
         }
     }, [newFilterId, sortedActiveFilters]);
     return (React__default.createElement(React__default.Fragment, null,
-        sortedActiveFilters.map((f) => {
-            var _a;
-            return (React__default.createElement(FlexCell$1, { width: "auto", key: f.field },
-                React__default.createElement(FiltersPanelItem, Object.assign({}, f, { value: (_a = tableState.filter) === null || _a === void 0 ? void 0 : _a[f.field], onValueChange: handleFilterChange, key: f.field, autoFocus: newFilterId === f.field, removeFilter: removeFilter, size: props.size }))));
-        }),
-        !isAllFiltersAlwaysVisible && (React__default.createElement(PickerInput, { dataSource: dataSource, value: selectedFilters, onValueChange: onFiltersChange, selectionMode: "multi", valueType: "entity", renderRow: (props) => (React__default.createElement(DataPickerRow, Object.assign({}, props, { padding: "12", key: props.key, onCheck: (row) => {
+        sortedActiveFilters.map((f) => (React__default.createElement(FlexCell$1, { width: "auto", key: f.field },
+            React__default.createElement(FiltersPanelItem, { ...f, value: tableState.filter?.[f.field], onValueChange: handleFilterChange, key: f.field, autoFocus: newFilterId === f.field, removeFilter: removeFilter, size: props.size })))),
+        !isAllFiltersAlwaysVisible && (React__default.createElement(PickerInput, { dataSource: dataSource, value: selectedFilters, onValueChange: onFiltersChange, selectionMode: "multi", valueType: "entity", renderRow: (props) => (React__default.createElement(DataPickerRow, { ...props, padding: "12", key: props.key, onCheck: (row) => {
                     props.onCheck && props.onCheck(row);
                     setNewFilterId(row.value.field);
-                }, renderItem: (item, rowProps) => React__default.createElement(PickerItem, Object.assign({}, rowProps, { title: item.title })) }))), getName: (i) => i.title, renderToggler: renderAddFilterToggler, emptyValue: [], getRowOptions: getRowOptions, fixedBodyPosition: true, size: props.size, bodyCx: UUI_FILTERS_PANEL_ADD_BUTTON_BODY, ref: pickerInputRef }))));
+                }, renderItem: (item, rowProps) => React__default.createElement(PickerItem, { ...rowProps, title: item.title }) })), getName: (i) => i.title, renderToggler: renderAddFilterToggler, emptyValue: [], getRowOptions: getRowOptions, fixedBodyPosition: true, size: props.size, bodyCx: UUI_FILTERS_PANEL_ADD_BUTTON_BODY, ref: pickerInputRef }))));
 }
 const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
 
-var css$p = {"divider":"t4m0u4","dropdownDeleteIcon":"MztmR2","presetsWrapper":"CYMNjg","addPresetContainer":"Xc4fYF","dropContainer":"EujozW"};
+var css$p = {"divider":"NsY86Q","dropdownDeleteIcon":"gQGLLu","presetsWrapper":"BkKuEQ","addPresetContainer":"Avklsr","dropContainer":"buEpVj"};
 
 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 +4297,31 @@ var SvgContentLinkOutline = function SvgContentLinkOutline(props, ref) {
 };
 var ForwardRef$a = /*#__PURE__*/forwardRef(SvgContentLinkOutline);
 
-var css$o = {"delete-button":"VKis39","deleteButton":"VKis39","tab-button":"Dmjc9r","tabButton":"Dmjc9r","targetOpen":"bb1Oir"};
+var css$o = {"delete-button":"a7rcQx","deleteButton":"a7rcQx","tab-button":"s5vzEm","tabButton":"s5vzEm","targetOpen":"_3nKtqh"};
 
 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 +4334,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 +4359,12 @@ function PresetActionsDropdown(props) {
                 React__default.createElement(DropdownMenuButton, { icon: ForwardRef$i, caption: "Delete", cx: css$o.deleteButton, onClick: deleteHandler })))));
     };
     const renderTarget = useCallback((dropdownProps) => {
-        return (React__default.createElement(IconButton, Object.assign({ cx: [css$o.tabButton, dropdownProps.isOpen && css$o.targetOpen], color: props.preset.id === props.activePresetId ? 'primary' : 'neutral' }, dropdownProps, { icon: ForwardRef$g, size: "18" })));
+        return (React__default.createElement(IconButton, { cx: [css$o.tabButton, dropdownProps.isOpen && css$o.targetOpen], color: props.preset.id === props.activePresetId ? 'primary' : 'neutral', ...dropdownProps, icon: ForwardRef$g, size: "18" }));
     }, []);
     return (React__default.createElement(Dropdown, { renderBody: renderBody, renderTarget: renderTarget, placement: "bottom-end", modifiers: [{ name: 'offset', options: { offset: [0, 22] } }] }));
 }
 
-var css$n = {"preset-input-cell":"_82YUmx","presetInputCell":"_82YUmx","preset-input":"_3zuAZ5","presetInput":"_3zuAZ5"};
+var css$n = {"preset-input-cell":"uc1qTY","presetInputCell":"uc1qTY","preset-input":"BESZSR","presetInput":"BESZSR"};
 
 const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
 const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
@@ -4362,21 +4372,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 +4396,7 @@ function PresetInput(props) {
         React__default.createElement(TextInput, { cx: css$n.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
 }
 
-var css$m = {"preset":"inMSQG","activePreset":"_4uLHpX"};
+var css$m = {"preset":"cL478P","activePreset":"Qdt70a"};
 
 function Preset(props) {
     const [isRenamePreset, setIsRenamePreset] = useState(false);
@@ -4401,11 +4410,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 +4446,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 +4459,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 +4495,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 +4577,7 @@ var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props,
 };
 var ForwardRef$6 = /*#__PURE__*/forwardRef(SvgTableGroupColumnRightFill);
 
-var css$l = {"unpin-icon":"cf6YMf","unpinIcon":"cf6YMf","pin-toggler-icon":"SYfZIc","pinTogglerIcon":"SYfZIc"};
+var css$l = {"unpin-icon":"NLUjnv","unpinIcon":"NLUjnv","pin-toggler-icon":"_0oH6AT","pinTogglerIcon":"_0oH6AT"};
 
 function PinIconButton(props) {
     const i18nLocal = i18n.tables.columnsConfigurationModal;
@@ -4621,7 +4636,7 @@ var SvgActionDragIndicator18 = function SvgActionDragIndicator18(props, ref) {
 };
 var ForwardRef$5 = /*#__PURE__*/forwardRef(SvgActionDragIndicator18);
 
-var css$k = {"uui-typography":"d8pHaf","uuiTypography":"d8pHaf","hero-header":"qpa9ZK","heroHeader":"qpa9ZK","promo-header":"nPYYzR","promoHeader":"nPYYzR","uui-critical":"BMMswN","uuiCritical":"BMMswN","uui-info":"OjktOM","uuiInfo":"OjktOM","uui-success":"_0lBfbU","uuiSuccess":"_0lBfbU","uui-warning":"UTZpv6","uuiWarning":"UTZpv6","uui-highlight":"adz8fp","uuiHighlight":"adz8fp","uui-typography-size-12":"otEmix","uuiTypographySize12":"otEmix","uui-typography-size-14":"KGicnl","uuiTypographySize14":"KGicnl","uui-typography-size-16":"_2bDfs9","uuiTypographySize16":"_2bDfs9","row-wrapper":"YRsRJa","rowWrapper":"YRsRJa","pin-icon-button":"w5dk-g","pinIconButton":"w5dk-g","not-pinned":"sFzX9p","notPinned":"sFzX9p","checkbox":"qDXSPX","drag-handle":"KhhcM6","dragHandle":"KhhcM6","dnd-disabled":"YnNWsG","dndDisabled":"YnNWsG"};
+var css$k = {"uui-typography":"sXToSl","uuiTypography":"sXToSl","hero-header":"_2BrBlL","heroHeader":"_2BrBlL","promo-header":"u8UZYs","promoHeader":"u8UZYs","uui-critical":"YPzEL3","uuiCritical":"YPzEL3","uui-info":"_05SGTx","uuiInfo":"_05SGTx","uui-success":"tPe5fM","uuiSuccess":"tPe5fM","uui-warning":"_7ius3W","uuiWarning":"_7ius3W","uui-highlight":"L1opX1","uuiHighlight":"L1opX1","uui-typography-size-12":"HqYRCU","uuiTypographySize12":"HqYRCU","uui-typography-size-14":"HetW8-","uuiTypographySize14":"HetW8-","uui-typography-size-16":"_1q2qcr","uuiTypographySize16":"_1q2qcr","row-wrapper":"_9GM16k","rowWrapper":"_9GM16k","pin-icon-button":"o3JVi-","pinIconButton":"o3JVi-","not-pinned":"psb6FC","notPinned":"psb6FC","checkbox":"xJNPq6","drag-handle":"Nxk1sr","dragHandle":"Nxk1sr","dnd-disabled":"zg4smd","dndDisabled":"zg4smd"};
 
 const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
     const { column } = props;
@@ -4632,19 +4647,19 @@ const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
     const data = { column, columnConfig };
     const renderContent = (dndActorParams) => {
         const wrapperClasses = cx$1(css$k.rowWrapper, !isPinned && css$k.notPinned, dndActorParams.isDragGhost && uuiDndState.dragGhost, 'uui-dt-columns-config-row');
-        const _a = dndActorParams.eventHandlers, { onTouchStart, onPointerDown } = _a, restEventHandlers = __rest(_a, ["onTouchStart", "onPointerDown"]);
-        const dndActorPropsWithoutRef = __rest(dndActorParams, ["ref"]);
-        return (React.createElement(FlexRow, { size: settings.sizes.dataTable.columnsConfigurationModal.columnRow, cx: wrapperClasses, ref: dndActorParams.ref, rawProps: Object.assign({}, restEventHandlers), alignItems: "top" },
+        const { onTouchStart, onPointerDown, ...restEventHandlers } = dndActorParams.eventHandlers;
+        const { ref, ...dndActorPropsWithoutRef } = dndActorParams;
+        return (React.createElement(FlexRow, { size: settings.sizes.dataTable.columnsConfigurationModal.columnRow, cx: wrapperClasses, ref: dndActorParams.ref, rawProps: { ...restEventHandlers }, alignItems: "top" },
             React.createElement(DragHandle, { dragHandleIcon: ForwardRef$5, rawProps: { onTouchStart, onPointerDown }, isDisabled: !isDndAllowed, cx: cx$1(css$k.dragHandle, !isDndAllowed && css$k.dndDisabled) }),
             React.createElement(Checkbox, { key: column.key, label: props.renderItem ? props.renderItem(props.column) : column.caption, value: isVisible, onValueChange: toggleVisibility, isReadonly: column.isAlwaysVisible || column.isLocked, cx: css$k.checkbox }),
             React.createElement(FlexRow, { size: null, cx: css$k.pinIconButton },
                 React.createElement(PinIconButton, { pinPosition: pinPosition, canUnpin: !isPinnedAlways, onTogglePin: togglePin })),
-            React.createElement(DropMarker, Object.assign({}, dndActorPropsWithoutRef))));
+            React.createElement(DropMarker, { ...dndActorPropsWithoutRef })));
     };
     return (React.createElement(DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
 });
 
-var css$j = {"uui-typography":"B-hVZ-","uuiTypography":"B-hVZ-","hero-header":"fvqoAC","heroHeader":"fvqoAC","promo-header":"Lklm6Z","promoHeader":"Lklm6Z","uui-critical":"E09FGq","uuiCritical":"E09FGq","uui-info":"_6cAFBo","uuiInfo":"_6cAFBo","uui-success":"WJq3IS","uuiSuccess":"WJq3IS","uui-warning":"_2kJzu0","uuiWarning":"_2kJzu0","uui-highlight":"ebgdlG","uuiHighlight":"ebgdlG","uui-typography-size-12":"W1Ib4Y","uuiTypographySize12":"W1Ib4Y","uui-typography-size-14":"t-8JPK","uuiTypographySize14":"t-8JPK","uui-typography-size-16":"CBjZtU","uuiTypographySize16":"CBjZtU","root":"_8RwIyD","main-panel":"xSl-2c","mainPanel":"xSl-2c","group":"fAXKsz","group-title":"IgcuW-","groupTitle":"IgcuW-","group-items":"OEsNiQ","groupItems":"OEsNiQ","no-data":"Mfg6Im","noData":"Mfg6Im","no-data-title":"g-h-Xo","noDataTitle":"g-h-Xo","no-data-sub-title":"pBk8Ao","noDataSubTitle":"pBk8Ao","h-divider":"ZZO0Bj","hDivider":"ZZO0Bj","search-area":"_8zOLj9","searchArea":"_8zOLj9","subgroup-accordion":"s99Ifl","subgroupAccordion":"s99Ifl","subgroup":"Mnwg3B","subgroup-title":"DK4Yuq","subgroupTitle":"DK4Yuq"};
+var css$j = {"uui-typography":"O2CpAp","uuiTypography":"O2CpAp","hero-header":"_4bbgm6","heroHeader":"_4bbgm6","promo-header":"C6pBKC","promoHeader":"C6pBKC","uui-critical":"_4rDAwz","uuiCritical":"_4rDAwz","uui-info":"_55QnbU","uuiInfo":"_55QnbU","uui-success":"_--JUmf","uuiSuccess":"_--JUmf","uui-warning":"ikhNfn","uuiWarning":"ikhNfn","uui-highlight":"iIg0U2","uuiHighlight":"iIg0U2","uui-typography-size-12":"_4HriOF","uuiTypographySize12":"_4HriOF","uui-typography-size-14":"hvYwKp","uuiTypographySize14":"hvYwKp","uui-typography-size-16":"RLMulW","uuiTypographySize16":"RLMulW","root":"h7ZsgT","main-panel":"_9h-QAl","mainPanel":"_9h-QAl","group":"z0zAc-","group-title":"yDJlpd","groupTitle":"yDJlpd","group-items":"l1HqL-","groupItems":"l1HqL-","no-data":"gk7pn0","noData":"gk7pn0","no-data-title":"eEw7uz","noDataTitle":"eEw7uz","no-data-sub-title":"wS3M4l","noDataSubTitle":"wS3M4l","h-divider":"_0T56ny","hDivider":"_0T56ny","search-area":"_0Fd462","searchArea":"_0Fd462","subgroup-accordion":"jgr59q","subgroupAccordion":"jgr59q","subgroup":"D-l5JE","subgroup-title":"PNBwRx","subgroupTitle":"PNBwRx"};
 
 const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { cx: css$j.group },
     React.createElement(Text, { size: "none", cx: css$j.groupTitle }, title),
@@ -4652,7 +4667,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 +4707,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 +4748,7 @@ function SubGroup(props) {
     return null;
 }
 
-var css$i = {"listContainer":"hyk6v-","header":"_8DYALG","group":"viPtnd","stickyHeader":"_2dULfL"};
+var css$i = {"listContainer":"CaJkL-","header":"-QOhAL","group":"lkVq7g","stickyHeader":"_6xC5Sm"};
 
 const getChildrenAndRest = (row, rows) => {
     const firstNotChildIndex = rows.findIndex((other) => other.depth < row.depth || (row.depth === other.depth && other.isPinned));
@@ -4749,9 +4764,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 +4796,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 +4812,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
   }, props), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#sn7n3ic4pqzlruud4_a)"
+    clipPath: "url(#z7v0sbayvku4mc68_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 +4833,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     d: "M86.786 22.982c-2.55 0-4.965 2.07-4.965 4.552V120.6c0 2.484 2.4 4.572 4.965 4.572h88.101c2.582 0 4.986-2.089 4.986-4.572V27.534c0-2.464-2.418-4.552-4.986-4.552h-88.1Zm-5.793 4.552c0-3.022 2.874-5.38 5.793-5.38h88.101c2.935 0 5.814 2.374 5.814 5.38V120.6c0 3.021-2.86 5.4-5.814 5.4h-88.1c-2.94 0-5.794-2.381-5.794-5.4V27.534Z",
     fill: "#1D1E26"
   })), /*#__PURE__*/React.createElement("mask", {
-    id: "sn7n3ib94n84i8g8p_b",
+    id: "z7v0sbjimnryz7b6_b",
     style: {
       maskType: "alpha"
     },
@@ -4833,7 +4846,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     d: "M174.887 125.586h-88.1c-2.752 0-5.38-2.234-5.38-4.986V27.534c0-2.752 2.644-4.966 5.38-4.966h88.1c2.752 0 5.4 2.23 5.4 4.966V120.6c0 2.752-2.632 4.986-5.4 4.986Z",
     fill: "#9BDEFF"
   }))), _g || (_g = /*#__PURE__*/React.createElement("g", {
-    mask: "url(#sn7n3ib94n84i8g8p_b)",
+    mask: "url(#z7v0sbjimnryz7b6_b)",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }, /*#__PURE__*/React.createElement("path", {
@@ -4919,7 +4932,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     d: "M24.73 96.184a.414.414 0 0 1 .581.06l48.646 59.751a.413.413 0 1 1-.642.523L24.67 96.766a.414.414 0 0 1 .06-.582Z",
     fill: "#fff"
   }))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: "sn7n3ic4pqzlruud4_a"
+    id: "z7v0sbayvku4mc68_a"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
     transform: "translate(.552)",
@@ -4928,46 +4941,44 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
 };
 var ForwardRef$4 = /*#__PURE__*/forwardRef(SvgEmptyTable);
 
-var css$h = {"root":"uMWgnN","sticky-header":"rKECzF","stickyHeader":"rKECzF","no-results":"PO4aRk","noResults":"PO4aRk","icon":"cgkoIv","title":"XLFZH6"};
+var css$h = {"root":"Ap3iJD","sticky-header":"zj38ZK","stickyHeader":"zj38ZK","no-results":"Ka4hFf","noResults":"Ka4hFf","icon":"QQuNKx","title":"_43mbnv"};
 
 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 +4990,9 @@ function DataTable(props) {
                 } }))));
 }
 
-var css$g = {"root":"V4OjU4"};
+var css$g = {"root":"qNrCBP"};
 
-var css$f = {"root":"zSIjMr","burger-content":"_5ONd5P","burgerContent":"_5ONd5P"};
+var css$f = {"root":"GmA-NF","burger-content":"wiKZVH","burgerContent":"wiKZVH"};
 
 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 +5035,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
 };
 var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgNavigationArrowDownOutline);
 
-var css$e = {"uui-typography":"_4vvL-0","uuiTypography":"_4vvL-0","hero-header":"uVteDZ","heroHeader":"uVteDZ","promo-header":"p8536P","promoHeader":"p8536P","uui-critical":"QguHXy","uuiCritical":"QguHXy","uui-info":"d8KT1N","uuiInfo":"d8KT1N","uui-success":"TjEyup","uuiSuccess":"TjEyup","uui-warning":"FLhnxT","uuiWarning":"FLhnxT","uui-highlight":"Qt4-6L","uuiHighlight":"Qt4-6L","uui-typography-size-12":"rSEoch","uuiTypographySize12":"rSEoch","uui-typography-size-14":"VuvWI-","uuiTypographySize14":"VuvWI-","uui-typography-size-16":"Zjh5oK","uuiTypographySize16":"Zjh5oK","root":"gzbXPQ","button-primary":"-qDtJG","buttonPrimary":"-qDtJG","button-secondary":"mlb--2","buttonSecondary":"mlb--2","hasIcon":"KZeKRu","dropdown":"-BNlGE"};
+var css$e = {"uui-typography":"G-gjIz","uuiTypography":"G-gjIz","hero-header":"KS3v4S","heroHeader":"KS3v4S","promo-header":"Bt7aAK","promoHeader":"Bt7aAK","uui-critical":"mdJ0At","uuiCritical":"mdJ0At","uui-info":"zWYLkM","uuiInfo":"zWYLkM","uui-success":"a5Az7k","uuiSuccess":"a5Az7k","uui-warning":"BnFRGB","uuiWarning":"BnFRGB","uui-highlight":"MlJQ5K","uuiHighlight":"MlJQ5K","uui-typography-size-12":"_6FTwDt","uuiTypographySize12":"_6FTwDt","uui-typography-size-14":"_0pAh99","uuiTypographySize14":"_0pAh99","uui-typography-size-16":"vq2bZE","uuiTypographySize16":"vq2bZE","root":"GrG3pu","button-primary":"_9pck7d","buttonPrimary":"_9pck7d","button-secondary":"a-Jlwn","buttonSecondary":"a-Jlwn","hasIcon":"OwESOc","dropdown":"uMCdLT"};
 
 const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
     css$e.root,
@@ -5035,13 +5046,13 @@ const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
     props.icon && css$e.hasIcon,
 ], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
 
-var css$d = {"search-input":"IdsMKW","searchInput":"IdsMKW"};
+var css$d = {"search-input":"rPOjPn","searchInput":"rPOjPn"};
 
 function BurgerSearch(props) {
     return (React.createElement(TextInput$1, { cx: cx(css$d.searchInput, 'uui-main_menu-burger-search'), iconPosition: "left", icon: ForwardRef$O, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$R }));
 }
 
-var css$c = {"root":"VOoNK-","group-header":"JpEiMn","groupHeader":"JpEiMn","group-name":"_9oZZ0R","groupName":"_9oZZ0R","line":"HpmXfD"};
+var css$c = {"root":"UF6aL1","group-header":"L9Cdn-","groupHeader":"L9Cdn-","group-name":"x-m6d8","groupName":"x-m6d8","line":"-xJC6j"};
 
 function BurgerGroupHeader(props) {
     return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
@@ -5049,15 +5060,21 @@ function BurgerGroupHeader(props) {
         React.createElement("span", { className: css$c.groupName }, props.caption)));
 }
 
-var css$b = {"uui-typography":"Y3QUYF","uuiTypography":"Y3QUYF","hero-header":"cKqM9H","heroHeader":"cKqM9H","promo-header":"zV1p76","promoHeader":"zV1p76","uui-critical":"aGTFJU","uuiCritical":"aGTFJU","uui-info":"_2WYX8z","uuiInfo":"_2WYX8z","uui-success":"_1bGfgI","uuiSuccess":"_1bGfgI","uui-warning":"PgS8ZR","uuiWarning":"PgS8ZR","uui-highlight":"HOXMdb","uuiHighlight":"HOXMdb","uui-typography-size-12":"hv4mIp","uuiTypographySize12":"hv4mIp","uui-typography-size-14":"_5ItI6S","uuiTypographySize14":"_5ItI6S","uui-typography-size-16":"ugo5iu","uuiTypographySize16":"ugo5iu","root":"PgtKlP","type-primary":"ov3R-D","typePrimary":"ov3R-D","type-secondary":"_5uYerB","typeSecondary":"_5uYerB"};
+var css$b = {"uui-typography":"_55QC3h","uuiTypography":"_55QC3h","hero-header":"KqCV6n","heroHeader":"KqCV6n","promo-header":"EOhurv","promoHeader":"EOhurv","uui-critical":"TrReJX","uuiCritical":"TrReJX","uui-info":"jNiZiI","uuiInfo":"jNiZiI","uui-success":"-l-4Zu","uuiSuccess":"-l-4Zu","uui-warning":"ISwuT0","uuiWarning":"ISwuT0","uui-highlight":"UXyA50","uuiHighlight":"UXyA50","uui-typography-size-12":"Vvupc0","uuiTypographySize12":"Vvupc0","uui-typography-size-14":"DnlfTU","uuiTypographySize14":"DnlfTU","uui-typography-size-16":"LMB-Dw","uuiTypographySize16":"LMB-Dw","root":"Q8fVtx","type-primary":"ECI7yt","typePrimary":"ECI7yt","type-secondary":"xjghv8","typeSecondary":"xjghv8"};
 
 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 +5082,11 @@ const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
         props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$Q, flipY: props.isOpen }))));
 });
 
-var css$a = {"dropdown-body":"annmFL","dropdownBody":"annmFL"};
+var css$a = {"dropdown-body":"QT6i-w","dropdownBody":"QT6i-w"};
 
 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 +5094,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 +5140,66 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
 };
 var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationGlobalMenuOutlineOutline);
 
-var css$9 = {"global-menu-btn":"H5QeUe","globalMenuBtn":"H5QeUe","global-menu-icon":"_1whPkM","globalMenuIcon":"_1whPkM"};
+var css$9 = {"global-menu-btn":"UJFXPf","globalMenuBtn":"UJFXPf","global-menu-icon":"_0l1W2g","globalMenuIcon":"_0l1W2g"};
 
-const GlobalMenu = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", Object.assign({ ref: ref, id: "global_menu_toggle", className: cx(css$9.globalMenuBtn, props.cx) }, props.rawProps),
+const GlobalMenu = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", { ref: ref, id: "global_menu_toggle", className: cx(css$9.globalMenuBtn, props.cx), ...props.rawProps },
     React.createElement(IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
 
-var css$8 = {"container":"VWM2pz","open":"fmZkwp","folding-arrow":"x55JGF","foldingArrow":"x55JGF"};
+var css$8 = {"container":"rx3dLP","open":"UksY06","folding-arrow":"Hmcc8U","foldingArrow":"Hmcc8U"};
 
-const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", { ref: ref, className: cx(css$8.container, props.isDropdown && css$8.dropdown, props.isOpen && css$8.open, props.onClick && uuiMarkers.clickable, props.cx), onClick: props.onClick },
+const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", { ref: ref, className: cx(css$8.container, props.isDropdown && css$8.dropdown, props.isOpen && css$8.open, props.onClick && uuiMarkers.clickable, props.cx), onClick: props.onClick, ...props.rawProps },
     React.createElement(Avatar, { size: "36", img: props.avatarUrl }),
     props.icon && React.createElement(IconContainer, { icon: props.icon }),
     props.isDropdown && (React.createElement("div", null,
         React.createElement(IconContainer, { size: 18, icon: ForwardRef$Q, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
 
-var css$7 = {"search-input":"cWLbQr","searchInput":"cWLbQr"};
+var css$7 = {"search-input":"-T8B-P","searchInput":"-T8B-P"};
 
-const MainMenuSearch = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => {
-        var _a;
-        return (React.createElement(TextInput$1, Object.assign({ iconPosition: "left", icon: ForwardRef$O, cancelIcon: ((_a = props.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && ForwardRef$R }, props, iEditable, { ref: ref, cx: cx$1(css$7.searchInput, props.cx) }, props.rawProps)));
-    } }))));
+const MainMenuSearch = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IEditableDebouncer, { ...props, render: (iEditable) => (React.createElement(TextInput$1, { iconPosition: "left", icon: ForwardRef$O, cancelIcon: props.value?.length > 0 && ForwardRef$R, ...props, ...iEditable, ref: ref, cx: cx$1(css$7.searchInput, props.cx), ...props.rawProps })) })));
 
-var css$6 = {"container":"iiAKp-"};
+var css$6 = {"container":"pN452V"};
 
-const MainMenuIcon = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IconButton, Object.assign({ ref: ref, icon: props.icon, cx: cx$1(props.cx, css$6.container) }, props))));
+const MainMenuIcon = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IconButton, { ref: ref, icon: props.icon, cx: cx$1(props.cx, css$6.container), ...props })));
 
-var css$5 = {"root":"vh7agE"};
+var css$5 = {"root":"MdxzMF"};
 
 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 +5219,33 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
 };
 var ForwardRef = /*#__PURE__*/forwardRef(SvgFileCloudUploadFill);
 
-var css$4 = {"root":"F6d1xs","drop-start":"kvLszj","dropStart":"kvLszj","drop-over":"j0EVHB","dropOver":"j0EVHB","link":"nfnSDx","drop-area":"u0f-4o","dropArea":"u0f-4o","drop-caption":"hjIMfl","dropCaption":"hjIMfl","icon-blue":"l-4dsw","iconBlue":"l-4dsw"};
+var css$4 = {"root":"leQoU9","drop-start":"i5rnty","dropStart":"i5rnty","drop-over":"xgmHnJ","dropOver":"xgmHnJ","link":"nBe4uS","drop-area":"e2ww3-","dropArea":"e2ww3-","drop-caption":"P4TAxl","dropCaption":"P4TAxl","icon-blue":"UhBcga","iconBlue":"UhBcga"};
 
 function DropSpot(props) {
     const getInfoText = typeof props.infoText === 'string'
-        ? (React.createElement(Text, { lineHeight: "24", size: "24", fontSize: "14", color: "tertiary" }, props.infoText)) : props === null || props === void 0 ? void 0 : props.infoText;
+        ? (React.createElement(Text, { lineHeight: "24", size: "24", fontSize: "14", color: "tertiary" }, props.infoText)) : props?.infoText;
     const renderAttachmentArea = (params) => {
-        return (React.createElement("div", Object.assign({ className: cx$1(css$4.root, props.cx, params.isDragStart && css$4.dropStart, params.isDraggingOver && css$4.dropOver) }, props.rawProps),
-            React.createElement("div", Object.assign({}, params.eventHandlers, { className: css$4.dropArea }),
+        return (React.createElement("div", { className: cx$1(css$4.root, props.cx, params.isDragStart && css$4.dropStart, params.isDraggingOver && css$4.dropOver), ...props.rawProps },
+            React.createElement("div", { ...params.eventHandlers, className: css$4.dropArea },
                 React.createElement(FlexRow, { size: "24" },
                     React.createElement(IconContainer, { icon: ForwardRef, cx: css$4.iconBlue }),
                     React.createElement(Text, { lineHeight: "24", size: "24", fontSize: "14", cx: css$4.dropCaption }, i18n.fileUpload.labelStart),
                     React.createElement(UploadFileToggler, { onFilesAdded: props.onUploadFiles, render: (props) => (React.createElement(RichTextView, null,
-                            React.createElement(LinkButton, Object.assign({ caption: i18n.fileUpload.browse }, props, { cx: css$4.link })))), accept: props.accept, single: props.single })),
+                            React.createElement(LinkButton, { caption: i18n.fileUpload.browse, ...props, cx: css$4.link }))), accept: props.accept, single: props.single })),
                 getInfoText)));
     };
     return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
 }
 
-var css$3 = {"uui-typography":"sdgL2t","uuiTypography":"sdgL2t","hero-header":"vUYR-0","heroHeader":"vUYR-0","promo-header":"BZBF-B","promoHeader":"BZBF-B","uui-critical":"soy8vG","uuiCritical":"soy8vG","uui-info":"xKH1-q","uuiInfo":"xKH1-q","uui-success":"lgBSzJ","uuiSuccess":"lgBSzJ","uui-warning":"tUty0Y","uuiWarning":"tUty0Y","uui-highlight":"LVmUfr","uuiHighlight":"LVmUfr","uui-typography-size-12":"O7t1pE","uuiTypographySize12":"O7t1pE","uui-typography-size-14":"BW-QqS","uuiTypographySize14":"BW-QqS","uui-typography-size-16":"o3b0ZZ","uuiTypographySize16":"o3b0ZZ","root":"_1w6HQH","file-name":"XXUE9V","fileName":"XXUE9V","default-color":"tMn2pl","defaultColor":"tMn2pl","doc-color":"Ethh0a","docColor":"Ethh0a","xls-color":"S9oagQ","xlsColor":"S9oagQ","pdf-color":"nqwZvA","pdfColor":"nqwZvA","movie-color":"YY7fY9","movieColor":"YY7fY9","img-color":"wAdJSn","imgColor":"wAdJSn","mov-color":"gl5Dnj","movColor":"gl5Dnj","error-block":"ZtAuIG","errorBlock":"ZtAuIG","icons-block":"IQStmG","iconsBlock":"IQStmG"};
+var css$3 = {"uui-typography":"_2bw14-","uuiTypography":"_2bw14-","hero-header":"s0Qm5n","heroHeader":"s0Qm5n","promo-header":"l0njlQ","promoHeader":"l0njlQ","uui-critical":"i-9Umo","uuiCritical":"i-9Umo","uui-info":"hSUZZU","uuiInfo":"hSUZZU","uui-success":"j8dncP","uuiSuccess":"j8dncP","uui-warning":"p7YTPV","uuiWarning":"p7YTPV","uui-highlight":"gjTmkw","uuiHighlight":"gjTmkw","uui-typography-size-12":"qYxWlz","uuiTypographySize12":"qYxWlz","uui-typography-size-14":"SO-hGt","uuiTypographySize14":"SO-hGt","uui-typography-size-16":"mG33ir","uuiTypographySize16":"mG33ir","root":"ZvBlWq","file-name":"yqbE9j","fileName":"yqbE9j","default-color":"CyU4xD","defaultColor":"CyU4xD","doc-color":"fyg24B","docColor":"fyg24B","xls-color":"rJD9oz","xlsColor":"rJD9oz","pdf-color":"hYMeq2","pdfColor":"hYMeq2","movie-color":"eLz3Lf","movieColor":"eLz3Lf","img-color":"e2m2-r","imgColor":"e2m2-r","mov-color":"keKyJB","movColor":"keKyJB","error-block":"_5YZJ8S","errorBlock":"_5YZJ8S","icons-block":"_0RsVZ6","iconsBlock":"_0RsVZ6"};
 
-var css$2 = {"root":"lj1LMF"};
+var css$2 = {"root":"GD4eHq"};
 
 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 +5290,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 +5314,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 +5367,7 @@ const getErrorPageConfig = () => ({
     },
 });
 
-var css$1 = {"container":"xgn-pi"};
+var css$1 = {"container":"MM-FFC"};
 
 const ErrorPage = (props) => {
     const isMobileScreen = isMobile();
@@ -5359,10 +5376,10 @@ const ErrorPage = (props) => {
             React__default.createElement("img", { className: "uui-error-image", src: isMobileScreen && props.mobileImageUrl ? props.mobileImageUrl : props.imageUrl, alt: "ERROR OCCURRED!" }),
             React__default.createElement("div", { className: "uui-error-title" }, props.title),
             React__default.createElement("div", { className: "uui-error-subtitle" }, props.subtitle),
-            (props === null || props === void 0 ? void 0 : props.supportLink) && React__default.createElement("div", { className: "uui-error-support-link" }, props === null || props === void 0 ? void 0 : props.supportLink))));
+            props?.supportLink && React__default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
 };
 
-var css = {"recovery-spinner":"IOcJLD","recoverySpinner":"IOcJLD","recovery-message":"_3nkaAx","recoveryMessage":"_3nkaAx","modal-blocker":"Y6rYRM","modalBlocker":"Y6rYRM","modalFadeIn":"S0Ey6J"};
+var css = {"recovery-spinner":"YDnh-t","recoverySpinner":"YDnh-t","recovery-message":"z0nPRc","recoveryMessage":"z0nPRc","modal-blocker":"Rh2h7F","modalBlocker":"Rh2h7F","modalFadeIn":"Pj1DLO"};
 
 function ErrorHandler(props) {
     const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();
@@ -5377,7 +5394,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 +5416,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();