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

package/index.esm.js

@@ -16,24 +16,9 @@ import customParseFormat from 'dayjs/plugin/customParseFormat.js';
 import isoWeek from 'dayjs/plugin/isoWeek.js';
 import FocusLock from 'react-focus-lock';
 
-var _path$R;
-function _extends$R() { 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$R({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    viewBox: "0 0 24 24",
-    ref: ref
-  }, props), _path$R || (_path$R = /*#__PURE__*/React.createElement("path", {
-    d: "M6.4 19 5 17.6l5.6-5.6L5 6.4 6.4 5l5.6 5.6L17.6 5 19 6.4 13.4 12l5.6 5.6-1.4 1.4-5.6-5.6L6.4 19z"
-  })));
-};
-var ForwardRef$R = /*#__PURE__*/forwardRef(SvgNavigationCloseOutline);
-
 var _path$Q;
 function _extends$Q() { 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) {
+var SvgNavigationCloseOutline = function SvgNavigationCloseOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$Q({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -41,14 +26,14 @@ var SvgNavigationChevronDownOutline = function SvgNavigationChevronDownOutline(p
     viewBox: "0 0 24 24",
     ref: ref
   }, 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"
+    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(SvgNavigationChevronDownOutline);
+var ForwardRef$Q = /*#__PURE__*/forwardRef(SvgNavigationCloseOutline);
 
 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) {
+var SvgNavigationChevronDownOutline = function SvgNavigationChevronDownOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$P({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -56,14 +41,14 @@ var SvgNotificationDoneOutline = function SvgNotificationDoneOutline(props, ref)
     viewBox: "0 0 24 24",
     ref: ref
   }, 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"
+    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(SvgNotificationDoneOutline);
+var ForwardRef$P = /*#__PURE__*/forwardRef(SvgNavigationChevronDownOutline);
 
 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 SvgContentMinusOutline = function SvgContentMinusOutline(props, ref) {
+var SvgNotificationDoneOutline = function SvgNotificationDoneOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$O({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -71,14 +56,14 @@ var SvgContentMinusOutline = function SvgContentMinusOutline(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$O || (_path$O = /*#__PURE__*/React.createElement("path", {
-    d: "M19 10.5H5v3h14v-3z"
+    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(SvgContentMinusOutline);
+var ForwardRef$O = /*#__PURE__*/forwardRef(SvgNotificationDoneOutline);
 
 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 SvgActionSearchOutline = function SvgActionSearchOutline(props, ref) {
+var SvgContentMinusOutline = function SvgContentMinusOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$N({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -86,16 +71,14 @@ var SvgActionSearchOutline = function SvgActionSearchOutline(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$N || (_path$N = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M17.32 15.906 21.414 20 20 21.414l-4.094-4.094a8 8 0 1 1 1.414-1.414zM11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12z",
-    clipRule: "evenodd"
+    d: "M19 10.5H5v3h14v-3z"
   })));
 };
-var ForwardRef$N = /*#__PURE__*/forwardRef(SvgActionSearchOutline);
+var ForwardRef$N = /*#__PURE__*/forwardRef(SvgContentMinusOutline);
 
 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 SvgActionCalendarFill = function SvgActionCalendarFill(props, ref) {
+var SvgActionSearchOutline = function SvgActionSearchOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$M({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -103,14 +86,16 @@ var SvgActionCalendarFill = function SvgActionCalendarFill(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$M || (_path$M = /*#__PURE__*/React.createElement("path", {
-    d: "M5 22a1.93 1.93 0 0 1-1.413-.587A1.928 1.928 0 0 1 3 20V6c0-.55.196-1.02.587-1.412A1.927 1.927 0 0 1 5 4h1V2h2v2h8V2h2v2h1c.55 0 1.021.196 1.413.588.391.391.587.862.587 1.412v14a1.93 1.93 0 0 1-.587 1.413A1.928 1.928 0 0 1 19 22H5zm0-2h14V10H5v10z"
+    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$M = /*#__PURE__*/forwardRef(SvgActionCalendarFill);
+var ForwardRef$M = /*#__PURE__*/forwardRef(SvgActionSearchOutline);
 
 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 SvgNotificationInfoOutline = function SvgNotificationInfoOutline(props, ref) {
+var SvgActionCalendarFill = function SvgActionCalendarFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$L({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -118,14 +103,14 @@ var SvgNotificationInfoOutline = function SvgNotificationInfoOutline(props, ref)
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$L || (_path$L = /*#__PURE__*/React.createElement("path", {
-    d: "M11 17h2v-6h-2v6zm1-8a.968.968 0 0 0 .713-.288A.967.967 0 0 0 13 8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7a.967.967 0 0 0-.712.287A.968.968 0 0 0 11 8c0 .283.096.52.288.712A.965.965 0 0 0 12 9zm0 13a9.733 9.733 0 0 1-3.9-.788 10.092 10.092 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.733 9.733 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.092 10.092 0 0 1 2.137-3.175c.9-.9 1.958-1.613 3.175-2.138A9.743 9.743 0 0 1 12 2a9.74 9.74 0 0 1 3.9.787 10.105 10.105 0 0 1 3.175 2.138c.9.9 1.612 1.958 2.137 3.175A9.733 9.733 0 0 1 22 12a9.733 9.733 0 0 1-.788 3.9 10.092 10.092 0 0 1-2.137 3.175c-.9.9-1.958 1.612-3.175 2.137A9.733 9.733 0 0 1 12 22zm0-2c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 2.233.775 4.125 2.325 5.675C7.875 19.225 9.767 20 12 20z"
+    d: "M5 22a1.93 1.93 0 0 1-1.413-.587A1.928 1.928 0 0 1 3 20V6c0-.55.196-1.02.587-1.412A1.927 1.927 0 0 1 5 4h1V2h2v2h8V2h2v2h1c.55 0 1.021.196 1.413.588.391.391.587.862.587 1.412v14a1.93 1.93 0 0 1-.587 1.413A1.928 1.928 0 0 1 19 22H5zm0-2h14V10H5v10z"
   })));
 };
-var ForwardRef$L = /*#__PURE__*/forwardRef(SvgNotificationInfoOutline);
+var ForwardRef$L = /*#__PURE__*/forwardRef(SvgActionCalendarFill);
 
 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 SvgNotificationInfoFill = function SvgNotificationInfoFill(props, ref) {
+var SvgNotificationInfoOutline = function SvgNotificationInfoOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$K({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -133,15 +118,30 @@ var SvgNotificationInfoFill = function SvgNotificationInfoFill(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$K || (_path$K = /*#__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"
+    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$K = /*#__PURE__*/forwardRef(SvgNotificationInfoFill);
+var ForwardRef$K = /*#__PURE__*/forwardRef(SvgNotificationInfoOutline);
 
-var _path$J, _path2$5, _path3, _path4, _path5, _path6, _g, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _path21, _path22, _path23, _path24, _defs;
+var _path$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 SvgEmptyTable = function SvgEmptyTable(props, ref) {
+var SvgNotificationInfoFill = function SvgNotificationInfoFill(props, ref) {
   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$J || (_path$J = /*#__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$J = /*#__PURE__*/forwardRef(SvgNotificationInfoFill);
+
+var _path$I, _path2$5, _path3, _path4, _path5, _path6, _g, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _path21, _path22, _path23, _path24, _defs;
+function _extends$I() { return _extends$I = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$I.apply(null, arguments); }
+var SvgEmptyTable = function SvgEmptyTable(props, ref) {
+  return /*#__PURE__*/React.createElement("svg", _extends$I({
     width: 232,
     height: 180,
     viewBox: "0 0 232 180",
@@ -149,8 +149,8 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
   }, props), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#89oozspeq4haplsq_a)"
-  }, _path$J || (_path$J = /*#__PURE__*/React.createElement("path", {
+    clipPath: "url(#a45jqvv905njdv4mk_a)"
+  }, _path$I || (_path$I = /*#__PURE__*/React.createElement("path", {
     d: "M150.585 1.535C49.483-11.495 27.481 61.805 45.725 97.481c10.581 20.69-39.64 70.792 17.744 81.468 27.538 5.123 36-13.341 62.433-10.655 35.4 3.6 148.167-4.73 88.349-78.915-31.713-39.335 1.026-79.506-63.666-87.844Z",
     fill: "#F5F6FA"
   })), _path2$5 || (_path2$5 = /*#__PURE__*/React.createElement("path", {
@@ -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: "89oozsx42qmrzyhwh_b",
+    id: "a45jqvgyoh2gscvub_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(#89oozsx42qmrzyhwh_b)",
+    mask: "url(#a45jqvgyoh2gscvub_b)",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }, /*#__PURE__*/React.createElement("path", {
@@ -269,33 +269,18 @@ 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: "89oozspeq4haplsq_a"
+    id: "a45jqvv905njdv4mk_a"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
     transform: "translate(.552)",
     d: "M0 0h230.897v180H0z"
   })))));
 };
-var ForwardRef$J = /*#__PURE__*/forwardRef(SvgEmptyTable);
-
-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 SvgTableSortAscOutline = function SvgTableSortAscOutline(props, ref) {
-  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$I || (_path$I = /*#__PURE__*/React.createElement("path", {
-    d: "M11 21V6.825L9.4 8.4 8 7l4-4 4 4-1.4 1.4L13 6.825V21h-2z"
-  })));
-};
-var ForwardRef$I = /*#__PURE__*/forwardRef(SvgTableSortAscOutline);
+var ForwardRef$I = /*#__PURE__*/forwardRef(SvgEmptyTable);
 
 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 SvgTableSortDescOutline = function SvgTableSortDescOutline(props, ref) {
+var SvgTableSortAscOutline = function SvgTableSortAscOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$H({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -303,14 +288,14 @@ var SvgTableSortDescOutline = function SvgTableSortDescOutline(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$H || (_path$H = /*#__PURE__*/React.createElement("path", {
-    d: "M13 3v14.175l1.6-1.575L16 17l-4 4-4-4 1.4-1.4 1.6 1.575V3h2z"
+    d: "M11 21V6.825L9.4 8.4 8 7l4-4 4 4-1.4 1.4L13 6.825V21h-2z"
   })));
 };
-var ForwardRef$H = /*#__PURE__*/forwardRef(SvgTableSortDescOutline);
+var ForwardRef$H = /*#__PURE__*/forwardRef(SvgTableSortAscOutline);
 
 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 SvgActionDragIndicatorOutline = function SvgActionDragIndicatorOutline(props, ref) {
+var SvgTableSortDescOutline = function SvgTableSortDescOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$G({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -318,14 +303,14 @@ var SvgActionDragIndicatorOutline = function SvgActionDragIndicatorOutline(props
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$G || (_path$G = /*#__PURE__*/React.createElement("path", {
-    d: "M9 20c-.55 0-1.02-.196-1.412-.587A1.927 1.927 0 0 1 7 18c0-.55.196-1.021.588-1.413A1.925 1.925 0 0 1 9 16c.55 0 1.021.196 1.413.587.391.392.587.863.587 1.413s-.196 1.021-.587 1.413A1.928 1.928 0 0 1 9 20zm6 0c-.55 0-1.02-.196-1.412-.587A1.927 1.927 0 0 1 13 18c0-.55.196-1.021.588-1.413A1.925 1.925 0 0 1 15 16c.55 0 1.021.196 1.413.587.391.392.587.863.587 1.413s-.196 1.021-.587 1.413A1.928 1.928 0 0 1 15 20zm-6-6c-.55 0-1.02-.196-1.412-.588A1.923 1.923 0 0 1 7 12c0-.55.196-1.021.588-1.413A1.925 1.925 0 0 1 9 10c.55 0 1.021.196 1.413.587.391.392.587.863.587 1.413s-.196 1.02-.587 1.412A1.927 1.927 0 0 1 9 14zm6 0c-.55 0-1.02-.196-1.412-.588A1.923 1.923 0 0 1 13 12c0-.55.196-1.021.588-1.413A1.925 1.925 0 0 1 15 10c.55 0 1.021.196 1.413.587.391.392.587.863.587 1.413s-.196 1.02-.587 1.412A1.927 1.927 0 0 1 15 14zM9 8c-.55 0-1.02-.196-1.412-.588A1.923 1.923 0 0 1 7 6c0-.55.196-1.02.588-1.412A1.923 1.923 0 0 1 9 4c.55 0 1.021.196 1.413.588.391.391.587.862.587 1.412 0 .55-.196 1.02-.587 1.412A1.927 1.927 0 0 1 9 8zm6 0c-.55 0-1.02-.196-1.412-.588A1.923 1.923 0 0 1 13 6c0-.55.196-1.02.588-1.412A1.923 1.923 0 0 1 15 4c.55 0 1.021.196 1.413.588.391.391.587.862.587 1.412 0 .55-.196 1.02-.587 1.412A1.927 1.927 0 0 1 15 8z"
+    d: "M13 3v14.175l1.6-1.575L16 17l-4 4-4-4 1.4-1.4 1.6 1.575V3h2z"
   })));
 };
-var ForwardRef$G = /*#__PURE__*/forwardRef(SvgActionDragIndicatorOutline);
+var ForwardRef$G = /*#__PURE__*/forwardRef(SvgTableSortDescOutline);
 
 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 SvgNavigationMoreVertOutline = function SvgNavigationMoreVertOutline(props, ref) {
+var SvgActionDragIndicatorOutline = function SvgActionDragIndicatorOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$F({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -333,16 +318,14 @@ var SvgNavigationMoreVertOutline = function SvgNavigationMoreVertOutline(props,
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$F || (_path$F = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z",
-    clipRule: "evenodd"
+    d: "M9 20c-.55 0-1.02-.196-1.412-.587A1.927 1.927 0 0 1 7 18c0-.55.196-1.021.588-1.413A1.925 1.925 0 0 1 9 16c.55 0 1.021.196 1.413.587.391.392.587.863.587 1.413s-.196 1.021-.587 1.413A1.928 1.928 0 0 1 9 20zm6 0c-.55 0-1.02-.196-1.412-.587A1.927 1.927 0 0 1 13 18c0-.55.196-1.021.588-1.413A1.925 1.925 0 0 1 15 16c.55 0 1.021.196 1.413.587.391.392.587.863.587 1.413s-.196 1.021-.587 1.413A1.928 1.928 0 0 1 15 20zm-6-6c-.55 0-1.02-.196-1.412-.588A1.923 1.923 0 0 1 7 12c0-.55.196-1.021.588-1.413A1.925 1.925 0 0 1 9 10c.55 0 1.021.196 1.413.587.391.392.587.863.587 1.413s-.196 1.02-.587 1.412A1.927 1.927 0 0 1 9 14zm6 0c-.55 0-1.02-.196-1.412-.588A1.923 1.923 0 0 1 13 12c0-.55.196-1.021.588-1.413A1.925 1.925 0 0 1 15 10c.55 0 1.021.196 1.413.587.391.392.587.863.587 1.413s-.196 1.02-.587 1.412A1.927 1.927 0 0 1 15 14zM9 8c-.55 0-1.02-.196-1.412-.588A1.923 1.923 0 0 1 7 6c0-.55.196-1.02.588-1.412A1.923 1.923 0 0 1 9 4c.55 0 1.021.196 1.413.588.391.391.587.862.587 1.412 0 .55-.196 1.02-.587 1.412A1.927 1.927 0 0 1 9 8zm6 0c-.55 0-1.02-.196-1.412-.588A1.923 1.923 0 0 1 13 6c0-.55.196-1.02.588-1.412A1.923 1.923 0 0 1 15 4c.55 0 1.021.196 1.413.588.391.391.587.862.587 1.412 0 .55-.196 1.02-.587 1.412A1.927 1.927 0 0 1 15 8z"
   })));
 };
-var ForwardRef$F = /*#__PURE__*/forwardRef(SvgNavigationMoreVertOutline);
+var ForwardRef$F = /*#__PURE__*/forwardRef(SvgActionDragIndicatorOutline);
 
 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 SvgNavigationRefreshOutline = function SvgNavigationRefreshOutline(props, ref) {
+var SvgNavigationMoreVertOutline = function SvgNavigationMoreVertOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$E({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -350,14 +333,16 @@ var SvgNavigationRefreshOutline = function SvgNavigationRefreshOutline(props, re
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$E || (_path$E = /*#__PURE__*/React.createElement("path", {
-    d: "M12 20c-2.233 0-4.125-.775-5.675-2.325C4.775 16.125 4 14.233 4 12c0-2.233.775-4.125 2.325-5.675C7.875 4.775 9.767 4 12 4c1.15 0 2.25.238 3.3.713A7.617 7.617 0 0 1 18 6.75V4h2v7h-7V9h4.2a5.837 5.837 0 0 0-2.187-2.2A5.93 5.93 0 0 0 12 6c-1.667 0-3.083.583-4.25 1.75C6.583 8.917 6 10.333 6 12c0 1.667.583 3.083 1.75 4.25C8.917 17.417 10.333 18 12 18a5.863 5.863 0 0 0 3.475-1.1A5.81 5.81 0 0 0 17.65 14h2.1c-.467 1.767-1.417 3.208-2.85 4.325S13.833 20 12 20z"
+    fillRule: "evenodd",
+    d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z",
+    clipRule: "evenodd"
   })));
 };
-var ForwardRef$E = /*#__PURE__*/forwardRef(SvgNavigationRefreshOutline);
+var ForwardRef$E = /*#__PURE__*/forwardRef(SvgNavigationMoreVertOutline);
 
 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 SvgActionLockFill = function SvgActionLockFill(props, ref) {
+var SvgNavigationRefreshOutline = function SvgNavigationRefreshOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$D({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -365,16 +350,14 @@ var SvgActionLockFill = function SvgActionLockFill(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$D || (_path$D = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M12 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM7 9V7a5 5 0 0 1 10 0v2h1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V11a2 2 0 0 1 2-2h1zm2 0h6V7a3 3 0 1 0-6 0v2z",
-    clipRule: "evenodd"
+    d: "M12 20c-2.233 0-4.125-.775-5.675-2.325C4.775 16.125 4 14.233 4 12c0-2.233.775-4.125 2.325-5.675C7.875 4.775 9.767 4 12 4c1.15 0 2.25.238 3.3.713A7.617 7.617 0 0 1 18 6.75V4h2v7h-7V9h4.2a5.837 5.837 0 0 0-2.187-2.2A5.93 5.93 0 0 0 12 6c-1.667 0-3.083.583-4.25 1.75C6.583 8.917 6 10.333 6 12c0 1.667.583 3.083 1.75 4.25C8.917 17.417 10.333 18 12 18a5.863 5.863 0 0 0 3.475-1.1A5.81 5.81 0 0 0 17.65 14h2.1c-.467 1.767-1.417 3.208-2.85 4.325S13.833 20 12 20z"
   })));
 };
-var ForwardRef$D = /*#__PURE__*/forwardRef(SvgActionLockFill);
+var ForwardRef$D = /*#__PURE__*/forwardRef(SvgNavigationRefreshOutline);
 
-var _path$C, _path2$4;
+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 SvgTableGroupColumnLeftFill = function SvgTableGroupColumnLeftFill(props, ref) {
+var SvgActionLockFill = function SvgActionLockFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$C({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -382,18 +365,16 @@ var SvgTableGroupColumnLeftFill = function SvgTableGroupColumnLeftFill(props, re
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$C || (_path$C = /*#__PURE__*/React.createElement("path", {
-    d: "M5 3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h6V3H5z"
-  })), _path2$4 || (_path2$4 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M13 21V3h6a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-6zm2-16h4v14h-4V5z",
+    d: "M12 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM7 9V7a5 5 0 0 1 10 0v2h1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V11a2 2 0 0 1 2-2h1zm2 0h6V7a3 3 0 1 0-6 0v2z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$C = /*#__PURE__*/forwardRef(SvgTableGroupColumnLeftFill);
+var ForwardRef$C = /*#__PURE__*/forwardRef(SvgActionLockFill);
 
-var _path$B, _path2$3;
+var _path$B, _path2$4;
 function _extends$B() { return _extends$B = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$B.apply(null, arguments); }
-var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props, ref) {
+var SvgTableGroupColumnLeftFill = function SvgTableGroupColumnLeftFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$B({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -401,18 +382,18 @@ var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props,
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$B || (_path$B = /*#__PURE__*/React.createElement("path", {
-    d: "M13 3h6a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-6V3z"
-  })), _path2$3 || (_path2$3 = /*#__PURE__*/React.createElement("path", {
+    d: "M5 3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h6V3H5z"
+  })), _path2$4 || (_path2$4 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M9 5H5v14h4V5zM5 3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h6V3H5z",
+    d: "M13 21V3h6a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-6zm2-16h4v14h-4V5z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$B = /*#__PURE__*/forwardRef(SvgTableGroupColumnRightFill);
+var ForwardRef$B = /*#__PURE__*/forwardRef(SvgTableGroupColumnLeftFill);
 
-var _path$A;
+var _path$A, _path2$3;
 function _extends$A() { return _extends$A = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$A.apply(null, arguments); }
-var SvgTableSwapOutline = function SvgTableSwapOutline(props, ref) {
+var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$A({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -420,14 +401,18 @@ var SvgTableSwapOutline = function SvgTableSwapOutline(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$A || (_path$A = /*#__PURE__*/React.createElement("path", {
-    d: "M7 6.825V20h2V6.825L10.6 8.4 12 7 8 3 4 7l1.4 1.4L7 6.825zm10 10.35V4h-2v13.175L13.4 15.6 12 17l4 4 4-4-1.4-1.4-1.6 1.575z"
+    d: "M13 3h6a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-6V3z"
+  })), _path2$3 || (_path2$3 = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M9 5H5v14h4V5zM5 3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h6V3H5z",
+    clipRule: "evenodd"
   })));
 };
-var ForwardRef$A = /*#__PURE__*/forwardRef(SvgTableSwapOutline);
+var ForwardRef$A = /*#__PURE__*/forwardRef(SvgTableGroupColumnRightFill);
 
 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 SvgContentFiltrationFill = function SvgContentFiltrationFill(props, ref) {
+var SvgTableSwapOutline = function SvgTableSwapOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$z({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -435,14 +420,14 @@ var SvgContentFiltrationFill = function SvgContentFiltrationFill(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$z || (_path$z = /*#__PURE__*/React.createElement("path", {
-    d: "M14 13v8l-4-2v-6L2.95 4h18.1L14 13z"
+    d: "M7 6.825V20h2V6.825L10.6 8.4 12 7 8 3 4 7l1.4 1.4L7 6.825zm10 10.35V4h-2v13.175L13.4 15.6 12 17l4 4 4-4-1.4-1.4-1.6 1.575z"
   })));
 };
-var ForwardRef$z = /*#__PURE__*/forwardRef(SvgContentFiltrationFill);
+var ForwardRef$z = /*#__PURE__*/forwardRef(SvgTableSwapOutline);
 
 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 SvgNavigationChevronUpOutline = function SvgNavigationChevronUpOutline(props, ref) {
+var SvgContentFiltrationFill = function SvgContentFiltrationFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$y({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -450,14 +435,14 @@ var SvgNavigationChevronUpOutline = function SvgNavigationChevronUpOutline(props
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$y || (_path$y = /*#__PURE__*/React.createElement("path", {
-    d: "M18.586 15.914 20 14.5l-8-8-8 8 1.414 1.414L12 9.328l6.586 6.586z"
+    d: "M14 13v8l-4-2v-6L2.95 4h18.1L14 13z"
   })));
 };
-var ForwardRef$y = /*#__PURE__*/forwardRef(SvgNavigationChevronUpOutline);
+var ForwardRef$y = /*#__PURE__*/forwardRef(SvgContentFiltrationFill);
 
 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 SvgNavigationCollapseAllOutline = function SvgNavigationCollapseAllOutline(props, ref) {
+var SvgNavigationChevronUpOutline = function SvgNavigationChevronUpOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$x({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -465,14 +450,14 @@ var SvgNavigationCollapseAllOutline = function SvgNavigationCollapseAllOutline(p
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$x || (_path$x = /*#__PURE__*/React.createElement("path", {
-    d: "M16.5 4.414 15.086 3 12 6.086 8.914 3 7.5 4.414l4.5 4.5 4.5-4.5zM9 13v-2h6v2H9zm6.086 8 1.414-1.414-4.5-4.5-4.5 4.5L8.914 21 12 17.914 15.086 21z"
+    d: "M18.586 15.914 20 14.5l-8-8-8 8 1.414 1.414L12 9.328l6.586 6.586z"
   })));
 };
-var ForwardRef$x = /*#__PURE__*/forwardRef(SvgNavigationCollapseAllOutline);
+var ForwardRef$x = /*#__PURE__*/forwardRef(SvgNavigationChevronUpOutline);
 
 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 SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props, ref) {
+var SvgNavigationCollapseAllOutline = function SvgNavigationCollapseAllOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$w({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -480,14 +465,14 @@ var SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$w || (_path$w = /*#__PURE__*/React.createElement("path", {
-    d: "m16.5 7.5-1.414 1.414L12 5.828 8.914 8.914 7.5 7.5 12 3l4.5 4.5zM9 13v-2h6v2H9zm6.086 2.086L16.5 16.5 12 21l-4.5-4.5 1.414-1.414L12 18.17l3.086-3.085z"
+    d: "M16.5 4.414 15.086 3 12 6.086 8.914 3 7.5 4.414l4.5 4.5 4.5-4.5zM9 13v-2h6v2H9zm6.086 8 1.414-1.414-4.5-4.5-4.5 4.5L8.914 21 12 17.914 15.086 21z"
   })));
 };
-var ForwardRef$w = /*#__PURE__*/forwardRef(SvgNavigationExpandAllOutline);
+var ForwardRef$w = /*#__PURE__*/forwardRef(SvgNavigationCollapseAllOutline);
 
 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 SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
+var SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$v({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -495,14 +480,14 @@ var SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$v || (_path$v = /*#__PURE__*/React.createElement("path", {
-    d: "m9.25 22-.4-3.2a3.771 3.771 0 0 1-.612-.3 8.194 8.194 0 0 1-.563-.375L4.7 19.375l-2.75-4.75 2.575-1.95a2.39 2.39 0 0 1-.025-.338v-.675c0-.108.009-.22.025-.337L1.95 9.375l2.75-4.75 2.975 1.25c.184-.133.375-.258.575-.375.2-.117.4-.217.6-.3l.4-3.2h5.5l.4 3.2c.217.083.421.183.613.3.191.117.379.242.562.375l2.975-1.25 2.75 4.75-2.575 1.95c.017.117.025.229.025.337v.675c0 .109-.017.221-.05.338l2.575 1.95-2.75 4.75-2.95-1.25a6.826 6.826 0 0 1-.575.375c-.2.117-.4.217-.6.3l-.4 3.2h-5.5zm2.8-6.5c.967 0 1.792-.342 2.475-1.025A3.372 3.372 0 0 0 15.55 12c0-.967-.341-1.792-1.025-2.475A3.372 3.372 0 0 0 12.05 8.5c-.983 0-1.813.342-2.488 1.025A3.394 3.394 0 0 0 8.55 12c0 .967.338 1.792 1.012 2.475.676.683 1.505 1.025 2.488 1.025z"
+    d: "m16.5 7.5-1.414 1.414L12 5.828 8.914 8.914 7.5 7.5 12 3l4.5 4.5zM9 13v-2h6v2H9zm6.086 2.086L16.5 16.5 12 21l-4.5-4.5 1.414-1.414L12 18.17l3.086-3.085z"
   })));
 };
-var ForwardRef$v = /*#__PURE__*/forwardRef(SvgActionSettingsFill);
+var ForwardRef$v = /*#__PURE__*/forwardRef(SvgNavigationExpandAllOutline);
 
 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 SvgNavigationChevronLeftOutline = function SvgNavigationChevronLeftOutline(props, ref) {
+var SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -510,14 +495,14 @@ var SvgNavigationChevronLeftOutline = function SvgNavigationChevronLeftOutline(p
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$u || (_path$u = /*#__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"
+    d: "m9.25 22-.4-3.2a3.771 3.771 0 0 1-.612-.3 8.194 8.194 0 0 1-.563-.375L4.7 19.375l-2.75-4.75 2.575-1.95a2.39 2.39 0 0 1-.025-.338v-.675c0-.108.009-.22.025-.337L1.95 9.375l2.75-4.75 2.975 1.25c.184-.133.375-.258.575-.375.2-.117.4-.217.6-.3l.4-3.2h5.5l.4 3.2c.217.083.421.183.613.3.191.117.379.242.562.375l2.975-1.25 2.75 4.75-2.575 1.95c.017.117.025.229.025.337v.675c0 .109-.017.221-.05.338l2.575 1.95-2.75 4.75-2.95-1.25a6.826 6.826 0 0 1-.575.375c-.2.117-.4.217-.6.3l-.4 3.2h-5.5zm2.8-6.5c.967 0 1.792-.342 2.475-1.025A3.372 3.372 0 0 0 15.55 12c0-.967-.341-1.792-1.025-2.475A3.372 3.372 0 0 0 12.05 8.5c-.983 0-1.813.342-2.488 1.025A3.394 3.394 0 0 0 8.55 12c0 .967.338 1.792 1.012 2.475.676.683 1.505 1.025 2.488 1.025z"
   })));
 };
-var ForwardRef$u = /*#__PURE__*/forwardRef(SvgNavigationChevronLeftOutline);
+var ForwardRef$u = /*#__PURE__*/forwardRef(SvgActionSettingsFill);
 
 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 SvgNavigationChevronRightOutline = function SvgNavigationChevronRightOutline(props, ref) {
+var SvgNavigationChevronLeftOutline = function SvgNavigationChevronLeftOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$t({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -525,14 +510,14 @@ var SvgNavigationChevronRightOutline = function SvgNavigationChevronRightOutline
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$t || (_path$t = /*#__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"
+    d: "M15.914 5.414 14.5 4l-8 8 8 8 1.414-1.414L9.328 12l6.586-6.586z"
   })));
 };
-var ForwardRef$t = /*#__PURE__*/forwardRef(SvgNavigationChevronRightOutline);
+var ForwardRef$t = /*#__PURE__*/forwardRef(SvgNavigationChevronLeftOutline);
 
 var _path$s;
 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 SvgActionAddOutline = function SvgActionAddOutline(props, ref) {
+var SvgNavigationChevronRightOutline = function SvgNavigationChevronRightOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$s({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -540,14 +525,14 @@ var SvgActionAddOutline = function SvgActionAddOutline(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$s || (_path$s = /*#__PURE__*/React.createElement("path", {
-    d: "M13.286 3h-2.572v7.714H3v2.572h7.714V21h2.572v-7.714H21v-2.572h-7.714V3z"
+    d: "M8.086 18.586 9.5 20l8-8-8-8-1.414 1.414L14.672 12l-6.586 6.586z"
   })));
 };
-var ForwardRef$s = /*#__PURE__*/forwardRef(SvgActionAddOutline);
+var ForwardRef$s = /*#__PURE__*/forwardRef(SvgNavigationChevronRightOutline);
 
 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 SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
+var SvgActionAddOutline = function SvgActionAddOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$r({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -555,14 +540,14 @@ var SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$r || (_path$r = /*#__PURE__*/React.createElement("path", {
-    d: "m2 12 3.077-3.2 4.615 4.8L18.923 4 22 7.2 9.692 20 2 12z"
+    d: "M13.286 3h-2.572v7.714H3v2.572h7.714V21h2.572v-7.714H21v-2.572h-7.714V3z"
   })));
 };
-var ForwardRef$r = /*#__PURE__*/forwardRef(SvgNotificationDoneFill);
+var ForwardRef$r = /*#__PURE__*/forwardRef(SvgActionAddOutline);
 
 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 SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
+var SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$q({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -570,14 +555,14 @@ var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$q || (_path$q = /*#__PURE__*/React.createElement("path", {
-    d: "M12 19a7 7 0 1 0 0-14 7 7 0 0 0 0 14z"
+    d: "m2 12 3.077-3.2 4.615 4.8L18.923 4 22 7.2 9.692 20 2 12z"
   })));
 };
-var ForwardRef$q = /*#__PURE__*/forwardRef(SvgRadioDotFill);
+var ForwardRef$q = /*#__PURE__*/forwardRef(SvgNotificationDoneFill);
 
 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 SvgNotificationHelpFill = function SvgNotificationHelpFill(props, ref) {
+var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$p({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -585,14 +570,14 @@ var SvgNotificationHelpFill = function SvgNotificationHelpFill(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$p || (_path$p = /*#__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"
+    d: "M12 19a7 7 0 1 0 0-14 7 7 0 0 0 0 14z"
   })));
 };
-var ForwardRef$p = /*#__PURE__*/forwardRef(SvgNotificationHelpFill);
+var ForwardRef$p = /*#__PURE__*/forwardRef(SvgRadioDotFill);
 
 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 SvgNotificationCheckFill = function SvgNotificationCheckFill(props, ref) {
+var SvgNotificationHelpFill = function SvgNotificationHelpFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$o({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -600,14 +585,14 @@ var SvgNotificationCheckFill = function SvgNotificationCheckFill(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$o || (_path$o = /*#__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"
+    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$o = /*#__PURE__*/forwardRef(SvgNotificationCheckFill);
+var ForwardRef$o = /*#__PURE__*/forwardRef(SvgNotificationHelpFill);
 
 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 SvgNotificationWarningFill = function SvgNotificationWarningFill(props, ref) {
+var SvgNotificationCheckFill = function SvgNotificationCheckFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$n({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -615,14 +600,14 @@ var SvgNotificationWarningFill = function SvgNotificationWarningFill(props, ref)
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$n || (_path$n = /*#__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"
+    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$n = /*#__PURE__*/forwardRef(SvgNotificationWarningFill);
+var ForwardRef$n = /*#__PURE__*/forwardRef(SvgNotificationCheckFill);
 
 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 SvgNotificationErrorFill = function SvgNotificationErrorFill(props, ref) {
+var SvgNotificationWarningFill = function SvgNotificationWarningFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -630,14 +615,14 @@ var SvgNotificationErrorFill = function SvgNotificationErrorFill(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$m || (_path$m = /*#__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"
+    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$m = /*#__PURE__*/forwardRef(SvgNotificationErrorFill);
+var ForwardRef$m = /*#__PURE__*/forwardRef(SvgNotificationWarningFill);
 
 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 SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
+var SvgNotificationErrorFill = function SvgNotificationErrorFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$l({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -645,14 +630,14 @@ var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$l || (_path$l = /*#__PURE__*/React.createElement("path", {
-    d: "M9 3v1H4v2h1v13a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6h1V4h-5V3H9zM7 6h10v13H7V6zm2 2v9h2V8H9zm4 0v9h2V8h-2z"
+    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$l = /*#__PURE__*/forwardRef(SvgActionDeleteOutline);
+var ForwardRef$l = /*#__PURE__*/forwardRef(SvgNotificationErrorFill);
 
 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 SvgFileFileWordFill = function SvgFileFileWordFill(props, ref) {
+var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$k({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -660,16 +645,14 @@ var SvgFileFileWordFill = function SvgFileFileWordFill(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$k || (_path$k = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm1.2 18h-1.4L12 13.2 10.2 20H8.8l-2.2-9h1.5l1.4 6.8 1.8-6.8h1.3l1.8 6.8 1.4-6.8h1.5l-2.1 9zM13 9V3.5L18.5 9H13z",
-    clipRule: "evenodd"
+    d: "M9 3v1H4v2h1v13a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6h1V4h-5V3H9zM7 6h10v13H7V6zm2 2v9h2V8H9zm4 0v9h2V8h-2z"
   })));
 };
-var ForwardRef$k = /*#__PURE__*/forwardRef(SvgFileFileWordFill);
+var ForwardRef$k = /*#__PURE__*/forwardRef(SvgActionDeleteOutline);
 
-var _path$j;
+var _path$j, _path2$2;
 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 SvgFileFileExcelFill = function SvgFileFileExcelFill(props, ref) {
+var SvgContentLinkOutline = function SvgContentLinkOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$j({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -677,16 +660,16 @@ var SvgFileFileExcelFill = function SvgFileFileExcelFill(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$j || (_path$j = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm1.8 18H14l-2-3.4-2 3.4H8.2l2.9-4.5L8.2 11H10l2 3.4 2-3.4h1.8l-2.9 4.5 2.9 4.5zM13 9V3.5L18.5 9H13z",
-    clipRule: "evenodd"
+    d: "M12 4.93A5 5 0 0 1 19.07 12l-1.06 1.06c.12-.85.022-1.725-.295-2.534a3 3 0 0 0-4.302-4.182l-2.828 2.828a3 3 0 0 0-.07 4.17l.07.073-1.415 1.414a5 5 0 0 1 0-7.071L12 4.929z"
+  })), _path2$2 || (_path2$2 = /*#__PURE__*/React.createElement("path", {
+    d: "m4.93 12 .989-.99a5.018 5.018 0 0 0 .297 2.54 3 3 0 0 0 4.37 4.107l2.829-2.828a3 3 0 0 0-.828-4.83l1.464-1.463a5 5 0 0 1 .778 7.707L12 19.071a5 5 0 0 1-7.07-7.07z"
   })));
 };
-var ForwardRef$j = /*#__PURE__*/forwardRef(SvgFileFileExcelFill);
+var ForwardRef$j = /*#__PURE__*/forwardRef(SvgContentLinkOutline);
 
 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 SvgFileFilePdfFill = function SvgFileFilePdfFill(props, ref) {
+var SvgContentEditFill = function SvgContentEditFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$i({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -694,16 +677,14 @@ var SvgFileFilePdfFill = function SvgFileFilePdfFill(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$i || (_path$i = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M13 9h5.5L13 3.5V9zM6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zm4.1 9.4c-.02.04-.29 1.76-2.1 4.69 0 0-3.5 1.82-2.67 3.18.67 1.08 2.32-.04 3.74-2.68 0 0 1.82-.64 4.24-.82 0 0 3.86 1.73 4.39-.11.52-1.86-3.06-1.44-3.7-1.25 0 0-2-1.35-2.5-3.21 0 0 1.14-3.95-.61-3.9-1.75.05-1.09 3.13-.79 4.1zm.81 1.04c.03.01.47 1.21 1.89 2.46 0 0-2.33.46-3.39.9 0 0 1-1.73 1.5-3.36zm3.93 2.72c.58-.16 2.33.15 2.26.48-.06.33-2.26-.48-2.26-.48zM7.77 17c-.53 1.24-1.44 2-1.67 2-.23 0 .7-1.6 1.67-2zm3.14-6.93c0-.07-.36-2.2 0-2.15.54.08 0 2.08 0 2.15z",
-    clipRule: "evenodd"
+    d: "m19.3 8.925-4.25-4.2 1.4-1.4a1.92 1.92 0 0 1 1.413-.575 1.92 1.92 0 0 1 1.412.575l1.4 1.4c.383.383.583.846.6 1.388a1.806 1.806 0 0 1-.55 1.387L19.3 8.925zM17.85 10.4 7.25 21H3v-4.25l10.6-10.6 4.25 4.25z"
   })));
 };
-var ForwardRef$i = /*#__PURE__*/forwardRef(SvgFileFilePdfFill);
+var ForwardRef$i = /*#__PURE__*/forwardRef(SvgContentEditFill);
 
 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 SvgFileFileImageFill = function SvgFileFileImageFill(props, ref) {
+var SvgActionCopyContentOutline = function SvgActionCopyContentOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$h({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -712,15 +693,15 @@ var SvgFileFileImageFill = function SvgFileFileImageFill(props, ref) {
     ref: ref
   }, props), _path$h || (_path$h = /*#__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: "M19 19H9V9h10M9 7a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2H9zm5-4H5a2 2 0 0 0-2 2v9h2V5h9V3z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$h = /*#__PURE__*/forwardRef(SvgFileFileImageFill);
+var ForwardRef$h = /*#__PURE__*/forwardRef(SvgActionCopyContentOutline);
 
-var _path$g, _path2$2;
+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 SvgFileFileVideoFill = function SvgFileFileVideoFill(props, ref) {
+var SvgContentEditUndoOutline = function SvgContentEditUndoOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$g({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -728,18 +709,14 @@ var SvgFileFileVideoFill = function SvgFileFileVideoFill(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$g || (_path$g = /*#__PURE__*/React.createElement("path", {
-    d: "M14.992 14 9.5 17.138v-6.276L14.992 14z"
-  })), _path2$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",
-    clipRule: "evenodd"
+    d: "M22.5 15a8.71 8.71 0 0 0-.712-3.513 9.158 9.158 0 0 0-1.926-2.85 9.152 9.152 0 0 0-2.85-1.925A8.709 8.709 0 0 0 13.5 6a8.71 8.71 0 0 0-3.513.712 9.167 9.167 0 0 0-2.85 1.925 9.154 9.154 0 0 0-1.924 2.85A8.705 8.705 0 0 0 4.5 15v.15L2.95 13.6 1.5 15l4 4 4-4-1.45-1.4-1.55 1.55V15c0-1.95.679-3.604 2.037-4.962C9.896 8.679 11.55 8 13.5 8c1.95 0 3.604.68 4.962 2.038C19.821 11.396 20.5 13.05 20.5 15h2z"
   })));
 };
-var ForwardRef$g = /*#__PURE__*/forwardRef(SvgFileFileVideoFill);
+var ForwardRef$g = /*#__PURE__*/forwardRef(SvgContentEditUndoOutline);
 
 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 SvgFileFileTableFill = function SvgFileFileTableFill(props, ref) {
+var SvgActionSaveOutline = function SvgActionSaveOutline(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$f({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -747,16 +724,14 @@ var SvgFileFileTableFill = function SvgFileFileTableFill(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$f || (_path$f = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm-4 17H7v-2h3v2zm0-3H7v-2h3v2zm0-3H7v-2h3v2zm4 6h-3v-2h3v2zm0-3h-3v-2h3v2zm0-3h-3v-2h3v2zm-1-4V3.5L18.5 9H13z",
-    clipRule: "evenodd"
+    d: "M17 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm2 16H5V5h11.17L19 7.83V19zm-7-7c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3zM6 6h9v4H6V6z"
   })));
 };
-var ForwardRef$f = /*#__PURE__*/forwardRef(SvgFileFileTableFill);
+var ForwardRef$f = /*#__PURE__*/forwardRef(SvgActionSaveOutline);
 
 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 SvgFileFileTextFill = function SvgFileFileTextFill(props, ref) {
+var SvgFileFileWordFill = function SvgFileFileWordFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$e({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -765,15 +740,15 @@ var SvgFileFileTextFill = function SvgFileFileTextFill(props, ref) {
     ref: ref
   }, props), _path$e || (_path$e = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M13 9h5.5L13 3.5V9zM6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2zm9 16v-2H6v2h9zm3-4v-2H6v2h12z",
+    d: "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$e = /*#__PURE__*/forwardRef(SvgFileFileTextFill);
+var ForwardRef$e = /*#__PURE__*/forwardRef(SvgFileFileWordFill);
 
 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 SvgFileFileEmlFill = function SvgFileFileEmlFill(props, ref) {
+var SvgFileFileExcelFill = function SvgFileFileExcelFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -782,15 +757,15 @@ var SvgFileFileEmlFill = function SvgFileFileEmlFill(props, ref) {
     ref: ref
   }, props), _path$d || (_path$d = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M4 4c0-1.11.89-2 2-2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4zm9-.5V9h5.5L13 3.5zM7 18v-4.732l5 3.333 5-3.333V18a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1zm5-2.6 4.688-3.126A.997.997 0 0 0 16 12H8a.997.997 0 0 0-.688.274L12 15.399z",
+    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$d = /*#__PURE__*/forwardRef(SvgFileFileEmlFill);
+var ForwardRef$d = /*#__PURE__*/forwardRef(SvgFileFileExcelFill);
 
 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 SvgFileFileFill = function SvgFileFileFill(props, ref) {
+var SvgFileFilePdfFill = function SvgFileFilePdfFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$c({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -798,57 +773,161 @@ var SvgFileFileFill = function SvgFileFileFill(props, ref) {
     viewBox: "0 0 24 24",
     ref: ref
   }, props), _path$c || (_path$c = /*#__PURE__*/React.createElement("path", {
-    d: "M6 22c-.55 0-1.02-.196-1.412-.587A1.927 1.927 0 0 1 4 20V4c0-.55.196-1.021.588-1.413A1.925 1.925 0 0 1 6 2h8l6 6v12a1.93 1.93 0 0 1-.587 1.413A1.928 1.928 0 0 1 18 22H6zm7-13h5l-5-5v5z"
+    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$c = /*#__PURE__*/forwardRef(SvgFileFileFill);
+var ForwardRef$c = /*#__PURE__*/forwardRef(SvgFileFilePdfFill);
 
 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) {
+var SvgFileFileImageFill = function SvgFileFileImageFill(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$b({
+    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$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"
+    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$b = /*#__PURE__*/forwardRef(SvgStarFilled);
+var ForwardRef$b = /*#__PURE__*/forwardRef(SvgFileFileImageFill);
 
 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) {
+var SvgFileFileVideoFill = function SvgFileFileVideoFill(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: "M14.992 14 9.5 17.138v-6.276L14.992 14z"
+  })), _path2$1 || (_path2$1 = /*#__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",
+    clipRule: "evenodd"
+  })));
+};
+var ForwardRef$a = /*#__PURE__*/forwardRef(SvgFileFileVideoFill);
+
+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); }
+var SvgFileFileTableFill = function SvgFileFileTableFill(props, ref) {
+  return /*#__PURE__*/React.createElement("svg", _extends$9({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    ref: ref
+  }, props), _path$9 || (_path$9 = /*#__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$9 = /*#__PURE__*/forwardRef(SvgFileFileTableFill);
+
+var _path$8;
+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 SvgFileFileTextFill = function SvgFileFileTextFill(props, ref) {
+  return /*#__PURE__*/React.createElement("svg", _extends$8({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    ref: ref
+  }, props), _path$8 || (_path$8 = /*#__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$8 = /*#__PURE__*/forwardRef(SvgFileFileTextFill);
+
+var _path$7;
+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 SvgFileFileEmlFill = function SvgFileFileEmlFill(props, ref) {
+  return /*#__PURE__*/React.createElement("svg", _extends$7({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    ref: ref
+  }, props), _path$7 || (_path$7 = /*#__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$7 = /*#__PURE__*/forwardRef(SvgFileFileEmlFill);
+
+var _path$6;
+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 SvgFileFileFill = function SvgFileFileFill(props, ref) {
+  return /*#__PURE__*/React.createElement("svg", _extends$6({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    ref: ref
+  }, props), _path$6 || (_path$6 = /*#__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$6 = /*#__PURE__*/forwardRef(SvgFileFileFill);
+
+var _path$5;
+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 SvgStarFilled = function SvgStarFilled(props, ref) {
+  return /*#__PURE__*/React.createElement("svg", _extends$5({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    ref: ref
+  }, props), _path$5 || (_path$5 = /*#__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$5 = /*#__PURE__*/forwardRef(SvgStarFilled);
+
+var _path$4, _path2;
+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 SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
+  return /*#__PURE__*/React.createElement("svg", _extends$4({
     width: 66,
     height: 67,
     viewBox: "0 0 66 67",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
-  }, props), _path$a || (_path$a = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$4 || (_path$4 = /*#__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", {
+  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "m42.31 40.335 7.165 7.165L47 49.975l-7.165-7.165a13.94 13.94 0 0 1-8.585 2.94c-7.732 0-14-6.268-14-14s6.268-14 14-14 14 6.268 14 14a13.94 13.94 0 0 1-2.94 8.585ZM31.25 42.25c5.799 0 10.5-4.701 10.5-10.5s-4.701-10.5-10.5-10.5-10.5 4.701-10.5 10.5 4.701 10.5 10.5 10.5Z",
     fill: "#6C6F80"
   })));
 };
-var ForwardRef$a = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
+var ForwardRef$4 = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
 
-var css$1x = {"root":"YepjSt","uui-spinner":"_-2A2te","uuiSpinner":"_-2A2te"};
+var css$1x = {"root":"uBNZpV","uui-spinner":"SfDTyZ","uuiSpinner":"SfDTyZ"};
 
 function applySpinnerMods() {
     return [css$1x.root, 'uui-spinner'];
 }
 const Spinner = /* @__PURE__ */withMods(Spinner$1, applySpinnerMods);
 
-var css$1w = {"root":"_11zUni","loading-word":"VZgSaF","loadingWord":"VZgSaF","animated-loading":"Gf1l-k","animatedLoading":"Gf1l-k","skeleton_loading":"QzpeOQ","skeletonLoading":"QzpeOQ"};
+var css$1w = {"root":"xQeFqx","loading-word":"_7Hrerr","loadingWord":"_7Hrerr","animated-loading":"hzTjMj","animatedLoading":"hzTjMj","skeleton_loading":"KR0cii","skeletonLoading":"KR0cii"};
 
 const TextPlaceholder = (props) => {
     const pattern = '&nbsp;';
@@ -865,7 +944,7 @@ const TextPlaceholder = (props) => {
         ]), dangerouslySetInnerHTML: { __html: it } })))));
 };
 
-var css$1v = {"root":"rHoq0Y","line-height":"Xs0pQg","lineHeight":"Xs0pQg","font-size":"ZHfxub","fontSize":"ZHfxub"};
+var css$1v = {"root":"_5kWH8P","line-height":"EjS9gG","lineHeight":"EjS9gG","font-size":"_2CukI-","fontSize":"_2CukI-"};
 
 function applyTextMods(mods) {
     return [
@@ -894,16 +973,16 @@ const Text = /* @__PURE__ */withMods(uuiComponents.Text, applyTextMods, (props)
 
 const accordionSettings = {
     icons: {
-        dropdownIcon: ForwardRef$Q,
+        dropdownIcon: ForwardRef$P,
     },
 };
 const alertSettings = {
     icons: {
-        closeIcon: ForwardRef$R,
-        infoIcon: ForwardRef$K,
-        successIcon: ForwardRef$o,
-        warningIcon: ForwardRef$n,
-        errorIcon: ForwardRef$m,
+        closeIcon: ForwardRef$Q,
+        infoIcon: ForwardRef$J,
+        successIcon: ForwardRef$n,
+        warningIcon: ForwardRef$m,
+        errorIcon: ForwardRef$l,
     },
     sizes: {
         default: '48',
@@ -915,7 +994,7 @@ const alertSettings = {
 };
 const badgeSettings = {
     icons: {
-        dropdownIcon: ForwardRef$Q,
+        dropdownIcon: ForwardRef$P,
     },
     sizes: {
         default: '36',
@@ -931,8 +1010,8 @@ const badgeSettings = {
 };
 const buttonSettings = {
     icons: {
-        clearIcon: ForwardRef$R,
-        dropdownIcon: ForwardRef$Q,
+        clearIcon: ForwardRef$Q,
+        dropdownIcon: ForwardRef$P,
     },
     sizes: {
         default: '36',
@@ -940,8 +1019,8 @@ const buttonSettings = {
 };
 const checkboxSettings = {
     icons: {
-        checkIcon: ForwardRef$P,
-        indeterminateIcon: ForwardRef$O,
+        checkIcon: ForwardRef$O,
+        indeterminateIcon: ForwardRef$N,
     },
     sizes: {
         default: '18',
@@ -956,30 +1035,30 @@ const dataTableSettings = {
     renderPlaceholder: (props) => React__default.createElement(Text, { size: props.rowSize },
         React__default.createElement(TextPlaceholder, null)),
     icons: {
-        emptyTable: ForwardRef$J,
+        emptyTable: ForwardRef$I,
         header: {
-            configIcon: ForwardRef$v,
-            ascSortIcon: ForwardRef$I,
-            descSortIcon: ForwardRef$H,
-            defaultSortIcon: ForwardRef$A,
-            filterIcon: ForwardRef$z,
-            dropdownIcon: ForwardRef$Q,
-            openedDropdownIcon: ForwardRef$y,
-            foldIcon: ForwardRef$x,
-            unfoldIcon: ForwardRef$w,
+            configIcon: ForwardRef$u,
+            ascSortIcon: ForwardRef$H,
+            descSortIcon: ForwardRef$G,
+            defaultSortIcon: ForwardRef$z,
+            filterIcon: ForwardRef$y,
+            dropdownIcon: ForwardRef$P,
+            openedDropdownIcon: ForwardRef$x,
+            foldIcon: ForwardRef$w,
+            unfoldIcon: ForwardRef$v,
         },
         body: {
-            foldingIcon: ForwardRef$Q,
+            foldingIcon: ForwardRef$P,
         },
         columnsConfigurationModal: {
-            dragIndicator: ForwardRef$G,
-            lockIcon: ForwardRef$D,
-            pinLeftIcon: ForwardRef$C,
-            pinRightIcon: ForwardRef$B,
-            collapsedIcon: ForwardRef$t,
-            expandedIcon: ForwardRef$Q,
-            menuIcon: ForwardRef$F,
-            resetIcon: ForwardRef$E,
+            dragIndicator: ForwardRef$F,
+            lockIcon: ForwardRef$C,
+            pinLeftIcon: ForwardRef$B,
+            pinRightIcon: ForwardRef$A,
+            collapsedIcon: ForwardRef$s,
+            expandedIcon: ForwardRef$P,
+            menuIcon: ForwardRef$E,
+            resetIcon: ForwardRef$D,
         },
     },
     sizes: {
@@ -1036,18 +1115,18 @@ const dataTableSettings = {
 };
 const dropdownMenuSettings = {
     icons: {
-        acceptIcon: ForwardRef$P,
-        dropdownIcon: ForwardRef$Q,
+        acceptIcon: ForwardRef$O,
+        dropdownIcon: ForwardRef$P,
     },
 };
 const datePickerSettings = {
     icons: {
         body: {
-            prevIcon: ForwardRef$u,
-            nextIcon: ForwardRef$t,
+            prevIcon: ForwardRef$t,
+            nextIcon: ForwardRef$s,
         },
         input: {
-            calendarIcon: ForwardRef$M,
+            calendarIcon: ForwardRef$L,
         },
     },
     sizes: {
@@ -1057,17 +1136,17 @@ const datePickerSettings = {
 };
 const fileCardSettings = {
     icons: {
-        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,
+        docIcon: ForwardRef$e,
+        exelIcon: ForwardRef$d,
+        pdfIcon: ForwardRef$c,
+        imgIcon: ForwardRef$b,
+        videoIcon: ForwardRef$a,
+        tableIcon: ForwardRef$9,
+        textIcon: ForwardRef$8,
+        mailIcon: ForwardRef$7,
+        fileIcon: ForwardRef$6,
+        closeIcon: ForwardRef$Q,
+        errorIcon: ForwardRef$l,
     },
 };
 const flexRowSettings = {
@@ -1076,13 +1155,15 @@ const flexRowSettings = {
     },
 };
 const filtersPanelSettings = {
+    renderPlaceholder: () => React__default.createElement(TextPlaceholder, null),
     icons: {
-        addFilterIcon: ForwardRef$s,
-        itemDropdownIcon: ForwardRef$Q,
-        pickerBodyRemoveIcon: ForwardRef$l,
+        addFilterIcon: ForwardRef$r,
+        itemDropdownIcon: ForwardRef$P,
+        pickerBodyRemoveIcon: ForwardRef$k,
     },
     sizes: {
         default: '36',
+        footerLinkButton: '36',
         mobileFooterLinkButton: '48',
         pickerBodyMultiSwitch: '24',
         pickerBodyLinkButton: '24',
@@ -1092,13 +1173,13 @@ const filtersPanelSettings = {
 };
 const iconButtonSettings = {
     icons: {
-        dropdownIcon: ForwardRef$Q,
+        dropdownIcon: ForwardRef$P,
     },
 };
 const labeledInputSettings = {
     icons: {
-        infoIcon: ForwardRef$L,
-        fillInfoIcon: ForwardRef$K,
+        infoIcon: ForwardRef$K,
+        fillInfoIcon: ForwardRef$J,
     },
     sizes: {
         default: '36',
@@ -1106,7 +1187,7 @@ const labeledInputSettings = {
 };
 const linkButtonSettings = {
     icons: {
-        dropdownIcon: ForwardRef$Q,
+        dropdownIcon: ForwardRef$P,
     },
     sizes: {
         default: '36',
@@ -1115,24 +1196,25 @@ const linkButtonSettings = {
 };
 const modalSettings = {
     icons: {
-        closeIcon: ForwardRef$R,
+        closeIcon: ForwardRef$Q,
     },
 };
 const notificationCardSettings = {
     icons: {
-        closeIcon: ForwardRef$R,
-        hintIcon: ForwardRef$p,
-        successIcon: ForwardRef$o,
-        warningIcon: ForwardRef$n,
-        errorIcon: ForwardRef$m,
+        closeIcon: ForwardRef$Q,
+        hintIcon: ForwardRef$o,
+        successIcon: ForwardRef$n,
+        warningIcon: ForwardRef$m,
+        errorIcon: ForwardRef$l,
     },
     sizes: {
         action: '30',
+        icon: 24,
     },
 };
 const numericInputSettings = {
     icons: {
-        arrowIcon: ForwardRef$Q,
+        arrowIcon: ForwardRef$P,
     },
     sizes: {
         default: '36',
@@ -1140,8 +1222,8 @@ const numericInputSettings = {
 };
 const paginatorSettings = {
     icons: {
-        leftArrowIcon: ForwardRef$u,
-        rightArrowIcon: ForwardRef$t,
+        leftArrowIcon: ForwardRef$t,
+        rightArrowIcon: ForwardRef$s,
     },
     sizes: {
         default: '36',
@@ -1152,13 +1234,13 @@ const pickerInputSettings = {
         React__default.createElement(TextPlaceholder, null)),
     icons: {
         toggler: {
-            clearIcon: ForwardRef$R,
-            dropdownIcon: ForwardRef$Q,
+            clearIcon: ForwardRef$Q,
+            dropdownIcon: ForwardRef$P,
         },
         body: {
-            selectIcon: (size) => size < '30' ? ForwardRef$r : ForwardRef$P,
-            pickerBodyMobileHeaderCloseIcon: ForwardRef$R,
-            modalNotFoundSearchIcon: ForwardRef$a,
+            selectIcon: (size) => size < '30' ? ForwardRef$q : ForwardRef$O,
+            pickerBodyMobileHeaderCloseIcon: ForwardRef$Q,
+            modalNotFoundSearchIcon: ForwardRef$4,
         },
     },
     sizes: {
@@ -1222,9 +1304,26 @@ const pickerInputSettings = {
         },
     },
 };
+const presetsPanelSettings = {
+    icons: {
+        addIcon: ForwardRef$r,
+        copyIcon: ForwardRef$h,
+        copyLinkIcon: ForwardRef$j,
+        deleteIcon: ForwardRef$k,
+        discardChangesIcon: ForwardRef$g,
+        menuIcon: ForwardRef$E,
+        renameIcon: ForwardRef$i,
+        saveAsNewIcon: ForwardRef$f,
+        saveInCurrentIcon: ForwardRef$D,
+    },
+    sizes: {
+        tabButton: '60',
+        dropdownTargetIconButton: '18',
+    },
+};
 const radioInputSettings = {
     icons: {
-        dotIcon: ForwardRef$q,
+        dotIcon: ForwardRef$p,
     },
     sizes: {
         default: '18',
@@ -1233,7 +1332,7 @@ const radioInputSettings = {
 const rangeDatePickerSettings = {
     icons: {
         input: {
-            calendarIcon: ForwardRef$M,
+            calendarIcon: ForwardRef$L,
         },
     },
     sizes: {
@@ -1243,8 +1342,8 @@ const rangeDatePickerSettings = {
 };
 const ratingSettings = {
     icons: {
-        filledRatingIcon: ForwardRef$b,
-        emptyRatingIcon: ForwardRef$b,
+        filledRatingIcon: ForwardRef$5,
+        emptyRatingIcon: ForwardRef$5,
     },
     sizes: {
         default: 18,
@@ -1267,8 +1366,8 @@ const switchSettings = {
 };
 const tabButtonSettings = {
     icons: {
-        clearIcon: ForwardRef$R,
-        dropdownIcon: ForwardRef$Q,
+        clearIcon: ForwardRef$Q,
+        dropdownIcon: ForwardRef$P,
     },
     sizes: {
         default: '48',
@@ -1281,8 +1380,8 @@ const tabButtonSettings = {
 };
 const tagSettings = {
     icons: {
-        clearIcon: ForwardRef$R,
-        dropdownIcon: ForwardRef$Q,
+        clearIcon: ForwardRef$Q,
+        dropdownIcon: ForwardRef$P,
     },
     sizes: {
         default: '36',
@@ -1308,10 +1407,10 @@ const textAreaSettings = {
 };
 const textInputSettings = {
     icons: {
-        acceptIcon: ForwardRef$P,
-        clearIcon: ForwardRef$R,
-        dropdownIcon: ForwardRef$Q,
-        searchIcon: ForwardRef$N,
+        acceptIcon: ForwardRef$O,
+        clearIcon: ForwardRef$Q,
+        dropdownIcon: ForwardRef$P,
+        searchIcon: ForwardRef$M,
     },
     sizes: {
         default: '36',
@@ -1342,6 +1441,7 @@ const settings = {
     numericInput: numericInputSettings,
     paginator: paginatorSettings,
     pickerInput: pickerInputSettings,
+    presetsPanel: presetsPanelSettings,
     radioInput: radioInputSettings,
     rangeDatePicker: rangeDatePickerSettings,
     rating: ratingSettings,
@@ -1355,7 +1455,7 @@ const settings = {
     textInput: textInputSettings,
 };
 
-var css$1u = {"root":"_5ncz9V"};
+var css$1u = {"root":"OADag8"};
 
 function applyButtonMods(mods) {
     return [
@@ -1373,7 +1473,7 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
     };
 });
 
-var css$1t = {"root":"DEBURi"};
+var css$1t = {"root":"HSk8SZ"};
 
 function applyIconButtonMods(props) {
     return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1t.root];
@@ -1410,7 +1510,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":"eWfZ19"};
+var css$1s = {"root":"mwlI48"};
 
 const DEFAULT_COLOR = 'primary';
 const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
@@ -1440,7 +1540,7 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
         props.isDropdown && (React.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$1r = {"root":"IY9Fs-"};
+var css$1r = {"root":"QvcLcQ"};
 
 const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
@@ -1452,7 +1552,7 @@ const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
         ]) }, props.caption));
 });
 
-var css$1q = {"root":"CWeyNI","withNotify":"DXYItD"};
+var css$1q = {"root":"_-56kay","withNotify":"rI0xbX"};
 
 const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const styles = [
@@ -1480,14 +1580,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":"wiAK-H"};
+var css$1p = {"root":"KCQ6o3"};
 
 function applyVerticalTabButtonMods() {
     return [css$1p.root, 'uui-vertical-tab-button'];
 }
 const VerticalTabButton = /* @__PURE__ */withMods(TabButton, applyVerticalTabButtonMods);
 
-var css$1o = {"root":"B8Nvwm"};
+var css$1o = {"root":"_4Rn0QF"};
 
 function applyCheckboxMods(mods) {
     return [
@@ -1505,7 +1605,7 @@ const applyUUICheckboxProps = (props) => {
 };
 const Checkbox = /* @__PURE__ */withMods(uuiComponents.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
 
-var css$1n = {"root":"QddhrH"};
+var css$1n = {"root":"PEzKhN"};
 
 function applyRadioInputMods(mods) {
     return [
@@ -1517,7 +1617,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":"Ay8WVB"};
+var css$1m = {"root":"SgNphB"};
 
 function applySwitchMods(mods) {
     return [
@@ -1541,7 +1641,7 @@ var EditMode;
     EditMode["INLINE"] = "inline";
 })(EditMode || (EditMode = {}));
 
-var textInputCss = {"root":"PzChf4"};
+var textInputCss = {"root":"pqyPe0"};
 
 const DEFAULT_MODE$3 = EditMode.FORM;
 function applyTextInputMods(mods) {
@@ -1566,7 +1666,7 @@ const SearchInput = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         } }));
 });
 
-var css$1l = {"root":"_68gZKh"};
+var css$1l = {"root":"Cwv3tZ"};
 
 const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1l.root, 'uui-control-group']);
 
@@ -1582,7 +1682,7 @@ function MultiSwitchComponent(props, ref) {
 }
 const MultiSwitch = /* @__PURE__ */React.forwardRef(MultiSwitchComponent);
 
-var css$1k = {"root":"NHZn-S"};
+var css$1k = {"root":"rMdBgP"};
 
 const DEFAULT_MODE$2 = EditMode.FORM;
 function applyNumericInputMods(mods) {
@@ -1602,7 +1702,7 @@ const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMo
     };
 });
 
-var css$1j = {"root":"liz-Pc"};
+var css$1j = {"root":"zvxTpi"};
 
 const DEFAULT_MODE$1 = EditMode.FORM;
 function applyTextAreaMods(mods) {
@@ -1643,7 +1743,7 @@ function TREE_SHAKEABLE_INIT$1() {
     };
 }
 
-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"};
+var css$1i = {"root":"h-pR8A","main-path":"aQgTL6","mainPath":"aQgTL6","content-wrapper":"pGPbp9","contentWrapper":"pGPbp9","content":"_0Gb4KZ","action-wrapper":"vHm0p-","actionWrapper":"vHm0p-","icon-wrapper":"ClPEbG","iconWrapper":"ClPEbG","icon":"D3ywEa","close-icon":"eEV-CT","closeIcon":"eEV-CT"};
 
 const Alert = /* @__PURE__ */React.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 },
@@ -1661,7 +1761,7 @@ const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createE
 
 const Dropdown = /* @__PURE__ */withMods(Dropdown$1);
 
-var css$1h = {"root":"yrFYQk"};
+var css$1h = {"root":"nvf-os"};
 
 function applyDropdownContainerMods(mods) {
     return [
@@ -1672,7 +1772,7 @@ function applyDropdownContainerMods(mods) {
 }
 const DropdownContainer = /* @__PURE__ */withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
 
-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 css$1g = {"submenu-root-item-rtl":"DPQjb4","submenuRootItemRtl":"DPQjb4","icon-after":"q6WIlK","iconAfter":"q6WIlK","submenu-root-item":"RRAdJj","submenuRootItem":"RRAdJj","icon-check":"tzIW1v","iconCheck":"tzIW1v","splitter-root":"LF-G4p","splitterRoot":"LF-G4p","splitter":"liGrxD","header-root":"LBVShm","headerRoot":"LBVShm","item-root":"LXMMbo","itemRoot":"LXMMbo","icon":"_5yph-V","link":"yYq2Cj","indent":"ygx-6L","selected-mark":"HigkAX","selectedMark":"HigkAX"};
 
 var IDropdownControlKeys;
 (function (IDropdownControlKeys) {
@@ -1802,7 +1902,7 @@ function DropdownMenuSwitchButton(props) {
         React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
 }
 
-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"};
+var css$1f = {"root":"ygs8og","mode-block":"_7r98ga","modeBlock":"_7r98ga","mode-inline":"VQ-VwF","modeInline":"VQ-VwF","padding-0":"D4tGka","padding0":"D4tGka","padding-6":"yI2TPI","padding6":"yI2TPI","padding-12":"mlZ7vj","padding12":"mlZ7vj","padding-18":"WQL9MZ","padding18":"WQL9MZ"};
 
 function applyAccordionMods(mods) {
     return [
@@ -1815,7 +1915,7 @@ const Accordion = /* @__PURE__ */withMods(uuiComponents.Accordion, applyAccordio
     dropdownIcon: mods.dropdownIcon !== null && settings.accordion.icons.dropdownIcon,
 }));
 
-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"};
+var css$1e = {"root":"hhTHMv","align-items":"ccj0CA","alignItems":"ccj0CA","justify-content":"_89mBhI","justifyContent":"_89mBhI","border-top":"d7xc7r","borderTop":"d7xc7r","border-bottom":"-BG-0M","borderBottom":"-BG-0M","top-shadow":"w03gLs","topShadow":"w03gLs","padding":"ogO6hR","margin":"lJ0RrJ","vPadding":"jRPIB-","column-gap":"ZirHzp","columnGap":"ZirHzp","row-gap":"AU2kVp","rowGap":"AU2kVp","spacing":"eYl8I0"};
 
 const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$1e.flexCell]);
 
@@ -1860,7 +1960,7 @@ const FlexRow = /* @__PURE__ */forwardRef((props, ref) => {
         } }, props.children));
 });
 
-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"};
+var css$1d = {"root":"-HazSY","margin-24":"SHumNn","margin24":"SHumNn","padding-12":"dXaN0D","padding12":"dXaN0D","padding-24":"kYY7Hv","padding24":"kYY7Hv","shadow":"WZCc31","uui-surface-main":"vaLkli","uuiSurfaceMain":"vaLkli"};
 
 const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
     'uui-panel',
@@ -1870,7 +1970,7 @@ const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
     props.background && css$1d[`uui-${props.background}`],
 ]);
 
-var css$1c = {"root":"j0IUo4"};
+var css$1c = {"root":"BmvSiL"};
 
 function applyTooltipMods(mods) {
     return [
@@ -1880,7 +1980,7 @@ function applyTooltipMods(mods) {
 }
 const Tooltip = /* @__PURE__ */withMods(uuiComponents.Tooltip, applyTooltipMods);
 
-var css$1b = {"root":"uGL0e-"};
+var css$1b = {"root":"Z1ldWE"};
 
 function applyLabeledInputMods(mods) {
     return [
@@ -1897,7 +1997,7 @@ function applyLabeledInputProps(props) {
 }
 const LabeledInput = /* @__PURE__ */withMods(uuiComponents.LabeledInput, applyLabeledInputMods, applyLabeledInputProps);
 
-var css$1a = {"root":"nv-QLI"};
+var css$1a = {"root":"udsFqR"};
 
 function RadioGroup(props) {
     const direction = props.direction || 'vertical';
@@ -1912,7 +2012,7 @@ function RadioGroup(props) {
     })));
 }
 
-var css$19 = {"root":"sMDytW"};
+var css$19 = {"root":"DUwRpB"};
 
 function applyScrollBarsMods() {
     return [
@@ -1921,9 +2021,9 @@ function applyScrollBarsMods() {
 }
 const ScrollBars = /* @__PURE__ */withMods(ScrollBars$1, applyScrollBarsMods);
 
-var css$18 = {"scroll-container":"l0Qa2G","scrollContainer":"l0Qa2G","list-container":"adhaew","listContainer":"adhaew"};
+var css$18 = {"scroll-container":"sSLdTg","scrollContainer":"sSLdTg","list-container":"zpsnWn","listContainer":"zpsnWn"};
 
-var css$17 = {"root":"xq4wTO"};
+var css$17 = {"root":"mcIcBz"};
 
 const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$17.root], () => ({ renderSpinner: settings.blocker.renderSpinner }));
 
@@ -1969,7 +2069,7 @@ const VirtualListView = /* @__PURE__ */React.forwardRef((props, ref) => {
         React.createElement(Blocker, { isEnabled: props.isLoading })));
 });
 
-var css$16 = {"root":"IDVYEj"};
+var css$16 = {"root":"pU0x-7"};
 
 function CheckboxGroup(props) {
     const currentValue = props.value || [];
@@ -1991,7 +2091,7 @@ function CheckboxGroup(props) {
     })));
 }
 
-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"};
+var css$15 = {"root":"nMSHDb","modal-blocker":"SzReWn","modalBlocker":"SzReWn","animateModalBlocker":"sTqUk1","modal":"_3MTb4z","modal-footer":"we1Sf1","modalFooter":"we1Sf1","border-top":"mwcZ5r","borderTop":"mwcZ5r","modal-header":"Ogpz3v","modalHeader":"Ogpz3v","border-bottom":"_1bq2E4","borderBottom":"_1bq2E4"};
 
 const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$15.modalBlocker]);
 const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$15.root, css$15.modal], (props) => {
@@ -2181,7 +2281,7 @@ const TREE_SHAKEABLE_INIT = () => ({
 });
 const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
 
-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"};
+var css$14 = {"root":"ZLNL06","icon-wrapper":"fi7MTq","iconWrapper":"fi7MTq","action-wrapper":"Ke7ggT","actionWrapper":"Ke7ggT","close-icon":"BZsaRb","closeIcon":"BZsaRb","main-path":"_4Heoji","mainPath":"_4Heoji","content":"V9B35m","close-wrapper":"aHNG4A","closeWrapper":"aHNG4A","clear-notifications":"Jac6ZD","clearNotifications":"Jac6ZD"};
 
 const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const notificationCardNode = React__default.useRef(null);
@@ -2197,11 +2297,11 @@ const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) =
     return (React__default.createElement("div", { role: "alert", className: cx('uui-notification_card', props.color && `uui-color-${props.color}`, css$14.root, props.cx), ref: notificationCardNode, ...props.rawProps },
         React__default.createElement("div", { className: css$14.mainPath },
             props.icon && (React__default.createElement("div", { className: css$14.iconWrapper },
-                React__default.createElement(IconContainer, { size: 24, icon: props.icon }))),
+                React__default.createElement(IconContainer, { size: settings.notificationCard.sizes.icon, icon: props.icon }))),
             React__default.createElement("div", { className: css$14.content },
                 props.children,
                 props.actions && (React__default.createElement("div", { className: css$14.actionWrapper }, props.actions.map((action) => (React__default.createElement(LinkButton, { key: action.name, caption: action.name, onClick: action.action, cx: css$14.actionLink, size: settings.notificationCard.sizes.action, rawProps: action.rawProps })))))),
-            props.onClose && (React__default.createElement("div", { className: css$14.closeWrapper },
+            props.onClose && (React__default.createElement("div", { className: cx(css$14.closeWrapper, 'uui-notification_card-close_icon') },
                 React__default.createElement(IconButton, { icon: settings.notificationCard.icons.closeIcon, color: "neutral", onClick: props.onClose, cx: css$14.closeIcon }))))));
 });
 const WarningNotification = /* @__PURE__ */React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, { icon: settings.notificationCard.icons.warningIcon, color: "warning", ...props, ref: ref, cx: props.cx })));
@@ -2210,11 +2310,11 @@ const HintNotification = /* @__PURE__ */React__default.forwardRef((props, ref) =
 const ErrorNotification = /* @__PURE__ */React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, { icon: settings.notificationCard.icons.errorIcon, color: "error", ...props, ref: ref, cx: props.cx })));
 function ClearNotification() {
     const uuiCtx = useUuiContext();
-    return (React__default.createElement("div", { className: cx(css$14.notificationWrapper, css$14.clearButton) },
+    return (React__default.createElement("div", { className: cx(css$14.clearNotifications, 'uui-clear-notifications') },
         React__default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
 }
 
-var css$13 = {"footer":"DIfiwo"};
+var css$13 = {"footer":"P-dQel"};
 
 class ConfirmationModal extends React.Component {
     render() {
@@ -2256,7 +2356,7 @@ function useReliableForceUpdate() {
     return red[1];
 }
 
-var css$12 = {"root":"N2lSUA","timepicker-input":"R3iVpX","timepickerInput":"R3iVpX","ltr-always":"tm1M7e","ltrAlways":"tm1M7e"};
+var css$12 = {"root":"Gm5gtw","timepicker-input":"_4QAG90","timepickerInput":"_4QAG90","ltr-always":"XE4mXR","ltrAlways":"XE4mXR"};
 
 const uuiTimePicker = {
     container: 'uui-timepicker-container',
@@ -2298,20 +2398,20 @@ function TimePickerBody(props) {
     return (React.createElement("div", { className: cx$1(css$12.root, uuiTimePicker.container, props.cx), ref: props.forwardedRef, ...props.rawProps },
         React.createElement("div", { className: css$12.ltrAlways },
             React.createElement("div", { className: uuiTimePicker.elementContainer },
-                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(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(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$Q, 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$P, 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$Q, onClick: handleMinutesUpClick }),
+                React.createElement(IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment minutes' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, 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$Q, onClick: handleMinutesDownClick }))),
+                React.createElement(IconContainer, { size: 18, rawProps: { 'aria-label': 'Decrement minutes' }, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: handleMinutesDownClick }))),
         MAX_HOURS === FORMAT_12H && (React.createElement("div", { className: uuiTimePicker.elementContainer },
-            React.createElement(IconContainer, { size: 18, cx: uuiTimePicker.iconUp, icon: ForwardRef$Q, onClick: onTimeTypeChange }),
+            React.createElement(IconContainer, { size: 18, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, 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$Q, onClick: onTimeTypeChange })))));
+            React.createElement(IconContainer, { size: 18, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: onTimeTypeChange })))));
 }
 
 const getMeridian = (newValue, format) => {
@@ -2449,7 +2549,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":"Aj3SqW"};
+var css$11 = {"root":"IOV4Iv"};
 
 function applyInputAddonMods() {
     return [
@@ -2458,14 +2558,14 @@ function applyInputAddonMods() {
 }
 const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
 
-var css$10 = {"root":"TYk9fi"};
+var css$10 = {"root":"_7Sh7We"};
 
 function applySliderMods() {
     return [css$10.root, 'uui-color-neutral'];
 }
 const Slider = /* @__PURE__ */withMods(Slider$1, applySliderMods);
 
-var css$$ = {"root":"Zz3WNz","tooltip":"cRecit"};
+var css$$ = {"root":"-kn6vK","tooltip":"Gl6aXv"};
 
 function applyRatingMods(mods) {
     return [
@@ -2479,7 +2579,7 @@ const Rating = /* @__PURE__ */withMods(uuiComponents.Rating, applyRatingMods, (p
     Tooltip,
 }));
 
-var css$_ = {"root":"RajxVu","container":"hChaB-"};
+var css$_ = {"root":"vX5be-","container":"xysMtA"};
 
 const defaultFormat = 'MMM D, YYYY';
 const valueFormat = 'YYYY-MM-DD';
@@ -2690,14 +2790,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":"XDe8HH"};
+var css$Z = {"root":"_40kYas"};
 
 function applyDateSelectionMods() {
     return [css$Z.root, `uui-size-${settings.datePicker.sizes.body}`];
 }
 const Calendar = /* @__PURE__ */withMods(Calendar$1, applyDateSelectionMods);
 
-var css$Y = {"root":"PESkeh"};
+var css$Y = {"root":"_1LrhLD"};
 
 const uuiDatePickerBody = {
     wrapper: 'uui-datepicker-body-wrapper',
@@ -2823,7 +2923,7 @@ function DatePickerComponent(props, ref) {
 }
 const DatePicker = /* @__PURE__ */React__default.forwardRef(DatePickerComponent);
 
-var css$X = {"date-input":"fRg-Vq","dateInput":"fRg-Vq","root":"RD2xxJ","separator":"UpDYho"};
+var css$X = {"date-input":"iCUGgB","dateInput":"iCUGgB","root":"K3vrTI","separator":"y78KHQ"};
 
 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));
@@ -2874,7 +2974,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":"_3ifT44"};
+var css$W = {"root":"WpZWSu"};
 
 const uuiPresets = {
     container: 'uui-presets-container',
@@ -2894,7 +2994,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":"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"};
+var css$V = {"root":"M90XqM","container":"qglxpo","day-selection":"HSwrrk","daySelection":"HSwrrk","from-picker":"idtrY6","fromPicker":"idtrY6","to-picker":"_1g2CEw","toPicker":"_1g2CEw","bodes-wrapper":"SaBBbp","bodesWrapper":"SaBBbp","blocker":"RIuYV0"};
 
 const uuiRangeDatePickerBody = {
     inRange: 'uui-range-datepicker-in-range',
@@ -3035,15 +3135,15 @@ function RangeDatePickerBodyComp(props, ref) {
                     });
                 }, presets: presets })));
     };
-    return (React__default.createElement("div", { ref: ref, className: cx$1(css$V.root, uuiDatePickerBodyBase.container, props.cx), ...props.rawProps },
+    return (React__default.createElement("div", { ref: ref, className: cx(css$V.root, uuiDatePickerBodyBase.container, props.cx), ...props.rawProps },
         React__default.createElement(FlexRow, { cx: [view === 'DAY_SELECTION' && css$V.daySelection, css$V.container], alignItems: "top" },
             React__default.createElement(FlexCell, { width: "auto" },
                 React__default.createElement(FlexRow, null,
                     React__default.createElement(FlexRow, { cx: css$V.bodesWrapper, alignItems: "top" },
-                        React__default.createElement(StatelessDatePickerBody, { key: "date-picker-body-left", cx: cx$1(css$V.fromPicker), ...from, onValueChange: (v) => onBodyValueChange(v, 'from'), onMonthChange: (m) => {
+                        React__default.createElement(StatelessDatePickerBody, { key: "date-picker-body-left", cx: cx(css$V.fromPicker), ...from, onValueChange: (v) => onBodyValueChange(v, 'from'), onMonthChange: (m) => {
                                 setMonth(m);
                             }, onViewChange: (v) => setView(v), filter: props.filter, isHoliday: props.isHoliday, renderDay: props.renderDay || renderDay, isDisabled: view !== 'DAY_SELECTION' && activeMonth === 'to' }),
-                        React__default.createElement(StatelessDatePickerBody, { key: "date-picker-body-right", cx: cx$1(css$V.toPicker), ...to, onValueChange: (v) => onBodyValueChange(v, 'to'), onMonthChange: (m) => {
+                        React__default.createElement(StatelessDatePickerBody, { key: "date-picker-body-right", cx: cx(css$V.toPicker), ...to, onValueChange: (v) => onBodyValueChange(v, 'to'), onMonthChange: (m) => {
                                 setMonth(m.subtract(1, 'month'));
                             }, onViewChange: (v) => setView(v), filter: props.filter, renderDay: props.renderDay || renderDay, isHoliday: props.isHoliday, isDisabled: view !== 'DAY_SELECTION' && activeMonth === 'from' }),
                         view !== 'DAY_SELECTION' && (React__default.createElement("div", { style: {
@@ -3066,10 +3166,10 @@ const getDayCX = (day, selectedDate) => {
         && fromValue !== toValue;
     const isFirst = dayValue === fromValue;
     const isLast = dayValue === toValue;
-    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)];
+    return [cx(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":"HwbBFM","dropdownContainer":"HwbBFM"};
+var css$U = {"dropdown-container":"-ArUst","dropdownContainer":"-ArUst"};
 
 const modifiers = [{
         name: 'offset',
@@ -3137,7 +3237,7 @@ function RangeDatePickerComponent(props, ref) {
 }
 const RangeDatePicker = /* @__PURE__ */React__default.forwardRef(RangeDatePickerComponent);
 
-var css$T = {"root":"X5nfmx","blocker":"UoMvEJ","marker":"WUPa4u","top":"jADdic","bottom":"B32ykk","left":"nH95P1","right":"_2bZPky","inside":"LaZd-t"};
+var css$T = {"root":"lmIFVh","blocker":"_7Hx0X5","marker":"sgsJix","top":"_2akI9I","bottom":"AElEkL","left":"EzTkBt","right":"PdAviX","inside":"yBTUfN"};
 
 function DropMarker(props) {
     return props.isDndInProgress
@@ -3154,7 +3254,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":"JGzMeR","search-wrapper":"JNCGd2","searchWrapper":"JNCGd2","no-data":"QxdMDE","noData":"QxdMDE"};
+var css$S = {"modal":"Z9RZjN","search-wrapper":"Wx9ue3","searchWrapper":"Wx9ue3","no-data":"ddHpjG","noData":"ddHpjG"};
 
 class DataPickerBody extends PickerBodyBase {
     constructor() {
@@ -3231,7 +3331,7 @@ function DataPickerFooterImpl(props) {
 }
 const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
 
-var css$R = {"header":"-P4M2v","title":"Ai49IA","close":"tFKWcK"};
+var css$R = {"header":"JiY0Sr","title":"YMI6N4","close":"Bzpw08"};
 
 const DataPickerHeaderImpl = (props) => {
     const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
@@ -3241,11 +3341,11 @@ const DataPickerHeaderImpl = (props) => {
 };
 const DataPickerHeader = /* @__PURE__ */React__default.memo(DataPickerHeaderImpl);
 
-var css$Q = {"root":"_5DtSJg"};
+var css$Q = {"root":"oG5UtH"};
 
 const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$Q.root]);
 
-var css$P = {"root":"VmyOvs"};
+var css$P = {"root":"gteP-Y"};
 
 const DEFAULT_FILL = 'solid';
 function applyBadgeMods(mods) {
@@ -3273,7 +3373,7 @@ const Badge = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$O = {"root":"YB3WnQ"};
+var css$O = {"root":"_6jQ64p"};
 
 function applyTagMods(props) {
     return [
@@ -3301,7 +3401,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":"dD2yoB","page":"Iq6vgo","spacer":"K04gY1","mode-ghost":"_3-6Nxj","modeGhost":"_3-6Nxj"};
+var css$N = {"root":"_3P44U-","page":"e0Z5M9","spacer":"V9p9-H","mode-ghost":"p-Nk5V","modeGhost":"p-Nk5V"};
 
 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 },
@@ -3318,14 +3418,14 @@ function Paginator(props) {
     return React__default.createElement(Paginator$1, { ...props, render: renderPaginator });
 }
 
-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"};
+var css$M = {"root":"_4V3YMi","progress-bar":"_8hKyAR","progressBar":"_8hKyAR","progressBar-indeterminate":"uUXs5E","progressBarIndeterminate":"uUXs5E","size-12":"T43fcj","size12":"T43fcj","size-18":"W0TNLs","size18":"W0TNLs","size-24":"f-mU84","size24":"f-mU84"};
 
 const IndeterminateBar = /* @__PURE__ */React.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":"_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"};
+var css$L = {"root":"ars3z8","striped":"_8iqRMR","animate-stripes":"Jb-ROI","animateStripes":"Jb-ROI","size-12":"m64yto","size12":"m64yto","size-18":"oMfeA7","size18":"oMfeA7","size-24":"xfBubh","size24":"xfBubh"};
 
 const DEFAULT_SIZE = '12';
 function applyProgressBarMods(mods) {
@@ -3340,14 +3440,14 @@ const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProg
     hideLabel: props.hideLabel || props.striped,
 }));
 
-var css$K = {"root":"-NISH2"};
+var css$K = {"root":"gdlqiC"};
 
 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":"R521Et"};
+var css$J = {"root":"_4BSuxC"};
 
 const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
@@ -3362,7 +3462,7 @@ const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
         React__default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
 });
 
-var css$I = {"drag-handle":"FNXkF-","dragHandle":"FNXkF-","icon-container":"ENhbH5","iconContainer":"ENhbH5"};
+var css$I = {"drag-handle":"ueUlUX","dragHandle":"ueUlUX","icon-container":"hIXwlO","iconContainer":"hIXwlO"};
 
 function DataRowAddons(props) {
     const row = props.rowProps;
@@ -3383,7 +3483,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":"_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"};
+var css$H = {"root":"zmG8pX","align-widgets-top":"mNkg33","alignWidgetsTop":"mNkg33","align-widgets-center":"pLsbJJ","alignWidgetsCenter":"pLsbJJ","icon-container":"J4Adhq","iconContainer":"J4Adhq","content-wrapper":"xQBeVB","contentWrapper":"xQBeVB","render-item":"gCFJcn","renderItem":"gCFJcn","icon-wrapper":"rxKzdI","iconWrapper":"rxKzdI","icon-default":"xbD8BN","iconDefault":"xbD8BN","selected-mark":"_672dUe","selectedMark":"_672dUe"};
 
 function DataPickerCell(props) {
     const ref = React.useRef();
@@ -3421,7 +3521,7 @@ function DataPickerCell(props) {
         getWrappedContent()));
 }
 
-var css$G = {"picker-row":"gVpbKx","pickerRow":"gVpbKx"};
+var css$G = {"picker-row":"_8sunJF","pickerRow":"_8sunJF"};
 
 class DataPickerRow extends React.Component {
     constructor() {
@@ -3435,7 +3535,7 @@ class DataPickerRow extends React.Component {
     }
 }
 
-var css$F = {"done":"VzFaQc","container":"z-L90a"};
+var css$F = {"done":"_05WTM-","container":"JEDu8Q"};
 
 const PickerBodyMobileView = (props) => {
     const isMobileView = isMobile();
@@ -3512,7 +3612,7 @@ const getHighlightedSearchMatches = (str, search) => {
     return getDecoratedText(str, ranges);
 };
 
-var css$E = {"root":"_6ryNGf","column-gap":"MJyyDb","columnGap":"MJyyDb","title":"JG1GcH","subtitle":"soVcKv","disabled":"_1WPmfc","multiline":"oBopph"};
+var css$E = {"root":"kUC1rV","column-gap":"sGCMys","columnGap":"sGCMys","title":"SYPJi8","subtitle":"Db4B5M","disabled":"Ijj9tg","multiline":"CknqNe"};
 
 function PickerItem(props) {
     const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
@@ -3533,7 +3633,7 @@ function getAvatarSize(size, isMultiline) {
     return settings.pickerInput.sizes.body[isMultiline ? 'itemAvatarMultilineMap' : 'itemAvatarMap'][size];
 }
 
-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"};
+var css$D = {"sub-header-wrapper":"GbVfL-","subHeaderWrapper":"GbVfL-","switch":"vrCY4k","no-found-modal-container":"dA6eR2","noFoundModalContainer":"dA6eR2","no-found-modal-container-icon":"M2piiW","noFoundModalContainerIcon":"M2piiW","no-found-modal-container-text":"lE3fmI","noFoundModalContainerText":"lE3fmI"};
 
 function PickerModal(props) {
     const { view, selection, dataSourceStateLens, dataSourceState, getDataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = usePickerModal(props);
@@ -3588,7 +3688,7 @@ function PickerModal(props) {
             React__default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
 }
 
-var css$C = {"tooltip":"a4bNKe"};
+var css$C = {"tooltip":"aJghw1"};
 
 const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
     const tagProps = {
@@ -3607,7 +3707,7 @@ const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
     }
 });
 
-var css$B = {"root":"U0-7N-"};
+var css$B = {"root":"VA3soz"};
 
 const defaultMode = EditMode.FORM;
 function applyPickerTogglerMods(mods) {
@@ -3708,7 +3808,7 @@ function PickerInputComponent({ highlightSearchMatches = true, ...props }, ref)
 }
 const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
 
-var css$A = {"row":"AMevsZ"};
+var css$A = {"row":"hn3fIe"};
 
 function PickerListItem(props) {
     let label;
@@ -3728,7 +3828,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":"u-ahcS"};
+var css$z = {"root":"_1H65me"};
 
 function PickerList(props) {
     const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, dataSourceState, getModalTogglerCaption, } = usePickerList(props);
@@ -3763,7 +3863,7 @@ function PickerList(props) {
             }, selectedRows)));
 }
 
-var css$y = {"root":"FqdxWv","wrapper":"TpnNBA","align-widgets-top":"VAETpF","alignWidgetsTop":"VAETpF","align-widgets-center":"-PSIOO","alignWidgetsCenter":"-PSIOO"};
+var css$y = {"root":"PEs6O7","wrapper":"UN3-S-","align-widgets-top":"vuSdsC","alignWidgetsTop":"vuSdsC","align-widgets-center":"_7-kgDR","alignWidgetsCenter":"_7-kgDR"};
 
 function DataTableCell(initialProps) {
     const props = { ...initialProps };
@@ -3803,6 +3903,8 @@ function DataTableCell(initialProps) {
         props.isLastColumn && 'uui-dt-last-column',
         css$y[`align-widgets-${props.alignActions || 'top'}`],
         (props.border || isEditable) && 'uui-dt-vertical-cell-border',
+        props.isDisabled && uuiMod.disabled,
+        props.isReadonly && uuiMod.readonly,
     ];
     props.style = {
         '--uui-dt-cell-padding-start': getLeftPadding(),
@@ -3811,7 +3913,7 @@ function DataTableCell(initialProps) {
     return React.createElement(DataTableCell$1, { ...props });
 }
 
-var css$x = {"root":"yLjI6j"};
+var css$x = {"root":"Al83d-"};
 
 // Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
 // As we need our mods to style the cell properly, we extract them from DataTableCellProps.rowProps, which is a hack, but it's reliable enough.
@@ -3827,7 +3929,7 @@ const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = t
     ];
 }, () => propsMods);
 
-var css$w = {"sorting-panel-container":"TWEjqG","sortingPanelContainer":"TWEjqG"};
+var css$w = {"sorting-panel-container":"BdguDy","sortingPanelContainer":"BdguDy"};
 
 const SortingPanelImpl = ({ sortDirection, onSort }) => {
     const sortAsc = useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
@@ -3852,7 +3954,7 @@ const ColumnHeaderDropdownImpl = (props) => {
 };
 const ColumnHeaderDropdown = /* @__PURE__ */React__default.memo(ColumnHeaderDropdownImpl);
 
-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"};
+var css$v = {"root":"B3pgt7","caption-wrapper":"_60YL0I","captionWrapper":"_60YL0I","sort-icon":"Syzfxw","sortIcon":"Syzfxw","dropdown-icon":"FSguwV","dropdownIcon":"FSguwV","infoIcon":"_8GoHoD","resizable":"-Oznw4","align-right":"qvEyYN","alignRight":"qvEyYN","align-center":"KqqnGe","alignCenter":"KqqnGe","caption":"_7yU-dF","truncate":"Jgt8uv","upper-case":"bypD3a","upperCase":"bypD3a","checkbox":"NPraA4","icon":"K6XpWw","fold-all-icon":"gGswy2","foldAllIcon":"gGswy2","cell-tooltip":"MOB6ez","cellTooltip":"MOB6ez","resizing-marker":"WxU-9B","resizingMarker":"WxU-9B","pinned-right":"uExrGJ","pinnedRight":"uExrGJ","draggable":"LCforG","ghost":"hwM6eA","is-dragged-out":"_1ew2tx","isDraggedOut":"_1ew2tx","dnd-marker-left":"GfdVug","dndMarkerLeft":"GfdVug","dnd-marker-right":"TE1Di6","dndMarkerRight":"TE1Di6","cell-tooltip-wrapper":"RPWfZ0","cellTooltipWrapper":"RPWfZ0","cell-tooltip-text":"U2F6RS","cellTooltipText":"U2F6RS","tooltip-caption":"Hcq5sm","tooltipCaption":"Hcq5sm","tooltip-info":"OvPucH","tooltipInfo":"OvPucH"};
 
 class DataTableHeaderCell extends React.Component {
     constructor() {
@@ -3873,7 +3975,7 @@ class DataTableHeaderCell extends React.Component {
                 this.props.size >= '48' && css$v.truncate,
             ]);
             return (React.createElement("div", { className: cx$1(css$v.captionWrapper, css$v['align-' + this.props.column.textAlign], uuiDataTableHeaderCell.uuiTableHeaderCaptionWrapper) },
-                React.createElement(Tooltip, { placement: "top", color: "inverted", content: renderTooltip(this.props.column), cx: css$v.cellTooltip, openDelay: 600 },
+                React.createElement(Tooltip, { placement: "top", color: "inverted", content: renderTooltip(this.props.column), cx: [css$v.cellTooltip, 'uui-dt-header-tooltip'], openDelay: 600 },
                     React.createElement("div", { key: "text", className: 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: settings.dataTable.icons.header[this.props.sortDirection === 'desc' ? 'descSortIcon' : this.props.sortDirection === 'asc' ? 'ascSortIcon' : 'defaultSortIcon'] })),
                 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: settings.dataTable.icons.header.filterIcon })),
@@ -3946,7 +4048,7 @@ class DataTableHeaderCell extends React.Component {
     }
 }
 
-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-"};
+var css$u = {"root":"FjeTvW","caption-wrapper":"VwM8iG","captionWrapper":"VwM8iG","align-center":"_4OXnjr","alignCenter":"_4OXnjr","caption":"BTI-Tc","truncate":"_8oRs82","upper-case":"GOGHx2","upperCase":"GOGHx2","group-cell-tooltip":"OZyu8G","groupCellTooltip":"OZyu8G","group-cell-tooltip-wrapper":"cruDON","groupCellTooltipWrapper":"cruDON","group-cell-tooltip-text":"L-9AeE","groupCellTooltipText":"L-9AeE","tooltip-caption":"qecu37","tooltipCaption":"qecu37","tooltip-info":"wDwLy7","tooltipInfo":"wDwLy7"};
 
 class DataTableHeaderGroupCell extends React.Component {
     constructor() {
@@ -3986,7 +4088,7 @@ class DataTableHeaderGroupCell extends React.Component {
     }
 }
 
-var css$t = {"root":"Ok9yzt"};
+var css$t = {"root":"XEJu6q"};
 
 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 })),
@@ -3998,9 +4100,12 @@ 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_ITEM_TOGGLER_TITLE = 'uui-filters-panel-item-toggler-title';
+const UUI_FILTERS_PANEL_ITEM_TOGGLER_SELECTION = 'uui-filters-panel-item-toggler-selection';
+const UUI_FILTERS_PANEL_ITEM_TOGGLER_POSTFIX = 'uui-filters-panel-item-toggler-postfix';
 const UUI_FILTERS_PANEL_BODY_FOOTER = 'uui-filters-panel-item-footer';
 
-var css$s = {"root":"k-ZItV","title-wrapper":"i8dmos","titleWrapper":"i8dmos","title":"SKVaBB","text-wrapper":"ymIP7O","textWrapper":"ymIP7O","selection":"_0VQ3UW","postfix":"MFYhNI","selected":"HDPV9Q"};
+var css$s = {"root":"F6Hzv-","title-wrapper":"ipCLW3","titleWrapper":"ipCLW3","title":"C5rY7J","text-wrapper":"_9tL9lz","textWrapper":"_9tL9lz","selection":"RTDvaG","postfix":"RX7iSm","selected":"_65-vil"};
 
 const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
     const togglerPickerOpened = (e) => {
@@ -4023,14 +4128,14 @@ const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
     };
     const getTitle = props.predicateName ? `${props.title} ${props.predicateName}` : `${props.title}${props.selection ? ':' : ''}`;
     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),
+        React.createElement("div", { className: cx(css$s.selection, UUI_FILTERS_PANEL_ITEM_TOGGLER_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, 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),
+            React.createElement("div", { className: cx(css$s.title, UUI_FILTERS_PANEL_ITEM_TOGGLER_TITLE) }, getTitle),
             props.selection && (React.createElement("div", { className: css$s.textWrapper },
                 getSelectionText(),
-                props.postfix && (React.createElement(Text, { color: "primary", size: props.size, cx: css$s.postfix }, props.postfix))))),
+                props.postfix && (React.createElement("div", { className: cx(css$s.postfix, UUI_FILTERS_PANEL_ITEM_TOGGLER_POSTFIX) }, props.postfix))))),
         !props.isDisabled && React.createElement(IconContainer, { icon: settings.filtersPanel.icons.itemDropdownIcon, flipY: props.isOpen, cx: "uui-icon-dropdown" })));
 });
 
@@ -4168,7 +4273,7 @@ function FilterRangeDatePickerBody(props) {
                 React__default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.pickerModal.clearAllButton, onClick: () => onValueChange(defaultRangeValue) })))));
 }
 
-var css$r = {"container":"xuhOhp"};
+var css$r = {"container":"vpA1cX"};
 
 function FilterNumericBody(props) {
     const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
@@ -4212,12 +4317,12 @@ 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: settings.filtersPanel.sizes[isMobile() ? 'mobileFooterLinkButton' : 'default'], caption: i18n.pickerInput.clearSelectionButtonSingle, onClick: clearSelection }))));
+                React__default.createElement(LinkButton, { isDisabled: isClearDisabled, size: settings.filtersPanel.sizes[isMobile() ? 'mobileFooterLinkButton' : 'footerLinkButton'], 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(FlexRow, { padding: "12", alignItems: "center", columnGap: "12", borderBottom: true, cx: css$r.container },
                 React__default.createElement(FlexCell, { width: "100%" },
                     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%" },
@@ -4248,7 +4353,7 @@ function FilterItemBody(props) {
     }
 }
 
-var css$q = {"body":"QdbGf8","header":"XTxkP1","title":"Xp54ln","removeButton":"PjJKXQ","with-search":"b20-Sp","withSearch":"b20-Sp"};
+var css$q = {"body":"WKmXRR","header":"_5w20SY","title":"_0cT4Ff","removeButton":"_2b-9PW","with-search":"_5-XV9G","withSearch":"_5-XV9G"};
 
 function useView(props, value) {
     const forceUpdate = useForceUpdate();
@@ -4351,7 +4456,7 @@ function FiltersToolbarItemImpl(props) {
     };
     const getPickerItemName = (item, config) => {
         if (item.isLoading) {
-            return React__default.createElement(TextPlaceholder, null);
+            return settings.filtersPanel.renderPlaceholder();
         }
         if (item.isUnknown) {
             return 'Unknown';
@@ -4554,88 +4659,7 @@ function FiltersToolbarImpl(props) {
 }
 const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
 
-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); }
-var SvgActionSaveOutline = function SvgActionSaveOutline(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$9({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    viewBox: "0 0 24 24",
-    ref: ref
-  }, props), _path$9 || (_path$9 = /*#__PURE__*/React.createElement("path", {
-    d: "M17 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm2 16H5V5h11.17L19 7.83V19zm-7-7c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3zM6 6h9v4H6V6z"
-  })));
-};
-var ForwardRef$9 = /*#__PURE__*/forwardRef(SvgActionSaveOutline);
-
-var _path$8;
-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 SvgContentEditUndoOutline = function SvgContentEditUndoOutline(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$8({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    viewBox: "0 0 24 24",
-    ref: ref
-  }, props), _path$8 || (_path$8 = /*#__PURE__*/React.createElement("path", {
-    d: "M22.5 15a8.71 8.71 0 0 0-.712-3.513 9.158 9.158 0 0 0-1.926-2.85 9.152 9.152 0 0 0-2.85-1.925A8.709 8.709 0 0 0 13.5 6a8.71 8.71 0 0 0-3.513.712 9.167 9.167 0 0 0-2.85 1.925 9.154 9.154 0 0 0-1.924 2.85A8.705 8.705 0 0 0 4.5 15v.15L2.95 13.6 1.5 15l4 4 4-4-1.45-1.4-1.55 1.55V15c0-1.95.679-3.604 2.037-4.962C9.896 8.679 11.55 8 13.5 8c1.95 0 3.604.68 4.962 2.038C19.821 11.396 20.5 13.05 20.5 15h2z"
-  })));
-};
-var ForwardRef$8 = /*#__PURE__*/forwardRef(SvgContentEditUndoOutline);
-
-var _path$7;
-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 SvgActionCopyContentOutline = function SvgActionCopyContentOutline(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$7({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    viewBox: "0 0 24 24",
-    ref: ref
-  }, props), _path$7 || (_path$7 = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M19 19H9V9h10M9 7a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2H9zm5-4H5a2 2 0 0 0-2 2v9h2V5h9V3z",
-    clipRule: "evenodd"
-  })));
-};
-var ForwardRef$7 = /*#__PURE__*/forwardRef(SvgActionCopyContentOutline);
-
-var _path$6;
-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 SvgContentEditFill = function SvgContentEditFill(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$6({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    viewBox: "0 0 24 24",
-    ref: ref
-  }, props), _path$6 || (_path$6 = /*#__PURE__*/React.createElement("path", {
-    d: "m19.3 8.925-4.25-4.2 1.4-1.4a1.92 1.92 0 0 1 1.413-.575 1.92 1.92 0 0 1 1.412.575l1.4 1.4c.383.383.583.846.6 1.388a1.806 1.806 0 0 1-.55 1.387L19.3 8.925zM17.85 10.4 7.25 21H3v-4.25l10.6-10.6 4.25 4.25z"
-  })));
-};
-var ForwardRef$6 = /*#__PURE__*/forwardRef(SvgContentEditFill);
-
-var _path$5, _path2;
-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 SvgContentLinkOutline = function SvgContentLinkOutline(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$5({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    viewBox: "0 0 24 24",
-    ref: ref
-  }, props), _path$5 || (_path$5 = /*#__PURE__*/React.createElement("path", {
-    d: "M12 4.93A5 5 0 0 1 19.07 12l-1.06 1.06c.12-.85.022-1.725-.295-2.534a3 3 0 0 0-4.302-4.182l-2.828 2.828a3 3 0 0 0-.07 4.17l.07.073-1.415 1.414a5 5 0 0 1 0-7.071L12 4.929z"
-  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
-    d: "m4.93 12 .989-.99a5.018 5.018 0 0 0 .297 2.54 3 3 0 0 0 4.37 4.107l2.829-2.828a3 3 0 0 0-.828-4.83l1.464-1.463a5 5 0 0 1 .778 7.707L12 19.071a5 5 0 0 1-7.07-7.07z"
-  })));
-};
-var ForwardRef$5 = /*#__PURE__*/forwardRef(SvgContentLinkOutline);
-
-var css$o = {"delete-button":"ITNgki","deleteButton":"ITNgki","tab-button":"GOfUKC","tabButton":"GOfUKC","targetOpen":"Yx-cpV"};
+var css$p = {"delete-button":"Xn6gFw","deleteButton":"Xn6gFw","tab-button":"UjPw0D","tabButton":"UjPw0D","targetOpen":"_3ySq4s"};
 
 function PresetActionsDropdown(props) {
     const { uuiNotifications } = useUuiContext();
@@ -4660,7 +4684,7 @@ function PresetActionsDropdown(props) {
     const successNotificationHandler = useCallback((text) => {
         uuiNotifications
             .show((props) => (React__default.createElement(SuccessNotification, { ...props },
-            React__default.createElement(Text, { size: "36", fontSize: "14" }, text))), { duration: 3 })
+            React__default.createElement("div", { className: "uui-presets-panel-notification-text" }, text))), { duration: 3 })
             .catch(() => null);
     }, []);
     const saveInCurrentHandler = useCallback(() => {
@@ -4683,32 +4707,32 @@ function PresetActionsDropdown(props) {
         const isRenameAvailable = props.preset.id === props.activePresetId && !isReadonlyPreset;
         return (React__default.createElement(DropdownMenuBody, { ...dropdownProps },
             isPresetChanged && (React__default.createElement(React__default.Fragment, null,
-                !isReadonlyPreset && (React__default.createElement(DropdownMenuButton, { key: `${props.preset.id}-save-in-current`, icon: ForwardRef$E, caption: "Save in current", onClick: () => { dropdownProps.onClose(); saveInCurrentHandler(); } })),
-                React__default.createElement(DropdownMenuButton, { key: `${props.preset.id}-save-as-new`, icon: ForwardRef$9, caption: "Save as new", 
+                !isReadonlyPreset && (React__default.createElement(DropdownMenuButton, { key: `${props.preset.id}-save-in-current`, icon: settings.presetsPanel.icons.saveInCurrentIcon, caption: "Save in current", onClick: () => { dropdownProps.onClose(); saveInCurrentHandler(); } })),
+                React__default.createElement(DropdownMenuButton, { key: `${props.preset.id}-save-as-new`, icon: settings.presetsPanel.icons.saveAsNewIcon, 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$8, caption: "Discard all changes", onClick: () => { dropdownProps.onClose(); discardAllChangesHandler(); } }),
+                React__default.createElement(DropdownMenuButton, { key: `${props.preset.id}-discard`, icon: settings.presetsPanel.icons.discardChangesIcon, 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$6, caption: "Rename", onClick: props.renamePreset })),
-            React__default.createElement(DropdownMenuButton, { key: `${props.preset.id}-duplicate`, icon: ForwardRef$7, caption: "Duplicate", onClick: () => { dropdownProps.onClose(); duplicateHandler(); } }),
-            React__default.createElement(DropdownMenuButton, { key: `${props.preset.id}-copyLink`, icon: ForwardRef$5, caption: "Copy Link", onClick: copyUrlToClipboard }),
+            isRenameAvailable && (React__default.createElement(DropdownMenuButton, { key: `${props.preset.id}-rename`, icon: settings.presetsPanel.icons.renameIcon, caption: "Rename", onClick: props.renamePreset })),
+            React__default.createElement(DropdownMenuButton, { key: `${props.preset.id}-duplicate`, icon: settings.presetsPanel.icons.copyIcon, caption: "Duplicate", onClick: () => { dropdownProps.onClose(); duplicateHandler(); } }),
+            React__default.createElement(DropdownMenuButton, { key: `${props.preset.id}-copyLink`, icon: settings.presetsPanel.icons.copyLinkIcon, 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$l, caption: "Delete", cx: css$o.deleteButton, onClick: deleteHandler })))));
+                React__default.createElement(DropdownMenuButton, { icon: settings.presetsPanel.icons.deleteIcon, caption: "Delete", cx: css$p.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" }));
+        return (React__default.createElement(IconButton, { cx: [css$p.tabButton, dropdownProps.isOpen && css$p.targetOpen], color: props.preset.id === props.activePresetId ? 'primary' : 'neutral', ...dropdownProps, icon: settings.presetsPanel.icons.menuIcon, size: settings.presetsPanel.sizes.dropdownTargetIconButton }));
     }, []);
     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":"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';
 const UUI_PRESETS_PANEL_INPUT = 'uui-presets-panel-input';
 const UUI_PRESETS_PANEL_PRESET = 'uui-presets-panel-preset';
 
+var css$o = {"preset-input-cell":"nBIHXP","presetInputCell":"nBIHXP","preset-input":"SxuqCm","presetInput":"SxuqCm"};
+
 function PresetInput(props) {
     const [presetCaption, setPresetCaption] = useState(props.preset?.name || '');
     const [readonly, setReadonly] = useState(false);
@@ -4730,11 +4754,11 @@ function PresetInput(props) {
         }
         props.onCancel();
     }, [presetCaption.length, props.onCancel]);
-    return (React__default.createElement(FlexCell, { cx: [css$n.presetInputCell, UUI_PRESETS_PANEL_INPUT], minWidth: 180 },
-        React__default.createElement(TextInput, { cx: css$n.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
+    return (React__default.createElement(FlexCell, { cx: [css$o.presetInputCell, UUI_PRESETS_PANEL_INPUT], minWidth: 180 },
+        React__default.createElement(TextInput, { cx: css$o.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
 }
 
-var css$m = {"preset":"-w3tdF","activePreset":"e--Czo"};
+var css$n = {"preset":"QaxCPX","activePreset":"mBmJyC"};
 
 function Preset(props) {
     const [isRenamePreset, setIsRenamePreset] = useState(false);
@@ -4756,25 +4780,10 @@ function Preset(props) {
     }, [props.preset]);
     const isPresetActive = props.activePresetId === props.preset.id;
     const PresetActionsDropdownComponent = useCallback(() => React__default.createElement(PresetActionsDropdown, { 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 }))));
+    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$n.preset, isPresetActive && css$n.activePreset, UUI_PRESETS_PANEL_PRESET], size: settings.presetsPanel.sizes.tabButton, withNotify: isPresetActive && props.hasPresetChanged(props.preset), icon: PresetActionsDropdownComponent, iconPosition: "right", isLinkActive: isPresetActive }))));
 }
 
-var _path$4;
-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 SvgActionDeleteForeverFill = function SvgActionDeleteForeverFill(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$4({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    viewBox: "0 0 24 24",
-    ref: ref
-  }, props), _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M7 21c-1.1 0-2-.9-2-2V8h14v11c0 1.1-.9 2-2 2H7zm8-17h5v2H4V4h5V3h6v1zM9.4 18.5l2.6-2.6 2.6 2.6 1.4-1.4-2.6-2.6 2.6-2.6-1.4-1.4-2.6 2.6-2.6-2.6L8 11.9l2.6 2.6L8 17.1l1.4 1.4z",
-    clipRule: "evenodd"
-  })));
-};
-var ForwardRef$4 = /*#__PURE__*/forwardRef(SvgActionDeleteForeverFill);
+var css$m = {"divider":"vZjXP7","dropdownDeleteIcon":"WRQV3j","presetsWrapper":"ZtDQCx","addPresetContainer":"y94l-2","dropContainer":"aSCm8q"};
 
 function PresetsPanel(props) {
     const [isAddingPreset, setIsAddingPreset] = useState(false);
@@ -4789,16 +4798,16 @@ function PresetsPanel(props) {
         return React__default.createElement(Preset, { key: preset.id, preset: preset, addPreset: setAddingPreset, ...presetApi });
     };
     const renderAddPresetButton = useCallback(() => {
-        return (React__default.createElement("div", { key: "addingPresetBlock", className: css$p.addPresetContainer }, !isAddingPreset ? (React__default.createElement(Button, { cx: UUI_PRESETS_PANEL_ADD_BUTTON, onClick: setAddingPreset, caption: i18n.presetPanel.addCaption, icon: ForwardRef$s, iconPosition: "left", fill: "ghost", color: "primary" })) : (React__default.createElement(PresetInput, { onCancel: cancelAddingPreset, onSuccess: props.createNewPreset }))));
+        return (React__default.createElement("div", { key: "addingPresetBlock", className: css$m.addPresetContainer }, !isAddingPreset ? (React__default.createElement(Button, { cx: UUI_PRESETS_PANEL_ADD_BUTTON, onClick: setAddingPreset, caption: i18n.presetPanel.addCaption, icon: settings.presetsPanel.icons.addIcon, iconPosition: "left", fill: "ghost", color: "primary" })) : (React__default.createElement(PresetInput, { onCancel: cancelAddingPreset, onSuccess: props.createNewPreset }))));
     }, [isAddingPreset]);
     const onPresetDropdownSelect = (preset) => {
         props.choosePreset(preset.preset);
     };
     const renderMoreButtonDropdown = (item, hiddenItems) => {
         return (React__default.createElement(Dropdown, { key: "more", renderTarget: (props) => (React__default.createElement(FlexRow, null,
-                React__default.createElement("div", { className: css$p.divider }),
+                React__default.createElement("div", { className: css$m.divider }),
                 React__default.createElement(Button, { cx: UUI_PRESETS_PANEL_MORE_BUTTON, fill: "ghost", color: "secondary", caption: `${hiddenItems?.length || ''} more`, ...props }))), renderBody: (propsBody) => (React__default.createElement(DropdownMenuBody, { minWidth: 230, maxHeight: 300, ...propsBody },
-                React__default.createElement(ScrollBars, null, hiddenItems.map((hiddenItem) => (React__default.createElement(DropdownMenuButton, { key: hiddenItem.preset.id, onClick: () => onPresetDropdownSelect(hiddenItem), caption: hiddenItem.preset.name, icon: !hiddenItem.preset.isReadonly && ForwardRef$4, iconPosition: "right", cx: css$p.dropdownDeleteIcon, onIconClick: !hiddenItem.preset.isReadonly && (() => props.deletePreset(hiddenItem.preset)) })))))) }));
+                React__default.createElement(ScrollBars, null, hiddenItems.map((hiddenItem) => (React__default.createElement(DropdownMenuButton, { key: hiddenItem.preset.id, onClick: () => onPresetDropdownSelect(hiddenItem), caption: hiddenItem.preset.name, icon: !hiddenItem.preset.isReadonly && settings.presetsPanel.icons.deleteIcon, iconPosition: "right", cx: css$m.dropdownDeleteIcon, onIconClick: !hiddenItem.preset.isReadonly && (() => props.deletePreset(hiddenItem.preset)) })))))) }));
     };
     const getPresetPriority = (preset, index) => {
         return preset.id === props.activePresetId ? 100499 : 1000 - index;
@@ -4819,7 +4828,7 @@ function PresetsPanel(props) {
         ];
     };
     return (React__default.createElement(FlexCell, { grow: 1, minWidth: 310, rawProps: props.rawProps },
-        React__default.createElement(FlexRow, { size: null, columnGap: "12", cx: css$p.presetsWrapper },
+        React__default.createElement(FlexRow, { size: null, columnGap: "12", cx: css$m.presetsWrapper },
             React__default.createElement(AdaptivePanel, { items: getPanelItems() }))));
 }
 
@@ -4860,7 +4869,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
     return columns;
 };
 
-var css$l = {"unpin-icon":"BOGqSf","unpinIcon":"BOGqSf","pin-toggler-icon":"cCvVU8","pinTogglerIcon":"cCvVU8"};
+var css$l = {"unpin-icon":"KqyjbV","unpinIcon":"KqyjbV","pin-toggler-icon":"xyAwy9","pinTogglerIcon":"xyAwy9"};
 
 function PinIconButton(props) {
     const i18nLocal = i18n.tables.columnsConfigurationModal;
@@ -4902,7 +4911,7 @@ function getUnpinIcon(params) {
     }
 }
 
-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"};
+var css$k = {"row-wrapper":"V9NCTO","rowWrapper":"V9NCTO","pin-icon-button":"NfxrYd","pinIconButton":"NfxrYd","not-pinned":"_7PMI9i","notPinned":"_7PMI9i","checkbox":"C35u5f","drag-handle":"ZAjyAI","dragHandle":"ZAjyAI","dnd-disabled":"nG-MK8","dndDisabled":"nG-MK8"};
 
 const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
     const { column } = props;
@@ -4925,7 +4934,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":"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"};
+var css$j = {"root":"_3vvySR","main-panel":"C7YP78","mainPanel":"C7YP78","group":"UnnD1z","group-title":"OZu8vH","groupTitle":"OZu8vH","group-items":"IRRkso","groupItems":"IRRkso","no-data":"tAOtGR","noData":"tAOtGR","no-data-title":"jHawa-","noDataTitle":"jHawa-","no-data-sub-title":"wZYMqy","noDataSubTitle":"wZYMqy","h-divider":"FnCJwO","hDivider":"FnCJwO","search-area":"_-1DxmA","searchArea":"_-1DxmA","subgroup-accordion":"DfkSg2","subgroupAccordion":"DfkSg2","subgroup":"-hiAWQ","subgroup-title":"Tw-YAL","subgroupTitle":"Tw-YAL"};
 
 const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { cx: css$j.group },
     React.createElement(Text, { size: "none", cx: css$j.groupTitle }, title),
@@ -5027,7 +5036,7 @@ const getChildrenAndRest = (row, rows) => {
     return [children, rest];
 };
 
-var css$i = {"listContainer":"_1gohNi","header":"_1GnAns","group":"Diup8F","stickyHeader":"Q4ZowI"};
+var css$i = {"listContainer":"VrRk0t","header":"gPi-KU","group":"_4nJL-H","stickyHeader":"_23MCQ7"};
 
 function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
     const rowRef = useRef();
@@ -5062,12 +5071,12 @@ function DataRowsGroups({ rows, renderRow, top = 1, }) {
 }
 
 function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, renderRow, headerRef, }) {
-    return (React__default.createElement("div", { className: css$i.listContainer, style: { minHeight: `${estimatedHeight}px` } },
+    return (React__default.createElement("div", { className: cx(css$i.listContainer, 'uui-dt-data_row_container'), style: { minHeight: `${estimatedHeight}px` } },
         React__default.createElement("div", { ref: listContainerRef, role: "rowgroup", style: { marginTop: offsetY } },
             React__default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
 }
 
-var css$h = {"root":"-mFe-D","sticky-header":"pWSyK6","stickyHeader":"pWSyK6","no-results":"d35RMh","noResults":"d35RMh","icon":"IAGVL0","title":"_67mfoE"};
+var css$h = {"root":"Gq6XNb","sticky-header":"S7tAGP","stickyHeader":"S7tAGP","no-results":"Q0LgqT","noResults":"Q0LgqT","icon":"SBT7CI","title":"hOf-G9"};
 
 function DataTable(props) {
     const { uuiModals } = useUuiContext();
@@ -5099,7 +5108,7 @@ function DataTable(props) {
         props.columns, config, defaultConfig, props.value, props.onValueChange, props.renderColumnsConfigurationModal,
     ]);
     const renderRowsContainer = React.useCallback(({ listContainerRef, estimatedHeight, offsetY, scrollShadows }) => (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: css$h.stickyHeader, ref: headerRef },
+        React.createElement("div", { className: cx$1(css$h.stickyHeader, 'uui-dt-sticky_header'), ref: headerRef },
             React.createElement(DataTableHeaderRow, { columns: columns, columnGroups: props.columnGroups, onConfigButtonClick: props.showColumnsConfig && onConfigurationButtonClick, selectAll: props.selectAll, size: props.headerSize || settings.dataTable.sizes.header.row, textCase: props.headerTextCase, allowColumnsReordering: props.allowColumnsReordering, allowColumnsResizing: props.allowColumnsResizing, showFoldAll: props.showFoldAll, value: { ...props.value, columnsConfig: config }, onValueChange: props.onValueChange, columnsGap: props.columnsGap }),
             React.createElement("div", { className: cx$1(uuiScrollShadows.top, {
                     [uuiScrollShadows.topVisible]: scrollShadows.verticalTop,
@@ -5116,9 +5125,9 @@ function DataTable(props) {
                 } }))));
 }
 
-var css$g = {"root":"uOjbGY"};
+var css$g = {"root":"XBu-sN"};
 
-var css$f = {"root":"_5gOz8Z","burger-content":"I2FgaY","burgerContent":"I2FgaY"};
+var css$f = {"root":"Wb-k2-","burger-content":"_3ddw4B","burgerContent":"_3ddw4B"};
 
 var _path$3;
 function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
@@ -5140,7 +5149,7 @@ function applyBurgerMods() {
 }
 const Burger = /* @__PURE__ */withMods(Burger$1, applyBurgerMods, () => ({
     burgerIcon: ForwardRef$3,
-    crossIcon: ForwardRef$R,
+    crossIcon: ForwardRef$Q,
     burgerContentCx: css$f.burgerContent,
 }));
 
@@ -5161,7 +5170,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
 };
 var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgNavigationArrowDownOutline);
 
-var css$e = {"root":"i-9ktH","button-primary":"-ameZl","buttonPrimary":"-ameZl","button-secondary":"gkanPf","buttonSecondary":"gkanPf","hasIcon":"ATiSQj","dropdown":"jSK2Ux"};
+var css$e = {"root":"NWN-lE","button-primary":"ivCl8M","buttonPrimary":"ivCl8M","button-secondary":"YtqjIM","buttonSecondary":"YtqjIM","hasIcon":"GVpqBR","dropdown":"rD8vTR"};
 
 const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
     css$e.root,
@@ -5172,13 +5181,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":"qMd4pG","searchInput":"qMd4pG"};
+var css$d = {"search-input":"KkCdB9","searchInput":"KkCdB9"};
 
 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 }));
+    return (React.createElement(TextInput$1, { cx: cx(css$d.searchInput, 'uui-main_menu-burger-search'), iconPosition: "left", icon: ForwardRef$M, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$Q }));
 }
 
-var css$c = {"root":"PGvQCC","group-header":"wPwkrF","groupHeader":"wPwkrF","group-name":"cwdyki","groupName":"cwdyki","line":"QCEZkE"};
+var css$c = {"root":"z2ilc1","group-header":"_3uVDzx","groupHeader":"_3uVDzx","group-name":"w59X1G","groupName":"w59X1G","line":"LaTqee"};
 
 function BurgerGroupHeader(props) {
     return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
@@ -5186,7 +5195,7 @@ function BurgerGroupHeader(props) {
         React.createElement("span", { className: css$c.groupName }, props.caption)));
 }
 
-var css$b = {"root":"_-0gmaq","type-primary":"tpfcOd","typePrimary":"tpfcOd","type-secondary":"_5DqAq2","typeSecondary":"_5DqAq2"};
+var css$b = {"root":"_3lkVhY","type-primary":"wuyxKk","typePrimary":"wuyxKk","type-secondary":"GJm-Tx","typeSecondary":"GJm-Tx"};
 
 const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { type, ...clickableProps } = props;
@@ -5205,10 +5214,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$Q, flipY: props.isOpen }))));
+        props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
 });
 
-var css$a = {"dropdown-body":"UWQ1Jn","dropdownBody":"UWQ1Jn"};
+var css$a = {"dropdown-body":"PTVTSZ","dropdownBody":"PTVTSZ"};
 
 class MainMenuDropdown extends React.Component {
     render() {
@@ -5266,28 +5275,28 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
 };
 var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationGlobalMenuOutlineOutline);
 
-var css$9 = {"global-menu-btn":"MIHhV5","globalMenuBtn":"MIHhV5","global-menu-icon":"_7iiboa","globalMenuIcon":"_7iiboa"};
+var css$9 = {"global-menu-btn":"Zw0BYa","globalMenuBtn":"Zw0BYa","global-menu-icon":"HiQpCI","globalMenuIcon":"HiQpCI"};
 
 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":"FTcSw9","open":"dLOPSB","folding-arrow":"yBJm6U","foldingArrow":"yBJm6U"};
+var css$8 = {"container":"hAD8l-","open":"h1dcVi","folding-arrow":"WCSi1T","foldingArrow":"WCSi1T"};
 
 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 }),
     props.icon && React.createElement(IconContainer, { icon: props.icon }),
     props.isDropdown && (React.createElement("div", null,
-        React.createElement(IconContainer, { size: 18, icon: ForwardRef$Q, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
+        React.createElement(IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
 
-var css$7 = {"search-input":"l0J21z","searchInput":"l0J21z"};
+var css$7 = {"search-input":"mG1sab","searchInput":"mG1sab"};
 
-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 })) })));
+const MainMenuSearch = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IEditableDebouncer, { ...props, render: (iEditable) => (React.createElement(TextInput$1, { iconPosition: "left", icon: ForwardRef$M, cancelIcon: props.value?.length > 0 && ForwardRef$Q, ...props, ...iEditable, ref: ref, cx: cx$1(css$7.searchInput, props.cx), ...props.rawProps })) })));
 
-var css$6 = {"container":"jwVTsn"};
+var css$6 = {"container":"h9USfp"};
 
 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":"s9La6Q"};
+var css$5 = {"root":"XSYOV4"};
 
 const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
 
@@ -5345,7 +5354,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
 };
 var ForwardRef = /*#__PURE__*/forwardRef(SvgFileCloudUploadFill);
 
-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"};
+var css$4 = {"root":"osQ4SL","drop-start":"I4NV8g","dropStart":"I4NV8g","drop-over":"WLRdIz","dropOver":"WLRdIz","link":"dyR52s","drop-area":"_4HiOR-","dropArea":"_4HiOR-","drop-caption":"rAmtrQ","dropCaption":"rAmtrQ","icon-blue":"x6xc6C","iconBlue":"x6xc6C"};
 
 function DropSpot(props) {
     const getInfoText = typeof props.infoText === 'string'
@@ -5363,7 +5372,7 @@ function DropSpot(props) {
     return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
 }
 
-var css$3 = {"root":"uuu-EL"};
+var css$3 = {"root":"jz1jXI"};
 
 const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
     const outsetRadius = props.size / 2 - 1;
@@ -5374,7 +5383,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":"_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"};
+var css$2 = {"root":"_4vYTX0","file-name":"K6ewty","fileName":"K6ewty","default-color":"HBLNbq","defaultColor":"HBLNbq","doc-color":"TsuW5P","docColor":"TsuW5P","xls-color":"mvw7kr","xlsColor":"mvw7kr","pdf-color":"-j1VwZ","pdfColor":"-j1VwZ","movie-color":"ySK-6g","movieColor":"ySK-6g","img-color":"sHcpZC","imgColor":"sHcpZC","mov-color":"hYmFsD","movColor":"hYmFsD","error-block":"PqMa-a","errorBlock":"PqMa-a","icons-block":"UUEyBH","iconsBlock":"UUEyBH"};
 
 const FileCard = /* @__PURE__ */React.forwardRef((props, ref) => {
     const [isLoadingShow, setIsLoadingShow] = React.useState(true);
@@ -5493,7 +5502,7 @@ const getErrorPageConfig = () => ({
     },
 });
 
-var css$1 = {"container":"Wv9UXR"};
+var css$1 = {"container":"VLYVPX"};
 
 const ErrorPage = (props) => {
     const isMobileScreen = isMobile();
@@ -5505,7 +5514,7 @@ const ErrorPage = (props) => {
             props?.supportLink && React__default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
 };
 
-var css = {"recovery-spinner":"awcnss","recoverySpinner":"awcnss","recovery-message":"_7WaLCH","recoveryMessage":"_7WaLCH","modal-blocker":"KToUAy","modalBlocker":"KToUAy","modalFadeIn":"AlRpxQ"};
+var css = {"recovery-spinner":"RzIqo3","recoverySpinner":"RzIqo3","recovery-message":"pY9sWx","recoveryMessage":"pY9sWx","modal-blocker":"_9nqP8O","modalBlocker":"_9nqP8O","modalFadeIn":"l-myf7"};
 
 function ErrorHandler(props) {
     const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();