@epam/uui 6.0.1-beta.3 → 6.1.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(#3xm0e6imp7gpddixf_a)"
+    clipPath: "url(#v2wk6w47wlehc5gfj_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: "3xm0e6xjx5ko26v4_b",
+    id: "v2wk6wjtsr4fftw2l_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(#3xm0e6xjx5ko26v4_b)",
+    mask: "url(#v2wk6wjtsr4fftw2l_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: "3xm0e6imp7gpddixf_a"
+    id: "v2wk6w47wlehc5gfj_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":"g9ICV9","uui-spinner":"_-9AX2c","uuiSpinner":"_-9AX2c"};
+var css$1w = {"root":"KtfPbX","uui-spinner":"JrR98L","uuiSpinner":"JrR98L"};
 
 function applySpinnerMods() {
     return [css$1w.root, 'uui-spinner'];
 }
 const Spinner = /* @__PURE__ */withMods(Spinner$1, applySpinnerMods);
 
-var css$1v = {"root":"_4lrNpT","loading-word":"U-fi3r","loadingWord":"U-fi3r","animated-loading":"DWmroI","animatedLoading":"DWmroI","skeleton_loading":"iEdKQf","skeletonLoading":"iEdKQf"};
+var css$1v = {"root":"H39cah","loading-word":"T2TcV9","loadingWord":"T2TcV9","animated-loading":"eJXzsu","animatedLoading":"eJXzsu","skeleton_loading":"yct4NW","skeletonLoading":"yct4NW"};
 
 const TextPlaceholder = (props) => {
     const pattern = ' ';
@@ -946,7 +946,7 @@ const TextPlaceholder = (props) => {
         ]), dangerouslySetInnerHTML: { __html: it } })))));
 };
 
-var css$1u = {"root":"dQunCY","line-height":"OhBMGy","lineHeight":"OhBMGy","font-size":"jJsDxQ","fontSize":"jJsDxQ"};
+var css$1u = {"root":"vRTzRd","line-height":"mG9eYn","lineHeight":"mG9eYn","font-size":"B-pWsa","fontSize":"B-pWsa"};
 
 function applyTextMods(mods) {
     return [
@@ -1456,7 +1456,7 @@ const settings = {
     textInput: textInputSettings,
 };
 
-var css$1t = {"root":"NdUJWI"};
+var css$1t = {"root":"NuYi4-"};
 
 function applyButtonMods(mods) {
     return [
@@ -1474,7 +1474,7 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
     };
 });
 
-var css$1s = {"root":"nnexrv"};
+var css$1s = {"root":"PHApNj"};
 
 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":"_4tyF6S"};
+var css$1r = {"root":"gPFka3"};
 
 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":"VoaZVB"};
+var css$1q = {"root":"X-037P"};
 
 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":"q-AKdV","withNotify":"GLgCNs"};
+var css$1p = {"root":"_4u-AQs","withNotify":"BlFXS5"};
 
 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":"dWStfe"};
+var css$1o = {"root":"NLxraJ"};
 
 function applyVerticalTabButtonMods() {
     return [css$1o.root, 'uui-vertical-tab-button'];
 }
 const VerticalTabButton = /* @__PURE__ */withMods(TabButton, applyVerticalTabButtonMods);
 
-var css$1n = {"root":"w4yygH"};
+var css$1n = {"root":"WrIDRo"};
 
 function applyCheckboxMods(mods) {
     return [
@@ -1606,7 +1606,7 @@ const applyUUICheckboxProps = (props) => {
 };
 const Checkbox = /* @__PURE__ */withMods(uuiComponents.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
 
-var css$1m = {"root":"Ef5Uiz"};
+var css$1m = {"root":"_4BWBUS"};
 
 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":"RpcGSD"};
+var css$1l = {"root":"GfuBqT"};
 
 function applySwitchMods(mods) {
     return [
@@ -1642,7 +1642,7 @@ var EditMode;
     EditMode["INLINE"] = "inline";
 })(EditMode || (EditMode = {}));
 
-var textInputCss = {"root":"BS141y"};
+var textInputCss = {"root":"dRLyQh"};
 
 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":"UEy4Y8"};
+var css$1k = {"root":"CZmqPI"};
 
 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":"-zVESw"};
+var css$1j = {"root":"yJrD-9"};
 
 const DEFAULT_MODE$2 = EditMode.FORM;
 function applyNumericInputMods(mods) {
@@ -1703,7 +1703,7 @@ const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMo
     };
 });
 
-var css$1i = {"root":"mghKpL"};
+var css$1i = {"root":"_8raT3o"};
 
 const DEFAULT_MODE$1 = EditMode.FORM;
 function applyTextAreaMods(mods) {
@@ -1744,7 +1744,7 @@ function TREE_SHAKEABLE_INIT$1() {
     };
 }
 
-var css$1h = {"root":"U5ITKL"};
+var css$1h = {"root":"hyUzMy"};
 
 function applyDropdownContainerMods(mods) {
     return [
@@ -1755,7 +1755,7 @@ function applyDropdownContainerMods(mods) {
 }
 const DropdownContainer = /* @__PURE__ */withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
 
-var css$1g = {"root":"FrB1Tj","timepicker-input":"_1D8j2P","timepickerInput":"_1D8j2P","ltr-always":"i-zBTt","ltrAlways":"i-zBTt"};
+var css$1g = {"root":"Ju6xVU","timepicker-input":"Xw-Zqg","timepickerInput":"Xw-Zqg","ltr-always":"gT-D8O","ltrAlways":"gT-D8O"};
 
 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":"i6cW1K"};
+var css$1f = {"root":"BgZoLW"};
 
 function applyInputAddonMods() {
     return [
@@ -1958,14 +1958,14 @@ function applyInputAddonMods() {
 }
 const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
 
-var css$1e = {"root":"_7o-zNi"};
+var css$1e = {"root":"OLHPbm"};
 
 function applySliderMods() {
     return [css$1e.root, 'uui-color-neutral'];
 }
 const Slider = /* @__PURE__ */withMods(Slider$1, applySliderMods);
 
-var css$1d = {"root":"v-rbMF"};
+var css$1d = {"root":"vvutu6"};
 
 function applyTooltipMods(mods) {
     return [
@@ -1975,7 +1975,7 @@ function applyTooltipMods(mods) {
 }
 const Tooltip = /* @__PURE__ */withMods(uuiComponents.Tooltip, applyTooltipMods);
 
-var css$1c = {"root":"Uypjs1","tooltip":"_0Hzh0y"};
+var css$1c = {"root":"-PNieQ","tooltip":"RR7IDO"};
 
 function applyRatingMods(mods) {
     return [
@@ -1989,7 +1989,7 @@ const Rating = /* @__PURE__ */withMods(uuiComponents.Rating, applyRatingMods, (p
     Tooltip,
 }));
 
-var css$1b = {"root":"nYR8Km","main-path":"_2Am3QP","mainPath":"_2Am3QP","content-wrapper":"Qjvqhb","contentWrapper":"Qjvqhb","content":"DlvWDZ","action-wrapper":"Yyb63w","actionWrapper":"Yyb63w","icon-wrapper":"KFeajv","iconWrapper":"KFeajv","icon":"vFv-hg","close-icon":"_6LIvqC","closeIcon":"_6LIvqC"};
+var css$1b = {"root":"O5DwH-","main-path":"u-iZd1","mainPath":"u-iZd1","content-wrapper":"M3hvaW","contentWrapper":"M3hvaW","content":"SrMRs4","action-wrapper":"UjARAi","actionWrapper":"UjARAi","icon-wrapper":"g0drrs","iconWrapper":"g0drrs","icon":"S5oV3L","close-icon":"F1T40l","closeIcon":"F1T40l"};
 
 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":"hAfpHs","submenuRootItemRtl":"hAfpHs","icon-after":"sV8Vyg","iconAfter":"sV8Vyg","submenu-root-item":"ZSmb7-","submenuRootItem":"ZSmb7-","icon-check":"ADy2ef","iconCheck":"ADy2ef","splitter-root":"ikQSB3","splitterRoot":"ikQSB3","splitter":"ieWtNE","header-root":"_8pEgrq","headerRoot":"_8pEgrq","item-root":"-G8EhX","itemRoot":"-G8EhX","icon":"_9mDNkr","link":"XADgm2","indent":"_78iRCz","selected-mark":"LbkYgI","selectedMark":"LbkYgI"};
+var css$1a = {"submenu-root-item-rtl":"f15SRe","submenuRootItemRtl":"f15SRe","icon-after":"gi35-Q","iconAfter":"gi35-Q","submenu-root-item":"eWn4X-","submenuRootItem":"eWn4X-","icon-check":"-frNN-","iconCheck":"-frNN-","splitter-root":"eJ2t7t","splitterRoot":"eJ2t7t","splitter":"CnUioI","header-root":"_71V8Dt","headerRoot":"_71V8Dt","item-root":"OSTm5D","itemRoot":"OSTm5D","icon":"biEMb6","link":"irzMXQ","indent":"K4mvIF","selected-mark":"aXpl6-","selectedMark":"aXpl6-"};
 
 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":"F8eTJy","mode-block":"RJWXAa","modeBlock":"RJWXAa","mode-inline":"UoS0Bw","modeInline":"UoS0Bw","padding-0":"OcUk24","padding0":"OcUk24","padding-6":"t4u4eH","padding6":"t4u4eH","padding-12":"mLymBt","padding12":"mLymBt","padding-18":"xnEXe7","padding18":"xnEXe7"};
+var css$19 = {"root":"kX3uow","mode-block":"ZS8yqT","modeBlock":"ZS8yqT","mode-inline":"h2hFOF","modeInline":"h2hFOF","padding-0":"gHajJ-","padding0":"gHajJ-","padding-6":"qE3jQ-","padding6":"qE3jQ-","padding-12":"VPyF3q","padding12":"VPyF3q","padding-18":"jWhxOY","padding18":"jWhxOY"};
 
 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":"rf6lKn","align-items":"lAPclg","alignItems":"lAPclg","justify-content":"hmb-8c","justifyContent":"hmb-8c","border-top":"ZTWZ1E","borderTop":"ZTWZ1E","border-bottom":"fLqRLy","borderBottom":"fLqRLy","top-shadow":"_3QWzPx","topShadow":"_3QWzPx","padding":"p7XpGR","margin":"J1DQ6S","vPadding":"BVcu2Z","column-gap":"eQYM09","columnGap":"eQYM09","row-gap":"_2-VGum","rowGap":"_2-VGum","spacing":"ek6XM6"};
+var css$18 = {"root":"_7wK-Oo","align-items":"dVjC-K","alignItems":"dVjC-K","justify-content":"uSqYUm","justifyContent":"uSqYUm","border-top":"_4V-rz0","borderTop":"_4V-rz0","border-bottom":"_40EY-m","borderBottom":"_40EY-m","top-shadow":"zBnH7-","topShadow":"zBnH7-","padding":"fZZq-S","margin":"_3nbLv3","vPadding":"jlEI5l","column-gap":"FQZ1O2","columnGap":"FQZ1O2","row-gap":"HVkz-Z","rowGap":"HVkz-Z","spacing":"oysLiL"};
 
 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":"mU0U9O","margin-24":"otzQSN","margin24":"otzQSN","padding-12":"GbZhhw","padding12":"GbZhhw","padding-24":"OYtWj4","padding24":"OYtWj4","shadow":"lyoh32","uui-surface-main":"BgQqRH","uuiSurfaceMain":"BgQqRH"};
+var css$17 = {"root":"-jcuN3","margin-24":"fFvJXu","margin24":"fFvJXu","padding-12":"yjx9Nv","padding12":"yjx9Nv","padding-24":"NL7aOM","padding24":"NL7aOM","shadow":"Pm1nGz","uui-surface-main":"ofnPE0","uuiSurfaceMain":"ofnPE0"};
 
 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":"NhLiNn"};
+var css$16 = {"root":"lvgrzV"};
 
 function applyLabeledInputMods(mods) {
     return [
@@ -2224,7 +2224,7 @@ function applyLabeledInputProps(props) {
 }
 const LabeledInput = /* @__PURE__ */withMods(uuiComponents.LabeledInput, applyLabeledInputMods, applyLabeledInputProps);
 
-var css$15 = {"root":"QyIQLs"};
+var css$15 = {"root":"_1DAPxt"};
 
 function RadioGroup(props) {
     const direction = props.direction || 'vertical';
@@ -2239,7 +2239,7 @@ function RadioGroup(props) {
     })));
 }
 
-var css$14 = {"root":"-lIbvL"};
+var css$14 = {"root":"-at4qd"};
 
 function applyScrollBarsMods() {
     return [
@@ -2248,9 +2248,9 @@ function applyScrollBarsMods() {
 }
 const ScrollBars = /* @__PURE__ */withMods(ScrollBars$1, applyScrollBarsMods);
 
-var css$13 = {"scroll-container":"_92wDOj","scrollContainer":"_92wDOj","list-container":"_-1YCoX","listContainer":"_-1YCoX"};
+var css$13 = {"scroll-container":"-vHIcX","scrollContainer":"-vHIcX","list-container":"etzd4T","listContainer":"etzd4T"};
 
-var css$12 = {"root":"xY-RTY"};
+var css$12 = {"root":"_2PfsNy"};
 
 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":"_3o0KZA"};
+var css$11 = {"root":"qrXL9u"};
 
 function CheckboxGroup(props) {
     const currentValue = props.value || [];
@@ -2318,7 +2318,7 @@ function CheckboxGroup(props) {
     })));
 }
 
-var css$10 = {"root":"xB1OFg","modal-blocker":"SB5k3g","modalBlocker":"SB5k3g","animateModalBlocker":"gXXXL3","modal":"-PWrOq","modal-footer":"c9vOtb","modalFooter":"c9vOtb","border-top":"CBIFuM","borderTop":"CBIFuM","modal-header":"Ydqi5Q","modalHeader":"Ydqi5Q","border-bottom":"V-JnIh","borderBottom":"V-JnIh"};
+var css$10 = {"root":"ekMFrw","modal-blocker":"sH4seA","modalBlocker":"sH4seA","animateModalBlocker":"dpKXWW","modal":"QYFDYk","modal-footer":"Gy6Pld","modalFooter":"Gy6Pld","border-top":"hnz9Lk","borderTop":"hnz9Lk","modal-header":"r9BPq7","modalHeader":"r9BPq7","border-bottom":"WGLbas","borderBottom":"WGLbas"};
 
 const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$10.modalBlocker]);
 const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$10.root, css$10.modal], (props) => {
@@ -2509,7 +2509,7 @@ const TREE_SHAKEABLE_INIT = () => ({
 });
 const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
 
-var css$$ = {"root":"zuUgWO","icon-wrapper":"OXSo0E","iconWrapper":"OXSo0E","action-wrapper":"L9Ix7a","actionWrapper":"L9Ix7a","close-icon":"MqQoBm","closeIcon":"MqQoBm","main-path":"gx6Wwv","mainPath":"gx6Wwv","content":"pfX34k","close-wrapper":"HvTfxi","closeWrapper":"HvTfxi","clear-notifications":"FzkPWX","clearNotifications":"FzkPWX"};
+var css$$ = {"root":"AjwFbP","icon-wrapper":"_2W5wsc","iconWrapper":"_2W5wsc","action-wrapper":"KF60aA","actionWrapper":"KF60aA","close-icon":"JoI8JJ","closeIcon":"JoI8JJ","main-path":"hlZRyF","mainPath":"hlZRyF","content":"qRwEZq","close-wrapper":"yNSWbK","closeWrapper":"yNSWbK","clear-notifications":"ssCsV5","clearNotifications":"ssCsV5"};
 
 const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const notificationCardNode = React__default.useRef(null);
@@ -2542,7 +2542,7 @@ function ClearNotification() {
         React__default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
 }
 
-var css$_ = {"footer":"_7AlReB"};
+var css$_ = {"footer":"_07rrK1"};
 
 class ConfirmationModal extends React.Component {
     render() {
@@ -2584,7 +2584,7 @@ function useReliableForceUpdate() {
     return red[1];
 }
 
-var css$Z = {"root":"YzIU4r","container":"b-WPQI"};
+var css$Z = {"root":"RZCXZy","container":"-YTseC"};
 
 const defaultFormat = 'MMM D, YYYY';
 const valueFormat = 'YYYY-MM-DD';
@@ -2626,7 +2626,7 @@ const isValidRange = (range) => {
         ? from.valueOf() <= to.valueOf() && to.valueOf() >= from.valueOf()
         : true;
 };
-const getWithFrom = (selectedDate, newValue) => {
+const getWithFrom = (selectedDate, newValue, preventEmpty) => {
     if (uuiDayjs.dayjs(newValue).valueOf() <= uuiDayjs.dayjs(selectedDate.to).valueOf()) {
         // update range
         return {
@@ -2638,11 +2638,11 @@ const getWithFrom = (selectedDate, newValue) => {
         // new range value
         return {
             from: newValue,
-            to: null,
+            to: preventEmpty ? newValue : null,
         };
     }
 };
-const getWithTo = (selectedDate, newValue) => {
+const getWithTo = (selectedDate, newValue, preventEmpty) => {
     if (!selectedDate.from) {
         // started on "to" input
         return {
@@ -2661,7 +2661,7 @@ const getWithTo = (selectedDate, newValue) => {
         // range is invalid
         return {
             from: newValue,
-            to: null,
+            to: preventEmpty ? newValue : null,
         };
     }
 };
@@ -2795,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":"_2XHspa"};
+var css$Y = {"root":"kTrymf"};
 
 function applyDateSelectionMods() {
     return [css$Y.root, `uui-size-${settings.datePicker.sizes.body}`];
 }
 const Calendar = /* @__PURE__ */withMods(Calendar$1, applyDateSelectionMods);
 
-var css$X = {"root":"dA5fxD"};
+var css$X = {"root":"_-93-Dt"};
 
 const uuiDatePickerBody = {
     wrapper: 'uui-datepicker-body-wrapper',
@@ -2923,7 +2923,7 @@ function DatePickerComponent(props, ref) {
 }
 const DatePicker = /* @__PURE__ */React__default.forwardRef(DatePickerComponent);
 
-var css$W = {"date-input":"irRIEq","dateInput":"irRIEq","root":"k5H1MO","separator":"KCnfyg"};
+var css$W = {"date-input":"qWbsUs","dateInput":"qWbsUs","root":"VwUKru","separator":"PHJveS"};
 
 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));
@@ -2989,7 +2989,7 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
         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":"_84BBNs"};
+var css$V = {"root":"Xtwshr"};
 
 const uuiPresets = {
     container: 'uui-presets-container',
@@ -3009,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":"fKdioP","container":"kwcoBD","day-selection":"uHosFk","daySelection":"uHosFk","from-picker":"DmC4Ao","fromPicker":"DmC4Ao","to-picker":"NzB4CJ","toPicker":"NzB4CJ","bodes-wrapper":"axAe7-","bodesWrapper":"axAe7-","blocker":"ZRrszY"};
+var css$U = {"root":"YNPZ26","container":"Tr6Bt1","day-selection":"LmNzGk","daySelection":"LmNzGk","from-picker":"tFpNUz","fromPicker":"tFpNUz","to-picker":"qkruws","toPicker":"qkruws","bodes-wrapper":"d9fUry","bodesWrapper":"d9fUry","blocker":"Lt8FWe"};
 
 const uuiRangeDatePickerBody = {
     inRange: 'uui-range-datepicker-in-range',
@@ -3096,10 +3096,10 @@ function RangeDatePickerBodyComp(props, ref) {
     const getRange = (newValue) => {
         if (!filter || filter(uuiDayjs.dayjs(newValue))) {
             if (inFocus === 'from') {
-                return getWithFrom(selectedDate, newValue);
+                return getWithFrom(selectedDate, newValue, props.preventEmptyFromDate);
             }
             if (inFocus === 'to') {
-                return getWithTo(selectedDate, newValue);
+                return getWithTo(selectedDate, newValue, props.preventEmptyToDate);
             }
         }
     };
@@ -3184,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":"Y5GpwN","dropdownContainer":"Y5GpwN"};
+var css$T = {"dropdown-container":"IDuAlE","dropdownContainer":"IDuAlE"};
 
 function RangeDatePickerComponent(props, ref) {
     const { value: _value, format = defaultFormat, size = settings.rangeDatePicker.sizes.default } = props;
@@ -3235,7 +3235,7 @@ function RangeDatePickerComponent(props, ref) {
                         inFocus,
                     }, onValueChange: onBodyValueChange, filter: props.filter, presets: props.presets, renderDay: props.renderDay, renderFooter: () => {
                         return props.renderFooter?.(value);
-                    }, isHoliday: props.isHoliday, rawProps: props.rawProps?.body }))));
+                    }, isHoliday: props.isHoliday, rawProps: props.rawProps?.body, preventEmptyToDate: props.preventEmptyToDate, preventEmptyFromDate: props.preventEmptyFromDate }))));
     };
     const handleEscape = (e) => {
         if (e.key === 'Escape' && isOpen) {
@@ -3252,7 +3252,7 @@ function RangeDatePickerComponent(props, ref) {
 }
 const RangeDatePicker = /* @__PURE__ */React__default.forwardRef(RangeDatePickerComponent);
 
-var css$S = {"root":"ozn-q6","blocker":"CGhMdl","marker":"_2UmSCu","top":"_55HdX8","bottom":"_08Tjc2","left":"_2lW6PC","right":"FocAjP","inside":"zZOKrD"};
+var css$S = {"root":"j3GxDu","blocker":"WnqBhZ","marker":"-vTDMB","top":"vFxijS","bottom":"PqWdqC","left":"_2SN9K-","right":"_1-LtJk","inside":"_9phclY"};
 
 function DropMarker(props) {
     return props.isDndInProgress
@@ -3269,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":"o2yQEx","searchWrapper":"o2yQEx","no-data":"awlS8z","noData":"awlS8z"};
+var css$R = {"search-wrapper":"M7wn2O","searchWrapper":"M7wn2O","no-data":"y0Lob1","noData":"y0Lob1"};
 
-var css$Q = {"picker-row":"Crkx8G","pickerRow":"Crkx8G","align-widgets-top":"mjQo3c","alignWidgetsTop":"mjQo3c","row-content":"_7ZO14K","rowContent":"_7ZO14K","align-widgets-center":"s7e-d8","alignWidgetsCenter":"s7e-d8","icon-container":"-GiwHX","iconContainer":"-GiwHX","content-wrapper":"eaYOTl","contentWrapper":"eaYOTl","icon-wrapper":"IvmY2P","iconWrapper":"IvmY2P","icon-default":"CLJcpj","iconDefault":"CLJcpj","selected-mark":"bzQ2TI","selectedMark":"bzQ2TI"};
+var css$Q = {"picker-row":"C6JG7a","pickerRow":"C6JG7a","align-widgets-top":"iSFAUc","alignWidgetsTop":"iSFAUc","row-content":"I4AB0H","rowContent":"I4AB0H","align-widgets-center":"xhogGL","alignWidgetsCenter":"xhogGL","icon-container":"-uPuGM","iconContainer":"-uPuGM","content-wrapper":"_2eUljz","contentWrapper":"_2eUljz","icon-wrapper":"AYN6gT","iconWrapper":"AYN6gT","icon-default":"dXF00j","iconDefault":"dXF00j","selected-mark":"Y7Hlg9","selectedMark":"Y7Hlg9"};
 
-var css$P = {"root":"_8ZJyHu"};
+var css$P = {"root":"NzLONf"};
 
 const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$P.root]);
 
-var css$O = {"root":"XeWnzu"};
+var css$O = {"root":"VkK2R2"};
 
 const DEFAULT_FILL = 'solid';
 function applyBadgeMods(mods) {
@@ -3305,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":"CmoZTo"};
+var css$N = {"root":"VzzI7i"};
 
 function applyTagMods(props) {
     return [
@@ -3333,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":"kzgE9D","page":"Xj-P-S","spacer":"u-uMXj","mode-ghost":"U8-X6R","modeGhost":"U8-X6R"};
+var css$M = {"root":"Y0Ai5E","page":"tmJ15G","spacer":"t6k4ra","mode-ghost":"mSNBCb","modeGhost":"mSNBCb"};
 
 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 },
@@ -3350,14 +3350,14 @@ function Paginator(props) {
     return React__default.createElement(Paginator$1, { ...props, render: renderPaginator });
 }
 
-var css$L = {"root":"_6054N-","progress-bar":"qlKlf6","progressBar":"qlKlf6","progressBar-indeterminate":"g09TkA","progressBarIndeterminate":"g09TkA","size-12":"Kp4J7I","size12":"Kp4J7I","size-18":"yZCwWi","size18":"yZCwWi","size-24":"_6Kc31L","size24":"_6Kc31L"};
+var css$L = {"root":"_2m5msK","progress-bar":"MkpTL3","progressBar":"MkpTL3","progressBar-indeterminate":"ib7YBp","progressBarIndeterminate":"ib7YBp","size-12":"_2rXjmT","size12":"_2rXjmT","size-18":"_7Nh5dH","size18":"_7Nh5dH","size-24":"oxyWMs","size24":"oxyWMs"};
 
 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":"C1DM9G","striped":"Qd6M-L","animate-stripes":"gVa0X6","animateStripes":"gVa0X6","size-12":"Ix2WVG","size12":"Ix2WVG","size-18":"DptKNr","size18":"DptKNr","size-24":"DvNhlI","size24":"DvNhlI"};
+var css$K = {"root":"E4kmco","striped":"_54kh8M","animate-stripes":"AY2z8d","animateStripes":"AY2z8d","size-12":"bRsHHK","size12":"bRsHHK","size-18":"TzU-Q8","size18":"TzU-Q8","size-24":"flRYIk","size24":"flRYIk"};
 
 const DEFAULT_SIZE = '12';
 function applyProgressBarMods(mods) {
@@ -3372,14 +3372,14 @@ const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProg
     hideLabel: props.hideLabel || props.striped,
 }));
 
-var css$J = {"root":"TBHHVz"};
+var css$J = {"root":"z0TvBt"};
 
 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":"_0luvqn"};
+var css$I = {"root":"u0HYrt"};
 
 const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
@@ -3394,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":"Pg-N5h","dragHandle":"Pg-N5h","icon-container":"oUsDuQ","iconContainer":"oUsDuQ"};
+var css$H = {"drag-handle":"_-8VO9r","dragHandle":"_-8VO9r","icon-container":"TbYALr","iconContainer":"TbYALr"};
 
 function DataRowAddons(props) {
     const row = props.rowProps;
@@ -3480,7 +3480,7 @@ const getHighlightedSearchMatches = (str, search) => {
     return getDecoratedText(str, ranges);
 };
 
-var css$G = {"root":"XawLie","column-gap":"UU6NXw","columnGap":"UU6NXw","title":"Rmmszy","subtitle":"_1SWOhx","disabled":"FjySCa","multiline":"mc9O4K"};
+var css$G = {"root":"_8Ip-d2","column-gap":"E8Uc5b","columnGap":"E8Uc5b","title":"Tjrvzm","subtitle":"-rtsRJ","disabled":"i9zift","multiline":"pvheYC"};
 
 function PickerItem(props) {
     const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
@@ -3653,7 +3653,7 @@ function DataPickerFooterImpl(props) {
 }
 const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
 
-var css$F = {"header":"i9n-AN","title":"q5o-Ku","close":"MGhWNq"};
+var css$F = {"header":"hFYMa9","title":"_-8h-k-","close":"PreWwq"};
 
 const DataPickerMobileHeaderImpl = (props) => {
     const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
@@ -3663,7 +3663,7 @@ const DataPickerMobileHeaderImpl = (props) => {
 };
 const DataPickerMobileHeader = /* @__PURE__ */React__default.memo(DataPickerMobileHeaderImpl);
 
-var css$E = {"done":"WL-M7T","container":"d3HKf3"};
+var css$E = {"done":"lC4pHm","container":"q3K2Q8"};
 
 const PickerBodyMobileView = (props) => {
     const isMobileView = isMobile();
@@ -3675,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":"VnT1d-","subHeaderWrapper":"VnT1d-","switch":"-jD89K","no-found-modal-container":"VcGTX4","noFoundModalContainer":"VcGTX4","no-found-modal-container-icon":"RPtqH9","noFoundModalContainerIcon":"RPtqH9","no-found-modal-container-text":"HRc0P0","noFoundModalContainerText":"HRc0P0","body":"fT6PSw"};
+var css$D = {"sub-header-wrapper":"irMaaN","subHeaderWrapper":"irMaaN","switch":"ceyEQo","no-found-modal-container":"_-6UUgI","noFoundModalContainer":"_-6UUgI","no-found-modal-container-icon":"BVLlAw","noFoundModalContainerIcon":"BVLlAw","no-found-modal-container-text":"noOViD","noFoundModalContainerText":"noOViD","body":"qNZxsP"};
 
 function PickerModal(props) {
     const { view, selection, dataSourceStateLens, dataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = usePickerModal(props);
@@ -3717,7 +3717,7 @@ function PickerModal(props) {
             React__default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
 }
 
-var css$C = {"tooltip":"Ykn-w6"};
+var css$C = {"tooltip":"GIs7Wc"};
 
 const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
     const tagProps = {
@@ -3736,7 +3736,7 @@ const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
     }
 });
 
-var css$B = {"root":"G7n15t"};
+var css$B = {"root":"yvn-0u"};
 
 const defaultMode = EditMode.FORM;
 function applyPickerTogglerMods(mods) {
@@ -3818,7 +3818,7 @@ function PickerInputComponent(props, ref) {
 }
 const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
 
-var css$A = {"row":"H4KaP6"};
+var css$A = {"row":"bdeg3t"};
 
 function PickerListRow(props) {
     let label;
@@ -3838,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":"BwC80M"};
+var css$z = {"root":"_2u1fzO"};
 
 function PickerList(props) {
     const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, getModalTogglerCaption, } = usePickerList(props);
@@ -3873,7 +3873,7 @@ function PickerList(props) {
             }, selectedRows)));
 }
 
-var css$y = {"root":"Up-Bim","wrapper":"MIab0e","align-widgets-top":"nFzfeT","alignWidgetsTop":"nFzfeT","align-widgets-center":"WI9Vcn","alignWidgetsCenter":"WI9Vcn"};
+var css$y = {"root":"YiM3x9","wrapper":"S0nw-i","align-widgets-top":"Z8JfGq","alignWidgetsTop":"Z8JfGq","align-widgets-center":"jVCfKh","alignWidgetsCenter":"jVCfKh"};
 
 function DataTableCell(initialProps) {
     const props = { ...initialProps };
@@ -3923,7 +3923,7 @@ function DataTableCell(initialProps) {
     return React.createElement(DataTableCell$1, { ...props });
 }
 
-var css$x = {"root":"_33I6db"};
+var css$x = {"root":"_3QOJcW"};
 
 // 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.
@@ -3939,7 +3939,7 @@ const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = t
     ];
 }, () => propsMods);
 
-var css$w = {"sorting-panel-container":"JxUdU1","sortingPanelContainer":"JxUdU1"};
+var css$w = {"sorting-panel-container":"bXZR52","sortingPanelContainer":"bXZR52"};
 
 const SortingPanelImpl = ({ sortDirection, onSort }) => {
     const sortAsc = useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
@@ -3959,7 +3959,7 @@ const ColumnHeaderDropdownImpl = (props) => {
 };
 const ColumnHeaderDropdown = /* @__PURE__ */React__default.memo(ColumnHeaderDropdownImpl);
 
-var css$v = {"root":"J8wKQY","caption-wrapper":"LCFy6j","captionWrapper":"LCFy6j","sort-icon":"MEJLHG","sortIcon":"MEJLHG","dropdown-icon":"-H8KY1","dropdownIcon":"-H8KY1","infoIcon":"d35aEm","align-right":"-jyThL","alignRight":"-jyThL","align-center":"EagyB3","alignCenter":"EagyB3","caption":"bQ-pC7","truncate":"wu73GO","upper-case":"_0wsyMM","upperCase":"_0wsyMM","checkbox":"buekrI","icon":"h5qe8J","fold-all-icon":"_4LFaRt","foldAllIcon":"_4LFaRt","cell-tooltip":"YY6mBu","cellTooltip":"YY6mBu","resizing-marker":"SDW-re","resizingMarker":"SDW-re","pinned-right":"NQpc8o","pinnedRight":"NQpc8o","draggable":"aJYmrw","ghost":"cShMWB","is-dragged-out":"yBrqlN","isDraggedOut":"yBrqlN","dnd-marker-left":"U3uXkz","dndMarkerLeft":"U3uXkz","dnd-marker-right":"i8f8xO","dndMarkerRight":"i8f8xO","cell-tooltip-wrapper":"k1CXXB","cellTooltipWrapper":"k1CXXB","cell-tooltip-text":"qfAfoU","cellTooltipText":"qfAfoU","tooltip-caption":"vmsBlc","tooltipCaption":"vmsBlc","tooltip-info":"_8i1lXD","tooltipInfo":"_8i1lXD"};
+var css$v = {"root":"_8Y9blt","caption-wrapper":"Rs5OI7","captionWrapper":"Rs5OI7","sort-icon":"ZOi8z9","sortIcon":"ZOi8z9","dropdown-icon":"BgqPEP","dropdownIcon":"BgqPEP","infoIcon":"ElcdJ3","align-right":"_7ffuFI","alignRight":"_7ffuFI","align-center":"pB8h-n","alignCenter":"pB8h-n","caption":"gzr7Y-","truncate":"e2nCCI","upper-case":"yP5tWs","upperCase":"yP5tWs","checkbox":"h140DR","icon":"ok8PTZ","fold-all-icon":"_1q08p2","foldAllIcon":"_1q08p2","cell-tooltip":"MqY--L","cellTooltip":"MqY--L","resizing-marker":"_-6fPAs","resizingMarker":"_-6fPAs","pinned-right":"d6xMLn","pinnedRight":"d6xMLn","draggable":"LxqxYU","ghost":"KNDQdy","is-dragged-out":"_8lM4FJ","isDraggedOut":"_8lM4FJ","dnd-marker-left":"_3DyrVa","dndMarkerLeft":"_3DyrVa","dnd-marker-right":"nwczMW","dndMarkerRight":"nwczMW","cell-tooltip-wrapper":"cCIMI7","cellTooltipWrapper":"cCIMI7","cell-tooltip-text":"MU8iw3","cellTooltipText":"MU8iw3","tooltip-caption":"c0WA4f","tooltipCaption":"c0WA4f","tooltip-info":"aeB5kM","tooltipInfo":"aeB5kM"};
 
 class DataTableHeaderCell extends React.Component {
     constructor() {
@@ -4053,7 +4053,7 @@ class DataTableHeaderCell extends React.Component {
     }
 }
 
-var css$u = {"root":"K3iEMe","caption-wrapper":"Z3qWm4","captionWrapper":"Z3qWm4","align-center":"AevDZJ","alignCenter":"AevDZJ","caption":"_96aGY9","truncate":"K3eKkz","upper-case":"iDT5hs","upperCase":"iDT5hs","group-cell-tooltip":"bfFpT-","groupCellTooltip":"bfFpT-","group-cell-tooltip-wrapper":"_4-TPPB","groupCellTooltipWrapper":"_4-TPPB","group-cell-tooltip-text":"NQqGc5","groupCellTooltipText":"NQqGc5","tooltip-caption":"dirpEg","tooltipCaption":"dirpEg","tooltip-info":"HLXz4q","tooltipInfo":"HLXz4q"};
+var css$u = {"root":"bpX3-z","caption-wrapper":"rpX1qh","captionWrapper":"rpX1qh","align-center":"uR9JzK","alignCenter":"uR9JzK","caption":"iV2AMw","truncate":"UPs8nP","upper-case":"_2LX1T-","upperCase":"_2LX1T-","group-cell-tooltip":"E2L8Rs","groupCellTooltip":"E2L8Rs","group-cell-tooltip-wrapper":"-fOGZU","groupCellTooltipWrapper":"-fOGZU","group-cell-tooltip-text":"y01sK1","groupCellTooltipText":"y01sK1","tooltip-caption":"_6XBpb0","tooltipCaption":"_6XBpb0","tooltip-info":"_0cCL0N","tooltipInfo":"_0cCL0N"};
 
 class DataTableHeaderGroupCell extends React.Component {
     constructor() {
@@ -4093,7 +4093,7 @@ class DataTableHeaderGroupCell extends React.Component {
     }
 }
 
-var css$t = {"root":"R3g0UW"};
+var css$t = {"root":"LQcATP"};
 
 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 })),
@@ -4110,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":"_7dhRip","title-wrapper":"VS5WNt","titleWrapper":"VS5WNt","title":"_23ljtA","text-wrapper":"SG674t","textWrapper":"SG674t","selection":"qvvQd5","postfix":"MLIkP4","selected":"wLxUD4"};
+var css$s = {"root":"a-hv0j","title-wrapper":"I5eDh6","titleWrapper":"I5eDh6","title":"jFj4yd","text-wrapper":"kCfZ-8","textWrapper":"kCfZ-8","selection":"USanEX","postfix":"_9jqEyr","selected":"lYLuCj"};
 
 const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
     const togglerPickerOpened = (e) => {
@@ -4198,6 +4198,15 @@ function FilterPickerBody({ highlightSearchMatches = true, ...restProps }) {
     return renderBody();
 }
 
+const UUI_FILTERS_PANEL_DTP_FOOTER = 'uui-filters-panel-dtp-footer';
+function FilterDatePickerBodyFooter({ value, onValueChange }) {
+    return (React__default.createElement(FlexCell, { alignSelf: "stretch" },
+        React__default.createElement(FlexRow, { cx: UUI_FILTERS_PANEL_DTP_FOOTER },
+            React__default.createElement(Text, null, value ? uuiDayjs.dayjs(value).format('MMM DD, YYYY') : ''),
+            React__default.createElement(FlexSpacer, null),
+            React__default.createElement(LinkButton, { isDisabled: !value, caption: i18n.filterToolbar.datePicker.clearCaption, onClick: () => onValueChange(undefined) }))));
+}
+
 function FilterDatePickerBody(props) {
     const { value } = props;
     const context = useUuiContext();
@@ -4216,16 +4225,32 @@ function FilterDatePickerBody(props) {
             handleValueChange(newValue);
         }
     };
+    function renderFooter() {
+        const footerProps = {
+            value,
+            onValueChange: handleValueChange,
+        };
+        return props.renderFooter ? props.renderFooter(footerProps) : React__default.createElement(FilterDatePickerBodyFooter, { ...footerProps });
+    }
     return (React__default.createElement(Fragment, null,
         React__default.createElement(FlexRow, { borderBottom: true },
             React__default.createElement(DatePickerBody, { filter: props.filter, value: value, onValueChange: handleBodyChange, renderDay: props.renderDay, isHoliday: props.isHoliday, rawProps: props.rawProps?.body })),
-        React__default.createElement(FlexCell, { alignSelf: "stretch" },
-            React__default.createElement(FlexRow, { padding: "24", vPadding: "12" },
-                React__default.createElement(Text, null, value ? uuiDayjs.dayjs(value).format('MMM DD, YYYY') : ''),
-                React__default.createElement(FlexSpacer, null),
-                React__default.createElement(LinkButton, { isDisabled: !value, caption: i18n.filterToolbar.datePicker.clearCaption, onClick: () => {
-                        handleValueChange(undefined); // null is not working with setTableData filters
-                    } })))));
+        renderFooter()));
+}
+
+const UUI_FILTERS_PANEL_RDTP_FOOTER = 'uui-filters-panel-rdtp-footer';
+function FilterRangeDatePickerBodyFooter(props) {
+    const shouldShowClearButton = (!props.preventEmptyToDate || !props.preventEmptyFromDate) && !props.disableClear;
+    return (React__default.createElement(FlexCell, { alignSelf: "stretch" },
+        React__default.createElement(FlexRow, { cx: UUI_FILTERS_PANEL_RDTP_FOOTER },
+            React__default.createElement(RangeDatePickerInput, { size: settings.filtersPanel.sizes.rangeDatePickerInput, disableClear: props.disableClear, inFocus: props.inFocus, format: props.format, value: props.value, onValueChange: props.onValueChange, onFocusInput: (event, inputType) => {
+                    if (props.onFocus) {
+                        props.onFocus(event, inputType);
+                    }
+                    props.setInFocus(inputType);
+                }, onBlurInput: props.onBlur, preventEmptyFromDate: props.preventEmptyFromDate, preventEmptyToDate: props.preventEmptyToDate }),
+            React__default.createElement(FlexSpacer, null),
+            shouldShowClearButton && (React__default.createElement(LinkButton, { isDisabled: !props.value.from && !props.value.to, caption: i18n.filterToolbar.rangeDatePicker.clearCaption, onClick: props.onClear })))));
 }
 
 function FilterRangeDatePickerBody(props) {
@@ -4268,26 +4293,32 @@ function FilterRangeDatePickerBody(props) {
         };
         onValueChange(newValue);
     };
-    const shouldShowClearButton = !props.preventEmptyToDate || !props.preventEmptyFromDate;
+    function renderFooter() {
+        const footerProps = {
+            value,
+            onValueChange,
+            format: format,
+            disableClear: props.disableClear,
+            preventEmptyFromDate: props.preventEmptyFromDate,
+            preventEmptyToDate: props.preventEmptyToDate,
+            onFocus: props.onFocus,
+            onBlur: props.onBlur,
+            inFocus,
+            setInFocus,
+            onClear,
+        };
+        return props.renderFooter ? props.renderFooter(footerProps) : React__default.createElement(FilterRangeDatePickerBodyFooter, { ...footerProps });
+    }
     return (React__default.createElement(Fragment, null,
         React__default.createElement(FlexRow, { borderBottom: true },
             React__default.createElement(RangeDatePickerBody, { value: {
                     selectedDate: value,
                     inFocus,
                 }, onValueChange: onBodyValueChange, filter: props.filter, presets: props.presets })),
-        React__default.createElement(FlexCell, { alignSelf: "stretch" },
-            React__default.createElement(FlexRow, { padding: "24", vPadding: "12" },
-                React__default.createElement(RangeDatePickerInput, { size: settings.filtersPanel.sizes.rangeDatePickerInput, disableClear: props.disableClear, inFocus: inFocus, format: format, value: value, onValueChange: onValueChange, onFocusInput: (event, inputType) => {
-                        if (props.onFocus) {
-                            props.onFocus(event, inputType);
-                        }
-                        setInFocus(inputType);
-                    }, onBlurInput: props.onBlur, preventEmptyFromDate: props.preventEmptyFromDate, preventEmptyToDate: props.preventEmptyToDate }),
-                React__default.createElement(FlexSpacer, null),
-                shouldShowClearButton && (React__default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.filterToolbar.rangeDatePicker.clearCaption, onClick: onClear }))))));
+        renderFooter()));
 }
 
-var css$r = {"container":"KHhNSy"};
+var css$r = {"container":"_2KOlKI"};
 
 function FilterNumericBody(props) {
     const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
@@ -4367,7 +4398,7 @@ function FilterItemBody(props) {
     }
 }
 
-var css$q = {"body":"pyffky","header":"_8FQYkz","title":"nT2IK6","removeButton":"UJL5XH","with-search":"CJtxpQ","withSearch":"CJtxpQ"};
+var css$q = {"body":"_38deit","header":"PfpwqR","title":"qV9H5T","removeButton":"W3mfp8","with-search":"zO7Iv-","withSearch":"zO7Iv-"};
 
 function useView(props, value) {
     const forceUpdate = useForceUpdate();
@@ -4664,7 +4695,7 @@ function FiltersToolbarImpl(props) {
 }
 const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
 
-var css$p = {"delete-button":"FRrV2m","deleteButton":"FRrV2m","tab-button":"zk4Gor","tabButton":"zk4Gor","targetOpen":"ntKTuz"};
+var css$p = {"delete-button":"p8f4QK","deleteButton":"p8f4QK","tab-button":"YPlKC7","tabButton":"YPlKC7","targetOpen":"v7Xv6c"};
 
 function PresetActionsDropdown(props) {
     const { uuiNotifications } = useUuiContext();
@@ -4736,7 +4767,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":"qdfAbt","presetInputCell":"qdfAbt","preset-input":"Tmo9aq","presetInput":"Tmo9aq"};
+var css$o = {"preset-input-cell":"YV-mX-","presetInputCell":"YV-mX-","preset-input":"cp3R-D","presetInput":"cp3R-D"};
 
 function PresetInput(props) {
     const [presetCaption, setPresetCaption] = useState(props.preset?.name || '');
@@ -4763,7 +4794,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":"hSNY8F","activePreset":"LHyeHe"};
+var css$n = {"preset":"v4dEih","activePreset":"GQBEYQ"};
 
 function Preset(props) {
     const [isRenamePreset, setIsRenamePreset] = useState(false);
@@ -4788,7 +4819,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":"ktH747","dropdownDeleteIcon":"NRaGAH","presetsWrapper":"_76qYiw","addPresetContainer":"wWbNGG","dropContainer":"E-1vj9"};
+var css$m = {"divider":"TG-HIb","dropdownDeleteIcon":"TXplNC","presetsWrapper":"pG6E8M","addPresetContainer":"nEdkxo","dropContainer":"cTodOA"};
 
 function PresetsPanel(props) {
     const [isAddingPreset, setIsAddingPreset] = useState(false);
@@ -4874,7 +4905,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
     return columns;
 };
 
-var css$l = {"unpin-icon":"iTYJVv","unpinIcon":"iTYJVv","pin-toggler-icon":"WprWCI","pinTogglerIcon":"WprWCI"};
+var css$l = {"unpin-icon":"XM3Xu-","unpinIcon":"XM3Xu-","pin-toggler-icon":"NF9tuf","pinTogglerIcon":"NF9tuf"};
 
 function PinIconButton(props) {
     const i18nLocal = i18n.tables.columnsConfigurationModal;
@@ -4916,7 +4947,7 @@ function getUnpinIcon(params) {
     }
 }
 
-var css$k = {"row-wrapper":"_38O6dG","rowWrapper":"_38O6dG","pin-icon-button":"w-j-RW","pinIconButton":"w-j-RW","not-pinned":"rgleua","notPinned":"rgleua","checkbox":"GJZ5Sl","drag-handle":"Bgsw2k","dragHandle":"Bgsw2k","dnd-disabled":"-k4psL","dndDisabled":"-k4psL"};
+var css$k = {"row-wrapper":"Fc9fDy","rowWrapper":"Fc9fDy","pin-icon-button":"nwUmHo","pinIconButton":"nwUmHo","not-pinned":"ow3TnC","notPinned":"ow3TnC","checkbox":"_9uyEMM","drag-handle":"F1xeAf","dragHandle":"F1xeAf","dnd-disabled":"ChC0Gk","dndDisabled":"ChC0Gk"};
 
 const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
     const { column } = props;
@@ -4939,7 +4970,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":"-Sdbzx","main-panel":"zzTDYr","mainPanel":"zzTDYr","group":"-eXhYk","group-title":"xO2F3c","groupTitle":"xO2F3c","group-items":"YvImZ5","groupItems":"YvImZ5","no-data":"MKZNJ8","noData":"MKZNJ8","no-data-title":"f01hl2","noDataTitle":"f01hl2","no-data-sub-title":"FZCmIE","noDataSubTitle":"FZCmIE","h-divider":"KZll9T","hDivider":"KZll9T","search-area":"s7Gtmr","searchArea":"s7Gtmr","subgroup-accordion":"MVIeTV","subgroupAccordion":"MVIeTV","subgroup":"UWk6Ej","subgroup-title":"kUrM7w","subgroupTitle":"kUrM7w"};
+var css$j = {"root":"KXI3zY","main-panel":"_5HSKWW","mainPanel":"_5HSKWW","group":"lD-a-E","group-title":"t6Dw-D","groupTitle":"t6Dw-D","group-items":"_52UP4D","groupItems":"_52UP4D","no-data":"BT0qCQ","noData":"BT0qCQ","no-data-title":"FhwtwI","noDataTitle":"FhwtwI","no-data-sub-title":"OJsxt7","noDataSubTitle":"OJsxt7","h-divider":"_56ehox","hDivider":"_56ehox","search-area":"FtOBIA","searchArea":"FtOBIA","subgroup-accordion":"fPc1VJ","subgroupAccordion":"fPc1VJ","subgroup":"N99roU","subgroup-title":"c2mxgK","subgroupTitle":"c2mxgK"};
 
 const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { cx: css$j.group },
     React.createElement(Text, { size: "none", cx: css$j.groupTitle }, title),
@@ -5041,7 +5072,7 @@ const getChildrenAndRest = (row, rows) => {
     return [children, rest];
 };
 
-var css$i = {"listContainer":"_5x8Cpp","header":"DQH6F2","group":"_8YMVc8","stickyHeader":"oYQCgS"};
+var css$i = {"listContainer":"O-A1s0","header":"Q3P5sV","group":"j-Z6lo","stickyHeader":"bLkOtn"};
 
 function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
     const rowRef = useRef(undefined);
@@ -5081,7 +5112,7 @@ function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, r
             React__default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
 }
 
-var css$h = {"root":"PCeev6","sticky-header":"LIq9In","stickyHeader":"LIq9In","no-results":"_3fsa6h","noResults":"_3fsa6h","icon":"LHpuRg","title":"RhUH-V"};
+var css$h = {"root":"GREoL4","sticky-header":"jOMad9","stickyHeader":"jOMad9","no-results":"QFswuU","noResults":"QFswuU","icon":"Nzzj5f","title":"Fvd-dV"};
 
 function DataTable(props) {
     const { uuiModals } = useUuiContext();
@@ -5130,9 +5161,9 @@ function DataTable(props) {
                 } }))));
 }
 
-var css$g = {"root":"c-88ee"};
+var css$g = {"root":"HbOFk-"};
 
-var css$f = {"root":"fOCQv2","burger-content":"_2plUqk","burgerContent":"_2plUqk"};
+var css$f = {"root":"VERlXS","burger-content":"_4iNO4X","burgerContent":"_4iNO4X"};
 
 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); }
@@ -5175,7 +5206,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
 };
 var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgNavigationArrowDownOutline);
 
-var css$e = {"root":"IJL6gG","button-primary":"_7yXBVQ","buttonPrimary":"_7yXBVQ","button-secondary":"L79BjA","buttonSecondary":"L79BjA","hasIcon":"_2nY4XB","dropdown":"xkM4sh"};
+var css$e = {"root":"d3-c7D","button-primary":"_9sISB6","buttonPrimary":"_9sISB6","button-secondary":"v2yDud","buttonSecondary":"v2yDud","hasIcon":"s7bo89","dropdown":"_5QjwTp"};
 
 const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
     css$e.root,
@@ -5186,13 +5217,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":"HA0sor","searchInput":"HA0sor"};
+var css$d = {"search-input":"Sm5zh0","searchInput":"Sm5zh0"};
 
 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":"Odf1Iy","group-header":"PpaF3H","groupHeader":"PpaF3H","group-name":"xACzn8","groupName":"xACzn8","line":"Ta-LeI"};
+var css$c = {"root":"_6s2xRv","group-header":"_2-32-2","groupHeader":"_2-32-2","group-name":"znVaK8","groupName":"znVaK8","line":"nhxSvM"};
 
 function BurgerGroupHeader(props) {
     return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
@@ -5200,7 +5231,7 @@ function BurgerGroupHeader(props) {
         React.createElement("span", { className: css$c.groupName }, props.caption)));
 }
 
-var css$b = {"root":"xHVIYB","type-primary":"_0XUe9r","typePrimary":"_0XUe9r","type-secondary":"B22dVo","typeSecondary":"B22dVo"};
+var css$b = {"root":"_0BvCfR","type-primary":"x61DUV","typePrimary":"x61DUV","type-secondary":"jyRKQP","typeSecondary":"jyRKQP"};
 
 const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { type, ...clickableProps } = props;
@@ -5222,7 +5253,7 @@ const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
         props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
 });
 
-var css$a = {"dropdown-body":"-Llflm","dropdownBody":"-Llflm"};
+var css$a = {"dropdown-body":"sfJj28","dropdownBody":"sfJj28"};
 
 class MainMenuDropdown extends React.Component {
     render() {
@@ -5281,12 +5312,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
 };
 var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationGlobalMenuOutlineOutline);
 
-var css$9 = {"global-menu-btn":"_2KH1MA","globalMenuBtn":"_2KH1MA","global-menu-icon":"SMx8KA","globalMenuIcon":"SMx8KA"};
+var css$9 = {"global-menu-btn":"nFsYfW","globalMenuBtn":"nFsYfW","global-menu-icon":"FVBlEJ","globalMenuIcon":"FVBlEJ"};
 
 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":"A5Y7ar","open":"NHhbD7","folding-arrow":"hASq0j","foldingArrow":"hASq0j"};
+var css$8 = {"container":"wpTsiB","open":"ylEQ4n","folding-arrow":"_8FFq-2","foldingArrow":"_8FFq-2"};
 
 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 }),
@@ -5294,15 +5325,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":"TwZaee","searchInput":"TwZaee"};
+var css$7 = {"search-input":"c-BASn","searchInput":"c-BASn"};
 
 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":"v0ThQP"};
+var css$6 = {"container":"cdU-Uu"};
 
 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":"Soohmm"};
+var css$5 = {"root":"Qr-0Dv"};
 
 const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
 
@@ -5360,7 +5391,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
 };
 var ForwardRef = /*#__PURE__*/forwardRef(SvgFileCloudUploadFill);
 
-var css$4 = {"root":"Hve7bE","drop-start":"pwPnw5","dropStart":"pwPnw5","drop-over":"NzqNck","dropOver":"NzqNck","link":"J1lvLK","drop-area":"ty2L16","dropArea":"ty2L16","drop-caption":"lht8Cz","dropCaption":"lht8Cz","icon-blue":"nsAc6T","iconBlue":"nsAc6T"};
+var css$4 = {"root":"_1AmbtK","drop-start":"_66lafG","dropStart":"_66lafG","drop-over":"OnEU-v","dropOver":"OnEU-v","link":"TBPNxm","drop-area":"e2iMGK","dropArea":"e2iMGK","drop-caption":"-W85F3","dropCaption":"-W85F3","icon-blue":"hWVXhj","iconBlue":"hWVXhj"};
 
 function DropSpot(props) {
     const getInfoText = typeof props.infoText === 'string'
@@ -5378,7 +5409,7 @@ function DropSpot(props) {
     return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
 }
 
-var css$3 = {"root":"kPLLBX"};
+var css$3 = {"root":"ZNvhMf"};
 
 const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
     const outsetRadius = props.size / 2 - 1;
@@ -5389,7 +5420,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":"lFdM9N","file-name":"DZElvD","fileName":"DZElvD","default-color":"CySb-G","defaultColor":"CySb-G","doc-color":"ST2eJB","docColor":"ST2eJB","xls-color":"XLmwaY","xlsColor":"XLmwaY","pdf-color":"PdWxsl","pdfColor":"PdWxsl","movie-color":"BPnmjd","movieColor":"BPnmjd","img-color":"RXYsCE","imgColor":"RXYsCE","mov-color":"PeL5tb","movColor":"PeL5tb","error-block":"prmeii","errorBlock":"prmeii","icons-block":"Z07yz7","iconsBlock":"Z07yz7"};
+var css$2 = {"root":"_-4JI1Q","file-name":"NmNY4X","fileName":"NmNY4X","default-color":"HaQ12N","defaultColor":"HaQ12N","doc-color":"_6utvPJ","docColor":"_6utvPJ","xls-color":"ecl9XX","xlsColor":"ecl9XX","pdf-color":"hQsJhm","pdfColor":"hQsJhm","movie-color":"aeHHVJ","movieColor":"aeHHVJ","img-color":"G8Fnio","imgColor":"G8Fnio","mov-color":"na-bdU","movColor":"na-bdU","error-block":"Td0m2O","errorBlock":"Td0m2O","icons-block":"f-FkiK","iconsBlock":"f-FkiK"};
 
 const FileCard = /* @__PURE__ */React.forwardRef((props, ref) => {
     const [isLoadingShow, setIsLoadingShow] = React.useState(true);
@@ -5508,7 +5539,7 @@ const getErrorPageConfig = () => ({
     },
 });
 
-var css$1 = {"container":"_8L2djE"};
+var css$1 = {"container":"_1u5dNH"};
 
 const ErrorPage = (props) => {
     const isMobileScreen = isMobile();
@@ -5520,7 +5551,7 @@ const ErrorPage = (props) => {
             props?.supportLink && React__default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
 };
 
-var css = {"recovery-spinner":"vbWTFM","recoverySpinner":"vbWTFM","recovery-message":"PYOjcb","recoveryMessage":"PYOjcb","modal-blocker":"F14Pbf","modalBlocker":"F14Pbf","modalFadeIn":"QZY1sv"};
+var css = {"recovery-spinner":"DQ9F-Z","recoverySpinner":"DQ9F-Z","recovery-message":"XWMck0","recoveryMessage":"XWMck0","modal-blocker":"dx9DyK","modalBlocker":"dx9DyK","modalFadeIn":"H9nO6k"};
 
 function ErrorHandler(props) {
     const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();
@@ -5571,5 +5602,5 @@ function ErrorHandler(props) {
         errorType === 'recovery' && renderRecoveryBlocker(errorInfo)));
 }
 
-export { Accordion, Alert, Anchor, AvatarStack, Badge, Blocker, Burger, BurgerButton, BurgerGroupHeader, BurgerSearch, Button, Calendar, Checkbox, CheckboxGroup, ClearNotification, ColumnHeaderDropdown, ColumnsConfigurationModal, ConfirmationModal, ControlGroup, CountIndicator, DataPickerBody, DataPickerFooter, DataPickerMobileHeader, DataPickerRow, DataRowAddons, DataRowsContainer, DataTable, DataTableCell, DataTableHeaderCell, DataTableHeaderRow, DataTableRow, DatePicker, DatePickerBody, DatePickerComponent, DropMarker, DropSpot, Dropdown, DropdownContainer, DropdownMenuBody, DropdownMenuButton, DropdownMenuHeader, DropdownMenuSplitter, DropdownMenuSwitchButton, DropdownSubMenu, ErrorAlert, ErrorHandler, ErrorNotification, ErrorPage, FileCard, FilterItemBody, FilterPickerBody, FiltersPanel, FlexCell, FlexRow, Form, GlobalMenu, HintAlert, HintNotification, IDropdownControlKeys, IconButton, IndeterminateBar, IndicatorBar, InputAddon, LabeledInput, LinkButton, MainMenu, MainMenuAvatar, MainMenuButton, MainMenuDropdown, MainMenuIcon, MainMenuSearch, ModalBlocker, ModalFooter, ModalHeader, ModalWindow, MultiSwitch, NotificationCard, NumericInput, Paginator, Panel, PickerBodyMobileView, PickerInput, PickerItem, PickerList, PickerListRow, PickerModal, PickerToggler, PickerTogglerTag, PresetsPanel, ProgressBar, RadioGroup, RadioInput, RangeDatePicker, RangeDatePickerBody, RangeDatePickerInput, Rating, RichTextView, ScrollBars, SearchInput, Slider, Snackbar, Spinner, StatusIndicator, SuccessAlert, SuccessNotification, SvgCircleProgress, Switch, TabButton, Tag, Text, TextArea, TextInput, TextPlaceholder, TimePicker, TimePickerBody, TimePickerComponent, Tooltip, VerticalTabButton, VirtualList, WarningAlert, WarningNotification, applyDateSelectionMods, defaultPredicates, getErrorPageConfig, getHighlightRanges, getHighlightedSearchMatches, getRecoveryMessageConfig, i18n, propsMods, rangeDatePickerPresets, renderCell, renderDropMarkers, settings, useColumnsWithFilters, useForm, uuiDatePickerBody, uuiRangeDatePickerBody, uuiTimePicker };
+export { Accordion, Alert, Anchor, AvatarStack, Badge, Blocker, Burger, BurgerButton, BurgerGroupHeader, BurgerSearch, Button, Calendar, Checkbox, CheckboxGroup, ClearNotification, ColumnHeaderDropdown, ColumnsConfigurationModal, ConfirmationModal, ControlGroup, CountIndicator, DataPickerBody, DataPickerFooter, DataPickerMobileHeader, DataPickerRow, DataRowAddons, DataRowsContainer, DataTable, DataTableCell, DataTableHeaderCell, DataTableHeaderRow, DataTableRow, DatePicker, DatePickerBody, DatePickerComponent, DropMarker, DropSpot, Dropdown, DropdownContainer, DropdownMenuBody, DropdownMenuButton, DropdownMenuHeader, DropdownMenuSplitter, DropdownMenuSwitchButton, DropdownSubMenu, ErrorAlert, ErrorHandler, ErrorNotification, ErrorPage, FileCard, FilterDatePickerBodyFooter, FilterItemBody, FilterPickerBody, FilterRangeDatePickerBodyFooter, FiltersPanel, FlexCell, FlexRow, Form, GlobalMenu, HintAlert, HintNotification, IDropdownControlKeys, IconButton, IndeterminateBar, IndicatorBar, InputAddon, LabeledInput, LinkButton, MainMenu, MainMenuAvatar, MainMenuButton, MainMenuDropdown, MainMenuIcon, MainMenuSearch, ModalBlocker, ModalFooter, ModalHeader, ModalWindow, MultiSwitch, NotificationCard, NumericInput, Paginator, Panel, PickerBodyMobileView, PickerInput, PickerItem, PickerList, PickerListRow, PickerModal, PickerToggler, PickerTogglerTag, PresetsPanel, ProgressBar, RadioGroup, RadioInput, RangeDatePicker, RangeDatePickerBody, RangeDatePickerInput, Rating, RichTextView, ScrollBars, SearchInput, Slider, Snackbar, Spinner, StatusIndicator, SuccessAlert, SuccessNotification, SvgCircleProgress, Switch, TabButton, Tag, Text, TextArea, TextInput, TextPlaceholder, TimePicker, TimePickerBody, TimePickerComponent, Tooltip, VerticalTabButton, VirtualList, WarningAlert, WarningNotification, applyDateSelectionMods, defaultPredicates, getErrorPageConfig, getHighlightRanges, getHighlightedSearchMatches, getRecoveryMessageConfig, i18n, propsMods, rangeDatePickerPresets, renderCell, renderDropMarkers, settings, useColumnsWithFilters, useForm, uuiDatePickerBody, uuiRangeDatePickerBody, uuiTimePicker };
 //# sourceMappingURL=index.esm.js.map