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

package/dist/true-react-common-ui-kit.umd.cjs

@@ -1071,6 +1071,7 @@
   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": {
@@ -1859,7 +1860,7 @@
     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,
@@ -1872,7 +1873,7 @@
     }
     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);
@@ -1882,12 +1883,12 @@
         }));
       }
       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);
@@ -1900,12 +1901,12 @@
     }
     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));
       });
     }
@@ -1960,7 +1961,7 @@
       return trueReactPlatformHelpers.mergeStyles(styles, trueReactPlatformHelpers.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(trueReactPlatformHelpers.isNotEmpty(data) ? _object_spread_props$O(_object_spread$Z({}, data), {
+      return useStyles2(trueReactPlatformHelpers.isNotEmpty(data) ? _object_spread_props$P(_object_spread$_({}, data), {
         theme: cleanStyles(data.theme)
       }) : data);
     };
@@ -6419,7 +6420,7 @@
     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,
@@ -6439,7 +6440,7 @@
   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);
@@ -6449,7 +6450,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$Z(target, key, source[key]);
+        _define_property$_(target, key, source[key]);
       });
     }
     return target;
@@ -6505,7 +6506,7 @@
           },
           {
             name: "flip",
-            options: _object_spread$Y({
+            options: _object_spread$Z({
               fallbackPlacements: canBeFlipped ? [
                 "bottom-start",
                 "top-start"
@@ -6640,7 +6641,7 @@
   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,
@@ -6653,7 +6654,7 @@
     }
     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);
@@ -6663,7 +6664,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$Y(target, key, source[key]);
+        _define_property$Z(target, key, source[key]);
       });
     }
     return target;
@@ -6672,7 +6673,7 @@
     var type = param.type;
     var theme = React.useContext(ThemeContext).theme;
     var icons = React.useMemo(function() {
-      return _object_spread$X({}, complexIcons, theme.complexIcons);
+      return _object_spread$Y({}, complexIcons, theme.complexIcons);
     }, []);
     var ComplexIcon = icons[type];
     return /* @__PURE__ */ jsx("div", {
@@ -7544,7 +7545,7 @@
       ]
     }
   });
-  function _define_property$X(obj, key, value) {
+  function _define_property$Y(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -7557,7 +7558,7 @@
     }
     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);
@@ -7567,12 +7568,12 @@
         }));
       }
       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);
@@ -7585,12 +7586,12 @@
     }
     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));
       });
     }
@@ -7601,7 +7602,7 @@
     var _icon_paths, _icon_rects, _icon_circles;
     var theme = React.useContext(ThemeContext).theme;
     var icons = React.useMemo(function() {
-      return _object_spread$W({}, iconsList, theme.icons);
+      return _object_spread$X({}, iconsList, theme.icons);
     }, []);
     var icon = icons[type];
     var _icon_viewBox;
@@ -7614,7 +7615,7 @@
       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",
@@ -7622,25 +7623,25 @@
           }, path), index);
         }),
         (_icon_rects = icon.rects) === null || _icon_rects === void 0 ? void 0 : _icon_rects.map(function(rect, index) {
-          return /* @__PURE__ */ React.createElement("rect", _object_spread_props$N(_object_spread$W({}, rect), {
+          return /* @__PURE__ */ React.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__ */ React.createElement("circle", _object_spread_props$N(_object_spread$W({}, circle), {
+          return /* @__PURE__ */ React.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,
@@ -7653,7 +7654,7 @@
     }
     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);
@@ -7663,12 +7664,12 @@
         }));
       }
       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);
@@ -7681,12 +7682,12 @@
     }
     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));
       });
     }
@@ -7694,10 +7695,10 @@
   }
   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
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: isComplexIcon(type) ? /* @__PURE__ */ jsx(ComplexIconBoilerplate, {
@@ -7713,9 +7714,9 @@
     }) : 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",
@@ -7727,7 +7728,8 @@
         0,
         ITEM_HORIZONTAL_PADDING$1
       ],
-      transition: "background-color 0.25s ease-in-out",
+      transition: animations.defaultTransition,
+      transitionProperty: "background-color",
       cursor: "pointer"
     },
     default: {},
@@ -7740,17 +7742,17 @@
       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,
@@ -7763,7 +7765,7 @@
     }
     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);
@@ -7773,12 +7775,12 @@
         }));
       }
       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);
@@ -7791,12 +7793,12 @@
     }
     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));
       });
     }
@@ -7804,7 +7806,7 @@
   }
   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;
@@ -7813,9 +7815,9 @@
         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))
-        }, trueReactPlatformHelpers.addClickHandler(onClick, !isDisabled), trueReactPlatformHelpers.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))
+        }, trueReactPlatformHelpers.addClickHandler(onClick, !isDisabled), trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(_object_spread_props$M(_object_spread$V({}, data), {
           disabled: isDisabled ? true : void 0
         }))), {
           children: [
@@ -7836,9 +7838,9 @@
     });
   };
   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,
@@ -7860,7 +7862,8 @@
         0,
         ITEM_HORIZONTAL_PADDING
       ],
-      transition: "background-color 0.25s ease-in-out",
+      transition: animations.defaultTransition,
+      transitionProperty: "background-color",
       cursor: "pointer"
     },
     disabledItem: {
@@ -7871,17 +7874,17 @@
       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,
@@ -7894,7 +7897,7 @@
     }
     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);
@@ -7904,12 +7907,12 @@
         }));
       }
       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);
@@ -7922,12 +7925,12 @@
     }
     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));
       });
     }
@@ -7935,18 +7938,18 @@
   }
   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
     }, trueReactPlatformHelpers.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: trueReactPlatformHelpers.getTestId(testId, "item-".concat(i))
         }, item), {
           onClick: function(event) {
@@ -7957,7 +7960,7 @@
     }));
   };
   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,
@@ -7970,7 +7973,7 @@
     }
     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);
@@ -7980,12 +7983,12 @@
         }));
       }
       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"
     },
@@ -8003,13 +8006,14 @@
         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: {
@@ -8038,7 +8042,7 @@
     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,
@@ -8082,7 +8086,7 @@
   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);
@@ -8092,12 +8096,12 @@
         }));
       }
       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);
@@ -8110,12 +8114,12 @@
     }
     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));
       });
     }
@@ -8139,7 +8143,7 @@
   }
   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({
@@ -8159,7 +8163,7 @@
     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
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
@@ -8209,7 +8213,7 @@
       ]
     }));
   };
-  var useStyles$O = createThemedStyles("AddButton", {
+  var useStyles$P = createThemedStyles("AddButton", {
     root: {
       display: "flex",
       alignItems: "center",
@@ -8235,7 +8239,7 @@
       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,
@@ -8248,7 +8252,7 @@
     }
     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);
@@ -8258,12 +8262,12 @@
         }));
       }
       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);
@@ -8276,12 +8280,12 @@
     }
     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));
       });
     }
@@ -8289,10 +8293,10 @@
   }
   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,
@@ -8311,7 +8315,7 @@
       ]
     }));
   };
-  var useStyles$N = createThemedStyles("DotsPreloader", {
+  var useStyles$O = createThemedStyles("DotsPreloader", {
     root: {
       display: "flex",
       gap: 4,
@@ -8356,7 +8360,7 @@
   });
   var DotsPreloader = function(param) {
     var tweakStyles = param.tweakStyles;
-    var classes = useStyles$N({
+    var classes = useStyles$O({
       theme: tweakStyles
     });
     return /* @__PURE__ */ jsx("div", {
@@ -8422,7 +8426,7 @@
       ]
     });
   };
-  var useStyles$M = createThemedStyles("SvgPreloader", {
+  var useStyles$N = createThemedStyles("SvgPreloader", {
     root: {
       display: "flex",
       width: "100%",
@@ -8432,7 +8436,7 @@
   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 = React.useContext(ThemeContext).theme;
@@ -8446,7 +8450,7 @@
       }
     }) : /* @__PURE__ */ jsx(PreloaderIcon, {});
   };
-  var useStyles$L = createThemedStyles("ThemedPreloader", {
+  var useStyles$M = createThemedStyles("ThemedPreloader", {
     root: {
       display: "flex"
     },
@@ -8457,7 +8461,7 @@
       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,
@@ -8470,7 +8474,7 @@
     }
     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);
@@ -8480,12 +8484,12 @@
         }));
       }
       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);
@@ -8498,12 +8502,12 @@
     }
     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));
       });
     }
@@ -8511,7 +8515,7 @@
   }
   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({
@@ -8524,8 +8528,8 @@
       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))
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: type === "dots" ? /* @__PURE__ */ jsx(DotsPreloader, {
         tweakStyles: tweakDotsPreloaderStyles
@@ -8535,7 +8539,7 @@
       })
     }));
   };
-  var useStyles$K = createThemedStyles("Button", {
+  var useStyles$L = createThemedStyles("Button", {
     root: {
       display: "flex",
       justifyContent: "center",
@@ -8543,7 +8547,7 @@
       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: [
@@ -8706,7 +8710,7 @@
   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,
@@ -8719,7 +8723,7 @@
     }
     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);
@@ -8729,12 +8733,12 @@
         }));
       }
       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);
@@ -8747,12 +8751,12 @@
     }
     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));
       });
     }
@@ -8760,7 +8764,7 @@
   }
   var Button = /* @__PURE__ */ React.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({
@@ -8773,10 +8777,10 @@
     var hasChildren = trueReactPlatformHelpers.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,
@@ -8784,7 +8788,7 @@
     }, trueReactPlatformHelpers.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,
@@ -8807,7 +8811,7 @@
       ]
     }));
   });
-  var useStyles$J = createThemedStyles("Checkbox", {
+  var useStyles$K = createThemedStyles("Checkbox", {
     root: {
       cursor: "pointer",
       display: "flex",
@@ -8855,7 +8859,7 @@
     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,
@@ -8899,7 +8903,7 @@
   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);
@@ -8909,12 +8913,12 @@
         }));
       }
       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);
@@ -8927,12 +8931,12 @@
     }
     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));
       });
     }
@@ -8956,7 +8960,7 @@
   }
   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(React.useState(false), 2), isSelected = _useState[0], setIsSelected = _useState[1];
@@ -8975,11 +8979,11 @@
       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))
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
-        /* @__PURE__ */ jsx("input", _object_spread$N({
+        /* @__PURE__ */ jsx("input", _object_spread$O({
           type: "checkbox",
           className: classes.input,
           checked: isSelected,
@@ -9002,7 +9006,7 @@
       ]
     }));
   }
-  var useStyles$I = createThemedStyles("CloseButton", {
+  var useStyles$J = createThemedStyles("CloseButton", {
     root: {
       width: 40,
       height: 40,
@@ -9015,7 +9019,8 @@
       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)
       },
@@ -9027,7 +9032,7 @@
       }
     }
   });
-  function _define_property$N(obj, key, value) {
+  function _define_property$O(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -9040,7 +9045,7 @@
     }
     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);
@@ -9050,12 +9055,12 @@
         }));
       }
       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);
@@ -9068,12 +9073,12 @@
     }
     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));
       });
     }
@@ -9081,10 +9086,10 @@
   }
   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
@@ -9094,7 +9099,7 @@
       })
     }));
   };
-  var useStyles$H = createThemedStyles({
+  var useStyles$I = createThemedStyles({
     root: {
       display: "flex",
       flexWrap: "wrap"
@@ -9187,7 +9192,7 @@
       return _array_like_to_array$n(o, minLen);
   }
   var Colors = function() {
-    var classes = useStyles$H();
+    var classes = useStyles$I();
     var theme = React.useContext(ThemeContext).theme;
     var _theme_colors = theme.colors, colors2 = _theme_colors === void 0 ? {} : _theme_colors;
     return /* @__PURE__ */ jsx("div", {
@@ -9217,7 +9222,7 @@
       })
     });
   };
-  var useStyles$G = createThemedStyles("CssBaseline", {
+  var useStyles$H = createThemedStyles("CssBaseline", {
     "@global html, body": {
       fontFamily: "Arial, sans-serif",
       color: colors.FONT_MAIN,
@@ -9226,7 +9231,7 @@
     },
     root: {}
   });
-  function _define_property$M(obj, key, value) {
+  function _define_property$N(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -9239,7 +9244,7 @@
     }
     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);
@@ -9249,24 +9254,24 @@
         }));
       }
       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
     }, trueReactPlatformHelpers.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",
@@ -9277,7 +9282,7 @@
       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"
@@ -9297,7 +9302,7 @@
       outline: "none",
       boxSizing: "border-box",
       outlineStyle: "none",
-      transition: "0.25s ease-in-out",
+      transition: animations.defaultTransition,
       transitionProperty: "background-color",
       border: "none",
       background: "none",
@@ -9383,7 +9388,7 @@
       top: "50%",
       transformOrigin: "top left",
       transform: "translateY(-50%)",
-      transition: "0.25s ease-in-out",
+      transition: animations.defaultTransition,
       transitionProperty: "transform, color",
       fontSize: 16
     },
@@ -9492,7 +9497,8 @@
         4
       ],
       width: 20,
-      transition: "color 0.25s ease-in-out",
+      transition: animations.defaultTransition,
+      transitionProperty: "color",
       boxSizing: "content-box",
       "&:last-child": {
         paddingRight: 8
@@ -9579,7 +9585,7 @@
       });
     };
   }
-  function _define_property$L(obj, key, value) {
+  function _define_property$M(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -9623,7 +9629,7 @@
   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);
@@ -9633,12 +9639,12 @@
         }));
       }
       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);
@@ -9651,21 +9657,21 @@
     }
     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);
@@ -9680,7 +9686,7 @@
     }
     return target;
   }
-  function _object_without_properties_loose$d(source, excluded) {
+  function _object_without_properties_loose$e(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -9813,7 +9819,7 @@
     }
   }
   var Input = /* @__PURE__ */ React.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",
@@ -9850,7 +9856,7 @@
       "shouldAlwaysShowPlaceholder",
       "beforeMaskedStateChange"
     ]);
-    var classes = useStyles$F({
+    var classes = useStyles$G({
       theme: tweakStyles
     });
     var tweakPreloaderStyles = useTweakStyles({
@@ -9904,8 +9910,8 @@
     var hasPlaceholder = (!hasLabel || hasFocus && !isReadonly || shouldAlwaysShowPlaceholder) && trueReactPlatformHelpers.isStringNotEmpty(placeholder);
     var shouldShowUnits = (hasValue || isFocused && !hasPlaceholder) && hasUnits;
     var _obj;
-    var props = _object_spread_props$D(_object_spread$K({}, inputProps, trueReactPlatformHelpers.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, trueReactPlatformHelpers.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,
@@ -9921,14 +9927,14 @@
     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,
@@ -9936,12 +9942,12 @@
               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,
@@ -9973,7 +9979,7 @@
                   })
                 }),
                 trueReactPlatformHelpers.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)
                 })
@@ -9994,7 +10000,7 @@
   });
   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%",
@@ -10002,7 +10008,7 @@
       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,
@@ -10015,7 +10021,7 @@
     }
     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);
@@ -10025,12 +10031,12 @@
         }));
       }
       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);
@@ -10043,21 +10049,21 @@
     }
     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);
@@ -10072,7 +10078,7 @@
     }
     return target;
   }
-  function _object_without_properties_loose$c(source, excluded) {
+  function _object_without_properties_loose$d(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -10087,7 +10093,7 @@
     return target;
   }
   var DateInput = /* @__PURE__ */ React.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",
@@ -10100,7 +10106,7 @@
       "onClick",
       "onChange"
     ]);
-    var classes = useStyles$E({
+    var classes = useStyles$F({
       theme: tweakStyles
     });
     var tweakInputStyles = useTweakStyles({
@@ -10127,11 +10133,11 @@
       }
       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",
@@ -10144,7 +10150,7 @@
   });
   const reactDatepicker = "";
   var LEFT_PADDING = 44;
-  var useStyles$D = createThemedStyles("SearchInput", {
+  var useStyles$E = createThemedStyles("SearchInput", {
     root: {
       position: "relative"
     },
@@ -10181,7 +10187,7 @@
       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,
@@ -10194,7 +10200,7 @@
     }
     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);
@@ -10204,12 +10210,12 @@
         }));
       }
       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);
@@ -10222,21 +10228,21 @@
     }
     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);
@@ -10251,7 +10257,7 @@
     }
     return target;
   }
-  function _object_without_properties_loose$b(source, excluded) {
+  function _object_without_properties_loose$c(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -10266,13 +10272,13 @@
     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({
@@ -10281,7 +10287,7 @@
       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
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
@@ -10291,7 +10297,7 @@
             type: "search"
           })
         }),
-        /* @__PURE__ */ jsx(Input, _object_spread$I({
+        /* @__PURE__ */ jsx(Input, _object_spread$J({
           isClearable,
           isActive: props.value !== "" && props.value !== void 0,
           testId: trueReactPlatformHelpers.getTestId(testId, "input"),
@@ -10339,7 +10345,7 @@
       _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,
@@ -10372,7 +10378,7 @@
     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);
@@ -10382,15 +10388,15 @@
         }));
       }
       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);
@@ -10405,7 +10411,7 @@
     }
     return target;
   }
-  function _object_without_properties_loose$a(source, excluded) {
+  function _object_without_properties_loose$b(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -10471,8 +10477,8 @@
       _class_call_check(this, ScrollIntoViewIfNeeded2);
       var _this;
       _this = _super.apply(this, arguments);
-      _define_property$I(_assert_this_initialized(_this), "node", React.createRef());
-      _define_property$I(_assert_this_initialized(_this), "handleScrollIntoViewIfNeeded", function() {
+      _define_property$J(_assert_this_initialized(_this), "node", React.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) {
@@ -10508,13 +10514,13 @@
           _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 React.createElement(elementType !== null && elementType !== void 0 ? elementType : ScrollIntoViewIfNeededDefaultElementType, _object_spread$H({
+          return React.createElement(elementType !== null && elementType !== void 0 ? elementType : ScrollIntoViewIfNeededDefaultElementType, _object_spread$I({
             ref: this.node
           }, wrapperProps), children);
         }
@@ -10522,10 +10528,10 @@
     ]);
     return ScrollIntoViewIfNeeded2;
   }(React.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,
@@ -10538,7 +10544,7 @@
     }
     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);
@@ -10548,7 +10554,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$H(target, key, source[key]);
+        _define_property$I(target, key, source[key]);
       });
     }
     return target;
@@ -10559,7 +10565,7 @@
     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)",
@@ -10583,7 +10589,7 @@
         ]
       }
     },
-    list: _object_spread$G({
+    list: _object_spread$H({
       height: "100%",
       maxHeight: ROW_HEIGHT$1 * 6,
       cursor: "pointer",
@@ -10626,7 +10632,7 @@
       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,
@@ -10639,7 +10645,7 @@
     }
     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);
@@ -10649,12 +10655,12 @@
         }));
       }
       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);
@@ -10667,12 +10673,12 @@
     }
     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));
       });
     }
@@ -10682,12 +10688,12 @@
     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 = trueReactPlatformHelpers.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,
@@ -10709,7 +10715,7 @@
       }) : children
     }));
   };
-  function _define_property$F(obj, key, value) {
+  function _define_property$G(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -10722,7 +10728,7 @@
     }
     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);
@@ -10732,12 +10738,12 @@
         }));
       }
       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);
@@ -10750,12 +10756,12 @@
     }
     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));
       });
     }
@@ -10763,7 +10769,7 @@
   }
   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 = trueReactPlatformHelpers.isNotEmpty(onToggleCheckbox);
@@ -10800,13 +10806,13 @@
     };
     return /* @__PURE__ */ jsxs(ScrollIntoViewIfNeeded, {
       active: shouldScrollToList && !isMultiSelect,
-      className: clsx(classes.root, _define_property$F({}, classes.withListHeader, trueReactPlatformHelpers.isReactNodeNotEmpty(customListHeader))),
+      className: clsx(classes.root, _define_property$G({}, classes.withListHeader, trueReactPlatformHelpers.isReactNodeNotEmpty(customListHeader))),
       children: [
         trueReactPlatformHelpers.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
         }, trueReactPlatformHelpers.addDataTestId(testId)), {
           children: isLoading ? /* @__PURE__ */ jsx("div", {
@@ -10879,7 +10885,7 @@
   var isMultiSelectValue = function(props, _value) {
     return props.isMultiSelect === true;
   };
-  var useStyles$B = createThemedStyles("Select", {
+  var useStyles$C = createThemedStyles("Select", {
     root: {
       width: "100%",
       position: "relative",
@@ -11028,7 +11034,7 @@
       });
     };
   }
-  function _define_property$E(obj, key, value) {
+  function _define_property$F(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -11079,7 +11085,7 @@
   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);
@@ -11089,12 +11095,12 @@
         }));
       }
       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);
@@ -11107,21 +11113,21 @@
     }
     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);
@@ -11136,7 +11142,7 @@
     }
     return target;
   }
-  function _object_without_properties_loose$9(source, excluded) {
+  function _object_without_properties_loose$a(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -11272,7 +11278,7 @@
     }
   }
   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",
@@ -11303,10 +11309,10 @@
       "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;
@@ -11641,8 +11647,8 @@
       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
@@ -11652,7 +11658,7 @@
         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,
@@ -11699,7 +11705,7 @@
           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,
@@ -11736,7 +11742,7 @@
   }
   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,
@@ -11805,7 +11811,7 @@
   };
   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({
@@ -11914,7 +11920,7 @@
   var areDatesEquals = function(date1, date2) {
     return trueReactPlatformHelpers.isEmpty(date1) && trueReactPlatformHelpers.isEmpty(date2) || trueReactPlatformHelpers.isNotEmpty(date1) && trueReactPlatformHelpers.isNotEmpty(date2) && dateFns.isSameDay(date1, date2);
   };
-  var useStyles$z = createThemedStyles("DatePicker", {
+  var useStyles$A = createThemedStyles("DatePicker", {
     root: {
       width: "100%",
       height: "100%"
@@ -11948,7 +11954,7 @@
     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,
@@ -11992,7 +11998,7 @@
   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);
@@ -12002,12 +12008,12 @@
         }));
       }
       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);
@@ -12020,21 +12026,21 @@
     }
     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);
@@ -12049,7 +12055,7 @@
     }
     return target;
   }
-  function _object_without_properties_loose$8(source, excluded) {
+  function _object_without_properties_loose$9(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -12080,7 +12086,7 @@
       return _array_like_to_array$k(o, minLen);
   }
   var DatePicker = /* @__PURE__ */ React.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",
@@ -12125,7 +12131,7 @@
       "onKeyDown",
       "tweakStyles"
     ]);
-    var classes = useStyles$z({
+    var classes = useStyles$A({
       theme: tweakStyles
     });
     var tweakDateInputStyles = useTweakStyles({
@@ -12148,7 +12154,7 @@
     var _useState4 = _sliced_to_array$k(React.useState(endDate), 2), end2 = _useState4[0], setEnd = _useState4[1];
     var _useState5 = _sliced_to_array$k(React.useState(formatDate(endDate)), 2), endDateValue = _useState5[0], setEndDateValue = _useState5[1];
     var hasDateInputValue = isRange ? trueReactPlatformHelpers.isStringNotEmpty(startDateValue) || trueReactPlatformHelpers.isStringNotEmpty(endDateValue) : trueReactPlatformHelpers.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,
@@ -12246,10 +12252,10 @@
       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,
@@ -12278,9 +12284,9 @@
         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
           }));
         },
@@ -12317,7 +12323,7 @@
     }));
   });
   var LINK_REGEXP = /(http(s?):\/\/(.*))(\s?)/;
-  var useStyles$y = createThemedStyles("Description", {
+  var useStyles$z = createThemedStyles("Description", {
     root: {},
     button: {
       cursor: "pointer",
@@ -12358,7 +12364,7 @@
     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,
@@ -12402,7 +12408,7 @@
   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);
@@ -12412,12 +12418,12 @@
         }));
       }
       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);
@@ -12430,12 +12436,12 @@
     }
     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));
       });
     }
@@ -12459,7 +12465,7 @@
   }
   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;
@@ -12468,7 +12474,7 @@
     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
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
@@ -12715,7 +12721,7 @@
       });
     };
   }
-  function _define_property$B(obj, key, value) {
+  function _define_property$C(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -12759,7 +12765,7 @@
   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);
@@ -12769,15 +12775,15 @@
         }));
       }
       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);
@@ -12792,7 +12798,7 @@
     }
     return target;
   }
-  function _object_without_properties_loose$7(source, excluded) {
+  function _object_without_properties_loose$8(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -12925,7 +12931,7 @@
     }
   }
   var NumberInput = /* @__PURE__ */ React.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",
@@ -13028,7 +13034,7 @@
     }, [
       value
     ]);
-    return /* @__PURE__ */ jsx(Input, _object_spread$A({
+    return /* @__PURE__ */ jsx(Input, _object_spread$B({
       value: showedValue,
       onChange: handleChange,
       onBlur: handleBlur,
@@ -13306,7 +13312,7 @@
     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",
@@ -13322,7 +13328,8 @@
       width: 40,
       height: FILTER_HEIGHT,
       cursor: "pointer",
-      transition: "background-color 0.25s ease-in-out"
+      transition: animations.defaultTransition,
+      transitionProperty: "background-color"
     },
     settingsIcon: {
       width: 16,
@@ -13371,7 +13378,7 @@
       }
     }
   };
-  var useStyles$w = createThemedStyles("FilterInterval", {
+  var useStyles$x = createThemedStyles("FilterInterval", {
     root: {
       padding: 8,
       background: colors.CLASSIC_WHITE
@@ -13414,7 +13421,7 @@
     }
   };
   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,
@@ -13427,7 +13434,7 @@
     }
     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);
@@ -13437,12 +13444,12 @@
         }));
       }
       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);
@@ -13455,12 +13462,12 @@
     }
     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));
       });
     }
@@ -13468,7 +13475,7 @@
   }
   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 = React.useMemo(function() {
@@ -13512,7 +13519,7 @@
       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: [
@@ -13609,7 +13616,7 @@
     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,
@@ -13622,7 +13629,7 @@
     }
     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);
@@ -13632,19 +13639,19 @@
         }));
       }
       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"
@@ -13801,7 +13808,7 @@
       });
     };
   }
-  function _define_property$y(obj, key, value) {
+  function _define_property$z(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -13852,7 +13859,7 @@
   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);
@@ -13862,12 +13869,12 @@
         }));
       }
       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);
@@ -13880,12 +13887,12 @@
     }
     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));
       });
     }
@@ -14015,7 +14022,7 @@
   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({
@@ -14184,13 +14191,13 @@
         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]
               ])
@@ -14389,7 +14396,7 @@
     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: [
@@ -14493,7 +14500,7 @@
       ]
     }));
   }
-  function _define_property$x(obj, key, value) {
+  function _define_property$y(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -14506,7 +14513,7 @@
     }
     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);
@@ -14516,15 +14523,15 @@
         }));
       }
       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,
@@ -14537,7 +14544,7 @@
     }
     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);
@@ -14547,19 +14554,19 @@
         }));
       }
       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,
@@ -14608,7 +14615,8 @@
       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: {
@@ -14731,7 +14739,7 @@
       });
     };
   }
-  function _define_property$v(obj, key, value) {
+  function _define_property$w(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -14782,7 +14790,7 @@
   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);
@@ -14792,12 +14800,12 @@
         }));
       }
       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);
@@ -14810,12 +14818,12 @@
     }
     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));
       });
     }
@@ -14944,7 +14952,7 @@
   }
   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({
@@ -15215,7 +15223,7 @@
       }();
       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: [
@@ -15315,7 +15323,7 @@
               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,
@@ -16428,7 +16436,7 @@
     }
   };
   const ru = locale;
-  var useStyles$t = createThemedStyles("FilterWithDates", {
+  var useStyles$u = createThemedStyles("FilterWithDates", {
     root: {
       background: colors.CLASSIC_WHITE,
       position: "relative",
@@ -16495,7 +16503,7 @@
     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,
@@ -16539,7 +16547,7 @@
   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);
@@ -16549,12 +16557,12 @@
         }));
       }
       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);
@@ -16567,12 +16575,12 @@
     }
     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));
       });
     }
@@ -16596,7 +16604,7 @@
   }
   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({
@@ -16683,7 +16691,7 @@
       }
     };
     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: [
@@ -16692,7 +16700,7 @@
           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,
@@ -16707,7 +16715,7 @@
             }),
             /* @__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,
@@ -16763,7 +16771,7 @@
       ]
     }));
   };
-  var useStyles$s = createThemedStyles("FilterWithPeriod", {
+  var useStyles$t = createThemedStyles("FilterWithPeriod", {
     root: {},
     main: {},
     picker: {}
@@ -16788,7 +16796,7 @@
     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,
@@ -16839,7 +16847,7 @@
   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);
@@ -16849,12 +16857,12 @@
         }));
       }
       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);
@@ -16867,12 +16875,12 @@
     }
     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));
       });
     }
@@ -16899,7 +16907,7 @@
   }
   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 = React.useMemo(function() {
@@ -16912,7 +16920,7 @@
     var _useState1 = _sliced_to_array$e(React.useState((value === null || value === void 0 ? void 0 : value.periodType) === "CUSTOM"), 2), isDatePickerShown = _useState1[0], setIsDatePickerShown = _useState1[1];
     var _useState2 = _sliced_to_array$e(React.useState(value), 2), period = _useState2[0], setPeriod = _useState2[1];
     var periodGetters = React.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];
@@ -16958,7 +16966,7 @@
         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)
         }));
       }
@@ -16978,7 +16986,7 @@
     };
     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 {
@@ -17061,7 +17069,7 @@
     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,
@@ -17105,7 +17113,7 @@
   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);
@@ -17115,12 +17123,12 @@
         }));
       }
       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);
@@ -17133,12 +17141,12 @@
     }
     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));
       });
     }
@@ -17196,7 +17204,7 @@
     ]);
     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) {
@@ -17205,8 +17213,8 @@
     };
     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,
@@ -17220,8 +17228,8 @@
       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,
@@ -17231,12 +17239,12 @@
       }));
     }
     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))
@@ -17244,17 +17252,17 @@
     }
     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"
             }));
           },
@@ -17265,8 +17273,8 @@
       }));
     }
     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,
@@ -17277,8 +17285,8 @@
       }));
     }
     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,
@@ -17291,7 +17299,7 @@
     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",
@@ -17303,7 +17311,7 @@
       ],
       borderRadius: 18,
       paddingRight: 8,
-      transition: "0.25s ease-in-out",
+      transition: animations.defaultTransition,
       transitionProperty: "background-color, border-color"
     },
     focused: {
@@ -17400,7 +17408,7 @@
     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,
@@ -17444,7 +17452,7 @@
   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);
@@ -17454,12 +17462,12 @@
         }));
       }
       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);
@@ -17472,12 +17480,12 @@
     }
     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));
       });
     }
@@ -17501,7 +17509,7 @@
   }
   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({
@@ -17547,8 +17555,8 @@
       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)), {
@@ -17613,7 +17621,7 @@
       ]
     }));
   }
-  var useStyles$q = createThemedStyles("FilterValueView", {
+  var useStyles$r = createThemedStyles("FilterValueView", {
     text: {
       overflow: "hidden",
       textOverflow: "ellipsis",
@@ -17632,7 +17640,7 @@
   }
   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;
@@ -17783,10 +17791,10 @@
       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,
@@ -17909,7 +17917,7 @@
     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,
@@ -17953,7 +17961,7 @@
   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);
@@ -17963,12 +17971,12 @@
         }));
       }
       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);
@@ -17981,12 +17989,12 @@
     }
     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));
       });
     }
@@ -18010,7 +18018,7 @@
   }
   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({
@@ -18050,14 +18058,14 @@
     };
     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))
     }, trueReactPlatformHelpers.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,
@@ -18119,7 +18127,7 @@
       classes
     });
   }
-  function _define_property$p(obj, key, value) {
+  function _define_property$q(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -18132,7 +18140,7 @@
     }
     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);
@@ -18142,12 +18150,12 @@
         }));
       }
       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);
@@ -18160,12 +18168,12 @@
     }
     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));
       });
     }
@@ -18173,7 +18181,7 @@
   }
   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({
@@ -18216,12 +18224,12 @@
       })
     });
     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
     }, trueReactPlatformHelpers.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
         }, trueReactPlatformHelpers.addDataTestId(testId, "settings-button")), {
@@ -18233,7 +18241,7 @@
             })
           })
         })),
-        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,
@@ -18256,7 +18264,7 @@
             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) {
@@ -24386,7 +24394,7 @@
     ZM,
     ZW
   };
-  var useStyles$o = createThemedStyles("Flag", {
+  var useStyles$p = createThemedStyles("Flag", {
     root: {
       // приходится хардкодить в компоненте, тк либа Flags выдает флаги с 2-3 пиксельным отступом снизу
       // если будет нужно, то можно вынести border на уровень пропсов
@@ -24404,7 +24412,7 @@
   });
   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 CC2 = countryCode.toUpperCase();
@@ -24420,7 +24428,7 @@
       className: classes.root
     });
   };
-  var useStyles$n = createThemedStyles("Skeleton", {
+  var useStyles$o = createThemedStyles("Skeleton", {
     root: {
       display: "flex",
       width: "100%",
@@ -24456,7 +24464,7 @@
   });
   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", {
@@ -24482,7 +24490,7 @@
     return _instanceof(value, Date) ? dateFns.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",
@@ -24545,11 +24553,8 @@
         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)"
         }
@@ -24572,7 +24577,7 @@
     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,
@@ -24585,7 +24590,7 @@
     }
     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);
@@ -24595,12 +24600,12 @@
         }));
       }
       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);
@@ -24613,18 +24618,18 @@
     }
     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",
@@ -24637,7 +24642,7 @@
       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
@@ -24656,7 +24661,7 @@
       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,
@@ -24669,7 +24674,7 @@
     }
     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);
@@ -24679,12 +24684,12 @@
         }));
       }
       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);
@@ -24697,21 +24702,21 @@
     }
     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);
@@ -24726,7 +24731,7 @@
     }
     return target;
   }
-  function _object_without_properties_loose$6(source, excluded) {
+  function _object_without_properties_loose$7(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -24741,7 +24746,7 @@
     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",
@@ -24751,7 +24756,7 @@
       "isLoading",
       "tweakStyles"
     ]);
-    var classes = useStyles$l({
+    var classes = useStyles$m({
       theme: tweakStyles
     });
     var _config_columnName;
@@ -24760,7 +24765,7 @@
     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,
@@ -24772,14 +24777,14 @@
         className: classes.skeleton,
         children: /* @__PURE__ */ jsx(Skeleton, {})
       }) : trueReactPlatformHelpers.isNotEmpty(value) && /* @__PURE__ */ jsx(Fragment, {
-        children: trueReactPlatformHelpers.isNotEmpty(component) ? component(_object_spread_props$l(_object_spread$m({}, valueComponentProps), {
+        children: trueReactPlatformHelpers.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"
     },
@@ -24803,7 +24808,7 @@
     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,
@@ -24847,7 +24852,7 @@
   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);
@@ -24857,12 +24862,12 @@
         }));
       }
       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);
@@ -24875,12 +24880,12 @@
     }
     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));
       });
     }
@@ -24904,7 +24909,7 @@
   }
   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({
@@ -24933,7 +24938,7 @@
     var isClickable = !isLoading && (trueReactPlatformHelpers.isNotEmpty(onRowClick) || trueReactPlatformHelpers.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 (trueReactPlatformHelpers.isNotEmpty(uniqueField) && trueReactPlatformHelpers.isNotEmpty(onRowHover)) {
@@ -24981,13 +24986,13 @@
     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
@@ -25023,7 +25028,7 @@
     });
   }
   var FlexibleTableRow = /* @__PURE__ */ React.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,
@@ -25036,7 +25041,7 @@
     }
     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);
@@ -25046,12 +25051,12 @@
         }));
       }
       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);
@@ -25064,21 +25069,21 @@
     }
     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);
@@ -25093,7 +25098,7 @@
     }
     return target;
   }
-  function _object_without_properties_loose$5(source, excluded) {
+  function _object_without_properties_loose$6(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -25108,7 +25113,7 @@
     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",
@@ -25124,7 +25129,7 @@
       "tweakStyles",
       "onHeadClick"
     ]);
-    var classes = useStyles$m({
+    var classes = useStyles$n({
       theme: tweakStyles
     });
     var tweakTableRowStyles = useTweakStyles({
@@ -25142,7 +25147,7 @@
     ]);
     var hasInfiniteScroll = trueReactPlatformHelpers.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,
@@ -25231,10 +25236,10 @@
     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
-      }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(_object_spread_props$j(_object_spread$k({}, data), {
+      }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(_object_spread_props$k(_object_spread$l({}, data), {
         isLoading
       }))), {
         children: [
@@ -25248,7 +25253,7 @@
                 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,
@@ -25268,7 +25273,7 @@
           /* @__PURE__ */ jsx(TableBody, {
             className: classes.body,
             children: isLoading ? trueReactPlatformHelpers.indexMap(6, function(i) {
-              return /* @__PURE__ */ React.createElement(FlexibleTableRow, _object_spread_props$j(_object_spread$k({}, tableRowProps), {
+              return /* @__PURE__ */ React.createElement(FlexibleTableRow, _object_spread_props$k(_object_spread$l({}, tableRowProps), {
                 key: i,
                 item: {},
                 index: i
@@ -25284,7 +25289,7 @@
                   })
                 }),
                 content.map(function(item, i) {
-                  return /* @__PURE__ */ React.createElement(FlexibleTableRow, _object_spread_props$j(_object_spread$k({}, tableRowProps), {
+                  return /* @__PURE__ */ React.createElement(FlexibleTableRow, _object_spread_props$k(_object_spread$l({}, tableRowProps), {
                     key: trueReactPlatformHelpers.isNotEmpty(uniqueField) ? item[uniqueField] : i,
                     item,
                     index: i
@@ -25311,6 +25316,196 @@
       }))
     });
   }
+  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__ */ React.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, trueReactPlatformHelpers.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", {
@@ -25335,7 +25530,8 @@
       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",
@@ -25544,6 +25740,8 @@
   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: {
@@ -25802,6 +26000,16 @@
       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;
@@ -25971,6 +26179,7 @@
       theme: tweakStyles
     });
     var tweakCloseButtonStyles = useTweakStyles({
+      innerStyles: closeButtonStyles,
       tweakStyles,
       className: "tweakCloseButton",
       currentComponentName: "Modal"
@@ -26050,10 +26259,12 @@
                 children: [
                   hasCloseButton && /* @__PURE__ */ jsx("div", {
                     className: classes.close,
-                    children: /* @__PURE__ */ jsx(CloseButton, {
+                    children: /* @__PURE__ */ jsx(IconButton, {
                       testId: trueReactPlatformHelpers.getTestId(testId, "close-button"),
                       tweakStyles: tweakCloseButtonStyles,
-                      onClose
+                      view: "cancel-light",
+                      icon: "close",
+                      onClick: onClose
                     })
                   }),
                   trueReactPlatformHelpers.isReactNodeNotEmpty(title) && /* @__PURE__ */ jsx("h3", {
@@ -26098,7 +26309,8 @@
       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)
       },
@@ -27638,7 +27850,7 @@
         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": {
@@ -27651,7 +27863,8 @@
         height: "100%",
         color: colors.FONT_MEDIUM,
         fontSize: 16,
-        transition: "color 0.25s ease-in-out",
+        transition: animations.defaultTransition,
+        transitionProperty: "color",
         background: "none",
         "&$s": {
           padding: [
@@ -28443,8 +28656,8 @@
       backgroundColor: "#333",
       borderRadius: 10,
       boxSizing: "border-box",
+      transition: animations.defaultTransition,
       transitionProperty: "opacity, background-color",
-      transition: "0.25s ease-in-out",
       "&::before": {
         content: '""',
         position: "absolute",
@@ -28457,16 +28670,16 @@
         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,
@@ -28576,7 +28789,7 @@
       width: "100%",
       flexGrow: 1,
       boxSizing: "border-box",
-      transition: "0.25s ease-in-out",
+      transition: animations.defaultTransition,
       transitionProperty: "border-color",
       backgroundColor: "white",
       border: [
@@ -28598,7 +28811,7 @@
         PADDING_X,
         8
       ],
-      transition: "0.25s ease-in-out",
+      transition: animations.defaultTransition,
       transitionProperty: "background-color",
       border: "none",
       resize: "none",
@@ -28650,7 +28863,7 @@
       top: PADDING_X * 2,
       transformOrigin: "top left",
       transform: "translateY(-50%)",
-      transition: "0.25s ease-in-out",
+      transition: animations.defaultTransition,
       transitionProperty: "transform, color",
       fontSize: 16
     },
@@ -28920,7 +29133,8 @@
       borderRadius: 0,
       cursor: "pointer",
       outline: "none",
-      transition: "color 0.25s ease-in-out",
+      transition: animations.defaultTransition,
+      transitionProperty: "color",
       "&[disabled]": {
         cursor: "default",
         pointerEvents: "none"
@@ -28959,7 +29173,7 @@
       width: 24,
       height: 24,
       borderRadius: "50%",
-      transition: "0.25s ease-in-out",
+      transition: animations.defaultTransition,
       transitionProperty: [
         "background",
         "color"
@@ -29094,7 +29308,7 @@
     }
     return target;
   }
-  var TextButton = function(_param) {
+  var TextButton = /* @__PURE__ */ React.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",
@@ -29125,10 +29339,11 @@
     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, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
         /* @__PURE__ */ jsxs("span", {
@@ -29154,7 +29369,7 @@
         })
       ]
     }));
-  };
+  });
   var useStyles$5 = createThemedStyles("Tooltip", {
     root: {
       display: "inline-block",
@@ -29929,10 +30144,11 @@
         }),
         hasCloseButton && trueReactPlatformHelpers.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
           })
         })
       ]
@@ -30168,7 +30384,8 @@
       borderRadius: "50%",
       border: "none",
       cursor: "pointer",
-      transition: "background-color 0.25s ease-in-out"
+      transition: animations.defaultTransition,
+      transitionProperty: "background-color"
     },
     icon: {
       width: 30,
@@ -30305,6 +30522,7 @@
   exports2.Flag = Flag;
   exports2.FlexibleTable = FlexibleTable;
   exports2.Icon = Icon;
+  exports2.IconButton = IconButton;
   exports2.IncrementInput = IncrementInput;
   exports2.Input = Input;
   exports2.List = List;