@epam/uui 6.0.0 → 6.0.1-beta.0

package/index.esm.js

@@ -151,7 +151,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
   }, props), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#txfob38xw8cwpktwv_a)"
+    clipPath: "url(#vlifuwbwm1riwzq89_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"
@@ -172,7 +172,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: "txfob35m68v1v8fjk_b",
+    id: "vlifuwynnbkdxm6mq_b",
     style: {
       maskType: "alpha"
     },
@@ -185,7 +185,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(#txfob35m68v1v8fjk_b)",
+    mask: "url(#vlifuwynnbkdxm6mq_b)",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }, /*#__PURE__*/React.createElement("path", {
@@ -271,7 +271,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: "txfob38xw8cwpktwv_a"
+    id: "vlifuwbwm1riwzq89_a"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
     transform: "translate(.552)",
@@ -922,14 +922,14 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
 };
 var ForwardRef$4 = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
 
-var css$1w = {"root":"KrlGIY","uui-spinner":"_1yVbMT","uuiSpinner":"_1yVbMT"};
+var css$1w = {"root":"SiDwij","uui-spinner":"t1XTB1","uuiSpinner":"t1XTB1"};
 
 function applySpinnerMods() {
     return [css$1w.root, 'uui-spinner'];
 }
 const Spinner = /* @__PURE__ */withMods(Spinner$1, applySpinnerMods);
 
-var css$1v = {"root":"bGD-GQ","loading-word":"N6nWnh","loadingWord":"N6nWnh","animated-loading":"Xhd6bU","animatedLoading":"Xhd6bU","skeleton_loading":"_5qKpS8","skeletonLoading":"_5qKpS8"};
+var css$1v = {"root":"lVWf5x","loading-word":"AEPYY8","loadingWord":"AEPYY8","animated-loading":"jLywOz","animatedLoading":"jLywOz","skeleton_loading":"-C5Kli","skeletonLoading":"-C5Kli"};
 
 const TextPlaceholder = (props) => {
     const pattern = ' ';
@@ -946,7 +946,7 @@ const TextPlaceholder = (props) => {
         ]), dangerouslySetInnerHTML: { __html: it } })))));
 };
 
-var css$1u = {"root":"gFX4Wt","line-height":"qfPSAi","lineHeight":"qfPSAi","font-size":"v7CQxB","fontSize":"v7CQxB"};
+var css$1u = {"root":"N3i5SS","line-height":"UQybtx","lineHeight":"UQybtx","font-size":"_6gz14O","fontSize":"_6gz14O"};
 
 function applyTextMods(mods) {
     return [
@@ -1456,7 +1456,7 @@ const settings = {
     textInput: textInputSettings,
 };
 
-var css$1t = {"root":"sNVX-Q"};
+var css$1t = {"root":"_8LENSy"};
 
 function applyButtonMods(mods) {
     return [
@@ -1474,7 +1474,7 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
     };
 });
 
-var css$1s = {"root":"snx1hd"};
+var css$1s = {"root":"ZmDoB4"};
 
 function applyIconButtonMods(props) {
     return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1s.root];
@@ -1511,7 +1511,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$1r = {"root":"vujsVT"};
+var css$1r = {"root":"FbfXCu"};
 
 const DEFAULT_COLOR = 'primary';
 const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
@@ -1541,7 +1541,7 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
         props.isDropdown && (React.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$1q = {"root":"_7naoX7"};
+var css$1q = {"root":"XP5xNz"};
 
 const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
@@ -1553,7 +1553,7 @@ const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
         ]) }, props.caption));
 });
 
-var css$1p = {"root":"bSDKiN","withNotify":"pf2JLA"};
+var css$1p = {"root":"ePPnR9","withNotify":"_8n19K1"};
 
 const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const styles = [
@@ -1581,14 +1581,14 @@ const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
 });
 
-var css$1o = {"root":"_6ZqbsU"};
+var css$1o = {"root":"_7d35eV"};
 
 function applyVerticalTabButtonMods() {
     return [css$1o.root, 'uui-vertical-tab-button'];
 }
 const VerticalTabButton = /* @__PURE__ */withMods(TabButton, applyVerticalTabButtonMods);
 
-var css$1n = {"root":"L96JmR"};
+var css$1n = {"root":"_0REWSO"};
 
 function applyCheckboxMods(mods) {
     return [
@@ -1606,7 +1606,7 @@ const applyUUICheckboxProps = (props) => {
 };
 const Checkbox = /* @__PURE__ */withMods(uuiComponents.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
 
-var css$1m = {"root":"xZ0xea"};
+var css$1m = {"root":"CEt6HW"};
 
 function applyRadioInputMods(mods) {
     return [
@@ -1618,7 +1618,7 @@ function applyRadioInputMods(mods) {
 }
 const RadioInput = /* @__PURE__ */withMods(RadioInput$1, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : settings.radioInput.icons.dotIcon }));
 
-var css$1l = {"root":"_2nI57L"};
+var css$1l = {"root":"XY8Itq"};
 
 function applySwitchMods(mods) {
     return [
@@ -1642,7 +1642,7 @@ var EditMode;
     EditMode["INLINE"] = "inline";
 })(EditMode || (EditMode = {}));
 
-var textInputCss = {"root":"_1ExOjk"};
+var textInputCss = {"root":"Z7YD0x"};
 
 const DEFAULT_MODE$3 = EditMode.FORM;
 function applyTextInputMods(mods) {
@@ -1667,7 +1667,7 @@ const SearchInput = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         } }));
 });
 
-var css$1k = {"root":"LTYAUq"};
+var css$1k = {"root":"_14bZNm"};
 
 const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1k.root, 'uui-control-group']);
 
@@ -1683,7 +1683,7 @@ function MultiSwitchComponent(props, ref) {
 }
 const MultiSwitch = /* @__PURE__ */React.forwardRef(MultiSwitchComponent);
 
-var css$1j = {"root":"Y9szTH"};
+var css$1j = {"root":"PJL-Lx"};
 
 const DEFAULT_MODE$2 = EditMode.FORM;
 function applyNumericInputMods(mods) {
@@ -1703,7 +1703,7 @@ const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMo
     };
 });
 
-var css$1i = {"root":"agv5YV"};
+var css$1i = {"root":"WHoHoY"};
 
 const DEFAULT_MODE$1 = EditMode.FORM;
 function applyTextAreaMods(mods) {
@@ -1744,7 +1744,7 @@ function TREE_SHAKEABLE_INIT$1() {
     };
 }
 
-var css$1h = {"root":"Z1r3vI"};
+var css$1h = {"root":"cHa1UC"};
 
 function applyDropdownContainerMods(mods) {
     return [
@@ -1755,7 +1755,7 @@ function applyDropdownContainerMods(mods) {
 }
 const DropdownContainer = /* @__PURE__ */withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
 
-var css$1g = {"root":"dcDMzu","timepicker-input":"tOz3ku","timepickerInput":"tOz3ku","ltr-always":"btn2Yu","ltrAlways":"btn2Yu"};
+var css$1g = {"root":"sDzWEC","timepicker-input":"mW1GJK","timepickerInput":"mW1GJK","ltr-always":"w6j8aG","ltrAlways":"w6j8aG"};
 
 const uuiTimePicker = {
     container: 'uui-timepicker-container',
@@ -1949,7 +1949,7 @@ function TimePickerComponent(props, ref) {
 }
 const TimePicker = /* @__PURE__ */React__default.forwardRef(TimePickerComponent);
 
-var css$1f = {"root":"-Qs-hw"};
+var css$1f = {"root":"ndk9mV"};
 
 function applyInputAddonMods() {
     return [
@@ -1958,14 +1958,14 @@ function applyInputAddonMods() {
 }
 const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
 
-var css$1e = {"root":"wzwGIX"};
+var css$1e = {"root":"hiFkv-"};
 
 function applySliderMods() {
     return [css$1e.root, 'uui-color-neutral'];
 }
 const Slider = /* @__PURE__ */withMods(Slider$1, applySliderMods);
 
-var css$1d = {"root":"Q6V5UZ"};
+var css$1d = {"root":"_1-Vbnk"};
 
 function applyTooltipMods(mods) {
     return [
@@ -1975,7 +1975,7 @@ function applyTooltipMods(mods) {
 }
 const Tooltip = /* @__PURE__ */withMods(uuiComponents.Tooltip, applyTooltipMods);
 
-var css$1c = {"root":"RNE4V1","tooltip":"KV2D7y"};
+var css$1c = {"root":"en2wWB","tooltip":"DW1IUb"};
 
 function applyRatingMods(mods) {
     return [
@@ -1989,7 +1989,7 @@ const Rating = /* @__PURE__ */withMods(uuiComponents.Rating, applyRatingMods, (p
     Tooltip,
 }));
 
-var css$1b = {"root":"cAdztP","main-path":"DlQzC6","mainPath":"DlQzC6","content-wrapper":"dJ98Is","contentWrapper":"dJ98Is","content":"PciAFj","action-wrapper":"_25jmXl","actionWrapper":"_25jmXl","icon-wrapper":"_3iAoc0","iconWrapper":"_3iAoc0","icon":"fgyh5z","close-icon":"I-25O0","closeIcon":"I-25O0"};
+var css$1b = {"root":"K7R5Zc","main-path":"_10J0b-","mainPath":"_10J0b-","content-wrapper":"d3PC5b","contentWrapper":"d3PC5b","content":"FExR8H","action-wrapper":"l-yDvs","actionWrapper":"l-yDvs","icon-wrapper":"_0180sV","iconWrapper":"_0180sV","icon":"jbrwDx","close-icon":"IfWR6i","closeIcon":"IfWR6i"};
 
 const Alert = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("div", { role: "alert", ref: ref, className: cx('uui-alert', css$1b.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.alert.sizes.default}`), ...props.rawProps },
     React.createElement("div", { className: css$1b.mainPath },
@@ -2007,7 +2007,7 @@ const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createE
 
 const Dropdown = /* @__PURE__ */withMods(Dropdown$1);
 
-var css$1a = {"submenu-root-item-rtl":"aRvO-8","submenuRootItemRtl":"aRvO-8","icon-after":"_06yT1L","iconAfter":"_06yT1L","submenu-root-item":"E0hRcl","submenuRootItem":"E0hRcl","icon-check":"EzSb-v","iconCheck":"EzSb-v","splitter-root":"_139keK","splitterRoot":"_139keK","splitter":"_1nTqcA","header-root":"G4nPex","headerRoot":"G4nPex","item-root":"W-agQv","itemRoot":"W-agQv","icon":"i1F7Pz","link":"w3Q-Pk","indent":"rDwhrG","selected-mark":"RV0K5R","selectedMark":"RV0K5R"};
+var css$1a = {"submenu-root-item-rtl":"r0k0Oq","submenuRootItemRtl":"r0k0Oq","icon-after":"QaD199","iconAfter":"QaD199","submenu-root-item":"A0CTBY","submenuRootItem":"A0CTBY","icon-check":"lwXpEc","iconCheck":"lwXpEc","splitter-root":"VErtwX","splitterRoot":"VErtwX","splitter":"CsAeWy","header-root":"emnFhA","headerRoot":"emnFhA","item-root":"CQS3QM","itemRoot":"CQS3QM","icon":"_2XLx-E","link":"uIMVqS","indent":"f59C--","selected-mark":"zpoL9q","selectedMark":"zpoL9q"};
 
 var IDropdownControlKeys;
 (function (IDropdownControlKeys) {
@@ -2132,7 +2132,7 @@ function DropdownMenuSwitchButton(props) {
         React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
 }
 
-var css$19 = {"root":"CCc9gw","mode-block":"Bkcc-G","modeBlock":"Bkcc-G","mode-inline":"Jtl12P","modeInline":"Jtl12P","padding-0":"zSG8Il","padding0":"zSG8Il","padding-6":"_2d1u8h","padding6":"_2d1u8h","padding-12":"neXdbO","padding12":"neXdbO","padding-18":"Tn-3Zn","padding18":"Tn-3Zn"};
+var css$19 = {"root":"pBc3vk","mode-block":"_1Thyg1","modeBlock":"_1Thyg1","mode-inline":"yxldBv","modeInline":"yxldBv","padding-0":"vlbyeC","padding0":"vlbyeC","padding-6":"iHq1th","padding6":"iHq1th","padding-12":"_9qUnou","padding12":"_9qUnou","padding-18":"HrCPXF","padding18":"HrCPXF"};
 
 function applyAccordionMods(mods) {
     return [
@@ -2145,7 +2145,7 @@ const Accordion = /* @__PURE__ */withMods(uuiComponents.Accordion, applyAccordio
     dropdownIcon: mods.dropdownIcon !== null && settings.accordion.icons.dropdownIcon,
 }));
 
-var css$18 = {"root":"cRWxDA","align-items":"IvAmIC","alignItems":"IvAmIC","justify-content":"kMSo7G","justifyContent":"kMSo7G","border-top":"_26cBkD","borderTop":"_26cBkD","border-bottom":"Li5WNL","borderBottom":"Li5WNL","top-shadow":"sySsda","topShadow":"sySsda","padding":"O-dMSH","margin":"P9winJ","vPadding":"NKEcmF","column-gap":"NHY-ph","columnGap":"NHY-ph","row-gap":"C-prDe","rowGap":"C-prDe","spacing":"DBMTTU"};
+var css$18 = {"root":"qzAX7q","align-items":"usw-vI","alignItems":"usw-vI","justify-content":"Tur3gE","justifyContent":"Tur3gE","border-top":"n51xB1","borderTop":"n51xB1","border-bottom":"iODUie","borderBottom":"iODUie","top-shadow":"O90dMr","topShadow":"O90dMr","padding":"C-318h","margin":"-ZExPF","vPadding":"ufWCBK","column-gap":"deWxSp","columnGap":"deWxSp","row-gap":"QWci7Z","rowGap":"QWci7Z","spacing":"mRwlqA"};
 
 const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$18.flexCell]);
 
@@ -2197,7 +2197,7 @@ const FlexRow = /* @__PURE__ */forwardRef((props, ref) => {
         } }, props.children));
 });
 
-var css$17 = {"root":"QDCD1o","margin-24":"SCtP5-","margin24":"SCtP5-","padding-12":"JxH4qP","padding12":"JxH4qP","padding-24":"O7dv0D","padding24":"O7dv0D","shadow":"VWQI14","uui-surface-main":"-ZVzRB","uuiSurfaceMain":"-ZVzRB"};
+var css$17 = {"root":"NHrSMd","margin-24":"lWA3Ll","margin24":"lWA3Ll","padding-12":"NzWAwY","padding12":"NzWAwY","padding-24":"le5WWy","padding24":"le5WWy","shadow":"_7j5dvN","uui-surface-main":"a6cPFq","uuiSurfaceMain":"a6cPFq"};
 
 const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
     'uui-panel',
@@ -2207,7 +2207,7 @@ const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
     props.background && css$17[`uui-${props.background}`],
 ]);
 
-var css$16 = {"root":"wDmY08"};
+var css$16 = {"root":"sPPeqc"};
 
 function applyLabeledInputMods(mods) {
     return [
@@ -2224,7 +2224,7 @@ function applyLabeledInputProps(props) {
 }
 const LabeledInput = /* @__PURE__ */withMods(uuiComponents.LabeledInput, applyLabeledInputMods, applyLabeledInputProps);
 
-var css$15 = {"root":"niE-g9"};
+var css$15 = {"root":"_4FZeuM"};
 
 function RadioGroup(props) {
     const direction = props.direction || 'vertical';
@@ -2239,7 +2239,7 @@ function RadioGroup(props) {
     })));
 }
 
-var css$14 = {"root":"ntqwkx"};
+var css$14 = {"root":"Q1AGp-"};
 
 function applyScrollBarsMods() {
     return [
@@ -2248,9 +2248,9 @@ function applyScrollBarsMods() {
 }
 const ScrollBars = /* @__PURE__ */withMods(ScrollBars$1, applyScrollBarsMods);
 
-var css$13 = {"scroll-container":"_-9Y7E0","scrollContainer":"_-9Y7E0","list-container":"fy0GML","listContainer":"fy0GML"};
+var css$13 = {"scroll-container":"TQIrWm","scrollContainer":"TQIrWm","list-container":"DDnpE7","listContainer":"DDnpE7"};
 
-var css$12 = {"root":"_1FYUlF"};
+var css$12 = {"root":"DOEfus"};
 
 const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$12.root], () => ({ renderSpinner: settings.blocker.renderSpinner }));
 
@@ -2296,7 +2296,7 @@ const VirtualListView = /* @__PURE__ */React.forwardRef((props, ref) => {
         React.createElement(Blocker, { isEnabled: props.isLoading })));
 });
 
-var css$11 = {"root":"j-cpN0"};
+var css$11 = {"root":"MJCYgL"};
 
 function CheckboxGroup(props) {
     const currentValue = props.value || [];
@@ -2318,7 +2318,7 @@ function CheckboxGroup(props) {
     })));
 }
 
-var css$10 = {"root":"i8gqnK","modal-blocker":"Jcpes1","modalBlocker":"Jcpes1","animateModalBlocker":"F0WKM3","modal":"o1Glc3","modal-footer":"_7XJSuQ","modalFooter":"_7XJSuQ","border-top":"Dc9N9a","borderTop":"Dc9N9a","modal-header":"lcl6hl","modalHeader":"lcl6hl","border-bottom":"Z89dC1","borderBottom":"Z89dC1"};
+var css$10 = {"root":"_8y7aYU","modal-blocker":"nqsQXf","modalBlocker":"nqsQXf","animateModalBlocker":"ZgpQBn","modal":"vVk7xY","modal-footer":"-nuw5-","modalFooter":"-nuw5-","border-top":"opcJlX","borderTop":"opcJlX","modal-header":"Ghi9Fk","modalHeader":"Ghi9Fk","border-bottom":"mzS2As","borderBottom":"mzS2As"};
 
 const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$10.modalBlocker]);
 const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$10.root, css$10.modal], (props) => {
@@ -2441,6 +2441,7 @@ const TREE_SHAKEABLE_INIT = () => ({
             emptyPickerPlaceholder: 'Select period',
             emptyPlaceholderFrom: 'Select From',
             emptyPlaceholderTo: 'Select To',
+            clearCaption: 'CLEAR',
         },
         pickerInput: {
             itemsPlaceholder: 'items',
@@ -2508,7 +2509,7 @@ const TREE_SHAKEABLE_INIT = () => ({
 });
 const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
 
-var css$$ = {"root":"fSxkn0","icon-wrapper":"UenU7z","iconWrapper":"UenU7z","action-wrapper":"EHEDgo","actionWrapper":"EHEDgo","close-icon":"c-aiaH","closeIcon":"c-aiaH","main-path":"F-S0NE","mainPath":"F-S0NE","content":"VMj878","close-wrapper":"-xR7xI","closeWrapper":"-xR7xI","clear-notifications":"u2DFRz","clearNotifications":"u2DFRz"};
+var css$$ = {"root":"_9kT86f","icon-wrapper":"KY7aE6","iconWrapper":"KY7aE6","action-wrapper":"Mjnaui","actionWrapper":"Mjnaui","close-icon":"NCaWlf","closeIcon":"NCaWlf","main-path":"XN7JPH","mainPath":"XN7JPH","content":"FN9pB6","close-wrapper":"CueH3o","closeWrapper":"CueH3o","clear-notifications":"bpTfWq","clearNotifications":"bpTfWq"};
 
 const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const notificationCardNode = React__default.useRef(null);
@@ -2541,7 +2542,7 @@ function ClearNotification() {
         React__default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
 }
 
-var css$_ = {"footer":"gCFkrn"};
+var css$_ = {"footer":"MvzBXK"};
 
 class ConfirmationModal extends React.Component {
     render() {
@@ -2583,7 +2584,7 @@ function useReliableForceUpdate() {
     return red[1];
 }
 
-var css$Z = {"root":"X-RGW3","container":"_48v7X-"};
+var css$Z = {"root":"R-HcNd","container":"UT0xT3"};
 
 const defaultFormat = 'MMM D, YYYY';
 const valueFormat = 'YYYY-MM-DD';
@@ -2794,14 +2795,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$Y = {"root":"_4IHPMT"};
+var css$Y = {"root":"_8Y9OQe"};
 
 function applyDateSelectionMods() {
     return [css$Y.root, `uui-size-${settings.datePicker.sizes.body}`];
 }
 const Calendar = /* @__PURE__ */withMods(Calendar$1, applyDateSelectionMods);
 
-var css$X = {"root":"_23lowj"};
+var css$X = {"root":"sDsW55"};
 
 const uuiDatePickerBody = {
     wrapper: 'uui-datepicker-body-wrapper',
@@ -2886,8 +2887,9 @@ function DatePickerComponent(props, ref) {
             onValueChange(toValueDateFormat(inputValue, format));
         }
         else {
-            setInputValue(null);
-            onValueChange(null);
+            const newValue = props.preventEmpty ? value : null;
+            setInputValue(toCustomDateFormat(newValue, format));
+            onValueChange(newValue);
         }
     };
     const onInputKeyDown = (e) => {
@@ -2897,7 +2899,7 @@ function DatePickerComponent(props, ref) {
         }
     };
     const renderInput = (renderProps) => {
-        const allowClear = !props.disableClear && !!inputValue;
+        const allowClear = !props.disableClear && !!inputValue && !props.preventEmpty;
         return (React__default.createElement(TextInput, { ...renderProps, isDropdown: false, cx: cx$1(props.inputCx, isBodyOpen && uuiMod.focus), icon: props.mode !== EditMode.CELL ? settings.datePicker.icons.input.calendarIcon : undefined, iconPosition: props.iconPosition || 'left', placeholder: props.placeholder ? props.placeholder : format, size: size, value: inputValue || undefined, onValueChange: (v) => {
                 setInputValue(v || '');
             }, onCancel: allowClear ? () => {
@@ -2921,9 +2923,9 @@ function DatePickerComponent(props, ref) {
 }
 const DatePicker = /* @__PURE__ */React__default.forwardRef(DatePickerComponent);
 
-var css$W = {"date-input":"Q8q0Ss","dateInput":"Q8q0Ss","root":"mvH4f-","separator":"Uq3HWm"};
+var css$W = {"date-input":"K9r-wX","dateInput":"K9r-wX","root":"o-TCjR","separator":"q8bNWT"};
 
-const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, onKeyDown, id, cx: classes, }, ref) => {
+const 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));
     useEffect(() => {
         setInputValue(toCustomDateRangeFormat(value, format));
@@ -2939,20 +2941,29 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
     };
     const handleBlur = (event, inputType) => {
         onBlurInput?.(event, inputType);
+        const canBeEmpty = {
+            from: !preventEmptyFromDate,
+            to: !preventEmptyToDate,
+        };
         const selectedDate = toValueDateRangeFormat(inputValue, format);
+        // If new value is null and input can't be empty, set the value to the last selected value
+        if (selectedDate[inputType] === null && !canBeEmpty[inputType]) {
+            selectedDate[inputType] = value[inputType];
+        }
         const isDateDisabled = filter?.(uuiDayjs.dayjs(selectedDate[inputType])) === false;
         if (isValidRange(selectedDate) && !isDateDisabled) {
             setInputValue(toCustomDateRangeFormat(selectedDate, format));
             onValueChange(selectedDate);
         }
         else {
+            const newValue = !canBeEmpty[inputType] ? value[inputType] : null;
             setInputValue({
                 ...inputValue,
-                [inputType]: null,
+                [inputType]: newValue,
             });
             onValueChange({
                 ...selectedDate,
-                [inputType]: null,
+                [inputType]: newValue,
             });
         }
     };
@@ -2962,18 +2973,23 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
             e.preventDefault();
         }
     };
-    const clearAllowed = !disableClear && inputValue.from && inputValue.to;
+    const onClear = () => {
+        const newValue = {
+            from: preventEmptyFromDate ? value.from : null,
+            to: preventEmptyToDate ? value.to : null,
+        };
+        onValueChange(newValue);
+    };
+    const clearAllowed = !disableClear && !(preventEmptyFromDate && preventEmptyToDate) && inputValue.from && inputValue.to;
     return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     React__default.createElement("div", { ref: ref, className: cx$1(`uui-size-${size || settings.rangeDatePicker.sizes.default}`, 'uui-range-date-picker', classes, css$W.root, isDisabled && uuiMod.disabled, isReadonly && uuiMod.readonly, isInvalid && uuiMod.invalid, inFocus && uuiMod.focus), onKeyDown: onKeyDown },
         React__default.createElement(TextInput, { icon: settings.rangeDatePicker.icons.input.calendarIcon, cx: cx$1(css$W.dateInput, inFocus === 'from' && uuiMod.focus), size: size || settings.rangeDatePicker.sizes.default, placeholder: getPlaceholder ? getPlaceholder('from') : i18n.rangeDatePicker.pickerPlaceholderFrom, value: inputValue.from || undefined, onValueChange: (v) => onInputChange(v || '', 'from'), onFocus: (event) => handleFocus(event, 'from'), onBlur: (event) => handleBlur(event, 'from'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps?.from, onClick: onClick, onKeyDown: onInputKeyDown, id: id }),
         React__default.createElement("div", { className: css$W.separator }),
-        React__default.createElement(TextInput, { cx: cx$1(css$W.dateInput, inFocus === 'to' && uuiMod.focus), placeholder: getPlaceholder ? getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: size || settings.rangeDatePicker.sizes.default, value: inputValue.to || undefined, onCancel: clearAllowed ? () => {
-                onValueChange(defaultRangeValue);
-            } : undefined, onValueChange: (v) => onInputChange(v || '', 'to'), onFocus: (e) => handleFocus(e, 'to'), onBlur: (e) => handleBlur(e, 'to'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps?.to, onClick: onClick, onKeyDown: onInputKeyDown })));
+        React__default.createElement(TextInput, { cx: cx$1(css$W.dateInput, inFocus === 'to' && uuiMod.focus), placeholder: getPlaceholder ? getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: size || settings.rangeDatePicker.sizes.default, value: inputValue.to || undefined, onCancel: clearAllowed ? onClear : undefined, onValueChange: (v) => onInputChange(v || '', 'to'), onFocus: (e) => handleFocus(e, 'to'), onBlur: (e) => handleBlur(e, 'to'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps?.to, onClick: onClick, onKeyDown: onInputKeyDown })));
 });
 
-var css$V = {"root":"GtXyEC"};
+var css$V = {"root":"A4B-Mg"};
 
 const uuiPresets = {
     container: 'uui-presets-container',
@@ -2993,7 +3009,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$U = {"root":"jZwb3R","container":"e1r54U","day-selection":"APIBxI","daySelection":"APIBxI","from-picker":"F8WuqH","fromPicker":"F8WuqH","to-picker":"lu3NDE","toPicker":"lu3NDE","bodes-wrapper":"_3aSDER","bodesWrapper":"_3aSDER","blocker":"mQ2qog"};
+var css$U = {"root":"_7zrH-q","container":"tEq1JO","day-selection":"cwbB5v","daySelection":"cwbB5v","from-picker":"_4phH1F","fromPicker":"_4phH1F","to-picker":"KNGWbN","toPicker":"KNGWbN","bodes-wrapper":"Fle-xd","bodesWrapper":"Fle-xd","blocker":"OL8E2L"};
 
 const uuiRangeDatePickerBody = {
     inRange: 'uui-range-datepicker-in-range',
@@ -3168,7 +3184,7 @@ const getDayCX = (day, selectedDate) => {
     return [cx(inRange && uuiRangeDatePickerBody.inRange, isFirst && uuiRangeDatePickerBody.firstDayInRangeWrapper, !inRange && isFirst && uuiRangeDatePickerBody.lastDayInRangeWrapper, isLast && uuiRangeDatePickerBody.lastDayInRangeWrapper, !inRange && isLast && uuiRangeDatePickerBody.firstDayInRangeWrapper, (dayValue === fromValue || dayValue === toValue) && uuiDaySelection.selectedDay)];
 };
 
-var css$T = {"dropdown-container":"gzoUNo","dropdownContainer":"gzoUNo"};
+var css$T = {"dropdown-container":"I0pZsA","dropdownContainer":"I0pZsA"};
 
 function RangeDatePickerComponent(props, ref) {
     const { value: _value, format = defaultFormat, size = settings.rangeDatePicker.sizes.default } = props;
@@ -3231,12 +3247,12 @@ function RangeDatePickerComponent(props, ref) {
             return props.renderTarget?.(renderProps) || (React__default.createElement(RangeDatePickerInput, { id: props.id, ref: (node) => { renderProps.ref(node); targetRef.current = node; }, cx: props.inputCx, onClick: () => renderProps.toggleDropdownOpening(true), isDisabled: props.isDisabled, isInvalid: props.isInvalid, isReadonly: props.isReadonly, size: size, getPlaceholder: props.getPlaceholder, disableClear: props.disableClear, rawProps: props.rawProps, inFocus: inFocus, value: value, format: format, filter: props.filter, onValueChange: onValueChange, onFocusInput: (e, type) => {
                     props.onFocus?.(e, type);
                     setInFocus(type);
-                }, onBlurInput: (e, type) => { props.onBlur?.(e, type); !isOpen && setInFocus(null); }, onKeyDown: handleEscape }));
+                }, onBlurInput: (e, type) => { props.onBlur?.(e, type); !isOpen && setInFocus(null); }, onKeyDown: handleEscape, preventEmptyFromDate: props.preventEmptyFromDate, preventEmptyToDate: props.preventEmptyToDate }));
         }, renderBody: (renderProps) => renderBody(renderProps), onValueChange: (v) => onOpenChange(v), value: isOpen, middleware: [offset(6)], placement: props.placement, ref: ref }));
 }
 const RangeDatePicker = /* @__PURE__ */React__default.forwardRef(RangeDatePickerComponent);
 
-var css$S = {"root":"_4c7JOn","blocker":"JAb23-","marker":"pJfFTh","top":"Z2P4Zo","bottom":"sN7Hx-","left":"Iwg-dq","right":"D-MBtZ","inside":"XY1--j"};
+var css$S = {"root":"EFl2tP","blocker":"S2868f","marker":"BCbh7c","top":"PD2ecb","bottom":"RJQErR","left":"Qa0l1r","right":"_0aNpGJ","inside":"W-sqv5"};
 
 function DropMarker(props) {
     return props.isDndInProgress
@@ -3253,15 +3269,15 @@ function DropMarker(props) {
 
 const RichTextView = /* @__PURE__ */withMods(uuiComponents.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || settings.richTextView.sizes.default}`]);
 
-var css$R = {"search-wrapper":"_6j47Bn","searchWrapper":"_6j47Bn","no-data":"_6P5Rga","noData":"_6P5Rga"};
+var css$R = {"search-wrapper":"wW24bF","searchWrapper":"wW24bF","no-data":"vemIPi","noData":"vemIPi"};
 
-var css$Q = {"picker-row":"eHNJHq","pickerRow":"eHNJHq","align-widgets-top":"_0Q2a8U","alignWidgetsTop":"_0Q2a8U","row-content":"i2lfPW","rowContent":"i2lfPW","align-widgets-center":"cP9WJW","alignWidgetsCenter":"cP9WJW","icon-container":"RQJpkz","iconContainer":"RQJpkz","content-wrapper":"F3DQyn","contentWrapper":"F3DQyn","icon-wrapper":"_0UUWIU","iconWrapper":"_0UUWIU","icon-default":"BGtMG0","iconDefault":"BGtMG0","selected-mark":"_33CGdB","selectedMark":"_33CGdB"};
+var css$Q = {"picker-row":"ph-Tnk","pickerRow":"ph-Tnk","align-widgets-top":"JdeWZz","alignWidgetsTop":"JdeWZz","row-content":"V6Nie4","rowContent":"V6Nie4","align-widgets-center":"Wc1LQz","alignWidgetsCenter":"Wc1LQz","icon-container":"_1gb2yf","iconContainer":"_1gb2yf","content-wrapper":"jYV0Un","contentWrapper":"jYV0Un","icon-wrapper":"ScKFht","iconWrapper":"ScKFht","icon-default":"Cm-RyN","iconDefault":"Cm-RyN","selected-mark":"_4vBGYx","selectedMark":"_4vBGYx"};
 
-var css$P = {"root":"ahmsHl"};
+var css$P = {"root":"iU2qDg"};
 
 const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$P.root]);
 
-var css$O = {"root":"_2F1ZHd"};
+var css$O = {"root":"_2cvYP6"};
 
 const DEFAULT_FILL = 'solid';
 function applyBadgeMods(mods) {
@@ -3289,7 +3305,7 @@ const Badge = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$N = {"root":"_6qjKPt"};
+var css$N = {"root":"-BejNM"};
 
 function applyTagMods(props) {
     return [
@@ -3317,7 +3333,7 @@ const Tag = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
 });
 
-var css$M = {"root":"_3W7nxe","page":"mV4I9O","spacer":"jsXJ2f","mode-ghost":"_9y3rMJ","modeGhost":"_9y3rMJ"};
+var css$M = {"root":"v0x1PE","page":"-KGl2H","spacer":"JLZcFN","mode-ghost":"ZvwFdI","modeGhost":"ZvwFdI"};
 
 function Paginator(props) {
     const renderPaginator = (params) => (React__default.createElement("nav", { role: "navigation", className: cx(css$M.root, 'uui-paginator', `uui-size-${props.size || settings.paginator.sizes.default}`), ...params.rawProps },
@@ -3334,14 +3350,14 @@ function Paginator(props) {
     return React__default.createElement(Paginator$1, { ...props, render: renderPaginator });
 }
 
-var css$L = {"root":"KPJEdf","progress-bar":"FNKr6C","progressBar":"FNKr6C","progressBar-indeterminate":"Qutt6-","progressBarIndeterminate":"Qutt6-","size-12":"GhXq6g","size12":"GhXq6g","size-18":"_0i56mG","size18":"_0i56mG","size-24":"zxuSDK","size24":"zxuSDK"};
+var css$L = {"root":"KDgvT9","progress-bar":"jY5cL3","progressBar":"jY5cL3","progressBar-indeterminate":"jvNQCr","progressBarIndeterminate":"jvNQCr","size-12":"VjJatc","size12":"VjJatc","size-18":"qSXxAc","size18":"qSXxAc","size-24":"A7bvGO","size24":"A7bvGO"};
 
 const IndeterminateBar = /* @__PURE__ */React.forwardRef((props, ref) => {
     return (React.createElement("div", { ref: ref, className: cx('uui-indeterminate_bar', props.cx, css$L.root, css$L[`size-${props.size || 12}`]) },
         React.createElement("div", { className: cx(css$L.progressBar) })));
 });
 
-var css$K = {"root":"tMBqIl","striped":"g4xn20","animate-stripes":"ehJluS","animateStripes":"ehJluS","size-12":"f6KT8d","size12":"f6KT8d","size-18":"cIpi4Z","size18":"cIpi4Z","size-24":"_72D0n9","size24":"_72D0n9"};
+var css$K = {"root":"PW0Hyx","striped":"_1wG27k","animate-stripes":"_8mL9-h","animateStripes":"_8mL9-h","size-12":"g4Eni6","size12":"g4Eni6","size-18":"C--JCG","size18":"C--JCG","size-24":"lHNKhW","size24":"lHNKhW"};
 
 const DEFAULT_SIZE = '12';
 function applyProgressBarMods(mods) {
@@ -3356,14 +3372,14 @@ const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProg
     hideLabel: props.hideLabel || props.striped,
 }));
 
-var css$J = {"root":"OnHsTk"};
+var css$J = {"root":"qip-tp"};
 
 const IndicatorBar = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { progress } = props;
     return progress || progress === 0 ? (React.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx(css$J.root, props.cx), hideLabel: true })) : (React.createElement(IndeterminateBar, { ref: ref, cx: cx(css$J.root, props.cx) }));
 });
 
-var css$I = {"root":"vD2hUv"};
+var css$I = {"root":"ZQxRrL"};
 
 const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
@@ -3378,7 +3394,7 @@ const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
         React__default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
 });
 
-var css$H = {"drag-handle":"PfxNaP","dragHandle":"PfxNaP","icon-container":"iaRpBx","iconContainer":"iaRpBx"};
+var css$H = {"drag-handle":"wf0uUl","dragHandle":"wf0uUl","icon-container":"wsHObI","iconContainer":"wsHObI"};
 
 function DataRowAddons(props) {
     const row = props.rowProps;
@@ -3464,7 +3480,7 @@ const getHighlightedSearchMatches = (str, search) => {
     return getDecoratedText(str, ranges);
 };
 
-var css$G = {"root":"Hm6nb8","column-gap":"AMFarF","columnGap":"AMFarF","title":"VczrFK","subtitle":"_3TAmU7","disabled":"_0fzdOH","multiline":"-Lm1NM"};
+var css$G = {"root":"_5clk7-","column-gap":"_8c7vgV","columnGap":"_8c7vgV","title":"kvoauu","subtitle":"_2zapjq","disabled":"rkxrPP","multiline":"DQqhKN"};
 
 function PickerItem(props) {
     const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
@@ -3637,7 +3653,7 @@ function DataPickerFooterImpl(props) {
 }
 const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
 
-var css$F = {"header":"f7-dx0","title":"yrX23S","close":"RUm097"};
+var css$F = {"header":"CoTrsQ","title":"LoZUUN","close":"Rp1PVS"};
 
 const DataPickerMobileHeaderImpl = (props) => {
     const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
@@ -3647,7 +3663,7 @@ const DataPickerMobileHeaderImpl = (props) => {
 };
 const DataPickerMobileHeader = /* @__PURE__ */React__default.memo(DataPickerMobileHeaderImpl);
 
-var css$E = {"done":"_9FEu8H","container":"_50sIrr"};
+var css$E = {"done":"_0olI-v","container":"vH8fXl"};
 
 const PickerBodyMobileView = (props) => {
     const isMobileView = isMobile();
@@ -3659,7 +3675,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":"LDCtsP","subHeaderWrapper":"LDCtsP","switch":"QBWeKc","no-found-modal-container":"_14uFKy","noFoundModalContainer":"_14uFKy","no-found-modal-container-icon":"U4lMME","noFoundModalContainerIcon":"U4lMME","no-found-modal-container-text":"HdHqvp","noFoundModalContainerText":"HdHqvp","body":"fLG-ly"};
+var css$D = {"sub-header-wrapper":"putGg2","subHeaderWrapper":"putGg2","switch":"DpqHPK","no-found-modal-container":"Urq1n-","noFoundModalContainer":"Urq1n-","no-found-modal-container-icon":"Pn2YnK","noFoundModalContainerIcon":"Pn2YnK","no-found-modal-container-text":"pY8Owy","noFoundModalContainerText":"pY8Owy","body":"pfG-iV"};
 
 function PickerModal(props) {
     const { view, selection, dataSourceStateLens, dataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = usePickerModal(props);
@@ -3701,7 +3717,7 @@ function PickerModal(props) {
             React__default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
 }
 
-var css$C = {"tooltip":"_8UzCOz"};
+var css$C = {"tooltip":"MqpeVj"};
 
 const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
     const tagProps = {
@@ -3720,7 +3736,7 @@ const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
     }
 });
 
-var css$B = {"root":"vCucHI"};
+var css$B = {"root":"gVs2WV"};
 
 const defaultMode = EditMode.FORM;
 function applyPickerTogglerMods(mods) {
@@ -3802,7 +3818,7 @@ function PickerInputComponent(props, ref) {
 }
 const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
 
-var css$A = {"row":"M-bQcH"};
+var css$A = {"row":"_4aZ5Q6"};
 
 function PickerListRow(props) {
     let label;
@@ -3822,7 +3838,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":"WaE1B8"};
+var css$z = {"root":"Dqkaar"};
 
 function PickerList(props) {
     const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, getModalTogglerCaption, } = usePickerList(props);
@@ -3857,7 +3873,7 @@ function PickerList(props) {
             }, selectedRows)));
 }
 
-var css$y = {"root":"zMzt-0","wrapper":"U25qgs","align-widgets-top":"uxTf-f","alignWidgetsTop":"uxTf-f","align-widgets-center":"ycZxKt","alignWidgetsCenter":"ycZxKt"};
+var css$y = {"root":"w0YLHc","wrapper":"N9mo4j","align-widgets-top":"pMlDT9","alignWidgetsTop":"pMlDT9","align-widgets-center":"ahCztK","alignWidgetsCenter":"ahCztK"};
 
 function DataTableCell(initialProps) {
     const props = { ...initialProps };
@@ -3907,7 +3923,7 @@ function DataTableCell(initialProps) {
     return React.createElement(DataTableCell$1, { ...props });
 }
 
-var css$x = {"root":"pejHwc"};
+var css$x = {"root":"_7uu2RI"};
 
 // 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.
@@ -3923,7 +3939,7 @@ const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = t
     ];
 }, () => propsMods);
 
-var css$w = {"sorting-panel-container":"rfUNKD","sortingPanelContainer":"rfUNKD"};
+var css$w = {"sorting-panel-container":"lXTyk2","sortingPanelContainer":"lXTyk2"};
 
 const SortingPanelImpl = ({ sortDirection, onSort }) => {
     const sortAsc = useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
@@ -3943,7 +3959,7 @@ const ColumnHeaderDropdownImpl = (props) => {
 };
 const ColumnHeaderDropdown = /* @__PURE__ */React__default.memo(ColumnHeaderDropdownImpl);
 
-var css$v = {"root":"SE6cDe","caption-wrapper":"JRp0yv","captionWrapper":"JRp0yv","sort-icon":"T10qBu","sortIcon":"T10qBu","dropdown-icon":"ncfjoy","dropdownIcon":"ncfjoy","infoIcon":"ERMqpZ","resizable":"_17Iedm","align-right":"NAFMFq","alignRight":"NAFMFq","align-center":"TSZBq8","alignCenter":"TSZBq8","caption":"ParSzD","truncate":"_6QJV1w","upper-case":"WS1muv","upperCase":"WS1muv","checkbox":"ywh4mN","icon":"Ef6xCz","fold-all-icon":"FUMrwm","foldAllIcon":"FUMrwm","cell-tooltip":"WygTQS","cellTooltip":"WygTQS","resizing-marker":"xyis9k","resizingMarker":"xyis9k","pinned-right":"lTLc9m","pinnedRight":"lTLc9m","draggable":"nKiHfH","ghost":"TWWail","is-dragged-out":"XA3zlw","isDraggedOut":"XA3zlw","dnd-marker-left":"sueTk3","dndMarkerLeft":"sueTk3","dnd-marker-right":"MxDW-E","dndMarkerRight":"MxDW-E","cell-tooltip-wrapper":"nvrbCu","cellTooltipWrapper":"nvrbCu","cell-tooltip-text":"TU9NSt","cellTooltipText":"TU9NSt","tooltip-caption":"-MGBu2","tooltipCaption":"-MGBu2","tooltip-info":"YMWYES","tooltipInfo":"YMWYES"};
+var css$v = {"root":"blR14a","caption-wrapper":"UWKNt2","captionWrapper":"UWKNt2","sort-icon":"eVzyro","sortIcon":"eVzyro","dropdown-icon":"_0O910j","dropdownIcon":"_0O910j","infoIcon":"_2e2WdD","resizable":"ULEG4f","align-right":"fNefHQ","alignRight":"fNefHQ","align-center":"_7Mq-ZV","alignCenter":"_7Mq-ZV","caption":"ie8Nh-","truncate":"ZkYraJ","upper-case":"ygqbzg","upperCase":"ygqbzg","checkbox":"y08EhT","icon":"Qh6w20","fold-all-icon":"imtxLr","foldAllIcon":"imtxLr","cell-tooltip":"z2tjQk","cellTooltip":"z2tjQk","resizing-marker":"_0ic6yA","resizingMarker":"_0ic6yA","pinned-right":"y6On4E","pinnedRight":"y6On4E","draggable":"OgQLLM","ghost":"JmWl-S","is-dragged-out":"XyC4F6","isDraggedOut":"XyC4F6","dnd-marker-left":"gZI1c2","dndMarkerLeft":"gZI1c2","dnd-marker-right":"vpIovy","dndMarkerRight":"vpIovy","cell-tooltip-wrapper":"FCuZCc","cellTooltipWrapper":"FCuZCc","cell-tooltip-text":"ar1wXh","cellTooltipText":"ar1wXh","tooltip-caption":"OP8Ep4","tooltipCaption":"OP8Ep4","tooltip-info":"VVDsMV","tooltipInfo":"VVDsMV"};
 
 class DataTableHeaderCell extends React.Component {
     constructor() {
@@ -4037,7 +4053,7 @@ class DataTableHeaderCell extends React.Component {
     }
 }
 
-var css$u = {"root":"_4OHIEr","caption-wrapper":"p7FEdW","captionWrapper":"p7FEdW","align-center":"P2i7HJ","alignCenter":"P2i7HJ","caption":"bbJBrt","truncate":"KnAWxt","upper-case":"yl-sBs","upperCase":"yl-sBs","group-cell-tooltip":"KR5tKk","groupCellTooltip":"KR5tKk","group-cell-tooltip-wrapper":"sPV0jU","groupCellTooltipWrapper":"sPV0jU","group-cell-tooltip-text":"LTRjMZ","groupCellTooltipText":"LTRjMZ","tooltip-caption":"UX6YmQ","tooltipCaption":"UX6YmQ","tooltip-info":"f4hIiQ","tooltipInfo":"f4hIiQ"};
+var css$u = {"root":"Ret80r","caption-wrapper":"dU9rtG","captionWrapper":"dU9rtG","align-center":"HY6tTD","alignCenter":"HY6tTD","caption":"JG6w-b","truncate":"_4jIb-U","upper-case":"MGeb5d","upperCase":"MGeb5d","group-cell-tooltip":"mYQ9AY","groupCellTooltip":"mYQ9AY","group-cell-tooltip-wrapper":"J5pksx","groupCellTooltipWrapper":"J5pksx","group-cell-tooltip-text":"lC9Qju","groupCellTooltipText":"lC9Qju","tooltip-caption":"-L0uEZ","tooltipCaption":"-L0uEZ","tooltip-info":"jVrWXU","tooltipInfo":"jVrWXU"};
 
 class DataTableHeaderGroupCell extends React.Component {
     constructor() {
@@ -4077,7 +4093,7 @@ class DataTableHeaderGroupCell extends React.Component {
     }
 }
 
-var css$t = {"root":"_8NLfUR"};
+var css$t = {"root":"JNrSYx"};
 
 const DataTableHeaderRow = /* @__PURE__ */withMods(DataTableHeaderRow$1, () => [css$t.root, 'uui-dt-vars'], (mods) => ({
     renderCell: (props) => (React.createElement(DataTableHeaderCell, { ...props, size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
@@ -4094,7 +4110,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 = {"root":"VD8Kme","title-wrapper":"zGDT-0","titleWrapper":"zGDT-0","title":"gXsDSb","text-wrapper":"_21-5gF","textWrapper":"_21-5gF","selection":"JlCpMV","postfix":"HefdF6","selected":"_2n0VU5"};
+var css$s = {"root":"IlOdsU","title-wrapper":"_0WpInB","titleWrapper":"_0WpInB","title":"YtmH-J","text-wrapper":"EGr-nx","textWrapper":"EGr-nx","selection":"_4IkKgj","postfix":"VSZAiC","selected":"fdfzxC"};
 
 const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
     const togglerPickerOpened = (e) => {
@@ -4245,6 +4261,14 @@ function FilterRangeDatePickerBody(props) {
             onOpenChange(false);
         }
     };
+    const onClear = () => {
+        const newValue = {
+            from: props.preventEmptyFromDate ? value.from : null,
+            to: props.preventEmptyToDate ? value.to : null,
+        };
+        onValueChange(newValue);
+    };
+    const shouldShowClearButton = !props.preventEmptyToDate || !props.preventEmptyFromDate;
     return (React__default.createElement(Fragment, null,
         React__default.createElement(FlexRow, { borderBottom: true },
             React__default.createElement(RangeDatePickerBody, { value: {
@@ -4258,12 +4282,12 @@ function FilterRangeDatePickerBody(props) {
                             props.onFocus(event, inputType);
                         }
                         setInFocus(inputType);
-                    }, onBlurInput: props.onBlur }),
+                    }, onBlurInput: props.onBlur, preventEmptyFromDate: props.preventEmptyFromDate, preventEmptyToDate: props.preventEmptyToDate }),
                 React__default.createElement(FlexSpacer, null),
-                React__default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.pickerModal.clearAllButton, onClick: () => onValueChange(defaultRangeValue) })))));
+                shouldShowClearButton && (React__default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.filterToolbar.rangeDatePicker.clearCaption, onClick: onClear }))))));
 }
 
-var css$r = {"container":"mJGwgK"};
+var css$r = {"container":"_0qFfUH"};
 
 function FilterNumericBody(props) {
     const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
@@ -4343,7 +4367,7 @@ function FilterItemBody(props) {
     }
 }
 
-var css$q = {"body":"DyMDKq","header":"W5bcyn","title":"ZWfTNb","removeButton":"_5wGPK5","with-search":"DwSdtq","withSearch":"DwSdtq"};
+var css$q = {"body":"UfX2fW","header":"VeCo-C","title":"vvlWCH","removeButton":"SKT6MG","with-search":"_8ul4sa","withSearch":"_8ul4sa"};
 
 function useView(props, value) {
     const forceUpdate = useForceUpdate();
@@ -4640,7 +4664,7 @@ function FiltersToolbarImpl(props) {
 }
 const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
 
-var css$p = {"delete-button":"Om--Ji","deleteButton":"Om--Ji","tab-button":"SsB9JS","tabButton":"SsB9JS","targetOpen":"HqHuXA"};
+var css$p = {"delete-button":"_5piS-W","deleteButton":"_5piS-W","tab-button":"o1VTxC","tabButton":"o1VTxC","targetOpen":"c7JgKl"};
 
 function PresetActionsDropdown(props) {
     const { uuiNotifications } = useUuiContext();
@@ -4712,7 +4736,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$o = {"preset-input-cell":"LqTEj-","presetInputCell":"LqTEj-","preset-input":"IEY9d8","presetInput":"IEY9d8"};
+var css$o = {"preset-input-cell":"_9XC2X5","presetInputCell":"_9XC2X5","preset-input":"mT-JsJ","presetInput":"mT-JsJ"};
 
 function PresetInput(props) {
     const [presetCaption, setPresetCaption] = useState(props.preset?.name || '');
@@ -4739,7 +4763,7 @@ function PresetInput(props) {
         React__default.createElement(TextInput, { cx: css$o.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
 }
 
-var css$n = {"preset":"dSgbDC","activePreset":"_0hJTxx"};
+var css$n = {"preset":"na7niD","activePreset":"VpN7X9"};
 
 function Preset(props) {
     const [isRenamePreset, setIsRenamePreset] = useState(false);
@@ -4764,7 +4788,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$n.preset, isPresetActive && css$n.activePreset, UUI_PRESETS_PANEL_PRESET], size: settings.presetsPanel.sizes.tabButton, withNotify: isPresetActive && props.hasPresetChanged(props.preset), icon: PresetActionsDropdownComponent, iconPosition: "right", isLinkActive: isPresetActive }))));
 }
 
-var css$m = {"divider":"fttSWb","dropdownDeleteIcon":"zZJv4Y","presetsWrapper":"GZEBGn","addPresetContainer":"Nmm76C","dropContainer":"q4aU6h"};
+var css$m = {"divider":"hhTCSW","dropdownDeleteIcon":"OGbQH6","presetsWrapper":"-o4DaD","addPresetContainer":"xCxUbi","dropContainer":"nTbx1-"};
 
 function PresetsPanel(props) {
     const [isAddingPreset, setIsAddingPreset] = useState(false);
@@ -4850,7 +4874,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
     return columns;
 };
 
-var css$l = {"unpin-icon":"szd22F","unpinIcon":"szd22F","pin-toggler-icon":"XPRJIi","pinTogglerIcon":"XPRJIi"};
+var css$l = {"unpin-icon":"spGrdr","unpinIcon":"spGrdr","pin-toggler-icon":"mWbb4u","pinTogglerIcon":"mWbb4u"};
 
 function PinIconButton(props) {
     const i18nLocal = i18n.tables.columnsConfigurationModal;
@@ -4892,7 +4916,7 @@ function getUnpinIcon(params) {
     }
 }
 
-var css$k = {"row-wrapper":"mIBZo3","rowWrapper":"mIBZo3","pin-icon-button":"ThZEuU","pinIconButton":"ThZEuU","not-pinned":"deHVzI","notPinned":"deHVzI","checkbox":"xSuFSR","drag-handle":"Kso0bU","dragHandle":"Kso0bU","dnd-disabled":"RfInx3","dndDisabled":"RfInx3"};
+var css$k = {"row-wrapper":"Y6GQrp","rowWrapper":"Y6GQrp","pin-icon-button":"HSNTqO","pinIconButton":"HSNTqO","not-pinned":"aOr-u7","notPinned":"aOr-u7","checkbox":"bK0E1R","drag-handle":"_5r6zVv","dragHandle":"_5r6zVv","dnd-disabled":"eBl9bz","dndDisabled":"eBl9bz"};
 
 const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
     const { column } = props;
@@ -4915,7 +4939,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$j = {"root":"tUbGSg","main-panel":"MSKPOC","mainPanel":"MSKPOC","group":"x7xTZ7","group-title":"w-7cin","groupTitle":"w-7cin","group-items":"HM4qF3","groupItems":"HM4qF3","no-data":"mI5lov","noData":"mI5lov","no-data-title":"JJV3zu","noDataTitle":"JJV3zu","no-data-sub-title":"MiGrzM","noDataSubTitle":"MiGrzM","h-divider":"cChCeQ","hDivider":"cChCeQ","search-area":"_4UNdmg","searchArea":"_4UNdmg","subgroup-accordion":"Mn6vO-","subgroupAccordion":"Mn6vO-","subgroup":"U1V7Wz","subgroup-title":"uYprup","subgroupTitle":"uYprup"};
+var css$j = {"root":"xataFf","main-panel":"-YQfx-","mainPanel":"-YQfx-","group":"iUoph5","group-title":"_2FDZx4","groupTitle":"_2FDZx4","group-items":"AKJlRW","groupItems":"AKJlRW","no-data":"hhNf6D","noData":"hhNf6D","no-data-title":"_8vFZoU","noDataTitle":"_8vFZoU","no-data-sub-title":"odWT4e","noDataSubTitle":"odWT4e","h-divider":"XOqUL7","hDivider":"XOqUL7","search-area":"V2Yc7i","searchArea":"V2Yc7i","subgroup-accordion":"RzKH4y","subgroupAccordion":"RzKH4y","subgroup":"pYTiqn","subgroup-title":"_2oCAmd","subgroupTitle":"_2oCAmd"};
 
 const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { cx: css$j.group },
     React.createElement(Text, { size: "none", cx: css$j.groupTitle }, title),
@@ -5017,7 +5041,7 @@ const getChildrenAndRest = (row, rows) => {
     return [children, rest];
 };
 
-var css$i = {"listContainer":"ywXG8F","header":"-O-kKZ","group":"IKQmwO","stickyHeader":"fUTAt0"};
+var css$i = {"listContainer":"zF45Cj","header":"AWVmp9","group":"dOOkh7","stickyHeader":"xgFN1H"};
 
 function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
     const rowRef = useRef(undefined);
@@ -5057,7 +5081,7 @@ function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, r
             React__default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
 }
 
-var css$h = {"root":"bcdGKb","sticky-header":"_4Q-Hy-","stickyHeader":"_4Q-Hy-","no-results":"Eg-Wh-","noResults":"Eg-Wh-","icon":"L8ubRp","title":"gqN8dw"};
+var css$h = {"root":"CL9lgY","sticky-header":"_3tChDf","stickyHeader":"_3tChDf","no-results":"nrLNCR","noResults":"nrLNCR","icon":"_8tK-Qb","title":"Jnow9B"};
 
 function DataTable(props) {
     const { uuiModals } = useUuiContext();
@@ -5106,9 +5130,9 @@ function DataTable(props) {
                 } }))));
 }
 
-var css$g = {"root":"aAtnur"};
+var css$g = {"root":"l-EV-b"};
 
-var css$f = {"root":"_1EY-8s","burger-content":"_4VU5Cn","burgerContent":"_4VU5Cn"};
+var css$f = {"root":"l3LRw5","burger-content":"j0-doR","burgerContent":"j0-doR"};
 
 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); }
@@ -5151,7 +5175,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
 };
 var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgNavigationArrowDownOutline);
 
-var css$e = {"root":"gWtc0k","button-primary":"SKsQ2h","buttonPrimary":"SKsQ2h","button-secondary":"_3rTI7P","buttonSecondary":"_3rTI7P","hasIcon":"h7l049","dropdown":"zRDQzy"};
+var css$e = {"root":"Rv63zU","button-primary":"PULQCJ","buttonPrimary":"PULQCJ","button-secondary":"ZD9LEn","buttonSecondary":"ZD9LEn","hasIcon":"U6KSnK","dropdown":"_1DZGpG"};
 
 const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
     css$e.root,
@@ -5162,13 +5186,13 @@ const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
     props.icon && css$e.hasIcon,
 ], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
 
-var css$d = {"search-input":"-Ty7sl","searchInput":"-Ty7sl"};
+var css$d = {"search-input":"giIzJO","searchInput":"giIzJO"};
 
 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":"rCzT9s","group-header":"L4-RfE","groupHeader":"L4-RfE","group-name":"bb6DZS","groupName":"bb6DZS","line":"szPD8C"};
+var css$c = {"root":"lxnaoj","group-header":"TmxKjP","groupHeader":"TmxKjP","group-name":"z4MQaq","groupName":"z4MQaq","line":"_9tGE8M"};
 
 function BurgerGroupHeader(props) {
     return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
@@ -5176,7 +5200,7 @@ function BurgerGroupHeader(props) {
         React.createElement("span", { className: css$c.groupName }, props.caption)));
 }
 
-var css$b = {"root":"CfcaXT","type-primary":"_4P0wBR","typePrimary":"_4P0wBR","type-secondary":"viH5vB","typeSecondary":"viH5vB"};
+var css$b = {"root":"WGhZPs","type-primary":"sB8dG0","typePrimary":"sB8dG0","type-secondary":"_14-GLL","typeSecondary":"_14-GLL"};
 
 const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { type, ...clickableProps } = props;
@@ -5198,7 +5222,7 @@ const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
         props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
 });
 
-var css$a = {"dropdown-body":"wNcr-b","dropdownBody":"wNcr-b"};
+var css$a = {"dropdown-body":"bYW6ao","dropdownBody":"bYW6ao"};
 
 class MainMenuDropdown extends React.Component {
     render() {
@@ -5256,12 +5280,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
 };
 var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationGlobalMenuOutlineOutline);
 
-var css$9 = {"global-menu-btn":"SDnwCK","globalMenuBtn":"SDnwCK","global-menu-icon":"_2W0mJg","globalMenuIcon":"_2W0mJg"};
+var css$9 = {"global-menu-btn":"iVkfb3","globalMenuBtn":"iVkfb3","global-menu-icon":"CZ-nKp","globalMenuIcon":"CZ-nKp"};
 
 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":"gLCJ9b","open":"Dr96sB","folding-arrow":"IB-JXS","foldingArrow":"IB-JXS"};
+var css$8 = {"container":"JP-iks","open":"gqQUCO","folding-arrow":"Fc0XYM","foldingArrow":"Fc0XYM"};
 
 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 }),
@@ -5269,15 +5293,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":"h3CY4g","searchInput":"h3CY4g"};
+var css$7 = {"search-input":"kUXl-U","searchInput":"kUXl-U"};
 
 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":"I8laSB"};
+var css$6 = {"container":"_3lKd49"};
 
 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":"biJGVR"};
+var css$5 = {"root":"Rvrtkj"};
 
 const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
 
@@ -5335,7 +5359,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
 };
 var ForwardRef = /*#__PURE__*/forwardRef(SvgFileCloudUploadFill);
 
-var css$4 = {"root":"yyIM8S","drop-start":"znu7gG","dropStart":"znu7gG","drop-over":"gMAXRt","dropOver":"gMAXRt","link":"ThKjW0","drop-area":"_7BdsEH","dropArea":"_7BdsEH","drop-caption":"iY-HO6","dropCaption":"iY-HO6","icon-blue":"kpmwIX","iconBlue":"kpmwIX"};
+var css$4 = {"root":"_5CBXTl","drop-start":"ZitunC","dropStart":"ZitunC","drop-over":"xFax5g","dropOver":"xFax5g","link":"v9wA44","drop-area":"_6gNV-W","dropArea":"_6gNV-W","drop-caption":"LNN-p2","dropCaption":"LNN-p2","icon-blue":"fkOQ8m","iconBlue":"fkOQ8m"};
 
 function DropSpot(props) {
     const getInfoText = typeof props.infoText === 'string'
@@ -5353,7 +5377,7 @@ function DropSpot(props) {
     return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
 }
 
-var css$3 = {"root":"_9qEHiJ"};
+var css$3 = {"root":"_9-K4Gx"};
 
 const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
     const outsetRadius = props.size / 2 - 1;
@@ -5364,7 +5388,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":"B2IEnw","file-name":"OzjFmA","fileName":"OzjFmA","default-color":"H0d0YN","defaultColor":"H0d0YN","doc-color":"Xuvp8z","docColor":"Xuvp8z","xls-color":"MCSCxt","xlsColor":"MCSCxt","pdf-color":"uYYi9I","pdfColor":"uYYi9I","movie-color":"TE5jHY","movieColor":"TE5jHY","img-color":"VO-oP9","imgColor":"VO-oP9","mov-color":"DghY2P","movColor":"DghY2P","error-block":"zsxxGf","errorBlock":"zsxxGf","icons-block":"QFWQwD","iconsBlock":"QFWQwD"};
+var css$2 = {"root":"_8vcatu","file-name":"Kj13w0","fileName":"Kj13w0","default-color":"Lon-pc","defaultColor":"Lon-pc","doc-color":"gecK0l","docColor":"gecK0l","xls-color":"kiyU4n","xlsColor":"kiyU4n","pdf-color":"fZWICA","pdfColor":"fZWICA","movie-color":"Bf4qeT","movieColor":"Bf4qeT","img-color":"w0LcUE","imgColor":"w0LcUE","mov-color":"dhEypE","movColor":"dhEypE","error-block":"_689jrf","errorBlock":"_689jrf","icons-block":"_9cRtzy","iconsBlock":"_9cRtzy"};
 
 const FileCard = /* @__PURE__ */React.forwardRef((props, ref) => {
     const [isLoadingShow, setIsLoadingShow] = React.useState(true);
@@ -5483,7 +5507,7 @@ const getErrorPageConfig = () => ({
     },
 });
 
-var css$1 = {"container":"Wu9rDe"};
+var css$1 = {"container":"Up4yb5"};
 
 const ErrorPage = (props) => {
     const isMobileScreen = isMobile();
@@ -5495,7 +5519,7 @@ const ErrorPage = (props) => {
             props?.supportLink && React__default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
 };
 
-var css = {"recovery-spinner":"vCz217","recoverySpinner":"vCz217","recovery-message":"gUalvZ","recoveryMessage":"gUalvZ","modal-blocker":"uohsvF","modalBlocker":"uohsvF","modalFadeIn":"Nm27Kc"};
+var css = {"recovery-spinner":"YwUdq1","recoverySpinner":"YwUdq1","recovery-message":"QNGZyM","recoveryMessage":"QNGZyM","modal-blocker":"SzODoB","modalBlocker":"SzODoB","modalFadeIn":"lPUhWx"};
 
 function ErrorHandler(props) {
     const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();