@epam/uui 6.1.0 → 6.1.1-beta.1

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(#82hxg28ri56zvqnah_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: "82hxg20thhgmwza1nh_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(#82hxg20thhgmwza1nh_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: "82hxg28ri56zvqnah_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":"_2vEAjF","uui-spinner":"Z-jI5l","uuiSpinner":"Z-jI5l"};
 
 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":"pwQ2iS","loading-word":"p7rJvU","loadingWord":"p7rJvU","animated-loading":"oPMR-T","animatedLoading":"oPMR-T","skeleton_loading":"_-9O9VS","skeletonLoading":"_-9O9VS"};
 
 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":"ERSh6m","line-height":"x6sEx5","lineHeight":"x6sEx5","font-size":"_7YYq13","fontSize":"_7YYq13"};
 
 function applyTextMods(mods) {
     return [
@@ -1234,6 +1234,7 @@ const paginatorSettings = {
 const pickerInputSettings = {
     renderPlaceholder: (props) => React__default.createElement(Text, { size: props.rowSize },
         React__default.createElement(TextPlaceholder, null)),
+    renderBlocker: (props) => React__default.createElement(Blocker, { isEnabled: props.isLoading }),
     icons: {
         toggler: {
             clearIcon: ForwardRef$Q,
@@ -1456,7 +1457,7 @@ const settings = {
     textInput: textInputSettings,
 };
 
-var css$1t = {"root":"tHgxCI"};
+var css$1t = {"root":"_2HN2NQ"};
 
 function applyButtonMods(mods) {
     return [
@@ -1474,7 +1475,7 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
     };
 });
 
-var css$1s = {"root":"oKFqCV"};
+var css$1s = {"root":"y18Miq"};
 
 function applyIconButtonMods(props) {
     return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1s.root];
@@ -1511,7 +1512,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":"sEYA3a"};
 
 const DEFAULT_COLOR = 'primary';
 const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
@@ -1541,7 +1542,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":"vE9Cna"};
 
 const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
@@ -1553,7 +1554,7 @@ const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
         ]) }, props.caption));
 });
 
-var css$1p = {"root":"As7tJp","withNotify":"PL9pSe"};
+var css$1p = {"root":"uLUpeQ","withNotify":"mKgsb8"};
 
 const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const styles = [
@@ -1581,14 +1582,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":"oJuOY2"};
 
 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":"EOOY2A"};
 
 function applyCheckboxMods(mods) {
     return [
@@ -1606,7 +1607,7 @@ const applyUUICheckboxProps = (props) => {
 };
 const Checkbox = /* @__PURE__ */withMods(uuiComponents.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
 
-var css$1m = {"root":"tJRz5Q"};
+var css$1m = {"root":"hVOPoB"};
 
 function applyRadioInputMods(mods) {
     return [
@@ -1618,7 +1619,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":"Qhb9iD"};
 
 function applySwitchMods(mods) {
     return [
@@ -1642,7 +1643,7 @@ var EditMode;
     EditMode["INLINE"] = "inline";
 })(EditMode || (EditMode = {}));
 
-var textInputCss = {"root":"_4QRAUU"};
+var textInputCss = {"root":"LPrcw6"};
 
 const DEFAULT_MODE$3 = EditMode.FORM;
 function applyTextInputMods(mods) {
@@ -1667,7 +1668,7 @@ const SearchInput = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         } }));
 });
 
-var css$1k = {"root":"yw8HIc"};
+var css$1k = {"root":"_2WxMaG"};
 
 const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1k.root, 'uui-control-group']);
 
@@ -1683,7 +1684,7 @@ function MultiSwitchComponent(props, ref) {
 }
 const MultiSwitch = /* @__PURE__ */React.forwardRef(MultiSwitchComponent);
 
-var css$1j = {"root":"gNxJrZ"};
+var css$1j = {"root":"_0zIIhH"};
 
 const DEFAULT_MODE$2 = EditMode.FORM;
 function applyNumericInputMods(mods) {
@@ -1703,7 +1704,7 @@ const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMo
     };
 });
 
-var css$1i = {"root":"R0nFJn"};
+var css$1i = {"root":"OLMFmo"};
 
 const DEFAULT_MODE$1 = EditMode.FORM;
 function applyTextAreaMods(mods) {
@@ -1744,7 +1745,7 @@ function TREE_SHAKEABLE_INIT$1() {
     };
 }
 
-var css$1h = {"root":"WBvTO7"};
+var css$1h = {"root":"we6oMH"};
 
 function applyDropdownContainerMods(mods) {
     return [
@@ -1755,7 +1756,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":"-NJOWg","timepicker-input":"Gsr1Zg","timepickerInput":"Gsr1Zg","ltr-always":"XsJTDd","ltrAlways":"XsJTDd"};
 
 const uuiTimePicker = {
     container: 'uui-timepicker-container',
@@ -1949,7 +1950,7 @@ function TimePickerComponent(props, ref) {
 }
 const TimePicker = /* @__PURE__ */React__default.forwardRef(TimePickerComponent);
 
-var css$1f = {"root":"-NrLDH"};
+var css$1f = {"root":"EOQyWa"};
 
 function applyInputAddonMods() {
     return [
@@ -1958,14 +1959,14 @@ function applyInputAddonMods() {
 }
 const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
 
-var css$1e = {"root":"_22zl-Q"};
+var css$1e = {"root":"ufU47R"};
 
 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":"_0s7taF"};
 
 function applyTooltipMods(mods) {
     return [
@@ -1975,7 +1976,7 @@ function applyTooltipMods(mods) {
 }
 const Tooltip = /* @__PURE__ */withMods(uuiComponents.Tooltip, applyTooltipMods);
 
-var css$1c = {"root":"k-2cse","tooltip":"iHb29d"};
+var css$1c = {"root":"_3VdI7g","tooltip":"prK4lm"};
 
 function applyRatingMods(mods) {
     return [
@@ -1989,7 +1990,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":"WW2igC","main-path":"_1ua1bD","mainPath":"_1ua1bD","content-wrapper":"ke2lfx","contentWrapper":"ke2lfx","content":"qC9nxi","action-wrapper":"tTXzKi","actionWrapper":"tTXzKi","icon-wrapper":"_54piE6","iconWrapper":"_54piE6","icon":"KdpqPD","close-icon":"_4V4tDV","closeIcon":"_4V4tDV"};
 
 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 +2008,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":"gLKK2j","submenuRootItemRtl":"gLKK2j","icon-after":"t4YmDw","iconAfter":"t4YmDw","submenu-root-item":"FNM5v0","submenuRootItem":"FNM5v0","icon-check":"rIgnif","iconCheck":"rIgnif","splitter-root":"bjny-u","splitterRoot":"bjny-u","splitter":"bIC3YU","header-root":"oxsLtd","headerRoot":"oxsLtd","item-root":"kaQEt5","itemRoot":"kaQEt5","icon":"akcW--","link":"_4cJMXl","indent":"_2GZ2pC","selected-mark":"_2O9lv1","selectedMark":"_2O9lv1"};
 
 var IDropdownControlKeys;
 (function (IDropdownControlKeys) {
@@ -2132,7 +2133,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":"igBxfA","mode-block":"S5HBTQ","modeBlock":"S5HBTQ","mode-inline":"PccZL3","modeInline":"PccZL3","padding-0":"cWq-Rw","padding0":"cWq-Rw","padding-6":"n6v0kV","padding6":"n6v0kV","padding-12":"Oq8xGg","padding12":"Oq8xGg","padding-18":"nz1XSG","padding18":"nz1XSG"};
 
 function applyAccordionMods(mods) {
     return [
@@ -2145,7 +2146,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":"_0pRiIA","align-items":"KWMAe1","alignItems":"KWMAe1","justify-content":"QVybHK","justifyContent":"QVybHK","border-top":"t9vtcj","borderTop":"t9vtcj","border-bottom":"S1IsKu","borderBottom":"S1IsKu","top-shadow":"xFfc7t","topShadow":"xFfc7t","padding":"_4HJcQM","margin":"mEA0Py","vPadding":"fy7Y-N","column-gap":"_44iZ3Y","columnGap":"_44iZ3Y","row-gap":"l1YDPy","rowGap":"l1YDPy","spacing":"y73yMB"};
 
 const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$18.flexCell]);
 
@@ -2197,7 +2198,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":"DDuzYv","margin-24":"_7qD22x","margin24":"_7qD22x","padding-12":"wDYq8l","padding12":"wDYq8l","padding-24":"ZF0LxF","padding24":"ZF0LxF","shadow":"_9gAb2m","uui-surface-main":"_3vxtr2","uuiSurfaceMain":"_3vxtr2"};
 
 const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
     'uui-panel',
@@ -2207,7 +2208,7 @@ const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
     props.background && css$17[`uui-${props.background}`],
 ]);
 
-var css$16 = {"root":"_5ye-yp"};
+var css$16 = {"root":"_9KDSLS"};
 
 function applyLabeledInputMods(mods) {
     return [
@@ -2224,7 +2225,7 @@ function applyLabeledInputProps(props) {
 }
 const LabeledInput = /* @__PURE__ */withMods(uuiComponents.LabeledInput, applyLabeledInputMods, applyLabeledInputProps);
 
-var css$15 = {"root":"uAhGAT"};
+var css$15 = {"root":"_6o5XEy"};
 
 function RadioGroup(props) {
     const direction = props.direction || 'vertical';
@@ -2239,7 +2240,7 @@ function RadioGroup(props) {
     })));
 }
 
-var css$14 = {"root":"QvTg9s"};
+var css$14 = {"root":"JOUn1j"};
 
 function applyScrollBarsMods() {
     return [
@@ -2248,9 +2249,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":"F5vbr6","scrollContainer":"F5vbr6","list-container":"RRx9oa","listContainer":"RRx9oa"};
 
-var css$12 = {"root":"cG3eiO"};
+var css$12 = {"root":"nRHmpk"};
 
 const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$12.root], () => ({ renderSpinner: settings.blocker.renderSpinner }));
 
@@ -2268,7 +2269,7 @@ const VirtualList = /* @__PURE__ */React.forwardRef((props, ref) => {
         listContainerRef, estimatedHeight, offsetY, scrollShadows,
     }) || (React.createElement("div", { className: css$13.listContainer, style: { minHeight: `${estimatedHeight}px` } },
         React.createElement("div", { ref: listContainerRef, role: props.role, style: { marginTop: offsetY } }, props.rows)));
-    const renderView = ({ style }) => (React.createElement(VirtualListView, { isLoading: props.isLoading, style: style, rawProps: props.rawProps }));
+    const renderView = ({ style }) => (React.createElement(VirtualListView, { isLoading: props.isLoading, style: style, rawProps: props.rawProps, renderBlocker: props.renderBlocker }));
     const scrollBarsRef = React.useCallback((scrollbars) => {
         if (!scrollbars?.container?.firstChild)
             return;
@@ -2293,10 +2294,10 @@ const VirtualListView = /* @__PURE__ */React.forwardRef((props, ref) => {
                 marginRight: props.isLoading ? 0 : props.style.marginRight,
                 marginBottom: props.isLoading ? 0 : props.style.marginBottom,
             }, ref: ref }, props.children),
-        React.createElement(Blocker, { isEnabled: props.isLoading })));
+        props.renderBlocker ? props.renderBlocker({ isLoading: props.isLoading }) : React.createElement(Blocker, { isEnabled: props.isLoading })));
 });
 
-var css$11 = {"root":"g4enjM"};
+var css$11 = {"root":"_1BpLk4"};
 
 function CheckboxGroup(props) {
     const currentValue = props.value || [];
@@ -2318,7 +2319,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":"egKTZm","modal-blocker":"Uk6n2-","modalBlocker":"Uk6n2-","animateModalBlocker":"vulKRS","modal":"_7hjSOZ","modal-footer":"h7uHPg","modalFooter":"h7uHPg","border-top":"e860Ns","borderTop":"e860Ns","modal-header":"EGf25S","modalHeader":"EGf25S","border-bottom":"zD8NrG","borderBottom":"zD8NrG"};
 
 const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$10.modalBlocker]);
 const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$10.root, css$10.modal], (props) => {
@@ -2509,7 +2510,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":"_3Y30lP","icon-wrapper":"_9YtIXR","iconWrapper":"_9YtIXR","action-wrapper":"YBelCQ","actionWrapper":"YBelCQ","close-icon":"_7tG1dO","closeIcon":"_7tG1dO","main-path":"imvgvk","mainPath":"imvgvk","content":"BPo9K9","close-wrapper":"_3l9OVe","closeWrapper":"_3l9OVe","clear-notifications":"yeTOS5","clearNotifications":"yeTOS5"};
 
 const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const notificationCardNode = React__default.useRef(null);
@@ -2542,7 +2543,7 @@ function ClearNotification() {
         React__default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
 }
 
-var css$_ = {"footer":"V72lJT"};
+var css$_ = {"footer":"TvwoH-"};
 
 class ConfirmationModal extends React.Component {
     render() {
@@ -2584,7 +2585,7 @@ function useReliableForceUpdate() {
     return red[1];
 }
 
-var css$Z = {"root":"QUQWIK","container":"kClBVV"};
+var css$Z = {"root":"mhR-82","container":"vIDsNW"};
 
 const defaultFormat = 'MMM D, YYYY';
 const valueFormat = 'YYYY-MM-DD';
@@ -2795,14 +2796,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":"Ed-Un6"};
 
 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":"_3y7XoI"};
 
 const uuiDatePickerBody = {
     wrapper: 'uui-datepicker-body-wrapper',
@@ -2923,7 +2924,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":"jBp7Er","dateInput":"jBp7Er","root":"_5tjk0d","separator":"wsFGUM"};
 
 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 +2990,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":"-T30ph"};
 
 const uuiPresets = {
     container: 'uui-presets-container',
@@ -3009,7 +3010,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":"WM6gjq","container":"_0NHtjT","day-selection":"rHLVGV","daySelection":"rHLVGV","from-picker":"XxCUXT","fromPicker":"XxCUXT","to-picker":"SaA1RH","toPicker":"SaA1RH","bodes-wrapper":"_8g-FRD","bodesWrapper":"_8g-FRD","blocker":"-Swj-3"};
 
 const uuiRangeDatePickerBody = {
     inRange: 'uui-range-datepicker-in-range',
@@ -3184,7 +3185,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":"_0v0kPf","dropdownContainer":"_0v0kPf"};
 
 function RangeDatePickerComponent(props, ref) {
     const { value: _value, format = defaultFormat, size = settings.rangeDatePicker.sizes.default } = props;
@@ -3252,7 +3253,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":"KpIg3e","blocker":"ol6siE","marker":"U7lco-","top":"E2r-V4","bottom":"g--05h","left":"GSz3BS","right":"Cv5nmb","inside":"_88Xp6-"};
 
 function DropMarker(props) {
     return props.isDndInProgress
@@ -3269,15 +3270,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":"l-MNdY","searchWrapper":"l-MNdY","no-data":"_1wNcxe","noData":"_1wNcxe"};
 
-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":"NLAjFi","pickerRow":"NLAjFi","align-widgets-top":"QGfZGK","alignWidgetsTop":"QGfZGK","row-content":"tUS-kI","rowContent":"tUS-kI","align-widgets-center":"yuOIB0","alignWidgetsCenter":"yuOIB0","icon-container":"-aWZLG","iconContainer":"-aWZLG","content-wrapper":"XWHvOA","contentWrapper":"XWHvOA","icon-wrapper":"_389sAs","iconWrapper":"_389sAs","icon-default":"XbviO-","iconDefault":"XbviO-","selected-mark":"_9lvyCG","selectedMark":"_9lvyCG"};
 
-var css$P = {"root":"OdaqTH"};
+var css$P = {"root":"WKTzRk"};
 
 const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$P.root]);
 
-var css$O = {"root":"xq2AXh"};
+var css$O = {"root":"e8oUpK"};
 
 const DEFAULT_FILL = 'solid';
 function applyBadgeMods(mods) {
@@ -3305,7 +3306,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":"w34d1p"};
 
 function applyTagMods(props) {
     return [
@@ -3333,7 +3334,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":"jav1ol","page":"DR2-Kh","spacer":"dGLATb","mode-ghost":"S142Rd","modeGhost":"S142Rd"};
 
 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 +3351,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":"qRAGls","progress-bar":"gJDY35","progressBar":"gJDY35","progressBar-indeterminate":"-Gl6Lc","progressBarIndeterminate":"-Gl6Lc","size-12":"_8ibStK","size12":"_8ibStK","size-18":"fZTPYk","size18":"fZTPYk","size-24":"ZfBr-G","size24":"ZfBr-G"};
 
 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":"_6XrlaX","striped":"vLMCuU","animate-stripes":"zLGfMt","animateStripes":"zLGfMt","size-12":"_4Sq8YK","size12":"_4Sq8YK","size-18":"b9g80x","size18":"b9g80x","size-24":"Mg1SvV","size24":"Mg1SvV"};
 
 const DEFAULT_SIZE = '12';
 function applyProgressBarMods(mods) {
@@ -3372,14 +3373,14 @@ const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProg
     hideLabel: props.hideLabel || props.striped,
 }));
 
-var css$J = {"root":"_96Zxxv"};
+var css$J = {"root":"S-GYBA"};
 
 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":"aagVa-"};
 
 const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
@@ -3394,7 +3395,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":"T-Rosm","dragHandle":"T-Rosm","icon-container":"bRnhvH","iconContainer":"bRnhvH"};
 
 function DataRowAddons(props) {
     const row = props.rowProps;
@@ -3480,7 +3481,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":"dbfuN1","column-gap":"mvjCat","columnGap":"mvjCat","title":"muaxPw","subtitle":"NQ5jwP","disabled":"Up4Tx0","multiline":"FiAt48"};
 
 function PickerItem(props) {
     const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
@@ -3626,7 +3627,7 @@ function DataPickerBody({ highlightSearchMatches = true, ...props }) {
                 'aria-multiselectable': props.selectionMode === 'multi' ? true : null,
                 'aria-orientation': 'vertical',
                 ...props.rawProps,
-            }, rowsCount: props.rowsCount, isLoading: props.isReloading })))));
+            }, rowsCount: props.rowsCount, isLoading: props.isReloading, renderBlocker: settings.pickerInput.renderBlocker })))));
 }
 
 function DataPickerFooterImpl(props) {
@@ -3653,7 +3654,7 @@ function DataPickerFooterImpl(props) {
 }
 const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
 
-var css$F = {"header":"NQfHx6","title":"kQlany","close":"DUmBJ-"};
+var css$F = {"header":"G8--h7","title":"byYA09","close":"St7FUt"};
 
 const DataPickerMobileHeaderImpl = (props) => {
     const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
@@ -3663,7 +3664,7 @@ const DataPickerMobileHeaderImpl = (props) => {
 };
 const DataPickerMobileHeader = /* @__PURE__ */React__default.memo(DataPickerMobileHeaderImpl);
 
-var css$E = {"done":"Ppiya4","container":"-D2iZs"};
+var css$E = {"done":"_2rva64","container":"J-9vn6"};
 
 const PickerBodyMobileView = (props) => {
     const isMobileView = isMobile();
@@ -3675,7 +3676,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":"dVm3kj","subHeaderWrapper":"dVm3kj","switch":"QWfr-o","no-found-modal-container":"K-Djjr","noFoundModalContainer":"K-Djjr","no-found-modal-container-icon":"j-Qyoz","noFoundModalContainerIcon":"j-Qyoz","no-found-modal-container-text":"dPYjBa","noFoundModalContainerText":"dPYjBa","body":"vjZEwS"};
 
 function PickerModal(props) {
     const { view, selection, dataSourceStateLens, dataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = usePickerModal(props);
@@ -3717,7 +3718,7 @@ function PickerModal(props) {
             React__default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
 }
 
-var css$C = {"tooltip":"VaLCtK"};
+var css$C = {"tooltip":"Hu1soM"};
 
 const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
     const tagProps = {
@@ -3736,7 +3737,7 @@ const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
     }
 });
 
-var css$B = {"root":"IvcxPU"};
+var css$B = {"root":"pZhKuA"};
 
 const defaultMode = EditMode.FORM;
 function applyPickerTogglerMods(mods) {
@@ -3818,7 +3819,7 @@ function PickerInputComponent(props, ref) {
 }
 const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
 
-var css$A = {"row":"d9Ahdd"};
+var css$A = {"row":"iLEI5t"};
 
 function PickerListRow(props) {
     let label;
@@ -3838,7 +3839,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":"YFhIIG"};
 
 function PickerList(props) {
     const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, getModalTogglerCaption, } = usePickerList(props);
@@ -3873,7 +3874,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":"J6u5Rl","wrapper":"wEUGOs","align-widgets-top":"tyb-Wa","alignWidgetsTop":"tyb-Wa","align-widgets-center":"KGCsWH","alignWidgetsCenter":"KGCsWH"};
 
 function DataTableCell(initialProps) {
     const props = { ...initialProps };
@@ -3923,7 +3924,7 @@ function DataTableCell(initialProps) {
     return React.createElement(DataTableCell$1, { ...props });
 }
 
-var css$x = {"root":"gNXsSk"};
+var css$x = {"root":"DIMwGs"};
 
 // 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 +3940,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":"WbpVEt","sortingPanelContainer":"WbpVEt"};
 
 const SortingPanelImpl = ({ sortDirection, onSort }) => {
     const sortAsc = useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
@@ -3959,7 +3960,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":"-bzMuw","caption-wrapper":"HN7FXw","captionWrapper":"HN7FXw","sort-icon":"_0OFDyv","sortIcon":"_0OFDyv","dropdown-icon":"KBG2js","dropdownIcon":"KBG2js","infoIcon":"ZSTdXn","align-right":"Xe8qVc","alignRight":"Xe8qVc","align-center":"Imna9k","alignCenter":"Imna9k","caption":"BmE5sw","truncate":"V97P39","upper-case":"n8tP3l","upperCase":"n8tP3l","checkbox":"_9j0xfv","icon":"mCLl9J","fold-all-icon":"TggrO1","foldAllIcon":"TggrO1","cell-tooltip":"sx58T3","cellTooltip":"sx58T3","resizing-marker":"a7bz5P","resizingMarker":"a7bz5P","pinned-right":"hAUblH","pinnedRight":"hAUblH","draggable":"Q3ISqn","ghost":"p78RY1","is-dragged-out":"HudfRt","isDraggedOut":"HudfRt","dnd-marker-left":"HeRJA9","dndMarkerLeft":"HeRJA9","dnd-marker-right":"_5TD-QC","dndMarkerRight":"_5TD-QC","cell-tooltip-wrapper":"_9kn3K7","cellTooltipWrapper":"_9kn3K7","cell-tooltip-text":"Xosw2U","cellTooltipText":"Xosw2U","tooltip-caption":"KsulYf","tooltipCaption":"KsulYf","tooltip-info":"zMo9fj","tooltipInfo":"zMo9fj"};
 
 class DataTableHeaderCell extends React.Component {
     constructor() {
@@ -4053,7 +4054,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":"vFoujo","caption-wrapper":"_3-bqgU","captionWrapper":"_3-bqgU","align-center":"UzdjrN","alignCenter":"UzdjrN","caption":"X37Jtf","truncate":"W1HuFK","upper-case":"_8GHGG6","upperCase":"_8GHGG6","group-cell-tooltip":"mLTFVt","groupCellTooltip":"mLTFVt","group-cell-tooltip-wrapper":"PeAabB","groupCellTooltipWrapper":"PeAabB","group-cell-tooltip-text":"PnGNE0","groupCellTooltipText":"PnGNE0","tooltip-caption":"NH25DW","tooltipCaption":"NH25DW","tooltip-info":"_2qkA6X","tooltipInfo":"_2qkA6X"};
 
 class DataTableHeaderGroupCell extends React.Component {
     constructor() {
@@ -4093,7 +4094,7 @@ class DataTableHeaderGroupCell extends React.Component {
     }
 }
 
-var css$t = {"root":"pd3E3Q"};
+var css$t = {"root":"KIkSOb"};
 
 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 +4111,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":"cnnZ-z","title-wrapper":"xRhLvs","titleWrapper":"xRhLvs","title":"qHxAKj","text-wrapper":"JGk-Yq","textWrapper":"JGk-Yq","selection":"ZZCEgr","postfix":"qustLu","selected":"FDJZNL"};
 
 const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
     const togglerPickerOpened = (e) => {
@@ -4198,6 +4199,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 +4226,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 +4294,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":"-Q0zF-"};
 
 function FilterNumericBody(props) {
     const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
@@ -4367,7 +4399,7 @@ function FilterItemBody(props) {
     }
 }
 
-var css$q = {"body":"LoIglg","header":"SRRNQq","title":"-WxH73","removeButton":"_1RLHcM","with-search":"iGyscd","withSearch":"iGyscd"};
+var css$q = {"body":"Sgn3nb","header":"JUiDwZ","title":"boWi9c","removeButton":"H5rm1S","with-search":"M-XYVE","withSearch":"M-XYVE"};
 
 function useView(props, value) {
     const forceUpdate = useForceUpdate();
@@ -4664,7 +4696,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":"PwkXWS","deleteButton":"PwkXWS","tab-button":"T1QgYs","tabButton":"T1QgYs","targetOpen":"i0bLjM"};
 
 function PresetActionsDropdown(props) {
     const { uuiNotifications } = useUuiContext();
@@ -4736,7 +4768,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":"TVqZZ-","presetInputCell":"TVqZZ-","preset-input":"_5x0UL2","presetInput":"_5x0UL2"};
 
 function PresetInput(props) {
     const [presetCaption, setPresetCaption] = useState(props.preset?.name || '');
@@ -4763,7 +4795,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":"fnEmxW","activePreset":"_9Eo7CG"};
 
 function Preset(props) {
     const [isRenamePreset, setIsRenamePreset] = useState(false);
@@ -4788,7 +4820,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":"LZC2jN","dropdownDeleteIcon":"yvVkYD","presetsWrapper":"eYyq6H","addPresetContainer":"PtfQLd","dropContainer":"K92XXE"};
 
 function PresetsPanel(props) {
     const [isAddingPreset, setIsAddingPreset] = useState(false);
@@ -4874,7 +4906,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":"_32M-dr","unpinIcon":"_32M-dr","pin-toggler-icon":"_2PraiN","pinTogglerIcon":"_2PraiN"};
 
 function PinIconButton(props) {
     const i18nLocal = i18n.tables.columnsConfigurationModal;
@@ -4916,7 +4948,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":"UxgqQS","rowWrapper":"UxgqQS","pin-icon-button":"OI1Vnj","pinIconButton":"OI1Vnj","not-pinned":"dkobH-","notPinned":"dkobH-","checkbox":"C7z1NQ","drag-handle":"wmoaiZ","dragHandle":"wmoaiZ","dnd-disabled":"BASjhV","dndDisabled":"BASjhV"};
 
 const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
     const { column } = props;
@@ -4939,7 +4971,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":"AX-TZb","main-panel":"_6rMWwc","mainPanel":"_6rMWwc","group":"VU9U7d","group-title":"YygfxU","groupTitle":"YygfxU","group-items":"S7BVEx","groupItems":"S7BVEx","no-data":"_9VEj8R","noData":"_9VEj8R","no-data-title":"EMr3aE","noDataTitle":"EMr3aE","no-data-sub-title":"AnqZbO","noDataSubTitle":"AnqZbO","h-divider":"Vu-wyA","hDivider":"Vu-wyA","search-area":"hMRwpm","searchArea":"hMRwpm","subgroup-accordion":"ZpaN-C","subgroupAccordion":"ZpaN-C","subgroup":"o85ghl","subgroup-title":"_3RR6T7","subgroupTitle":"_3RR6T7"};
 
 const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { cx: css$j.group },
     React.createElement(Text, { size: "none", cx: css$j.groupTitle }, title),
@@ -5041,7 +5073,7 @@ const getChildrenAndRest = (row, rows) => {
     return [children, rest];
 };
 
-var css$i = {"listContainer":"clBY1Z","header":"_0OstXo","group":"maBjYk","stickyHeader":"X2JA3y"};
+var css$i = {"listContainer":"_9m-7eB","header":"-chN3h","group":"ePmcSK","stickyHeader":"WMdsoM"};
 
 function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
     const rowRef = useRef(undefined);
@@ -5081,7 +5113,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":"_9EiAeX","sticky-header":"_4o6z4R","stickyHeader":"_4o6z4R","no-results":"ci-9tl","noResults":"ci-9tl","icon":"PXVD-l","title":"_71ciD1"};
 
 function DataTable(props) {
     const { uuiModals } = useUuiContext();
@@ -5130,9 +5162,9 @@ function DataTable(props) {
                 } }))));
 }
 
-var css$g = {"root":"tYSHew"};
+var css$g = {"root":"L1E2IH"};
 
-var css$f = {"root":"t8jsVf","burger-content":"jqwEbQ","burgerContent":"jqwEbQ"};
+var css$f = {"root":"VPxm90","burger-content":"ZMHqu-","burgerContent":"ZMHqu-"};
 
 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 +5207,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":"OsKOq5","button-primary":"LqQiJQ","buttonPrimary":"LqQiJQ","button-secondary":"SD4AjP","buttonSecondary":"SD4AjP","hasIcon":"vr4fPh","dropdown":"UGkW6P"};
 
 const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
     css$e.root,
@@ -5186,13 +5218,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":"FEQGWa","searchInput":"FEQGWa"};
 
 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":"_9qgOjY","group-header":"WjaTqc","groupHeader":"WjaTqc","group-name":"vFnwBK","groupName":"vFnwBK","line":"_3MTZm7"};
 
 function BurgerGroupHeader(props) {
     return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
@@ -5200,7 +5232,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":"iZMa8C","type-primary":"fT1Kfg","typePrimary":"fT1Kfg","type-secondary":"_4DxCvu","typeSecondary":"_4DxCvu"};
 
 const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { type, ...clickableProps } = props;
@@ -5222,7 +5254,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":"KtiLIZ","dropdownBody":"KtiLIZ"};
 
 class MainMenuDropdown extends React.Component {
     render() {
@@ -5281,12 +5313,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":"w0pkxu","globalMenuBtn":"w0pkxu","global-menu-icon":"cIgYzp","globalMenuIcon":"cIgYzp"};
 
 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":"ZrjcmD","open":"-nXSDo","folding-arrow":"z7DCN8","foldingArrow":"z7DCN8"};
 
 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 +5326,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":"JFVQeL","searchInput":"JFVQeL"};
 
 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":"DheLTP"};
 
 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":"-Kz3-W"};
 
 const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
 
@@ -5360,7 +5392,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":"TUhU7-","drop-start":"c9UVHh","dropStart":"c9UVHh","drop-over":"XMJ08r","dropOver":"XMJ08r","link":"OqPC9c","drop-area":"Ffr-2G","dropArea":"Ffr-2G","drop-caption":"I7krCk","dropCaption":"I7krCk","icon-blue":"LBRNp-","iconBlue":"LBRNp-"};
 
 function DropSpot(props) {
     const getInfoText = typeof props.infoText === 'string'
@@ -5378,7 +5410,7 @@ function DropSpot(props) {
     return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
 }
 
-var css$3 = {"root":"_8aufIi"};
+var css$3 = {"root":"pWaP2F"};
 
 const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
     const outsetRadius = props.size / 2 - 1;
@@ -5389,7 +5421,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":"_6LciCE","file-name":"N08HHB","fileName":"N08HHB","default-color":"JV9qk2","defaultColor":"JV9qk2","doc-color":"NPmDq-","docColor":"NPmDq-","xls-color":"uDZorx","xlsColor":"uDZorx","pdf-color":"_4yVtez","pdfColor":"_4yVtez","movie-color":"_1j0pH8","movieColor":"_1j0pH8","img-color":"twYL-W","imgColor":"twYL-W","mov-color":"h16xIm","movColor":"h16xIm","error-block":"_5wuRs4","errorBlock":"_5wuRs4","icons-block":"Yyrz5g","iconsBlock":"Yyrz5g"};
 
 const FileCard = /* @__PURE__ */React.forwardRef((props, ref) => {
     const [isLoadingShow, setIsLoadingShow] = React.useState(true);
@@ -5508,7 +5540,7 @@ const getErrorPageConfig = () => ({
     },
 });
 
-var css$1 = {"container":"a27m7f"};
+var css$1 = {"container":"eanV-l"};
 
 const ErrorPage = (props) => {
     const isMobileScreen = isMobile();
@@ -5520,7 +5552,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":"eNxb-h","recoverySpinner":"eNxb-h","recovery-message":"_4-0UVP","recoveryMessage":"_4-0UVP","modal-blocker":"Q1TxvK","modalBlocker":"Q1TxvK","modalFadeIn":"r6vGc-"};
 
 function ErrorHandler(props) {
     const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();
@@ -5571,5 +5603,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