@epam/uui 6.1.5-beta.1 → 6.2.0-alpha.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(#di0l8q4mqxs6723wa_a)"
+    clipPath: "url(#ord4h0r1xrhjf79l_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: "di0l8q3gg4dq0gbk7_b",
+    id: "ord4h04wd571nrp64_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(#di0l8q3gg4dq0gbk7_b)",
+    mask: "url(#ord4h04wd571nrp64_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: "di0l8q4mqxs6723wa_a"
+    id: "ord4h0r1xrhjf79l_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":"_8vZD-k","uui-spinner":"K9rusl","uuiSpinner":"K9rusl"};
+var css$1w = {"root":"DN6u89","uui-spinner":"KlHzxS","uuiSpinner":"KlHzxS"};
 
 function applySpinnerMods() {
     return [css$1w.root, 'uui-spinner'];
 }
 const Spinner = /* @__PURE__ */withMods(Spinner$1, applySpinnerMods);
 
-var css$1v = {"root":"iZdxtC","loading-word":"GufuZ9","loadingWord":"GufuZ9","animated-loading":"Va2Z9a","animatedLoading":"Va2Z9a","skeleton_loading":"JtHT4I","skeletonLoading":"JtHT4I"};
+var css$1v = {"root":"lnZiLP","loading-word":"Byjh1o","loadingWord":"Byjh1o","animated-loading":"a4bi-X","animatedLoading":"a4bi-X","skeleton_loading":"WIH7lz","skeletonLoading":"WIH7lz"};
 
 const TextPlaceholder = (props) => {
     const pattern = ' ';
@@ -946,7 +946,7 @@ const TextPlaceholder = (props) => {
         ]), dangerouslySetInnerHTML: { __html: it } })))));
 };
 
-var css$1u = {"root":"qZ3BOL","line-height":"DPNDfT","lineHeight":"DPNDfT","font-size":"Yj2IDz","fontSize":"Yj2IDz"};
+var css$1u = {"root":"esoqcw","line-height":"_7CKEfi","lineHeight":"_7CKEfi","font-size":"T8hXzq","fontSize":"T8hXzq"};
 
 function applyTextMods(mods) {
     return [
@@ -973,7 +973,7 @@ const Text = /* @__PURE__ */withMods(uuiComponents.Text, applyTextMods, (props)
     };
 });
 
-var css$1t = {"root":"Bu-Fw5"};
+var css$1t = {"root":"_0mbZjy"};
 
 const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$1t.root], () => ({ renderSpinner: settings.blocker.renderSpinner }));
 
@@ -1461,7 +1461,7 @@ const settings = {
     textInput: textInputSettings,
 };
 
-var css$1s = {"root":"sKPGrK"};
+var css$1s = {"root":"Ialp7w"};
 
 function applyButtonMods(mods) {
     return [
@@ -1479,7 +1479,7 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
     };
 });
 
-var css$1r = {"root":"-l7KRN"};
+var css$1r = {"root":"_99Liqb"};
 
 function applyIconButtonMods(props) {
     return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1r.root];
@@ -1516,7 +1516,7 @@ function getIconClass(props) {
     return [classList['has-left-icon'] ? 'uui-has-left-icon' : 'uui-no-left-icon', classList['has-right-icon'] ? 'uui-has-right-icon' : 'uui-no-right-icon'];
 }
 
-var css$1q = {"root":"hJGS1p"};
+var css$1q = {"root":"yrMP-R"};
 
 const DEFAULT_COLOR = 'primary';
 const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
@@ -1546,7 +1546,7 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
         props.isDropdown && (React.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$1p = {"root":"wDsiJB"};
+var css$1p = {"root":"_2Ow7oI"};
 
 const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
@@ -1558,7 +1558,7 @@ const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
         ]) }, props.caption));
 });
 
-var css$1o = {"root":"klk01z","withNotify":"exFtoN"};
+var css$1o = {"root":"syCh5m","withNotify":"n2I0FV"};
 
 const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const styles = [
@@ -1586,14 +1586,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$1n = {"root":"-CozIM"};
+var css$1n = {"root":"tdqefC"};
 
 function applyVerticalTabButtonMods() {
     return [css$1n.root, 'uui-vertical-tab-button'];
 }
 const VerticalTabButton = /* @__PURE__ */withMods(TabButton, applyVerticalTabButtonMods);
 
-var css$1m = {"root":"mcAZyY"};
+var css$1m = {"root":"ErWds3"};
 
 function applyCheckboxMods(mods) {
     return [
@@ -1611,7 +1611,7 @@ const applyUUICheckboxProps = (props) => {
 };
 const Checkbox = /* @__PURE__ */withMods(uuiComponents.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
 
-var css$1l = {"root":"kgXSPm"};
+var css$1l = {"root":"_0wXuFI"};
 
 function applyRadioInputMods(mods) {
     return [
@@ -1623,7 +1623,7 @@ function applyRadioInputMods(mods) {
 }
 const RadioInput = /* @__PURE__ */withMods(RadioInput$1, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : settings.radioInput.icons.dotIcon }));
 
-var css$1k = {"root":"_57duPd"};
+var css$1k = {"root":"y8vXLi"};
 
 function applySwitchMods(mods) {
     return [
@@ -1647,7 +1647,7 @@ var EditMode;
     EditMode["INLINE"] = "inline";
 })(EditMode || (EditMode = {}));
 
-var textInputCss = {"root":"Fl0na6"};
+var textInputCss = {"root":"rVgCFn"};
 
 const DEFAULT_MODE$3 = EditMode.FORM;
 function applyTextInputMods(mods) {
@@ -1672,7 +1672,7 @@ const SearchInput = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         } }));
 });
 
-var css$1j = {"root":"YblNXb"};
+var css$1j = {"root":"PiH4L5"};
 
 const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1j.root, 'uui-control-group']);
 
@@ -1688,7 +1688,7 @@ function MultiSwitchComponent(props, ref) {
 }
 const MultiSwitch = /* @__PURE__ */React.forwardRef(MultiSwitchComponent);
 
-var css$1i = {"root":"P19DvJ"};
+var css$1i = {"root":"a3S4dp"};
 
 const DEFAULT_MODE$2 = EditMode.FORM;
 function applyNumericInputMods(mods) {
@@ -1708,7 +1708,7 @@ const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMo
     };
 });
 
-var css$1h = {"root":"efH8EU"};
+var css$1h = {"root":"sd5OoO"};
 
 const DEFAULT_MODE$1 = EditMode.FORM;
 function applyTextAreaMods(mods) {
@@ -1749,7 +1749,7 @@ function TREE_SHAKEABLE_INIT$1() {
     };
 }
 
-var css$1g = {"root":"S8GZe9"};
+var css$1g = {"root":"avdx8t"};
 
 function applyDropdownContainerMods(mods) {
     return [
@@ -1760,7 +1760,7 @@ function applyDropdownContainerMods(mods) {
 }
 const DropdownContainer = /* @__PURE__ */withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
 
-var css$1f = {"root":"A-fl-Z","timepicker-input":"CRAGY5","timepickerInput":"CRAGY5","ltr-always":"X-5Npg","ltrAlways":"X-5Npg"};
+var css$1f = {"root":"hut2MV","timepicker-input":"eaP3sA","timepickerInput":"eaP3sA","ltr-always":"MVmahH","ltrAlways":"MVmahH"};
 
 const uuiTimePicker = {
     container: 'uui-timepicker-container',
@@ -1954,7 +1954,7 @@ function TimePickerComponent(props, ref) {
 }
 const TimePicker = /* @__PURE__ */React__default.forwardRef(TimePickerComponent);
 
-var css$1e = {"root":"Pc7zeu"};
+var css$1e = {"root":"_0MxLcJ"};
 
 function applyInputAddonMods() {
     return [
@@ -1963,14 +1963,14 @@ function applyInputAddonMods() {
 }
 const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
 
-var css$1d = {"root":"keAID-"};
+var css$1d = {"root":"_63dE1B"};
 
 function applySliderMods() {
     return [css$1d.root, 'uui-color-neutral'];
 }
 const Slider = /* @__PURE__ */withMods(Slider$1, applySliderMods);
 
-var css$1c = {"root":"mEjQYV"};
+var css$1c = {"root":"_6VEVtv"};
 
 function applyTooltipMods(mods) {
     return [
@@ -1980,7 +1980,7 @@ function applyTooltipMods(mods) {
 }
 const Tooltip = /* @__PURE__ */withMods(uuiComponents.Tooltip, applyTooltipMods);
 
-var css$1b = {"root":"f81GpK","tooltip":"iTXtQ2"};
+var css$1b = {"root":"Oe6rDr","tooltip":"W7Vh1G"};
 
 function applyRatingMods(mods) {
     return [
@@ -1994,7 +1994,7 @@ const Rating = /* @__PURE__ */withMods(uuiComponents.Rating, applyRatingMods, (p
     Tooltip,
 }));
 
-var css$1a = {"root":"xZmfN7","main-path":"GLM3mI","mainPath":"GLM3mI","content-wrapper":"K0vYqX","contentWrapper":"K0vYqX","content":"ge4AJ8","action-wrapper":"o-take","actionWrapper":"o-take","icon-wrapper":"F0nux6","iconWrapper":"F0nux6","icon":"zq-yR0","close-icon":"_5yg8pg","closeIcon":"_5yg8pg"};
+var css$1a = {"root":"IT6VsM","main-path":"LXXxU-","mainPath":"LXXxU-","content-wrapper":"UkgpD6","contentWrapper":"UkgpD6","content":"YHD2zr","action-wrapper":"bbiAkx","actionWrapper":"bbiAkx","icon-wrapper":"WrLmHm","iconWrapper":"WrLmHm","icon":"ZBZk83","close-icon":"c4SnBs","closeIcon":"c4SnBs"};
 
 const Alert = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("div", { role: "alert", ref: ref, className: cx('uui-alert', css$1a.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.alert.sizes.default}`), ...props.rawProps },
     React.createElement("div", { className: css$1a.mainPath },
@@ -2012,7 +2012,7 @@ const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createE
 
 const Dropdown = /* @__PURE__ */withMods(Dropdown$1);
 
-var css$19 = {"submenu-root-item-rtl":"NkFpS3","submenuRootItemRtl":"NkFpS3","icon-after":"UL4N5C","iconAfter":"UL4N5C","submenu-root-item":"hcjgEu","submenuRootItem":"hcjgEu","icon-check":"-q3Dmn","iconCheck":"-q3Dmn","splitter-root":"JdaSfU","splitterRoot":"JdaSfU","splitter":"VrGOnJ","header-root":"qXvcCw","headerRoot":"qXvcCw","item-root":"d1PrHR","itemRoot":"d1PrHR","icon":"xh89US","link":"Q3ifqT","indent":"k0DmsM","selected-mark":"O-2-p-","selectedMark":"O-2-p-"};
+var css$19 = {"submenu-root-item-rtl":"cozMFz","submenuRootItemRtl":"cozMFz","icon-after":"_2ckiFS","iconAfter":"_2ckiFS","submenu-root-item":"miC1ia","submenuRootItem":"miC1ia","icon-check":"ppbYbA","iconCheck":"ppbYbA","splitter-root":"xCj37u","splitterRoot":"xCj37u","splitter":"zKfigS","header-root":"_9GQEfn","headerRoot":"_9GQEfn","item-root":"RJz5oZ","itemRoot":"RJz5oZ","icon":"d0-HVA","link":"qtOVct","indent":"Q-RQ3r","selected-mark":"t6ZMka","selectedMark":"t6ZMka"};
 
 var IDropdownControlKeys;
 (function (IDropdownControlKeys) {
@@ -2137,7 +2137,7 @@ function DropdownMenuSwitchButton(props) {
         React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
 }
 
-var css$18 = {"root":"fajs6z","mode-block":"qz2yK5","modeBlock":"qz2yK5","mode-inline":"vXi-e8","modeInline":"vXi-e8","padding-0":"z-iQZC","padding0":"z-iQZC","padding-6":"WnAkDJ","padding6":"WnAkDJ","padding-12":"Z-hGk4","padding12":"Z-hGk4","padding-18":"L8DDHM","padding18":"L8DDHM"};
+var css$18 = {"root":"zP3A-C","mode-block":"y4UprS","modeBlock":"y4UprS","mode-inline":"fvVkF-","modeInline":"fvVkF-","padding-0":"e-bbCh","padding0":"e-bbCh","padding-6":"_9ggzrJ","padding6":"_9ggzrJ","padding-12":"g1fvP1","padding12":"g1fvP1","padding-18":"pzAWoC","padding18":"pzAWoC"};
 
 function applyAccordionMods(mods) {
     return [
@@ -2150,7 +2150,7 @@ const Accordion = /* @__PURE__ */withMods(uuiComponents.Accordion, applyAccordio
     dropdownIcon: mods.dropdownIcon !== null && settings.accordion.icons.dropdownIcon,
 }));
 
-var css$17 = {"root":"pTQYfH","align-items":"wLTOAx","alignItems":"wLTOAx","justify-content":"aPn14C","justifyContent":"aPn14C","border-top":"YXOs58","borderTop":"YXOs58","border-bottom":"RBQXZF","borderBottom":"RBQXZF","top-shadow":"_7C5z8B","topShadow":"_7C5z8B","padding":"F6--qS","margin":"fggErv","vPadding":"frD2LS","column-gap":"fzJLhZ","columnGap":"fzJLhZ","row-gap":"_2sb-os","rowGap":"_2sb-os","spacing":"IuX7Dn"};
+var css$17 = {"root":"LQjONX","align-items":"DoeeDE","alignItems":"DoeeDE","justify-content":"DzDNhB","justifyContent":"DzDNhB","border-top":"_6SJhCm","borderTop":"_6SJhCm","border-bottom":"F-7aqA","borderBottom":"F-7aqA","top-shadow":"Vft7EM","topShadow":"Vft7EM","padding":"g7KCoC","margin":"gvz470","vPadding":"_8vTdgy","column-gap":"_7ToGx4","columnGap":"_7ToGx4","row-gap":"y1aRwn","rowGap":"y1aRwn","spacing":"R2RCIN"};
 
 const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$17.flexCell]);
 
@@ -2202,7 +2202,7 @@ const FlexRow = /* @__PURE__ */forwardRef((props, ref) => {
         } }, props.children));
 });
 
-var css$16 = {"root":"CEDIMo","margin-24":"-EsXiX","margin24":"-EsXiX","padding-12":"D0rZZv","padding12":"D0rZZv","padding-24":"eG7I1i","padding24":"eG7I1i","shadow":"_2C7rkm","uui-surface-main":"xRfVba","uuiSurfaceMain":"xRfVba"};
+var css$16 = {"root":"IJRDwi","margin-24":"JxbV-k","margin24":"JxbV-k","padding-12":"WLYxGd","padding12":"WLYxGd","padding-24":"rK6cQS","padding24":"rK6cQS","shadow":"N5ufdv","uui-surface-main":"KoWfhe","uuiSurfaceMain":"KoWfhe"};
 
 const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
     'uui-panel',
@@ -2212,7 +2212,7 @@ const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
     props.background && css$16[`uui-${props.background}`],
 ]);
 
-var css$15 = {"root":"XYIcwD"};
+var css$15 = {"root":"_7WnQFd"};
 
 function applyLabeledInputMods(mods) {
     return [
@@ -2229,7 +2229,7 @@ function applyLabeledInputProps(props) {
 }
 const LabeledInput = /* @__PURE__ */withMods(uuiComponents.LabeledInput, applyLabeledInputMods, applyLabeledInputProps);
 
-var css$14 = {"root":"_7D4aa5"};
+var css$14 = {"root":"_-9-MuR"};
 
 function RadioGroup(props) {
     const direction = props.direction || 'vertical';
@@ -2244,7 +2244,7 @@ function RadioGroup(props) {
     })));
 }
 
-var css$13 = {"root":"_1X3gKX"};
+var css$13 = {"root":"xLqA5o"};
 
 function applyScrollBarsMods() {
     return [
@@ -2253,7 +2253,7 @@ function applyScrollBarsMods() {
 }
 const ScrollBars = /* @__PURE__ */withMods(ScrollBars$1, applyScrollBarsMods);
 
-var css$12 = {"scroll-container":"WxHOm1","scrollContainer":"WxHOm1","list-container":"xqG4z7","listContainer":"xqG4z7"};
+var css$12 = {"scroll-container":"_3-73cI","scrollContainer":"_3-73cI","list-container":"UjVT2a","listContainer":"UjVT2a"};
 
 const VirtualList = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { listContainerRef, offsetY, handleScroll, estimatedHeight, scrollContainerRef, } = useVirtualList({
@@ -2297,7 +2297,7 @@ const VirtualListView = /* @__PURE__ */React.forwardRef((props, ref) => {
         props.renderBlocker ? props.renderBlocker({ isLoading: props.isLoading }) : React.createElement(Blocker, { isEnabled: props.isLoading })));
 });
 
-var css$11 = {"root":"LZD5oj"};
+var css$11 = {"root":"ny3DJC"};
 
 function CheckboxGroup(props) {
     const currentValue = props.value || [];
@@ -2319,7 +2319,7 @@ function CheckboxGroup(props) {
     })));
 }
 
-var css$10 = {"root":"_1zk5sf","modal-blocker":"_3I00GZ","modalBlocker":"_3I00GZ","animateModalBlocker":"qXFoDa","modal":"CVUS-s","modal-footer":"C26FnS","modalFooter":"C26FnS","border-top":"eEI4Hj","borderTop":"eEI4Hj","modal-header":"-jTmne","modalHeader":"-jTmne","border-bottom":"iD4IkZ","borderBottom":"iD4IkZ"};
+var css$10 = {"root":"b8X-SE","modal-blocker":"fUR2cc","modalBlocker":"fUR2cc","animateModalBlocker":"ZdWCPD","modal":"KZQb-a","modal-footer":"B6ARsb","modalFooter":"B6ARsb","border-top":"D13m-d","borderTop":"D13m-d","modal-header":"ctPvVL","modalHeader":"ctPvVL","border-bottom":"_1-Xo3N","borderBottom":"_1-Xo3N"};
 
 const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$10.modalBlocker]);
 const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$10.root, css$10.modal], (props) => {
@@ -2511,7 +2511,7 @@ const TREE_SHAKEABLE_INIT = () => ({
 });
 const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
 
-var css$$ = {"root":"-eIp8N","icon-wrapper":"_6xtcOj","iconWrapper":"_6xtcOj","action-wrapper":"j4jpLW","actionWrapper":"j4jpLW","close-icon":"Zd4okN","closeIcon":"Zd4okN","main-path":"UK8fou","mainPath":"UK8fou","content":"_2zwEcR","close-wrapper":"_3v1u2h","closeWrapper":"_3v1u2h","clear-notifications":"rpxZsa","clearNotifications":"rpxZsa"};
+var css$$ = {"root":"ilPa8G","icon-wrapper":"_5wHPXP","iconWrapper":"_5wHPXP","action-wrapper":"nhYeWJ","actionWrapper":"nhYeWJ","close-icon":"s3wxfJ","closeIcon":"s3wxfJ","main-path":"Pio2yB","mainPath":"Pio2yB","content":"YkZpUN","close-wrapper":"Ctzu5A","closeWrapper":"Ctzu5A","clear-notifications":"PgmHJ-","clearNotifications":"PgmHJ-"};
 
 const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const notificationCardNode = React__default.useRef(null);
@@ -2544,7 +2544,7 @@ function ClearNotification() {
         React__default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
 }
 
-var css$_ = {"footer":"eGrY--"};
+var css$_ = {"footer":"_7HxwZn"};
 
 class ConfirmationModal extends React.Component {
     render() {
@@ -2586,7 +2586,7 @@ function useReliableForceUpdate() {
     return red[1];
 }
 
-var css$Z = {"root":"PPoYRb","container":"dfjeDk"};
+var css$Z = {"root":"jWdIyQ","container":"DxZ3h8"};
 
 const defaultFormat = 'MMM D, YYYY';
 const valueFormat = 'YYYY-MM-DD';
@@ -2804,14 +2804,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":"_2lyXyI"};
+var css$Y = {"root":"_0dOiLP"};
 
 function applyDateSelectionMods() {
     return [css$Y.root, `uui-size-${settings.datePicker.sizes.body}`];
 }
 const Calendar = /* @__PURE__ */withMods(Calendar$1, applyDateSelectionMods);
 
-var css$X = {"root":"NPg0JF"};
+var css$X = {"root":"zx-hak"};
 
 const uuiDatePickerBody = {
     wrapper: 'uui-datepicker-body-wrapper',
@@ -2932,7 +2932,7 @@ function DatePickerComponent(props, ref) {
 }
 const DatePicker = /* @__PURE__ */React__default.forwardRef(DatePickerComponent);
 
-var css$W = {"date-input":"Bh99WQ","dateInput":"Bh99WQ","root":"EDcAj7","separator":"F9nYkM"};
+var css$W = {"date-input":"_75xnxs","dateInput":"_75xnxs","root":"_3zM-Wx","separator":"-WZyPM"};
 
 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));
@@ -3003,7 +3003,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":"s2TMCW"};
+var css$V = {"root":"zRKejx"};
 
 const uuiPresets = {
     container: 'uui-presets-container',
@@ -3023,7 +3023,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":"XcHLCP","container":"A8aOtl","day-selection":"XpN5-C","daySelection":"XpN5-C","from-picker":"-g25gm","fromPicker":"-g25gm","to-picker":"RFXqqz","toPicker":"RFXqqz","bodes-wrapper":"fgkIMl","bodesWrapper":"fgkIMl","blocker":"YiqaaK"};
+var css$U = {"root":"MDcoCL","container":"_1KahGi","day-selection":"_7C9a5s","daySelection":"_7C9a5s","from-picker":"Bbw4Fp","fromPicker":"Bbw4Fp","to-picker":"ex6R0w","toPicker":"ex6R0w","bodes-wrapper":"yCKxnJ","bodesWrapper":"yCKxnJ","blocker":"_9t-y3M"};
 
 const uuiRangeDatePickerBody = {
     inRange: 'uui-range-datepicker-in-range',
@@ -3225,7 +3225,7 @@ const getDayState = (day, selectedDate) => {
     };
 };
 
-var css$T = {"dropdown-container":"QD8kJH","dropdownContainer":"QD8kJH"};
+var css$T = {"dropdown-container":"owMUbj","dropdownContainer":"owMUbj"};
 
 function RangeDatePickerComponent(props, ref) {
     const { value: _value, format = defaultFormat, size = settings.rangeDatePicker.sizes.default } = props;
@@ -3293,7 +3293,7 @@ function RangeDatePickerComponent(props, ref) {
 }
 const RangeDatePicker = /* @__PURE__ */React__default.forwardRef(RangeDatePickerComponent);
 
-var css$S = {"root":"_2J8Nfi","blocker":"oFKBjt","marker":"PyqajX","top":"bEcPpT","bottom":"CN9aDt","left":"kaSdI-","right":"oK3wau","inside":"zj7sRk"};
+var css$S = {"root":"x4IB8s","blocker":"OQ2yV2","marker":"gCzBoT","top":"Mu8fy-","bottom":"_0Gmkes","left":"s0sKRi","right":"XRH5Fs","inside":"iZD6O5"};
 
 function DropMarker(props) {
     return props.isDndInProgress
@@ -3310,15 +3310,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":"SfNtCt","searchWrapper":"SfNtCt","no-data":"JFBnwa","noData":"JFBnwa"};
+var css$R = {"search-wrapper":"_2RYqex","searchWrapper":"_2RYqex","no-data":"hr52r4","noData":"hr52r4"};
 
-var css$Q = {"picker-row":"UaMZVU","pickerRow":"UaMZVU","align-widgets-top":"Tga5Kb","alignWidgetsTop":"Tga5Kb","row-content":"GzIBT8","rowContent":"GzIBT8","align-widgets-center":"zsZFQD","alignWidgetsCenter":"zsZFQD","icon-container":"_8V2XCd","iconContainer":"_8V2XCd","content-wrapper":"dqDJFB","contentWrapper":"dqDJFB","icon-wrapper":"DiJYDV","iconWrapper":"DiJYDV","icon-default":"wo5LhW","iconDefault":"wo5LhW","selected-mark":"ndlTYW","selectedMark":"ndlTYW"};
+var css$Q = {"picker-row":"DrAODm","pickerRow":"DrAODm","align-widgets-top":"eq3IoM","alignWidgetsTop":"eq3IoM","row-content":"bmboyv","rowContent":"bmboyv","align-widgets-center":"_44NioA","alignWidgetsCenter":"_44NioA","icon-container":"JdIdpb","iconContainer":"JdIdpb","content-wrapper":"vALeDO","contentWrapper":"vALeDO","icon-wrapper":"DADJnD","iconWrapper":"DADJnD","icon-default":"OAgy41","iconDefault":"OAgy41","selected-mark":"zf6RRr","selectedMark":"zf6RRr"};
 
-var css$P = {"root":"_0P2kTi"};
+var css$P = {"root":"Ut60o8"};
 
 const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$P.root]);
 
-var css$O = {"root":"ZsdNgf"};
+var css$O = {"root":"vMcyE0"};
 
 const DEFAULT_FILL = 'solid';
 function applyBadgeMods(mods) {
@@ -3346,7 +3346,7 @@ const Badge = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$N = {"root":"_29npDX"};
+var css$N = {"root":"F0EZGn"};
 
 function applyTagMods(props) {
     return [
@@ -3374,7 +3374,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":"DkbM1G","page":"_2NMAi5","spacer":"ratZ-c","mode-ghost":"o-q9zz","modeGhost":"o-q9zz"};
+var css$M = {"root":"pM97t-","page":"mhDVic","spacer":"nLpmtd","mode-ghost":"kiJDW5","modeGhost":"kiJDW5"};
 
 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 },
@@ -3391,14 +3391,14 @@ function Paginator(props) {
     return React__default.createElement(Paginator$1, { ...props, render: renderPaginator });
 }
 
-var css$L = {"root":"dzC0Iy","progress-bar":"OOFVoJ","progressBar":"OOFVoJ","progressBar-indeterminate":"ph-mwZ","progressBarIndeterminate":"ph-mwZ","size-12":"sNMQuP","size12":"sNMQuP","size-18":"hh5JWd","size18":"hh5JWd","size-24":"Mj80Ss","size24":"Mj80Ss"};
+var css$L = {"root":"_9P-HnL","progress-bar":"_3Y2ZZD","progressBar":"_3Y2ZZD","progressBar-indeterminate":"d3AhEV","progressBarIndeterminate":"d3AhEV","size-12":"ao-e-d","size12":"ao-e-d","size-18":"-phF5m","size18":"-phF5m","size-24":"_8-vu4V","size24":"_8-vu4V"};
 
 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":"z-PXyr","striped":"XLW6qX","animate-stripes":"WYGxEe","animateStripes":"WYGxEe","size-12":"W6khyw","size12":"W6khyw","size-18":"VhWbvU","size18":"VhWbvU","size-24":"LlaQhF","size24":"LlaQhF"};
+var css$K = {"root":"_3EM-Ti","striped":"Mj1Mlo","animate-stripes":"kn64OG","animateStripes":"kn64OG","size-12":"_4Go0Wz","size12":"_4Go0Wz","size-18":"ky1uNC","size18":"ky1uNC","size-24":"_6RFQ-r","size24":"_6RFQ-r"};
 
 const DEFAULT_SIZE = '12';
 function applyProgressBarMods(mods) {
@@ -3413,14 +3413,14 @@ const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProg
     hideLabel: props.hideLabel || props.striped,
 }));
 
-var css$J = {"root":"W9-Ru-"};
+var css$J = {"root":"_1LqPiN"};
 
 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":"eYlOxC"};
+var css$I = {"root":"G95LHs"};
 
 const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
@@ -3435,7 +3435,7 @@ const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
         React__default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
 });
 
-var css$H = {"drag-handle-wrapper":"gcbZRb","dragHandleWrapper":"gcbZRb","with-indent":"mh8Iya","withIndent":"mh8Iya","drag-handle":"tpKMwQ","dragHandle":"tpKMwQ","icon-container":"GV37Np","iconContainer":"GV37Np"};
+var css$H = {"drag-handle-wrapper":"BC58gu","dragHandleWrapper":"BC58gu","with-indent":"osUjXY","withIndent":"osUjXY","drag-handle":"UV0-qR","dragHandle":"UV0-qR","icon-container":"XFVU5n","iconContainer":"XFVU5n"};
 
 function DataRowAddons(props) {
     const row = props.rowProps;
@@ -3522,7 +3522,7 @@ const getHighlightedSearchMatches = (str, search) => {
     return getDecoratedText(str, ranges);
 };
 
-var css$G = {"root":"VPMFyv","column-gap":"UYtCva","columnGap":"UYtCva","title":"Cz1EzF","subtitle":"EwFc-E","disabled":"fsaK8d","multiline":"hrgKgh"};
+var css$G = {"root":"_64jc49","column-gap":"zpFoj8","columnGap":"zpFoj8","title":"YIoVSo","subtitle":"C5khfP","disabled":"CiSZiv","multiline":"IZe7iX"};
 
 function PickerItem(props) {
     const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
@@ -3696,7 +3696,7 @@ function DataPickerFooterImpl(props) {
 }
 const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
 
-var css$F = {"header":"x8N1hs","title":"lkm2lL","close":"F5KiD4"};
+var css$F = {"header":"wowJLv","title":"rNpCfI","close":"fPHPQn"};
 
 const DataPickerMobileHeaderImpl = (props) => {
     const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
@@ -3706,7 +3706,7 @@ const DataPickerMobileHeaderImpl = (props) => {
 };
 const DataPickerMobileHeader = /* @__PURE__ */React__default.memo(DataPickerMobileHeaderImpl);
 
-var css$E = {"done":"rTicKi","container":"xGDHqc"};
+var css$E = {"done":"KCz9kN","container":"XxUgKt"};
 
 const PickerBodyMobileView = (props) => {
     const isMobileView = isMobile();
@@ -3718,7 +3718,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":"_62UVz4","subHeaderWrapper":"_62UVz4","switch":"OHaLa-","no-found-modal-container":"rQjiGx","noFoundModalContainer":"rQjiGx","no-found-modal-container-icon":"BxfQDJ","noFoundModalContainerIcon":"BxfQDJ","no-found-modal-container-text":"t61OsJ","noFoundModalContainerText":"t61OsJ","body":"hUj8-o"};
+var css$D = {"sub-header-wrapper":"C-Dhoz","subHeaderWrapper":"C-Dhoz","switch":"_44LOnn","no-found-modal-container":"kemHPK","noFoundModalContainer":"kemHPK","no-found-modal-container-icon":"BN2qMH","noFoundModalContainerIcon":"BN2qMH","no-found-modal-container-text":"aUMSm-","noFoundModalContainerText":"aUMSm-","body":"bOLK--"};
 
 function PickerModal(props) {
     const { view, selection, dataSourceStateLens, dataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = usePickerModal(props);
@@ -3764,7 +3764,7 @@ function PickerModal(props) {
             React__default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
 }
 
-var css$C = {"tooltip":"SpR7iC"};
+var css$C = {"tooltip":"R3c8tt"};
 
 const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
     const tagProps = {
@@ -3783,7 +3783,7 @@ const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
     }
 });
 
-var css$B = {"root":"pvHufF"};
+var css$B = {"root":"_6MNvUS"};
 
 const defaultMode = EditMode.FORM;
 function applyPickerTogglerMods(mods) {
@@ -3865,7 +3865,7 @@ function PickerInputComponent(props, ref) {
 }
 const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
 
-var css$A = {"row":"OXpENP"};
+var css$A = {"row":"pHBT82"};
 
 function PickerListRow(props) {
     let label;
@@ -3885,7 +3885,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":"Pfaue3"};
+var css$z = {"root":"wQczp8"};
 
 function PickerList(props) {
     const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, getModalTogglerCaption, } = usePickerList(props);
@@ -3920,7 +3920,7 @@ function PickerList(props) {
             }, selectedRows)));
 }
 
-var css$y = {"root":"-corhS","wrapper":"tuCzoZ","align-widgets-top":"qtBtCn","alignWidgetsTop":"qtBtCn","align-widgets-center":"Kd23vP","alignWidgetsCenter":"Kd23vP"};
+var css$y = {"root":"yYcg6J","wrapper":"Ft85AC","align-widgets-top":"_0tmM9h","alignWidgetsTop":"_0tmM9h","align-widgets-center":"fdRRmS","alignWidgetsCenter":"fdRRmS"};
 
 function DataTableCell(initialProps) {
     const props = { ...initialProps };
@@ -3970,7 +3970,7 @@ function DataTableCell(initialProps) {
     return React.createElement(DataTableCell$1, { ...props });
 }
 
-var css$x = {"root":"Z3BTtM"};
+var css$x = {"root":"YPNe5P"};
 
 // 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.
@@ -3986,7 +3986,7 @@ const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = t
     ];
 }, () => propsMods);
 
-var css$w = {"sorting-panel-container":"SgigJX","sortingPanelContainer":"SgigJX"};
+var css$w = {"sorting-panel-container":"_3RcdaS","sortingPanelContainer":"_3RcdaS"};
 
 const SortingPanelImpl = ({ sortDirection, onSort }) => {
     const sortAsc = useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
@@ -4006,7 +4006,7 @@ const ColumnHeaderDropdownImpl = (props) => {
 };
 const ColumnHeaderDropdown = /* @__PURE__ */React__default.memo(ColumnHeaderDropdownImpl);
 
-var css$v = {"root":"bydeuC","caption-wrapper":"s-Cczl","captionWrapper":"s-Cczl","sort-icon":"k-0r3A","sortIcon":"k-0r3A","dropdown-icon":"yEWRPF","dropdownIcon":"yEWRPF","infoIcon":"RvvKlw","align-right":"k6qwC1","alignRight":"k6qwC1","align-center":"PsENkl","alignCenter":"PsENkl","caption":"_6dfji8","truncate":"dcHd9T","upper-case":"Cqd7b6","upperCase":"Cqd7b6","checkbox":"LnGyMd","icon":"RaZNi-","fold-all-icon":"_29Sp55","foldAllIcon":"_29Sp55","cell-tooltip":"iUEFuj","cellTooltip":"iUEFuj","resizing-marker":"_1vjmnh","resizingMarker":"_1vjmnh","pinned-right":"-ADOrP","pinnedRight":"-ADOrP","draggable":"ZgOHEM","ghost":"gBsTYU","is-dragged-out":"J-XeeO","isDraggedOut":"J-XeeO","dnd-marker-left":"qnoqUf","dndMarkerLeft":"qnoqUf","dnd-marker-right":"sgbbQf","dndMarkerRight":"sgbbQf","cell-tooltip-wrapper":"Sb4Z-R","cellTooltipWrapper":"Sb4Z-R","cell-tooltip-text":"mV6Cqp","cellTooltipText":"mV6Cqp","tooltip-caption":"bbpQqL","tooltipCaption":"bbpQqL","tooltip-info":"pQBU-9","tooltipInfo":"pQBU-9"};
+var css$v = {"root":"x5EaAP","caption-wrapper":"xZ0A3h","captionWrapper":"xZ0A3h","sort-icon":"IuufHb","sortIcon":"IuufHb","dropdown-icon":"_6eHdU7","dropdownIcon":"_6eHdU7","infoIcon":"INym04","align-right":"Kq6B4X","alignRight":"Kq6B4X","align-center":"_4oBhGv","alignCenter":"_4oBhGv","caption":"KkD9UO","truncate":"TwrFAS","upper-case":"-YlMJl","upperCase":"-YlMJl","checkbox":"cA-bZ8","icon":"M4ShTf","fold-all-icon":"i6UOq6","foldAllIcon":"i6UOq6","cell-tooltip":"xYZUXz","cellTooltip":"xYZUXz","resizing-marker":"EIpL--","resizingMarker":"EIpL--","pinned-right":"ZhAg0J","pinnedRight":"ZhAg0J","draggable":"bqf1gx","ghost":"KZKo59","is-dragged-out":"_31ACFl","isDraggedOut":"_31ACFl","dnd-marker-left":"_9PQ2JQ","dndMarkerLeft":"_9PQ2JQ","dnd-marker-right":"_7C7Pml","dndMarkerRight":"_7C7Pml","cell-tooltip-wrapper":"NFH-Pv","cellTooltipWrapper":"NFH-Pv","cell-tooltip-text":"hbEwbn","cellTooltipText":"hbEwbn","tooltip-caption":"Ei31Kx","tooltipCaption":"Ei31Kx","tooltip-info":"mzDOV8","tooltipInfo":"mzDOV8"};
 
 class DataTableHeaderCell extends React.Component {
     constructor() {
@@ -4100,7 +4100,7 @@ class DataTableHeaderCell extends React.Component {
     }
 }
 
-var css$u = {"root":"mft94l","caption-wrapper":"Fw3aRj","captionWrapper":"Fw3aRj","align-center":"Q8GFTI","alignCenter":"Q8GFTI","caption":"YJSgPs","truncate":"HRUClQ","upper-case":"xN9xj5","upperCase":"xN9xj5","group-cell-tooltip":"r9wh5N","groupCellTooltip":"r9wh5N","group-cell-tooltip-wrapper":"_1cm-gi","groupCellTooltipWrapper":"_1cm-gi","group-cell-tooltip-text":"n9WHM7","groupCellTooltipText":"n9WHM7","tooltip-caption":"Bh7BZi","tooltipCaption":"Bh7BZi","tooltip-info":"_2GUetH","tooltipInfo":"_2GUetH"};
+var css$u = {"root":"KFJUwe","caption-wrapper":"CYSOQa","captionWrapper":"CYSOQa","align-center":"BSAngE","alignCenter":"BSAngE","caption":"Lxrib6","truncate":"lDyWr9","upper-case":"o2vxjm","upperCase":"o2vxjm","group-cell-tooltip":"F3KEQM","groupCellTooltip":"F3KEQM","group-cell-tooltip-wrapper":"sGchvw","groupCellTooltipWrapper":"sGchvw","group-cell-tooltip-text":"k7-BTO","groupCellTooltipText":"k7-BTO","tooltip-caption":"SZNeAN","tooltipCaption":"SZNeAN","tooltip-info":"JmYf5a","tooltipInfo":"JmYf5a"};
 
 class DataTableHeaderGroupCell extends React.Component {
     constructor() {
@@ -4140,7 +4140,7 @@ class DataTableHeaderGroupCell extends React.Component {
     }
 }
 
-var css$t = {"root":"_3VbB2c"};
+var css$t = {"root":"qZL5I9"};
 
 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 })),
@@ -4236,7 +4236,7 @@ const UUI_FILTERS_PANEL_ITEM_TOGGLER_SELECTION = 'uui-filters-panel-item-toggler
 const UUI_FILTERS_PANEL_ITEM_TOGGLER_POSTFIX = 'uui-filters-panel-item-toggler-postfix';
 const UUI_FILTERS_PANEL_BODY_FOOTER = 'uui-filters-panel-item-footer';
 
-var css$s = {"body":"WYq9pM","header":"nie9ZO","title":"FzLF4V","removeButton":"rwAMvE","with-search":"dTpvWc","withSearch":"dTpvWc"};
+var css$s = {"body":"FUymWE","header":"kLXBKs","title":"yHxVX8","removeButton":"PI1nTq","with-search":"CACxRc","withSearch":"CACxRc"};
 
 function FilterColumnBody(props) {
     const [predicate, setPredicate] = useState(getDefaultPredicate(props.predicates, props.value));
@@ -4297,7 +4297,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
     return columns;
 };
 
-var css$r = {"unpin-icon":"GFv3D6","unpinIcon":"GFv3D6","pin-toggler-icon":"_0jPDsO","pinTogglerIcon":"_0jPDsO"};
+var css$r = {"unpin-icon":"_0JqR4a","unpinIcon":"_0JqR4a","pin-toggler-icon":"_8H26ft","pinTogglerIcon":"_8H26ft"};
 
 function PinIconButton(props) {
     const i18nLocal = i18n.tables.columnsConfigurationModal;
@@ -4339,7 +4339,7 @@ function getUnpinIcon(params) {
     }
 }
 
-var css$q = {"row-wrapper":"jS5ecF","rowWrapper":"jS5ecF","pin-icon-button":"_4JqmDy","pinIconButton":"_4JqmDy","not-pinned":"_0DfHRz","notPinned":"_0DfHRz","checkbox":"_17xJpO","drag-handle":"kvmvBr","dragHandle":"kvmvBr","dnd-disabled":"OzOwAB","dndDisabled":"OzOwAB"};
+var css$q = {"row-wrapper":"G7nnJd","rowWrapper":"G7nnJd","pin-icon-button":"TZPw6G","pinIconButton":"TZPw6G","not-pinned":"_4-9818","notPinned":"_4-9818","checkbox":"Ainaey","drag-handle":"x63cKd","dragHandle":"x63cKd","dnd-disabled":"e9pT-S","dndDisabled":"e9pT-S"};
 
 const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
     const { column } = props;
@@ -4362,7 +4362,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$p = {"root":"mgQmWO","main-panel":"tDYgF8","mainPanel":"tDYgF8","group":"wmf1bb","group-title":"-u8XEy","groupTitle":"-u8XEy","group-items":"x-PRMp","groupItems":"x-PRMp","no-data":"_5Rv8j-","noData":"_5Rv8j-","no-data-title":"efjtIN","noDataTitle":"efjtIN","no-data-sub-title":"-Q9TsG","noDataSubTitle":"-Q9TsG","h-divider":"HUgqQQ","hDivider":"HUgqQQ","search-area":"H8mXNQ","searchArea":"H8mXNQ","subgroup-accordion":"Yv-LIJ","subgroupAccordion":"Yv-LIJ","subgroup":"nnFsEE","subgroup-title":"-vLhMH","subgroupTitle":"-vLhMH"};
+var css$p = {"root":"uE-y5w","main-panel":"Wu0RzW","mainPanel":"Wu0RzW","group":"_5M2tBi","group-title":"_5q9Ka7","groupTitle":"_5q9Ka7","group-items":"Vj3reN","groupItems":"Vj3reN","no-data":"eHIwOC","noData":"eHIwOC","no-data-title":"AJUqCt","noDataTitle":"AJUqCt","no-data-sub-title":"sO-haM","noDataSubTitle":"sO-haM","h-divider":"kIMCFZ","hDivider":"kIMCFZ","search-area":"_5IF-Zc","searchArea":"_5IF-Zc","subgroup-accordion":"dRn97z","subgroupAccordion":"dRn97z","subgroup":"_7y-cez","subgroup-title":"qSR18q","subgroupTitle":"qSR18q"};
 
 const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { cx: css$p.group },
     React.createElement(Text, { size: "none", cx: css$p.groupTitle }, title),
@@ -4464,7 +4464,7 @@ const getChildrenAndRest = (row, rows) => {
     return [children, rest];
 };
 
-var css$o = {"listContainer":"_5kwnOJ","header":"ZBceOP","group":"_22nRr2","stickyHeader":"VrPgx1"};
+var css$o = {"listContainer":"ZtB4qf","header":"c-6xIF","group":"_2JrubJ","stickyHeader":"T4yG6S"};
 
 function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
     const rowRef = useRef(undefined);
@@ -4504,7 +4504,7 @@ function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, r
             React__default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
 }
 
-var css$n = {"root":"rF-5ys","sticky-header":"m5uTQI","stickyHeader":"m5uTQI","no-results":"l6Qoaa","noResults":"l6Qoaa","icon":"EVneG5","title":"KNbhSX"};
+var css$n = {"root":"DVyWU3","sticky-header":"X1Mfog","stickyHeader":"X1Mfog","no-results":"ArZ-vL","noResults":"ArZ-vL","icon":"R7L1cm","title":"IO915M"};
 
 function DataTable(props) {
     const { uuiModals } = useUuiContext();
@@ -4535,25 +4535,28 @@ function DataTable(props) {
     }, [
         props.columns, config, defaultConfig, props.value, props.onValueChange, props.renderColumnsConfigurationModal,
     ]);
-    const renderRowsContainer = React.useCallback(({ listContainerRef, estimatedHeight, offsetY, scrollShadows }) => (React.createElement(React.Fragment, null,
+    const renderTableBody = React.useCallback((params) => (React.createElement(React.Fragment, null,
         React.createElement("div", { className: cx$1(css$n.stickyHeader, 'uui-dt-sticky_header'), ref: headerRef },
             React.createElement(DataTableHeaderRow, { columns: columns, columnGroups: props.columnGroups, onConfigButtonClick: props.showColumnsConfig && onConfigurationButtonClick, selectAll: props.selectAll, size: props.headerSize || settings.dataTable.sizes.header.row, textCase: props.headerTextCase, allowColumnsReordering: props.allowColumnsReordering, allowColumnsResizing: props.allowColumnsResizing, showFoldAll: props.showFoldAll, value: { ...props.value, columnsConfig: config }, onValueChange: props.onValueChange, columnsGap: props.columnsGap }),
             React.createElement("div", { className: cx$1(uuiScrollShadows.top, {
-                    [uuiScrollShadows.topVisible]: scrollShadows.verticalTop,
+                    [uuiScrollShadows.topVisible]: params?.scrollShadows?.verticalTop,
                 }) })),
-        props.exactRowsCount !== 0 ? (React.createElement(DataRowsContainer, { headerRef: headerRef, listContainerRef: listContainerRef, estimatedHeight: estimatedHeight, offsetY: offsetY, scrollShadows: scrollShadows, renderRow: renderRow, rows: rows })) : (renderNoResultsBlock?.()))), [
+        props.exactRowsCount !== 0 ? (React.createElement(DataRowsContainer, { headerRef: headerRef, listContainerRef: params?.listContainerRef, estimatedHeight: params?.estimatedHeight, offsetY: params?.offsetY, scrollShadows: params?.scrollShadows, renderRow: renderRow, rows: rows })) : (renderNoResultsBlock?.()))), [
         props, columns, rows, renderNoResultsBlock, onConfigurationButtonClick,
     ]);
+    const classes = cx$1(css$n.root, props.cx, 'uui-dt-vars', 'uui-data_table');
+    const rawProps = {
+        role: 'table',
+        'aria-colcount': columns.length,
+        'aria-rowcount': props.rowsCount,
+    };
     return (React.createElement(DataTableSelectionProvider, { onCopy: props.onCopy, rows: rows, columns: columns },
-        React.createElement(DataTableFocusProvider, { dataTableFocusManager: props.dataTableFocusManager },
-            React.createElement(VirtualList, { value: props.value, onValueChange: props.onValueChange, onScroll: props.onScroll, rowsCount: props.rowsCount, renderRows: renderRowsContainer, cx: cx$1(css$n.root, props.cx, 'uui-dt-vars', 'uui-data_table'), isLoading: props.isReloading, rowsSelector: "[role=row]", rawProps: {
-                    role: 'table',
-                    'aria-colcount': columns.length,
-                    'aria-rowcount': props.rowsCount,
-                } }))));
+        React.createElement(DataTableFocusProvider, { dataTableFocusManager: props.dataTableFocusManager }, props.disableVirtualization === true
+            ? (React.createElement(ScrollBars, { ...rawProps, cx: classes }, renderTableBody()))
+            : (React.createElement(VirtualList, { value: props.value, onValueChange: props.onValueChange, onScroll: props.onScroll, rowsCount: props.rowsCount, renderRows: renderTableBody, cx: classes, isLoading: props.isReloading, rowsSelector: "[role=row]", rawProps: rawProps })))));
 }
 
-var css$m = {"root":"FBL7LD","title-wrapper":"_4ZOVBa","titleWrapper":"_4ZOVBa","title":"_1VqQlj","text-wrapper":"-ZrSdB","textWrapper":"-ZrSdB","selection":"SCjV-D","postfix":"_8jqzZT","selected":"D7hqX5"};
+var css$m = {"root":"tNySuw","title-wrapper":"u-d8Ku","titleWrapper":"u-d8Ku","title":"IOHn0-","text-wrapper":"zICO7m","textWrapper":"zICO7m","selection":"J8FYEy","postfix":"MWTJgq","selected":"bUBn2R"};
 
 const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
     const togglerPickerOpened = (e) => {
@@ -4777,7 +4780,7 @@ function FilterRangeDatePickerBody(props) {
         renderFooter()));
 }
 
-var css$l = {"container":"MvrMzs"};
+var css$l = {"container":"_1ND6BN"};
 
 function FilterNumericBody(props) {
     const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
@@ -5088,7 +5091,7 @@ function FiltersToolbarImpl(props) {
 }
 const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
 
-var css$k = {"delete-button":"GiFLTe","deleteButton":"GiFLTe","tab-button":"c0hbJX","tabButton":"c0hbJX","targetOpen":"cHgjdE"};
+var css$k = {"delete-button":"YqKBIB","deleteButton":"YqKBIB","tab-button":"qZ0ync","tabButton":"qZ0ync","targetOpen":"lqDdIh"};
 
 function PresetActionsDropdown(props) {
     const { uuiNotifications } = useUuiContext();
@@ -5160,7 +5163,7 @@ const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
 const UUI_PRESETS_PANEL_INPUT = 'uui-presets-panel-input';
 const UUI_PRESETS_PANEL_PRESET = 'uui-presets-panel-preset';
 
-var css$j = {"preset-input-cell":"-llm4g","presetInputCell":"-llm4g","preset-input":"_6xaSD-","presetInput":"_6xaSD-"};
+var css$j = {"preset-input-cell":"Ka1xXc","presetInputCell":"Ka1xXc","preset-input":"OBfg5k","presetInput":"OBfg5k"};
 
 function PresetInput(props) {
     const [presetCaption, setPresetCaption] = useState(props.preset?.name || '');
@@ -5187,7 +5190,7 @@ function PresetInput(props) {
         React__default.createElement(TextInput, { cx: css$j.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
 }
 
-var css$i = {"preset":"TQX0oa","activePreset":"FtppEz"};
+var css$i = {"preset":"p0AwK4","activePreset":"s4L79p"};
 
 function Preset(props) {
     const [isRenamePreset, setIsRenamePreset] = useState(false);
@@ -5212,7 +5215,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$i.preset, isPresetActive && css$i.activePreset, UUI_PRESETS_PANEL_PRESET], size: settings.presetsPanel.sizes.tabButton, withNotify: isPresetActive && props.hasPresetChanged(props.preset), icon: PresetActionsDropdownComponent, iconPosition: "right", isLinkActive: isPresetActive }))));
 }
 
-var css$h = {"divider":"xIGxdI","dropdownDeleteIcon":"MWnpWO","presetsWrapper":"_6Gj636","addPresetContainer":"S4Ttju","dropContainer":"p-emoN"};
+var css$h = {"divider":"F7oiW1","dropdownDeleteIcon":"VwVGXT","presetsWrapper":"WyGtQd","addPresetContainer":"GkNo3O","dropContainer":"SeYrzh"};
 
 function PresetsPanel(props) {
     const [isAddingPreset, setIsAddingPreset] = useState(false);
@@ -5261,9 +5264,9 @@ function PresetsPanel(props) {
             React__default.createElement(AdaptivePanel, { items: getPanelItems() }))));
 }
 
-var css$g = {"root":"L5rFXi"};
+var css$g = {"root":"_9RW-YE"};
 
-var css$f = {"root":"U28ci7","burger-content":"rGuijF","burgerContent":"rGuijF"};
+var css$f = {"root":"_1xYMsk","burger-content":"E-rRYI","burgerContent":"E-rRYI"};
 
 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); }
@@ -5306,7 +5309,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
 };
 var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgNavigationArrowDownOutline);
 
-var css$e = {"root":"OAFSzP","button-primary":"MPbIFx","buttonPrimary":"MPbIFx","button-secondary":"UidC3k","buttonSecondary":"UidC3k","hasIcon":"W6Tn2a","dropdown":"ESmVAM"};
+var css$e = {"root":"_0GTgWf","button-primary":"CDWpuR","buttonPrimary":"CDWpuR","button-secondary":"UiCIMg","buttonSecondary":"UiCIMg","hasIcon":"G3Sn8M","dropdown":"MkcrXv"};
 
 const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
     css$e.root,
@@ -5317,13 +5320,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":"NzZE9u","searchInput":"NzZE9u"};
+var css$d = {"search-input":"q8DdoI","searchInput":"q8DdoI"};
 
 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":"_68w8zn","group-header":"Qflvlq","groupHeader":"Qflvlq","group-name":"OGFDqr","groupName":"OGFDqr","line":"u93WNV"};
+var css$c = {"root":"GpGaQs","group-header":"gu5Gei","groupHeader":"gu5Gei","group-name":"_5Uu2Xk","groupName":"_5Uu2Xk","line":"_3hjd9U"};
 
 function BurgerGroupHeader(props) {
     return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
@@ -5331,7 +5334,7 @@ function BurgerGroupHeader(props) {
         React.createElement("span", { className: css$c.groupName }, props.caption)));
 }
 
-var css$b = {"root":"G8oqoA","type-primary":"m6Q8Lq","typePrimary":"m6Q8Lq","type-secondary":"yeq8T8","typeSecondary":"yeq8T8"};
+var css$b = {"root":"mTYJJg","type-primary":"Cqxfp2","typePrimary":"Cqxfp2","type-secondary":"HSEt3F","typeSecondary":"HSEt3F"};
 
 const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { type, ...clickableProps } = props;
@@ -5353,7 +5356,7 @@ const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
         props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
 });
 
-var css$a = {"dropdown-body":"pT8tkM","dropdownBody":"pT8tkM"};
+var css$a = {"dropdown-body":"QqrA5Y","dropdownBody":"QqrA5Y"};
 
 class MainMenuDropdown extends React.Component {
     render() {
@@ -5412,12 +5415,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
 };
 var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationGlobalMenuOutlineOutline);
 
-var css$9 = {"global-menu-btn":"vTRL4y","globalMenuBtn":"vTRL4y","global-menu-icon":"Cs92mN","globalMenuIcon":"Cs92mN"};
+var css$9 = {"global-menu-btn":"_0sv-05","globalMenuBtn":"_0sv-05","global-menu-icon":"_1qTf31","globalMenuIcon":"_1qTf31"};
 
 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":"W93j7-","open":"VLJ-6R","folding-arrow":"gC3aAe","foldingArrow":"gC3aAe"};
+var css$8 = {"container":"jLrhpS","open":"wd9pfR","folding-arrow":"AWlFM8","foldingArrow":"AWlFM8"};
 
 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 }),
@@ -5425,15 +5428,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":"gZSB3e","searchInput":"gZSB3e"};
+var css$7 = {"search-input":"npXegp","searchInput":"npXegp"};
 
 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":"_3DBz8n"};
+var css$6 = {"container":"jY3BcM"};
 
 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":"XexX4W"};
+var css$5 = {"root":"wsGygF"};
 
 const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
 
@@ -5491,7 +5494,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
 };
 var ForwardRef = /*#__PURE__*/forwardRef(SvgFileCloudUploadFill);
 
-var css$4 = {"root":"VfPmYm","drop-start":"_-5E5tK","dropStart":"_-5E5tK","drop-over":"VIVPIC","dropOver":"VIVPIC","link":"RuoTxS","drop-area":"UlNv3z","dropArea":"UlNv3z","drop-caption":"u7op8G","dropCaption":"u7op8G","icon-blue":"ikRJa8","iconBlue":"ikRJa8"};
+var css$4 = {"root":"_7s0gjk","drop-start":"KiqAmA","dropStart":"KiqAmA","drop-over":"TOt7Ck","dropOver":"TOt7Ck","link":"ifWigf","drop-area":"_2JIvq2","dropArea":"_2JIvq2","drop-caption":"fvnsl3","dropCaption":"fvnsl3","icon-blue":"YEYZXI","iconBlue":"YEYZXI"};
 
 function DropSpot(props) {
     const getInfoText = typeof props.infoText === 'string'
@@ -5509,7 +5512,7 @@ function DropSpot(props) {
     return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
 }
 
-var css$3 = {"root":"ozqzFh"};
+var css$3 = {"root":"L-M2zy"};
 
 const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
     const outsetRadius = props.size / 2 - 1;
@@ -5520,7 +5523,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":"K5Jd8g","file-name":"_0kqQU4","fileName":"_0kqQU4","default-color":"pIxw1w","defaultColor":"pIxw1w","doc-color":"rrXIDm","docColor":"rrXIDm","xls-color":"_1zGiWT","xlsColor":"_1zGiWT","pdf-color":"B3SdJa","pdfColor":"B3SdJa","movie-color":"nd8KJz","movieColor":"nd8KJz","img-color":"U3-1p4","imgColor":"U3-1p4","mov-color":"ULzAZ8","movColor":"ULzAZ8","error-block":"iL1DcG","errorBlock":"iL1DcG","icons-block":"KWV3Tt","iconsBlock":"KWV3Tt"};
+var css$2 = {"root":"ov8ZiW","file-name":"HRHnir","fileName":"HRHnir","default-color":"gRZ4yO","defaultColor":"gRZ4yO","doc-color":"_8K7-dA","docColor":"_8K7-dA","xls-color":"CSDCyk","xlsColor":"CSDCyk","pdf-color":"btenaR","pdfColor":"btenaR","movie-color":"-YZSHQ","movieColor":"-YZSHQ","img-color":"RfmkXe","imgColor":"RfmkXe","mov-color":"UJc52t","movColor":"UJc52t","error-block":"vW-4lG","errorBlock":"vW-4lG","icons-block":"EGWPSp","iconsBlock":"EGWPSp"};
 
 const FileCard = /* @__PURE__ */React.forwardRef((props, ref) => {
     const [isLoadingShow, setIsLoadingShow] = React.useState(true);
@@ -5639,7 +5642,7 @@ const getErrorPageConfig = () => ({
     },
 });
 
-var css$1 = {"container":"-njLx1"};
+var css$1 = {"container":"wLOVMJ"};
 
 const ErrorPage = (props) => {
     const isMobileScreen = isMobile();
@@ -5651,7 +5654,7 @@ const ErrorPage = (props) => {
             props?.supportLink && React__default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
 };
 
-var css = {"recovery-spinner":"WYC5lR","recoverySpinner":"WYC5lR","recovery-message":"jX-w-c","recoveryMessage":"jX-w-c","modal-blocker":"oO-g2c","modalBlocker":"oO-g2c","modalFadeIn":"x0CgGP"};
+var css = {"recovery-spinner":"rUyWA4","recoverySpinner":"rUyWA4","recovery-message":"Y5EbWT","recoveryMessage":"Y5EbWT","modal-blocker":"n1MLQ7","modalBlocker":"n1MLQ7","modalFadeIn":"HeX5Lq"};
 
 function ErrorHandler(props) {
     const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();