@epam/uui 6.1.0 → 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(#fm7jj8n8i7crf3o_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: "fm7jj8mlnzydbsm3_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(#fm7jj8mlnzydbsm3_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: "fm7jj8n8i7crf3o_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":"zcbl91","uui-spinner":"_39C1QJ","uuiSpinner":"_39C1QJ"};
+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":"wBoeAF","loading-word":"T-sKtz","loadingWord":"T-sKtz","animated-loading":"Rw4CFo","animatedLoading":"Rw4CFo","skeleton_loading":"_5eg-AF","skeletonLoading":"_5eg-AF"};
+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":"iUX7aS","line-height":"xBFZjh","lineHeight":"xBFZjh","font-size":"-OADZb","fontSize":"-OADZb"};
+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":"tHgxCI"};
+var css$1t = {"root":"NuYi4-"};
 
 function applyButtonMods(mods) {
     return [
@@ -1474,7 +1474,7 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
     };
 });
 
-var css$1s = {"root":"oKFqCV"};
+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":"Buu8Y9"};
+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":"boV4ZE"};
+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":"As7tJp","withNotify":"PL9pSe"};
+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":"Gd09k0"};
+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":"_6OErq2"};
+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":"tJRz5Q"};
+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":"Bt2cNJ"};
+var css$1l = {"root":"GfuBqT"};
 
 function applySwitchMods(mods) {
     return [
@@ -1642,7 +1642,7 @@ var EditMode;
     EditMode["INLINE"] = "inline";
 })(EditMode || (EditMode = {}));
 
-var textInputCss = {"root":"_4QRAUU"};
+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":"yw8HIc"};
+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":"gNxJrZ"};
+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":"R0nFJn"};
+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":"WBvTO7"};
+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":"Ea1LqU","timepicker-input":"ZpGdhW","timepickerInput":"ZpGdhW","ltr-always":"q7IgjD","ltrAlways":"q7IgjD"};
+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":"-NrLDH"};
+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":"_22zl-Q"};
+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":"FhE7kc"};
+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":"k-2cse","tooltip":"iHb29d"};
+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":"_9Hgy1t","main-path":"Z5H3pn","mainPath":"Z5H3pn","content-wrapper":"eMB3cm","contentWrapper":"eMB3cm","content":"-xtggD","action-wrapper":"SDwQdk","actionWrapper":"SDwQdk","icon-wrapper":"BJU-vr","iconWrapper":"BJU-vr","icon":"j94Zcz","close-icon":"B7gjJY","closeIcon":"B7gjJY"};
+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":"_3LI58p","submenuRootItemRtl":"_3LI58p","icon-after":"asqacy","iconAfter":"asqacy","submenu-root-item":"UVAfc5","submenuRootItem":"UVAfc5","icon-check":"e249MZ","iconCheck":"e249MZ","splitter-root":"TlSc4V","splitterRoot":"TlSc4V","splitter":"bLiDjs","header-root":"rAsEL1","headerRoot":"rAsEL1","item-root":"_2QTOUt","itemRoot":"_2QTOUt","icon":"AhGM0u","link":"wgJT8n","indent":"veCW2i","selected-mark":"vaGI-U","selectedMark":"vaGI-U"};
+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":"_5Wicxc","mode-block":"Da5ZEn","modeBlock":"Da5ZEn","mode-inline":"_7jstmY","modeInline":"_7jstmY","padding-0":"XlFjp4","padding0":"XlFjp4","padding-6":"aD7Jgt","padding6":"aD7Jgt","padding-12":"jok2Sj","padding12":"jok2Sj","padding-18":"_-9-TU4","padding18":"_-9-TU4"};
+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":"_6AL6YY","align-items":"WCi5Ix","alignItems":"WCi5Ix","justify-content":"icJX3o","justifyContent":"icJX3o","border-top":"TKHeJO","borderTop":"TKHeJO","border-bottom":"juEKKz","borderBottom":"juEKKz","top-shadow":"R7AqmL","topShadow":"R7AqmL","padding":"SM-45D","margin":"_7EVaKo","vPadding":"_5J-cqY","column-gap":"rvM9AK","columnGap":"rvM9AK","row-gap":"ntpuLh","rowGap":"ntpuLh","spacing":"e7jFYi"};
+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":"H2szxh","margin-24":"fE315v","margin24":"fE315v","padding-12":"UH7kiX","padding12":"UH7kiX","padding-24":"RlPdl0","padding24":"RlPdl0","shadow":"I6EiGh","uui-surface-main":"OxZJ-w","uuiSurfaceMain":"OxZJ-w"};
+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":"_5ye-yp"};
+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":"uAhGAT"};
+var css$15 = {"root":"_1DAPxt"};
 
 function RadioGroup(props) {
     const direction = props.direction || 'vertical';
@@ -2239,7 +2239,7 @@ function RadioGroup(props) {
     })));
 }
 
-var css$14 = {"root":"QvTg9s"};
+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":"XJ6p6y","scrollContainer":"XJ6p6y","list-container":"vICUOM","listContainer":"vICUOM"};
+var css$13 = {"scroll-container":"-vHIcX","scrollContainer":"-vHIcX","list-container":"etzd4T","listContainer":"etzd4T"};
 
-var css$12 = {"root":"cG3eiO"};
+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":"g4enjM"};
+var css$11 = {"root":"qrXL9u"};
 
 function CheckboxGroup(props) {
     const currentValue = props.value || [];
@@ -2318,7 +2318,7 @@ function CheckboxGroup(props) {
     })));
 }
 
-var css$10 = {"root":"hNwGz8","modal-blocker":"Pd5rKI","modalBlocker":"Pd5rKI","animateModalBlocker":"iz7KVe","modal":"oSXQDw","modal-footer":"_5kKIch","modalFooter":"_5kKIch","border-top":"FRpt3x","borderTop":"FRpt3x","modal-header":"v3yxVZ","modalHeader":"v3yxVZ","border-bottom":"djh8mf","borderBottom":"djh8mf"};
+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":"ohHYez","icon-wrapper":"cI85oG","iconWrapper":"cI85oG","action-wrapper":"GXsA2j","actionWrapper":"GXsA2j","close-icon":"dmdrLO","closeIcon":"dmdrLO","main-path":"P84kj6","mainPath":"P84kj6","content":"zBIet7","close-wrapper":"r7VT-a","closeWrapper":"r7VT-a","clear-notifications":"ThoPwL","clearNotifications":"ThoPwL"};
+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":"V72lJT"};
+var css$_ = {"footer":"_07rrK1"};
 
 class ConfirmationModal extends React.Component {
     render() {
@@ -2584,7 +2584,7 @@ function useReliableForceUpdate() {
     return red[1];
 }
 
-var css$Z = {"root":"QUQWIK","container":"kClBVV"};
+var css$Z = {"root":"RZCXZy","container":"-YTseC"};
 
 const defaultFormat = 'MMM D, YYYY';
 const valueFormat = 'YYYY-MM-DD';
@@ -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":"cQnbRO"};
+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":"wz-8cv"};
+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":"adEhTJ","dateInput":"adEhTJ","root":"_34JDvp","separator":"RT-hqX"};
+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":"D-QdIa"};
+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":"bNvOrJ","container":"-bVyCA","day-selection":"lWAEv-","daySelection":"lWAEv-","from-picker":"y0CTJp","fromPicker":"y0CTJp","to-picker":"wbQNIb","toPicker":"wbQNIb","bodes-wrapper":"_5LNABW","bodesWrapper":"_5LNABW","blocker":"_9Nan-q"};
+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',
@@ -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":"C83uVs","dropdownContainer":"C83uVs"};
+var css$T = {"dropdown-container":"IDuAlE","dropdownContainer":"IDuAlE"};
 
 function RangeDatePickerComponent(props, ref) {
     const { value: _value, format = defaultFormat, size = settings.rangeDatePicker.sizes.default } = props;
@@ -3252,7 +3252,7 @@ function RangeDatePickerComponent(props, ref) {
 }
 const RangeDatePicker = /* @__PURE__ */React__default.forwardRef(RangeDatePickerComponent);
 
-var css$S = {"root":"HHhc7N","blocker":"R7duk5","marker":"usgdZv","top":"_15wLuX","bottom":"KyyKit","left":"rFQ0P4","right":"V-f9fg","inside":"lctEJU"};
+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":"f-ct-f","searchWrapper":"f-ct-f","no-data":"iJAOgY","noData":"iJAOgY"};
+var css$R = {"search-wrapper":"M7wn2O","searchWrapper":"M7wn2O","no-data":"y0Lob1","noData":"y0Lob1"};
 
-var css$Q = {"picker-row":"ucR8vw","pickerRow":"ucR8vw","align-widgets-top":"P7VAxr","alignWidgetsTop":"P7VAxr","row-content":"LQGzoO","rowContent":"LQGzoO","align-widgets-center":"CmSm0r","alignWidgetsCenter":"CmSm0r","icon-container":"XibG50","iconContainer":"XibG50","content-wrapper":"_6cQCYx","contentWrapper":"_6cQCYx","icon-wrapper":"BUIX1r","iconWrapper":"BUIX1r","icon-default":"i9AqYW","iconDefault":"i9AqYW","selected-mark":"-qXYmB","selectedMark":"-qXYmB"};
+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":"OdaqTH"};
+var css$P = {"root":"NzLONf"};
 
 const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$P.root]);
 
-var css$O = {"root":"xq2AXh"};
+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":"cffLes"};
+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":"hv--g9","page":"N-8erF","spacer":"k9eeav","mode-ghost":"ZKMA8b","modeGhost":"ZKMA8b"};
+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":"SRaqZJ","progress-bar":"tiCZvl","progressBar":"tiCZvl","progressBar-indeterminate":"V-UYHJ","progressBarIndeterminate":"V-UYHJ","size-12":"sbjYlM","size12":"sbjYlM","size-18":"jC7z-h","size18":"jC7z-h","size-24":"Uv0LzB","size24":"Uv0LzB"};
+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":"VF-Ct5","striped":"ZvSnWz","animate-stripes":"BvZvc1","animateStripes":"BvZvc1","size-12":"wrWjse","size12":"wrWjse","size-18":"vk42rg","size18":"vk42rg","size-24":"Ha39jB","size24":"Ha39jB"};
+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":"_96Zxxv"};
+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":"MSKVBs"};
+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":"gtXeih","dragHandle":"gtXeih","icon-container":"_2rR4FY","iconContainer":"_2rR4FY"};
+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":"uSfDzq","column-gap":"seftdv","columnGap":"seftdv","title":"-S7kr1","subtitle":"GfmT2y","disabled":"CWJmSB","multiline":"MqrS5U"};
+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":"NQfHx6","title":"kQlany","close":"DUmBJ-"};
+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":"Ppiya4","container":"-D2iZs"};
+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":"_3-caIe","subHeaderWrapper":"_3-caIe","switch":"_5cLf1C","no-found-modal-container":"_3JSiga","noFoundModalContainer":"_3JSiga","no-found-modal-container-icon":"_63YTAf","noFoundModalContainerIcon":"_63YTAf","no-found-modal-container-text":"C6wY5z","noFoundModalContainerText":"C6wY5z","body":"AMJz0-"};
+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":"VaLCtK"};
+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":"IvcxPU"};
+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":"d9Ahdd"};
+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":"SvaINK"};
+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":"SDfALs","wrapper":"NlsN-R","align-widgets-top":"kucsbo","alignWidgetsTop":"kucsbo","align-widgets-center":"P1QmYE","alignWidgetsCenter":"P1QmYE"};
+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":"gNXsSk"};
+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":"xIa3TD","sortingPanelContainer":"xIa3TD"};
+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":"Fl9ElO","caption-wrapper":"X8l-7a","captionWrapper":"X8l-7a","sort-icon":"sREMpM","sortIcon":"sREMpM","dropdown-icon":"wPgfMD","dropdownIcon":"wPgfMD","infoIcon":"tWlHZJ","align-right":"Rc6Lru","alignRight":"Rc6Lru","align-center":"-bcnsX","alignCenter":"-bcnsX","caption":"DC63nM","truncate":"DboZXM","upper-case":"OjsmCa","upperCase":"OjsmCa","checkbox":"_3Xo0pc","icon":"U-5GKI","fold-all-icon":"_12Yy-7","foldAllIcon":"_12Yy-7","cell-tooltip":"fWFFwA","cellTooltip":"fWFFwA","resizing-marker":"BIjYHW","resizingMarker":"BIjYHW","pinned-right":"_-0AmSn","pinnedRight":"_-0AmSn","draggable":"f3o6tK","ghost":"mqKZWZ","is-dragged-out":"_4s75qm","isDraggedOut":"_4s75qm","dnd-marker-left":"Q-pNuh","dndMarkerLeft":"Q-pNuh","dnd-marker-right":"p3Mxup","dndMarkerRight":"p3Mxup","cell-tooltip-wrapper":"nw1Cly","cellTooltipWrapper":"nw1Cly","cell-tooltip-text":"aN55Rw","cellTooltipText":"aN55Rw","tooltip-caption":"BwBkKk","tooltipCaption":"BwBkKk","tooltip-info":"TGGLHm","tooltipInfo":"TGGLHm"};
+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":"mfxLnP","caption-wrapper":"WwC56e","captionWrapper":"WwC56e","align-center":"GLhb4k","alignCenter":"GLhb4k","caption":"dMfHWV","truncate":"MfwClU","upper-case":"gSoBNx","upperCase":"gSoBNx","group-cell-tooltip":"xFMQwa","groupCellTooltip":"xFMQwa","group-cell-tooltip-wrapper":"K0FKFY","groupCellTooltipWrapper":"K0FKFY","group-cell-tooltip-text":"XsE-EU","groupCellTooltipText":"XsE-EU","tooltip-caption":"zSDdNH","tooltipCaption":"zSDdNH","tooltip-info":"R-VaDf","tooltipInfo":"R-VaDf"};
+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":"pd3E3Q"};
+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":"_30w9oe","title-wrapper":"etfEEq","titleWrapper":"etfEEq","title":"XwXYRY","text-wrapper":"_1XTyU-","textWrapper":"_1XTyU-","selection":"RkDKcN","postfix":"_6nd-19","selected":"MMwxMt"};
+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":"oh4cK8"};
+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":"LoIglg","header":"SRRNQq","title":"-WxH73","removeButton":"_1RLHcM","with-search":"iGyscd","withSearch":"iGyscd"};
+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":"h-6GlB","deleteButton":"h-6GlB","tab-button":"ho39Cu","tabButton":"ho39Cu","targetOpen":"oL-8Sk"};
+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":"kweRin","presetInputCell":"kweRin","preset-input":"bEwpIF","presetInput":"bEwpIF"};
+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":"O6wRuX","activePreset":"ImBWWw"};
+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":"-aPkS2","dropdownDeleteIcon":"_2PqVYR","presetsWrapper":"ifkmNU","addPresetContainer":"I4SqcU","dropContainer":"_1am92t"};
+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":"SwySkc","unpinIcon":"SwySkc","pin-toggler-icon":"b4L16k","pinTogglerIcon":"b4L16k"};
+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":"iDYPQ-","rowWrapper":"iDYPQ-","pin-icon-button":"_9PM5xe","pinIconButton":"_9PM5xe","not-pinned":"Y2-H2P","notPinned":"Y2-H2P","checkbox":"mtP1va","drag-handle":"ZDleEh","dragHandle":"ZDleEh","dnd-disabled":"_664ZFL","dndDisabled":"_664ZFL"};
+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":"_1akAM7","main-panel":"ANKT7W","mainPanel":"ANKT7W","group":"gDb2tt","group-title":"hPVzn-","groupTitle":"hPVzn-","group-items":"yxXu-O","groupItems":"yxXu-O","no-data":"CF0jkN","noData":"CF0jkN","no-data-title":"NTQsJ7","noDataTitle":"NTQsJ7","no-data-sub-title":"T3x83y","noDataSubTitle":"T3x83y","h-divider":"mak928","hDivider":"mak928","search-area":"EVdCbI","searchArea":"EVdCbI","subgroup-accordion":"-iRGup","subgroupAccordion":"-iRGup","subgroup":"fVFhte","subgroup-title":"QL-AAI","subgroupTitle":"QL-AAI"};
+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":"clBY1Z","header":"_0OstXo","group":"maBjYk","stickyHeader":"X2JA3y"};
+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":"u-xrbb","sticky-header":"R7bbIb","stickyHeader":"R7bbIb","no-results":"e18pKE","noResults":"e18pKE","icon":"_0aKACa","title":"TvpTvz"};
+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":"tYSHew"};
+var css$g = {"root":"HbOFk-"};
 
-var css$f = {"root":"t8jsVf","burger-content":"jqwEbQ","burgerContent":"jqwEbQ"};
+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":"wA6een","button-primary":"iKu1tL","buttonPrimary":"iKu1tL","button-secondary":"BEMGjT","buttonSecondary":"BEMGjT","hasIcon":"jBAA6R","dropdown":"nahIHe"};
+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":"D3b4aa","searchInput":"D3b4aa"};
+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":"evNpZN","group-header":"onKpce","groupHeader":"onKpce","group-name":"C7GwDP","groupName":"C7GwDP","line":"PTdaXh"};
+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":"iUxWT4","type-primary":"ZzfhGd","typePrimary":"ZzfhGd","type-secondary":"_4WP-OQ","typeSecondary":"_4WP-OQ"};
+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":"yEGHDx","dropdownBody":"yEGHDx"};
+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":"QB3Cfs","globalMenuBtn":"QB3Cfs","global-menu-icon":"KDLZ0f","globalMenuIcon":"KDLZ0f"};
+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":"Jdo2rn","open":"Dh2XBo","folding-arrow":"chXzBB","foldingArrow":"chXzBB"};
+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":"fAk5M8","searchInput":"fAk5M8"};
+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":"RO9Vz1"};
+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":"jsbkRE"};
+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":"DZ37E5","drop-start":"S10o5c","dropStart":"S10o5c","drop-over":"fvkWJE","dropOver":"fvkWJE","link":"qKE4og","drop-area":"_6sDxWo","dropArea":"_6sDxWo","drop-caption":"Ain6pG","dropCaption":"Ain6pG","icon-blue":"_5Q3EOo","iconBlue":"_5Q3EOo"};
+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":"_8aufIi"};
+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":"PmVxIz","file-name":"tsWJfV","fileName":"tsWJfV","default-color":"jkTkZh","defaultColor":"jkTkZh","doc-color":"LCz8mt","docColor":"LCz8mt","xls-color":"uAWo7X","xlsColor":"uAWo7X","pdf-color":"-OAdmL","pdfColor":"-OAdmL","movie-color":"DCGejI","movieColor":"DCGejI","img-color":"TMW0RM","imgColor":"TMW0RM","mov-color":"v42yxM","movColor":"v42yxM","error-block":"tD2ZhW","errorBlock":"tD2ZhW","icons-block":"zSBvFP","iconsBlock":"zSBvFP"};
+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":"a27m7f"};
+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":"h0vLp6","recoverySpinner":"h0vLp6","recovery-message":"_0m6-uz","recoveryMessage":"_0m6-uz","modal-blocker":"uNcVfc","modalBlocker":"uNcVfc","modalFadeIn":"tNuOyY"};
+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