@epam/uui 6.5.2 → 6.5.3

package/index.esm.js

@@ -1,7 +1,7 @@
 import * as uuiComponents from '@epam/uui-components';
 import { Spinner as Spinner$1, Blocker as Blocker$1, Clickable, IconContainer, AvatarStack as AvatarStack$1, ControlIcon, Paginator as Paginator$1, RadioInput as RadioInput$1, TextInput as TextInput$1, ControlGroup as ControlGroup$1, NumericInput as NumericInput$1, TextArea as TextArea$1, Dropdown as Dropdown$1, InputAddon as InputAddon$1, Slider as Slider$1, DragHandle, Anchor as Anchor$1, FlexSpacer, Text as Text$1, FlexCell as FlexCell$1, VPanel, ModalBlocker as ModalBlocker$1, ModalWindow as ModalWindow$1, Snackbar as Snackbar$1, Calendar as Calendar$1, YearSelection, MonthSelection, Day, uuiDaySelection, Avatar, usePickerModal, handleDataSourceKeyboard, PickerToggler as PickerToggler$1, usePickerInput, usePickerList, DataTableCell as DataTableCell$1, DataTableRow as DataTableRow$1, DataTableHeaderCell as DataTableHeaderCell$1, DataTableCellContainer, DataTableHeaderRow as DataTableHeaderRow$1, useColumnsConfiguration, Accordion as Accordion$1, DataTableSelectionProvider, DataTableFocusProvider, useShowSelected, usePickerApi, AdaptivePanel, Burger as Burger$1, Button as Button$1, DropSpot as DropSpot$1, UploadFileToggler, ErrorCatch } from '@epam/uui-components';
 export { Avatar, DataTableCellContainer, FlexSpacer, IconContainer, MainMenuCustomElement, MainMenuLogo } from '@epam/uui-components';
-import { withMods, devLogger, uuiElement, useIsActive, uuiMod, cx as cx$1, uuiMarkers, IEditableDebouncer, UuiContext, getDir, isEventTargetInsideClickable, directionMode, useScrollShadows, useVirtualList, isMobile, i18n as i18n$1, useUuiContext, useLayoutEffectSafeForSsr, usePrevious, mobilePositioning, uuiDataTableHeaderCell, uuiDataTableHeaderGroupCell, DndActor, uuiDndState, useColumnsConfig, uuiScrollShadows, useForceUpdate, getSeparatedValue, useArrayDataSource, orderBy, getOrderBetween, Form as Form$1, useForm as useForm$1, formatBytes, useUuiError } from '@epam/uui-core';
+import { withMods, isFontAvailable, devLogger, uuiElement, useIsActive, uuiMod, cx as cx$1, uuiMarkers, IEditableDebouncer, UuiContext, getDir, isEventTargetInsideClickable, directionMode, useScrollShadows, useVirtualList, isMobile, i18n as i18n$1, useUuiContext, useLayoutEffectSafeForSsr, usePrevious, mobilePositioning, uuiDataTableHeaderCell, uuiDataTableHeaderGroupCell, DndActor, uuiDndState, useColumnsConfig, uuiScrollShadows, useForceUpdate, getSeparatedValue, useArrayDataSource, orderBy, getOrderBetween, Form as Form$1, useForm as useForm$1, formatBytes, useUuiError } from '@epam/uui-core';
 import * as React from 'react';
 import React__default, { forwardRef, useState, useEffect, useContext, useRef, useMemo, useImperativeHandle, useReducer, useCallback, useId, Fragment } from 'react';
 import cx from 'classnames';
@@ -19,7 +19,7 @@ import isEqual from 'react-fast-compare';
 import { useOverlayScrollbars } from 'overlayscrollbars-react';
 import FocusLock, { MoveFocusInside } from '@epam/uui-react-focus-lock-fork';
 
-var _path$Q;
+var _path$P;
 function _extends$Q() { return _extends$Q = 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$Q.apply(null, arguments); }
 var SvgNavigationCloseOutline = function SvgNavigationCloseOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$Q({
@@ -28,13 +28,13 @@ var SvgNavigationCloseOutline = function SvgNavigationCloseOutline(props, ref) {
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$Q || (_path$Q = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$P || (_path$P = /*#__PURE__*/React.createElement("path", {
     d: "M6.4 19 5 17.6l5.6-5.6L5 6.4 6.4 5l5.6 5.6L17.6 5 19 6.4 13.4 12l5.6 5.6-1.4 1.4-5.6-5.6L6.4 19z"
   })));
 };
 var ForwardRef$Q = /*#__PURE__*/forwardRef(SvgNavigationCloseOutline);
 
-var _path$P;
+var _path$O;
 function _extends$P() { return _extends$P = 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$P.apply(null, arguments); }
 var SvgNavigationChevronDownOutline = function SvgNavigationChevronDownOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$P({
@@ -43,13 +43,13 @@ var SvgNavigationChevronDownOutline = function SvgNavigationChevronDownOutline(p
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$P || (_path$P = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$O || (_path$O = /*#__PURE__*/React.createElement("path", {
     d: "M5.414 8.086 4 9.5l8 8 8-8-1.414-1.414L12 14.672 5.414 8.086z"
   })));
 };
 var ForwardRef$P = /*#__PURE__*/forwardRef(SvgNavigationChevronDownOutline);
 
-var _path$O;
+var _path$N;
 function _extends$O() { return _extends$O = 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$O.apply(null, arguments); }
 var SvgNotificationDoneOutline = function SvgNotificationDoneOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$O({
@@ -58,13 +58,13 @@ var SvgNotificationDoneOutline = function SvgNotificationDoneOutline(props, ref)
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$O || (_path$O = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$N || (_path$N = /*#__PURE__*/React.createElement("path", {
     d: "m20.503 7.4-1.778-1.78-9.175 9.176-4.275-4.275L3.496 12.3l6.054 6.053L20.503 7.4z"
   })));
 };
 var ForwardRef$O = /*#__PURE__*/forwardRef(SvgNotificationDoneOutline);
 
-var _path$N;
+var _path$M;
 function _extends$N() { return _extends$N = 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$N.apply(null, arguments); }
 var SvgContentMinusOutline = function SvgContentMinusOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$N({
@@ -73,13 +73,13 @@ var SvgContentMinusOutline = function SvgContentMinusOutline(props, ref) {
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$N || (_path$N = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$M || (_path$M = /*#__PURE__*/React.createElement("path", {
     d: "M19 10.5H5v3h14v-3z"
   })));
 };
 var ForwardRef$N = /*#__PURE__*/forwardRef(SvgContentMinusOutline);
 
-var _path$M;
+var _path$L;
 function _extends$M() { return _extends$M = 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$M.apply(null, arguments); }
 var SvgActionSearchOutline = function SvgActionSearchOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$M({
@@ -88,7 +88,7 @@ var SvgActionSearchOutline = function SvgActionSearchOutline(props, ref) {
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$M || (_path$M = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$L || (_path$L = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M17.32 15.906 21.414 20 20 21.414l-4.094-4.094a8 8 0 1 1 1.414-1.414zM11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12z",
     clipRule: "evenodd"
@@ -96,7 +96,7 @@ var SvgActionSearchOutline = function SvgActionSearchOutline(props, ref) {
 };
 var ForwardRef$M = /*#__PURE__*/forwardRef(SvgActionSearchOutline);
 
-var _path$L;
+var _path$K;
 function _extends$L() { return _extends$L = 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$L.apply(null, arguments); }
 var SvgActionCalendarFill = function SvgActionCalendarFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$L({
@@ -105,13 +105,13 @@ var SvgActionCalendarFill = function SvgActionCalendarFill(props, ref) {
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$L || (_path$L = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$K || (_path$K = /*#__PURE__*/React.createElement("path", {
     d: "M5 22a1.93 1.93 0 0 1-1.413-.587A1.928 1.928 0 0 1 3 20V6c0-.55.196-1.02.587-1.412A1.927 1.927 0 0 1 5 4h1V2h2v2h8V2h2v2h1c.55 0 1.021.196 1.413.588.391.391.587.862.587 1.412v14a1.93 1.93 0 0 1-.587 1.413A1.928 1.928 0 0 1 19 22H5zm0-2h14V10H5v10z"
   })));
 };
 var ForwardRef$L = /*#__PURE__*/forwardRef(SvgActionCalendarFill);
 
-var _path$K;
+var _path$J;
 function _extends$K() { return _extends$K = 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$K.apply(null, arguments); }
 var SvgNotificationInfoOutline = function SvgNotificationInfoOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$K({
@@ -120,7 +120,7 @@ var SvgNotificationInfoOutline = function SvgNotificationInfoOutline(props, ref)
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$K || (_path$K = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$J || (_path$J = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M11 17h2v-6h-2v6zm1-15C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zM11 9h2V7h-2v2z",
     clipRule: "evenodd"
@@ -128,7 +128,7 @@ var SvgNotificationInfoOutline = function SvgNotificationInfoOutline(props, ref)
 };
 var ForwardRef$K = /*#__PURE__*/forwardRef(SvgNotificationInfoOutline);
 
-var _path$J;
+var _path$I;
 function _extends$J() { return _extends$J = 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$J.apply(null, arguments); }
 var SvgNotificationInfoFill = function SvgNotificationInfoFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$J({
@@ -137,7 +137,7 @@ var SvgNotificationInfoFill = function SvgNotificationInfoFill(props, ref) {
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$J || (_path$J = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$I || (_path$I = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z",
     clipRule: "evenodd"
@@ -145,7 +145,7 @@ var SvgNotificationInfoFill = function SvgNotificationInfoFill(props, ref) {
 };
 var ForwardRef$J = /*#__PURE__*/forwardRef(SvgNotificationInfoFill);
 
-var _path$I, _path2$5, _path3, _path4, _path5, _path6, _g, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _path21, _path22, _path23, _path24, _defs;
+var _path$H, _path2$5, _path3, _path4, _path5, _path6, _g, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _path21, _path22, _path23, _path24, _defs;
 function _extends$I() { return _extends$I = 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$I.apply(null, arguments); }
 var SvgEmptyTable = function SvgEmptyTable(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$I({
@@ -156,8 +156,8 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
   }, props), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#1z9k79zf91qvcoc2k_a)"
-  }, _path$I || (_path$I = /*#__PURE__*/React.createElement("path", {
+    clipPath: "url(#cozt7zmc6c0ynuzcq_a)"
+  }, _path$H || (_path$H = /*#__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"
   })), _path2$5 || (_path2$5 = /*#__PURE__*/React.createElement("path", {
@@ -177,7 +177,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: "1z9k798npalijo4jg_b",
+    id: "cozt7zw0gczab63gh_b",
     style: {
       maskType: "alpha"
     },
@@ -190,7 +190,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(#1z9k798npalijo4jg_b)",
+    mask: "url(#cozt7zw0gczab63gh_b)",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }, /*#__PURE__*/React.createElement("path", {
@@ -276,7 +276,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: "1z9k79zf91qvcoc2k_a"
+    id: "cozt7zmc6c0ynuzcq_a"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
     transform: "translate(.552)",
@@ -285,7 +285,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
 };
 var ForwardRef$I = /*#__PURE__*/forwardRef(SvgEmptyTable);
 
-var _path$H;
+var _path$G;
 function _extends$H() { return _extends$H = 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$H.apply(null, arguments); }
 var SvgTableSortAscOutline = function SvgTableSortAscOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$H({
@@ -294,13 +294,13 @@ var SvgTableSortAscOutline = function SvgTableSortAscOutline(props, ref) {
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$H || (_path$H = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$G || (_path$G = /*#__PURE__*/React.createElement("path", {
     d: "M11 21V6.825L9.4 8.4 8 7l4-4 4 4-1.4 1.4L13 6.825V21h-2z"
   })));
 };
 var ForwardRef$H = /*#__PURE__*/forwardRef(SvgTableSortAscOutline);
 
-var _path$G;
+var _path$F;
 function _extends$G() { return _extends$G = 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$G.apply(null, arguments); }
 var SvgTableSortDescOutline = function SvgTableSortDescOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$G({
@@ -309,13 +309,13 @@ var SvgTableSortDescOutline = function SvgTableSortDescOutline(props, ref) {
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$G || (_path$G = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$F || (_path$F = /*#__PURE__*/React.createElement("path", {
     d: "M13 3v14.175l1.6-1.575L16 17l-4 4-4-4 1.4-1.4 1.6 1.575V3h2z"
   })));
 };
 var ForwardRef$G = /*#__PURE__*/forwardRef(SvgTableSortDescOutline);
 
-var _path$F;
+var _path$E;
 function _extends$F() { return _extends$F = 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$F.apply(null, arguments); }
 var SvgActionDragIndicatorOutline = function SvgActionDragIndicatorOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$F({
@@ -324,13 +324,13 @@ var SvgActionDragIndicatorOutline = function SvgActionDragIndicatorOutline(props
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$F || (_path$F = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$E || (_path$E = /*#__PURE__*/React.createElement("path", {
     d: "M9 20c-.55 0-1.02-.196-1.412-.587A1.927 1.927 0 0 1 7 18c0-.55.196-1.021.588-1.413A1.925 1.925 0 0 1 9 16c.55 0 1.021.196 1.413.587.391.392.587.863.587 1.413s-.196 1.021-.587 1.413A1.928 1.928 0 0 1 9 20zm6 0c-.55 0-1.02-.196-1.412-.587A1.927 1.927 0 0 1 13 18c0-.55.196-1.021.588-1.413A1.925 1.925 0 0 1 15 16c.55 0 1.021.196 1.413.587.391.392.587.863.587 1.413s-.196 1.021-.587 1.413A1.928 1.928 0 0 1 15 20zm-6-6c-.55 0-1.02-.196-1.412-.588A1.923 1.923 0 0 1 7 12c0-.55.196-1.021.588-1.413A1.925 1.925 0 0 1 9 10c.55 0 1.021.196 1.413.587.391.392.587.863.587 1.413s-.196 1.02-.587 1.412A1.927 1.927 0 0 1 9 14zm6 0c-.55 0-1.02-.196-1.412-.588A1.923 1.923 0 0 1 13 12c0-.55.196-1.021.588-1.413A1.925 1.925 0 0 1 15 10c.55 0 1.021.196 1.413.587.391.392.587.863.587 1.413s-.196 1.02-.587 1.412A1.927 1.927 0 0 1 15 14zM9 8c-.55 0-1.02-.196-1.412-.588A1.923 1.923 0 0 1 7 6c0-.55.196-1.02.588-1.412A1.923 1.923 0 0 1 9 4c.55 0 1.021.196 1.413.588.391.391.587.862.587 1.412 0 .55-.196 1.02-.587 1.412A1.927 1.927 0 0 1 9 8zm6 0c-.55 0-1.02-.196-1.412-.588A1.923 1.923 0 0 1 13 6c0-.55.196-1.02.588-1.412A1.923 1.923 0 0 1 15 4c.55 0 1.021.196 1.413.588.391.391.587.862.587 1.412 0 .55-.196 1.02-.587 1.412A1.927 1.927 0 0 1 15 8z"
   })));
 };
 var ForwardRef$F = /*#__PURE__*/forwardRef(SvgActionDragIndicatorOutline);
 
-var _path$E;
+var _path$D;
 function _extends$E() { return _extends$E = 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$E.apply(null, arguments); }
 var SvgNavigationMoreVertOutline = function SvgNavigationMoreVertOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$E({
@@ -339,7 +339,7 @@ var SvgNavigationMoreVertOutline = function SvgNavigationMoreVertOutline(props,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$E || (_path$E = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$D || (_path$D = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z",
     clipRule: "evenodd"
@@ -347,7 +347,7 @@ var SvgNavigationMoreVertOutline = function SvgNavigationMoreVertOutline(props,
 };
 var ForwardRef$E = /*#__PURE__*/forwardRef(SvgNavigationMoreVertOutline);
 
-var _path$D;
+var _path$C;
 function _extends$D() { return _extends$D = 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$D.apply(null, arguments); }
 var SvgNavigationRefreshOutline = function SvgNavigationRefreshOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$D({
@@ -356,13 +356,13 @@ var SvgNavigationRefreshOutline = function SvgNavigationRefreshOutline(props, re
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$D || (_path$D = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$C || (_path$C = /*#__PURE__*/React.createElement("path", {
     d: "M12 20c-2.233 0-4.125-.775-5.675-2.325C4.775 16.125 4 14.233 4 12c0-2.233.775-4.125 2.325-5.675C7.875 4.775 9.767 4 12 4c1.15 0 2.25.238 3.3.713A7.617 7.617 0 0 1 18 6.75V4h2v7h-7V9h4.2a5.837 5.837 0 0 0-2.187-2.2A5.93 5.93 0 0 0 12 6c-1.667 0-3.083.583-4.25 1.75C6.583 8.917 6 10.333 6 12c0 1.667.583 3.083 1.75 4.25C8.917 17.417 10.333 18 12 18a5.863 5.863 0 0 0 3.475-1.1A5.81 5.81 0 0 0 17.65 14h2.1c-.467 1.767-1.417 3.208-2.85 4.325S13.833 20 12 20z"
   })));
 };
 var ForwardRef$D = /*#__PURE__*/forwardRef(SvgNavigationRefreshOutline);
 
-var _path$C;
+var _path$B;
 function _extends$C() { return _extends$C = 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$C.apply(null, arguments); }
 var SvgActionLockFill = function SvgActionLockFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$C({
@@ -371,7 +371,7 @@ var SvgActionLockFill = function SvgActionLockFill(props, ref) {
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$C || (_path$C = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$B || (_path$B = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M12 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM7 9V7a5 5 0 0 1 10 0v2h1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V11a2 2 0 0 1 2-2h1zm2 0h6V7a3 3 0 1 0-6 0v2z",
     clipRule: "evenodd"
@@ -379,7 +379,7 @@ var SvgActionLockFill = function SvgActionLockFill(props, ref) {
 };
 var ForwardRef$C = /*#__PURE__*/forwardRef(SvgActionLockFill);
 
-var _path$B, _path2$4;
+var _path$A, _path2$4;
 function _extends$B() { return _extends$B = 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$B.apply(null, arguments); }
 var SvgTableGroupColumnLeftFill = function SvgTableGroupColumnLeftFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$B({
@@ -388,7 +388,7 @@ var SvgTableGroupColumnLeftFill = function SvgTableGroupColumnLeftFill(props, re
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$B || (_path$B = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$A || (_path$A = /*#__PURE__*/React.createElement("path", {
     d: "M5 3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h6V3H5z"
   })), _path2$4 || (_path2$4 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
@@ -398,7 +398,7 @@ var SvgTableGroupColumnLeftFill = function SvgTableGroupColumnLeftFill(props, re
 };
 var ForwardRef$B = /*#__PURE__*/forwardRef(SvgTableGroupColumnLeftFill);
 
-var _path$A, _path2$3;
+var _path$z, _path2$3;
 function _extends$A() { return _extends$A = 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$A.apply(null, arguments); }
 var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$A({
@@ -407,7 +407,7 @@ var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$A || (_path$A = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$z || (_path$z = /*#__PURE__*/React.createElement("path", {
     d: "M13 3h6a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-6V3z"
   })), _path2$3 || (_path2$3 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
@@ -417,7 +417,7 @@ var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props,
 };
 var ForwardRef$A = /*#__PURE__*/forwardRef(SvgTableGroupColumnRightFill);
 
-var _path$z;
+var _path$y;
 function _extends$z() { return _extends$z = 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$z.apply(null, arguments); }
 var SvgTableSwapOutline = function SvgTableSwapOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$z({
@@ -426,13 +426,13 @@ var SvgTableSwapOutline = function SvgTableSwapOutline(props, ref) {
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$z || (_path$z = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$y || (_path$y = /*#__PURE__*/React.createElement("path", {
     d: "M7 6.825V20h2V6.825L10.6 8.4 12 7 8 3 4 7l1.4 1.4L7 6.825zm10 10.35V4h-2v13.175L13.4 15.6 12 17l4 4 4-4-1.4-1.4-1.6 1.575z"
   })));
 };
 var ForwardRef$z = /*#__PURE__*/forwardRef(SvgTableSwapOutline);
 
-var _path$y;
+var _path$x;
 function _extends$y() { return _extends$y = 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$y.apply(null, arguments); }
 var SvgContentFiltrationFill = function SvgContentFiltrationFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$y({
@@ -441,13 +441,13 @@ var SvgContentFiltrationFill = function SvgContentFiltrationFill(props, ref) {
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$y || (_path$y = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$x || (_path$x = /*#__PURE__*/React.createElement("path", {
     d: "M14 13v8l-4-2v-6L2.95 4h18.1L14 13z"
   })));
 };
 var ForwardRef$y = /*#__PURE__*/forwardRef(SvgContentFiltrationFill);
 
-var _path$x;
+var _path$w;
 function _extends$x() { return _extends$x = 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$x.apply(null, arguments); }
 var SvgNavigationChevronUpOutline = function SvgNavigationChevronUpOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$x({
@@ -456,13 +456,13 @@ var SvgNavigationChevronUpOutline = function SvgNavigationChevronUpOutline(props
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$x || (_path$x = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$w || (_path$w = /*#__PURE__*/React.createElement("path", {
     d: "M18.586 15.914 20 14.5l-8-8-8 8 1.414 1.414L12 9.328l6.586 6.586z"
   })));
 };
 var ForwardRef$x = /*#__PURE__*/forwardRef(SvgNavigationChevronUpOutline);
 
-var _path$w;
+var _path$v;
 function _extends$w() { return _extends$w = 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$w.apply(null, arguments); }
 var SvgNavigationCollapseAllOutline = function SvgNavigationCollapseAllOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$w({
@@ -471,13 +471,13 @@ var SvgNavigationCollapseAllOutline = function SvgNavigationCollapseAllOutline(p
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$w || (_path$w = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$v || (_path$v = /*#__PURE__*/React.createElement("path", {
     d: "M16.5 4.414 15.086 3 12 6.086 8.914 3 7.5 4.414l4.5 4.5 4.5-4.5zM9 13v-2h6v2H9zm6.086 8 1.414-1.414-4.5-4.5-4.5 4.5L8.914 21 12 17.914 15.086 21z"
   })));
 };
 var ForwardRef$w = /*#__PURE__*/forwardRef(SvgNavigationCollapseAllOutline);
 
-var _path$v;
+var _path$u;
 function _extends$v() { return _extends$v = 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$v.apply(null, arguments); }
 var SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$v({
@@ -486,13 +486,13 @@ var SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$v || (_path$v = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$u || (_path$u = /*#__PURE__*/React.createElement("path", {
     d: "m16.5 7.5-1.414 1.414L12 5.828 8.914 8.914 7.5 7.5 12 3l4.5 4.5zM9 13v-2h6v2H9zm6.086 2.086L16.5 16.5 12 21l-4.5-4.5 1.414-1.414L12 18.17l3.086-3.085z"
   })));
 };
 var ForwardRef$v = /*#__PURE__*/forwardRef(SvgNavigationExpandAllOutline);
 
-var _path$u;
+var _path$t;
 function _extends$u() { return _extends$u = 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$u.apply(null, arguments); }
 var SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$u({
@@ -501,13 +501,13 @@ var SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$u || (_path$u = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$t || (_path$t = /*#__PURE__*/React.createElement("path", {
     d: "m9.25 22-.4-3.2a3.771 3.771 0 0 1-.612-.3 8.194 8.194 0 0 1-.563-.375L4.7 19.375l-2.75-4.75 2.575-1.95a2.39 2.39 0 0 1-.025-.338v-.675c0-.108.009-.22.025-.337L1.95 9.375l2.75-4.75 2.975 1.25c.184-.133.375-.258.575-.375.2-.117.4-.217.6-.3l.4-3.2h5.5l.4 3.2c.217.083.421.183.613.3.191.117.379.242.562.375l2.975-1.25 2.75 4.75-2.575 1.95c.017.117.025.229.025.337v.675c0 .109-.017.221-.05.338l2.575 1.95-2.75 4.75-2.95-1.25a6.826 6.826 0 0 1-.575.375c-.2.117-.4.217-.6.3l-.4 3.2h-5.5zm2.8-6.5c.967 0 1.792-.342 2.475-1.025A3.372 3.372 0 0 0 15.55 12c0-.967-.341-1.792-1.025-2.475A3.372 3.372 0 0 0 12.05 8.5c-.983 0-1.813.342-2.488 1.025A3.394 3.394 0 0 0 8.55 12c0 .967.338 1.792 1.012 2.475.676.683 1.505 1.025 2.488 1.025z"
   })));
 };
 var ForwardRef$u = /*#__PURE__*/forwardRef(SvgActionSettingsFill);
 
-var _path$t;
+var _path$s;
 function _extends$t() { return _extends$t = 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$t.apply(null, arguments); }
 var SvgNavigationChevronLeftOutline = function SvgNavigationChevronLeftOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$t({
@@ -516,13 +516,13 @@ var SvgNavigationChevronLeftOutline = function SvgNavigationChevronLeftOutline(p
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$t || (_path$t = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$s || (_path$s = /*#__PURE__*/React.createElement("path", {
     d: "M15.914 5.414 14.5 4l-8 8 8 8 1.414-1.414L9.328 12l6.586-6.586z"
   })));
 };
 var ForwardRef$t = /*#__PURE__*/forwardRef(SvgNavigationChevronLeftOutline);
 
-var _path$s;
+var _path$r;
 function _extends$s() { return _extends$s = 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$s.apply(null, arguments); }
 var SvgNavigationChevronRightOutline = function SvgNavigationChevronRightOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$s({
@@ -531,13 +531,13 @@ var SvgNavigationChevronRightOutline = function SvgNavigationChevronRightOutline
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$s || (_path$s = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$r || (_path$r = /*#__PURE__*/React.createElement("path", {
     d: "M8.086 18.586 9.5 20l8-8-8-8-1.414 1.414L14.672 12l-6.586 6.586z"
   })));
 };
 var ForwardRef$s = /*#__PURE__*/forwardRef(SvgNavigationChevronRightOutline);
 
-var _path$r;
+var _path$q;
 function _extends$r() { return _extends$r = 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$r.apply(null, arguments); }
 var SvgActionAddOutline = function SvgActionAddOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$r({
@@ -546,13 +546,13 @@ var SvgActionAddOutline = function SvgActionAddOutline(props, ref) {
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$r || (_path$r = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$q || (_path$q = /*#__PURE__*/React.createElement("path", {
     d: "M13.286 3h-2.572v7.714H3v2.572h7.714V21h2.572v-7.714H21v-2.572h-7.714V3z"
   })));
 };
 var ForwardRef$r = /*#__PURE__*/forwardRef(SvgActionAddOutline);
 
-var _path$q;
+var _path$p;
 function _extends$q() { return _extends$q = 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$q.apply(null, arguments); }
 var SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$q({
@@ -561,13 +561,13 @@ var SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$q || (_path$q = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$p || (_path$p = /*#__PURE__*/React.createElement("path", {
     d: "m2 12 3.077-3.2 4.615 4.8L18.923 4 22 7.2 9.692 20 2 12z"
   })));
 };
 var ForwardRef$q = /*#__PURE__*/forwardRef(SvgNotificationDoneFill);
 
-var _path$p;
+var _circle;
 function _extends$p() { return _extends$p = 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$p.apply(null, arguments); }
 var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$p({
@@ -576,8 +576,10 @@ var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$p || (_path$p = /*#__PURE__*/React.createElement("path", {
-    d: "M12 19a7 7 0 1 0 0-14 7 7 0 0 0 0 14z"
+  }, props), _circle || (_circle = /*#__PURE__*/React.createElement("circle", {
+    cx: 12,
+    cy: 12,
+    r: 12
   })));
 };
 var ForwardRef$p = /*#__PURE__*/forwardRef(SvgRadioDotFill);
@@ -927,17 +929,18 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
 };
 var ForwardRef$4 = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
 
-var css$1x = {"root":"o7DMEQ","uui-spinner":"eT-my0","uuiSpinner":"eT-my0"};
+var css$1x = {"root":"Hnl8WY","uui-spinner":"aCOUmW","uuiSpinner":"aCOUmW"};
 
 function applySpinnerMods() {
     return [css$1x.root, 'uui-spinner'];
 }
 const Spinner = /* @__PURE__ */withMods(Spinner$1, applySpinnerMods);
 
-var css$1w = {"root":"IhjxCZ","loading-word":"xFuU2f","loadingWord":"xFuU2f","animated-loading":"e55H7C","animatedLoading":"e55H7C","skeleton_loading":"UqX2Ic","skeletonLoading":"UqX2Ic"};
+var css$1w = {"root":"os4HbN","loading-word":"suXNsh","loadingWord":"suXNsh","font-failed":"eqGJq4","fontFailed":"eqGJq4","animated-loading":"_7G5JcP","animatedLoading":"_7G5JcP","skeleton_loading":"sjLXFg","skeletonLoading":"sjLXFg"};
 
 const TextPlaceholder = (props) => {
-    const pattern = '&nbsp;';
+    const [isFontFailed, setIsFontFailed] = React.useState(false);
+    const pattern = 'x';
     const text = React.useMemo(() => {
         const words = [];
         for (let i = 0; i < (props.wordsCount || 1); i++) {
@@ -946,12 +949,15 @@ const TextPlaceholder = (props) => {
         }
         return words;
     }, [props.wordsCount]);
-    return (React.createElement("div", { "aria-busy": true, className: cx(css$1w.root, 'uui-text-placeholder'), ...props.rawProps }, text.map((it, index) => (React.createElement("span", { key: index, className: cx([
-            props.cx, css$1w.loadingWord, !props.isNotAnimated && css$1w.animatedLoading,
-        ]), dangerouslySetInnerHTML: { __html: it } })))));
+    React.useEffect(() => {
+        isFontAvailable('1em Redacted').then((isAvailable) => setIsFontFailed(!isAvailable));
+    }, []);
+    return (React.createElement("div", { "aria-busy": true, "aria-hidden": "true", className: cx(css$1w.root, 'uui-text-placeholder'), ...props.rawProps }, text.map((it, index) => (React.createElement("span", { key: index, className: cx([
+            props.cx, css$1w.loadingWord, !props.isNotAnimated && css$1w.animatedLoading, isFontFailed && css$1w.fontFailed,
+        ]) }, it)))));
 };
 
-var css$1v = {"root":"QPAc6b","line-height":"_79fNB4","lineHeight":"_79fNB4","font-size":"_8RIs2u","fontSize":"_8RIs2u"};
+var css$1v = {"root":"Pn5urt","line-height":"_8k5jga","lineHeight":"_8k5jga","font-size":"kkXcqk","fontSize":"kkXcqk"};
 
 function applyTextMods(mods) {
     return [
@@ -978,7 +984,7 @@ const Text = /* @__PURE__ */withMods(uuiComponents.Text, applyTextMods, (props)
     };
 });
 
-var css$1u = {"root":"fqLiaC"};
+var css$1u = {"root":"jx74-8"};
 
 const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$1u.root], () => ({ renderSpinner: settings.blocker.renderSpinner }));
 
@@ -1484,7 +1490,7 @@ const settings = {
     textInput: textInputSettings,
 };
 
-var css$1t = {"root":"_6FSChr"};
+var css$1t = {"root":"e41sVb"};
 
 function applyButtonMods(mods) {
     return [
@@ -1502,7 +1508,7 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
     };
 });
 
-var css$1s = {"root":"LqG4Xq"};
+var css$1s = {"root":"N4zai3"};
 
 function applyIconButtonMods(props) {
     return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1s.root];
@@ -1539,7 +1545,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":"nGvr36"};
+var css$1r = {"root":"lD7EV8"};
 
 const DEFAULT_COLOR = 'primary';
 const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
@@ -1569,7 +1575,7 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
         props.isDropdown && (React.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$1q = {"root":"_41-eiJ"};
+var css$1q = {"root":"Obx43d"};
 
 const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
@@ -1581,7 +1587,7 @@ const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
         ]) }, props.caption));
 });
 
-var css$1p = {"root":"_8UCpe6","withNotify":"ATMU-Q"};
+var css$1p = {"root":"m4nzV5","withNotify":"QF-Jbt"};
 
 const TabButton = /* @__PURE__ */React__default.forwardRef((props, refExternal) => {
     const refLocal = React__default.useRef(null);
@@ -1628,13 +1634,13 @@ const TabButton = /* @__PURE__ */React__default.forwardRef((props, refExternal)
         props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
 });
 
-var css$1o = {"root":"_2MFF8Z","noLeftPadding":"Ee-V7S","foldingArea":"GUib6h","onlyFoldable":"oS15Z9","captionWrapper":"Ai82dP","withNotify":"FU0nvU"};
+var css$1o = {"root":"oIlAsc","noLeftPadding":"nH2U84","foldingArea":"cNb4jp","onlyFoldable":"eScITc","captionWrapper":"JA9A3U","withNotify":"-RUzwi"};
 
-var css$1n = {"root":"E2zutv"};
+var css$1n = {"root":"ixOoSA"};
 
 const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$1n.root]);
 
-var css$1m = {"root":"mOq9sh"};
+var css$1m = {"root":"t-6FLm"};
 
 const DEFAULT_FILL = 'solid';
 function applyBadgeMods(mods) {
@@ -1662,7 +1668,7 @@ const Badge = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$1l = {"root":"ivXvfa"};
+var css$1l = {"root":"Q3aBhz"};
 
 function applyTagMods(props) {
     return [
@@ -1695,7 +1701,7 @@ const Tag = /* @__PURE__ */React__default.forwardRef((props, ref) => {
             } }))));
 });
 
-var css$1k = {"root":"T4LrNE","page":"eZYyEU","spacer":"Sb7OwP","mode-ghost":"YhvcGo","modeGhost":"YhvcGo"};
+var css$1k = {"root":"ofc5aW","page":"Pe1cCP","spacer":"OUOLnN","mode-ghost":"_5-rhPM","modeGhost":"_5-rhPM"};
 
 function Paginator(props) {
     const renderPaginator = (params) => (React__default.createElement("nav", { role: "navigation", className: cx('uui-paginator', `uui-size-${props.size || settings.paginator.sizes.default}`), ...params.rawProps },
@@ -1721,14 +1727,14 @@ function Paginator(props) {
     return React__default.createElement(Paginator$1, { ...props, render: renderPaginator });
 }
 
-var css$1j = {"root":"B2tiwl","progress-bar":"_79kB-S","progressBar":"_79kB-S","progressBar-indeterminate":"wFOhlU","progressBarIndeterminate":"wFOhlU","size-12":"-bDyUU","size12":"-bDyUU","size-18":"XQr24Z","size18":"XQr24Z","size-24":"VNGR9k","size24":"VNGR9k"};
+var css$1j = {"root":"xfYW5H","progress-bar":"_9sqxWU","progressBar":"_9sqxWU","progressBar-indeterminate":"JTIiwD","progressBarIndeterminate":"JTIiwD","size-12":"S4hK09","size12":"S4hK09","size-18":"JTQxr-","size18":"JTQxr-","size-24":"v2tGAP","size24":"v2tGAP"};
 
 const IndeterminateBar = /* @__PURE__ */React.forwardRef((props, ref) => {
     return (React.createElement("div", { ref: ref, className: cx('uui-indeterminate_bar', props.cx, css$1j.root, css$1j[`size-${props.size || 12}`]) },
         React.createElement("div", { className: cx(css$1j.progressBar) })));
 });
 
-var css$1i = {"root":"_8jt7-F","striped":"j-EHIW","animate-stripes":"_0ZzWSV","animateStripes":"_0ZzWSV","size-12":"Eqz-7j","size12":"Eqz-7j","size-18":"yA-ppB","size18":"yA-ppB","size-24":"ypkrn9","size24":"ypkrn9"};
+var css$1i = {"root":"SuzAbP","striped":"_95njH6","animate-stripes":"y7W9Nr","animateStripes":"y7W9Nr","size-12":"ZsYJ45","size12":"ZsYJ45","size-18":"I10gIw","size18":"I10gIw","size-24":"_-5sQwO","size24":"_-5sQwO"};
 
 const DEFAULT_SIZE = '12';
 function applyProgressBarMods(mods) {
@@ -1743,14 +1749,14 @@ const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProg
     hideLabel: props.hideLabel || props.striped,
 }));
 
-var css$1h = {"root":"FEEMzp"};
+var css$1h = {"root":"fmE3qR"};
 
 const IndicatorBar = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { progress } = props;
     return progress || progress === 0 ? (React.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx(css$1h.root, props.cx), hideLabel: true })) : (React.createElement(IndeterminateBar, { ref: ref, cx: cx(css$1h.root, props.cx) }));
 });
 
-var css$1g = {"root":"PvkAOK"};
+var css$1g = {"root":"_0OrRn5"};
 
 const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
@@ -1765,7 +1771,7 @@ const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
         React__default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
 });
 
-var css$1f = {"root":"OmR0gI"};
+var css$1f = {"root":"_4Cb0Iq"};
 
 function applyCheckboxMods(mods) {
     return [
@@ -1783,7 +1789,7 @@ const applyUUICheckboxProps = (props) => {
 };
 const Checkbox = /* @__PURE__ */withMods(uuiComponents.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
 
-var css$1e = {"root":"hzT9Xy"};
+var css$1e = {"root":"kV36XR"};
 
 function applyRadioInputMods(mods) {
     return [
@@ -1795,7 +1801,7 @@ function applyRadioInputMods(mods) {
 }
 const RadioInput = /* @__PURE__ */withMods(RadioInput$1, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : settings.radioInput.icons.dotIcon }));
 
-var css$1d = {"root":"_1tM1-A"};
+var css$1d = {"root":"xSIzb9"};
 
 function applySwitchMods(mods) {
     return [
@@ -1819,7 +1825,7 @@ var EditMode;
     EditMode["INLINE"] = "inline";
 })(EditMode || (EditMode = {}));
 
-var textInputCss = {"root":"sMc6v6"};
+var textInputCss = {"root":"ed2R4g"};
 
 const DEFAULT_MODE$3 = EditMode.FORM;
 function applyTextInputMods(mods) {
@@ -1844,7 +1850,7 @@ const SearchInput = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         } }));
 });
 
-var css$1c = {"root":"_056p42"};
+var css$1c = {"root":"ZOatDV"};
 
 const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1c.root, 'uui-control-group']);
 
@@ -1860,7 +1866,7 @@ function MultiSwitchComponent(props, ref) {
 }
 const MultiSwitch = /* @__PURE__ */React.forwardRef(MultiSwitchComponent);
 
-var css$1b = {"root":"ywMWLP"};
+var css$1b = {"root":"V-5TIj"};
 
 const DEFAULT_MODE$2 = EditMode.FORM;
 function applyNumericInputMods(mods) {
@@ -1880,7 +1886,7 @@ const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMo
     };
 });
 
-var css$1a = {"root":"d3Bl1w"};
+var css$1a = {"root":"SHPU8A"};
 
 const DEFAULT_MODE$1 = EditMode.FORM;
 function applyTextAreaMods(mods) {
@@ -1921,7 +1927,7 @@ function TREE_SHAKEABLE_INIT$1() {
     };
 }
 
-var css$19 = {"root":"_20vuzx"};
+var css$19 = {"root":"-NBFiI"};
 
 function applyDropdownContainerMods(mods) {
     return [
@@ -1932,7 +1938,7 @@ function applyDropdownContainerMods(mods) {
 }
 const DropdownContainer = /* @__PURE__ */withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
 
-var css$18 = {"root":"_02P7G6","timepicker-input":"-hxUNa","timepickerInput":"-hxUNa","ltr-always":"bRkztA","ltrAlways":"bRkztA"};
+var css$18 = {"root":"MpUkbb","timepicker-input":"_7XCqf9","timepickerInput":"_7XCqf9","ltr-always":"-UW3kT","ltrAlways":"-UW3kT"};
 
 const uuiTimePicker = {
     container: 'uui-timepicker-container',
@@ -2153,7 +2159,7 @@ function TimePickerComponent(props, ref) {
 }
 const TimePicker = /* @__PURE__ */React__default.forwardRef(TimePickerComponent);
 
-var css$17 = {"root":"Nf6w2E"};
+var css$17 = {"root":"sUZGDt"};
 
 function applyInputAddonMods() {
     return [
@@ -2162,14 +2168,14 @@ function applyInputAddonMods() {
 }
 const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
 
-var css$16 = {"root":"_9fdAl6"};
+var css$16 = {"root":"pn9pes"};
 
 function applySliderMods() {
     return [css$16.root, 'uui-color-neutral'];
 }
 const Slider = /* @__PURE__ */withMods(Slider$1, applySliderMods);
 
-var css$15 = {"root":"AlIy0r"};
+var css$15 = {"root":"Ans4hK"};
 
 function applyTooltipMods(mods) {
     return [
@@ -2179,7 +2185,7 @@ function applyTooltipMods(mods) {
 }
 const Tooltip = /* @__PURE__ */withMods(uuiComponents.Tooltip, applyTooltipMods);
 
-var css$14 = {"root":"g7MsA8","tooltip":"_1iV-z4"};
+var css$14 = {"root":"sYxg9I","tooltip":"aNWmrj"};
 
 function applyRatingMods(mods) {
     return [
@@ -2193,7 +2199,7 @@ const Rating = /* @__PURE__ */withMods(uuiComponents.Rating, applyRatingMods, (p
     Tooltip,
 }));
 
-var css$13 = {"drag-handle-wrapper":"HXWVYa","dragHandleWrapper":"HXWVYa","with-indent":"CUfH8A","withIndent":"CUfH8A","drag-handle":"_-2sDxb","dragHandle":"_-2sDxb","icon-container":"Ic9Jun","iconContainer":"Ic9Jun"};
+var css$13 = {"drag-handle-wrapper":"_2P2Dl6","dragHandleWrapper":"_2P2Dl6","with-indent":"HLwZPZ","withIndent":"HLwZPZ","drag-handle":"iURX1E","dragHandle":"iURX1E","icon-container":"vwpxMA","iconContainer":"vwpxMA"};
 
 function DataRowAddons(props) {
     const row = props.rowProps;
@@ -2280,7 +2286,7 @@ function VerticalTabButtonComponent(props, ref) {
 }
 const VerticalTabButton = /* @__PURE__ */React__default.forwardRef(VerticalTabButtonComponent);
 
-var css$12 = {"root":"_92FJDC","main-path":"ivMvdj","mainPath":"ivMvdj","content-wrapper":"-j9fqs","contentWrapper":"-j9fqs","content":"e4nud3","action-wrapper":"ol4rTY","actionWrapper":"ol4rTY","icon-wrapper":"ddsSw9","iconWrapper":"ddsSw9","icon":"fEf7ry","close-icon":"_2HKuar","closeIcon":"_2HKuar"};
+var css$12 = {"root":"TIS70K","main-path":"WNYf4z","mainPath":"WNYf4z","content-wrapper":"m-D2Px","contentWrapper":"m-D2Px","content":"Hbc1cN","action-wrapper":"agepLm","actionWrapper":"agepLm","icon-wrapper":"gbW-mQ","iconWrapper":"gbW-mQ","icon":"bo69t7","close-icon":"CcIhrT","closeIcon":"CcIhrT"};
 
 const Alert = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("div", { role: "alert", ref: ref, className: cx('uui-alert', css$12.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.alert.sizes.default}`), ...props.rawProps },
     React.createElement("div", { className: css$12.mainPath },
@@ -2298,7 +2304,7 @@ const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createE
 
 const Dropdown = /* @__PURE__ */withMods(Dropdown$1);
 
-var css$11 = {"submenu-root-item-rtl":"qdIytE","submenuRootItemRtl":"qdIytE","icon-after":"_1J4pyg","iconAfter":"_1J4pyg","submenu-root-item":"onjw8-","submenuRootItem":"onjw8-","icon-check":"U0hRCy","iconCheck":"U0hRCy","splitter-root":"EMAcMI","splitterRoot":"EMAcMI","splitter":"ZrjoRR","header-root":"Sa6H4h","headerRoot":"Sa6H4h","item-root":"DniJpc","itemRoot":"DniJpc","icon":"oyjCXe","link":"_28slz-","indent":"A4o23d","selected-mark":"D3mfva","selectedMark":"D3mfva"};
+var css$11 = {"submenu-root-item-rtl":"I5CKk4","submenuRootItemRtl":"I5CKk4","icon-after":"Tccw8V","iconAfter":"Tccw8V","submenu-root-item":"rXYG66","submenuRootItem":"rXYG66","icon-check":"HLha6O","iconCheck":"HLha6O","splitter-root":"OlvKP8","splitterRoot":"OlvKP8","splitter":"-Jkcn0","header-root":"nJaUVI","headerRoot":"nJaUVI","item-root":"VuyMVg","itemRoot":"VuyMVg","icon":"-R97qA","link":"lZi-VC","indent":"_9H-rwF","selected-mark":"_7Ru31y","selectedMark":"_7Ru31y"};
 
 var IDropdownControlKeys;
 (function (IDropdownControlKeys) {
@@ -2439,7 +2445,7 @@ function DropdownMenuSwitchButton(props) {
         React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange, ref: switchRef })));
 }
 
-var css$10 = {"root":"t-dn-B","mode-block":"pPeZJs","modeBlock":"pPeZJs","mode-inline":"FvdCXR","modeInline":"FvdCXR","padding-0":"dBs0rR","padding0":"dBs0rR","padding-6":"kGmx4T","padding6":"kGmx4T","padding-12":"YycmJI","padding12":"YycmJI","padding-18":"YwgLVY","padding18":"YwgLVY"};
+var css$10 = {"root":"rdM8kR","mode-block":"WAB5MO","modeBlock":"WAB5MO","mode-inline":"Y8jRnc","modeInline":"Y8jRnc","padding-0":"N-5wFC","padding0":"N-5wFC","padding-6":"q2UDhi","padding6":"q2UDhi","padding-12":"yv1hOh","padding12":"yv1hOh","padding-18":"rirw5a","padding18":"rirw5a"};
 
 function applyAccordionMods(mods) {
     return [
@@ -2452,7 +2458,7 @@ const Accordion = /* @__PURE__ */withMods(uuiComponents.Accordion, applyAccordio
     dropdownIcon: mods.dropdownIcon !== null && settings.accordion.icons.dropdownIcon,
 }));
 
-var css$$ = {"root":"vZNv-q","align-items":"xtnqTw","alignItems":"xtnqTw","justify-content":"_8Kch0C","justifyContent":"_8Kch0C","border-top":"chYzx7","borderTop":"chYzx7","border-bottom":"F2m1Y9","borderBottom":"F2m1Y9","top-shadow":"oHOyd7","topShadow":"oHOyd7","padding":"LkB9iD","margin":"Uiy5Ux","vPadding":"RgEXwJ","column-gap":"p9UoRf","columnGap":"p9UoRf","row-gap":"o6cFSS","rowGap":"o6cFSS","spacing":"YSedbA"};
+var css$$ = {"root":"vCyNB-","align-items":"L9i3Sr","alignItems":"L9i3Sr","justify-content":"p911f1","justifyContent":"p911f1","border-top":"e0tKyU","borderTop":"e0tKyU","border-bottom":"qJt6wo","borderBottom":"qJt6wo","top-shadow":"O8vC1H","topShadow":"O8vC1H","padding":"ny-m5A","margin":"l-XFDV","vPadding":"iIV3U6","column-gap":"vEqDbm","columnGap":"vEqDbm","row-gap":"_5Qao4-","rowGap":"_5Qao4-","spacing":"_9Ij36a"};
 
 const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$$.flexCell]);
 
@@ -2504,7 +2510,7 @@ const FlexRow = /* @__PURE__ */forwardRef((props, ref) => {
         } }, props.children));
 });
 
-var css$_ = {"root":"_9ua8fD","margin-24":"B2erBJ","margin24":"B2erBJ","padding-12":"CP5Eno","padding12":"CP5Eno","padding-24":"jy7OSM","padding24":"jy7OSM","shadow":"EwvDwH","uui-surface-main":"cFeJfe","uuiSurfaceMain":"cFeJfe"};
+var css$_ = {"root":"udcd4z","margin-24":"d1v27L","margin24":"d1v27L","padding-12":"TLFNIu","padding12":"TLFNIu","padding-24":"fhpH8g","padding24":"fhpH8g","shadow":"O9-Q2O","uui-surface-main":"Tf58k-","uuiSurfaceMain":"Tf58k-"};
 
 const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
     'uui-panel',
@@ -2514,7 +2520,7 @@ const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
     props.background && css$_[`uui-${props.background}`],
 ]);
 
-var css$Z = {"root":"YLO0lG"};
+var css$Z = {"root":"tJhgrC"};
 
 function applyLabeledInputMods(mods) {
     return [
@@ -2536,7 +2542,7 @@ function applyLabeledInputProps(props) {
 }
 const LabeledInput = /* @__PURE__ */withMods(uuiComponents.LabeledInput, applyLabeledInputMods, applyLabeledInputProps);
 
-var css$Y = {"root":"_72eaiu"};
+var css$Y = {"root":"ScXJMg"};
 
 function RadioGroup(props) {
     const direction = props.direction || 'vertical';
@@ -2551,7 +2557,7 @@ function RadioGroup(props) {
     })));
 }
 
-var css$X = {"root":"I20WrJ","viewport":"NAzYzE"};
+var css$X = {"root":"R86ZwC","viewport":"_3NcmFk"};
 
 var uuiScrollbars;
 (function (uuiScrollbars) {
@@ -2630,7 +2636,7 @@ const ScrollBars = /* @__PURE__ */forwardRef((props, ref) => {
 });
 ScrollBars.displayName = 'ScrollBars';
 
-var css$W = {"scroll-container":"jNgRM9","scrollContainer":"jNgRM9","list-container":"HWXG-x","listContainer":"HWXG-x"};
+var css$W = {"scroll-container":"QqwzfX","scrollContainer":"QqwzfX","list-container":"k9zPq-","listContainer":"k9zPq-"};
 
 const VirtualList = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const { listContainerRef, offsetY, handleScroll, estimatedHeight, scrollContainerRef, } = useVirtualList({
@@ -2705,7 +2711,7 @@ function Tree(props) {
     return (React.createElement(VirtualList, { value: value, onValueChange: onValueChange, rowsCount: rowsCount, rows: renderedRows, cx: cx$1(propsCx), role: "tree" }));
 }
 
-var css$V = {"root":"Dsl4jY"};
+var css$V = {"root":"DDmbfu"};
 
 function CheckboxGroup(props) {
     const currentValue = props.value || [];
@@ -2807,7 +2813,7 @@ const Tabs = /* @__PURE__ */forwardRef((props, ref) => {
 });
 Tabs.displayName = 'Tabs';
 
-var css$U = {"root":"mhm0DJ","modal-blocker":"g4jcyd","modalBlocker":"g4jcyd","animateModalBlocker":"aG78Q4","modal":"_8xXq8t","modal-footer":"_4PWyq0","modalFooter":"_4PWyq0","border-top":"_37N1Bz","borderTop":"_37N1Bz","modal-header":"_3HN-mY","modalHeader":"_3HN-mY","border-bottom":"UKdENb","borderBottom":"UKdENb"};
+var css$U = {"root":"jv-oT5","modal-blocker":"TLnPWu","modalBlocker":"TLnPWu","animateModalBlocker":"rfbDlH","modal":"Q1el2r","modal-footer":"pCFlQU","modalFooter":"pCFlQU","border-top":"JX5t5V","borderTop":"JX5t5V","modal-header":"WG2dHk","modalHeader":"WG2dHk","border-bottom":"SXV5ch","borderBottom":"SXV5ch"};
 
 const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$U.modalBlocker]);
 const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$U.root, css$U.modal], (props) => {
@@ -2869,7 +2875,8 @@ const TREE_SHAKEABLE_INIT = () => ({
     form: {
         notifications: {
             actionButtonCaption: 'Restore',
-            unsavedChangesMessage: 'You have unsaved changes. Click Restore button if you would like to recover the data',
+            declineButtonCaption: 'Decline',
+            unsavedChangesMessage: 'You have unsaved changes. Click Restore to recover the data, or Decline to discard it',
         },
         modals: {
             beforeLeaveMessage: 'Your data may be lost. Do you want to save data?',
@@ -3006,7 +3013,7 @@ const TREE_SHAKEABLE_INIT = () => ({
 });
 const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
 
-var css$T = {"root":"Aq9ztr","icon-wrapper":"V-dMo-","iconWrapper":"V-dMo-","action-wrapper":"Xz7Kak","actionWrapper":"Xz7Kak","close-icon":"rNwv7c","closeIcon":"rNwv7c","main-path":"_1j98a-","mainPath":"_1j98a-","content":"UHRet2","close-wrapper":"dILkA0","closeWrapper":"dILkA0","clear-notifications":"GtNNA8","clearNotifications":"GtNNA8"};
+var css$T = {"root":"XDfJz4","icon-wrapper":"O0jd3z","iconWrapper":"O0jd3z","action-wrapper":"izDsH5","actionWrapper":"izDsH5","close-icon":"Ul-ceD","closeIcon":"Ul-ceD","main-path":"h-8m0v","mainPath":"h-8m0v","content":"r-x0D-","close-wrapper":"iPJFlg","closeWrapper":"iPJFlg","clear-notifications":"Jkzsfh","clearNotifications":"Jkzsfh"};
 
 const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const notificationCardNode = React__default.useRef(null);
@@ -3039,7 +3046,7 @@ function ClearNotification() {
         React__default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
 }
 
-var css$S = {"footer":"QyZyil"};
+var css$S = {"footer":"_6rZTkl"};
 
 class ConfirmationModal extends React.Component {
     render() {
@@ -3081,7 +3088,7 @@ function useReliableForceUpdate() {
     return red[1];
 }
 
-var css$R = {"root":"_7lOghu","container":"OTlYuT"};
+var css$R = {"root":"VZlDdm","container":"_7uke-y"};
 
 const defaultFormat = 'MMM D, YYYY';
 const defaultFormatShort = 'MMM D';
@@ -3309,14 +3316,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$Q = {"root":"qFOIGi"};
+var css$Q = {"root":"KBghsU"};
 
 function applyDateSelectionMods(mods) {
     return [css$Q.root, `uui-size-${mods.size ?? settings.datePicker.sizes.body}`];
 }
 const Calendar = /* @__PURE__ */withMods(Calendar$1, applyDateSelectionMods);
 
-var css$P = {"root":"nQ3GqM"};
+var css$P = {"root":"v99uIT"};
 
 const uuiDatePickerBody = {
     wrapper: 'uui-datepicker-body-wrapper',
@@ -3443,7 +3450,7 @@ function DatePickerComponent(props, ref) {
 }
 const DatePicker = /* @__PURE__ */React__default.forwardRef(DatePickerComponent);
 
-var css$O = {"date-input":"_3at1sp","dateInput":"_3at1sp","root":"_681hOs","separator":"wS7Cmu"};
+var css$O = {"date-input":"e4VQ97","dateInput":"e4VQ97","root":"oSX0X5","separator":"UgsdOM"};
 
 const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, onKeyDown, onIconClick, preventEmptyFromDate, preventEmptyToDate, id, cx: classes, }, ref) => {
     const [inputValue, setInputValue] = useState(toCustomDateRangeFormat(value, format));
@@ -3520,7 +3527,7 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
         React__default.createElement(TextInput, { cx: cx$1(css$O.dateInput, inFocus === 'to' && uuiMod.focus), placeholder: getPlaceholder ? getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: size || settings.rangeDatePicker.sizes.default, value: inputValue.to || undefined, icon: clearAllowed && ForwardRef$Q, iconPosition: "right", iconLabel: "Clear selected date range", onIconClick: onClear, 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$N = {"root":"KSmQQU"};
+var css$N = {"root":"P-bWbk"};
 
 const uuiPresets = {
     container: 'uui-presets-container',
@@ -3542,7 +3549,7 @@ function CalendarPresets(props) {
         getPresets(props.presets).map((item) => (React.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: presetSize })))));
 }
 
-var css$M = {"root":"HUP7in","container":"_9poUQV","day-selection":"sD15rX","daySelection":"sD15rX","mobile":"mdkknc","from-picker":"-An6Hf","fromPicker":"-An6Hf","to-picker":"MSZHnA","toPicker":"MSZHnA","bodes-wrapper":"dzTXL-","bodesWrapper":"dzTXL-","blocker":"dQb9Nl"};
+var css$M = {"root":"DaipFK","container":"MrobWF","day-selection":"y-40VH","daySelection":"y-40VH","mobile":"_1nsmaf","from-picker":"qJ9zR3","fromPicker":"qJ9zR3","to-picker":"bV-mUC","toPicker":"bV-mUC","bodes-wrapper":"BePeu-","bodesWrapper":"BePeu-","blocker":"-JMQpW"};
 
 const uuiRangeDatePickerBody = {
     inRange: 'uui-range-datepicker-in-range',
@@ -3751,7 +3758,7 @@ const getDayState = (day, selectedDate) => {
     };
 };
 
-var css$L = {"root":"dqbH9C","modal-title":"_1cPD92","modalTitle":"_1cPD92","range-selector":"_8W7XCu","rangeSelector":"_8W7XCu","range-selector-button":"MRZPHa","rangeSelectorButton":"MRZPHa","header-range-separator":"lcnpiL","headerRangeSeparator":"lcnpiL","body":"R-IHjY"};
+var css$L = {"root":"QoKIsz","modal-title":"dA-YOj","modalTitle":"dA-YOj","range-selector":"iej3yd","rangeSelector":"iej3yd","range-selector-button":"SMnhn-","rangeSelectorButton":"SMnhn-","header-range-separator":"N9Dvav","headerRangeSeparator":"N9Dvav","body":"q1-3qU"};
 
 function RangeDatePickerModal({ success, abort, isActive, zIndex, key, pickerProps, initialValue, }) {
     const [modalValue, setModalValue] = useState(initialValue);
@@ -3792,7 +3799,7 @@ function RangeDatePickerModal({ success, abort, isActive, zIndex, key, pickerPro
                 React__default.createElement(Button, { color: "primary", caption: i18n.rangeDatePicker.mobileModalApply, onClick: () => success(modalValue) })))));
 }
 
-var css$K = {"dropdown-container":"Atjwfw","dropdownContainer":"Atjwfw"};
+var css$K = {"dropdown-container":"fmkXma","dropdownContainer":"fmkXma"};
 
 function RangeDatePickerComponent(props, ref) {
     const { value: _value, format = defaultFormat, size = settings.rangeDatePicker.sizes.default } = props;
@@ -3897,7 +3904,7 @@ function RangeDatePickerComponent(props, ref) {
 }
 const RangeDatePicker = /* @__PURE__ */React__default.forwardRef(RangeDatePickerComponent);
 
-var css$J = {"root":"ToTkVQ","blocker":"mYv2YR","marker":"fjqR-g","top":"_5sQGUP","bottom":"BxjDln","left":"s-Cs8Q","right":"JO2DTP","inside":"_8oazNa"};
+var css$J = {"root":"_1kf5B1","blocker":"S9dFI1","marker":"RCzQ5L","top":"_5BprAF","bottom":"-bshL-","left":"M7I89R","right":"qI6yj0","inside":"Vsnvm3"};
 
 function DropMarker(props) {
     return props.isDndInProgress
@@ -3912,9 +3919,9 @@ function DropMarker(props) {
         : null;
 }
 
-var css$I = {"root":"af08Vc","search-wrapper":"Pk1Kov","searchWrapper":"Pk1Kov","no-data":"u3LOx9","noData":"u3LOx9","empty-status-announcer":"RAEBUb","emptyStatusAnnouncer":"RAEBUb"};
+var css$I = {"root":"wCOb-d","search-wrapper":"DTb6c7","searchWrapper":"DTb6c7","no-data":"UO6z7B","noData":"UO6z7B","empty-status-announcer":"QNF6rP","emptyStatusAnnouncer":"QNF6rP"};
 
-var css$H = {"picker-row":"FzqoTp","pickerRow":"FzqoTp","align-widgets-top":"lqskuz","alignWidgetsTop":"lqskuz","row-content":"F4W6NH","rowContent":"F4W6NH","align-widgets-center":"sal31v","alignWidgetsCenter":"sal31v","icon-container":"_6D35fF","iconContainer":"_6D35fF","content-wrapper":"LRKur5","contentWrapper":"LRKur5","icon-wrapper":"HnxgXN","iconWrapper":"HnxgXN","icon-default":"xHz0b6","iconDefault":"xHz0b6","selected-mark":"UhnQxe","selectedMark":"UhnQxe"};
+var css$H = {"picker-row":"qaiP0J","pickerRow":"qaiP0J","align-widgets-top":"_6KyKg-","alignWidgetsTop":"_6KyKg-","row-content":"-pj763","rowContent":"-pj763","align-widgets-center":"x5WFOr","alignWidgetsCenter":"x5WFOr","icon-container":"XeBP1p","iconContainer":"XeBP1p","content-wrapper":"Sh3lNz","contentWrapper":"Sh3lNz","icon-wrapper":"OJZe-Y","iconWrapper":"OJZe-Y","icon-default":"-tkpfI","iconDefault":"-tkpfI","selected-mark":"z4zpBf","selectedMark":"z4zpBf"};
 
 const mergeHighlightRanges = (ranges) => {
     const mergedRanges = [];
@@ -3981,7 +3988,7 @@ const getHighlightedSearchMatches = (str, search) => {
     return getDecoratedText(str, ranges);
 };
 
-var css$G = {"root":"SSFico","column-gap":"m9qsGn","columnGap":"m9qsGn","title":"XIVrlh","subtitle":"ZfUh97","disabled":"vFt8ag","multiline":"_3C1xBH"};
+var css$G = {"root":"R96pVf","column-gap":"SRb1FI","columnGap":"SRb1FI","title":"UnJ3oU","subtitle":"BQEaCl","disabled":"BKNo8I","multiline":"_769Vzo"};
 
 function PickerItem(props) {
     const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
@@ -4207,7 +4214,7 @@ function DataPickerFooterImpl(props) {
 }
 const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
 
-var css$F = {"header":"_8ZiO4O","title":"GMoEHL","close":"lSBuIb"};
+var css$F = {"header":"r0-MPf","title":"tD1Hzi","close":"xolvzN"};
 
 const DataPickerMobileHeaderImpl = (props) => {
     const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
@@ -4217,7 +4224,7 @@ const DataPickerMobileHeaderImpl = (props) => {
 };
 const DataPickerMobileHeader = /* @__PURE__ */React__default.memo(DataPickerMobileHeaderImpl);
 
-var css$E = {"done":"O-mi7P","container":"_6GfmtD"};
+var css$E = {"done":"-jy4Kb","container":"WawhGg"};
 
 const PickerBodyMobileView = (props) => {
     const isMobileView = isMobile();
@@ -4229,7 +4236,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":"l73zKH","subHeaderWrapper":"l73zKH","switch":"quSnqd","search":"KBs415","no-found-modal-container":"eCwNlt","noFoundModalContainer":"eCwNlt","no-found-modal-container-icon":"rn8sFv","noFoundModalContainerIcon":"rn8sFv","no-found-modal-container-text":"RYItyY","noFoundModalContainerText":"RYItyY","body":"fXoPP0"};
+var css$D = {"sub-header-wrapper":"vPbgX9","subHeaderWrapper":"vPbgX9","switch":"FKCeZr","search":"S0an89","no-found-modal-container":"VVBvDV","noFoundModalContainer":"VVBvDV","no-found-modal-container-icon":"UAi5Zw","noFoundModalContainerIcon":"UAi5Zw","no-found-modal-container-text":"_8-jXN1","noFoundModalContainerText":"_8-jXN1","body":"kuZ-v2"};
 
 function PickerModal(props) {
     const { view, selection, dataSourceStateLens, dataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = usePickerModal(props);
@@ -4291,7 +4298,7 @@ function PickerModal(props) {
             React__default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
 }
 
-var css$C = {"tooltip":"_8lvjth","noShrink":"KPg8F7"};
+var css$C = {"tooltip":"w8FOzk","noShrink":"GJ7M6e"};
 
 const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
     const tagProps = {
@@ -4310,7 +4317,7 @@ const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
     }
 });
 
-var css$B = {"root":"LqBRAk"};
+var css$B = {"root":"PrO3e5"};
 
 const defaultMode = EditMode.FORM;
 function applyPickerTogglerMods(mods) {
@@ -4392,7 +4399,7 @@ function PickerInputComponent(props, ref) {
 }
 const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
 
-var css$A = {"row":"GkhiL0"};
+var css$A = {"row":"loig5H"};
 
 function PickerListRow(props) {
     let label;
@@ -4412,7 +4419,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":"qwlhzh"};
+var css$z = {"root":"_2ERMyU"};
 
 function PickerList(props) {
     const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, getModalTogglerCaption, } = usePickerList(props);
@@ -4447,7 +4454,7 @@ function PickerList(props) {
             }, selectedRows)));
 }
 
-var css$y = {"root":"HUYBCt","wrapper":"V3EuxC","align-widgets-top":"kCLohD","alignWidgetsTop":"kCLohD","align-widgets-center":"_8F7mpL","alignWidgetsCenter":"_8F7mpL"};
+var css$y = {"root":"pKBzda","wrapper":"_6zh6jC","align-widgets-top":"_7LeVXd","alignWidgetsTop":"_7LeVXd","align-widgets-center":"kVbdBf","alignWidgetsCenter":"kVbdBf"};
 
 function DataTableCell(initialProps) {
     const props = { ...initialProps };
@@ -4497,7 +4504,7 @@ function DataTableCell(initialProps) {
     return React.createElement(DataTableCell$1, { ...props });
 }
 
-var css$x = {"root":"o8PAA7"};
+var css$x = {"root":"V8cQ7m"};
 
 // 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.
@@ -4513,7 +4520,7 @@ const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = t
     ];
 }, () => propsMods);
 
-var css$w = {"sorting-panel-container":"ZK9h6r","sortingPanelContainer":"ZK9h6r"};
+var css$w = {"sorting-panel-container":"g-ppuG","sortingPanelContainer":"g-ppuG"};
 
 const SortingPanelImpl = ({ sortDirection, onSort }) => {
     const sortAsc = useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
@@ -4535,7 +4542,7 @@ const ColumnHeaderDropdownImpl = (props) => {
 };
 const ColumnHeaderDropdown = /* @__PURE__ */React__default.memo(ColumnHeaderDropdownImpl);
 
-var css$v = {"root":"AFOzaD","caption-wrapper":"mAW1wE","captionWrapper":"mAW1wE","sort-icon":"_5afycX","sortIcon":"_5afycX","dropdown-icon":"OuWLsi","dropdownIcon":"OuWLsi","infoIcon":"_83nAUM","sortInActive":"_5i54al","align-right":"M0Mbjd","alignRight":"M0Mbjd","align-center":"P5otgO","alignCenter":"P5otgO","caption":"LmgbJn","truncate":"DiA1Ck","upper-case":"G9eHFh","upperCase":"G9eHFh","checkbox":"Enm2xl","icon":"_3zDQ0y","fold-all-icon":"_172A98","foldAllIcon":"_172A98","cell-tooltip":"V9a-cG","cellTooltip":"V9a-cG","resizing-marker":"yuXEFH","resizingMarker":"yuXEFH","pinned-right":"tdotXX","pinnedRight":"tdotXX","draggable":"_8xaNyU","ghost":"jD72KH","is-dragged-out":"f1gAGB","isDraggedOut":"f1gAGB","dnd-marker-left":"pS8623","dndMarkerLeft":"pS8623","dnd-marker-right":"flaE2z","dndMarkerRight":"flaE2z","cell-tooltip-wrapper":"NaWd1j","cellTooltipWrapper":"NaWd1j","cell-tooltip-text":"njSmqF","cellTooltipText":"njSmqF","tooltip-caption":"cvKWuI","tooltipCaption":"cvKWuI","tooltip-info":"qDlBTo","tooltipInfo":"qDlBTo"};
+var css$v = {"root":"S-F0Xs","caption-wrapper":"_2sVUqi","captionWrapper":"_2sVUqi","sort-icon":"bqN2hD","sortIcon":"bqN2hD","dropdown-icon":"GHQOyn","dropdownIcon":"GHQOyn","infoIcon":"_0uCTfo","sortInActive":"buoVwy","align-right":"S-jG8M","alignRight":"S-jG8M","align-center":"_0niSAJ","alignCenter":"_0niSAJ","caption":"pQerYT","truncate":"WNPNQ7","upper-case":"buFXwd","upperCase":"buFXwd","checkbox":"zPS-bf","icon":"YAi4Uz","fold-all-icon":"RJrHqo","foldAllIcon":"RJrHqo","cell-tooltip":"Njz2ba","cellTooltip":"Njz2ba","resizing-marker":"u2p1cb","resizingMarker":"u2p1cb","pinned-right":"p3i679","pinnedRight":"p3i679","draggable":"ZxNFFT","ghost":"XcqKmp","is-dragged-out":"fsZwde","isDraggedOut":"fsZwde","dnd-marker-left":"ODGAd5","dndMarkerLeft":"ODGAd5","dnd-marker-right":"jWwP6N","dndMarkerRight":"jWwP6N","cell-tooltip-wrapper":"BQFOF8","cellTooltipWrapper":"BQFOF8","cell-tooltip-text":"TABtua","cellTooltipText":"TABtua","tooltip-caption":"Sfw3s-","tooltipCaption":"Sfw3s-","tooltip-info":"Czwlp0","tooltipInfo":"Czwlp0"};
 
 function DefaultTooltipContent(column) {
     return (React__default.createElement("div", { className: cx$1(css$v.cellTooltipWrapper, uuiDataTableHeaderCell.uuiTableHeaderCaptionTooltip) },
@@ -4642,7 +4649,7 @@ function DataTableHeaderCell(props) {
     return (React__default.createElement(DataTableHeaderCell$1, { ...props, renderCellContent: props.column.renderFilter ? renderCellWithFilter : renderCellContent }));
 }
 
-var css$u = {"root":"tTpcoK","caption-wrapper":"mC-XEs","captionWrapper":"mC-XEs","align-center":"BBfAzw","alignCenter":"BBfAzw","caption":"iuzR5m","truncate":"KBn7ll","upper-case":"_0NpXGi","upperCase":"_0NpXGi","group-cell-tooltip":"iyAD9G","groupCellTooltip":"iyAD9G","group-cell-tooltip-wrapper":"BzfoiC","groupCellTooltipWrapper":"BzfoiC","group-cell-tooltip-text":"vxbOsV","groupCellTooltipText":"vxbOsV","tooltip-caption":"UH613l","tooltipCaption":"UH613l","tooltip-info":"KdbMeX","tooltipInfo":"KdbMeX"};
+var css$u = {"root":"k444mz","caption-wrapper":"q40fcC","captionWrapper":"q40fcC","align-center":"Psq78D","alignCenter":"Psq78D","caption":"_0Yi8sv","truncate":"v0ZLTq","upper-case":"t5Zn8Q","upperCase":"t5Zn8Q","group-cell-tooltip":"C8-qNH","groupCellTooltip":"C8-qNH","group-cell-tooltip-wrapper":"_4tBaHg","groupCellTooltipWrapper":"_4tBaHg","group-cell-tooltip-text":"gEBq3Z","groupCellTooltipText":"gEBq3Z","tooltip-caption":"hXCIDR","tooltipCaption":"hXCIDR","tooltip-info":"APnNDP","tooltipInfo":"APnNDP"};
 
 class DataTableHeaderGroupCell extends React.Component {
     constructor() {
@@ -4682,7 +4689,7 @@ class DataTableHeaderGroupCell extends React.Component {
     }
 }
 
-var css$t = {"root":"H47Ts9"};
+var css$t = {"root":"upn2a4"};
 
 const DataTableHeaderRow = /* @__PURE__ */withMods(DataTableHeaderRow$1, () => [css$t.root, 'uui-dt-vars'], (mods) => {
     return ({
@@ -4790,7 +4797,7 @@ const UUI_FILTERS_PANEL_ITEM_TOGGLER_SELECTION = 'uui-filters-panel-item-toggler
 const UUI_FILTERS_PANEL_ITEM_TOGGLER_POSTFIX = 'uui-filters-panel-item-toggler-postfix';
 const UUI_FILTERS_PANEL_BODY_FOOTER = 'uui-filters-panel-item-footer';
 
-var css$s = {"body":"SuvPbI","header":"_49rwqm","title":"mf7K-n","removeButton":"_3LU8e2","with-search":"uNJaLt","withSearch":"uNJaLt"};
+var css$s = {"body":"iOxfZP","header":"l6fZ6H","title":"Iq9bj8","removeButton":"PVn8TU","with-search":"cGKTjZ","withSearch":"cGKTjZ"};
 
 function FilterColumnBody(props) {
     const [predicate, setPredicate] = useState(getDefaultPredicate(props.predicates, props.value));
@@ -4851,7 +4858,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
     return columns;
 };
 
-var css$r = {"unpin-icon":"Pznl9h","unpinIcon":"Pznl9h","pin-toggler-icon":"a19d-A","pinTogglerIcon":"a19d-A"};
+var css$r = {"unpin-icon":"yUx-VP","unpinIcon":"yUx-VP","pin-toggler-icon":"poJ3f1","pinTogglerIcon":"poJ3f1"};
 
 function PinIconButton(props) {
     const i18nLocal = i18n.tables.columnsConfigurationModal;
@@ -4902,7 +4909,7 @@ function getUnpinIcon(params) {
     }
 }
 
-var css$q = {"row-wrapper":"_8M-Alp","rowWrapper":"_8M-Alp","pin-icon-button":"oaqOdo","pinIconButton":"oaqOdo","not-pinned":"gKkYYc","notPinned":"gKkYYc","checkbox":"qbfoZd","drag-handle":"AeaCLL","dragHandle":"AeaCLL","dnd-disabled":"ngGcLh","dndDisabled":"ngGcLh"};
+var css$q = {"row-wrapper":"rTOIeo","rowWrapper":"rTOIeo","pin-icon-button":"_7YFZVI","pinIconButton":"_7YFZVI","not-pinned":"PnQUIG","notPinned":"PnQUIG","checkbox":"BTY0eG","drag-handle":"m4MFdr","dragHandle":"m4MFdr","dnd-disabled":"_4x9rj6","dndDisabled":"_4x9rj6"};
 
 const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
     const { column } = props;
@@ -4936,7 +4943,7 @@ const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
     return (React.createElement(DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
 });
 
-var css$p = {"root":"EJI4i9","main-panel":"nxu7sO","mainPanel":"nxu7sO","group":"Z5Z-X1","group-title":"_21i4UE","groupTitle":"_21i4UE","group-items":"_71ksso","groupItems":"_71ksso","no-data":"IQKXft","noData":"IQKXft","no-data-title":"Qk1ht4","noDataTitle":"Qk1ht4","no-data-sub-title":"UTH-Af","noDataSubTitle":"UTH-Af","h-divider":"VuSowu","hDivider":"VuSowu","search-area":"yKEd8v","searchArea":"yKEd8v","subgroup-accordion":"_3Q-Bf2","subgroupAccordion":"_3Q-Bf2","subgroup":"eoWiiM","subgroup-title":"IeRsW6","subgroupTitle":"IeRsW6"};
+var css$p = {"root":"HhyWGO","main-panel":"gqNU11","mainPanel":"gqNU11","group":"idprfa","group-title":"qbBlLV","groupTitle":"qbBlLV","group-items":"EPqisR","groupItems":"EPqisR","no-data":"dSTdUQ","noData":"dSTdUQ","no-data-title":"kWSowb","noDataTitle":"kWSowb","no-data-sub-title":"HUFGYO","noDataSubTitle":"HUFGYO","h-divider":"_8Gcnoa","hDivider":"_8Gcnoa","search-area":"u-esq1","searchArea":"u-esq1","subgroup-accordion":"WvfMMJ","subgroupAccordion":"WvfMMJ","subgroup":"nYUfO6","subgroup-title":"KwRrml","subgroupTitle":"KwRrml"};
 
 const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { cx: css$p.group },
     React.createElement(Text, { size: "none", cx: css$p.groupTitle }, title),
@@ -5039,7 +5046,7 @@ const getChildrenAndRest = (row, rows) => {
     return [children, rest];
 };
 
-var css$o = {"listContainer":"v5ygxb","header":"G-mSgk","group":"AseLbZ","stickyHeader":"DXl1Ji"};
+var css$o = {"listContainer":"FDx6Rs","header":"lmWrCq","group":"q8AIid","stickyHeader":"BA5-iu"};
 
 function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
     const rowRef = useRef(undefined);
@@ -5079,7 +5086,7 @@ function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, r
             React__default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
 }
 
-var css$n = {"root":"kLBh7f","sticky-header":"QqTCcB","stickyHeader":"QqTCcB","no-results":"sy-cGU","noResults":"sy-cGU","icon":"_3EilEV","title":"GSFgix"};
+var css$n = {"root":"buj8qI","sticky-header":"Lf-qBK","stickyHeader":"Lf-qBK","no-results":"E0Ewec","noResults":"E0Ewec","icon":"wDEa0L","title":"o1Ux6n"};
 
 function DataTable(props) {
     const { uuiModals } = useUuiContext();
@@ -5129,7 +5136,7 @@ function DataTable(props) {
             : (React.createElement(VirtualList, { value: props.value, onValueChange: props.onValueChange, onScroll: props.onScroll, rowsCount: props.rowsCount, renderRows: renderTableBody, cx: classes, isLoading: props.isReloading, rowsSelector: "[role=row]", rawProps: rawProps })))));
 }
 
-var css$m = {"root":"A4bqgw","title-wrapper":"z-a4Jb","titleWrapper":"z-a4Jb","title":"xWbHnq","text-wrapper":"UY6Rus","textWrapper":"UY6Rus","selection":"dcfUQ8","postfix":"eC5T41","selected":"sMOYmC"};
+var css$m = {"root":"PUDSZi","title-wrapper":"lTkVNW","titleWrapper":"lTkVNW","title":"_1rN6HV","text-wrapper":"QjREEy","textWrapper":"QjREEy","selection":"z-XsU9","postfix":"_7DvqTu","selected":"PbA555"};
 
 const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
     const togglerPickerOpened = (e) => {
@@ -5354,7 +5361,7 @@ function FilterRangeDatePickerBody(props) {
         renderFooter()));
 }
 
-var css$l = {"container":"hop7IG"};
+var css$l = {"container":"_1YGp1n"};
 
 function FilterNumericBody({ min, max, step, ...props }) {
     const numericInputProps = { min, max, step };
@@ -5666,7 +5673,7 @@ function FiltersToolbarImpl(props) {
 }
 const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
 
-var css$k = {"delete-button":"RW7E11","deleteButton":"RW7E11","tab-button":"CQVcxA","tabButton":"CQVcxA","targetOpen":"kbgAH3"};
+var css$k = {"delete-button":"MPnvnI","deleteButton":"MPnvnI","tab-button":"oGwR-K","tabButton":"oGwR-K","targetOpen":"XhiYAZ"};
 
 function PresetActionsDropdown(props) {
     const { uuiNotifications } = useUuiContext();
@@ -5749,7 +5756,7 @@ const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
 const UUI_PRESETS_PANEL_INPUT = 'uui-presets-panel-input';
 const UUI_PRESETS_PANEL_PRESET = 'uui-presets-panel-preset';
 
-var css$j = {"preset-input-cell":"Tahk9x","presetInputCell":"Tahk9x","preset-input":"OJDoVB","presetInput":"OJDoVB"};
+var css$j = {"preset-input-cell":"f-98BP","presetInputCell":"f-98BP","preset-input":"Q-YIif","presetInput":"Q-YIif"};
 
 function PresetInput(props) {
     const [presetCaption, setPresetCaption] = useState(props.preset?.name || '');
@@ -5776,7 +5783,7 @@ function PresetInput(props) {
         React__default.createElement(TextInput, { cx: css$j.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
 }
 
-var css$i = {"preset":"_5ajs85","activePreset":"_0tliy6"};
+var css$i = {"preset":"L7ePhC","activePreset":"I9JipW"};
 
 function Preset(props) {
     const [isRenamePreset, setIsRenamePreset] = useState(false);
@@ -5801,7 +5808,7 @@ function Preset(props) {
     return (React__default.createElement(FlexCell, { key: props.preset.id, alignSelf: "center", width: "auto" }, isRenamePreset ? (React__default.createElement(PresetInput, { onCancel: cancelRenamePreset, onSuccess: handlePresetRename, preset: props.preset })) : (React__default.createElement(TabButton, { caption: props.preset.name, onClick: !isPresetActive && choosePresetHandler, cx: [css$i.preset, isPresetActive && css$i.activePreset, UUI_PRESETS_PANEL_PRESET], size: settings.presetsPanel.sizes.tabButton, withNotify: isPresetActive && props.hasPresetChanged(props.preset), icon: PresetActionsDropdownComponent, iconPosition: "right", isActive: isPresetActive }))));
 }
 
-var css$h = {"divider":"UPss2K","dropdownDeleteIcon":"ovYm1a","presetsWrapper":"v2vL-C","addPresetContainer":"WLuK7N","dropContainer":"tWNF68"};
+var css$h = {"divider":"jK2qs4","dropdownDeleteIcon":"nfFaR6","presetsWrapper":"ic7jBC","addPresetContainer":"LyLwCa","dropContainer":"FQnDEw"};
 
 function PresetsPanel(props) {
     const [isAddingPreset, setIsAddingPreset] = useState(false);
@@ -5850,9 +5857,9 @@ function PresetsPanel(props) {
             React__default.createElement(AdaptivePanel, { items: getPanelItems() }))));
 }
 
-var css$g = {"root":"V2fuuo"};
+var css$g = {"root":"EtwzCd"};
 
-var css$f = {"root":"GE9PNw","burger-content":"_5FQZCx","burgerContent":"_5FQZCx"};
+var css$f = {"root":"_6pPXlp","burger-content":"dc2ztQ","burgerContent":"dc2ztQ"};
 
 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); }
@@ -5895,7 +5902,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
 };
 var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgNavigationArrowDownOutline);
 
-var css$e = {"root":"zsdrhr","button-primary":"aWULlt","buttonPrimary":"aWULlt","button-secondary":"cEF2tF","buttonSecondary":"cEF2tF","hasIcon":"Kxv7MI","dropdown":"qHV8b5"};
+var css$e = {"root":"-DRiXS","button-primary":"PXatu7","buttonPrimary":"PXatu7","button-secondary":"qQGtKO","buttonSecondary":"qQGtKO","hasIcon":"Vyg18R","dropdown":"jLBW9P"};
 
 function applyBurgerButtonMods(props) {
     return [
@@ -5920,13 +5927,13 @@ const BurgerButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         }, dropdownIcon: ForwardRef$2 }));
 });
 
-var css$d = {"search-input":"Db-4Qu","searchInput":"Db-4Qu"};
+var css$d = {"search-input":"Br5gSl","searchInput":"Br5gSl"};
 
 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":"o2kIQl","group-header":"WL0yQ4","groupHeader":"WL0yQ4","group-name":"Rk7UGI","groupName":"Rk7UGI","line":"gJJb7P"};
+var css$c = {"root":"Dfp-PM","group-header":"Eq36u2","groupHeader":"Eq36u2","group-name":"qqssma","groupName":"qqssma","line":"iyyeBk"};
 
 function BurgerGroupHeader(props) {
     return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
@@ -5934,7 +5941,7 @@ function BurgerGroupHeader(props) {
         React.createElement("span", { className: css$c.groupName }, props.caption)));
 }
 
-var css$b = {"root":"-AgjpF","type-primary":"sripJF","typePrimary":"sripJF","type-secondary":"mSrryy","typeSecondary":"mSrryy"};
+var css$b = {"root":"Awkvo5","type-primary":"_0P94rb","typePrimary":"_0P94rb","type-secondary":"_538H8m","typeSecondary":"_538H8m"};
 
 const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { type, ...clickableProps } = props;
@@ -5962,7 +5969,7 @@ const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
         props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
 });
 
-var css$a = {"dropdown-body":"C6C8nW","dropdownBody":"C6C8nW"};
+var css$a = {"dropdown-body":"pW-iX-","dropdownBody":"pW-iX-"};
 
 function MainMenuDropdown(props) {
     const handleEscape = (e, onClose, isOpen) => {
@@ -6008,12 +6015,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
 };
 var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationGlobalMenuOutlineOutline);
 
-var css$9 = {"global-menu-btn":"_9JuuOU","globalMenuBtn":"_9JuuOU","global-menu-icon":"xWimSh","globalMenuIcon":"xWimSh"};
+var css$9 = {"global-menu-btn":"uaOqwz","globalMenuBtn":"uaOqwz","global-menu-icon":"DRNGD-","globalMenuIcon":"DRNGD-"};
 
 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":"zWrXeU","open":"z90p0L","folding-arrow":"pujQzU","foldingArrow":"pujQzU"};
+var css$8 = {"container":"O2CjDF","open":"Lu2QUS","folding-arrow":"LV1x31","foldingArrow":"LV1x31"};
 
 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 }),
@@ -6021,33 +6028,49 @@ 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":"kRvvtu","searchInput":"kRvvtu"};
+var css$7 = {"search-input":"fjkfqW","searchInput":"fjkfqW"};
 
 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":"Kv5zGW"};
+var css$6 = {"container":"S4p-pl"};
 
 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":"akaVDG"};
+var css$5 = {"root":"bFfipa"};
 
 const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
 
+async function showUnsavedChangesNotification(notifications) {
+    let restore = false;
+    await notifications
+        .show((props) => (React__default.createElement(WarningNotification, { ...props, actions: [
+            {
+                name: i18n.form.notifications.actionButtonCaption,
+                action: () => {
+                    restore = true;
+                    props.onSuccess();
+                },
+            },
+            {
+                name: i18n.form.notifications.declineButtonCaption,
+                action: () => {
+                    restore = false;
+                    props.onSuccess();
+                },
+            },
+        ] },
+        React__default.createElement(RichTextView, null,
+            React__default.createElement(Text, null, i18n.form.notifications.unsavedChangesMessage)))), { duration: 5, position: 'bot-left' });
+    return restore;
+}
+
 function Form(props) {
     const context = useUuiContext();
     const beforeLeave = React.useCallback(() => {
         return context.uuiModals.show((modalProps) => React.createElement(ConfirmationModal, { caption: i18n.form.modals.beforeLeaveMessage, ...modalProps }));
     }, [context.uuiModals]);
     const loadUnsavedChanges = () => {
-        return context.uuiNotifications
-            .show((props) => (React.createElement(WarningNotification, { ...props, actions: [
-                {
-                    name: i18n.form.notifications.actionButtonCaption,
-                    action: props.onSuccess,
-                },
-            ] },
-            React.createElement(RichTextView, null,
-                React.createElement(Text, null, i18n.form.notifications.unsavedChangesMessage)))), { duration: 5, position: 'bot-left' });
+        return showUnsavedChangesNotification(context.uuiNotifications);
     };
     return React.createElement(Form$1, { loadUnsavedChanges: loadUnsavedChanges, beforeLeave: beforeLeave, ...props });
 }
@@ -6058,14 +6081,7 @@ function useForm(props) {
         return context.uuiModals.show((modalProps) => React__default.createElement(ConfirmationModal, { caption: i18n.form.modals.beforeLeaveMessage, ...modalProps }));
     }, [context.uuiModals]);
     const loadUnsavedChanges = () => {
-        return context.uuiNotifications.show((props) => (React__default.createElement(WarningNotification, { ...props, actions: [
-                {
-                    name: i18n.form.notifications.actionButtonCaption,
-                    action: props.onSuccess,
-                },
-            ] },
-            React__default.createElement(RichTextView, null,
-                React__default.createElement(Text, null, i18n.form.notifications.unsavedChangesMessage)))), { duration: 5, position: 'bot-left' });
+        return showUnsavedChangesNotification(context.uuiNotifications);
     };
     return useForm$1({ beforeLeave, loadUnsavedChanges, ...props });
 }
@@ -6087,7 +6103,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
 };
 var ForwardRef = /*#__PURE__*/forwardRef(SvgFileCloudUploadFill);
 
-var css$4 = {"root":"etP8Mk","drop-start":"V7i0Qq","dropStart":"V7i0Qq","drop-over":"MAySDG","dropOver":"MAySDG","link":"wiiOn6","drop-area":"LaJiOs","dropArea":"LaJiOs","drop-caption":"RMJ3MM","dropCaption":"RMJ3MM","icon-blue":"_81z3Mi","iconBlue":"_81z3Mi"};
+var css$4 = {"root":"EnQved","drop-start":"n9GyyS","dropStart":"n9GyyS","drop-over":"NDLjYx","dropOver":"NDLjYx","link":"TqhXii","drop-area":"h8-PvF","dropArea":"h8-PvF","drop-caption":"l009Zu","dropCaption":"l009Zu","icon-blue":"poX2rw","iconBlue":"poX2rw"};
 
 function DropSpot(props) {
     const getInfoText = typeof props.infoText === 'string'
@@ -6105,7 +6121,7 @@ function DropSpot(props) {
     return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
 }
 
-var css$3 = {"root":"C5KTUX"};
+var css$3 = {"root":"dsSuiB"};
 
 const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
     const outsetRadius = props.size / 2 - 1;
@@ -6116,7 +6132,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":"INbu18","file-name":"_3opVu5","fileName":"_3opVu5","default-color":"_1zyvdN","defaultColor":"_1zyvdN","doc-color":"ei5nvf","docColor":"ei5nvf","xls-color":"EUHtXi","xlsColor":"EUHtXi","pdf-color":"p1q96b","pdfColor":"p1q96b","movie-color":"o5EWi1","movieColor":"o5EWi1","img-color":"_8YA-Yp","imgColor":"_8YA-Yp","mov-color":"_-3-nUN","movColor":"_-3-nUN","error-block":"Lidys-","errorBlock":"Lidys-","icons-block":"GPKOIr","iconsBlock":"GPKOIr"};
+var css$2 = {"root":"nX-huK","file-name":"ngubkt","fileName":"ngubkt","default-color":"N05VA5","defaultColor":"N05VA5","doc-color":"RkjWn5","docColor":"RkjWn5","xls-color":"Sce9P2","xlsColor":"Sce9P2","pdf-color":"_67mU7u","pdfColor":"_67mU7u","movie-color":"_5Yg6aY","movieColor":"_5Yg6aY","img-color":"MMai4v","imgColor":"MMai4v","mov-color":"c9GdhJ","movColor":"c9GdhJ","error-block":"I-dLnp","errorBlock":"I-dLnp","icons-block":"ZpHpQ-","iconsBlock":"ZpHpQ-"};
 
 const FileCard = /* @__PURE__ */React.forwardRef((props, ref) => {
     const [isLoadingShow, setIsLoadingShow] = React.useState(true);
@@ -6236,7 +6252,7 @@ const getErrorPageConfig = () => ({
     },
 });
 
-var css$1 = {"container":"f9H2q5"};
+var css$1 = {"container":"YL4O4n"};
 
 const ErrorPage = (props) => {
     const isMobileScreen = isMobile();
@@ -6248,7 +6264,7 @@ const ErrorPage = (props) => {
             props?.supportLink && React__default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
 };
 
-var css = {"recovery-spinner":"L6Mlup","recoverySpinner":"L6Mlup","recovery-message":"ywn5x9","recoveryMessage":"ywn5x9","modal-blocker":"_9uE-gG","modalBlocker":"_9uE-gG","modalFadeIn":"itSTgn"};
+var css = {"recovery-spinner":"HS-pSM","recoverySpinner":"HS-pSM","recovery-message":"F0V1CJ","recoveryMessage":"F0V1CJ","modal-blocker":"vN0xjH","modalBlocker":"vN0xjH","modalFadeIn":"pXEtJg"};
 
 function ErrorHandler(props) {
     const { uuiNotifications, uuiModals, uuiApi, uuiLayout } = useUuiContext();