@epam/uui 6.0.1-beta.1 → 6.0.1-beta.3

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(#wkuhoocsqlheeetoq_a)"
+    clipPath: "url(#3xm0e6imp7gpddixf_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: "wkuhoo91mcogyv8n_b",
+    id: "3xm0e6xjx5ko26v4_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(#wkuhoo91mcogyv8n_b)",
+    mask: "url(#3xm0e6xjx5ko26v4_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: "wkuhoocsqlheeetoq_a"
+    id: "3xm0e6imp7gpddixf_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":"u11NVi","uui-spinner":"R-cLWz","uuiSpinner":"R-cLWz"};
+var css$1w = {"root":"g9ICV9","uui-spinner":"_-9AX2c","uuiSpinner":"_-9AX2c"};
 
 function applySpinnerMods() {
     return [css$1w.root, 'uui-spinner'];
 }
 const Spinner = /* @__PURE__ */withMods(Spinner$1, applySpinnerMods);
 
-var css$1v = {"root":"ahIYn5","loading-word":"qvtZqZ","loadingWord":"qvtZqZ","animated-loading":"_1W3tQ7","animatedLoading":"_1W3tQ7","skeleton_loading":"_556Nbo","skeletonLoading":"_556Nbo"};
+var css$1v = {"root":"_4lrNpT","loading-word":"U-fi3r","loadingWord":"U-fi3r","animated-loading":"DWmroI","animatedLoading":"DWmroI","skeleton_loading":"iEdKQf","skeletonLoading":"iEdKQf"};
 
 const TextPlaceholder = (props) => {
     const pattern = ' ';
@@ -946,7 +946,7 @@ const TextPlaceholder = (props) => {
         ]), dangerouslySetInnerHTML: { __html: it } })))));
 };
 
-var css$1u = {"root":"FN10Eu","line-height":"GhPpb7","lineHeight":"GhPpb7","font-size":"_0bnWlU","fontSize":"_0bnWlU"};
+var css$1u = {"root":"dQunCY","line-height":"OhBMGy","lineHeight":"OhBMGy","font-size":"jJsDxQ","fontSize":"jJsDxQ"};
 
 function applyTextMods(mods) {
     return [
@@ -1456,7 +1456,7 @@ const settings = {
     textInput: textInputSettings,
 };
 
-var css$1t = {"root":"rocM7U"};
+var css$1t = {"root":"NdUJWI"};
 
 function applyButtonMods(mods) {
     return [
@@ -1474,7 +1474,7 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
     };
 });
 
-var css$1s = {"root":"DiuTrv"};
+var css$1s = {"root":"nnexrv"};
 
 function applyIconButtonMods(props) {
     return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1s.root];
@@ -1511,7 +1511,7 @@ function getIconClass(props) {
     return [classList['has-left-icon'] ? 'uui-has-left-icon' : 'uui-no-left-icon', classList['has-right-icon'] ? 'uui-has-right-icon' : 'uui-no-right-icon'];
 }
 
-var css$1r = {"root":"FsmZ52"};
+var css$1r = {"root":"_4tyF6S"};
 
 const DEFAULT_COLOR = 'primary';
 const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
@@ -1541,7 +1541,7 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
         props.isDropdown && (React.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$1q = {"root":"A5kIzV"};
+var css$1q = {"root":"VoaZVB"};
 
 const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
@@ -1553,7 +1553,7 @@ const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
         ]) }, props.caption));
 });
 
-var css$1p = {"root":"_0faW-l","withNotify":"y0zroR"};
+var css$1p = {"root":"q-AKdV","withNotify":"GLgCNs"};
 
 const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const styles = [
@@ -1581,14 +1581,14 @@ const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
 });
 
-var css$1o = {"root":"NvUaxo"};
+var css$1o = {"root":"dWStfe"};
 
 function applyVerticalTabButtonMods() {
     return [css$1o.root, 'uui-vertical-tab-button'];
 }
 const VerticalTabButton = /* @__PURE__ */withMods(TabButton, applyVerticalTabButtonMods);
 
-var css$1n = {"root":"IrJJdo"};
+var css$1n = {"root":"w4yygH"};
 
 function applyCheckboxMods(mods) {
     return [
@@ -1606,7 +1606,7 @@ const applyUUICheckboxProps = (props) => {
 };
 const Checkbox = /* @__PURE__ */withMods(uuiComponents.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
 
-var css$1m = {"root":"dRR6tf"};
+var css$1m = {"root":"Ef5Uiz"};
 
 function applyRadioInputMods(mods) {
     return [
@@ -1618,7 +1618,7 @@ function applyRadioInputMods(mods) {
 }
 const RadioInput = /* @__PURE__ */withMods(RadioInput$1, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : settings.radioInput.icons.dotIcon }));
 
-var css$1l = {"root":"kHRdGq"};
+var css$1l = {"root":"RpcGSD"};
 
 function applySwitchMods(mods) {
     return [
@@ -1642,7 +1642,7 @@ var EditMode;
     EditMode["INLINE"] = "inline";
 })(EditMode || (EditMode = {}));
 
-var textInputCss = {"root":"_6L33pX"};
+var textInputCss = {"root":"BS141y"};
 
 const DEFAULT_MODE$3 = EditMode.FORM;
 function applyTextInputMods(mods) {
@@ -1667,7 +1667,7 @@ const SearchInput = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         } }));
 });
 
-var css$1k = {"root":"JCur7P"};
+var css$1k = {"root":"UEy4Y8"};
 
 const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1k.root, 'uui-control-group']);
 
@@ -1683,7 +1683,7 @@ function MultiSwitchComponent(props, ref) {
 }
 const MultiSwitch = /* @__PURE__ */React.forwardRef(MultiSwitchComponent);
 
-var css$1j = {"root":"GVQwhM"};
+var css$1j = {"root":"-zVESw"};
 
 const DEFAULT_MODE$2 = EditMode.FORM;
 function applyNumericInputMods(mods) {
@@ -1703,7 +1703,7 @@ const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMo
     };
 });
 
-var css$1i = {"root":"PHmWU3"};
+var css$1i = {"root":"mghKpL"};
 
 const DEFAULT_MODE$1 = EditMode.FORM;
 function applyTextAreaMods(mods) {
@@ -1744,7 +1744,7 @@ function TREE_SHAKEABLE_INIT$1() {
     };
 }
 
-var css$1h = {"root":"aar-le"};
+var css$1h = {"root":"U5ITKL"};
 
 function applyDropdownContainerMods(mods) {
     return [
@@ -1755,7 +1755,7 @@ function applyDropdownContainerMods(mods) {
 }
 const DropdownContainer = /* @__PURE__ */withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
 
-var css$1g = {"root":"hRiRs-","timepicker-input":"_3Nnth-","timepickerInput":"_3Nnth-","ltr-always":"A6w9wR","ltrAlways":"A6w9wR"};
+var css$1g = {"root":"FrB1Tj","timepicker-input":"_1D8j2P","timepickerInput":"_1D8j2P","ltr-always":"i-zBTt","ltrAlways":"i-zBTt"};
 
 const uuiTimePicker = {
     container: 'uui-timepicker-container',
@@ -1949,7 +1949,7 @@ function TimePickerComponent(props, ref) {
 }
 const TimePicker = /* @__PURE__ */React__default.forwardRef(TimePickerComponent);
 
-var css$1f = {"root":"ITvrxb"};
+var css$1f = {"root":"i6cW1K"};
 
 function applyInputAddonMods() {
     return [
@@ -1958,14 +1958,14 @@ function applyInputAddonMods() {
 }
 const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
 
-var css$1e = {"root":"Z56Aid"};
+var css$1e = {"root":"_7o-zNi"};
 
 function applySliderMods() {
     return [css$1e.root, 'uui-color-neutral'];
 }
 const Slider = /* @__PURE__ */withMods(Slider$1, applySliderMods);
 
-var css$1d = {"root":"_0Kg3Da"};
+var css$1d = {"root":"v-rbMF"};
 
 function applyTooltipMods(mods) {
     return [
@@ -1975,7 +1975,7 @@ function applyTooltipMods(mods) {
 }
 const Tooltip = /* @__PURE__ */withMods(uuiComponents.Tooltip, applyTooltipMods);
 
-var css$1c = {"root":"WEG4pK","tooltip":"NYtv2d"};
+var css$1c = {"root":"Uypjs1","tooltip":"_0Hzh0y"};
 
 function applyRatingMods(mods) {
     return [
@@ -1989,7 +1989,7 @@ const Rating = /* @__PURE__ */withMods(uuiComponents.Rating, applyRatingMods, (p
     Tooltip,
 }));
 
-var css$1b = {"root":"T2cQ0T","main-path":"Y2yyWI","mainPath":"Y2yyWI","content-wrapper":"VIkKcF","contentWrapper":"VIkKcF","content":"jfubfs","action-wrapper":"_1R4tr8","actionWrapper":"_1R4tr8","icon-wrapper":"XQ3QsL","iconWrapper":"XQ3QsL","icon":"oI7uuJ","close-icon":"RYr1AW","closeIcon":"RYr1AW"};
+var css$1b = {"root":"nYR8Km","main-path":"_2Am3QP","mainPath":"_2Am3QP","content-wrapper":"Qjvqhb","contentWrapper":"Qjvqhb","content":"DlvWDZ","action-wrapper":"Yyb63w","actionWrapper":"Yyb63w","icon-wrapper":"KFeajv","iconWrapper":"KFeajv","icon":"vFv-hg","close-icon":"_6LIvqC","closeIcon":"_6LIvqC"};
 
 const Alert = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("div", { role: "alert", ref: ref, className: cx('uui-alert', css$1b.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.alert.sizes.default}`), ...props.rawProps },
     React.createElement("div", { className: css$1b.mainPath },
@@ -2007,7 +2007,7 @@ const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createE
 
 const Dropdown = /* @__PURE__ */withMods(Dropdown$1);
 
-var css$1a = {"submenu-root-item-rtl":"Eq-7HC","submenuRootItemRtl":"Eq-7HC","icon-after":"M4rh-6","iconAfter":"M4rh-6","submenu-root-item":"_2C8RHA","submenuRootItem":"_2C8RHA","icon-check":"-KG20H","iconCheck":"-KG20H","splitter-root":"_93-jQF","splitterRoot":"_93-jQF","splitter":"K-nxld","header-root":"FpCxfA","headerRoot":"FpCxfA","item-root":"FQYiSq","itemRoot":"FQYiSq","icon":"fOPRMm","link":"O0DP-9","indent":"p6UcDK","selected-mark":"BrIPcl","selectedMark":"BrIPcl"};
+var css$1a = {"submenu-root-item-rtl":"hAfpHs","submenuRootItemRtl":"hAfpHs","icon-after":"sV8Vyg","iconAfter":"sV8Vyg","submenu-root-item":"ZSmb7-","submenuRootItem":"ZSmb7-","icon-check":"ADy2ef","iconCheck":"ADy2ef","splitter-root":"ikQSB3","splitterRoot":"ikQSB3","splitter":"ieWtNE","header-root":"_8pEgrq","headerRoot":"_8pEgrq","item-root":"-G8EhX","itemRoot":"-G8EhX","icon":"_9mDNkr","link":"XADgm2","indent":"_78iRCz","selected-mark":"LbkYgI","selectedMark":"LbkYgI"};
 
 var IDropdownControlKeys;
 (function (IDropdownControlKeys) {
@@ -2132,7 +2132,7 @@ function DropdownMenuSwitchButton(props) {
         React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
 }
 
-var css$19 = {"root":"BY5IKS","mode-block":"Y6CuDb","modeBlock":"Y6CuDb","mode-inline":"_1nlyhu","modeInline":"_1nlyhu","padding-0":"wdFkg2","padding0":"wdFkg2","padding-6":"UL2Ced","padding6":"UL2Ced","padding-12":"uMjhbC","padding12":"uMjhbC","padding-18":"KqMx7I","padding18":"KqMx7I"};
+var css$19 = {"root":"F8eTJy","mode-block":"RJWXAa","modeBlock":"RJWXAa","mode-inline":"UoS0Bw","modeInline":"UoS0Bw","padding-0":"OcUk24","padding0":"OcUk24","padding-6":"t4u4eH","padding6":"t4u4eH","padding-12":"mLymBt","padding12":"mLymBt","padding-18":"xnEXe7","padding18":"xnEXe7"};
 
 function applyAccordionMods(mods) {
     return [
@@ -2145,7 +2145,7 @@ const Accordion = /* @__PURE__ */withMods(uuiComponents.Accordion, applyAccordio
     dropdownIcon: mods.dropdownIcon !== null && settings.accordion.icons.dropdownIcon,
 }));
 
-var css$18 = {"root":"YdtLwh","align-items":"R79cWS","alignItems":"R79cWS","justify-content":"_04MQ4h","justifyContent":"_04MQ4h","border-top":"yivvhx","borderTop":"yivvhx","border-bottom":"pyIP00","borderBottom":"pyIP00","top-shadow":"_7NKzpr","topShadow":"_7NKzpr","padding":"pTXqKz","margin":"RcGmte","vPadding":"XWeBih","column-gap":"mX6l6v","columnGap":"mX6l6v","row-gap":"PZk2op","rowGap":"PZk2op","spacing":"VahjoL"};
+var css$18 = {"root":"rf6lKn","align-items":"lAPclg","alignItems":"lAPclg","justify-content":"hmb-8c","justifyContent":"hmb-8c","border-top":"ZTWZ1E","borderTop":"ZTWZ1E","border-bottom":"fLqRLy","borderBottom":"fLqRLy","top-shadow":"_3QWzPx","topShadow":"_3QWzPx","padding":"p7XpGR","margin":"J1DQ6S","vPadding":"BVcu2Z","column-gap":"eQYM09","columnGap":"eQYM09","row-gap":"_2-VGum","rowGap":"_2-VGum","spacing":"ek6XM6"};
 
 const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$18.flexCell]);
 
@@ -2197,7 +2197,7 @@ const FlexRow = /* @__PURE__ */forwardRef((props, ref) => {
         } }, props.children));
 });
 
-var css$17 = {"root":"_6qajQ-","margin-24":"TF1pQm","margin24":"TF1pQm","padding-12":"za4y8b","padding12":"za4y8b","padding-24":"JZma7K","padding24":"JZma7K","shadow":"DV5cT8","uui-surface-main":"LyH7hY","uuiSurfaceMain":"LyH7hY"};
+var css$17 = {"root":"mU0U9O","margin-24":"otzQSN","margin24":"otzQSN","padding-12":"GbZhhw","padding12":"GbZhhw","padding-24":"OYtWj4","padding24":"OYtWj4","shadow":"lyoh32","uui-surface-main":"BgQqRH","uuiSurfaceMain":"BgQqRH"};
 
 const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
     'uui-panel',
@@ -2207,7 +2207,7 @@ const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
     props.background && css$17[`uui-${props.background}`],
 ]);
 
-var css$16 = {"root":"iFrltu"};
+var css$16 = {"root":"NhLiNn"};
 
 function applyLabeledInputMods(mods) {
     return [
@@ -2224,7 +2224,7 @@ function applyLabeledInputProps(props) {
 }
 const LabeledInput = /* @__PURE__ */withMods(uuiComponents.LabeledInput, applyLabeledInputMods, applyLabeledInputProps);
 
-var css$15 = {"root":"f-CCAS"};
+var css$15 = {"root":"QyIQLs"};
 
 function RadioGroup(props) {
     const direction = props.direction || 'vertical';
@@ -2239,7 +2239,7 @@ function RadioGroup(props) {
     })));
 }
 
-var css$14 = {"root":"Ctstj6"};
+var css$14 = {"root":"-lIbvL"};
 
 function applyScrollBarsMods() {
     return [
@@ -2248,9 +2248,9 @@ function applyScrollBarsMods() {
 }
 const ScrollBars = /* @__PURE__ */withMods(ScrollBars$1, applyScrollBarsMods);
 
-var css$13 = {"scroll-container":"kaEoGK","scrollContainer":"kaEoGK","list-container":"_9aKyU5","listContainer":"_9aKyU5"};
+var css$13 = {"scroll-container":"_92wDOj","scrollContainer":"_92wDOj","list-container":"_-1YCoX","listContainer":"_-1YCoX"};
 
-var css$12 = {"root":"BNWKG4"};
+var css$12 = {"root":"xY-RTY"};
 
 const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$12.root], () => ({ renderSpinner: settings.blocker.renderSpinner }));
 
@@ -2296,7 +2296,7 @@ const VirtualListView = /* @__PURE__ */React.forwardRef((props, ref) => {
         React.createElement(Blocker, { isEnabled: props.isLoading })));
 });
 
-var css$11 = {"root":"XEFF2e"};
+var css$11 = {"root":"_3o0KZA"};
 
 function CheckboxGroup(props) {
     const currentValue = props.value || [];
@@ -2318,7 +2318,7 @@ function CheckboxGroup(props) {
     })));
 }
 
-var css$10 = {"root":"IjKiuB","modal-blocker":"domSVJ","modalBlocker":"domSVJ","animateModalBlocker":"_6KbcaA","modal":"_4c5aPe","modal-footer":"tJ-HKB","modalFooter":"tJ-HKB","border-top":"hJGVku","borderTop":"hJGVku","modal-header":"mmMQ-j","modalHeader":"mmMQ-j","border-bottom":"sbN9s9","borderBottom":"sbN9s9"};
+var css$10 = {"root":"xB1OFg","modal-blocker":"SB5k3g","modalBlocker":"SB5k3g","animateModalBlocker":"gXXXL3","modal":"-PWrOq","modal-footer":"c9vOtb","modalFooter":"c9vOtb","border-top":"CBIFuM","borderTop":"CBIFuM","modal-header":"Ydqi5Q","modalHeader":"Ydqi5Q","border-bottom":"V-JnIh","borderBottom":"V-JnIh"};
 
 const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$10.modalBlocker]);
 const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$10.root, css$10.modal], (props) => {
@@ -2509,7 +2509,7 @@ const TREE_SHAKEABLE_INIT = () => ({
 });
 const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
 
-var css$$ = {"root":"kwm2v2","icon-wrapper":"Jp111k","iconWrapper":"Jp111k","action-wrapper":"qEOj2H","actionWrapper":"qEOj2H","close-icon":"LJ3dFD","closeIcon":"LJ3dFD","main-path":"NFiI4k","mainPath":"NFiI4k","content":"_8flcGX","close-wrapper":"VAY6aS","closeWrapper":"VAY6aS","clear-notifications":"oS4PTj","clearNotifications":"oS4PTj"};
+var css$$ = {"root":"zuUgWO","icon-wrapper":"OXSo0E","iconWrapper":"OXSo0E","action-wrapper":"L9Ix7a","actionWrapper":"L9Ix7a","close-icon":"MqQoBm","closeIcon":"MqQoBm","main-path":"gx6Wwv","mainPath":"gx6Wwv","content":"pfX34k","close-wrapper":"HvTfxi","closeWrapper":"HvTfxi","clear-notifications":"FzkPWX","clearNotifications":"FzkPWX"};
 
 const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const notificationCardNode = React__default.useRef(null);
@@ -2542,7 +2542,7 @@ function ClearNotification() {
         React__default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
 }
 
-var css$_ = {"footer":"tZJi0j"};
+var css$_ = {"footer":"_7AlReB"};
 
 class ConfirmationModal extends React.Component {
     render() {
@@ -2584,7 +2584,7 @@ function useReliableForceUpdate() {
     return red[1];
 }
 
-var css$Z = {"root":"A33gGm","container":"JYlXn2"};
+var css$Z = {"root":"YzIU4r","container":"b-WPQI"};
 
 const defaultFormat = 'MMM D, YYYY';
 const valueFormat = 'YYYY-MM-DD';
@@ -2795,14 +2795,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
             React.createElement(Button, { icon: navIconRight || settings.datePicker.icons.body.nextIcon, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
 }
 
-var css$Y = {"root":"_7b92IA"};
+var css$Y = {"root":"_2XHspa"};
 
 function applyDateSelectionMods() {
     return [css$Y.root, `uui-size-${settings.datePicker.sizes.body}`];
 }
 const Calendar = /* @__PURE__ */withMods(Calendar$1, applyDateSelectionMods);
 
-var css$X = {"root":"I8y-hg"};
+var css$X = {"root":"dA5fxD"};
 
 const uuiDatePickerBody = {
     wrapper: 'uui-datepicker-body-wrapper',
@@ -2923,7 +2923,7 @@ function DatePickerComponent(props, ref) {
 }
 const DatePicker = /* @__PURE__ */React__default.forwardRef(DatePickerComponent);
 
-var css$W = {"date-input":"wg-tXg","dateInput":"wg-tXg","root":"CegHXx","separator":"D-r-Zo"};
+var css$W = {"date-input":"irRIEq","dateInput":"irRIEq","root":"k5H1MO","separator":"KCnfyg"};
 
 const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, onKeyDown, preventEmptyFromDate, preventEmptyToDate, id, cx: classes, }, ref) => {
     const [inputValue, setInputValue] = useState(toCustomDateRangeFormat(value, format));
@@ -2989,7 +2989,7 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
         React__default.createElement(TextInput, { cx: cx$1(css$W.dateInput, inFocus === 'to' && uuiMod.focus), placeholder: getPlaceholder ? getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: size || settings.rangeDatePicker.sizes.default, value: inputValue.to || undefined, onCancel: clearAllowed ? onClear : undefined, onValueChange: (v) => onInputChange(v || '', 'to'), onFocus: (e) => handleFocus(e, 'to'), onBlur: (e) => handleBlur(e, 'to'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps?.to, onClick: onClick, onKeyDown: onInputKeyDown })));
 });
 
-var css$V = {"root":"x5LB50"};
+var css$V = {"root":"_84BBNs"};
 
 const uuiPresets = {
     container: 'uui-presets-container',
@@ -3009,7 +3009,7 @@ function CalendarPresets(props) {
         getPresets(props.presets).map((item) => (React.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: settings.rangeDatePicker.sizes.preset })))));
 }
 
-var css$U = {"root":"Yw2O4t","container":"UWV47C","day-selection":"wRMZ9t","daySelection":"wRMZ9t","from-picker":"NW5myj","fromPicker":"NW5myj","to-picker":"uMMjjW","toPicker":"uMMjjW","bodes-wrapper":"YgtnA7","bodesWrapper":"YgtnA7","blocker":"thZc4w"};
+var css$U = {"root":"fKdioP","container":"kwcoBD","day-selection":"uHosFk","daySelection":"uHosFk","from-picker":"DmC4Ao","fromPicker":"DmC4Ao","to-picker":"NzB4CJ","toPicker":"NzB4CJ","bodes-wrapper":"axAe7-","bodesWrapper":"axAe7-","blocker":"ZRrszY"};
 
 const uuiRangeDatePickerBody = {
     inRange: 'uui-range-datepicker-in-range',
@@ -3184,7 +3184,7 @@ const getDayCX = (day, selectedDate) => {
     return [cx(inRange && uuiRangeDatePickerBody.inRange, isFirst && uuiRangeDatePickerBody.firstDayInRangeWrapper, !inRange && isFirst && uuiRangeDatePickerBody.lastDayInRangeWrapper, isLast && uuiRangeDatePickerBody.lastDayInRangeWrapper, !inRange && isLast && uuiRangeDatePickerBody.firstDayInRangeWrapper, (dayValue === fromValue || dayValue === toValue) && uuiDaySelection.selectedDay)];
 };
 
-var css$T = {"dropdown-container":"Wxgdfq","dropdownContainer":"Wxgdfq"};
+var css$T = {"dropdown-container":"Y5GpwN","dropdownContainer":"Y5GpwN"};
 
 function RangeDatePickerComponent(props, ref) {
     const { value: _value, format = defaultFormat, size = settings.rangeDatePicker.sizes.default } = props;
@@ -3252,7 +3252,7 @@ function RangeDatePickerComponent(props, ref) {
 }
 const RangeDatePicker = /* @__PURE__ */React__default.forwardRef(RangeDatePickerComponent);
 
-var css$S = {"root":"wZno3s","blocker":"AeMzZd","marker":"_8-ByaD","top":"RYhILx","bottom":"mJS9NN","left":"rrriNi","right":"_5Rit2O","inside":"oe2mhA"};
+var css$S = {"root":"ozn-q6","blocker":"CGhMdl","marker":"_2UmSCu","top":"_55HdX8","bottom":"_08Tjc2","left":"_2lW6PC","right":"FocAjP","inside":"zZOKrD"};
 
 function DropMarker(props) {
     return props.isDndInProgress
@@ -3269,15 +3269,15 @@ function DropMarker(props) {
 
 const RichTextView = /* @__PURE__ */withMods(uuiComponents.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || settings.richTextView.sizes.default}`]);
 
-var css$R = {"search-wrapper":"aQt0eZ","searchWrapper":"aQt0eZ","no-data":"tkhqwr","noData":"tkhqwr"};
+var css$R = {"search-wrapper":"o2yQEx","searchWrapper":"o2yQEx","no-data":"awlS8z","noData":"awlS8z"};
 
-var css$Q = {"picker-row":"jd4k7d","pickerRow":"jd4k7d","align-widgets-top":"ZWlCK5","alignWidgetsTop":"ZWlCK5","row-content":"AisV2o","rowContent":"AisV2o","align-widgets-center":"hUbQwp","alignWidgetsCenter":"hUbQwp","icon-container":"_8d3Wh3","iconContainer":"_8d3Wh3","content-wrapper":"PGWERX","contentWrapper":"PGWERX","icon-wrapper":"rVZ-eu","iconWrapper":"rVZ-eu","icon-default":"vtYvxK","iconDefault":"vtYvxK","selected-mark":"iVjR7R","selectedMark":"iVjR7R"};
+var css$Q = {"picker-row":"Crkx8G","pickerRow":"Crkx8G","align-widgets-top":"mjQo3c","alignWidgetsTop":"mjQo3c","row-content":"_7ZO14K","rowContent":"_7ZO14K","align-widgets-center":"s7e-d8","alignWidgetsCenter":"s7e-d8","icon-container":"-GiwHX","iconContainer":"-GiwHX","content-wrapper":"eaYOTl","contentWrapper":"eaYOTl","icon-wrapper":"IvmY2P","iconWrapper":"IvmY2P","icon-default":"CLJcpj","iconDefault":"CLJcpj","selected-mark":"bzQ2TI","selectedMark":"bzQ2TI"};
 
-var css$P = {"root":"xzCUh-"};
+var css$P = {"root":"_8ZJyHu"};
 
 const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$P.root]);
 
-var css$O = {"root":"_9ZcLY7"};
+var css$O = {"root":"XeWnzu"};
 
 const DEFAULT_FILL = 'solid';
 function applyBadgeMods(mods) {
@@ -3305,7 +3305,7 @@ const Badge = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$N = {"root":"Ea26W9"};
+var css$N = {"root":"CmoZTo"};
 
 function applyTagMods(props) {
     return [
@@ -3333,7 +3333,7 @@ const Tag = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
 });
 
-var css$M = {"root":"_5eIAea","page":"nvESQq","spacer":"rJnnkL","mode-ghost":"EWsZTQ","modeGhost":"EWsZTQ"};
+var css$M = {"root":"kzgE9D","page":"Xj-P-S","spacer":"u-uMXj","mode-ghost":"U8-X6R","modeGhost":"U8-X6R"};
 
 function Paginator(props) {
     const renderPaginator = (params) => (React__default.createElement("nav", { role: "navigation", className: cx(css$M.root, 'uui-paginator', `uui-size-${props.size || settings.paginator.sizes.default}`), ...params.rawProps },
@@ -3350,14 +3350,14 @@ function Paginator(props) {
     return React__default.createElement(Paginator$1, { ...props, render: renderPaginator });
 }
 
-var css$L = {"root":"DKZ1TY","progress-bar":"Jh3WNs","progressBar":"Jh3WNs","progressBar-indeterminate":"ftyna-","progressBarIndeterminate":"ftyna-","size-12":"VzYGC9","size12":"VzYGC9","size-18":"_4hYR6e","size18":"_4hYR6e","size-24":"hL6Urj","size24":"hL6Urj"};
+var css$L = {"root":"_6054N-","progress-bar":"qlKlf6","progressBar":"qlKlf6","progressBar-indeterminate":"g09TkA","progressBarIndeterminate":"g09TkA","size-12":"Kp4J7I","size12":"Kp4J7I","size-18":"yZCwWi","size18":"yZCwWi","size-24":"_6Kc31L","size24":"_6Kc31L"};
 
 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":"nWACS0","striped":"VIzmR3","animate-stripes":"eGWuoX","animateStripes":"eGWuoX","size-12":"IQZ1oe","size12":"IQZ1oe","size-18":"aTSuQe","size18":"aTSuQe","size-24":"hDy8Sk","size24":"hDy8Sk"};
+var css$K = {"root":"C1DM9G","striped":"Qd6M-L","animate-stripes":"gVa0X6","animateStripes":"gVa0X6","size-12":"Ix2WVG","size12":"Ix2WVG","size-18":"DptKNr","size18":"DptKNr","size-24":"DvNhlI","size24":"DvNhlI"};
 
 const DEFAULT_SIZE = '12';
 function applyProgressBarMods(mods) {
@@ -3372,14 +3372,14 @@ const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProg
     hideLabel: props.hideLabel || props.striped,
 }));
 
-var css$J = {"root":"EbKKyI"};
+var css$J = {"root":"TBHHVz"};
 
 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":"en0iTn"};
+var css$I = {"root":"_0luvqn"};
 
 const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
@@ -3394,7 +3394,7 @@ const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
         React__default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
 });
 
-var css$H = {"drag-handle":"_48tn8D","dragHandle":"_48tn8D","icon-container":"q1LyFm","iconContainer":"q1LyFm"};
+var css$H = {"drag-handle":"Pg-N5h","dragHandle":"Pg-N5h","icon-container":"oUsDuQ","iconContainer":"oUsDuQ"};
 
 function DataRowAddons(props) {
     const row = props.rowProps;
@@ -3480,7 +3480,7 @@ const getHighlightedSearchMatches = (str, search) => {
     return getDecoratedText(str, ranges);
 };
 
-var css$G = {"root":"uIgcmo","column-gap":"vmj4VI","columnGap":"vmj4VI","title":"OUq7QR","subtitle":"mFUW9c","disabled":"f7t1xg","multiline":"y-WKtd"};
+var css$G = {"root":"XawLie","column-gap":"UU6NXw","columnGap":"UU6NXw","title":"Rmmszy","subtitle":"_1SWOhx","disabled":"FjySCa","multiline":"mc9O4K"};
 
 function PickerItem(props) {
     const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
@@ -3555,7 +3555,7 @@ function DataPickerRow(props) {
     const clickHandler = props.onClick || props.onSelect || props.onFold || props.onCheck;
     return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events
-    React.createElement("div", { onClick: clickHandler && ((e) => !isEventTargetInsideClickable(e) && clickHandler(props)), role: "option", "aria-busy": props.isLoading, "aria-posinset": props.index + 1, "aria-checked": props.checkbox?.isVisible ? props.isChecked : null, "aria-selected": props.isSelectable ? props.isSelected : null, ref: rowNode, className: cx$1(css$Q.pickerRow, 'uui-picker_input-row', props.size && `uui-size-${props.size || settings.pickerInput.sizes.body.row}`, css$Q[`align-widgets-${props.alignActions || 'top'}`], clickHandler && props.isFocused && uuiMod.focus, clickHandler && uuiMarkers.clickable, props.cx), style: props.padding && {
+    React.createElement("div", { onClick: clickHandler && ((e) => !isEventTargetInsideClickable(e) && clickHandler(props)), role: "option", "aria-busy": props.isLoading, "aria-posinset": props.index + 1, "aria-checked": props.checkbox?.isVisible ? props.isChecked : null, "aria-selected": props.isSelectable ? props.isSelected : null, ref: rowNode, className: cx$1(css$Q.pickerRow, 'uui-picker_input-row', `uui-size-${props.size || settings.pickerInput.sizes.body.row}`, css$Q[`align-widgets-${props.alignActions || 'top'}`], clickHandler && props.isFocused && uuiMod.focus, clickHandler && uuiMarkers.clickable, props.cx), style: props.padding && {
             '--uui-data_picker-horizontal-padding': `${props.padding}px`,
         }, ...props.rawProps }, renderContent()));
 }
@@ -3653,7 +3653,7 @@ function DataPickerFooterImpl(props) {
 }
 const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
 
-var css$F = {"header":"XAgdnu","title":"EJtpeq","close":"ECakCG"};
+var css$F = {"header":"i9n-AN","title":"q5o-Ku","close":"MGhWNq"};
 
 const DataPickerMobileHeaderImpl = (props) => {
     const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
@@ -3663,7 +3663,7 @@ const DataPickerMobileHeaderImpl = (props) => {
 };
 const DataPickerMobileHeader = /* @__PURE__ */React__default.memo(DataPickerMobileHeaderImpl);
 
-var css$E = {"done":"m2nZ3-","container":"_7LqTrP"};
+var css$E = {"done":"WL-M7T","container":"d3HKf3"};
 
 const PickerBodyMobileView = (props) => {
     const isMobileView = isMobile();
@@ -3675,7 +3675,7 @@ const PickerBodyMobileView = (props) => {
         isMobileView && (React__default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => props.onClose?.(), cx: css$E.done, size: settings.pickerInput.sizes.body.mobileFooterLinkButton }))));
 };
 
-var css$D = {"sub-header-wrapper":"_3HlL7l","subHeaderWrapper":"_3HlL7l","switch":"Iecjxn","no-found-modal-container":"EWjdkw","noFoundModalContainer":"EWjdkw","no-found-modal-container-icon":"dyBKYN","noFoundModalContainerIcon":"dyBKYN","no-found-modal-container-text":"fQyLwc","noFoundModalContainerText":"fQyLwc","body":"VwgfOs"};
+var css$D = {"sub-header-wrapper":"VnT1d-","subHeaderWrapper":"VnT1d-","switch":"-jD89K","no-found-modal-container":"VcGTX4","noFoundModalContainer":"VcGTX4","no-found-modal-container-icon":"RPtqH9","noFoundModalContainerIcon":"RPtqH9","no-found-modal-container-text":"HRc0P0","noFoundModalContainerText":"HRc0P0","body":"fT6PSw"};
 
 function PickerModal(props) {
     const { view, selection, dataSourceStateLens, dataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = usePickerModal(props);
@@ -3717,7 +3717,7 @@ function PickerModal(props) {
             React__default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
 }
 
-var css$C = {"tooltip":"MH1Nvc"};
+var css$C = {"tooltip":"Ykn-w6"};
 
 const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
     const tagProps = {
@@ -3736,7 +3736,7 @@ const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
     }
 });
 
-var css$B = {"root":"v-eQPG"};
+var css$B = {"root":"G7n15t"};
 
 const defaultMode = EditMode.FORM;
 function applyPickerTogglerMods(mods) {
@@ -3818,7 +3818,7 @@ function PickerInputComponent(props, ref) {
 }
 const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
 
-var css$A = {"row":"wXIP3j"};
+var css$A = {"row":"H4KaP6"};
 
 function PickerListRow(props) {
     let label;
@@ -3838,7 +3838,7 @@ function PickerListRow(props) {
     return (React__default.createElement("div", { role: "option", "aria-selected": props.isSelectable ? props.isSelected : undefined, "aria-busy": props.isLoading, "aria-posinset": props.index + 1, ...(props.checkbox?.isVisible && { 'aria-checked': props.isChecked }), className: css$A.row }, component));
 }
 
-var css$z = {"root":"bz--aU"};
+var css$z = {"root":"BwC80M"};
 
 function PickerList(props) {
     const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, getModalTogglerCaption, } = usePickerList(props);
@@ -3873,7 +3873,7 @@ function PickerList(props) {
             }, selectedRows)));
 }
 
-var css$y = {"root":"ZZUnZv","wrapper":"mDuop8","align-widgets-top":"y-E5EJ","alignWidgetsTop":"y-E5EJ","align-widgets-center":"qle7fR","alignWidgetsCenter":"qle7fR"};
+var css$y = {"root":"Up-Bim","wrapper":"MIab0e","align-widgets-top":"nFzfeT","alignWidgetsTop":"nFzfeT","align-widgets-center":"WI9Vcn","alignWidgetsCenter":"WI9Vcn"};
 
 function DataTableCell(initialProps) {
     const props = { ...initialProps };
@@ -3923,7 +3923,7 @@ function DataTableCell(initialProps) {
     return React.createElement(DataTableCell$1, { ...props });
 }
 
-var css$x = {"root":"F4Y-Jx"};
+var css$x = {"root":"_33I6db"};
 
 // Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
 // As we need our mods to style the cell properly, we extract them from DataTableCellProps.rowProps, which is a hack, but it's reliable enough.
@@ -3939,7 +3939,7 @@ const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = t
     ];
 }, () => propsMods);
 
-var css$w = {"sorting-panel-container":"T96gpt","sortingPanelContainer":"T96gpt"};
+var css$w = {"sorting-panel-container":"JxUdU1","sortingPanelContainer":"JxUdU1"};
 
 const SortingPanelImpl = ({ sortDirection, onSort }) => {
     const sortAsc = useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
@@ -3959,7 +3959,7 @@ const ColumnHeaderDropdownImpl = (props) => {
 };
 const ColumnHeaderDropdown = /* @__PURE__ */React__default.memo(ColumnHeaderDropdownImpl);
 
-var css$v = {"root":"yH6lF-","caption-wrapper":"r84R1l","captionWrapper":"r84R1l","sort-icon":"hj4oBp","sortIcon":"hj4oBp","dropdown-icon":"kNuZ8m","dropdownIcon":"kNuZ8m","infoIcon":"o2j18q","align-right":"BkObI7","alignRight":"BkObI7","align-center":"PjUtdq","alignCenter":"PjUtdq","caption":"bKaerx","truncate":"_--OJWR","upper-case":"Mbolyn","upperCase":"Mbolyn","checkbox":"_3-iAhH","icon":"_8KkvdN","fold-all-icon":"_7qnzVU","foldAllIcon":"_7qnzVU","cell-tooltip":"Ae1wUU","cellTooltip":"Ae1wUU","resizing-marker":"_9wb8iD","resizingMarker":"_9wb8iD","pinned-right":"H14G-Q","pinnedRight":"H14G-Q","draggable":"y96s-i","ghost":"QqcZq5","is-dragged-out":"_2dK1gD","isDraggedOut":"_2dK1gD","dnd-marker-left":"_9zHubJ","dndMarkerLeft":"_9zHubJ","dnd-marker-right":"l9n-AF","dndMarkerRight":"l9n-AF","cell-tooltip-wrapper":"xLYxe5","cellTooltipWrapper":"xLYxe5","cell-tooltip-text":"TZ-gjC","cellTooltipText":"TZ-gjC","tooltip-caption":"qsduyB","tooltipCaption":"qsduyB","tooltip-info":"OUE8gs","tooltipInfo":"OUE8gs"};
+var css$v = {"root":"J8wKQY","caption-wrapper":"LCFy6j","captionWrapper":"LCFy6j","sort-icon":"MEJLHG","sortIcon":"MEJLHG","dropdown-icon":"-H8KY1","dropdownIcon":"-H8KY1","infoIcon":"d35aEm","align-right":"-jyThL","alignRight":"-jyThL","align-center":"EagyB3","alignCenter":"EagyB3","caption":"bQ-pC7","truncate":"wu73GO","upper-case":"_0wsyMM","upperCase":"_0wsyMM","checkbox":"buekrI","icon":"h5qe8J","fold-all-icon":"_4LFaRt","foldAllIcon":"_4LFaRt","cell-tooltip":"YY6mBu","cellTooltip":"YY6mBu","resizing-marker":"SDW-re","resizingMarker":"SDW-re","pinned-right":"NQpc8o","pinnedRight":"NQpc8o","draggable":"aJYmrw","ghost":"cShMWB","is-dragged-out":"yBrqlN","isDraggedOut":"yBrqlN","dnd-marker-left":"U3uXkz","dndMarkerLeft":"U3uXkz","dnd-marker-right":"i8f8xO","dndMarkerRight":"i8f8xO","cell-tooltip-wrapper":"k1CXXB","cellTooltipWrapper":"k1CXXB","cell-tooltip-text":"qfAfoU","cellTooltipText":"qfAfoU","tooltip-caption":"vmsBlc","tooltipCaption":"vmsBlc","tooltip-info":"_8i1lXD","tooltipInfo":"_8i1lXD"};
 
 class DataTableHeaderCell extends React.Component {
     constructor() {
@@ -4053,7 +4053,7 @@ class DataTableHeaderCell extends React.Component {
     }
 }
 
-var css$u = {"root":"JdLzW-","caption-wrapper":"JwbWcb","captionWrapper":"JwbWcb","align-center":"BkAfWT","alignCenter":"BkAfWT","caption":"_87kR0P","truncate":"oY3CDG","upper-case":"bTegUl","upperCase":"bTegUl","group-cell-tooltip":"K1TDJN","groupCellTooltip":"K1TDJN","group-cell-tooltip-wrapper":"gbFWXg","groupCellTooltipWrapper":"gbFWXg","group-cell-tooltip-text":"tNttzG","groupCellTooltipText":"tNttzG","tooltip-caption":"peoQ9a","tooltipCaption":"peoQ9a","tooltip-info":"lSCY3X","tooltipInfo":"lSCY3X"};
+var css$u = {"root":"K3iEMe","caption-wrapper":"Z3qWm4","captionWrapper":"Z3qWm4","align-center":"AevDZJ","alignCenter":"AevDZJ","caption":"_96aGY9","truncate":"K3eKkz","upper-case":"iDT5hs","upperCase":"iDT5hs","group-cell-tooltip":"bfFpT-","groupCellTooltip":"bfFpT-","group-cell-tooltip-wrapper":"_4-TPPB","groupCellTooltipWrapper":"_4-TPPB","group-cell-tooltip-text":"NQqGc5","groupCellTooltipText":"NQqGc5","tooltip-caption":"dirpEg","tooltipCaption":"dirpEg","tooltip-info":"HLXz4q","tooltipInfo":"HLXz4q"};
 
 class DataTableHeaderGroupCell extends React.Component {
     constructor() {
@@ -4093,7 +4093,7 @@ class DataTableHeaderGroupCell extends React.Component {
     }
 }
 
-var css$t = {"root":"Pkihfy"};
+var css$t = {"root":"R3g0UW"};
 
 const DataTableHeaderRow = /* @__PURE__ */withMods(DataTableHeaderRow$1, () => [css$t.root, 'uui-dt-vars'], (mods) => ({
     renderCell: (props) => (React.createElement(DataTableHeaderCell, { ...props, size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
@@ -4110,7 +4110,7 @@ const UUI_FILTERS_PANEL_ITEM_TOGGLER_SELECTION = 'uui-filters-panel-item-toggler
 const UUI_FILTERS_PANEL_ITEM_TOGGLER_POSTFIX = 'uui-filters-panel-item-toggler-postfix';
 const UUI_FILTERS_PANEL_BODY_FOOTER = 'uui-filters-panel-item-footer';
 
-var css$s = {"root":"DtR3j6","title-wrapper":"h-z5kk","titleWrapper":"h-z5kk","title":"MsiP5A","text-wrapper":"PP71rS","textWrapper":"PP71rS","selection":"_3Xe7dx","postfix":"LAHAiB","selected":"r2K-bA"};
+var css$s = {"root":"_7dhRip","title-wrapper":"VS5WNt","titleWrapper":"VS5WNt","title":"_23ljtA","text-wrapper":"SG674t","textWrapper":"SG674t","selection":"qvvQd5","postfix":"MLIkP4","selected":"wLxUD4"};
 
 const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
     const togglerPickerOpened = (e) => {
@@ -4287,7 +4287,7 @@ function FilterRangeDatePickerBody(props) {
                 shouldShowClearButton && (React__default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.filterToolbar.rangeDatePicker.clearCaption, onClick: onClear }))))));
 }
 
-var css$r = {"container":"ZarUH0"};
+var css$r = {"container":"KHhNSy"};
 
 function FilterNumericBody(props) {
     const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
@@ -4367,7 +4367,7 @@ function FilterItemBody(props) {
     }
 }
 
-var css$q = {"body":"bVmxul","header":"vQzeJQ","title":"sZhzVJ","removeButton":"hKpYp-","with-search":"XraedH","withSearch":"XraedH"};
+var css$q = {"body":"pyffky","header":"_8FQYkz","title":"nT2IK6","removeButton":"UJL5XH","with-search":"CJtxpQ","withSearch":"CJtxpQ"};
 
 function useView(props, value) {
     const forceUpdate = useForceUpdate();
@@ -4664,7 +4664,7 @@ function FiltersToolbarImpl(props) {
 }
 const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
 
-var css$p = {"delete-button":"_7K6H19","deleteButton":"_7K6H19","tab-button":"N-O-ft","tabButton":"N-O-ft","targetOpen":"cknFwJ"};
+var css$p = {"delete-button":"FRrV2m","deleteButton":"FRrV2m","tab-button":"zk4Gor","tabButton":"zk4Gor","targetOpen":"ntKTuz"};
 
 function PresetActionsDropdown(props) {
     const { uuiNotifications } = useUuiContext();
@@ -4736,7 +4736,7 @@ const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
 const UUI_PRESETS_PANEL_INPUT = 'uui-presets-panel-input';
 const UUI_PRESETS_PANEL_PRESET = 'uui-presets-panel-preset';
 
-var css$o = {"preset-input-cell":"yPe-Do","presetInputCell":"yPe-Do","preset-input":"h5y13x","presetInput":"h5y13x"};
+var css$o = {"preset-input-cell":"qdfAbt","presetInputCell":"qdfAbt","preset-input":"Tmo9aq","presetInput":"Tmo9aq"};
 
 function PresetInput(props) {
     const [presetCaption, setPresetCaption] = useState(props.preset?.name || '');
@@ -4763,7 +4763,7 @@ function PresetInput(props) {
         React__default.createElement(TextInput, { cx: css$o.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
 }
 
-var css$n = {"preset":"_7vbeiR","activePreset":"_6jWTUx"};
+var css$n = {"preset":"hSNY8F","activePreset":"LHyeHe"};
 
 function Preset(props) {
     const [isRenamePreset, setIsRenamePreset] = useState(false);
@@ -4788,7 +4788,7 @@ function Preset(props) {
     return (React__default.createElement(FlexCell, { key: props.preset.id, alignSelf: "center", width: "auto" }, isRenamePreset ? (React__default.createElement(PresetInput, { onCancel: cancelRenamePreset, onSuccess: handlePresetRename, preset: props.preset })) : (React__default.createElement(TabButton, { caption: props.preset.name, onClick: !isPresetActive && choosePresetHandler, cx: [css$n.preset, isPresetActive && css$n.activePreset, UUI_PRESETS_PANEL_PRESET], size: settings.presetsPanel.sizes.tabButton, withNotify: isPresetActive && props.hasPresetChanged(props.preset), icon: PresetActionsDropdownComponent, iconPosition: "right", isLinkActive: isPresetActive }))));
 }
 
-var css$m = {"divider":"RpDhjF","dropdownDeleteIcon":"R1VlBf","presetsWrapper":"WGJgx2","addPresetContainer":"X-jyCF","dropContainer":"d-uGiE"};
+var css$m = {"divider":"ktH747","dropdownDeleteIcon":"NRaGAH","presetsWrapper":"_76qYiw","addPresetContainer":"wWbNGG","dropContainer":"E-1vj9"};
 
 function PresetsPanel(props) {
     const [isAddingPreset, setIsAddingPreset] = useState(false);
@@ -4874,7 +4874,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
     return columns;
 };
 
-var css$l = {"unpin-icon":"jiuiGI","unpinIcon":"jiuiGI","pin-toggler-icon":"E7Gkk0","pinTogglerIcon":"E7Gkk0"};
+var css$l = {"unpin-icon":"iTYJVv","unpinIcon":"iTYJVv","pin-toggler-icon":"WprWCI","pinTogglerIcon":"WprWCI"};
 
 function PinIconButton(props) {
     const i18nLocal = i18n.tables.columnsConfigurationModal;
@@ -4916,7 +4916,7 @@ function getUnpinIcon(params) {
     }
 }
 
-var css$k = {"row-wrapper":"_1eRXzZ","rowWrapper":"_1eRXzZ","pin-icon-button":"vb4-9H","pinIconButton":"vb4-9H","not-pinned":"uwtZX1","notPinned":"uwtZX1","checkbox":"DBlVWS","drag-handle":"eDOb09","dragHandle":"eDOb09","dnd-disabled":"Fs5A6-","dndDisabled":"Fs5A6-"};
+var css$k = {"row-wrapper":"_38O6dG","rowWrapper":"_38O6dG","pin-icon-button":"w-j-RW","pinIconButton":"w-j-RW","not-pinned":"rgleua","notPinned":"rgleua","checkbox":"GJZ5Sl","drag-handle":"Bgsw2k","dragHandle":"Bgsw2k","dnd-disabled":"-k4psL","dndDisabled":"-k4psL"};
 
 const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
     const { column } = props;
@@ -4939,7 +4939,7 @@ const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
     return (React.createElement(DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
 });
 
-var css$j = {"root":"LOInAN","main-panel":"_-9eRIB","mainPanel":"_-9eRIB","group":"UkGRkX","group-title":"UGUhEB","groupTitle":"UGUhEB","group-items":"InSAq7","groupItems":"InSAq7","no-data":"qjszaR","noData":"qjszaR","no-data-title":"ShuWR-","noDataTitle":"ShuWR-","no-data-sub-title":"ve83N0","noDataSubTitle":"ve83N0","h-divider":"Il-LId","hDivider":"Il-LId","search-area":"Iri4Pk","searchArea":"Iri4Pk","subgroup-accordion":"Md2w2i","subgroupAccordion":"Md2w2i","subgroup":"zPDsyo","subgroup-title":"jF0kru","subgroupTitle":"jF0kru"};
+var css$j = {"root":"-Sdbzx","main-panel":"zzTDYr","mainPanel":"zzTDYr","group":"-eXhYk","group-title":"xO2F3c","groupTitle":"xO2F3c","group-items":"YvImZ5","groupItems":"YvImZ5","no-data":"MKZNJ8","noData":"MKZNJ8","no-data-title":"f01hl2","noDataTitle":"f01hl2","no-data-sub-title":"FZCmIE","noDataSubTitle":"FZCmIE","h-divider":"KZll9T","hDivider":"KZll9T","search-area":"s7Gtmr","searchArea":"s7Gtmr","subgroup-accordion":"MVIeTV","subgroupAccordion":"MVIeTV","subgroup":"UWk6Ej","subgroup-title":"kUrM7w","subgroupTitle":"kUrM7w"};
 
 const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { cx: css$j.group },
     React.createElement(Text, { size: "none", cx: css$j.groupTitle }, title),
@@ -5041,7 +5041,7 @@ const getChildrenAndRest = (row, rows) => {
     return [children, rest];
 };
 
-var css$i = {"listContainer":"MyNt6p","header":"in7ZUQ","group":"He-Y-k","stickyHeader":"g2Ky1E"};
+var css$i = {"listContainer":"_5x8Cpp","header":"DQH6F2","group":"_8YMVc8","stickyHeader":"oYQCgS"};
 
 function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
     const rowRef = useRef(undefined);
@@ -5081,7 +5081,7 @@ function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, r
             React__default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
 }
 
-var css$h = {"root":"rLVics","sticky-header":"fraDDH","stickyHeader":"fraDDH","no-results":"WiqsX0","noResults":"WiqsX0","icon":"Vwf4MB","title":"_2svgzq"};
+var css$h = {"root":"PCeev6","sticky-header":"LIq9In","stickyHeader":"LIq9In","no-results":"_3fsa6h","noResults":"_3fsa6h","icon":"LHpuRg","title":"RhUH-V"};
 
 function DataTable(props) {
     const { uuiModals } = useUuiContext();
@@ -5130,9 +5130,9 @@ function DataTable(props) {
                 } }))));
 }
 
-var css$g = {"root":"tbEco3"};
+var css$g = {"root":"c-88ee"};
 
-var css$f = {"root":"NwA9q8","burger-content":"CttEul","burgerContent":"CttEul"};
+var css$f = {"root":"fOCQv2","burger-content":"_2plUqk","burgerContent":"_2plUqk"};
 
 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 +5175,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
 };
 var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgNavigationArrowDownOutline);
 
-var css$e = {"root":"_3H2QDF","button-primary":"GD1-sP","buttonPrimary":"GD1-sP","button-secondary":"SND8Qq","buttonSecondary":"SND8Qq","hasIcon":"g9zsEP","dropdown":"xpkM72"};
+var css$e = {"root":"IJL6gG","button-primary":"_7yXBVQ","buttonPrimary":"_7yXBVQ","button-secondary":"L79BjA","buttonSecondary":"L79BjA","hasIcon":"_2nY4XB","dropdown":"xkM4sh"};
 
 const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
     css$e.root,
@@ -5186,13 +5186,13 @@ const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
     props.icon && css$e.hasIcon,
 ], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
 
-var css$d = {"search-input":"lK4L0h","searchInput":"lK4L0h"};
+var css$d = {"search-input":"HA0sor","searchInput":"HA0sor"};
 
 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":"bfQuAc","group-header":"_5-uNOb","groupHeader":"_5-uNOb","group-name":"_1qQhSj","groupName":"_1qQhSj","line":"UlJMYK"};
+var css$c = {"root":"Odf1Iy","group-header":"PpaF3H","groupHeader":"PpaF3H","group-name":"xACzn8","groupName":"xACzn8","line":"Ta-LeI"};
 
 function BurgerGroupHeader(props) {
     return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
@@ -5200,7 +5200,7 @@ function BurgerGroupHeader(props) {
         React.createElement("span", { className: css$c.groupName }, props.caption)));
 }
 
-var css$b = {"root":"_6t-Emz","type-primary":"zHplmp","typePrimary":"zHplmp","type-secondary":"-TKb4E","typeSecondary":"-TKb4E"};
+var css$b = {"root":"xHVIYB","type-primary":"_0XUe9r","typePrimary":"_0XUe9r","type-secondary":"B22dVo","typeSecondary":"B22dVo"};
 
 const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { type, ...clickableProps } = props;
@@ -5222,7 +5222,7 @@ const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
         props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
 });
 
-var css$a = {"dropdown-body":"D2QIHE","dropdownBody":"D2QIHE"};
+var css$a = {"dropdown-body":"-Llflm","dropdownBody":"-Llflm"};
 
 class MainMenuDropdown extends React.Component {
     render() {
@@ -5233,7 +5233,7 @@ class MainMenuDropdown extends React.Component {
                     }
                 };
                 return (React.createElement(FocusLock, { returnFocus: true, persistentFocus: true, lockProps: { onKeyDown: handleEscape } },
-                    React.createElement("div", { className: cx(css$a.dropdownBody, 'uui-main_menu-dropdown') }, this.props.renderBody
+                    React.createElement("div", { className: cx(css$a.dropdownBody, 'uui-main_menu-dropdown', this.props.cx) }, this.props.renderBody
                         ? this.props.renderBody({ ...props })
                         : React.Children.map(this.props.children, (item) => {
                             if (!item)
@@ -5258,9 +5258,10 @@ function applyMainMenuMods() {
         'uui-main_menu',
     ];
 }
-const MainMenu = /* @__PURE__ */withMods(uuiComponents.MainMenu, applyMainMenuMods, () => ({
+const MainMenu = /* @__PURE__ */withMods(uuiComponents.MainMenu, applyMainMenuMods, (props) => ({
     Burger,
     MainMenuDropdown,
+    ...props,
 }));
 
 var _path$1;
@@ -5280,12 +5281,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
 };
 var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationGlobalMenuOutlineOutline);
 
-var css$9 = {"global-menu-btn":"AZhYpA","globalMenuBtn":"AZhYpA","global-menu-icon":"Dk6M8E","globalMenuIcon":"Dk6M8E"};
+var css$9 = {"global-menu-btn":"_2KH1MA","globalMenuBtn":"_2KH1MA","global-menu-icon":"SMx8KA","globalMenuIcon":"SMx8KA"};
 
 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":"XNIi3F","open":"jNdnl0","folding-arrow":"QUyqy5","foldingArrow":"QUyqy5"};
+var css$8 = {"container":"A5Y7ar","open":"NHhbD7","folding-arrow":"hASq0j","foldingArrow":"hASq0j"};
 
 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 }),
@@ -5293,15 +5294,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":"qFycS7","searchInput":"qFycS7"};
+var css$7 = {"search-input":"TwZaee","searchInput":"TwZaee"};
 
 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":"CHOhvy"};
+var css$6 = {"container":"v0ThQP"};
 
 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":"U0VgFe"};
+var css$5 = {"root":"Soohmm"};
 
 const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
 
@@ -5359,7 +5360,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
 };
 var ForwardRef = /*#__PURE__*/forwardRef(SvgFileCloudUploadFill);
 
-var css$4 = {"root":"mE8p4B","drop-start":"Lyza5p","dropStart":"Lyza5p","drop-over":"b2whUw","dropOver":"b2whUw","link":"bL-sJ0","drop-area":"Dlpm6X","dropArea":"Dlpm6X","drop-caption":"k1XUNI","dropCaption":"k1XUNI","icon-blue":"sPRy8j","iconBlue":"sPRy8j"};
+var css$4 = {"root":"Hve7bE","drop-start":"pwPnw5","dropStart":"pwPnw5","drop-over":"NzqNck","dropOver":"NzqNck","link":"J1lvLK","drop-area":"ty2L16","dropArea":"ty2L16","drop-caption":"lht8Cz","dropCaption":"lht8Cz","icon-blue":"nsAc6T","iconBlue":"nsAc6T"};
 
 function DropSpot(props) {
     const getInfoText = typeof props.infoText === 'string'
@@ -5377,7 +5378,7 @@ function DropSpot(props) {
     return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
 }
 
-var css$3 = {"root":"uQb9Nz"};
+var css$3 = {"root":"kPLLBX"};
 
 const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
     const outsetRadius = props.size / 2 - 1;
@@ -5388,7 +5389,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":"EGA8Am","file-name":"kYaGEV","fileName":"kYaGEV","default-color":"qc78L9","defaultColor":"qc78L9","doc-color":"BQGbxb","docColor":"BQGbxb","xls-color":"tYYZcc","xlsColor":"tYYZcc","pdf-color":"-eQO6n","pdfColor":"-eQO6n","movie-color":"IANv7Q","movieColor":"IANv7Q","img-color":"hlTQbM","imgColor":"hlTQbM","mov-color":"y42ILs","movColor":"y42ILs","error-block":"GJliKK","errorBlock":"GJliKK","icons-block":"om7bLA","iconsBlock":"om7bLA"};
+var css$2 = {"root":"lFdM9N","file-name":"DZElvD","fileName":"DZElvD","default-color":"CySb-G","defaultColor":"CySb-G","doc-color":"ST2eJB","docColor":"ST2eJB","xls-color":"XLmwaY","xlsColor":"XLmwaY","pdf-color":"PdWxsl","pdfColor":"PdWxsl","movie-color":"BPnmjd","movieColor":"BPnmjd","img-color":"RXYsCE","imgColor":"RXYsCE","mov-color":"PeL5tb","movColor":"PeL5tb","error-block":"prmeii","errorBlock":"prmeii","icons-block":"Z07yz7","iconsBlock":"Z07yz7"};
 
 const FileCard = /* @__PURE__ */React.forwardRef((props, ref) => {
     const [isLoadingShow, setIsLoadingShow] = React.useState(true);
@@ -5507,7 +5508,7 @@ const getErrorPageConfig = () => ({
     },
 });
 
-var css$1 = {"container":"xk8fp3"};
+var css$1 = {"container":"_8L2djE"};
 
 const ErrorPage = (props) => {
     const isMobileScreen = isMobile();
@@ -5519,7 +5520,7 @@ const ErrorPage = (props) => {
             props?.supportLink && React__default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
 };
 
-var css = {"recovery-spinner":"lb91xa","recoverySpinner":"lb91xa","recovery-message":"RZtJVH","recoveryMessage":"RZtJVH","modal-blocker":"CA-88I","modalBlocker":"CA-88I","modalFadeIn":"_5y1oE7"};
+var css = {"recovery-spinner":"vbWTFM","recoverySpinner":"vbWTFM","recovery-message":"PYOjcb","recoveryMessage":"PYOjcb","modal-blocker":"F14Pbf","modalBlocker":"F14Pbf","modalFadeIn":"QZY1sv"};
 
 function ErrorHandler(props) {
     const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();