@epam/uui 5.13.3-beta.12 → 5.13.3-beta.14

package/index.esm.js

@@ -149,7 +149,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
   }, props), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#2m6zpkx4yxsvfr3zj_a)"
+    clipPath: "url(#89oozspeq4haplsq_a)"
   }, _path$J || (_path$J = /*#__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"
@@ -170,7 +170,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: "2m6zpk5nlin4o6gfc_b",
+    id: "89oozsx42qmrzyhwh_b",
     style: {
       maskType: "alpha"
     },
@@ -183,7 +183,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(#2m6zpk5nlin4o6gfc_b)",
+    mask: "url(#89oozsx42qmrzyhwh_b)",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }, /*#__PURE__*/React.createElement("path", {
@@ -269,7 +269,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: "2m6zpkx4yxsvfr3zj_a"
+    id: "89oozspeq4haplsq_a"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
     transform: "translate(.552)",
@@ -637,7 +637,7 @@ var ForwardRef$m = /*#__PURE__*/forwardRef(SvgNotificationErrorFill);
 
 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) {
+var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$l({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -645,16 +645,14 @@ var SvgFileFileWordFill = function SvgFileFileWordFill(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref
   }, 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"
+    d: "M9 3v1H4v2h1v13a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6h1V4h-5V3H9zM7 6h10v13H7V6zm2 2v9h2V8H9zm4 0v9h2V8h-2z"
   })));
 };
-var ForwardRef$l = /*#__PURE__*/forwardRef(SvgFileFileWordFill);
+var ForwardRef$l = /*#__PURE__*/forwardRef(SvgActionDeleteOutline);
 
 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) {
+var SvgFileFileWordFill = function SvgFileFileWordFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$k({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -663,15 +661,15 @@ var SvgFileFileExcelFill = function SvgFileFileExcelFill(props, ref) {
     ref: ref
   }, props), _path$k || (_path$k = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm1.8 18H14l-2-3.4-2 3.4H8.2l2.9-4.5L8.2 11H10l2 3.4 2-3.4h1.8l-2.9 4.5 2.9 4.5zM13 9V3.5L18.5 9H13z",
+    d: "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(SvgFileFileExcelFill);
+var ForwardRef$k = /*#__PURE__*/forwardRef(SvgFileFileWordFill);
 
 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) {
+var SvgFileFileExcelFill = function SvgFileFileExcelFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$j({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -680,15 +678,15 @@ var SvgFileFilePdfFill = function SvgFileFilePdfFill(props, ref) {
     ref: ref
   }, 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",
+    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(SvgFileFilePdfFill);
+var ForwardRef$j = /*#__PURE__*/forwardRef(SvgFileFileExcelFill);
 
 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) {
+var SvgFileFilePdfFill = function SvgFileFilePdfFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$i({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -697,15 +695,15 @@ var SvgFileFileImageFill = function SvgFileFileImageFill(props, ref) {
     ref: ref
   }, props), _path$i || (_path$i = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M13 9h5.5L13 3.5V9zM6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2zm0 18h12v-8l-4 4-2-2-6 6zM8 9a2 2 0 1 0 0 4 2 2 0 0 0 0-4z",
+    d: "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(SvgFileFileImageFill);
+var ForwardRef$i = /*#__PURE__*/forwardRef(SvgFileFilePdfFill);
 
-var _path$h, _path2$2;
+var _path$h;
 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) {
+var SvgFileFileImageFill = function SvgFileFileImageFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$h({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -713,18 +711,16 @@ var SvgFileFileVideoFill = function SvgFileFileVideoFill(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$h || (_path$h = /*#__PURE__*/React.createElement("path", {
-    d: "M14.992 14 9.5 17.138v-6.276L14.992 14z"
-  })), _path2$2 || (_path2$2 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M4 4c0-1.11.89-2 2-2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4zm9-.5V9h5.5L13 3.5zM8.5 9.138v9.724L17.008 14 8.5 9.138z",
+    d: "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(SvgFileFileVideoFill);
+var ForwardRef$h = /*#__PURE__*/forwardRef(SvgFileFileImageFill);
 
-var _path$g;
+var _path$g, _path2$2;
 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) {
+var SvgFileFileVideoFill = function SvgFileFileVideoFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$g({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -732,16 +728,18 @@ var SvgFileFileTableFill = function SvgFileFileTableFill(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$g || (_path$g = /*#__PURE__*/React.createElement("path", {
+    d: "M14.992 14 9.5 17.138v-6.276L14.992 14z"
+  })), _path2$2 || (_path2$2 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm-4 17H7v-2h3v2zm0-3H7v-2h3v2zm0-3H7v-2h3v2zm4 6h-3v-2h3v2zm0-3h-3v-2h3v2zm0-3h-3v-2h3v2zm-1-4V3.5L18.5 9H13z",
+    d: "M4 4c0-1.11.89-2 2-2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4zm9-.5V9h5.5L13 3.5zM8.5 9.138v9.724L17.008 14 8.5 9.138z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$g = /*#__PURE__*/forwardRef(SvgFileFileTableFill);
+var ForwardRef$g = /*#__PURE__*/forwardRef(SvgFileFileVideoFill);
 
 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) {
+var SvgFileFileTableFill = function SvgFileFileTableFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$f({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -750,15 +748,15 @@ var SvgFileFileTextFill = function SvgFileFileTextFill(props, ref) {
     ref: ref
   }, 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",
+    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(SvgFileFileTextFill);
+var ForwardRef$f = /*#__PURE__*/forwardRef(SvgFileFileTableFill);
 
 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) {
+var SvgFileFileTextFill = function SvgFileFileTextFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$e({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -767,15 +765,15 @@ var SvgFileFileEmlFill = function SvgFileFileEmlFill(props, ref) {
     ref: ref
   }, 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",
+    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(SvgFileFileEmlFill);
+var ForwardRef$e = /*#__PURE__*/forwardRef(SvgFileFileTextFill);
 
 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) {
+var SvgFileFileEmlFill = function SvgFileFileEmlFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -783,38 +781,55 @@ var SvgFileFileFill = function SvgFileFileFill(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref
   }, 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"
+    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(SvgFileFileFill);
+var ForwardRef$d = /*#__PURE__*/forwardRef(SvgFileFileEmlFill);
 
 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 SvgStarFilled = function SvgStarFilled(props, ref) {
+var SvgFileFileFill = function SvgFileFileFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$c({
+    xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg",
     ref: ref
   }, props), _path$c || (_path$c = /*#__PURE__*/React.createElement("path", {
+    d: "M6 22c-.55 0-1.02-.196-1.412-.587A1.927 1.927 0 0 1 4 20V4c0-.55.196-1.021.588-1.413A1.925 1.925 0 0 1 6 2h8l6 6v12a1.93 1.93 0 0 1-.587 1.413A1.928 1.928 0 0 1 18 22H6zm7-13h5l-5-5v5z"
+  })));
+};
+var ForwardRef$c = /*#__PURE__*/forwardRef(SvgFileFileFill);
+
+var _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 SvgStarFilled = function SvgStarFilled(props, ref) {
+  return /*#__PURE__*/React.createElement("svg", _extends$b({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    ref: ref
+  }, props), _path$b || (_path$b = /*#__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$c = /*#__PURE__*/forwardRef(SvgStarFilled);
+var ForwardRef$b = /*#__PURE__*/forwardRef(SvgStarFilled);
 
-var _path$b, _path2$1;
-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 _path$a, _path2$1;
+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 SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$b({
+  return /*#__PURE__*/React.createElement("svg", _extends$a({
     width: 66,
     height: 67,
     viewBox: "0 0 66 67",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
-  }, props), _path$b || (_path$b = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$a || (_path$a = /*#__PURE__*/React.createElement("path", {
     d: "M0 33.5C0 15.275 14.775.5 33 .5s33 14.775 33 33-14.775 33-33 33-33-14.775-33-33Z",
     fill: "#EBEDF5"
   })), _path2$1 || (_path2$1 = /*#__PURE__*/React.createElement("path", {
@@ -824,16 +839,16 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
     fill: "#6C6F80"
   })));
 };
-var ForwardRef$b = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
+var ForwardRef$a = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
 
-var css$1x = {"root":"HlrjNi","uui-spinner":"QiOPCk","uuiSpinner":"QiOPCk"};
+var css$1x = {"root":"YepjSt","uui-spinner":"_-2A2te","uuiSpinner":"_-2A2te"};
 
 function applySpinnerMods() {
     return [css$1x.root, 'uui-spinner'];
 }
 const Spinner = /* @__PURE__ */withMods(Spinner$1, applySpinnerMods);
 
-var css$1w = {"root":"btBmUb","loading-word":"FC9mnj","loadingWord":"FC9mnj","animated-loading":"JgQp0q","animatedLoading":"JgQp0q","skeleton_loading":"ID2ds5","skeletonLoading":"ID2ds5"};
+var css$1w = {"root":"_11zUni","loading-word":"VZgSaF","loadingWord":"VZgSaF","animated-loading":"Gf1l-k","animatedLoading":"Gf1l-k","skeleton_loading":"QzpeOQ","skeletonLoading":"QzpeOQ"};
 
 const TextPlaceholder = (props) => {
     const pattern = '&nbsp;';
@@ -850,7 +865,7 @@ const TextPlaceholder = (props) => {
         ]), dangerouslySetInnerHTML: { __html: it } })))));
 };
 
-var css$1v = {"root":"pzVFOB","line-height":"y3SFRg","lineHeight":"y3SFRg","font-size":"Qo4NSd","fontSize":"Qo4NSd"};
+var css$1v = {"root":"rHoq0Y","line-height":"Xs0pQg","lineHeight":"Xs0pQg","font-size":"ZHfxub","fontSize":"ZHfxub"};
 
 function applyTextMods(mods) {
     return [
@@ -1042,15 +1057,15 @@ const datePickerSettings = {
 };
 const fileCardSettings = {
     icons: {
-        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,
+        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,
         closeIcon: ForwardRef$R,
         errorIcon: ForwardRef$m,
     },
@@ -1064,9 +1079,15 @@ const filtersPanelSettings = {
     icons: {
         addFilterIcon: ForwardRef$s,
         itemDropdownIcon: ForwardRef$Q,
+        pickerBodyRemoveIcon: ForwardRef$l,
     },
     sizes: {
         default: '36',
+        mobileFooterLinkButton: '48',
+        pickerBodyMultiSwitch: '24',
+        pickerBodyLinkButton: '24',
+        pickerBodyMinWidth: 360,
+        rangeDatePickerInput: '30',
     },
 };
 const iconButtonSettings = {
@@ -1137,7 +1158,7 @@ const pickerInputSettings = {
         body: {
             selectIcon: (size) => size < '30' ? ForwardRef$r : ForwardRef$P,
             pickerBodyMobileHeaderCloseIcon: ForwardRef$R,
-            modalNotFoundSearchIcon: ForwardRef$b,
+            modalNotFoundSearchIcon: ForwardRef$a,
         },
     },
     sizes: {
@@ -1222,8 +1243,8 @@ const rangeDatePickerSettings = {
 };
 const ratingSettings = {
     icons: {
-        filledRatingIcon: ForwardRef$c,
-        emptyRatingIcon: ForwardRef$c,
+        filledRatingIcon: ForwardRef$b,
+        emptyRatingIcon: ForwardRef$b,
     },
     sizes: {
         default: 18,
@@ -1334,7 +1355,7 @@ const settings = {
     textInput: textInputSettings,
 };
 
-var css$1u = {"root":"_1CLRMC"};
+var css$1u = {"root":"_5ncz9V"};
 
 function applyButtonMods(mods) {
     return [
@@ -1352,7 +1373,7 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
     };
 });
 
-var css$1t = {"root":"FKYfCc"};
+var css$1t = {"root":"DEBURi"};
 
 function applyIconButtonMods(props) {
     return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1t.root];
@@ -1389,7 +1410,7 @@ function getIconClass(props) {
     return [classList['has-left-icon'] ? 'uui-has-left-icon' : 'uui-no-left-icon', classList['has-right-icon'] ? 'uui-has-right-icon' : 'uui-no-right-icon'];
 }
 
-var css$1s = {"root":"erbyIH"};
+var css$1s = {"root":"eWfZ19"};
 
 const DEFAULT_COLOR = 'primary';
 const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
@@ -1419,7 +1440,7 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
         props.isDropdown && (React.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$1r = {"root":"l-upyA"};
+var css$1r = {"root":"IY9Fs-"};
 
 const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
@@ -1431,7 +1452,7 @@ const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
         ]) }, props.caption));
 });
 
-var css$1q = {"root":"Dkovx7","withNotify":"f3A00a"};
+var css$1q = {"root":"CWeyNI","withNotify":"DXYItD"};
 
 const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const styles = [
@@ -1459,14 +1480,14 @@ const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
 });
 
-var css$1p = {"root":"Q0Ruc7"};
+var css$1p = {"root":"wiAK-H"};
 
 function applyVerticalTabButtonMods() {
     return [css$1p.root, 'uui-vertical-tab-button'];
 }
 const VerticalTabButton = /* @__PURE__ */withMods(TabButton, applyVerticalTabButtonMods);
 
-var css$1o = {"root":"HM6nbS"};
+var css$1o = {"root":"B8Nvwm"};
 
 function applyCheckboxMods(mods) {
     return [
@@ -1484,7 +1505,7 @@ const applyUUICheckboxProps = (props) => {
 };
 const Checkbox = /* @__PURE__ */withMods(uuiComponents.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
 
-var css$1n = {"root":"aAQkh7"};
+var css$1n = {"root":"QddhrH"};
 
 function applyRadioInputMods(mods) {
     return [
@@ -1496,7 +1517,7 @@ function applyRadioInputMods(mods) {
 }
 const RadioInput = /* @__PURE__ */withMods(RadioInput$1, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : settings.radioInput.icons.dotIcon }));
 
-var css$1m = {"root":"NLGHbE"};
+var css$1m = {"root":"Ay8WVB"};
 
 function applySwitchMods(mods) {
     return [
@@ -1520,7 +1541,7 @@ var EditMode;
     EditMode["INLINE"] = "inline";
 })(EditMode || (EditMode = {}));
 
-var textInputCss = {"root":"dTiktO"};
+var textInputCss = {"root":"PzChf4"};
 
 const DEFAULT_MODE$3 = EditMode.FORM;
 function applyTextInputMods(mods) {
@@ -1545,7 +1566,7 @@ const SearchInput = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         } }));
 });
 
-var css$1l = {"root":"GGW3-i"};
+var css$1l = {"root":"_68gZKh"};
 
 const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1l.root, 'uui-control-group']);
 
@@ -1561,7 +1582,7 @@ function MultiSwitchComponent(props, ref) {
 }
 const MultiSwitch = /* @__PURE__ */React.forwardRef(MultiSwitchComponent);
 
-var css$1k = {"root":"-ITmov"};
+var css$1k = {"root":"NHZn-S"};
 
 const DEFAULT_MODE$2 = EditMode.FORM;
 function applyNumericInputMods(mods) {
@@ -1581,7 +1602,7 @@ const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMo
     };
 });
 
-var css$1j = {"root":"IjvgwK"};
+var css$1j = {"root":"liz-Pc"};
 
 const DEFAULT_MODE$1 = EditMode.FORM;
 function applyTextAreaMods(mods) {
@@ -1622,7 +1643,7 @@ function TREE_SHAKEABLE_INIT$1() {
     };
 }
 
-var css$1i = {"root":"_48bVB1","main-path":"AQBIeQ","mainPath":"AQBIeQ","content-wrapper":"-dYW-z","contentWrapper":"-dYW-z","content":"E0KPjS","action-wrapper":"laIRBY","actionWrapper":"laIRBY","icon-wrapper":"NWAeuJ","iconWrapper":"NWAeuJ","icon":"RcUwux","close-icon":"Bi6x8w","closeIcon":"Bi6x8w"};
+var css$1i = {"root":"q2vIhj","main-path":"ZoBUVQ","mainPath":"ZoBUVQ","content-wrapper":"awyZpR","contentWrapper":"awyZpR","content":"k3zNQd","action-wrapper":"m18ksO","actionWrapper":"m18ksO","icon-wrapper":"sSaQcP","iconWrapper":"sSaQcP","icon":"Go5F-i","close-icon":"pMoHcJ","closeIcon":"pMoHcJ"};
 
 const Alert = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("div", { role: "alert", ref: ref, className: cx('uui-alert', css$1i.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.alert.sizes.default}`), ...props.rawProps },
     React.createElement("div", { className: css$1i.mainPath },
@@ -1640,7 +1661,7 @@ const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createE
 
 const Dropdown = /* @__PURE__ */withMods(Dropdown$1);
 
-var css$1h = {"root":"YypaBj"};
+var css$1h = {"root":"yrFYQk"};
 
 function applyDropdownContainerMods(mods) {
     return [
@@ -1651,7 +1672,7 @@ function applyDropdownContainerMods(mods) {
 }
 const DropdownContainer = /* @__PURE__ */withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
 
-var css$1g = {"submenu-root-item-rtl":"VB0wX3","submenuRootItemRtl":"VB0wX3","icon-after":"-p3r7n","iconAfter":"-p3r7n","submenu-root-item":"nY25rL","submenuRootItem":"nY25rL","icon-check":"X-gTsN","iconCheck":"X-gTsN","splitter-root":"gT9KmY","splitterRoot":"gT9KmY","splitter":"q51m78","header-root":"ZU67ml","headerRoot":"ZU67ml","item-root":"ciFD9o","itemRoot":"ciFD9o","icon":"JUzy-k","link":"iocMux","indent":"MHblxP","selected-mark":"SzZHb0","selectedMark":"SzZHb0"};
+var css$1g = {"submenu-root-item-rtl":"I9afLN","submenuRootItemRtl":"I9afLN","icon-after":"UJf9IJ","iconAfter":"UJf9IJ","submenu-root-item":"WdJF43","submenuRootItem":"WdJF43","icon-check":"jdqSpI","iconCheck":"jdqSpI","splitter-root":"OSfX0N","splitterRoot":"OSfX0N","splitter":"J4zN9D","header-root":"_52lz77","headerRoot":"_52lz77","item-root":"fgVHlR","itemRoot":"fgVHlR","icon":"_2Yw89b","link":"q0o4w1","indent":"EfbShZ","selected-mark":"_2cKQ8M","selectedMark":"_2cKQ8M"};
 
 var IDropdownControlKeys;
 (function (IDropdownControlKeys) {
@@ -1781,7 +1802,7 @@ function DropdownMenuSwitchButton(props) {
         React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
 }
 
-var css$1f = {"root":"bMBghU","mode-block":"_45cf13","modeBlock":"_45cf13","mode-inline":"Qum9qP","modeInline":"Qum9qP","padding-0":"kZFHND","padding0":"kZFHND","padding-6":"I9OxCP","padding6":"I9OxCP","padding-12":"cCrDj6","padding12":"cCrDj6","padding-18":"fBO-X4","padding18":"fBO-X4"};
+var css$1f = {"root":"fRJv8J","mode-block":"IBXg19","modeBlock":"IBXg19","mode-inline":"sNsd0l","modeInline":"sNsd0l","padding-0":"CzV3Mn","padding0":"CzV3Mn","padding-6":"uWqA2i","padding6":"uWqA2i","padding-12":"U7WCE2","padding12":"U7WCE2","padding-18":"_345iYB","padding18":"_345iYB"};
 
 function applyAccordionMods(mods) {
     return [
@@ -1794,7 +1815,7 @@ const Accordion = /* @__PURE__ */withMods(uuiComponents.Accordion, applyAccordio
     dropdownIcon: mods.dropdownIcon !== null && settings.accordion.icons.dropdownIcon,
 }));
 
-var css$1e = {"root":"_7odpVC","align-items":"xXqZjG","alignItems":"xXqZjG","justify-content":"gZdJ-5","justifyContent":"gZdJ-5","border-top":"k2om3t","borderTop":"k2om3t","border-bottom":"-ptmt2","borderBottom":"-ptmt2","top-shadow":"JChazr","topShadow":"JChazr","padding":"Tnk2zV","margin":"hQ7cWV","vPadding":"cGU3uM","column-gap":"_7bN-54","columnGap":"_7bN-54","row-gap":"oZHYzO","rowGap":"oZHYzO","spacing":"pH6MH0"};
+var css$1e = {"root":"u-QSvi","align-items":"vYp8Ec","alignItems":"vYp8Ec","justify-content":"R-W6W4","justifyContent":"R-W6W4","border-top":"KG5KRq","borderTop":"KG5KRq","border-bottom":"jGtRpY","borderBottom":"jGtRpY","top-shadow":"wLm19i","topShadow":"wLm19i","padding":"DnV3I-","margin":"pj5C1D","vPadding":"_2Zx3M0","column-gap":"_1CjNzB","columnGap":"_1CjNzB","row-gap":"_0qfDrf","rowGap":"_0qfDrf","spacing":"ZmSQy7"};
 
 const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$1e.flexCell]);
 
@@ -1839,7 +1860,7 @@ const FlexRow = /* @__PURE__ */forwardRef((props, ref) => {
         } }, props.children));
 });
 
-var css$1d = {"root":"ARhu1A","margin-24":"bMnY7-","margin24":"bMnY7-","padding-12":"SJniyF","padding12":"SJniyF","padding-24":"TlEdkL","padding24":"TlEdkL","shadow":"_8Lp0Xt","uui-surface-main":"rS3IiL","uuiSurfaceMain":"rS3IiL"};
+var css$1d = {"root":"w6R9w3","margin-24":"yiys9X","margin24":"yiys9X","padding-12":"ydhVB1","padding12":"ydhVB1","padding-24":"ZOCjv-","padding24":"ZOCjv-","shadow":"_3eRNRf","uui-surface-main":"sNqCDY","uuiSurfaceMain":"sNqCDY"};
 
 const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
     'uui-panel',
@@ -1849,7 +1870,7 @@ const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
     props.background && css$1d[`uui-${props.background}`],
 ]);
 
-var css$1c = {"root":"_8QrW9r"};
+var css$1c = {"root":"j0IUo4"};
 
 function applyTooltipMods(mods) {
     return [
@@ -1859,7 +1880,7 @@ function applyTooltipMods(mods) {
 }
 const Tooltip = /* @__PURE__ */withMods(uuiComponents.Tooltip, applyTooltipMods);
 
-var css$1b = {"root":"xJQPpO"};
+var css$1b = {"root":"uGL0e-"};
 
 function applyLabeledInputMods(mods) {
     return [
@@ -1876,7 +1897,7 @@ function applyLabeledInputProps(props) {
 }
 const LabeledInput = /* @__PURE__ */withMods(uuiComponents.LabeledInput, applyLabeledInputMods, applyLabeledInputProps);
 
-var css$1a = {"root":"JkpWpO"};
+var css$1a = {"root":"nv-QLI"};
 
 function RadioGroup(props) {
     const direction = props.direction || 'vertical';
@@ -1891,7 +1912,7 @@ function RadioGroup(props) {
     })));
 }
 
-var css$19 = {"root":"_04Lpo1"};
+var css$19 = {"root":"sMDytW"};
 
 function applyScrollBarsMods() {
     return [
@@ -1900,9 +1921,9 @@ function applyScrollBarsMods() {
 }
 const ScrollBars = /* @__PURE__ */withMods(ScrollBars$1, applyScrollBarsMods);
 
-var css$18 = {"scroll-container":"ykFJED","scrollContainer":"ykFJED","list-container":"SjuGEa","listContainer":"SjuGEa"};
+var css$18 = {"scroll-container":"l0Qa2G","scrollContainer":"l0Qa2G","list-container":"adhaew","listContainer":"adhaew"};
 
-var css$17 = {"root":"_6QGYfX"};
+var css$17 = {"root":"xq4wTO"};
 
 const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$17.root], () => ({ renderSpinner: settings.blocker.renderSpinner }));
 
@@ -1948,7 +1969,7 @@ const VirtualListView = /* @__PURE__ */React.forwardRef((props, ref) => {
         React.createElement(Blocker, { isEnabled: props.isLoading })));
 });
 
-var css$16 = {"root":"_19uy9M"};
+var css$16 = {"root":"IDVYEj"};
 
 function CheckboxGroup(props) {
     const currentValue = props.value || [];
@@ -1970,7 +1991,7 @@ function CheckboxGroup(props) {
     })));
 }
 
-var css$15 = {"root":"A-LMxa","modal-blocker":"_6huqgH","modalBlocker":"_6huqgH","animateModalBlocker":"_3sJkKh","modal":"qXOZTB","modal-footer":"qF-c-8","modalFooter":"qF-c-8","border-top":"QOYHpo","borderTop":"QOYHpo","modal-header":"XipC6l","modalHeader":"XipC6l","border-bottom":"WZ0txC","borderBottom":"WZ0txC"};
+var css$15 = {"root":"MX7JMk","modal-blocker":"fAKYGY","modalBlocker":"fAKYGY","animateModalBlocker":"ZaZELt","modal":"k-DyLc","modal-footer":"_6cLRAg","modalFooter":"_6cLRAg","border-top":"Gn3Zzr","borderTop":"Gn3Zzr","modal-header":"G-WW-l","modalHeader":"G-WW-l","border-bottom":"eedQ8r","borderBottom":"eedQ8r"};
 
 const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$15.modalBlocker]);
 const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$15.root, css$15.modal], (props) => {
@@ -2160,7 +2181,7 @@ const TREE_SHAKEABLE_INIT = () => ({
 });
 const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
 
-var css$14 = {"root":"_5Wt--G","icon-wrapper":"D473qY","iconWrapper":"D473qY","action-wrapper":"Rl9z1R","actionWrapper":"Rl9z1R","action-link":"p0wjn3","actionLink":"p0wjn3","close-icon":"PVuzyd","closeIcon":"PVuzyd","main-path":"IDZ8mg","mainPath":"IDZ8mg","content":"lnrjNp","close-wrapper":"YeDhEu","closeWrapper":"YeDhEu","notification-wrapper":"Nha0yW","notificationWrapper":"Nha0yW","clear-button":"QjRPbt","clearButton":"QjRPbt"};
+var css$14 = {"root":"nGRB3k","icon-wrapper":"_6Mtra7","iconWrapper":"_6Mtra7","action-wrapper":"NDdnTX","actionWrapper":"NDdnTX","action-link":"_78a-oV","actionLink":"_78a-oV","close-icon":"knN-g-","closeIcon":"knN-g-","main-path":"wOjzPL","mainPath":"wOjzPL","content":"_0LKGFQ","close-wrapper":"NnsJTS","closeWrapper":"NnsJTS","notification-wrapper":"B2LE1u","notificationWrapper":"B2LE1u","clear-button":"PiUj-x","clearButton":"PiUj-x"};
 
 const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const notificationCardNode = React__default.useRef(null);
@@ -2193,7 +2214,7 @@ function ClearNotification() {
         React__default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
 }
 
-var css$13 = {"footer":"gPv2dT"};
+var css$13 = {"footer":"DIfiwo"};
 
 class ConfirmationModal extends React.Component {
     render() {
@@ -2235,7 +2256,7 @@ function useReliableForceUpdate() {
     return red[1];
 }
 
-var css$12 = {"root":"gNHcQR","timepicker-input":"qAjuq0","timepickerInput":"qAjuq0","ltr-always":"zMjNqO","ltrAlways":"zMjNqO"};
+var css$12 = {"root":"N2lSUA","timepicker-input":"R3iVpX","timepickerInput":"R3iVpX","ltr-always":"tm1M7e","ltrAlways":"tm1M7e"};
 
 const uuiTimePicker = {
     container: 'uui-timepicker-container',
@@ -2428,7 +2449,7 @@ 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$11 = {"root":"OX7cxh"};
+var css$11 = {"root":"Aj3SqW"};
 
 function applyInputAddonMods() {
     return [
@@ -2437,14 +2458,14 @@ function applyInputAddonMods() {
 }
 const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
 
-var css$10 = {"root":"xhCShm"};
+var css$10 = {"root":"TYk9fi"};
 
 function applySliderMods() {
     return [css$10.root, 'uui-color-neutral'];
 }
 const Slider = /* @__PURE__ */withMods(Slider$1, applySliderMods);
 
-var css$$ = {"root":"_92dUYY","tooltip":"aknaHP"};
+var css$$ = {"root":"Zz3WNz","tooltip":"cRecit"};
 
 function applyRatingMods(mods) {
     return [
@@ -2458,7 +2479,7 @@ const Rating = /* @__PURE__ */withMods(uuiComponents.Rating, applyRatingMods, (p
     Tooltip,
 }));
 
-var css$_ = {"root":"fo00Wi","container":"iL-GFC"};
+var css$_ = {"root":"RajxVu","container":"hChaB-"};
 
 const defaultFormat = 'MMM D, YYYY';
 const valueFormat = 'YYYY-MM-DD';
@@ -2669,14 +2690,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
             React.createElement(Button, { icon: navIconRight || settings.datePicker.icons.body.nextIcon, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
 }
 
-var css$Z = {"root":"FPJ0oS"};
+var css$Z = {"root":"XDe8HH"};
 
 function applyDateSelectionMods() {
     return [css$Z.root, `uui-size-${settings.datePicker.sizes.body}`];
 }
 const Calendar = /* @__PURE__ */withMods(Calendar$1, applyDateSelectionMods);
 
-var css$Y = {"root":"LhW5Ab"};
+var css$Y = {"root":"PESkeh"};
 
 const uuiDatePickerBody = {
     wrapper: 'uui-datepicker-body-wrapper',
@@ -2802,7 +2823,7 @@ function DatePickerComponent(props, ref) {
 }
 const DatePicker = /* @__PURE__ */React__default.forwardRef(DatePickerComponent);
 
-var css$X = {"date-input":"QtIYPZ","dateInput":"QtIYPZ","root":"V9yJjU","separator":"Qee58T"};
+var css$X = {"date-input":"fRg-Vq","dateInput":"fRg-Vq","root":"RD2xxJ","separator":"UpDYho"};
 
 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));
@@ -2853,7 +2874,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?.to, onClick: onClick, onKeyDown: onInputKeyDown })));
 });
 
-var css$W = {"root":"jW1SyO"};
+var css$W = {"root":"_3ifT44"};
 
 const uuiPresets = {
     container: 'uui-presets-container',
@@ -2873,7 +2894,7 @@ function CalendarPresets(props) {
         getPresets(props.presets).map((item) => (React.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: settings.rangeDatePicker.sizes.preset })))));
 }
 
-var css$V = {"root":"vsAOn2","container":"dtCABR","day-selection":"EYbFG-","daySelection":"EYbFG-","from-picker":"Uh-TXH","fromPicker":"Uh-TXH","to-picker":"agtdr1","toPicker":"agtdr1","bodes-wrapper":"qgLDNm","bodesWrapper":"qgLDNm","blocker":"g-MKsR"};
+var css$V = {"root":"PuwW25","container":"LXSH-k","day-selection":"bUrjZD","daySelection":"bUrjZD","from-picker":"_7oLFw0","fromPicker":"_7oLFw0","to-picker":"RgMw9H","toPicker":"RgMw9H","bodes-wrapper":"fq2hQR","bodesWrapper":"fq2hQR","blocker":"P61qM1"};
 
 const uuiRangeDatePickerBody = {
     inRange: 'uui-range-datepicker-in-range',
@@ -3048,7 +3069,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$U = {"dropdown-container":"gBFgQM","dropdownContainer":"gBFgQM"};
+var css$U = {"dropdown-container":"HwbBFM","dropdownContainer":"HwbBFM"};
 
 const modifiers = [{
         name: 'offset',
@@ -3116,7 +3137,7 @@ function RangeDatePickerComponent(props, ref) {
 }
 const RangeDatePicker = /* @__PURE__ */React__default.forwardRef(RangeDatePickerComponent);
 
-var css$T = {"root":"fByqef","blocker":"SyhrRR","marker":"VjCrz-","top":"biBnxy","bottom":"s5vTwL","left":"_4ByRE0","right":"MMl2-x","inside":"XS7sMO"};
+var css$T = {"root":"X5nfmx","blocker":"UoMvEJ","marker":"WUPa4u","top":"jADdic","bottom":"B32ykk","left":"nH95P1","right":"_2bZPky","inside":"LaZd-t"};
 
 function DropMarker(props) {
     return props.isDndInProgress
@@ -3133,7 +3154,7 @@ function DropMarker(props) {
 
 const RichTextView = /* @__PURE__ */withMods(uuiComponents.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || settings.richTextView.sizes.default}`]);
 
-var css$S = {"modal":"IGxHwN","search-wrapper":"zxgdHy","searchWrapper":"zxgdHy","no-data":"blClNS","noData":"blClNS","type-search-to-load-size-24":"_2nRuY9","typeSearchToLoadSize24":"_2nRuY9"};
+var css$S = {"modal":"JGzMeR","search-wrapper":"JNCGd2","searchWrapper":"JNCGd2","no-data":"QxdMDE","noData":"QxdMDE"};
 
 class DataPickerBody extends PickerBodyBase {
     constructor() {
@@ -3198,7 +3219,7 @@ function DataPickerFooterImpl(props) {
     const isSearching = search?.length;
     const hideFooter = (rowsCount === 0 && !hasSelection) || isSearching || (isSinglePicker && props.disableClear);
     const showClear = !props.disableClear && (isSinglePicker ? true : (!view.selectAll || hasSelection));
-    return !hideFooter && (React__default.createElement(FlexRow, { cx: "uui-picker_input-footer" },
+    return !hideFooter && (React__default.createElement(FlexRow, { cx: cx('uui-picker_input-footer', props.cx) },
         !isSinglePicker && !isSearchTooShort && ( // Show this switch only for multi mode and when some rows rendered
         React__default.createElement(Switch, { size: settings.pickerInput.sizes.body.footerSwitchMap[props.size], value: showSelected.value, isDisabled: !hasSelection, onValueChange: showSelected.onValueChange, label: i18n.pickerInput.showOnlySelectedLabel })),
         React__default.createElement(FlexSpacer, null),
@@ -3210,7 +3231,7 @@ function DataPickerFooterImpl(props) {
 }
 const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
 
-var css$R = {"header":"yOLyhN","title":"aIm4pe","close":"mVWP-o"};
+var css$R = {"header":"-P4M2v","title":"Ai49IA","close":"tFKWcK"};
 
 const DataPickerHeaderImpl = (props) => {
     const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
@@ -3220,11 +3241,11 @@ const DataPickerHeaderImpl = (props) => {
 };
 const DataPickerHeader = /* @__PURE__ */React__default.memo(DataPickerHeaderImpl);
 
-var css$Q = {"root":"pi9YGt"};
+var css$Q = {"root":"_5DtSJg"};
 
 const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$Q.root]);
 
-var css$P = {"root":"fpnZAL"};
+var css$P = {"root":"VmyOvs"};
 
 const DEFAULT_FILL = 'solid';
 function applyBadgeMods(mods) {
@@ -3252,7 +3273,7 @@ const Badge = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$O = {"root":"Yt8Evr"};
+var css$O = {"root":"YB3WnQ"};
 
 function applyTagMods(props) {
     return [
@@ -3280,7 +3301,7 @@ const Tag = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
 });
 
-var css$N = {"root":"_7Ot-mi","page":"PZ7DG4","spacer":"NZicfb","mode-ghost":"_6z84Cd","modeGhost":"_6z84Cd"};
+var css$N = {"root":"dD2yoB","page":"Iq6vgo","spacer":"K04gY1","mode-ghost":"_3-6Nxj","modeGhost":"_3-6Nxj"};
 
 function Paginator(props) {
     const renderPaginator = (params) => (React__default.createElement("nav", { role: "navigation", className: cx(css$N.root, 'uui-paginator', `uui-size-${props.size || settings.paginator.sizes.default}`), ...params.rawProps },
@@ -3297,14 +3318,14 @@ function Paginator(props) {
     return React__default.createElement(Paginator$1, { ...props, render: renderPaginator });
 }
 
-var css$M = {"root":"J2SEjp","progress-bar":"Ck-yOb","progressBar":"Ck-yOb","progressBar-indeterminate":"qMa9wO","progressBarIndeterminate":"qMa9wO","size-12":"zxphIO","size12":"zxphIO","size-18":"_2-KFDa","size18":"_2-KFDa","size-24":"GG7q1K","size24":"GG7q1K"};
+var css$M = {"root":"Adz0Sn","progress-bar":"e8xCQH","progressBar":"e8xCQH","progressBar-indeterminate":"Utq54I","progressBarIndeterminate":"Utq54I","size-12":"FJlLQu","size12":"FJlLQu","size-18":"oVzl--","size18":"oVzl--","size-24":"X5DUpv","size24":"X5DUpv"};
 
 const IndeterminateBar = /* @__PURE__ */React.forwardRef((props, ref) => {
     return (React.createElement("div", { ref: ref, className: cx('uui-indeterminate_bar', props.cx, css$M.root, css$M[`size-${props.size || 12}`]) },
         React.createElement("div", { className: cx(css$M.progressBar) })));
 });
 
-var css$L = {"root":"_9m-Rsi","striped":"Ol6eI1","animate-stripes":"ICXgRv","animateStripes":"ICXgRv","size-12":"RJ8vf0","size12":"RJ8vf0","size-18":"ddhCyd","size18":"ddhCyd","size-24":"UevXrP","size24":"UevXrP"};
+var css$L = {"root":"_1jsiVZ","striped":"Lj65l0","animate-stripes":"UG08ZY","animateStripes":"UG08ZY","size-12":"izV9Vf","size12":"izV9Vf","size-18":"_8cYv-f","size18":"_8cYv-f","size-24":"_0tqz0h","size24":"_0tqz0h"};
 
 const DEFAULT_SIZE = '12';
 function applyProgressBarMods(mods) {
@@ -3319,14 +3340,14 @@ const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProg
     hideLabel: props.hideLabel || props.striped,
 }));
 
-var css$K = {"root":"p-9nRd"};
+var css$K = {"root":"-NISH2"};
 
 const IndicatorBar = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { progress } = props;
     return progress || progress === 0 ? (React.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx(css$K.root, props.cx), hideLabel: true })) : (React.createElement(IndeterminateBar, { ref: ref, cx: cx(css$K.root, props.cx) }));
 });
 
-var css$J = {"root":"EDtF30"};
+var css$J = {"root":"R521Et"};
 
 const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
@@ -3341,7 +3362,7 @@ const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
         React__default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
 });
 
-var css$I = {"drag-handle":"NV0C4h","dragHandle":"NV0C4h","icon-container":"mH80C-","iconContainer":"mH80C-"};
+var css$I = {"drag-handle":"FNXkF-","dragHandle":"FNXkF-","icon-container":"ENhbH5","iconContainer":"ENhbH5"};
 
 function DataRowAddons(props) {
     const row = props.rowProps;
@@ -3362,7 +3383,7 @@ function DataRowAddons(props) {
             ], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row), size: settings.dataTable.sizes.body.iconMap[props.size || settings.dataTable.sizes.body.row] }))))));
 }
 
-var css$H = {"root":"hVuHx3","align-widgets-top":"cy5s5i","alignWidgetsTop":"cy5s5i","align-widgets-center":"OMIWVW","alignWidgetsCenter":"OMIWVW","icon-container":"elJGSL","iconContainer":"elJGSL","content-wrapper":"qSIYTw","contentWrapper":"qSIYTw","render-item":"sDf0R7","renderItem":"sDf0R7","icon-wrapper":"XxI2Dx","iconWrapper":"XxI2Dx","icon-default":"wZQcJy","iconDefault":"wZQcJy","selected-mark":"YbhmbW","selectedMark":"YbhmbW"};
+var css$H = {"root":"_0PNLjk","align-widgets-top":"a9rYxc","alignWidgetsTop":"a9rYxc","align-widgets-center":"n8ucAW","alignWidgetsCenter":"n8ucAW","icon-container":"a1--mf","iconContainer":"a1--mf","content-wrapper":"YgtFI2","contentWrapper":"YgtFI2","render-item":"_2JtxVQ","renderItem":"_2JtxVQ","icon-wrapper":"QZ2Obs","iconWrapper":"QZ2Obs","icon-default":"wSvZPR","iconDefault":"wSvZPR","selected-mark":"QBLH5s","selectedMark":"QBLH5s"};
 
 function DataPickerCell(props) {
     const ref = React.useRef();
@@ -3400,7 +3421,7 @@ function DataPickerCell(props) {
         getWrappedContent()));
 }
 
-var css$G = {"picker-row":"u4aVkO","pickerRow":"u4aVkO"};
+var css$G = {"picker-row":"gVpbKx","pickerRow":"gVpbKx"};
 
 class DataPickerRow extends React.Component {
     constructor() {
@@ -3414,7 +3435,7 @@ class DataPickerRow extends React.Component {
     }
 }
 
-var css$F = {"done":"qo5cK-","container":"_3a7l-f"};
+var css$F = {"done":"VzFaQc","container":"z-L90a"};
 
 const PickerBodyMobileView = (props) => {
     const isMobileView = isMobile();
@@ -3491,7 +3512,7 @@ const getHighlightedSearchMatches = (str, search) => {
     return getDecoratedText(str, ranges);
 };
 
-var css$E = {"root":"_7rG7WA","column-gap":"q7-a9Y","columnGap":"q7-a9Y","title":"t5nSV0","subtitle":"wO6EFG","disabled":"AW-HA-","multiline":"jRKUUg"};
+var css$E = {"root":"_6ryNGf","column-gap":"MJyyDb","columnGap":"MJyyDb","title":"JG1GcH","subtitle":"soVcKv","disabled":"_1WPmfc","multiline":"oBopph"};
 
 function PickerItem(props) {
     const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
@@ -3512,7 +3533,7 @@ function getAvatarSize(size, isMultiline) {
     return settings.pickerInput.sizes.body[isMultiline ? 'itemAvatarMultilineMap' : 'itemAvatarMap'][size];
 }
 
-var css$D = {"sub-header-wrapper":"GCu3pr","subHeaderWrapper":"GCu3pr","switch":"h3IP4M","no-found-modal-container":"_6UyMS5","noFoundModalContainer":"_6UyMS5","no-found-modal-container-icon":"z1IFvc","noFoundModalContainerIcon":"z1IFvc","no-found-modal-container-text":"HMngP0","noFoundModalContainerText":"HMngP0"};
+var css$D = {"sub-header-wrapper":"OJXA67","subHeaderWrapper":"OJXA67","switch":"_6Y8m7Y","no-found-modal-container":"b6-SDS","noFoundModalContainer":"b6-SDS","no-found-modal-container-icon":"_2Nqzus","noFoundModalContainerIcon":"_2Nqzus","no-found-modal-container-text":"gX9QWn","noFoundModalContainerText":"gX9QWn"};
 
 function PickerModal(props) {
     const { view, selection, dataSourceStateLens, dataSourceState, getDataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = usePickerModal(props);
@@ -3567,7 +3588,7 @@ function PickerModal(props) {
             React__default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
 }
 
-var css$C = {"tooltip":"MSxmuT"};
+var css$C = {"tooltip":"a4bNKe"};
 
 const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
     const tagProps = {
@@ -3586,7 +3607,7 @@ const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
     }
 });
 
-var css$B = {"root":"pR1V4F"};
+var css$B = {"root":"U0-7N-"};
 
 const defaultMode = EditMode.FORM;
 function applyPickerTogglerMods(mods) {
@@ -3687,7 +3708,7 @@ function PickerInputComponent({ highlightSearchMatches = true, ...props }, ref)
 }
 const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
 
-var css$A = {"row":"_9kEmvi"};
+var css$A = {"row":"AMevsZ"};
 
 function PickerListItem(props) {
     let label;
@@ -3707,7 +3728,7 @@ function PickerListItem(props) {
     return (React__default.createElement("div", { role: "option", "aria-selected": props.isSelectable ? props.isSelected : undefined, "aria-busy": props.isLoading, "aria-posinset": props.index + 1, ...(props.checkbox?.isVisible && { 'aria-checked': props.isChecked }), className: css$A.row }, component));
 }
 
-var css$z = {"root":"CsiFxI"};
+var css$z = {"root":"u-ahcS"};
 
 function PickerList(props) {
     const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, dataSourceState, getModalTogglerCaption, } = usePickerList(props);
@@ -3742,7 +3763,7 @@ function PickerList(props) {
             }, selectedRows)));
 }
 
-var css$y = {"root":"_2G7-G3","wrapper":"K6erF0","align-widgets-top":"xRcA-w","alignWidgetsTop":"xRcA-w","align-widgets-center":"b7hccc","alignWidgetsCenter":"b7hccc"};
+var css$y = {"root":"FqdxWv","wrapper":"TpnNBA","align-widgets-top":"VAETpF","alignWidgetsTop":"VAETpF","align-widgets-center":"-PSIOO","alignWidgetsCenter":"-PSIOO"};
 
 function DataTableCell(initialProps) {
     const props = { ...initialProps };
@@ -3790,7 +3811,7 @@ function DataTableCell(initialProps) {
     return React.createElement(DataTableCell$1, { ...props });
 }
 
-var css$x = {"root":"_8mMTJF"};
+var css$x = {"root":"yLjI6j"};
 
 // 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.
@@ -3806,7 +3827,7 @@ const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = t
     ];
 }, () => propsMods);
 
-var css$w = {"sorting-panel-container":"-So5mu","sortingPanelContainer":"-So5mu"};
+var css$w = {"sorting-panel-container":"TWEjqG","sortingPanelContainer":"TWEjqG"};
 
 const SortingPanelImpl = ({ sortDirection, onSort }) => {
     const sortAsc = useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
@@ -3831,7 +3852,7 @@ const ColumnHeaderDropdownImpl = (props) => {
 };
 const ColumnHeaderDropdown = /* @__PURE__ */React__default.memo(ColumnHeaderDropdownImpl);
 
-var css$v = {"root":"aoh4sT","caption-wrapper":"vun-IB","captionWrapper":"vun-IB","sort-icon":"t-xDuI","sortIcon":"t-xDuI","dropdown-icon":"m-I--L","dropdownIcon":"m-I--L","infoIcon":"WYUAk6","resizable":"_4oMFME","align-right":"kZsKNe","alignRight":"kZsKNe","align-center":"GogNbi","alignCenter":"GogNbi","caption":"a9RE8C","truncate":"ynsfnu","upper-case":"XjZGda","upperCase":"XjZGda","checkbox":"_3yXegH","icon":"UHe-Qq","fold-all-icon":"e836zN","foldAllIcon":"e836zN","cell-tooltip":"f-yTYp","cellTooltip":"f-yTYp","resizing-marker":"CMslwb","resizingMarker":"CMslwb","pinned-right":"TIUp0C","pinnedRight":"TIUp0C","draggable":"uB07BQ","ghost":"eNGEcH","is-dragged-out":"crHVoi","isDraggedOut":"crHVoi","dnd-marker-left":"xSgsO5","dndMarkerLeft":"xSgsO5","dnd-marker-right":"_75hQuX","dndMarkerRight":"_75hQuX","cell-tooltip-wrapper":"IK6q9D","cellTooltipWrapper":"IK6q9D","cell-tooltip-text":"K0b6br","cellTooltipText":"K0b6br","tooltip-caption":"PWcQa2","tooltipCaption":"PWcQa2","tooltip-info":"HIpkaZ","tooltipInfo":"HIpkaZ"};
+var css$v = {"root":"_3B2T2J","caption-wrapper":"p48rGE","captionWrapper":"p48rGE","sort-icon":"_9zi9K-","sortIcon":"_9zi9K-","dropdown-icon":"_7fd8SD","dropdownIcon":"_7fd8SD","infoIcon":"_6rj6Th","resizable":"oX7frv","align-right":"ib66IV","alignRight":"ib66IV","align-center":"-bSrq0","alignCenter":"-bSrq0","caption":"-kJ4Im","truncate":"JXbGJT","upper-case":"QsJdZz","upperCase":"QsJdZz","checkbox":"LhRw-g","icon":"_6q6vfy","fold-all-icon":"_77D9LA","foldAllIcon":"_77D9LA","cell-tooltip":"I7-TcM","cellTooltip":"I7-TcM","resizing-marker":"LVix6U","resizingMarker":"LVix6U","pinned-right":"x4B0Ku","pinnedRight":"x4B0Ku","draggable":"fJF2eE","ghost":"updwOo","is-dragged-out":"KX5Kao","isDraggedOut":"KX5Kao","dnd-marker-left":"Udlp8G","dndMarkerLeft":"Udlp8G","dnd-marker-right":"_8aXC5F","dndMarkerRight":"_8aXC5F","cell-tooltip-wrapper":"_0-SrjL","cellTooltipWrapper":"_0-SrjL","cell-tooltip-text":"cBo8-U","cellTooltipText":"cBo8-U","tooltip-caption":"GPvln4","tooltipCaption":"GPvln4","tooltip-info":"qzq1ko","tooltipInfo":"qzq1ko"};
 
 class DataTableHeaderCell extends React.Component {
     constructor() {
@@ -3925,7 +3946,7 @@ class DataTableHeaderCell extends React.Component {
     }
 }
 
-var css$u = {"root":"ZTXKHS","caption-wrapper":"S2Fwqc","captionWrapper":"S2Fwqc","align-center":"jCb7zc","alignCenter":"jCb7zc","caption":"_3XYY6x","truncate":"jDlvRl","upper-case":"Za5Wm5","upperCase":"Za5Wm5","group-cell-tooltip":"wx7DAW","groupCellTooltip":"wx7DAW","group-cell-tooltip-wrapper":"BbrO1d","groupCellTooltipWrapper":"BbrO1d","group-cell-tooltip-text":"W1QLWx","groupCellTooltipText":"W1QLWx","tooltip-caption":"Ifp9ep","tooltipCaption":"Ifp9ep","tooltip-info":"QP5zWf","tooltipInfo":"QP5zWf"};
+var css$u = {"root":"SiXrZG","caption-wrapper":"FJ1MFb","captionWrapper":"FJ1MFb","align-center":"Rc1IIB","alignCenter":"Rc1IIB","caption":"wB-Plx","truncate":"Xz6zNQ","upper-case":"ntQK-8","upperCase":"ntQK-8","group-cell-tooltip":"rlnJsf","groupCellTooltip":"rlnJsf","group-cell-tooltip-wrapper":"ovDwAq","groupCellTooltipWrapper":"ovDwAq","group-cell-tooltip-text":"ziW6dF","groupCellTooltipText":"ziW6dF","tooltip-caption":"D9xyrZ","tooltipCaption":"D9xyrZ","tooltip-info":"jc-8l-","tooltipInfo":"jc-8l-"};
 
 class DataTableHeaderGroupCell extends React.Component {
     constructor() {
@@ -3965,7 +3986,7 @@ class DataTableHeaderGroupCell extends React.Component {
     }
 }
 
-var css$t = {"root":"_0FiXwC"};
+var css$t = {"root":"Ok9yzt"};
 
 const DataTableHeaderRow = /* @__PURE__ */withMods(DataTableHeaderRow$1, () => [css$t.root, 'uui-dt-vars'], (mods) => ({
     renderCell: (props) => (React.createElement(DataTableHeaderCell, { ...props, size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
@@ -3977,8 +3998,9 @@ const UUI_FILTERS_PANEL_ADD_BUTTON = 'uui-filters-panel-add-button';
 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';
+const UUI_FILTERS_PANEL_BODY_FOOTER = 'uui-filters-panel-item-footer';
 
-var css$s = {"root":"_2xwVnE","title-wrapper":"_8id1fg","titleWrapper":"_8id1fg","title":"d4Wg4C","text-wrapper":"dJqFJG","textWrapper":"dJqFJG","selection":"NTCfFC","postfix":"EP3szt","selected":"_4ZBWT2"};
+var css$s = {"root":"k-ZItV","title-wrapper":"i8dmos","titleWrapper":"i8dmos","title":"SKVaBB","text-wrapper":"ymIP7O","textWrapper":"ymIP7O","selection":"_0VQ3UW","postfix":"MFYhNI","selected":"HDPV9Q"};
 
 const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
     const togglerPickerOpened = (e) => {
@@ -4003,7 +4025,7 @@ const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
     const getSelectionText = () => props.selection.map((i, index) => (React.createElement(React.Fragment, { key: `${i}${index}` },
         React.createElement(Text, { color: "primary", size: props.size, cx: css$s.selection }, i),
         (props.postfix || index !== props.selection.length - 1) && React.createElement("span", null, ",\u00A0"))));
-    return (React.createElement("div", { style: { maxWidth: `${props.maxWidth ? props.maxWidth + 'px' : 'auto'}` }, role: "button", tabIndex: props.isDisabled ? -1 : 0, onKeyDown: onKeyDownHandler, className: cx(UUI_FILTERS_PANEL_ITEM_TOGGLER, css$s.root, uuiElement.inputBox, uuiMarkers.clickable, props.isOpen && uuiMod.opened, `uui-size-${props.size || settings.pickerInput.sizes.toggler.default}`, props.cx), onClick: togglerPickerOpened, ref: ref },
+    return (React.createElement("div", { style: { maxWidth: `${props.maxWidth ? props.maxWidth + 'px' : 'auto'}` }, role: "button", tabIndex: props.isDisabled ? -1 : 0, onKeyDown: onKeyDownHandler, className: cx(UUI_FILTERS_PANEL_ITEM_TOGGLER, css$s.root, uuiElement.inputBox, uuiMarkers.clickable, props.isOpen && uuiMod.opened, props.selection?.length > 0 && uuiMarkers.hasValue, `uui-size-${props.size || settings.pickerInput.sizes.toggler.default}`, props.cx), onClick: togglerPickerOpened, ref: ref },
         React.createElement("div", { className: css$s.titleWrapper },
             React.createElement(Text, { size: props.size, cx: css$s.title }, getTitle),
             props.selection && (React.createElement("div", { className: css$s.textWrapper },
@@ -4051,7 +4073,7 @@ function FilterPickerBody({ highlightSearchMatches = true, ...restProps }) {
         const footerProps = getFooterProps();
         return props.renderFooter
             ? props.renderFooter(footerProps)
-            : React.createElement(DataPickerFooter, { ...footerProps, size: settings.pickerInput.sizes.body.row });
+            : React.createElement(DataPickerFooter, { ...footerProps, cx: UUI_FILTERS_PANEL_BODY_FOOTER, size: settings.pickerInput.sizes.body.row });
     };
     const renderBody = (bodyProps, rows) => {
         const renderedDataRows = rows.map((props) => renderRow(props, dataSourceState));
@@ -4136,7 +4158,7 @@ function FilterRangeDatePickerBody(props) {
                 }, onValueChange: onBodyValueChange, filter: props.filter, presets: props.presets })),
         React__default.createElement(FlexCell, { alignSelf: "stretch" },
             React__default.createElement(FlexRow, { padding: "24", vPadding: "12" },
-                React__default.createElement(RangeDatePickerInput, { size: "30", disableClear: props.disableClear, inFocus: inFocus, format: format, value: value, onValueChange: onValueChange, onFocusInput: (event, inputType) => {
+                React__default.createElement(RangeDatePickerInput, { size: settings.filtersPanel.sizes.rangeDatePickerInput, disableClear: props.disableClear, inFocus: inFocus, format: format, value: value, onValueChange: onValueChange, onFocusInput: (event, inputType) => {
                         if (props.onFocus) {
                             props.onFocus(event, inputType);
                         }
@@ -4146,7 +4168,7 @@ function FilterRangeDatePickerBody(props) {
                 React__default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.pickerModal.clearAllButton, onClick: () => onValueChange(defaultRangeValue) })))));
 }
 
-var css$r = {"container":"_0lR-NW"};
+var css$r = {"container":"xuhOhp"};
 
 function FilterNumericBody(props) {
     const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
@@ -4175,7 +4197,6 @@ function FilterNumericBody(props) {
         }
     };
     const renderFooter = () => {
-        const size = isMobile() ? '48' : '36';
         const clearSelection = () => {
             if (isInRangePredicate) {
                 props.onValueChange({
@@ -4191,22 +4212,22 @@ function FilterNumericBody(props) {
         return (React__default.createElement(FlexRow, { padding: "12" },
             React__default.createElement(FlexSpacer, null),
             React__default.createElement(FlexCell, { width: "auto", alignSelf: "center" },
-                React__default.createElement(LinkButton, { isDisabled: isClearDisabled, size: size, caption: i18n.pickerInput.clearSelectionButtonSingle, onClick: clearSelection }))));
+                React__default.createElement(LinkButton, { isDisabled: isClearDisabled, size: settings.filtersPanel.sizes[isMobile() ? 'mobileFooterLinkButton' : 'default'], caption: i18n.pickerInput.clearSelectionButtonSingle, onClick: clearSelection }))));
     };
     if (isInRangePredicate) {
         const value = props.value;
         return (React__default.createElement("div", null,
             React__default.createElement(FlexRow, { padding: "12", alignItems: "center", spacing: "12", borderBottom: true, cx: css$r.container },
                 React__default.createElement(FlexCell, { width: "100%" },
-                    React__default.createElement(NumericInput, { value: value?.from ?? null, onValueChange: rangeValueHandler('from'), placeholder: "Min", formatOptions: { maximumFractionDigits: 2 } })),
+                    React__default.createElement(NumericInput, { size: settings.filtersPanel.sizes.default, value: value?.from ?? null, onValueChange: rangeValueHandler('from'), placeholder: "Min", formatOptions: { maximumFractionDigits: 2 } })),
                 React__default.createElement(FlexCell, { width: "100%" },
-                    React__default.createElement(NumericInput, { value: value?.to ?? null, onValueChange: rangeValueHandler('to'), placeholder: "Max", formatOptions: { maximumFractionDigits: 2 }, isInvalid: isWrongRange(value?.from, value?.to) }))),
+                    React__default.createElement(NumericInput, { size: settings.filtersPanel.sizes.default, value: value?.to ?? null, onValueChange: rangeValueHandler('to'), placeholder: "Max", formatOptions: { maximumFractionDigits: 2 }, isInvalid: isWrongRange(value?.from, value?.to) }))),
             renderFooter()));
     }
     return (React__default.createElement("div", null,
         React__default.createElement(FlexRow, { padding: "12", alignItems: "center", borderBottom: true, cx: css$r.container },
             React__default.createElement(FlexCell, { width: 130 },
-                React__default.createElement(NumericInput, { value: typeof props.value === 'number' ? props.value : null, onValueChange: props.onValueChange, placeholder: "Enter a number", formatOptions: { maximumFractionDigits: 2 } }))),
+                React__default.createElement(NumericInput, { size: settings.filtersPanel.sizes.default, value: typeof props.value === 'number' ? props.value : null, onValueChange: props.onValueChange, placeholder: "Enter a number", formatOptions: { maximumFractionDigits: 2 } }))),
         renderFooter()));
 }
 
@@ -4227,22 +4248,7 @@ function FilterItemBody(props) {
     }
 }
 
-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 SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
-  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$a || (_path$a = /*#__PURE__*/React.createElement("path", {
-    d: "M9 3v1H4v2h1v13a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6h1V4h-5V3H9zM7 6h10v13H7V6zm2 2v9h2V8H9zm4 0v9h2V8h-2z"
-  })));
-};
-var ForwardRef$a = /*#__PURE__*/forwardRef(SvgActionDeleteOutline);
-
-var css$q = {"header":"AIFBtD","removeButton":"HKSaaJ","with-search":"sWdoos","withSearch":"sWdoos"};
+var css$q = {"body":"QdbGf8","header":"XTxkP1","title":"Xp54ln","removeButton":"PjJKXQ","with-search":"b20-Sp","withSearch":"b20-Sp"};
 
 function useView(props, value) {
     const forceUpdate = useForceUpdate();
@@ -4330,13 +4336,13 @@ function FiltersToolbarItemImpl(props) {
         setPredicate(val);
     };
     const renderHeader = (hideTitle) => (React__default.createElement("div", { className: cx(css$q.header, isPickersType && (props.showSearch ?? css$q.withSearch)) },
-        props.predicates ? (React__default.createElement(MultiSwitch, { items: props.predicates.map((i) => ({ id: i.predicate, caption: i.name })), value: predicate, onValueChange: changePredicate, size: "24" })) : (!hideTitle && (React__default.createElement(Text, { color: "secondary", size: "24", fontSize: "14" }, props.title))),
-        !props?.isAlwaysVisible && (React__default.createElement(LinkButton, { cx: css$q.removeButton, caption: i18n.filterToolbar.datePicker.removeCaption, onClick: removeOnclickHandler, size: "24", icon: ForwardRef$a }))));
+        props.predicates ? (React__default.createElement(MultiSwitch, { items: props.predicates.map((i) => ({ id: i.predicate, caption: i.name })), value: predicate, onValueChange: changePredicate, size: settings.filtersPanel.sizes.pickerBodyMultiSwitch })) : (!hideTitle && (React__default.createElement("div", { className: css$q.title }, props.title))),
+        !props?.isAlwaysVisible && (React__default.createElement(LinkButton, { cx: css$q.removeButton, caption: i18n.filterToolbar.datePicker.removeCaption, onClick: removeOnclickHandler, size: settings.filtersPanel.sizes.pickerBodyLinkButton, icon: settings.filtersPanel.icons.pickerBodyRemoveIcon }))));
     const renderBody = (dropdownProps) => {
         const hideHeaderTitle = isPickersType && isMobileScreen;
-        return isPickersType ? (React__default.createElement(PickerBodyMobileView, { ...dropdownProps, cx: UUI_FILTERS_PANEL_ITEM_BODY, title: props.title, width: 360, onClose: () => isOpenChange(false) },
+        return isPickersType ? (React__default.createElement(PickerBodyMobileView, { ...dropdownProps, cx: [css$q.body, UUI_FILTERS_PANEL_ITEM_BODY], title: props.title, width: settings.filtersPanel.sizes.pickerBodyMinWidth, onClose: () => isOpenChange(false) },
             renderHeader(hideHeaderTitle),
-            React__default.createElement(FilterItemBody, { ...props, ...dropdownProps, selectedPredicate: predicate, value: getValue(), onValueChange: onValueChange }))) : (React__default.createElement(DropdownContainer, { cx: UUI_FILTERS_PANEL_ITEM_BODY, ...dropdownProps },
+            React__default.createElement(FilterItemBody, { ...props, ...dropdownProps, selectedPredicate: predicate, value: getValue(), onValueChange: onValueChange }))) : (React__default.createElement(DropdownContainer, { cx: [css$q.body, UUI_FILTERS_PANEL_ITEM_BODY], ...dropdownProps },
             renderHeader(hideHeaderTitle),
             React__default.createElement(FilterItemBody, { ...props, ...dropdownProps, selectedPredicate: predicate, value: getValue(), onValueChange: onValueChange })));
     };
@@ -4548,7 +4554,7 @@ function FiltersToolbarImpl(props) {
 }
 const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
 
-var css$p = {"divider":"wbepyO","dropdownDeleteIcon":"nFEOUi","presetsWrapper":"CigcRw","addPresetContainer":"_2u0apK","dropContainer":"_5kVtOx"};
+var css$p = {"divider":"aV5GUs","dropdownDeleteIcon":"pnl9Qi","presetsWrapper":"_92L9Bh","addPresetContainer":"FmBnlQ","dropContainer":"zeON65"};
 
 var _path$9;
 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); }
@@ -4629,7 +4635,7 @@ var SvgContentLinkOutline = function SvgContentLinkOutline(props, ref) {
 };
 var ForwardRef$5 = /*#__PURE__*/forwardRef(SvgContentLinkOutline);
 
-var css$o = {"delete-button":"J2nhYK","deleteButton":"J2nhYK","tab-button":"GHD3ZD","tabButton":"GHD3ZD","targetOpen":"GgWP4f"};
+var css$o = {"delete-button":"ITNgki","deleteButton":"ITNgki","tab-button":"GOfUKC","tabButton":"GOfUKC","targetOpen":"Yx-cpV"};
 
 function PresetActionsDropdown(props) {
     const { uuiNotifications } = useUuiContext();
@@ -4688,7 +4694,7 @@ function PresetActionsDropdown(props) {
             React__default.createElement(DropdownMenuButton, { key: `${props.preset.id}-copyLink`, icon: ForwardRef$5, caption: "Copy Link", onClick: copyUrlToClipboard }),
             !isReadonlyPreset && (React__default.createElement(React__default.Fragment, null,
                 React__default.createElement(DropdownMenuSplitter, { key: "delete-splitter" }),
-                React__default.createElement(DropdownMenuButton, { icon: ForwardRef$a, caption: "Delete", cx: css$o.deleteButton, onClick: deleteHandler })))));
+                React__default.createElement(DropdownMenuButton, { icon: ForwardRef$l, caption: "Delete", cx: css$o.deleteButton, onClick: deleteHandler })))));
     };
     const renderTarget = useCallback((dropdownProps) => {
         return (React__default.createElement(IconButton, { cx: [css$o.tabButton, dropdownProps.isOpen && css$o.targetOpen], color: props.preset.id === props.activePresetId ? 'primary' : 'neutral', ...dropdownProps, icon: ForwardRef$F, size: "18" }));
@@ -4696,7 +4702,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":"t6wwKk","presetInputCell":"t6wwKk","preset-input":"-FBVTO","presetInput":"-FBVTO"};
+var css$n = {"preset-input-cell":"ORuLWh","presetInputCell":"ORuLWh","preset-input":"Dxhku2","presetInput":"Dxhku2"};
 
 const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
 const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
@@ -4728,7 +4734,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":"jg5qkb","activePreset":"_3OuXH-"};
+var css$m = {"preset":"-w3tdF","activePreset":"e--Czo"};
 
 function Preset(props) {
     const [isRenamePreset, setIsRenamePreset] = useState(false);
@@ -4854,7 +4860,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
     return columns;
 };
 
-var css$l = {"unpin-icon":"UKWcoT","unpinIcon":"UKWcoT","pin-toggler-icon":"XwUPLl","pinTogglerIcon":"XwUPLl"};
+var css$l = {"unpin-icon":"BOGqSf","unpinIcon":"BOGqSf","pin-toggler-icon":"cCvVU8","pinTogglerIcon":"cCvVU8"};
 
 function PinIconButton(props) {
     const i18nLocal = i18n.tables.columnsConfigurationModal;
@@ -4896,7 +4902,7 @@ function getUnpinIcon(params) {
     }
 }
 
-var css$k = {"row-wrapper":"q6dLUk","rowWrapper":"q6dLUk","pin-icon-button":"zKg25p","pinIconButton":"zKg25p","not-pinned":"Ri72oT","notPinned":"Ri72oT","checkbox":"MNKM4o","drag-handle":"_0enX3w","dragHandle":"_0enX3w","dnd-disabled":"_1UWube","dndDisabled":"_1UWube"};
+var css$k = {"row-wrapper":"faXdQw","rowWrapper":"faXdQw","pin-icon-button":"ZPb-j3","pinIconButton":"ZPb-j3","not-pinned":"zEb7Vt","notPinned":"zEb7Vt","checkbox":"fIs3FB","drag-handle":"_7uKoPW","dragHandle":"_7uKoPW","dnd-disabled":"_0kV38D","dndDisabled":"_0kV38D"};
 
 const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
     const { column } = props;
@@ -4919,7 +4925,7 @@ const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
     return (React.createElement(DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
 });
 
-var css$j = {"root":"wWu7ih","main-panel":"_-0whJe","mainPanel":"_-0whJe","group":"LyvRei","group-title":"_5blGby","groupTitle":"_5blGby","group-items":"gPrAnX","groupItems":"gPrAnX","no-data":"nsVsuM","noData":"nsVsuM","no-data-title":"Qtc1LE","noDataTitle":"Qtc1LE","no-data-sub-title":"zpa63B","noDataSubTitle":"zpa63B","h-divider":"ul5Rhr","hDivider":"ul5Rhr","search-area":"_96ITee","searchArea":"_96ITee","subgroup-accordion":"iMrfW4","subgroupAccordion":"iMrfW4","subgroup":"x8ZIJf","subgroup-title":"XwNVoj","subgroupTitle":"XwNVoj"};
+var css$j = {"root":"ll0TzH","main-panel":"uyrocb","mainPanel":"uyrocb","group":"AX5ht2","group-title":"gwd6Mg","groupTitle":"gwd6Mg","group-items":"_4XgEnA","groupItems":"_4XgEnA","no-data":"wtcYzu","noData":"wtcYzu","no-data-title":"_6wtw1r","noDataTitle":"_6wtw1r","no-data-sub-title":"_3XrIGz","noDataSubTitle":"_3XrIGz","h-divider":"fi4-5M","hDivider":"fi4-5M","search-area":"zLJAXr","searchArea":"zLJAXr","subgroup-accordion":"Q1JJQS","subgroupAccordion":"Q1JJQS","subgroup":"_6dhYol","subgroup-title":"OL-ADM","subgroupTitle":"OL-ADM"};
 
 const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { cx: css$j.group },
     React.createElement(Text, { size: "none", cx: css$j.groupTitle }, title),
@@ -5021,7 +5027,7 @@ const getChildrenAndRest = (row, rows) => {
     return [children, rest];
 };
 
-var css$i = {"listContainer":"Ohf2DJ","header":"gki5Y-","group":"qsTt5o","stickyHeader":"X-L-LF"};
+var css$i = {"listContainer":"_1gohNi","header":"_1GnAns","group":"Diup8F","stickyHeader":"Q4ZowI"};
 
 function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
     const rowRef = useRef();
@@ -5061,7 +5067,7 @@ function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, r
             React__default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
 }
 
-var css$h = {"root":"o68xlZ","sticky-header":"_1gvsul","stickyHeader":"_1gvsul","no-results":"qJqicE","noResults":"qJqicE","icon":"TEZxvv","title":"u18FGj"};
+var css$h = {"root":"-mFe-D","sticky-header":"pWSyK6","stickyHeader":"pWSyK6","no-results":"d35RMh","noResults":"d35RMh","icon":"IAGVL0","title":"_67mfoE"};
 
 function DataTable(props) {
     const { uuiModals } = useUuiContext();
@@ -5110,9 +5116,9 @@ function DataTable(props) {
                 } }))));
 }
 
-var css$g = {"root":"_3JV-kS"};
+var css$g = {"root":"uOjbGY"};
 
-var css$f = {"root":"G4NIy8","burger-content":"AfuBQW","burgerContent":"AfuBQW"};
+var css$f = {"root":"_5gOz8Z","burger-content":"I2FgaY","burgerContent":"I2FgaY"};
 
 var _path$3;
 function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
@@ -5155,7 +5161,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
 };
 var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgNavigationArrowDownOutline);
 
-var css$e = {"root":"eKDLfI","button-primary":"LEprLp","buttonPrimary":"LEprLp","button-secondary":"O9KZLQ","buttonSecondary":"O9KZLQ","hasIcon":"suOmTG","dropdown":"VnK3iv"};
+var css$e = {"root":"i-9ktH","button-primary":"-ameZl","buttonPrimary":"-ameZl","button-secondary":"gkanPf","buttonSecondary":"gkanPf","hasIcon":"ATiSQj","dropdown":"jSK2Ux"};
 
 const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
     css$e.root,
@@ -5166,13 +5172,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":"Yai-Mu","searchInput":"Yai-Mu"};
+var css$d = {"search-input":"qMd4pG","searchInput":"qMd4pG"};
 
 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$R }));
 }
 
-var css$c = {"root":"YB-Dx5","group-header":"wjMByE","groupHeader":"wjMByE","group-name":"_0pdhml","groupName":"_0pdhml","line":"x0y6QI"};
+var css$c = {"root":"PGvQCC","group-header":"wPwkrF","groupHeader":"wPwkrF","group-name":"cwdyki","groupName":"cwdyki","line":"QCEZkE"};
 
 function BurgerGroupHeader(props) {
     return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
@@ -5180,7 +5186,7 @@ function BurgerGroupHeader(props) {
         React.createElement("span", { className: css$c.groupName }, props.caption)));
 }
 
-var css$b = {"root":"Hy79cM","type-primary":"_2hIFjT","typePrimary":"_2hIFjT","type-secondary":"mCdEKZ","typeSecondary":"mCdEKZ"};
+var css$b = {"root":"_-0gmaq","type-primary":"tpfcOd","typePrimary":"tpfcOd","type-secondary":"_5DqAq2","typeSecondary":"_5DqAq2"};
 
 const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { type, ...clickableProps } = props;
@@ -5202,7 +5208,7 @@ const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
         props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$Q, flipY: props.isOpen }))));
 });
 
-var css$a = {"dropdown-body":"gUNO9k","dropdownBody":"gUNO9k"};
+var css$a = {"dropdown-body":"UWQ1Jn","dropdownBody":"UWQ1Jn"};
 
 class MainMenuDropdown extends React.Component {
     render() {
@@ -5260,12 +5266,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
 };
 var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationGlobalMenuOutlineOutline);
 
-var css$9 = {"global-menu-btn":"Jc5WmT","globalMenuBtn":"Jc5WmT","global-menu-icon":"J8wT2b","globalMenuIcon":"J8wT2b"};
+var css$9 = {"global-menu-btn":"MIHhV5","globalMenuBtn":"MIHhV5","global-menu-icon":"_7iiboa","globalMenuIcon":"_7iiboa"};
 
 const GlobalMenu = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", { ref: ref, id: "global_menu_toggle", className: cx(css$9.globalMenuBtn, props.cx), ...props.rawProps },
     React.createElement(IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
 
-var css$8 = {"container":"LqAAYo","open":"cePpc6","folding-arrow":"HWFgbl","foldingArrow":"HWFgbl"};
+var css$8 = {"container":"FTcSw9","open":"dLOPSB","folding-arrow":"yBJm6U","foldingArrow":"yBJm6U"};
 
 const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", { ref: ref, className: cx(css$8.container, props.isDropdown && css$8.dropdown, props.isOpen && css$8.open, props.onClick && uuiMarkers.clickable, props.cx), onClick: props.onClick, ...props.rawProps },
     React.createElement(Avatar, { size: "36", img: props.avatarUrl }),
@@ -5273,15 +5279,15 @@ const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.cr
     props.isDropdown && (React.createElement("div", null,
         React.createElement(IconContainer, { size: 18, icon: ForwardRef$Q, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
 
-var css$7 = {"search-input":"_5JrvyS","searchInput":"_5JrvyS"};
+var css$7 = {"search-input":"l0J21z","searchInput":"l0J21z"};
 
 const MainMenuSearch = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IEditableDebouncer, { ...props, render: (iEditable) => (React.createElement(TextInput$1, { iconPosition: "left", icon: ForwardRef$N, cancelIcon: props.value?.length > 0 && ForwardRef$R, ...props, ...iEditable, ref: ref, cx: cx$1(css$7.searchInput, props.cx), ...props.rawProps })) })));
 
-var css$6 = {"container":"_8UU8U5"};
+var css$6 = {"container":"jwVTsn"};
 
 const MainMenuIcon = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IconButton, { ref: ref, icon: props.icon, cx: cx$1(props.cx, css$6.container), ...props })));
 
-var css$5 = {"root":"g-2Z1Y"};
+var css$5 = {"root":"s9La6Q"};
 
 const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
 
@@ -5339,7 +5345,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
 };
 var ForwardRef = /*#__PURE__*/forwardRef(SvgFileCloudUploadFill);
 
-var css$4 = {"root":"fjS0RC","drop-start":"wmMCbJ","dropStart":"wmMCbJ","drop-over":"_8dqOuk","dropOver":"_8dqOuk","link":"_89UJQg","drop-area":"_3ku-V7","dropArea":"_3ku-V7","drop-caption":"Szipkv","dropCaption":"Szipkv","icon-blue":"KnvtZK","iconBlue":"KnvtZK"};
+var css$4 = {"root":"gsuNIf","drop-start":"GdOrye","dropStart":"GdOrye","drop-over":"Nt9T8p","dropOver":"Nt9T8p","link":"Nm-Ayz","drop-area":"_2pAUAk","dropArea":"_2pAUAk","drop-caption":"_1KkXbn","dropCaption":"_1KkXbn","icon-blue":"Vace79","iconBlue":"Vace79"};
 
 function DropSpot(props) {
     const getInfoText = typeof props.infoText === 'string'
@@ -5357,7 +5363,7 @@ function DropSpot(props) {
     return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
 }
 
-var css$3 = {"root":"_0m7OvC"};
+var css$3 = {"root":"uuu-EL"};
 
 const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
     const outsetRadius = props.size / 2 - 1;
@@ -5368,7 +5374,7 @@ const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
         React.createElement("circle", { strokeWidth: 1, fill: "transparent", r: outsetRadius, cx: props.size / 2, cy: props.size / 2 })));
 });
 
-var css$2 = {"root":"ApjZSq","file-name":"VZpHYw","fileName":"VZpHYw","default-color":"_92CooI","defaultColor":"_92CooI","doc-color":"_-32ZyZ","docColor":"_-32ZyZ","xls-color":"KAjwIA","xlsColor":"KAjwIA","pdf-color":"kQ6vSP","pdfColor":"kQ6vSP","movie-color":"oRwMtv","movieColor":"oRwMtv","img-color":"hEToDl","imgColor":"hEToDl","mov-color":"vUiEhb","movColor":"vUiEhb","error-block":"U1voCn","errorBlock":"U1voCn","icons-block":"oVCTRi","iconsBlock":"oVCTRi"};
+var css$2 = {"root":"_8W9Xjz","file-name":"SNpCa6","fileName":"SNpCa6","default-color":"_81ok7S","defaultColor":"_81ok7S","doc-color":"_0uGv1g","docColor":"_0uGv1g","xls-color":"Tdiepi","xlsColor":"Tdiepi","pdf-color":"S23aI-","pdfColor":"S23aI-","movie-color":"uR7RLU","movieColor":"uR7RLU","img-color":"nDiGWu","imgColor":"nDiGWu","mov-color":"qnsHqI","movColor":"qnsHqI","error-block":"Pgjil8","errorBlock":"Pgjil8","icons-block":"SWTwSW","iconsBlock":"SWTwSW"};
 
 const FileCard = /* @__PURE__ */React.forwardRef((props, ref) => {
     const [isLoadingShow, setIsLoadingShow] = React.useState(true);
@@ -5487,7 +5493,7 @@ const getErrorPageConfig = () => ({
     },
 });
 
-var css$1 = {"container":"ARP6Ym"};
+var css$1 = {"container":"Wv9UXR"};
 
 const ErrorPage = (props) => {
     const isMobileScreen = isMobile();
@@ -5499,7 +5505,7 @@ const ErrorPage = (props) => {
             props?.supportLink && React__default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
 };
 
-var css = {"recovery-spinner":"YXzTqe","recoverySpinner":"YXzTqe","recovery-message":"CIlZL2","recoveryMessage":"CIlZL2","modal-blocker":"FWOIZd","modalBlocker":"FWOIZd","modalFadeIn":"wOpqui"};
+var css = {"recovery-spinner":"awcnss","recoverySpinner":"awcnss","recovery-message":"_7WaLCH","recoveryMessage":"_7WaLCH","modal-blocker":"KToUAy","modalBlocker":"KToUAy","modalFadeIn":"AlRpxQ"};
 
 function ErrorHandler(props) {
     const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();