@epam/uui 5.12.0-rc.0 → 5.12.0

package/index.esm.js

@@ -16,176 +16,176 @@ import customParseFormat from 'dayjs/plugin/customParseFormat.js';
 import isoWeek from 'dayjs/plugin/isoWeek.js';
 import FocusLock from 'react-focus-lock';
 
-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 _path$R;
+function _extends$R() { return _extends$R = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$R.apply(null, arguments); }
 var SvgNavigationCloseOutline = function SvgNavigationCloseOutline(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$Q({
+  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$Q || (_path$Q = /*#__PURE__*/React.createElement("path", {
+  }, 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$Q = /*#__PURE__*/forwardRef(SvgNavigationCloseOutline);
+var ForwardRef$R = /*#__PURE__*/forwardRef(SvgNavigationCloseOutline);
 
-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 _path$Q;
+function _extends$Q() { return _extends$Q = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$Q.apply(null, arguments); }
 var SvgNavigationChevronDownOutline = function SvgNavigationChevronDownOutline(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$P({
+  return /*#__PURE__*/React.createElement("svg", _extends$Q({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$P || (_path$P = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$Q || (_path$Q = /*#__PURE__*/React.createElement("path", {
     d: "M5.414 8.086 4 9.5l8 8 8-8-1.414-1.414L12 14.672 5.414 8.086z"
   })));
 };
-var ForwardRef$P = /*#__PURE__*/forwardRef(SvgNavigationChevronDownOutline);
+var ForwardRef$Q = /*#__PURE__*/forwardRef(SvgNavigationChevronDownOutline);
 
-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 _path$P;
+function _extends$P() { return _extends$P = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$P.apply(null, arguments); }
 var SvgNotificationDoneOutline = function SvgNotificationDoneOutline(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$O({
+  return /*#__PURE__*/React.createElement("svg", _extends$P({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$O || (_path$O = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$P || (_path$P = /*#__PURE__*/React.createElement("path", {
     d: "m20.503 7.4-1.778-1.78-9.175 9.176-4.275-4.275L3.496 12.3l6.054 6.053L20.503 7.4z"
   })));
 };
-var ForwardRef$O = /*#__PURE__*/forwardRef(SvgNotificationDoneOutline);
+var ForwardRef$P = /*#__PURE__*/forwardRef(SvgNotificationDoneOutline);
 
-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 _path$O;
+function _extends$O() { return _extends$O = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$O.apply(null, arguments); }
 var SvgActionSearchOutline = function SvgActionSearchOutline(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$N({
+  return /*#__PURE__*/React.createElement("svg", _extends$O({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$N || (_path$N = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$O || (_path$O = /*#__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"
   })));
 };
-var ForwardRef$N = /*#__PURE__*/forwardRef(SvgActionSearchOutline);
+var ForwardRef$O = /*#__PURE__*/forwardRef(SvgActionSearchOutline);
 
-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 _path$N;
+function _extends$N() { return _extends$N = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$N.apply(null, arguments); }
 var SvgActionCalendarFill = function SvgActionCalendarFill(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$M({
+  return /*#__PURE__*/React.createElement("svg", _extends$N({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$M || (_path$M = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$N || (_path$N = /*#__PURE__*/React.createElement("path", {
     d: "M5 22a1.93 1.93 0 0 1-1.413-.587A1.928 1.928 0 0 1 3 20V6c0-.55.196-1.02.587-1.412A1.927 1.927 0 0 1 5 4h1V2h2v2h8V2h2v2h1c.55 0 1.021.196 1.413.588.391.391.587.862.587 1.412v14a1.93 1.93 0 0 1-.587 1.413A1.928 1.928 0 0 1 19 22H5zm0-2h14V10H5v10z"
   })));
 };
-var ForwardRef$M = /*#__PURE__*/forwardRef(SvgActionCalendarFill);
+var ForwardRef$N = /*#__PURE__*/forwardRef(SvgActionCalendarFill);
 
-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 _path$M;
+function _extends$M() { return _extends$M = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$M.apply(null, arguments); }
 var SvgNotificationInfoOutline = function SvgNotificationInfoOutline(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$L({
+  return /*#__PURE__*/React.createElement("svg", _extends$M({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$L || (_path$L = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$M || (_path$M = /*#__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"
   })));
 };
-var ForwardRef$L = /*#__PURE__*/forwardRef(SvgNotificationInfoOutline);
+var ForwardRef$M = /*#__PURE__*/forwardRef(SvgNotificationInfoOutline);
 
-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 _path$L;
+function _extends$L() { return _extends$L = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$L.apply(null, arguments); }
 var SvgFileFileWordFill = function SvgFileFileWordFill(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$K({
+  return /*#__PURE__*/React.createElement("svg", _extends$L({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$K || (_path$K = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$L || (_path$L = /*#__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",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$K = /*#__PURE__*/forwardRef(SvgFileFileWordFill);
+var ForwardRef$L = /*#__PURE__*/forwardRef(SvgFileFileWordFill);
 
-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 _path$K;
+function _extends$K() { return _extends$K = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$K.apply(null, arguments); }
 var SvgFileFileExcelFill = function SvgFileFileExcelFill(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$J({
+  return /*#__PURE__*/React.createElement("svg", _extends$K({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$J || (_path$J = /*#__PURE__*/React.createElement("path", {
+  }, 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.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$J = /*#__PURE__*/forwardRef(SvgFileFileExcelFill);
+var ForwardRef$K = /*#__PURE__*/forwardRef(SvgFileFileExcelFill);
 
-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 _path$J;
+function _extends$J() { return _extends$J = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$J.apply(null, arguments); }
 var SvgFileFilePdfFill = function SvgFileFilePdfFill(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$I({
+  return /*#__PURE__*/React.createElement("svg", _extends$J({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$I || (_path$I = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$J || (_path$J = /*#__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",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$I = /*#__PURE__*/forwardRef(SvgFileFilePdfFill);
+var ForwardRef$J = /*#__PURE__*/forwardRef(SvgFileFilePdfFill);
 
-var _path$H;
-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 _path$I;
+function _extends$I() { return _extends$I = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$I.apply(null, arguments); }
 var SvgFileFileImageFill = function SvgFileFileImageFill(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$H({
+  return /*#__PURE__*/React.createElement("svg", _extends$I({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$H || (_path$H = /*#__PURE__*/React.createElement("path", {
+  }, 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-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$H = /*#__PURE__*/forwardRef(SvgFileFileImageFill);
+var ForwardRef$I = /*#__PURE__*/forwardRef(SvgFileFileImageFill);
 
-var _path$G, _path2$5;
-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 _path$H, _path2$5;
+function _extends$H() { return _extends$H = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$H.apply(null, arguments); }
 var SvgFileFileVideoFill = function SvgFileFileVideoFill(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$G({
+  return /*#__PURE__*/React.createElement("svg", _extends$H({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$G || (_path$G = /*#__PURE__*/React.createElement("path", {
+  }, 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",
@@ -193,97 +193,98 @@ var SvgFileFileVideoFill = function SvgFileFileVideoFill(props, ref) {
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$G = /*#__PURE__*/forwardRef(SvgFileFileVideoFill);
+var ForwardRef$H = /*#__PURE__*/forwardRef(SvgFileFileVideoFill);
 
-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 _path$G;
+function _extends$G() { return _extends$G = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$G.apply(null, arguments); }
 var SvgFileFileTableFill = function SvgFileFileTableFill(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$F({
+  return /*#__PURE__*/React.createElement("svg", _extends$G({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$F || (_path$F = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$G || (_path$G = /*#__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",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$F = /*#__PURE__*/forwardRef(SvgFileFileTableFill);
+var ForwardRef$G = /*#__PURE__*/forwardRef(SvgFileFileTableFill);
 
-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 _path$F;
+function _extends$F() { return _extends$F = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$F.apply(null, arguments); }
 var SvgFileFileTextFill = function SvgFileFileTextFill(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$E({
+  return /*#__PURE__*/React.createElement("svg", _extends$F({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$E || (_path$E = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$F || (_path$F = /*#__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",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$E = /*#__PURE__*/forwardRef(SvgFileFileTextFill);
+var ForwardRef$F = /*#__PURE__*/forwardRef(SvgFileFileTextFill);
 
-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 _path$E;
+function _extends$E() { return _extends$E = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$E.apply(null, arguments); }
 var SvgFileFileEmlFill = function SvgFileFileEmlFill(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$D({
+  return /*#__PURE__*/React.createElement("svg", _extends$E({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$D || (_path$D = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$E || (_path$E = /*#__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 ForwardRef$E = /*#__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 _path$D;
+function _extends$D() { return _extends$D = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$D.apply(null, arguments); }
 var SvgFileFileFill = function SvgFileFileFill(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$C({
+  return /*#__PURE__*/React.createElement("svg", _extends$D({
     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", {
+  }, props), _path$D || (_path$D = /*#__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 = {
     sizes: {
         defaults: {
+            alert: '48',
             badge: '36',
             button: '36',
             checkbox: '18',
@@ -302,6 +303,13 @@ const settings = {
             labeledInput: '36',
             statusIndicator: '24',
             paginator: '30',
+            rating: '18',
+        },
+        alert: {
+            action: {
+                36: '24',
+                48: '30',
+            },
         },
         tag: {
             countIndicator: {
@@ -581,11 +589,11 @@ const settings = {
     },
 };
 
-var css$1x = {"uui-typography":"oPhd0A","hero-header":"CVggzf","promo-header":"-NftxO","uui-critical":"BjTM8o","uui-info":"UbWgsY","uui-success":"_4y88m-","uui-warning":"kzBfRe","uui-highlight":"PP1oA8","uui-typography-size-12":"BKSrF2","uui-typography-size-14":"Z2pfLR","uui-typography-size-16":"kogV7Z","root":"qynglP","uuiTypography":"oPhd0A","heroHeader":"CVggzf","promoHeader":"-NftxO","uuiCritical":"BjTM8o","uuiInfo":"UbWgsY","uuiSuccess":"_4y88m-","uuiWarning":"kzBfRe","uuiHighlight":"PP1oA8","uuiTypographySize12":"BKSrF2","uuiTypographySize14":"Z2pfLR","uuiTypographySize16":"kogV7Z"};
+var css$1y = {"uui-typography":"BLa8lF","uuiTypography":"BLa8lF","hero-header":"_85rhtM","heroHeader":"_85rhtM","promo-header":"mEmWKX","promoHeader":"mEmWKX","uui-critical":"l56Qog","uuiCritical":"l56Qog","uui-info":"b5EVQU","uuiInfo":"b5EVQU","uui-success":"L5c5t5","uuiSuccess":"L5c5t5","uui-warning":"UmI9Rd","uuiWarning":"UmI9Rd","uui-highlight":"v6mRbk","uuiHighlight":"v6mRbk","uui-typography-size-12":"_6GTW6C","uuiTypographySize12":"_6GTW6C","uui-typography-size-14":"RaO9pV","uuiTypographySize14":"RaO9pV","uui-typography-size-16":"-xf5Fz","uuiTypographySize16":"-xf5Fz","root":"Sd8wUq"};
 
 function applyButtonMods(mods) {
     return [
-        css$1x.root,
+        css$1y.root,
         'uui-button',
         `uui-fill-${mods.fill || 'solid'}`,
         `uui-color-${mods.color || 'primary'}`,
@@ -599,10 +607,10 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
     };
 });
 
-var css$1w = {"root":"yu82wx"};
+var css$1x = {"root":"ceu4Jl"};
 
 function applyIconButtonMods(props) {
-    return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1w.root];
+    return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1x.root];
 }
 const IconButton = /* @__PURE__ */withMods(uuiComponents.IconButton, applyIconButtonMods, (props) => {
     const isDeprecated = ['info', 'success', 'error', 'warning'].includes(props.color);
@@ -636,7 +644,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$1v = {"uui-typography":"zdx-JE","hero-header":"_0-kBf4","promo-header":"R-rHPK","uui-critical":"S2NOCn","uui-info":"_4tHaa4","uui-success":"zUgmsy","uui-warning":"UMDHBQ","uui-highlight":"QaI3-r","uui-typography-size-12":"-M93cb","uui-typography-size-14":"JeIj6-","uui-typography-size-16":"nn31sc","root":"XWXkk0","uuiTypography":"zdx-JE","heroHeader":"_0-kBf4","promoHeader":"R-rHPK","uuiCritical":"S2NOCn","uuiInfo":"_4tHaa4","uuiSuccess":"zUgmsy","uuiWarning":"UMDHBQ","uuiHighlight":"QaI3-r","uuiTypographySize12":"-M93cb","uuiTypographySize14":"JeIj6-","uuiTypographySize16":"nn31sc"};
+var css$1w = {"uui-typography":"Mcf8PD","uuiTypography":"Mcf8PD","hero-header":"MRFvdy","heroHeader":"MRFvdy","promo-header":"_3JCoue","promoHeader":"_3JCoue","uui-critical":"_60ld5v","uuiCritical":"_60ld5v","uui-info":"EOZAqo","uuiInfo":"EOZAqo","uui-success":"pTKEcf","uuiSuccess":"pTKEcf","uui-warning":"Kh6Nqy","uuiWarning":"Kh6Nqy","uui-highlight":"DFEJcW","uuiHighlight":"DFEJcW","uui-typography-size-12":"mvKHRF","uuiTypographySize12":"mvKHRF","uui-typography-size-14":"i-WTso","uuiTypographySize14":"i-WTso","uui-typography-size-16":"J1RW9l","uuiTypographySize16":"J1RW9l","root":"QA3aGj"};
 
 const DEFAULT_COLOR = 'primary';
 const DEFAULT_WEIGHT = 'semibold';
@@ -652,7 +660,7 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
     }
     const rootStyles = [
         'uui-link_button',
-        css$1v.root,
+        css$1w.root,
         `uui-size-${props.size || settings.sizes.defaults.linkButton}`,
         ...getIconClass(props),
         `uui-color-${props.color || DEFAULT_COLOR}`,
@@ -667,11 +675,11 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
         props.isDropdown && (React.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$1u = {"root":"_1NYrxj"};
+var css$1v = {"root":"ijU3T6"};
 
 const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
-            css$1u.root,
+            css$1v.root,
             'uui-count_indicator',
             `uui-size-${props.size || settings.sizes.defaults.countIndicator}`,
             props.color && `uui-color-${props.color}`,
@@ -679,11 +687,11 @@ const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
         ]) }, props.caption));
 });
 
-var css$1t = {"uui-typography":"dLx-4U","hero-header":"FhHpzj","promo-header":"_2DFdxd","uui-critical":"tKRuYD","uui-info":"Fz-bK2","uui-success":"H0wz--","uui-warning":"XlwlkV","uui-highlight":"HL-Yb6","uui-typography-size-12":"YTJm-J","uui-typography-size-14":"nn7pw9","uui-typography-size-16":"upAMrm","root":"lRoUG2","withNotify":"iErYq4","uuiTypography":"dLx-4U","heroHeader":"FhHpzj","promoHeader":"_2DFdxd","uuiCritical":"tKRuYD","uuiInfo":"Fz-bK2","uuiSuccess":"H0wz--","uuiWarning":"XlwlkV","uuiHighlight":"HL-Yb6","uuiTypographySize12":"YTJm-J","uuiTypographySize14":"nn7pw9","uuiTypographySize16":"upAMrm"};
+var css$1u = {"uui-typography":"K4BCuG","uuiTypography":"K4BCuG","hero-header":"_3ztadS","heroHeader":"_3ztadS","promo-header":"WU0Fwo","promoHeader":"WU0Fwo","uui-critical":"_2B780H","uuiCritical":"_2B780H","uui-info":"dnVppf","uuiInfo":"dnVppf","uui-success":"u-LjWn","uuiSuccess":"u-LjWn","uui-warning":"RFH7I2","uuiWarning":"RFH7I2","uui-highlight":"YkTVN7","uuiHighlight":"YkTVN7","uui-typography-size-12":"_5R973l","uuiTypographySize12":"_5R973l","uui-typography-size-14":"hImHWJ","uuiTypographySize14":"hImHWJ","uui-typography-size-16":"zTqlny","uuiTypographySize16":"zTqlny","root":"GBNWjd","withNotify":"jJfu9k"};
 
 const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const styles = [
-        css$1t.root,
+        css$1u.root,
         'uui-tab-button',
         `uui-size-${props.size || settings.sizes.defaults.tabButton}`,
         ...getIconClass(props),
@@ -695,48 +703,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$1t.withNotify }))),
+            props.withNotify && React__default.createElement("div", { className: css$1u.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$1s = {"uui-typography":"dN-7su","hero-header":"Ak0Pf0","promo-header":"S7wuRt","uui-critical":"Q6BLlK","uui-info":"l3tkPb","uui-success":"D1QyYi","uui-warning":"QF-Gdz","uui-highlight":"INl9bc","uui-typography-size-12":"PtxwTU","uui-typography-size-14":"_1VKeOH","uui-typography-size-16":"GNbNo-","root":"C7t3p1","uuiTypography":"dN-7su","heroHeader":"Ak0Pf0","promoHeader":"S7wuRt","uuiCritical":"Q6BLlK","uuiInfo":"l3tkPb","uuiSuccess":"D1QyYi","uuiWarning":"QF-Gdz","uuiHighlight":"INl9bc","uuiTypographySize12":"PtxwTU","uuiTypographySize14":"_1VKeOH","uuiTypographySize16":"GNbNo-"};
+var css$1t = {"uui-typography":"_39kwba","uuiTypography":"_39kwba","hero-header":"UZRX3R","heroHeader":"UZRX3R","promo-header":"yfxkWl","promoHeader":"yfxkWl","uui-critical":"hueuAZ","uuiCritical":"hueuAZ","uui-info":"UkFDEB","uuiInfo":"UkFDEB","uui-success":"vDIsUT","uuiSuccess":"vDIsUT","uui-warning":"izh9oU","uuiWarning":"izh9oU","uui-highlight":"q2go0J","uuiHighlight":"q2go0J","uui-typography-size-12":"dlRMag","uuiTypographySize12":"dlRMag","uui-typography-size-14":"PKHpAV","uuiTypographySize14":"PKHpAV","uui-typography-size-16":"bGl9CC","uuiTypographySize16":"bGl9CC","root":"EK9DMf"};
 
 function applyVerticalTabButtonMods() {
-    return [css$1s.root, 'uui-vertical-tab-button'];
+    return [css$1t.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() { return _extends$C = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$C.apply(null, arguments); }
 var 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$1r = {"uui-typography":"Xum7fa","hero-header":"KAMHwn","promo-header":"cQVXec","uui-critical":"KYss4W","uui-info":"GEuQ86","uui-success":"zkwvSN","uui-warning":"tAiNa7","uui-highlight":"pB65h7","uui-typography-size-12":"iJAK5C","uui-typography-size-14":"xb-8ur","uui-typography-size-16":"_9K8M3Y","root":"Q9H8K9","mode-cell":"GAuoD7","uuiTypography":"Xum7fa","heroHeader":"KAMHwn","promoHeader":"cQVXec","uuiCritical":"KYss4W","uuiInfo":"GEuQ86","uuiSuccess":"zkwvSN","uuiWarning":"tAiNa7","uuiHighlight":"pB65h7","uuiTypographySize12":"iJAK5C","uuiTypographySize14":"xb-8ur","uuiTypographySize16":"_9K8M3Y","modeCell":"GAuoD7"};
+var css$1s = {"uui-typography":"yv-DuJ","uuiTypography":"yv-DuJ","hero-header":"-HI3ft","heroHeader":"-HI3ft","promo-header":"oCYW32","promoHeader":"oCYW32","uui-critical":"O3gHrK","uuiCritical":"O3gHrK","uui-info":"es4Xts","uuiInfo":"es4Xts","uui-success":"_6gee-u","uuiSuccess":"_6gee-u","uui-warning":"teVG2Y","uuiWarning":"teVG2Y","uui-highlight":"_45e4sr","uuiHighlight":"_45e4sr","uui-typography-size-12":"_8gq8Ha","uuiTypographySize12":"_8gq8Ha","uui-typography-size-14":"JyqOLB","uuiTypographySize14":"JyqOLB","uui-typography-size-16":"vEzUiO","uuiTypographySize16":"vEzUiO","root":"bXXMWv","mode-cell":"VNLE04","modeCell":"VNLE04"};
 
 function applyCheckboxMods(mods) {
     return [
-        css$1r.root,
+        css$1s.root,
         `uui-size-${mods.size || settings.sizes.defaults.checkbox}`,
-        css$1r['mode-' + (mods.mode || 'form')],
+        css$1s['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,
@@ -744,38 +752,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() { return _extends$B = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$B.apply(null, arguments); }
 var 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$1q = {"uui-typography":"uJbYnl","hero-header":"iJTujC","promo-header":"vuDC5h","uui-critical":"_4s4haN","uui-info":"InZWIw","uui-success":"CTtlBO","uui-warning":"Q-WJa7","uui-highlight":"SbFe61","uui-typography-size-12":"PBaSw3","uui-typography-size-14":"kOjG1t","uui-typography-size-16":"jbNH0d","root":"pbQKvc","uuiTypography":"uJbYnl","heroHeader":"iJTujC","promoHeader":"vuDC5h","uuiCritical":"_4s4haN","uuiInfo":"InZWIw","uuiSuccess":"CTtlBO","uuiWarning":"Q-WJa7","uuiHighlight":"SbFe61","uuiTypographySize12":"PBaSw3","uuiTypographySize14":"kOjG1t","uuiTypographySize16":"jbNH0d"};
+var css$1r = {"uui-typography":"_5RRAli","uuiTypography":"_5RRAli","hero-header":"EWMTQT","heroHeader":"EWMTQT","promo-header":"Vq9gAZ","promoHeader":"Vq9gAZ","uui-critical":"uTgGng","uuiCritical":"uTgGng","uui-info":"FzoMGA","uuiInfo":"FzoMGA","uui-success":"L194ld","uuiSuccess":"L194ld","uui-warning":"_9pPojW","uuiWarning":"_9pPojW","uui-highlight":"OVtSEv","uuiHighlight":"OVtSEv","uui-typography-size-12":"cYRsaj","uuiTypographySize12":"cYRsaj","uui-typography-size-14":"B-fPp-","uuiTypographySize14":"B-fPp-","uui-typography-size-16":"jfJ6QJ","uuiTypographySize16":"jfJ6QJ","root":"wKm1mK"};
 
 function applyRadioInputMods(mods) {
     return [
-        css$1q.root,
+        css$1r.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$1p = {"root":"ZRH9cY"};
+var css$1q = {"root":"_2NyyeX"};
 
 function applySwitchMods(mods) {
     return [
-        css$1p.root,
+        css$1q.root,
         `uui-size-${mods.size || settings.sizes.defaults.switch}`,
         'uui-color-primary',
     ];
@@ -839,7 +847,7 @@ var EditMode;
     EditMode["INLINE"] = "inline";
 })(EditMode || (EditMode = {}));
 
-var textInputCss = {"uui-typography":"pVS-sF","hero-header":"mCEgin","promo-header":"_2OTLgm","uui-critical":"FlrKsi","uui-info":"_--OeNo","uui-success":"cHlf0E","uui-warning":"g45Sjk","uui-highlight":"KkdBYT","uui-typography-size-12":"qKjMFO","uui-typography-size-14":"ryMt5D","uui-typography-size-16":"_-8c8gS","root":"tpd9k0","mode-form":"je1CdM","mode-inline":"doSyGv","mode-cell":"zx-kpK","uuiTypography":"pVS-sF","heroHeader":"mCEgin","promoHeader":"_2OTLgm","uuiCritical":"FlrKsi","uuiInfo":"_--OeNo","uuiSuccess":"cHlf0E","uuiWarning":"g45Sjk","uuiHighlight":"KkdBYT","uuiTypographySize12":"qKjMFO","uuiTypographySize14":"ryMt5D","uuiTypographySize16":"_-8c8gS","modeForm":"je1CdM","modeInline":"doSyGv","modeCell":"zx-kpK"};
+var textInputCss = {"uui-typography":"iWXZu-","uuiTypography":"iWXZu-","hero-header":"_5uezzr","heroHeader":"_5uezzr","promo-header":"X9Slxh","promoHeader":"X9Slxh","uui-critical":"VmmGKx","uuiCritical":"VmmGKx","uui-info":"_0qg8iv","uuiInfo":"_0qg8iv","uui-success":"_0ebf7c","uuiSuccess":"_0ebf7c","uui-warning":"GObQv-","uuiWarning":"GObQv-","uui-highlight":"zwdGYi","uuiHighlight":"zwdGYi","uui-typography-size-12":"HD-CaN","uuiTypographySize12":"HD-CaN","uui-typography-size-14":"MFXj7w","uuiTypographySize14":"MFXj7w","uui-typography-size-16":"_3xPCzg","uuiTypographySize16":"_3xPCzg","root":"BDthH6","mode-form":"NePwUu","modeForm":"NePwUu","mode-inline":"ZGRPIq","modeInline":"ZGRPIq","mode-cell":"KFwhF8","modeCell":"KFwhF8"};
 
 const DEFAULT_MODE$3 = EditMode.FORM;
 function applyTextInputMods(mods) {
@@ -865,22 +873,22 @@ const SearchInput = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         } })));
 });
 
-var css$1o = {"root":"_0LKW--"};
+var css$1p = {"root":"R-ZSiv"};
 
-const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1o.root, 'uui-control-group']);
+const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1p.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$1n = {"uui-typography":"ciPUQF","hero-header":"nhRrkT","promo-header":"WLhj8e","uui-critical":"q150ZZ","uui-info":"iSqHZR","uui-success":"RE-u8S","uui-warning":"j47Bgy","uui-highlight":"qJmBUJ","uui-typography-size-12":"vZa2DQ","uui-typography-size-14":"_6AKohz","uui-typography-size-16":"EkSKCw","root":"Gm24wJ","mode-form":"I9-Tit","mode-cell":"z088yj","uuiTypography":"ciPUQF","heroHeader":"nhRrkT","promoHeader":"WLhj8e","uuiCritical":"q150ZZ","uuiInfo":"iSqHZR","uuiSuccess":"RE-u8S","uuiWarning":"j47Bgy","uuiHighlight":"qJmBUJ","uuiTypographySize12":"vZa2DQ","uuiTypographySize14":"_6AKohz","uuiTypographySize16":"EkSKCw","modeForm":"I9-Tit","modeCell":"z088yj"};
+var css$1o = {"uui-typography":"GGyqfr","uuiTypography":"GGyqfr","hero-header":"UcytAy","heroHeader":"UcytAy","promo-header":"jDKX-P","promoHeader":"jDKX-P","uui-critical":"yw9QJI","uuiCritical":"yw9QJI","uui-info":"_3Vz73g","uuiInfo":"_3Vz73g","uui-success":"Zkef9Y","uuiSuccess":"Zkef9Y","uui-warning":"_7787PR","uuiWarning":"_7787PR","uui-highlight":"-xsBLt","uuiHighlight":"-xsBLt","uui-typography-size-12":"AlsmoF","uuiTypographySize12":"AlsmoF","uui-typography-size-14":"_5BGm53","uuiTypographySize14":"_5BGm53","uui-typography-size-16":"uwW-LF","uuiTypographySize16":"uwW-LF","root":"FKZ8jR","mode-form":"RjMPcd","modeForm":"RjMPcd","mode-cell":"rHtho2","modeCell":"rHtho2"};
 
 const DEFAULT_MODE$2 = EditMode.FORM;
 function applyNumericInputMods(mods) {
     return [
         textInputCss.root,
-        css$1n.root,
+        css$1o.root,
         `uui-size-${mods.size || settings.sizes.defaults.numericInput}`,
         textInputCss['mode-' + (mods.mode || DEFAULT_MODE$2)],
     ];
@@ -895,15 +903,15 @@ const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMo
     };
 });
 
-var css$1m = {"uui-typography":"l6ZqIK","hero-header":"TPwPit","promo-header":"MLmpQy","uui-critical":"BogZTk","uui-info":"x0-wAD","uui-success":"cw17RX","uui-warning":"xrfO9g","uui-highlight":"ySwAAH","uui-typography-size-12":"InfUKw","uui-typography-size-14":"xXFVJe","uui-typography-size-16":"NPQLGP","root":"-gEmdq","mode-form":"-YQGA2","mode-cell":"b1Ff1I","mode-inline":"fjd2sh","uuiTypography":"l6ZqIK","heroHeader":"TPwPit","promoHeader":"MLmpQy","uuiCritical":"BogZTk","uuiInfo":"x0-wAD","uuiSuccess":"cw17RX","uuiWarning":"xrfO9g","uuiHighlight":"ySwAAH","uuiTypographySize12":"InfUKw","uuiTypographySize14":"xXFVJe","uuiTypographySize16":"NPQLGP","modeForm":"-YQGA2","modeCell":"b1Ff1I","modeInline":"fjd2sh"};
+var css$1n = {"uui-typography":"cA7h6S","uuiTypography":"cA7h6S","hero-header":"F8qx3R","heroHeader":"F8qx3R","promo-header":"BZlQFf","promoHeader":"BZlQFf","uui-critical":"yFWyBd","uuiCritical":"yFWyBd","uui-info":"lzf-zw","uuiInfo":"lzf-zw","uui-success":"_8um-Pg","uuiSuccess":"_8um-Pg","uui-warning":"_8nt2SN","uuiWarning":"_8nt2SN","uui-highlight":"N1fhjf","uuiHighlight":"N1fhjf","uui-typography-size-12":"vB6Kaq","uuiTypographySize12":"vB6Kaq","uui-typography-size-14":"_2d12zr","uuiTypographySize14":"_2d12zr","uui-typography-size-16":"vCAtt4","uuiTypographySize16":"vCAtt4","root":"t20qlB","mode-form":"W4H7oe","modeForm":"W4H7oe","mode-cell":"VgHz5c","modeCell":"VgHz5c","mode-inline":"TcTUTY","modeInline":"TcTUTY"};
 
 const DEFAULT_MODE$1 = EditMode.FORM;
 function applyTextAreaMods(mods) {
     return [
-        css$1m.root,
+        css$1n.root,
         'uui-textarea',
         'uui-size-' + (mods.size || settings.sizes.defaults.textArea),
-        css$1m['mode-' + (mods.mode || DEFAULT_MODE$1)],
+        css$1n['mode-' + (mods.mode || DEFAULT_MODE$1)],
     ];
 }
 const TextArea = /* @__PURE__ */withMods(TextArea$1, applyTextAreaMods, (props) => {
@@ -936,95 +944,96 @@ 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() { return _extends$A = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$A.apply(null, arguments); }
 var 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() { return _extends$z = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$z.apply(null, arguments); }
 var 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() { return _extends$y = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$y.apply(null, arguments); }
 var 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() { return _extends$x = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$x.apply(null, arguments); }
 var 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 css$1l = {"uui-typography":"PMJG-b","hero-header":"O-SC5Z","promo-header":"gsbmdn","uui-critical":"VKPTEA","uui-info":"eCXqCl","uui-success":"_9zjZG-","uui-warning":"jCBUMD","uui-highlight":"JLJ65V","uui-typography-size-12":"_50xFx3","uui-typography-size-14":"aTWZYi","uui-typography-size-16":"U4Od2w","root":"y3WfNT","icon-wrapper":"_3-4P0p","alert-wrapper":"_5fhSly","size-48":"a2K7ZG","size-36":"ouOP9C","action-wrapper":"JdZtRw","action-icon":"siFkBM","action-link":"zJ43Fs","close-icon":"Fu4aiV","main-path":"wClHGr","content":"pRlo3t","uuiTypography":"PMJG-b","heroHeader":"O-SC5Z","promoHeader":"gsbmdn","uuiCritical":"VKPTEA","uuiInfo":"eCXqCl","uuiSuccess":"_9zjZG-","uuiWarning":"jCBUMD","uuiHighlight":"JLJ65V","uuiTypographySize12":"_50xFx3","uuiTypographySize14":"aTWZYi","uuiTypographySize16":"U4Od2w","iconWrapper":"_3-4P0p","alertWrapper":"_5fhSly","size48":"a2K7ZG","size36":"ouOP9C","actionWrapper":"JdZtRw","actionIcon":"siFkBM","actionLink":"zJ43Fs","closeIcon":"Fu4aiV","mainPath":"wClHGr"};
-
-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$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$Q, color: "neutral", onClick: props.onClose, cx: css$1l.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)));
+var ForwardRef$x = /*#__PURE__*/forwardRef(SvgNotificationInfoFill);
+
+var css$1m = {"uui-typography":"PqaoD5","uuiTypography":"PqaoD5","hero-header":"DFRVgZ","heroHeader":"DFRVgZ","promo-header":"mgXinB","promoHeader":"mgXinB","uui-critical":"BllGxR","uuiCritical":"BllGxR","uui-info":"E67UGS","uuiInfo":"E67UGS","uui-success":"vFjaoB","uuiSuccess":"vFjaoB","uui-warning":"FBC-yv","uuiWarning":"FBC-yv","uui-highlight":"_7nFLcv","uuiHighlight":"_7nFLcv","uui-typography-size-12":"C3XNEo","uuiTypographySize12":"C3XNEo","uui-typography-size-14":"aeC91A","uuiTypographySize14":"aeC91A","uui-typography-size-16":"bFXxis","uuiTypographySize16":"bFXxis","root":"okzeuZ","main-path":"SONtwS","mainPath":"SONtwS","content-wrapper":"hIcDrj","contentWrapper":"hIcDrj","content":"tKbVNs","action-wrapper":"_9w-dxZ","actionWrapper":"_9w-dxZ","icon-wrapper":"HhUFnr","iconWrapper":"HhUFnr","icon":"RQvXSQ","close-icon":"it98vz","closeIcon":"it98vz"};
+
+const Alert = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("div", Object.assign({ role: "alert", ref: ref, className: cx('uui-alert', css$1m.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.sizes.defaults.alert}`) }, props.rawProps),
+    React.createElement("div", { className: css$1m.mainPath },
+        React.createElement("div", { className: css$1m.contentWrapper },
+            props.icon && (React.createElement("div", { className: css$1m.iconWrapper },
+                React.createElement(IconContainer, { icon: props.icon, cx: css$1m.icon }))),
+            React.createElement("div", { className: css$1m.content },
+                props.children,
+                props.actions && (React.createElement("div", { className: css$1m.actionWrapper }, props.actions.map((action) => (React.createElement(LinkButton, { caption: action.name, onClick: action.action, key: action.name, cx: css$1m.actionLink, size: settings.sizes.alert.action[props.size || settings.sizes.defaults.alert] }))))))),
+        props.onClose && React.createElement(IconButton, { icon: ForwardRef$R, color: "neutral", onClick: props.onClose, cx: css$1m.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$1k = {"root":"XFl9F-"};
+var css$1l = {"root":"EL-Gur"};
 
 function applyDropdownContainerMods(mods) {
     return [
-        css$1k.root,
+        css$1l.root,
         mods.vPadding && `vPadding-${mods.vPadding}`,
         mods.padding && `padding-${mods.padding}`,
     ];
 }
 const DropdownContainer = /* @__PURE__ */withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
 
-var css$1j = {"uui-typography":"tHnCx1","hero-header":"FCXIwa","promo-header":"OBTgKD","uui-critical":"CyBap-","uui-info":"aRcBOY","uui-success":"Q-Rjd0","uui-warning":"Bq3WFX","uui-highlight":"-cX8U7","uui-typography-size-12":"HDH3fz","uui-typography-size-14":"pJoBlV","uui-typography-size-16":"uu6jAZ","submenu-root-item-rtl":"zuuDqN","icon-after":"_1JPZz3","submenu-root-item":"gSVcWt","icon-check":"b72yW6","splitter-root":"qy9-We","splitter":"ByAt6-","header-root":"Df-Rn0","item-root":"_2keaAd","icon":"Gu06Zv","link":"QQsoh4","indent":"Rminog","selected-mark":"YW-Elt","uuiTypography":"tHnCx1","heroHeader":"FCXIwa","promoHeader":"OBTgKD","uuiCritical":"CyBap-","uuiInfo":"aRcBOY","uuiSuccess":"Q-Rjd0","uuiWarning":"Bq3WFX","uuiHighlight":"-cX8U7","uuiTypographySize12":"HDH3fz","uuiTypographySize14":"pJoBlV","uuiTypographySize16":"uu6jAZ","submenuRootItemRtl":"zuuDqN","iconAfter":"_1JPZz3","submenuRootItem":"gSVcWt","iconCheck":"b72yW6","splitterRoot":"qy9-We","headerRoot":"Df-Rn0","itemRoot":"_2keaAd","selectedMark":"YW-Elt"};
+var css$1k = {"uui-typography":"tForgf","uuiTypography":"tForgf","hero-header":"ahTXrJ","heroHeader":"ahTXrJ","promo-header":"QR49-U","promoHeader":"QR49-U","uui-critical":"_9baVYH","uuiCritical":"_9baVYH","uui-info":"GqsbtO","uuiInfo":"GqsbtO","uui-success":"uBMfy1","uuiSuccess":"uBMfy1","uui-warning":"kaY7on","uuiWarning":"kaY7on","uui-highlight":"_0KAQHh","uuiHighlight":"_0KAQHh","uui-typography-size-12":"tnqi0-","uuiTypographySize12":"tnqi0-","uui-typography-size-14":"ZQxTfn","uuiTypographySize14":"ZQxTfn","uui-typography-size-16":"UOi0dK","uuiTypographySize16":"UOi0dK","submenu-root-item-rtl":"GbsI4x","submenuRootItemRtl":"GbsI4x","icon-after":"_2LeNI4","iconAfter":"_2LeNI4","submenu-root-item":"N3oV-C","submenuRootItem":"N3oV-C","icon-check":"oBb52i","iconCheck":"oBb52i","splitter-root":"_7GLM1G","splitterRoot":"_7GLM1G","splitter":"W2jfdF","header-root":"qHrmPe","headerRoot":"qHrmPe","item-root":"chwpSE","itemRoot":"chwpSE","icon":"_6pXzTN","link":"dKfjgQ","indent":"_2uTVBI","selected-mark":"Ot7d7U","selectedMark":"Ot7d7U"};
 
 var IDropdownControlKeys;
 (function (IDropdownControlKeys) {
@@ -1085,17 +1094,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$1j.icon, iconPosition === 'right' ? css$1j.iconAfter : css$1j.iconBefore) }));
+        const iconElement = (React__default.createElement(IconButton, { icon: icon, color: isActive ? 'primary' : 'neutral', onClick: onIconClick, isDisabled: isDisabled, cx: cx$1(css$1k.icon, iconPosition === 'right' ? css$1k.iconAfter : css$1k.iconBefore) }));
         return (React__default.createElement(React__default.Fragment, null,
             isIconBefore && iconElement,
-            React__default.createElement(Text$1, { cx: props.indent && css$1j.indent }, caption),
+            React__default.createElement(Text$1, { cx: props.indent && css$1k.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$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: {
+    const itemClassNames = cx$1(props.cx, css$1k.itemRoot, isDisabled && uuiMod.disabled, isActive && uuiMod.active, isOpen && uuiMod.opened);
+    return isAnchor ? (React__default.createElement(Anchor$1, { cx: cx$1(css$1k.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,
@@ -1103,15 +1112,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$1j.selectedMark })))));
+            React__default.createElement(IconContainer, { icon: systemIcons.accept, cx: css$1k.selectedMark })))));
 });
 function DropdownMenuSplitter(props) {
-    return (React__default.createElement("div", { className: cx$1(props.cx, css$1j.splitterRoot) },
-        React__default.createElement("hr", { className: css$1j.splitter })));
+    return (React__default.createElement("div", { className: cx$1(props.cx, css$1k.splitterRoot) },
+        React__default.createElement("hr", { className: css$1k.splitter })));
 }
 function DropdownMenuHeader(props) {
-    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)));
+    return (React__default.createElement("div", { className: cx$1('uui-dropdown-menu-header', props.cx, css$1k.headerRoot) },
+        React__default.createElement("span", { className: css$1k.header }, props.caption)));
 }
 function DropdownSubMenu(props) {
     const subMenuModifiers = [
@@ -1133,7 +1142,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$1j.submenuRootItemRtl : css$1j.submenuRootItem), icon: systemIcons.foldingArrow, iconPosition: "right", isDropdown: true, toggleDropdownOpening: toggleDropdownOpening }, props, targetProps)));
+            return (React__default.createElement(DropdownMenuButton, Object.assign({ cx: cx$1(isRtl ? css$1k.submenuRootItemRtl : css$1k.submenuRootItem), icon: systemIcons.foldingArrow, iconPosition: "right", isDropdown: true, toggleDropdownOpening: toggleDropdownOpening }, props, targetProps)));
         } }));
 }
 function DropdownMenuSwitchButton(props) {
@@ -1150,29 +1159,29 @@ function DropdownMenuSwitchButton(props) {
             onHandleValueChange(!isSelected);
         }
     };
-    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 }),
+    return (React__default.createElement(FlexRow$1, { cx: cx$1(props.cx, css$1k.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$1k.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$1i = {"uui-typography":"DyjuLb","hero-header":"EWSlpK","promo-header":"OF1tzH","uui-critical":"_4Z7zvA","uui-info":"eIN72N","uui-success":"wqyN0p","uui-warning":"kABoy-","uui-highlight":"ivsJ18","uui-typography-size-12":"E7YHDb","uui-typography-size-14":"Z5wU-M","uui-typography-size-16":"u0sEjd","root":"B3wNKp","mode-block":"khw55M","mode-inline":"_2Tu88U","padding-0":"PkWsB-","padding-6":"BSJ-82","padding-12":"sC2Gx4","padding-18":"BaYnDn","uuiTypography":"DyjuLb","heroHeader":"EWSlpK","promoHeader":"OF1tzH","uuiCritical":"_4Z7zvA","uuiInfo":"eIN72N","uuiSuccess":"wqyN0p","uuiWarning":"kABoy-","uuiHighlight":"ivsJ18","uuiTypographySize12":"E7YHDb","uuiTypographySize14":"Z5wU-M","uuiTypographySize16":"u0sEjd","modeBlock":"khw55M","modeInline":"_2Tu88U","padding0":"PkWsB-","padding6":"BSJ-82","padding12":"sC2Gx4","padding18":"BaYnDn"};
+var css$1j = {"uui-typography":"PLU4-E","uuiTypography":"PLU4-E","hero-header":"ifpP47","heroHeader":"ifpP47","promo-header":"_6wEJLr","promoHeader":"_6wEJLr","uui-critical":"glez-i","uuiCritical":"glez-i","uui-info":"R6dJNT","uuiInfo":"R6dJNT","uui-success":"DBF1uj","uuiSuccess":"DBF1uj","uui-warning":"t2sdIf","uuiWarning":"t2sdIf","uui-highlight":"dbOfXp","uuiHighlight":"dbOfXp","uui-typography-size-12":"fuvIn2","uuiTypographySize12":"fuvIn2","uui-typography-size-14":"sXvsC2","uuiTypographySize14":"sXvsC2","uui-typography-size-16":"NwYweU","uuiTypographySize16":"NwYweU","root":"yO4n7C","mode-block":"dZihJj","modeBlock":"dZihJj","mode-inline":"O4quU6","modeInline":"O4quU6","padding-0":"O6g4jR","padding0":"O6g4jR","padding-6":"KPC0sT","padding6":"KPC0sT","padding-12":"f-ng5D","padding12":"f-ng5D","padding-18":"BJGznu","padding18":"BJGznu"};
 
 function applyAccordionMods(mods) {
     return [
-        css$1i.root,
-        css$1i[`mode-${mods.mode || 'block'}`],
-        mods.padding && css$1i['padding-' + mods.padding],
+        css$1j.root,
+        css$1j[`mode-${mods.mode || 'block'}`],
+        mods.padding && css$1j['padding-' + mods.padding],
     ];
 }
 const Accordion = /* @__PURE__ */withMods(uuiComponents.Accordion, applyAccordionMods, (mods) => ({
     dropdownIcon: mods.dropdownIcon !== null && systemIcons.foldingArrow,
 }));
 
-var css$1h = {"uui-typography":"_0jAbuc","hero-header":"iozeTp","promo-header":"ZcvPs0","uui-critical":"_45qA6c","uui-info":"-FTf7X","uui-success":"IyLK7Y","uui-warning":"bBe8Y9","uui-highlight":"dtMFxJ","uui-typography-size-12":"bq7bbQ","uui-typography-size-14":"eFexoQ","uui-typography-size-16":"EeNwE-","root":"V07F8U","border-top":"_4nzZq1","border-bottom":"HP0Fcb","top-shadow":"_-0hCEK","padding-6":"_2aYHWt","padding-12":"U2c7U-","padding-18":"yK06l4","padding-24":"_7DwiSL","margin-24":"-P-E-A","margin-12":"_34iKbG","vPadding-12":"_82BmZc","vPadding-18":"T0C8jO","vPadding-24":"uK8wUN","vPadding-36":"Zz8rJB","vPadding-48":"Ms9IKw","spacing-6":"_7Fh8Qs","spacing-12":"ozNo8h","spacing-18":"S9bOmm","uui-surface-main":"eL7dye","uuiTypography":"_0jAbuc","heroHeader":"iozeTp","promoHeader":"ZcvPs0","uuiCritical":"_45qA6c","uuiInfo":"-FTf7X","uuiSuccess":"IyLK7Y","uuiWarning":"bBe8Y9","uuiHighlight":"dtMFxJ","uuiTypographySize12":"bq7bbQ","uuiTypographySize14":"eFexoQ","uuiTypographySize16":"EeNwE-","borderTop":"_4nzZq1","borderBottom":"HP0Fcb","topShadow":"_-0hCEK","padding6":"_2aYHWt","padding12":"U2c7U-","padding18":"yK06l4","padding24":"_7DwiSL","margin24":"-P-E-A","margin12":"_34iKbG","vPadding12":"_82BmZc","vPadding18":"T0C8jO","vPadding24":"uK8wUN","vPadding36":"Zz8rJB","vPadding48":"Ms9IKw","spacing6":"_7Fh8Qs","spacing12":"ozNo8h","spacing18":"S9bOmm","uuiSurfaceMain":"eL7dye"};
+var css$1i = {"uui-typography":"i6xK7M","uuiTypography":"i6xK7M","hero-header":"wdItIn","heroHeader":"wdItIn","promo-header":"j9ZJhK","promoHeader":"j9ZJhK","uui-critical":"qf-c5g","uuiCritical":"qf-c5g","uui-info":"pCIEae","uuiInfo":"pCIEae","uui-success":"NnIqeK","uuiSuccess":"NnIqeK","uui-warning":"_268msu","uuiWarning":"_268msu","uui-highlight":"Vqryez","uuiHighlight":"Vqryez","uui-typography-size-12":"u5yeZU","uuiTypographySize12":"u5yeZU","uui-typography-size-14":"bxeTgs","uuiTypographySize14":"bxeTgs","uui-typography-size-16":"H-PlAV","uuiTypographySize16":"H-PlAV","root":"eIDA6n","border-top":"ciDgHQ","borderTop":"ciDgHQ","border-bottom":"jWh1EI","borderBottom":"jWh1EI","top-shadow":"p3K2XG","topShadow":"p3K2XG","padding-6":"OPDJfD","padding6":"OPDJfD","padding-12":"A8Thk8","padding12":"A8Thk8","padding-18":"U-wwWD","padding18":"U-wwWD","padding-24":"EfnV6b","padding24":"EfnV6b","margin-24":"sgLzpb","margin24":"sgLzpb","margin-12":"els8y2","margin12":"els8y2","vPadding-12":"_1HXgBH","vPadding12":"_1HXgBH","vPadding-18":"ojERDU","vPadding18":"ojERDU","vPadding-24":"Y9Lilo","vPadding24":"Y9Lilo","vPadding-36":"Zu0MVq","vPadding36":"Zu0MVq","vPadding-48":"-tPZwT","vPadding48":"-tPZwT","spacing-6":"-eKd8p","spacing6":"-eKd8p","spacing-12":"O2HN-t","spacing12":"O2HN-t","spacing-18":"c286rj","spacing18":"c286rj","uui-surface-main":"W0Hekf","uuiSurfaceMain":"W0Hekf"};
 
-const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$1h.flexCell]);
+const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$1i.flexCell]);
 
 const FlexRow = /* @__PURE__ */withMods(FlexRow$1, (props) => {
     if (process.env.NODE_ENV !== "production") {
@@ -1181,54 +1190,54 @@ const FlexRow = /* @__PURE__ */withMods(FlexRow$1, (props) => {
         }
     }
     return [
-        css$1h.root,
+        css$1i.root,
         props.size !== null && 'uui-size-' + (props.size || '36'),
-        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}`],
+        props.padding && css$1i['padding-' + props.padding],
+        props.vPadding && css$1i['vPadding-' + props.vPadding],
+        props.margin && css$1i['margin-' + props.margin],
+        props.topShadow && css$1i.topShadow,
+        props.borderBottom && css$1i.borderBottom,
+        props.borderTop && css$1i.borderTop,
+        props.spacing && css$1i['spacing-' + props.spacing],
+        props.background && css$1i[`uui-${props.background}`],
     ];
 });
 
-var css$1g = {"root":"_-0E942","margin-24":"zZT5i7","padding-12":"Q0VJx1","padding-24":"QkdTxg","shadow":"Di5Xld","uui-surface-main":"_--AiN4","margin24":"zZT5i7","padding12":"Q0VJx1","padding24":"QkdTxg","uuiSurfaceMain":"_--AiN4"};
+var css$1h = {"root":"CRqbyG","margin-24":"nB3-Kd","margin24":"nB3-Kd","padding-12":"lTNKpE","padding12":"lTNKpE","padding-24":"ymG--Q","padding24":"ymG--Q","shadow":"i2xMMw","uui-surface-main":"_0yRNW7","uuiSurfaceMain":"_0yRNW7"};
 
 const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
     'uui-panel',
-    css$1g.root,
-    props.shadow && css$1g.shadow,
-    props.margin && css$1g['margin-' + props.margin],
-    props.background && css$1g[`uui-${props.background}`],
+    css$1h.root,
+    props.shadow && css$1h.shadow,
+    props.margin && css$1h['margin-' + props.margin],
+    props.background && css$1h[`uui-${props.background}`],
 ]);
 
-var css$1f = {"root":"g0hTH8"};
+var css$1g = {"root":"hGx0XO"};
 
 function applyTooltipMods(mods) {
     return [
-        css$1f.root,
+        css$1g.root,
         `uui-color-${mods.color || 'inverted'}`,
     ];
 }
 const Tooltip = /* @__PURE__ */withMods(uuiComponents.Tooltip, applyTooltipMods);
 
-var css$1e = {"uui-typography":"MX-y98","hero-header":"OMzxmd","promo-header":"zEsayJ","uui-critical":"uDz9Uv","uui-info":"u6Q-WS","uui-success":"CqLDe7","uui-warning":"Ry5Eqf","uui-highlight":"cCEdN5","uui-typography-size-12":"zk-bpK","uui-typography-size-14":"cKTaa8","uui-typography-size-16":"_5ijBba","root":"UF341m","uuiTypography":"MX-y98","heroHeader":"OMzxmd","promoHeader":"zEsayJ","uuiCritical":"uDz9Uv","uuiInfo":"u6Q-WS","uuiSuccess":"CqLDe7","uuiWarning":"Ry5Eqf","uuiHighlight":"cCEdN5","uuiTypographySize12":"zk-bpK","uuiTypographySize14":"cKTaa8","uuiTypographySize16":"_5ijBba"};
+var css$1f = {"uui-typography":"ajVxEf","uuiTypography":"ajVxEf","hero-header":"_2WuukQ","heroHeader":"_2WuukQ","promo-header":"R-wtf0","promoHeader":"R-wtf0","uui-critical":"JqLC6c","uuiCritical":"JqLC6c","uui-info":"EUL-a-","uuiInfo":"EUL-a-","uui-success":"VTc1wb","uuiSuccess":"VTc1wb","uui-warning":"Sn5b94","uuiWarning":"Sn5b94","uui-highlight":"I1JuGM","uuiHighlight":"I1JuGM","uui-typography-size-12":"_15hyF-","uuiTypographySize12":"_15hyF-","uui-typography-size-14":"Qvd2Jq","uuiTypographySize14":"Qvd2Jq","uui-typography-size-16":"bIOS7c","uuiTypographySize16":"bIOS7c","root":"zowzQl"};
 
 function applyLabeledInputMods(mods) {
     return [
         'uui-labeled-input',
-        css$1e.root,
+        css$1f.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$1d = {"root":"tlUb9Z"};
+var css$1e = {"root":"_06KKh9"};
 
 function RadioGroup(props) {
     const direction = props.direction || 'vertical';
@@ -1237,34 +1246,34 @@ function RadioGroup(props) {
             props.onValueChange(newVal);
         }
     };
-    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) => {
+    return (React.createElement("fieldset", Object.assign({ ref: props.forwardedRef, className: cx$1(css$1e.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$1c = {"root":"tyh2l2"};
+var css$1d = {"root":"P7A5BI"};
 
 function applyScrollBarsMods() {
     return [
-        css$1c.root, 'uui-scroll-bars', 'uui-shadow-top', 'uui-shadow-bottom',
+        css$1d.root, 'uui-scroll-bars', 'uui-shadow-top', 'uui-shadow-bottom',
     ];
 }
 const ScrollBars = /* @__PURE__ */withMods(ScrollBars$1, applyScrollBarsMods);
 
-var css$1b = {"scroll-container":"_0Y2R4G","list-container":"skRcYH","scrollContainer":"_0Y2R4G","listContainer":"skRcYH"};
+var css$1c = {"scroll-container":"_6CE4b9","scrollContainer":"_6CE4b9","list-container":"KpAAnb","listContainer":"KpAAnb"};
 
-var css$1a = {"root":"zKxj1u"};
+var css$1b = {"root":"mYs8JU"};
 
-const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$1a.root]);
+const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$1b.root]);
 
-var css$19 = {"uui-typography":"QQT02F","hero-header":"_7xL5v0","promo-header":"TUK0Yv","uui-critical":"Isx5vX","uui-info":"NApKTL","uui-success":"_7EuJxt","uui-warning":"WF1XeS","uui-highlight":"NokLLe","uui-typography-size-12":"tAFKJ8","uui-typography-size-14":"SOXVPP","uui-typography-size-16":"pFNMB8","root":"VH1wMu","uuiTypography":"QQT02F","heroHeader":"_7xL5v0","promoHeader":"TUK0Yv","uuiCritical":"Isx5vX","uuiInfo":"NApKTL","uuiSuccess":"_7EuJxt","uuiWarning":"WF1XeS","uuiHighlight":"NokLLe","uuiTypographySize12":"tAFKJ8","uuiTypographySize14":"SOXVPP","uuiTypographySize16":"pFNMB8"};
+var css$1a = {"uui-typography":"obptu2","uuiTypography":"obptu2","hero-header":"ZFPmGs","heroHeader":"ZFPmGs","promo-header":"cWyTE0","promoHeader":"cWyTE0","uui-critical":"q1lAJe","uuiCritical":"q1lAJe","uui-info":"tUnPFO","uuiInfo":"tUnPFO","uui-success":"_8kM-MO","uuiSuccess":"_8kM-MO","uui-warning":"Fk7L1G","uuiWarning":"Fk7L1G","uui-highlight":"e-R45N","uuiHighlight":"e-R45N","uui-typography-size-12":"XThKzz","uuiTypographySize12":"XThKzz","uui-typography-size-14":"nulr01","uuiTypographySize14":"nulr01","uui-typography-size-16":"jevBwv","uuiTypographySize16":"jevBwv","root":"n5sQKD"};
 
 const DEFAULT_FILL = 'solid';
 function applyBadgeMods(mods) {
     return [
         'uui-badge',
-        css$19.root,
+        css$1a.root,
         `uui-size-${mods.size || settings.sizes.defaults.badge}`,
         `uui-fill-${mods.fill || DEFAULT_FILL}`,
         `uui-color-${mods.color || 'info'}`,
@@ -1282,11 +1291,11 @@ const Badge = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$18 = {"uui-typography":"_9DfYYD","hero-header":"_8lChTV","promo-header":"Ub7TX3","uui-critical":"Z2ayWT","uui-info":"mPZILn","uui-success":"pZheNZ","uui-warning":"c-1M5C","uui-highlight":"Ma181W","uui-typography-size-12":"M-WiIU","uui-typography-size-14":"_-8iLxb","uui-typography-size-16":"qeYpiG","root":"CMJd6y","uuiTypography":"_9DfYYD","heroHeader":"_8lChTV","promoHeader":"Ub7TX3","uuiCritical":"Z2ayWT","uuiInfo":"mPZILn","uuiSuccess":"pZheNZ","uuiWarning":"c-1M5C","uuiHighlight":"Ma181W","uuiTypographySize12":"M-WiIU","uuiTypographySize14":"_-8iLxb","uuiTypographySize16":"qeYpiG"};
+var css$19 = {"uui-typography":"D1bcLf","uuiTypography":"D1bcLf","hero-header":"zRwH7F","heroHeader":"zRwH7F","promo-header":"-RBK8Y","promoHeader":"-RBK8Y","uui-critical":"ZHOQFX","uuiCritical":"ZHOQFX","uui-info":"t4GC6P","uuiInfo":"t4GC6P","uui-success":"WbZEuW","uuiSuccess":"WbZEuW","uui-warning":"cHCPrL","uuiWarning":"cHCPrL","uui-highlight":"KTZpH7","uuiHighlight":"KTZpH7","uui-typography-size-12":"TA1okT","uuiTypographySize12":"TA1okT","uui-typography-size-14":"saCWD0","uuiTypographySize14":"saCWD0","uui-typography-size-16":"uU-enQ","uuiTypographySize16":"uU-enQ","root":"xr8P1o"};
 
 function applyTagMods(props) {
     return [
-        css$18.root,
+        css$19.root,
         `uui-size-${props.size || settings.sizes.defaults.tag}`,
         `uui-color-${props.color || 'neutral'}`,
         `uui-fill-${props.fill || 'solid'}`,
@@ -1306,94 +1315,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$17 = {"root":"wpX2u6","uui-spinner":"AeYkFy","uuiSpinner":"AeYkFy"};
+var css$18 = {"root":"TLGpeM","uui-spinner":"_0sqre6","uuiSpinner":"_0sqre6"};
 
 function applySpinnerMods() {
-    return [css$17.root, 'uui-spinner'];
+    return [css$18.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() { return _extends$w = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$w.apply(null, arguments); }
 var 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() { return _extends$v = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$v.apply(null, arguments); }
 var 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$16 = {"root":"LgQr41","page":"h-ue9o","spacer":"_6lTnzR","mode-ghost":"rMWHAS","modeGhost":"rMWHAS"};
+var css$17 = {"root":"osQYsV","page":"R-u0Q5","spacer":"mSvIuJ","mode-ghost":"Vw3AsL","modeGhost":"Vw3AsL"};
 
 function Paginator(props) {
-    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$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$17.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$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 }));
+                return (React__default.createElement(Button, { cx: cx(css$17.spacer, css$17.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$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 }));
+                return (React__default.createElement(Button, { cx: cx(css$17[`mode-${!page.isActive && 'ghost'}`], css$17.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$15 = {"root":"Weqwl7","progress-bar":"XGajMm","progressBar-indeterminate":"FsuhtI","size-12":"ko4vwv","size-18":"UTWsI7","size-24":"_9LEPq7","progressBar":"XGajMm","progressBarIndeterminate":"FsuhtI","size12":"ko4vwv","size18":"UTWsI7","size24":"_9LEPq7"};
+var css$16 = {"root":"AoahmD","progress-bar":"XSpG4Q","progressBar":"XSpG4Q","progressBar-indeterminate":"eOBJpW","progressBarIndeterminate":"eOBJpW","size-12":"-jGTpr","size12":"-jGTpr","size-18":"IIkMw8","size18":"IIkMw8","size-24":"_5-m3JV","size24":"_5-m3JV"};
 
 const IndeterminateBar = /* @__PURE__ */React.forwardRef((props, ref) => {
-    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) })));
+    return (React.createElement("div", { ref: ref, className: cx('uui-indeterminate_bar', props.cx, css$16.root, css$16[`size-${props.size || 12}`]) },
+        React.createElement("div", { className: cx(css$16.progressBar) })));
 });
 
-var css$14 = {"root":"ZDxVEa","striped":"Vo5Ms-","animate-stripes":"uh2CtQ","size-12":"Ayaedz","size-18":"P1f-vL","size-24":"ptTFaV","animateStripes":"uh2CtQ","size12":"Ayaedz","size18":"P1f-vL","size24":"ptTFaV"};
+var css$15 = {"root":"J8RXA6","striped":"Hj0QrT","animate-stripes":"CE2Mq4","animateStripes":"CE2Mq4","size-12":"Vgk3M3","size12":"Vgk3M3","size-18":"HPpV2Z","size18":"HPpV2Z","size-24":"V-MJV4","size24":"V-MJV4"};
 
 const DEFAULT_SIZE = '12';
 function applyProgressBarMods(mods) {
     const size = mods.size || DEFAULT_SIZE;
     return [
-        css$14.root,
-        css$14[`size-${size}`],
-        mods.striped && css$14.striped,
+        css$15.root,
+        css$15[`size-${size}`],
+        mods.striped && css$15.striped,
     ];
 }
 const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProgressBarMods, (props) => ({
     hideLabel: props.hideLabel || props.striped,
 }));
 
-var css$13 = {"root":"UD-QPC"};
+var css$14 = {"root":"X-B-bF"};
 
 const IndicatorBar = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { progress } = props;
-    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) }));
+    return progress || progress === 0 ? (React.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx(css$14.root, props.cx), hideLabel: true })) : (React.createElement(IndeterminateBar, { ref: ref, cx: cx(css$14.root, props.cx) }));
 });
 
-var css$12 = {"root":"ztzoSG"};
+var css$13 = {"root":"xs7YlJ"};
 
 const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
-            css$12.root,
+            css$13.root,
             `uui-size-${props.size || settings.sizes.defaults.statusIndicator}`,
             'uui-status_indicator',
             `uui-color-${props.color || 'neutral'}`,
@@ -1404,7 +1413,7 @@ const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
         React__default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
 });
 
-var css$11 = {"drag-handle":"zCNLEd","icon-container":"HB-b1h","dragHandle":"zCNLEd","iconContainer":"HB-b1h"};
+var css$12 = {"drag-handle":"_76NMMz","dragHandle":"_76NMMz","icon-container":"j536Cz","iconContainer":"j536Cz"};
 
 function DataRowAddons(props) {
     var _a, _b;
@@ -1416,19 +1425,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$11.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$12.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$11.iconContainer,
+            }, key: "icon", icon: ForwardRef$Q, cx: [
+                uuiElement.foldingArrow, uuiMarkers.clickable, css$12.iconContainer,
             ], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row), size: settings.sizes.rowAddons.icon[props.size] || settings.sizes.rowAddons.defaults.icon }))))));
 }
 
-var css$10 = {"root":"oNClxd"};
+var css$11 = {"root":"SQUzil"};
 
-const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$10.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__default.createElement(Spinner, null)) }));
+const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$11.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__default.createElement(Spinner, null)) }));
 
 const VirtualList = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { listContainerRef, offsetY, handleScroll, estimatedHeight, scrollContainerRef, } = useVirtualList({
@@ -1444,7 +1453,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$1b.listContainer, style: { minHeight: `${estimatedHeight}px` } },
+        })) || (React.createElement("div", { className: css$1c.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 }));
@@ -1454,7 +1463,7 @@ const VirtualList = /* @__PURE__ */React.forwardRef((props, ref) => {
             return;
         scrollContainerRef.current = scrollbars.container.firstChild;
     }, []);
-    return (React.createElement(ScrollBars, { cx: cx$1(css$1b.scrollContainer, props.cx, {
+    return (React.createElement(ScrollBars, { cx: cx$1(css$1c.scrollContainer, props.cx, {
             [uuiMarkers.scrolledLeft]: scrollShadows.horizontalLeft,
             [uuiMarkers.scrolledRight]: scrollShadows.horizontalRight,
             [uuiMarkers.scrolledTop]: scrollShadows.verticalTop,
@@ -1467,7 +1476,7 @@ const VirtualListView = /* @__PURE__ */React.forwardRef((props, ref) => {
         React.createElement(Blocker, { isEnabled: props.isLoading })));
 });
 
-var css$$ = {"root":"-FfvPK"};
+var css$10 = {"root":"iHw-h-"};
 
 function CheckboxGroup(props) {
     const currentValue = props.value || [];
@@ -1483,16 +1492,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$10.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$_ = {"uui-typography":"FUCXyg","hero-header":"Ga-xKu","promo-header":"_9-pY4n","uui-critical":"WvUfMM","uui-info":"ACzlJD","uui-success":"-HTwUf","uui-warning":"gxdOZq","uui-highlight":"DAldhQ","uui-typography-size-12":"_72J-3g","uui-typography-size-14":"eKNsN9","uui-typography-size-16":"_16-Hos","root":"P4aRqW","modal-blocker":"YEU1ei","animateModalBlocker":"vb0B43","modal":"TDvoRu","modal-footer":"czUmdM","modal-header":"C-bf7F","uuiTypography":"FUCXyg","heroHeader":"Ga-xKu","promoHeader":"_9-pY4n","uuiCritical":"WvUfMM","uuiInfo":"ACzlJD","uuiSuccess":"-HTwUf","uuiWarning":"gxdOZq","uuiHighlight":"DAldhQ","uuiTypographySize12":"_72J-3g","uuiTypographySize14":"eKNsN9","uuiTypographySize16":"_16-Hos","modalBlocker":"YEU1ei","modalFooter":"czUmdM","modalHeader":"C-bf7F"};
+var css$$ = {"uui-typography":"d-EMCo","uuiTypography":"d-EMCo","hero-header":"E6kuus","heroHeader":"E6kuus","promo-header":"EMOInY","promoHeader":"EMOInY","uui-critical":"oszFfG","uuiCritical":"oszFfG","uui-info":"dkYqHD","uuiInfo":"dkYqHD","uui-success":"VtAT-R","uuiSuccess":"VtAT-R","uui-warning":"p7n702","uuiWarning":"p7n702","uui-highlight":"_4qfoTf","uuiHighlight":"_4qfoTf","uui-typography-size-12":"_1rYmX7","uuiTypographySize12":"_1rYmX7","uui-typography-size-14":"c-N2su","uuiTypographySize14":"c-N2su","uui-typography-size-16":"V9C8NQ","uuiTypographySize16":"V9C8NQ","root":"_7fjSjH","modal-blocker":"tUA4nY","modalBlocker":"tUA4nY","animateModalBlocker":"_5jCSqC","modal":"noNQ7p","modal-footer":"SH5mWX","modalFooter":"SH5mWX","modal-header":"BkL-FB","modalHeader":"BkL-FB"};
 
-const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$_.modalBlocker]);
-const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$_.root, css$_.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');
@@ -1504,19 +1513,19 @@ const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$_.root, cs
 });
 class ModalHeader extends React__default.Component {
     render() {
-        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 },
+        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$_.root,
-                css$_.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));
     }
@@ -1660,25 +1669,26 @@ const TREE_SHAKEABLE_INIT = () => (Object.assign(Object.assign({}, i18n$1), { da
                 subtitle: 'We are trying to recover. Please wait.',
             },
         },
+        supportMessage: undefined,
     } }));
 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() { return _extends$u = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$u.apply(null, arguments); }
 var 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$Z = {"uui-typography":"V8MVTR","hero-header":"M8uwTY","promo-header":"QkwCNq","uui-critical":"-nIb6-","uui-info":"qUCUyn","uui-success":"_3tQq-1","uui-warning":"KFA-g1","uui-highlight":"_9JFSVi","uui-typography-size-12":"Z6byay","uui-typography-size-14":"oQnMqV","uui-typography-size-16":"RG11Vi","root":"AsWGeG","icon-wrapper":"iP3HPx","action-wrapper":"hypx8W","action-link":"o2nY2A","close-icon":"-P4kyO","main-path":"hHPGyn","content":"f3la9Q","close-wrapper":"bHPo1T","notification-wrapper":"wvB4J-","clear-button":"Y6F8av","uuiTypography":"V8MVTR","heroHeader":"M8uwTY","promoHeader":"QkwCNq","uuiCritical":"-nIb6-","uuiInfo":"qUCUyn","uuiSuccess":"_3tQq-1","uuiWarning":"KFA-g1","uuiHighlight":"_9JFSVi","uuiTypographySize12":"Z6byay","uuiTypographySize14":"oQnMqV","uuiTypographySize16":"RG11Vi","iconWrapper":"iP3HPx","actionWrapper":"hypx8W","actionLink":"o2nY2A","closeIcon":"-P4kyO","mainPath":"hHPGyn","closeWrapper":"bHPo1T","notificationWrapper":"wvB4J-","clearButton":"Y6F8av"};
+var css$_ = {"uui-typography":"cOgR5z","uuiTypography":"cOgR5z","hero-header":"PhvdhL","heroHeader":"PhvdhL","promo-header":"PLeV9B","promoHeader":"PLeV9B","uui-critical":"SLEqUH","uuiCritical":"SLEqUH","uui-info":"vvbYes","uuiInfo":"vvbYes","uui-success":"MYD2kE","uuiSuccess":"MYD2kE","uui-warning":"fpS7nt","uuiWarning":"fpS7nt","uui-highlight":"N-KzZE","uuiHighlight":"N-KzZE","uui-typography-size-12":"_7eBhZX","uuiTypographySize12":"_7eBhZX","uui-typography-size-14":"-xytXs","uuiTypographySize14":"-xytXs","uui-typography-size-16":"msc6lw","uuiTypographySize16":"msc6lw","root":"o5cCRt","icon-wrapper":"LyNbOu","iconWrapper":"LyNbOu","action-wrapper":"g1fV9K","actionWrapper":"g1fV9K","action-link":"_3alFXz","actionLink":"_3alFXz","close-icon":"_9UhlU0","closeIcon":"_9UhlU0","main-path":"_0Ib--9","mainPath":"_0Ib--9","content":"pqr3el","close-wrapper":"Z0T4Pq","closeWrapper":"Z0T4Pq","notification-wrapper":"EEEUG9","notificationWrapper":"EEEUG9","clear-button":"bNAyGc","clearButton":"bNAyGc"};
 
 const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const notificationCardNode = React__default.useRef(null);
@@ -1693,27 +1703,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$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 },
+    return (React__default.createElement("div", Object.assign({ role: "alert", className: cx('uui-notification_card', props.color && `uui-color-${props.color}`, css$_.root, props.cx), ref: notificationCardNode }, props.rawProps),
+        React__default.createElement("div", { className: css$_.mainPath },
+            props.icon && (React__default.createElement("div", { className: css$_.iconWrapper },
                 React__default.createElement(IconContainer, { size: 24, icon: props.icon }))),
-            React__default.createElement("div", { className: css$Z.content },
+            React__default.createElement("div", { className: css$_.content },
                 props.children,
-                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$Q, color: "neutral", onClick: props.onClose, cx: css$Z.closeIcon }))))));
+                props.actions && (React__default.createElement("div", { className: css$_.actionWrapper }, props.actions.map((action) => (React__default.createElement(LinkButton, { caption: action.name, onClick: action.action, key: action.name, cx: css$_.actionLink, size: "36", rawProps: action.rawProps })))))),
+            props.onClose && (React__default.createElement("div", { className: css$_.closeWrapper },
+                React__default.createElement(IconButton, { icon: ForwardRef$R, color: "neutral", onClick: props.onClose, cx: css$_.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$Z.notificationWrapper, css$Z.clearButton) },
+    return (React__default.createElement("div", { className: cx(css$_.notificationWrapper, css$_.clearButton) },
         React__default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
 }
 
-var css$Y = {"footer":"nMveUl"};
+var css$Z = {"footer":"_7WWSUZ"};
 
 class ConfirmationModal extends React.Component {
     render() {
@@ -1725,7 +1735,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$Y.footer },
+                React.createElement(ModalFooter, { cx: css$Z.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" })))));
     }
@@ -1755,7 +1765,7 @@ function useReliableForceUpdate() {
     return red[1];
 }
 
-var css$X = {"root":"aPLQMU","timepicker-input":"oBjTPN","ltr-always":"bOQMVG","timepickerInput":"oBjTPN","ltrAlways":"bOQMVG"};
+var css$Y = {"root":"nt7CmI","timepicker-input":"MRghmu","timepickerInput":"MRghmu","ltr-always":"zQnFxp","ltrAlways":"zQnFxp"};
 
 const uuiTimePicker = {
     container: 'uui-timepicker-container',
@@ -1794,23 +1804,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$X.root, uuiTimePicker.container, props.cx), ref: props.forwardedRef }, props.rawProps),
-        React.createElement("div", { className: css$X.ltrAlways },
+    return (React.createElement("div", Object.assign({ className: cx$1(css$Y.root, uuiTimePicker.container, props.cx), ref: props.forwardedRef }, props.rawProps),
+        React.createElement("div", { className: css$Y.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) => {
@@ -1937,7 +1947,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$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 })));
+        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$Y.root, css$Y.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;
@@ -1948,22 +1958,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$W = {"root":"_8ZS4aJ"};
+var css$X = {"root":"Zd7G1e"};
 
 function applyInputAddonMods() {
     return [
-        css$W.root,
+        css$X.root,
     ];
 }
 const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
 
-var css$V = {"root":"KWdxCh"};
+var css$W = {"root":"weJlKp"};
 
 function applySliderMods() {
-    return [css$V.root, 'uui-color-neutral'];
+    return [css$W.root, 'uui-color-neutral'];
 }
 const Slider = /* @__PURE__ */withMods(Slider$1, applySliderMods);
 
+var _path$t;
+function _extends$t() { return _extends$t = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$t.apply(null, arguments); }
+var 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$V = {"root":"i25jPE","tooltip":"mpBWKd"};
+
+function applyRatingMods(mods) {
+    return [
+        css$V.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) => {
@@ -2092,7 +2132,7 @@ const getNextYearsList = (currentDate) => {
     return currentDate.add(16, 'year');
 };
 
-var css$U = {"root":"vmfB3-","container":"YV7DSC"};
+var css$U = {"root":"nZHMO-","container":"tSNtgm"};
 
 const uuiHeader = {
     container: 'uui-datepicker-header-container',
@@ -2171,19 +2211,19 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
     const disableNext = view === 'YEAR_SELECTION' && !isYearWithinSoberRange(getNextYearsList(month));
     return (React.createElement("div", { className: cx(css$U.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$T = {"uui-typography":"WeDXbN","hero-header":"D9Wjng","promo-header":"xb6Ef3","uui-critical":"z4M5cZ","uui-info":"jew4Xo","uui-success":"Jvj5S4","uui-warning":"ERzwrA","uui-highlight":"estoUb","uui-typography-size-12":"b0Dd-o","uui-typography-size-14":"Hx-fi-","uui-typography-size-16":"ERZnk7","root":"_5fc7tl","uuiTypography":"WeDXbN","heroHeader":"D9Wjng","promoHeader":"xb6Ef3","uuiCritical":"z4M5cZ","uuiInfo":"jew4Xo","uuiSuccess":"Jvj5S4","uuiWarning":"ERzwrA","uuiHighlight":"estoUb","uuiTypographySize12":"b0Dd-o","uuiTypographySize14":"Hx-fi-","uuiTypographySize16":"ERZnk7"};
+var css$T = {"uui-typography":"RxmyXw","uuiTypography":"RxmyXw","hero-header":"_2hP1Cc","heroHeader":"_2hP1Cc","promo-header":"IMp-zl","promoHeader":"IMp-zl","uui-critical":"fRrKwv","uuiCritical":"fRrKwv","uui-info":"EX8OCo","uuiInfo":"EX8OCo","uui-success":"acBTMA","uuiSuccess":"acBTMA","uui-warning":"WKdJ5k","uuiWarning":"WKdJ5k","uui-highlight":"C6vXpu","uuiHighlight":"C6vXpu","uui-typography-size-12":"M8e4uu","uuiTypographySize12":"M8e4uu","uui-typography-size-14":"QCXE2c","uuiTypographySize14":"QCXE2c","uui-typography-size-16":"zjCcMo","uuiTypographySize16":"zjCcMo","root":"kv8y2T"};
 
 function applyDateSelectionMods() {
     return [css$T.root, `uui-size-${settings.sizes.defaults.datePicker}`];
 }
 const Calendar = /* @__PURE__ */withMods(Calendar$1, applyDateSelectionMods);
 
-var css$S = {"uui-typography":"_9upb8N","hero-header":"_0AxSGd","promo-header":"bTMJ3d","uui-critical":"Me3Ezc","uui-info":"lJQneT","uui-success":"UVaVgN","uui-warning":"f88Dvd","uui-highlight":"GV3ixr","uui-typography-size-12":"lcIg3e","uui-typography-size-14":"GZPWo3","uui-typography-size-16":"AHJ03R","root":"VVjEjz","uuiTypography":"_9upb8N","heroHeader":"_0AxSGd","promoHeader":"bTMJ3d","uuiCritical":"Me3Ezc","uuiInfo":"lJQneT","uuiSuccess":"UVaVgN","uuiWarning":"f88Dvd","uuiHighlight":"GV3ixr","uuiTypographySize12":"lcIg3e","uuiTypographySize14":"GZPWo3","uuiTypographySize16":"AHJ03R"};
+var css$S = {"uui-typography":"Ji7hMe","uuiTypography":"Ji7hMe","hero-header":"wbSEqM","heroHeader":"wbSEqM","promo-header":"_3dC6s2","promoHeader":"_3dC6s2","uui-critical":"nIokgE","uuiCritical":"nIokgE","uui-info":"_09cHr2","uuiInfo":"_09cHr2","uui-success":"QnR1Ct","uuiSuccess":"QnR1Ct","uui-warning":"DL1I8e","uuiWarning":"DL1I8e","uui-highlight":"_4-LQd-","uuiHighlight":"_4-LQd-","uui-typography-size-12":"KpVkWw","uuiTypographySize12":"KpVkWw","uui-typography-size-14":"Rs22eM","uuiTypographySize14":"Rs22eM","uui-typography-size-16":"j3mXg5","uuiTypographySize16":"j3mXg5","root":"_3Fv7gH"};
 
 const uuiDatePickerBody = {
     wrapper: 'uui-datepicker-body-wrapper',
@@ -2314,7 +2354,7 @@ function DatePickerComponent(props, ref) {
 }
 const DatePicker = /* @__PURE__ */React__default.forwardRef(DatePickerComponent);
 
-var css$R = {"uui-typography":"BXNTni","hero-header":"V-Y1BU","promo-header":"_105k3N","uui-critical":"zafOJp","uui-info":"_7N3OMV","uui-success":"DMH0Pd","uui-warning":"ahJVaX","uui-highlight":"R4U-Nr","uui-typography-size-12":"Dxlstm","uui-typography-size-14":"CtHg1L","uui-typography-size-16":"_0-zknv","date-input":"A37kTt","root":"oR1q0Q","separator":"sBKGfF","mode-form":"jXvOcK","mode-cell":"uGWWRa","uuiTypography":"BXNTni","heroHeader":"V-Y1BU","promoHeader":"_105k3N","uuiCritical":"zafOJp","uuiInfo":"_7N3OMV","uuiSuccess":"DMH0Pd","uuiWarning":"ahJVaX","uuiHighlight":"R4U-Nr","uuiTypographySize12":"Dxlstm","uuiTypographySize14":"CtHg1L","uuiTypographySize16":"_0-zknv","dateInput":"A37kTt","modeForm":"jXvOcK","modeCell":"uGWWRa"};
+var css$R = {"uui-typography":"_7jm6rF","uuiTypography":"_7jm6rF","hero-header":"fYM8gC","heroHeader":"fYM8gC","promo-header":"evMyY9","promoHeader":"evMyY9","uui-critical":"fzJUhP","uuiCritical":"fzJUhP","uui-info":"QA-38N","uuiInfo":"QA-38N","uui-success":"lPPIT9","uuiSuccess":"lPPIT9","uui-warning":"chAZ1W","uuiWarning":"chAZ1W","uui-highlight":"_5bYXhR","uuiHighlight":"_5bYXhR","uui-typography-size-12":"RLZ9vw","uuiTypographySize12":"RLZ9vw","uui-typography-size-14":"_0Neu5-","uuiTypographySize14":"_0Neu5-","uui-typography-size-16":"DWZrJt","uuiTypographySize16":"DWZrJt","date-input":"_3w1f1a","dateInput":"_3w1f1a","root":"_8mGcVu","separator":"D6rbyl","mode-form":"_0v2QBC","modeForm":"_0v2QBC","mode-cell":"_3OA4tH","modeCell":"_3OA4tH"};
 
 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));
@@ -2356,7 +2396,7 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
             } : 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$Q = {"uui-typography":"Rbfk9R","hero-header":"ynkLM4","promo-header":"ESKhqH","uui-critical":"_2zAv8g","uui-info":"kdiI6c","uui-success":"_6Qg8bO","uui-warning":"Wi2jSC","uui-highlight":"hyafyO","uui-typography-size-12":"-R9w-p","uui-typography-size-14":"AL1cYJ","uui-typography-size-16":"g4P1pm","root":"_1yrQYv","uuiTypography":"Rbfk9R","heroHeader":"ynkLM4","promoHeader":"ESKhqH","uuiCritical":"_2zAv8g","uuiInfo":"kdiI6c","uuiSuccess":"_6Qg8bO","uuiWarning":"Wi2jSC","uuiHighlight":"hyafyO","uuiTypographySize12":"-R9w-p","uuiTypographySize14":"AL1cYJ","uuiTypographySize16":"g4P1pm"};
+var css$Q = {"uui-typography":"E067-e","uuiTypography":"E067-e","hero-header":"IdbxS0","heroHeader":"IdbxS0","promo-header":"izZfe-","promoHeader":"izZfe-","uui-critical":"cIAmFv","uuiCritical":"cIAmFv","uui-info":"_1iIBgg","uuiInfo":"_1iIBgg","uui-success":"CZMGVc","uuiSuccess":"CZMGVc","uui-warning":"TT2Oct","uuiWarning":"TT2Oct","uui-highlight":"wMOhjJ","uuiHighlight":"wMOhjJ","uui-typography-size-12":"_4n7xES","uuiTypographySize12":"_4n7xES","uui-typography-size-14":"P6GOAt","uuiTypographySize14":"P6GOAt","uui-typography-size-16":"OOH2BA","uuiTypographySize16":"OOH2BA","root":"_2oSBGs"};
 
 const uuiPresets = {
     container: 'uui-presets-container',
@@ -2372,7 +2412,7 @@ function CalendarPresets(props) {
         getPresets(props.presets).map((item) => (React.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: "24" })))));
 }
 
-var css$P = {"uui-typography":"r3BCFH","hero-header":"MEPBCT","promo-header":"Waxl6E","uui-critical":"-fUyoR","uui-info":"aSpFzQ","uui-success":"yPVHRn","uui-warning":"hg3CkZ","uui-highlight":"F25MUS","uui-typography-size-12":"hlDJX1","uui-typography-size-14":"tXRgjf","uui-typography-size-16":"KVZJkS","root":"CCEjWU","container":"_2N5JfV","day-selection":"wCubE-","from-picker":"ZuDMrw","to-picker":"MHq9Ro","bodes-wrapper":"xwY0ae","blocker":"tMIryj","uuiTypography":"r3BCFH","heroHeader":"MEPBCT","promoHeader":"Waxl6E","uuiCritical":"-fUyoR","uuiInfo":"aSpFzQ","uuiSuccess":"yPVHRn","uuiWarning":"hg3CkZ","uuiHighlight":"F25MUS","uuiTypographySize12":"hlDJX1","uuiTypographySize14":"tXRgjf","uuiTypographySize16":"KVZJkS","daySelection":"wCubE-","fromPicker":"ZuDMrw","toPicker":"MHq9Ro","bodesWrapper":"xwY0ae"};
+var css$P = {"uui-typography":"naqfn4","uuiTypography":"naqfn4","hero-header":"pVI63u","heroHeader":"pVI63u","promo-header":"Tp74Er","promoHeader":"Tp74Er","uui-critical":"tqXu-S","uuiCritical":"tqXu-S","uui-info":"xEwT3u","uuiInfo":"xEwT3u","uui-success":"SOtoyh","uuiSuccess":"SOtoyh","uui-warning":"smSqsf","uuiWarning":"smSqsf","uui-highlight":"Pb1QOr","uuiHighlight":"Pb1QOr","uui-typography-size-12":"hVEkJl","uuiTypographySize12":"hVEkJl","uui-typography-size-14":"wubGgz","uuiTypographySize14":"wubGgz","uui-typography-size-16":"iQ5Igt","uuiTypographySize16":"iQ5Igt","root":"ZzvnK1","container":"Xit8iB","day-selection":"_9tX6YE","daySelection":"_9tX6YE","from-picker":"W0hUUl","fromPicker":"W0hUUl","to-picker":"sgMh9h","toPicker":"sgMh9h","bodes-wrapper":"RDJaqR","bodesWrapper":"RDJaqR","blocker":"EblefW"};
 
 const uuiRangeDatePickerBody = {
     inRange: 'uui-range-datepicker-in-range',
@@ -2547,7 +2587,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$O = {"dropdown-container":"MtKUM1","dropdownContainer":"MtKUM1"};
+var css$O = {"dropdown-container":"qrWCmZ","dropdownContainer":"qrWCmZ"};
 
 const modifiers = [{
         name: 'offset',
@@ -2624,7 +2664,7 @@ function RangeDatePickerComponent(props, ref) {
 }
 const RangeDatePicker = /* @__PURE__ */React__default.forwardRef(RangeDatePickerComponent);
 
-var css$N = {"root":"_5M2TJ2","blocker":"rx5kjB","marker":"w0-6QR","top":"PfqFJD","bottom":"sjp65Q","left":"TF30bU","right":"onyygz","inside":"m0Loz2"};
+var css$N = {"root":"mW4uXA","blocker":"flHM18","marker":"zpzqb8","top":"NfaWDa","bottom":"jAWf9p","left":"LXLbAx","right":"r-hCHn","inside":"DEONND"};
 
 function DropMarker(props) {
     return props.isDndInProgress
@@ -2639,7 +2679,7 @@ function DropMarker(props) {
         : null;
 }
 
-var css$M = {"root":"Mjo7Bi","line-height":"_8GxBdr","font-size":"incD7r","lineHeight":"_8GxBdr","fontSize":"incD7r"};
+var css$M = {"root":"tn3Q-w","line-height":"InYYE3","lineHeight":"InYYE3","font-size":"_8G4Fy1","fontSize":"_8G4Fy1"};
 
 function applyTextMods(mods) {
     return [
@@ -2664,7 +2704,7 @@ const Text = /* @__PURE__ */withMods(uuiComponents.Text, applyTextMods, (props)
     };
 });
 
-var css$L = {"root":"_3biGS-","loading-word":"uXaVMN","animated-loading":"pkYE96","skeleton_loading":"iNlDsj","loadingWord":"uXaVMN","animatedLoading":"pkYE96","skeletonLoading":"iNlDsj"};
+var css$L = {"root":"Yq7ZBu","loading-word":"YnZYUY","loadingWord":"YnZYUY","animated-loading":"Fde1WZ","animatedLoading":"Fde1WZ","skeleton_loading":"_95DHCz","skeletonLoading":"_95DHCz"};
 
 const TextPlaceholder = (props) => {
     const pattern = '&nbsp;';
@@ -2683,7 +2723,7 @@ const TextPlaceholder = (props) => {
 
 const RichTextView = /* @__PURE__ */withMods(uuiComponents.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || '14'}`]);
 
-var css$K = {"uui-typography":"_7ZtltK","hero-header":"_7oUwdM","promo-header":"_2aycM9","uui-critical":"Qy5aUl","uui-info":"xygInV","uui-success":"_92uwUp","uui-warning":"qoKH-r","uui-highlight":"HCJsyM","uui-typography-size-12":"PyLdZK","uui-typography-size-14":"oWk9vM","uui-typography-size-16":"zhwt7t","modal":"wM1jdO","search-wrapper":"N3YZZJ","no-data":"nfTkW0","type-search-to-load-size-24":"v0W0V5","uuiTypography":"_7ZtltK","heroHeader":"_7oUwdM","promoHeader":"_2aycM9","uuiCritical":"Qy5aUl","uuiInfo":"xygInV","uuiSuccess":"_92uwUp","uuiWarning":"qoKH-r","uuiHighlight":"HCJsyM","uuiTypographySize12":"PyLdZK","uuiTypographySize14":"oWk9vM","uuiTypographySize16":"zhwt7t","searchWrapper":"N3YZZJ","noData":"nfTkW0","typeSearchToLoadSize24":"v0W0V5"};
+var css$K = {"uui-typography":"WnYGEz","uuiTypography":"WnYGEz","hero-header":"_8Y0tec","heroHeader":"_8Y0tec","promo-header":"e2sgzG","promoHeader":"e2sgzG","uui-critical":"_-9g8my","uuiCritical":"_-9g8my","uui-info":"ElVZCq","uuiInfo":"ElVZCq","uui-success":"ebPFDa","uuiSuccess":"ebPFDa","uui-warning":"DrzF3u","uuiWarning":"DrzF3u","uui-highlight":"_6npFSw","uuiHighlight":"_6npFSw","uui-typography-size-12":"hUFHdC","uuiTypographySize12":"hUFHdC","uui-typography-size-14":"ARS-Fr","uuiTypographySize14":"ARS-Fr","uui-typography-size-16":"DT9JJr","uuiTypographySize16":"DT9JJr","modal":"iraZNK","search-wrapper":"kWf5l0","searchWrapper":"kWf5l0","no-data":"H1Ak-Z","noData":"H1Ak-Z","type-search-to-load-size-24":"_3U-S-g","typeSearchToLoadSize24":"_3U-S-g"};
 
 class DataPickerBody extends PickerBodyBase {
     constructor() {
@@ -2731,7 +2771,7 @@ class DataPickerBody extends PickerBodyBase {
     }
 }
 
-var css$J = {"footer":"_3cDF0d"};
+var css$J = {"footer":"BeE37f"};
 
 function DataPickerFooterImpl(props) {
     const { search, clearSelection, view, showSelected, selectionMode, isSearchTooShort, } = props;
@@ -2756,18 +2796,18 @@ function DataPickerFooterImpl(props) {
 }
 const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
 
-var css$I = {"header":"WzgQhD","title":"fh1W76","close":"_486zLe"};
+var css$I = {"header":"hlpFx5","title":"eJxt-D","close":"NU2dtq"};
 
 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$I.header },
         React__default.createElement(Text, { size: settings.sizes.pickerInput.body.mobile.header.titleSize, cx: css$I.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$I.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$I.close })));
 };
 const DataPickerHeader = /* @__PURE__ */React__default.memo(DataPickerHeaderImpl);
 
 var _path$s;
-function _extends$s() { _extends$s = 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$s.apply(this, arguments); }
+function _extends$s() { return _extends$s = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$s.apply(null, arguments); }
 var SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$s({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2781,7 +2821,7 @@ var SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
 };
 var ForwardRef$s = /*#__PURE__*/forwardRef(SvgNotificationDoneFill);
 
-var css$H = {"uui-typography":"L3NIYP","hero-header":"-sP389","promo-header":"uTOwKP","uui-critical":"_5T6Gdp","uui-info":"WfDI2J","uui-success":"_---oBV","uui-warning":"MfCl5E","uui-highlight":"Uvidl7","uui-typography-size-12":"jLWdTk","uui-typography-size-14":"pyCjtg","uui-typography-size-16":"eholnY","root":"UECaWi","align-widgets-top":"AVEAk7","align-widgets-center":"_5C4zLQ","icon-container":"StDR2P","loading-cell":"_2v0exp","content-wrapper":"_5K0uOT","render-item":"nxmy10","icon-wrapper":"GlUtUA","icon-default":"qG26OL","selected-mark":"BqhGno","uuiTypography":"L3NIYP","heroHeader":"-sP389","promoHeader":"uTOwKP","uuiCritical":"_5T6Gdp","uuiInfo":"WfDI2J","uuiSuccess":"_---oBV","uuiWarning":"MfCl5E","uuiHighlight":"Uvidl7","uuiTypographySize12":"jLWdTk","uuiTypographySize14":"pyCjtg","uuiTypographySize16":"eholnY","alignWidgetsTop":"AVEAk7","alignWidgetsCenter":"_5C4zLQ","iconContainer":"StDR2P","loadingCell":"_2v0exp","contentWrapper":"_5K0uOT","renderItem":"nxmy10","iconWrapper":"GlUtUA","iconDefault":"qG26OL","selectedMark":"BqhGno"};
+var css$H = {"uui-typography":"BQ3YYf","uuiTypography":"BQ3YYf","hero-header":"D3TRnK","heroHeader":"D3TRnK","promo-header":"N49cpn","promoHeader":"N49cpn","uui-critical":"egqf3q","uuiCritical":"egqf3q","uui-info":"-n5cjr","uuiInfo":"-n5cjr","uui-success":"HvKuuE","uuiSuccess":"HvKuuE","uui-warning":"A5iJLg","uuiWarning":"A5iJLg","uui-highlight":"KhrUcy","uuiHighlight":"KhrUcy","uui-typography-size-12":"cGQPyJ","uuiTypographySize12":"cGQPyJ","uui-typography-size-14":"zZshgs","uuiTypographySize14":"zZshgs","uui-typography-size-16":"yC3nQg","uuiTypographySize16":"yC3nQg","root":"_5bRaXP","align-widgets-top":"t44Re8","alignWidgetsTop":"t44Re8","align-widgets-center":"DKTIQY","alignWidgetsCenter":"DKTIQY","icon-container":"g3SOwQ","iconContainer":"g3SOwQ","loading-cell":"LZMtwK","loadingCell":"LZMtwK","content-wrapper":"Q8XcMJ","contentWrapper":"Q8XcMJ","render-item":"b35hLx","renderItem":"b35hLx","icon-wrapper":"jlom8V","iconWrapper":"jlom8V","icon-default":"X4w1Jn","iconDefault":"X4w1Jn","selected-mark":"_3Bp9hW","selectedMark":"_3Bp9hW"};
 
 function DataPickerCell(props) {
     const ref = React.useRef();
@@ -2800,7 +2840,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$H.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$H.iconDefault : css$H.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$H.iconDefault : css$H.selectedMark, rawProps: { 'aria-label': props.rowProps.isChildrenSelected
                             ? 'Child is selected'
                             : 'Selected' } })))));
     }
@@ -2818,7 +2858,7 @@ function DataPickerCell(props) {
         getWrappedContent()));
 }
 
-var css$G = {"uui-typography":"KmVaRo","hero-header":"QWFgjX","promo-header":"ju02bk","uui-critical":"gsqesR","uui-info":"XPJP3J","uui-success":"_4bn4vC","uui-warning":"yO0RBs","uui-highlight":"Sfvad5","uui-typography-size-12":"dQu-dv","uui-typography-size-14":"nbU-hc","uui-typography-size-16":"_3ky1k6","picker-row":"Mm40S8","uuiTypography":"KmVaRo","heroHeader":"QWFgjX","promoHeader":"ju02bk","uuiCritical":"gsqesR","uuiInfo":"XPJP3J","uuiSuccess":"_4bn4vC","uuiWarning":"yO0RBs","uuiHighlight":"Sfvad5","uuiTypographySize12":"dQu-dv","uuiTypographySize14":"nbU-hc","uuiTypographySize16":"_3ky1k6","pickerRow":"Mm40S8"};
+var css$G = {"uui-typography":"b-mwtp","uuiTypography":"b-mwtp","hero-header":"dgccWf","heroHeader":"dgccWf","promo-header":"XkM-yB","promoHeader":"XkM-yB","uui-critical":"gNL4rk","uuiCritical":"gNL4rk","uui-info":"PnERQ-","uuiInfo":"PnERQ-","uui-success":"LqNyzI","uuiSuccess":"LqNyzI","uui-warning":"fWyvsb","uuiWarning":"fWyvsb","uui-highlight":"yL-6i9","uuiHighlight":"yL-6i9","uui-typography-size-12":"wT4u5y","uuiTypographySize12":"wT4u5y","uui-typography-size-14":"FbjFMB","uuiTypographySize14":"FbjFMB","uui-typography-size-16":"X0lTj6","uuiTypographySize16":"X0lTj6","picker-row":"GjErwI","pickerRow":"GjErwI"};
 
 class DataPickerRow extends React.Component {
     constructor() {
@@ -2832,7 +2872,7 @@ class DataPickerRow extends React.Component {
     }
 }
 
-var css$F = {"uui-typography":"_3vPdOB","hero-header":"rMjOH9","promo-header":"j7PqCT","uui-critical":"CV9YxQ","uui-info":"aJFzyJ","uui-success":"nzDhCh","uui-warning":"D302FC","uui-highlight":"agNeVj","uui-typography-size-12":"KWEEbZ","uui-typography-size-14":"XnapgA","uui-typography-size-16":"r46pxT","done":"FIddZU","container":"s8YsgN","uuiTypography":"_3vPdOB","heroHeader":"rMjOH9","promoHeader":"j7PqCT","uuiCritical":"CV9YxQ","uuiInfo":"aJFzyJ","uuiSuccess":"nzDhCh","uuiWarning":"D302FC","uuiHighlight":"agNeVj","uuiTypographySize12":"KWEEbZ","uuiTypographySize14":"XnapgA","uuiTypographySize16":"r46pxT"};
+var css$F = {"uui-typography":"vUkUCl","uuiTypography":"vUkUCl","hero-header":"JasYw5","heroHeader":"JasYw5","promo-header":"jI5OXh","promoHeader":"jI5OXh","uui-critical":"nkRAbM","uuiCritical":"nkRAbM","uui-info":"JA1nbC","uuiInfo":"JA1nbC","uui-success":"jtui8Y","uuiSuccess":"jtui8Y","uui-warning":"EWQttu","uuiWarning":"EWQttu","uui-highlight":"UjaJZH","uuiHighlight":"UjaJZH","uui-typography-size-12":"QI4T5j","uuiTypographySize12":"QI4T5j","uui-typography-size-14":"JFh3S5","uuiTypographySize14":"JFh3S5","uui-typography-size-16":"gUNO50","uuiTypographySize16":"gUNO50","done":"GZNhSx","container":"uQgk-V"};
 
 const PickerBodyMobileView = (props) => {
     const isMobileView = isMobile();
@@ -2845,7 +2885,7 @@ const PickerBodyMobileView = (props) => {
 };
 
 var _path$r, _path2$4;
-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); }
+function _extends$r() { return _extends$r = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$r.apply(null, arguments); }
 var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$r({
     width: 66,
@@ -2866,7 +2906,7 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
 };
 var ForwardRef$r = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
 
-var css$E = {"uui-typography":"K7QXPd","hero-header":"YnTL8D","promo-header":"Fejt08","uui-critical":"qwQYDX","uui-info":"DkTwuU","uui-success":"-JgR3p","uui-warning":"iQ2HlF","uui-highlight":"skJunE","uui-typography-size-12":"AmVNf9","uui-typography-size-14":"Q5OJ1g","uui-typography-size-16":"wFbWJY","sub-header-wrapper":"dS880n","switch":"_6dZOdi","no-found-modal-container":"V4ibbJ","no-found-modal-container-icon":"OAQ6UN","no-found-modal-container-text":"_7RUOhC","uuiTypography":"K7QXPd","heroHeader":"YnTL8D","promoHeader":"Fejt08","uuiCritical":"qwQYDX","uuiInfo":"DkTwuU","uuiSuccess":"-JgR3p","uuiWarning":"iQ2HlF","uuiHighlight":"skJunE","uuiTypographySize12":"AmVNf9","uuiTypographySize14":"Q5OJ1g","uuiTypographySize16":"wFbWJY","subHeaderWrapper":"dS880n","$switch$":"_6dZOdi","noFoundModalContainer":"V4ibbJ","noFoundModalContainerIcon":"OAQ6UN","noFoundModalContainerText":"_7RUOhC"};
+var css$E = {"uui-typography":"OTF2sO","uuiTypography":"OTF2sO","hero-header":"Yj9nQH","heroHeader":"Yj9nQH","promo-header":"zQGN57","promoHeader":"zQGN57","uui-critical":"_--3x25","uuiCritical":"_--3x25","uui-info":"X-nCtd","uuiInfo":"X-nCtd","uui-success":"KCa-zn","uuiSuccess":"KCa-zn","uui-warning":"Cp8wUQ","uuiWarning":"Cp8wUQ","uui-highlight":"fMdh8E","uuiHighlight":"fMdh8E","uui-typography-size-12":"bdeYvN","uuiTypographySize12":"bdeYvN","uui-typography-size-14":"j3zZ2W","uuiTypographySize14":"j3zZ2W","uui-typography-size-16":"HKFf2I","uuiTypographySize16":"HKFf2I","sub-header-wrapper":"YAxKWI","subHeaderWrapper":"YAxKWI","switch":"Q5AVYe","no-found-modal-container":"_2s3NJ4","noFoundModalContainer":"_2s3NJ4","no-found-modal-container-icon":"_9B8u5x","noFoundModalContainerIcon":"_9B8u5x","no-found-modal-container-text":"Xkw5Hv","noFoundModalContainerText":"Xkw5Hv"};
 
 const mergeHighlightRanges = (ranges) => {
     const mergedRanges = [];
@@ -2933,7 +2973,7 @@ const getHighlightedSearchMatches = (str, search) => {
     return getDecoratedText(str, ranges);
 };
 
-var css$D = {"root":"nmx00p","column-gap":"NcWFQ8","multiline":"-aoT4J","text":"uvN1vd","columnGap":"NcWFQ8"};
+var css$D = {"root":"V8MCO5","column-gap":"_1QGnll","columnGap":"_1QGnll","multiline":"gtVVcW","text":"_7Cyfto"};
 
 function PickerItem(props) {
     var _a;
@@ -3008,7 +3048,7 @@ function PickerModal(props) {
             React__default.createElement(ModalFooter, { padding: "24", vPadding: "24" }, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
 }
 
-var css$C = {"tooltip":"CQsB6W"};
+var css$C = {"tooltip":"Fqq6gv"};
 
 const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
     var _a;
@@ -3023,7 +3063,7 @@ const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
     }
 });
 
-var css$B = {"uui-typography":"NvmU2F","hero-header":"gGvAZe","promo-header":"izRVKG","uui-critical":"xmU5kH","uui-info":"YBtyuQ","uui-success":"bFEyyO","uui-warning":"ZmgQYS","uui-highlight":"Lv0dG2","uui-typography-size-12":"bmUFtQ","uui-typography-size-14":"CKL5Y7","uui-typography-size-16":"zsUhPG","root":"JiAJ8K","mode-form":"Mk8NjG","mode-cell":"YDKiup","mode-inline":"tSu6mo","uuiTypography":"NvmU2F","heroHeader":"gGvAZe","promoHeader":"izRVKG","uuiCritical":"xmU5kH","uuiInfo":"YBtyuQ","uuiSuccess":"bFEyyO","uuiWarning":"ZmgQYS","uuiHighlight":"Lv0dG2","uuiTypographySize12":"bmUFtQ","uuiTypographySize14":"CKL5Y7","uuiTypographySize16":"zsUhPG","modeForm":"Mk8NjG","modeCell":"YDKiup","modeInline":"tSu6mo"};
+var css$B = {"uui-typography":"zpy91k","uuiTypography":"zpy91k","hero-header":"_6W6NkC","heroHeader":"_6W6NkC","promo-header":"ixVP3J","promoHeader":"ixVP3J","uui-critical":"AxHN0A","uuiCritical":"AxHN0A","uui-info":"EPpdIw","uuiInfo":"EPpdIw","uui-success":"_-1c1h0","uuiSuccess":"_-1c1h0","uui-warning":"-MpRAS","uuiWarning":"-MpRAS","uui-highlight":"xl-lFv","uuiHighlight":"xl-lFv","uui-typography-size-12":"FEFup5","uuiTypographySize12":"FEFup5","uui-typography-size-14":"_1TlqOl","uuiTypographySize14":"_1TlqOl","uui-typography-size-16":"o1rh8Q","uuiTypographySize16":"o1rh8Q","root":"-qSL3U","mode-form":"qJymlS","modeForm":"qJymlS","mode-cell":"Um94TG","modeCell":"Um94TG","mode-inline":"wGYNBH","modeInline":"wGYNBH"};
 
 const defaultMode = EditMode.FORM;
 function applyPickerTogglerMods(mods) {
@@ -3120,7 +3160,7 @@ function PickerInputComponent(_a, ref) {
 }
 const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
 
-var css$A = {"row":"xwLjqb"};
+var css$A = {"row":"qA9Yw5"};
 
 function PickerListItem(props) {
     var _a;
@@ -3141,7 +3181,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$A.row }), component));
 }
 
-var css$z = {"root":"_8dlJaz"};
+var css$z = {"root":"d-pW1W"};
 
 function PickerList(props) {
     const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, dataSourceState, getModalTogglerCaption, } = usePickerList(props);
@@ -3176,7 +3216,7 @@ function PickerList(props) {
             }, selectedRows)));
 }
 
-var css$y = {"uui-typography":"IXIwtn","hero-header":"gcdzix","promo-header":"Zk-yDs","uui-critical":"JuSJiv","uui-info":"yNSKnR","uui-success":"iu2Oku","uui-warning":"enRwuW","uui-highlight":"F3ywWg","uui-typography-size-12":"kxwOA0","uui-typography-size-14":"yTEqEY","uui-typography-size-16":"w-kkFK","root":"wc2P--","wrapper":"aMnK-J","align-widgets-top":"P7DVaa","align-widgets-center":"_7xlRjH","uuiTypography":"IXIwtn","heroHeader":"gcdzix","promoHeader":"Zk-yDs","uuiCritical":"JuSJiv","uuiInfo":"yNSKnR","uuiSuccess":"iu2Oku","uuiWarning":"enRwuW","uuiHighlight":"F3ywWg","uuiTypographySize12":"kxwOA0","uuiTypographySize14":"yTEqEY","uuiTypographySize16":"w-kkFK","alignWidgetsTop":"P7DVaa","alignWidgetsCenter":"_7xlRjH"};
+var css$y = {"uui-typography":"KpzHRj","uuiTypography":"KpzHRj","hero-header":"tXW-AJ","heroHeader":"tXW-AJ","promo-header":"JW06y2","promoHeader":"JW06y2","uui-critical":"hnTuyk","uuiCritical":"hnTuyk","uui-info":"-Y1sSh","uuiInfo":"-Y1sSh","uui-success":"TR9WjX","uuiSuccess":"TR9WjX","uui-warning":"-ghmOr","uuiWarning":"-ghmOr","uui-highlight":"hYnq1P","uuiHighlight":"hYnq1P","uui-typography-size-12":"vqqWKP","uuiTypographySize12":"vqqWKP","uui-typography-size-14":"T8Kj0i","uuiTypographySize14":"T8Kj0i","uui-typography-size-16":"_9OMdop","uuiTypographySize16":"_9OMdop","root":"O-zBPM","wrapper":"E46HiQ","align-widgets-top":"Z9IvSz","alignWidgetsTop":"Z9IvSz","align-widgets-center":"GbWjCk","alignWidgetsCenter":"GbWjCk"};
 
 function DataTableCell(initialProps) {
     const props = Object.assign({}, initialProps);
@@ -3225,7 +3265,7 @@ function DataTableCell(initialProps) {
     return React.createElement(DataTableCell$1, Object.assign({}, props));
 }
 
-var css$x = {"uui-typography":"RINLW9","hero-header":"_2PKZfb","promo-header":"R-3HsK","uui-critical":"WU4J3e","uui-info":"-sjX4R","uui-success":"yNA-68","uui-warning":"PNNyZ6","uui-highlight":"sLidlb","uui-typography-size-12":"f71kgK","uui-typography-size-14":"_9KcAvl","uui-typography-size-16":"LnifN9","root":"_2p9z-U","uuiTypography":"RINLW9","heroHeader":"_2PKZfb","promoHeader":"R-3HsK","uuiCritical":"WU4J3e","uuiInfo":"-sjX4R","uuiSuccess":"yNA-68","uuiWarning":"PNNyZ6","uuiHighlight":"sLidlb","uuiTypographySize12":"f71kgK","uuiTypographySize14":"_9KcAvl","uuiTypographySize16":"LnifN9"};
+var css$x = {"uui-typography":"aC95DY","uuiTypography":"aC95DY","hero-header":"LxXhZu","heroHeader":"LxXhZu","promo-header":"-Omku0","promoHeader":"-Omku0","uui-critical":"GdqCn6","uuiCritical":"GdqCn6","uui-info":"h1OCJR","uuiInfo":"h1OCJR","uui-success":"Fra2gi","uuiSuccess":"Fra2gi","uui-warning":"jPMAkD","uuiWarning":"jPMAkD","uui-highlight":"nzkSGS","uuiHighlight":"nzkSGS","uui-typography-size-12":"mJ7v6Q","uuiTypographySize12":"mJ7v6Q","uui-typography-size-14":"uFZYtj","uuiTypographySize14":"uFZYtj","uui-typography-size-16":"d0qPde","uuiTypographySize16":"d0qPde","root":"_1MV9Iv"};
 
 // 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.
@@ -3241,10 +3281,10 @@ const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = t
     ];
 }, () => propsMods);
 
-var css$w = {"uui-typography":"UF-XUO","hero-header":"aE2Ipa","promo-header":"f-laxh","uui-critical":"ODLMd3","uui-info":"_9r-HYP","uui-success":"NzVRhT","uui-warning":"WxLK5f","uui-highlight":"_4C-fbr","uui-typography-size-12":"FxCW9s","uui-typography-size-14":"so2sHN","uui-typography-size-16":"SkgO6s","sorting-panel-container":"KahKEx","uuiTypography":"UF-XUO","heroHeader":"aE2Ipa","promoHeader":"f-laxh","uuiCritical":"ODLMd3","uuiInfo":"_9r-HYP","uuiSuccess":"NzVRhT","uuiWarning":"WxLK5f","uuiHighlight":"_4C-fbr","uuiTypographySize12":"FxCW9s","uuiTypographySize14":"so2sHN","uuiTypographySize16":"SkgO6s","sortingPanelContainer":"KahKEx"};
+var css$w = {"uui-typography":"ZtrKMB","uuiTypography":"ZtrKMB","hero-header":"dbPhP1","heroHeader":"dbPhP1","promo-header":"_3x4It3","promoHeader":"_3x4It3","uui-critical":"xSTjiM","uuiCritical":"xSTjiM","uui-info":"r6LMnu","uuiInfo":"r6LMnu","uui-success":"_9ks43j","uuiSuccess":"_9ks43j","uui-warning":"Sakv-k","uuiWarning":"Sakv-k","uui-highlight":"hV69JG","uuiHighlight":"hV69JG","uui-typography-size-12":"PJKfDU","uuiTypographySize12":"PJKfDU","uui-typography-size-14":"uF-eFx","uuiTypographySize14":"uF-eFx","uui-typography-size-16":"Ogmbkn","uuiTypographySize16":"Ogmbkn","sorting-panel-container":"NDKCK6","sortingPanelContainer":"NDKCK6"};
 
 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); }
+function _extends$q() { return _extends$q = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$q.apply(null, arguments); }
 var SvgTableSortAscOutline = function SvgTableSortAscOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$q({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3259,7 +3299,7 @@ var SvgTableSortAscOutline = function SvgTableSortAscOutline(props, ref) {
 var ForwardRef$q = /*#__PURE__*/forwardRef(SvgTableSortAscOutline);
 
 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); }
+function _extends$p() { return _extends$p = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$p.apply(null, arguments); }
 var SvgTableSortDescOutline = function SvgTableSortDescOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$p({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3297,7 +3337,7 @@ const ColumnHeaderDropdownImpl = (props) => {
 const ColumnHeaderDropdown = /* @__PURE__ */React__default.memo(ColumnHeaderDropdownImpl);
 
 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); }
+function _extends$o() { return _extends$o = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$o.apply(null, arguments); }
 var SvgTableSwapOutline = function SvgTableSwapOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$o({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3312,7 +3352,7 @@ var SvgTableSwapOutline = function SvgTableSwapOutline(props, ref) {
 var ForwardRef$o = /*#__PURE__*/forwardRef(SvgTableSwapOutline);
 
 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); }
+function _extends$n() { return _extends$n = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$n.apply(null, arguments); }
 var SvgContentFiltrationFill = function SvgContentFiltrationFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$n({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3327,7 +3367,7 @@ var SvgContentFiltrationFill = function SvgContentFiltrationFill(props, ref) {
 var ForwardRef$n = /*#__PURE__*/forwardRef(SvgContentFiltrationFill);
 
 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); }
+function _extends$m() { return _extends$m = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$m.apply(null, arguments); }
 var SvgNavigationChevronUpOutline = function SvgNavigationChevronUpOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$m({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3342,7 +3382,7 @@ var SvgNavigationChevronUpOutline = function SvgNavigationChevronUpOutline(props
 var ForwardRef$m = /*#__PURE__*/forwardRef(SvgNavigationChevronUpOutline);
 
 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); }
+function _extends$l() { return _extends$l = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$l.apply(null, arguments); }
 var SvgNavigationCollapseAllOutline = function SvgNavigationCollapseAllOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$l({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3357,7 +3397,7 @@ var SvgNavigationCollapseAllOutline = function SvgNavigationCollapseAllOutline(p
 var ForwardRef$l = /*#__PURE__*/forwardRef(SvgNavigationCollapseAllOutline);
 
 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); }
+function _extends$k() { return _extends$k = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$k.apply(null, arguments); }
 var SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$k({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3371,7 +3411,7 @@ var SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props
 };
 var ForwardRef$k = /*#__PURE__*/forwardRef(SvgNavigationExpandAllOutline);
 
-var css$v = {"uui-typography":"_5eFXni","hero-header":"O-5vZZ","promo-header":"u7u76x","uui-critical":"E3FjtM","uui-info":"_5qPrsM","uui-success":"ECoi0B","uui-warning":"Frznwg","uui-highlight":"UR5xbZ","uui-typography-size-12":"S4X4qj","uui-typography-size-14":"IPLd7s","uui-typography-size-16":"_-2gjCG","root":"RgckTZ","caption-wrapper":"Fu2yD-","sort-icon":"nPEMC3","dropdown-icon":"olxWkw","infoIcon":"_-6R-vp","resizable":"_2DeeQU","align-right":"O3TpFO","align-center":"BJ-hlC","caption":"UNduWY","truncate":"bXHn3i","checkbox":"_3-UDCj","icon":"zciOoW","fold-all-icon":"OIDjqB","cell-tooltip":"RSMIJo","upper-case":"bIos-q","resizing-marker":"IAoSZC","pinned-right":"oF9eOi","draggable":"vGz1NM","ghost":"FWMIAO","is-dragged-out":"geXWh5","dnd-marker-left":"LoTxGv","dnd-marker-right":"_28ovYp","cell-tooltip-wrapper":"gCyjhX","cell-tooltip-text":"ldzxFC","tooltip-caption":"EKkzXR","tooltip-info":"-X1CBi","uuiTypography":"_5eFXni","heroHeader":"O-5vZZ","promoHeader":"u7u76x","uuiCritical":"E3FjtM","uuiInfo":"_5qPrsM","uuiSuccess":"ECoi0B","uuiWarning":"Frznwg","uuiHighlight":"UR5xbZ","uuiTypographySize12":"S4X4qj","uuiTypographySize14":"IPLd7s","uuiTypographySize16":"_-2gjCG","captionWrapper":"Fu2yD-","sortIcon":"nPEMC3","dropdownIcon":"olxWkw","alignRight":"O3TpFO","alignCenter":"BJ-hlC","foldAllIcon":"OIDjqB","cellTooltip":"RSMIJo","upperCase":"bIos-q","resizingMarker":"IAoSZC","pinnedRight":"oF9eOi","isDraggedOut":"geXWh5","dndMarkerLeft":"LoTxGv","dndMarkerRight":"_28ovYp","cellTooltipWrapper":"gCyjhX","cellTooltipText":"ldzxFC","tooltipCaption":"EKkzXR","tooltipInfo":"-X1CBi"};
+var css$v = {"uui-typography":"oRF7OT","uuiTypography":"oRF7OT","hero-header":"YcMwvF","heroHeader":"YcMwvF","promo-header":"ojZBTI","promoHeader":"ojZBTI","uui-critical":"Mclxmn","uuiCritical":"Mclxmn","uui-info":"DBzRfW","uuiInfo":"DBzRfW","uui-success":"X7pGoE","uuiSuccess":"X7pGoE","uui-warning":"t1phN1","uuiWarning":"t1phN1","uui-highlight":"Kb2vYP","uuiHighlight":"Kb2vYP","uui-typography-size-12":"aefYtl","uuiTypographySize12":"aefYtl","uui-typography-size-14":"PpqycP","uuiTypographySize14":"PpqycP","uui-typography-size-16":"Jj-LyA","uuiTypographySize16":"Jj-LyA","root":"nEQ9Mr","caption-wrapper":"k41PRZ","captionWrapper":"k41PRZ","sort-icon":"VIokxE","sortIcon":"VIokxE","dropdown-icon":"kSyBg8","dropdownIcon":"kSyBg8","infoIcon":"d43wW5","resizable":"_4AF6CK","align-right":"CWxS5r","alignRight":"CWxS5r","align-center":"jcnyr7","alignCenter":"jcnyr7","caption":"lXvrMb","truncate":"_2jCbeW","checkbox":"R5ArEb","icon":"ntSUOj","fold-all-icon":"_0NJhUk","foldAllIcon":"_0NJhUk","cell-tooltip":"IVad45","cellTooltip":"IVad45","upper-case":"DvPpM-","upperCase":"DvPpM-","resizing-marker":"qOBdwy","resizingMarker":"qOBdwy","pinned-right":"JkwY-A","pinnedRight":"JkwY-A","draggable":"F0D1wZ","ghost":"hRn5o4","is-dragged-out":"aGtfR1","isDraggedOut":"aGtfR1","dnd-marker-left":"_4QaGfn","dndMarkerLeft":"_4QaGfn","dnd-marker-right":"f-CVFD","dndMarkerRight":"f-CVFD","cell-tooltip-wrapper":"MDLJVA","cellTooltipWrapper":"MDLJVA","cell-tooltip-text":"PmDI3S","cellTooltipText":"PmDI3S","tooltip-caption":"JguU8a","tooltipCaption":"JguU8a","tooltip-info":"hPfBpr","tooltipInfo":"hPfBpr"};
 
 class DataTableHeaderCell extends React.Component {
     constructor() {
@@ -3395,7 +3435,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$v.icon, css$v.sortIcon, this.props.sortDirection && css$v.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$v.icon, !this.props.sortDirection && css$v.filterIcon, uuiDataTableHeaderCell.uuiTableHeaderFilterIcon), color: "neutral", icon: ForwardRef$n })),
-                this.props.column.renderFilter && (React.createElement(IconButton, { key: "dropdown", cx: cx$1(css$v.icon, css$v.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$v.icon, css$v.dropdownIcon, uuiDataTableHeaderCell.uuiTableHeaderDropdownIcon), color: "secondary", icon: this.state.isDropdownOpen ? ForwardRef$m : ForwardRef$Q }))));
         };
         this.renderHeaderCheckbox = () => {
             if (this.props.selectAll && this.props.isFirstColumn) {
@@ -3463,7 +3503,7 @@ class DataTableHeaderCell extends React.Component {
 }
 
 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); }
+function _extends$j() { return _extends$j = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$j.apply(null, arguments); }
 var SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$j({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3477,9 +3517,9 @@ var SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
 };
 var ForwardRef$j = /*#__PURE__*/forwardRef(SvgActionSettingsFill);
 
-var css$u = {"uui-typography":"Quv3q7","hero-header":"cd416h","promo-header":"fRlxtA","uui-critical":"wBWqZY","uui-info":"sliYzq","uui-success":"xNaS3m","uui-warning":"Vt7KjL","uui-highlight":"Or40sM","uui-typography-size-12":"GHrkqQ","uui-typography-size-14":"VNg2pI","uui-typography-size-16":"oHe-rC","root":"_-7GAkE","uuiTypography":"Quv3q7","heroHeader":"cd416h","promoHeader":"fRlxtA","uuiCritical":"wBWqZY","uuiInfo":"sliYzq","uuiSuccess":"xNaS3m","uuiWarning":"Vt7KjL","uuiHighlight":"Or40sM","uuiTypographySize12":"GHrkqQ","uuiTypographySize14":"VNg2pI","uuiTypographySize16":"oHe-rC"};
+var css$u = {"uui-typography":"_1YLLVH","uuiTypography":"_1YLLVH","hero-header":"fmIUpZ","heroHeader":"fmIUpZ","promo-header":"SUm-6v","promoHeader":"SUm-6v","uui-critical":"_9keztR","uuiCritical":"_9keztR","uui-info":"_-2jaGi","uuiInfo":"_-2jaGi","uui-success":"sWo6y0","uuiSuccess":"sWo6y0","uui-warning":"_7xSClx","uuiWarning":"_7xSClx","uui-highlight":"_--rokK","uuiHighlight":"_--rokK","uui-typography-size-12":"vU7UVl","uuiTypographySize12":"vU7UVl","uui-typography-size-14":"_1wv-Oi","uuiTypographySize14":"_1wv-Oi","uui-typography-size-16":"_4r6j0m","uuiTypographySize16":"_4r6j0m","root":"n4Fw0D"};
 
-var css$t = {"uui-typography":"D5x7Va","hero-header":"Kc-ium","promo-header":"DAd6L1","uui-critical":"x9VQCS","uui-info":"h0CW9X","uui-success":"_9V0vNz","uui-warning":"waEQkw","uui-highlight":"ZCTPin","uui-typography-size-12":"nLmHuR","uui-typography-size-14":"UrM7NM","uui-typography-size-16":"rMzoRx","root":"tjuGb1","caption-wrapper":"JPo2-7","align-center":"aZg84y","caption":"qnrN4G","truncate":"tK1X94","group-cell-tooltip":"m1qe-o","upper-case":"RURfyH","group-cell-tooltip-wrapper":"_9VA284","group-cell-tooltip-text":"ZETqRo","tooltip-caption":"s6LX6H","tooltip-info":"KQBVWp","uuiTypography":"D5x7Va","heroHeader":"Kc-ium","promoHeader":"DAd6L1","uuiCritical":"x9VQCS","uuiInfo":"h0CW9X","uuiSuccess":"_9V0vNz","uuiWarning":"waEQkw","uuiHighlight":"ZCTPin","uuiTypographySize12":"nLmHuR","uuiTypographySize14":"UrM7NM","uuiTypographySize16":"rMzoRx","captionWrapper":"JPo2-7","alignCenter":"aZg84y","groupCellTooltip":"m1qe-o","upperCase":"RURfyH","groupCellTooltipWrapper":"_9VA284","groupCellTooltipText":"ZETqRo","tooltipCaption":"s6LX6H","tooltipInfo":"KQBVWp"};
+var css$t = {"uui-typography":"GIt4Ka","uuiTypography":"GIt4Ka","hero-header":"HbthCq","heroHeader":"HbthCq","promo-header":"Jxa9u3","promoHeader":"Jxa9u3","uui-critical":"wNBArw","uuiCritical":"wNBArw","uui-info":"ah4JfU","uuiInfo":"ah4JfU","uui-success":"h4Lv4Q","uuiSuccess":"h4Lv4Q","uui-warning":"rzhvW-","uuiWarning":"rzhvW-","uui-highlight":"wma7aU","uuiHighlight":"wma7aU","uui-typography-size-12":"_1J-Vxx","uuiTypographySize12":"_1J-Vxx","uui-typography-size-14":"m-6l6z","uuiTypographySize14":"m-6l6z","uui-typography-size-16":"-Mpd-g","uuiTypographySize16":"-Mpd-g","root":"tdz7Yw","caption-wrapper":"h2--nJ","captionWrapper":"h2--nJ","align-center":"fQHDw1","alignCenter":"fQHDw1","caption":"wfqCPg","truncate":"ukvS7J","group-cell-tooltip":"IV6fkQ","groupCellTooltip":"IV6fkQ","upper-case":"_6u4fu2","upperCase":"_6u4fu2","group-cell-tooltip-wrapper":"xq5ZBO","groupCellTooltipWrapper":"xq5ZBO","group-cell-tooltip-text":"K2rsf4","groupCellTooltipText":"K2rsf4","tooltip-caption":"_7mFQBs","tooltipCaption":"_7mFQBs","tooltip-info":"tcyiSD","tooltipInfo":"tcyiSD"};
 
 class DataTableHeaderGroupCell extends React.Component {
     constructor() {
@@ -3528,7 +3568,6 @@ class DataTableHeaderGroupCell extends React.Component {
         const computeStyles = {
             '--uui-dt-header-group-cell-padding-start': `${this.getLeftPadding()}px`,
             '--uui-dt-header-group-cell-padding-end': `${this.getRightPadding()}px`,
-            width: '100%',
         };
         return (React.createElement(DataTableCellContainer, { column: this.props.group, cx: cx$1(uuiDataTableHeaderGroupCell.uuiTableHeaderGroupCell, css$t.root, `uui-size-${this.props.size || settings.sizes.dataTable.header.row.groupCell.defaults.size}`, this.props.isFirstCell && 'uui-dt-header-first-column', this.props.isLastCell && 'uui-dt-header-last-column'), rawProps: { role: 'columnheader' }, style: computeStyles }, this.getColumnCaption()));
     }
@@ -3545,7 +3584,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":"fo2CwB","hero-header":"JLHxdD","promo-header":"x47PAy","uui-critical":"VIE7nL","uui-info":"_0mdSGs","uui-success":"L9MjGW","uui-warning":"_4hav8N","uui-highlight":"pbtCxN","uui-typography-size-12":"VsSIeB","uui-typography-size-14":"Eh4pwj","uui-typography-size-16":"BwE4sY","root":"gLieAI","title-wrapper":"_8Ju-ZW","title":"_86rgMl","text-wrapper":"_9pG4Ze","selection":"_7DQ8UA","postfix":"UBiHLa","selected":"JvgXzX","uuiTypography":"fo2CwB","heroHeader":"JLHxdD","promoHeader":"x47PAy","uuiCritical":"VIE7nL","uuiInfo":"_0mdSGs","uuiSuccess":"L9MjGW","uuiWarning":"_4hav8N","uuiHighlight":"pbtCxN","uuiTypographySize12":"VsSIeB","uuiTypographySize14":"Eh4pwj","uuiTypographySize16":"BwE4sY","titleWrapper":"_8Ju-ZW","textWrapper":"_9pG4Ze"};
+var css$s = {"uui-typography":"ioPrhF","uuiTypography":"ioPrhF","hero-header":"Ei78zO","heroHeader":"Ei78zO","promo-header":"_66Ib0o","promoHeader":"_66Ib0o","uui-critical":"rBesM0","uuiCritical":"rBesM0","uui-info":"_8G-tiD","uuiInfo":"_8G-tiD","uui-success":"jvH3uw","uuiSuccess":"jvH3uw","uui-warning":"RB2GRK","uuiWarning":"RB2GRK","uui-highlight":"yxQZGS","uuiHighlight":"yxQZGS","uui-typography-size-12":"_1zJ-4T","uuiTypographySize12":"_1zJ-4T","uui-typography-size-14":"_8mK9JG","uuiTypographySize14":"_8mK9JG","uui-typography-size-16":"dhRlv4","uuiTypographySize16":"dhRlv4","root":"ZAhtyX","title-wrapper":"NiuJvN","titleWrapper":"NiuJvN","title":"n1kMq-","text-wrapper":"a9jwPV","textWrapper":"a9jwPV","selection":"z3jUBt","postfix":"CS7rq3","selected":"_76kvfE"};
 
 const defaultSize = '36';
 const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
@@ -3676,7 +3715,7 @@ function FilterRangeDatePickerBody(props) {
     const context = useUuiContext();
     const onOpenChange = (newIsOpen) => {
         var _a, _b;
-        if (!newIsOpen) {
+        {
             (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
         }
         (_b = props.onOpenChange) === null || _b === void 0 ? void 0 : _b.call(props, newIsOpen);
@@ -3723,7 +3762,7 @@ function FilterRangeDatePickerBody(props) {
                 React__default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.pickerModal.clearAllButton, onClick: () => onValueChange(defaultRangeValue) })))));
 }
 
-var css$r = {"container":"_6ZBiWx"};
+var css$r = {"container":"_0hEbmk"};
 
 function FilterNumericBody(props) {
     var _a, _b;
@@ -3807,7 +3846,7 @@ function FilterItemBody(props) {
 }
 
 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); }
+function _extends$i() { return _extends$i = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$i.apply(null, arguments); }
 var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$i({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3821,7 +3860,7 @@ var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
 };
 var ForwardRef$i = /*#__PURE__*/forwardRef(SvgActionDeleteOutline);
 
-var css$q = {"uui-typography":"m9TdZM","hero-header":"hM-ss5","promo-header":"FxaAIM","uui-critical":"oyeFBi","uui-info":"ht90RN","uui-success":"DRuxST","uui-warning":"nE-E8J","uui-highlight":"sXrtwp","uui-typography-size-12":"XCcnwj","uui-typography-size-14":"mttp0I","uui-typography-size-16":"v-QoP9","header":"_3ELQSr","removeButton":"ZuyU3S","with-search":"_8HtXfd","uuiTypography":"m9TdZM","heroHeader":"hM-ss5","promoHeader":"FxaAIM","uuiCritical":"oyeFBi","uuiInfo":"ht90RN","uuiSuccess":"DRuxST","uuiWarning":"nE-E8J","uuiHighlight":"sXrtwp","uuiTypographySize12":"XCcnwj","uuiTypographySize14":"mttp0I","uuiTypographySize16":"v-QoP9","withSearch":"_8HtXfd"};
+var css$q = {"uui-typography":"EZ-kov","uuiTypography":"EZ-kov","hero-header":"Dffwh9","heroHeader":"Dffwh9","promo-header":"cpJYqc","promoHeader":"cpJYqc","uui-critical":"ZZI3Xd","uuiCritical":"ZZI3Xd","uui-info":"QZ-lrA","uuiInfo":"QZ-lrA","uui-success":"_5-DW-J","uuiSuccess":"_5-DW-J","uui-warning":"EcnUml","uuiWarning":"EcnUml","uui-highlight":"_-7ZZti","uuiHighlight":"_-7ZZti","uui-typography-size-12":"bhb8D5","uuiTypographySize12":"bhb8D5","uui-typography-size-14":"T-qmOf","uuiTypographySize14":"T-qmOf","uui-typography-size-16":"R6WMy6","uuiTypographySize16":"R6WMy6","header":"TAnkVl","removeButton":"_4qetCv","with-search":"mK09-w","withSearch":"mK09-w"};
 
 function useView(props, value) {
     const forceUpdate = useForceUpdate();
@@ -4005,7 +4044,7 @@ function FiltersToolbarItemImpl(props) {
 const FiltersPanelItem = /* @__PURE__ */React__default.memo(FiltersToolbarItemImpl);
 
 var _path$h;
-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); }
+function _extends$h() { return _extends$h = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$h.apply(null, arguments); }
 var SvgActionAddOutline = function SvgActionAddOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$h({
     xmlns: "http://www.w3.org/2000/svg",
@@ -4142,10 +4181,10 @@ function FiltersToolbarImpl(props) {
 }
 const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
 
-var css$p = {"divider":"_4wr1zo","dropdownDeleteIcon":"A0ppIK","presetsWrapper":"zsSH7j","addPresetContainer":"WXKR8O","dropContainer":"RWWHlr"};
+var css$p = {"divider":"yO5QiF","dropdownDeleteIcon":"_8YemMj","presetsWrapper":"_9sstl-","addPresetContainer":"zwqSft","dropContainer":"_1fS5KC"};
 
 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); }
+function _extends$g() { return _extends$g = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$g.apply(null, arguments); }
 var SvgNavigationMoreVertOutline = function SvgNavigationMoreVertOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$g({
     xmlns: "http://www.w3.org/2000/svg",
@@ -4162,7 +4201,7 @@ var SvgNavigationMoreVertOutline = function SvgNavigationMoreVertOutline(props,
 var ForwardRef$g = /*#__PURE__*/forwardRef(SvgNavigationMoreVertOutline);
 
 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); }
+function _extends$f() { return _extends$f = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$f.apply(null, arguments); }
 var SvgNavigationRefreshOutline = function SvgNavigationRefreshOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$f({
     xmlns: "http://www.w3.org/2000/svg",
@@ -4177,7 +4216,7 @@ var SvgNavigationRefreshOutline = function SvgNavigationRefreshOutline(props, re
 var ForwardRef$f = /*#__PURE__*/forwardRef(SvgNavigationRefreshOutline);
 
 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); }
+function _extends$e() { return _extends$e = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$e.apply(null, arguments); }
 var SvgActionSaveOutline = function SvgActionSaveOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$e({
     xmlns: "http://www.w3.org/2000/svg",
@@ -4192,7 +4231,7 @@ var SvgActionSaveOutline = function SvgActionSaveOutline(props, ref) {
 var ForwardRef$e = /*#__PURE__*/forwardRef(SvgActionSaveOutline);
 
 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); }
+function _extends$d() { return _extends$d = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$d.apply(null, arguments); }
 var SvgContentEditUndoOutline = function SvgContentEditUndoOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$d({
     xmlns: "http://www.w3.org/2000/svg",
@@ -4207,7 +4246,7 @@ var SvgContentEditUndoOutline = function SvgContentEditUndoOutline(props, ref) {
 var ForwardRef$d = /*#__PURE__*/forwardRef(SvgContentEditUndoOutline);
 
 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); }
+function _extends$c() { return _extends$c = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$c.apply(null, arguments); }
 var SvgActionCopyContentOutline = function SvgActionCopyContentOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$c({
     xmlns: "http://www.w3.org/2000/svg",
@@ -4224,7 +4263,7 @@ var SvgActionCopyContentOutline = function SvgActionCopyContentOutline(props, re
 var ForwardRef$c = /*#__PURE__*/forwardRef(SvgActionCopyContentOutline);
 
 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); }
+function _extends$b() { return _extends$b = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$b.apply(null, arguments); }
 var SvgContentEditFill = function SvgContentEditFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$b({
     xmlns: "http://www.w3.org/2000/svg",
@@ -4239,7 +4278,7 @@ var SvgContentEditFill = function SvgContentEditFill(props, ref) {
 var ForwardRef$b = /*#__PURE__*/forwardRef(SvgContentEditFill);
 
 var _path$a, _path2$3;
-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); }
+function _extends$a() { return _extends$a = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$a.apply(null, arguments); }
 var SvgContentLinkOutline = function SvgContentLinkOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$a({
     xmlns: "http://www.w3.org/2000/svg",
@@ -4255,7 +4294,7 @@ var SvgContentLinkOutline = function SvgContentLinkOutline(props, ref) {
 };
 var ForwardRef$a = /*#__PURE__*/forwardRef(SvgContentLinkOutline);
 
-var css$o = {"delete-button":"_0NxjSE","tab-button":"RFzq0v","targetOpen":"ogYZs5","deleteButton":"_0NxjSE","tabButton":"RFzq0v"};
+var css$o = {"delete-button":"GRiqS5","deleteButton":"GRiqS5","tab-button":"R5YP2C","tabButton":"R5YP2C","targetOpen":"_7Sh9e5"};
 
 function PresetActionsDropdown(props) {
     const { uuiNotifications } = useUuiContext();
@@ -4296,12 +4335,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" }),
@@ -4313,7 +4354,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":"KFihLD","preset-input":"Pkz6yn","presetInputCell":"KFihLD","presetInput":"Pkz6yn"};
+var css$n = {"preset-input-cell":"OOHGVC","presetInputCell":"OOHGVC","preset-input":"GTtqXo","presetInput":"GTtqXo"};
 
 const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
 const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
@@ -4346,7 +4387,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":"_3vILba","activePreset":"BjloKB"};
+var css$m = {"preset":"_9t-Ad7","activePreset":"zFp29n"};
 
 function Preset(props) {
     const [isRenamePreset, setIsRenamePreset] = useState(false);
@@ -4364,11 +4405,12 @@ 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;
-function _extends$9() { _extends$9 = 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$9.apply(this, arguments); }
+function _extends$9() { return _extends$9 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$9.apply(null, arguments); }
 var SvgActionDeleteForeverFill = function SvgActionDeleteForeverFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$9({
     xmlns: "http://www.w3.org/2000/svg",
@@ -4466,7 +4508,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
 };
 
 var _path$8;
-function _extends$8() { _extends$8 = 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$8.apply(this, arguments); }
+function _extends$8() { return _extends$8 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$8.apply(null, arguments); }
 var SvgActionLockFill = function SvgActionLockFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$8({
     xmlns: "http://www.w3.org/2000/svg",
@@ -4483,7 +4525,7 @@ var SvgActionLockFill = function SvgActionLockFill(props, ref) {
 var ForwardRef$8 = /*#__PURE__*/forwardRef(SvgActionLockFill);
 
 var _path$7, _path2$2;
-function _extends$7() { _extends$7 = 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$7.apply(this, arguments); }
+function _extends$7() { return _extends$7 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$7.apply(null, arguments); }
 var SvgTableGroupColumnLeftFill = function SvgTableGroupColumnLeftFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$7({
     xmlns: "http://www.w3.org/2000/svg",
@@ -4502,7 +4544,7 @@ var SvgTableGroupColumnLeftFill = function SvgTableGroupColumnLeftFill(props, re
 var ForwardRef$7 = /*#__PURE__*/forwardRef(SvgTableGroupColumnLeftFill);
 
 var _path$6, _path2$1;
-function _extends$6() { _extends$6 = 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$6.apply(this, arguments); }
+function _extends$6() { return _extends$6 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$6.apply(null, arguments); }
 var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$6({
     xmlns: "http://www.w3.org/2000/svg",
@@ -4520,7 +4562,7 @@ var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props,
 };
 var ForwardRef$6 = /*#__PURE__*/forwardRef(SvgTableGroupColumnRightFill);
 
-var css$l = {"unpin-icon":"XaICNP","pin-toggler-icon":"C4564U","unpinIcon":"XaICNP","pinTogglerIcon":"C4564U"};
+var css$l = {"unpin-icon":"cYHcqw","unpinIcon":"cYHcqw","pin-toggler-icon":"r1OJGN","pinTogglerIcon":"r1OJGN"};
 
 function PinIconButton(props) {
     const i18nLocal = i18n.tables.columnsConfigurationModal;
@@ -4563,7 +4605,7 @@ function getUnpinIcon(params) {
 }
 
 var _path$5;
-function _extends$5() { _extends$5 = 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$5.apply(this, arguments); }
+function _extends$5() { return _extends$5 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$5.apply(null, arguments); }
 var SvgActionDragIndicator18 = function SvgActionDragIndicator18(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$5({
     xmlns: "http://www.w3.org/2000/svg",
@@ -4579,7 +4621,7 @@ var SvgActionDragIndicator18 = function SvgActionDragIndicator18(props, ref) {
 };
 var ForwardRef$5 = /*#__PURE__*/forwardRef(SvgActionDragIndicator18);
 
-var css$k = {"uui-typography":"zx8y6o","hero-header":"l19r9H","promo-header":"Rmw90J","uui-critical":"cLe9O5","uui-info":"FxoVZc","uui-success":"hhjF7y","uui-warning":"ZFJyTI","uui-highlight":"TjqTD3","uui-typography-size-12":"_8I-etm","uui-typography-size-14":"oSvede","uui-typography-size-16":"FeIXi9","row-wrapper":"yXSQ49","pin-icon-button":"mUe4I1","not-pinned":"dTvNi8","checkbox":"FikcF7","drag-handle":"RXAPI1","dnd-disabled":"spCa20","uuiTypography":"zx8y6o","heroHeader":"l19r9H","promoHeader":"Rmw90J","uuiCritical":"cLe9O5","uuiInfo":"FxoVZc","uuiSuccess":"hhjF7y","uuiWarning":"ZFJyTI","uuiHighlight":"TjqTD3","uuiTypographySize12":"_8I-etm","uuiTypographySize14":"oSvede","uuiTypographySize16":"FeIXi9","rowWrapper":"yXSQ49","pinIconButton":"mUe4I1","notPinned":"dTvNi8","dragHandle":"RXAPI1","dndDisabled":"spCa20"};
+var css$k = {"uui-typography":"tCJ-44","uuiTypography":"tCJ-44","hero-header":"tZW5WP","heroHeader":"tZW5WP","promo-header":"U20tzc","promoHeader":"U20tzc","uui-critical":"SJR1oQ","uuiCritical":"SJR1oQ","uui-info":"Km2CDD","uuiInfo":"Km2CDD","uui-success":"V5IiWC","uuiSuccess":"V5IiWC","uui-warning":"_5wfKau","uuiWarning":"_5wfKau","uui-highlight":"T1Iq9w","uuiHighlight":"T1Iq9w","uui-typography-size-12":"WaIUNv","uuiTypographySize12":"WaIUNv","uui-typography-size-14":"vP8-HK","uuiTypographySize14":"vP8-HK","uui-typography-size-16":"AEQWTT","uuiTypographySize16":"AEQWTT","row-wrapper":"jI1vxJ","rowWrapper":"jI1vxJ","pin-icon-button":"qwZsBF","pinIconButton":"qwZsBF","not-pinned":"Y9KYNM","notPinned":"Y9KYNM","checkbox":"h-4oIy","drag-handle":"J9Tngf","dragHandle":"J9Tngf","dnd-disabled":"u-vgTf","dndDisabled":"u-vgTf"};
 
 const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
     const { column } = props;
@@ -4602,7 +4644,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":"BPGGBr","hero-header":"H-xLAU","promo-header":"jljpRr","uui-critical":"-W8-99","uui-info":"ycnIVU","uui-success":"R85t4t","uui-warning":"_26Dbaj","uui-highlight":"KThh3M","uui-typography-size-12":"uSQYqS","uui-typography-size-14":"_76hbIb","uui-typography-size-16":"-H--aJ","root":"R-Fd1v","main-panel":"_9-4YfA","group":"hKbCr-","group-title":"tR65jM","group-items":"RpwYxv","no-data":"_3osPKz","no-data-title":"XNORCB","no-data-sub-title":"KhrIYn","h-divider":"_8GOIaz","search-area":"_9uZZP-","subgroup-accordion":"B6L7vQ","subgroup":"Jcgttd","subgroup-title":"yZg5D5","uuiTypography":"BPGGBr","heroHeader":"H-xLAU","promoHeader":"jljpRr","uuiCritical":"-W8-99","uuiInfo":"ycnIVU","uuiSuccess":"R85t4t","uuiWarning":"_26Dbaj","uuiHighlight":"KThh3M","uuiTypographySize12":"uSQYqS","uuiTypographySize14":"_76hbIb","uuiTypographySize16":"-H--aJ","mainPanel":"_9-4YfA","groupTitle":"tR65jM","groupItems":"RpwYxv","noData":"_3osPKz","noDataTitle":"XNORCB","noDataSubTitle":"KhrIYn","hDivider":"_8GOIaz","searchArea":"_9uZZP-","subgroupAccordion":"B6L7vQ","subgroupTitle":"yZg5D5"};
+var css$j = {"uui-typography":"Zr7Skp","uuiTypography":"Zr7Skp","hero-header":"POkOsN","heroHeader":"POkOsN","promo-header":"EpqCBA","promoHeader":"EpqCBA","uui-critical":"BfZP3F","uuiCritical":"BfZP3F","uui-info":"LA7sfr","uuiInfo":"LA7sfr","uui-success":"_8a4gk2","uuiSuccess":"_8a4gk2","uui-warning":"Dv7Il4","uuiWarning":"Dv7Il4","uui-highlight":"KUWMWS","uuiHighlight":"KUWMWS","uui-typography-size-12":"ZJeKGN","uuiTypographySize12":"ZJeKGN","uui-typography-size-14":"_4Wo8bU","uuiTypographySize14":"_4Wo8bU","uui-typography-size-16":"nDSwEl","uuiTypographySize16":"nDSwEl","root":"iKBnFF","main-panel":"U-g-h-","mainPanel":"U-g-h-","group":"sS-nY0","group-title":"f9D237","groupTitle":"f9D237","group-items":"qhZR5S","groupItems":"qhZR5S","no-data":"bHaIYJ","noData":"bHaIYJ","no-data-title":"WbXaFa","noDataTitle":"WbXaFa","no-data-sub-title":"wJrwTq","noDataSubTitle":"wJrwTq","h-divider":"jKY4Ww","hDivider":"jKY4Ww","search-area":"-Bk2lp","searchArea":"-Bk2lp","subgroup-accordion":"YPr48O","subgroupAccordion":"YPr48O","subgroup":"_54c60u","subgroup-title":"hq03XH","subgroupTitle":"hq03XH"};
 
 const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { cx: css$j.group },
     React.createElement(Text, { size: "none", cx: css$j.groupTitle }, title),
@@ -4679,7 +4721,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)));
@@ -4691,7 +4733,7 @@ function SubGroup(props) {
     return null;
 }
 
-var css$i = {"listContainer":"EwMhkg","header":"cr6GoK","group":"_-6XHBk","stickyHeader":"L1Od2j"};
+var css$i = {"listContainer":"g6pPbA","header":"-Jr3iP","group":"GGu1Vv","stickyHeader":"TAnWDa"};
 
 const getChildrenAndRest = (row, rows) => {
     const firstNotChildIndex = rows.findIndex((other) => other.depth < row.depth || (row.depth === other.depth && other.isPinned));
@@ -4747,7 +4789,7 @@ function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, r
 }
 
 var _path$4, _path2, _path3, _path4, _path5, _path6, _g, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _path21, _path22, _path23, _path24, _defs;
-function _extends$4() { _extends$4 = 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$4.apply(this, arguments); }
+function _extends$4() { return _extends$4 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$4.apply(null, arguments); }
 var SvgEmptyTable = function SvgEmptyTable(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$4({
     width: 232,
@@ -4757,7 +4799,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
   }, props), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#4i4gxfxqciyncjhri_a)"
+    clipPath: "url(#ljdi1z6n0zidggsov_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"
@@ -4778,7 +4820,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: "4i4gxfr65igsuth3_b",
+    id: "ljdi1zpeaxvfg4fv_b",
     style: {
       maskType: "alpha"
     },
@@ -4791,7 +4833,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(#4i4gxfr65igsuth3_b)",
+    mask: "url(#ljdi1zpeaxvfg4fv_b)",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }, /*#__PURE__*/React.createElement("path", {
@@ -4877,7 +4919,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: "4i4gxfxqciyncjhri_a"
+    id: "ljdi1z6n0zidggsov_a"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
     transform: "translate(.552)",
@@ -4886,7 +4928,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
 };
 var ForwardRef$4 = /*#__PURE__*/forwardRef(SvgEmptyTable);
 
-var css$h = {"root":"tHLkeF","sticky-header":"jONeJZ","no-results":"f4h-Yw","icon":"m-WhKy","title":"WoLDA6","stickyHeader":"jONeJZ","noResults":"f4h-Yw"};
+var css$h = {"root":"QeVOHa","sticky-header":"aWhV4b","stickyHeader":"aWhV4b","no-results":"BokJ1y","noResults":"BokJ1y","icon":"tFGEnG","title":"y6EvmD"};
 
 function DataTable(props) {
     var _a, _b, _c, _d;
@@ -4937,12 +4979,12 @@ function DataTable(props) {
                 } }))));
 }
 
-var css$g = {"root":"VrUG5D"};
+var css$g = {"root":"HVbFiO"};
 
-var css$f = {"root":"YZM2yD","burger-content":"cRAMXc","burgerContent":"cRAMXc"};
+var css$f = {"root":"_8P3o8x","burger-content":"QWiOwR","burgerContent":"QWiOwR"};
 
 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); }
+function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
 var SvgNavigationOpenSideMenuOutline = function SvgNavigationOpenSideMenuOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$3({
     xmlns: "http://www.w3.org/2000/svg",
@@ -4961,12 +5003,12 @@ function applyBurgerMods() {
 }
 const Burger = /* @__PURE__ */withMods(Burger$1, applyBurgerMods, () => ({
     burgerIcon: ForwardRef$3,
-    crossIcon: ForwardRef$Q,
+    crossIcon: ForwardRef$R,
     burgerContentCx: css$f.burgerContent,
 }));
 
 var _path$2;
-function _extends$2() { _extends$2 = 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$2.apply(this, arguments); }
+function _extends$2() { return _extends$2 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2.apply(null, arguments); }
 var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$2({
     xmlns: "http://www.w3.org/2000/svg",
@@ -4982,7 +5024,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
 };
 var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgNavigationArrowDownOutline);
 
-var css$e = {"uui-typography":"_3y3-ZC","hero-header":"h7dpUY","promo-header":"XC8y8G","uui-critical":"DaH6nu","uui-info":"DT1J6a","uui-success":"IdiXpP","uui-warning":"t-N4p4","uui-highlight":"GrWv8V","uui-typography-size-12":"sNv569","uui-typography-size-14":"_7dDtxS","uui-typography-size-16":"UB0Md-","root":"amQpg4","button-primary":"_97PcEw","button-secondary":"oIu-It","hasIcon":"UIPiJ0","dropdown":"kJLI3T","uuiTypography":"_3y3-ZC","heroHeader":"h7dpUY","promoHeader":"XC8y8G","uuiCritical":"DaH6nu","uuiInfo":"DT1J6a","uuiSuccess":"IdiXpP","uuiWarning":"t-N4p4","uuiHighlight":"GrWv8V","uuiTypographySize12":"sNv569","uuiTypographySize14":"_7dDtxS","uuiTypographySize16":"UB0Md-","buttonPrimary":"_97PcEw","buttonSecondary":"oIu-It"};
+var css$e = {"uui-typography":"yB9OaF","uuiTypography":"yB9OaF","hero-header":"FRXUG5","heroHeader":"FRXUG5","promo-header":"DmMLBg","promoHeader":"DmMLBg","uui-critical":"v3SiCF","uuiCritical":"v3SiCF","uui-info":"s4Reph","uuiInfo":"s4Reph","uui-success":"wjLBKB","uuiSuccess":"wjLBKB","uui-warning":"N3LDfn","uuiWarning":"N3LDfn","uui-highlight":"T9Js7M","uuiHighlight":"T9Js7M","uui-typography-size-12":"_6Uvb3J","uuiTypographySize12":"_6Uvb3J","uui-typography-size-14":"wIhk6o","uuiTypographySize14":"wIhk6o","uui-typography-size-16":"_0b1Hd8","uuiTypographySize16":"_0b1Hd8","root":"BbZ2dy","button-primary":"Gaw91J","buttonPrimary":"Gaw91J","button-secondary":"A5Ys9B","buttonSecondary":"A5Ys9B","hasIcon":"U7N-SM","dropdown":"TAe8ki"};
 
 const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
     css$e.root,
@@ -4993,13 +5035,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":"U8g5Uw","searchInput":"U8g5Uw"};
+var css$d = {"search-input":"Yl6vtN","searchInput":"Yl6vtN"};
 
 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":"nqDq9z","group-header":"btNwk0","group-name":"OJlsOO","line":"fI22Sj","groupHeader":"btNwk0","groupName":"OJlsOO"};
+var css$c = {"root":"XYlNa6","group-header":"OuRecK","groupHeader":"OuRecK","group-name":"ujUEa-","groupName":"ujUEa-","line":"OGPHW-"};
 
 function BurgerGroupHeader(props) {
     return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
@@ -5007,7 +5049,7 @@ function BurgerGroupHeader(props) {
         React.createElement("span", { className: css$c.groupName }, props.caption)));
 }
 
-var css$b = {"uui-typography":"_7WcSZ4","hero-header":"Cd0qAL","promo-header":"-dSVKH","uui-critical":"S4tItA","uui-info":"RzkpKA","uui-success":"_6Cg4Zf","uui-warning":"SXNR0h","uui-highlight":"jGm9be","uui-typography-size-12":"Gix2K4","uui-typography-size-14":"ftkulG","uui-typography-size-16":"xqFxtm","root":"sLljD5","type-primary":"_31yC8T","type-secondary":"bP5Fms","uuiTypography":"_7WcSZ4","heroHeader":"Cd0qAL","promoHeader":"-dSVKH","uuiCritical":"S4tItA","uuiInfo":"RzkpKA","uuiSuccess":"_6Cg4Zf","uuiWarning":"SXNR0h","uuiHighlight":"jGm9be","uuiTypographySize12":"Gix2K4","uuiTypographySize14":"ftkulG","uuiTypographySize16":"xqFxtm","typePrimary":"_31yC8T","typeSecondary":"bP5Fms"};
+var css$b = {"uui-typography":"jVeOyu","uuiTypography":"jVeOyu","hero-header":"_6UOqNb","heroHeader":"_6UOqNb","promo-header":"Br5hHo","promoHeader":"Br5hHo","uui-critical":"n6GWk7","uuiCritical":"n6GWk7","uui-info":"_7sULpP","uuiInfo":"_7sULpP","uui-success":"HlrHyD","uuiSuccess":"HlrHyD","uui-warning":"QLF1HO","uuiWarning":"QLF1HO","uui-highlight":"_-2nHuI","uuiHighlight":"_-2nHuI","uui-typography-size-12":"cSE2-q","uuiTypographySize12":"cSE2-q","uui-typography-size-14":"QXy8ik","uuiTypographySize14":"QXy8ik","uui-typography-size-16":"jQbgBM","uuiTypographySize16":"jQbgBM","root":"HaIjhf","type-primary":"RNqpAJ","typePrimary":"RNqpAJ","type-secondary":"_5SAOkf","typeSecondary":"_5SAOkf"};
 
 const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { type } = props, clickableProps = __rest(props, ["type"]);
@@ -5020,10 +5062,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":"_4AK4XV","dropdownBody":"_4AK4XV"};
+var css$a = {"dropdown-body":"LUOvvE","dropdownBody":"LUOvvE"};
 
 class MainMenuDropdown extends React.Component {
     render() {
@@ -5062,7 +5104,7 @@ const MainMenu = /* @__PURE__ */withMods(uuiComponents.MainMenu, applyMainMenuMo
 }));
 
 var _path$1;
-function _extends$1() { _extends$1 = 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$1.apply(this, arguments); }
+function _extends$1() { return _extends$1 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1.apply(null, arguments); }
 var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutlineOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
@@ -5078,31 +5120,31 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
 };
 var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationGlobalMenuOutlineOutline);
 
-var css$9 = {"global-menu-btn":"bChZQi","global-menu-icon":"RGtXj1","globalMenuBtn":"bChZQi","globalMenuIcon":"RGtXj1"};
+var css$9 = {"global-menu-btn":"PvQ3e1","globalMenuBtn":"PvQ3e1","global-menu-icon":"_5394-E","globalMenuIcon":"_5394-E"};
 
 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":"n3hyXQ","open":"EbBSmf","folding-arrow":"m8PIG9","foldingArrow":"m8PIG9"};
+var css$8 = {"container":"B7yrBF","open":"E4xaSe","folding-arrow":"FciINo","foldingArrow":"FciINo"};
 
 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":"hjTARJ","searchInput":"hjTARJ"};
+var css$7 = {"search-input":"Z69ayg","searchInput":"Z69ayg"};
 
 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":"F9R3-N"};
+var css$6 = {"container":"j3Y1P4"};
 
 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":"PYOBf5"};
+var css$5 = {"root":"_2DQLx-"};
 
 const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
 
@@ -5144,7 +5186,7 @@ function useForm(props) {
 }
 
 var _path;
-function _extends() { _extends = 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.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -5160,7 +5202,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
 };
 var ForwardRef = /*#__PURE__*/forwardRef(SvgFileCloudUploadFill);
 
-var css$4 = {"root":"P6EKub","drop-start":"kE84I2","drop-over":"Ft3Uej","link":"D31y-c","drop-area":"RgCV-i","drop-caption":"AFIjyA","icon-blue":"IaLOcU","dropStart":"kE84I2","dropOver":"Ft3Uej","dropArea":"RgCV-i","dropCaption":"AFIjyA","iconBlue":"IaLOcU"};
+var css$4 = {"root":"sx-MUO","drop-start":"W1US79","dropStart":"W1US79","drop-over":"ysLVHE","dropOver":"ysLVHE","link":"_5uSUyH","drop-area":"bGSoFG","dropArea":"bGSoFG","drop-caption":"OhbHHw","dropCaption":"OhbHHw","icon-blue":"-Vot1u","iconBlue":"-Vot1u"};
 
 function DropSpot(props) {
     const getInfoText = typeof props.infoText === 'string'
@@ -5178,9 +5220,9 @@ function DropSpot(props) {
     return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
 }
 
-var css$3 = {"uui-typography":"_3xAshD","hero-header":"Omt8rO","promo-header":"PiAdgp","uui-critical":"lWPNa2","uui-info":"S0vyWP","uui-success":"DTReHq","uui-warning":"P647AL","uui-highlight":"sSvzSv","uui-typography-size-12":"E1MJ56","uui-typography-size-14":"IEfu0E","uui-typography-size-16":"_1K2uA-","root":"YQNwD6","file-name":"-yYOzJ","default-color":"jHC0Rs","doc-color":"n-5d-G","xls-color":"bOzUTp","pdf-color":"LNlZpp","movie-color":"ZsJeDN","img-color":"_31P70J","mov-color":"lnvT5F","error-block":"SlvlhR","icons-block":"VDiSmQ","uuiTypography":"_3xAshD","heroHeader":"Omt8rO","promoHeader":"PiAdgp","uuiCritical":"lWPNa2","uuiInfo":"S0vyWP","uuiSuccess":"DTReHq","uuiWarning":"P647AL","uuiHighlight":"sSvzSv","uuiTypographySize12":"E1MJ56","uuiTypographySize14":"IEfu0E","uuiTypographySize16":"_1K2uA-","fileName":"-yYOzJ","defaultColor":"jHC0Rs","docColor":"n-5d-G","xlsColor":"bOzUTp","pdfColor":"LNlZpp","movieColor":"ZsJeDN","imgColor":"_31P70J","movColor":"lnvT5F","errorBlock":"SlvlhR","iconsBlock":"VDiSmQ"};
+var css$3 = {"uui-typography":"CVgoB9","uuiTypography":"CVgoB9","hero-header":"Yq3uLm","heroHeader":"Yq3uLm","promo-header":"Pmdocg","promoHeader":"Pmdocg","uui-critical":"Hkw6KM","uuiCritical":"Hkw6KM","uui-info":"cEdtXJ","uuiInfo":"cEdtXJ","uui-success":"Hn0IRx","uuiSuccess":"Hn0IRx","uui-warning":"BUQiyf","uuiWarning":"BUQiyf","uui-highlight":"pyXoIt","uuiHighlight":"pyXoIt","uui-typography-size-12":"wDRbu-","uuiTypographySize12":"wDRbu-","uui-typography-size-14":"N1vLdB","uuiTypographySize14":"N1vLdB","uui-typography-size-16":"f8rWCl","uuiTypographySize16":"f8rWCl","root":"oV4aS5","file-name":"BL3-6K","fileName":"BL3-6K","default-color":"qt5swD","defaultColor":"qt5swD","doc-color":"_84-62F","docColor":"_84-62F","xls-color":"Le-KtU","xlsColor":"Le-KtU","pdf-color":"mpprBI","pdfColor":"mpprBI","movie-color":"xCSK6L","movieColor":"xCSK6L","img-color":"_2QokRp","imgColor":"_2QokRp","mov-color":"LUUpwl","movColor":"LUUpwl","error-block":"pyKzfh","errorBlock":"pyKzfh","icons-block":"kKrRJ-","iconsBlock":"kKrRJ-"};
 
-var css$2 = {"root":"xRHHnc"};
+var css$2 = {"root":"ogcEK2"};
 
 const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
     const outsetRadius = props.size / 2 - 1;
@@ -5245,7 +5287,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()}, `,
@@ -5263,7 +5305,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 = () => ({
@@ -5290,33 +5332,37 @@ const getErrorPageConfig = () => ({
         mobileImageUrl: 'https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/error-pages-illustrations/L_Error_500_Monochrome.svg',
         title: i18n.errorHandler.errorPageConfig.serverError.title,
         subtitle: i18n.errorHandler.errorPageConfig.serverError.subtitle,
+        supportLink: i18n.errorHandler.supportMessage,
     },
     serviceUnavailable: {
         imageUrl: 'https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/error-pages-illustrations/L_Error_503_Monochrome.svg',
         mobileImageUrl: 'https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/error-pages-illustrations/L_Error_503_Monochrome.svg',
         title: i18n.errorHandler.errorPageConfig.serviceUnavailable.title,
         subtitle: i18n.errorHandler.errorPageConfig.serviceUnavailable.subtitle,
+        supportLink: i18n.errorHandler.supportMessage,
     },
     default: {
         imageUrl: 'https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/error-pages-illustrations/L_Empty_Monochrome.svg',
         mobileImageUrl: 'https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/error-pages-illustrations/L_Empty_Monochrome.svg',
         title: i18n.errorHandler.errorPageConfig.default.title,
         subtitle: i18n.errorHandler.errorPageConfig.default.subtitle,
+        supportLink: i18n.errorHandler.supportMessage,
     },
 });
 
-var css$1 = {"container":"MIS038"};
+var css$1 = {"container":"rp4vzb"};
 
 const ErrorPage = (props) => {
     const isMobileScreen = isMobile();
     return (React__default.createElement("div", { className: cx$1(css$1.container, props.cx) },
-        React__default.createElement("div", { className: "uui-error-content" },
+        React__default.createElement("div", { className: cx$1('uui-error-content', 'uui-typography') },
             React__default.createElement("img", { className: "uui-error-image", src: isMobileScreen && props.mobileImageUrl ? props.mobileImageUrl : props.imageUrl, alt: "ERROR OCCURRED!" }),
             React__default.createElement("div", { className: "uui-error-title" }, props.title),
-            React__default.createElement("div", { className: "uui-error-subtitle" }, props.subtitle))));
+            React__default.createElement("div", { className: "uui-error-subtitle" }, props.subtitle),
+            (props === null || props === void 0 ? void 0 : props.supportLink) && React__default.createElement("div", { className: "uui-error-support-link" }, props === null || props === void 0 ? void 0 : props.supportLink))));
 };
 
-var css = {"recovery-spinner":"ghTwsA","recovery-message":"Y9mSeI","modal-blocker":"lUmm5Y","modalFadeIn":"-smeL9","recoverySpinner":"ghTwsA","recoveryMessage":"Y9mSeI","modalBlocker":"lUmm5Y"};
+var css = {"recovery-spinner":"H3oT0G","recoverySpinner":"H3oT0G","recovery-message":"GdYH0b","recoveryMessage":"GdYH0b","modal-blocker":"JF3BmL","modalBlocker":"JF3BmL","modalFadeIn":"aLBsyz"};
 
 function ErrorHandler(props) {
     const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();
@@ -5367,5 +5413,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