@epam/uui 6.4.1 → 6.4.3

package/index.js

@@ -190,7 +190,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
   }, props), /*#__PURE__*/React__namespace.createElement("g", {
-    clipPath: "url(#rh8sq5x4pq06ujaf_a)"
+    clipPath: "url(#7rku2u20ng8n2e0u2_a)"
   }, _path$I || (_path$I = /*#__PURE__*/React__namespace.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"
@@ -211,7 +211,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__namespace.createElement("mask", {
-    id: "rh8sq5xpv9ufy5l7g_b",
+    id: "7rku2vt84p7bhihh_b",
     style: {
       maskType: "alpha"
     },
@@ -224,7 +224,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__namespace.createElement("g", {
-    mask: "url(#rh8sq5xpv9ufy5l7g_b)",
+    mask: "url(#7rku2vt84p7bhihh_b)",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }, /*#__PURE__*/React__namespace.createElement("path", {
@@ -310,7 +310,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__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
-    id: "rh8sq5x4pq06ujaf_a"
+    id: "7rku2u20ng8n2e0u2_a"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     fill: "#fff",
     transform: "translate(.552)",
@@ -961,14 +961,14 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
 };
 var ForwardRef$4 = /*#__PURE__*/React.forwardRef(SvgSearchWithBackground);
 
-var css$1w = {"root":"_7X-yOe","uui-spinner":"_3REy8R","uuiSpinner":"_3REy8R"};
+var css$1w = {"root":"_8hLwMO","uui-spinner":"R-jhSm","uuiSpinner":"R-jhSm"};
 
 function applySpinnerMods() {
     return [css$1w.root, 'uui-spinner'];
 }
 const Spinner = /* @__PURE__ */uuiCore.withMods(uuiComponents.Spinner, applySpinnerMods);
 
-var css$1v = {"root":"azw7Nz","loading-word":"dKEbMM","loadingWord":"dKEbMM","animated-loading":"IJO-GM","animatedLoading":"IJO-GM","skeleton_loading":"geAwXD","skeletonLoading":"geAwXD"};
+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 = ' ';
@@ -985,7 +985,7 @@ const TextPlaceholder = (props) => {
         ]), dangerouslySetInnerHTML: { __html: it } })))));
 };
 
-var css$1u = {"root":"uV6Ozs","line-height":"KqLrVs","lineHeight":"KqLrVs","font-size":"mFaS4-","fontSize":"mFaS4-"};
+var css$1u = {"root":"pMvf3g","line-height":"zEEf4D","lineHeight":"zEEf4D","font-size":"_4aEQ4J","fontSize":"_4aEQ4J"};
 
 function applyTextMods(mods) {
     return [
@@ -1012,7 +1012,7 @@ const Text = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Text, appl
     };
 });
 
-var css$1t = {"root":"t9fZy0"};
+var css$1t = {"root":"MLcxSI"};
 
 const Blocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.Blocker, () => [css$1t.root], () => ({ renderSpinner: settings.blocker.renderSpinner }));
 
@@ -1517,7 +1517,7 @@ const settings = {
     textInput: textInputSettings,
 };
 
-var css$1s = {"root":"OoSNAH"};
+var css$1s = {"root":"jTwM9i"};
 
 function applyButtonMods(mods) {
     return [
@@ -1535,7 +1535,7 @@ const Button = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Button,
     };
 });
 
-var css$1r = {"root":"wBulf8"};
+var css$1r = {"root":"_4WdNiE"};
 
 function applyIconButtonMods(props) {
     return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1r.root];
@@ -1572,7 +1572,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":"_399ddo"};
+var css$1q = {"root":"pYZg7j"};
 
 const DEFAULT_COLOR = 'primary';
 const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
@@ -1602,7 +1602,7 @@ const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
         props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$1p = {"root":"-BQRig"};
+var css$1p = {"root":"q-Vi6c"};
 
 const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
     return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
@@ -1614,7 +1614,7 @@ const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
         ]) }, props.caption));
 });
 
-var css$1o = {"root":"N1Y--O","withNotify":"oiTS98"};
+var css$1o = {"root":"-lzGOU","withNotify":"ncK1Q2"};
 
 const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, refExternal) => {
     const refLocal = React__namespace.default.useRef(null);
@@ -1661,13 +1661,13 @@ const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref
         props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
 });
 
-var css$1n = {"root":"NHnDkA","noLeftPadding":"Hv626n","foldingArea":"rZWz2S","onlyFoldable":"HgDzw9","captionWrapper":"yVyxyB","withNotify":"YGy2Ca"};
+var css$1n = {"root":"NLF-70","noLeftPadding":"qDkIGp","foldingArea":"-ossLC","onlyFoldable":"_090PZs","captionWrapper":"dH6VQK","withNotify":"tWMvCW"};
 
-var css$1m = {"root":"ZuKfEw"};
+var css$1m = {"root":"wcwKbc"};
 
 const AvatarStack = /* @__PURE__ */uuiCore.withMods(uuiComponents.AvatarStack, () => [css$1m.root]);
 
-var css$1l = {"root":"Qg6KAM"};
+var css$1l = {"root":"kL6Tbp"};
 
 const DEFAULT_FILL = 'solid';
 function applyBadgeMods(mods) {
@@ -1695,7 +1695,7 @@ const Badge = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) =>
         props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$1k = {"root":"_3pxb-I"};
+var css$1k = {"root":"_8ejsbh"};
 
 function applyTagMods(props) {
     return [
@@ -1728,7 +1728,7 @@ const Tag = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
             } }))));
 });
 
-var css$1j = {"root":"lFyhT3","page":"Agy4Kq","spacer":"WX--7w","mode-ghost":"rJVWeS","modeGhost":"rJVWeS"};
+var css$1j = {"root":"fHn-cg","page":"snUZHH","spacer":"Bm1PLu","mode-ghost":"Tk4CAT","modeGhost":"Tk4CAT"};
 
 function Paginator(props) {
     const renderPaginator = (params) => (React__namespace.default.createElement("nav", { role: "navigation", className: cx__default.default('uui-paginator', `uui-size-${props.size || settings.paginator.sizes.default}`), ...params.rawProps },
@@ -1754,14 +1754,14 @@ function Paginator(props) {
     return React__namespace.default.createElement(uuiComponents.Paginator, { ...props, render: renderPaginator });
 }
 
-var css$1i = {"root":"rEZm2o","progress-bar":"rCHlb0","progressBar":"rCHlb0","progressBar-indeterminate":"gpZejn","progressBarIndeterminate":"gpZejn","size-12":"_4-ObXY","size12":"_4-ObXY","size-18":"H33SWC","size18":"H33SWC","size-24":"IgIs0k","size24":"IgIs0k"};
+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__namespace.forwardRef((props, ref) => {
     return (React__namespace.createElement("div", { ref: ref, className: cx__default.default('uui-indeterminate_bar', props.cx, css$1i.root, css$1i[`size-${props.size || 12}`]) },
         React__namespace.createElement("div", { className: cx__default.default(css$1i.progressBar) })));
 });
 
-var css$1h = {"root":"qdilqh","striped":"FGk8u4","animate-stripes":"L7yAIO","animateStripes":"L7yAIO","size-12":"nO43QJ","size12":"nO43QJ","size-18":"KwnumC","size18":"KwnumC","size-24":"cAkk7V","size24":"cAkk7V"};
+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) {
@@ -1776,14 +1776,14 @@ const ProgressBar = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Pro
     hideLabel: props.hideLabel || props.striped,
 }));
 
-var css$1g = {"root":"qukMg1"};
+var css$1g = {"root":"_83Ha80"};
 
 const IndicatorBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     const { progress } = props;
     return progress || progress === 0 ? (React__namespace.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx__default.default(css$1g.root, props.cx), hideLabel: true })) : (React__namespace.createElement(IndeterminateBar, { ref: ref, cx: cx__default.default(css$1g.root, props.cx) }));
 });
 
-var css$1f = {"root":"UEDOA8"};
+var css$1f = {"root":"mmdPAb"};
 
 const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
     return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
@@ -1798,7 +1798,7 @@ const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
         React__namespace.default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
 });
 
-var css$1e = {"root":"YsejPB"};
+var css$1e = {"root":"ulLCPc"};
 
 function applyCheckboxMods(mods) {
     return [
@@ -1816,7 +1816,7 @@ const applyUUICheckboxProps = (props) => {
 };
 const Checkbox = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
 
-var css$1d = {"root":"NtNaqH"};
+var css$1d = {"root":"UEuGTj"};
 
 function applyRadioInputMods(mods) {
     return [
@@ -1828,7 +1828,7 @@ function applyRadioInputMods(mods) {
 }
 const RadioInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.RadioInput, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : settings.radioInput.icons.dotIcon }));
 
-var css$1c = {"root":"KktHV7"};
+var css$1c = {"root":"HCSa-i"};
 
 function applySwitchMods(mods) {
     return [
@@ -1852,7 +1852,7 @@ var EditMode;
     EditMode["INLINE"] = "inline";
 })(EditMode || (EditMode = {}));
 
-var textInputCss = {"root":"_8KSMTM"};
+var textInputCss = {"root":"bzFpyH"};
 
 const DEFAULT_MODE$3 = EditMode.FORM;
 function applyTextInputMods(mods) {
@@ -1877,7 +1877,7 @@ const SearchInput = /* @__PURE__ */React__namespace.default.forwardRef((props, r
         } }));
 });
 
-var css$1b = {"root":"Xj-WJy"};
+var css$1b = {"root":"Lqndn2"};
 
 const ControlGroup = /* @__PURE__ */uuiCore.withMods(uuiComponents.ControlGroup, () => [css$1b.root, 'uui-control-group']);
 
@@ -1893,7 +1893,7 @@ function MultiSwitchComponent(props, ref) {
 }
 const MultiSwitch = /* @__PURE__ */React__namespace.forwardRef(MultiSwitchComponent);
 
-var css$1a = {"root":"lZUCad"};
+var css$1a = {"root":"kEwxAR"};
 
 const DEFAULT_MODE$2 = EditMode.FORM;
 function applyNumericInputMods(mods) {
@@ -1913,7 +1913,7 @@ const NumericInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.NumericInput,
     };
 });
 
-var css$19 = {"root":"_9QP6jc"};
+var css$19 = {"root":"VyQTdl"};
 
 const DEFAULT_MODE$1 = EditMode.FORM;
 function applyTextAreaMods(mods) {
@@ -1954,7 +1954,7 @@ function TREE_SHAKEABLE_INIT$1() {
     };
 }
 
-var css$18 = {"root":"bJnGcE"};
+var css$18 = {"root":"jeat4s"};
 
 function applyDropdownContainerMods(mods) {
     return [
@@ -1965,7 +1965,7 @@ function applyDropdownContainerMods(mods) {
 }
 const DropdownContainer = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.DropdownContainer, applyDropdownContainerMods);
 
-var css$17 = {"root":"OSsrF2","timepicker-input":"nMcaT-","timepickerInput":"nMcaT-","ltr-always":"SHXPkd","ltrAlways":"SHXPkd"};
+var css$17 = {"root":"HxES-u","timepicker-input":"OdqQbC","timepickerInput":"OdqQbC","ltr-always":"Zbs3dP","ltrAlways":"Zbs3dP"};
 
 const uuiTimePicker = {
     container: 'uui-timepicker-container',
@@ -2138,11 +2138,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 }));
         }
@@ -2162,6 +2166,8 @@ function TimePickerComponent(props, ref) {
     };
     const renderInput = (inputProps) => {
         return (React__namespace.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);
@@ -2180,7 +2186,7 @@ function TimePickerComponent(props, ref) {
 }
 const TimePicker = /* @__PURE__ */React__namespace.default.forwardRef(TimePickerComponent);
 
-var css$16 = {"root":"Agi8Rh"};
+var css$16 = {"root":"rMoG-Q"};
 
 function applyInputAddonMods() {
     return [
@@ -2189,14 +2195,14 @@ function applyInputAddonMods() {
 }
 const InputAddon = /* @__PURE__ */uuiCore.withMods(uuiComponents.InputAddon, applyInputAddonMods);
 
-var css$15 = {"root":"mUk3IB"};
+var css$15 = {"root":"BTxkhK"};
 
 function applySliderMods() {
     return [css$15.root, 'uui-color-neutral'];
 }
 const Slider = /* @__PURE__ */uuiCore.withMods(uuiComponents.Slider, applySliderMods);
 
-var css$14 = {"root":"_3B-gwP"};
+var css$14 = {"root":"uGxzLI"};
 
 function applyTooltipMods(mods) {
     return [
@@ -2206,7 +2212,7 @@ function applyTooltipMods(mods) {
 }
 const Tooltip = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Tooltip, applyTooltipMods);
 
-var css$13 = {"root":"_6apwvG","tooltip":"FiN1Oe"};
+var css$13 = {"root":"cIcj2V","tooltip":"fL-2KQ"};
 
 function applyRatingMods(mods) {
     return [
@@ -2220,7 +2226,7 @@ const Rating = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Rating,
     Tooltip,
 }));
 
-var css$12 = {"drag-handle-wrapper":"_4hHYUr","dragHandleWrapper":"_4hHYUr","with-indent":"SAk46A","withIndent":"SAk46A","drag-handle":"fMcMBP","dragHandle":"fMcMBP","icon-container":"_5e3aF2","iconContainer":"_5e3aF2"};
+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;
@@ -2244,7 +2250,7 @@ function DataRowAddons(props) {
     };
     return (React__namespace.default.createElement(React__namespace.default.Fragment, null,
         row.dnd?.srcData && renderDragHandle(),
-        row?.checkbox?.isVisible && (React__namespace.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__namespace.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__namespace.default.createElement("div", { key: "fold", className: cx__default.default('uui-dr_addons-indent', `uui-size-${props.size || settings.dataTable.sizes.body.row}`), style: { marginInlineStart: getIndent(), width: getWidth() } }, row.isFoldable && (React__namespace.default.createElement(uuiComponents.ControlIcon, { rawProps: {
                 'aria-label': row.isFolded ? 'Unfold' : 'Fold',
                 role: 'button',
@@ -2302,7 +2308,7 @@ function VerticalTabButtonComponent(props, ref) {
 }
 const VerticalTabButton = /* @__PURE__ */React__namespace.default.forwardRef(VerticalTabButtonComponent);
 
-var css$11 = {"root":"E6IdlQ","main-path":"_-3OuSN","mainPath":"_-3OuSN","content-wrapper":"HIVsCz","contentWrapper":"HIVsCz","content":"R-AwEE","action-wrapper":"GXIzky","actionWrapper":"GXIzky","icon-wrapper":"_2Oo5aU","iconWrapper":"_2Oo5aU","icon":"Hm3UKA","close-icon":"Q38sbR","closeIcon":"Q38sbR"};
+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__namespace.forwardRef((props, ref) => (React__namespace.createElement("div", { role: "alert", ref: ref, className: cx__default.default('uui-alert', css$11.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.alert.sizes.default}`), ...props.rawProps },
     React__namespace.createElement("div", { className: css$11.mainPath },
@@ -2320,7 +2326,7 @@ const ErrorAlert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => Re
 
 const Dropdown = /* @__PURE__ */uuiCore.withMods(uuiComponents.Dropdown);
 
-var css$10 = {"submenu-root-item-rtl":"WtumD0","submenuRootItemRtl":"WtumD0","icon-after":"_7tLv-e","iconAfter":"_7tLv-e","submenu-root-item":"f20reB","submenuRootItem":"f20reB","icon-check":"ErQaeV","iconCheck":"ErQaeV","splitter-root":"VrNhcO","splitterRoot":"VrNhcO","splitter":"j2RzPx","header-root":"lcvsAt","headerRoot":"lcvsAt","item-root":"mdTurG","itemRoot":"mdTurG","icon":"oLjEVJ","link":"_5jK2Z9","indent":"vbDi3O","selected-mark":"MiZiMV","selectedMark":"MiZiMV"};
+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"};
 
 exports.IDropdownControlKeys = void 0;
 (function (IDropdownControlKeys) {
@@ -2454,7 +2460,7 @@ function DropdownMenuSwitchButton(props) {
         React__namespace.default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
 }
 
-var css$$ = {"root":"N9Kobp","mode-block":"_7atKvA","modeBlock":"_7atKvA","mode-inline":"gb-TZR","modeInline":"gb-TZR","padding-0":"ZTHBnC","padding0":"ZTHBnC","padding-6":"Dz-kOd","padding6":"Dz-kOd","padding-12":"f3veRX","padding12":"f3veRX","padding-18":"VJbwAP","padding18":"VJbwAP"};
+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 [
@@ -2467,7 +2473,7 @@ const Accordion = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Accor
     dropdownIcon: mods.dropdownIcon !== null && settings.accordion.icons.dropdownIcon,
 }));
 
-var css$_ = {"root":"QyO1zv","align-items":"D8uL9t","alignItems":"D8uL9t","justify-content":"bjztV-","justifyContent":"bjztV-","border-top":"_3EreZi","borderTop":"_3EreZi","border-bottom":"M4s0w0","borderBottom":"M4s0w0","top-shadow":"dRwnfp","topShadow":"dRwnfp","padding":"ugDhdz","margin":"IAqpZ4","vPadding":"JqH9k6","column-gap":"jznRSv","columnGap":"jznRSv","row-gap":"j6xkt-","rowGap":"j6xkt-","spacing":"_507gu4"};
+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__ */uuiCore.withMods(uuiComponents.FlexCell, () => [css$_.flexCell]);
 
@@ -2519,7 +2525,7 @@ const FlexRow = /* @__PURE__ */React.forwardRef((props, ref) => {
         } }, props.children));
 });
 
-var css$Z = {"root":"jUkus8","margin-24":"Fsp1Bn","margin24":"Fsp1Bn","padding-12":"Nu6NM9","padding12":"Nu6NM9","padding-24":"br7-J3","padding24":"br7-J3","shadow":"lKPf-I","uui-surface-main":"Drw3rd","uuiSurfaceMain":"Drw3rd"};
+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__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
     'uui-panel',
@@ -2529,7 +2535,7 @@ const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
     props.background && css$Z[`uui-${props.background}`],
 ]);
 
-var css$Y = {"root":"vfpRAC"};
+var css$Y = {"root":"R4VcpT"};
 
 function applyLabeledInputMods(mods) {
     return [
@@ -2551,7 +2557,7 @@ function applyLabeledInputProps(props) {
 }
 const LabeledInput = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.LabeledInput, applyLabeledInputMods, applyLabeledInputProps);
 
-var css$X = {"root":"ggfGib"};
+var css$X = {"root":"ReR-6A"};
 
 function RadioGroup(props) {
     const direction = props.direction || 'vertical';
@@ -2566,7 +2572,7 @@ function RadioGroup(props) {
     })));
 }
 
-var css$W = {"root":"OR7enz","viewport":"dWFYXR"};
+var css$W = {"root":"yPmEqK","viewport":"yOo6xt"};
 
 var uuiScrollbars;
 (function (uuiScrollbars) {
@@ -2576,16 +2582,25 @@ var uuiScrollbars;
     uuiScrollbars["uuiLineBottom"] = "uui-line-bottom";
 })(uuiScrollbars || (uuiScrollbars = {}));
 const ScrollBars = /* @__PURE__ */React.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] = React.useState({
         host: null,
         viewport: null,
     });
     const hostRef = React.useRef(null);
     const viewportRef = React.useRef(null);
-    const containerRef = React.useRef(null);
+    const elementEventsEffective = React.useMemo(() => {
+        const result = [['img', 'load']]; // this is default
+        if (elementEvents && elementEvents.length > 0) {
+            result.push(...elementEvents);
+        }
+        return result;
+    }, [elementEvents]);
     const [initialize, osInstance] = overlayscrollbarsReact.useOverlayScrollbars({
         options: {
+            update: {
+                elementEvents: elementEventsEffective,
+            },
             scrollbars: {
                 theme: 'uui-scroll-bars',
                 autoHide: autoHide,
@@ -2627,7 +2642,7 @@ const ScrollBars = /* @__PURE__ */React.forwardRef((props, ref) => {
     uuiCore.useScrollShadows(shadowElements.host, shadowElements.viewport);
     React.useImperativeHandle(ref, () => {
         return {
-            container: containerRef.current,
+            container: hostRef.current,
             view: viewportRef.current,
         };
     }, []);
@@ -2636,7 +2651,7 @@ const ScrollBars = /* @__PURE__ */React.forwardRef((props, ref) => {
 });
 ScrollBars.displayName = 'ScrollBars';
 
-var css$V = {"scroll-container":"rG-TKh","scrollContainer":"rG-TKh","list-container":"IaRpf2","listContainer":"IaRpf2"};
+var css$V = {"scroll-container":"-iJzit","scrollContainer":"-iJzit","list-container":"TQ5X2A","listContainer":"TQ5X2A"};
 
 const VirtualList = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
     const { listContainerRef, offsetY, handleScroll, estimatedHeight, scrollContainerRef, } = uuiCore.useVirtualList({
@@ -2689,7 +2704,7 @@ function Tree(props) {
     return (React__namespace.createElement(VirtualList, { value: value, onValueChange: onValueChange, rowsCount: rowsCount, rows: renderedRows, cx: uuiCore.cx(propsCx), role: "tree" }));
 }
 
-var css$U = {"root":"_7QPbFM"};
+var css$U = {"root":"_24tVSx"};
 
 function CheckboxGroup(props) {
     const currentValue = props.value || [];
@@ -2791,7 +2806,7 @@ const Tabs = /* @__PURE__ */React.forwardRef((props, ref) => {
 });
 Tabs.displayName = 'Tabs';
 
-var css$T = {"root":"PACCMU","modal-blocker":"kIR6A3","modalBlocker":"kIR6A3","animateModalBlocker":"m8DrzO","modal":"_2E3ws9","modal-footer":"QIomtM","modalFooter":"QIomtM","border-top":"BmGclC","borderTop":"BmGclC","modal-header":"sVv1ME","modalHeader":"sVv1ME","border-bottom":"vaR85j","borderBottom":"vaR85j"};
+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__ */uuiCore.withMods(uuiComponents.ModalBlocker, () => [css$T.modalBlocker]);
 const ModalWindow = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalWindow, () => [css$T.root, css$T.modal], (props) => {
@@ -2983,7 +2998,7 @@ const TREE_SHAKEABLE_INIT = () => ({
 });
 const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
 
-var css$S = {"root":"kcrflo","icon-wrapper":"_6-a-06","iconWrapper":"_6-a-06","action-wrapper":"fvgKI0","actionWrapper":"fvgKI0","close-icon":"fM48nv","closeIcon":"fM48nv","main-path":"B-lo-J","mainPath":"B-lo-J","content":"CDTHtS","close-wrapper":"FivOPL","closeWrapper":"FivOPL","clear-notifications":"XIcRF0","clearNotifications":"XIcRF0"};
+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__namespace.default.forwardRef((props, ref) => {
     const notificationCardNode = React__namespace.default.useRef(null);
@@ -3016,7 +3031,7 @@ function ClearNotification() {
         React__namespace.default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
 }
 
-var css$R = {"footer":"Ba7Gra"};
+var css$R = {"footer":"_60qdeS"};
 
 class ConfirmationModal extends React__namespace.Component {
     render() {
@@ -3058,7 +3073,7 @@ function useReliableForceUpdate() {
     return red[1];
 }
 
-var css$Q = {"root":"_2QXPKN","container":"DPLD-w"};
+var css$Q = {"root":"tC19nI","container":"giKzNJ"};
 
 const defaultFormat = 'MMM D, YYYY';
 const valueFormat = 'YYYY-MM-DD';
@@ -3285,14 +3300,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
             React__namespace.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":"Dji844"};
+var css$P = {"root":"XdnSRh"};
 
 function applyDateSelectionMods() {
     return [css$P.root, `uui-size-${settings.datePicker.sizes.body}`];
 }
 const Calendar = /* @__PURE__ */uuiCore.withMods(uuiComponents.Calendar, applyDateSelectionMods);
 
-var css$O = {"root":"Ky0I8i"};
+var css$O = {"root":"WYVM0E"};
 
 const uuiDatePickerBody = {
     wrapper: 'uui-datepicker-body-wrapper',
@@ -3358,7 +3373,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);
@@ -3401,7 +3417,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 = React.useMemo(() => (renderProps) => {
+    const renderBody = React.useMemo(() => function (renderProps) {
         return (React__namespace.default.createElement(DropdownContainer, { ...renderProps },
             React__namespace.default.createElement(DatePickerBody, { value: value, onValueChange: onBodyValueChange, cx: uuiCore.cx(props.bodyCx), filter: props.filter, isHoliday: props.isHoliday, renderDay: props.renderDay, rawProps: props.rawProps?.body, initialViewMonth: props.initialViewMonth }),
             props.renderFooter?.()));
@@ -3414,7 +3430,7 @@ function DatePickerComponent(props, ref) {
 }
 const DatePicker = /* @__PURE__ */React__namespace.default.forwardRef(DatePickerComponent);
 
-var css$N = {"date-input":"-xWFhU","dateInput":"-xWFhU","root":"KeUotG","separator":"Q4bnNh"};
+var css$N = {"date-input":"Zfzja8","dateInput":"Zfzja8","root":"_4FuhU8","separator":"P3lURM"};
 
 const RangeDatePickerInput = /* @__PURE__ */React.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] = React.useState(toCustomDateRangeFormat(value, format));
@@ -3437,6 +3453,10 @@ const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isIn
     };
     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,
@@ -3487,7 +3507,7 @@ const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isIn
         React__namespace.default.createElement(TextInput, { cx: uuiCore.cx(css$N.dateInput, inFocus === 'to' && uuiCore.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":"_5SqAZQ"};
+var css$M = {"root":"tmO-ge"};
 
 const uuiPresets = {
     container: 'uui-presets-container',
@@ -3507,7 +3527,7 @@ function CalendarPresets(props) {
         getPresets(props.presets).map((item) => (React__namespace.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: settings.rangeDatePicker.sizes.preset })))));
 }
 
-var css$L = {"root":"DBrg1k","container":"-ywbwH","day-selection":"Tqj9qE","daySelection":"Tqj9qE","from-picker":"YyTJbR","fromPicker":"YyTJbR","to-picker":"_253UfT","toPicker":"_253UfT","bodes-wrapper":"mVjOgc","bodesWrapper":"mVjOgc","blocker":"ZIukTW"};
+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',
@@ -3709,7 +3729,7 @@ const getDayState = (day, selectedDate) => {
     };
 };
 
-var css$K = {"dropdown-container":"Jm6ks8","dropdownContainer":"Jm6ks8"};
+var css$K = {"dropdown-container":"NRIhlE","dropdownContainer":"NRIhlE"};
 
 function RangeDatePickerComponent(props, ref) {
     const { value: _value, format = defaultFormat, size = settings.rangeDatePicker.sizes.default } = props;
@@ -3777,7 +3797,7 @@ function RangeDatePickerComponent(props, ref) {
 }
 const RangeDatePicker = /* @__PURE__ */React__namespace.default.forwardRef(RangeDatePickerComponent);
 
-var css$J = {"root":"N0jhz2","blocker":"UI1nWu","marker":"JcP97h","top":"vX1VpU","bottom":"_6sIq7E","left":"_96tG1K","right":"fuZShM","inside":"xFy18r"};
+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
@@ -3792,9 +3812,9 @@ function DropMarker(props) {
         : null;
 }
 
-var css$I = {"root":"_7KT0NY","search-wrapper":"pP59Kh","searchWrapper":"pP59Kh","no-data":"rVpiSJ","noData":"rVpiSJ"};
+var css$I = {"root":"EAAX-K","search-wrapper":"hNmjU-","searchWrapper":"hNmjU-","no-data":"nxK7fS","noData":"nxK7fS"};
 
-var css$H = {"picker-row":"_4dgu0u","pickerRow":"_4dgu0u","align-widgets-top":"CSGf2m","alignWidgetsTop":"CSGf2m","row-content":"s3xVK8","rowContent":"s3xVK8","align-widgets-center":"n5XPQw","alignWidgetsCenter":"n5XPQw","icon-container":"GgEujO","iconContainer":"GgEujO","content-wrapper":"MtXMoa","contentWrapper":"MtXMoa","icon-wrapper":"_7lhWA0","iconWrapper":"_7lhWA0","icon-default":"E9ODfJ","iconDefault":"E9ODfJ","selected-mark":"kwS4fU","selectedMark":"kwS4fU"};
+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 = [];
@@ -3861,7 +3881,7 @@ const getHighlightedSearchMatches = (str, search) => {
     return getDecoratedText(str, ranges);
 };
 
-var css$G = {"root":"llGMuJ","column-gap":"tbwMGo","columnGap":"tbwMGo","title":"YKCRFy","subtitle":"JWhrrs","disabled":"UFd9ZR","multiline":"pDlF-9"};
+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;
@@ -4079,7 +4099,7 @@ function DataPickerFooterImpl(props) {
 }
 const DataPickerFooter = /* @__PURE__ */React__namespace.default.memo(DataPickerFooterImpl);
 
-var css$F = {"header":"e01BKd","title":"roUDgz","close":"kWxQpL"};
+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) : '';
@@ -4089,7 +4109,7 @@ const DataPickerMobileHeaderImpl = (props) => {
 };
 const DataPickerMobileHeader = /* @__PURE__ */React__namespace.default.memo(DataPickerMobileHeaderImpl);
 
-var css$E = {"done":"_-7rzFN","container":"GPfewb"};
+var css$E = {"done":"QAHFPg","container":"WeVuSZ"};
 
 const PickerBodyMobileView = (props) => {
     const isMobileView = uuiCore.isMobile();
@@ -4101,7 +4121,7 @@ const PickerBodyMobileView = (props) => {
         isMobileView && (React__namespace.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":"uzBxJX","subHeaderWrapper":"uzBxJX","switch":"pXfHSW","search":"ZbEY-l","no-found-modal-container":"lRy-Bf","noFoundModalContainer":"lRy-Bf","no-found-modal-container-icon":"_-9FCh-","noFoundModalContainerIcon":"_-9FCh-","no-found-modal-container-text":"_5oZQwe","noFoundModalContainerText":"_5oZQwe","body":"k3T-1H"};
+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, } = uuiComponents.usePickerModal(props);
@@ -4162,7 +4182,7 @@ function PickerModal(props) {
             React__namespace.default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
 }
 
-var css$C = {"tooltip":"_0Nggyo","noShrink":"K4nrCB"};
+var css$C = {"tooltip":"sVSMmu","noShrink":"q5FRqd"};
 
 const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     const tagProps = {
@@ -4181,7 +4201,7 @@ const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref)
     }
 });
 
-var css$B = {"root":"uaNwd2"};
+var css$B = {"root":"EXkD-M"};
 
 const defaultMode = EditMode.FORM;
 function applyPickerTogglerMods(mods) {
@@ -4263,7 +4283,7 @@ function PickerInputComponent(props, ref) {
 }
 const PickerInput = /* @__PURE__ */React__namespace.default.forwardRef(PickerInputComponent);
 
-var css$A = {"row":"_3n51YO"};
+var css$A = {"row":"FnwVP-"};
 
 function PickerListRow(props) {
     let label;
@@ -4283,7 +4303,7 @@ function PickerListRow(props) {
     return (React__namespace.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":"_1sTZ4N"};
+var css$z = {"root":"zKr2jP"};
 
 function PickerList(props) {
     const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, getModalTogglerCaption, } = uuiComponents.usePickerList(props);
@@ -4318,7 +4338,7 @@ function PickerList(props) {
             }, selectedRows)));
 }
 
-var css$y = {"root":"QZHRmx","wrapper":"FuwuGF","align-widgets-top":"e4sn-M","alignWidgetsTop":"e4sn-M","align-widgets-center":"gGOO7o","alignWidgetsCenter":"gGOO7o"};
+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 };
@@ -4368,7 +4388,7 @@ function DataTableCell(initialProps) {
     return React__namespace.createElement(uuiComponents.DataTableCell, { ...props });
 }
 
-var css$x = {"root":"zGVC0Y"};
+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.
@@ -4384,7 +4404,7 @@ const DataTableRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableRow,
     ];
 }, () => propsMods);
 
-var css$w = {"sorting-panel-container":"_0Xuyd0","sortingPanelContainer":"_0Xuyd0"};
+var css$w = {"sorting-panel-container":"EmzCRJ","sortingPanelContainer":"EmzCRJ"};
 
 const SortingPanelImpl = ({ sortDirection, onSort }) => {
     const sortAsc = React.useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
@@ -4404,7 +4424,7 @@ const ColumnHeaderDropdownImpl = (props) => {
 };
 const ColumnHeaderDropdown = /* @__PURE__ */React__namespace.default.memo(ColumnHeaderDropdownImpl);
 
-var css$v = {"root":"PPC1I3","caption-wrapper":"yHWyDC","captionWrapper":"yHWyDC","sort-icon":"EY4OP-","sortIcon":"EY4OP-","dropdown-icon":"hk2ENu","dropdownIcon":"hk2ENu","infoIcon":"r-5cSj","sortInActive":"_2dExQJ","align-right":"_584VEN","alignRight":"_584VEN","align-center":"_9ZaR54","alignCenter":"_9ZaR54","caption":"XK7nlt","truncate":"_1NcHoV","upper-case":"DVYHAM","upperCase":"DVYHAM","checkbox":"TBVb9Y","icon":"swJhoW","fold-all-icon":"mLMgqi","foldAllIcon":"mLMgqi","cell-tooltip":"zCcrne","cellTooltip":"zCcrne","resizing-marker":"FWBf9Q","resizingMarker":"FWBf9Q","pinned-right":"uoSZdF","pinnedRight":"uoSZdF","draggable":"_9PLbb3","ghost":"RK24kN","is-dragged-out":"_1Fegi7","isDraggedOut":"_1Fegi7","dnd-marker-left":"W-g-Pt","dndMarkerLeft":"W-g-Pt","dnd-marker-right":"UL0F7F","dndMarkerRight":"UL0F7F","cell-tooltip-wrapper":"MBShHW","cellTooltipWrapper":"MBShHW","cell-tooltip-text":"JDyA6Q","cellTooltipText":"JDyA6Q","tooltip-caption":"_0-1QXz","tooltipCaption":"_0-1QXz","tooltip-info":"_9mx9Zn","tooltipInfo":"_9mx9Zn"};
+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__namespace.Component {
     constructor() {
@@ -4510,7 +4530,7 @@ class DataTableHeaderCell extends React__namespace.Component {
     }
 }
 
-var css$u = {"root":"aEkUbA","caption-wrapper":"ZYJ9EV","captionWrapper":"ZYJ9EV","align-center":"vwd-NR","alignCenter":"vwd-NR","caption":"ooY3ev","truncate":"O-EUXI","upper-case":"hzcik-","upperCase":"hzcik-","group-cell-tooltip":"tBt1Ie","groupCellTooltip":"tBt1Ie","group-cell-tooltip-wrapper":"Gm6U9R","groupCellTooltipWrapper":"Gm6U9R","group-cell-tooltip-text":"s0r6pn","groupCellTooltipText":"s0r6pn","tooltip-caption":"KXVwpo","tooltipCaption":"KXVwpo","tooltip-info":"gHZ3M9","tooltipInfo":"gHZ3M9"};
+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__namespace.Component {
     constructor() {
@@ -4550,7 +4570,7 @@ class DataTableHeaderGroupCell extends React__namespace.Component {
     }
 }
 
-var css$t = {"root":"LIXVzY"};
+var css$t = {"root":"a8rBQY"};
 
 const DataTableHeaderRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableHeaderRow, () => [css$t.root, 'uui-dt-vars'], (mods) => {
     return ({
@@ -4562,6 +4582,20 @@ const DataTableHeaderRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTab
     });
 });
 
+/**
+ * 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 {};
@@ -4579,27 +4613,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;
@@ -4650,7 +4678,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":"Tvoa23","header":"xcTtVb","title":"FtlL-c","removeButton":"QQcx6h","with-search":"_-6BQM9","withSearch":"_-6BQM9"};
+var css$s = {"body":"Wo3kzg","header":"W77D0P","title":"O-eEci","removeButton":"seVjF4","with-search":"KspFtz","withSearch":"KspFtz"};
 
 function FilterColumnBody(props) {
     const [predicate, setPredicate] = React.useState(getDefaultPredicate(props.predicates, props.value));
@@ -4711,7 +4739,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
     return columns;
 };
 
-var css$r = {"unpin-icon":"XZV7J9","unpinIcon":"XZV7J9","pin-toggler-icon":"_5lDjsl","pinTogglerIcon":"_5lDjsl"};
+var css$r = {"unpin-icon":"_1Ylry-","unpinIcon":"_1Ylry-","pin-toggler-icon":"WYLTuX","pinTogglerIcon":"WYLTuX"};
 
 function PinIconButton(props) {
     const i18nLocal = i18n.tables.columnsConfigurationModal;
@@ -4762,7 +4790,7 @@ function getUnpinIcon(params) {
     }
 }
 
-var css$q = {"row-wrapper":"napToR","rowWrapper":"napToR","pin-icon-button":"iXE5Jv","pinIconButton":"iXE5Jv","not-pinned":"_61hMbe","notPinned":"_61hMbe","checkbox":"_7bv-W0","drag-handle":"Rh01TK","dragHandle":"Rh01TK","dnd-disabled":"NXCCZ-","dndDisabled":"NXCCZ-"};
+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__namespace.memo(function ColumnRow(props) {
     const { column } = props;
@@ -4796,7 +4824,7 @@ const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props)
     return (React__namespace.createElement(uuiCore.DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
 });
 
-var css$p = {"root":"fZRhwO","main-panel":"cWTuys","mainPanel":"cWTuys","group":"g1TffK","group-title":"s9a4yy","groupTitle":"s9a4yy","group-items":"fCcplt","groupItems":"fCcplt","no-data":"Ri6-qP","noData":"Ri6-qP","no-data-title":"CiXQF-","noDataTitle":"CiXQF-","no-data-sub-title":"jykiXJ","noDataSubTitle":"jykiXJ","h-divider":"c65Wl7","hDivider":"c65Wl7","search-area":"RymHr8","searchArea":"RymHr8","subgroup-accordion":"zWFQo9","subgroupAccordion":"zWFQo9","subgroup":"-GLJJJ","subgroup-title":"GwLT11","subgroupTitle":"GwLT11"};
+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__namespace.createElement(FlexRow, { cx: css$p.group },
     React__namespace.createElement(Text, { size: "none", cx: css$p.groupTitle }, title),
@@ -4899,7 +4927,7 @@ const getChildrenAndRest = (row, rows) => {
     return [children, rest];
 };
 
-var css$o = {"listContainer":"eoORRh","header":"eDo-MH","group":"fNUzRX","stickyHeader":"HM-yrP"};
+var css$o = {"listContainer":"Ng-O--","header":"STVLJ3","group":"_9p4TG5","stickyHeader":"kMhqu1"};
 
 function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
     const rowRef = React.useRef(undefined);
@@ -4939,7 +4967,7 @@ function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, r
             React__namespace.default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
 }
 
-var css$n = {"root":"BcBGCU","sticky-header":"QHGk8a","stickyHeader":"QHGk8a","no-results":"gGrR0x","noResults":"gGrR0x","icon":"re4ceE","title":"V-yQZ7"};
+var css$n = {"root":"wdzXqF","sticky-header":"O8TivO","stickyHeader":"O8TivO","no-results":"zccqlV","noResults":"zccqlV","icon":"ExKJUn","title":"_00tHys"};
 
 function DataTable(props) {
     const { uuiModals } = uuiCore.useUuiContext();
@@ -4988,7 +5016,7 @@ function DataTable(props) {
             : (React__namespace.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":"Z4--yw","title-wrapper":"ehV4wk","titleWrapper":"ehV4wk","title":"S-j8-f","text-wrapper":"_6AFD64","textWrapper":"_6AFD64","selection":"nzeuMq","postfix":"gUfSNI","selected":"z4kD20"};
+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__namespace.forwardRef((props, ref) => {
     const togglerPickerOpened = (e) => {
@@ -5213,7 +5241,7 @@ function FilterRangeDatePickerBody(props) {
         renderFooter()));
 }
 
-var css$l = {"container":"_6YpPx-"};
+var css$l = {"container":"kLHvmW"};
 
 function FilterNumericBody(props) {
     const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
@@ -5524,7 +5552,7 @@ function FiltersToolbarImpl(props) {
 }
 const FiltersPanel = /* @__PURE__ */React__namespace.default.memo(FiltersToolbarImpl);
 
-var css$k = {"delete-button":"_4zcrfw","deleteButton":"_4zcrfw","tab-button":"F6Rg-J","tabButton":"F6Rg-J","targetOpen":"Fl4UJd"};
+var css$k = {"delete-button":"ywoFk2","deleteButton":"ywoFk2","tab-button":"e6rdsw","tabButton":"e6rdsw","targetOpen":"g1kEAC"};
 
 function PresetActionsDropdown(props) {
     const { uuiNotifications } = uuiCore.useUuiContext();
@@ -5600,7 +5628,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":"hPvg3c","presetInputCell":"hPvg3c","preset-input":"xI2ZOT","presetInput":"xI2ZOT"};
+var css$j = {"preset-input-cell":"kH-0uK","presetInputCell":"kH-0uK","preset-input":"qOLjPK","presetInput":"qOLjPK"};
 
 function PresetInput(props) {
     const [presetCaption, setPresetCaption] = React.useState(props.preset?.name || '');
@@ -5627,7 +5655,7 @@ function PresetInput(props) {
         React__namespace.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":"kY-CA8","activePreset":"Pz3OmC"};
+var css$i = {"preset":"Q9z2cO","activePreset":"M9Ekkb"};
 
 function Preset(props) {
     const [isRenamePreset, setIsRenamePreset] = React.useState(false);
@@ -5652,7 +5680,7 @@ function Preset(props) {
     return (React__namespace.default.createElement(FlexCell, { key: props.preset.id, alignSelf: "center", width: "auto" }, isRenamePreset ? (React__namespace.default.createElement(PresetInput, { onCancel: cancelRenamePreset, onSuccess: handlePresetRename, preset: props.preset })) : (React__namespace.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":"hcMHZv","dropdownDeleteIcon":"EDFcUU","presetsWrapper":"_--OqV6","addPresetContainer":"QhW7jI","dropContainer":"ITcotU"};
+var css$h = {"divider":"psaU2b","dropdownDeleteIcon":"_1C98GT","presetsWrapper":"YyiMSF","addPresetContainer":"_1vbNzT","dropContainer":"hwx7RR"};
 
 function PresetsPanel(props) {
     const [isAddingPreset, setIsAddingPreset] = React.useState(false);
@@ -5701,9 +5729,9 @@ function PresetsPanel(props) {
             React__namespace.default.createElement(uuiComponents.AdaptivePanel, { items: getPanelItems() }))));
 }
 
-var css$g = {"root":"g33WdO"};
+var css$g = {"root":"-pZw-C"};
 
-var css$f = {"root":"_8E77by","burger-content":"pMmN6r","burgerContent":"pMmN6r"};
+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); }
@@ -5746,7 +5774,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
 };
 var ForwardRef$2 = /*#__PURE__*/React.forwardRef(SvgNavigationArrowDownOutline);
 
-var css$e = {"root":"ApfslY","button-primary":"N7HWgw","buttonPrimary":"N7HWgw","button-secondary":"Si4sB0","buttonSecondary":"Si4sB0","hasIcon":"kPkGSY","dropdown":"ishyOX"};
+var css$e = {"root":"kQQxrW","button-primary":"_4WvNm-","buttonPrimary":"_4WvNm-","button-secondary":"xUZ3ej","buttonSecondary":"xUZ3ej","hasIcon":"a3kPg-","dropdown":"dMLhvj"};
 
 function applyBurgerButtonMods(props) {
     return [
@@ -5771,13 +5799,13 @@ const BurgerButton = /* @__PURE__ */React__namespace.default.forwardRef((props,
         }, dropdownIcon: ForwardRef$2 }));
 });
 
-var css$d = {"search-input":"mo0420","searchInput":"mo0420"};
+var css$d = {"search-input":"-L1mHB","searchInput":"-L1mHB"};
 
 function BurgerSearch(props) {
     return (React__namespace.createElement(uuiComponents.TextInput, { cx: cx__default.default(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":"GZrJgu","group-header":"ta0rUH","groupHeader":"ta0rUH","group-name":"mZc2pE","groupName":"mZc2pE","line":"Lkcq2c"};
+var css$c = {"root":"uZE1Yo","group-header":"pnNiZl","groupHeader":"pnNiZl","group-name":"ZDOhwI","groupName":"ZDOhwI","line":"_1xB48O"};
 
 function BurgerGroupHeader(props) {
     return (React__namespace.createElement("div", { className: cx__default.default(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
@@ -5785,7 +5813,7 @@ function BurgerGroupHeader(props) {
         React__namespace.createElement("span", { className: css$c.groupName }, props.caption)));
 }
 
-var css$b = {"root":"uO2QAk","type-primary":"HBjwuq","typePrimary":"HBjwuq","type-secondary":"J-ttdm","typeSecondary":"J-ttdm"};
+var css$b = {"root":"wAu87D","type-primary":"YqCFc6","typePrimary":"YqCFc6","type-secondary":"dj8hE6","typeSecondary":"dj8hE6"};
 
 const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     const { type, ...clickableProps } = props;
@@ -5813,7 +5841,7 @@ const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
         props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
 });
 
-var css$a = {"dropdown-body":"_1ndyPA","dropdownBody":"_1ndyPA"};
+var css$a = {"dropdown-body":"imC63H","dropdownBody":"imC63H"};
 
 function MainMenuDropdown(props) {
     const handleEscape = (e, onClose, isOpen) => {
@@ -5859,12 +5887,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
 };
 var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgNavigationGlobalMenuOutlineOutline);
 
-var css$9 = {"global-menu-btn":"LZ1Xyg","globalMenuBtn":"LZ1Xyg","global-menu-icon":"os9NB6","globalMenuIcon":"os9NB6"};
+var css$9 = {"global-menu-btn":"g-s03l","globalMenuBtn":"g-s03l","global-menu-icon":"C2qVsA","globalMenuIcon":"C2qVsA"};
 
 const GlobalMenu = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", { ref: ref, id: "global_menu_toggle", className: cx__default.default(css$9.globalMenuBtn, props.cx), ...props.rawProps },
     React__namespace.createElement(uuiComponents.IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
 
-var css$8 = {"container":"IsKWKO","open":"htf3wL","folding-arrow":"_4bHnn4","foldingArrow":"_4bHnn4"};
+var css$8 = {"container":"qWRbin","open":"getmvg","folding-arrow":"_2SFzKr","foldingArrow":"_2SFzKr"};
 
 const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", { ref: ref, className: cx__default.default(css$8.container, props.isDropdown && css$8.dropdown, props.isOpen && css$8.open, props.onClick && uuiCore.uuiMarkers.clickable, props.cx), onClick: props.onClick, ...props.rawProps },
     React__namespace.createElement(uuiComponents.Avatar, { size: "36", img: props.avatarUrl }),
@@ -5872,15 +5900,15 @@ const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
     props.isDropdown && (React__namespace.createElement("div", null,
         React__namespace.createElement(uuiComponents.IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
 
-var css$7 = {"search-input":"vgHGU0","searchInput":"vgHGU0"};
+var css$7 = {"search-input":"HcXk6g","searchInput":"HcXk6g"};
 
 const MainMenuSearch = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement(uuiCore.IEditableDebouncer, { ...props, render: (iEditable) => (React__namespace.createElement(uuiComponents.TextInput, { iconPosition: "left", icon: ForwardRef$M, cancelIcon: props.value?.length > 0 && ForwardRef$Q, ...props, ...iEditable, ref: ref, cx: uuiCore.cx(css$7.searchInput, props.cx), ...props.rawProps })) })));
 
-var css$6 = {"container":"UB11I0"};
+var css$6 = {"container":"RkR7Ot"};
 
 const MainMenuIcon = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement(IconButton, { ref: ref, icon: props.icon, cx: uuiCore.cx(props.cx, css$6.container), ...props })));
 
-var css$5 = {"root":"KAvTa2"};
+var css$5 = {"root":"JGyo-D"};
 
 const Anchor = /* @__PURE__ */uuiCore.withMods(uuiComponents.Anchor, () => [css$5.root]);
 
@@ -5938,7 +5966,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
 };
 var ForwardRef = /*#__PURE__*/React.forwardRef(SvgFileCloudUploadFill);
 
-var css$4 = {"root":"dOe4VD","drop-start":"Hnx5RB","dropStart":"Hnx5RB","drop-over":"cvjljA","dropOver":"cvjljA","link":"zFnonT","drop-area":"PoiaCF","dropArea":"PoiaCF","drop-caption":"i5vagP","dropCaption":"i5vagP","icon-blue":"O9R-t-","iconBlue":"O9R-t-"};
+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'
@@ -5956,7 +5984,7 @@ function DropSpot(props) {
     return React__namespace.createElement(uuiComponents.DropSpot, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
 }
 
-var css$3 = {"root":"bV8X2J"};
+var css$3 = {"root":"TTJiKB"};
 
 const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     const outsetRadius = props.size / 2 - 1;
@@ -5967,7 +5995,7 @@ const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref
         React__namespace.createElement("circle", { strokeWidth: 1, fill: "transparent", r: outsetRadius, cx: props.size / 2, cy: props.size / 2 })));
 });
 
-var css$2 = {"root":"_2nhVqf","file-name":"k0WznR","fileName":"k0WznR","default-color":"g1Vys-","defaultColor":"g1Vys-","doc-color":"QU3ir1","docColor":"QU3ir1","xls-color":"tbDT-t","xlsColor":"tbDT-t","pdf-color":"Esl-fc","pdfColor":"Esl-fc","movie-color":"hSB5pM","movieColor":"hSB5pM","img-color":"Ldtr3u","imgColor":"Ldtr3u","mov-color":"vaE6rl","movColor":"vaE6rl","error-block":"cIsHj-","errorBlock":"cIsHj-","icons-block":"qdt86E","iconsBlock":"qdt86E"};
+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__namespace.forwardRef((props, ref) => {
     const [isLoadingShow, setIsLoadingShow] = React__namespace.useState(true);
@@ -6087,7 +6115,7 @@ const getErrorPageConfig = () => ({
     },
 });
 
-var css$1 = {"container":"q-vfdM"};
+var css$1 = {"container":"X2BixO"};
 
 const ErrorPage = (props) => {
     const isMobileScreen = uuiCore.isMobile();
@@ -6099,7 +6127,7 @@ const ErrorPage = (props) => {
             props?.supportLink && React__namespace.default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
 };
 
-var css = {"recovery-spinner":"Cuwi-I","recoverySpinner":"Cuwi-I","recovery-message":"INaOaV","recoveryMessage":"INaOaV","modal-blocker":"JJnvbv","modalBlocker":"JJnvbv","modalFadeIn":"_3oEBMt"};
+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 } = uuiCore.useUuiContext();