@epam/uui 5.13.3-beta.15 → 5.13.3-beta.16

package/index.js

@@ -182,7 +182,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
   }, props), /*#__PURE__*/React__namespace.createElement("g", {
-    clipPath: "url(#9nmqp40mapwie5hvaa_a)"
+    clipPath: "url(#a45jqvv905njdv4mk_a)"
   }, _path$I || (_path$I = /*#__PURE__*/React__namespace.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"
@@ -203,7 +203,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__namespace.createElement("mask", {
-    id: "9nmqp4cercd5kab2_b",
+    id: "a45jqvgyoh2gscvub_b",
     style: {
       maskType: "alpha"
     },
@@ -216,7 +216,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__namespace.createElement("g", {
-    mask: "url(#9nmqp4cercd5kab2_b)",
+    mask: "url(#a45jqvgyoh2gscvub_b)",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }, /*#__PURE__*/React__namespace.createElement("path", {
@@ -302,7 +302,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__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
-    id: "9nmqp40mapwie5hvaa_a"
+    id: "a45jqvv905njdv4mk_a"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     fill: "#fff",
     transform: "translate(.552)",
@@ -953,14 +953,14 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
 };
 var ForwardRef$4 = /*#__PURE__*/React.forwardRef(SvgSearchWithBackground);
 
-var css$1x = {"root":"Y3FCek","uui-spinner":"x7IyVM","uuiSpinner":"x7IyVM"};
+var css$1x = {"root":"uBNZpV","uui-spinner":"SfDTyZ","uuiSpinner":"SfDTyZ"};
 
 function applySpinnerMods() {
     return [css$1x.root, 'uui-spinner'];
 }
 const Spinner = /* @__PURE__ */uuiCore.withMods(uuiComponents.Spinner, applySpinnerMods);
 
-var css$1w = {"root":"nnMGUN","loading-word":"JRlr-g","loadingWord":"JRlr-g","animated-loading":"_7QbiIq","animatedLoading":"_7QbiIq","skeleton_loading":"oAXjGe","skeletonLoading":"oAXjGe"};
+var css$1w = {"root":"xQeFqx","loading-word":"_7Hrerr","loadingWord":"_7Hrerr","animated-loading":"hzTjMj","animatedLoading":"hzTjMj","skeleton_loading":"KR0cii","skeletonLoading":"KR0cii"};
 
 const TextPlaceholder = (props) => {
     const pattern = ' ';
@@ -977,7 +977,7 @@ const TextPlaceholder = (props) => {
         ]), dangerouslySetInnerHTML: { __html: it } })))));
 };
 
-var css$1v = {"root":"Vv8epw","line-height":"zqzdCU","lineHeight":"zqzdCU","font-size":"X2Fn6V","fontSize":"X2Fn6V"};
+var css$1v = {"root":"_5kWH8P","line-height":"EjS9gG","lineHeight":"EjS9gG","font-size":"_2CukI-","fontSize":"_2CukI-"};
 
 function applyTextMods(mods) {
     return [
@@ -1488,7 +1488,7 @@ const settings = {
     textInput: textInputSettings,
 };
 
-var css$1u = {"root":"_89CyGj"};
+var css$1u = {"root":"OADag8"};
 
 function applyButtonMods(mods) {
     return [
@@ -1506,7 +1506,7 @@ const Button = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Button,
     };
 });
 
-var css$1t = {"root":"nSb0mK"};
+var css$1t = {"root":"HSk8SZ"};
 
 function applyIconButtonMods(props) {
     return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1t.root];
@@ -1543,7 +1543,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$1s = {"root":"c8WkOY"};
+var css$1s = {"root":"mwlI48"};
 
 const DEFAULT_COLOR = 'primary';
 const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
@@ -1573,7 +1573,7 @@ const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
         props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$1r = {"root":"JeVL19"};
+var css$1r = {"root":"QvcLcQ"};
 
 const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
     return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
@@ -1585,7 +1585,7 @@ const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
         ]) }, props.caption));
 });
 
-var css$1q = {"root":"QvZsz7","withNotify":"VdYgD4"};
+var css$1q = {"root":"_-56kay","withNotify":"rI0xbX"};
 
 const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
     const styles = [
@@ -1613,14 +1613,14 @@ const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref
         props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
 });
 
-var css$1p = {"root":"oHo5k9"};
+var css$1p = {"root":"KCQ6o3"};
 
 function applyVerticalTabButtonMods() {
     return [css$1p.root, 'uui-vertical-tab-button'];
 }
 const VerticalTabButton = /* @__PURE__ */uuiCore.withMods(TabButton, applyVerticalTabButtonMods);
 
-var css$1o = {"root":"Z1DlCY"};
+var css$1o = {"root":"_4Rn0QF"};
 
 function applyCheckboxMods(mods) {
     return [
@@ -1638,7 +1638,7 @@ const applyUUICheckboxProps = (props) => {
 };
 const Checkbox = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
 
-var css$1n = {"root":"CVft0y"};
+var css$1n = {"root":"PEzKhN"};
 
 function applyRadioInputMods(mods) {
     return [
@@ -1650,7 +1650,7 @@ function applyRadioInputMods(mods) {
 }
 const RadioInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.RadioInput, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : settings.radioInput.icons.dotIcon }));
 
-var css$1m = {"root":"-xAQnk"};
+var css$1m = {"root":"SgNphB"};
 
 function applySwitchMods(mods) {
     return [
@@ -1674,7 +1674,7 @@ var EditMode;
     EditMode["INLINE"] = "inline";
 })(EditMode || (EditMode = {}));
 
-var textInputCss = {"root":"W1A75o"};
+var textInputCss = {"root":"pqyPe0"};
 
 const DEFAULT_MODE$3 = EditMode.FORM;
 function applyTextInputMods(mods) {
@@ -1699,7 +1699,7 @@ const SearchInput = /* @__PURE__ */React__namespace.default.forwardRef((props, r
         } }));
 });
 
-var css$1l = {"root":"_0-2bph"};
+var css$1l = {"root":"Cwv3tZ"};
 
 const ControlGroup = /* @__PURE__ */uuiCore.withMods(uuiComponents.ControlGroup, () => [css$1l.root, 'uui-control-group']);
 
@@ -1715,7 +1715,7 @@ function MultiSwitchComponent(props, ref) {
 }
 const MultiSwitch = /* @__PURE__ */React__namespace.forwardRef(MultiSwitchComponent);
 
-var css$1k = {"root":"kRR1wp"};
+var css$1k = {"root":"rMdBgP"};
 
 const DEFAULT_MODE$2 = EditMode.FORM;
 function applyNumericInputMods(mods) {
@@ -1735,7 +1735,7 @@ const NumericInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.NumericInput,
     };
 });
 
-var css$1j = {"root":"x4xqNL"};
+var css$1j = {"root":"zvxTpi"};
 
 const DEFAULT_MODE$1 = EditMode.FORM;
 function applyTextAreaMods(mods) {
@@ -1776,7 +1776,7 @@ function TREE_SHAKEABLE_INIT$1() {
     };
 }
 
-var css$1i = {"root":"FlRf-k","main-path":"MlUYO6","mainPath":"MlUYO6","content-wrapper":"h8EbN-","contentWrapper":"h8EbN-","content":"X1xSX3","action-wrapper":"ky9BqV","actionWrapper":"ky9BqV","icon-wrapper":"fh59XU","iconWrapper":"fh59XU","icon":"TRWAhT","close-icon":"uMi76K","closeIcon":"uMi76K"};
+var css$1i = {"root":"h-pR8A","main-path":"aQgTL6","mainPath":"aQgTL6","content-wrapper":"pGPbp9","contentWrapper":"pGPbp9","content":"_0Gb4KZ","action-wrapper":"vHm0p-","actionWrapper":"vHm0p-","icon-wrapper":"ClPEbG","iconWrapper":"ClPEbG","icon":"D3ywEa","close-icon":"eEV-CT","closeIcon":"eEV-CT"};
 
 const Alert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("div", { role: "alert", ref: ref, className: cx__default.default('uui-alert', css$1i.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.alert.sizes.default}`), ...props.rawProps },
     React__namespace.createElement("div", { className: css$1i.mainPath },
@@ -1794,7 +1794,7 @@ const ErrorAlert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => Re
 
 const Dropdown = /* @__PURE__ */uuiCore.withMods(uuiComponents.Dropdown);
 
-var css$1h = {"root":"TwPR0a"};
+var css$1h = {"root":"nvf-os"};
 
 function applyDropdownContainerMods(mods) {
     return [
@@ -1805,7 +1805,7 @@ function applyDropdownContainerMods(mods) {
 }
 const DropdownContainer = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.DropdownContainer, applyDropdownContainerMods);
 
-var css$1g = {"submenu-root-item-rtl":"Ss-AVI","submenuRootItemRtl":"Ss-AVI","icon-after":"eebYSm","iconAfter":"eebYSm","submenu-root-item":"cshMj7","submenuRootItem":"cshMj7","icon-check":"Fuqbpd","iconCheck":"Fuqbpd","splitter-root":"edVLjk","splitterRoot":"edVLjk","splitter":"j2hW2p","header-root":"wPlsU4","headerRoot":"wPlsU4","item-root":"zK40UL","itemRoot":"zK40UL","icon":"-ROT-i","link":"jssKeW","indent":"crfAL3","selected-mark":"Dl8RJj","selectedMark":"Dl8RJj"};
+var css$1g = {"submenu-root-item-rtl":"DPQjb4","submenuRootItemRtl":"DPQjb4","icon-after":"q6WIlK","iconAfter":"q6WIlK","submenu-root-item":"RRAdJj","submenuRootItem":"RRAdJj","icon-check":"tzIW1v","iconCheck":"tzIW1v","splitter-root":"LF-G4p","splitterRoot":"LF-G4p","splitter":"liGrxD","header-root":"LBVShm","headerRoot":"LBVShm","item-root":"LXMMbo","itemRoot":"LXMMbo","icon":"_5yph-V","link":"yYq2Cj","indent":"ygx-6L","selected-mark":"HigkAX","selectedMark":"HigkAX"};
 
 exports.IDropdownControlKeys = void 0;
 (function (IDropdownControlKeys) {
@@ -1935,7 +1935,7 @@ function DropdownMenuSwitchButton(props) {
         React__namespace.default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
 }
 
-var css$1f = {"root":"D-fkRP","mode-block":"-qb2Ca","modeBlock":"-qb2Ca","mode-inline":"jicuec","modeInline":"jicuec","padding-0":"W6CcRa","padding0":"W6CcRa","padding-6":"_1ipZi0","padding6":"_1ipZi0","padding-12":"A--yU-","padding12":"A--yU-","padding-18":"jB0WDP","padding18":"jB0WDP"};
+var css$1f = {"root":"ygs8og","mode-block":"_7r98ga","modeBlock":"_7r98ga","mode-inline":"VQ-VwF","modeInline":"VQ-VwF","padding-0":"D4tGka","padding0":"D4tGka","padding-6":"yI2TPI","padding6":"yI2TPI","padding-12":"mlZ7vj","padding12":"mlZ7vj","padding-18":"WQL9MZ","padding18":"WQL9MZ"};
 
 function applyAccordionMods(mods) {
     return [
@@ -1948,7 +1948,7 @@ const Accordion = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Accor
     dropdownIcon: mods.dropdownIcon !== null && settings.accordion.icons.dropdownIcon,
 }));
 
-var css$1e = {"root":"ZDkKJm","align-items":"iH1CLg","alignItems":"iH1CLg","justify-content":"-a0sH5","justifyContent":"-a0sH5","border-top":"EdqxvZ","borderTop":"EdqxvZ","border-bottom":"N7EGB1","borderBottom":"N7EGB1","top-shadow":"_40548b","topShadow":"_40548b","padding":"vU8C3F","margin":"A5Tn7m","vPadding":"bYtR7l","column-gap":"_5XoK8a","columnGap":"_5XoK8a","row-gap":"jImtqB","rowGap":"jImtqB","spacing":"qGaw6X"};
+var css$1e = {"root":"hhTHMv","align-items":"ccj0CA","alignItems":"ccj0CA","justify-content":"_89mBhI","justifyContent":"_89mBhI","border-top":"d7xc7r","borderTop":"d7xc7r","border-bottom":"-BG-0M","borderBottom":"-BG-0M","top-shadow":"w03gLs","topShadow":"w03gLs","padding":"ogO6hR","margin":"lJ0RrJ","vPadding":"jRPIB-","column-gap":"ZirHzp","columnGap":"ZirHzp","row-gap":"AU2kVp","rowGap":"AU2kVp","spacing":"eYl8I0"};
 
 const FlexCell = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexCell, () => [css$1e.flexCell]);
 
@@ -1993,7 +1993,7 @@ const FlexRow = /* @__PURE__ */React.forwardRef((props, ref) => {
         } }, props.children));
 });
 
-var css$1d = {"root":"eR1bfJ","margin-24":"IuecPv","margin24":"IuecPv","padding-12":"MKybi-","padding12":"MKybi-","padding-24":"YPTm-0","padding24":"YPTm-0","shadow":"qR6Sff","uui-surface-main":"_9uQqXS","uuiSurfaceMain":"_9uQqXS"};
+var css$1d = {"root":"-HazSY","margin-24":"SHumNn","margin24":"SHumNn","padding-12":"dXaN0D","padding12":"dXaN0D","padding-24":"kYY7Hv","padding24":"kYY7Hv","shadow":"WZCc31","uui-surface-main":"vaLkli","uuiSurfaceMain":"vaLkli"};
 
 const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
     'uui-panel',
@@ -2003,7 +2003,7 @@ const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
     props.background && css$1d[`uui-${props.background}`],
 ]);
 
-var css$1c = {"root":"vNDwhb"};
+var css$1c = {"root":"BmvSiL"};
 
 function applyTooltipMods(mods) {
     return [
@@ -2013,7 +2013,7 @@ function applyTooltipMods(mods) {
 }
 const Tooltip = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Tooltip, applyTooltipMods);
 
-var css$1b = {"root":"_4B2a-n"};
+var css$1b = {"root":"Z1ldWE"};
 
 function applyLabeledInputMods(mods) {
     return [
@@ -2030,7 +2030,7 @@ function applyLabeledInputProps(props) {
 }
 const LabeledInput = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.LabeledInput, applyLabeledInputMods, applyLabeledInputProps);
 
-var css$1a = {"root":"NUUSVY"};
+var css$1a = {"root":"udsFqR"};
 
 function RadioGroup(props) {
     const direction = props.direction || 'vertical';
@@ -2045,7 +2045,7 @@ function RadioGroup(props) {
     })));
 }
 
-var css$19 = {"root":"_5-rgQI"};
+var css$19 = {"root":"DUwRpB"};
 
 function applyScrollBarsMods() {
     return [
@@ -2054,9 +2054,9 @@ function applyScrollBarsMods() {
 }
 const ScrollBars = /* @__PURE__ */uuiCore.withMods(uuiComponents.ScrollBars, applyScrollBarsMods);
 
-var css$18 = {"scroll-container":"_1lTc47","scrollContainer":"_1lTc47","list-container":"jgpIP-","listContainer":"jgpIP-"};
+var css$18 = {"scroll-container":"sSLdTg","scrollContainer":"sSLdTg","list-container":"zpsnWn","listContainer":"zpsnWn"};
 
-var css$17 = {"root":"u-s9yq"};
+var css$17 = {"root":"mcIcBz"};
 
 const Blocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.Blocker, () => [css$17.root], () => ({ renderSpinner: settings.blocker.renderSpinner }));
 
@@ -2102,7 +2102,7 @@ const VirtualListView = /* @__PURE__ */React__namespace.forwardRef((props, ref)
         React__namespace.createElement(Blocker, { isEnabled: props.isLoading })));
 });
 
-var css$16 = {"root":"WJOZs9"};
+var css$16 = {"root":"pU0x-7"};
 
 function CheckboxGroup(props) {
     const currentValue = props.value || [];
@@ -2124,7 +2124,7 @@ function CheckboxGroup(props) {
     })));
 }
 
-var css$15 = {"root":"kgy0DQ","modal-blocker":"FcEOC8","modalBlocker":"FcEOC8","animateModalBlocker":"stKk2v","modal":"Mg0yc8","modal-footer":"XOt6UC","modalFooter":"XOt6UC","border-top":"BbKhWy","borderTop":"BbKhWy","modal-header":"oACdES","modalHeader":"oACdES","border-bottom":"no-elQ","borderBottom":"no-elQ"};
+var css$15 = {"root":"nMSHDb","modal-blocker":"SzReWn","modalBlocker":"SzReWn","animateModalBlocker":"sTqUk1","modal":"_3MTb4z","modal-footer":"we1Sf1","modalFooter":"we1Sf1","border-top":"mwcZ5r","borderTop":"mwcZ5r","modal-header":"Ogpz3v","modalHeader":"Ogpz3v","border-bottom":"_1bq2E4","borderBottom":"_1bq2E4"};
 
 const ModalBlocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalBlocker, () => [css$15.modalBlocker]);
 const ModalWindow = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalWindow, () => [css$15.root, css$15.modal], (props) => {
@@ -2314,7 +2314,7 @@ const TREE_SHAKEABLE_INIT = () => ({
 });
 const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
 
-var css$14 = {"root":"OvWzjy","icon-wrapper":"aacyzO","iconWrapper":"aacyzO","action-wrapper":"_3-ygau","actionWrapper":"_3-ygau","close-icon":"gS4OT7","closeIcon":"gS4OT7","main-path":"_6qg3EL","mainPath":"_6qg3EL","content":"D-r-vD","close-wrapper":"TF9EeT","closeWrapper":"TF9EeT","clear-notifications":"hQe00w","clearNotifications":"hQe00w"};
+var css$14 = {"root":"ZLNL06","icon-wrapper":"fi7MTq","iconWrapper":"fi7MTq","action-wrapper":"Ke7ggT","actionWrapper":"Ke7ggT","close-icon":"BZsaRb","closeIcon":"BZsaRb","main-path":"_4Heoji","mainPath":"_4Heoji","content":"V9B35m","close-wrapper":"aHNG4A","closeWrapper":"aHNG4A","clear-notifications":"Jac6ZD","clearNotifications":"Jac6ZD"};
 
 const NotificationCard = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
     const notificationCardNode = React__namespace.default.useRef(null);
@@ -2347,7 +2347,7 @@ function ClearNotification() {
         React__namespace.default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
 }
 
-var css$13 = {"footer":"_5Y9mvc"};
+var css$13 = {"footer":"P-dQel"};
 
 class ConfirmationModal extends React__namespace.Component {
     render() {
@@ -2389,7 +2389,7 @@ function useReliableForceUpdate() {
     return red[1];
 }
 
-var css$12 = {"root":"sQEwf4","timepicker-input":"SdeKMJ","timepickerInput":"SdeKMJ","ltr-always":"GI7688","ltrAlways":"GI7688"};
+var css$12 = {"root":"Gm5gtw","timepicker-input":"_4QAG90","timepickerInput":"_4QAG90","ltr-always":"XE4mXR","ltrAlways":"XE4mXR"};
 
 const uuiTimePicker = {
     container: 'uui-timepicker-container',
@@ -2582,7 +2582,7 @@ function TimePicker(props) {
     return (React__namespace.default.createElement(Dropdown, { renderTarget: (targetProps) => (props.renderTarget ? props.renderTarget(targetProps) : renderInput(targetProps)), renderBody: (bodyProps) => !props.isDisabled && !props.isReadonly && renderBody(bodyProps), onValueChange: !props.isDisabled && !props.isReadonly ? onToggle : null, value: state.isOpen, modifiers: [{ name: 'offset', options: { offset: [0, 6] } }], forwardedRef: props.forwardedRef }));
 }
 
-var css$11 = {"root":"G1xgVI"};
+var css$11 = {"root":"IOV4Iv"};
 
 function applyInputAddonMods() {
     return [
@@ -2591,14 +2591,14 @@ function applyInputAddonMods() {
 }
 const InputAddon = /* @__PURE__ */uuiCore.withMods(uuiComponents.InputAddon, applyInputAddonMods);
 
-var css$10 = {"root":"j0N4f2"};
+var css$10 = {"root":"_7Sh7We"};
 
 function applySliderMods() {
     return [css$10.root, 'uui-color-neutral'];
 }
 const Slider = /* @__PURE__ */uuiCore.withMods(uuiComponents.Slider, applySliderMods);
 
-var css$$ = {"root":"_3bGAan","tooltip":"w1Q4wJ"};
+var css$$ = {"root":"-kn6vK","tooltip":"Gl6aXv"};
 
 function applyRatingMods(mods) {
     return [
@@ -2612,7 +2612,7 @@ const Rating = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Rating,
     Tooltip,
 }));
 
-var css$_ = {"root":"_7ExibP","container":"rTmVPX"};
+var css$_ = {"root":"vX5be-","container":"xysMtA"};
 
 const defaultFormat = 'MMM D, YYYY';
 const valueFormat = 'YYYY-MM-DD';
@@ -2823,14 +2823,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
             React__namespace.createElement(Button, { icon: navIconRight || settings.datePicker.icons.body.nextIcon, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
 }
 
-var css$Z = {"root":"oW8nH9"};
+var css$Z = {"root":"_40kYas"};
 
 function applyDateSelectionMods() {
     return [css$Z.root, `uui-size-${settings.datePicker.sizes.body}`];
 }
 const Calendar = /* @__PURE__ */uuiCore.withMods(uuiComponents.Calendar, applyDateSelectionMods);
 
-var css$Y = {"root":"NYGCUp"};
+var css$Y = {"root":"_1LrhLD"};
 
 const uuiDatePickerBody = {
     wrapper: 'uui-datepicker-body-wrapper',
@@ -2956,7 +2956,7 @@ function DatePickerComponent(props, ref) {
 }
 const DatePicker = /* @__PURE__ */React__namespace.default.forwardRef(DatePickerComponent);
 
-var css$X = {"date-input":"V6kBLe","dateInput":"V6kBLe","root":"W02bCT","separator":"C-etaH"};
+var css$X = {"date-input":"iCUGgB","dateInput":"iCUGgB","root":"K3vrTI","separator":"y78KHQ"};
 
 const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, onKeyDown, id, cx: classes, }, ref) => {
     const [inputValue, setInputValue] = React.useState(toCustomDateRangeFormat(value, format));
@@ -3007,7 +3007,7 @@ const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isIn
             } : 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$W = {"root":"rh6Mam"};
+var css$W = {"root":"WpZWSu"};
 
 const uuiPresets = {
     container: 'uui-presets-container',
@@ -3027,7 +3027,7 @@ function CalendarPresets(props) {
         getPresets(props.presets).map((item) => (React__namespace.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: settings.rangeDatePicker.sizes.preset })))));
 }
 
-var css$V = {"root":"Qcr5vB","container":"ZMK89n","day-selection":"EsOIKx","daySelection":"EsOIKx","from-picker":"Ibljsn","fromPicker":"Ibljsn","to-picker":"iA0-7C","toPicker":"iA0-7C","bodes-wrapper":"_6Ftfbd","bodesWrapper":"_6Ftfbd","blocker":"bDiIW1"};
+var css$V = {"root":"M90XqM","container":"qglxpo","day-selection":"HSwrrk","daySelection":"HSwrrk","from-picker":"idtrY6","fromPicker":"idtrY6","to-picker":"_1g2CEw","toPicker":"_1g2CEw","bodes-wrapper":"SaBBbp","bodesWrapper":"SaBBbp","blocker":"RIuYV0"};
 
 const uuiRangeDatePickerBody = {
     inRange: 'uui-range-datepicker-in-range',
@@ -3202,7 +3202,7 @@ const getDayCX = (day, selectedDate) => {
     return [cx__default.default(inRange && uuiRangeDatePickerBody.inRange, isFirst && uuiRangeDatePickerBody.firstDayInRangeWrapper, !inRange && isFirst && uuiRangeDatePickerBody.lastDayInRangeWrapper, isLast && uuiRangeDatePickerBody.lastDayInRangeWrapper, !inRange && isLast && uuiRangeDatePickerBody.firstDayInRangeWrapper, (dayValue === fromValue || dayValue === toValue) && uuiComponents.uuiDaySelection.selectedDay)];
 };
 
-var css$U = {"dropdown-container":"_6joeGy","dropdownContainer":"_6joeGy"};
+var css$U = {"dropdown-container":"-ArUst","dropdownContainer":"-ArUst"};
 
 const modifiers = [{
         name: 'offset',
@@ -3270,7 +3270,7 @@ function RangeDatePickerComponent(props, ref) {
 }
 const RangeDatePicker = /* @__PURE__ */React__namespace.default.forwardRef(RangeDatePickerComponent);
 
-var css$T = {"root":"_2z24bt","blocker":"fCGYTh","marker":"_99uCK9","top":"L1XILh","bottom":"HXRacB","left":"_87Qx-G","right":"npnxSY","inside":"L9DchH"};
+var css$T = {"root":"lmIFVh","blocker":"_7Hx0X5","marker":"sgsJix","top":"_2akI9I","bottom":"AElEkL","left":"EzTkBt","right":"PdAviX","inside":"yBTUfN"};
 
 function DropMarker(props) {
     return props.isDndInProgress
@@ -3287,7 +3287,7 @@ function DropMarker(props) {
 
 const RichTextView = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || settings.richTextView.sizes.default}`]);
 
-var css$S = {"modal":"CWIbDl","search-wrapper":"dOuKvS","searchWrapper":"dOuKvS","no-data":"_90yVWh","noData":"_90yVWh"};
+var css$S = {"modal":"Z9RZjN","search-wrapper":"Wx9ue3","searchWrapper":"Wx9ue3","no-data":"ddHpjG","noData":"ddHpjG"};
 
 class DataPickerBody extends uuiComponents.PickerBodyBase {
     constructor() {
@@ -3364,7 +3364,7 @@ function DataPickerFooterImpl(props) {
 }
 const DataPickerFooter = /* @__PURE__ */React__namespace.default.memo(DataPickerFooterImpl);
 
-var css$R = {"header":"Q2xmr9","title":"IAtEEE","close":"yFI1Aq"};
+var css$R = {"header":"JiY0Sr","title":"YMI6N4","close":"Bzpw08"};
 
 const DataPickerHeaderImpl = (props) => {
     const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
@@ -3374,11 +3374,11 @@ const DataPickerHeaderImpl = (props) => {
 };
 const DataPickerHeader = /* @__PURE__ */React__namespace.default.memo(DataPickerHeaderImpl);
 
-var css$Q = {"root":"PgXypQ"};
+var css$Q = {"root":"oG5UtH"};
 
 const AvatarStack = /* @__PURE__ */uuiCore.withMods(uuiComponents.AvatarStack, () => [css$Q.root]);
 
-var css$P = {"root":"m7XwJ-"};
+var css$P = {"root":"gteP-Y"};
 
 const DEFAULT_FILL = 'solid';
 function applyBadgeMods(mods) {
@@ -3406,7 +3406,7 @@ const Badge = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) =>
         props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$O = {"root":"oYB9MZ"};
+var css$O = {"root":"_6jQ64p"};
 
 function applyTagMods(props) {
     return [
@@ -3434,7 +3434,7 @@ const Tag = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
         props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
 });
 
-var css$N = {"root":"vkZOn9","page":"t0LjRW","spacer":"ikFkqm","mode-ghost":"zA90gz","modeGhost":"zA90gz"};
+var css$N = {"root":"_3P44U-","page":"e0Z5M9","spacer":"V9p9-H","mode-ghost":"p-Nk5V","modeGhost":"p-Nk5V"};
 
 function Paginator(props) {
     const renderPaginator = (params) => (React__namespace.default.createElement("nav", { role: "navigation", className: cx__default.default(css$N.root, 'uui-paginator', `uui-size-${props.size || settings.paginator.sizes.default}`), ...params.rawProps },
@@ -3451,14 +3451,14 @@ function Paginator(props) {
     return React__namespace.default.createElement(uuiComponents.Paginator, { ...props, render: renderPaginator });
 }
 
-var css$M = {"root":"_12km2l","progress-bar":"O5XffO","progressBar":"O5XffO","progressBar-indeterminate":"_5Jpgjx","progressBarIndeterminate":"_5Jpgjx","size-12":"_61kyee","size12":"_61kyee","size-18":"sEdr-5","size18":"sEdr-5","size-24":"TZDXRV","size24":"TZDXRV"};
+var css$M = {"root":"_4V3YMi","progress-bar":"_8hKyAR","progressBar":"_8hKyAR","progressBar-indeterminate":"uUXs5E","progressBarIndeterminate":"uUXs5E","size-12":"T43fcj","size12":"T43fcj","size-18":"W0TNLs","size18":"W0TNLs","size-24":"f-mU84","size24":"f-mU84"};
 
 const IndeterminateBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     return (React__namespace.createElement("div", { ref: ref, className: cx__default.default('uui-indeterminate_bar', props.cx, css$M.root, css$M[`size-${props.size || 12}`]) },
         React__namespace.createElement("div", { className: cx__default.default(css$M.progressBar) })));
 });
 
-var css$L = {"root":"A7TYsh","striped":"CCBuv0","animate-stripes":"EjKXBG","animateStripes":"EjKXBG","size-12":"maoj7o","size12":"maoj7o","size-18":"Optlbd","size18":"Optlbd","size-24":"d2nOcR","size24":"d2nOcR"};
+var css$L = {"root":"ars3z8","striped":"_8iqRMR","animate-stripes":"Jb-ROI","animateStripes":"Jb-ROI","size-12":"m64yto","size12":"m64yto","size-18":"oMfeA7","size18":"oMfeA7","size-24":"xfBubh","size24":"xfBubh"};
 
 const DEFAULT_SIZE = '12';
 function applyProgressBarMods(mods) {
@@ -3473,14 +3473,14 @@ const ProgressBar = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Pro
     hideLabel: props.hideLabel || props.striped,
 }));
 
-var css$K = {"root":"GzJ1Ic"};
+var css$K = {"root":"gdlqiC"};
 
 const IndicatorBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     const { progress } = props;
     return progress || progress === 0 ? (React__namespace.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx__default.default(css$K.root, props.cx), hideLabel: true })) : (React__namespace.createElement(IndeterminateBar, { ref: ref, cx: cx__default.default(css$K.root, props.cx) }));
 });
 
-var css$J = {"root":"H7j0m9"};
+var css$J = {"root":"_4BSuxC"};
 
 const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
     return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
@@ -3495,7 +3495,7 @@ const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
         React__namespace.default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
 });
 
-var css$I = {"drag-handle":"zbCoh-","dragHandle":"zbCoh-","icon-container":"_1n-Cuq","iconContainer":"_1n-Cuq"};
+var css$I = {"drag-handle":"ueUlUX","dragHandle":"ueUlUX","icon-container":"hIXwlO","iconContainer":"hIXwlO"};
 
 function DataRowAddons(props) {
     const row = props.rowProps;
@@ -3516,7 +3516,7 @@ function DataRowAddons(props) {
             ], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row), size: settings.dataTable.sizes.body.iconMap[props.size || settings.dataTable.sizes.body.row] }))))));
 }
 
-var css$H = {"root":"lE0PQN","align-widgets-top":"bxsxjm","alignWidgetsTop":"bxsxjm","align-widgets-center":"bx9SoP","alignWidgetsCenter":"bx9SoP","icon-container":"sHTDaO","iconContainer":"sHTDaO","content-wrapper":"mFrhfP","contentWrapper":"mFrhfP","render-item":"lVqCSM","renderItem":"lVqCSM","icon-wrapper":"FI5mIt","iconWrapper":"FI5mIt","icon-default":"YZcYeL","iconDefault":"YZcYeL","selected-mark":"SO523f","selectedMark":"SO523f"};
+var css$H = {"root":"zmG8pX","align-widgets-top":"mNkg33","alignWidgetsTop":"mNkg33","align-widgets-center":"pLsbJJ","alignWidgetsCenter":"pLsbJJ","icon-container":"J4Adhq","iconContainer":"J4Adhq","content-wrapper":"xQBeVB","contentWrapper":"xQBeVB","render-item":"gCFJcn","renderItem":"gCFJcn","icon-wrapper":"rxKzdI","iconWrapper":"rxKzdI","icon-default":"xbD8BN","iconDefault":"xbD8BN","selected-mark":"_672dUe","selectedMark":"_672dUe"};
 
 function DataPickerCell(props) {
     const ref = React__namespace.useRef();
@@ -3554,7 +3554,7 @@ function DataPickerCell(props) {
         getWrappedContent()));
 }
 
-var css$G = {"picker-row":"Tys3fL","pickerRow":"Tys3fL"};
+var css$G = {"picker-row":"_8sunJF","pickerRow":"_8sunJF"};
 
 class DataPickerRow extends React__namespace.Component {
     constructor() {
@@ -3568,7 +3568,7 @@ class DataPickerRow extends React__namespace.Component {
     }
 }
 
-var css$F = {"done":"nSfFiW","container":"UDSUhr"};
+var css$F = {"done":"_05WTM-","container":"JEDu8Q"};
 
 const PickerBodyMobileView = (props) => {
     const isMobileView = uuiCore.isMobile();
@@ -3645,7 +3645,7 @@ const getHighlightedSearchMatches = (str, search) => {
     return getDecoratedText(str, ranges);
 };
 
-var css$E = {"root":"g-lo70","column-gap":"DiWeoE","columnGap":"DiWeoE","title":"H7nEbG","subtitle":"gNv8BV","disabled":"s-XTPW","multiline":"_0Lk7aS"};
+var css$E = {"root":"kUC1rV","column-gap":"sGCMys","columnGap":"sGCMys","title":"SYPJi8","subtitle":"Db4B5M","disabled":"Ijj9tg","multiline":"CknqNe"};
 
 function PickerItem(props) {
     const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
@@ -3666,7 +3666,7 @@ function getAvatarSize(size, isMultiline) {
     return settings.pickerInput.sizes.body[isMultiline ? 'itemAvatarMultilineMap' : 'itemAvatarMap'][size];
 }
 
-var css$D = {"sub-header-wrapper":"kuwryW","subHeaderWrapper":"kuwryW","switch":"RtDciS","no-found-modal-container":"d4d8Lq","noFoundModalContainer":"d4d8Lq","no-found-modal-container-icon":"gvZt3n","noFoundModalContainerIcon":"gvZt3n","no-found-modal-container-text":"LRbbln","noFoundModalContainerText":"LRbbln"};
+var css$D = {"sub-header-wrapper":"GbVfL-","subHeaderWrapper":"GbVfL-","switch":"vrCY4k","no-found-modal-container":"dA6eR2","noFoundModalContainer":"dA6eR2","no-found-modal-container-icon":"M2piiW","noFoundModalContainerIcon":"M2piiW","no-found-modal-container-text":"lE3fmI","noFoundModalContainerText":"lE3fmI"};
 
 function PickerModal(props) {
     const { view, selection, dataSourceStateLens, dataSourceState, getDataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = uuiComponents.usePickerModal(props);
@@ -3721,7 +3721,7 @@ function PickerModal(props) {
             React__namespace.default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
 }
 
-var css$C = {"tooltip":"VsuUr8"};
+var css$C = {"tooltip":"aJghw1"};
 
 const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     const tagProps = {
@@ -3740,7 +3740,7 @@ const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref)
     }
 });
 
-var css$B = {"root":"uaw-o1"};
+var css$B = {"root":"VA3soz"};
 
 const defaultMode = EditMode.FORM;
 function applyPickerTogglerMods(mods) {
@@ -3841,7 +3841,7 @@ function PickerInputComponent({ highlightSearchMatches = true, ...props }, ref)
 }
 const PickerInput = /* @__PURE__ */React__namespace.default.forwardRef(PickerInputComponent);
 
-var css$A = {"row":"_9wHyA2"};
+var css$A = {"row":"hn3fIe"};
 
 function PickerListItem(props) {
     let label;
@@ -3861,7 +3861,7 @@ function PickerListItem(props) {
     return (React__namespace.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":"Xp27tW"};
+var css$z = {"root":"_1H65me"};
 
 function PickerList(props) {
     const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, dataSourceState, getModalTogglerCaption, } = uuiComponents.usePickerList(props);
@@ -3896,7 +3896,7 @@ function PickerList(props) {
             }, selectedRows)));
 }
 
-var css$y = {"root":"woJ1xW","wrapper":"zfPYSL","align-widgets-top":"Ms3X1F","alignWidgetsTop":"Ms3X1F","align-widgets-center":"ROIGR4","alignWidgetsCenter":"ROIGR4"};
+var css$y = {"root":"PEs6O7","wrapper":"UN3-S-","align-widgets-top":"vuSdsC","alignWidgetsTop":"vuSdsC","align-widgets-center":"_7-kgDR","alignWidgetsCenter":"_7-kgDR"};
 
 function DataTableCell(initialProps) {
     const props = { ...initialProps };
@@ -3936,6 +3936,8 @@ function DataTableCell(initialProps) {
         props.isLastColumn && 'uui-dt-last-column',
         css$y[`align-widgets-${props.alignActions || 'top'}`],
         (props.border || isEditable) && 'uui-dt-vertical-cell-border',
+        props.isDisabled && uuiCore.uuiMod.disabled,
+        props.isReadonly && uuiCore.uuiMod.readonly,
     ];
     props.style = {
         '--uui-dt-cell-padding-start': getLeftPadding(),
@@ -3944,7 +3946,7 @@ function DataTableCell(initialProps) {
     return React__namespace.createElement(uuiComponents.DataTableCell, { ...props });
 }
 
-var css$x = {"root":"xYu8k-"};
+var css$x = {"root":"Al83d-"};
 
 // 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.
@@ -3960,7 +3962,7 @@ const DataTableRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableRow,
     ];
 }, () => propsMods);
 
-var css$w = {"sorting-panel-container":"U3a2Br","sortingPanelContainer":"U3a2Br"};
+var css$w = {"sorting-panel-container":"BdguDy","sortingPanelContainer":"BdguDy"};
 
 const SortingPanelImpl = ({ sortDirection, onSort }) => {
     const sortAsc = React.useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
@@ -3985,7 +3987,7 @@ const ColumnHeaderDropdownImpl = (props) => {
 };
 const ColumnHeaderDropdown = /* @__PURE__ */React__namespace.default.memo(ColumnHeaderDropdownImpl);
 
-var css$v = {"root":"wO5Yel","caption-wrapper":"lZEFWt","captionWrapper":"lZEFWt","sort-icon":"uoY-w4","sortIcon":"uoY-w4","dropdown-icon":"PSjnbt","dropdownIcon":"PSjnbt","infoIcon":"tFEOOh","resizable":"btW9eH","align-right":"huO-f1","alignRight":"huO-f1","align-center":"_4Z9DAU","alignCenter":"_4Z9DAU","caption":"uLrg--","truncate":"lZfAzO","upper-case":"BaX94h","upperCase":"BaX94h","checkbox":"nEnjrS","icon":"KARJeF","fold-all-icon":"Rmjyy2","foldAllIcon":"Rmjyy2","cell-tooltip":"_1Hi4yi","cellTooltip":"_1Hi4yi","resizing-marker":"o8prKr","resizingMarker":"o8prKr","pinned-right":"UsShPg","pinnedRight":"UsShPg","draggable":"_2OLjuO","ghost":"A3-pht","is-dragged-out":"xHFJwy","isDraggedOut":"xHFJwy","dnd-marker-left":"_0RTUOW","dndMarkerLeft":"_0RTUOW","dnd-marker-right":"GektSz","dndMarkerRight":"GektSz","cell-tooltip-wrapper":"uJ6iJu","cellTooltipWrapper":"uJ6iJu","cell-tooltip-text":"_493gaK","cellTooltipText":"_493gaK","tooltip-caption":"lVfLdq","tooltipCaption":"lVfLdq","tooltip-info":"Cp4FbQ","tooltipInfo":"Cp4FbQ"};
+var css$v = {"root":"B3pgt7","caption-wrapper":"_60YL0I","captionWrapper":"_60YL0I","sort-icon":"Syzfxw","sortIcon":"Syzfxw","dropdown-icon":"FSguwV","dropdownIcon":"FSguwV","infoIcon":"_8GoHoD","resizable":"-Oznw4","align-right":"qvEyYN","alignRight":"qvEyYN","align-center":"KqqnGe","alignCenter":"KqqnGe","caption":"_7yU-dF","truncate":"Jgt8uv","upper-case":"bypD3a","upperCase":"bypD3a","checkbox":"NPraA4","icon":"K6XpWw","fold-all-icon":"gGswy2","foldAllIcon":"gGswy2","cell-tooltip":"MOB6ez","cellTooltip":"MOB6ez","resizing-marker":"WxU-9B","resizingMarker":"WxU-9B","pinned-right":"uExrGJ","pinnedRight":"uExrGJ","draggable":"LCforG","ghost":"hwM6eA","is-dragged-out":"_1ew2tx","isDraggedOut":"_1ew2tx","dnd-marker-left":"GfdVug","dndMarkerLeft":"GfdVug","dnd-marker-right":"TE1Di6","dndMarkerRight":"TE1Di6","cell-tooltip-wrapper":"RPWfZ0","cellTooltipWrapper":"RPWfZ0","cell-tooltip-text":"U2F6RS","cellTooltipText":"U2F6RS","tooltip-caption":"Hcq5sm","tooltipCaption":"Hcq5sm","tooltip-info":"OvPucH","tooltipInfo":"OvPucH"};
 
 class DataTableHeaderCell extends React__namespace.Component {
     constructor() {
@@ -4006,7 +4008,7 @@ class DataTableHeaderCell extends React__namespace.Component {
                 this.props.size >= '48' && css$v.truncate,
             ]);
             return (React__namespace.createElement("div", { className: uuiCore.cx(css$v.captionWrapper, css$v['align-' + this.props.column.textAlign], uuiCore.uuiDataTableHeaderCell.uuiTableHeaderCaptionWrapper) },
-                React__namespace.createElement(Tooltip, { placement: "top", color: "inverted", content: renderTooltip(this.props.column), cx: css$v.cellTooltip, openDelay: 600 },
+                React__namespace.createElement(Tooltip, { placement: "top", color: "inverted", content: renderTooltip(this.props.column), cx: [css$v.cellTooltip, 'uui-dt-header-tooltip'], openDelay: 600 },
                     React__namespace.createElement("div", { key: "text", className: captionCx }, this.props.column.caption)),
                 this.props.column.isSortable && (!this.props.column.renderFilter || this.props.sortDirection) && (React__namespace.createElement(IconButton, { key: "sort", cx: uuiCore.cx(css$v.icon, css$v.sortIcon, this.props.sortDirection && css$v.sortIconActive, uuiCore.uuiDataTableHeaderCell.uuiTableHeaderSortIcon), color: this.props.sortDirection ? 'neutral' : 'secondary', icon: settings.dataTable.icons.header[this.props.sortDirection === 'desc' ? 'descSortIcon' : this.props.sortDirection === 'asc' ? 'ascSortIcon' : 'defaultSortIcon'] })),
                 this.props.isFilterActive && (React__namespace.createElement(IconButton, { key: "filter", cx: uuiCore.cx(css$v.icon, !this.props.sortDirection && css$v.filterIcon, uuiCore.uuiDataTableHeaderCell.uuiTableHeaderFilterIcon), color: "neutral", icon: settings.dataTable.icons.header.filterIcon })),
@@ -4079,7 +4081,7 @@ class DataTableHeaderCell extends React__namespace.Component {
     }
 }
 
-var css$u = {"root":"ibgs9S","caption-wrapper":"G7RApq","captionWrapper":"G7RApq","align-center":"DyjMt3","alignCenter":"DyjMt3","caption":"PSN1h7","truncate":"ik7XIp","upper-case":"-pSQFY","upperCase":"-pSQFY","group-cell-tooltip":"_6KEl2r","groupCellTooltip":"_6KEl2r","group-cell-tooltip-wrapper":"RdGvv1","groupCellTooltipWrapper":"RdGvv1","group-cell-tooltip-text":"J5Lasx","groupCellTooltipText":"J5Lasx","tooltip-caption":"C-T6d4","tooltipCaption":"C-T6d4","tooltip-info":"NKsj47","tooltipInfo":"NKsj47"};
+var css$u = {"root":"FjeTvW","caption-wrapper":"VwM8iG","captionWrapper":"VwM8iG","align-center":"_4OXnjr","alignCenter":"_4OXnjr","caption":"BTI-Tc","truncate":"_8oRs82","upper-case":"GOGHx2","upperCase":"GOGHx2","group-cell-tooltip":"OZyu8G","groupCellTooltip":"OZyu8G","group-cell-tooltip-wrapper":"cruDON","groupCellTooltipWrapper":"cruDON","group-cell-tooltip-text":"L-9AeE","groupCellTooltipText":"L-9AeE","tooltip-caption":"qecu37","tooltipCaption":"qecu37","tooltip-info":"wDwLy7","tooltipInfo":"wDwLy7"};
 
 class DataTableHeaderGroupCell extends React__namespace.Component {
     constructor() {
@@ -4119,7 +4121,7 @@ class DataTableHeaderGroupCell extends React__namespace.Component {
     }
 }
 
-var css$t = {"root":"LOZpj1"};
+var css$t = {"root":"XEJu6q"};
 
 const DataTableHeaderRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableHeaderRow, () => [css$t.root, 'uui-dt-vars'], (mods) => ({
     renderCell: (props) => (React__namespace.createElement(DataTableHeaderCell, { ...props, size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
@@ -4136,7 +4138,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":"bsRDan","title-wrapper":"RHl5gb","titleWrapper":"RHl5gb","title":"_5VcRHU","text-wrapper":"YTVwz7","textWrapper":"YTVwz7","selection":"Y6eLBn","postfix":"fH0L1x","selected":"I-fLTv"};
+var css$s = {"root":"F6Hzv-","title-wrapper":"ipCLW3","titleWrapper":"ipCLW3","title":"C5rY7J","text-wrapper":"_9tL9lz","textWrapper":"_9tL9lz","selection":"RTDvaG","postfix":"RX7iSm","selected":"_65-vil"};
 
 const FilterPanelItemToggler = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     const togglerPickerOpened = (e) => {
@@ -4304,7 +4306,7 @@ function FilterRangeDatePickerBody(props) {
                 React__namespace.default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.pickerModal.clearAllButton, onClick: () => onValueChange(defaultRangeValue) })))));
 }
 
-var css$r = {"container":"lrddOF"};
+var css$r = {"container":"vpA1cX"};
 
 function FilterNumericBody(props) {
     const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
@@ -4384,7 +4386,7 @@ function FilterItemBody(props) {
     }
 }
 
-var css$q = {"body":"_4Vjadg","header":"IWPH-Z","title":"aaMHNN","removeButton":"_73t7tH","with-search":"lqi9-q","withSearch":"lqi9-q"};
+var css$q = {"body":"WKmXRR","header":"_5w20SY","title":"_0cT4Ff","removeButton":"_2b-9PW","with-search":"_5-XV9G","withSearch":"_5-XV9G"};
 
 function useView(props, value) {
     const forceUpdate = uuiCore.useForceUpdate();
@@ -4690,7 +4692,7 @@ function FiltersToolbarImpl(props) {
 }
 const FiltersPanel = /* @__PURE__ */React__namespace.default.memo(FiltersToolbarImpl);
 
-var css$p = {"delete-button":"y6aO2N","deleteButton":"y6aO2N","tab-button":"Vp5SMy","tabButton":"Vp5SMy","targetOpen":"DacV7L"};
+var css$p = {"delete-button":"Xn6gFw","deleteButton":"Xn6gFw","tab-button":"UjPw0D","tabButton":"UjPw0D","targetOpen":"_3ySq4s"};
 
 function PresetActionsDropdown(props) {
     const { uuiNotifications } = uuiCore.useUuiContext();
@@ -4762,7 +4764,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":"v4V0HO","presetInputCell":"v4V0HO","preset-input":"etl1jT","presetInput":"etl1jT"};
+var css$o = {"preset-input-cell":"nBIHXP","presetInputCell":"nBIHXP","preset-input":"SxuqCm","presetInput":"SxuqCm"};
 
 function PresetInput(props) {
     const [presetCaption, setPresetCaption] = React.useState(props.preset?.name || '');
@@ -4789,7 +4791,7 @@ function PresetInput(props) {
         React__namespace.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":"XfeRCC","activePreset":"_09fCYc"};
+var css$n = {"preset":"QaxCPX","activePreset":"mBmJyC"};
 
 function Preset(props) {
     const [isRenamePreset, setIsRenamePreset] = React.useState(false);
@@ -4814,7 +4816,7 @@ function Preset(props) {
     return (React__namespace.default.createElement(FlexCell, { key: props.preset.id, alignSelf: "center", width: "auto" }, isRenamePreset ? (React__namespace.default.createElement(PresetInput, { onCancel: cancelRenamePreset, onSuccess: handlePresetRename, preset: props.preset })) : (React__namespace.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":"LvLXk-","dropdownDeleteIcon":"XZ1XXq","presetsWrapper":"xWOY2-","addPresetContainer":"FoHduO","dropContainer":"h7P-fs"};
+var css$m = {"divider":"vZjXP7","dropdownDeleteIcon":"WRQV3j","presetsWrapper":"ZtDQCx","addPresetContainer":"y94l-2","dropContainer":"aSCm8q"};
 
 function PresetsPanel(props) {
     const [isAddingPreset, setIsAddingPreset] = React.useState(false);
@@ -4900,7 +4902,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
     return columns;
 };
 
-var css$l = {"unpin-icon":"_1AH3tB","unpinIcon":"_1AH3tB","pin-toggler-icon":"_8sDOsk","pinTogglerIcon":"_8sDOsk"};
+var css$l = {"unpin-icon":"KqyjbV","unpinIcon":"KqyjbV","pin-toggler-icon":"xyAwy9","pinTogglerIcon":"xyAwy9"};
 
 function PinIconButton(props) {
     const i18nLocal = i18n.tables.columnsConfigurationModal;
@@ -4942,7 +4944,7 @@ function getUnpinIcon(params) {
     }
 }
 
-var css$k = {"row-wrapper":"dEsF-O","rowWrapper":"dEsF-O","pin-icon-button":"Z5S-wV","pinIconButton":"Z5S-wV","not-pinned":"cW3Y6I","notPinned":"cW3Y6I","checkbox":"GFL2MN","drag-handle":"j2uhA0","dragHandle":"j2uhA0","dnd-disabled":"yMAIa9","dndDisabled":"yMAIa9"};
+var css$k = {"row-wrapper":"V9NCTO","rowWrapper":"V9NCTO","pin-icon-button":"NfxrYd","pinIconButton":"NfxrYd","not-pinned":"_7PMI9i","notPinned":"_7PMI9i","checkbox":"C35u5f","drag-handle":"ZAjyAI","dragHandle":"ZAjyAI","dnd-disabled":"nG-MK8","dndDisabled":"nG-MK8"};
 
 const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props) {
     const { column } = props;
@@ -4965,7 +4967,7 @@ const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props)
     return (React__namespace.createElement(uuiCore.DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
 });
 
-var css$j = {"root":"gPGwd0","main-panel":"tnL-QQ","mainPanel":"tnL-QQ","group":"MSibgI","group-title":"xL6cIh","groupTitle":"xL6cIh","group-items":"owXHBa","groupItems":"owXHBa","no-data":"ysQWHQ","noData":"ysQWHQ","no-data-title":"KiYjnK","noDataTitle":"KiYjnK","no-data-sub-title":"DoLrNC","noDataSubTitle":"DoLrNC","h-divider":"bYC2dw","hDivider":"bYC2dw","search-area":"J3Y5L9","searchArea":"J3Y5L9","subgroup-accordion":"-KiDz-","subgroupAccordion":"-KiDz-","subgroup":"bsDZS-","subgroup-title":"MN5ETp","subgroupTitle":"MN5ETp"};
+var css$j = {"root":"_3vvySR","main-panel":"C7YP78","mainPanel":"C7YP78","group":"UnnD1z","group-title":"OZu8vH","groupTitle":"OZu8vH","group-items":"IRRkso","groupItems":"IRRkso","no-data":"tAOtGR","noData":"tAOtGR","no-data-title":"jHawa-","noDataTitle":"jHawa-","no-data-sub-title":"wZYMqy","noDataSubTitle":"wZYMqy","h-divider":"FnCJwO","hDivider":"FnCJwO","search-area":"_-1DxmA","searchArea":"_-1DxmA","subgroup-accordion":"DfkSg2","subgroupAccordion":"DfkSg2","subgroup":"-hiAWQ","subgroup-title":"Tw-YAL","subgroupTitle":"Tw-YAL"};
 
 const renderGroupTitle = (title, amount) => (React__namespace.createElement(FlexRow, { cx: css$j.group },
     React__namespace.createElement(Text, { size: "none", cx: css$j.groupTitle }, title),
@@ -5067,7 +5069,7 @@ const getChildrenAndRest = (row, rows) => {
     return [children, rest];
 };
 
-var css$i = {"listContainer":"ioYG1a","header":"iJjQ2P","group":"_3WQbXp","stickyHeader":"fZxHdI"};
+var css$i = {"listContainer":"VrRk0t","header":"gPi-KU","group":"_4nJL-H","stickyHeader":"_23MCQ7"};
 
 function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
     const rowRef = React.useRef();
@@ -5102,12 +5104,12 @@ function DataRowsGroups({ rows, renderRow, top = 1, }) {
 }
 
 function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, renderRow, headerRef, }) {
-    return (React__namespace.default.createElement("div", { className: css$i.listContainer, style: { minHeight: `${estimatedHeight}px` } },
+    return (React__namespace.default.createElement("div", { className: cx__default.default(css$i.listContainer, 'uui-dt-data_row_container'), style: { minHeight: `${estimatedHeight}px` } },
         React__namespace.default.createElement("div", { ref: listContainerRef, role: "rowgroup", style: { marginTop: offsetY } },
             React__namespace.default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
 }
 
-var css$h = {"root":"Zd2dVz","sticky-header":"iWssmP","stickyHeader":"iWssmP","no-results":"Si75EN","noResults":"Si75EN","icon":"muDhCS","title":"S4Oq9j"};
+var css$h = {"root":"Gq6XNb","sticky-header":"S7tAGP","stickyHeader":"S7tAGP","no-results":"Q0LgqT","noResults":"Q0LgqT","icon":"SBT7CI","title":"hOf-G9"};
 
 function DataTable(props) {
     const { uuiModals } = uuiCore.useUuiContext();
@@ -5139,7 +5141,7 @@ function DataTable(props) {
         props.columns, config, defaultConfig, props.value, props.onValueChange, props.renderColumnsConfigurationModal,
     ]);
     const renderRowsContainer = React__namespace.useCallback(({ listContainerRef, estimatedHeight, offsetY, scrollShadows }) => (React__namespace.createElement(React__namespace.Fragment, null,
-        React__namespace.createElement("div", { className: css$h.stickyHeader, ref: headerRef },
+        React__namespace.createElement("div", { className: uuiCore.cx(css$h.stickyHeader, 'uui-dt-sticky_header'), ref: headerRef },
             React__namespace.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__namespace.createElement("div", { className: uuiCore.cx(uuiCore.uuiScrollShadows.top, {
                     [uuiCore.uuiScrollShadows.topVisible]: scrollShadows.verticalTop,
@@ -5156,9 +5158,9 @@ function DataTable(props) {
                 } }))));
 }
 
-var css$g = {"root":"-QkYV7"};
+var css$g = {"root":"XBu-sN"};
 
-var css$f = {"root":"nC9hvl","burger-content":"yTo2Bp","burgerContent":"yTo2Bp"};
+var css$f = {"root":"Wb-k2-","burger-content":"_3ddw4B","burgerContent":"_3ddw4B"};
 
 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); }
@@ -5201,7 +5203,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
 };
 var ForwardRef$2 = /*#__PURE__*/React.forwardRef(SvgNavigationArrowDownOutline);
 
-var css$e = {"root":"dMo399","button-primary":"rznqJa","buttonPrimary":"rznqJa","button-secondary":"Qi1bhb","buttonSecondary":"Qi1bhb","hasIcon":"K-BwiO","dropdown":"U-HwfW"};
+var css$e = {"root":"NWN-lE","button-primary":"ivCl8M","buttonPrimary":"ivCl8M","button-secondary":"YtqjIM","buttonSecondary":"YtqjIM","hasIcon":"GVpqBR","dropdown":"rD8vTR"};
 
 const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (props) => [
     css$e.root,
@@ -5212,13 +5214,13 @@ const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (prop
     props.icon && css$e.hasIcon,
 ], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
 
-var css$d = {"search-input":"dm-v5V","searchInput":"dm-v5V"};
+var css$d = {"search-input":"KkCdB9","searchInput":"KkCdB9"};
 
 function BurgerSearch(props) {
     return (React__namespace.createElement(uuiComponents.TextInput, { cx: cx__default.default(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":"cu-edf","group-header":"D5Cx30","groupHeader":"D5Cx30","group-name":"irEFbg","groupName":"irEFbg","line":"kmS6Q9"};
+var css$c = {"root":"z2ilc1","group-header":"_3uVDzx","groupHeader":"_3uVDzx","group-name":"w59X1G","groupName":"w59X1G","line":"LaTqee"};
 
 function BurgerGroupHeader(props) {
     return (React__namespace.createElement("div", { className: cx__default.default(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
@@ -5226,7 +5228,7 @@ function BurgerGroupHeader(props) {
         React__namespace.createElement("span", { className: css$c.groupName }, props.caption)));
 }
 
-var css$b = {"root":"ADUPPw","type-primary":"_9PhtQ9","typePrimary":"_9PhtQ9","type-secondary":"LnHLZR","typeSecondary":"LnHLZR"};
+var css$b = {"root":"_3lkVhY","type-primary":"wuyxKk","typePrimary":"wuyxKk","type-secondary":"GJm-Tx","typeSecondary":"GJm-Tx"};
 
 const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     const { type, ...clickableProps } = props;
@@ -5248,7 +5250,7 @@ const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
         props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
 });
 
-var css$a = {"dropdown-body":"N5w4n1","dropdownBody":"N5w4n1"};
+var css$a = {"dropdown-body":"PTVTSZ","dropdownBody":"PTVTSZ"};
 
 class MainMenuDropdown extends React__namespace.Component {
     render() {
@@ -5306,12 +5308,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
 };
 var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgNavigationGlobalMenuOutlineOutline);
 
-var css$9 = {"global-menu-btn":"WhrpaJ","globalMenuBtn":"WhrpaJ","global-menu-icon":"qepEFg","globalMenuIcon":"qepEFg"};
+var css$9 = {"global-menu-btn":"Zw0BYa","globalMenuBtn":"Zw0BYa","global-menu-icon":"HiQpCI","globalMenuIcon":"HiQpCI"};
 
 const GlobalMenu = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", { ref: ref, id: "global_menu_toggle", className: cx__default.default(css$9.globalMenuBtn, props.cx), ...props.rawProps },
     React__namespace.createElement(uuiComponents.IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
 
-var css$8 = {"container":"_1nFAS6","open":"OkhfLe","folding-arrow":"MouE9S","foldingArrow":"MouE9S"};
+var css$8 = {"container":"hAD8l-","open":"h1dcVi","folding-arrow":"WCSi1T","foldingArrow":"WCSi1T"};
 
 const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", { ref: ref, className: cx__default.default(css$8.container, props.isDropdown && css$8.dropdown, props.isOpen && css$8.open, props.onClick && uuiCore.uuiMarkers.clickable, props.cx), onClick: props.onClick, ...props.rawProps },
     React__namespace.createElement(uuiComponents.Avatar, { size: "36", img: props.avatarUrl }),
@@ -5319,15 +5321,15 @@ const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
     props.isDropdown && (React__namespace.createElement("div", null,
         React__namespace.createElement(uuiComponents.IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
 
-var css$7 = {"search-input":"_4erai1","searchInput":"_4erai1"};
+var css$7 = {"search-input":"mG1sab","searchInput":"mG1sab"};
 
 const MainMenuSearch = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement(uuiCore.IEditableDebouncer, { ...props, render: (iEditable) => (React__namespace.createElement(uuiComponents.TextInput, { iconPosition: "left", icon: ForwardRef$M, cancelIcon: props.value?.length > 0 && ForwardRef$Q, ...props, ...iEditable, ref: ref, cx: uuiCore.cx(css$7.searchInput, props.cx), ...props.rawProps })) })));
 
-var css$6 = {"container":"nqgohX"};
+var css$6 = {"container":"h9USfp"};
 
 const MainMenuIcon = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement(IconButton, { ref: ref, icon: props.icon, cx: uuiCore.cx(props.cx, css$6.container), ...props })));
 
-var css$5 = {"root":"_6u9IYh"};
+var css$5 = {"root":"XSYOV4"};
 
 const Anchor = /* @__PURE__ */uuiCore.withMods(uuiComponents.Anchor, () => [css$5.root]);
 
@@ -5385,7 +5387,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
 };
 var ForwardRef = /*#__PURE__*/React.forwardRef(SvgFileCloudUploadFill);
 
-var css$4 = {"root":"El2wBi","drop-start":"ffpMwX","dropStart":"ffpMwX","drop-over":"BYvgmc","dropOver":"BYvgmc","link":"_0q6m9M","drop-area":"fy39SQ","dropArea":"fy39SQ","drop-caption":"-p07Km","dropCaption":"-p07Km","icon-blue":"_8-GCGv","iconBlue":"_8-GCGv"};
+var css$4 = {"root":"osQ4SL","drop-start":"I4NV8g","dropStart":"I4NV8g","drop-over":"WLRdIz","dropOver":"WLRdIz","link":"dyR52s","drop-area":"_4HiOR-","dropArea":"_4HiOR-","drop-caption":"rAmtrQ","dropCaption":"rAmtrQ","icon-blue":"x6xc6C","iconBlue":"x6xc6C"};
 
 function DropSpot(props) {
     const getInfoText = typeof props.infoText === 'string'
@@ -5403,7 +5405,7 @@ function DropSpot(props) {
     return React__namespace.createElement(uuiComponents.DropSpot, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
 }
 
-var css$3 = {"root":"F-TSv6"};
+var css$3 = {"root":"jz1jXI"};
 
 const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     const outsetRadius = props.size / 2 - 1;
@@ -5414,7 +5416,7 @@ const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref
         React__namespace.createElement("circle", { strokeWidth: 1, fill: "transparent", r: outsetRadius, cx: props.size / 2, cy: props.size / 2 })));
 });
 
-var css$2 = {"root":"NifKu1","file-name":"FXNB7P","fileName":"FXNB7P","default-color":"z0DYrf","defaultColor":"z0DYrf","doc-color":"PnTY49","docColor":"PnTY49","xls-color":"DHjF29","xlsColor":"DHjF29","pdf-color":"FJJdgU","pdfColor":"FJJdgU","movie-color":"_9oA2AO","movieColor":"_9oA2AO","img-color":"_4VfHCy","imgColor":"_4VfHCy","mov-color":"zw0Rno","movColor":"zw0Rno","error-block":"L1MCeq","errorBlock":"L1MCeq","icons-block":"yELlVQ","iconsBlock":"yELlVQ"};
+var css$2 = {"root":"_4vYTX0","file-name":"K6ewty","fileName":"K6ewty","default-color":"HBLNbq","defaultColor":"HBLNbq","doc-color":"TsuW5P","docColor":"TsuW5P","xls-color":"mvw7kr","xlsColor":"mvw7kr","pdf-color":"-j1VwZ","pdfColor":"-j1VwZ","movie-color":"ySK-6g","movieColor":"ySK-6g","img-color":"sHcpZC","imgColor":"sHcpZC","mov-color":"hYmFsD","movColor":"hYmFsD","error-block":"PqMa-a","errorBlock":"PqMa-a","icons-block":"UUEyBH","iconsBlock":"UUEyBH"};
 
 const FileCard = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     const [isLoadingShow, setIsLoadingShow] = React__namespace.useState(true);
@@ -5533,7 +5535,7 @@ const getErrorPageConfig = () => ({
     },
 });
 
-var css$1 = {"container":"PzrAjn"};
+var css$1 = {"container":"VLYVPX"};
 
 const ErrorPage = (props) => {
     const isMobileScreen = uuiCore.isMobile();
@@ -5545,7 +5547,7 @@ const ErrorPage = (props) => {
             props?.supportLink && React__namespace.default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
 };
 
-var css = {"recovery-spinner":"SdDCOF","recoverySpinner":"SdDCOF","recovery-message":"_2cYhnL","recoveryMessage":"_2cYhnL","modal-blocker":"kmvoVb","modalBlocker":"kmvoVb","modalFadeIn":"YJD7dh"};
+var css = {"recovery-spinner":"RzIqo3","recoverySpinner":"RzIqo3","recovery-message":"pY9sWx","recoveryMessage":"pY9sWx","modal-blocker":"_9nqP8O","modalBlocker":"_9nqP8O","modalFadeIn":"l-myf7"};
 
 function ErrorHandler(props) {
     const { uuiNotifications, uuiModals, uuiApi } = uuiCore.useUuiContext();