@epam/uui 6.4.2 → 6.4.3

package/index.esm.js

@@ -3,7 +3,7 @@ import { Spinner as Spinner$1, Blocker as Blocker$1, Clickable, IconContainer, A
 export { Avatar, DataTableCellContainer, FlexSpacer, IconContainer, MainMenuCustomElement, MainMenuLogo } from '@epam/uui-components';
 import { withMods, devLogger, uuiElement, useIsActive, uuiMod, cx as cx$1, uuiMarkers, IEditableDebouncer, UuiContext, getDir, isEventTargetInsideClickable, directionMode, useScrollShadows, useVirtualList, isMobile, i18n as i18n$1, useUuiContext, useLayoutEffectSafeForSsr, usePrevious, mobilePositioning, uuiDataTableHeaderCell, uuiDataTableHeaderGroupCell, DndActor, uuiDndState, useColumnsConfig, uuiScrollShadows, useForceUpdate, getSeparatedValue, useArrayDataSource, orderBy, getOrderBetween, Form as Form$1, useForm as useForm$1, formatBytes, useUuiError } from '@epam/uui-core';
 import * as React from 'react';
-import React__default, { forwardRef, useState, useEffect, useContext, useRef, useImperativeHandle, useMemo, useReducer, useCallback, Fragment } from 'react';
+import React__default, { forwardRef, useState, useEffect, useContext, useRef, useMemo, useImperativeHandle, useReducer, useCallback, Fragment } from 'react';
 import cx from 'classnames';
 import { offset } from '@floating-ui/react';
 import dayjs from 'dayjs';
@@ -156,7 +156,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
   }, props), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#5ijuogspqkuhn1rg_a)"
+    clipPath: "url(#7rku2u20ng8n2e0u2_a)"
   }, _path$I || (_path$I = /*#__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"
@@ -177,7 +177,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: "5ijuogtu6oq6pwj4_b",
+    id: "7rku2vt84p7bhihh_b",
     style: {
       maskType: "alpha"
     },
@@ -190,7 +190,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(#5ijuogtu6oq6pwj4_b)",
+    mask: "url(#7rku2vt84p7bhihh_b)",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }, /*#__PURE__*/React.createElement("path", {
@@ -276,7 +276,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: "5ijuogspqkuhn1rg_a"
+    id: "7rku2u20ng8n2e0u2_a"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
     transform: "translate(.552)",
@@ -927,14 +927,14 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
 };
 var ForwardRef$4 = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
 
-var css$1w = {"root":"_9QN1yi","uui-spinner":"_2TpjB9","uuiSpinner":"_2TpjB9"};
+var css$1w = {"root":"_8hLwMO","uui-spinner":"R-jhSm","uuiSpinner":"R-jhSm"};
 
 function applySpinnerMods() {
     return [css$1w.root, 'uui-spinner'];
 }
 const Spinner = /* @__PURE__ */withMods(Spinner$1, applySpinnerMods);
 
-var css$1v = {"root":"DLs1Il","loading-word":"IbALyA","loadingWord":"IbALyA","animated-loading":"_6WhCoy","animatedLoading":"_6WhCoy","skeleton_loading":"yp4oCW","skeletonLoading":"yp4oCW"};
+var css$1v = {"root":"DNQ--Z","loading-word":"bVoEv-","loadingWord":"bVoEv-","animated-loading":"aWmYTS","animatedLoading":"aWmYTS","skeleton_loading":"ta-y36","skeletonLoading":"ta-y36"};
 
 const TextPlaceholder = (props) => {
     const pattern = ' ';
@@ -951,7 +951,7 @@ const TextPlaceholder = (props) => {
         ]), dangerouslySetInnerHTML: { __html: it } })))));
 };
 
-var css$1u = {"root":"ADkaQX","line-height":"QtSITm","lineHeight":"QtSITm","font-size":"fcVzfk","fontSize":"fcVzfk"};
+var css$1u = {"root":"pMvf3g","line-height":"zEEf4D","lineHeight":"zEEf4D","font-size":"_4aEQ4J","fontSize":"_4aEQ4J"};
 
 function applyTextMods(mods) {
     return [
@@ -978,7 +978,7 @@ const Text = /* @__PURE__ */withMods(uuiComponents.Text, applyTextMods, (props)
     };
 });
 
-var css$1t = {"root":"pqcU0t"};
+var css$1t = {"root":"MLcxSI"};
 
 const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$1t.root], () => ({ renderSpinner: settings.blocker.renderSpinner }));
 
@@ -1483,7 +1483,7 @@ const settings = {
     textInput: textInputSettings,
 };
 
-var css$1s = {"root":"krR-kO"};
+var css$1s = {"root":"jTwM9i"};
 
 function applyButtonMods(mods) {
     return [
@@ -1501,7 +1501,7 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
     };
 });
 
-var css$1r = {"root":"_6yrG-R"};
+var css$1r = {"root":"_4WdNiE"};
 
 function applyIconButtonMods(props) {
     return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1r.root];
@@ -1538,7 +1538,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$1q = {"root":"vUSh6-"};
+var css$1q = {"root":"pYZg7j"};
 
 const DEFAULT_COLOR = 'primary';
 const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
@@ -1568,7 +1568,7 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
         props.isDropdown && (React.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$1p = {"root":"_48OcY9"};
+var css$1p = {"root":"q-Vi6c"};
 
 const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
@@ -1580,7 +1580,7 @@ const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
         ]) }, props.caption));
 });
 
-var css$1o = {"root":"_3PsUxa","withNotify":"_9B2HrO"};
+var css$1o = {"root":"-lzGOU","withNotify":"ncK1Q2"};
 
 const TabButton = /* @__PURE__ */React__default.forwardRef((props, refExternal) => {
     const refLocal = React__default.useRef(null);
@@ -1627,13 +1627,13 @@ const TabButton = /* @__PURE__ */React__default.forwardRef((props, refExternal)
         props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
 });
 
-var css$1n = {"root":"peObWc","noLeftPadding":"M9oM9m","foldingArea":"O3E-QD","onlyFoldable":"GKSVwK","captionWrapper":"PXXAOU","withNotify":"yiUC4M"};
+var css$1n = {"root":"NLF-70","noLeftPadding":"qDkIGp","foldingArea":"-ossLC","onlyFoldable":"_090PZs","captionWrapper":"dH6VQK","withNotify":"tWMvCW"};
 
-var css$1m = {"root":"_0F5xqb"};
+var css$1m = {"root":"wcwKbc"};
 
 const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$1m.root]);
 
-var css$1l = {"root":"nh4MZv"};
+var css$1l = {"root":"kL6Tbp"};
 
 const DEFAULT_FILL = 'solid';
 function applyBadgeMods(mods) {
@@ -1661,7 +1661,7 @@ const Badge = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$1k = {"root":"kXKR1s"};
+var css$1k = {"root":"_8ejsbh"};
 
 function applyTagMods(props) {
     return [
@@ -1694,7 +1694,7 @@ const Tag = /* @__PURE__ */React__default.forwardRef((props, ref) => {
             } }))));
 });
 
-var css$1j = {"root":"JNufGU","page":"mZ5zUd","spacer":"XjssZB","mode-ghost":"MjgFZy","modeGhost":"MjgFZy"};
+var css$1j = {"root":"fHn-cg","page":"snUZHH","spacer":"Bm1PLu","mode-ghost":"Tk4CAT","modeGhost":"Tk4CAT"};
 
 function Paginator(props) {
     const renderPaginator = (params) => (React__default.createElement("nav", { role: "navigation", className: cx('uui-paginator', `uui-size-${props.size || settings.paginator.sizes.default}`), ...params.rawProps },
@@ -1720,14 +1720,14 @@ function Paginator(props) {
     return React__default.createElement(Paginator$1, { ...props, render: renderPaginator });
 }
 
-var css$1i = {"root":"quYrc5","progress-bar":"_1IjHFJ","progressBar":"_1IjHFJ","progressBar-indeterminate":"x38wjI","progressBarIndeterminate":"x38wjI","size-12":"zCDLL5","size12":"zCDLL5","size-18":"_4B7SXr","size18":"_4B7SXr","size-24":"x1p-IV","size24":"x1p-IV"};
+var css$1i = {"root":"yfsXOh","progress-bar":"C-iJFW","progressBar":"C-iJFW","progressBar-indeterminate":"F5x8oC","progressBarIndeterminate":"F5x8oC","size-12":"qIeaxr","size12":"qIeaxr","size-18":"Lu-gwD","size18":"Lu-gwD","size-24":"xCWhuo","size24":"xCWhuo"};
 
 const IndeterminateBar = /* @__PURE__ */React.forwardRef((props, ref) => {
     return (React.createElement("div", { ref: ref, className: cx('uui-indeterminate_bar', props.cx, css$1i.root, css$1i[`size-${props.size || 12}`]) },
         React.createElement("div", { className: cx(css$1i.progressBar) })));
 });
 
-var css$1h = {"root":"vwMiei","striped":"BxBzcl","animate-stripes":"rXqbPX","animateStripes":"rXqbPX","size-12":"omUXKt","size12":"omUXKt","size-18":"oUm4No","size18":"oUm4No","size-24":"QZW1ld","size24":"QZW1ld"};
+var css$1h = {"root":"CxCTzP","striped":"_3gNHFF","animate-stripes":"WVIgYO","animateStripes":"WVIgYO","size-12":"_7REGvN","size12":"_7REGvN","size-18":"fGh9tR","size18":"fGh9tR","size-24":"b3mqFI","size24":"b3mqFI"};
 
 const DEFAULT_SIZE = '12';
 function applyProgressBarMods(mods) {
@@ -1742,14 +1742,14 @@ const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProg
     hideLabel: props.hideLabel || props.striped,
 }));
 
-var css$1g = {"root":"kyVEb9"};
+var css$1g = {"root":"_83Ha80"};
 
 const IndicatorBar = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { progress } = props;
     return progress || progress === 0 ? (React.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx(css$1g.root, props.cx), hideLabel: true })) : (React.createElement(IndeterminateBar, { ref: ref, cx: cx(css$1g.root, props.cx) }));
 });
 
-var css$1f = {"root":"_1QTGJ9"};
+var css$1f = {"root":"mmdPAb"};
 
 const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
@@ -1764,7 +1764,7 @@ const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
         React__default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
 });
 
-var css$1e = {"root":"CvX6eY"};
+var css$1e = {"root":"ulLCPc"};
 
 function applyCheckboxMods(mods) {
     return [
@@ -1782,7 +1782,7 @@ const applyUUICheckboxProps = (props) => {
 };
 const Checkbox = /* @__PURE__ */withMods(uuiComponents.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
 
-var css$1d = {"root":"Bw2K4o"};
+var css$1d = {"root":"UEuGTj"};
 
 function applyRadioInputMods(mods) {
     return [
@@ -1794,7 +1794,7 @@ function applyRadioInputMods(mods) {
 }
 const RadioInput = /* @__PURE__ */withMods(RadioInput$1, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : settings.radioInput.icons.dotIcon }));
 
-var css$1c = {"root":"_5-bml2"};
+var css$1c = {"root":"HCSa-i"};
 
 function applySwitchMods(mods) {
     return [
@@ -1818,7 +1818,7 @@ var EditMode;
     EditMode["INLINE"] = "inline";
 })(EditMode || (EditMode = {}));
 
-var textInputCss = {"root":"Ach0D5"};
+var textInputCss = {"root":"bzFpyH"};
 
 const DEFAULT_MODE$3 = EditMode.FORM;
 function applyTextInputMods(mods) {
@@ -1843,7 +1843,7 @@ const SearchInput = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         } }));
 });
 
-var css$1b = {"root":"qfc1b8"};
+var css$1b = {"root":"Lqndn2"};
 
 const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1b.root, 'uui-control-group']);
 
@@ -1859,7 +1859,7 @@ function MultiSwitchComponent(props, ref) {
 }
 const MultiSwitch = /* @__PURE__ */React.forwardRef(MultiSwitchComponent);
 
-var css$1a = {"root":"Bh6hQu"};
+var css$1a = {"root":"kEwxAR"};
 
 const DEFAULT_MODE$2 = EditMode.FORM;
 function applyNumericInputMods(mods) {
@@ -1879,7 +1879,7 @@ const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMo
     };
 });
 
-var css$19 = {"root":"GRmenM"};
+var css$19 = {"root":"VyQTdl"};
 
 const DEFAULT_MODE$1 = EditMode.FORM;
 function applyTextAreaMods(mods) {
@@ -1920,7 +1920,7 @@ function TREE_SHAKEABLE_INIT$1() {
     };
 }
 
-var css$18 = {"root":"_89PZB-"};
+var css$18 = {"root":"jeat4s"};
 
 function applyDropdownContainerMods(mods) {
     return [
@@ -1931,7 +1931,7 @@ function applyDropdownContainerMods(mods) {
 }
 const DropdownContainer = /* @__PURE__ */withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
 
-var css$17 = {"root":"NkryVu","timepicker-input":"m7KbGC","timepickerInput":"m7KbGC","ltr-always":"Q6F-0V","ltrAlways":"Q6F-0V"};
+var css$17 = {"root":"HxES-u","timepicker-input":"OdqQbC","timepickerInput":"OdqQbC","ltr-always":"Zbs3dP","ltrAlways":"Zbs3dP"};
 
 const uuiTimePicker = {
     container: 'uui-timepicker-container',
@@ -2104,11 +2104,15 @@ function TimePickerComponent(props, ref) {
             if (isTimeValid(result)) {
                 setState((prevState) => ({ ...prevState, value: result }));
             }
+            // save time immediately if the input value is valid
+            if (isTimeValid(newValue)) {
+                saveTime(newValue);
+            }
         }
     };
     const handleBlur = (e) => {
         props.onBlur?.(e);
-        if (state.value === '' || state.inputValue === '') {
+        if (state.value === '' || state.inputValue === '' || state.value === null) {
             props.onValueChange(null);
             setState((prevState) => ({ ...prevState, value: null, inputValue: null }));
         }
@@ -2128,6 +2132,8 @@ function TimePickerComponent(props, ref) {
     };
     const renderInput = (inputProps) => {
         return (React__default.createElement(TextInput, { ...inputProps, size: props.size, isDisabled: props.isDisabled, isReadonly: props.isReadonly, isInvalid: props.isInvalid, cx: [css$17.root, css$17.timepickerInput, props.inputCx], value: state.inputValue, onValueChange: handleInputChange, onCancel: !props.disableClear && onClear, onKeyDown: onKeyDown, onFocus: handleFocus, onBlur: handleBlur, isDropdown: false, placeholder: props.placeholder ? props.placeholder : getFormat(), mode: props.mode || DEFAULT_MODE, rawProps: props.rawProps?.input, ref: (node) => {
+                if (!node)
+                    return;
                 targetRef.current = node;
                 if (typeof inputProps.ref === 'function') {
                     inputProps.ref(node);
@@ -2146,7 +2152,7 @@ function TimePickerComponent(props, ref) {
 }
 const TimePicker = /* @__PURE__ */React__default.forwardRef(TimePickerComponent);
 
-var css$16 = {"root":"Wc-ttN"};
+var css$16 = {"root":"rMoG-Q"};
 
 function applyInputAddonMods() {
     return [
@@ -2155,14 +2161,14 @@ function applyInputAddonMods() {
 }
 const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
 
-var css$15 = {"root":"_2th2mG"};
+var css$15 = {"root":"BTxkhK"};
 
 function applySliderMods() {
     return [css$15.root, 'uui-color-neutral'];
 }
 const Slider = /* @__PURE__ */withMods(Slider$1, applySliderMods);
 
-var css$14 = {"root":"_2woU-o"};
+var css$14 = {"root":"uGxzLI"};
 
 function applyTooltipMods(mods) {
     return [
@@ -2172,7 +2178,7 @@ function applyTooltipMods(mods) {
 }
 const Tooltip = /* @__PURE__ */withMods(uuiComponents.Tooltip, applyTooltipMods);
 
-var css$13 = {"root":"PdX32A","tooltip":"YFejA1"};
+var css$13 = {"root":"cIcj2V","tooltip":"fL-2KQ"};
 
 function applyRatingMods(mods) {
     return [
@@ -2186,7 +2192,7 @@ const Rating = /* @__PURE__ */withMods(uuiComponents.Rating, applyRatingMods, (p
     Tooltip,
 }));
 
-var css$12 = {"drag-handle-wrapper":"PyemR7","dragHandleWrapper":"PyemR7","with-indent":"LxfPDK","withIndent":"LxfPDK","drag-handle":"nJn50K","dragHandle":"nJn50K","icon-container":"QsPd8n","iconContainer":"QsPd8n"};
+var css$12 = {"drag-handle-wrapper":"vz4Jau","dragHandleWrapper":"vz4Jau","with-indent":"Gb4-F8","withIndent":"Gb4-F8","drag-handle":"W6zySe","dragHandle":"W6zySe","icon-container":"RBZlzp","iconContainer":"RBZlzp"};
 
 function DataRowAddons(props) {
     const row = props.rowProps;
@@ -2210,7 +2216,7 @@ function DataRowAddons(props) {
     };
     return (React__default.createElement(React__default.Fragment, null,
         row.dnd?.srcData && renderDragHandle(),
-        row?.checkbox?.isVisible && (React__default.createElement(Checkbox, { key: "cb", cx: "uui-dr_addons-checkbox", tabIndex: props.tabIndex, size: settings.dataTable.sizes.body.checkboxMap[props.size], value: row.isChecked, indeterminate: !row.isChecked && row.isChildrenChecked, onValueChange: () => row.onCheck?.(row), isDisabled: row.checkbox.isDisabled, isInvalid: row.checkbox.isInvalid })),
+        row?.checkbox?.isVisible && (React__default.createElement(Checkbox, { key: "cb", cx: "uui-dr_addons-checkbox", tabIndex: props.tabIndex, size: settings.dataTable.sizes.body.checkboxMap[props.size], value: row.isChecked, indeterminate: !row.isChecked && row.isChildrenChecked, onValueChange: () => row.onCheck?.(row), isDisabled: row.checkbox.isDisabled, isInvalid: row.checkbox.isInvalid, rawProps: { 'aria-label': 'Select' } })),
         row.indent > 0 && (React__default.createElement("div", { key: "fold", className: cx('uui-dr_addons-indent', `uui-size-${props.size || settings.dataTable.sizes.body.row}`), style: { marginInlineStart: getIndent(), width: getWidth() } }, row.isFoldable && (React__default.createElement(ControlIcon, { rawProps: {
                 'aria-label': row.isFolded ? 'Unfold' : 'Fold',
                 role: 'button',
@@ -2268,7 +2274,7 @@ function VerticalTabButtonComponent(props, ref) {
 }
 const VerticalTabButton = /* @__PURE__ */React__default.forwardRef(VerticalTabButtonComponent);
 
-var css$11 = {"root":"vDGcoJ","main-path":"u5IAID","mainPath":"u5IAID","content-wrapper":"ZrnhH5","contentWrapper":"ZrnhH5","content":"TsKAY8","action-wrapper":"_3T4NBj","actionWrapper":"_3T4NBj","icon-wrapper":"OqmFMf","iconWrapper":"OqmFMf","icon":"maEFhr","close-icon":"pBvrmI","closeIcon":"pBvrmI"};
+var css$11 = {"root":"MJvL6k","main-path":"_3a8RsN","mainPath":"_3a8RsN","content-wrapper":"_9nh9V7","contentWrapper":"_9nh9V7","content":"-EISlR","action-wrapper":"VFvxE-","actionWrapper":"VFvxE-","icon-wrapper":"X3Bu8y","iconWrapper":"X3Bu8y","icon":"KxlhS-","close-icon":"j4xHs4","closeIcon":"j4xHs4"};
 
 const Alert = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("div", { role: "alert", ref: ref, className: cx('uui-alert', css$11.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.alert.sizes.default}`), ...props.rawProps },
     React.createElement("div", { className: css$11.mainPath },
@@ -2286,7 +2292,7 @@ const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createE
 
 const Dropdown = /* @__PURE__ */withMods(Dropdown$1);
 
-var css$10 = {"submenu-root-item-rtl":"GdZ1Yl","submenuRootItemRtl":"GdZ1Yl","icon-after":"z-UhE0","iconAfter":"z-UhE0","submenu-root-item":"_4moyb-","submenuRootItem":"_4moyb-","icon-check":"xcPEVJ","iconCheck":"xcPEVJ","splitter-root":"bYmh0w","splitterRoot":"bYmh0w","splitter":"cTqUUx","header-root":"vBx3qt","headerRoot":"vBx3qt","item-root":"xEPcY7","itemRoot":"xEPcY7","icon":"UD6uJy","link":"zoDMK2","indent":"_9jYkfR","selected-mark":"iF9nNV","selectedMark":"iF9nNV"};
+var css$10 = {"submenu-root-item-rtl":"Nq2X0n","submenuRootItemRtl":"Nq2X0n","icon-after":"_8JuzK8","iconAfter":"_8JuzK8","submenu-root-item":"ZDksfs","submenuRootItem":"ZDksfs","icon-check":"kKpSl7","iconCheck":"kKpSl7","splitter-root":"VbyK2Z","splitterRoot":"VbyK2Z","splitter":"UFbkr-","header-root":"S0UYrf","headerRoot":"S0UYrf","item-root":"Y7tVM2","itemRoot":"Y7tVM2","icon":"PDP2D-","link":"NtukED","indent":"cSS-IU","selected-mark":"eWdgui","selectedMark":"eWdgui"};
 
 var IDropdownControlKeys;
 (function (IDropdownControlKeys) {
@@ -2420,7 +2426,7 @@ function DropdownMenuSwitchButton(props) {
         React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
 }
 
-var css$$ = {"root":"cEesEV","mode-block":"VLbDlI","modeBlock":"VLbDlI","mode-inline":"hYgMBY","modeInline":"hYgMBY","padding-0":"DQl1jM","padding0":"DQl1jM","padding-6":"DiKBDb","padding6":"DiKBDb","padding-12":"esdG0F","padding12":"esdG0F","padding-18":"Ic1Rmq","padding18":"Ic1Rmq"};
+var css$$ = {"root":"GC19EI","mode-block":"J5dlRj","modeBlock":"J5dlRj","mode-inline":"cB0EHs","modeInline":"cB0EHs","padding-0":"rgSnJT","padding0":"rgSnJT","padding-6":"GQZfvV","padding6":"GQZfvV","padding-12":"_8wkABy","padding12":"_8wkABy","padding-18":"N2U9gX","padding18":"N2U9gX"};
 
 function applyAccordionMods(mods) {
     return [
@@ -2433,7 +2439,7 @@ const Accordion = /* @__PURE__ */withMods(uuiComponents.Accordion, applyAccordio
     dropdownIcon: mods.dropdownIcon !== null && settings.accordion.icons.dropdownIcon,
 }));
 
-var css$_ = {"root":"ODQHa4","align-items":"surmIX","alignItems":"surmIX","justify-content":"DQ-ne5","justifyContent":"DQ-ne5","border-top":"ZtUM1z","borderTop":"ZtUM1z","border-bottom":"_9pcqCN","borderBottom":"_9pcqCN","top-shadow":"nBkTqc","topShadow":"nBkTqc","padding":"fs4htr","margin":"bZWSj8","vPadding":"tX8H6b","column-gap":"H4uI4w","columnGap":"H4uI4w","row-gap":"rEP9ii","rowGap":"rEP9ii","spacing":"AazSkr"};
+var css$_ = {"root":"lymBPc","align-items":"sBduCE","alignItems":"sBduCE","justify-content":"chMoMP","justifyContent":"chMoMP","border-top":"Q-QoP4","borderTop":"Q-QoP4","border-bottom":"Pi-9hw","borderBottom":"Pi-9hw","top-shadow":"_64ECK2","topShadow":"_64ECK2","padding":"iJ-cwy","margin":"R4ZPZb","vPadding":"_3OPJQL","column-gap":"AOuvsp","columnGap":"AOuvsp","row-gap":"IZaB2u","rowGap":"IZaB2u","spacing":"an5wua"};
 
 const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$_.flexCell]);
 
@@ -2485,7 +2491,7 @@ const FlexRow = /* @__PURE__ */forwardRef((props, ref) => {
         } }, props.children));
 });
 
-var css$Z = {"root":"DZ-DpS","margin-24":"V2DlJV","margin24":"V2DlJV","padding-12":"_9QuAOU","padding12":"_9QuAOU","padding-24":"_8YrjFF","padding24":"_8YrjFF","shadow":"-o08Ej","uui-surface-main":"Twz9Mp","uuiSurfaceMain":"Twz9Mp"};
+var css$Z = {"root":"Fk9gyQ","margin-24":"tAqyRo","margin24":"tAqyRo","padding-12":"uLU0kE","padding12":"uLU0kE","padding-24":"EZlU17","padding24":"EZlU17","shadow":"q2R8LA","uui-surface-main":"IZIQGr","uuiSurfaceMain":"IZIQGr"};
 
 const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
     'uui-panel',
@@ -2495,7 +2501,7 @@ const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
     props.background && css$Z[`uui-${props.background}`],
 ]);
 
-var css$Y = {"root":"u1v2GM"};
+var css$Y = {"root":"R4VcpT"};
 
 function applyLabeledInputMods(mods) {
     return [
@@ -2517,7 +2523,7 @@ function applyLabeledInputProps(props) {
 }
 const LabeledInput = /* @__PURE__ */withMods(uuiComponents.LabeledInput, applyLabeledInputMods, applyLabeledInputProps);
 
-var css$X = {"root":"_3WD8id"};
+var css$X = {"root":"ReR-6A"};
 
 function RadioGroup(props) {
     const direction = props.direction || 'vertical';
@@ -2532,7 +2538,7 @@ function RadioGroup(props) {
     })));
 }
 
-var css$W = {"root":"yZjICs","viewport":"flAqGS"};
+var css$W = {"root":"yPmEqK","viewport":"yOo6xt"};
 
 var uuiScrollbars;
 (function (uuiScrollbars) {
@@ -2542,16 +2548,25 @@ var uuiScrollbars;
     uuiScrollbars["uuiLineBottom"] = "uui-line-bottom";
 })(uuiScrollbars || (uuiScrollbars = {}));
 const ScrollBars = /* @__PURE__ */forwardRef((props, ref) => {
-    const { cx: outerCx, children, overflowTopEffect = 'none', overflowBottomEffect = 'none', onScroll, autoHide = 'never', autoHideDelay, rawProps, ...rest } = props;
+    const { cx: outerCx, children, overflowTopEffect = 'none', overflowBottomEffect = 'none', onScroll, autoHide = 'never', autoHideDelay, elementEvents, rawProps, ...rest } = props;
     const [shadowElements, setShadowElements] = useState({
         host: null,
         viewport: null,
     });
     const hostRef = useRef(null);
     const viewportRef = useRef(null);
-    const containerRef = useRef(null);
+    const elementEventsEffective = useMemo(() => {
+        const result = [['img', 'load']]; // this is default
+        if (elementEvents && elementEvents.length > 0) {
+            result.push(...elementEvents);
+        }
+        return result;
+    }, [elementEvents]);
     const [initialize, osInstance] = useOverlayScrollbars({
         options: {
+            update: {
+                elementEvents: elementEventsEffective,
+            },
             scrollbars: {
                 theme: 'uui-scroll-bars',
                 autoHide: autoHide,
@@ -2593,7 +2608,7 @@ const ScrollBars = /* @__PURE__ */forwardRef((props, ref) => {
     useScrollShadows(shadowElements.host, shadowElements.viewport);
     useImperativeHandle(ref, () => {
         return {
-            container: containerRef.current,
+            container: hostRef.current,
             view: viewportRef.current,
         };
     }, []);
@@ -2602,7 +2617,7 @@ const ScrollBars = /* @__PURE__ */forwardRef((props, ref) => {
 });
 ScrollBars.displayName = 'ScrollBars';
 
-var css$V = {"scroll-container":"sMbo8E","scrollContainer":"sMbo8E","list-container":"m3vbi0","listContainer":"m3vbi0"};
+var css$V = {"scroll-container":"-iJzit","scrollContainer":"-iJzit","list-container":"TQ5X2A","listContainer":"TQ5X2A"};
 
 const VirtualList = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const { listContainerRef, offsetY, handleScroll, estimatedHeight, scrollContainerRef, } = useVirtualList({
@@ -2655,7 +2670,7 @@ function Tree(props) {
     return (React.createElement(VirtualList, { value: value, onValueChange: onValueChange, rowsCount: rowsCount, rows: renderedRows, cx: cx$1(propsCx), role: "tree" }));
 }
 
-var css$U = {"root":"hHTDG7"};
+var css$U = {"root":"_24tVSx"};
 
 function CheckboxGroup(props) {
     const currentValue = props.value || [];
@@ -2757,7 +2772,7 @@ const Tabs = /* @__PURE__ */forwardRef((props, ref) => {
 });
 Tabs.displayName = 'Tabs';
 
-var css$T = {"root":"ThyT4m","modal-blocker":"V6snqm","modalBlocker":"V6snqm","animateModalBlocker":"op2kJ9","modal":"_98HlxR","modal-footer":"o03RoT","modalFooter":"o03RoT","border-top":"ZKegJj","borderTop":"ZKegJj","modal-header":"okK-NK","modalHeader":"okK-NK","border-bottom":"bZ-p4H","borderBottom":"bZ-p4H"};
+var css$T = {"root":"lRFOCl","modal-blocker":"M99ISm","modalBlocker":"M99ISm","animateModalBlocker":"yRsqBN","modal":"_4QtQh1","modal-footer":"TZcP8l","modalFooter":"TZcP8l","border-top":"_9gR2FJ","borderTop":"_9gR2FJ","modal-header":"E6QdWb","modalHeader":"E6QdWb","border-bottom":"RyEVCf","borderBottom":"RyEVCf"};
 
 const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$T.modalBlocker]);
 const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$T.root, css$T.modal], (props) => {
@@ -2949,7 +2964,7 @@ const TREE_SHAKEABLE_INIT = () => ({
 });
 const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
 
-var css$S = {"root":"JOmpvW","icon-wrapper":"Rk3Kg6","iconWrapper":"Rk3Kg6","action-wrapper":"AT1sud","actionWrapper":"AT1sud","close-icon":"NIkRYj","closeIcon":"NIkRYj","main-path":"ZVWwAW","mainPath":"ZVWwAW","content":"CTMRj-","close-wrapper":"AW90dt","closeWrapper":"AW90dt","clear-notifications":"bZiaDZ","clearNotifications":"bZiaDZ"};
+var css$S = {"root":"_5QexGN","icon-wrapper":"kdiQJ7","iconWrapper":"kdiQJ7","action-wrapper":"dIMAuL","actionWrapper":"dIMAuL","close-icon":"qmU4i0","closeIcon":"qmU4i0","main-path":"_1tBY8r","mainPath":"_1tBY8r","content":"g6VUBm","close-wrapper":"JR0GPn","closeWrapper":"JR0GPn","clear-notifications":"u-uzl2","clearNotifications":"u-uzl2"};
 
 const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const notificationCardNode = React__default.useRef(null);
@@ -2982,7 +2997,7 @@ function ClearNotification() {
         React__default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
 }
 
-var css$R = {"footer":"D--Nqm"};
+var css$R = {"footer":"_60qdeS"};
 
 class ConfirmationModal extends React.Component {
     render() {
@@ -3024,7 +3039,7 @@ function useReliableForceUpdate() {
     return red[1];
 }
 
-var css$Q = {"root":"JxMpHI","container":"La8OdX"};
+var css$Q = {"root":"tC19nI","container":"giKzNJ"};
 
 const defaultFormat = 'MMM D, YYYY';
 const valueFormat = 'YYYY-MM-DD';
@@ -3251,14 +3266,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
             React.createElement(Button, { icon: navIconRight || settings.datePicker.icons.body.nextIcon, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
 }
 
-var css$P = {"root":"hiodii"};
+var css$P = {"root":"XdnSRh"};
 
 function applyDateSelectionMods() {
     return [css$P.root, `uui-size-${settings.datePicker.sizes.body}`];
 }
 const Calendar = /* @__PURE__ */withMods(Calendar$1, applyDateSelectionMods);
 
-var css$O = {"root":"FkKbOC"};
+var css$O = {"root":"WYVM0E"};
 
 const uuiDatePickerBody = {
     wrapper: 'uui-datepicker-body-wrapper',
@@ -3324,7 +3339,8 @@ function DatePickerComponent(props, ref) {
         setInputValue(toCustomDateFormat(value, format));
     }, [value, setInputValue]);
     const onValueChange = (newValue) => {
-        if (value !== newValue) {
+        const isValueChanged = (value || '') !== (newValue || '');
+        if (isValueChanged) {
             props.onValueChange(newValue);
             if (props.getValueChangeAnalyticsEvent) {
                 const event = props.getValueChangeAnalyticsEvent(newValue, value);
@@ -3367,7 +3383,7 @@ function DatePickerComponent(props, ref) {
                 props.onFocus?.(e);
             }, onKeyDown: onInputKeyDown, onBlur: onBlur, mode: props.mode || defaultMode$1, rawProps: props.rawProps?.input, id: props.id }));
     };
-    const renderBody = useMemo(() => (renderProps) => {
+    const renderBody = useMemo(() => function (renderProps) {
         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, initialViewMonth: props.initialViewMonth }),
             props.renderFooter?.()));
@@ -3380,7 +3396,7 @@ function DatePickerComponent(props, ref) {
 }
 const DatePicker = /* @__PURE__ */React__default.forwardRef(DatePickerComponent);
 
-var css$N = {"date-input":"Jqv8iS","dateInput":"Jqv8iS","root":"Li5E8E","separator":"AbfuiE"};
+var css$N = {"date-input":"Zfzja8","dateInput":"Zfzja8","root":"_4FuhU8","separator":"P3lURM"};
 
 const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, onKeyDown, preventEmptyFromDate, preventEmptyToDate, id, cx: classes, }, ref) => {
     const [inputValue, setInputValue] = useState(toCustomDateRangeFormat(value, format));
@@ -3403,6 +3419,10 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
     };
     const handleBlur = (event, inputType) => {
         onBlurInput?.(event, inputType);
+        const formattedValue = toCustomDateRangeFormat(value, format);
+        if (inputValue[inputType] === formattedValue[inputType]) {
+            return; // No changes made to this field, skip validation
+        }
         const canBeEmpty = {
             from: !preventEmptyFromDate,
             to: !preventEmptyToDate,
@@ -3453,7 +3473,7 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
         React__default.createElement(TextInput, { cx: cx$1(css$N.dateInput, inFocus === 'to' && uuiMod.focus), placeholder: getPlaceholder ? getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: size || settings.rangeDatePicker.sizes.default, value: inputValue.to || undefined, icon: clearAllowed && ForwardRef$Q, iconPosition: "right", iconLabel: "Clear selected date range", onIconClick: onClear, 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$M = {"root":"J3GYr2"};
+var css$M = {"root":"tmO-ge"};
 
 const uuiPresets = {
     container: 'uui-presets-container',
@@ -3473,7 +3493,7 @@ function CalendarPresets(props) {
         getPresets(props.presets).map((item) => (React.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: settings.rangeDatePicker.sizes.preset })))));
 }
 
-var css$L = {"root":"Q1L-Gc","container":"-pb3gQ","day-selection":"i7elKX","daySelection":"i7elKX","from-picker":"tzjsB8","fromPicker":"tzjsB8","to-picker":"K0f3uP","toPicker":"K0f3uP","bodes-wrapper":"a8Nkk5","bodesWrapper":"a8Nkk5","blocker":"VuM7dV"};
+var css$L = {"root":"_9l4AAN","container":"ZV5zAH","day-selection":"_4oVloa","daySelection":"_4oVloa","from-picker":"iNdUuh","fromPicker":"iNdUuh","to-picker":"_3DJQ-h","toPicker":"_3DJQ-h","bodes-wrapper":"RCavWs","bodesWrapper":"RCavWs","blocker":"ZQ-DVq"};
 
 const uuiRangeDatePickerBody = {
     inRange: 'uui-range-datepicker-in-range',
@@ -3675,7 +3695,7 @@ const getDayState = (day, selectedDate) => {
     };
 };
 
-var css$K = {"dropdown-container":"jqgyaD","dropdownContainer":"jqgyaD"};
+var css$K = {"dropdown-container":"NRIhlE","dropdownContainer":"NRIhlE"};
 
 function RangeDatePickerComponent(props, ref) {
     const { value: _value, format = defaultFormat, size = settings.rangeDatePicker.sizes.default } = props;
@@ -3743,7 +3763,7 @@ function RangeDatePickerComponent(props, ref) {
 }
 const RangeDatePicker = /* @__PURE__ */React__default.forwardRef(RangeDatePickerComponent);
 
-var css$J = {"root":"KWXYFs","blocker":"_34prcH","marker":"_84dtsR","top":"UhZzgZ","bottom":"DCwbkt","left":"R8GNRF","right":"lCnSoV","inside":"bodQRa"};
+var css$J = {"root":"bhPexW","blocker":"g5DvHx","marker":"efw3mZ","top":"zdbHm3","bottom":"eGCZfA","left":"eXy3xa","right":"fVoeKE","inside":"VsLu-1"};
 
 function DropMarker(props) {
     return props.isDndInProgress
@@ -3758,9 +3778,9 @@ function DropMarker(props) {
         : null;
 }
 
-var css$I = {"root":"sO-4YH","search-wrapper":"ZNucT4","searchWrapper":"ZNucT4","no-data":"aWayXT","noData":"aWayXT"};
+var css$I = {"root":"EAAX-K","search-wrapper":"hNmjU-","searchWrapper":"hNmjU-","no-data":"nxK7fS","noData":"nxK7fS"};
 
-var css$H = {"picker-row":"OEG3Tc","pickerRow":"OEG3Tc","align-widgets-top":"r1NAZC","alignWidgetsTop":"r1NAZC","row-content":"L7cFY8","rowContent":"L7cFY8","align-widgets-center":"iHarv9","alignWidgetsCenter":"iHarv9","icon-container":"AgdYH7","iconContainer":"AgdYH7","content-wrapper":"AEh42m","contentWrapper":"AEh42m","icon-wrapper":"RgkYBk","iconWrapper":"RgkYBk","icon-default":"IHAUy-","iconDefault":"IHAUy-","selected-mark":"C-1TQK","selectedMark":"C-1TQK"};
+var css$H = {"picker-row":"u5AZZ6","pickerRow":"u5AZZ6","align-widgets-top":"a-x7UY","alignWidgetsTop":"a-x7UY","row-content":"b3gd1w","rowContent":"b3gd1w","align-widgets-center":"LeeyZB","alignWidgetsCenter":"LeeyZB","icon-container":"P0KnuX","iconContainer":"P0KnuX","content-wrapper":"_8Cr--u","contentWrapper":"_8Cr--u","icon-wrapper":"BojYAa","iconWrapper":"BojYAa","icon-default":"Lgt4cy","iconDefault":"Lgt4cy","selected-mark":"Q-7L53","selectedMark":"Q-7L53"};
 
 const mergeHighlightRanges = (ranges) => {
     const mergedRanges = [];
@@ -3827,7 +3847,7 @@ const getHighlightedSearchMatches = (str, search) => {
     return getDecoratedText(str, ranges);
 };
 
-var css$G = {"root":"bNoqr-","column-gap":"Ig-s0L","columnGap":"Ig-s0L","title":"_8OsPQb","subtitle":"kYPPOS","disabled":"o62R-I","multiline":"xzbnMo"};
+var css$G = {"root":"tgXlxW","column-gap":"jG030A","columnGap":"jG030A","title":"ZoRkwN","subtitle":"LtQgHD","disabled":"Uzd3jW","multiline":"yvfy1-"};
 
 function PickerItem(props) {
     const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
@@ -4045,7 +4065,7 @@ function DataPickerFooterImpl(props) {
 }
 const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
 
-var css$F = {"header":"D-mQSm","title":"c9DZwj","close":"DKAZa7"};
+var css$F = {"header":"NjrBsd","title":"EjGZFV","close":"d4-sql"};
 
 const DataPickerMobileHeaderImpl = (props) => {
     const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
@@ -4055,7 +4075,7 @@ const DataPickerMobileHeaderImpl = (props) => {
 };
 const DataPickerMobileHeader = /* @__PURE__ */React__default.memo(DataPickerMobileHeaderImpl);
 
-var css$E = {"done":"jDyBhQ","container":"Oyqjup"};
+var css$E = {"done":"QAHFPg","container":"WeVuSZ"};
 
 const PickerBodyMobileView = (props) => {
     const isMobileView = isMobile();
@@ -4067,7 +4087,7 @@ const PickerBodyMobileView = (props) => {
         isMobileView && (React__default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => props.onClose?.(), cx: css$E.done, size: settings.pickerInput.sizes.body.mobileFooterLinkButton }))));
 };
 
-var css$D = {"sub-header-wrapper":"r9yNqY","subHeaderWrapper":"r9yNqY","switch":"ThMdDP","search":"HCA2V7","no-found-modal-container":"jHdJU4","noFoundModalContainer":"jHdJU4","no-found-modal-container-icon":"_8ijOrr","noFoundModalContainerIcon":"_8ijOrr","no-found-modal-container-text":"I8ZOZj","noFoundModalContainerText":"I8ZOZj","body":"CMCOxZ"};
+var css$D = {"sub-header-wrapper":"-WaTiC","subHeaderWrapper":"-WaTiC","switch":"vgUYG7","search":"Kcvg3m","no-found-modal-container":"Z-kRp1","noFoundModalContainer":"Z-kRp1","no-found-modal-container-icon":"nB6TFX","noFoundModalContainerIcon":"nB6TFX","no-found-modal-container-text":"kud4P-","noFoundModalContainerText":"kud4P-","body":"qDPF85"};
 
 function PickerModal(props) {
     const { view, selection, dataSourceStateLens, dataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = usePickerModal(props);
@@ -4128,7 +4148,7 @@ function PickerModal(props) {
             React__default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
 }
 
-var css$C = {"tooltip":"T8WmWD","noShrink":"B6xHyj"};
+var css$C = {"tooltip":"sVSMmu","noShrink":"q5FRqd"};
 
 const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
     const tagProps = {
@@ -4147,7 +4167,7 @@ const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
     }
 });
 
-var css$B = {"root":"CqpEUb"};
+var css$B = {"root":"EXkD-M"};
 
 const defaultMode = EditMode.FORM;
 function applyPickerTogglerMods(mods) {
@@ -4229,7 +4249,7 @@ function PickerInputComponent(props, ref) {
 }
 const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
 
-var css$A = {"row":"Fhrl5-"};
+var css$A = {"row":"FnwVP-"};
 
 function PickerListRow(props) {
     let label;
@@ -4249,7 +4269,7 @@ function PickerListRow(props) {
     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":"W0z1ys"};
+var css$z = {"root":"zKr2jP"};
 
 function PickerList(props) {
     const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, getModalTogglerCaption, } = usePickerList(props);
@@ -4284,7 +4304,7 @@ function PickerList(props) {
             }, selectedRows)));
 }
 
-var css$y = {"root":"R-YzH1","wrapper":"P-Ka0T","align-widgets-top":"PDiAt1","alignWidgetsTop":"PDiAt1","align-widgets-center":"g8d-g-","alignWidgetsCenter":"g8d-g-"};
+var css$y = {"root":"wmTpKH","wrapper":"_3SQ0tU","align-widgets-top":"KholVD","alignWidgetsTop":"KholVD","align-widgets-center":"_8BvvB1","alignWidgetsCenter":"_8BvvB1"};
 
 function DataTableCell(initialProps) {
     const props = { ...initialProps };
@@ -4334,7 +4354,7 @@ function DataTableCell(initialProps) {
     return React.createElement(DataTableCell$1, { ...props });
 }
 
-var css$x = {"root":"t6V8fH"};
+var css$x = {"root":"nLHLB5"};
 
 // 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.
@@ -4350,7 +4370,7 @@ const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = t
     ];
 }, () => propsMods);
 
-var css$w = {"sorting-panel-container":"Hpbjih","sortingPanelContainer":"Hpbjih"};
+var css$w = {"sorting-panel-container":"EmzCRJ","sortingPanelContainer":"EmzCRJ"};
 
 const SortingPanelImpl = ({ sortDirection, onSort }) => {
     const sortAsc = useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
@@ -4370,7 +4390,7 @@ const ColumnHeaderDropdownImpl = (props) => {
 };
 const ColumnHeaderDropdown = /* @__PURE__ */React__default.memo(ColumnHeaderDropdownImpl);
 
-var css$v = {"root":"xOjbS5","caption-wrapper":"nSzmnq","captionWrapper":"nSzmnq","sort-icon":"tBrExv","sortIcon":"tBrExv","dropdown-icon":"_9YzAp3","dropdownIcon":"_9YzAp3","infoIcon":"xj-i7M","sortInActive":"LHLh8z","align-right":"dcEwZw","alignRight":"dcEwZw","align-center":"H0AKL0","alignCenter":"H0AKL0","caption":"YCnKYe","truncate":"kGBPHG","upper-case":"_2u1c58","upperCase":"_2u1c58","checkbox":"PdIaNC","icon":"Y8tF4z","fold-all-icon":"V4sJIA","foldAllIcon":"V4sJIA","cell-tooltip":"IjJPRW","cellTooltip":"IjJPRW","resizing-marker":"-kLxwb","resizingMarker":"-kLxwb","pinned-right":"o4M0td","pinnedRight":"o4M0td","draggable":"OM6j-K","ghost":"aeKzhL","is-dragged-out":"Lr1C-Q","isDraggedOut":"Lr1C-Q","dnd-marker-left":"AOczTV","dndMarkerLeft":"AOczTV","dnd-marker-right":"o1qyDz","dndMarkerRight":"o1qyDz","cell-tooltip-wrapper":"g6tjqL","cellTooltipWrapper":"g6tjqL","cell-tooltip-text":"_2xcQes","cellTooltipText":"_2xcQes","tooltip-caption":"_0Ula0-","tooltipCaption":"_0Ula0-","tooltip-info":"uEyohm","tooltipInfo":"uEyohm"};
+var css$v = {"root":"mKnkBv","caption-wrapper":"Ch78UX","captionWrapper":"Ch78UX","sort-icon":"n22IQI","sortIcon":"n22IQI","dropdown-icon":"M7VFve","dropdownIcon":"M7VFve","infoIcon":"D7Hgfd","sortInActive":"Q6pnMU","align-right":"dmfN9r","alignRight":"dmfN9r","align-center":"rk2LcT","alignCenter":"rk2LcT","caption":"JsHZsm","truncate":"xhOP-F","upper-case":"A-5jF3","upperCase":"A-5jF3","checkbox":"U-WdUO","icon":"qy8MdU","fold-all-icon":"VG9oQE","foldAllIcon":"VG9oQE","cell-tooltip":"_5HuM3H","cellTooltip":"_5HuM3H","resizing-marker":"_2jAD-J","resizingMarker":"_2jAD-J","pinned-right":"_6Ibbi0","pinnedRight":"_6Ibbi0","draggable":"ughYjh","ghost":"QHNfl-","is-dragged-out":"jxqvhj","isDraggedOut":"jxqvhj","dnd-marker-left":"u7Q6Qj","dndMarkerLeft":"u7Q6Qj","dnd-marker-right":"OQhn0O","dndMarkerRight":"OQhn0O","cell-tooltip-wrapper":"jGsFt2","cellTooltipWrapper":"jGsFt2","cell-tooltip-text":"oONZGp","cellTooltipText":"oONZGp","tooltip-caption":"rMc-oB","tooltipCaption":"rMc-oB","tooltip-info":"_5uo0nu","tooltipInfo":"_5uo0nu"};
 
 class DataTableHeaderCell extends React.Component {
     constructor() {
@@ -4476,7 +4496,7 @@ class DataTableHeaderCell extends React.Component {
     }
 }
 
-var css$u = {"root":"ldCRrm","caption-wrapper":"VLvvJA","captionWrapper":"VLvvJA","align-center":"JMCmnW","alignCenter":"JMCmnW","caption":"Gs68vM","truncate":"_0Ys-Yz","upper-case":"b3VenJ","upperCase":"b3VenJ","group-cell-tooltip":"Dpkedv","groupCellTooltip":"Dpkedv","group-cell-tooltip-wrapper":"cdyOuP","groupCellTooltipWrapper":"cdyOuP","group-cell-tooltip-text":"_68z4kR","groupCellTooltipText":"_68z4kR","tooltip-caption":"yZncE9","tooltipCaption":"yZncE9","tooltip-info":"TBSzrL","tooltipInfo":"TBSzrL"};
+var css$u = {"root":"pPb-jB","caption-wrapper":"ogYG0j","captionWrapper":"ogYG0j","align-center":"PDwe6v","alignCenter":"PDwe6v","caption":"DJgyCM","truncate":"iXTK5U","upper-case":"UswDSS","upperCase":"UswDSS","group-cell-tooltip":"pF-6Os","groupCellTooltip":"pF-6Os","group-cell-tooltip-wrapper":"_1Lia3-","groupCellTooltipWrapper":"_1Lia3-","group-cell-tooltip-text":"x5zHcL","groupCellTooltipText":"x5zHcL","tooltip-caption":"nL6NLI","tooltipCaption":"nL6NLI","tooltip-info":"HhhtTx","tooltipInfo":"HhhtTx"};
 
 class DataTableHeaderGroupCell extends React.Component {
     constructor() {
@@ -4516,7 +4536,7 @@ class DataTableHeaderGroupCell extends React.Component {
     }
 }
 
-var css$t = {"root":"MXEMfI"};
+var css$t = {"root":"a8rBQY"};
 
 const DataTableHeaderRow = /* @__PURE__ */withMods(DataTableHeaderRow$1, () => [css$t.root, 'uui-dt-vars'], (mods) => {
     return ({
@@ -4528,6 +4548,20 @@ const DataTableHeaderRow = /* @__PURE__ */withMods(DataTableHeaderRow$1, () => [
     });
 });
 
+/**
+ * Checks if the value is a range object with at least one boundary property defined
+ */
+const isValidRangeValue = (range) => {
+    return range != null && (range.from != null || range.to != null);
+};
+const isFilledArray = (arr) => {
+    return Array.isArray(arr) && arr.length > 0;
+};
+const hasSomeNullishProp = (obj) => {
+    return Object.keys(obj).some((prop) => obj[prop] == null);
+};
+const isValidArrayValue = isFilledArray;
+const hasSomeNullishPredicate = hasSomeNullishProp;
 const normalizeFilterWithPredicates = (filter) => {
     if (!filter) {
         return {};
@@ -4545,27 +4579,21 @@ const normalizeFilterWithPredicates = (filter) => {
             if ('from' in filterValue && 'to' in filterValue) {
                 continue;
             }
-            if ('in' in filterValue && (!Array.isArray(filterValue.in) || !filterValue.in.length)) {
+            if ('in' in filterValue && !isValidArrayValue(filterValue.in)) {
                 delete filter[key];
             }
-            if ('nin' in filterValue && (!Array.isArray(filterValue.nin) || !filterValue.nin.length)) {
+            if ('nin' in filterValue && !isValidArrayValue(filterValue.nin)) {
                 delete filter[key];
             }
-            if ('inRange' in filterValue) {
-                if (!filterValue.inRange || (!filterValue.inRange.from && !filterValue.inRange.to)) {
-                    delete filter[key];
-                }
+            if ('inRange' in filterValue && !isValidRangeValue(filterValue.inRange)) {
+                delete filter[key];
             }
-            if ('notInRange' in filterValue) {
-                if (!filterValue.notInRange || (!filterValue.notInRange.from && !filterValue.notInRange.to)) {
-                    delete filter[key];
-                }
+            if ('notInRange' in filterValue && !isValidRangeValue(filterValue.notInRange)) {
+                delete filter[key];
+            }
+            if (hasSomeNullishPredicate(filterValue)) {
+                delete filter[key];
             }
-            Object.keys(filterValue).forEach((predicate) => {
-                if (filterValue[predicate] === null || filterValue[predicate] === undefined) {
-                    delete filter[key];
-                }
-            });
         }
     }
     return result;
@@ -4616,7 +4644,7 @@ const UUI_FILTERS_PANEL_ITEM_TOGGLER_SELECTION = 'uui-filters-panel-item-toggler
 const UUI_FILTERS_PANEL_ITEM_TOGGLER_POSTFIX = 'uui-filters-panel-item-toggler-postfix';
 const UUI_FILTERS_PANEL_BODY_FOOTER = 'uui-filters-panel-item-footer';
 
-var css$s = {"body":"hJV7Av","header":"Bsf-i0","title":"JQ3UZf","removeButton":"_55kuB5","with-search":"uPNb0E","withSearch":"uPNb0E"};
+var css$s = {"body":"Wo3kzg","header":"W77D0P","title":"O-eEci","removeButton":"seVjF4","with-search":"KspFtz","withSearch":"KspFtz"};
 
 function FilterColumnBody(props) {
     const [predicate, setPredicate] = useState(getDefaultPredicate(props.predicates, props.value));
@@ -4677,7 +4705,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
     return columns;
 };
 
-var css$r = {"unpin-icon":"zjpIcN","unpinIcon":"zjpIcN","pin-toggler-icon":"Hm4zy0","pinTogglerIcon":"Hm4zy0"};
+var css$r = {"unpin-icon":"_1Ylry-","unpinIcon":"_1Ylry-","pin-toggler-icon":"WYLTuX","pinTogglerIcon":"WYLTuX"};
 
 function PinIconButton(props) {
     const i18nLocal = i18n.tables.columnsConfigurationModal;
@@ -4728,7 +4756,7 @@ function getUnpinIcon(params) {
     }
 }
 
-var css$q = {"row-wrapper":"BpfHqa","rowWrapper":"BpfHqa","pin-icon-button":"sPah20","pinIconButton":"sPah20","not-pinned":"_6I0PKw","notPinned":"_6I0PKw","checkbox":"JUJr-Q","drag-handle":"jFOEbm","dragHandle":"jFOEbm","dnd-disabled":"F9W28O","dndDisabled":"F9W28O"};
+var css$q = {"row-wrapper":"BRohev","rowWrapper":"BRohev","pin-icon-button":"Z0RdBI","pinIconButton":"Z0RdBI","not-pinned":"_5ebTVx","notPinned":"_5ebTVx","checkbox":"ZtJDFF","drag-handle":"gTlWH1","dragHandle":"gTlWH1","dnd-disabled":"_3LlTeT","dndDisabled":"_3LlTeT"};
 
 const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
     const { column } = props;
@@ -4762,7 +4790,7 @@ const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
     return (React.createElement(DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
 });
 
-var css$p = {"root":"_3o74w8","main-panel":"wKjF9K","mainPanel":"wKjF9K","group":"tkiRP7","group-title":"k79tZk","groupTitle":"k79tZk","group-items":"DGRSsd","groupItems":"DGRSsd","no-data":"yv7Udo","noData":"yv7Udo","no-data-title":"XRblv5","noDataTitle":"XRblv5","no-data-sub-title":"F8TxEL","noDataSubTitle":"F8TxEL","h-divider":"zJYD8d","hDivider":"zJYD8d","search-area":"SqSC-s","searchArea":"SqSC-s","subgroup-accordion":"oN9ika","subgroupAccordion":"oN9ika","subgroup":"jEh7Ao","subgroup-title":"jHaw0V","subgroupTitle":"jHaw0V"};
+var css$p = {"root":"-wGL22","main-panel":"MoWf5P","mainPanel":"MoWf5P","group":"U1U-he","group-title":"VU7acp","groupTitle":"VU7acp","group-items":"muIn-v","groupItems":"muIn-v","no-data":"O99bu-","noData":"O99bu-","no-data-title":"QxvQ96","noDataTitle":"QxvQ96","no-data-sub-title":"Npcqlh","noDataSubTitle":"Npcqlh","h-divider":"qWrWOP","hDivider":"qWrWOP","search-area":"xAd54e","searchArea":"xAd54e","subgroup-accordion":"wnZDbW","subgroupAccordion":"wnZDbW","subgroup":"zSxw5A","subgroup-title":"_8eHocM","subgroupTitle":"_8eHocM"};
 
 const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { cx: css$p.group },
     React.createElement(Text, { size: "none", cx: css$p.groupTitle }, title),
@@ -4865,7 +4893,7 @@ const getChildrenAndRest = (row, rows) => {
     return [children, rest];
 };
 
-var css$o = {"listContainer":"m0mjZ6","header":"HUDNFM","group":"ShPCEZ","stickyHeader":"_0K0By-"};
+var css$o = {"listContainer":"Ng-O--","header":"STVLJ3","group":"_9p4TG5","stickyHeader":"kMhqu1"};
 
 function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
     const rowRef = useRef(undefined);
@@ -4905,7 +4933,7 @@ function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, r
             React__default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
 }
 
-var css$n = {"root":"D4yDhP","sticky-header":"ZG49tM","stickyHeader":"ZG49tM","no-results":"CkMZyb","noResults":"CkMZyb","icon":"TvyS5a","title":"_7GBkj2"};
+var css$n = {"root":"wdzXqF","sticky-header":"O8TivO","stickyHeader":"O8TivO","no-results":"zccqlV","noResults":"zccqlV","icon":"ExKJUn","title":"_00tHys"};
 
 function DataTable(props) {
     const { uuiModals } = useUuiContext();
@@ -4954,7 +4982,7 @@ function DataTable(props) {
             : (React.createElement(VirtualList, { value: props.value, onValueChange: props.onValueChange, onScroll: props.onScroll, rowsCount: props.rowsCount, renderRows: renderTableBody, cx: classes, isLoading: props.isReloading, rowsSelector: "[role=row]", rawProps: rawProps })))));
 }
 
-var css$m = {"root":"ziQWZ9","title-wrapper":"BqFAg6","titleWrapper":"BqFAg6","title":"Mh-jwA","text-wrapper":"MJdOLd","textWrapper":"MJdOLd","selection":"IcVvsm","postfix":"SHvUrH","selected":"hvJnhD"};
+var css$m = {"root":"Hm8PuR","title-wrapper":"eNq-vK","titleWrapper":"eNq-vK","title":"_6jDmxz","text-wrapper":"-Ty3ot","textWrapper":"-Ty3ot","selection":"VkuBX8","postfix":"_19-Awi","selected":"_6WpmvX"};
 
 const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
     const togglerPickerOpened = (e) => {
@@ -5179,7 +5207,7 @@ function FilterRangeDatePickerBody(props) {
         renderFooter()));
 }
 
-var css$l = {"container":"UrxYgl"};
+var css$l = {"container":"kLHvmW"};
 
 function FilterNumericBody(props) {
     const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
@@ -5490,7 +5518,7 @@ function FiltersToolbarImpl(props) {
 }
 const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
 
-var css$k = {"delete-button":"PIqhJl","deleteButton":"PIqhJl","tab-button":"ifUJRi","tabButton":"ifUJRi","targetOpen":"tvmfFZ"};
+var css$k = {"delete-button":"ywoFk2","deleteButton":"ywoFk2","tab-button":"e6rdsw","tabButton":"e6rdsw","targetOpen":"g1kEAC"};
 
 function PresetActionsDropdown(props) {
     const { uuiNotifications } = useUuiContext();
@@ -5566,7 +5594,7 @@ const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
 const UUI_PRESETS_PANEL_INPUT = 'uui-presets-panel-input';
 const UUI_PRESETS_PANEL_PRESET = 'uui-presets-panel-preset';
 
-var css$j = {"preset-input-cell":"_7LiJBJ","presetInputCell":"_7LiJBJ","preset-input":"zWZL0y","presetInput":"zWZL0y"};
+var css$j = {"preset-input-cell":"kH-0uK","presetInputCell":"kH-0uK","preset-input":"qOLjPK","presetInput":"qOLjPK"};
 
 function PresetInput(props) {
     const [presetCaption, setPresetCaption] = useState(props.preset?.name || '');
@@ -5593,7 +5621,7 @@ function PresetInput(props) {
         React__default.createElement(TextInput, { cx: css$j.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
 }
 
-var css$i = {"preset":"B5tRsk","activePreset":"xvxfJk"};
+var css$i = {"preset":"Q9z2cO","activePreset":"M9Ekkb"};
 
 function Preset(props) {
     const [isRenamePreset, setIsRenamePreset] = useState(false);
@@ -5618,7 +5646,7 @@ function Preset(props) {
     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$i.preset, isPresetActive && css$i.activePreset, UUI_PRESETS_PANEL_PRESET], size: settings.presetsPanel.sizes.tabButton, withNotify: isPresetActive && props.hasPresetChanged(props.preset), icon: PresetActionsDropdownComponent, iconPosition: "right", isActive: isPresetActive }))));
 }
 
-var css$h = {"divider":"ykJF2A","dropdownDeleteIcon":"_8MYSu-","presetsWrapper":"_4SR-mK","addPresetContainer":"_7fxQxH","dropContainer":"YWqtWe"};
+var css$h = {"divider":"psaU2b","dropdownDeleteIcon":"_1C98GT","presetsWrapper":"YyiMSF","addPresetContainer":"_1vbNzT","dropContainer":"hwx7RR"};
 
 function PresetsPanel(props) {
     const [isAddingPreset, setIsAddingPreset] = useState(false);
@@ -5667,9 +5695,9 @@ function PresetsPanel(props) {
             React__default.createElement(AdaptivePanel, { items: getPanelItems() }))));
 }
 
-var css$g = {"root":"N5dccP"};
+var css$g = {"root":"-pZw-C"};
 
-var css$f = {"root":"ZsbsVl","burger-content":"R0uvXx","burgerContent":"R0uvXx"};
+var css$f = {"root":"J-8vFW","burger-content":"ys9pTk","burgerContent":"ys9pTk"};
 
 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); }
@@ -5712,7 +5740,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
 };
 var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgNavigationArrowDownOutline);
 
-var css$e = {"root":"F6m8xD","button-primary":"ZOdCEL","buttonPrimary":"ZOdCEL","button-secondary":"_4qZv9-","buttonSecondary":"_4qZv9-","hasIcon":"h0Cxtm","dropdown":"fCSs75"};
+var css$e = {"root":"kQQxrW","button-primary":"_4WvNm-","buttonPrimary":"_4WvNm-","button-secondary":"xUZ3ej","buttonSecondary":"xUZ3ej","hasIcon":"a3kPg-","dropdown":"dMLhvj"};
 
 function applyBurgerButtonMods(props) {
     return [
@@ -5737,13 +5765,13 @@ const BurgerButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         }, dropdownIcon: ForwardRef$2 }));
 });
 
-var css$d = {"search-input":"JJCAdZ","searchInput":"JJCAdZ"};
+var css$d = {"search-input":"-L1mHB","searchInput":"-L1mHB"};
 
 function BurgerSearch(props) {
     return (React.createElement(TextInput$1, { cx: cx(css$d.searchInput, 'uui-main_menu-burger-search'), iconPosition: "left", icon: ForwardRef$M, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$Q }));
 }
 
-var css$c = {"root":"EMudHy","group-header":"nu5Js0","groupHeader":"nu5Js0","group-name":"uERjYv","groupName":"uERjYv","line":"XZ86-f"};
+var css$c = {"root":"uZE1Yo","group-header":"pnNiZl","groupHeader":"pnNiZl","group-name":"ZDOhwI","groupName":"ZDOhwI","line":"_1xB48O"};
 
 function BurgerGroupHeader(props) {
     return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
@@ -5751,7 +5779,7 @@ function BurgerGroupHeader(props) {
         React.createElement("span", { className: css$c.groupName }, props.caption)));
 }
 
-var css$b = {"root":"AV361g","type-primary":"LF75wV","typePrimary":"LF75wV","type-secondary":"K3lGww","typeSecondary":"K3lGww"};
+var css$b = {"root":"wAu87D","type-primary":"YqCFc6","typePrimary":"YqCFc6","type-secondary":"dj8hE6","typeSecondary":"dj8hE6"};
 
 const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { type, ...clickableProps } = props;
@@ -5779,7 +5807,7 @@ const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
         props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
 });
 
-var css$a = {"dropdown-body":"_243Ac5","dropdownBody":"_243Ac5"};
+var css$a = {"dropdown-body":"imC63H","dropdownBody":"imC63H"};
 
 function MainMenuDropdown(props) {
     const handleEscape = (e, onClose, isOpen) => {
@@ -5825,12 +5853,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
 };
 var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationGlobalMenuOutlineOutline);
 
-var css$9 = {"global-menu-btn":"Burn52","globalMenuBtn":"Burn52","global-menu-icon":"IAqwXr","globalMenuIcon":"IAqwXr"};
+var css$9 = {"global-menu-btn":"g-s03l","globalMenuBtn":"g-s03l","global-menu-icon":"C2qVsA","globalMenuIcon":"C2qVsA"};
 
 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":"iy5whG","open":"VUDSkM","folding-arrow":"_2SBx7F","foldingArrow":"_2SBx7F"};
+var css$8 = {"container":"qWRbin","open":"getmvg","folding-arrow":"_2SFzKr","foldingArrow":"_2SFzKr"};
 
 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 }),
@@ -5838,15 +5866,15 @@ const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.cr
     props.isDropdown && (React.createElement("div", null,
         React.createElement(IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
 
-var css$7 = {"search-input":"Uu9zeo","searchInput":"Uu9zeo"};
+var css$7 = {"search-input":"HcXk6g","searchInput":"HcXk6g"};
 
 const MainMenuSearch = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IEditableDebouncer, { ...props, render: (iEditable) => (React.createElement(TextInput$1, { iconPosition: "left", icon: ForwardRef$M, cancelIcon: props.value?.length > 0 && ForwardRef$Q, ...props, ...iEditable, ref: ref, cx: cx$1(css$7.searchInput, props.cx), ...props.rawProps })) })));
 
-var css$6 = {"container":"-ZN7sD"};
+var css$6 = {"container":"RkR7Ot"};
 
 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":"_1QDE4-"};
+var css$5 = {"root":"JGyo-D"};
 
 const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
 
@@ -5904,7 +5932,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
 };
 var ForwardRef = /*#__PURE__*/forwardRef(SvgFileCloudUploadFill);
 
-var css$4 = {"root":"A-Muqt","drop-start":"RrP3N2","dropStart":"RrP3N2","drop-over":"LXa2lh","dropOver":"LXa2lh","link":"dUNgjr","drop-area":"T-W1s5","dropArea":"T-W1s5","drop-caption":"hj9LDg","dropCaption":"hj9LDg","icon-blue":"PgO6qQ","iconBlue":"PgO6qQ"};
+var css$4 = {"root":"_3Q0Uli","drop-start":"vXCYRc","dropStart":"vXCYRc","drop-over":"lOwBoy","dropOver":"lOwBoy","link":"DUqzjK","drop-area":"-r3-Cb","dropArea":"-r3-Cb","drop-caption":"XVsXbs","dropCaption":"XVsXbs","icon-blue":"CQ1kbm","iconBlue":"CQ1kbm"};
 
 function DropSpot(props) {
     const getInfoText = typeof props.infoText === 'string'
@@ -5922,7 +5950,7 @@ function DropSpot(props) {
     return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
 }
 
-var css$3 = {"root":"q4Jmgj"};
+var css$3 = {"root":"TTJiKB"};
 
 const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
     const outsetRadius = props.size / 2 - 1;
@@ -5933,7 +5961,7 @@ const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
         React.createElement("circle", { strokeWidth: 1, fill: "transparent", r: outsetRadius, cx: props.size / 2, cy: props.size / 2 })));
 });
 
-var css$2 = {"root":"nzEzgt","file-name":"LZ4Va8","fileName":"LZ4Va8","default-color":"ZrSeeV","defaultColor":"ZrSeeV","doc-color":"jMf4SE","docColor":"jMf4SE","xls-color":"ZSNzXO","xlsColor":"ZSNzXO","pdf-color":"Dw0ZHV","pdfColor":"Dw0ZHV","movie-color":"_0-NDhd","movieColor":"_0-NDhd","img-color":"Kb2jDC","imgColor":"Kb2jDC","mov-color":"zaIixU","movColor":"zaIixU","error-block":"sTLkU3","errorBlock":"sTLkU3","icons-block":"gybRn-","iconsBlock":"gybRn-"};
+var css$2 = {"root":"LYc1f3","file-name":"heAc3B","fileName":"heAc3B","default-color":"FjPxV8","defaultColor":"FjPxV8","doc-color":"xfeXWx","docColor":"xfeXWx","xls-color":"SXP0kx","xlsColor":"SXP0kx","pdf-color":"ywxSLm","pdfColor":"ywxSLm","movie-color":"_4P8f75","movieColor":"_4P8f75","img-color":"ZTR5JD","imgColor":"ZTR5JD","mov-color":"V1ItQP","movColor":"V1ItQP","error-block":"_5iXAlQ","errorBlock":"_5iXAlQ","icons-block":"S5DUp-","iconsBlock":"S5DUp-"};
 
 const FileCard = /* @__PURE__ */React.forwardRef((props, ref) => {
     const [isLoadingShow, setIsLoadingShow] = React.useState(true);
@@ -6053,7 +6081,7 @@ const getErrorPageConfig = () => ({
     },
 });
 
-var css$1 = {"container":"qzBFgp"};
+var css$1 = {"container":"X2BixO"};
 
 const ErrorPage = (props) => {
     const isMobileScreen = isMobile();
@@ -6065,7 +6093,7 @@ const ErrorPage = (props) => {
             props?.supportLink && React__default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
 };
 
-var css = {"recovery-spinner":"_6teYUO","recoverySpinner":"_6teYUO","recovery-message":"ton-8f","recoveryMessage":"ton-8f","modal-blocker":"f3NULg","modalBlocker":"f3NULg","modalFadeIn":"XN-DN3"};
+var css = {"recovery-spinner":"l-h6dw","recoverySpinner":"l-h6dw","recovery-message":"u63POt","recoveryMessage":"u63POt","modal-blocker":"BzMFuC","modalBlocker":"BzMFuC","modalFadeIn":"yBpQnO"};
 
 function ErrorHandler(props) {
     const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();