@epam/uui 5.11.0-alpha.0 → 5.11.0

package/index.esm.js

@@ -16,9 +16,24 @@ import customParseFormat from 'dayjs/plugin/customParseFormat.js';
 import isoWeek from 'dayjs/plugin/isoWeek.js';
 import FocusLock from 'react-focus-lock';
 
+var _path$R;
+function _extends$R() { _extends$R = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$R.apply(this, arguments); }
+var SvgNavigationCloseOutline = function SvgNavigationCloseOutline(props, ref) {
+  return /*#__PURE__*/React.createElement("svg", _extends$R({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    ref: ref
+  }, props), _path$R || (_path$R = /*#__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$R = /*#__PURE__*/forwardRef(SvgNavigationCloseOutline);
+
 var _path$Q;
 function _extends$Q() { _extends$Q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Q.apply(this, arguments); }
-var SvgNavigationCloseOutline = function SvgNavigationCloseOutline(props, ref) {
+var SvgNavigationChevronDownOutline = function SvgNavigationChevronDownOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$Q({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -26,14 +41,14 @@ var SvgNavigationCloseOutline = function SvgNavigationCloseOutline(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$Q || (_path$Q = /*#__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"
+    d: "M5.414 8.086 4 9.5l8 8 8-8-1.414-1.414L12 14.672 5.414 8.086z"
   })));
 };
-var ForwardRef$Q = /*#__PURE__*/forwardRef(SvgNavigationCloseOutline);
+var ForwardRef$Q = /*#__PURE__*/forwardRef(SvgNavigationChevronDownOutline);
 
 var _path$P;
 function _extends$P() { _extends$P = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$P.apply(this, arguments); }
-var SvgNavigationChevronDownOutline = function SvgNavigationChevronDownOutline(props, ref) {
+var SvgNotificationDoneOutline = function SvgNotificationDoneOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$P({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -41,14 +56,14 @@ var SvgNavigationChevronDownOutline = function SvgNavigationChevronDownOutline(p
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$P || (_path$P = /*#__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"
+    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$P = /*#__PURE__*/forwardRef(SvgNavigationChevronDownOutline);
+var ForwardRef$P = /*#__PURE__*/forwardRef(SvgNotificationDoneOutline);
 
 var _path$O;
 function _extends$O() { _extends$O = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$O.apply(this, arguments); }
-var SvgNotificationDoneOutline = function SvgNotificationDoneOutline(props, ref) {
+var SvgActionSearchOutline = function SvgActionSearchOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$O({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -56,14 +71,16 @@ var SvgNotificationDoneOutline = function SvgNotificationDoneOutline(props, ref)
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$O || (_path$O = /*#__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"
+    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"
   })));
 };
-var ForwardRef$O = /*#__PURE__*/forwardRef(SvgNotificationDoneOutline);
+var ForwardRef$O = /*#__PURE__*/forwardRef(SvgActionSearchOutline);
 
 var _path$N;
 function _extends$N() { _extends$N = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$N.apply(this, arguments); }
-var SvgActionSearchOutline = function SvgActionSearchOutline(props, ref) {
+var SvgActionCalendarFill = function SvgActionCalendarFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$N({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -71,16 +88,14 @@ var SvgActionSearchOutline = function SvgActionSearchOutline(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$N || (_path$N = /*#__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"
+    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$N = /*#__PURE__*/forwardRef(SvgActionSearchOutline);
+var ForwardRef$N = /*#__PURE__*/forwardRef(SvgActionCalendarFill);
 
 var _path$M;
 function _extends$M() { _extends$M = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$M.apply(this, arguments); }
-var SvgActionCalendarFill = function SvgActionCalendarFill(props, ref) {
+var SvgNotificationInfoOutline = function SvgNotificationInfoOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$M({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -88,14 +103,14 @@ var SvgActionCalendarFill = function SvgActionCalendarFill(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$M || (_path$M = /*#__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"
+    d: "M11 17h2v-6h-2v6zm1-8a.968.968 0 0 0 .713-.288A.967.967 0 0 0 13 8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7a.967.967 0 0 0-.712.287A.968.968 0 0 0 11 8c0 .283.096.52.288.712A.965.965 0 0 0 12 9zm0 13a9.733 9.733 0 0 1-3.9-.788 10.092 10.092 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.733 9.733 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.092 10.092 0 0 1 2.137-3.175c.9-.9 1.958-1.613 3.175-2.138A9.743 9.743 0 0 1 12 2a9.74 9.74 0 0 1 3.9.787 10.105 10.105 0 0 1 3.175 2.138c.9.9 1.612 1.958 2.137 3.175A9.733 9.733 0 0 1 22 12a9.733 9.733 0 0 1-.788 3.9 10.092 10.092 0 0 1-2.137 3.175c-.9.9-1.958 1.612-3.175 2.137A9.733 9.733 0 0 1 12 22zm0-2c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 2.233.775 4.125 2.325 5.675C7.875 19.225 9.767 20 12 20z"
   })));
 };
-var ForwardRef$M = /*#__PURE__*/forwardRef(SvgActionCalendarFill);
+var ForwardRef$M = /*#__PURE__*/forwardRef(SvgNotificationInfoOutline);
 
 var _path$L;
 function _extends$L() { _extends$L = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$L.apply(this, arguments); }
-var SvgNotificationInfoOutline = function SvgNotificationInfoOutline(props, ref) {
+var SvgFileFileWordFill = function SvgFileFileWordFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$L({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -103,14 +118,16 @@ var SvgNotificationInfoOutline = function SvgNotificationInfoOutline(props, ref)
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$L || (_path$L = /*#__PURE__*/React.createElement("path", {
-    d: "M11 17h2v-6h-2v6zm1-8a.968.968 0 0 0 .713-.288A.967.967 0 0 0 13 8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7a.967.967 0 0 0-.712.287A.968.968 0 0 0 11 8c0 .283.096.52.288.712A.965.965 0 0 0 12 9zm0 13a9.733 9.733 0 0 1-3.9-.788 10.092 10.092 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.733 9.733 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.092 10.092 0 0 1 2.137-3.175c.9-.9 1.958-1.613 3.175-2.138A9.743 9.743 0 0 1 12 2a9.74 9.74 0 0 1 3.9.787 10.105 10.105 0 0 1 3.175 2.138c.9.9 1.612 1.958 2.137 3.175A9.733 9.733 0 0 1 22 12a9.733 9.733 0 0 1-.788 3.9 10.092 10.092 0 0 1-2.137 3.175c-.9.9-1.958 1.612-3.175 2.137A9.733 9.733 0 0 1 12 22zm0-2c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 2.233.775 4.125 2.325 5.675C7.875 19.225 9.767 20 12 20z"
+    fillRule: "evenodd",
+    d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm1.2 18h-1.4L12 13.2 10.2 20H8.8l-2.2-9h1.5l1.4 6.8 1.8-6.8h1.3l1.8 6.8 1.4-6.8h1.5l-2.1 9zM13 9V3.5L18.5 9H13z",
+    clipRule: "evenodd"
   })));
 };
-var ForwardRef$L = /*#__PURE__*/forwardRef(SvgNotificationInfoOutline);
+var ForwardRef$L = /*#__PURE__*/forwardRef(SvgFileFileWordFill);
 
 var _path$K;
 function _extends$K() { _extends$K = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$K.apply(this, arguments); }
-var SvgFileFileWordFill = function SvgFileFileWordFill(props, ref) {
+var SvgFileFileExcelFill = function SvgFileFileExcelFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$K({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -119,15 +136,15 @@ var SvgFileFileWordFill = function SvgFileFileWordFill(props, ref) {
     ref: ref
   }, props), _path$K || (_path$K = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm1.2 18h-1.4L12 13.2 10.2 20H8.8l-2.2-9h1.5l1.4 6.8 1.8-6.8h1.3l1.8 6.8 1.4-6.8h1.5l-2.1 9zM13 9V3.5L18.5 9H13z",
+    d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm1.8 18H14l-2-3.4-2 3.4H8.2l2.9-4.5L8.2 11H10l2 3.4 2-3.4h1.8l-2.9 4.5 2.9 4.5zM13 9V3.5L18.5 9H13z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$K = /*#__PURE__*/forwardRef(SvgFileFileWordFill);
+var ForwardRef$K = /*#__PURE__*/forwardRef(SvgFileFileExcelFill);
 
 var _path$J;
 function _extends$J() { _extends$J = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$J.apply(this, arguments); }
-var SvgFileFileExcelFill = function SvgFileFileExcelFill(props, ref) {
+var SvgFileFilePdfFill = function SvgFileFilePdfFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$J({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -136,15 +153,15 @@ var SvgFileFileExcelFill = function SvgFileFileExcelFill(props, ref) {
     ref: ref
   }, props), _path$J || (_path$J = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm1.8 18H14l-2-3.4-2 3.4H8.2l2.9-4.5L8.2 11H10l2 3.4 2-3.4h1.8l-2.9 4.5 2.9 4.5zM13 9V3.5L18.5 9H13z",
+    d: "M13 9h5.5L13 3.5V9zM6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zm4.1 9.4c-.02.04-.29 1.76-2.1 4.69 0 0-3.5 1.82-2.67 3.18.67 1.08 2.32-.04 3.74-2.68 0 0 1.82-.64 4.24-.82 0 0 3.86 1.73 4.39-.11.52-1.86-3.06-1.44-3.7-1.25 0 0-2-1.35-2.5-3.21 0 0 1.14-3.95-.61-3.9-1.75.05-1.09 3.13-.79 4.1zm.81 1.04c.03.01.47 1.21 1.89 2.46 0 0-2.33.46-3.39.9 0 0 1-1.73 1.5-3.36zm3.93 2.72c.58-.16 2.33.15 2.26.48-.06.33-2.26-.48-2.26-.48zM7.77 17c-.53 1.24-1.44 2-1.67 2-.23 0 .7-1.6 1.67-2zm3.14-6.93c0-.07-.36-2.2 0-2.15.54.08 0 2.08 0 2.15z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$J = /*#__PURE__*/forwardRef(SvgFileFileExcelFill);
+var ForwardRef$J = /*#__PURE__*/forwardRef(SvgFileFilePdfFill);
 
 var _path$I;
 function _extends$I() { _extends$I = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$I.apply(this, arguments); }
-var SvgFileFilePdfFill = function SvgFileFilePdfFill(props, ref) {
+var SvgFileFileImageFill = function SvgFileFileImageFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$I({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -153,15 +170,15 @@ var SvgFileFilePdfFill = function SvgFileFilePdfFill(props, ref) {
     ref: ref
   }, props), _path$I || (_path$I = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M13 9h5.5L13 3.5V9zM6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zm4.1 9.4c-.02.04-.29 1.76-2.1 4.69 0 0-3.5 1.82-2.67 3.18.67 1.08 2.32-.04 3.74-2.68 0 0 1.82-.64 4.24-.82 0 0 3.86 1.73 4.39-.11.52-1.86-3.06-1.44-3.7-1.25 0 0-2-1.35-2.5-3.21 0 0 1.14-3.95-.61-3.9-1.75.05-1.09 3.13-.79 4.1zm.81 1.04c.03.01.47 1.21 1.89 2.46 0 0-2.33.46-3.39.9 0 0 1-1.73 1.5-3.36zm3.93 2.72c.58-.16 2.33.15 2.26.48-.06.33-2.26-.48-2.26-.48zM7.77 17c-.53 1.24-1.44 2-1.67 2-.23 0 .7-1.6 1.67-2zm3.14-6.93c0-.07-.36-2.2 0-2.15.54.08 0 2.08 0 2.15z",
+    d: "M13 9h5.5L13 3.5V9zM6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2zm0 18h12v-8l-4 4-2-2-6 6zM8 9a2 2 0 1 0 0 4 2 2 0 0 0 0-4z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$I = /*#__PURE__*/forwardRef(SvgFileFilePdfFill);
+var ForwardRef$I = /*#__PURE__*/forwardRef(SvgFileFileImageFill);
 
-var _path$H;
+var _path$H, _path2$5;
 function _extends$H() { _extends$H = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$H.apply(this, arguments); }
-var SvgFileFileImageFill = function SvgFileFileImageFill(props, ref) {
+var SvgFileFileVideoFill = function SvgFileFileVideoFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$H({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -169,16 +186,18 @@ var SvgFileFileImageFill = function SvgFileFileImageFill(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$H || (_path$H = /*#__PURE__*/React.createElement("path", {
+    d: "M14.992 14 9.5 17.138v-6.276L14.992 14z"
+  })), _path2$5 || (_path2$5 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M13 9h5.5L13 3.5V9zM6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2zm0 18h12v-8l-4 4-2-2-6 6zM8 9a2 2 0 1 0 0 4 2 2 0 0 0 0-4z",
+    d: "M4 4c0-1.11.89-2 2-2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4zm9-.5V9h5.5L13 3.5zM8.5 9.138v9.724L17.008 14 8.5 9.138z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$H = /*#__PURE__*/forwardRef(SvgFileFileImageFill);
+var ForwardRef$H = /*#__PURE__*/forwardRef(SvgFileFileVideoFill);
 
-var _path$G, _path2$5;
+var _path$G;
 function _extends$G() { _extends$G = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$G.apply(this, arguments); }
-var SvgFileFileVideoFill = function SvgFileFileVideoFill(props, ref) {
+var SvgFileFileTableFill = function SvgFileFileTableFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$G({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -186,18 +205,16 @@ var SvgFileFileVideoFill = function SvgFileFileVideoFill(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$G || (_path$G = /*#__PURE__*/React.createElement("path", {
-    d: "M14.992 14 9.5 17.138v-6.276L14.992 14z"
-  })), _path2$5 || (_path2$5 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M4 4c0-1.11.89-2 2-2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4zm9-.5V9h5.5L13 3.5zM8.5 9.138v9.724L17.008 14 8.5 9.138z",
+    d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm-4 17H7v-2h3v2zm0-3H7v-2h3v2zm0-3H7v-2h3v2zm4 6h-3v-2h3v2zm0-3h-3v-2h3v2zm0-3h-3v-2h3v2zm-1-4V3.5L18.5 9H13z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$G = /*#__PURE__*/forwardRef(SvgFileFileVideoFill);
+var ForwardRef$G = /*#__PURE__*/forwardRef(SvgFileFileTableFill);
 
 var _path$F;
 function _extends$F() { _extends$F = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$F.apply(this, arguments); }
-var SvgFileFileTableFill = function SvgFileFileTableFill(props, ref) {
+var SvgFileFileTextFill = function SvgFileFileTextFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$F({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -206,15 +223,15 @@ var SvgFileFileTableFill = function SvgFileFileTableFill(props, ref) {
     ref: ref
   }, props), _path$F || (_path$F = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm-4 17H7v-2h3v2zm0-3H7v-2h3v2zm0-3H7v-2h3v2zm4 6h-3v-2h3v2zm0-3h-3v-2h3v2zm0-3h-3v-2h3v2zm-1-4V3.5L18.5 9H13z",
+    d: "M13 9h5.5L13 3.5V9zM6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2zm9 16v-2H6v2h9zm3-4v-2H6v2h12z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$F = /*#__PURE__*/forwardRef(SvgFileFileTableFill);
+var ForwardRef$F = /*#__PURE__*/forwardRef(SvgFileFileTextFill);
 
 var _path$E;
 function _extends$E() { _extends$E = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$E.apply(this, arguments); }
-var SvgFileFileTextFill = function SvgFileFileTextFill(props, ref) {
+var SvgFileFileEmlFill = function SvgFileFileEmlFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$E({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -223,15 +240,15 @@ var SvgFileFileTextFill = function SvgFileFileTextFill(props, ref) {
     ref: ref
   }, props), _path$E || (_path$E = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M13 9h5.5L13 3.5V9zM6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2zm9 16v-2H6v2h9zm3-4v-2H6v2h12z",
+    d: "M4 4c0-1.11.89-2 2-2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4zm9-.5V9h5.5L13 3.5zM7 18v-4.732l5 3.333 5-3.333V18a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1zm5-2.6 4.688-3.126A.997.997 0 0 0 16 12H8a.997.997 0 0 0-.688.274L12 15.399z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$E = /*#__PURE__*/forwardRef(SvgFileFileTextFill);
+var ForwardRef$E = /*#__PURE__*/forwardRef(SvgFileFileEmlFill);
 
 var _path$D;
 function _extends$D() { _extends$D = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$D.apply(this, arguments); }
-var SvgFileFileEmlFill = function SvgFileFileEmlFill(props, ref) {
+var SvgFileFileFill = function SvgFileFileFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$D({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -239,46 +256,29 @@ var SvgFileFileEmlFill = function SvgFileFileEmlFill(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$D || (_path$D = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M4 4c0-1.11.89-2 2-2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4zm9-.5V9h5.5L13 3.5zM7 18v-4.732l5 3.333 5-3.333V18a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1zm5-2.6 4.688-3.126A.997.997 0 0 0 16 12H8a.997.997 0 0 0-.688.274L12 15.399z",
-    clipRule: "evenodd"
-  })));
-};
-var ForwardRef$D = /*#__PURE__*/forwardRef(SvgFileFileEmlFill);
-
-var _path$C;
-function _extends$C() { _extends$C = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$C.apply(this, arguments); }
-var SvgFileFileFill = function SvgFileFileFill(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$C({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    viewBox: "0 0 24 24",
-    ref: ref
-  }, props), _path$C || (_path$C = /*#__PURE__*/React.createElement("path", {
     d: "M6 22c-.55 0-1.02-.196-1.412-.587A1.927 1.927 0 0 1 4 20V4c0-.55.196-1.021.588-1.413A1.925 1.925 0 0 1 6 2h8l6 6v12a1.93 1.93 0 0 1-.587 1.413A1.928 1.928 0 0 1 18 22H6zm7-13h5l-5-5v5z"
   })));
 };
-var ForwardRef$C = /*#__PURE__*/forwardRef(SvgFileFileFill);
+var ForwardRef$D = /*#__PURE__*/forwardRef(SvgFileFileFill);
 
 const fileIcons = {
-    docIcon: ForwardRef$K,
-    exelIcon: ForwardRef$J,
-    pdfIcon: ForwardRef$I,
-    imgIcon: ForwardRef$H,
-    videoIcon: ForwardRef$G,
-    tableIcon: ForwardRef$F,
-    textIcon: ForwardRef$E,
-    mailIcon: ForwardRef$D,
-    fileIcon: ForwardRef$C,
+    docIcon: ForwardRef$L,
+    exelIcon: ForwardRef$K,
+    pdfIcon: ForwardRef$J,
+    imgIcon: ForwardRef$I,
+    videoIcon: ForwardRef$H,
+    tableIcon: ForwardRef$G,
+    textIcon: ForwardRef$F,
+    mailIcon: ForwardRef$E,
+    fileIcon: ForwardRef$D,
 };
 const systemIcons = {
-    clear: ForwardRef$Q,
-    foldingArrow: ForwardRef$P,
-    accept: ForwardRef$O,
-    search: ForwardRef$N,
-    calendar: ForwardRef$M,
-    info: ForwardRef$L,
+    clear: ForwardRef$R,
+    foldingArrow: ForwardRef$Q,
+    accept: ForwardRef$P,
+    search: ForwardRef$O,
+    calendar: ForwardRef$N,
+    info: ForwardRef$M,
 };
 
 const settings = {
@@ -302,6 +302,7 @@ const settings = {
             labeledInput: '36',
             statusIndicator: '24',
             paginator: '30',
+            rating: '18',
         },
         tag: {
             countIndicator: {
@@ -548,7 +549,7 @@ const settings = {
         modal: {
             window: {
                 defaults: {
-                    width: '420',
+                    width: 420,
                 },
             },
         },
@@ -562,11 +563,11 @@ const settings = {
     },
 };
 
-var css$1w = {"uui-typography":"WlUnIC","hero-header":"izPMms","promo-header":"V9jqrL","uui-critical":"ldzwRW","uui-info":"TYDhOB","uui-success":"_9f9QNa","uui-warning":"rnvW7a","uui-highlight":"eyXBxk","uui-typography-size-12":"_7O-375","uui-typography-size-14":"i8nfhG","uui-typography-size-16":"_5I2q2X","root":"pz7cpM","uuiTypography":"WlUnIC","heroHeader":"izPMms","promoHeader":"V9jqrL","uuiCritical":"ldzwRW","uuiInfo":"TYDhOB","uuiSuccess":"_9f9QNa","uuiWarning":"rnvW7a","uuiHighlight":"eyXBxk","uuiTypographySize12":"_7O-375","uuiTypographySize14":"i8nfhG","uuiTypographySize16":"_5I2q2X"};
+var css$1x = {"uui-typography":"a9wva6","uuiTypography":"a9wva6","hero-header":"X46M0q","heroHeader":"X46M0q","promo-header":"NUIsoK","promoHeader":"NUIsoK","uui-critical":"AQwg9j","uuiCritical":"AQwg9j","uui-info":"HzZTlP","uuiInfo":"HzZTlP","uui-success":"pRmDn-","uuiSuccess":"pRmDn-","uui-warning":"JH4oZ-","uuiWarning":"JH4oZ-","uui-highlight":"ZhMviw","uuiHighlight":"ZhMviw","uui-typography-size-12":"IfHll8","uuiTypographySize12":"IfHll8","uui-typography-size-14":"uw16o-","uuiTypographySize14":"uw16o-","uui-typography-size-16":"h2NZLY","uuiTypographySize16":"h2NZLY","root":"Dm8T20"};
 
 function applyButtonMods(mods) {
     return [
-        css$1w.root,
+        css$1x.root,
         'uui-button',
         `uui-fill-${mods.fill || 'solid'}`,
         `uui-color-${mods.color || 'primary'}`,
@@ -580,10 +581,10 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
     };
 });
 
-var css$1v = {"root":"bK-KyP"};
+var css$1w = {"root":"_6qKT9r"};
 
 function applyIconButtonMods(props) {
-    return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1v.root];
+    return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1w.root];
 }
 const IconButton = /* @__PURE__ */withMods(uuiComponents.IconButton, applyIconButtonMods, (props) => {
     const isDeprecated = ['info', 'success', 'error', 'warning'].includes(props.color);
@@ -617,7 +618,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$1u = {"uui-typography":"O-34K0","hero-header":"vNsble","promo-header":"QJWmdW","uui-critical":"rAwTgv","uui-info":"aSdk4I","uui-success":"rHNyFD","uui-warning":"_0ybMLb","uui-highlight":"qj38Tz","uui-typography-size-12":"K6xdPo","uui-typography-size-14":"hSkMVm","uui-typography-size-16":"-b1lXP","root":"V0VbhU","uuiTypography":"O-34K0","heroHeader":"vNsble","promoHeader":"QJWmdW","uuiCritical":"rAwTgv","uuiInfo":"aSdk4I","uuiSuccess":"rHNyFD","uuiWarning":"_0ybMLb","uuiHighlight":"qj38Tz","uuiTypographySize12":"K6xdPo","uuiTypographySize14":"hSkMVm","uuiTypographySize16":"-b1lXP"};
+var css$1v = {"uui-typography":"fwvPe6","uuiTypography":"fwvPe6","hero-header":"_7iTb-4","heroHeader":"_7iTb-4","promo-header":"HuIpM6","promoHeader":"HuIpM6","uui-critical":"_9w2dx7","uuiCritical":"_9w2dx7","uui-info":"r61F36","uuiInfo":"r61F36","uui-success":"kamLnq","uuiSuccess":"kamLnq","uui-warning":"C4bVzT","uuiWarning":"C4bVzT","uui-highlight":"k9yHem","uuiHighlight":"k9yHem","uui-typography-size-12":"y8zKpO","uuiTypographySize12":"y8zKpO","uui-typography-size-14":"b24yFN","uuiTypographySize14":"b24yFN","uui-typography-size-16":"V1lhsy","uuiTypographySize16":"V1lhsy","root":"OiOfQB"};
 
 const DEFAULT_COLOR = 'primary';
 const DEFAULT_WEIGHT = 'semibold';
@@ -633,7 +634,7 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
     }
     const rootStyles = [
         'uui-link_button',
-        css$1u.root,
+        css$1v.root,
         `uui-size-${props.size || settings.sizes.defaults.linkButton}`,
         ...getIconClass(props),
         `uui-color-${props.color || DEFAULT_COLOR}`,
@@ -648,11 +649,11 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
         props.isDropdown && (React.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$1t = {"root":"YETOhn"};
+var css$1u = {"root":"bTawbL"};
 
 const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
-            css$1t.root,
+            css$1u.root,
             'uui-count_indicator',
             `uui-size-${props.size || settings.sizes.defaults.countIndicator}`,
             props.color && `uui-color-${props.color}`,
@@ -660,11 +661,11 @@ const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
         ]) }, props.caption));
 });
 
-var css$1s = {"uui-typography":"mcR-bP","hero-header":"YU-cyV","promo-header":"E8gT-w","uui-critical":"LW8m0T","uui-info":"kgiBLu","uui-success":"jWQEQO","uui-warning":"-E0avP","uui-highlight":"iHkagH","uui-typography-size-12":"oOiQaj","uui-typography-size-14":"ZJdPLa","uui-typography-size-16":"_6aVTXF","root":"gSTxmA","withNotify":"N1SRTp","uuiTypography":"mcR-bP","heroHeader":"YU-cyV","promoHeader":"E8gT-w","uuiCritical":"LW8m0T","uuiInfo":"kgiBLu","uuiSuccess":"jWQEQO","uuiWarning":"-E0avP","uuiHighlight":"iHkagH","uuiTypographySize12":"oOiQaj","uuiTypographySize14":"ZJdPLa","uuiTypographySize16":"_6aVTXF"};
+var css$1t = {"uui-typography":"mldBhE","uuiTypography":"mldBhE","hero-header":"kbhjMN","heroHeader":"kbhjMN","promo-header":"rXUjVj","promoHeader":"rXUjVj","uui-critical":"_0BSgMS","uuiCritical":"_0BSgMS","uui-info":"tbKHpF","uuiInfo":"tbKHpF","uui-success":"_9tXgAo","uuiSuccess":"_9tXgAo","uui-warning":"x3JxPY","uuiWarning":"x3JxPY","uui-highlight":"DcBG7n","uuiHighlight":"DcBG7n","uui-typography-size-12":"BRC8Rt","uuiTypographySize12":"BRC8Rt","uui-typography-size-14":"Gj6MQO","uuiTypographySize14":"Gj6MQO","uui-typography-size-16":"GzkPdu","uuiTypographySize16":"GzkPdu","root":"gBDtPi","withNotify":"ynnjAp"};
 
 const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const styles = [
-        css$1s.root,
+        css$1t.root,
         'uui-tab-button',
         `uui-size-${props.size || settings.sizes.defaults.tabButton}`,
         ...getIconClass(props),
@@ -676,48 +677,48 @@ const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         props.icon && props.iconPosition !== 'right' && (React__default.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         (props.caption || props.withNotify) && (React__default.createElement("div", { className: cx$1(uuiElement.caption) },
             props.caption,
-            props.withNotify && React__default.createElement("div", { className: css$1s.withNotify }))),
+            props.withNotify && React__default.createElement("div", { className: css$1t.withNotify }))),
         props.icon && props.iconPosition === 'right' && (React__default.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         props.count !== undefined && props.count !== null && (React__default.createElement(CountIndicator, { color: "neutral", size: settings.sizes.tabButton.countIndicator[props.size || settings.sizes.defaults.tabButton], caption: props.count })),
         props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen })),
         props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
 });
 
-var css$1r = {"uui-typography":"_9ceY7W","hero-header":"ApKIeC","promo-header":"HZGcZT","uui-critical":"j7Hhh8","uui-info":"iN3mJe","uui-success":"YxbVRR","uui-warning":"-GiqCS","uui-highlight":"fTSLlw","uui-typography-size-12":"t-Qvvq","uui-typography-size-14":"HphVYk","uui-typography-size-16":"uaHQlu","root":"v-H9j3","uuiTypography":"_9ceY7W","heroHeader":"ApKIeC","promoHeader":"HZGcZT","uuiCritical":"j7Hhh8","uuiInfo":"iN3mJe","uuiSuccess":"YxbVRR","uuiWarning":"-GiqCS","uuiHighlight":"fTSLlw","uuiTypographySize12":"t-Qvvq","uuiTypographySize14":"HphVYk","uuiTypographySize16":"uaHQlu"};
+var css$1s = {"uui-typography":"EBYp5w","uuiTypography":"EBYp5w","hero-header":"z6pug3","heroHeader":"z6pug3","promo-header":"D28h84","promoHeader":"D28h84","uui-critical":"xLKd-N","uuiCritical":"xLKd-N","uui-info":"n8qxRt","uuiInfo":"n8qxRt","uui-success":"ogcEe9","uuiSuccess":"ogcEe9","uui-warning":"hCWidl","uuiWarning":"hCWidl","uui-highlight":"kUWwyd","uuiHighlight":"kUWwyd","uui-typography-size-12":"hXqrBs","uuiTypographySize12":"hXqrBs","uui-typography-size-14":"NgXYwQ","uuiTypographySize14":"NgXYwQ","uui-typography-size-16":"gM89kW","uuiTypographySize16":"gM89kW","root":"DLwggy"};
 
 function applyVerticalTabButtonMods() {
-    return [css$1r.root, 'uui-vertical-tab-button'];
+    return [css$1s.root, 'uui-vertical-tab-button'];
 }
 const VerticalTabButton = /* @__PURE__ */withMods(TabButton, applyVerticalTabButtonMods);
 
-var _path$B;
-function _extends$B() { _extends$B = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$B.apply(this, arguments); }
+var _path$C;
+function _extends$C() { _extends$C = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$C.apply(this, arguments); }
 var SvgContentMinusOutline = function SvgContentMinusOutline(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$B({
+  return /*#__PURE__*/React.createElement("svg", _extends$C({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$B || (_path$B = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$C || (_path$C = /*#__PURE__*/React.createElement("path", {
     d: "M19 10.5H5v3h14v-3z"
   })));
 };
-var ForwardRef$B = /*#__PURE__*/forwardRef(SvgContentMinusOutline);
+var ForwardRef$C = /*#__PURE__*/forwardRef(SvgContentMinusOutline);
 
-var css$1q = {"uui-typography":"lSLcCE","hero-header":"nValmj","promo-header":"TQ8ufK","uui-critical":"SMjThD","uui-info":"uyb87h","uui-success":"hHMPgo","uui-warning":"_-6Qz3D","uui-highlight":"Srwu7V","uui-typography-size-12":"KZNj2B","uui-typography-size-14":"nGFzRp","uui-typography-size-16":"_8M94Pr","root":"ay13S1","mode-cell":"nM5BJa","uuiTypography":"lSLcCE","heroHeader":"nValmj","promoHeader":"TQ8ufK","uuiCritical":"SMjThD","uuiInfo":"uyb87h","uuiSuccess":"hHMPgo","uuiWarning":"_-6Qz3D","uuiHighlight":"Srwu7V","uuiTypographySize12":"KZNj2B","uuiTypographySize14":"nGFzRp","uuiTypographySize16":"_8M94Pr","modeCell":"nM5BJa"};
+var css$1r = {"uui-typography":"CFiruR","uuiTypography":"CFiruR","hero-header":"Oeg92u","heroHeader":"Oeg92u","promo-header":"Aes-oj","promoHeader":"Aes-oj","uui-critical":"d6z7aT","uuiCritical":"d6z7aT","uui-info":"L6BN4Y","uuiInfo":"L6BN4Y","uui-success":"FHGHjv","uuiSuccess":"FHGHjv","uui-warning":"_27EX4t","uuiWarning":"_27EX4t","uui-highlight":"iFimV9","uuiHighlight":"iFimV9","uui-typography-size-12":"u83Y0o","uuiTypographySize12":"u83Y0o","uui-typography-size-14":"QtpgQO","uuiTypographySize14":"QtpgQO","uui-typography-size-16":"_5b1D25","uuiTypographySize16":"_5b1D25","root":"U-1YV9","mode-cell":"_3QC-iZ","modeCell":"_3QC-iZ"};
 
 function applyCheckboxMods(mods) {
     return [
-        css$1q.root,
+        css$1r.root,
         `uui-size-${mods.size || settings.sizes.defaults.checkbox}`,
-        css$1q['mode-' + (mods.mode || 'form')],
+        css$1r['mode-' + (mods.mode || 'form')],
         'uui-color-primary',
     ];
 }
 const applyUUICheckboxProps = (props) => {
-    const defaultIcon = ForwardRef$O;
-    const defaultIndeterminateIcon = ForwardRef$B;
+    const defaultIcon = ForwardRef$P;
+    const defaultIndeterminateIcon = ForwardRef$C;
     return {
         icon: props.icon ? props.icon : defaultIcon,
         indeterminateIcon: props.indeterminateIcon ? props.indeterminateIcon : defaultIndeterminateIcon,
@@ -725,38 +726,38 @@ const applyUUICheckboxProps = (props) => {
 };
 const Checkbox = /* @__PURE__ */withMods(uuiComponents.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
 
-var _path$A;
-function _extends$A() { _extends$A = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$A.apply(this, arguments); }
+var _path$B;
+function _extends$B() { _extends$B = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$B.apply(this, arguments); }
 var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$A({
+  return /*#__PURE__*/React.createElement("svg", _extends$B({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$A || (_path$A = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$B || (_path$B = /*#__PURE__*/React.createElement("path", {
     d: "M12 19a7 7 0 1 0 0-14 7 7 0 0 0 0 14z"
   })));
 };
-var ForwardRef$A = /*#__PURE__*/forwardRef(SvgRadioDotFill);
+var ForwardRef$B = /*#__PURE__*/forwardRef(SvgRadioDotFill);
 
-var css$1p = {"uui-typography":"uDf4qC","hero-header":"Z6rmto","promo-header":"_6MOPL9","uui-critical":"Ev-o9t","uui-info":"F--cbc","uui-success":"LjBMCT","uui-warning":"oSbH-0","uui-highlight":"FI4m-D","uui-typography-size-12":"aXwfqO","uui-typography-size-14":"GOiP9j","uui-typography-size-16":"oigyP7","root":"CuhwBt","uuiTypography":"uDf4qC","heroHeader":"Z6rmto","promoHeader":"_6MOPL9","uuiCritical":"Ev-o9t","uuiInfo":"F--cbc","uuiSuccess":"LjBMCT","uuiWarning":"oSbH-0","uuiHighlight":"FI4m-D","uuiTypographySize12":"aXwfqO","uuiTypographySize14":"GOiP9j","uuiTypographySize16":"oigyP7"};
+var css$1q = {"uui-typography":"vmcn1G","uuiTypography":"vmcn1G","hero-header":"avzDTp","heroHeader":"avzDTp","promo-header":"vVPV1L","promoHeader":"vVPV1L","uui-critical":"oFTvwp","uuiCritical":"oFTvwp","uui-info":"_79xamv","uuiInfo":"_79xamv","uui-success":"PTKTDQ","uuiSuccess":"PTKTDQ","uui-warning":"aa9RsC","uuiWarning":"aa9RsC","uui-highlight":"cfCFqS","uuiHighlight":"cfCFqS","uui-typography-size-12":"FeP-yo","uuiTypographySize12":"FeP-yo","uui-typography-size-14":"OOskJF","uuiTypographySize14":"OOskJF","uui-typography-size-16":"Hz9BNR","uuiTypographySize16":"Hz9BNR","root":"XSzyGV"};
 
 function applyRadioInputMods(mods) {
     return [
-        css$1p.root,
+        css$1q.root,
         `uui-size-${mods.size || settings.sizes.defaults.radioInput}`,
         'uui-radio-input-container',
         'uui-color-primary',
     ];
 }
-const RadioInput = /* @__PURE__ */withMods(RadioInput$1, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : ForwardRef$A }));
+const RadioInput = /* @__PURE__ */withMods(RadioInput$1, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : ForwardRef$B }));
 
-var css$1o = {"root":"xIBqoA"};
+var css$1p = {"root":"_7VxhFL"};
 
 function applySwitchMods(mods) {
     return [
-        css$1o.root,
+        css$1p.root,
         `uui-size-${mods.size || settings.sizes.defaults.switch}`,
         'uui-color-primary',
     ];
@@ -820,7 +821,7 @@ var EditMode;
     EditMode["INLINE"] = "inline";
 })(EditMode || (EditMode = {}));
 
-var textInputCss = {"uui-typography":"hoUcuD","hero-header":"HLEk0r","promo-header":"zzI5FN","uui-critical":"IkncSN","uui-info":"cCrfvX","uui-success":"_0RpwVs","uui-warning":"z1k3bm","uui-highlight":"jqFIOT","uui-typography-size-12":"_3AEtX4","uui-typography-size-14":"a-7LLT","uui-typography-size-16":"VrqTn3","root":"tPNWOb","mode-form":"d-Tyuy","mode-inline":"nNXYGT","mode-cell":"_4jFNRn","uuiTypography":"hoUcuD","heroHeader":"HLEk0r","promoHeader":"zzI5FN","uuiCritical":"IkncSN","uuiInfo":"cCrfvX","uuiSuccess":"_0RpwVs","uuiWarning":"z1k3bm","uuiHighlight":"jqFIOT","uuiTypographySize12":"_3AEtX4","uuiTypographySize14":"a-7LLT","uuiTypographySize16":"VrqTn3","modeForm":"d-Tyuy","modeInline":"nNXYGT","modeCell":"_4jFNRn"};
+var textInputCss = {"uui-typography":"zDnnZf","uuiTypography":"zDnnZf","hero-header":"_1cIJNw","heroHeader":"_1cIJNw","promo-header":"LKvEuX","promoHeader":"LKvEuX","uui-critical":"CBjUnZ","uuiCritical":"CBjUnZ","uui-info":"HQGUZv","uuiInfo":"HQGUZv","uui-success":"bJ-dEU","uuiSuccess":"bJ-dEU","uui-warning":"tJKLiL","uuiWarning":"tJKLiL","uui-highlight":"_77Ac0n","uuiHighlight":"_77Ac0n","uui-typography-size-12":"FaUZLX","uuiTypographySize12":"FaUZLX","uui-typography-size-14":"B5FC4G","uuiTypographySize14":"B5FC4G","uui-typography-size-16":"kh1bII","uuiTypographySize16":"kh1bII","root":"I5Ynue","mode-form":"imDvWc","modeForm":"imDvWc","mode-inline":"Yb7xb8","modeInline":"Yb7xb8","mode-cell":"_-3t6Uw","modeCell":"_-3t6Uw"};
 
 const DEFAULT_MODE$3 = EditMode.FORM;
 function applyTextInputMods(mods) {
@@ -846,22 +847,22 @@ const SearchInput = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         } })));
 });
 
-var css$1n = {"root":"OsKstH"};
+var css$1o = {"root":"BjIkf6"};
 
-const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1n.root]);
+const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1o.root, 'uui-control-group']);
 
 function MultiSwitchComponent(props, ref) {
     return (React.createElement(ControlGroup, { ref: ref, rawProps: Object.assign(Object.assign({}, props.rawProps), { role: 'tablist', 'aria-invalid': props.isInvalid, 'aria-required': props.isRequired, 'aria-disabled': props.isDisabled, 'aria-readonly': props.isReadonly }) }, props.items.map((item, index) => (React.createElement(Button, Object.assign({}, props, item, { isDisabled: props.isDisabled, key: index + '-' + item.id, onClick: () => props.onValueChange(item.id), fill: props.value === item.id ? 'solid' : 'outline', color: props.color, size: props.size, rawProps: { 'aria-current': props.value === item.id, role: 'tab' } }))))));
 }
 const MultiSwitch = /* @__PURE__ */React.forwardRef(MultiSwitchComponent);
 
-var css$1m = {"uui-typography":"QJj6IV","hero-header":"NaFeUx","promo-header":"ADLOLk","uui-critical":"yw2lHV","uui-info":"_1tDOjp","uui-success":"Z5YLfa","uui-warning":"_33WupO","uui-highlight":"_--VAra","uui-typography-size-12":"BUjB3y","uui-typography-size-14":"xfalnZ","uui-typography-size-16":"vXcP-P","root":"tSJ4PF","mode-form":"OYQpnA","mode-cell":"etCllf","uuiTypography":"QJj6IV","heroHeader":"NaFeUx","promoHeader":"ADLOLk","uuiCritical":"yw2lHV","uuiInfo":"_1tDOjp","uuiSuccess":"Z5YLfa","uuiWarning":"_33WupO","uuiHighlight":"_--VAra","uuiTypographySize12":"BUjB3y","uuiTypographySize14":"xfalnZ","uuiTypographySize16":"vXcP-P","modeForm":"OYQpnA","modeCell":"etCllf"};
+var css$1n = {"uui-typography":"_07QUA-","uuiTypography":"_07QUA-","hero-header":"_4nCj2x","heroHeader":"_4nCj2x","promo-header":"eIwlmQ","promoHeader":"eIwlmQ","uui-critical":"rC7DcV","uuiCritical":"rC7DcV","uui-info":"zYZCcQ","uuiInfo":"zYZCcQ","uui-success":"_6Qvtgo","uuiSuccess":"_6Qvtgo","uui-warning":"g9OlnU","uuiWarning":"g9OlnU","uui-highlight":"WXXFsD","uuiHighlight":"WXXFsD","uui-typography-size-12":"B4aknu","uuiTypographySize12":"B4aknu","uui-typography-size-14":"f15cx-","uuiTypographySize14":"f15cx-","uui-typography-size-16":"m15NFk","uuiTypographySize16":"m15NFk","root":"Wx5Bqs","mode-form":"D6dno8","modeForm":"D6dno8","mode-cell":"YgAODU","modeCell":"YgAODU"};
 
 const DEFAULT_MODE$2 = EditMode.FORM;
 function applyNumericInputMods(mods) {
     return [
         textInputCss.root,
-        css$1m.root,
+        css$1n.root,
         `uui-size-${mods.size || settings.sizes.defaults.numericInput}`,
         textInputCss['mode-' + (mods.mode || DEFAULT_MODE$2)],
     ];
@@ -876,15 +877,15 @@ const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMo
     };
 });
 
-var css$1l = {"uui-typography":"lu1N7m","hero-header":"_2VTLhp","promo-header":"Lg2Lee","uui-critical":"gtOL9m","uui-info":"Ny1r7E","uui-success":"SN0jrk","uui-warning":"ljNBnk","uui-highlight":"G-nfwY","uui-typography-size-12":"_2X4n7U","uui-typography-size-14":"qSNtuw","uui-typography-size-16":"-XTM-B","root":"e8Wptd","mode-form":"URO--P","mode-cell":"uJeoMu","mode-inline":"_0ARVZt","uuiTypography":"lu1N7m","heroHeader":"_2VTLhp","promoHeader":"Lg2Lee","uuiCritical":"gtOL9m","uuiInfo":"Ny1r7E","uuiSuccess":"SN0jrk","uuiWarning":"ljNBnk","uuiHighlight":"G-nfwY","uuiTypographySize12":"_2X4n7U","uuiTypographySize14":"qSNtuw","uuiTypographySize16":"-XTM-B","modeForm":"URO--P","modeCell":"uJeoMu","modeInline":"_0ARVZt"};
+var css$1m = {"uui-typography":"Vd69Cv","uuiTypography":"Vd69Cv","hero-header":"Eonr3J","heroHeader":"Eonr3J","promo-header":"uiJDJN","promoHeader":"uiJDJN","uui-critical":"H8C7Vn","uuiCritical":"H8C7Vn","uui-info":"NFgVzG","uuiInfo":"NFgVzG","uui-success":"E7tiPT","uuiSuccess":"E7tiPT","uui-warning":"qZLwLB","uuiWarning":"qZLwLB","uui-highlight":"_7gcHhs","uuiHighlight":"_7gcHhs","uui-typography-size-12":"-AnmE-","uuiTypographySize12":"-AnmE-","uui-typography-size-14":"yat1zH","uuiTypographySize14":"yat1zH","uui-typography-size-16":"tyJdsC","uuiTypographySize16":"tyJdsC","root":"OfpLWo","mode-form":"_8YiUGA","modeForm":"_8YiUGA","mode-cell":"VT1TO-","modeCell":"VT1TO-","mode-inline":"q6yMr3","modeInline":"q6yMr3"};
 
 const DEFAULT_MODE$1 = EditMode.FORM;
 function applyTextAreaMods(mods) {
     return [
-        css$1l.root,
+        css$1m.root,
         'uui-textarea',
         'uui-size-' + (mods.size || settings.sizes.defaults.textArea),
-        css$1l['mode-' + (mods.mode || DEFAULT_MODE$1)],
+        css$1m['mode-' + (mods.mode || DEFAULT_MODE$1)],
     ];
 }
 const TextArea = /* @__PURE__ */withMods(TextArea$1, applyTextAreaMods, (props) => {
@@ -917,95 +918,95 @@ function TREE_SHAKEABLE_INIT$1() {
     };
 }
 
-var _path$z;
-function _extends$z() { _extends$z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$z.apply(this, arguments); }
+var _path$A;
+function _extends$A() { _extends$A = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$A.apply(this, arguments); }
 var SvgNotificationCheckFill = function SvgNotificationCheckFill(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$z({
+  return /*#__PURE__*/React.createElement("svg", _extends$A({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$z || (_path$z = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$A || (_path$A = /*#__PURE__*/React.createElement("path", {
     d: "m10.6 16.6 7.05-7.05-1.4-1.4-5.65 5.65-2.85-2.85-1.4 1.4 4.25 4.25zM12 22a9.733 9.733 0 0 1-3.9-.788 10.092 10.092 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.733 9.733 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.092 10.092 0 0 1 2.137-3.175c.9-.9 1.958-1.613 3.175-2.138A9.743 9.743 0 0 1 12 2a9.74 9.74 0 0 1 3.9.787 10.105 10.105 0 0 1 3.175 2.138c.9.9 1.612 1.958 2.137 3.175A9.733 9.733 0 0 1 22 12a9.733 9.733 0 0 1-.788 3.9 10.092 10.092 0 0 1-2.137 3.175c-.9.9-1.958 1.612-3.175 2.137A9.733 9.733 0 0 1 12 22z"
   })));
 };
-var ForwardRef$z = /*#__PURE__*/forwardRef(SvgNotificationCheckFill);
+var ForwardRef$A = /*#__PURE__*/forwardRef(SvgNotificationCheckFill);
 
-var _path$y;
-function _extends$y() { _extends$y = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$y.apply(this, arguments); }
+var _path$z;
+function _extends$z() { _extends$z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$z.apply(this, arguments); }
 var SvgNotificationWarningFill = function SvgNotificationWarningFill(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$y({
+  return /*#__PURE__*/React.createElement("svg", _extends$z({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$y || (_path$y = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$z || (_path$z = /*#__PURE__*/React.createElement("path", {
     d: "M1 21 12 2l11 19H1zm11-3a.968.968 0 0 0 .713-.288A.967.967 0 0 0 13 17a.967.967 0 0 0-.287-.712A.968.968 0 0 0 12 16a.965.965 0 0 0-.712.288A.965.965 0 0 0 11 17c0 .283.096.52.288.712A.965.965 0 0 0 12 18zm-1-3h2v-5h-2v5z"
   })));
 };
-var ForwardRef$y = /*#__PURE__*/forwardRef(SvgNotificationWarningFill);
+var ForwardRef$z = /*#__PURE__*/forwardRef(SvgNotificationWarningFill);
 
-var _path$x;
-function _extends$x() { _extends$x = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$x.apply(this, arguments); }
+var _path$y;
+function _extends$y() { _extends$y = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$y.apply(this, arguments); }
 var SvgNotificationErrorFill = function SvgNotificationErrorFill(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$x({
+  return /*#__PURE__*/React.createElement("svg", _extends$y({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$x || (_path$x = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$y || (_path$y = /*#__PURE__*/React.createElement("path", {
     d: "M12 17a.968.968 0 0 0 .713-.288A.967.967 0 0 0 13 16a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 15a.967.967 0 0 0-.712.287A.968.968 0 0 0 11 16c0 .283.096.52.288.712A.965.965 0 0 0 12 17zm-1-4h2V7h-2v6zm1 9a9.733 9.733 0 0 1-3.9-.788 10.092 10.092 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.733 9.733 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.092 10.092 0 0 1 2.137-3.175c.9-.9 1.958-1.613 3.175-2.138A9.743 9.743 0 0 1 12 2a9.74 9.74 0 0 1 3.9.787 10.105 10.105 0 0 1 3.175 2.138c.9.9 1.612 1.958 2.137 3.175A9.733 9.733 0 0 1 22 12a9.733 9.733 0 0 1-.788 3.9 10.092 10.092 0 0 1-2.137 3.175c-.9.9-1.958 1.612-3.175 2.137A9.733 9.733 0 0 1 12 22z"
   })));
 };
-var ForwardRef$x = /*#__PURE__*/forwardRef(SvgNotificationErrorFill);
+var ForwardRef$y = /*#__PURE__*/forwardRef(SvgNotificationErrorFill);
 
-var _path$w;
-function _extends$w() { _extends$w = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$w.apply(this, arguments); }
+var _path$x;
+function _extends$x() { _extends$x = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$x.apply(this, arguments); }
 var SvgNotificationInfoFill = function SvgNotificationInfoFill(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$w({
+  return /*#__PURE__*/React.createElement("svg", _extends$x({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$w || (_path$w = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$x || (_path$x = /*#__PURE__*/React.createElement("path", {
     d: "M11 17h2v-6h-2v6zm1-8a.968.968 0 0 0 .713-.288A.967.967 0 0 0 13 8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7a.967.967 0 0 0-.712.287A.968.968 0 0 0 11 8c0 .283.096.52.288.712A.965.965 0 0 0 12 9zm0 13a9.733 9.733 0 0 1-3.9-.788 10.092 10.092 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.733 9.733 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.092 10.092 0 0 1 2.137-3.175c.9-.9 1.958-1.613 3.175-2.138A9.743 9.743 0 0 1 12 2a9.74 9.74 0 0 1 3.9.787 10.105 10.105 0 0 1 3.175 2.138c.9.9 1.612 1.958 2.137 3.175A9.733 9.733 0 0 1 22 12a9.733 9.733 0 0 1-.788 3.9 10.092 10.092 0 0 1-2.137 3.175c-.9.9-1.958 1.612-3.175 2.137A9.733 9.733 0 0 1 12 22z"
   })));
 };
-var ForwardRef$w = /*#__PURE__*/forwardRef(SvgNotificationInfoFill);
+var ForwardRef$x = /*#__PURE__*/forwardRef(SvgNotificationInfoFill);
 
-var css$1k = {"uui-typography":"CRLtjn","hero-header":"kdx398","promo-header":"DSB9Ok","uui-critical":"g-325s","uui-info":"j5iDMJ","uui-success":"F65OcN","uui-warning":"mB5KBw","uui-highlight":"mRBWwL","uui-typography-size-12":"yyhIpS","uui-typography-size-14":"_3L6YtE","uui-typography-size-16":"PBX0gy","root":"n6aX6o","icon-wrapper":"dCLSBt","alert-wrapper":"_3t9QzA","size-48":"ZTJ0FV","size-36":"_4uvuc1","action-wrapper":"QbLC19","action-icon":"AztB5l","action-link":"ch-C-X","close-icon":"_6-KKdY","main-path":"t7VdWe","content":"DzuYZ-","uuiTypography":"CRLtjn","heroHeader":"kdx398","promoHeader":"DSB9Ok","uuiCritical":"g-325s","uuiInfo":"j5iDMJ","uuiSuccess":"F65OcN","uuiWarning":"mB5KBw","uuiHighlight":"mRBWwL","uuiTypographySize12":"yyhIpS","uuiTypographySize14":"_3L6YtE","uuiTypographySize16":"PBX0gy","iconWrapper":"dCLSBt","alertWrapper":"_3t9QzA","size48":"ZTJ0FV","size36":"_4uvuc1","actionWrapper":"QbLC19","actionIcon":"AztB5l","actionLink":"ch-C-X","closeIcon":"_6-KKdY","mainPath":"t7VdWe"};
+var css$1l = {"uui-typography":"jpIPF-","uuiTypography":"jpIPF-","hero-header":"FmaBgn","heroHeader":"FmaBgn","promo-header":"MG2hmQ","promoHeader":"MG2hmQ","uui-critical":"l4B2tG","uuiCritical":"l4B2tG","uui-info":"_1pTkjs","uuiInfo":"_1pTkjs","uui-success":"yDEZEB","uuiSuccess":"yDEZEB","uui-warning":"_8yZqWS","uuiWarning":"_8yZqWS","uui-highlight":"_5bju26","uuiHighlight":"_5bju26","uui-typography-size-12":"eRkyG1","uuiTypographySize12":"eRkyG1","uui-typography-size-14":"NmFQzV","uuiTypographySize14":"NmFQzV","uui-typography-size-16":"PBe6G-","uuiTypographySize16":"PBe6G-","root":"YB-b4Q","icon-wrapper":"Gxttm-","iconWrapper":"Gxttm-","alert-wrapper":"_8I4FeV","alertWrapper":"_8I4FeV","size-48":"_0jdVu1","size48":"_0jdVu1","size-36":"HLpITV","size36":"HLpITV","action-wrapper":"_3lp57F","actionWrapper":"_3lp57F","action-icon":"ZPPCm-","actionIcon":"ZPPCm-","action-link":"nx8V27","actionLink":"nx8V27","close-icon":"FI9g85","closeIcon":"FI9g85","main-path":"_8pPcfU","mainPath":"_8pPcfU","content":"K7QjdV"};
 
-const Alert = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("div", Object.assign({ role: "alert", ref: ref, className: cx('uui-alert', css$1k.root, css$1k.alertWrapper, props.color && `uui-color-${props.color}`, props.cx, (props.size === '36' ? css$1k.size36 : css$1k.size48)) }, props.rawProps),
-    React.createElement("div", { className: css$1k.mainPath },
-        props.icon && (React.createElement("div", { className: css$1k.iconWrapper },
-            React.createElement(IconContainer, { icon: props.icon, cx: css$1k.actionIcon }))),
-        React.createElement("div", { className: css$1k.content },
+const Alert = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("div", Object.assign({ role: "alert", ref: ref, className: cx('uui-alert', css$1l.root, css$1l.alertWrapper, props.color && `uui-color-${props.color}`, props.cx, (props.size === '36' ? css$1l.size36 : css$1l.size48)) }, props.rawProps),
+    React.createElement("div", { className: css$1l.mainPath },
+        props.icon && (React.createElement("div", { className: css$1l.iconWrapper },
+            React.createElement(IconContainer, { icon: props.icon, cx: css$1l.actionIcon }))),
+        React.createElement("div", { className: css$1l.content },
             props.children,
-            props.actions && (React.createElement("div", { className: css$1k.actionWrapper }, props.actions.map((action) => (React.createElement(LinkButton, { caption: action.name, onClick: action.action, key: action.name, cx: css$1k.actionLink, size: (props === null || props === void 0 ? void 0 : props.size) === '36' ? '24' : '30' })))))),
-        props.onClose && React.createElement(IconButton, { icon: ForwardRef$Q, color: "neutral", onClick: props.onClose, cx: css$1k.closeIcon })))));
-const WarningAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$y, color: "warning", ref: ref }, props)));
-const SuccessAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$z, color: "success", ref: ref }, props)));
-const HintAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$w, color: "info", ref: ref }, props)));
-const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$x, color: "error", ref: ref }, props)));
+            props.actions && (React.createElement("div", { className: css$1l.actionWrapper }, props.actions.map((action) => (React.createElement(LinkButton, { caption: action.name, onClick: action.action, key: action.name, cx: css$1l.actionLink, size: (props === null || props === void 0 ? void 0 : props.size) === '36' ? '24' : '30' })))))),
+        props.onClose && React.createElement(IconButton, { icon: ForwardRef$R, color: "neutral", onClick: props.onClose, cx: css$1l.closeIcon })))));
+const WarningAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$z, color: "warning", ref: ref }, props)));
+const SuccessAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$A, color: "success", ref: ref }, props)));
+const HintAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$x, color: "info", ref: ref }, props)));
+const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$y, color: "error", ref: ref }, props)));
 
 const Dropdown = /* @__PURE__ */withMods(Dropdown$1);
 
-var css$1j = {"root":"oQc8rz"};
+var css$1k = {"root":"_6D2bo6"};
 
 function applyDropdownContainerMods(mods) {
     return [
-        css$1j.root,
+        css$1k.root,
         mods.vPadding && `vPadding-${mods.vPadding}`,
         mods.padding && `padding-${mods.padding}`,
     ];
 }
 const DropdownContainer = /* @__PURE__ */withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
 
-var css$1i = {"uui-typography":"YLRvhu","hero-header":"B7gZMh","promo-header":"PxXsK5","uui-critical":"_1357FN","uui-info":"J3tvz9","uui-success":"v11gtW","uui-warning":"UV7-bf","uui-highlight":"_97xV3R","uui-typography-size-12":"q-gsWR","uui-typography-size-14":"dzDLKF","uui-typography-size-16":"JPH9QA","submenu-root-item-rtl":"XQoKKC","icon-after":"nt-5bW","submenu-root-item":"_6VWPJS","icon-check":"iV-G7v","splitter-root":"cNAfdQ","splitter":"zmlHgz","header-root":"_9-i5JI","item-root":"igZET3","icon":"fjbVqT","link":"Xad3ZZ","indent":"jIMupl","selected-mark":"BbBHFU","uuiTypography":"YLRvhu","heroHeader":"B7gZMh","promoHeader":"PxXsK5","uuiCritical":"_1357FN","uuiInfo":"J3tvz9","uuiSuccess":"v11gtW","uuiWarning":"UV7-bf","uuiHighlight":"_97xV3R","uuiTypographySize12":"q-gsWR","uuiTypographySize14":"dzDLKF","uuiTypographySize16":"JPH9QA","submenuRootItemRtl":"XQoKKC","iconAfter":"nt-5bW","submenuRootItem":"_6VWPJS","iconCheck":"iV-G7v","splitterRoot":"cNAfdQ","headerRoot":"_9-i5JI","itemRoot":"igZET3","selectedMark":"BbBHFU"};
+var css$1j = {"uui-typography":"IYNJwq","uuiTypography":"IYNJwq","hero-header":"bVkGlx","heroHeader":"bVkGlx","promo-header":"a3tjA1","promoHeader":"a3tjA1","uui-critical":"NtHO4A","uuiCritical":"NtHO4A","uui-info":"_1YtnDv","uuiInfo":"_1YtnDv","uui-success":"WJ9409","uuiSuccess":"WJ9409","uui-warning":"PHz64d","uuiWarning":"PHz64d","uui-highlight":"_9a31Ya","uuiHighlight":"_9a31Ya","uui-typography-size-12":"_0zDWfT","uuiTypographySize12":"_0zDWfT","uui-typography-size-14":"IEiK88","uuiTypographySize14":"IEiK88","uui-typography-size-16":"a8bR-a","uuiTypographySize16":"a8bR-a","submenu-root-item-rtl":"toYNAR","submenuRootItemRtl":"toYNAR","icon-after":"-axF-B","iconAfter":"-axF-B","submenu-root-item":"-iHo-x","submenuRootItem":"-iHo-x","icon-check":"_56GJQd","iconCheck":"_56GJQd","splitter-root":"Un9aye","splitterRoot":"Un9aye","splitter":"_18WUL5","header-root":"fLapyK","headerRoot":"fLapyK","item-root":"UV0NzG","itemRoot":"UV0NzG","icon":"v8QuZY","link":"qCcVJl","indent":"mLl3Py","selected-mark":"mingzZ","selectedMark":"mingzZ"};
 
 var IDropdownControlKeys;
 (function (IDropdownControlKeys) {
@@ -1066,17 +1067,17 @@ const DropdownMenuButton = /* @__PURE__ */React__default.forwardRef((props, ref)
     const getMenuButtonContent = () => {
         const isIconBefore = Boolean(icon && iconPosition !== 'right');
         const isIconAfter = Boolean(icon && iconPosition === 'right');
-        const iconElement = (React__default.createElement(IconButton, { icon: icon, color: isActive ? 'primary' : 'neutral', onClick: onIconClick, isDisabled: isDisabled, cx: cx$1(css$1i.icon, iconPosition === 'right' ? css$1i.iconAfter : css$1i.iconBefore) }));
+        const iconElement = (React__default.createElement(IconButton, { icon: icon, color: isActive ? 'primary' : 'neutral', onClick: onIconClick, isDisabled: isDisabled, cx: cx$1(css$1j.icon, iconPosition === 'right' ? css$1j.iconAfter : css$1j.iconBefore) }));
         return (React__default.createElement(React__default.Fragment, null,
             isIconBefore && iconElement,
-            React__default.createElement(Text$1, { cx: props.indent && css$1i.indent }, caption),
+            React__default.createElement(Text$1, { cx: props.indent && css$1j.indent }, caption),
             isIconAfter && (React__default.createElement(React__default.Fragment, null,
                 React__default.createElement(FlexSpacer, null),
                 iconElement))));
     };
     const isAnchor = Boolean(link || href);
-    const itemClassNames = cx$1(props.cx, css$1i.itemRoot, isDisabled && uuiMod.disabled, isActive && uuiMod.active, isOpen && uuiMod.opened);
-    return isAnchor ? (React__default.createElement(Anchor$1, { cx: cx$1(css$1i.link, itemClassNames), link: link, href: href, rawProps: { role: 'menuitem', tabIndex: isDisabled ? -1 : 0 }, onClick: handleClick, isLinkActive: isActive, isDisabled: isDisabled, target: target }, getMenuButtonContent())) : (React__default.createElement(FlexRow$1, { rawProps: {
+    const itemClassNames = cx$1(props.cx, css$1j.itemRoot, isDisabled && uuiMod.disabled, isActive && uuiMod.active, isOpen && uuiMod.opened);
+    return isAnchor ? (React__default.createElement(Anchor$1, { cx: cx$1(css$1j.link, itemClassNames), link: link, href: href, rawProps: { role: 'menuitem', tabIndex: isDisabled ? -1 : 0 }, onClick: handleClick, isLinkActive: isActive, isDisabled: isDisabled, target: target }, getMenuButtonContent())) : (React__default.createElement(FlexRow$1, { rawProps: {
             tabIndex: isDisabled ? -1 : 0,
             role: 'menuitem',
             onKeyDown: isDisabled ? null : handleOpenDropdown,
@@ -1084,15 +1085,15 @@ const DropdownMenuButton = /* @__PURE__ */React__default.forwardRef((props, ref)
         getMenuButtonContent(),
         isSelected && (React__default.createElement(React__default.Fragment, null,
             React__default.createElement(FlexSpacer, null),
-            React__default.createElement(IconContainer, { icon: systemIcons.accept, cx: css$1i.selectedMark })))));
+            React__default.createElement(IconContainer, { icon: systemIcons.accept, cx: css$1j.selectedMark })))));
 });
 function DropdownMenuSplitter(props) {
-    return (React__default.createElement("div", { className: cx$1(props.cx, css$1i.splitterRoot) },
-        React__default.createElement("hr", { className: css$1i.splitter })));
+    return (React__default.createElement("div", { className: cx$1(props.cx, css$1j.splitterRoot) },
+        React__default.createElement("hr", { className: css$1j.splitter })));
 }
 function DropdownMenuHeader(props) {
-    return (React__default.createElement("div", { className: cx$1('uui-dropdown-menu-header', props.cx, css$1i.headerRoot) },
-        React__default.createElement("span", { className: css$1i.header }, props.caption)));
+    return (React__default.createElement("div", { className: cx$1('uui-dropdown-menu-header', props.cx, css$1j.headerRoot) },
+        React__default.createElement("span", { className: css$1j.header }, props.caption)));
 }
 function DropdownSubMenu(props) {
     const subMenuModifiers = [
@@ -1114,7 +1115,7 @@ function DropdownSubMenu(props) {
     const isRtl = (window === null || window === void 0 ? void 0 : window.document.dir) === 'rtl';
     return (React__default.createElement(Dropdown$1, { openOnHover: props.openOnHover || true, closeOnMouseLeave: "boundary", openDelay: 400, closeDelay: 400, placement: isRtl ? 'left-start' : 'right-start', modifiers: subMenuModifiers, renderBody: (dropdownProps) => !props.isDisabled && (React__default.createElement(DropdownMenuBody, Object.assign({ closeOnKey: IDropdownControlKeys.LEFT_ARROW }, props, dropdownProps))), renderTarget: (_a) => {
             var { toggleDropdownOpening } = _a, targetProps = __rest(_a, ["toggleDropdownOpening"]);
-            return (React__default.createElement(DropdownMenuButton, Object.assign({ cx: cx$1(isRtl ? css$1i.submenuRootItemRtl : css$1i.submenuRootItem), icon: systemIcons.foldingArrow, iconPosition: "right", isDropdown: true, toggleDropdownOpening: toggleDropdownOpening }, props, targetProps)));
+            return (React__default.createElement(DropdownMenuButton, Object.assign({ cx: cx$1(isRtl ? css$1j.submenuRootItemRtl : css$1j.submenuRootItem), icon: systemIcons.foldingArrow, iconPosition: "right", isDropdown: true, toggleDropdownOpening: toggleDropdownOpening }, props, targetProps)));
         } }));
 }
 function DropdownMenuSwitchButton(props) {
@@ -1131,32 +1132,29 @@ function DropdownMenuSwitchButton(props) {
             onHandleValueChange(!isSelected);
         }
     };
-    return (React__default.createElement(FlexRow$1, { cx: cx$1(props.cx, css$1i.itemRoot, isDisabled && uuiMod.disabled), onClick: () => onHandleValueChange(!isSelected), rawProps: { role: 'menuitem', onKeyDown: handleKeySelect, tabIndex: isDisabled ? -1 : 0 } },
-        icon && React__default.createElement(IconContainer, { icon: icon, cx: css$1i.iconBefore }),
+    return (React__default.createElement(FlexRow$1, { cx: cx$1(props.cx, css$1j.itemRoot, isDisabled && uuiMod.disabled), onClick: () => onHandleValueChange(!isSelected), rawProps: { role: 'menuitem', onKeyDown: handleKeySelect, tabIndex: isDisabled ? -1 : 0 } },
+        icon && React__default.createElement(IconContainer, { icon: icon, cx: css$1j.iconBefore }),
         React__default.createElement(Text$1, null, caption),
         React__default.createElement(FlexSpacer, null),
         React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
 }
 
-var css$1h = {"uui-typography":"UlJgu2","hero-header":"KtDdg7","promo-header":"-Wqa3S","uui-critical":"z5dDm3","uui-info":"g9OXJ-","uui-success":"boJriB","uui-warning":"qu9lDf","uui-highlight":"x2W1PT","uui-typography-size-12":"_3v1Y7p","uui-typography-size-14":"nDXkvh","uui-typography-size-16":"mL1330","root":"jKiIgt","mode-block":"bjzeHp","mode-inline":"VEokeu","padding-0":"_1v2Gxp","padding-6":"eV3pFz","padding-12":"GEJdYq","padding-18":"QBVouv","uuiTypography":"UlJgu2","heroHeader":"KtDdg7","promoHeader":"-Wqa3S","uuiCritical":"z5dDm3","uuiInfo":"g9OXJ-","uuiSuccess":"boJriB","uuiWarning":"qu9lDf","uuiHighlight":"x2W1PT","uuiTypographySize12":"_3v1Y7p","uuiTypographySize14":"nDXkvh","uuiTypographySize16":"mL1330","modeBlock":"bjzeHp","modeInline":"VEokeu","padding0":"_1v2Gxp","padding6":"eV3pFz","padding12":"GEJdYq","padding18":"QBVouv"};
+var css$1i = {"uui-typography":"x6CbcU","uuiTypography":"x6CbcU","hero-header":"JLvEOP","heroHeader":"JLvEOP","promo-header":"JTQzKx","promoHeader":"JTQzKx","uui-critical":"_5Ybnsq","uuiCritical":"_5Ybnsq","uui-info":"WWurVA","uuiInfo":"WWurVA","uui-success":"l9QRyS","uuiSuccess":"l9QRyS","uui-warning":"Mc-yo3","uuiWarning":"Mc-yo3","uui-highlight":"oPbab0","uuiHighlight":"oPbab0","uui-typography-size-12":"AFI8JP","uuiTypographySize12":"AFI8JP","uui-typography-size-14":"fdIox-","uuiTypographySize14":"fdIox-","uui-typography-size-16":"Q6YKW9","uuiTypographySize16":"Q6YKW9","root":"CJl-In","mode-block":"oLZagb","modeBlock":"oLZagb","mode-inline":"huUMiB","modeInline":"huUMiB","padding-0":"-rz93r","padding0":"-rz93r","padding-6":"KwK5cj","padding6":"KwK5cj","padding-12":"tulnC5","padding12":"tulnC5","padding-18":"_3eGtcw","padding18":"_3eGtcw"};
 
-const getMode = (mode) => {
-    return mode || 'block';
-};
 function applyAccordionMods(mods) {
     return [
-        css$1h.root,
-        css$1h['mode-' + getMode(mods.mode)],
-        mods.padding && css$1h['padding-' + mods.padding],
+        css$1i.root,
+        css$1i[`mode-${mods.mode || 'block'}`],
+        mods.padding && css$1i['padding-' + mods.padding],
     ];
 }
 const Accordion = /* @__PURE__ */withMods(uuiComponents.Accordion, applyAccordionMods, (mods) => ({
     dropdownIcon: mods.dropdownIcon !== null && systemIcons.foldingArrow,
 }));
 
-var css$1g = {"uui-typography":"bqENKv","hero-header":"cN-U8P","promo-header":"voV1Hn","uui-critical":"hjyNs5","uui-info":"Y9ttIR","uui-success":"ajnHHG","uui-warning":"GUZTeU","uui-highlight":"NSOAIc","uui-typography-size-12":"o2KKEc","uui-typography-size-14":"Pyw82c","uui-typography-size-16":"eHwAIC","root":"uU7A-o","border-top":"cefRen","border-bottom":"RCLPwV","top-shadow":"_-5xgDw","padding-6":"uTT6Qx","padding-12":"_02DoiB","padding-18":"GniDIv","padding-24":"Nsp3FU","margin-24":"JJuCXh","margin-12":"JsStPD","vPadding-12":"OQsUri","vPadding-18":"-GYZaD","vPadding-24":"WERP7z","vPadding-36":"WTtzFe","vPadding-48":"zSo2S4","spacing-6":"JiXddc","spacing-12":"CloKwR","spacing-18":"tbi-dT","uui-surface-main":"HHhX7e","uuiTypography":"bqENKv","heroHeader":"cN-U8P","promoHeader":"voV1Hn","uuiCritical":"hjyNs5","uuiInfo":"Y9ttIR","uuiSuccess":"ajnHHG","uuiWarning":"GUZTeU","uuiHighlight":"NSOAIc","uuiTypographySize12":"o2KKEc","uuiTypographySize14":"Pyw82c","uuiTypographySize16":"eHwAIC","borderTop":"cefRen","borderBottom":"RCLPwV","topShadow":"_-5xgDw","padding6":"uTT6Qx","padding12":"_02DoiB","padding18":"GniDIv","padding24":"Nsp3FU","margin24":"JJuCXh","margin12":"JsStPD","vPadding12":"OQsUri","vPadding18":"-GYZaD","vPadding24":"WERP7z","vPadding36":"WTtzFe","vPadding48":"zSo2S4","spacing6":"JiXddc","spacing12":"CloKwR","spacing18":"tbi-dT","uuiSurfaceMain":"HHhX7e"};
+var css$1h = {"uui-typography":"oHfyMC","uuiTypography":"oHfyMC","hero-header":"HqnB5k","heroHeader":"HqnB5k","promo-header":"EsIgU9","promoHeader":"EsIgU9","uui-critical":"UjOHeb","uuiCritical":"UjOHeb","uui-info":"TbltJK","uuiInfo":"TbltJK","uui-success":"dbia6-","uuiSuccess":"dbia6-","uui-warning":"cFSXUb","uuiWarning":"cFSXUb","uui-highlight":"m8E7zA","uuiHighlight":"m8E7zA","uui-typography-size-12":"W8wlwt","uuiTypographySize12":"W8wlwt","uui-typography-size-14":"_9eodOg","uuiTypographySize14":"_9eodOg","uui-typography-size-16":"n3kdlb","uuiTypographySize16":"n3kdlb","root":"Wki18O","border-top":"hjjUlx","borderTop":"hjjUlx","border-bottom":"SFfln5","borderBottom":"SFfln5","top-shadow":"Veyx7x","topShadow":"Veyx7x","padding-6":"YXQndc","padding6":"YXQndc","padding-12":"b-bgAB","padding12":"b-bgAB","padding-18":"_6oo4ZD","padding18":"_6oo4ZD","padding-24":"URnri9","padding24":"URnri9","margin-24":"GDy6D6","margin24":"GDy6D6","margin-12":"PZLxNu","margin12":"PZLxNu","vPadding-12":"oesCt-","vPadding12":"oesCt-","vPadding-18":"A5VH9M","vPadding18":"A5VH9M","vPadding-24":"w8bcfi","vPadding24":"w8bcfi","vPadding-36":"yulwz3","vPadding36":"yulwz3","vPadding-48":"emNUD4","vPadding48":"emNUD4","spacing-6":"_37Z7U0","spacing6":"_37Z7U0","spacing-12":"_7uwos8","spacing12":"_7uwos8","spacing-18":"r5x4tF","spacing18":"r5x4tF","uui-surface-main":"oUxZTj","uuiSurfaceMain":"oUxZTj"};
 
-const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$1g.flexCell]);
+const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$1h.flexCell]);
 
 const FlexRow = /* @__PURE__ */withMods(FlexRow$1, (props) => {
     if (process.env.NODE_ENV !== "production") {
@@ -1165,54 +1163,54 @@ const FlexRow = /* @__PURE__ */withMods(FlexRow$1, (props) => {
         }
     }
     return [
-        css$1g.root,
+        css$1h.root,
         props.size !== null && 'uui-size-' + (props.size || '36'),
-        props.padding && css$1g['padding-' + props.padding],
-        props.vPadding && css$1g['vPadding-' + props.vPadding],
-        props.margin && css$1g['margin-' + props.margin],
-        props.topShadow && css$1g.topShadow,
-        props.borderBottom && css$1g.borderBottom,
-        props.borderTop && css$1g.borderTop,
-        props.spacing && css$1g['spacing-' + props.spacing],
-        props.background && css$1g[`uui-${props.background}`],
+        props.padding && css$1h['padding-' + props.padding],
+        props.vPadding && css$1h['vPadding-' + props.vPadding],
+        props.margin && css$1h['margin-' + props.margin],
+        props.topShadow && css$1h.topShadow,
+        props.borderBottom && css$1h.borderBottom,
+        props.borderTop && css$1h.borderTop,
+        props.spacing && css$1h['spacing-' + props.spacing],
+        props.background && css$1h[`uui-${props.background}`],
     ];
 });
 
-var css$1f = {"root":"ZWdxNf","margin-24":"kb5-jC","padding-12":"IIWxqE","padding-24":"Erboib","shadow":"w09yaU","uui-surface-main":"_6sAlAP","margin24":"kb5-jC","padding12":"IIWxqE","padding24":"Erboib","uuiSurfaceMain":"_6sAlAP"};
+var css$1g = {"root":"_8FmHb6","margin-24":"qAIvJR","margin24":"qAIvJR","padding-12":"_5-WhZw","padding12":"_5-WhZw","padding-24":"TN7x8L","padding24":"TN7x8L","shadow":"Hq0j4J","uui-surface-main":"HmbF37","uuiSurfaceMain":"HmbF37"};
 
 const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
     'uui-panel',
-    css$1f.root,
-    props.shadow && css$1f.shadow,
-    props.margin && css$1f['margin-' + props.margin],
-    props.background && css$1f[`uui-${props.background}`],
+    css$1g.root,
+    props.shadow && css$1g.shadow,
+    props.margin && css$1g['margin-' + props.margin],
+    props.background && css$1g[`uui-${props.background}`],
 ]);
 
-var css$1e = {"root":"IbOOaG"};
+var css$1f = {"root":"ELavfQ"};
 
 function applyTooltipMods(mods) {
     return [
-        css$1e.root,
+        css$1f.root,
         `uui-color-${mods.color || 'inverted'}`,
     ];
 }
 const Tooltip = /* @__PURE__ */withMods(uuiComponents.Tooltip, applyTooltipMods);
 
-var css$1d = {"uui-typography":"F5c3hN","hero-header":"W4fCXF","promo-header":"rr-yKU","uui-critical":"gQDiPg","uui-info":"-W6a-W","uui-success":"uqxzce","uui-warning":"I61Q6K","uui-highlight":"raqWxx","uui-typography-size-12":"tR0UFj","uui-typography-size-14":"AZbmA-","uui-typography-size-16":"cwIEt0","root":"rTycD8","uuiTypography":"F5c3hN","heroHeader":"W4fCXF","promoHeader":"rr-yKU","uuiCritical":"gQDiPg","uuiInfo":"-W6a-W","uuiSuccess":"uqxzce","uuiWarning":"I61Q6K","uuiHighlight":"raqWxx","uuiTypographySize12":"tR0UFj","uuiTypographySize14":"AZbmA-","uuiTypographySize16":"cwIEt0"};
+var css$1e = {"uui-typography":"TnXYPE","uuiTypography":"TnXYPE","hero-header":"b-F4cn","heroHeader":"b-F4cn","promo-header":"vSg2rL","promoHeader":"vSg2rL","uui-critical":"-VxxmG","uuiCritical":"-VxxmG","uui-info":"jia2UF","uuiInfo":"jia2UF","uui-success":"_0ktCeE","uuiSuccess":"_0ktCeE","uui-warning":"WuRMx2","uuiWarning":"WuRMx2","uui-highlight":"jiMhkg","uuiHighlight":"jiMhkg","uui-typography-size-12":"_1QhafP","uuiTypographySize12":"_1QhafP","uui-typography-size-14":"wmh5hG","uuiTypographySize14":"wmh5hG","uui-typography-size-16":"LMsx-n","uuiTypographySize16":"LMsx-n","root":"FOVz-i"};
 
 function applyLabeledInputMods(mods) {
     return [
         'uui-labeled-input',
-        css$1d.root,
+        css$1e.root,
         'uui-size-' + (mods.size || settings.sizes.defaults.labeledInput),
     ];
 }
 const LabeledInput = /* @__PURE__ */withMods(uuiComponents.LabeledInput, applyLabeledInputMods, (props) => ({
     Tooltip: props.Tooltip || Tooltip,
-    infoIcon: props.infoIcon || (settings.sizes.labeledInput.fillIcon.includes(props.size) ? ForwardRef$w : ForwardRef$L),
+    infoIcon: props.infoIcon || (settings.sizes.labeledInput.fillIcon.includes(props.size) ? ForwardRef$x : ForwardRef$M),
 }));
 
-var css$1c = {"root":"CvfkSR"};
+var css$1d = {"root":"hmqj4U"};
 
 function RadioGroup(props) {
     const direction = props.direction || 'vertical';
@@ -1221,34 +1219,34 @@ function RadioGroup(props) {
             props.onValueChange(newVal);
         }
     };
-    return (React.createElement("fieldset", Object.assign({ ref: props.forwardedRef, className: cx$1(css$1c.root, directionMode[direction], props.cx), onFocus: props.onFocus, onBlur: props.onBlur }, props.rawProps), props.items.map((i) => {
+    return (React.createElement("fieldset", Object.assign({ ref: props.forwardedRef, className: cx$1(css$1d.root, directionMode[direction], props.cx), onFocus: props.onFocus, onBlur: props.onBlur }, props.rawProps), props.items.map((i) => {
         const restItemProps = __rest(i, ["id", "name", "renderName"]);
         return (React.createElement(RadioInput, Object.assign({ name: props.name, renderLabel: i.renderName ? i.renderName : () => i.name, value: props.value === i.id, onValueChange: () => handleChange(i.id), isDisabled: props.isDisabled || i.isDisabled, isReadonly: props.isReadonly, isInvalid: props.isInvalid, isRequired: props.isRequired, key: i.id.toString(), size: props.size || i.size }, restItemProps)));
     })));
 }
 
-var css$1b = {"root":"TQrQ8c"};
+var css$1c = {"root":"KM9qJu"};
 
 function applyScrollBarsMods() {
     return [
-        css$1b.root, 'uui-scroll-bars', 'uui-shadow-top', 'uui-shadow-bottom',
+        css$1c.root, 'uui-scroll-bars', 'uui-shadow-top', 'uui-shadow-bottom',
     ];
 }
 const ScrollBars = /* @__PURE__ */withMods(ScrollBars$1, applyScrollBarsMods);
 
-var css$1a = {"scroll-container":"FBXhRn","list-container":"hSHAEx","scrollContainer":"FBXhRn","listContainer":"hSHAEx"};
+var css$1b = {"scroll-container":"ARCi7J","scrollContainer":"ARCi7J","list-container":"z9sHZe","listContainer":"z9sHZe"};
 
-var css$19 = {"root":"ep5bAU"};
+var css$1a = {"root":"mzsARs"};
 
-const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$19.root]);
+const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$1a.root]);
 
-var css$18 = {"uui-typography":"j1P3IS","hero-header":"_6JoKRi","promo-header":"aUDSQ-","uui-critical":"aazvdY","uui-info":"_1tZpNx","uui-success":"hRcrI5","uui-warning":"-mmOHI","uui-highlight":"Zo4ijO","uui-typography-size-12":"_0w87cy","uui-typography-size-14":"n-n4NH","uui-typography-size-16":"BT1O-L","root":"VIHY-i","uuiTypography":"j1P3IS","heroHeader":"_6JoKRi","promoHeader":"aUDSQ-","uuiCritical":"aazvdY","uuiInfo":"_1tZpNx","uuiSuccess":"hRcrI5","uuiWarning":"-mmOHI","uuiHighlight":"Zo4ijO","uuiTypographySize12":"_0w87cy","uuiTypographySize14":"n-n4NH","uuiTypographySize16":"BT1O-L"};
+var css$19 = {"uui-typography":"_9b8h-3","uuiTypography":"_9b8h-3","hero-header":"EiW0w6","heroHeader":"EiW0w6","promo-header":"_95Zxf-","promoHeader":"_95Zxf-","uui-critical":"-sHhFn","uuiCritical":"-sHhFn","uui-info":"_-7O-Ex","uuiInfo":"_-7O-Ex","uui-success":"Bi-5Rx","uuiSuccess":"Bi-5Rx","uui-warning":"_6mBCWb","uuiWarning":"_6mBCWb","uui-highlight":"_94bwj-","uuiHighlight":"_94bwj-","uui-typography-size-12":"zHd6zC","uuiTypographySize12":"zHd6zC","uui-typography-size-14":"CgxWcD","uuiTypographySize14":"CgxWcD","uui-typography-size-16":"AAkfv2","uuiTypographySize16":"AAkfv2","root":"JY-5V4"};
 
 const DEFAULT_FILL = 'solid';
 function applyBadgeMods(mods) {
     return [
         'uui-badge',
-        css$18.root,
+        css$19.root,
         `uui-size-${mods.size || settings.sizes.defaults.badge}`,
         `uui-fill-${mods.fill || DEFAULT_FILL}`,
         `uui-color-${mods.color || 'info'}`,
@@ -1266,11 +1264,11 @@ const Badge = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$17 = {"uui-typography":"BW244m","hero-header":"PWo1Aq","promo-header":"CyVAsg","uui-critical":"u8h-vy","uui-info":"_7EKGG7","uui-success":"SckpWg","uui-warning":"ugp-8h","uui-highlight":"R0lxeg","uui-typography-size-12":"s6AcO9","uui-typography-size-14":"YMgPa3","uui-typography-size-16":"vnxbp8","root":"_9Vurah","uuiTypography":"BW244m","heroHeader":"PWo1Aq","promoHeader":"CyVAsg","uuiCritical":"u8h-vy","uuiInfo":"_7EKGG7","uuiSuccess":"SckpWg","uuiWarning":"ugp-8h","uuiHighlight":"R0lxeg","uuiTypographySize12":"s6AcO9","uuiTypographySize14":"YMgPa3","uuiTypographySize16":"vnxbp8"};
+var css$18 = {"uui-typography":"bHUTqc","uuiTypography":"bHUTqc","hero-header":"PoueDO","heroHeader":"PoueDO","promo-header":"_0HjPyh","promoHeader":"_0HjPyh","uui-critical":"ygZvLa","uuiCritical":"ygZvLa","uui-info":"Sv61Ed","uuiInfo":"Sv61Ed","uui-success":"Dmtbt-","uuiSuccess":"Dmtbt-","uui-warning":"Ye9ESy","uuiWarning":"Ye9ESy","uui-highlight":"li1wob","uuiHighlight":"li1wob","uui-typography-size-12":"RK2Zv6","uuiTypographySize12":"RK2Zv6","uui-typography-size-14":"_1p9N6q","uuiTypographySize14":"_1p9N6q","uui-typography-size-16":"Y-avZH","uuiTypographySize16":"Y-avZH","root":"WAHKHZ"};
 
 function applyTagMods(props) {
     return [
-        css$17.root,
+        css$18.root,
         `uui-size-${props.size || settings.sizes.defaults.tag}`,
         `uui-color-${props.color || 'neutral'}`,
         `uui-fill-${props.fill || 'solid'}`,
@@ -1290,94 +1288,94 @@ const Tag = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
 });
 
-var css$16 = {"root":"_1umNac","uui-spinner":"GC6g-V","uuiSpinner":"GC6g-V"};
+var css$17 = {"root":"i27qdq","uui-spinner":"_62n3C-","uuiSpinner":"_62n3C-"};
 
 function applySpinnerMods() {
-    return [css$16.root, 'uui-spinner'];
+    return [css$17.root, 'uui-spinner'];
 }
 const Spinner = /* @__PURE__ */withMods(Spinner$1, applySpinnerMods);
 
-var _path$v;
-function _extends$v() { _extends$v = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$v.apply(this, arguments); }
+var _path$w;
+function _extends$w() { _extends$w = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$w.apply(this, arguments); }
 var SvgNavigationChevronLeftOutline = function SvgNavigationChevronLeftOutline(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$v({
+  return /*#__PURE__*/React.createElement("svg", _extends$w({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$v || (_path$v = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$w || (_path$w = /*#__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$v = /*#__PURE__*/forwardRef(SvgNavigationChevronLeftOutline);
+var ForwardRef$w = /*#__PURE__*/forwardRef(SvgNavigationChevronLeftOutline);
 
-var _path$u;
-function _extends$u() { _extends$u = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$u.apply(this, arguments); }
+var _path$v;
+function _extends$v() { _extends$v = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$v.apply(this, arguments); }
 var SvgNavigationChevronRightOutline = function SvgNavigationChevronRightOutline(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$u({
+  return /*#__PURE__*/React.createElement("svg", _extends$v({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$u || (_path$u = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$v || (_path$v = /*#__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$u = /*#__PURE__*/forwardRef(SvgNavigationChevronRightOutline);
+var ForwardRef$v = /*#__PURE__*/forwardRef(SvgNavigationChevronRightOutline);
 
-var css$15 = {"root":"l-ecWB","page":"tmjCUh","spacer":"ThCpZ8","mode-ghost":"iCi5JD","modeGhost":"iCi5JD"};
+var css$16 = {"root":"-J3zd-","page":"-g-B82","spacer":"_5QbgpA","mode-ghost":"nUJ23j","modeGhost":"nUJ23j"};
 
 function Paginator(props) {
-    const renderPaginator = (params) => (React__default.createElement("nav", Object.assign({ role: "navigation", className: cx(css$15.root, 'uui-paginator', `uui-size-${props.size || settings.sizes.defaults.paginator}`) }, params.rawProps),
-        React__default.createElement(Button, { size: props.size || settings.sizes.defaults.paginator, icon: ForwardRef$v, onClick: params.goToPrev, isDisabled: params.isFirst || props.isDisabled, fill: "outline", color: "secondary" }),
+    const renderPaginator = (params) => (React__default.createElement("nav", Object.assign({ role: "navigation", className: cx(css$16.root, 'uui-paginator', `uui-size-${props.size || settings.sizes.defaults.paginator}`) }, params.rawProps),
+        React__default.createElement(Button, { size: props.size || settings.sizes.defaults.paginator, icon: ForwardRef$w, onClick: params.goToPrev, isDisabled: params.isFirst || props.isDisabled, fill: "outline", color: "secondary" }),
         params.pages.map((page, index) => {
             if (page.type === 'spacer') {
-                return (React__default.createElement(Button, { cx: cx(css$15.spacer, css$15.page), size: props.size || settings.sizes.defaults.paginator, key: `${index}_spacer`, caption: "...", fill: "ghost", color: "secondary", tabIndex: -1, isDisabled: props.isDisabled }));
+                return (React__default.createElement(Button, { cx: cx(css$16.spacer, css$16.page), size: props.size || settings.sizes.defaults.paginator, key: `${index}_spacer`, caption: "...", fill: "ghost", color: "secondary", tabIndex: -1, isDisabled: props.isDisabled }));
             }
             else {
-                return (React__default.createElement(Button, { cx: cx(css$15[`mode-${!page.isActive && 'ghost'}`], css$15.page), size: props.size || settings.sizes.defaults.paginator, key: page.pageNumber, caption: page.pageNumber, onClick: () => { var _a; return (_a = page.onClick) === null || _a === void 0 ? void 0 : _a.call(page); }, rawProps: { 'aria-current': page.isActive }, fill: (page.isActive && 'outline') || 'ghost', color: "primary", isDisabled: props.isDisabled }));
+                return (React__default.createElement(Button, { cx: cx(css$16[`mode-${!page.isActive && 'ghost'}`], css$16.page), size: props.size || settings.sizes.defaults.paginator, key: page.pageNumber, caption: page.pageNumber, onClick: () => { var _a; return (_a = page.onClick) === null || _a === void 0 ? void 0 : _a.call(page); }, rawProps: { 'aria-current': page.isActive }, fill: (page.isActive && 'outline') || 'ghost', color: "primary", isDisabled: props.isDisabled }));
             }
         }),
-        React__default.createElement(Button, { size: props.size || settings.sizes.defaults.paginator, icon: ForwardRef$u, onClick: params.goToNext, isDisabled: params.isLast || props.isDisabled, fill: "outline", color: "secondary" })));
+        React__default.createElement(Button, { size: props.size || settings.sizes.defaults.paginator, icon: ForwardRef$v, onClick: params.goToNext, isDisabled: params.isLast || props.isDisabled, fill: "outline", color: "secondary" })));
     return React__default.createElement(Paginator$1, Object.assign({}, props, { render: renderPaginator }));
 }
 
-var css$14 = {"root":"p8KDSq","progress-bar":"qgDCs2","progressBar-indeterminate":"bNfyvQ","size-12":"RFury2","size-18":"TRV-y4","size-24":"_926sxG","progressBar":"qgDCs2","progressBarIndeterminate":"bNfyvQ","size12":"RFury2","size18":"TRV-y4","size24":"_926sxG"};
+var css$15 = {"root":"HdV07u","progress-bar":"J6BXUx","progressBar":"J6BXUx","progressBar-indeterminate":"L9XDP7","progressBarIndeterminate":"L9XDP7","size-12":"bPJA9a","size12":"bPJA9a","size-18":"BuhaHx","size18":"BuhaHx","size-24":"_7pMgnu","size24":"_7pMgnu"};
 
 const IndeterminateBar = /* @__PURE__ */React.forwardRef((props, ref) => {
-    return (React.createElement("div", { ref: ref, className: cx('uui-indeterminate_bar', props.cx, css$14.root, css$14[`size-${props.size || 12}`]) },
-        React.createElement("div", { className: cx(css$14.progressBar) })));
+    return (React.createElement("div", { ref: ref, className: cx('uui-indeterminate_bar', props.cx, css$15.root, css$15[`size-${props.size || 12}`]) },
+        React.createElement("div", { className: cx(css$15.progressBar) })));
 });
 
-var css$13 = {"root":"ZHTOq3","striped":"Ii-DgG","animate-stripes":"ZIrs8B","size-12":"_9eYfDG","size-18":"Dcfg-u","size-24":"Ob0phb","animateStripes":"ZIrs8B","size12":"_9eYfDG","size18":"Dcfg-u","size24":"Ob0phb"};
+var css$14 = {"root":"_1YCdxB","striped":"jRJs9L","animate-stripes":"_2j3HVg","animateStripes":"_2j3HVg","size-12":"MmxsHd","size12":"MmxsHd","size-18":"s4A05l","size18":"s4A05l","size-24":"_7P1Awi","size24":"_7P1Awi"};
 
 const DEFAULT_SIZE = '12';
 function applyProgressBarMods(mods) {
     const size = mods.size || DEFAULT_SIZE;
     return [
-        css$13.root,
-        css$13[`size-${size}`],
-        mods.striped && css$13.striped,
+        css$14.root,
+        css$14[`size-${size}`],
+        mods.striped && css$14.striped,
     ];
 }
 const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProgressBarMods, (props) => ({
     hideLabel: props.hideLabel || props.striped,
 }));
 
-var css$12 = {"root":"yECbM4"};
+var css$13 = {"root":"FwszS8"};
 
 const IndicatorBar = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { progress } = props;
-    return progress || progress === 0 ? (React.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx(css$12.root, props.cx), hideLabel: true })) : (React.createElement(IndeterminateBar, { ref: ref, cx: cx(css$12.root, props.cx) }));
+    return progress || progress === 0 ? (React.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx(css$13.root, props.cx), hideLabel: true })) : (React.createElement(IndeterminateBar, { ref: ref, cx: cx(css$13.root, props.cx) }));
 });
 
-var css$11 = {"root":"_04N7qj"};
+var css$12 = {"root":"kipjiY"};
 
 const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
-            css$11.root,
+            css$12.root,
             `uui-size-${props.size || settings.sizes.defaults.statusIndicator}`,
             'uui-status_indicator',
             `uui-color-${props.color || 'neutral'}`,
@@ -1388,7 +1386,7 @@ const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
         React__default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
 });
 
-var css$10 = {"drag-handle":"FG0YxZ","icon-container":"V-Jddg","dragHandle":"FG0YxZ","iconContainer":"V-Jddg"};
+var css$11 = {"drag-handle":"qeEuet","dragHandle":"qeEuet","icon-container":"I-ZiwZ","iconContainer":"I-ZiwZ"};
 
 function DataRowAddons(props) {
     var _a, _b;
@@ -1400,19 +1398,19 @@ function DataRowAddons(props) {
         return settings.sizes.rowAddons.indentWidth[props.size] || settings.sizes.rowAddons.defaults.indentWidth;
     };
     return (React__default.createElement(React__default.Fragment, null,
-        ((_a = row.dnd) === null || _a === void 0 ? void 0 : _a.srcData) && React__default.createElement(DragHandle, { key: "dh", cx: css$10.dragHandle, rawProps: Object.assign({}, props.eventHandlers) }),
+        ((_a = row.dnd) === null || _a === void 0 ? void 0 : _a.srcData) && React__default.createElement(DragHandle, { key: "dh", cx: css$11.dragHandle, rawProps: Object.assign({}, props.eventHandlers) }),
         ((_b = row === null || row === void 0 ? void 0 : row.checkbox) === null || _b === void 0 ? void 0 : _b.isVisible) && (React__default.createElement(Checkbox, { key: "cb", cx: "uui-dr_addons-checkbox", tabIndex: props.tabIndex, size: settings.sizes.rowAddons.checkbox[props.size], value: row.isChecked, indeterminate: !row.isChecked && row.isChildrenChecked, onValueChange: () => { var _a; return (_a = row.onCheck) === null || _a === void 0 ? void 0 : _a.call(row, row); }, isDisabled: row.checkbox.isDisabled, isInvalid: row.checkbox.isInvalid })),
         row.indent > 0 && (React__default.createElement("div", { key: "fold", className: cx('uui-dr_addons-indent', `uui-size-${props.size}`), style: { marginInlineStart: getIndent(), width: getWidth() } }, row.isFoldable && (React__default.createElement(IconContainer, { rawProps: {
                 'aria-label': row.isFolded ? 'Unfold' : 'Fold',
                 role: 'button',
-            }, key: "icon", icon: ForwardRef$P, cx: [
-                uuiElement.foldingArrow, uuiMarkers.clickable, css$10.iconContainer,
+            }, key: "icon", icon: ForwardRef$Q, cx: [
+                uuiElement.foldingArrow, uuiMarkers.clickable, css$11.iconContainer,
             ], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row), size: settings.sizes.rowAddons.icon[props.size] || settings.sizes.rowAddons.defaults.icon }))))));
 }
 
-var css$$ = {"root":"_9SvpYt"};
+var css$10 = {"root":"EBnQe3"};
 
-const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$$.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__default.createElement(Spinner, null)) }));
+const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$10.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__default.createElement(Spinner, null)) }));
 
 const VirtualList = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { listContainerRef, offsetY, handleScroll, estimatedHeight, scrollContainerRef, } = useVirtualList({
@@ -1428,7 +1426,7 @@ const VirtualList = /* @__PURE__ */React.forwardRef((props, ref) => {
         var _a;
         return ((_a = props.renderRows) === null || _a === void 0 ? void 0 : _a.call(props, {
             listContainerRef, estimatedHeight, offsetY, scrollShadows,
-        })) || (React.createElement("div", { className: css$1a.listContainer, style: { minHeight: `${estimatedHeight}px` } },
+        })) || (React.createElement("div", { className: css$1b.listContainer, style: { minHeight: `${estimatedHeight}px` } },
             React.createElement("div", { ref: listContainerRef, role: props.role, style: { marginTop: offsetY } }, props.rows)));
     };
     const renderView = ({ style }) => (React.createElement(VirtualListView, { isLoading: props.isLoading, style: style, rawProps: props.rawProps }));
@@ -1438,7 +1436,7 @@ const VirtualList = /* @__PURE__ */React.forwardRef((props, ref) => {
             return;
         scrollContainerRef.current = scrollbars.container.firstChild;
     }, []);
-    return (React.createElement(ScrollBars, { cx: cx$1(css$1a.scrollContainer, props.cx, {
+    return (React.createElement(ScrollBars, { cx: cx$1(css$1b.scrollContainer, props.cx, {
             [uuiMarkers.scrolledLeft]: scrollShadows.horizontalLeft,
             [uuiMarkers.scrolledRight]: scrollShadows.horizontalRight,
             [uuiMarkers.scrolledTop]: scrollShadows.verticalTop,
@@ -1451,7 +1449,7 @@ const VirtualListView = /* @__PURE__ */React.forwardRef((props, ref) => {
         React.createElement(Blocker, { isEnabled: props.isLoading })));
 });
 
-var css$_ = {"root":"eSPgxO"};
+var css$$ = {"root":"PD3ZlP"};
 
 function CheckboxGroup(props) {
     const currentValue = props.value || [];
@@ -1467,62 +1465,16 @@ function CheckboxGroup(props) {
         }
         props.onValueChange(newSelection);
     };
-    return (React.createElement("fieldset", Object.assign({ ref: props.forwardedRef, className: cx$1(css$_.root, directionMode[direction], props.cx) }, props.rawProps), props.items.map((i) => {
+    return (React.createElement("fieldset", Object.assign({ ref: props.forwardedRef, className: cx$1(css$$.root, directionMode[direction], props.cx) }, props.rawProps), props.items.map((i) => {
         const restItemProps = __rest(i, ["id", "name", "renderName"]);
         return (React.createElement(Checkbox, Object.assign({ renderLabel: i.renderName ? i.renderName : () => i.name, value: currentValue.indexOf(i.id) !== -1, onValueChange: (selected) => handleChange(selected, i.id), isDisabled: props.isDisabled, isReadonly: props.isReadonly, isInvalid: props.isInvalid, isRequired: props.isRequired, key: i.id.toString(), size: props.size || i.size }, restItemProps)));
     })));
 }
 
-var css$Z = {"root":"ApaBBR","line-height":"Ni6QdS","font-size":"_2nb4QC","lineHeight":"Ni6QdS","fontSize":"_2nb4QC"};
-
-function applyTextMods(mods) {
-    return [
-        css$Z.root,
-        'uui-text',
-        `uui-size-${mods.size || settings.sizes.defaults.text}`,
-        (mods.size !== 'none' || mods.lineHeight) && css$Z.lineHeight,
-        (mods.size !== 'none' || mods.fontSize) && css$Z.fontSize,
-        `uui-color-${mods.color || 'primary'}`,
-        `uui-font-weight-${mods.fontWeight || '400'}`,
-        `uui-font-style-${mods.fontStyle || 'normal'}`,
-        'uui-typography',
-    ];
-}
-const Text = /* @__PURE__ */withMods(uuiComponents.Text, applyTextMods, (props) => {
-    var _a;
-    if (props.fontSize || props.lineHeight) {
-        const style = {};
-        props.fontSize && (style['--uui-text-font-size'] = `${props.fontSize}px`);
-        props.lineHeight && (style['--uui-text-line-height'] = `${props.lineHeight}px`);
-        return {
-            rawProps: Object.assign({ style: Object.assign(Object.assign({}, style), (_a = props === null || props === void 0 ? void 0 : props.rawProps) === null || _a === void 0 ? void 0 : _a.style) }, props === null || props === void 0 ? void 0 : props.rawProps),
-        };
-    }
-});
-
-var css$Y = {"root":"p4WTiN","loading-word":"_0ibkqa","animated-loading":"svNd9S","skeleton_loading":"WPSnJo","loadingWord":"_0ibkqa","animatedLoading":"svNd9S","skeletonLoading":"WPSnJo"};
-
-const TextPlaceholder = (props) => {
-    const pattern = '&nbsp;';
-    const text = React.useMemo(() => {
-        const words = [];
-        for (let i = 0; i < (props.wordsCount || 1); i++) {
-            const lengthWord = Math.floor(Math.random() * 10 + 8);
-            words.push(pattern.repeat(lengthWord));
-        }
-        return words;
-    }, [props.wordsCount]);
-    return (React.createElement("div", Object.assign({ "aria-busy": true, className: cx(css$Y.root, 'uui-text-placeholder') }, props.rawProps), text.map((it, index) => (React.createElement("span", { key: index, className: cx([
-            props.cx, css$Y.loadingWord, !props.isNotAnimated && css$Y.animatedLoading,
-        ]), dangerouslySetInnerHTML: { __html: it } })))));
-};
-
-const RichTextView = /* @__PURE__ */withMods(uuiComponents.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || '14'}`]);
+var css$_ = {"uui-typography":"_8ANzWI","uuiTypography":"_8ANzWI","hero-header":"_0r-X1m","heroHeader":"_0r-X1m","promo-header":"Fz1F6o","promoHeader":"Fz1F6o","uui-critical":"_8gTHM9","uuiCritical":"_8gTHM9","uui-info":"z3Jfik","uuiInfo":"z3Jfik","uui-success":"UxsD8t","uuiSuccess":"UxsD8t","uui-warning":"NI4hIV","uuiWarning":"NI4hIV","uui-highlight":"_8bRjon","uuiHighlight":"_8bRjon","uui-typography-size-12":"QksPrt","uuiTypographySize12":"QksPrt","uui-typography-size-14":"czV-Hi","uuiTypographySize14":"czV-Hi","uui-typography-size-16":"rkIy1X","uuiTypographySize16":"rkIy1X","root":"EV8sxD","modal-blocker":"wbzbp9","modalBlocker":"wbzbp9","animateModalBlocker":"IIErRL","modal":"ZS-IJ5","modal-footer":"bFjO8k","modalFooter":"bFjO8k","modal-header":"f3ZQNt","modalHeader":"f3ZQNt"};
 
-var css$X = {"uui-typography":"Nn4zWU","hero-header":"X081eD","promo-header":"pFu88Z","uui-critical":"EzJ2Yj","uui-info":"_0h4vxT","uui-success":"sPWWzg","uui-warning":"IEZ8e6","uui-highlight":"kIyM8P","uui-typography-size-12":"kH2DyM","uui-typography-size-14":"R1lpis","uui-typography-size-16":"vNhYgZ","root":"-Mw-EQ","modal-blocker":"sudgOV","animateModalBlocker":"FNW8-u","modal":"O0I32M","modal-footer":"Ild-gz","modal-header":"o9Lk5O","uuiTypography":"Nn4zWU","heroHeader":"X081eD","promoHeader":"pFu88Z","uuiCritical":"EzJ2Yj","uuiInfo":"_0h4vxT","uuiSuccess":"sPWWzg","uuiWarning":"IEZ8e6","uuiHighlight":"kIyM8P","uuiTypographySize12":"kH2DyM","uuiTypographySize14":"R1lpis","uuiTypographySize16":"vNhYgZ","modalBlocker":"sudgOV","modalFooter":"Ild-gz","modalHeader":"o9Lk5O"};
-
-const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$X.modalBlocker]);
-const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$X.root, css$X.modal], (props) => {
+const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$_.modalBlocker]);
+const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$_.root, css$_.modal], (props) => {
     const width = props.width || settings.sizes.modal.window.defaults.width;
     const height = props.height || 'auto';
     const maxHeight = isMobile() ? '100dvh' : (props.maxHeight || '80dvh');
@@ -1534,19 +1486,19 @@ const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$X.root, cs
 });
 class ModalHeader extends React__default.Component {
     render() {
-        return (React__default.createElement(FlexRow, { padding: this.props.padding || '24', vPadding: "12", borderBottom: this.props.borderBottom, cx: [css$X.root, css$X.modalHeader, this.props.cx], columnGap: "12", rawProps: this.props.rawProps },
-            this.props.title && (React__default.createElement(Text, { size: "48", fontSize: "18", fontWeight: "600" }, this.props.title)),
+        return (React__default.createElement(FlexRow, { padding: this.props.padding || '24', size: null, vPadding: "36", borderBottom: this.props.borderBottom, cx: [css$_.root, css$_.modalHeader, this.props.cx], columnGap: "12", rawProps: this.props.rawProps },
+            this.props.title && (React__default.createElement("div", { className: cx('uui-modal-title', 'uui-typography') }, this.props.title)),
             this.props.children,
             this.props.onClose && React__default.createElement(FlexSpacer, null),
             this.props.onClose && (React__default.createElement(FlexCell, { shrink: 0, width: "auto" },
-                React__default.createElement(IconButton, { rawProps: { 'aria-label': 'Close modal' }, icon: ForwardRef$Q, onClick: this.props.onClose })))));
+                React__default.createElement(IconButton, { rawProps: { 'aria-label': 'Close modal' }, icon: ForwardRef$R, onClick: this.props.onClose })))));
     }
 }
 class ModalFooter extends React__default.Component {
     render() {
         return (React__default.createElement(FlexRow, { columnGap: this.props.columnGap || '12', cx: [
-                css$X.root,
-                css$X.modalFooter,
+                css$_.root,
+                css$_.modalFooter,
                 this.props.cx,
             ], borderTop: this.props.borderTop, padding: this.props.padding || '24', vPadding: this.props.vPadding || '24', rawProps: this.props.rawProps }, this.props.children));
     }
@@ -1693,22 +1645,22 @@ const TREE_SHAKEABLE_INIT = () => (Object.assign(Object.assign({}, i18n$1), { da
     } }));
 const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
 
-var _path$t;
-function _extends$t() { _extends$t = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$t.apply(this, arguments); }
+var _path$u;
+function _extends$u() { _extends$u = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$u.apply(this, arguments); }
 var SvgNotificationHelpFill = function SvgNotificationHelpFill(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$t({
+  return /*#__PURE__*/React.createElement("svg", _extends$u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$t || (_path$t = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$u || (_path$u = /*#__PURE__*/React.createElement("path", {
     d: "M11.95 18c.35 0 .646-.121.888-.363.241-.241.362-.537.362-.887s-.12-.646-.362-.887a1.208 1.208 0 0 0-.888-.363c-.35 0-.646.121-.888.363a1.206 1.206 0 0 0-.362.887c0 .35.12.646.362.887.242.242.538.363.888.363zm-.9-3.85h1.85c0-.55.063-.983.188-1.3.125-.317.479-.75 1.062-1.3a7.483 7.483 0 0 0 1.025-1.238c.25-.391.375-.862.375-1.412 0-.933-.342-1.65-1.025-2.15-.683-.5-1.492-.75-2.425-.75-.95 0-1.72.25-2.312.75-.592.5-1.005 1.1-1.238 1.8l1.65.65c.083-.3.271-.625.563-.975.291-.35.737-.525 1.337-.525.533 0 .933.146 1.2.437.267.292.4.613.4.963 0 .333-.1.646-.3.937-.2.292-.45.563-.75.813-.733.65-1.183 1.142-1.35 1.475-.167.333-.25.942-.25 1.825zM12 22a9.733 9.733 0 0 1-3.9-.788 10.092 10.092 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.733 9.733 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.092 10.092 0 0 1 2.137-3.175c.9-.9 1.958-1.613 3.175-2.138A9.743 9.743 0 0 1 12 2a9.74 9.74 0 0 1 3.9.787 10.105 10.105 0 0 1 3.175 2.138c.9.9 1.612 1.958 2.137 3.175A9.733 9.733 0 0 1 22 12a9.733 9.733 0 0 1-.788 3.9 10.092 10.092 0 0 1-2.137 3.175c-.9.9-1.958 1.612-3.175 2.137A9.733 9.733 0 0 1 12 22z"
   })));
 };
-var ForwardRef$t = /*#__PURE__*/forwardRef(SvgNotificationHelpFill);
+var ForwardRef$u = /*#__PURE__*/forwardRef(SvgNotificationHelpFill);
 
-var css$W = {"uui-typography":"fiSzEP","hero-header":"b-7EnG","promo-header":"_3o9UvH","uui-critical":"_9W85ak","uui-info":"H7N0FX","uui-success":"dNV-ac","uui-warning":"XpHNML","uui-highlight":"OGLcEr","uui-typography-size-12":"SsJR0D","uui-typography-size-14":"IQXIwQ","uui-typography-size-16":"Z-v7Zl","root":"HyNzQQ","icon-wrapper":"HkWs2F","action-wrapper":"bNdDXi","action-link":"ZOCvhS","close-icon":"VSIGDm","main-path":"ppOsMQ","content":"YDCnJt","close-wrapper":"_6tlMcC","notification-wrapper":"cDcp-V","clear-button":"O0082R","uuiTypography":"fiSzEP","heroHeader":"b-7EnG","promoHeader":"_3o9UvH","uuiCritical":"_9W85ak","uuiInfo":"H7N0FX","uuiSuccess":"dNV-ac","uuiWarning":"XpHNML","uuiHighlight":"OGLcEr","uuiTypographySize12":"SsJR0D","uuiTypographySize14":"IQXIwQ","uuiTypographySize16":"Z-v7Zl","iconWrapper":"HkWs2F","actionWrapper":"bNdDXi","actionLink":"ZOCvhS","closeIcon":"VSIGDm","mainPath":"ppOsMQ","closeWrapper":"_6tlMcC","notificationWrapper":"cDcp-V","clearButton":"O0082R"};
+var css$Z = {"uui-typography":"BJT4Ga","uuiTypography":"BJT4Ga","hero-header":"onxFU4","heroHeader":"onxFU4","promo-header":"G2R4Ye","promoHeader":"G2R4Ye","uui-critical":"XSCgTG","uuiCritical":"XSCgTG","uui-info":"fY8wTf","uuiInfo":"fY8wTf","uui-success":"-Lx0i7","uuiSuccess":"-Lx0i7","uui-warning":"liVTsM","uuiWarning":"liVTsM","uui-highlight":"b7spcI","uuiHighlight":"b7spcI","uui-typography-size-12":"jqihgi","uuiTypographySize12":"jqihgi","uui-typography-size-14":"-S1ZPY","uuiTypographySize14":"-S1ZPY","uui-typography-size-16":"iehGRS","uuiTypographySize16":"iehGRS","root":"cQjQsj","icon-wrapper":"SgADQu","iconWrapper":"SgADQu","action-wrapper":"CgejM8","actionWrapper":"CgejM8","action-link":"_68L8Kf","actionLink":"_68L8Kf","close-icon":"RFYjNa","closeIcon":"RFYjNa","main-path":"_1BtyvV","mainPath":"_1BtyvV","content":"G3C2zJ","close-wrapper":"VqzVi-","closeWrapper":"VqzVi-","notification-wrapper":"CNKzL9","notificationWrapper":"CNKzL9","clear-button":"-W8dut","clearButton":"-W8dut"};
 
 const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const notificationCardNode = React__default.useRef(null);
@@ -1723,27 +1675,27 @@ const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) =
             (_b = notificationCardNode.current) === null || _b === void 0 ? void 0 : _b.removeEventListener('mouseleave', props.refreshTimer);
         };
     }, []);
-    return (React__default.createElement("div", Object.assign({ role: "alert", className: cx('uui-notification_card', props.color && `uui-color-${props.color}`, css$W.root, props.cx), ref: notificationCardNode }, props.rawProps),
-        React__default.createElement("div", { className: css$W.mainPath },
-            props.icon && (React__default.createElement("div", { className: css$W.iconWrapper },
+    return (React__default.createElement("div", Object.assign({ role: "alert", className: cx('uui-notification_card', props.color && `uui-color-${props.color}`, css$Z.root, props.cx), ref: notificationCardNode }, props.rawProps),
+        React__default.createElement("div", { className: css$Z.mainPath },
+            props.icon && (React__default.createElement("div", { className: css$Z.iconWrapper },
                 React__default.createElement(IconContainer, { size: 24, icon: props.icon }))),
-            React__default.createElement("div", { className: css$W.content },
+            React__default.createElement("div", { className: css$Z.content },
                 props.children,
-                props.actions && (React__default.createElement("div", { className: css$W.actionWrapper }, props.actions.map((action) => (React__default.createElement(LinkButton, { caption: action.name, onClick: action.action, key: action.name, cx: css$W.actionLink, size: "36", rawProps: action.rawProps })))))),
-            props.onClose && (React__default.createElement("div", { className: css$W.closeWrapper },
-                React__default.createElement(IconButton, { icon: ForwardRef$Q, color: "neutral", onClick: props.onClose, cx: css$W.closeIcon }))))));
+                props.actions && (React__default.createElement("div", { className: css$Z.actionWrapper }, props.actions.map((action) => (React__default.createElement(LinkButton, { caption: action.name, onClick: action.action, key: action.name, cx: css$Z.actionLink, size: "36", rawProps: action.rawProps })))))),
+            props.onClose && (React__default.createElement("div", { className: css$Z.closeWrapper },
+                React__default.createElement(IconButton, { icon: ForwardRef$R, color: "neutral", onClick: props.onClose, cx: css$Z.closeIcon }))))));
 });
-const WarningNotification = /* @__PURE__ */React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$y, color: "warning" }, props, { ref: ref, cx: props.cx }))));
-const SuccessNotification = /* @__PURE__ */React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$z, color: "success" }, props, { ref: ref, cx: props.cx }))));
-const HintNotification = /* @__PURE__ */React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$t, color: "info" }, props, { ref: ref, cx: props.cx }))));
-const ErrorNotification = /* @__PURE__ */React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$x, color: "error" }, props, { ref: ref, cx: props.cx }))));
+const WarningNotification = /* @__PURE__ */React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$z, color: "warning" }, props, { ref: ref, cx: props.cx }))));
+const SuccessNotification = /* @__PURE__ */React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$A, color: "success" }, props, { ref: ref, cx: props.cx }))));
+const HintNotification = /* @__PURE__ */React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$u, color: "info" }, props, { ref: ref, cx: props.cx }))));
+const ErrorNotification = /* @__PURE__ */React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$y, color: "error" }, props, { ref: ref, cx: props.cx }))));
 function ClearNotification() {
     const uuiCtx = useUuiContext();
-    return (React__default.createElement("div", { className: cx(css$W.notificationWrapper, css$W.clearButton) },
+    return (React__default.createElement("div", { className: cx(css$Z.notificationWrapper, css$Z.clearButton) },
         React__default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
 }
 
-var css$V = {"footer":"IRis2-"};
+var css$Y = {"footer":"ZiE-I1"};
 
 class ConfirmationModal extends React.Component {
     render() {
@@ -1755,7 +1707,7 @@ class ConfirmationModal extends React.Component {
             React.createElement(ModalWindow, { width: 420 },
                 React.createElement(ModalHeader, { borderBottom: true, title: this.props.caption, onClose: () => this.props.abort() }),
                 React.createElement(ScrollBars, null, bodyContent),
-                React.createElement(ModalFooter, { cx: css$V.footer },
+                React.createElement(ModalFooter, { cx: css$Y.footer },
                     this.props.hideCancelButton || (React.createElement(Button, { caption: i18n.form.modals.discardButton, onClick: () => this.props.success(false), fill: "outline", color: "secondary" })),
                     React.createElement(Button, { caption: i18n.form.modals.saveButton, onClick: () => this.props.success(true), color: "primary" })))));
     }
@@ -1785,7 +1737,7 @@ function useReliableForceUpdate() {
     return red[1];
 }
 
-var css$U = {"root":"_22Lufq","timepicker-input":"AbFVb3","ltr-always":"_1JPIuw","timepickerInput":"AbFVb3","ltrAlways":"_1JPIuw"};
+var css$X = {"root":"_8lNo6Q","timepicker-input":"hGynS5","timepickerInput":"hGynS5","ltr-always":"EaNOsO","ltrAlways":"EaNOsO"};
 
 const uuiTimePicker = {
     container: 'uui-timepicker-container',
@@ -1824,23 +1776,23 @@ function TimePickerBody(props) {
         const minutesToSubtract = value.minute() % minutesStep === 0 ? minutesStep : value.minute() % minutesStep;
         onMinutesChange(value.subtract(minutesToSubtract, 'm').minute());
     };
-    return (React.createElement("div", Object.assign({ className: cx$1(css$U.root, uuiTimePicker.container, props.cx), ref: props.forwardedRef }, props.rawProps),
-        React.createElement("div", { className: css$U.ltrAlways },
+    return (React.createElement("div", Object.assign({ className: cx$1(css$X.root, uuiTimePicker.container, props.cx), ref: props.forwardedRef }, props.rawProps),
+        React.createElement("div", { className: css$X.ltrAlways },
             React.createElement("div", { className: uuiTimePicker.elementContainer },
-                React.createElement(IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment hours' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: () => onHoursChange(uuiDayjs.dayjs().set(props.value).add(1, 'h').hour()) }),
+                React.createElement(IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment hours' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$Q, onClick: () => onHoursChange(uuiDayjs.dayjs().set(props.value).add(1, 'h').hour()) }),
                 React.createElement(NumericInput$1, { cx: uuiTimePicker.input, onValueChange: onHoursChange, value: +(uuiDayjs.dayjs()
                         .set(props.value)
                         .format(MAX_HOURS === FORMAT_12H ? 'hh' : 'HH')), min: MIN_HOURS, max: MAX_HOURS }),
-                React.createElement(IconContainer, { size: 18, rawProps: { 'aria-label': 'Decrement hours' }, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: () => onHoursChange(uuiDayjs.dayjs().set(props.value).subtract(1, 'h').hour()) })),
+                React.createElement(IconContainer, { size: 18, rawProps: { 'aria-label': 'Decrement hours' }, cx: uuiTimePicker.iconDown, icon: ForwardRef$Q, onClick: () => onHoursChange(uuiDayjs.dayjs().set(props.value).subtract(1, 'h').hour()) })),
             React.createElement("div", { className: uuiTimePicker.elementContainer },
-                React.createElement(IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment minutes' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: handleMinutesUpClick }),
+                React.createElement(IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment minutes' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$Q, onClick: handleMinutesUpClick }),
                 React.createElement(NumericInput$1, { cx: uuiTimePicker.input, onValueChange: onMinutesChange, value: +uuiDayjs.dayjs().set(props.value).format('m'), min: MIN_MINUTES, max: MAX_MINUTES }),
-                React.createElement(IconContainer, { size: 18, rawProps: { 'aria-label': 'Decrement minutes' }, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: handleMinutesDownClick }))),
+                React.createElement(IconContainer, { size: 18, rawProps: { 'aria-label': 'Decrement minutes' }, cx: uuiTimePicker.iconDown, icon: ForwardRef$Q, onClick: handleMinutesDownClick }))),
         MAX_HOURS === FORMAT_12H && (React.createElement("div", { className: uuiTimePicker.elementContainer },
-            React.createElement(IconContainer, { size: 18, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: onTimeTypeChange }),
+            React.createElement(IconContainer, { size: 18, cx: uuiTimePicker.iconUp, icon: ForwardRef$Q, onClick: onTimeTypeChange }),
             React.createElement(TextInput$1, { cx: uuiTimePicker.input, onValueChange: () => {
                 }, isReadonly: true, value: uuiDayjs.dayjs().set(props.value).format('A') }),
-            React.createElement(IconContainer, { size: 18, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: onTimeTypeChange })))));
+            React.createElement(IconContainer, { size: 18, cx: uuiTimePicker.iconDown, icon: ForwardRef$Q, onClick: onTimeTypeChange })))));
 }
 
 const getMeridian = (newValue, format) => {
@@ -1967,7 +1919,7 @@ function TimePicker(props) {
     };
     const renderInput = (inputProps) => {
         var _a;
-        return (React__default.createElement(TextInput, Object.assign({}, inputProps, { onClick: null, size: props.size || '36', isDisabled: props.isDisabled, isReadonly: props.isReadonly, isInvalid: props.isInvalid, cx: [css$U.root, css$U.timepickerInput, props.inputCx], value: state.inputValue, onValueChange: handleInputChange, onCancel: !props.disableClear && onClear, onFocus: handleFocus, onBlur: handleBlur, isDropdown: false, placeholder: props.placeholder ? props.placeholder : getFormat(), mode: props.mode || DEFAULT_MODE, rawProps: (_a = props.rawProps) === null || _a === void 0 ? void 0 : _a.input })));
+        return (React__default.createElement(TextInput, Object.assign({}, inputProps, { onClick: null, size: props.size || '36', isDisabled: props.isDisabled, isReadonly: props.isReadonly, isInvalid: props.isInvalid, cx: [css$X.root, css$X.timepickerInput, props.inputCx], value: state.inputValue, onValueChange: handleInputChange, onCancel: !props.disableClear && onClear, onFocus: handleFocus, onBlur: handleBlur, isDropdown: false, placeholder: props.placeholder ? props.placeholder : getFormat(), mode: props.mode || DEFAULT_MODE, rawProps: (_a = props.rawProps) === null || _a === void 0 ? void 0 : _a.input })));
     };
     const renderBody = (bodyProps) => {
         var _a;
@@ -1978,22 +1930,52 @@ function TimePicker(props) {
     return (React__default.createElement(Dropdown, { renderTarget: (targetProps) => (props.renderTarget ? props.renderTarget(targetProps) : renderInput(targetProps)), renderBody: (bodyProps) => !props.isDisabled && !props.isReadonly && renderBody(bodyProps), onValueChange: !props.isDisabled && !props.isReadonly ? onToggle : null, value: state.isOpen, modifiers: [{ name: 'offset', options: { offset: [0, 6] } }], forwardedRef: props.forwardedRef }));
 }
 
-var css$T = {"root":"l96E5w"};
+var css$W = {"root":"_--uM47"};
 
 function applyInputAddonMods() {
     return [
-        css$T.root,
+        css$W.root,
     ];
 }
 const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
 
-var css$S = {"root":"toGbIQ"};
+var css$V = {"root":"aKGPxT"};
 
 function applySliderMods() {
-    return [css$S.root, 'uui-color-neutral'];
+    return [css$V.root, 'uui-color-neutral'];
 }
 const Slider = /* @__PURE__ */withMods(Slider$1, applySliderMods);
 
+var _path$t;
+function _extends$t() { _extends$t = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$t.apply(this, arguments); }
+var SvgStarFilled = function SvgStarFilled(props, ref) {
+  return /*#__PURE__*/React.createElement("svg", _extends$t({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    ref: ref
+  }, props), _path$t || (_path$t = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M8.917 8.268 12.01 2l3.093 6.268 6.917 1.005-5.005 4.878 1.182 6.889-6.187-3.252-6.186 3.252 1.181-6.889L2 9.273z"
+  })));
+};
+var ForwardRef$t = /*#__PURE__*/forwardRef(SvgStarFilled);
+
+var css$U = {"root":"Sgbu2C","tooltip":"Nit79W"};
+
+function applyRatingMods(mods) {
+    return [
+        css$U.root,
+        `uui-size-${mods.size || settings.sizes.defaults.rating}`,
+    ];
+}
+const Rating = /* @__PURE__ */withMods(uuiComponents.Rating, applyRatingMods, (props) => ({
+    filledStarIcon: props.icon || ForwardRef$t,
+    emptyStarIcon: props.icon || ForwardRef$t,
+    Tooltip,
+}));
+
 const defaultFormat = 'MMM D, YYYY';
 const valueFormat = 'YYYY-MM-DD';
 const supportedDateFormats = (format) => {
@@ -2122,7 +2104,7 @@ const getNextYearsList = (currentDate) => {
     return currentDate.add(16, 'year');
 };
 
-var css$R = {"root":"hKy-iY","container":"_9En3Xw"};
+var css$T = {"root":"szxv-D","container":"w2rfmQ"};
 
 const uuiHeader = {
     container: 'uui-datepicker-header-container',
@@ -2199,21 +2181,21 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
     }, [view, month]);
     const disablePrev = view === 'YEAR_SELECTION' && !isYearWithinSoberRange(getPrevYearsList(month));
     const disableNext = view === 'YEAR_SELECTION' && !isYearWithinSoberRange(getNextYearsList(month));
-    return (React.createElement("div", { className: cx(css$R.root, uuiHeader.container, cx) },
+    return (React.createElement("div", { className: cx(css$T.root, uuiHeader.container, cx) },
         React.createElement("header", { className: uuiHeader.headerNav },
-            React.createElement(Button, { icon: navIconLeft || ForwardRef$v, color: "secondary", fill: "ghost", cx: uuiHeader.navIconLeft, onClick: !isDisabled && (() => onLeftNavigationArrow()), isDisabled: disablePrev }),
+            React.createElement(Button, { icon: navIconLeft || ForwardRef$w, color: "secondary", fill: "ghost", cx: uuiHeader.navIconLeft, onClick: !isDisabled && (() => onLeftNavigationArrow()), isDisabled: disablePrev }),
             React.createElement(Button, { caption: title, fill: "ghost", cx: uuiHeader.navTitle, onClick: !isDisabled && (() => onCaptionClick(view)) }),
-            React.createElement(Button, { icon: navIconRight || ForwardRef$u, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
+            React.createElement(Button, { icon: navIconRight || ForwardRef$v, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
 }
 
-var css$Q = {"uui-typography":"GaJhvH","hero-header":"Sq-Cdg","promo-header":"OTNaDP","uui-critical":"qj-5VR","uui-info":"o3YUYb","uui-success":"l-yI8z","uui-warning":"HvU3Ot","uui-highlight":"OL5EQ0","uui-typography-size-12":"bWvWmn","uui-typography-size-14":"gHowu7","uui-typography-size-16":"dtR99S","root":"QsoJx-","uuiTypography":"GaJhvH","heroHeader":"Sq-Cdg","promoHeader":"OTNaDP","uuiCritical":"qj-5VR","uuiInfo":"o3YUYb","uuiSuccess":"l-yI8z","uuiWarning":"HvU3Ot","uuiHighlight":"OL5EQ0","uuiTypographySize12":"bWvWmn","uuiTypographySize14":"gHowu7","uuiTypographySize16":"dtR99S"};
+var css$S = {"uui-typography":"yVjM1c","uuiTypography":"yVjM1c","hero-header":"umDTgw","heroHeader":"umDTgw","promo-header":"qaZfMT","promoHeader":"qaZfMT","uui-critical":"K-znIq","uuiCritical":"K-znIq","uui-info":"mQAywT","uuiInfo":"mQAywT","uui-success":"Nok88N","uuiSuccess":"Nok88N","uui-warning":"XDsTjB","uuiWarning":"XDsTjB","uui-highlight":"Y0RpfP","uuiHighlight":"Y0RpfP","uui-typography-size-12":"Bl9vR9","uuiTypographySize12":"Bl9vR9","uui-typography-size-14":"iEZedx","uuiTypographySize14":"iEZedx","uui-typography-size-16":"oYGwMX","uuiTypographySize16":"oYGwMX","root":"VMH1iG"};
 
 function applyDateSelectionMods() {
-    return [css$Q.root, `uui-size-${settings.sizes.defaults.datePicker}`];
+    return [css$S.root, `uui-size-${settings.sizes.defaults.datePicker}`];
 }
 const Calendar = /* @__PURE__ */withMods(Calendar$1, applyDateSelectionMods);
 
-var css$P = {"uui-typography":"U8EvMd","hero-header":"Q5T9VS","promo-header":"p8Q8f-","uui-critical":"xP5rpa","uui-info":"_3Ttw6v","uui-success":"ahITJd","uui-warning":"EWwf55","uui-highlight":"C-8PLv","uui-typography-size-12":"OjkiiU","uui-typography-size-14":"_0icHHo","uui-typography-size-16":"sfoU5K","root":"iwruQV","uuiTypography":"U8EvMd","heroHeader":"Q5T9VS","promoHeader":"p8Q8f-","uuiCritical":"xP5rpa","uuiInfo":"_3Ttw6v","uuiSuccess":"ahITJd","uuiWarning":"EWwf55","uuiHighlight":"C-8PLv","uuiTypographySize12":"OjkiiU","uuiTypographySize14":"_0icHHo","uuiTypographySize16":"sfoU5K"};
+var css$R = {"uui-typography":"aUSsNZ","uuiTypography":"aUSsNZ","hero-header":"_-17Yio","heroHeader":"_-17Yio","promo-header":"mMyfG7","promoHeader":"mMyfG7","uui-critical":"KsbagP","uuiCritical":"KsbagP","uui-info":"JygviN","uuiInfo":"JygviN","uui-success":"Bhw6jZ","uuiSuccess":"Bhw6jZ","uui-warning":"DnWG8j","uuiWarning":"DnWG8j","uui-highlight":"HyXau-","uuiHighlight":"HyXau-","uui-typography-size-12":"IQaP8B","uuiTypographySize12":"IQaP8B","uui-typography-size-14":"Arx3eF","uuiTypographySize14":"Arx3eF","uui-typography-size-16":"rk-h79","uuiTypographySize16":"rk-h79","root":"LTObrm"};
 
 const uuiDatePickerBody = {
     wrapper: 'uui-datepicker-body-wrapper',
@@ -2257,7 +2239,7 @@ function StatelessDatePickerBodyComp({ renderDay, isHoliday, cx: classes, filter
         }
     };
     return (React__default.createElement("div", Object.assign({ ref: ref, className: cx$1(uuiDatePickerBodyBase.container, `uui-size-${settings.sizes.defaults.datePicker}`, classes) }, rawProps),
-        React__default.createElement("div", { className: cx$1(css$P.root, uuiDatePickerBody.wrapper) },
+        React__default.createElement("div", { className: cx$1(css$R.root, uuiDatePickerBody.wrapper) },
             React__default.createElement(DatePickerHeader, { value: {
                     view,
                     month,
@@ -2344,9 +2326,9 @@ function DatePickerComponent(props, ref) {
 }
 const DatePicker = /* @__PURE__ */React__default.forwardRef(DatePickerComponent);
 
-var css$O = {"uui-typography":"_7NYQYQ","hero-header":"Ggs5uz","promo-header":"rOzgDu","uui-critical":"_5L2Vpl","uui-info":"Ssk9pU","uui-success":"Rzq0pU","uui-warning":"N7VvxA","uui-highlight":"oPJmQG","uui-typography-size-12":"txVSGG","uui-typography-size-14":"UDSgfU","uui-typography-size-16":"yB2prB","date-input":"bbLvIz","root":"oA94Ku","separator":"QArlh7","mode-form":"u4-aGl","mode-cell":"_3SsGVy","uuiTypography":"_7NYQYQ","heroHeader":"Ggs5uz","promoHeader":"rOzgDu","uuiCritical":"_5L2Vpl","uuiInfo":"Ssk9pU","uuiSuccess":"Rzq0pU","uuiWarning":"N7VvxA","uuiHighlight":"oPJmQG","uuiTypographySize12":"txVSGG","uuiTypographySize14":"UDSgfU","uuiTypographySize16":"yB2prB","dateInput":"bbLvIz","modeForm":"u4-aGl","modeCell":"_3SsGVy"};
+var css$Q = {"uui-typography":"-R4ukp","uuiTypography":"-R4ukp","hero-header":"P3f4SQ","heroHeader":"P3f4SQ","promo-header":"iq-Wcj","promoHeader":"iq-Wcj","uui-critical":"NXynpn","uuiCritical":"NXynpn","uui-info":"CktR8i","uuiInfo":"CktR8i","uui-success":"-IyCeS","uuiSuccess":"-IyCeS","uui-warning":"_5w7ozd","uuiWarning":"_5w7ozd","uui-highlight":"s-AL30","uuiHighlight":"s-AL30","uui-typography-size-12":"JdLIiv","uuiTypographySize12":"JdLIiv","uui-typography-size-14":"szhirX","uuiTypographySize14":"szhirX","uui-typography-size-16":"_6G65Do","uuiTypographySize16":"_6G65Do","date-input":"LfUiBl","dateInput":"LfUiBl","root":"bToO6r","separator":"h9hza2","mode-form":"_17FaqQ","modeForm":"_17FaqQ","mode-cell":"_1New-i","modeCell":"_1New-i"};
 
-const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, id, cx: classes, }, ref) => {
+const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, onKeyDown, id, cx: classes, }, ref) => {
     const [inputValue, setInputValue] = useState(toCustomDateRangeFormat(value, format));
     useEffect(() => {
         setInputValue(toCustomDateRangeFormat(value, format));
@@ -2376,15 +2358,17 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
         }
     };
     const clearAllowed = !disableClear && inputValue.from && inputValue.to;
-    return (React__default.createElement("div", { ref: ref, className: cx$1(`uui-size-${size || settings.sizes.defaults.rangeDatePicker}`, 'uui-range-date-picker', classes, css$O.root, isDisabled && uuiMod.disabled, isReadonly && uuiMod.readonly, isInvalid && uuiMod.invalid, inFocus && uuiMod.focus) },
-        React__default.createElement(TextInput, { icon: systemIcons.calendar, cx: cx$1(css$O.dateInput, inFocus === 'from' && uuiMod.focus), size: size || settings.sizes.defaults.rangeDatePicker, placeholder: getPlaceholder ? getPlaceholder('from') : i18n.rangeDatePicker.pickerPlaceholderFrom, value: inputValue.from || undefined, onValueChange: (v) => onInputChange(v || '', 'from'), onFocus: (event) => handleFocus(event, 'from'), onBlur: (event) => handleBlur(event, 'from'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps === null || rawProps === void 0 ? void 0 : rawProps.from, onClick: onClick, onKeyDown: onInputKeyDown, id: id }),
-        React__default.createElement("div", { className: css$O.separator }),
-        React__default.createElement(TextInput, { cx: cx$1(css$O.dateInput, inFocus === 'to' && uuiMod.focus), placeholder: getPlaceholder ? getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: size || settings.sizes.defaults.rangeDatePicker, value: inputValue.to || undefined, onCancel: clearAllowed ? () => {
+    return (
+    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+    React__default.createElement("div", { ref: ref, className: cx$1(`uui-size-${size || settings.sizes.defaults.rangeDatePicker}`, 'uui-range-date-picker', classes, css$Q.root, isDisabled && uuiMod.disabled, isReadonly && uuiMod.readonly, isInvalid && uuiMod.invalid, inFocus && uuiMod.focus), onKeyDown: onKeyDown },
+        React__default.createElement(TextInput, { icon: systemIcons.calendar, cx: cx$1(css$Q.dateInput, inFocus === 'from' && uuiMod.focus), size: size || settings.sizes.defaults.rangeDatePicker, placeholder: getPlaceholder ? getPlaceholder('from') : i18n.rangeDatePicker.pickerPlaceholderFrom, value: inputValue.from || undefined, onValueChange: (v) => onInputChange(v || '', 'from'), onFocus: (event) => handleFocus(event, 'from'), onBlur: (event) => handleBlur(event, 'from'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps === null || rawProps === void 0 ? void 0 : rawProps.from, onClick: onClick, onKeyDown: onInputKeyDown, id: id }),
+        React__default.createElement("div", { className: css$Q.separator }),
+        React__default.createElement(TextInput, { cx: cx$1(css$Q.dateInput, inFocus === 'to' && uuiMod.focus), placeholder: getPlaceholder ? getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: size || settings.sizes.defaults.rangeDatePicker, value: inputValue.to || undefined, onCancel: clearAllowed ? () => {
                 onValueChange(defaultRangeValue);
             } : undefined, onValueChange: (v) => onInputChange(v || '', 'to'), onFocus: (e) => handleFocus(e, 'to'), onBlur: (e) => handleBlur(e, 'to'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps === null || rawProps === void 0 ? void 0 : rawProps.to, onClick: onClick, onKeyDown: onInputKeyDown })));
 });
 
-var css$N = {"uui-typography":"_8Gwgoj","hero-header":"_2ju2ec","promo-header":"_0-yDie","uui-critical":"YajF9j","uui-info":"DGwfQG","uui-success":"_12iE7a","uui-warning":"H8TLrO","uui-highlight":"rxFkDr","uui-typography-size-12":"GiwzMC","uui-typography-size-14":"_83MAGN","uui-typography-size-16":"_8HBhpe","root":"rS3uvJ","uuiTypography":"_8Gwgoj","heroHeader":"_2ju2ec","promoHeader":"_0-yDie","uuiCritical":"YajF9j","uuiInfo":"DGwfQG","uuiSuccess":"_12iE7a","uuiWarning":"H8TLrO","uuiHighlight":"rxFkDr","uuiTypographySize12":"GiwzMC","uuiTypographySize14":"_83MAGN","uuiTypographySize16":"_8HBhpe"};
+var css$P = {"uui-typography":"PQrlUZ","uuiTypography":"PQrlUZ","hero-header":"_-7iuND","heroHeader":"_-7iuND","promo-header":"r2b1AK","promoHeader":"r2b1AK","uui-critical":"yy048r","uuiCritical":"yy048r","uui-info":"cydC7a","uuiInfo":"cydC7a","uui-success":"j5OTwp","uuiSuccess":"j5OTwp","uui-warning":"HgOcoC","uuiWarning":"HgOcoC","uui-highlight":"tm4F0W","uuiHighlight":"tm4F0W","uui-typography-size-12":"FNz65V","uuiTypographySize12":"FNz65V","uui-typography-size-14":"x40xv8","uuiTypographySize14":"x40xv8","uui-typography-size-16":"_9qo9Lj","uuiTypographySize16":"_9qo9Lj","root":"CMjgXr"};
 
 const uuiPresets = {
     container: 'uui-presets-container',
@@ -2395,12 +2379,12 @@ const getPresets = (presets) => {
     return Object.keys(presets).map((key) => (Object.assign(Object.assign({}, presets[key].getRange()), { name: presets[key].name, key }))).sort((a, b) => a.order - b.order);
 };
 function CalendarPresets(props) {
-    return (React.createElement("div", Object.assign({ ref: props.forwardedRef, className: cx$1(uuiPresets.container, css$N.root, props.cx) }, props.rawProps),
+    return (React.createElement("div", Object.assign({ ref: props.forwardedRef, className: cx$1(uuiPresets.container, css$P.root, props.cx) }, props.rawProps),
         React.createElement("div", { className: uuiPresets.header }, "Presets"),
         getPresets(props.presets).map((item) => (React.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: "24" })))));
 }
 
-var css$M = {"uui-typography":"fnYhbq","hero-header":"GlarDY","promo-header":"gaKEU-","uui-critical":"_3QrbDV","uui-info":"U4vFH0","uui-success":"RB2E3L","uui-warning":"fmM6b6","uui-highlight":"Bkj9GD","uui-typography-size-12":"TP-d88","uui-typography-size-14":"JLfyZB","uui-typography-size-16":"Db8Xpm","root":"_7dqGWJ","container":"ruFLtD","day-selection":"_6BIyKj","from-picker":"zAaAl9","to-picker":"iibx7s","bodes-wrapper":"FL8UYH","blocker":"PcXgSl","uuiTypography":"fnYhbq","heroHeader":"GlarDY","promoHeader":"gaKEU-","uuiCritical":"_3QrbDV","uuiInfo":"U4vFH0","uuiSuccess":"RB2E3L","uuiWarning":"fmM6b6","uuiHighlight":"Bkj9GD","uuiTypographySize12":"TP-d88","uuiTypographySize14":"JLfyZB","uuiTypographySize16":"Db8Xpm","daySelection":"_6BIyKj","fromPicker":"zAaAl9","toPicker":"iibx7s","bodesWrapper":"FL8UYH"};
+var css$O = {"uui-typography":"eiBmCW","uuiTypography":"eiBmCW","hero-header":"piyQax","heroHeader":"piyQax","promo-header":"q1t5dU","promoHeader":"q1t5dU","uui-critical":"md7arB","uuiCritical":"md7arB","uui-info":"_0-d-op","uuiInfo":"_0-d-op","uui-success":"xHWylb","uuiSuccess":"xHWylb","uui-warning":"kCXS3M","uuiWarning":"kCXS3M","uui-highlight":"mndSAg","uuiHighlight":"mndSAg","uui-typography-size-12":"C2-pYU","uuiTypographySize12":"C2-pYU","uui-typography-size-14":"EPSjnu","uuiTypographySize14":"EPSjnu","uui-typography-size-16":"Lf-uR2","uuiTypographySize16":"Lf-uR2","root":"U2JA-f","container":"rNGuSL","day-selection":"_4ix4HF","daySelection":"_4ix4HF","from-picker":"_4K1OeW","fromPicker":"_4K1OeW","to-picker":"v8pPq4","toPicker":"v8pPq4","bodes-wrapper":"nIDU0y","bodesWrapper":"nIDU0y","blocker":"K536mM"};
 
 const uuiRangeDatePickerBody = {
     inRange: 'uui-range-datepicker-in-range',
@@ -2541,21 +2525,21 @@ function RangeDatePickerBodyComp(props, ref) {
                     });
                 }, presets: presets })));
     };
-    return (React__default.createElement("div", Object.assign({ ref: ref, className: cx$1(css$M.root, uuiDatePickerBodyBase.container, props.cx) }, props.rawProps),
-        React__default.createElement(FlexRow, { cx: [view === 'DAY_SELECTION' && css$M.daySelection, css$M.container], alignItems: "top" },
+    return (React__default.createElement("div", Object.assign({ ref: ref, className: cx$1(css$O.root, uuiDatePickerBodyBase.container, props.cx) }, props.rawProps),
+        React__default.createElement(FlexRow, { cx: [view === 'DAY_SELECTION' && css$O.daySelection, css$O.container], alignItems: "top" },
             React__default.createElement(FlexCell, { width: "auto" },
                 React__default.createElement(FlexRow, null,
-                    React__default.createElement(FlexRow, { cx: css$M.bodesWrapper, alignItems: "top" },
-                        React__default.createElement(StatelessDatePickerBody, Object.assign({ key: "date-picker-body-left", cx: cx$1(css$M.fromPicker) }, from, { onValueChange: (v) => onBodyValueChange(v, 'from'), onMonthChange: (m) => {
+                    React__default.createElement(FlexRow, { cx: css$O.bodesWrapper, alignItems: "top" },
+                        React__default.createElement(StatelessDatePickerBody, Object.assign({ key: "date-picker-body-left", cx: cx$1(css$O.fromPicker) }, from, { onValueChange: (v) => onBodyValueChange(v, 'from'), onMonthChange: (m) => {
                                 setMonth(m);
                             }, onViewChange: (v) => setView(v), filter: props.filter, isHoliday: props.isHoliday, renderDay: props.renderDay || renderDay, isDisabled: view !== 'DAY_SELECTION' && activeMonth === 'to' })),
-                        React__default.createElement(StatelessDatePickerBody, Object.assign({ key: "date-picker-body-right", cx: cx$1(css$M.toPicker) }, to, { onValueChange: (v) => onBodyValueChange(v, 'to'), onMonthChange: (m) => {
+                        React__default.createElement(StatelessDatePickerBody, Object.assign({ key: "date-picker-body-right", cx: cx$1(css$O.toPicker) }, to, { onValueChange: (v) => onBodyValueChange(v, 'to'), onMonthChange: (m) => {
                                 setMonth(m.subtract(1, 'month'));
                             }, onViewChange: (v) => setView(v), filter: props.filter, renderDay: props.renderDay || renderDay, isHoliday: props.isHoliday, isDisabled: view !== 'DAY_SELECTION' && activeMonth === 'from' })),
                         view !== 'DAY_SELECTION' && (React__default.createElement("div", { style: {
                                 left: activeMonth === 'from' ? '50%' : undefined,
                                 right: activeMonth === 'to' ? '50%' : undefined,
-                            }, className: css$M.blocker }))),
+                            }, className: css$O.blocker }))),
                     props.presets && renderPresets(props.presets)),
                 props.renderFooter && props.renderFooter()))));
 }
@@ -2575,7 +2559,7 @@ const getDayCX = (day, selectedDate) => {
     return [cx$1(inRange && uuiRangeDatePickerBody.inRange, isFirst && uuiRangeDatePickerBody.firstDayInRangeWrapper, !inRange && isFirst && uuiRangeDatePickerBody.lastDayInRangeWrapper, isLast && uuiRangeDatePickerBody.lastDayInRangeWrapper, !inRange && isLast && uuiRangeDatePickerBody.firstDayInRangeWrapper, (dayValue === fromValue || dayValue === toValue) && uuiDaySelection.selectedDay)];
 };
 
-var css$L = {"dropdown-container":"_2qdXC1","dropdownContainer":"_2qdXC1"};
+var css$N = {"dropdown-container":"_8EGDM5","dropdownContainer":"_8EGDM5"};
 
 const modifiers = [{
         name: 'offset',
@@ -2587,6 +2571,7 @@ function RangeDatePickerComponent(props, ref) {
     const context = useUuiContext();
     const [isOpen, setIsOpen] = useState(false);
     const [inFocus, setInFocus] = useState(null);
+    const targetRef = React__default.useRef(null);
     const onValueChange = (newValue) => {
         const fromChanged = (value === null || value === void 0 ? void 0 : value.from) !== (newValue === null || newValue === void 0 ? void 0 : newValue.from);
         const toChanged = (value === null || value === void 0 ? void 0 : value.to) !== (newValue === null || newValue === void 0 ? void 0 : newValue.to);
@@ -2602,6 +2587,10 @@ function RangeDatePickerComponent(props, ref) {
         var _a;
         setIsOpen(newIsOpen);
         (_a = props.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(props, newIsOpen);
+        if (!inFocus && newIsOpen) {
+            setInFocus('from');
+            targetRef.current.querySelector('.uui-input').focus();
+        }
     };
     const onBodyValueChange = (newValue) => {
         var _a;
@@ -2617,7 +2606,10 @@ function RangeDatePickerComponent(props, ref) {
     };
     const renderBody = (renderProps) => {
         var _a;
-        return (React__default.createElement(DropdownContainer, Object.assign({}, renderProps, { cx: cx(css$L.dropdownContainer) }),
+        return (React__default.createElement(DropdownContainer, Object.assign({}, renderProps, { cx: cx(css$N.dropdownContainer), shards: [targetRef], returnFocus: (node) => {
+                console.log('lock', node);
+                return true;
+            } }),
             React__default.createElement(FlexRow, null,
                 React__default.createElement(RangeDatePickerBody, { cx: cx(props.bodyCx), value: {
                         selectedDate: _value,
@@ -2627,33 +2619,83 @@ function RangeDatePickerComponent(props, ref) {
                         return (_a = props.renderFooter) === null || _a === void 0 ? void 0 : _a.call(props, value);
                     }, isHoliday: props.isHoliday, rawProps: (_a = props.rawProps) === null || _a === void 0 ? void 0 : _a.body }))));
     };
+    const handleEscape = (e) => {
+        if (e.key === 'Escape' && isOpen) {
+            e.preventDefault();
+            onOpenChange(false);
+        }
+    };
     return (React__default.createElement(Dropdown$1, { renderTarget: (renderProps) => {
             var _a;
-            return ((_a = props.renderTarget) === null || _a === void 0 ? void 0 : _a.call(props, renderProps)) || (React__default.createElement(RangeDatePickerInput, { id: props.id, ref: renderProps.ref, cx: props.inputCx, onClick: renderProps.onClick, isDisabled: props.isDisabled, isInvalid: props.isInvalid, isReadonly: props.isReadonly, size: props.size, getPlaceholder: props.getPlaceholder, disableClear: props.disableClear, rawProps: props.rawProps, inFocus: inFocus, value: value, format: format, onValueChange: onValueChange, onFocusInput: (e, type) => {
+            return ((_a = props.renderTarget) === null || _a === void 0 ? void 0 : _a.call(props, renderProps)) || (React__default.createElement(RangeDatePickerInput, { id: props.id, ref: (node) => { renderProps.ref(node); targetRef.current = node; }, cx: props.inputCx, onClick: () => renderProps.toggleDropdownOpening(true), isDisabled: props.isDisabled, isInvalid: props.isInvalid, isReadonly: props.isReadonly, size: props.size, getPlaceholder: props.getPlaceholder, disableClear: props.disableClear, rawProps: props.rawProps, inFocus: inFocus, value: value, format: format, onValueChange: onValueChange, onFocusInput: (e, type) => {
                     var _a;
                     (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e, type);
                     setInFocus(type);
-                }, onBlurInput: (e, type) => { var _a; (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e, type); !isOpen && setInFocus(null); } }));
+                }, onBlurInput: (e, type) => { var _a; (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e, type); !isOpen && setInFocus(null); }, onKeyDown: handleEscape }));
         }, renderBody: (renderProps) => renderBody(renderProps), onValueChange: (v) => onOpenChange(v), value: isOpen, modifiers: modifiers, placement: props.placement, forwardedRef: ref }));
 }
 const RangeDatePicker = /* @__PURE__ */React__default.forwardRef(RangeDatePickerComponent);
 
-var css$K = {"root":"ra4YVf","blocker":"JFiwV0","marker":"A--J7n","top":"IeZAGl","bottom":"L8tqRv","left":"uykPbP","right":"_2qk8zY","inside":"ArqBxW"};
+var css$M = {"root":"amJHPU","blocker":"J0ttvg","marker":"Us8vLQ","top":"f29Dpz","bottom":"CWYmdx","left":"QNc0Hq","right":"kS015b","inside":"hnFgUs"};
 
 function DropMarker(props) {
     return props.isDndInProgress
         ? (React.createElement(React.Fragment, null,
-            props.enableBlocker && React.createElement("div", { className: css$K.blocker }),
+            props.enableBlocker && React.createElement("div", { className: css$M.blocker }),
             React.createElement("div", { className: cx([
-                    css$K.root,
-                    css$K.marker,
-                    css$K[props.position],
+                    css$M.root,
+                    css$M.marker,
+                    css$M[props.position],
                     props === null || props === void 0 ? void 0 : props.cx,
                 ]) })))
         : null;
 }
 
-var css$J = {"uui-typography":"S0pzu-","hero-header":"cTtIg3","promo-header":"PdlJ27","uui-critical":"mVcMvG","uui-info":"At5pwq","uui-success":"xlXPEU","uui-warning":"wa-UWw","uui-highlight":"FtutUW","uui-typography-size-12":"_2JUv2S","uui-typography-size-14":"kLasMV","uui-typography-size-16":"Zgo-6m","modal":"jFsOVE","search-wrapper":"N0U45x","no-data":"x35YFA","type-search-to-load-size-24":"Afra06","uuiTypography":"S0pzu-","heroHeader":"cTtIg3","promoHeader":"PdlJ27","uuiCritical":"mVcMvG","uuiInfo":"At5pwq","uuiSuccess":"xlXPEU","uuiWarning":"wa-UWw","uuiHighlight":"FtutUW","uuiTypographySize12":"_2JUv2S","uuiTypographySize14":"kLasMV","uuiTypographySize16":"Zgo-6m","searchWrapper":"N0U45x","noData":"x35YFA","typeSearchToLoadSize24":"Afra06"};
+var css$L = {"root":"pxbV8N","line-height":"J7DtPY","lineHeight":"J7DtPY","font-size":"bDGiEa","fontSize":"bDGiEa"};
+
+function applyTextMods(mods) {
+    return [
+        css$L.root,
+        'uui-text',
+        `uui-size-${mods.size || settings.sizes.defaults.text}`,
+        (mods.size !== 'none' || mods.lineHeight) && css$L.lineHeight,
+        (mods.size !== 'none' || mods.fontSize) && css$L.fontSize,
+        `uui-color-${mods.color || 'primary'}`,
+        `uui-font-weight-${mods.fontWeight || '400'}`,
+        `uui-font-style-${mods.fontStyle || 'normal'}`,
+        'uui-typography',
+    ];
+}
+const Text = /* @__PURE__ */withMods(uuiComponents.Text, applyTextMods, (props) => {
+    var _a;
+    const style = ((_a = props === null || props === void 0 ? void 0 : props.rawProps) === null || _a === void 0 ? void 0 : _a.style) || {};
+    props.fontSize && (style['--uui-text-font-size'] = `${props.fontSize}px`);
+    props.lineHeight && (style['--uui-text-line-height'] = `${props.lineHeight}px`);
+    return {
+        rawProps: Object.assign(Object.assign({}, props === null || props === void 0 ? void 0 : props.rawProps), { style: style }),
+    };
+});
+
+var css$K = {"root":"xKLHQC","loading-word":"_07302B","loadingWord":"_07302B","animated-loading":"-PDPj9","animatedLoading":"-PDPj9","skeleton_loading":"_1G6SuV","skeletonLoading":"_1G6SuV"};
+
+const TextPlaceholder = (props) => {
+    const pattern = '&nbsp;';
+    const text = React.useMemo(() => {
+        const words = [];
+        for (let i = 0; i < (props.wordsCount || 1); i++) {
+            const lengthWord = Math.floor(Math.random() * 10 + 8);
+            words.push(pattern.repeat(lengthWord));
+        }
+        return words;
+    }, [props.wordsCount]);
+    return (React.createElement("div", Object.assign({ "aria-busy": true, className: cx(css$K.root, 'uui-text-placeholder') }, props.rawProps), text.map((it, index) => (React.createElement("span", { key: index, className: cx([
+            props.cx, css$K.loadingWord, !props.isNotAnimated && css$K.animatedLoading,
+        ]), dangerouslySetInnerHTML: { __html: it } })))));
+};
+
+const RichTextView = /* @__PURE__ */withMods(uuiComponents.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || '14'}`]);
+
+var css$J = {"uui-typography":"IUYT8q","uuiTypography":"IUYT8q","hero-header":"v9yLmi","heroHeader":"v9yLmi","promo-header":"pMtXMA","promoHeader":"pMtXMA","uui-critical":"hCnP9W","uuiCritical":"hCnP9W","uui-info":"wrElQl","uuiInfo":"wrElQl","uui-success":"VFcyTw","uuiSuccess":"VFcyTw","uui-warning":"Jm06oh","uuiWarning":"Jm06oh","uui-highlight":"IxaFVr","uuiHighlight":"IxaFVr","uui-typography-size-12":"_5GQdfx","uuiTypographySize12":"_5GQdfx","uui-typography-size-14":"-t8c-f","uuiTypographySize14":"-t8c-f","uui-typography-size-16":"ZNNh2J","uuiTypographySize16":"ZNNh2J","modal":"yf4IP9","search-wrapper":"ul4kUn","searchWrapper":"ul4kUn","no-data":"AEf2C6","noData":"AEf2C6","type-search-to-load-size-24":"nRjCYN","typeSearchToLoadSize24":"nRjCYN"};
 
 class DataPickerBody extends PickerBodyBase {
     constructor() {
@@ -2701,41 +2743,38 @@ class DataPickerBody extends PickerBodyBase {
     }
 }
 
-var css$I = {"footer":"o4Ghan"};
+var css$I = {"footer":"jsrYpw"};
 
 function DataPickerFooterImpl(props) {
     const { search, clearSelection, view, showSelected, selectionMode, isSearchTooShort, } = props;
     const size = isMobile() ? settings.sizes.pickerInput.body.mobile.footer.linkButton : props.size;
     const hasSelection = view.getSelectedRowsCount() > 0;
     const rowsCount = view.getListProps().rowsCount;
-    const isEmptyRowsAndHasNoSelection = (rowsCount === 0 && !hasSelection);
     const isSinglePicker = selectionMode === 'single';
     const clearAllText = i18n.pickerInput.clearSelectionButton;
     const clearSingleText = i18n.pickerInput.clearSelectionButtonSingle;
     const selectAllText = i18n.pickerInput.selectAllButton;
-    // show always for multi picker and for single only in case if search not disabled and doesn't searching.
-    const isSearching = search && (search === null || search === void 0 ? void 0 : search.length);
-    const hideFooter = isSearchTooShort || rowsCount === 0 || (isSinglePicker ? (isSearching && props.disableClear) : isSearching);
+    const isSearching = search === null || search === void 0 ? void 0 : search.length;
+    const hideFooter = isSearchTooShort || rowsCount === 0 || isSearching || (isSinglePicker && props.disableClear);
+    const showClear = !props.disableClear && (isSinglePicker ? true : (!view.selectAll || hasSelection));
     return !hideFooter && (React__default.createElement(FlexRow, { cx: css$I.footer },
         !isSinglePicker && (React__default.createElement(Switch, { size: settings.sizes.pickerInput.body.dropdown.footer.switch[props.size], value: showSelected.value, isDisabled: !hasSelection, onValueChange: showSelected.onValueChange, label: i18n.pickerInput.showOnlySelectedLabel })),
         React__default.createElement(FlexSpacer, null),
         React__default.createElement(FlexCell, { width: "auto", alignSelf: "center" },
-            view.selectAll && (React__default.createElement(LinkButton, { size: size, caption: hasSelection ? clearAllText : selectAllText, onClick: hasSelection ? clearSelection : () => view.selectAll.onValueChange(true), rawProps: {
-                    'aria-label': hasSelection ? clearAllText : selectAllText,
-                }, isDisabled: isEmptyRowsAndHasNoSelection })),
-            !view.selectAll && (React__default.createElement(LinkButton, { isDisabled: !hasSelection, size: size, caption: isSinglePicker ? clearSingleText : clearAllText, onClick: clearSelection, rawProps: {
-                    'aria-label': isSinglePicker ? clearSingleText : clearAllText,
-                } })))));
+            view.selectAll && !hasSelection && (React__default.createElement(LinkButton, { key: "SelectAll/ClearAll" // We use the same key for these buttons, because we need to leave focus on it after click, so we need to react doesn't remount it.
+                , size: size, caption: selectAllText, onClick: () => view.selectAll.onValueChange(true) })),
+            showClear && (React__default.createElement(LinkButton, { key: "SelectAll/ClearAll" // We use the same key for these buttons, because we need to leave focus on it after click, so we need to react doesn't remount it. Basically it's the same button, but with different caption.
+                , size: size, caption: isSinglePicker ? clearSingleText : clearAllText, onClick: clearSelection, isDisabled: !hasSelection })))));
 }
 const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
 
-var css$H = {"header":"kfwfsh","title":"OM75ej","close":"PuyNWA"};
+var css$H = {"header":"_9-GjJD","title":"wlsnYy","close":"JSP4n1"};
 
 const DataPickerHeaderImpl = (props) => {
     const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
     return (React__default.createElement(FlexRow, { alignItems: "center", borderBottom: true, cx: css$H.header },
         React__default.createElement(Text, { size: settings.sizes.pickerInput.body.mobile.header.titleSize, cx: css$H.title }, title),
-        React__default.createElement(IconButton, { icon: ForwardRef$Q, onClick: () => { var _a; return (_a = props.close) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$H.close })));
+        React__default.createElement(IconButton, { icon: ForwardRef$R, onClick: () => { var _a; return (_a = props.close) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$H.close })));
 };
 const DataPickerHeader = /* @__PURE__ */React__default.memo(DataPickerHeaderImpl);
 
@@ -2754,7 +2793,7 @@ var SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
 };
 var ForwardRef$s = /*#__PURE__*/forwardRef(SvgNotificationDoneFill);
 
-var css$G = {"uui-typography":"zO5ZyH","hero-header":"xEujV5","promo-header":"_70eStQ","uui-critical":"NTRelF","uui-info":"do8RZB","uui-success":"ZHbTaV","uui-warning":"JQtKZW","uui-highlight":"lkZGHu","uui-typography-size-12":"UZ6SGI","uui-typography-size-14":"UOmF5h","uui-typography-size-16":"_-9dNy7","root":"i-lsIL","align-widgets-top":"_2G4E7h","align-widgets-center":"_0BGLBp","icon-container":"iCR5PX","loading-cell":"kREhic","content-wrapper":"i4acDC","render-item":"j7y2i0","icon-wrapper":"iG2U0x","icon-default":"LuG5rc","selected-mark":"S4srOy","uuiTypography":"zO5ZyH","heroHeader":"xEujV5","promoHeader":"_70eStQ","uuiCritical":"NTRelF","uuiInfo":"do8RZB","uuiSuccess":"ZHbTaV","uuiWarning":"JQtKZW","uuiHighlight":"lkZGHu","uuiTypographySize12":"UZ6SGI","uuiTypographySize14":"UOmF5h","uuiTypographySize16":"_-9dNy7","alignWidgetsTop":"_2G4E7h","alignWidgetsCenter":"_0BGLBp","iconContainer":"iCR5PX","loadingCell":"kREhic","contentWrapper":"i4acDC","renderItem":"j7y2i0","iconWrapper":"iG2U0x","iconDefault":"LuG5rc","selectedMark":"S4srOy"};
+var css$G = {"uui-typography":"ftoqeT","uuiTypography":"ftoqeT","hero-header":"TZXufz","heroHeader":"TZXufz","promo-header":"rKVz6H","promoHeader":"rKVz6H","uui-critical":"ttj0oX","uuiCritical":"ttj0oX","uui-info":"p-u4HK","uuiInfo":"p-u4HK","uui-success":"j8uB7S","uuiSuccess":"j8uB7S","uui-warning":"Enc7KB","uuiWarning":"Enc7KB","uui-highlight":"NnPErn","uuiHighlight":"NnPErn","uui-typography-size-12":"RXyDR3","uuiTypographySize12":"RXyDR3","uui-typography-size-14":"t9K14N","uuiTypographySize14":"t9K14N","uui-typography-size-16":"s8bzMC","uuiTypographySize16":"s8bzMC","root":"_1XKLH4","align-widgets-top":"_3nFqes","alignWidgetsTop":"_3nFqes","align-widgets-center":"Z7KV92","alignWidgetsCenter":"Z7KV92","icon-container":"CDTwyo","iconContainer":"CDTwyo","loading-cell":"ikZeHN","loadingCell":"ikZeHN","content-wrapper":"r37x-E","contentWrapper":"r37x-E","render-item":"omEOf9","renderItem":"omEOf9","icon-wrapper":"PlP8--","iconWrapper":"PlP8--","icon-default":"BNMDdu","iconDefault":"BNMDdu","selected-mark":"n74ywA","selectedMark":"n74ywA"};
 
 function DataPickerCell(props) {
     const ref = React.useRef();
@@ -2773,7 +2812,7 @@ function DataPickerCell(props) {
             props.renderItem(props.rowProps.value, props.rowProps),
             React.createElement(FlexSpacer, null),
             (props.rowProps.isChildrenSelected || props.rowProps.isSelected) && (React.createElement("div", { className: cx$1(css$G.iconWrapper, uuiMod.selected) },
-                React.createElement(IconContainer, { size: settings.sizes.pickerInput.body.dropdown.row.cell.icon[props.size], icon: settings.sizes.pickerInput.body.dropdown.row.cell.isBoldSelectionIcon[props.size] ? ForwardRef$s : ForwardRef$O, cx: props.rowProps.isChildrenSelected ? css$G.iconDefault : css$G.selectedMark, rawProps: { 'aria-label': props.rowProps.isChildrenSelected
+                React.createElement(IconContainer, { size: settings.sizes.pickerInput.body.dropdown.row.cell.icon[props.size], icon: settings.sizes.pickerInput.body.dropdown.row.cell.isBoldSelectionIcon[props.size] ? ForwardRef$s : ForwardRef$P, cx: props.rowProps.isChildrenSelected ? css$G.iconDefault : css$G.selectedMark, rawProps: { 'aria-label': props.rowProps.isChildrenSelected
                             ? 'Child is selected'
                             : 'Selected' } })))));
     }
@@ -2791,7 +2830,7 @@ function DataPickerCell(props) {
         getWrappedContent()));
 }
 
-var css$F = {"uui-typography":"_-1eJrd","hero-header":"_4utVDr","promo-header":"ndkxsM","uui-critical":"I6xJuj","uui-info":"_04CXjZ","uui-success":"u11VFP","uui-warning":"d3IhO7","uui-highlight":"hT2qtu","uui-typography-size-12":"wZE9IL","uui-typography-size-14":"jW28JD","uui-typography-size-16":"UDsbZg","picker-row":"_7056oI","uuiTypography":"_-1eJrd","heroHeader":"_4utVDr","promoHeader":"ndkxsM","uuiCritical":"I6xJuj","uuiInfo":"_04CXjZ","uuiSuccess":"u11VFP","uuiWarning":"d3IhO7","uuiHighlight":"hT2qtu","uuiTypographySize12":"wZE9IL","uuiTypographySize14":"jW28JD","uuiTypographySize16":"UDsbZg","pickerRow":"_7056oI"};
+var css$F = {"uui-typography":"qkK8TA","uuiTypography":"qkK8TA","hero-header":"pZHAFs","heroHeader":"pZHAFs","promo-header":"Sp2wrG","promoHeader":"Sp2wrG","uui-critical":"sfYtT-","uuiCritical":"sfYtT-","uui-info":"n59E05","uuiInfo":"n59E05","uui-success":"QcXceC","uuiSuccess":"QcXceC","uui-warning":"FzgzHW","uuiWarning":"FzgzHW","uui-highlight":"PSDki4","uuiHighlight":"PSDki4","uui-typography-size-12":"_6JV5dY","uuiTypographySize12":"_6JV5dY","uui-typography-size-14":"XGy1RU","uuiTypographySize14":"XGy1RU","uui-typography-size-16":"_9I-Kmo","uuiTypographySize16":"_9I-Kmo","picker-row":"ECXD70","pickerRow":"ECXD70"};
 
 class DataPickerRow extends React.Component {
     constructor() {
@@ -2805,7 +2844,7 @@ class DataPickerRow extends React.Component {
     }
 }
 
-var css$E = {"uui-typography":"BX5tEK","hero-header":"-DB15v","promo-header":"YuWbHs","uui-critical":"qaUTdF","uui-info":"KiEuZc","uui-success":"DTLqIW","uui-warning":"naJe7H","uui-highlight":"D4aKgS","uui-typography-size-12":"cn2-rP","uui-typography-size-14":"KbFw-s","uui-typography-size-16":"sD681F","done":"a-MwQB","container":"kzfFwC","uuiTypography":"BX5tEK","heroHeader":"-DB15v","promoHeader":"YuWbHs","uuiCritical":"qaUTdF","uuiInfo":"KiEuZc","uuiSuccess":"DTLqIW","uuiWarning":"naJe7H","uuiHighlight":"D4aKgS","uuiTypographySize12":"cn2-rP","uuiTypographySize14":"KbFw-s","uuiTypographySize16":"sD681F"};
+var css$E = {"uui-typography":"_5VuYHA","uuiTypography":"_5VuYHA","hero-header":"_9-1GvG","heroHeader":"_9-1GvG","promo-header":"Tnfxa7","promoHeader":"Tnfxa7","uui-critical":"M4jw-f","uuiCritical":"M4jw-f","uui-info":"_9Ytvj0","uuiInfo":"_9Ytvj0","uui-success":"ZVfVIK","uuiSuccess":"ZVfVIK","uui-warning":"_97of9P","uuiWarning":"_97of9P","uui-highlight":"UR2Bzt","uuiHighlight":"UR2Bzt","uui-typography-size-12":"_9s7gCE","uuiTypographySize12":"_9s7gCE","uui-typography-size-14":"_5iY75R","uuiTypographySize14":"_5iY75R","uui-typography-size-16":"nyOC7G","uuiTypographySize16":"nyOC7G","done":"NeYQx4","container":"DvjV1V"};
 
 const PickerBodyMobileView = (props) => {
     const isMobileView = isMobile();
@@ -2839,7 +2878,7 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
 };
 var ForwardRef$r = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
 
-var css$D = {"uui-typography":"v7ZuiC","hero-header":"aZO6qT","promo-header":"pXDbU2","uui-critical":"MNWrTd","uui-info":"_2hCnFg","uui-success":"nelSmY","uui-warning":"k3yFzO","uui-highlight":"pgXJZu","uui-typography-size-12":"_3-xX0y","uui-typography-size-14":"IuM4kC","uui-typography-size-16":"_5p1psP","sub-header-wrapper":"xo-vCY","switch":"_3IwTpR","no-found-modal-container":"ChOr8K","no-found-modal-container-icon":"EfjVXC","no-found-modal-container-text":"rRlEYE","uuiTypography":"v7ZuiC","heroHeader":"aZO6qT","promoHeader":"pXDbU2","uuiCritical":"MNWrTd","uuiInfo":"_2hCnFg","uuiSuccess":"nelSmY","uuiWarning":"k3yFzO","uuiHighlight":"pgXJZu","uuiTypographySize12":"_3-xX0y","uuiTypographySize14":"IuM4kC","uuiTypographySize16":"_5p1psP","subHeaderWrapper":"xo-vCY","$switch$":"_3IwTpR","noFoundModalContainer":"ChOr8K","noFoundModalContainerIcon":"EfjVXC","noFoundModalContainerText":"rRlEYE"};
+var css$D = {"uui-typography":"O2O9Yv","uuiTypography":"O2O9Yv","hero-header":"_08Ld6-","heroHeader":"_08Ld6-","promo-header":"Xl6xgZ","promoHeader":"Xl6xgZ","uui-critical":"VAiTSx","uuiCritical":"VAiTSx","uui-info":"ViaoWI","uuiInfo":"ViaoWI","uui-success":"nqEZPy","uuiSuccess":"nqEZPy","uui-warning":"HPGzrX","uuiWarning":"HPGzrX","uui-highlight":"L2e7vz","uuiHighlight":"L2e7vz","uui-typography-size-12":"qjs--8","uuiTypographySize12":"qjs--8","uui-typography-size-14":"Kvb2CS","uuiTypographySize14":"Kvb2CS","uui-typography-size-16":"OQlShX","uuiTypographySize16":"OQlShX","sub-header-wrapper":"fXUWhf","subHeaderWrapper":"fXUWhf","switch":"hjhh40","no-found-modal-container":"_8MsYtS","noFoundModalContainer":"_8MsYtS","no-found-modal-container-icon":"P3HeZu","noFoundModalContainerIcon":"P3HeZu","no-found-modal-container-text":"NlEvrD","noFoundModalContainerText":"NlEvrD"};
 
 const mergeHighlightRanges = (ranges) => {
     const mergedRanges = [];
@@ -2906,7 +2945,7 @@ const getHighlightedSearchMatches = (str, search) => {
     return getDecoratedText(str, ranges);
 };
 
-var css$C = {"root":"vd4jvD","column-gap":"_8-Bd0g","multiline":"pzFIeb","text":"jQd3wC","columnGap":"_8-Bd0g"};
+var css$C = {"root":"nIqccQ","column-gap":"r-acSI","columnGap":"r-acSI","multiline":"FweHeM","text":"Z-PORy"};
 
 function PickerItem(props) {
     var _a;
@@ -2981,7 +3020,7 @@ function PickerModal(props) {
             React__default.createElement(ModalFooter, { padding: "24", vPadding: "24" }, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
 }
 
-var css$B = {"tooltip":"U1ZOOj"};
+var css$B = {"tooltip":"gCXaJa"};
 
 const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
     var _a;
@@ -2996,7 +3035,7 @@ const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
     }
 });
 
-var css$A = {"uui-typography":"OLHewc","hero-header":"_4GIJ-a","promo-header":"dUXT1T","uui-critical":"fZ7Xi5","uui-info":"IqhE7b","uui-success":"_9xwEbi","uui-warning":"tXu2fY","uui-highlight":"QGUxVM","uui-typography-size-12":"ek59z9","uui-typography-size-14":"NsBggd","uui-typography-size-16":"N3YRol","root":"W04RzG","mode-form":"CVXgbR","mode-cell":"dGcrv0","mode-inline":"GfWIHg","uuiTypography":"OLHewc","heroHeader":"_4GIJ-a","promoHeader":"dUXT1T","uuiCritical":"fZ7Xi5","uuiInfo":"IqhE7b","uuiSuccess":"_9xwEbi","uuiWarning":"tXu2fY","uuiHighlight":"QGUxVM","uuiTypographySize12":"ek59z9","uuiTypographySize14":"NsBggd","uuiTypographySize16":"N3YRol","modeForm":"CVXgbR","modeCell":"dGcrv0","modeInline":"GfWIHg"};
+var css$A = {"uui-typography":"zvw7k8","uuiTypography":"zvw7k8","hero-header":"sHkmMR","heroHeader":"sHkmMR","promo-header":"xjS5jn","promoHeader":"xjS5jn","uui-critical":"IhPZ3p","uuiCritical":"IhPZ3p","uui-info":"vMlzMW","uuiInfo":"vMlzMW","uui-success":"_8Xh-jv","uuiSuccess":"_8Xh-jv","uui-warning":"VzeSu9","uuiWarning":"VzeSu9","uui-highlight":"UPo2Zc","uuiHighlight":"UPo2Zc","uui-typography-size-12":"gwNjwH","uuiTypographySize12":"gwNjwH","uui-typography-size-14":"SjKGPM","uuiTypographySize14":"SjKGPM","uui-typography-size-16":"sBE35t","uuiTypographySize16":"sBE35t","root":"ShPHNh","mode-form":"JFKtBt","modeForm":"JFKtBt","mode-cell":"FfkBal","modeCell":"FfkBal","mode-inline":"CI1XLX","modeInline":"CI1XLX"};
 
 const defaultMode = EditMode.FORM;
 function applyPickerTogglerMods(mods) {
@@ -3093,7 +3132,7 @@ function PickerInputComponent(_a, ref) {
 }
 const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
 
-var css$z = {"row":"Dd8Pbk"};
+var css$z = {"row":"l7xfMW"};
 
 function PickerListItem(props) {
     var _a;
@@ -3114,7 +3153,7 @@ function PickerListItem(props) {
     return (React__default.createElement("div", Object.assign({ role: "option", "aria-selected": props.isSelectable ? props.isSelected : undefined, "aria-busy": props.isLoading, "aria-posinset": props.index + 1 }, (((_a = props.checkbox) === null || _a === void 0 ? void 0 : _a.isVisible) && { 'aria-checked': props.isChecked }), { className: css$z.row }), component));
 }
 
-var css$y = {"root":"_0RfXwe"};
+var css$y = {"root":"sGLTPF"};
 
 function PickerList(props) {
     const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, dataSourceState, getModalTogglerCaption, } = usePickerList(props);
@@ -3149,7 +3188,7 @@ function PickerList(props) {
             }, selectedRows)));
 }
 
-var css$x = {"uui-typography":"UKE0Oh","hero-header":"vB6TP4","promo-header":"f9IadE","uui-critical":"A4rNXv","uui-info":"q7niYa","uui-success":"ojHMcm","uui-warning":"_2UcOiN","uui-highlight":"QMBViV","uui-typography-size-12":"MDcnqu","uui-typography-size-14":"L0gODZ","uui-typography-size-16":"QH1bGG","root":"Z13Qp1","wrapper":"yfSjPr","align-widgets-top":"_9MPhzp","align-widgets-center":"cnu9SC","uuiTypography":"UKE0Oh","heroHeader":"vB6TP4","promoHeader":"f9IadE","uuiCritical":"A4rNXv","uuiInfo":"q7niYa","uuiSuccess":"ojHMcm","uuiWarning":"_2UcOiN","uuiHighlight":"QMBViV","uuiTypographySize12":"MDcnqu","uuiTypographySize14":"L0gODZ","uuiTypographySize16":"QH1bGG","alignWidgetsTop":"_9MPhzp","alignWidgetsCenter":"cnu9SC"};
+var css$x = {"uui-typography":"jVO8Qs","uuiTypography":"jVO8Qs","hero-header":"rGwWFS","heroHeader":"rGwWFS","promo-header":"bxuVH7","promoHeader":"bxuVH7","uui-critical":"sxAC4T","uuiCritical":"sxAC4T","uui-info":"OPMr-G","uuiInfo":"OPMr-G","uui-success":"_30FFQ9","uuiSuccess":"_30FFQ9","uui-warning":"pdUnGa","uuiWarning":"pdUnGa","uui-highlight":"BhAKXa","uuiHighlight":"BhAKXa","uui-typography-size-12":"s-8Idg","uuiTypographySize12":"s-8Idg","uui-typography-size-14":"_4Soimw","uuiTypographySize14":"_4Soimw","uui-typography-size-16":"GJDr49","uuiTypographySize16":"GJDr49","root":"gF-oYQ","wrapper":"MusYVu","align-widgets-top":"BzCWbF","alignWidgetsTop":"BzCWbF","align-widgets-center":"F4K3Nc","alignWidgetsCenter":"F4K3Nc"};
 
 function DataTableCell(initialProps) {
     const props = Object.assign({}, initialProps);
@@ -3198,7 +3237,7 @@ function DataTableCell(initialProps) {
     return React.createElement(DataTableCell$1, Object.assign({}, props));
 }
 
-var css$w = {"uui-typography":"dmpQGA","hero-header":"fyxkn6","promo-header":"ZNokYn","uui-critical":"uHFarI","uui-info":"Pj4wMI","uui-success":"hfcY00","uui-warning":"gX6H9h","uui-highlight":"_39ugu7","uui-typography-size-12":"RgcCdQ","uui-typography-size-14":"bVje5W","uui-typography-size-16":"f9dhRr","root":"pX6eyn","uuiTypography":"dmpQGA","heroHeader":"fyxkn6","promoHeader":"ZNokYn","uuiCritical":"uHFarI","uuiInfo":"Pj4wMI","uuiSuccess":"hfcY00","uuiWarning":"gX6H9h","uuiHighlight":"_39ugu7","uuiTypographySize12":"RgcCdQ","uuiTypographySize14":"bVje5W","uuiTypographySize16":"f9dhRr"};
+var css$w = {"uui-typography":"IGqwPJ","uuiTypography":"IGqwPJ","hero-header":"-fYpv5","heroHeader":"-fYpv5","promo-header":"O2rMRJ","promoHeader":"O2rMRJ","uui-critical":"FDYQUR","uuiCritical":"FDYQUR","uui-info":"_4XCAy8","uuiInfo":"_4XCAy8","uui-success":"L7GsH0","uuiSuccess":"L7GsH0","uui-warning":"_29k0X2","uuiWarning":"_29k0X2","uui-highlight":"JWZloF","uuiHighlight":"JWZloF","uui-typography-size-12":"ydvdmM","uuiTypographySize12":"ydvdmM","uui-typography-size-14":"Rjq7Mu","uuiTypographySize14":"Rjq7Mu","uui-typography-size-16":"wJcvx4","uuiTypographySize16":"wJcvx4","root":"ZvoHuY"};
 
 // 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.
@@ -3214,7 +3253,7 @@ const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = t
     ];
 }, () => propsMods);
 
-var css$v = {"uui-typography":"OUDph6","hero-header":"_1cHv7I","promo-header":"LUOnKt","uui-critical":"L6gK-S","uui-info":"r0gKrE","uui-success":"AvaCHc","uui-warning":"_3iZ-dJ","uui-highlight":"gCPM-X","uui-typography-size-12":"HzYJ7k","uui-typography-size-14":"zkp62c","uui-typography-size-16":"QZMicN","sorting-panel-container":"_1sN9i6","uuiTypography":"OUDph6","heroHeader":"_1cHv7I","promoHeader":"LUOnKt","uuiCritical":"L6gK-S","uuiInfo":"r0gKrE","uuiSuccess":"AvaCHc","uuiWarning":"_3iZ-dJ","uuiHighlight":"gCPM-X","uuiTypographySize12":"HzYJ7k","uuiTypographySize14":"zkp62c","uuiTypographySize16":"QZMicN","sortingPanelContainer":"_1sN9i6"};
+var css$v = {"uui-typography":"dmA7C-","uuiTypography":"dmA7C-","hero-header":"BUi5JU","heroHeader":"BUi5JU","promo-header":"sN1It-","promoHeader":"sN1It-","uui-critical":"PnOkK5","uuiCritical":"PnOkK5","uui-info":"Exmyma","uuiInfo":"Exmyma","uui-success":"mSL2UK","uuiSuccess":"mSL2UK","uui-warning":"_5uPiJW","uuiWarning":"_5uPiJW","uui-highlight":"MV7G09","uuiHighlight":"MV7G09","uui-typography-size-12":"H8AVPM","uuiTypographySize12":"H8AVPM","uui-typography-size-14":"HrZX2p","uuiTypographySize14":"HrZX2p","uui-typography-size-16":"U-Vk76","uuiTypographySize16":"U-Vk76","sorting-panel-container":"q0XLwx","sortingPanelContainer":"q0XLwx"};
 
 var _path$q;
 function _extends$q() { _extends$q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$q.apply(this, arguments); }
@@ -3344,7 +3383,7 @@ var SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props
 };
 var ForwardRef$k = /*#__PURE__*/forwardRef(SvgNavigationExpandAllOutline);
 
-var css$u = {"uui-typography":"XMZ-i6","hero-header":"myhCUo","promo-header":"zZRPQT","uui-critical":"yOHMJv","uui-info":"zceJcl","uui-success":"_0EcspK","uui-warning":"l-W2vQ","uui-highlight":"_4OOrZw","uui-typography-size-12":"B5II2d","uui-typography-size-14":"UVa378","uui-typography-size-16":"j6ygD-","root":"oKzfPi","caption-wrapper":"O07QNY","sort-icon":"_5TX4Gv","dropdown-icon":"_17cjmY","infoIcon":"_1EAeFD","resizable":"d73HWi","align-right":"WNvZVG","align-center":"lymNFi","caption":"MFEiAD","truncate":"BWhX6K","checkbox":"A8TOLk","icon":"Ck1Sak","fold-all-icon":"H92A-o","cell-tooltip":"_2nTv45","upper-case":"Yj5-1l","resizing-marker":"X0onAS","pinned-right":"_7C6TZ4","draggable":"VWZbR7","ghost":"r7Fgtb","is-dragged-out":"rIFMqm","dnd-marker-left":"PPQR6A","dnd-marker-right":"H3YEM-","cell-tooltip-wrapper":"K9oXJD","cell-tooltip-text":"d3mwYB","tooltip-caption":"D4Asfn","tooltip-info":"_7WMMnB","uuiTypography":"XMZ-i6","heroHeader":"myhCUo","promoHeader":"zZRPQT","uuiCritical":"yOHMJv","uuiInfo":"zceJcl","uuiSuccess":"_0EcspK","uuiWarning":"l-W2vQ","uuiHighlight":"_4OOrZw","uuiTypographySize12":"B5II2d","uuiTypographySize14":"UVa378","uuiTypographySize16":"j6ygD-","captionWrapper":"O07QNY","sortIcon":"_5TX4Gv","dropdownIcon":"_17cjmY","alignRight":"WNvZVG","alignCenter":"lymNFi","foldAllIcon":"H92A-o","cellTooltip":"_2nTv45","upperCase":"Yj5-1l","resizingMarker":"X0onAS","pinnedRight":"_7C6TZ4","isDraggedOut":"rIFMqm","dndMarkerLeft":"PPQR6A","dndMarkerRight":"H3YEM-","cellTooltipWrapper":"K9oXJD","cellTooltipText":"d3mwYB","tooltipCaption":"D4Asfn","tooltipInfo":"_7WMMnB"};
+var css$u = {"uui-typography":"_3iuO1T","uuiTypography":"_3iuO1T","hero-header":"j40-ev","heroHeader":"j40-ev","promo-header":"Ns5Z-W","promoHeader":"Ns5Z-W","uui-critical":"HKTLGG","uuiCritical":"HKTLGG","uui-info":"_2FUPfm","uuiInfo":"_2FUPfm","uui-success":"qtfaki","uuiSuccess":"qtfaki","uui-warning":"yWkRwr","uuiWarning":"yWkRwr","uui-highlight":"gMog6M","uuiHighlight":"gMog6M","uui-typography-size-12":"KaM--N","uuiTypographySize12":"KaM--N","uui-typography-size-14":"vU6ZuN","uuiTypographySize14":"vU6ZuN","uui-typography-size-16":"_5jB1RO","uuiTypographySize16":"_5jB1RO","root":"ihYDgJ","caption-wrapper":"ZXlTl-","captionWrapper":"ZXlTl-","sort-icon":"R2flhi","sortIcon":"R2flhi","dropdown-icon":"NGYjr-","dropdownIcon":"NGYjr-","infoIcon":"Z-gpMW","resizable":"_0Vy1jM","align-right":"_7GQcgo","alignRight":"_7GQcgo","align-center":"jCQAxD","alignCenter":"jCQAxD","caption":"gydiq9","truncate":"reVv4Y","checkbox":"TA-WDO","icon":"CVU3cC","fold-all-icon":"ZSSI5d","foldAllIcon":"ZSSI5d","cell-tooltip":"_0DOOS6","cellTooltip":"_0DOOS6","upper-case":"czviB3","upperCase":"czviB3","resizing-marker":"NRv4aX","resizingMarker":"NRv4aX","pinned-right":"oZSpBK","pinnedRight":"oZSpBK","draggable":"zVJLb4","ghost":"NjCtB9","is-dragged-out":"ITBRvj","isDraggedOut":"ITBRvj","dnd-marker-left":"CIOrQw","dndMarkerLeft":"CIOrQw","dnd-marker-right":"jHsd9T","dndMarkerRight":"jHsd9T","cell-tooltip-wrapper":"AILd5s","cellTooltipWrapper":"AILd5s","cell-tooltip-text":"XE0itx","cellTooltipText":"XE0itx","tooltip-caption":"-Ejt4B","tooltipCaption":"-Ejt4B","tooltip-info":"qSbWLI","tooltipInfo":"qSbWLI"};
 
 class DataTableHeaderCell extends React.Component {
     constructor() {
@@ -3368,7 +3407,7 @@ class DataTableHeaderCell extends React.Component {
                     React.createElement(Text, { key: "text", fontSize: settings.sizes.dataTable.header.row.cell.columnCaption[this.props.textCase === 'upper' ? 'uppercase' : 'fontSize'], size: settings.sizes.dataTable.header.row.cell.columnCaption.size, cx: captionCx }, this.props.column.caption)),
                 this.props.column.isSortable && (!this.props.column.renderFilter || this.props.sortDirection) && (React.createElement(IconButton, { key: "sort", cx: cx$1(css$u.icon, css$u.sortIcon, this.props.sortDirection && css$u.sortIconActive, uuiDataTableHeaderCell.uuiTableHeaderSortIcon), color: this.props.sortDirection ? 'neutral' : 'secondary', icon: this.props.sortDirection === 'desc' ? ForwardRef$p : this.props.sortDirection === 'asc' ? ForwardRef$q : ForwardRef$o })),
                 this.props.isFilterActive && (React.createElement(IconButton, { key: "filter", cx: cx$1(css$u.icon, !this.props.sortDirection && css$u.filterIcon, uuiDataTableHeaderCell.uuiTableHeaderFilterIcon), color: "neutral", icon: ForwardRef$n })),
-                this.props.column.renderFilter && (React.createElement(IconButton, { key: "dropdown", cx: cx$1(css$u.icon, css$u.dropdownIcon, uuiDataTableHeaderCell.uuiTableHeaderDropdownIcon), color: "secondary", icon: this.state.isDropdownOpen ? ForwardRef$m : ForwardRef$P }))));
+                this.props.column.renderFilter && (React.createElement(IconButton, { key: "dropdown", cx: cx$1(css$u.icon, css$u.dropdownIcon, uuiDataTableHeaderCell.uuiTableHeaderDropdownIcon), color: "secondary", icon: this.state.isDropdownOpen ? ForwardRef$m : ForwardRef$Q }))));
         };
         this.renderHeaderCheckbox = () => {
             if (this.props.selectAll && this.props.isFirstColumn) {
@@ -3450,7 +3489,7 @@ var SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
 };
 var ForwardRef$j = /*#__PURE__*/forwardRef(SvgActionSettingsFill);
 
-var css$t = {"uui-typography":"mdpHZU","hero-header":"m-h5-3","promo-header":"_4fsntP","uui-critical":"rDXM0W","uui-info":"X5tCLR","uui-success":"qag4H-","uui-warning":"nGij9X","uui-highlight":"Ya8Ck2","uui-typography-size-12":"sKxz-E","uui-typography-size-14":"cFArwD","uui-typography-size-16":"kdobyH","root":"_2jLdaa","uuiTypography":"mdpHZU","heroHeader":"m-h5-3","promoHeader":"_4fsntP","uuiCritical":"rDXM0W","uuiInfo":"X5tCLR","uuiSuccess":"qag4H-","uuiWarning":"nGij9X","uuiHighlight":"Ya8Ck2","uuiTypographySize12":"sKxz-E","uuiTypographySize14":"cFArwD","uuiTypographySize16":"kdobyH"};
+var css$t = {"uui-typography":"k4fKti","uuiTypography":"k4fKti","hero-header":"BoHshy","heroHeader":"BoHshy","promo-header":"_19w13S","promoHeader":"_19w13S","uui-critical":"Y7fs1l","uuiCritical":"Y7fs1l","uui-info":"pmsLv-","uuiInfo":"pmsLv-","uui-success":"gTtblb","uuiSuccess":"gTtblb","uui-warning":"T701Fo","uuiWarning":"T701Fo","uui-highlight":"vQ0enm","uuiHighlight":"vQ0enm","uui-typography-size-12":"mYz2ma","uuiTypographySize12":"mYz2ma","uui-typography-size-14":"rY4G8o","uuiTypographySize14":"rY4G8o","uui-typography-size-16":"QJnMR-","uuiTypographySize16":"QJnMR-","root":"LaGAoE"};
 
 const DataTableHeaderRow = /* @__PURE__ */withMods(DataTableHeaderRow$1, () => [css$t.root, 'uui-dt-vars'], (mods) => ({
     renderCell: (props) => (React.createElement(DataTableHeaderCell, Object.assign({}, props, { size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap }))),
@@ -3462,7 +3501,7 @@ const UUI_FILTERS_PANEL_ADD_BUTTON_BODY = 'uui-filters-panel-add-button-body';
 const UUI_FILTERS_PANEL_ITEM_BODY = 'uui-filters-panel-item-body';
 const UUI_FILTERS_PANEL_ITEM_TOGGLER = 'uui-filters-panel-item-toggler';
 
-var css$s = {"uui-typography":"uJmupB","hero-header":"RMATMB","promo-header":"FVMI7I","uui-critical":"nwgYFQ","uui-info":"Y-RKje","uui-success":"odWtaw","uui-warning":"HWdIPF","uui-highlight":"t8loqT","uui-typography-size-12":"SJtQN5","uui-typography-size-14":"ZyHMcE","uui-typography-size-16":"ozmeel","root":"pH6FMZ","title-wrapper":"s8xXsr","title":"L4ynnz","text-wrapper":"mEy14p","selection":"vb3rGn","postfix":"wGkBNi","selected":"-RaM-R","uuiTypography":"uJmupB","heroHeader":"RMATMB","promoHeader":"FVMI7I","uuiCritical":"nwgYFQ","uuiInfo":"Y-RKje","uuiSuccess":"odWtaw","uuiWarning":"HWdIPF","uuiHighlight":"t8loqT","uuiTypographySize12":"SJtQN5","uuiTypographySize14":"ZyHMcE","uuiTypographySize16":"ozmeel","titleWrapper":"s8xXsr","textWrapper":"mEy14p"};
+var css$s = {"uui-typography":"xGnsmL","uuiTypography":"xGnsmL","hero-header":"_1-qR6o","heroHeader":"_1-qR6o","promo-header":"JDIkUb","promoHeader":"JDIkUb","uui-critical":"HI4nkh","uuiCritical":"HI4nkh","uui-info":"Ucvnh-","uuiInfo":"Ucvnh-","uui-success":"iKXEjC","uuiSuccess":"iKXEjC","uui-warning":"bKQdHk","uuiWarning":"bKQdHk","uui-highlight":"KOBzRx","uuiHighlight":"KOBzRx","uui-typography-size-12":"zTNMsc","uuiTypographySize12":"zTNMsc","uui-typography-size-14":"n9Dp-E","uuiTypographySize14":"n9Dp-E","uui-typography-size-16":"fphABN","uuiTypographySize16":"fphABN","root":"luZ9eH","title-wrapper":"-exLGv","titleWrapper":"-exLGv","title":"zK2IHF","text-wrapper":"NZXbcM","textWrapper":"NZXbcM","selection":"rlxmpy","postfix":"Bee87m","selected":"xBXX2o"};
 
 const defaultSize = '36';
 const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
@@ -3640,7 +3679,7 @@ function FilterRangeDatePickerBody(props) {
                 React__default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.pickerModal.clearAllButton, onClick: () => onValueChange(defaultRangeValue) })))));
 }
 
-var css$r = {"container":"_8NPmcs"};
+var css$r = {"container":"_35-Hf5"};
 
 function FilterNumericBody(props) {
     var _a, _b;
@@ -3738,7 +3777,7 @@ var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
 };
 var ForwardRef$i = /*#__PURE__*/forwardRef(SvgActionDeleteOutline);
 
-var css$q = {"uui-typography":"a7VHqF","hero-header":"_4IKCQB","promo-header":"ang7Lm","uui-critical":"qVA6cM","uui-info":"GDu169","uui-success":"_2C-RSF","uui-warning":"DkNTda","uui-highlight":"Y4jZXq","uui-typography-size-12":"_58ephU","uui-typography-size-14":"m1Xvnn","uui-typography-size-16":"wB3Vr7","header":"_57muXa","removeButton":"AkdaJJ","with-search":"adZwIZ","uuiTypography":"a7VHqF","heroHeader":"_4IKCQB","promoHeader":"ang7Lm","uuiCritical":"qVA6cM","uuiInfo":"GDu169","uuiSuccess":"_2C-RSF","uuiWarning":"DkNTda","uuiHighlight":"Y4jZXq","uuiTypographySize12":"_58ephU","uuiTypographySize14":"m1Xvnn","uuiTypographySize16":"wB3Vr7","withSearch":"adZwIZ"};
+var css$q = {"uui-typography":"LYkD-U","uuiTypography":"LYkD-U","hero-header":"_3SCLv0","heroHeader":"_3SCLv0","promo-header":"ao5Iz1","promoHeader":"ao5Iz1","uui-critical":"geIe9N","uuiCritical":"geIe9N","uui-info":"xwIHTE","uuiInfo":"xwIHTE","uui-success":"RhWIe2","uuiSuccess":"RhWIe2","uui-warning":"mDunoL","uuiWarning":"mDunoL","uui-highlight":"jVO1Nd","uuiHighlight":"jVO1Nd","uui-typography-size-12":"cab24Y","uuiTypographySize12":"cab24Y","uui-typography-size-14":"_6P1lzN","uuiTypographySize14":"_6P1lzN","uui-typography-size-16":"_1gYEzH","uuiTypographySize16":"_1gYEzH","header":"B-vrqc","removeButton":"lA0D3a","with-search":"_9nNXLs","withSearch":"_9nNXLs"};
 
 function useView(props, value) {
     const forceUpdate = useForceUpdate();
@@ -4059,7 +4098,7 @@ function FiltersToolbarImpl(props) {
 }
 const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
 
-var css$p = {"divider":"sicNka","dropdownDeleteIcon":"ez2PaJ","presetsWrapper":"MLuYCI","addPresetContainer":"D0Cp-2","dropContainer":"AxvKSh"};
+var css$p = {"divider":"_3fkZWS","dropdownDeleteIcon":"XkxKNw","presetsWrapper":"FOdokW","addPresetContainer":"QT3CDN","dropContainer":"iQynkI"};
 
 var _path$g;
 function _extends$g() { _extends$g = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
@@ -4172,7 +4211,7 @@ var SvgContentLinkOutline = function SvgContentLinkOutline(props, ref) {
 };
 var ForwardRef$a = /*#__PURE__*/forwardRef(SvgContentLinkOutline);
 
-var css$o = {"delete-button":"ND90LK","tab-button":"z5DJpM","targetOpen":"qELeiq","deleteButton":"ND90LK","tabButton":"z5DJpM"};
+var css$o = {"delete-button":"VfW9p1","deleteButton":"VfW9p1","tab-button":"GMxFqX","tabButton":"GMxFqX","targetOpen":"y0OpGE"};
 
 function PresetActionsDropdown(props) {
     const { uuiNotifications } = useUuiContext();
@@ -4213,12 +4252,14 @@ function PresetActionsDropdown(props) {
         const isRenameAvailable = props.preset.id === props.activePresetId && !isReadonlyPreset;
         return (React__default.createElement(DropdownMenuBody, Object.assign({}, dropdownProps),
             isPresetChanged && (React__default.createElement(React__default.Fragment, null,
-                !isReadonlyPreset && (React__default.createElement(DropdownMenuButton, { key: `${props.preset.id}-save-in-current`, icon: ForwardRef$f, caption: "Save in current", onClick: saveInCurrentHandler })),
-                React__default.createElement(DropdownMenuButton, { key: `${props.preset.id}-save-as-new`, icon: ForwardRef$e, caption: "Save as new", onClick: props.addPreset }),
-                React__default.createElement(DropdownMenuButton, { key: `${props.preset.id}-discard`, icon: ForwardRef$d, caption: "Discard all changes", onClick: discardAllChangesHandler }),
+                !isReadonlyPreset && (React__default.createElement(DropdownMenuButton, { key: `${props.preset.id}-save-in-current`, icon: ForwardRef$f, caption: "Save in current", onClick: () => { dropdownProps.onClose(); saveInCurrentHandler(); } })),
+                React__default.createElement(DropdownMenuButton, { key: `${props.preset.id}-save-as-new`, icon: ForwardRef$e, caption: "Save as new", 
+                    // We add setTimeout to call addPreset after dropdown will be closed, since dropdown has focus lock, and it broke autofocus on add new preset input
+                    onClick: () => { dropdownProps.onClose(); setTimeout(() => props.addPreset(), 0); } }),
+                React__default.createElement(DropdownMenuButton, { key: `${props.preset.id}-discard`, icon: ForwardRef$d, caption: "Discard all changes", onClick: () => { dropdownProps.onClose(); discardAllChangesHandler(); } }),
                 React__default.createElement(DropdownMenuSplitter, { key: "discard-splitter" }))),
             isRenameAvailable && (React__default.createElement(DropdownMenuButton, { key: `${props.preset.id}-rename`, icon: ForwardRef$b, caption: "Rename", onClick: props.renamePreset })),
-            React__default.createElement(DropdownMenuButton, { key: `${props.preset.id}-duplicate`, icon: ForwardRef$c, caption: "Duplicate", onClick: duplicateHandler }),
+            React__default.createElement(DropdownMenuButton, { key: `${props.preset.id}-duplicate`, icon: ForwardRef$c, caption: "Duplicate", onClick: () => { dropdownProps.onClose(); duplicateHandler(); } }),
             React__default.createElement(DropdownMenuButton, { key: `${props.preset.id}-copyLink`, icon: ForwardRef$a, caption: "Copy Link", onClick: copyUrlToClipboard }),
             !isReadonlyPreset && (React__default.createElement(React__default.Fragment, null,
                 React__default.createElement(DropdownMenuSplitter, { key: "delete-splitter" }),
@@ -4230,7 +4271,7 @@ function PresetActionsDropdown(props) {
     return (React__default.createElement(Dropdown, { renderBody: renderBody, renderTarget: renderTarget, placement: "bottom-end", modifiers: [{ name: 'offset', options: { offset: [0, 22] } }] }));
 }
 
-var css$n = {"preset-input-cell":"yNOTXo","preset-input":"sbjeuo","presetInputCell":"yNOTXo","presetInput":"sbjeuo"};
+var css$n = {"preset-input-cell":"BwjaAV","presetInputCell":"BwjaAV","preset-input":"iySDJT","presetInput":"iySDJT"};
 
 const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
 const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
@@ -4263,7 +4304,7 @@ function PresetInput(props) {
         React__default.createElement(TextInput, { cx: css$n.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
 }
 
-var css$m = {"preset":"d78VKg","activePreset":"EBd5nU"};
+var css$m = {"preset":"_6X5y3z","activePreset":"tSWayU"};
 
 function Preset(props) {
     const [isRenamePreset, setIsRenamePreset] = useState(false);
@@ -4281,7 +4322,8 @@ function Preset(props) {
         return props.updatePreset(newPreset);
     }, [props.preset]);
     const isPresetActive = props.activePresetId === props.preset.id;
-    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$m.preset, isPresetActive && css$m.activePreset, UUI_PRESETS_PANEL_PRESET], size: "60", withNotify: isPresetActive && props.hasPresetChanged(props.preset), icon: () => React__default.createElement(PresetActionsDropdown, Object.assign({ renamePreset: setPresetForRename }, props)), iconPosition: "right", isLinkActive: isPresetActive }))));
+    const PresetActionsDropdownComponent = useCallback(() => React__default.createElement(PresetActionsDropdown, Object.assign({ renamePreset: setPresetForRename }, props)), [props.preset, props.tableState, props.activePresetId]);
+    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$m.preset, isPresetActive && css$m.activePreset, UUI_PRESETS_PANEL_PRESET], size: "60", withNotify: isPresetActive && props.hasPresetChanged(props.preset), icon: PresetActionsDropdownComponent, iconPosition: "right", isLinkActive: isPresetActive }))));
 }
 
 var _path$9;
@@ -4437,7 +4479,7 @@ var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props,
 };
 var ForwardRef$6 = /*#__PURE__*/forwardRef(SvgTableGroupColumnRightFill);
 
-var css$l = {"unpin-icon":"yb7SXJ","pin-toggler-icon":"R-5DT5","unpinIcon":"yb7SXJ","pinTogglerIcon":"R-5DT5"};
+var css$l = {"unpin-icon":"V7-RQt","unpinIcon":"V7-RQt","pin-toggler-icon":"bkr42U","pinTogglerIcon":"bkr42U"};
 
 function PinIconButton(props) {
     const i18nLocal = i18n.tables.columnsConfigurationModal;
@@ -4496,7 +4538,7 @@ var SvgActionDragIndicator18 = function SvgActionDragIndicator18(props, ref) {
 };
 var ForwardRef$5 = /*#__PURE__*/forwardRef(SvgActionDragIndicator18);
 
-var css$k = {"uui-typography":"xG35BX","hero-header":"h9ODMX","promo-header":"YYyDcw","uui-critical":"_6QOTWs","uui-info":"YZZxos","uui-success":"iHyUDJ","uui-warning":"_-67zTs","uui-highlight":"QVz-Uy","uui-typography-size-12":"tIbAFJ","uui-typography-size-14":"fXj4lq","uui-typography-size-16":"NKd43i","row-wrapper":"VeIlFN","pin-icon-button":"h3ceIj","not-pinned":"Ki0MrJ","checkbox":"bqjdIU","drag-handle":"DZhpPT","dnd-disabled":"_9Nl6cH","uuiTypography":"xG35BX","heroHeader":"h9ODMX","promoHeader":"YYyDcw","uuiCritical":"_6QOTWs","uuiInfo":"YZZxos","uuiSuccess":"iHyUDJ","uuiWarning":"_-67zTs","uuiHighlight":"QVz-Uy","uuiTypographySize12":"tIbAFJ","uuiTypographySize14":"fXj4lq","uuiTypographySize16":"NKd43i","rowWrapper":"VeIlFN","pinIconButton":"h3ceIj","notPinned":"Ki0MrJ","dragHandle":"DZhpPT","dndDisabled":"_9Nl6cH"};
+var css$k = {"uui-typography":"jXMP5e","uuiTypography":"jXMP5e","hero-header":"cr-s6b","heroHeader":"cr-s6b","promo-header":"pqIj2S","promoHeader":"pqIj2S","uui-critical":"KgXHgt","uuiCritical":"KgXHgt","uui-info":"-wxEps","uuiInfo":"-wxEps","uui-success":"DEQ-Ax","uuiSuccess":"DEQ-Ax","uui-warning":"_9-lghP","uuiWarning":"_9-lghP","uui-highlight":"MhfNOp","uuiHighlight":"MhfNOp","uui-typography-size-12":"U9pdcF","uuiTypographySize12":"U9pdcF","uui-typography-size-14":"VBkyC0","uuiTypographySize14":"VBkyC0","uui-typography-size-16":"r9jeRD","uuiTypographySize16":"r9jeRD","row-wrapper":"jB7yeO","rowWrapper":"jB7yeO","pin-icon-button":"lW3w9a","pinIconButton":"lW3w9a","not-pinned":"KJuJbu","notPinned":"KJuJbu","checkbox":"nu8H4j","drag-handle":"ruAldc","dragHandle":"ruAldc","dnd-disabled":"hJ4IO2","dndDisabled":"hJ4IO2"};
 
 const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
     const { column } = props;
@@ -4506,10 +4548,10 @@ const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
     const isPinned = !!pinPosition;
     const data = { column, columnConfig };
     const renderContent = (dndActorParams) => {
-        const wrapperClasses = cx$1(css$k.rowWrapper, !isPinned && css$k.notPinned, dndActorParams.isDragGhost && uuiDndState.dragGhost);
+        const wrapperClasses = cx$1(css$k.rowWrapper, !isPinned && css$k.notPinned, dndActorParams.isDragGhost && uuiDndState.dragGhost, 'uui-dt-columns-config-row');
         const _a = dndActorParams.eventHandlers, { onTouchStart, onPointerDown } = _a, restEventHandlers = __rest(_a, ["onTouchStart", "onPointerDown"]);
         const dndActorPropsWithoutRef = __rest(dndActorParams, ["ref"]);
-        return (React.createElement(FlexRow, { size: null, cx: wrapperClasses, ref: dndActorParams.ref, rawProps: Object.assign({}, restEventHandlers), alignItems: "top" },
+        return (React.createElement(FlexRow, { size: settings.sizes.dataTable.columnsConfigurationModal.columnRow, cx: wrapperClasses, ref: dndActorParams.ref, rawProps: Object.assign({}, restEventHandlers), alignItems: "top" },
             React.createElement(DragHandle, { dragHandleIcon: ForwardRef$5, rawProps: { onTouchStart, onPointerDown }, isDisabled: !isDndAllowed, cx: cx$1(css$k.dragHandle, !isDndAllowed && css$k.dndDisabled) }),
             React.createElement(Checkbox, { key: column.key, label: props.renderItem ? props.renderItem(props.column) : column.caption, value: isVisible, onValueChange: toggleVisibility, isReadonly: column.isAlwaysVisible || column.isLocked, cx: css$k.checkbox }),
             React.createElement(FlexRow, { size: null, cx: css$k.pinIconButton },
@@ -4519,7 +4561,7 @@ const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
     return (React.createElement(DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
 });
 
-var css$j = {"uui-typography":"_7vS0zu","hero-header":"X1lnVj","promo-header":"gRHTW9","uui-critical":"_9fM0Sp","uui-info":"_8oByDK","uui-success":"_34fDSr","uui-warning":"Tcv-Lq","uui-highlight":"D5w2J3","uui-typography-size-12":"Hzn5y9","uui-typography-size-14":"JQNEQb","uui-typography-size-16":"sbmUUB","root":"ytEO-D","main-panel":"fy0Zh0","group":"jhqQ4g","group-title":"_8sVl9j","group-items":"VZgG6d","no-data":"du3QwK","no-data-title":"E9OBnS","no-data-sub-title":"LHy9dF","h-divider":"KWU09P","search-area":"htAIGU","subgroup-accordion":"g3yCNo","subgroup":"pzs51Y","subgroup-title":"xwK1rL","uuiTypography":"_7vS0zu","heroHeader":"X1lnVj","promoHeader":"gRHTW9","uuiCritical":"_9fM0Sp","uuiInfo":"_8oByDK","uuiSuccess":"_34fDSr","uuiWarning":"Tcv-Lq","uuiHighlight":"D5w2J3","uuiTypographySize12":"Hzn5y9","uuiTypographySize14":"JQNEQb","uuiTypographySize16":"sbmUUB","mainPanel":"fy0Zh0","groupTitle":"_8sVl9j","groupItems":"VZgG6d","noData":"du3QwK","noDataTitle":"E9OBnS","noDataSubTitle":"LHy9dF","hDivider":"KWU09P","searchArea":"htAIGU","subgroupAccordion":"g3yCNo","subgroupTitle":"xwK1rL"};
+var css$j = {"uui-typography":"KgplVh","uuiTypography":"KgplVh","hero-header":"_3z46oz","heroHeader":"_3z46oz","promo-header":"aSfByy","promoHeader":"aSfByy","uui-critical":"-kmN6-","uuiCritical":"-kmN6-","uui-info":"gOCbKz","uuiInfo":"gOCbKz","uui-success":"s-j7wm","uuiSuccess":"s-j7wm","uui-warning":"bRdLIi","uuiWarning":"bRdLIi","uui-highlight":"_5ba1TS","uuiHighlight":"_5ba1TS","uui-typography-size-12":"aSpUTB","uuiTypographySize12":"aSpUTB","uui-typography-size-14":"GFCfcM","uuiTypographySize14":"GFCfcM","uui-typography-size-16":"M7tamb","uuiTypographySize16":"M7tamb","root":"YEj2G-","main-panel":"bvOmDB","mainPanel":"bvOmDB","group":"pJeATj","group-title":"_6xZk0n","groupTitle":"_6xZk0n","group-items":"LtZM3k","groupItems":"LtZM3k","no-data":"fXSkXm","noData":"fXSkXm","no-data-title":"JRLihe","noDataTitle":"JRLihe","no-data-sub-title":"OZtEVV","noDataSubTitle":"OZtEVV","h-divider":"A-jcwa","hDivider":"A-jcwa","search-area":"E01avZ","searchArea":"E01avZ","subgroup-accordion":"YXOcM0","subgroupAccordion":"YXOcM0","subgroup":"V7cY7x","subgroup-title":"k6Ccd1","subgroupTitle":"k6Ccd1"};
 
 const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { cx: css$j.group },
     React.createElement(Text, { size: "none", cx: css$j.groupTitle }, title),
@@ -4596,7 +4638,7 @@ function SubGroup(props) {
         const content = (React.createElement(FlexRow, { cx: css$j.groupItems, size: settings.sizes.dataTable.columnsConfigurationModal.columnRow }, items.map((c) => (React.createElement(ColumnRow, { column: c, key: c.key, renderItem: renderItem })))));
         if (isCollapsible) {
             const renderTitle = (isOpened) => {
-                const toggleIcon = isOpened ? ForwardRef$P : ForwardRef$u;
+                const toggleIcon = isOpened ? ForwardRef$Q : ForwardRef$v;
                 return (React.createElement(FlexRow, { cx: cx$1(css$j.subgroup) },
                     React.createElement(IconContainer, { size: settings.sizes.dataTable.columnsConfigurationModal.subgroupIcon, icon: toggleIcon }),
                     React.createElement(Text, { size: "none", color: "tertiary", cx: css$j.subgroupTitle }, title)));
@@ -4608,7 +4650,7 @@ function SubGroup(props) {
     return null;
 }
 
-var css$i = {"listContainer":"g0Agx8","header":"ljBQT-","group":"zDpcyF","stickyHeader":"wpU0Cq"};
+var css$i = {"listContainer":"GsO4aE","header":"RkAzZ1","group":"kfxV4L","stickyHeader":"yhqWI-"};
 
 const getChildrenAndRest = (row, rows) => {
     const firstNotChildIndex = rows.findIndex((other) => other.depth < row.depth || (row.depth === other.depth && other.isPinned));
@@ -4674,7 +4716,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
   }, props), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#c197vzu3wor0w2zw_a)"
+    clipPath: "url(#irbdyv3sdbmavwq4s_a)"
   }, _path$4 || (_path$4 = /*#__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"
@@ -4695,7 +4737,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: "c197vzyk4v7l3x55_b",
+    id: "irbdyvz3fm0pkcuyb_b",
     style: {
       maskType: "alpha"
     },
@@ -4708,7 +4750,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(#c197vzyk4v7l3x55_b)",
+    mask: "url(#irbdyvz3fm0pkcuyb_b)",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }, /*#__PURE__*/React.createElement("path", {
@@ -4794,7 +4836,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: "c197vzu3wor0w2zw_a"
+    id: "irbdyv3sdbmavwq4s_a"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
     transform: "translate(.552)",
@@ -4803,7 +4845,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
 };
 var ForwardRef$4 = /*#__PURE__*/forwardRef(SvgEmptyTable);
 
-var css$h = {"root":"UxF4WX","sticky-header":"trckK6","no-results":"eOqTqS","icon":"aUDQjY","title":"TT9z9K","stickyHeader":"trckK6","noResults":"eOqTqS"};
+var css$h = {"root":"GhBgB9","sticky-header":"OGC4-1","stickyHeader":"OGC4-1","no-results":"iRlySz","noResults":"iRlySz","icon":"tvWspJ","title":"Ryu-Nk"};
 
 function DataTable(props) {
     var _a, _b, _c, _d;
@@ -4854,9 +4896,9 @@ function DataTable(props) {
                 } }))));
 }
 
-var css$g = {"root":"_3HMgZx"};
+var css$g = {"root":"xeC7LW"};
 
-var css$f = {"root":"T-lHnh","burger-content":"M74N-l","burgerContent":"M74N-l"};
+var css$f = {"root":"oCeI3l","burger-content":"gSsPDf","burgerContent":"gSsPDf"};
 
 var _path$3;
 function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
@@ -4878,7 +4920,7 @@ function applyBurgerMods() {
 }
 const Burger = /* @__PURE__ */withMods(Burger$1, applyBurgerMods, () => ({
     burgerIcon: ForwardRef$3,
-    crossIcon: ForwardRef$Q,
+    crossIcon: ForwardRef$R,
     burgerContentCx: css$f.burgerContent,
 }));
 
@@ -4899,7 +4941,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
 };
 var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgNavigationArrowDownOutline);
 
-var css$e = {"uui-typography":"B1aMeP","hero-header":"N2M1tE","promo-header":"_4h8ZKO","uui-critical":"fYJYXE","uui-info":"_7-5Wp0","uui-success":"RdolxD","uui-warning":"j1Gix-","uui-highlight":"_0C-yEf","uui-typography-size-12":"nBRcFC","uui-typography-size-14":"naqwB2","uui-typography-size-16":"ZGYJsh","root":"_0JNB5I","button-primary":"P3X5l1","button-secondary":"vx2bx-","hasIcon":"TwA2OX","dropdown":"EB-zZB","uuiTypography":"B1aMeP","heroHeader":"N2M1tE","promoHeader":"_4h8ZKO","uuiCritical":"fYJYXE","uuiInfo":"_7-5Wp0","uuiSuccess":"RdolxD","uuiWarning":"j1Gix-","uuiHighlight":"_0C-yEf","uuiTypographySize12":"nBRcFC","uuiTypographySize14":"naqwB2","uuiTypographySize16":"ZGYJsh","buttonPrimary":"P3X5l1","buttonSecondary":"vx2bx-"};
+var css$e = {"uui-typography":"ZzTofE","uuiTypography":"ZzTofE","hero-header":"wKBlr8","heroHeader":"wKBlr8","promo-header":"eIX-Cs","promoHeader":"eIX-Cs","uui-critical":"gpRqdU","uuiCritical":"gpRqdU","uui-info":"FFRb4n","uuiInfo":"FFRb4n","uui-success":"m-T41J","uuiSuccess":"m-T41J","uui-warning":"gzGKsY","uuiWarning":"gzGKsY","uui-highlight":"-dM322","uuiHighlight":"-dM322","uui-typography-size-12":"mAHoK8","uuiTypographySize12":"mAHoK8","uui-typography-size-14":"bRb0Xu","uuiTypographySize14":"bRb0Xu","uui-typography-size-16":"ycDlYm","uuiTypographySize16":"ycDlYm","root":"j4lRmx","button-primary":"_6RLX2S","buttonPrimary":"_6RLX2S","button-secondary":"cmMp21","buttonSecondary":"cmMp21","hasIcon":"_5QJOdw","dropdown":"_6l0Nke"};
 
 const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
     css$e.root,
@@ -4910,13 +4952,13 @@ const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
     props.icon && css$e.hasIcon,
 ], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
 
-var css$d = {"search-input":"lAX5JR","searchInput":"lAX5JR"};
+var css$d = {"search-input":"Wk-6Jm","searchInput":"Wk-6Jm"};
 
 function BurgerSearch(props) {
-    return (React.createElement(TextInput$1, { cx: cx(css$d.searchInput, 'uui-main_menu-burger-search'), iconPosition: "left", icon: ForwardRef$N, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$Q }));
+    return (React.createElement(TextInput$1, { cx: cx(css$d.searchInput, 'uui-main_menu-burger-search'), iconPosition: "left", icon: ForwardRef$O, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$R }));
 }
 
-var css$c = {"root":"_8U94wu","group-header":"n5ArT6","group-name":"fDoU66","line":"OsC0Qv","groupHeader":"n5ArT6","groupName":"fDoU66"};
+var css$c = {"root":"eqs-qS","group-header":"ghB25R","groupHeader":"ghB25R","group-name":"_1fFoue","groupName":"_1fFoue","line":"sUZFjx"};
 
 function BurgerGroupHeader(props) {
     return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
@@ -4924,7 +4966,7 @@ function BurgerGroupHeader(props) {
         React.createElement("span", { className: css$c.groupName }, props.caption)));
 }
 
-var css$b = {"uui-typography":"tAMCWn","hero-header":"s8N5UW","promo-header":"w6tQ5R","uui-critical":"FI2hEx","uui-info":"B0spR4","uui-success":"I1w4CW","uui-warning":"hwADsG","uui-highlight":"ip6hUl","uui-typography-size-12":"U5ljdd","uui-typography-size-14":"W7FbAB","uui-typography-size-16":"QySmlq","root":"_2uXuPR","type-primary":"V4o-O0","type-secondary":"YB-SFw","uuiTypography":"tAMCWn","heroHeader":"s8N5UW","promoHeader":"w6tQ5R","uuiCritical":"FI2hEx","uuiInfo":"B0spR4","uuiSuccess":"I1w4CW","uuiWarning":"hwADsG","uuiHighlight":"ip6hUl","uuiTypographySize12":"U5ljdd","uuiTypographySize14":"W7FbAB","uuiTypographySize16":"QySmlq","typePrimary":"V4o-O0","typeSecondary":"YB-SFw"};
+var css$b = {"uui-typography":"Qchoss","uuiTypography":"Qchoss","hero-header":"T0ggUo","heroHeader":"T0ggUo","promo-header":"tAt5t-","promoHeader":"tAt5t-","uui-critical":"O0h2-7","uuiCritical":"O0h2-7","uui-info":"IPeckj","uuiInfo":"IPeckj","uui-success":"WzVRDr","uuiSuccess":"WzVRDr","uui-warning":"HqWyOG","uuiWarning":"HqWyOG","uui-highlight":"_209B6v","uuiHighlight":"_209B6v","uui-typography-size-12":"Fp3viP","uuiTypographySize12":"Fp3viP","uui-typography-size-14":"e7SxT-","uuiTypographySize14":"e7SxT-","uui-typography-size-16":"JVj2cm","uuiTypographySize16":"JVj2cm","root":"RVJUZD","type-primary":"Z5-8e-","typePrimary":"Z5-8e-","type-secondary":"-Ztepj","typeSecondary":"-Ztepj"};
 
 const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { type } = props, clickableProps = __rest(props, ["type"]);
@@ -4937,10 +4979,10 @@ const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
         props.caption && (React.createElement("div", { className: uuiElement.caption }, props.caption)),
         props.count !== undefined && props.count !== null && (React.createElement(CountIndicator, { caption: props.count, color: "neutral", size: "18" })),
         props.icon && props.iconPosition === 'right' && (React.createElement(IconContainer, { icon: props.icon, onClick: props.onIconClick })),
-        props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
+        props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$Q, flipY: props.isOpen }))));
 });
 
-var css$a = {"dropdown-body":"x3wuns","dropdownBody":"x3wuns"};
+var css$a = {"dropdown-body":"Q8Hvew","dropdownBody":"Q8Hvew"};
 
 class MainMenuDropdown extends React.Component {
     render() {
@@ -4995,31 +5037,31 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
 };
 var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationGlobalMenuOutlineOutline);
 
-var css$9 = {"global-menu-btn":"Q98fT4","global-menu-icon":"pWr5EE","globalMenuBtn":"Q98fT4","globalMenuIcon":"pWr5EE"};
+var css$9 = {"global-menu-btn":"HNp83b","globalMenuBtn":"HNp83b","global-menu-icon":"J8g7-p","globalMenuIcon":"J8g7-p"};
 
 const GlobalMenu = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", Object.assign({ 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":"gqu-a9","open":"IXkE1y","folding-arrow":"ez-nIj","foldingArrow":"ez-nIj"};
+var css$8 = {"container":"Wt8sGJ","open":"X-D-Un","folding-arrow":"K7lbt4","foldingArrow":"K7lbt4"};
 
 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 },
     React.createElement(Avatar, { size: "36", img: props.avatarUrl }),
     props.icon && React.createElement(IconContainer, { icon: props.icon }),
     props.isDropdown && (React.createElement("div", null,
-        React.createElement(IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
+        React.createElement(IconContainer, { size: 18, icon: ForwardRef$Q, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
 
-var css$7 = {"search-input":"nYNGlA","searchInput":"nYNGlA"};
+var css$7 = {"search-input":"TZAcG7","searchInput":"TZAcG7"};
 
 const MainMenuSearch = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => {
         var _a;
-        return (React.createElement(TextInput$1, Object.assign({ iconPosition: "left", icon: ForwardRef$N, cancelIcon: ((_a = props.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && ForwardRef$Q }, props, iEditable, { ref: ref, cx: cx$1(css$7.searchInput, props.cx) }, props.rawProps)));
+        return (React.createElement(TextInput$1, Object.assign({ iconPosition: "left", icon: ForwardRef$O, cancelIcon: ((_a = props.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && ForwardRef$R }, props, iEditable, { ref: ref, cx: cx$1(css$7.searchInput, props.cx) }, props.rawProps)));
     } }))));
 
-var css$6 = {"container":"M4P1RR"};
+var css$6 = {"container":"MCIorh"};
 
 const MainMenuIcon = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IconButton, Object.assign({ ref: ref, icon: props.icon, cx: cx$1(props.cx, css$6.container) }, props))));
 
-var css$5 = {"root":"bv3-rM"};
+var css$5 = {"root":"J-24yd"};
 
 const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
 
@@ -5077,7 +5119,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
 };
 var ForwardRef = /*#__PURE__*/forwardRef(SvgFileCloudUploadFill);
 
-var css$4 = {"root":"KKW0eo","drop-start":"Vjpx5W","drop-over":"sjr4CF","link":"_3UitLJ","drop-area":"Yy5NvG","drop-caption":"c0lAec","icon-blue":"HcdHBm","dropStart":"Vjpx5W","dropOver":"sjr4CF","dropArea":"Yy5NvG","dropCaption":"c0lAec","iconBlue":"HcdHBm"};
+var css$4 = {"root":"E3-Aah","drop-start":"Zj2nIn","dropStart":"Zj2nIn","drop-over":"W5zanS","dropOver":"W5zanS","link":"KkFQ7O","drop-area":"T-0TCs","dropArea":"T-0TCs","drop-caption":"yXyVlu","dropCaption":"yXyVlu","icon-blue":"-UJ5SO","iconBlue":"-UJ5SO"};
 
 function DropSpot(props) {
     const getInfoText = typeof props.infoText === 'string'
@@ -5095,9 +5137,9 @@ function DropSpot(props) {
     return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
 }
 
-var css$3 = {"uui-typography":"_4YOQC3","hero-header":"_6L0-1h","promo-header":"g-yA3O","uui-critical":"qmMIXE","uui-info":"QpmsM2","uui-success":"dBpVRh","uui-warning":"D-iHug","uui-highlight":"_1HEJb-","uui-typography-size-12":"en6UVK","uui-typography-size-14":"_82lZx5","uui-typography-size-16":"ePkYlx","root":"p8AX8h","file-name":"_1M1otj","default-color":"s22H6-","doc-color":"Kuut4t","xls-color":"IcrZLJ","pdf-color":"_8NU--y","movie-color":"gwsTeN","img-color":"_2zsgjm","mov-color":"SyOBX9","error-block":"w13L7e","icons-block":"ZRKAlG","uuiTypography":"_4YOQC3","heroHeader":"_6L0-1h","promoHeader":"g-yA3O","uuiCritical":"qmMIXE","uuiInfo":"QpmsM2","uuiSuccess":"dBpVRh","uuiWarning":"D-iHug","uuiHighlight":"_1HEJb-","uuiTypographySize12":"en6UVK","uuiTypographySize14":"_82lZx5","uuiTypographySize16":"ePkYlx","fileName":"_1M1otj","defaultColor":"s22H6-","docColor":"Kuut4t","xlsColor":"IcrZLJ","pdfColor":"_8NU--y","movieColor":"gwsTeN","imgColor":"_2zsgjm","movColor":"SyOBX9","errorBlock":"w13L7e","iconsBlock":"ZRKAlG"};
+var css$3 = {"uui-typography":"D5I0Oj","uuiTypography":"D5I0Oj","hero-header":"MTh9Av","heroHeader":"MTh9Av","promo-header":"n-bTJX","promoHeader":"n-bTJX","uui-critical":"BRkqX1","uuiCritical":"BRkqX1","uui-info":"PCDl5S","uuiInfo":"PCDl5S","uui-success":"vkAd2j","uuiSuccess":"vkAd2j","uui-warning":"xg5ERg","uuiWarning":"xg5ERg","uui-highlight":"q2J0zc","uuiHighlight":"q2J0zc","uui-typography-size-12":"-nQyq9","uuiTypographySize12":"-nQyq9","uui-typography-size-14":"ii5gKm","uuiTypographySize14":"ii5gKm","uui-typography-size-16":"dJxzdw","uuiTypographySize16":"dJxzdw","root":"VWKwjk","file-name":"je5VsA","fileName":"je5VsA","default-color":"iVxlBa","defaultColor":"iVxlBa","doc-color":"aQwxNR","docColor":"aQwxNR","xls-color":"fU6Z4p","xlsColor":"fU6Z4p","pdf-color":"dQ0yRR","pdfColor":"dQ0yRR","movie-color":"_953Ltv","movieColor":"_953Ltv","img-color":"BaiaC-","imgColor":"BaiaC-","mov-color":"VCzps1","movColor":"VCzps1","error-block":"QG506f","errorBlock":"QG506f","icons-block":"z46Bwc","iconsBlock":"z46Bwc"};
 
-var css$2 = {"root":"_0vTI6H"};
+var css$2 = {"root":"-Duubg"};
 
 const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
     const outsetRadius = props.size / 2 - 1;
@@ -5162,7 +5204,7 @@ const FileCard = /* @__PURE__ */React.forwardRef((props, ref) => {
     };
     const renderErrorContent = () => (React.createElement(Tooltip, { content: file.error.message, placement: "bottom-start" },
         React.createElement("div", { className: css$3.errorBlock },
-            React.createElement(IconContainer, { icon: ForwardRef$x, size: 12 }),
+            React.createElement(IconContainer, { icon: ForwardRef$y, size: 12 }),
             i18n.fileCard.failedUploadErrorMessage)));
     const renderSuccessfulContent = () => (React.createElement(Text, { size: "18", fontSize: "14", lineHeight: "18", color: "tertiary" },
         fileExtension && `${fileExtension.toUpperCase()}, `,
@@ -5180,7 +5222,7 @@ const FileCard = /* @__PURE__ */React.forwardRef((props, ref) => {
                 (error === null || error === void 0 ? void 0 : error.isError) ? renderErrorContent() : renderSuccessfulContent()),
             React.createElement("div", { className: cx$1(css$3.iconsBlock), onMouseEnter: mouseEnterHandler, onMouseLeave: mouseLeaveHandler },
                 isLoadingShow && isLoading && React.createElement(SvgCircleProgress, { progress: progress, size: 18 }),
-                isCrossShow && React.createElement(IconButton, { icon: ForwardRef$Q, onClick: removeHandler })))));
+                isCrossShow && React.createElement(IconButton, { icon: ForwardRef$R, onClick: removeHandler })))));
 });
 
 const getRecoveryMessageConfig = () => ({
@@ -5222,7 +5264,7 @@ const getErrorPageConfig = () => ({
     },
 });
 
-var css$1 = {"container":"FfPath"};
+var css$1 = {"container":"kJ9Qbx"};
 
 const ErrorPage = (props) => {
     const isMobileScreen = isMobile();
@@ -5233,7 +5275,7 @@ const ErrorPage = (props) => {
             React__default.createElement("div", { className: "uui-error-subtitle" }, props.subtitle))));
 };
 
-var css = {"recovery-spinner":"XcGgZy","recovery-message":"_2uQJ4Z","modal-blocker":"L3B00D","modalFadeIn":"Xtv6rT","recoverySpinner":"XcGgZy","recoveryMessage":"_2uQJ4Z","modalBlocker":"L3B00D"};
+var css = {"recovery-spinner":"Hn84-t","recoverySpinner":"Hn84-t","recovery-message":"Ta1Jnl","recoveryMessage":"Ta1Jnl","modal-blocker":"eqyz2j","modalBlocker":"eqyz2j","modalFadeIn":"_-90gZ1"};
 
 function ErrorHandler(props) {
     const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();
@@ -5284,5 +5326,5 @@ function ErrorHandler(props) {
         errorType === 'recovery' && renderRecoveryBlocker(errorInfo)));
 }
 
-export { Accordion, Alert, Anchor, AvatarStack, Badge, Blocker, Burger, BurgerButton, BurgerGroupHeader, BurgerSearch, Button, Calendar, Checkbox, CheckboxGroup, ClearNotification, ColumnHeaderDropdown, ColumnsConfigurationModal, ConfirmationModal, ControlGroup, CountIndicator, DataPickerBody, DataPickerFooter, DataPickerHeader, DataPickerRow, DataRowAddons, DataRowsContainer, DataTable, DataTableCell, DataTableHeaderCell, DataTableHeaderRow, DataTableRow, DatePicker, DatePickerBody, DatePickerComponent, DropMarker, DropSpot, Dropdown, DropdownContainer, DropdownMenuBody, DropdownMenuButton, DropdownMenuHeader, DropdownMenuSplitter, DropdownMenuSwitchButton, DropdownSubMenu, ErrorAlert, ErrorHandler, ErrorNotification, ErrorPage, FileCard, FilterItemBody, FilterPickerBody, FiltersPanel, FlexCell, FlexRow, Form, GlobalMenu, HintAlert, HintNotification, IDropdownControlKeys, IconButton, IndeterminateBar, IndicatorBar, InputAddon, LabeledInput, LinkButton, MainMenu, MainMenuAvatar, MainMenuButton, MainMenuDropdown, MainMenuIcon, MainMenuSearch, ModalBlocker, ModalFooter, ModalHeader, ModalWindow, MultiSwitch, NotificationCard, NumericInput, Paginator, Panel, PickerBodyMobileView, PickerInput, PickerItem, PickerList, PickerListItem, PickerModal, PickerToggler, PickerTogglerTag, PresetsPanel, ProgressBar, RadioGroup, RadioInput, RangeDatePicker, RangeDatePickerBody, RangeDatePickerInput, RichTextView, ScrollBars, SearchInput, Slider, Snackbar, Spinner, StatusIndicator, SuccessAlert, SuccessNotification, SvgCircleProgress, Switch, TabButton, Tag, Text, TextArea, TextInput, TextPlaceholder, TimePicker, TimePickerBody, Tooltip, VerticalTabButton, VirtualList, WarningAlert, WarningNotification, applyDateSelectionMods, defaultPredicates, getErrorPageConfig, getHighlightRanges, getHighlightedSearchMatches, getRecoveryMessageConfig, i18n, propsMods, rangeDatePickerPresets, renderCell, renderDropMarkers, settings, useColumnsWithFilters, useForm, uuiDatePickerBody, uuiRangeDatePickerBody, uuiTimePicker };
+export { Accordion, Alert, Anchor, AvatarStack, Badge, Blocker, Burger, BurgerButton, BurgerGroupHeader, BurgerSearch, Button, Calendar, Checkbox, CheckboxGroup, ClearNotification, ColumnHeaderDropdown, ColumnsConfigurationModal, ConfirmationModal, ControlGroup, CountIndicator, DataPickerBody, DataPickerFooter, DataPickerHeader, DataPickerRow, DataRowAddons, DataRowsContainer, DataTable, DataTableCell, DataTableHeaderCell, DataTableHeaderRow, DataTableRow, DatePicker, DatePickerBody, DatePickerComponent, DropMarker, DropSpot, Dropdown, DropdownContainer, DropdownMenuBody, DropdownMenuButton, DropdownMenuHeader, DropdownMenuSplitter, DropdownMenuSwitchButton, DropdownSubMenu, ErrorAlert, ErrorHandler, ErrorNotification, ErrorPage, FileCard, FilterItemBody, FilterPickerBody, FiltersPanel, FlexCell, FlexRow, Form, GlobalMenu, HintAlert, HintNotification, IDropdownControlKeys, IconButton, IndeterminateBar, IndicatorBar, InputAddon, LabeledInput, LinkButton, MainMenu, MainMenuAvatar, MainMenuButton, MainMenuDropdown, MainMenuIcon, MainMenuSearch, ModalBlocker, ModalFooter, ModalHeader, ModalWindow, MultiSwitch, NotificationCard, NumericInput, Paginator, Panel, PickerBodyMobileView, PickerInput, PickerItem, PickerList, PickerListItem, PickerModal, PickerToggler, PickerTogglerTag, PresetsPanel, ProgressBar, RadioGroup, RadioInput, RangeDatePicker, RangeDatePickerBody, RangeDatePickerInput, Rating, RichTextView, ScrollBars, SearchInput, Slider, Snackbar, Spinner, StatusIndicator, SuccessAlert, SuccessNotification, SvgCircleProgress, Switch, TabButton, Tag, Text, TextArea, TextInput, TextPlaceholder, TimePicker, TimePickerBody, Tooltip, VerticalTabButton, VirtualList, WarningAlert, WarningNotification, applyDateSelectionMods, defaultPredicates, getErrorPageConfig, getHighlightRanges, getHighlightedSearchMatches, getRecoveryMessageConfig, i18n, propsMods, rangeDatePickerPresets, renderCell, renderDropMarkers, settings, useColumnsWithFilters, useForm, uuiDatePickerBody, uuiRangeDatePickerBody, uuiTimePicker };
 //# sourceMappingURL=index.esm.js.map