@true-engineering/true-react-common-ui-kit 3.9.2 → 3.11.0

package/dist/true-react-common-ui-kit.js

@@ -1082,6 +1082,7 @@ var helpers = {
 var SLIDE_UP_POSITION_START = 15;
 var SLIDE_UP_POSITION_END = 0;
 var animations = {
+  defaultTransition: "0.25s ease-in-out",
   // Если понадобится, сюда можно пробросить параметры через useTheme props
   slideUp: {
     "slide-up-enter": {
@@ -1870,7 +1871,7 @@ var merge = createAssigner(function(object, source, srcIndex) {
   baseMerge(object, source, srcIndex);
 });
 const merge$1 = merge;
-function _define_property$_(obj, key, value) {
+function _define_property$$(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -1883,7 +1884,7 @@ function _define_property$_(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$Z(target) {
+function _object_spread$_(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -1893,12 +1894,12 @@ function _object_spread$Z(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$_(target, key, source[key]);
+      _define_property$$(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$O(object, enumerableOnly) {
+function ownKeys$P(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -1911,12 +1912,12 @@ function ownKeys$O(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$O(target, source) {
+function _object_spread_props$P(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$O(Object(source)).forEach(function(key) {
+    ownKeys$P(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -1971,7 +1972,7 @@ function createThemedStyles() {
     return mergeStyles(styles, isNotEmpty(componentName) ? theme === null || theme === void 0 ? void 0 : (_theme_components = theme.components) === null || _theme_components === void 0 ? void 0 : _theme_components[componentName] : void 0, tweakStyles);
   });
   return function(data) {
-    return useStyles2(isNotEmpty(data) ? _object_spread_props$O(_object_spread$Z({}, data), {
+    return useStyles2(isNotEmpty(data) ? _object_spread_props$P(_object_spread$_({}, data), {
       theme: cleanStyles(data.theme)
     }) : data);
   };
@@ -6430,7 +6431,7 @@ function _array_without_holes$7(arr) {
   if (Array.isArray(arr))
     return _array_like_to_array$q(arr);
 }
-function _define_property$Z(obj, key, value) {
+function _define_property$_(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -6450,7 +6451,7 @@ function _iterable_to_array$7(iter) {
 function _non_iterable_spread$7() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$Y(target) {
+function _object_spread$Z(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -6460,7 +6461,7 @@ function _object_spread$Y(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$Z(target, key, source[key]);
+      _define_property$_(target, key, source[key]);
     });
   }
   return target;
@@ -6516,7 +6517,7 @@ var useDropdown = function(param) {
         },
         {
           name: "flip",
-          options: _object_spread$Y({
+          options: _object_spread$Z({
             fallbackPlacements: canBeFlipped ? [
               "bottom-start",
               "top-start"
@@ -6651,7 +6652,7 @@ const avatarGreen = `  <svg
 var complexIcons = {
   avatar: avatarGreen
 };
-function _define_property$Y(obj, key, value) {
+function _define_property$Z(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -6664,7 +6665,7 @@ function _define_property$Y(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$X(target) {
+function _object_spread$Y(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -6674,7 +6675,7 @@ function _object_spread$X(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$Y(target, key, source[key]);
+      _define_property$Z(target, key, source[key]);
     });
   }
   return target;
@@ -6683,7 +6684,7 @@ var ComplexIconBoilerplate = function(param) {
   var type = param.type;
   var theme = useContext(ThemeContext).theme;
   var icons = useMemo(function() {
-    return _object_spread$X({}, complexIcons, theme.complexIcons);
+    return _object_spread$Y({}, complexIcons, theme.complexIcons);
   }, []);
   var ComplexIcon = icons[type];
   return /* @__PURE__ */ jsx("div", {
@@ -7555,7 +7556,7 @@ var iconsList = checkIcons({
     ]
   }
 });
-function _define_property$X(obj, key, value) {
+function _define_property$Y(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -7568,7 +7569,7 @@ function _define_property$X(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$W(target) {
+function _object_spread$X(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -7578,12 +7579,12 @@ function _object_spread$W(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$X(target, key, source[key]);
+      _define_property$Y(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$N(object, enumerableOnly) {
+function ownKeys$O(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -7596,12 +7597,12 @@ function ownKeys$N(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$N(target, source) {
+function _object_spread_props$O(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$N(Object(source)).forEach(function(key) {
+    ownKeys$O(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -7612,7 +7613,7 @@ var IconBoilerplate = function(param) {
   var _icon_paths, _icon_rects, _icon_circles;
   var theme = useContext(ThemeContext).theme;
   var icons = useMemo(function() {
-    return _object_spread$W({}, iconsList, theme.icons);
+    return _object_spread$X({}, iconsList, theme.icons);
   }, []);
   var icon = icons[type];
   var _icon_viewBox;
@@ -7625,7 +7626,7 @@ var IconBoilerplate = function(param) {
     children: [
       (_icon_paths = icon.paths) === null || _icon_paths === void 0 ? void 0 : _icon_paths.map(function(path, index) {
         var _path_fill, _path_stroke;
-        return jsx("path", _object_spread$W({
+        return jsx("path", _object_spread$X({
           fillRule: "evenodd",
           clipRule: "evenodd",
           fill: (_path_fill = path.fill) !== null && _path_fill !== void 0 ? _path_fill : "currentColor",
@@ -7633,25 +7634,25 @@ var IconBoilerplate = function(param) {
         }, path), index);
       }),
       (_icon_rects = icon.rects) === null || _icon_rects === void 0 ? void 0 : _icon_rects.map(function(rect, index) {
-        return /* @__PURE__ */ createElement("rect", _object_spread_props$N(_object_spread$W({}, rect), {
+        return /* @__PURE__ */ createElement("rect", _object_spread_props$O(_object_spread$X({}, rect), {
           key: index
         }));
       }),
       (_icon_circles = icon.circles) === null || _icon_circles === void 0 ? void 0 : _icon_circles.map(function(circle, index) {
-        return /* @__PURE__ */ createElement("circle", _object_spread_props$N(_object_spread$W({}, circle), {
+        return /* @__PURE__ */ createElement("circle", _object_spread_props$O(_object_spread$X({}, circle), {
           key: index
         }));
       })
     ]
   });
 };
-var useStyles$S = createThemedStyles("Icon", {
+var useStyles$T = createThemedStyles("Icon", {
   root: {
     display: "flex",
     alignItems: "center"
   }
 });
-function _define_property$W(obj, key, value) {
+function _define_property$X(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -7664,7 +7665,7 @@ function _define_property$W(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$V(target) {
+function _object_spread$W(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -7674,12 +7675,12 @@ function _object_spread$V(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$W(target, key, source[key]);
+      _define_property$X(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$M(object, enumerableOnly) {
+function ownKeys$N(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -7692,12 +7693,12 @@ function ownKeys$M(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$M(target, source) {
+function _object_spread_props$N(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$M(Object(source)).forEach(function(key) {
+    ownKeys$N(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -7705,10 +7706,10 @@ function _object_spread_props$M(target, source) {
 }
 var Icon = function(param) {
   var type = param.type, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles;
-  var classes = useStyles$S({
+  var classes = useStyles$T({
     theme: tweakStyles
   });
-  return /* @__PURE__ */ jsx("div", _object_spread_props$M(_object_spread$V({
+  return /* @__PURE__ */ jsx("div", _object_spread_props$N(_object_spread$W({
     className: classes.root
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: isComplexIcon(type) ? /* @__PURE__ */ jsx(ComplexIconBoilerplate, {
@@ -7724,9 +7725,9 @@ var renderIcon = function(icon) {
   }) : icon;
 };
 var ITEM_HORIZONTAL_PADDING$1 = 16;
-var ICON_SIZE$1 = 20;
+var ICON_SIZE$2 = 20;
 var ICON_GAP$1 = 12;
-var useStyles$R = createThemedStyles("ListItem", {
+var useStyles$S = createThemedStyles("ListItem", {
   root: {
     display: "flex",
     alignItems: "center",
@@ -7738,7 +7739,8 @@ var useStyles$R = createThemedStyles("ListItem", {
       0,
       ITEM_HORIZONTAL_PADDING$1
     ],
-    transition: "background-color 0.25s ease-in-out",
+    transition: animations.defaultTransition,
+    transitionProperty: "background-color",
     cursor: "pointer"
   },
   default: {},
@@ -7751,17 +7753,17 @@ var useStyles$R = createThemedStyles("ListItem", {
     backgroundColor: colors.BORDER_LIGHT
   },
   withIconGap: {
-    paddingLeft: ITEM_HORIZONTAL_PADDING$1 + ICON_SIZE$1 + ICON_GAP$1
+    paddingLeft: ITEM_HORIZONTAL_PADDING$1 + ICON_SIZE$2 + ICON_GAP$1
   },
   icon: {
-    width: ICON_SIZE$1,
-    height: ICON_SIZE$1,
+    width: ICON_SIZE$2,
+    height: ICON_SIZE$2,
     marginRight: ICON_GAP$1,
     flexShrink: 0
   },
   content: {}
 });
-function _define_property$V(obj, key, value) {
+function _define_property$W(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -7774,7 +7776,7 @@ function _define_property$V(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$U(target) {
+function _object_spread$V(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -7784,12 +7786,12 @@ function _object_spread$U(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$V(target, key, source[key]);
+      _define_property$W(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$L(object, enumerableOnly) {
+function ownKeys$M(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -7802,12 +7804,12 @@ function ownKeys$L(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$L(target, source) {
+function _object_spread_props$M(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$L(Object(source)).forEach(function(key) {
+    ownKeys$M(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -7815,7 +7817,7 @@ function _object_spread_props$L(target, source) {
 }
 var ListItem = function(param) {
   var isDisabled = param.disabled, icon = param.icon, item = param.item, shouldDrawSpacerAbove = param.shouldDrawSpacerAbove, shouldDrawSpacerBelow = param.shouldDrawSpacerBelow, testId = param.testId, tweakStyles = param.tweakStyles, _param_view = param.view, view = _param_view === void 0 ? "default" : _param_view, withIconGap = param.withIconGap, data = param.data, onClick = param.onClick;
-  var classes = useStyles$R({
+  var classes = useStyles$S({
     theme: tweakStyles
   });
   var _obj;
@@ -7824,9 +7826,9 @@ var ListItem = function(param) {
       shouldDrawSpacerAbove && /* @__PURE__ */ jsx("div", {
         className: classes.spacer
       }),
-      /* @__PURE__ */ jsxs("div", _object_spread_props$L(_object_spread$U({
-        className: clsx(classes.root, classes[view], (_obj = {}, _define_property$V(_obj, classes.disabledItem, isDisabled), _define_property$V(_obj, classes.withIconGap, withIconGap), _obj))
-      }, addClickHandler(onClick, !isDisabled), addDataTestId(testId), addDataAttributes(_object_spread_props$L(_object_spread$U({}, data), {
+      /* @__PURE__ */ jsxs("div", _object_spread_props$M(_object_spread$V({
+        className: clsx(classes.root, classes[view], (_obj = {}, _define_property$W(_obj, classes.disabledItem, isDisabled), _define_property$W(_obj, classes.withIconGap, withIconGap), _obj))
+      }, addClickHandler(onClick, !isDisabled), addDataTestId(testId), addDataAttributes(_object_spread_props$M(_object_spread$V({}, data), {
         disabled: isDisabled ? true : void 0
       }))), {
         children: [
@@ -7847,9 +7849,9 @@ var ListItem = function(param) {
   });
 };
 var ITEM_HORIZONTAL_PADDING = 16;
-var ICON_SIZE = 20;
+var ICON_SIZE$1 = 20;
 var ICON_GAP = 12;
-var useStyles$Q = createThemedStyles("List", {
+var useStyles$R = createThemedStyles("List", {
   root: {
     minWidth: 180,
     backgroundColor: colors.CLASSIC_WHITE,
@@ -7871,7 +7873,8 @@ var useStyles$Q = createThemedStyles("List", {
       0,
       ITEM_HORIZONTAL_PADDING
     ],
-    transition: "background-color 0.25s ease-in-out",
+    transition: animations.defaultTransition,
+    transitionProperty: "background-color",
     cursor: "pointer"
   },
   disabledItem: {
@@ -7882,17 +7885,17 @@ var useStyles$Q = createThemedStyles("List", {
     backgroundColor: colors.BORDER_LIGHT
   },
   withIconGap: {
-    paddingLeft: ITEM_HORIZONTAL_PADDING + ICON_SIZE + ICON_GAP
+    paddingLeft: ITEM_HORIZONTAL_PADDING + ICON_SIZE$1 + ICON_GAP
   },
   icon: {
-    width: ICON_SIZE,
-    height: ICON_SIZE,
+    width: ICON_SIZE$1,
+    height: ICON_SIZE$1,
     marginRight: ICON_GAP,
     flexShrink: 0
   },
   content: {}
 });
-function _define_property$U(obj, key, value) {
+function _define_property$V(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -7905,7 +7908,7 @@ function _define_property$U(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$T(target) {
+function _object_spread$U(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -7915,12 +7918,12 @@ function _object_spread$T(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$U(target, key, source[key]);
+      _define_property$V(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$K(object, enumerableOnly) {
+function ownKeys$L(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -7933,12 +7936,12 @@ function ownKeys$K(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$K(target, source) {
+function _object_spread_props$L(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$K(Object(source)).forEach(function(key) {
+    ownKeys$L(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -7946,18 +7949,18 @@ function _object_spread_props$K(target, source) {
 }
 var List = function(param) {
   var items = param.items, testId = param.testId, data = param.data, tweakStyles = param.tweakStyles, onClick = param.onClick;
-  var classes = useStyles$Q({
+  var classes = useStyles$R({
     theme: tweakStyles
   });
   var handleItemClick = function(event, item) {
     item.onClick(event);
     onClick === null || onClick === void 0 ? void 0 : onClick(event);
   };
-  return /* @__PURE__ */ jsx("div", _object_spread_props$K(_object_spread$T({
+  return /* @__PURE__ */ jsx("div", _object_spread_props$L(_object_spread$U({
     className: classes.root
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: items.map(function(item, i) {
-      return /* @__PURE__ */ jsx(ListItem, _object_spread_props$K(_object_spread$T({
+      return /* @__PURE__ */ jsx(ListItem, _object_spread_props$L(_object_spread$U({
         testId: getTestId(testId, "item-".concat(i))
       }, item), {
         onClick: function(event) {
@@ -7968,7 +7971,7 @@ var List = function(param) {
   }));
 };
 var ANIMATION_TIMEOUT = 150;
-function _define_property$T(obj, key, value) {
+function _define_property$U(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -7981,7 +7984,7 @@ function _define_property$T(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$S(target) {
+function _object_spread$T(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -7991,12 +7994,12 @@ function _object_spread$S(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$T(target, key, source[key]);
+      _define_property$U(target, key, source[key]);
     });
   }
   return target;
 }
-var useStyles$P = createThemedStyles("AccountInfo", _object_spread$S({
+var useStyles$Q = createThemedStyles("AccountInfo", _object_spread$T({
   root: {
     display: "flex"
   },
@@ -8014,13 +8017,14 @@ var useStyles$P = createThemedStyles("AccountInfo", _object_spread$S({
       10
     ],
     fontSize: 14,
-    transition: "color 0.25s ease-in-out"
+    transition: animations.defaultTransition,
+    transitionProperty: "color"
   },
   accountNameOpened: {},
   accountChevron: {
     width: 16,
     height: 16,
-    transition: "ease-in-out 0.25s",
+    transition: animations.defaultTransition,
     transitionProperty: "transform, color"
   },
   accountChevronOpened: {
@@ -8049,7 +8053,7 @@ function _array_with_holes$p(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _define_property$S(obj, key, value) {
+function _define_property$T(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -8093,7 +8097,7 @@ function _iterable_to_array_limit$p(arr, i) {
 function _non_iterable_rest$p() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$R(target) {
+function _object_spread$S(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -8103,12 +8107,12 @@ function _object_spread$R(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$S(target, key, source[key]);
+      _define_property$T(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$J(object, enumerableOnly) {
+function ownKeys$K(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -8121,12 +8125,12 @@ function ownKeys$J(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$J(target, source) {
+function _object_spread_props$K(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$J(Object(source)).forEach(function(key) {
+    ownKeys$K(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -8150,7 +8154,7 @@ function _unsupported_iterable_to_array$p(o, minLen) {
 }
 var AccountInfo = function(param) {
   var data = param.data, testId = param.testId, avatar = param.avatar, tweakStyles = param.tweakStyles, accountName = param.accountName, options = param.options;
-  var classes = useStyles$P({
+  var classes = useStyles$Q({
     theme: tweakStyles
   });
   var tweakListStyles = useTweakStyles({
@@ -8170,7 +8174,7 @@ var AccountInfo = function(param) {
   useOnClickOutsideWithRef(dropdownRef, function() {
     return setIsMenuOpen(false);
   }, nameRef);
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$J(_object_spread$R({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$K(_object_spread$S({
     className: classes.root
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
@@ -8220,7 +8224,7 @@ var AccountInfo = function(param) {
     ]
   }));
 };
-var useStyles$O = createThemedStyles("AddButton", {
+var useStyles$P = createThemedStyles("AddButton", {
   root: {
     display: "flex",
     alignItems: "center",
@@ -8246,7 +8250,7 @@ var useStyles$O = createThemedStyles("AddButton", {
     width: "100%"
   }
 });
-function _define_property$R(obj, key, value) {
+function _define_property$S(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -8259,7 +8263,7 @@ function _define_property$R(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$Q(target) {
+function _object_spread$R(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -8269,12 +8273,12 @@ function _object_spread$Q(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$R(target, key, source[key]);
+      _define_property$S(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$I(object, enumerableOnly) {
+function ownKeys$J(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -8287,12 +8291,12 @@ function ownKeys$I(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$I(target, source) {
+function _object_spread_props$J(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$I(Object(source)).forEach(function(key) {
+    ownKeys$J(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -8300,10 +8304,10 @@ function _object_spread_props$I(target, source) {
 }
 var AddButton = function(param) {
   var text = param.text, _param_type = param.type, type = _param_type === void 0 ? "button" : _param_type, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, onClick = param.onClick, _param_isFullWidth = param.isFullWidth, isFullWidth = _param_isFullWidth === void 0 ? false : _param_isFullWidth, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles;
-  var classes = useStyles$O({
+  var classes = useStyles$P({
     theme: tweakStyles
   });
-  return /* @__PURE__ */ jsxs("button", _object_spread_props$I(_object_spread$Q({
+  return /* @__PURE__ */ jsxs("button", _object_spread_props$J(_object_spread$R({
     type,
     className: clsx(classes.root, isDisabled && classes.disabled, isFullWidth && classes.fullWidth),
     onClick: !isDisabled ? onClick : void 0,
@@ -8322,7 +8326,7 @@ var AddButton = function(param) {
     ]
   }));
 };
-var useStyles$N = createThemedStyles("DotsPreloader", {
+var useStyles$O = createThemedStyles("DotsPreloader", {
   root: {
     display: "flex",
     gap: 4,
@@ -8367,7 +8371,7 @@ var useStyles$N = createThemedStyles("DotsPreloader", {
 });
 var DotsPreloader = function(param) {
   var tweakStyles = param.tweakStyles;
-  var classes = useStyles$N({
+  var classes = useStyles$O({
     theme: tweakStyles
   });
   return /* @__PURE__ */ jsx("div", {
@@ -8433,7 +8437,7 @@ var DefaultPreloader = function() {
     ]
   });
 };
-var useStyles$M = createThemedStyles("SvgPreloader", {
+var useStyles$N = createThemedStyles("SvgPreloader", {
   root: {
     display: "flex",
     width: "100%",
@@ -8443,7 +8447,7 @@ var useStyles$M = createThemedStyles("SvgPreloader", {
 var SvgPreloader = function(param) {
   var _param_type = param.type, type = _param_type === void 0 ? "default" : _param_type, tweakStyles = param.tweakStyles;
   var _theme_preloaders;
-  var classes = useStyles$M({
+  var classes = useStyles$N({
     theme: tweakStyles
   });
   var theme = useContext(ThemeContext).theme;
@@ -8457,7 +8461,7 @@ var SvgPreloader = function(param) {
     }
   }) : /* @__PURE__ */ jsx(PreloaderIcon, {});
 };
-var useStyles$L = createThemedStyles("ThemedPreloader", {
+var useStyles$M = createThemedStyles("ThemedPreloader", {
   root: {
     display: "flex"
   },
@@ -8468,7 +8472,7 @@ var useStyles$L = createThemedStyles("ThemedPreloader", {
     color: "currentColor"
   }
 });
-function _define_property$Q(obj, key, value) {
+function _define_property$R(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -8481,7 +8485,7 @@ function _define_property$Q(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$P(target) {
+function _object_spread$Q(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -8491,12 +8495,12 @@ function _object_spread$P(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$Q(target, key, source[key]);
+      _define_property$R(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$H(object, enumerableOnly) {
+function ownKeys$I(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -8509,12 +8513,12 @@ function ownKeys$H(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$H(target, source) {
+function _object_spread_props$I(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$H(Object(source)).forEach(function(key) {
+    ownKeys$I(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -8522,7 +8526,7 @@ function _object_spread_props$H(target, source) {
 }
 var ThemedPreloader = function(param) {
   var _param_type = param.type, type = _param_type === void 0 ? "default" : _param_type, _param_useCurrentColor = param.useCurrentColor, useCurrentColor = _param_useCurrentColor === void 0 ? false : _param_useCurrentColor, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles;
-  var classes = useStyles$L({
+  var classes = useStyles$M({
     theme: tweakStyles
   });
   var tweakDotsPreloaderStyles = useTweakStyles({
@@ -8535,8 +8539,8 @@ var ThemedPreloader = function(param) {
     className: "tweakSvgPreloader",
     currentComponentName: "ThemedPreloader"
   });
-  return /* @__PURE__ */ jsx("div", _object_spread_props$H(_object_spread$P({
-    className: clsx(classes.root, classes[type], _define_property$Q({}, classes.currentColor, useCurrentColor))
+  return /* @__PURE__ */ jsx("div", _object_spread_props$I(_object_spread$Q({
+    className: clsx(classes.root, classes[type], _define_property$R({}, classes.currentColor, useCurrentColor))
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: type === "dots" ? /* @__PURE__ */ jsx(DotsPreloader, {
       tweakStyles: tweakDotsPreloaderStyles
@@ -8546,7 +8550,7 @@ var ThemedPreloader = function(param) {
     })
   }));
 };
-var useStyles$K = createThemedStyles("Button", {
+var useStyles$L = createThemedStyles("Button", {
   root: {
     display: "flex",
     justifyContent: "center",
@@ -8554,7 +8558,7 @@ var useStyles$K = createThemedStyles("Button", {
     cursor: "pointer",
     outline: "none",
     boxSizing: "border-box",
-    transition: "0.25s ease-in-out",
+    transition: animations.defaultTransition,
     transitionProperty: "background-color, color, box-shadow, border-color",
     maxWidth: "100%",
     border: [
@@ -8717,7 +8721,7 @@ var dotsPreloaderStyles = {
 var getPreloaderStyles = function(size) {
   return size === "s" || size === "m" ? dotsPreloaderStyles : void 0;
 };
-function _define_property$P(obj, key, value) {
+function _define_property$Q(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -8730,7 +8734,7 @@ function _define_property$P(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$O(target) {
+function _object_spread$P(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -8740,12 +8744,12 @@ function _object_spread$O(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$P(target, key, source[key]);
+      _define_property$Q(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$G(object, enumerableOnly) {
+function ownKeys$H(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -8758,12 +8762,12 @@ function ownKeys$G(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$G(target, source) {
+function _object_spread_props$H(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$G(Object(source)).forEach(function(key) {
+    ownKeys$H(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -8771,7 +8775,7 @@ function _object_spread_props$G(target, source) {
 }
 var Button = /* @__PURE__ */ forwardRef(function(param, ref) {
   var _param_type = param.type, type = _param_type === void 0 ? "button" : _param_type, children = param.children, _param_size = param.size, size = _param_size === void 0 ? "l" : _param_size, _param_view = param.view, view = _param_view === void 0 ? "primary" : _param_view, _param_isFullWidth = param.isFullWidth, isFullWidth = _param_isFullWidth === void 0 ? false : _param_isFullWidth, _param_isInline = param.isInline, isInline = _param_isInline === void 0 ? false : _param_isInline, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isActive = param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_shouldSkipTabNavigation = param.shouldSkipTabNavigation, shouldSkipTabNavigation = _param_shouldSkipTabNavigation === void 0 ? false : _param_shouldSkipTabNavigation, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles, icon = param.icon, _param_iconPosition = param.iconPosition, iconPosition = _param_iconPosition === void 0 ? "left" : _param_iconPosition, _param_preloaderType = param.preloaderType, preloaderType = _param_preloaderType === void 0 ? "dots" : _param_preloaderType, onClick = param.onClick, onMouseDown = param.onMouseDown;
-  var classes = useStyles$K({
+  var classes = useStyles$L({
     theme: tweakStyles
   });
   var tweakPreloaderStyles = useTweakStyles({
@@ -8784,10 +8788,10 @@ var Button = /* @__PURE__ */ forwardRef(function(param, ref) {
   var hasChildren = isReactNodeNotEmpty(children);
   var hasNoAction = isDisabled || isLoading;
   var _obj, _obj1;
-  return /* @__PURE__ */ jsxs("button", _object_spread_props$G(_object_spread$O({
+  return /* @__PURE__ */ jsxs("button", _object_spread_props$H(_object_spread$P({
     ref,
     type,
-    className: clsx(classes.root, classes[size], classes[view], (_obj = {}, _define_property$P(_obj, classes.disabled, isDisabled), _define_property$P(_obj, classes.fullWidth, isFullWidth), _define_property$P(_obj, classes.inline, isInline), _define_property$P(_obj, classes.active, isActive), _define_property$P(_obj, classes.loading, isLoading), _define_property$P(_obj, classes.onlyIcon, hasIcon && !hasChildren), _obj)),
+    className: clsx(classes.root, classes[size], classes[view], (_obj = {}, _define_property$Q(_obj, classes.disabled, isDisabled), _define_property$Q(_obj, classes.fullWidth, isFullWidth), _define_property$Q(_obj, classes.inline, isInline), _define_property$Q(_obj, classes.active, isActive), _define_property$Q(_obj, classes.loading, isLoading), _define_property$Q(_obj, classes.onlyIcon, hasIcon && !hasChildren), _obj)),
     tabIndex: shouldSkipTabNavigation ? -1 : void 0,
     disabled: hasNoAction,
     onClick: !hasNoAction ? onClick : void 0,
@@ -8795,7 +8799,7 @@ var Button = /* @__PURE__ */ forwardRef(function(param, ref) {
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
       /* @__PURE__ */ jsxs("span", {
-        className: clsx(classes.content, (_obj1 = {}, _define_property$P(_obj1, classes.iconFromRight, hasChildren && hasIcon && iconPosition === "right"), _define_property$P(_obj1, classes.iconFromLeft, hasChildren && hasIcon && iconPosition === "left"), _obj1)),
+        className: clsx(classes.content, (_obj1 = {}, _define_property$Q(_obj1, classes.iconFromRight, hasChildren && hasIcon && iconPosition === "right"), _define_property$Q(_obj1, classes.iconFromLeft, hasChildren && hasIcon && iconPosition === "left"), _obj1)),
         children: [
           hasIcon && /* @__PURE__ */ jsx("span", {
             className: classes.icon,
@@ -8818,7 +8822,7 @@ var Button = /* @__PURE__ */ forwardRef(function(param, ref) {
     ]
   }));
 });
-var useStyles$J = createThemedStyles("Checkbox", {
+var useStyles$K = createThemedStyles("Checkbox", {
   root: {
     cursor: "pointer",
     display: "flex",
@@ -8866,7 +8870,7 @@ function _array_with_holes$o(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _define_property$O(obj, key, value) {
+function _define_property$P(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -8910,7 +8914,7 @@ function _iterable_to_array_limit$o(arr, i) {
 function _non_iterable_rest$o() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$N(target) {
+function _object_spread$O(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -8920,12 +8924,12 @@ function _object_spread$N(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$O(target, key, source[key]);
+      _define_property$P(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$F(object, enumerableOnly) {
+function ownKeys$G(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -8938,12 +8942,12 @@ function ownKeys$F(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$F(target, source) {
+function _object_spread_props$G(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$F(Object(source)).forEach(function(key) {
+    ownKeys$G(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -8967,7 +8971,7 @@ function _unsupported_iterable_to_array$o(o, minLen) {
 }
 function Checkbox(param) {
   var children = param.children, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isReadonly = param.isReadonly, isReadonly = _param_isReadonly === void 0 ? false : _param_isReadonly, _param_isChecked = param.isChecked, isChecked = _param_isChecked === void 0 ? false : _param_isChecked, value = param.value, data = param.data, testId = param.testId, _param_isSemiChecked = param.isSemiChecked, isSemiChecked = _param_isSemiChecked === void 0 ? false : _param_isSemiChecked, _param_labelPosition = param.labelPosition, labelPosition = _param_labelPosition === void 0 ? "right" : _param_labelPosition, tweakStyles = param.tweakStyles, onSelect = param.onSelect;
-  var classes = useStyles$J({
+  var classes = useStyles$K({
     theme: tweakStyles
   });
   var _useState = _sliced_to_array$o(useState(false), 2), isSelected = _useState[0], setIsSelected = _useState[1];
@@ -8986,11 +8990,11 @@ function Checkbox(param) {
     isChecked
   ]);
   var _obj;
-  return /* @__PURE__ */ jsxs("label", _object_spread_props$F(_object_spread$N({
-    className: clsx(classes.root, (_obj = {}, _define_property$O(_obj, classes.disabled, isDisabled), _define_property$O(_obj, classes.labelPositionLeft, labelPosition === "left"), _obj))
+  return /* @__PURE__ */ jsxs("label", _object_spread_props$G(_object_spread$O({
+    className: clsx(classes.root, (_obj = {}, _define_property$P(_obj, classes.disabled, isDisabled), _define_property$P(_obj, classes.labelPositionLeft, labelPosition === "left"), _obj))
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
-      /* @__PURE__ */ jsx("input", _object_spread$N({
+      /* @__PURE__ */ jsx("input", _object_spread$O({
         type: "checkbox",
         className: classes.input,
         checked: isSelected,
@@ -9013,7 +9017,7 @@ function Checkbox(param) {
     ]
   }));
 }
-var useStyles$I = createThemedStyles("CloseButton", {
+var useStyles$J = createThemedStyles("CloseButton", {
   root: {
     width: 40,
     height: 40,
@@ -9026,7 +9030,8 @@ var useStyles$I = createThemedStyles("CloseButton", {
     appearance: "none",
     backgroundColor: "transparent",
     cursor: "pointer",
-    transition: "background-color 0.25s ease-in-out",
+    transition: animations.defaultTransition,
+    transitionProperty: "background-color",
     "&:hover": {
       backgroundColor: rgba(colors.BORDER_MAIN, 0.5)
     },
@@ -9038,7 +9043,7 @@ var useStyles$I = createThemedStyles("CloseButton", {
     }
   }
 });
-function _define_property$N(obj, key, value) {
+function _define_property$O(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -9051,7 +9056,7 @@ function _define_property$N(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$M(target) {
+function _object_spread$N(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -9061,12 +9066,12 @@ function _object_spread$M(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$N(target, key, source[key]);
+      _define_property$O(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$E(object, enumerableOnly) {
+function ownKeys$F(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -9079,12 +9084,12 @@ function ownKeys$E(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$E(target, source) {
+function _object_spread_props$F(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$E(Object(source)).forEach(function(key) {
+    ownKeys$F(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -9092,10 +9097,10 @@ function _object_spread_props$E(target, source) {
 }
 var CloseButton = function(param) {
   var tweakStyles = param.tweakStyles, testId = param.testId, data = param.data, _param_iconType = param.iconType, iconType = _param_iconType === void 0 ? "close" : _param_iconType, onClose = param.onClose;
-  var classes = useStyles$I({
+  var classes = useStyles$J({
     theme: tweakStyles
   });
-  return /* @__PURE__ */ jsx("button", _object_spread_props$E(_object_spread$M({
+  return /* @__PURE__ */ jsx("button", _object_spread_props$F(_object_spread$N({
     type: "button",
     className: classes.root,
     onClick: onClose
@@ -9105,7 +9110,7 @@ var CloseButton = function(param) {
     })
   }));
 };
-var useStyles$H = createThemedStyles({
+var useStyles$I = createThemedStyles({
   root: {
     display: "flex",
     flexWrap: "wrap"
@@ -9198,7 +9203,7 @@ function _unsupported_iterable_to_array$n(o, minLen) {
     return _array_like_to_array$n(o, minLen);
 }
 var Colors = function() {
-  var classes = useStyles$H();
+  var classes = useStyles$I();
   var theme = useContext(ThemeContext).theme;
   var _theme_colors = theme.colors, colors2 = _theme_colors === void 0 ? {} : _theme_colors;
   return /* @__PURE__ */ jsx("div", {
@@ -9228,7 +9233,7 @@ var Colors = function() {
     })
   });
 };
-var useStyles$G = createThemedStyles("CssBaseline", {
+var useStyles$H = createThemedStyles("CssBaseline", {
   "@global html, body": {
     fontFamily: "Arial, sans-serif",
     color: colors.FONT_MAIN,
@@ -9237,7 +9242,7 @@ var useStyles$G = createThemedStyles("CssBaseline", {
   },
   root: {}
 });
-function _define_property$M(obj, key, value) {
+function _define_property$N(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -9250,7 +9255,7 @@ function _define_property$M(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$L(target) {
+function _object_spread$M(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -9260,24 +9265,24 @@ function _object_spread$L(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$M(target, key, source[key]);
+      _define_property$N(target, key, source[key]);
     });
   }
   return target;
 }
 var CssBaseline = function(param) {
   var data = param.data, testId = param.testId, tweakStyles = param.tweakStyles;
-  var classes = useStyles$G({
+  var classes = useStyles$H({
     theme: tweakStyles
   });
-  return /* @__PURE__ */ jsx("div", _object_spread$L({
+  return /* @__PURE__ */ jsx("div", _object_spread$M({
     className: classes.root
   }, addDataTestId(testId), addDataAttributes(data)));
 };
 var DEFAULT_SIZE = 6;
 var PADDING_X$1 = 12;
 var AUTOSIZE_MAX_WIDTH = 480;
-var useStyles$F = createThemedStyles("Input", {
+var useStyles$G = createThemedStyles("Input", {
   root: {
     width: "100%",
     boxSizing: "border-box",
@@ -9288,7 +9293,7 @@ var useStyles$F = createThemedStyles("Input", {
     width: "100%",
     height: dimensions.CONTROL_HEIGHT,
     boxSizing: "border-box",
-    transition: "0.25s ease-in-out",
+    transition: animations.defaultTransition,
     transitionProperty: "border-color",
     backgroundColor: "white",
     position: "relative"
@@ -9308,7 +9313,7 @@ var useStyles$F = createThemedStyles("Input", {
     outline: "none",
     boxSizing: "border-box",
     outlineStyle: "none",
-    transition: "0.25s ease-in-out",
+    transition: animations.defaultTransition,
     transitionProperty: "background-color",
     border: "none",
     background: "none",
@@ -9394,7 +9399,7 @@ var useStyles$F = createThemedStyles("Input", {
     top: "50%",
     transformOrigin: "top left",
     transform: "translateY(-50%)",
-    transition: "0.25s ease-in-out",
+    transition: animations.defaultTransition,
     transitionProperty: "transform, color",
     fontSize: 16
   },
@@ -9503,7 +9508,8 @@ var useStyles$F = createThemedStyles("Input", {
       4
     ],
     width: 20,
-    transition: "color 0.25s ease-in-out",
+    transition: animations.defaultTransition,
+    transitionProperty: "color",
     boxSizing: "content-box",
     "&:last-child": {
       paddingRight: 8
@@ -9590,7 +9596,7 @@ function _async_to_generator$5(fn3) {
     });
   };
 }
-function _define_property$L(obj, key, value) {
+function _define_property$M(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -9634,7 +9640,7 @@ function _iterable_to_array_limit$m(arr, i) {
 function _non_iterable_rest$m() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$K(target) {
+function _object_spread$L(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -9644,12 +9650,12 @@ function _object_spread$K(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$L(target, key, source[key]);
+      _define_property$M(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$D(object, enumerableOnly) {
+function ownKeys$E(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -9662,21 +9668,21 @@ function ownKeys$D(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$D(target, source) {
+function _object_spread_props$E(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$D(Object(source)).forEach(function(key) {
+    ownKeys$E(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
 }
-function _object_without_properties$d(source, excluded) {
+function _object_without_properties$e(source, excluded) {
   if (source == null)
     return {};
-  var target = _object_without_properties_loose$d(source, excluded);
+  var target = _object_without_properties_loose$e(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -9691,7 +9697,7 @@ function _object_without_properties$d(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$d(source, excluded) {
+function _object_without_properties_loose$e(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -9824,7 +9830,7 @@ function _ts_generator$5(thisArg, body) {
   }
 }
 var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
-  var _param_value = _param.value, value = _param_value === void 0 ? "" : _param_value, label = _param.label, placeholder = _param.placeholder, _param_type = _param.type, type = _param_type === void 0 ? "text" : _param_type, isDisabled = _param.isDisabled, _param_isReadonly = _param.isReadonly, isReadonly = _param_isReadonly === void 0 ? false : _param_isReadonly, _param_hasFloatingLabel = _param.hasFloatingLabel, hasFloatingLabel = _param_hasFloatingLabel === void 0 ? true : _param_hasFloatingLabel, _param_isInvalid = _param.isInvalid, isInvalid = _param_isInvalid === void 0 ? false : _param_isInvalid, _param_isActive = _param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isClearable = _param.isClearable, isClearable = _param_isClearable === void 0 ? false : _param_isClearable, infoMessage = _param.infoMessage, errorMessage = _param.errorMessage, _param_errorPosition = _param.errorPosition, errorPosition = _param_errorPosition === void 0 ? "bottom" : _param_errorPosition, inlineStyle = _param.inlineStyle, border = _param.border, _param_isRequired = _param.isRequired, isRequired = _param_isRequired === void 0 ? false : _param_isRequired, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_isAutoSizeable = _param.isAutoSizeable, isAutoSizeable = _param_isAutoSizeable === void 0 ? false : _param_isAutoSizeable, _param_defaultSize = _param.defaultSize, defaultSize = _param_defaultSize === void 0 ? DEFAULT_SIZE : _param_defaultSize, iconType = _param.iconType, hasRequiredLabel = _param.hasRequiredLabel, data = _param.data, tweakStyles = _param.tweakStyles, _param_shouldFocusOnMount = _param.shouldFocusOnMount, shouldFocusOnMount = _param_shouldFocusOnMount === void 0 ? false : _param_shouldFocusOnMount, units = _param.units, testId = _param.testId, onChange = _param.onChange, onFocus = _param.onFocus, onBlur = _param.onBlur, onIconClick = _param.onIconClick, mask = _param.mask, maskPlaceholder = _param.maskPlaceholder, alwaysShowMask = _param.alwaysShowMask, _param_shouldAlwaysShowPlaceholder = _param.shouldAlwaysShowPlaceholder, shouldAlwaysShowPlaceholder = _param_shouldAlwaysShowPlaceholder === void 0 ? false : _param_shouldAlwaysShowPlaceholder, beforeMaskedStateChange = _param.beforeMaskedStateChange, inputProps = _object_without_properties$d(_param, [
+  var _param_value = _param.value, value = _param_value === void 0 ? "" : _param_value, label = _param.label, placeholder = _param.placeholder, _param_type = _param.type, type = _param_type === void 0 ? "text" : _param_type, isDisabled = _param.isDisabled, _param_isReadonly = _param.isReadonly, isReadonly = _param_isReadonly === void 0 ? false : _param_isReadonly, _param_hasFloatingLabel = _param.hasFloatingLabel, hasFloatingLabel = _param_hasFloatingLabel === void 0 ? true : _param_hasFloatingLabel, _param_isInvalid = _param.isInvalid, isInvalid = _param_isInvalid === void 0 ? false : _param_isInvalid, _param_isActive = _param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isClearable = _param.isClearable, isClearable = _param_isClearable === void 0 ? false : _param_isClearable, infoMessage = _param.infoMessage, errorMessage = _param.errorMessage, _param_errorPosition = _param.errorPosition, errorPosition = _param_errorPosition === void 0 ? "bottom" : _param_errorPosition, inlineStyle = _param.inlineStyle, border = _param.border, _param_isRequired = _param.isRequired, isRequired = _param_isRequired === void 0 ? false : _param_isRequired, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_isAutoSizeable = _param.isAutoSizeable, isAutoSizeable = _param_isAutoSizeable === void 0 ? false : _param_isAutoSizeable, _param_defaultSize = _param.defaultSize, defaultSize = _param_defaultSize === void 0 ? DEFAULT_SIZE : _param_defaultSize, iconType = _param.iconType, hasRequiredLabel = _param.hasRequiredLabel, data = _param.data, tweakStyles = _param.tweakStyles, _param_shouldFocusOnMount = _param.shouldFocusOnMount, shouldFocusOnMount = _param_shouldFocusOnMount === void 0 ? false : _param_shouldFocusOnMount, units = _param.units, testId = _param.testId, onChange = _param.onChange, onFocus = _param.onFocus, onBlur = _param.onBlur, onIconClick = _param.onIconClick, mask = _param.mask, maskPlaceholder = _param.maskPlaceholder, alwaysShowMask = _param.alwaysShowMask, _param_shouldAlwaysShowPlaceholder = _param.shouldAlwaysShowPlaceholder, shouldAlwaysShowPlaceholder = _param_shouldAlwaysShowPlaceholder === void 0 ? false : _param_shouldAlwaysShowPlaceholder, beforeMaskedStateChange = _param.beforeMaskedStateChange, inputProps = _object_without_properties$e(_param, [
     "value",
     "label",
     "placeholder",
@@ -9861,7 +9867,7 @@ var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
     "shouldAlwaysShowPlaceholder",
     "beforeMaskedStateChange"
   ]);
-  var classes = useStyles$F({
+  var classes = useStyles$G({
     theme: tweakStyles
   });
   var tweakPreloaderStyles = useTweakStyles({
@@ -9915,8 +9921,8 @@ var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
   var hasPlaceholder = (!hasLabel || hasFocus && !isReadonly || shouldAlwaysShowPlaceholder) && isStringNotEmpty(placeholder);
   var shouldShowUnits = (hasValue || isFocused && !hasPlaceholder) && hasUnits;
   var _obj;
-  var props = _object_spread_props$D(_object_spread$K({}, inputProps, addDataTestId(testId)), {
-    className: clsx(classes.input, (_obj = {}, _define_property$L(_obj, classes.withFloatingLabel, hasFloatingLabel && hasLabel), _define_property$L(_obj, classes.withIcons, hasControls), _define_property$L(_obj, classes.withControls, hasControls), _define_property$L(_obj, classes.withUnits, shouldShowUnits), _define_property$L(_obj, classes.floatingLabelWithoutPadding, hasFloatingLabel && hasLabel && border === "bottom"), _obj)),
+  var props = _object_spread_props$E(_object_spread$L({}, inputProps, addDataTestId(testId)), {
+    className: clsx(classes.input, (_obj = {}, _define_property$M(_obj, classes.withFloatingLabel, hasFloatingLabel && hasLabel), _define_property$M(_obj, classes.withIcons, hasControls), _define_property$M(_obj, classes.withControls, hasControls), _define_property$M(_obj, classes.withUnits, shouldShowUnits), _define_property$M(_obj, classes.floatingLabelWithoutPadding, hasFloatingLabel && hasLabel && border === "bottom"), _obj)),
     onFocus: handleFocus,
     onBlur: handleBlur,
     onChange: handleChange,
@@ -9932,14 +9938,14 @@ var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
   return /* @__PURE__ */ jsxs("div", {
     className: classes.root,
     children: [
-      /* @__PURE__ */ jsxs("div", _object_spread_props$D(_object_spread$K({
-        className: clsx(classes.inputWrapper, (_obj1 = {}, _define_property$L(_obj1, classes.required, isRequired && !hasRequiredLabel), _define_property$L(_obj1, classes.invalid, isInvalid), _define_property$L(_obj1, classes.focused, hasFocus), _define_property$L(_obj1, classes.disabled, isDisabled), _define_property$L(_obj1, classes.autosize, isAutoSizeable), _obj1), inlineStyle !== void 0 && classes[inlineStyle], border !== void 0 && classes["border-".concat(border)]),
+      /* @__PURE__ */ jsxs("div", _object_spread_props$E(_object_spread$L({
+        className: clsx(classes.inputWrapper, (_obj1 = {}, _define_property$M(_obj1, classes.required, isRequired && !hasRequiredLabel), _define_property$M(_obj1, classes.invalid, isInvalid), _define_property$M(_obj1, classes.focused, hasFocus), _define_property$M(_obj1, classes.disabled, isDisabled), _define_property$M(_obj1, classes.autosize, isAutoSizeable), _obj1), inlineStyle !== void 0 && classes[inlineStyle], border !== void 0 && classes["border-".concat(border)]),
         "data-value": isAutoSizeable ? value : void 0
       }, addDataAttributes(data)), {
         children: [
-          mask === void 0 ? /* @__PURE__ */ jsx("input", _object_spread$K({
+          mask === void 0 ? /* @__PURE__ */ jsx("input", _object_spread$L({
             ref: ref !== null && ref !== void 0 ? ref : inputRef
-          }, props)) : /* @__PURE__ */ jsx(InputMask, _object_spread$K({
+          }, props)) : /* @__PURE__ */ jsx(InputMask, _object_spread$L({
             ref: ref !== null && ref !== void 0 ? ref : inputRef,
             mask,
             maskPlaceholder,
@@ -9947,12 +9953,12 @@ var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
             beforeMaskedStateChange
           }, props)),
           hasLabel && /* @__PURE__ */ jsx("span", {
-            className: clsx(classes.label, (_obj2 = {}, _define_property$L(_obj2, classes.invalidLabel, isInvalid), _define_property$L(_obj2, classes.requiredLabel, hasRequiredLabel && !isRequired), _define_property$L(_obj2, classes.activeLabel, hasFocus && !isReadonly || hasValue), _define_property$L(_obj2, classes.floating, hasFloatingLabel), // Обсуждаемо, сделал так, потому что не хочется создавать новую пропсу, на каждый чих в стилях
-            _define_property$L(_obj2, classes.floatingWithoutPadding, hasFloatingLabel && border === "bottom"), _obj2)),
+            className: clsx(classes.label, (_obj2 = {}, _define_property$M(_obj2, classes.invalidLabel, isInvalid), _define_property$M(_obj2, classes.requiredLabel, hasRequiredLabel && !isRequired), _define_property$M(_obj2, classes.activeLabel, hasFocus && !isReadonly || hasValue), _define_property$M(_obj2, classes.floating, hasFloatingLabel), // Обсуждаемо, сделал так, потому что не хочется создавать новую пропсу, на каждый чих в стилях
+            _define_property$M(_obj2, classes.floatingWithoutPadding, hasFloatingLabel && border === "bottom"), _obj2)),
             children: label
           }),
           shouldShowUnits && /* @__PURE__ */ jsxs("div", {
-            className: clsx(classes.unitsWrapper, _define_property$L({}, classes.withFloatingLabel, hasFloatingLabel && hasLabel)),
+            className: clsx(classes.unitsWrapper, _define_property$M({}, classes.withFloatingLabel, hasFloatingLabel && hasLabel)),
             children: [
               /* @__PURE__ */ jsx("span", {
                 className: classes.fakeValue,
@@ -9984,7 +9990,7 @@ var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
                 })
               }),
               isReactNodeNotEmpty(iconType) && /* @__PURE__ */ jsx("div", {
-                className: clsx(classes.inputIcon, _define_property$L({}, classes.activeIcon, !isDisabled && onIconClick !== void 0)),
+                className: clsx(classes.inputIcon, _define_property$M({}, classes.activeIcon, !isDisabled && onIconClick !== void 0)),
                 onClick: !isDisabled ? onIconClick : void 0,
                 children: renderIcon(iconType)
               })
@@ -10005,7 +10011,7 @@ var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
 });
 var EMPTY_DATE_INPUT_VALUE = "__.__.____";
 var EMPTY_DATE_RANGE_INPUT_VALUE = "".concat(EMPTY_DATE_INPUT_VALUE, " - ").concat(EMPTY_DATE_INPUT_VALUE);
-var useStyles$E = createThemedStyles("DateInput", {
+var useStyles$F = createThemedStyles("DateInput", {
   root: {
     width: "100%",
     height: "100%",
@@ -10013,7 +10019,7 @@ var useStyles$E = createThemedStyles("DateInput", {
     position: "relative"
   }
 });
-function _define_property$K(obj, key, value) {
+function _define_property$L(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -10026,7 +10032,7 @@ function _define_property$K(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$J(target) {
+function _object_spread$K(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -10036,12 +10042,12 @@ function _object_spread$J(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$K(target, key, source[key]);
+      _define_property$L(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$C(object, enumerableOnly) {
+function ownKeys$D(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -10054,21 +10060,21 @@ function ownKeys$C(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$C(target, source) {
+function _object_spread_props$D(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$C(Object(source)).forEach(function(key) {
+    ownKeys$D(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
 }
-function _object_without_properties$c(source, excluded) {
+function _object_without_properties$d(source, excluded) {
   if (source == null)
     return {};
-  var target = _object_without_properties_loose$c(source, excluded);
+  var target = _object_without_properties_loose$d(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -10083,7 +10089,7 @@ function _object_without_properties$c(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$c(source, excluded) {
+function _object_without_properties_loose$d(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -10098,7 +10104,7 @@ function _object_without_properties_loose$c(source, excluded) {
   return target;
 }
 var DateInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
-  var date = _param.date, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? "" : _param_startDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? "" : _param_endDate, mask = _param.mask, className = _param.className, placeholder = _param.placeholder, data = _param.data, _param_isRange = _param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange, tweakStyles = _param.tweakStyles, onClick = _param.onClick, onChange = _param.onChange, inputProps = _object_without_properties$c(_param, [
+  var date = _param.date, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? "" : _param_startDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? "" : _param_endDate, mask = _param.mask, className = _param.className, placeholder = _param.placeholder, data = _param.data, _param_isRange = _param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange, tweakStyles = _param.tweakStyles, onClick = _param.onClick, onChange = _param.onChange, inputProps = _object_without_properties$d(_param, [
     "date",
     "startDate",
     "endDate",
@@ -10111,7 +10117,7 @@ var DateInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
     "onClick",
     "onChange"
   ]);
-  var classes = useStyles$E({
+  var classes = useStyles$F({
     theme: tweakStyles
   });
   var tweakInputStyles = useTweakStyles({
@@ -10138,11 +10144,11 @@ var DateInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
     }
     onChange === null || onChange === void 0 ? void 0 : onChange(event, value);
   };
-  return /* @__PURE__ */ jsx("div", _object_spread_props$C(_object_spread$J({
+  return /* @__PURE__ */ jsx("div", _object_spread_props$D(_object_spread$K({
     className: clsx(classes.root, className),
     onClick
   }, addDataAttributes(data)), {
-    children: /* @__PURE__ */ jsx(Input, _object_spread_props$C(_object_spread$J({}, inputProps), {
+    children: /* @__PURE__ */ jsx(Input, _object_spread_props$D(_object_spread$K({}, inputProps), {
       ref,
       value: isRange ? "".concat(startDate).concat(endDate) : date,
       mask: mask !== null && mask !== void 0 ? mask : isRange ? "99.99.9999 - 99.99.9999" : "99.99.9999",
@@ -10155,7 +10161,7 @@ var DateInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
 });
 const reactDatepicker = "";
 var LEFT_PADDING = 44;
-var useStyles$D = createThemedStyles("SearchInput", {
+var useStyles$E = createThemedStyles("SearchInput", {
   root: {
     position: "relative"
   },
@@ -10192,7 +10198,7 @@ var inputStyles$4 = {
     fontSize: 14
   }
 };
-function _define_property$J(obj, key, value) {
+function _define_property$K(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -10205,7 +10211,7 @@ function _define_property$J(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$I(target) {
+function _object_spread$J(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -10215,12 +10221,12 @@ function _object_spread$I(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$J(target, key, source[key]);
+      _define_property$K(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$B(object, enumerableOnly) {
+function ownKeys$C(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -10233,21 +10239,21 @@ function ownKeys$B(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$B(target, source) {
+function _object_spread_props$C(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$B(Object(source)).forEach(function(key) {
+    ownKeys$C(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
 }
-function _object_without_properties$b(source, excluded) {
+function _object_without_properties$c(source, excluded) {
   if (source == null)
     return {};
-  var target = _object_without_properties_loose$b(source, excluded);
+  var target = _object_without_properties_loose$c(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -10262,7 +10268,7 @@ function _object_without_properties$b(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$b(source, excluded) {
+function _object_without_properties_loose$c(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -10277,13 +10283,13 @@ function _object_without_properties_loose$b(source, excluded) {
   return target;
 }
 var SearchInput = function(_param) {
-  var _param_isClearable = _param.isClearable, isClearable = _param_isClearable === void 0 ? true : _param_isClearable, tweakStyles = _param.tweakStyles, testId = _param.testId, data = _param.data, props = _object_without_properties$b(_param, [
+  var _param_isClearable = _param.isClearable, isClearable = _param_isClearable === void 0 ? true : _param_isClearable, tweakStyles = _param.tweakStyles, testId = _param.testId, data = _param.data, props = _object_without_properties$c(_param, [
     "isClearable",
     "tweakStyles",
     "testId",
     "data"
   ]);
-  var classes = useStyles$D({
+  var classes = useStyles$E({
     theme: tweakStyles
   });
   var tweakInputStyles = useTweakStyles({
@@ -10292,7 +10298,7 @@ var SearchInput = function(_param) {
     className: "tweakInput",
     currentComponentName: "SearchInput"
   });
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$B(_object_spread$I({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$C(_object_spread$J({
     className: classes.root
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
@@ -10302,7 +10308,7 @@ var SearchInput = function(_param) {
           type: "search"
         })
       }),
-      /* @__PURE__ */ jsx(Input, _object_spread$I({
+      /* @__PURE__ */ jsx(Input, _object_spread$J({
         isClearable,
         isActive: props.value !== "" && props.value !== void 0,
         testId: getTestId(testId, "input"),
@@ -10350,7 +10356,7 @@ function _create_class(Constructor, protoProps, staticProps) {
     _defineProperties(Constructor, staticProps);
   return Constructor;
 }
-function _define_property$I(obj, key, value) {
+function _define_property$J(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -10383,7 +10389,7 @@ function _inherits(subClass, superClass) {
   if (superClass)
     _set_prototype_of(subClass, superClass);
 }
-function _object_spread$H(target) {
+function _object_spread$I(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -10393,15 +10399,15 @@ function _object_spread$H(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$I(target, key, source[key]);
+      _define_property$J(target, key, source[key]);
     });
   }
   return target;
 }
-function _object_without_properties$a(source, excluded) {
+function _object_without_properties$b(source, excluded) {
   if (source == null)
     return {};
-  var target = _object_without_properties_loose$a(source, excluded);
+  var target = _object_without_properties_loose$b(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -10416,7 +10422,7 @@ function _object_without_properties$a(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$a(source, excluded) {
+function _object_without_properties_loose$b(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -10482,8 +10488,8 @@ var ScrollIntoViewIfNeeded = /* @__PURE__ */ function(PureComponent2) {
     _class_call_check(this, ScrollIntoViewIfNeeded2);
     var _this;
     _this = _super.apply(this, arguments);
-    _define_property$I(_assert_this_initialized(_this), "node", createRef());
-    _define_property$I(_assert_this_initialized(_this), "handleScrollIntoViewIfNeeded", function() {
+    _define_property$J(_assert_this_initialized(_this), "node", createRef());
+    _define_property$J(_assert_this_initialized(_this), "handleScrollIntoViewIfNeeded", function() {
       var options = _this.props.options;
       var _this_node = _this.node, node = _this_node.current;
       if (node) {
@@ -10519,13 +10525,13 @@ var ScrollIntoViewIfNeeded = /* @__PURE__ */ function(PureComponent2) {
         _this_props.active;
         var elementType = _this_props.elementType, children = _this_props.children;
         _this_props.options;
-        var wrapperProps = _object_without_properties$a(_this_props, [
+        var wrapperProps = _object_without_properties$b(_this_props, [
           "active",
           "elementType",
           "children",
           "options"
         ]);
-        return createElement(elementType !== null && elementType !== void 0 ? elementType : ScrollIntoViewIfNeededDefaultElementType, _object_spread$H({
+        return createElement(elementType !== null && elementType !== void 0 ? elementType : ScrollIntoViewIfNeededDefaultElementType, _object_spread$I({
           ref: this.node
         }, wrapperProps), children);
       }
@@ -10533,10 +10539,10 @@ var ScrollIntoViewIfNeeded = /* @__PURE__ */ function(PureComponent2) {
   ]);
   return ScrollIntoViewIfNeeded2;
 }(PureComponent);
-_define_property$I(ScrollIntoViewIfNeeded, "defaultProps", ScrollIntoViewIfNeededDefaultProps);
+_define_property$J(ScrollIntoViewIfNeeded, "defaultProps", ScrollIntoViewIfNeededDefaultProps);
 var DEFAULT_OPTION_INDEX = -2;
 var ALL_OPTION_INDEX = -1;
-function _define_property$H(obj, key, value) {
+function _define_property$I(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -10549,7 +10555,7 @@ function _define_property$H(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$G(target) {
+function _object_spread$H(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -10559,7 +10565,7 @@ function _object_spread$G(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$H(target, key, source[key]);
+      _define_property$I(target, key, source[key]);
     });
   }
   return target;
@@ -10570,7 +10576,7 @@ var CELL_PADDING = [
   10,
   20
 ];
-var useStyles$C = createThemedStyles("SelectList", {
+var useStyles$D = createThemedStyles("SelectList", {
   root: {
     borderRadius: dimensions.BORDER_RADIUS_SMALL,
     boxShadow: "0 13px 74px -27px rgba(0, 0, 0, 0.11)",
@@ -10594,7 +10600,7 @@ var useStyles$C = createThemedStyles("SelectList", {
       ]
     }
   },
-  list: _object_spread$G({
+  list: _object_spread$H({
     height: "100%",
     maxHeight: ROW_HEIGHT$1 * 6,
     cursor: "pointer",
@@ -10637,7 +10643,7 @@ var checkboxStyles$1 = {
     display: "none"
   }
 };
-function _define_property$G(obj, key, value) {
+function _define_property$H(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -10650,7 +10656,7 @@ function _define_property$G(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$F(target) {
+function _object_spread$G(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -10660,12 +10666,12 @@ function _object_spread$F(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$G(target, key, source[key]);
+      _define_property$H(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$A(object, enumerableOnly) {
+function ownKeys$B(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -10678,12 +10684,12 @@ function ownKeys$A(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$A(target, source) {
+function _object_spread_props$B(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$A(Object(source)).forEach(function(key) {
+    ownKeys$B(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -10693,12 +10699,12 @@ var SelectListItem = function(param) {
   var classes = param.classes, index = param.index, isSemiChecked = param.isSemiChecked, isDisabled = param.isDisabled, isActive = param.isActive, children = param.children, isFocused = param.isFocused, onOptionSelect = param.onOptionSelect, onToggleCheckbox = param.onToggleCheckbox;
   var isMultiSelect = isNotEmpty(onToggleCheckbox);
   var _obj;
-  return /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, _object_spread_props$A(_object_spread$F({
+  return /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, _object_spread_props$B(_object_spread$G({
     active: isFocused,
     options: {
       block: "nearest"
     },
-    className: clsx(classes.cell, (_obj = {}, _define_property$G(_obj, classes.cellWithCheckbox, isMultiSelect), _define_property$G(_obj, classes.focused, isFocused), _define_property$G(_obj, classes.active, isActive && !isMultiSelect), _define_property$G(_obj, classes.disabled, isDisabled), _obj))
+    className: clsx(classes.cell, (_obj = {}, _define_property$H(_obj, classes.cellWithCheckbox, isMultiSelect), _define_property$H(_obj, classes.focused, isFocused), _define_property$H(_obj, classes.active, isActive && !isMultiSelect), _define_property$H(_obj, classes.disabled, isDisabled), _obj))
   }, addDataAttributes({
     disabled: isDisabled,
     active: isActive,
@@ -10720,7 +10726,7 @@ var SelectListItem = function(param) {
     }) : children
   }));
 };
-function _define_property$F(obj, key, value) {
+function _define_property$G(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -10733,7 +10739,7 @@ function _define_property$F(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$E(target) {
+function _object_spread$F(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -10743,12 +10749,12 @@ function _object_spread$E(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$F(target, key, source[key]);
+      _define_property$G(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$z(object, enumerableOnly) {
+function ownKeys$A(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -10761,12 +10767,12 @@ function ownKeys$z(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$z(target, source) {
+function _object_spread_props$A(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$z(Object(source)).forEach(function(key) {
+    ownKeys$A(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -10774,7 +10780,7 @@ function _object_spread_props$z(target, source) {
 }
 function SelectList(param) {
   var options = param.options, focusedIndex = param.focusedIndex, activeValue = param.activeValue, defaultOptionLabel = param.defaultOptionLabel, _param_noMatchesLabel = param.noMatchesLabel, noMatchesLabel = _param_noMatchesLabel === void 0 ? "Совпадений не найдено" : _param_noMatchesLabel, isLoading = param.isLoading, _param_loadingLabel = param.loadingLabel, loadingLabel = _param_loadingLabel === void 0 ? "Загрузка..." : _param_loadingLabel, tweakStyles = param.tweakStyles, testId = param.testId, _param_shouldScrollToList = param.shouldScrollToList, shouldScrollToList = _param_shouldScrollToList === void 0 ? true : _param_shouldScrollToList, areAllOptionsSelected = param.areAllOptionsSelected, customListHeader = param.customListHeader, isOptionDisabled = param.isOptionDisabled, allOptionsLabel = param.allOptionsLabel, onOptionSelect = param.onOptionSelect, onToggleCheckbox = param.onToggleCheckbox, convertValueToString = param.convertValueToString, _param_convertValueToReactNode = param.convertValueToReactNode, convertValueToReactNode = _param_convertValueToReactNode === void 0 ? convertValueToString : _param_convertValueToReactNode, convertValueToId = param.convertValueToId;
-  var classes = useStyles$C({
+  var classes = useStyles$D({
     theme: tweakStyles
   });
   var isMultiSelect = isNotEmpty(onToggleCheckbox);
@@ -10811,13 +10817,13 @@ function SelectList(param) {
   };
   return /* @__PURE__ */ jsxs(ScrollIntoViewIfNeeded, {
     active: shouldScrollToList && !isMultiSelect,
-    className: clsx(classes.root, _define_property$F({}, classes.withListHeader, isReactNodeNotEmpty(customListHeader))),
+    className: clsx(classes.root, _define_property$G({}, classes.withListHeader, isReactNodeNotEmpty(customListHeader))),
     children: [
       isReactNodeNotEmpty(customListHeader) && /* @__PURE__ */ jsx("div", {
         className: classes.listHeader,
         children: customListHeader
       }),
-      /* @__PURE__ */ jsx("div", _object_spread_props$z(_object_spread$E({
+      /* @__PURE__ */ jsx("div", _object_spread_props$A(_object_spread$F({
         className: classes.list
       }, addDataTestId(testId)), {
         children: isLoading ? /* @__PURE__ */ jsx("div", {
@@ -10890,7 +10896,7 @@ var getDefaultConvertToIdFunction = function(convertValueToString) {
 var isMultiSelectValue = function(props, _value) {
   return props.isMultiSelect === true;
 };
-var useStyles$B = createThemedStyles("Select", {
+var useStyles$C = createThemedStyles("Select", {
   root: {
     width: "100%",
     position: "relative",
@@ -11039,7 +11045,7 @@ function _async_to_generator$4(fn3) {
     });
   };
 }
-function _define_property$E(obj, key, value) {
+function _define_property$F(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -11090,7 +11096,7 @@ function _non_iterable_rest$l() {
 function _non_iterable_spread$6() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$D(target) {
+function _object_spread$E(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -11100,12 +11106,12 @@ function _object_spread$D(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$E(target, key, source[key]);
+      _define_property$F(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$y(object, enumerableOnly) {
+function ownKeys$z(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -11118,21 +11124,21 @@ function ownKeys$y(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$y(target, source) {
+function _object_spread_props$z(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$y(Object(source)).forEach(function(key) {
+    ownKeys$z(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
 }
-function _object_without_properties$9(source, excluded) {
+function _object_without_properties$a(source, excluded) {
   if (source == null)
     return {};
-  var target = _object_without_properties_loose$9(source, excluded);
+  var target = _object_without_properties_loose$a(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -11147,7 +11153,7 @@ function _object_without_properties$9(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$9(source, excluded) {
+function _object_without_properties_loose$a(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -11283,7 +11289,7 @@ function _ts_generator$4(thisArg, body) {
   }
 }
 function Select(props) {
-  var options = props.options, value = props.value, defaultOptionLabel = props.defaultOptionLabel, allOptionsLabel = props.allOptionsLabel, _props_debounceTime = props.debounceTime, debounceTime = _props_debounceTime === void 0 ? 400 : _props_debounceTime, _props_optionsMode = props.optionsMode, optionsMode = _props_optionsMode === void 0 ? "normal" : _props_optionsMode, noMatchesLabel = props.noMatchesLabel, loadingLabel = props.loadingLabel, tweakStyles = props.tweakStyles, testId = props.testId, isReadonly = props.isReadonly, isDisabled = props.isDisabled, dropdownOptions = props.dropdownOptions, _props_minSymbolsCountToOpenList = props.minSymbolsCountToOpenList, minSymbolsCountToOpenList = _props_minSymbolsCountToOpenList === void 0 ? 0 : _props_minSymbolsCountToOpenList, _props_dropdownIcon = props.dropdownIcon, dropdownIcon = _props_dropdownIcon === void 0 ? "chevron-down" : _props_dropdownIcon, _props_shouldScrollToList = props.shouldScrollToList, shouldScrollToList = _props_shouldScrollToList === void 0 ? true : _props_shouldScrollToList, searchInput = props.searchInput, iconType = props.iconType, onChange = props.onChange, onFocus = props.onFocus, onBlur = props.onBlur, onType = props.onType, onOpen = props.onOpen, _props_isOptionDisabled = props.isOptionDisabled, isOptionDisabled = _props_isOptionDisabled === void 0 ? defaultIsOptionDisabled : _props_isOptionDisabled, _props_compareValuesOnChange = props.compareValuesOnChange, compareValuesOnChange = _props_compareValuesOnChange === void 0 ? defaultCompareFunction : _props_compareValuesOnChange, _props_convertValueToString = props.convertValueToString, convertValueToString = _props_convertValueToString === void 0 ? defaultConvertFunction$2 : _props_convertValueToString, convertValueToId = props.convertValueToId, convertValueToReactNode = props.convertValueToReactNode, optionsFilter = props.optionsFilter, inputProps = _object_without_properties$9(props, [
+  var options = props.options, value = props.value, defaultOptionLabel = props.defaultOptionLabel, allOptionsLabel = props.allOptionsLabel, _props_debounceTime = props.debounceTime, debounceTime = _props_debounceTime === void 0 ? 400 : _props_debounceTime, _props_optionsMode = props.optionsMode, optionsMode = _props_optionsMode === void 0 ? "normal" : _props_optionsMode, noMatchesLabel = props.noMatchesLabel, loadingLabel = props.loadingLabel, tweakStyles = props.tweakStyles, testId = props.testId, isReadonly = props.isReadonly, isDisabled = props.isDisabled, dropdownOptions = props.dropdownOptions, _props_minSymbolsCountToOpenList = props.minSymbolsCountToOpenList, minSymbolsCountToOpenList = _props_minSymbolsCountToOpenList === void 0 ? 0 : _props_minSymbolsCountToOpenList, _props_dropdownIcon = props.dropdownIcon, dropdownIcon = _props_dropdownIcon === void 0 ? "chevron-down" : _props_dropdownIcon, _props_shouldScrollToList = props.shouldScrollToList, shouldScrollToList = _props_shouldScrollToList === void 0 ? true : _props_shouldScrollToList, searchInput = props.searchInput, iconType = props.iconType, onChange = props.onChange, onFocus = props.onFocus, onBlur = props.onBlur, onType = props.onType, onOpen = props.onOpen, _props_isOptionDisabled = props.isOptionDisabled, isOptionDisabled = _props_isOptionDisabled === void 0 ? defaultIsOptionDisabled : _props_isOptionDisabled, _props_compareValuesOnChange = props.compareValuesOnChange, compareValuesOnChange = _props_compareValuesOnChange === void 0 ? defaultCompareFunction : _props_compareValuesOnChange, _props_convertValueToString = props.convertValueToString, convertValueToString = _props_convertValueToString === void 0 ? defaultConvertFunction$2 : _props_convertValueToString, convertValueToId = props.convertValueToId, convertValueToReactNode = props.convertValueToReactNode, optionsFilter = props.optionsFilter, inputProps = _object_without_properties$a(props, [
     "options",
     "value",
     "defaultOptionLabel",
@@ -11314,10 +11320,10 @@ function Select(props) {
     "convertValueToReactNode",
     "optionsFilter"
   ]);
-  var classes = useStyles$B({
+  var classes = useStyles$C({
     theme: tweakStyles
   });
-  var _ref = searchInput !== null && searchInput !== void 0 ? searchInput : {}, tmp = _ref.shouldRenderInList, shouldRenderSearchInputInList = tmp === void 0 ? false : tmp, searchInputProps = _object_without_properties$9(_ref, [
+  var _ref = searchInput !== null && searchInput !== void 0 ? searchInput : {}, tmp = _ref.shouldRenderInList, shouldRenderSearchInputInList = tmp === void 0 ? false : tmp, searchInputProps = _object_without_properties$a(_ref, [
     "shouldRenderInList"
   ]);
   var hasSearchInputInList = optionsMode !== "normal" && shouldRenderSearchInputInList;
@@ -11652,8 +11658,8 @@ function Select(props) {
     isOpen
   ]);
   var _obj;
-  var listEl = /* @__PURE__ */ jsx("div", _object_spread_props$y(_object_spread$D({
-    className: clsx(classes.listWrapper, (_obj = {}, _define_property$E(_obj, classes.withoutPopper, !shouldUsePopper), _define_property$E(_obj, classes.listWrapperInBody, shouldRenderInBody), _obj)),
+  var listEl = /* @__PURE__ */ jsx("div", _object_spread_props$z(_object_spread$E({
+    className: clsx(classes.listWrapper, (_obj = {}, _define_property$F(_obj, classes.withoutPopper, !shouldUsePopper), _define_property$F(_obj, classes.listWrapperInBody, shouldRenderInBody), _obj)),
     ref: list,
     style: popperData === null || popperData === void 0 ? void 0 : popperData.styles.popper,
     onBlur: handleBlur
@@ -11663,7 +11669,7 @@ function Select(props) {
       defaultOptionLabel: hasDefaultOption && shouldShowDefaultOption && defaultOptionLabel,
       allOptionsLabel: shouldShowAllOption && allOptionsLabel,
       areAllOptionsSelected,
-      customListHeader: hasSearchInputInList && /* @__PURE__ */ jsx(SearchInput, _object_spread$D({
+      customListHeader: hasSearchInputInList && /* @__PURE__ */ jsx(SearchInput, _object_spread$E({
         value: searchValue,
         onChange: handleInputChange,
         tweakStyles: tweakSearchInputStyles,
@@ -11710,7 +11716,7 @@ function Select(props) {
         onClick: isDisabled ? void 0 : handleOnClick,
         ref: inputWrapper,
         children: [
-          /* @__PURE__ */ jsx(Input, _object_spread$D({
+          /* @__PURE__ */ jsx(Input, _object_spread$E({
             value: searchValue !== "" && !shouldRenderSearchInputInList ? searchValue : showedStringValue,
             onChange: handleInputChange,
             isActive: isListOpen,
@@ -11747,7 +11753,7 @@ function Select(props) {
 }
 var SELECT_PADDING_LEFT = 12;
 var SELECT_PADDING_RIGHT = 24;
-var useStyles$A = createThemedStyles("DatePickerHeader", {
+var useStyles$B = createThemedStyles("DatePickerHeader", {
   btn: {
     width: 36,
     height: 36,
@@ -11816,7 +11822,7 @@ var selectStyles$1 = {
 };
 var DatePickerHeader = function(param) {
   var date = param.date, _param_months = param.months, months = _param_months === void 0 ? [] : _param_months, tweakStyles = param.tweakStyles, prevMonthButtonDisabled = param.prevMonthButtonDisabled, nextMonthButtonDisabled = param.nextMonthButtonDisabled, changeYear = param.changeYear, changeMonth = param.changeMonth, decreaseMonth = param.decreaseMonth, increaseMonth = param.increaseMonth;
-  var classes = useStyles$A({
+  var classes = useStyles$B({
     theme: tweakStyles
   });
   var tweakSelectStyles = useTweakStyles({
@@ -11925,7 +11931,7 @@ var getDateValueParser = function(dateFormat) {
 var areDatesEquals = function(date1, date2) {
   return isEmpty(date1) && isEmpty(date2) || isNotEmpty(date1) && isNotEmpty(date2) && isSameDay(date1, date2);
 };
-var useStyles$z = createThemedStyles("DatePicker", {
+var useStyles$A = createThemedStyles("DatePicker", {
   root: {
     width: "100%",
     height: "100%"
@@ -11959,7 +11965,7 @@ function _array_with_holes$k(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _define_property$D(obj, key, value) {
+function _define_property$E(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -12003,7 +12009,7 @@ function _iterable_to_array_limit$k(arr, i) {
 function _non_iterable_rest$k() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$C(target) {
+function _object_spread$D(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -12013,12 +12019,12 @@ function _object_spread$C(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$D(target, key, source[key]);
+      _define_property$E(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$x(object, enumerableOnly) {
+function ownKeys$y(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -12031,21 +12037,21 @@ function ownKeys$x(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$x(target, source) {
+function _object_spread_props$y(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$x(Object(source)).forEach(function(key) {
+    ownKeys$y(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
 }
-function _object_without_properties$8(source, excluded) {
+function _object_without_properties$9(source, excluded) {
   if (source == null)
     return {};
-  var target = _object_without_properties_loose$8(source, excluded);
+  var target = _object_without_properties_loose$9(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -12060,7 +12066,7 @@ function _object_without_properties$8(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$8(source, excluded) {
+function _object_without_properties_loose$9(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -12091,7 +12097,7 @@ function _unsupported_iterable_to_array$k(o, minLen) {
     return _array_like_to_array$k(o, minLen);
 }
 var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
-  var data = _param.data, _param_selectedDate = _param.selectedDate, selectedDate = _param_selectedDate === void 0 ? null : _param_selectedDate, minDate = _param.minDate, maxDate = _param.maxDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? null : _param_endDate, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? null : _param_startDate, locale2 = _param.locale, months = _param.months, _param_calendarStartDay = _param.calendarStartDay, calendarStartDay = _param_calendarStartDay === void 0 ? 1 : _param_calendarStartDay, _param_dateFormat = _param.dateFormat, dateFormat = _param_dateFormat === void 0 ? DEFAULT_DATE_FORMAT$2 : _param_dateFormat, monthsShown = _param.monthsShown, placeholder = _param.placeholder, _param_isRange = _param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange, _param_isInline = _param.isInline, isInline = _param_isInline === void 0 ? false : _param_isInline, isDisabled = _param.isDisabled, isClearable = _param.isClearable, strictParsing = _param.strictParsing, focusSelectedMonth = _param.focusSelectedMonth, disabledKeyboardNavigation = _param.disabledKeyboardNavigation, _param_shouldRenderPopperInBody = _param.shouldRenderPopperInBody, shouldRenderPopperInBody = _param_shouldRenderPopperInBody === void 0 ? false : _param_shouldRenderPopperInBody, _param_allowSameDay = _param.allowSameDay, allowSameDay = _param_allowSameDay === void 0 ? false : _param_allowSameDay, shouldCloseOnSelect = _param.shouldCloseOnSelect, showPreviousMonths = _param.showPreviousMonths, preventOpenOnFocus = _param.preventOpenOnFocus, popperModifiers = _param.popperModifiers, popperPlacement = _param.popperPlacement, todayButton = _param.todayButton, calendarContainer = _param.calendarContainer, dayClassName = _param.dayClassName, tmp = _param.customInput, CustomInput = tmp === void 0 ? DateInput : tmp, customInputRef = _param.customInputRef, renderCustomHeader = _param.renderCustomHeader, filterDate = _param.filterDate, onYearChange = _param.onYearChange, onMonthChange = _param.onMonthChange, onCalendarOpen = _param.onCalendarOpen, onCalendarClose = _param.onCalendarClose, onChangeDate = _param.onChangeDate, onChangeRange = _param.onChangeRange, onBlur = _param.onBlur, onFocus = _param.onFocus, onKeyDown = _param.onKeyDown, tweakStyles = _param.tweakStyles, inputProps = _object_without_properties$8(_param, [
+  var data = _param.data, _param_selectedDate = _param.selectedDate, selectedDate = _param_selectedDate === void 0 ? null : _param_selectedDate, minDate = _param.minDate, maxDate = _param.maxDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? null : _param_endDate, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? null : _param_startDate, locale2 = _param.locale, months = _param.months, _param_calendarStartDay = _param.calendarStartDay, calendarStartDay = _param_calendarStartDay === void 0 ? 1 : _param_calendarStartDay, _param_dateFormat = _param.dateFormat, dateFormat = _param_dateFormat === void 0 ? DEFAULT_DATE_FORMAT$2 : _param_dateFormat, monthsShown = _param.monthsShown, placeholder = _param.placeholder, _param_isRange = _param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange, _param_isInline = _param.isInline, isInline = _param_isInline === void 0 ? false : _param_isInline, isDisabled = _param.isDisabled, isClearable = _param.isClearable, strictParsing = _param.strictParsing, focusSelectedMonth = _param.focusSelectedMonth, disabledKeyboardNavigation = _param.disabledKeyboardNavigation, _param_shouldRenderPopperInBody = _param.shouldRenderPopperInBody, shouldRenderPopperInBody = _param_shouldRenderPopperInBody === void 0 ? false : _param_shouldRenderPopperInBody, _param_allowSameDay = _param.allowSameDay, allowSameDay = _param_allowSameDay === void 0 ? false : _param_allowSameDay, shouldCloseOnSelect = _param.shouldCloseOnSelect, showPreviousMonths = _param.showPreviousMonths, preventOpenOnFocus = _param.preventOpenOnFocus, popperModifiers = _param.popperModifiers, popperPlacement = _param.popperPlacement, todayButton = _param.todayButton, calendarContainer = _param.calendarContainer, dayClassName = _param.dayClassName, tmp = _param.customInput, CustomInput = tmp === void 0 ? DateInput : tmp, customInputRef = _param.customInputRef, renderCustomHeader = _param.renderCustomHeader, filterDate = _param.filterDate, onYearChange = _param.onYearChange, onMonthChange = _param.onMonthChange, onCalendarOpen = _param.onCalendarOpen, onCalendarClose = _param.onCalendarClose, onChangeDate = _param.onChangeDate, onChangeRange = _param.onChangeRange, onBlur = _param.onBlur, onFocus = _param.onFocus, onKeyDown = _param.onKeyDown, tweakStyles = _param.tweakStyles, inputProps = _object_without_properties$9(_param, [
     "data",
     "selectedDate",
     "minDate",
@@ -12136,7 +12142,7 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
     "onKeyDown",
     "tweakStyles"
   ]);
-  var classes = useStyles$z({
+  var classes = useStyles$A({
     theme: tweakStyles
   });
   var tweakDateInputStyles = useTweakStyles({
@@ -12159,7 +12165,7 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
   var _useState4 = _sliced_to_array$k(useState(endDate), 2), end2 = _useState4[0], setEnd = _useState4[1];
   var _useState5 = _sliced_to_array$k(useState(formatDate(endDate)), 2), endDateValue = _useState5[0], setEndDateValue = _useState5[1];
   var hasDateInputValue = isRange ? isStringNotEmpty(startDateValue) || isStringNotEmpty(endDateValue) : isStringNotEmpty(dateValue);
-  var dateInputProps = _object_spread$C(_object_spread_props$x(_object_spread$C({}, inputProps), {
+  var dateInputProps = _object_spread$D(_object_spread_props$y(_object_spread$D({}, inputProps), {
     isRange,
     isDisabled,
     isClearable,
@@ -12257,10 +12263,10 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
     startDate,
     endDate
   ]);
-  return /* @__PURE__ */ jsx("div", _object_spread_props$x(_object_spread$C({
+  return /* @__PURE__ */ jsx("div", _object_spread_props$y(_object_spread$D({
     className: classes.root
   }, addDataAttributes(data)), {
-    children: /* @__PURE__ */ jsx(DatePickerComponent, _object_spread$C({
+    children: /* @__PURE__ */ jsx(DatePickerComponent, _object_spread$D({
       ref,
       minDate,
       maxDate,
@@ -12289,9 +12295,9 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
       preventOpenOnFocus,
       shouldCloseOnSelect,
       customInputRef,
-      customInput: /* @__PURE__ */ jsx(CustomInput, _object_spread$C({}, dateInputProps)),
+      customInput: /* @__PURE__ */ jsx(CustomInput, _object_spread$D({}, dateInputProps)),
       renderCustomHeader: renderCustomHeader !== null && renderCustomHeader !== void 0 ? renderCustomHeader : function(baseProps) {
-        return /* @__PURE__ */ jsx(DatePickerHeader, _object_spread_props$x(_object_spread$C({}, baseProps), {
+        return /* @__PURE__ */ jsx(DatePickerHeader, _object_spread_props$y(_object_spread$D({}, baseProps), {
           months
         }));
       },
@@ -12328,7 +12334,7 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
   }));
 });
 var LINK_REGEXP = /(http(s?):\/\/(.*))(\s?)/;
-var useStyles$y = createThemedStyles("Description", {
+var useStyles$z = createThemedStyles("Description", {
   root: {},
   button: {
     cursor: "pointer",
@@ -12369,7 +12375,7 @@ function _array_with_holes$j(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _define_property$C(obj, key, value) {
+function _define_property$D(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -12413,7 +12419,7 @@ function _iterable_to_array_limit$j(arr, i) {
 function _non_iterable_rest$j() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$B(target) {
+function _object_spread$C(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -12423,12 +12429,12 @@ function _object_spread$B(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$C(target, key, source[key]);
+      _define_property$D(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$w(object, enumerableOnly) {
+function ownKeys$x(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -12441,12 +12447,12 @@ function ownKeys$w(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$w(target, source) {
+function _object_spread_props$x(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$w(Object(source)).forEach(function(key) {
+    ownKeys$x(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -12470,7 +12476,7 @@ function _unsupported_iterable_to_array$j(o, minLen) {
 }
 var Description = function(param) {
   var text = param.text, moreTitle = param.moreTitle, lessTitle = param.lessTitle, _param_truncateIndex = param.truncateIndex, truncateIndex = _param_truncateIndex === void 0 ? 150 : _param_truncateIndex, _param_isAlwaysOpen = param.isAlwaysOpen, isAlwaysOpen = _param_isAlwaysOpen === void 0 ? true : _param_isAlwaysOpen, testId = param.testId, data = param.data, tweakStyles = param.tweakStyles;
-  var classes = useStyles$y({
+  var classes = useStyles$z({
     theme: tweakStyles
   });
   var isTooShort = text.length < truncateIndex;
@@ -12479,7 +12485,7 @@ var Description = function(param) {
   var linkText = link && link[0];
   var textWithNoLink = text.replace(LINK_REGEXP, "");
   var shortText = text.slice(0, text.slice(0, truncateIndex).lastIndexOf(" "));
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$w(_object_spread$B({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$x(_object_spread$C({
     className: classes.root
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
@@ -12726,7 +12732,7 @@ function _async_to_generator$3(fn3) {
     });
   };
 }
-function _define_property$B(obj, key, value) {
+function _define_property$C(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -12770,7 +12776,7 @@ function _iterable_to_array_limit$i(arr, i) {
 function _non_iterable_rest$i() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$A(target) {
+function _object_spread$B(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -12780,15 +12786,15 @@ function _object_spread$A(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$B(target, key, source[key]);
+      _define_property$C(target, key, source[key]);
     });
   }
   return target;
 }
-function _object_without_properties$7(source, excluded) {
+function _object_without_properties$8(source, excluded) {
   if (source == null)
     return {};
-  var target = _object_without_properties_loose$7(source, excluded);
+  var target = _object_without_properties_loose$8(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -12803,7 +12809,7 @@ function _object_without_properties$7(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$7(source, excluded) {
+function _object_without_properties_loose$8(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -12936,7 +12942,7 @@ function _ts_generator$3(thisArg, body) {
   }
 }
 var NumberInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
-  var value = _param.value, _param_canBeFloat = _param.canBeFloat, canBeFloat = _param_canBeFloat === void 0 ? false : _param_canBeFloat, _param_canBeNegative = _param.canBeNegative, canBeNegative = _param_canBeNegative === void 0 ? false : _param_canBeNegative, defaultValue = _param.defaultValue, _param_precision = _param.precision, precision = _param_precision === void 0 ? 3 : _param_precision, _param_intPartPrecision = _param.intPartPrecision, intPartPrecision = _param_intPartPrecision === void 0 ? 7 : _param_intPartPrecision, onChange = _param.onChange, onBlur = _param.onBlur, min2 = _param.min, max2 = _param.max, props = _object_without_properties$7(_param, [
+  var value = _param.value, _param_canBeFloat = _param.canBeFloat, canBeFloat = _param_canBeFloat === void 0 ? false : _param_canBeFloat, _param_canBeNegative = _param.canBeNegative, canBeNegative = _param_canBeNegative === void 0 ? false : _param_canBeNegative, defaultValue = _param.defaultValue, _param_precision = _param.precision, precision = _param_precision === void 0 ? 3 : _param_precision, _param_intPartPrecision = _param.intPartPrecision, intPartPrecision = _param_intPartPrecision === void 0 ? 7 : _param_intPartPrecision, onChange = _param.onChange, onBlur = _param.onBlur, min2 = _param.min, max2 = _param.max, props = _object_without_properties$8(_param, [
     "value",
     "canBeFloat",
     "canBeNegative",
@@ -13039,7 +13045,7 @@ var NumberInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
   }, [
     value
   ]);
-  return /* @__PURE__ */ jsx(Input, _object_spread$A({
+  return /* @__PURE__ */ jsx(Input, _object_spread$B({
     value: showedValue,
     onChange: handleChange,
     onBlur: handleBlur,
@@ -13317,7 +13323,7 @@ function cloneDeep(value) {
   return baseClone(value, CLONE_DEEP_FLAG | CLONE_SYMBOLS_FLAG);
 }
 var FILTER_HEIGHT = 36;
-var useStyles$x = createThemedStyles("FiltersPane", {
+var useStyles$y = createThemedStyles("FiltersPane", {
   root: {
     display: "flex",
     flexWrap: "wrap",
@@ -13333,7 +13339,8 @@ var useStyles$x = createThemedStyles("FiltersPane", {
     width: 40,
     height: FILTER_HEIGHT,
     cursor: "pointer",
-    transition: "background-color 0.25s ease-in-out"
+    transition: animations.defaultTransition,
+    transitionProperty: "background-color"
   },
   settingsIcon: {
     width: 16,
@@ -13382,7 +13389,7 @@ var innerTextButtonStyles = {
     }
   }
 };
-var useStyles$w = createThemedStyles("FilterInterval", {
+var useStyles$x = createThemedStyles("FilterInterval", {
   root: {
     padding: 8,
     background: colors.CLASSIC_WHITE
@@ -13425,7 +13432,7 @@ var inputStyles$3 = {
   }
 };
 var clearButtonStyles$3 = cloneDeep(innerTextButtonStyles);
-function _define_property$A(obj, key, value) {
+function _define_property$B(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -13438,7 +13445,7 @@ function _define_property$A(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$z(target) {
+function _object_spread$A(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -13448,12 +13455,12 @@ function _object_spread$z(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$A(target, key, source[key]);
+      _define_property$B(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$v(object, enumerableOnly) {
+function ownKeys$w(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -13466,12 +13473,12 @@ function ownKeys$v(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$v(target, source) {
+function _object_spread_props$w(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$v(Object(source)).forEach(function(key) {
+    ownKeys$w(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -13479,7 +13486,7 @@ function _object_spread_props$v(target, source) {
 }
 var FilterInterval = function(param) {
   var data = param.data, tweakStyles = param.tweakStyles, value = param.value, labelName = param.labelName, withFieldNameInLabel = param.withFieldNameInLabel, localeKey = param.localeKey, locale2 = param.locale, canBeFloat = param.canBeFloat, onChange = param.onChange, fromInput = param.fromInput, toInput = param.toInput, testId = param.testId;
-  var classes = useStyles$w({
+  var classes = useStyles$x({
     theme: tweakStyles
   });
   var translates = useMemo(function() {
@@ -13523,7 +13530,7 @@ var FilterInterval = function(param) {
     className: "tweakClearButton",
     currentComponentName: "FilterInterval"
   });
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$v(_object_spread$z({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$w(_object_spread$A({
     className: classes.root
   }, addDataAttributes(data)), {
     children: [
@@ -13620,7 +13627,7 @@ var getLocale = function() {
   var key = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : DEFAULT_LOCALE, custom = arguments.length > 1 ? arguments[1] : void 0, custom2 = arguments.length > 2 ? arguments[2] : void 0;
   return merge$1({}, MultiSelectLocales[key], custom, custom2);
 };
-function _define_property$z(obj, key, value) {
+function _define_property$A(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -13633,7 +13640,7 @@ function _define_property$z(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$y(target) {
+function _object_spread$z(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -13643,19 +13650,19 @@ function _object_spread$y(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$z(target, key, source[key]);
+      _define_property$A(target, key, source[key]);
     });
   }
   return target;
 }
 var ITEM_HEIGHT$1 = 40;
 var TOP_GAP = 12;
-var useStyles$v = createThemedStyles("MultiSelectList", {
+var useStyles$w = createThemedStyles("MultiSelectList", {
   root: {
     width: 220,
     background: colors.CLASSIC_WHITE
   },
-  list: _object_spread$y({
+  list: _object_spread$z({
     paddingTop: TOP_GAP,
     maxHeight: ITEM_HEIGHT$1 * 5 + TOP_GAP,
     overscrollBehavior: "contain"
@@ -13812,7 +13819,7 @@ function _async_to_generator$2(fn3) {
     });
   };
 }
-function _define_property$y(obj, key, value) {
+function _define_property$z(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -13863,7 +13870,7 @@ function _non_iterable_rest$h() {
 function _non_iterable_spread$5() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$x(target) {
+function _object_spread$y(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -13873,12 +13880,12 @@ function _object_spread$x(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$y(target, key, source[key]);
+      _define_property$z(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$u(object, enumerableOnly) {
+function ownKeys$v(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -13891,12 +13898,12 @@ function ownKeys$u(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$u(target, source) {
+function _object_spread_props$v(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$u(Object(source)).forEach(function(key) {
+    ownKeys$v(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -14026,7 +14033,7 @@ function _ts_generator$2(thisArg, body) {
 function MultiSelectList(param) {
   var value = param.value, tweakStyles = param.tweakStyles, data = param.data, _param_isSearchEnabled = param.isSearchEnabled, isSearchEnabled = _param_isSearchEnabled === void 0 ? false : _param_isSearchEnabled, _param_localeKey = param.localeKey, localeKey = _param_localeKey === void 0 ? DEFAULT_LOCALE : _param_localeKey, _param_locale = param.locale, locale2 = _param_locale === void 0 ? MultiSelectLocales[localeKey] : _param_locale, onChange = param.onChange, onClose = param.onClose, options = param.options, fetchOptions = param.fetchOptions, _param_isGroupingEnabled = param.isGroupingEnabled, isGroupingEnabled = _param_isGroupingEnabled === void 0 ? isSearchEnabled : _param_isGroupingEnabled, _param_getValueView = param.getValueView, getValueView = _param_getValueView === void 0 ? defaultConvertFunction : _param_getValueView, _param_getValueId = param.getValueId, getValueId = _param_getValueId === void 0 ? defaultConvertFunction : _param_getValueId, _param_getValueString = param.getValueString, getValueString = _param_getValueString === void 0 ? defaultConvertFunction : _param_getValueString, _param_checkboxPosition = param.checkboxPosition, checkboxPosition = _param_checkboxPosition === void 0 ? "left" : _param_checkboxPosition, pageSize = param.pageSize, searchMaxLength = param.searchMaxLength, testId = param.testId;
   var isMounted = useIsMounted();
-  var classes = useStyles$v({
+  var classes = useStyles$w({
     theme: tweakStyles
   });
   var tweakCheckboxStyles = useTweakStyles({
@@ -14195,13 +14202,13 @@ function MultiSelectList(param) {
       if (value !== void 0) {
         if (keyCursorOn < value.include.length) {
           var _value_include_filter;
-          onChange(_object_spread_props$u(_object_spread$x({}, value), {
+          onChange(_object_spread_props$v(_object_spread$y({}, value), {
             include: (_value_include_filter = value.include.filter(function(val) {
               return getValueId(val) !== getValueId(value.include[keyCursorOn]);
             })) !== null && _value_include_filter !== void 0 ? _value_include_filter : []
           }));
         } else {
-          onChange(_object_spread_props$u(_object_spread$x({}, value), {
+          onChange(_object_spread_props$v(_object_spread$y({}, value), {
             include: _to_consumable_array$5(value.include).concat([
               unchosenOptions[keyCursorOn - value.include.length]
             ])
@@ -14400,7 +14407,7 @@ function MultiSelectList(param) {
   var shouldShowAllOptionsLabel = isGroupingEnabled && unchosenOptions.length > 0 && chosenValues !== void 0 && chosenValues.length > 0;
   var shouldShowPreloader = isLoading || isLoadingOptionsOnScroll;
   var shouldShowOptionsList = !isLoading && allOptions.length !== 0;
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$u(_object_spread$x({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$v(_object_spread$y({
     className: classes.root
   }, addDataAttributes(data)), {
     children: [
@@ -14504,7 +14511,7 @@ function MultiSelectList(param) {
     ]
   }));
 }
-function _define_property$x(obj, key, value) {
+function _define_property$y(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -14517,7 +14524,7 @@ function _define_property$x(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$w(target) {
+function _object_spread$x(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -14527,15 +14534,15 @@ function _object_spread$w(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$x(target, key, source[key]);
+      _define_property$y(target, key, source[key]);
     });
   }
   return target;
 }
 function FilterMultiSelect(props) {
-  return /* @__PURE__ */ jsx(MultiSelectList, _object_spread$w({}, props));
+  return /* @__PURE__ */ jsx(MultiSelectList, _object_spread$x({}, props));
 }
-function _define_property$w(obj, key, value) {
+function _define_property$x(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -14548,7 +14555,7 @@ function _define_property$w(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$v(target) {
+function _object_spread$w(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -14558,19 +14565,19 @@ function _object_spread$v(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$w(target, key, source[key]);
+      _define_property$x(target, key, source[key]);
     });
   }
   return target;
 }
 var ITEM_HEIGHT = 40;
 var LIST_GAP = 12;
-var useStyles$u = createThemedStyles("FilterSelect", {
+var useStyles$v = createThemedStyles("FilterSelect", {
   root: {
     width: 220,
     background: colors.CLASSIC_WHITE
   },
-  list: _object_spread$v({
+  list: _object_spread$w({
     paddingTop: LIST_GAP,
     padding: [
       LIST_GAP,
@@ -14619,7 +14626,8 @@ var useStyles$u = createThemedStyles("FilterSelect", {
     cursor: "pointer",
     fontSize: 14,
     minHeight: ITEM_HEIGHT,
-    transition: "background-color 0.25s ease-in-out",
+    transition: animations.defaultTransition,
+    transitionProperty: "background-color",
     boxSizing: "border-box"
   },
   option: {
@@ -14742,7 +14750,7 @@ function _async_to_generator$1(fn3) {
     });
   };
 }
-function _define_property$v(obj, key, value) {
+function _define_property$w(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -14793,7 +14801,7 @@ function _non_iterable_rest$g() {
 function _non_iterable_spread$4() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$u(target) {
+function _object_spread$v(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -14803,12 +14811,12 @@ function _object_spread$u(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$v(target, key, source[key]);
+      _define_property$w(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$t(object, enumerableOnly) {
+function ownKeys$u(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -14821,12 +14829,12 @@ function ownKeys$t(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$t(target, source) {
+function _object_spread_props$u(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$t(Object(source)).forEach(function(key) {
+    ownKeys$u(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -14955,7 +14963,7 @@ function _ts_generator$1(thisArg, body) {
 }
 function FilterSelect(param) {
   var data = param.data, tweakStyles = param.tweakStyles, value = param.value, _param_isSearchEnabled = param.isSearchEnabled, isSearchEnabled = _param_isSearchEnabled === void 0 ? false : _param_isSearchEnabled, _param_isGroupingEnabled = param.isGroupingEnabled, isGroupingEnabled = _param_isGroupingEnabled === void 0 ? false : _param_isGroupingEnabled, localeKey = param.localeKey, locale2 = param.locale, onChange = param.onChange, options = param.options, fetchOptions = param.fetchOptions, footer = param.footer, _param_getValueView = param.getValueView, getValueView = _param_getValueView === void 0 ? defaultConvertFunction$1 : _param_getValueView, _param_getValueId = param.getValueId, getValueId = _param_getValueId === void 0 ? defaultConvertFunction$1 : _param_getValueId, _param_getValueString = param.getValueString, getValueString = _param_getValueString === void 0 ? defaultConvertFunction$1 : _param_getValueString, _param_hasClearButton = param.hasClearButton, hasClearButton = _param_hasClearButton === void 0 ? true : _param_hasClearButton, testId = param.testId;
-  var classes = useStyles$u({
+  var classes = useStyles$v({
     theme: tweakStyles
   });
   var tweakSearchInputStyles = useTweakStyles({
@@ -15226,7 +15234,7 @@ function FilterSelect(param) {
     }();
     doFetchOptions();
   }, []);
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$t(_object_spread$u({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$u(_object_spread$v({
     className: classes.root
   }, addDataAttributes(data)), {
     children: [
@@ -15326,7 +15334,7 @@ function FilterSelect(param) {
             children: translates.nothingFound
           }),
           (hasClearButton || hasFooter) && /* @__PURE__ */ jsxs("div", {
-            className: clsx(classes.panel, _define_property$v({}, classes.panelWithFooter, hasFooter)),
+            className: clsx(classes.panel, _define_property$w({}, classes.panelWithFooter, hasFooter)),
             children: [
               hasFooter && /* @__PURE__ */ jsx("div", {
                 className: classes.footer,
@@ -16439,7 +16447,7 @@ var locale = {
   }
 };
 const ru = locale;
-var useStyles$t = createThemedStyles("FilterWithDates", {
+var useStyles$u = createThemedStyles("FilterWithDates", {
   root: {
     background: colors.CLASSIC_WHITE,
     position: "relative",
@@ -16506,7 +16514,7 @@ function _array_with_holes$f(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _define_property$u(obj, key, value) {
+function _define_property$v(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -16550,7 +16558,7 @@ function _iterable_to_array_limit$f(arr, i) {
 function _non_iterable_rest$f() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$t(target) {
+function _object_spread$u(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -16560,12 +16568,12 @@ function _object_spread$t(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$u(target, key, source[key]);
+      _define_property$v(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$s(object, enumerableOnly) {
+function ownKeys$t(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -16578,12 +16586,12 @@ function ownKeys$s(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$s(target, source) {
+function _object_spread_props$t(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$s(Object(source)).forEach(function(key) {
+    ownKeys$t(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -16607,7 +16615,7 @@ function _unsupported_iterable_to_array$f(o, minLen) {
 }
 var FilterWithDates = function(param) {
   var value = param.value, onChange = param.onChange, localeKey = param.localeKey, locale2 = param.locale, onStartBtnSubmit = param.onStartBtnSubmit, onEndBtnSubmit = param.onEndBtnSubmit, data = param.data, tweakStyles = param.tweakStyles, testId = param.testId, _param_startPickerProps = param.startPickerProps, startPickerProps = _param_startPickerProps === void 0 ? DEFAULT_PICKER_PROPS : _param_startPickerProps, _param_endPickerProps = param.endPickerProps, endPickerProps = _param_endPickerProps === void 0 ? DEFAULT_PICKER_PROPS : _param_endPickerProps, _param_isClearable = param.isClearable, isClearable = _param_isClearable === void 0 ? true : _param_isClearable;
-  var classes = useStyles$t({
+  var classes = useStyles$u({
     theme: tweakStyles
   });
   var tweakClearButtonStyles = useTweakStyles({
@@ -16694,7 +16702,7 @@ var FilterWithDates = function(param) {
     }
   };
   var _ref;
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$s(_object_spread$t({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$t(_object_spread$u({
     className: classes.root
   }, addDataAttributes(data)), {
     children: [
@@ -16703,7 +16711,7 @@ var FilterWithDates = function(param) {
         children: [
           /* @__PURE__ */ jsx("div", {
             className: classes.containerItem,
-            children: /* @__PURE__ */ jsx(DatePicker, _object_spread$t({
+            children: /* @__PURE__ */ jsx(DatePicker, _object_spread$u({
               selectedDate: value === null || value === void 0 ? void 0 : value.from,
               maxDate: value === null || value === void 0 ? void 0 : value.to,
               label: translates.from,
@@ -16718,7 +16726,7 @@ var FilterWithDates = function(param) {
           }),
           /* @__PURE__ */ jsx("div", {
             className: classes.containerItem,
-            children: /* @__PURE__ */ jsx(DatePicker, _object_spread$t({
+            children: /* @__PURE__ */ jsx(DatePicker, _object_spread$u({
               selectedDate: value === null || value === void 0 ? void 0 : value.to,
               label: translates.to,
               months: translates.months,
@@ -16774,7 +16782,7 @@ var FilterWithDates = function(param) {
     ]
   }));
 };
-var useStyles$s = createThemedStyles("FilterWithPeriod", {
+var useStyles$t = createThemedStyles("FilterWithPeriod", {
   root: {},
   main: {},
   picker: {}
@@ -16799,7 +16807,7 @@ function _array_without_holes$3(arr) {
   if (Array.isArray(arr))
     return _array_like_to_array$e(arr);
 }
-function _define_property$t(obj, key, value) {
+function _define_property$u(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -16850,7 +16858,7 @@ function _non_iterable_rest$e() {
 function _non_iterable_spread$3() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$s(target) {
+function _object_spread$t(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -16860,12 +16868,12 @@ function _object_spread$s(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$t(target, key, source[key]);
+      _define_property$u(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$r(object, enumerableOnly) {
+function ownKeys$s(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -16878,12 +16886,12 @@ function ownKeys$r(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$r(target, source) {
+function _object_spread_props$s(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$r(Object(source)).forEach(function(key) {
+    ownKeys$s(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -16910,7 +16918,7 @@ function _unsupported_iterable_to_array$e(o, minLen) {
 }
 var FilterWithPeriod = function(param) {
   var value = param.value, localeKey = param.localeKey, locale2 = param.locale, onChange = param.onChange, onClose = param.onClose, periods = param.periods, tweakStyles = param.tweakStyles, testId = param.testId;
-  var classes = useStyles$s({
+  var classes = useStyles$t({
     theme: tweakStyles
   });
   var translates = useMemo(function() {
@@ -16923,7 +16931,7 @@ var FilterWithPeriod = function(param) {
   var _useState1 = _sliced_to_array$e(useState((value === null || value === void 0 ? void 0 : value.periodType) === "CUSTOM"), 2), isDatePickerShown = _useState1[0], setIsDatePickerShown = _useState1[1];
   var _useState2 = _sliced_to_array$e(useState(value), 2), period = _useState2[0], setPeriod = _useState2[1];
   var periodGetters = useMemo(function() {
-    var result = _object_spread$s({}, PERIODS_GETTERS);
+    var result = _object_spread$t({}, PERIODS_GETTERS);
     periods === null || periods === void 0 ? void 0 : periods.forEach(function(p) {
       if (Array.isArray(p)) {
         result[p[0]] = p[1];
@@ -16969,7 +16977,7 @@ var FilterWithPeriod = function(param) {
       if (onClose !== void 0) {
         onClose();
       }
-      onChange(_object_spread_props$r(_object_spread$s({}, p), {
+      onChange(_object_spread_props$s(_object_spread$t({}, p), {
         label: getPeriodTranslate(periodType)
       }));
     }
@@ -16989,7 +16997,7 @@ var FilterWithPeriod = function(param) {
   };
   var handleCustomDateChange = function(val) {
     if (val.from || val.to) {
-      onChange(_object_spread_props$r(_object_spread$s({}, val), {
+      onChange(_object_spread_props$s(_object_spread$t({}, val), {
         periodType: "CUSTOM"
       }));
     } else {
@@ -17072,7 +17080,7 @@ function _array_with_holes$d(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _define_property$s(obj, key, value) {
+function _define_property$t(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -17116,7 +17124,7 @@ function _iterable_to_array_limit$d(arr, i) {
 function _non_iterable_rest$d() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$r(target) {
+function _object_spread$s(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -17126,12 +17134,12 @@ function _object_spread$r(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$s(target, key, source[key]);
+      _define_property$t(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$q(object, enumerableOnly) {
+function ownKeys$r(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -17144,12 +17152,12 @@ function ownKeys$q(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$q(target, source) {
+function _object_spread_props$r(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$q(Object(source)).forEach(function(key) {
+    ownKeys$r(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -17207,7 +17215,7 @@ function Filter(param) {
   ]);
   var props = {
     ref,
-    className: clsx(classes[dropdownPosition], _define_property$s({}, classes.dropdown, !isInline))
+    className: clsx(classes[dropdownPosition], _define_property$t({}, classes.dropdown, !isInline))
   };
   var handleOnClose = function() {
     if (onClose !== void 0) {
@@ -17216,8 +17224,8 @@ function Filter(param) {
   };
   if (filter.type === "custom" && filter.component) {
     var Component = filter.component;
-    return /* @__PURE__ */ jsx("div", _object_spread_props$q(_object_spread$r({}, props), {
-      children: /* @__PURE__ */ jsx(Component, _object_spread$r({}, {
+    return /* @__PURE__ */ jsx("div", _object_spread_props$r(_object_spread$s({}, props), {
+      children: /* @__PURE__ */ jsx(Component, _object_spread$s({}, {
         value,
         onChange,
         onClose,
@@ -17231,8 +17239,8 @@ function Filter(param) {
     console.warn("%cДля фильтра типа custom (".concat(filter.name, ") в конфиге обязательно нужно задать component"), "background: red; color: black");
   }
   if (filter.type === "select") {
-    return /* @__PURE__ */ jsx("div", _object_spread_props$q(_object_spread$r({}, props), {
-      children: /* @__PURE__ */ jsx(FilterSelect, _object_spread$r({
+    return /* @__PURE__ */ jsx("div", _object_spread_props$r(_object_spread$s({}, props), {
+      children: /* @__PURE__ */ jsx(FilterSelect, _object_spread$s({
         onChange,
         value,
         localeKey: translatesLocaleKey,
@@ -17242,12 +17250,12 @@ function Filter(param) {
     }));
   }
   if (filter.type === "dateRange") {
-    return /* @__PURE__ */ jsx("div", _object_spread_props$q(_object_spread$r({}, props), {
-      children: /* @__PURE__ */ jsx(FilterWithPeriod, _object_spread$r({
+    return /* @__PURE__ */ jsx("div", _object_spread_props$r(_object_spread$s({}, props), {
+      children: /* @__PURE__ */ jsx(FilterWithPeriod, _object_spread$s({
         localeKey: translatesLocaleKey,
         locale: translates,
         onChange,
-        value: _object_spread$r({}, value),
+        value: _object_spread$s({}, value),
         onClose: handleOnClose,
         testId: testId !== void 0 ? "".concat(testId, "-period") : void 0
       }, filter))
@@ -17255,17 +17263,17 @@ function Filter(param) {
   }
   if (filter.type === "dateRangeWithoutPeriod") {
     var dateRangeValue = value;
-    return /* @__PURE__ */ jsx("div", _object_spread_props$q(_object_spread$r({}, props), {
+    return /* @__PURE__ */ jsx("div", _object_spread_props$r(_object_spread$s({}, props), {
       style: {
         width: 320
       },
-      children: /* @__PURE__ */ jsx(FilterWithDates, _object_spread$r({
+      children: /* @__PURE__ */ jsx(FilterWithDates, _object_spread$s({
         value: dateRangeValue,
         onEndBtnSubmit: function() {
           return onChange(void 0);
         },
         onChange: function(v) {
-          return onChange(_object_spread_props$q(_object_spread$r({}, v), {
+          return onChange(_object_spread_props$r(_object_spread$s({}, v), {
             periodType: "CUSTOM"
           }));
         },
@@ -17276,8 +17284,8 @@ function Filter(param) {
     }));
   }
   if (filter.type === "multiSelect") {
-    return /* @__PURE__ */ jsx("div", _object_spread_props$q(_object_spread$r({}, props), {
-      children: /* @__PURE__ */ jsx(FilterMultiSelect, _object_spread$r({
+    return /* @__PURE__ */ jsx("div", _object_spread_props$r(_object_spread$s({}, props), {
+      children: /* @__PURE__ */ jsx(FilterMultiSelect, _object_spread$s({
         onChange,
         onClose: handleOnClose,
         value,
@@ -17288,8 +17296,8 @@ function Filter(param) {
     }));
   }
   if (filter.type === "interval") {
-    return /* @__PURE__ */ jsx("div", _object_spread_props$q(_object_spread$r({}, props), {
-      children: /* @__PURE__ */ jsx(FilterInterval, _object_spread$r({
+    return /* @__PURE__ */ jsx("div", _object_spread_props$r(_object_spread$s({}, props), {
+      children: /* @__PURE__ */ jsx(FilterInterval, _object_spread$s({
         value,
         labelName: filter.name,
         localeKey: translatesLocaleKey,
@@ -17302,7 +17310,7 @@ function Filter(param) {
   console.warn("%cДля фильтра ".concat(filter.name, " не задан тип или component"), "background: red; color: black");
   return null;
 }
-var useStyles$r = createThemedStyles("FiltersPaneSearch", {
+var useStyles$s = createThemedStyles("FiltersPaneSearch", {
   root: {
     display: "flex",
     position: "relative",
@@ -17314,7 +17322,7 @@ var useStyles$r = createThemedStyles("FiltersPaneSearch", {
     ],
     borderRadius: 18,
     paddingRight: 8,
-    transition: "0.25s ease-in-out",
+    transition: animations.defaultTransition,
     transitionProperty: "background-color, border-color"
   },
   focused: {
@@ -17411,7 +17419,7 @@ function _array_with_holes$c(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _define_property$r(obj, key, value) {
+function _define_property$s(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -17455,7 +17463,7 @@ function _iterable_to_array_limit$c(arr, i) {
 function _non_iterable_rest$c() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$q(target) {
+function _object_spread$r(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -17465,12 +17473,12 @@ function _object_spread$q(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$r(target, key, source[key]);
+      _define_property$s(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$p(object, enumerableOnly) {
+function ownKeys$q(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -17483,12 +17491,12 @@ function ownKeys$p(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$p(target, source) {
+function _object_spread_props$q(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$p(Object(source)).forEach(function(key) {
+    ownKeys$q(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -17512,7 +17520,7 @@ function _unsupported_iterable_to_array$c(o, minLen) {
 }
 function FiltersPaneSearch(param) {
   var value = param.value, _param_fields = param.fields, fields = _param_fields === void 0 ? [] : _param_fields, field = param.field, onChange = param.onChange, localeKey = param.localeKey, locale2 = param.locale, getValueId = param.getValueId, getValueView = param.getValueView, getValueString = param.getValueString, hasClearSelectButton = param.hasClearSelectButton, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isSelectSearchEnabled = param.isSelectSearchEnabled, isSelectSearchEnabled = _param_isSelectSearchEnabled === void 0 ? true : _param_isSelectSearchEnabled, _param_isAutoSizeable = param.isAutoSizeable, isAutoSizeable = _param_isAutoSizeable === void 0 ? true : _param_isAutoSizeable, maxLength = param.maxLength, data = param.data, tweakStyles = param.tweakStyles, testId = param.testId;
-  var classes = useStyles$r({
+  var classes = useStyles$s({
     theme: tweakStyles
   });
   var tweakSearchInputStyles = useTweakStyles({
@@ -17558,8 +17566,8 @@ function FiltersPaneSearch(param) {
     field
   ]);
   var _obj;
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$p(_object_spread$q({
-    className: clsx(classes.root, (_obj = {}, _define_property$r(_obj, classes.focused, isInputFocused), _define_property$r(_obj, classes.disabled, isDisabled), _obj)),
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$q(_object_spread$r({
+    className: clsx(classes.root, (_obj = {}, _define_property$s(_obj, classes.focused, isInputFocused), _define_property$s(_obj, classes.disabled, isDisabled), _obj)),
     ref: refRoot,
     "data-testid": testId
   }, addDataAttributes(data)), {
@@ -17624,7 +17632,7 @@ function FiltersPaneSearch(param) {
     ]
   }));
 }
-var useStyles$q = createThemedStyles("FilterValueView", {
+var useStyles$r = createThemedStyles("FilterValueView", {
   text: {
     overflow: "hidden",
     textOverflow: "ellipsis",
@@ -17643,7 +17651,7 @@ function _instanceof$1(left2, right2) {
 }
 function FilterValueView(param) {
   var locale2 = param.locale, localeKey = param.localeKey, filter = param.filter, value = param.value, tweakStyles = param.tweakStyles;
-  var classes = useStyles$q({
+  var classes = useStyles$r({
     theme: tweakStyles
   });
   var _filter_localeKey;
@@ -17794,10 +17802,10 @@ function FilterValueView(param) {
     children: displayValue(value)
   });
 }
-var useStyles$p = createThemedStyles("FilterWrapper", {
+var useStyles$q = createThemedStyles("FilterWrapper", {
   root: {
     position: "relative",
-    transition: "0.25s ease-in-out",
+    transition: animations.defaultTransition,
     transitionProperty: "background-color, border-color",
     border: [
       1,
@@ -17920,7 +17928,7 @@ function _array_with_holes$b(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _define_property$q(obj, key, value) {
+function _define_property$r(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -17964,7 +17972,7 @@ function _iterable_to_array_limit$b(arr, i) {
 function _non_iterable_rest$b() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$p(target) {
+function _object_spread$q(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -17974,12 +17982,12 @@ function _object_spread$p(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$q(target, key, source[key]);
+      _define_property$r(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$o(object, enumerableOnly) {
+function ownKeys$p(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -17992,12 +18000,12 @@ function ownKeys$o(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$o(target, source) {
+function _object_spread_props$p(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$o(Object(source)).forEach(function(key) {
+    ownKeys$p(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -18021,7 +18029,7 @@ function _unsupported_iterable_to_array$b(o, minLen) {
 }
 function FilterWrapper(param) {
   var filter = param.filter, value = param.value, isDisabled = param.isDisabled, locale2 = param.locale, localeKey = param.localeKey, data = param.data, testId = param.testId, filtersPaneRef = param.filtersPaneRef, tweakStyles = param.tweakStyles, onChange = param.onChange;
-  var classes = useStyles$p({
+  var classes = useStyles$q({
     theme: tweakStyles
   });
   var tweakFilterValueViewStyles = useTweakStyles({
@@ -18061,14 +18069,14 @@ function FilterWrapper(param) {
   };
   var isBoolean = filter.type === "boolean";
   var _obj;
-  return !filter.isInline ? /* @__PURE__ */ jsxs("div", _object_spread_props$o(_object_spread$p({
-    className: clsx(classes.root, (_obj = {}, _define_property$q(_obj, classes.noValue, !hasValue), _define_property$q(_obj, classes.openNoValue, isOpen && !hasValue), _define_property$q(_obj, classes.withValue, !isOpen && hasValue), _define_property$q(_obj, classes.openWithValue, isOpen && hasValue), _define_property$q(_obj, classes.boolean, isBoolean), _define_property$q(_obj, classes.disabled, isDisabled), _obj))
+  return !filter.isInline ? /* @__PURE__ */ jsxs("div", _object_spread_props$p(_object_spread$q({
+    className: clsx(classes.root, (_obj = {}, _define_property$r(_obj, classes.noValue, !hasValue), _define_property$r(_obj, classes.openNoValue, isOpen && !hasValue), _define_property$r(_obj, classes.withValue, !isOpen && hasValue), _define_property$r(_obj, classes.openWithValue, isOpen && hasValue), _define_property$r(_obj, classes.boolean, isBoolean), _define_property$r(_obj, classes.disabled, isDisabled), _obj))
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
       /* @__PURE__ */ jsxs("div", {
         ref: refItem,
         onClick: handleLabelClick,
-        className: clsx(classes.item, _define_property$q({}, classes.booleanItem, isBoolean)),
+        className: clsx(classes.item, _define_property$r({}, classes.booleanItem, isBoolean)),
         children: [
           /* @__PURE__ */ jsx("div", {
             className: classes.name,
@@ -18130,7 +18138,7 @@ function FilterWrapper(param) {
     classes
   });
 }
-function _define_property$p(obj, key, value) {
+function _define_property$q(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -18143,7 +18151,7 @@ function _define_property$p(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$o(target) {
+function _object_spread$p(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -18153,12 +18161,12 @@ function _object_spread$o(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$p(target, key, source[key]);
+      _define_property$q(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$n(object, enumerableOnly) {
+function ownKeys$o(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -18171,12 +18179,12 @@ function ownKeys$n(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$n(target, source) {
+function _object_spread_props$o(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$n(Object(source)).forEach(function(key) {
+    ownKeys$o(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -18184,7 +18192,7 @@ function _object_spread_props$n(target, source) {
 }
 function FiltersPane(param) {
   var data = param.data, tweakStyles = param.tweakStyles, filtersConfig = param.filtersConfig, enabledFilters = param.enabledFilters, _param_values = param.values, values = _param_values === void 0 ? {} : _param_values, localeKey = param.localeKey, locale2 = param.locale, search = param.search, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_hasClearButton = param.hasClearButton, hasClearButton = _param_hasClearButton === void 0 ? true : _param_hasClearButton, testId = param.testId, onChangeFilters = param.onChangeFilters, onSettingsButtonClick = param.onSettingsButtonClick, onClear = param.onClear;
-  var classes = useStyles$x({
+  var classes = useStyles$y({
     theme: tweakStyles
   });
   var tweakClearButtonStyles = useTweakStyles({
@@ -18227,12 +18235,12 @@ function FiltersPane(param) {
     })
   });
   var _search_localeKey, _search_localeKey1, _search_isDisabled;
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$n(_object_spread$o({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$o(_object_spread$p({
     className: classes.root,
     ref
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
-      onSettingsButtonClick !== void 0 && /* @__PURE__ */ jsx("div", _object_spread_props$n(_object_spread$o({
+      onSettingsButtonClick !== void 0 && /* @__PURE__ */ jsx("div", _object_spread_props$o(_object_spread$p({
         className: classes.settings,
         tabIndex: 0
       }, addDataTestId(testId, "settings-button")), {
@@ -18244,7 +18252,7 @@ function FiltersPane(param) {
           })
         })
       })),
-      search !== void 0 && /* @__PURE__ */ jsx(FiltersPaneSearch, _object_spread_props$n(_object_spread$o({}, search), {
+      search !== void 0 && /* @__PURE__ */ jsx(FiltersPaneSearch, _object_spread_props$o(_object_spread$p({}, search), {
         locale: getLocale$1((_search_localeKey = search.localeKey) !== null && _search_localeKey !== void 0 ? _search_localeKey : localeKey, search.locale, locale2),
         localeKey: (_search_localeKey1 = search.localeKey) !== null && _search_localeKey1 !== void 0 ? _search_localeKey1 : localeKey,
         isDisabled: (_search_isDisabled = search.isDisabled) !== null && _search_isDisabled !== void 0 ? _search_isDisabled : isDisabled,
@@ -18267,7 +18275,7 @@ function FiltersPane(param) {
           locale: locale2,
           localeKey,
           onChange: function(value) {
-            return onChangeFilters(_object_spread_props$n(_object_spread$o({}, values), _define_property$p({}, key, value)));
+            return onChangeFilters(_object_spread_props$o(_object_spread$p({}, values), _define_property$q({}, key, value)));
           },
           value: currentValue,
           isDisabled: isDisabled || (filter === null || filter === void 0 ? void 0 : (_filter_requiredFilledFilters = filter.requiredFilledFilters) === null || _filter_requiredFilledFilters === void 0 ? void 0 : _filter_requiredFilledFilters.some(function(item) {
@@ -24397,7 +24405,7 @@ const Flags = {
   ZM,
   ZW
 };
-var useStyles$o = createThemedStyles("Flag", {
+var useStyles$p = createThemedStyles("Flag", {
   root: {
     // приходится хардкодить в компоненте, тк либа Flags выдает флаги с 2-3 пиксельным отступом снизу
     // если будет нужно, то можно вынести border на уровень пропсов
@@ -24415,7 +24423,7 @@ var useStyles$o = createThemedStyles("Flag", {
 });
 var Flag = function(param) {
   var _param_countryCode = param.countryCode, countryCode = _param_countryCode === void 0 ? "" : _param_countryCode, tweakStyles = param.tweakStyles;
-  var classes = useStyles$o({
+  var classes = useStyles$p({
     theme: tweakStyles
   });
   var CC3 = countryCode.toUpperCase();
@@ -24431,7 +24439,7 @@ var Flag = function(param) {
     className: classes.root
   });
 };
-var useStyles$n = createThemedStyles("Skeleton", {
+var useStyles$o = createThemedStyles("Skeleton", {
   root: {
     display: "flex",
     width: "100%",
@@ -24467,7 +24475,7 @@ var useStyles$n = createThemedStyles("Skeleton", {
 });
 var Skeleton = function(param) {
   var height = param.height, tweakStyles = param.tweakStyles;
-  var classes = useStyles$n({
+  var classes = useStyles$o({
     theme: tweakStyles
   });
   return /* @__PURE__ */ jsx("div", {
@@ -24493,7 +24501,7 @@ var formatCellContent = function(value, config) {
   return _instanceof(value, Date) ? format(value, (_config_dateFormat = config === null || config === void 0 ? void 0 : config.dateFormat) !== null && _config_dateFormat !== void 0 ? _config_dateFormat : DEFAULT_DATE_FORMAT) : String(value);
 };
 var STICKY_SHADOW_PADDING = 12;
-var useStyles$m = createThemedStyles("FlexibleTable", {
+var useStyles$n = createThemedStyles("FlexibleTable", {
   root: {
     width: "100%",
     position: "relative",
@@ -24556,11 +24564,8 @@ var useStyles$m = createThemedStyles("FlexibleTable", {
       background: "transparent",
       pointerEvents: "none",
       zIndex: 1,
-      transition: [
-        "box-shadow",
-        "0.25s",
-        "ease-in-out"
-      ],
+      transition: animations.defaultTransition,
+      transitionProperty: "box-shadow",
       "[data-scrolled] &": {
         boxShadow: "4px 0 4px rgba(0, 0, 0, 0.05)"
       }
@@ -24583,7 +24588,7 @@ var useStyles$m = createThemedStyles("FlexibleTable", {
   nothingFoundRow: {},
   nothingFound: {}
 });
-function _define_property$o(obj, key, value) {
+function _define_property$p(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -24596,7 +24601,7 @@ function _define_property$o(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$n(target) {
+function _object_spread$o(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -24606,12 +24611,12 @@ function _object_spread$n(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$o(target, key, source[key]);
+      _define_property$p(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$m(object, enumerableOnly) {
+function ownKeys$n(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -24624,18 +24629,18 @@ function ownKeys$m(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$m(target, source) {
+function _object_spread_props$n(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$m(Object(source)).forEach(function(key) {
+    ownKeys$n(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
 }
-var useStyles$l = createThemedStyles("FlexibleTableCell", {
+var useStyles$m = createThemedStyles("FlexibleTableCell", {
   root: {
     position: "relative",
     boxSizing: "content-box",
@@ -24648,7 +24653,7 @@ var useStyles$l = createThemedStyles("FlexibleTableCell", {
     zIndex: 5,
     verticalAlign: "top"
   },
-  sticky: _object_spread_props$m(_object_spread$n({
+  sticky: _object_spread_props$n(_object_spread$o({
     zIndex: 19,
     paddingLeft: 24,
     paddingRight: 12
@@ -24667,7 +24672,7 @@ var useStyles$l = createThemedStyles("FlexibleTableCell", {
     height: 21
   }
 });
-function _define_property$n(obj, key, value) {
+function _define_property$o(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -24680,7 +24685,7 @@ function _define_property$n(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$m(target) {
+function _object_spread$n(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -24690,12 +24695,12 @@ function _object_spread$m(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$n(target, key, source[key]);
+      _define_property$o(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$l(object, enumerableOnly) {
+function ownKeys$m(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -24708,21 +24713,21 @@ function ownKeys$l(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$l(target, source) {
+function _object_spread_props$m(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$l(Object(source)).forEach(function(key) {
+    ownKeys$m(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
 }
-function _object_without_properties$6(source, excluded) {
+function _object_without_properties$7(source, excluded) {
   if (source == null)
     return {};
-  var target = _object_without_properties_loose$6(source, excluded);
+  var target = _object_without_properties_loose$7(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -24737,7 +24742,7 @@ function _object_without_properties$6(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$6(source, excluded) {
+function _object_without_properties_loose$7(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -24752,7 +24757,7 @@ function _object_without_properties_loose$6(source, excluded) {
   return target;
 }
 function FlexibleTableCell(_param) {
-  var row = _param.row, columnName = _param.columnName, config = _param.config, renderMode = _param.renderMode, isSecond = _param.isSecond, isSticky = _param.isSticky, isLoading = _param.isLoading, tweakStyles = _param.tweakStyles, valueComponentProps = _object_without_properties$6(_param, [
+  var row = _param.row, columnName = _param.columnName, config = _param.config, renderMode = _param.renderMode, isSecond = _param.isSecond, isSticky = _param.isSticky, isLoading = _param.isLoading, tweakStyles = _param.tweakStyles, valueComponentProps = _object_without_properties$7(_param, [
     "row",
     "columnName",
     "config",
@@ -24762,7 +24767,7 @@ function FlexibleTableCell(_param) {
     "isLoading",
     "tweakStyles"
   ]);
-  var classes = useStyles$l({
+  var classes = useStyles$m({
     theme: tweakStyles
   });
   var _config_columnName;
@@ -24771,7 +24776,7 @@ function FlexibleTableCell(_param) {
   var TableCell = renderMode === "divs" ? "div" : "td";
   var _obj;
   return /* @__PURE__ */ jsx(TableCell, {
-    className: clsx(classes.root, (_obj = {}, _define_property$n(_obj, classes.sticky, isSticky), _define_property$n(_obj, classes.second, isSecond), _define_property$n(_obj, classes.loading, isLoading), _obj)),
+    className: clsx(classes.root, (_obj = {}, _define_property$o(_obj, classes.sticky, isSticky), _define_property$o(_obj, classes.second, isSecond), _define_property$o(_obj, classes.loading, isLoading), _obj)),
     style: {
       textAlign: cellAlign,
       position: isSticky ? "sticky" : position,
@@ -24783,14 +24788,14 @@ function FlexibleTableCell(_param) {
       className: classes.skeleton,
       children: /* @__PURE__ */ jsx(Skeleton, {})
     }) : isNotEmpty(value) && /* @__PURE__ */ jsx(Fragment, {
-      children: isNotEmpty(component) ? component(_object_spread_props$l(_object_spread$m({}, valueComponentProps), {
+      children: isNotEmpty(component) ? component(_object_spread_props$m(_object_spread$n({}, valueComponentProps), {
         value,
         row
       })) : formatCellContent(value, config[columnName])
     })
   });
 }
-var useStyles$k = createThemedStyles("FlexibleTableRow", {
+var useStyles$l = createThemedStyles("FlexibleTableRow", {
   root: {
     position: "relative"
   },
@@ -24814,7 +24819,7 @@ function _array_with_holes$a(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _define_property$m(obj, key, value) {
+function _define_property$n(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -24858,7 +24863,7 @@ function _iterable_to_array_limit$a(arr, i) {
 function _non_iterable_rest$a() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$l(target) {
+function _object_spread$m(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -24868,12 +24873,12 @@ function _object_spread$l(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$m(target, key, source[key]);
+      _define_property$n(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$k(object, enumerableOnly) {
+function ownKeys$l(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -24886,12 +24891,12 @@ function ownKeys$k(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$k(target, source) {
+function _object_spread_props$l(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$k(Object(source)).forEach(function(key) {
+    ownKeys$l(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -24915,7 +24920,7 @@ function _unsupported_iterable_to_array$a(o, minLen) {
 }
 function FlexibleTableRowInner(param) {
   var item = param.item, index = param.index, config = param.config, columns = param.columns, uniqueField = param.uniqueField, renderMode = param.renderMode, activeRows = param.activeRows, isFirstColumnSticky = param.isFirstColumnSticky, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, rowAttributes = param.rowAttributes, _param_isExpandableRowComponentInitiallyOpen = param.isExpandableRowComponentInitiallyOpen, isExpandableRowComponentInitiallyOpen = _param_isExpandableRowComponentInitiallyOpen === void 0 ? false : _param_isExpandableRowComponentInitiallyOpen, tweakStyles = param.tweakStyles, expandableRowComponent = param.expandableRowComponent, onRowHover = param.onRowHover, onRowClick = param.onRowClick;
-  var classes = useStyles$k({
+  var classes = useStyles$l({
     theme: tweakStyles
   });
   var tweakTableCellStyles = useTweakStyles({
@@ -24944,7 +24949,7 @@ function FlexibleTableRowInner(param) {
   var isClickable = !isLoading && (isNotEmpty(onRowClick) || isNotEmpty(expandableRowComponent));
   var isNestedComponentExpanded = nestedComponent.isOpen, nestedComponentCellKey = nestedComponent.cellKey;
   var rowData = rowAttributes === null || rowAttributes === void 0 ? void 0 : rowAttributes.reduce(function(acc, cur) {
-    return _object_spread_props$k(_object_spread$l({}, acc), _define_property$m({}, cur, item[cur]));
+    return _object_spread_props$l(_object_spread$m({}, acc), _define_property$n({}, cur, item[cur]));
   }, {});
   var handleMouseEnter = function(event) {
     if (isNotEmpty(uniqueField) && isNotEmpty(onRowHover)) {
@@ -24992,13 +24997,13 @@ function FlexibleTableRowInner(param) {
   var _obj;
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [
-      /* @__PURE__ */ jsx(TableRow, _object_spread_props$k(_object_spread$l({
-        className: clsx(classes.root, (_obj = {}, _define_property$m(_obj, classes.active, isActive), _define_property$m(_obj, classes.editable, isEditable), _define_property$m(_obj, classes.clickable, isClickable), _obj))
+      /* @__PURE__ */ jsx(TableRow, _object_spread_props$l(_object_spread$m({
+        className: clsx(classes.root, (_obj = {}, _define_property$n(_obj, classes.active, isActive), _define_property$n(_obj, classes.editable, isEditable), _define_property$n(_obj, classes.clickable, isClickable), _obj))
       }, !isLoading && {
         onClick: handleRowClick,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave
-      }, addDataAttributes(_object_spread_props$k(_object_spread$l({}, rowData), {
+      }, addDataAttributes(_object_spread_props$l(_object_spread$m({}, rowData), {
         active: isActive ? true : void 0,
         editable: isEditable ? true : void 0,
         isExpandableComponentActive: isNestedComponentExpanded ? true : void 0
@@ -25034,7 +25039,7 @@ function FlexibleTableRowInner(param) {
   });
 }
 var FlexibleTableRow = /* @__PURE__ */ memo(FlexibleTableRowInner);
-function _define_property$l(obj, key, value) {
+function _define_property$m(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -25047,7 +25052,7 @@ function _define_property$l(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$k(target) {
+function _object_spread$l(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -25057,12 +25062,12 @@ function _object_spread$k(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$l(target, key, source[key]);
+      _define_property$m(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$j(object, enumerableOnly) {
+function ownKeys$k(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -25075,21 +25080,21 @@ function ownKeys$j(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$j(target, source) {
+function _object_spread_props$k(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$j(Object(source)).forEach(function(key) {
+    ownKeys$k(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
 }
-function _object_without_properties$5(source, excluded) {
+function _object_without_properties$6(source, excluded) {
   if (source == null)
     return {};
-  var target = _object_without_properties_loose$5(source, excluded);
+  var target = _object_without_properties_loose$6(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -25104,7 +25109,7 @@ function _object_without_properties$5(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$5(source, excluded) {
+function _object_without_properties_loose$6(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -25119,7 +25124,7 @@ function _object_without_properties_loose$5(source, excluded) {
   return target;
 }
 function FlexibleTable(_param) {
-  var content = _param.content, headerContent = _param.headerContent, config = _param.config, enabledColumns = _param.enabledColumns, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_isHorizontallyScrollable = _param.isHorizontallyScrollable, isHorizontallyScrollable = _param_isHorizontallyScrollable === void 0 ? false : _param_isHorizontallyScrollable, infinityScrollConfig = _param.infinityScrollConfig, _param_renderMode = _param.renderMode, renderMode = _param_renderMode === void 0 ? "table" : _param_renderMode, refForScroll = _param.refForScroll, nothingFoundContent = _param.nothingFoundContent, data = _param.data, testId = _param.testId, tweakStyles = _param.tweakStyles, onHeadClick = _param.onHeadClick, restProps = _object_without_properties$5(_param, [
+  var content = _param.content, headerContent = _param.headerContent, config = _param.config, enabledColumns = _param.enabledColumns, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_isHorizontallyScrollable = _param.isHorizontallyScrollable, isHorizontallyScrollable = _param_isHorizontallyScrollable === void 0 ? false : _param_isHorizontallyScrollable, infinityScrollConfig = _param.infinityScrollConfig, _param_renderMode = _param.renderMode, renderMode = _param_renderMode === void 0 ? "table" : _param_renderMode, refForScroll = _param.refForScroll, nothingFoundContent = _param.nothingFoundContent, data = _param.data, testId = _param.testId, tweakStyles = _param.tweakStyles, onHeadClick = _param.onHeadClick, restProps = _object_without_properties$6(_param, [
     "content",
     "headerContent",
     "config",
@@ -25135,7 +25140,7 @@ function FlexibleTable(_param) {
     "tweakStyles",
     "onHeadClick"
   ]);
-  var classes = useStyles$m({
+  var classes = useStyles$n({
     theme: tweakStyles
   });
   var tweakTableRowStyles = useTweakStyles({
@@ -25153,7 +25158,7 @@ function FlexibleTable(_param) {
   ]);
   var hasInfiniteScroll = isNotEmpty(infinityScrollConfig);
   var uniqueField = restProps.uniqueField, _restProps_isFirstColumnSticky = restProps.isFirstColumnSticky, isFirstColumnSticky = _restProps_isFirstColumnSticky === void 0 ? false : _restProps_isFirstColumnSticky;
-  var tableRowProps = _object_spread_props$j(_object_spread$k({}, restProps), {
+  var tableRowProps = _object_spread_props$k(_object_spread$l({}, restProps), {
     renderMode,
     config,
     columns,
@@ -25242,10 +25247,10 @@ function FlexibleTable(_param) {
   var TableCell = renderMode === "divs" ? "div" : "td";
   return /* @__PURE__ */ jsx("div", {
     ref,
-    className: clsx(_define_property$l({}, classes.scroll, isHorizontallyScrollable)),
-    children: /* @__PURE__ */ jsxs(Table, _object_spread_props$j(_object_spread$k({
+    className: clsx(_define_property$m({}, classes.scroll, isHorizontallyScrollable)),
+    children: /* @__PURE__ */ jsxs(Table, _object_spread_props$k(_object_spread$l({
       className: classes.root
-    }, addDataTestId(testId), addDataAttributes(_object_spread_props$j(_object_spread$k({}, data), {
+    }, addDataTestId(testId), addDataAttributes(_object_spread_props$k(_object_spread$l({}, data), {
       isLoading
     }))), {
       children: [
@@ -25259,7 +25264,7 @@ function FlexibleTable(_param) {
               var _itemConfig_titleAlign, _itemConfig_title;
               var _obj;
               return /* @__PURE__ */ jsx(TableHeader, {
-                className: clsx(classes.header, (_obj = {}, _define_property$l(_obj, classes.headerSticky, isFirstColumnSticky && i === 0), _define_property$l(_obj, classes.headerSecond, isFirstColumnSticky && i === 1), _obj)),
+                className: clsx(classes.header, (_obj = {}, _define_property$m(_obj, classes.headerSticky, isFirstColumnSticky && i === 0), _define_property$m(_obj, classes.headerSecond, isFirstColumnSticky && i === 1), _obj)),
                 style: {
                   minWidth: itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.minWidth,
                   width: itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.width,
@@ -25279,7 +25284,7 @@ function FlexibleTable(_param) {
         /* @__PURE__ */ jsx(TableBody, {
           className: classes.body,
           children: isLoading ? indexMap(6, function(i) {
-            return /* @__PURE__ */ createElement(FlexibleTableRow, _object_spread_props$j(_object_spread$k({}, tableRowProps), {
+            return /* @__PURE__ */ createElement(FlexibleTableRow, _object_spread_props$k(_object_spread$l({}, tableRowProps), {
               key: i,
               item: {},
               index: i
@@ -25295,7 +25300,7 @@ function FlexibleTable(_param) {
                 })
               }),
               content.map(function(item, i) {
-                return /* @__PURE__ */ createElement(FlexibleTableRow, _object_spread_props$j(_object_spread$k({}, tableRowProps), {
+                return /* @__PURE__ */ createElement(FlexibleTableRow, _object_spread_props$k(_object_spread$l({}, tableRowProps), {
                   key: isNotEmpty(uniqueField) ? item[uniqueField] : i,
                   item,
                   index: i
@@ -25322,6 +25327,196 @@ function FlexibleTable(_param) {
     }))
   });
 }
+var BUTTON_SIZE_S = 24;
+var BUTTON_SIZE_M = 32;
+var ICON_SIZE = 20;
+var useStyles$k = createThemedStyles("IconButton", {
+  root: {
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    cursor: "pointer",
+    outline: "none",
+    boxSizing: "border-box",
+    transition: animations.defaultTransition,
+    transitionProperty: "background-color, color, border-color",
+    border: "none",
+    position: "relative",
+    boxShadow: "none",
+    borderRadius: "50%",
+    background: "none",
+    padding: 0,
+    flexShrink: 0,
+    "&:disabled": {
+      extend: "disabled"
+    },
+    "&:active": {
+      extend: "active"
+    }
+  },
+  "cancel-light": {},
+  cancel: {},
+  main: {},
+  custom: {},
+  active: {},
+  disabled: {
+    cursor: "not-allowed",
+    pointerEvents: "none"
+  },
+  loading: {
+    "& $content": {
+      visibility: "hidden"
+    },
+    "& $loader": {
+      display: "block"
+    }
+  },
+  icon: {
+    display: "flex",
+    alignItems: "center",
+    width: ICON_SIZE,
+    height: ICON_SIZE
+  },
+  loader: {
+    display: "none",
+    position: "absolute",
+    left: "50%",
+    top: "50%",
+    transform: "translate(-50%, -50%)",
+    width: ICON_SIZE,
+    height: ICON_SIZE
+  },
+  s: {
+    width: BUTTON_SIZE_S,
+    height: BUTTON_SIZE_S
+  },
+  m: {
+    width: BUTTON_SIZE_M,
+    height: BUTTON_SIZE_M
+  }
+});
+function _define_property$l(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function _object_spread$k(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {};
+    var ownKeys2 = Object.keys(source);
+    if (typeof Object.getOwnPropertySymbols === "function") {
+      ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+      }));
+    }
+    ownKeys2.forEach(function(key) {
+      _define_property$l(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function ownKeys$j(object, enumerableOnly) {
+  var keys2 = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    if (enumerableOnly) {
+      symbols = symbols.filter(function(sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
+    }
+    keys2.push.apply(keys2, symbols);
+  }
+  return keys2;
+}
+function _object_spread_props$j(target, source) {
+  source = source != null ? source : {};
+  if (Object.getOwnPropertyDescriptors) {
+    Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+  } else {
+    ownKeys$j(Object(source)).forEach(function(key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+function _object_without_properties$5(source, excluded) {
+  if (source == null)
+    return {};
+  var target = _object_without_properties_loose$5(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0)
+        continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key))
+        continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+function _object_without_properties_loose$5(source, excluded) {
+  if (source == null)
+    return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0)
+      continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+var IconButton = /* @__PURE__ */ forwardRef(function(_param, ref) {
+  var icon = _param.icon, _param_size = _param.size, size = _param_size === void 0 ? "m" : _param_size, _param_view = _param.view, view = _param_view === void 0 ? "cancel-light" : _param_view, _param_isDisabled = _param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isActive = _param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_type = _param.type, type = _param_type === void 0 ? "button" : _param_type, testId = _param.testId, tweakStyles = _param.tweakStyles, data = _param.data, onClick = _param.onClick, restProps = _object_without_properties$5(_param, [
+    "icon",
+    "size",
+    "view",
+    "isDisabled",
+    "isActive",
+    "isLoading",
+    "type",
+    "testId",
+    "tweakStyles",
+    "data",
+    "onClick"
+  ]);
+  var classes = useStyles$k({
+    theme: tweakStyles
+  });
+  var hasNoAction = isDisabled || isLoading;
+  var _obj;
+  return /* @__PURE__ */ jsx("button", _object_spread_props$j(_object_spread$k({
+    ref,
+    className: clsx(classes.root, classes[view], classes[size], (_obj = {}, _define_property$l(_obj, classes.disabled, isDisabled), _define_property$l(_obj, classes.active, isActive), _define_property$l(_obj, classes.loading, isLoading), _obj)),
+    type,
+    disabled: isDisabled,
+    onClick: hasNoAction ? void 0 : onClick
+  }, restProps, addDataTestId(testId), addDataAttributes(data)), {
+    children: isLoading ? /* @__PURE__ */ jsx("span", {
+      className: classes.loader,
+      children: /* @__PURE__ */ jsx(ThemedPreloader, {
+        type: "default",
+        useCurrentColor: true
+      })
+    }) : /* @__PURE__ */ jsx("span", {
+      className: classes.icon,
+      children: renderIcon(icon)
+    })
+  }));
+});
 var BUTTONS_WIDTH = 36;
 var BUTTONS_GAP = 2;
 var useStyles$j = createThemedStyles("IncrementInput", {
@@ -25346,7 +25541,8 @@ var useStyles$j = createThemedStyles("IncrementInput", {
     border: "none",
     outline: "none",
     backgroundColor: colors.GREY_BACKGROUND,
-    transition: "background-color 0.25s ease-in-out",
+    transition: animations.defaultTransition,
+    transitionProperty: "background-color",
     color: colors.FONT_MEDIUM,
     cursor: "pointer",
     display: "flex",
@@ -25555,6 +25751,8 @@ var VERTICAL_OVERLAY_PADDING = 50;
 var MODAL_HORIZONTAL_PADDING_L = 40;
 var MODAL_HORIZONTAL_PADDING_M = 36;
 var MODAL_HORIZONTAL_PADDING_S = 26;
+var MODAL_CLOSE_BUTTON_SIZE = 40;
+var MODAL_CLOSE_BUTTON_ICON_SIZE = 30;
 var useStyles$i = createThemedStyles("Modal", {
   root: {},
   fixedPosition: {
@@ -25813,6 +26011,16 @@ var useStyles$i = createThemedStyles("Modal", {
     extend: "animationEnd"
   }
 });
+var closeButtonStyles = {
+  m: {
+    width: MODAL_CLOSE_BUTTON_SIZE,
+    height: MODAL_CLOSE_BUTTON_SIZE
+  },
+  icon: {
+    width: MODAL_CLOSE_BUTTON_ICON_SIZE,
+    height: MODAL_CLOSE_BUTTON_ICON_SIZE
+  }
+};
 function _array_like_to_array$9(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
@@ -25982,6 +26190,7 @@ var Modal = function(_param) {
     theme: tweakStyles
   });
   var tweakCloseButtonStyles = useTweakStyles({
+    innerStyles: closeButtonStyles,
     tweakStyles,
     className: "tweakCloseButton",
     currentComponentName: "Modal"
@@ -26061,10 +26270,12 @@ var Modal = function(_param) {
               children: [
                 hasCloseButton && /* @__PURE__ */ jsx("div", {
                   className: classes.close,
-                  children: /* @__PURE__ */ jsx(CloseButton, {
+                  children: /* @__PURE__ */ jsx(IconButton, {
                     testId: getTestId(testId, "close-button"),
                     tweakStyles: tweakCloseButtonStyles,
-                    onClose
+                    view: "cancel-light",
+                    icon: "close",
+                    onClick: onClose
                   })
                 }),
                 isReactNodeNotEmpty(title) && /* @__PURE__ */ jsx("h3", {
@@ -26109,7 +26320,8 @@ var useStyles$h = createThemedStyles("MoreMenu", {
     borderRadius: "50%",
     border: "none",
     cursor: "pointer",
-    transition: "background-color 0.25s ease-in-out",
+    transition: animations.defaultTransition,
+    transitionProperty: "background-color",
     "&$hasCircle": {
       backgroundColor: rgba(colors.GREY_HOVER, 0.5)
     },
@@ -27649,7 +27861,7 @@ var useStyles$a = createThemedStyles("Selector", {
       height: "calc(100% - ".concat(SELECTOR_GAP * 2, "px)"),
       backgroundColor: colors.CLASSIC_WHITE,
       borderRadius: dimensions.BORDER_RADIUS_SMALL,
-      transition: "0.25s ease-in-out",
+      transition: animations.defaultTransition,
       transitionProperty: "transform, width"
     },
     "&$invalid": {
@@ -27662,7 +27874,8 @@ var useStyles$a = createThemedStyles("Selector", {
       height: "100%",
       color: colors.FONT_MEDIUM,
       fontSize: 16,
-      transition: "color 0.25s ease-in-out",
+      transition: animations.defaultTransition,
+      transitionProperty: "color",
       background: "none",
       "&$s": {
         padding: [
@@ -28454,8 +28667,8 @@ var useStyles$8 = createThemedStyles("Switch", {
     backgroundColor: "#333",
     borderRadius: 10,
     boxSizing: "border-box",
+    transition: animations.defaultTransition,
     transitionProperty: "opacity, background-color",
-    transition: "0.25s ease-in-out",
     "&::before": {
       content: '""',
       position: "absolute",
@@ -28468,16 +28681,16 @@ var useStyles$8 = createThemedStyles("Switch", {
       backgroundColor: "#fff",
       borderRadius: "50%",
       zIndex: 1,
-      transitionProperty: "left, background-color",
-      transition: "0.25s ease-in-out"
+      transition: animations.defaultTransition,
+      transitionProperty: "left, background-color"
     }
   },
   input: {
     display: "none"
   },
   label: {
-    transitionProperty: "opacity, color",
-    transition: "0.25s ease-in-out"
+    transition: animations.defaultTransition,
+    transitionProperty: "opacity, color"
   },
   labelLeft: {
     order: -1,
@@ -28587,7 +28800,7 @@ var useStyles$7 = createThemedStyles("TextArea", {
     width: "100%",
     flexGrow: 1,
     boxSizing: "border-box",
-    transition: "0.25s ease-in-out",
+    transition: animations.defaultTransition,
     transitionProperty: "border-color",
     backgroundColor: "white",
     border: [
@@ -28609,7 +28822,7 @@ var useStyles$7 = createThemedStyles("TextArea", {
       PADDING_X,
       8
     ],
-    transition: "0.25s ease-in-out",
+    transition: animations.defaultTransition,
     transitionProperty: "background-color",
     border: "none",
     resize: "none",
@@ -28661,7 +28874,7 @@ var useStyles$7 = createThemedStyles("TextArea", {
     top: PADDING_X * 2,
     transformOrigin: "top left",
     transform: "translateY(-50%)",
-    transition: "0.25s ease-in-out",
+    transition: animations.defaultTransition,
     transitionProperty: "transform, color",
     fontSize: 16
   },
@@ -28931,7 +29144,8 @@ var useStyles$6 = createThemedStyles("TextButton", {
     borderRadius: 0,
     cursor: "pointer",
     outline: "none",
-    transition: "color 0.25s ease-in-out",
+    transition: animations.defaultTransition,
+    transitionProperty: "color",
     "&[disabled]": {
       cursor: "default",
       pointerEvents: "none"
@@ -28970,7 +29184,7 @@ var useStyles$6 = createThemedStyles("TextButton", {
     width: 24,
     height: 24,
     borderRadius: "50%",
-    transition: "0.25s ease-in-out",
+    transition: animations.defaultTransition,
     transitionProperty: [
       "background",
       "color"
@@ -29105,7 +29319,7 @@ function _object_without_properties_loose(source, excluded) {
   }
   return target;
 }
-var TextButton = function(_param) {
+var TextButton = /* @__PURE__ */ forwardRef(function(_param, ref) {
   var children = _param.children, icon = _param.icon, _param_view = _param.view, view = _param_view === void 0 ? "primary" : _param_view, _param_isDisabled = _param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isBold = _param.isBold, isBold = _param_isBold === void 0 ? false : _param_isBold, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_isActive = _param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_hasCircleUnderIcon = _param.hasCircleUnderIcon, hasCircleUnderIcon = _param_hasCircleUnderIcon === void 0 ? false : _param_hasCircleUnderIcon, _param_size = _param.size, size = _param_size === void 0 ? "l" : _param_size, _param_iconPosition = _param.iconPosition, iconPosition = _param_iconPosition === void 0 ? "left" : _param_iconPosition, _param_preloaderType = _param.preloaderType, preloaderType = _param_preloaderType === void 0 ? "dots" : _param_preloaderType, _param_type = _param.type, type = _param_type === void 0 ? "button" : _param_type, testId = _param.testId, tweakStyles = _param.tweakStyles, data = _param.data, onClick = _param.onClick, restProps = _object_without_properties(_param, [
     "children",
     "icon",
@@ -29136,10 +29350,11 @@ var TextButton = function(_param) {
   var hasNoAction = isDisabled || isLoading;
   var _obj;
   return /* @__PURE__ */ jsxs("button", _object_spread_props$6(_object_spread$6({
+    ref,
+    type,
     className: clsx(classes.root, classes[size], classes[view], (_obj = {}, _define_property$6(_obj, classes.bold, isBold), _define_property$6(_obj, classes.loading, isLoading), _define_property$6(_obj, classes.active, isActive), _define_property$6(_obj, classes.disabled, isDisabled), _obj)),
-    onClick: !hasNoAction ? onClick : void 0,
     disabled: hasNoAction,
-    type
+    onClick: !hasNoAction ? onClick : void 0
   }, restProps, addDataTestId(testId), addDataAttributes(data)), {
     children: [
       /* @__PURE__ */ jsxs("span", {
@@ -29165,7 +29380,7 @@ var TextButton = function(_param) {
       })
     ]
   }));
-};
+});
 var useStyles$5 = createThemedStyles("Tooltip", {
   root: {
     display: "inline-block",
@@ -29940,10 +30155,11 @@ var Toaster = function(param) {
       }),
       hasCloseButton && isNotEmpty(onClose) && /* @__PURE__ */ jsx("div", {
         className: classes.close,
-        children: /* @__PURE__ */ jsx(CloseButton, {
-          onClose,
-          iconType: "close-window",
-          tweakStyles: tweakCloseButtonStyles
+        children: /* @__PURE__ */ jsx(IconButton, {
+          view: "cancel-light",
+          icon: "close-window",
+          tweakStyles: tweakCloseButtonStyles,
+          onClick: onClose
         })
       })
     ]
@@ -30179,7 +30395,8 @@ var useStyles = createThemedStyles("NewMoreMenu", {
     borderRadius: "50%",
     border: "none",
     cursor: "pointer",
-    transition: "background-color 0.25s ease-in-out"
+    transition: animations.defaultTransition,
+    transitionProperty: "background-color"
   },
   icon: {
     width: 30,
@@ -30317,6 +30534,7 @@ export {
   Flag,
   FlexibleTable,
   Icon,
+  IconButton,
   IncrementInput,
   Input,
   List,