@true-engineering/true-react-common-ui-kit 3.0.0-alpha.0 → 3.0.0-alpha.10

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

@@ -829,9 +829,9 @@
         }
         function validateFragmentProps(fragment) {
           {
-            var keys = Object.keys(fragment.props);
-            for (var i = 0; i < keys.length; i++) {
-              var key = keys[i];
+            var keys2 = Object.keys(fragment.props);
+            for (var i = 0; i < keys2.length; i++) {
+              var key = keys2[i];
               if (key !== "children" && key !== "key") {
                 setCurrentlyValidatingElement$1(fragment);
                 error("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", key);
@@ -1194,12 +1194,12 @@
   const root$1 = root;
   var Symbol$1 = root$1.Symbol;
   const Symbol$2 = Symbol$1;
-  var objectProto$a = Object.prototype;
-  var hasOwnProperty$8 = objectProto$a.hasOwnProperty;
-  var nativeObjectToString$1 = objectProto$a.toString;
+  var objectProto$d = Object.prototype;
+  var hasOwnProperty$a = objectProto$d.hasOwnProperty;
+  var nativeObjectToString$1 = objectProto$d.toString;
   var symToStringTag$1 = Symbol$2 ? Symbol$2.toStringTag : void 0;
   function getRawTag(value) {
-    var isOwn = hasOwnProperty$8.call(value, symToStringTag$1), tag = value[symToStringTag$1];
+    var isOwn = hasOwnProperty$a.call(value, symToStringTag$1), tag = value[symToStringTag$1];
     try {
       value[symToStringTag$1] = void 0;
       var unmasked = true;
@@ -1215,8 +1215,8 @@
     }
     return result;
   }
-  var objectProto$9 = Object.prototype;
-  var nativeObjectToString = objectProto$9.toString;
+  var objectProto$c = Object.prototype;
+  var nativeObjectToString = objectProto$c.toString;
   function objectToString(value) {
     return nativeObjectToString.call(value);
   }
@@ -1232,13 +1232,13 @@
     var type = typeof value;
     return value != null && (type == "object" || type == "function");
   }
-  var asyncTag = "[object AsyncFunction]", funcTag$1 = "[object Function]", genTag = "[object GeneratorFunction]", proxyTag = "[object Proxy]";
+  var asyncTag = "[object AsyncFunction]", funcTag$2 = "[object Function]", genTag$1 = "[object GeneratorFunction]", proxyTag = "[object Proxy]";
   function isFunction(value) {
     if (!isObject(value)) {
       return false;
     }
     var tag = baseGetTag(value);
-    return tag == funcTag$1 || tag == genTag || tag == asyncTag || tag == proxyTag;
+    return tag == funcTag$2 || tag == genTag$1 || tag == asyncTag || tag == proxyTag;
   }
   var coreJsData = root$1["__core-js_shared__"];
   const coreJsData$1 = coreJsData;
@@ -1266,11 +1266,11 @@
   }
   var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
   var reIsHostCtor = /^\[object .+?Constructor\]$/;
-  var funcProto$1 = Function.prototype, objectProto$8 = Object.prototype;
+  var funcProto$1 = Function.prototype, objectProto$b = Object.prototype;
   var funcToString$1 = funcProto$1.toString;
-  var hasOwnProperty$7 = objectProto$8.hasOwnProperty;
+  var hasOwnProperty$9 = objectProto$b.hasOwnProperty;
   var reIsNative = RegExp(
-    "^" + funcToString$1.call(hasOwnProperty$7).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+    "^" + funcToString$1.call(hasOwnProperty$9).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
   );
   function baseIsNative(value) {
     if (!isObject(value) || isMasked(value)) {
@@ -1300,21 +1300,21 @@
     return result;
   }
   var HASH_UNDEFINED$1 = "__lodash_hash_undefined__";
-  var objectProto$7 = Object.prototype;
-  var hasOwnProperty$6 = objectProto$7.hasOwnProperty;
+  var objectProto$a = Object.prototype;
+  var hasOwnProperty$8 = objectProto$a.hasOwnProperty;
   function hashGet(key) {
     var data = this.__data__;
     if (nativeCreate$1) {
       var result = data[key];
       return result === HASH_UNDEFINED$1 ? void 0 : result;
     }
-    return hasOwnProperty$6.call(data, key) ? data[key] : void 0;
+    return hasOwnProperty$8.call(data, key) ? data[key] : void 0;
   }
-  var objectProto$6 = Object.prototype;
-  var hasOwnProperty$5 = objectProto$6.hasOwnProperty;
+  var objectProto$9 = Object.prototype;
+  var hasOwnProperty$7 = objectProto$9.hasOwnProperty;
   function hashHas(key) {
     var data = this.__data__;
-    return nativeCreate$1 ? data[key] !== void 0 : hasOwnProperty$5.call(data, key);
+    return nativeCreate$1 ? data[key] !== void 0 : hasOwnProperty$7.call(data, key);
   }
   var HASH_UNDEFINED = "__lodash_hash_undefined__";
   function hashSet(key, value) {
@@ -1503,9 +1503,9 @@
   }
   var getPrototype = overArg(Object.getPrototypeOf, Object);
   const getPrototype$1 = getPrototype;
-  var objectProto$5 = Object.prototype;
+  var objectProto$8 = Object.prototype;
   function isPrototype(value) {
-    var Ctor = value && value.constructor, proto = typeof Ctor == "function" && Ctor.prototype || objectProto$5;
+    var Ctor = value && value.constructor, proto = typeof Ctor == "function" && Ctor.prototype || objectProto$8;
     return value === proto;
   }
   function initCloneObject(object) {
@@ -1514,17 +1514,17 @@
   function isObjectLike(value) {
     return value != null && typeof value == "object";
   }
-  var argsTag$1 = "[object Arguments]";
+  var argsTag$2 = "[object Arguments]";
   function baseIsArguments(value) {
-    return isObjectLike(value) && baseGetTag(value) == argsTag$1;
+    return isObjectLike(value) && baseGetTag(value) == argsTag$2;
   }
-  var objectProto$4 = Object.prototype;
-  var hasOwnProperty$4 = objectProto$4.hasOwnProperty;
-  var propertyIsEnumerable = objectProto$4.propertyIsEnumerable;
+  var objectProto$7 = Object.prototype;
+  var hasOwnProperty$6 = objectProto$7.hasOwnProperty;
+  var propertyIsEnumerable$1 = objectProto$7.propertyIsEnumerable;
   var isArguments = baseIsArguments(function() {
     return arguments;
   }()) ? baseIsArguments : function(value) {
-    return isObjectLike(value) && hasOwnProperty$4.call(value, "callee") && !propertyIsEnumerable.call(value, "callee");
+    return isObjectLike(value) && hasOwnProperty$6.call(value, "callee") && !propertyIsEnumerable$1.call(value, "callee");
   };
   const isArguments$1 = isArguments;
   var isArray = Array.isArray;
@@ -1549,27 +1549,27 @@
   var nativeIsBuffer = Buffer ? Buffer.isBuffer : void 0;
   var isBuffer = nativeIsBuffer || stubFalse;
   const isBuffer$1 = isBuffer;
-  var objectTag$1 = "[object Object]";
-  var funcProto = Function.prototype, objectProto$3 = Object.prototype;
+  var objectTag$3 = "[object Object]";
+  var funcProto = Function.prototype, objectProto$6 = Object.prototype;
   var funcToString = funcProto.toString;
-  var hasOwnProperty$3 = objectProto$3.hasOwnProperty;
+  var hasOwnProperty$5 = objectProto$6.hasOwnProperty;
   var objectCtorString = funcToString.call(Object);
   function isPlainObject(value) {
-    if (!isObjectLike(value) || baseGetTag(value) != objectTag$1) {
+    if (!isObjectLike(value) || baseGetTag(value) != objectTag$3) {
       return false;
     }
     var proto = getPrototype$1(value);
     if (proto === null) {
       return true;
     }
-    var Ctor = hasOwnProperty$3.call(proto, "constructor") && proto.constructor;
+    var Ctor = hasOwnProperty$5.call(proto, "constructor") && proto.constructor;
     return typeof Ctor == "function" && Ctor instanceof Ctor && funcToString.call(Ctor) == objectCtorString;
   }
-  var argsTag = "[object Arguments]", arrayTag = "[object Array]", boolTag = "[object Boolean]", dateTag = "[object Date]", errorTag = "[object Error]", funcTag = "[object Function]", mapTag = "[object Map]", numberTag = "[object Number]", objectTag = "[object Object]", regexpTag = "[object RegExp]", setTag = "[object Set]", stringTag = "[object String]", weakMapTag = "[object WeakMap]";
-  var arrayBufferTag = "[object ArrayBuffer]", dataViewTag = "[object DataView]", float32Tag = "[object Float32Array]", float64Tag = "[object Float64Array]", int8Tag = "[object Int8Array]", int16Tag = "[object Int16Array]", int32Tag = "[object Int32Array]", uint8Tag = "[object Uint8Array]", uint8ClampedTag = "[object Uint8ClampedArray]", uint16Tag = "[object Uint16Array]", uint32Tag = "[object Uint32Array]";
+  var argsTag$1 = "[object Arguments]", arrayTag$1 = "[object Array]", boolTag$2 = "[object Boolean]", dateTag$2 = "[object Date]", errorTag$1 = "[object Error]", funcTag$1 = "[object Function]", mapTag$4 = "[object Map]", numberTag$2 = "[object Number]", objectTag$2 = "[object Object]", regexpTag$2 = "[object RegExp]", setTag$4 = "[object Set]", stringTag$2 = "[object String]", weakMapTag$2 = "[object WeakMap]";
+  var arrayBufferTag$2 = "[object ArrayBuffer]", dataViewTag$3 = "[object DataView]", float32Tag$2 = "[object Float32Array]", float64Tag$2 = "[object Float64Array]", int8Tag$2 = "[object Int8Array]", int16Tag$2 = "[object Int16Array]", int32Tag$2 = "[object Int32Array]", uint8Tag$2 = "[object Uint8Array]", uint8ClampedTag$2 = "[object Uint8ClampedArray]", uint16Tag$2 = "[object Uint16Array]", uint32Tag$2 = "[object Uint32Array]";
   var typedArrayTags = {};
-  typedArrayTags[float32Tag] = typedArrayTags[float64Tag] = typedArrayTags[int8Tag] = typedArrayTags[int16Tag] = typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] = typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] = typedArrayTags[uint32Tag] = true;
-  typedArrayTags[argsTag] = typedArrayTags[arrayTag] = typedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] = typedArrayTags[dataViewTag] = typedArrayTags[dateTag] = typedArrayTags[errorTag] = typedArrayTags[funcTag] = typedArrayTags[mapTag] = typedArrayTags[numberTag] = typedArrayTags[objectTag] = typedArrayTags[regexpTag] = typedArrayTags[setTag] = typedArrayTags[stringTag] = typedArrayTags[weakMapTag] = false;
+  typedArrayTags[float32Tag$2] = typedArrayTags[float64Tag$2] = typedArrayTags[int8Tag$2] = typedArrayTags[int16Tag$2] = typedArrayTags[int32Tag$2] = typedArrayTags[uint8Tag$2] = typedArrayTags[uint8ClampedTag$2] = typedArrayTags[uint16Tag$2] = typedArrayTags[uint32Tag$2] = true;
+  typedArrayTags[argsTag$1] = typedArrayTags[arrayTag$1] = typedArrayTags[arrayBufferTag$2] = typedArrayTags[boolTag$2] = typedArrayTags[dataViewTag$3] = typedArrayTags[dateTag$2] = typedArrayTags[errorTag$1] = typedArrayTags[funcTag$1] = typedArrayTags[mapTag$4] = typedArrayTags[numberTag$2] = typedArrayTags[objectTag$2] = typedArrayTags[regexpTag$2] = typedArrayTags[setTag$4] = typedArrayTags[stringTag$2] = typedArrayTags[weakMapTag$2] = false;
   function baseIsTypedArray(value) {
     return isObjectLike(value) && isLength(value.length) && !!typedArrayTags[baseGetTag(value)];
   }
@@ -1605,11 +1605,11 @@
     }
     return object[key];
   }
-  var objectProto$2 = Object.prototype;
-  var hasOwnProperty$2 = objectProto$2.hasOwnProperty;
+  var objectProto$5 = Object.prototype;
+  var hasOwnProperty$4 = objectProto$5.hasOwnProperty;
   function assignValue(object, key, value) {
     var objValue = object[key];
-    if (!(hasOwnProperty$2.call(object, key) && eq(objValue, value)) || value === void 0 && !(key in object)) {
+    if (!(hasOwnProperty$4.call(object, key) && eq(objValue, value)) || value === void 0 && !(key in object)) {
       baseAssignValue(object, key, value);
     }
   }
@@ -1645,12 +1645,12 @@
     length = length == null ? MAX_SAFE_INTEGER : length;
     return !!length && (type == "number" || type != "symbol" && reIsUint.test(value)) && (value > -1 && value % 1 == 0 && value < length);
   }
-  var objectProto$1 = Object.prototype;
-  var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
+  var objectProto$4 = Object.prototype;
+  var hasOwnProperty$3 = objectProto$4.hasOwnProperty;
   function arrayLikeKeys(value, inherited) {
     var isArr = isArray$1(value), isArg = !isArr && isArguments$1(value), isBuff = !isArr && !isArg && isBuffer$1(value), isType = !isArr && !isArg && !isBuff && isTypedArray$1(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? baseTimes(value.length, String) : [], length = result.length;
     for (var key in value) {
-      if ((inherited || hasOwnProperty$1.call(value, key)) && !(skipIndexes && // Safari 9 has enumerable `arguments.length` in strict mode.
+      if ((inherited || hasOwnProperty$3.call(value, key)) && !(skipIndexes && // Safari 9 has enumerable `arguments.length` in strict mode.
       (key == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
       isBuff && (key == "offset" || key == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
       isType && (key == "buffer" || key == "byteLength" || key == "byteOffset") || // Skip index properties.
@@ -1669,15 +1669,15 @@
     }
     return result;
   }
-  var objectProto = Object.prototype;
-  var hasOwnProperty = objectProto.hasOwnProperty;
+  var objectProto$3 = Object.prototype;
+  var hasOwnProperty$2 = objectProto$3.hasOwnProperty;
   function baseKeysIn(object) {
     if (!isObject(object)) {
       return nativeKeysIn(object);
     }
     var isProto = isPrototype(object), result = [];
     for (var key in object) {
-      if (!(key == "constructor" && (isProto || !hasOwnProperty.call(object, key)))) {
+      if (!(key == "constructor" && (isProto || !hasOwnProperty$2.call(object, key)))) {
         result.push(key);
       }
     }
@@ -1878,8 +1878,8 @@
     }
     return target;
   }
-  function ownKeys$G(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys$H(object, enumerableOnly) {
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -1887,16 +1887,16 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    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));
       });
     }
@@ -1950,7 +1950,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$G(_object_spread$S({}, data), {
+      return useStyles2(trueReactPlatformHelpers.isNotEmpty(data) ? _object_spread_props$H(_object_spread$S({}, data), {
         theme: cleanStyles(data.theme)
       }) : data);
     };
@@ -2609,8 +2609,8 @@
   function mergePaddingObject(paddingObject) {
     return Object.assign({}, getFreshSideObject(), paddingObject);
   }
-  function expandToHashMap(value, keys) {
-    return keys.reduce(function(hashMap, key) {
+  function expandToHashMap(value, keys2) {
+    return keys2.reduce(function(hashMap, key) {
       hashMap[key] = value;
       return hashMap;
     }, {});
@@ -4088,63 +4088,71 @@
       };
     }, dependencies);
   };
-  const avatarGreen = `  <svg\r
-    width="100%"\r
-    height="100%"\r
-    viewBox="0 0 32 32"\r
-    fill="none"\r
-    xmlns="http://www.w3.org/2000/svg"\r
-  >\r
-    <circle opacity="0.5" cx="16" cy="16" r="16" fill="#DDE3ED" />\r
-    <mask\r
-      id="mask0_0_12744"\r
-      style="mask-type: 'alpha';"\r
-      maskUnits="userSpaceOnUse"\r
-      x="0"\r
-      y="0"\r
-      width="32"\r
-      height="32"\r
-    >\r
-      <circle cx="16" cy="16" r="16" fill="white" />\r
-    </mask>\r
-    <g mask="url(#mask0_0_12744)">\r
-      <circle cx="16" cy="29" r="13" fill="url(#paint0_linear_0_12744)" />\r
-      <mask\r
-        id="mask1_0_12744"\r
-        style="mask-type: 'alpha';"\r
-        maskUnits="userSpaceOnUse"\r
-        x="3"\r
-        y="16"\r
-        width="26"\r
-        height="26"\r
-      >\r
-        <circle cx="16" cy="29" r="13" fill="white" />\r
-      </mask>\r
-      <g mask="url(#mask1_0_12744)">\r
-        <ellipse\r
-          cx="16"\r
-          cy="17.5"\r
-          rx="6"\r
-          ry="7.5"\r
-          fill="#505F79"\r
-          fill-opacity="0.204983"\r
-        />\r
-      </g>\r
-    </g>\r
-    <ellipse cx="16" cy="13" rx="6" ry="7" fill="white" />\r
-    <defs>\r
-      <linearGradient\r
-        id="paint0_linear_0_12744"\r
-        x1="13.347"\r
-        y1="46.279"\r
-        x2="33.5318"\r
-        y2="30.8088"\r
-        gradientUnits="userSpaceOnUse"\r
-      >\r
-        <stop stop-color="#ABD229" />\r
-        <stop offset="1" stop-color="#9CD03F" />\r
-      </linearGradient>\r
-    </defs>\r
+  var useMixedStyles = function(baseStyles, tweakStyles) {
+    return React.useMemo(function() {
+      return trueReactPlatformHelpers.isNotEmpty(baseStyles) && trueReactPlatformHelpers.isNotEmpty(tweakStyles) ? trueReactPlatformHelpers.mergeStyles(baseStyles, tweakStyles) : baseStyles !== null && baseStyles !== void 0 ? baseStyles : tweakStyles;
+    }, [
+      baseStyles,
+      tweakStyles
+    ]);
+  };
+  const avatarGreen = `  <svg
+    width="100%"
+    height="100%"
+    viewBox="0 0 32 32"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <circle opacity="0.5" cx="16" cy="16" r="16" fill="#DDE3ED" />
+    <mask
+      id="mask0_0_12744"
+      style="mask-type: 'alpha';"
+      maskUnits="userSpaceOnUse"
+      x="0"
+      y="0"
+      width="32"
+      height="32"
+    >
+      <circle cx="16" cy="16" r="16" fill="white" />
+    </mask>
+    <g mask="url(#mask0_0_12744)">
+      <circle cx="16" cy="29" r="13" fill="url(#paint0_linear_0_12744)" />
+      <mask
+        id="mask1_0_12744"
+        style="mask-type: 'alpha';"
+        maskUnits="userSpaceOnUse"
+        x="3"
+        y="16"
+        width="26"
+        height="26"
+      >
+        <circle cx="16" cy="29" r="13" fill="white" />
+      </mask>
+      <g mask="url(#mask1_0_12744)">
+        <ellipse
+          cx="16"
+          cy="17.5"
+          rx="6"
+          ry="7.5"
+          fill="#505F79"
+          fill-opacity="0.204983"
+        />
+      </g>
+    </g>
+    <ellipse cx="16" cy="13" rx="6" ry="7" fill="white" />
+    <defs>
+      <linearGradient
+        id="paint0_linear_0_12744"
+        x1="13.347"
+        y1="46.279"
+        x2="33.5318"
+        y2="30.8088"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stop-color="#ABD229" />
+        <stop offset="1" stop-color="#9CD03F" />
+      </linearGradient>
+    </defs>
   </svg>`;
   var complexIcons = {
     avatar: avatarGreen
@@ -5047,8 +5055,8 @@
     }
     return target;
   }
-  function ownKeys$F(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys$G(object, enumerableOnly) {
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -5056,16 +5064,16 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    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));
       });
     }
@@ -5096,12 +5104,12 @@
           }, 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$F(_object_spread$P({}, rect), {
+          return /* @__PURE__ */ React.createElement("rect", _object_spread_props$G(_object_spread$P({}, 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$F(_object_spread$P({}, circle), {
+          return /* @__PURE__ */ React.createElement("circle", _object_spread_props$G(_object_spread$P({}, circle), {
             key: index
           }));
         })
@@ -5142,8 +5150,8 @@
     }
     return target;
   }
-  function ownKeys$E(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys$F(object, enumerableOnly) {
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -5151,16 +5159,16 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    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));
       });
     }
@@ -5171,7 +5179,7 @@
     var classes = useStyles$L({
       theme: tweakStyles
     });
-    return /* @__PURE__ */ jsx("div", _object_spread_props$E(_object_spread$O({
+    return /* @__PURE__ */ jsx("div", _object_spread_props$F(_object_spread$O({
       className: classes.root
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: isComplexIcon(type) ? /* @__PURE__ */ jsx(ComplexIconBoilerplate, {
@@ -5260,8 +5268,8 @@
     }
     return target;
   }
-  function ownKeys$D(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys$E(object, enumerableOnly) {
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -5269,16 +5277,16 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    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));
       });
     }
@@ -5294,7 +5302,7 @@
       onClick === null || onClick === void 0 ? void 0 : onClick();
     };
     var _item_testId;
-    return /* @__PURE__ */ jsx("div", _object_spread_props$D(_object_spread$N({
+    return /* @__PURE__ */ jsx("div", _object_spread_props$E(_object_spread$N({
       className: classes.root
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: items.map(function(item, idx) {
@@ -5304,7 +5312,7 @@
             item.shouldDrawSpacerAbove && /* @__PURE__ */ jsx("div", {
               className: classes.spacer
             }),
-            /* @__PURE__ */ jsxs("div", _object_spread_props$D(_object_spread$N({
+            /* @__PURE__ */ jsxs("div", _object_spread_props$E(_object_spread$N({
               className: clsx(classes.item, (_obj = {}, _define_property$P(_obj, classes.disabledItem, item.disabled), _define_property$P(_obj, classes.withIconGap, item.withIconGap), _obj)),
               onClick: item.disabled ? void 0 : function() {
                 return handleItemClick(item);
@@ -5472,8 +5480,8 @@
     }
     return target;
   }
-  function ownKeys$C(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys$D(object, enumerableOnly) {
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -5481,16 +5489,16 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    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));
       });
     }
@@ -5534,7 +5542,7 @@
     useOnClickOutsideWithRef(dropdownRef, function() {
       return setIsMenuOpen(false);
     }, nameRef);
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$C(_object_spread$L({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$D(_object_spread$L({
       className: classes.root
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
@@ -5638,8 +5646,8 @@
     }
     return target;
   }
-  function ownKeys$B(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys$C(object, enumerableOnly) {
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -5647,16 +5655,16 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    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));
       });
     }
@@ -5667,7 +5675,7 @@
     var classes = useStyles$I({
       theme: tweakStyles
     });
-    return /* @__PURE__ */ jsxs("button", _object_spread_props$B(_object_spread$K({
+    return /* @__PURE__ */ jsxs("button", _object_spread_props$C(_object_spread$K({
       type,
       className: clsx(classes.root, isDisabled && classes.disabled, isFullWidth && classes.fullWidth),
       onClick: !isDisabled ? onClick : void 0,
@@ -5860,8 +5868,8 @@
     }
     return target;
   }
-  function ownKeys$A(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys$B(object, enumerableOnly) {
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -5869,16 +5877,16 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    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));
       });
     }
@@ -5899,7 +5907,7 @@
       className: "tweakSvgPreloader",
       currentComponentName: "ThemedPreloader"
     });
-    return /* @__PURE__ */ jsx("div", _object_spread_props$A(_object_spread$J({
+    return /* @__PURE__ */ jsx("div", _object_spread_props$B(_object_spread$J({
       className: clsx(classes.root, classes[type], _define_property$L({}, classes.currentColor, useCurrentColor))
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: type === "dots" ? /* @__PURE__ */ jsx(DotsPreloader, {
@@ -6110,8 +6118,8 @@
     }
     return target;
   }
-  function ownKeys$z(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys$A(object, enumerableOnly) {
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -6119,16 +6127,16 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    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));
       });
     }
@@ -6149,7 +6157,7 @@
     var hasChildren = trueReactPlatformHelpers.isReactNodeNotEmpty(children);
     var hasNoAction = isDisabled || isLoading;
     var _obj, _obj1;
-    return /* @__PURE__ */ jsxs("button", _object_spread_props$z(_object_spread$I({
+    return /* @__PURE__ */ jsxs("button", _object_spread_props$A(_object_spread$I({
       ref,
       type,
       className: clsx(classes.root, classes[size], classes[view], (_obj = {}, _define_property$K(_obj, classes.disabled, isDisabled), _define_property$K(_obj, classes.fullWidth, isFullWidth), _define_property$K(_obj, classes.inline, isInline), _define_property$K(_obj, classes.active, isActive), _define_property$K(_obj, classes.loading, isLoading), _define_property$K(_obj, classes.onlyIcon, hasIcon && !hasChildren), _obj)),
@@ -6187,6 +6195,7 @@
     root: {
       cursor: "pointer",
       display: "flex",
+      alignItems: "center",
       gap: 14,
       width: "fit-content"
     },
@@ -6289,8 +6298,8 @@
     }
     return target;
   }
-  function ownKeys$y(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys$z(object, enumerableOnly) {
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -6298,16 +6307,16 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    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));
       });
     }
@@ -6350,7 +6359,7 @@
       isChecked
     ]);
     var _obj;
-    return /* @__PURE__ */ jsxs("label", _object_spread_props$y(_object_spread$H({
+    return /* @__PURE__ */ jsxs("label", _object_spread_props$z(_object_spread$H({
       className: clsx(classes.root, (_obj = {}, _define_property$J(_obj, classes.disabled, isDisabled), _define_property$J(_obj, classes.labelPositionLeft, labelPosition === "left"), _obj))
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
@@ -6430,8 +6439,8 @@
     }
     return target;
   }
-  function ownKeys$x(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys$y(object, enumerableOnly) {
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -6439,16 +6448,16 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    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));
       });
     }
@@ -6459,7 +6468,7 @@
     var classes = useStyles$C({
       theme: tweakStyles
     });
-    return /* @__PURE__ */ jsx("button", _object_spread_props$x(_object_spread$G({
+    return /* @__PURE__ */ jsx("button", _object_spread_props$y(_object_spread$G({
       type: "button",
       className: classes.root,
       onClick: onClose
@@ -7013,8 +7022,8 @@
     }
     return target;
   }
-  function ownKeys$w(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys$x(object, enumerableOnly) {
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -7022,16 +7031,16 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    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));
       });
     }
@@ -7233,7 +7242,7 @@
     return /* @__PURE__ */ jsxs("div", {
       className: classes.root,
       children: [
-        /* @__PURE__ */ jsxs("div", _object_spread_props$w(_object_spread$E({
+        /* @__PURE__ */ jsxs("div", _object_spread_props$x(_object_spread$E({
           className: clsx(classes.inputWrapper, (_obj1 = {}, _define_property$G(_obj1, classes.required, isRequired && !hasRequiredLabel), _define_property$G(_obj1, classes.invalid, isInvalid), _define_property$G(_obj1, classes.focused, hasFocus), _define_property$G(_obj1, classes.disabled, isDisabled), _define_property$G(_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)), {
@@ -7342,8 +7351,8 @@
     }
     return target;
   }
-  function ownKeys$v(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys$w(object, enumerableOnly) {
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -7351,16 +7360,16 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    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));
       });
     }
@@ -7399,7 +7408,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, isRange = _param.isRange, tweakStyles = _param.tweakStyles, testId = _param.testId, onClick = _param.onClick, onChange = _param.onChange, inputProps = _object_without_properties$9(_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, isRange = _param.isRange, tweakStyles = _param.tweakStyles, onClick = _param.onClick, onChange = _param.onChange, inputProps = _object_without_properties$9(_param, [
       "date",
       "startDate",
       "endDate",
@@ -7409,7 +7418,6 @@
       "data",
       "isRange",
       "tweakStyles",
-      "testId",
       "onClick",
       "onChange"
     ]);
@@ -7440,16 +7448,15 @@
       }
       onChange === null || onChange === void 0 ? void 0 : onChange(event, value);
     };
-    return /* @__PURE__ */ jsx("div", _object_spread_props$v(_object_spread$D({
+    return /* @__PURE__ */ jsx("div", _object_spread_props$w(_object_spread$D({
       className: clsx(classes.root, className),
       onClick
-    }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
-      children: /* @__PURE__ */ jsx(Input, _object_spread_props$v(_object_spread$D({}, inputProps), {
+    }, addDataAttributes(data)), {
+      children: /* @__PURE__ */ jsx(Input, _object_spread_props$w(_object_spread$D({}, 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",
         placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : isRange ? EMPTY_DATE_RANGE_INPUT_VALUE : EMPTY_DATE_INPUT_VALUE,
-        testId: trueReactPlatformHelpers.getTestId(testId, "input"),
         tweakStyles: tweakInputStyles,
         onChange: handleChange,
         beforeMaskedStateChange
@@ -7523,8 +7530,8 @@
     }
     return target;
   }
-  function ownKeys$u(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys$v(object, enumerableOnly) {
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -7532,16 +7539,16 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    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));
       });
     }
@@ -7595,7 +7602,7 @@
       className: "tweakInput",
       currentComponentName: "SearchInput"
     });
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$u(_object_spread$C({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$v(_object_spread$C({
       className: classes.root
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
@@ -7968,8 +7975,8 @@
     }
     return target;
   }
-  function ownKeys$t(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys$u(object, enumerableOnly) {
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -7977,16 +7984,16 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    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));
       });
     }
@@ -7996,7 +8003,7 @@
     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$t(_object_spread$z({
+    return /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, _object_spread_props$u(_object_spread$z({
       active: isFocused,
       options: {
         block: "nearest"
@@ -8051,8 +8058,8 @@
     }
     return target;
   }
-  function ownKeys$s(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys$t(object, enumerableOnly) {
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -8060,16 +8067,16 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    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));
       });
     }
@@ -8120,7 +8127,7 @@
           className: classes.listHeader,
           children: customListHeader
         }),
-        /* @__PURE__ */ jsx("div", _object_spread_props$s(_object_spread$y({
+        /* @__PURE__ */ jsx("div", _object_spread_props$t(_object_spread$y({
           className: classes.list
         }, trueReactPlatformHelpers.addDataTestId(testId)), {
           children: isLoading ? /* @__PURE__ */ jsx("div", {
@@ -8261,13 +8268,15 @@
     }
   };
   var readonlyInputBaseStyles = {
-    inputIcon: {
-      width: "auto"
+    input: {
+      cursor: "pointer"
     }
   };
   var multiSelectInputBaseStyles = {
     inputIcon: {
-      width: "auto"
+      "&:not($loading)": {
+        width: "auto"
+      }
     }
   };
   var readonlyInputStyles = trueReactPlatformHelpers.mergeStyles(baseInputStyles, readonlyInputBaseStyles);
@@ -8406,8 +8415,8 @@
     }
     return target;
   }
-  function ownKeys$r(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys$s(object, enumerableOnly) {
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -8415,16 +8424,16 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    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));
       });
     }
@@ -8942,7 +8951,7 @@
       isOpen
     ]);
     var _obj;
-    var listEl = /* @__PURE__ */ jsx("div", _object_spread_props$r(_object_spread$x({
+    var listEl = /* @__PURE__ */ jsx("div", _object_spread_props$s(_object_spread$x({
       className: clsx(classes.listWrapper, (_obj = {}, _define_property$z(_obj, classes.withoutPopper, !shouldUsePopper), _define_property$z(_obj, classes.listWrapperInBody, shouldRenderInBody), _obj)),
       ref: list,
       style: popperData === null || popperData === void 0 ? void 0 : popperData.styles.popper,
@@ -9308,8 +9317,8 @@
     }
     return target;
   }
-  function ownKeys$q(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys$r(object, enumerableOnly) {
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -9317,16 +9326,16 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    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));
       });
     }
@@ -9381,9 +9390,8 @@
       return _array_like_to_array$j(o, minLen);
   }
   var DatePicker = /* @__PURE__ */ React.forwardRef(function(_param, ref) {
-    var data = _param.data, testId = _param.testId, _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, isRange = _param.isRange, isInline = _param.isInline, isDisabled = _param.isDisabled, isClearable = _param.isClearable, strictParsing = _param.strictParsing, focusSelectedMonth = _param.focusSelectedMonth, disabledKeyboardNavigation = _param.disabledKeyboardNavigation, shouldRenderPopperInBody = _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$5(_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, isRange = _param.isRange, isInline = _param.isInline, isDisabled = _param.isDisabled, isClearable = _param.isClearable, strictParsing = _param.strictParsing, focusSelectedMonth = _param.focusSelectedMonth, disabledKeyboardNavigation = _param.disabledKeyboardNavigation, shouldRenderPopperInBody = _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$5(_param, [
       "data",
-      "testId",
       "selectedDate",
       "minDate",
       "maxDate",
@@ -9450,7 +9458,7 @@
     var _useState4 = _sliced_to_array$j(React.useState(endDate), 2), end2 = _useState4[0], setEnd = _useState4[1];
     var _useState5 = _sliced_to_array$j(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$w(_object_spread_props$q(_object_spread$w({}, inputProps), {
+    var dateInputProps = _object_spread$w(_object_spread_props$r(_object_spread$w({}, inputProps), {
       isRange,
       isDisabled,
       isClearable,
@@ -9548,9 +9556,9 @@
       startDate,
       endDate
     ]);
-    return /* @__PURE__ */ jsx("div", _object_spread_props$q(_object_spread$w({
+    return /* @__PURE__ */ jsx("div", _object_spread_props$r(_object_spread$w({
       className: classes.root
-    }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
+    }, addDataAttributes(data)), {
       children: /* @__PURE__ */ jsx(DatePickerComponent, _object_spread$w({
         ref,
         minDate,
@@ -9582,7 +9590,7 @@
         customInputRef,
         customInput: /* @__PURE__ */ jsx(CustomInput, _object_spread$w({}, dateInputProps)),
         renderCustomHeader: renderCustomHeader !== null && renderCustomHeader !== void 0 ? renderCustomHeader : function(baseProps) {
-          return /* @__PURE__ */ jsx(DatePickerHeader, _object_spread_props$q(_object_spread$w({}, baseProps), {
+          return /* @__PURE__ */ jsx(DatePickerHeader, _object_spread_props$r(_object_spread$w({}, baseProps), {
             months
           }));
         },
@@ -9719,8 +9727,8 @@
     }
     return target;
   }
-  function ownKeys$p(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys$q(object, enumerableOnly) {
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -9728,16 +9736,16 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    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));
       });
     }
@@ -9770,7 +9778,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$p(_object_spread$v({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$q(_object_spread$v({
       className: classes.root
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
@@ -10338,6 +10346,275 @@
       ref
     }, props));
   });
+  function arrayEach(array, iteratee) {
+    var index = -1, length = array == null ? 0 : array.length;
+    while (++index < length) {
+      if (iteratee(array[index], index, array) === false) {
+        break;
+      }
+    }
+    return array;
+  }
+  var nativeKeys = overArg(Object.keys, Object);
+  const nativeKeys$1 = nativeKeys;
+  var objectProto$2 = Object.prototype;
+  var hasOwnProperty$1 = objectProto$2.hasOwnProperty;
+  function baseKeys(object) {
+    if (!isPrototype(object)) {
+      return nativeKeys$1(object);
+    }
+    var result = [];
+    for (var key in Object(object)) {
+      if (hasOwnProperty$1.call(object, key) && key != "constructor") {
+        result.push(key);
+      }
+    }
+    return result;
+  }
+  function keys(object) {
+    return isArrayLike(object) ? arrayLikeKeys(object) : baseKeys(object);
+  }
+  function baseAssign(object, source) {
+    return object && copyObject(source, keys(source), object);
+  }
+  function baseAssignIn(object, source) {
+    return object && copyObject(source, keysIn(source), object);
+  }
+  function arrayFilter(array, predicate) {
+    var index = -1, length = array == null ? 0 : array.length, resIndex = 0, result = [];
+    while (++index < length) {
+      var value = array[index];
+      if (predicate(value, index, array)) {
+        result[resIndex++] = value;
+      }
+    }
+    return result;
+  }
+  function stubArray() {
+    return [];
+  }
+  var objectProto$1 = Object.prototype;
+  var propertyIsEnumerable = objectProto$1.propertyIsEnumerable;
+  var nativeGetSymbols$1 = Object.getOwnPropertySymbols;
+  var getSymbols = !nativeGetSymbols$1 ? stubArray : function(object) {
+    if (object == null) {
+      return [];
+    }
+    object = Object(object);
+    return arrayFilter(nativeGetSymbols$1(object), function(symbol) {
+      return propertyIsEnumerable.call(object, symbol);
+    });
+  };
+  const getSymbols$1 = getSymbols;
+  function copySymbols(source, object) {
+    return copyObject(source, getSymbols$1(source), object);
+  }
+  function arrayPush(array, values) {
+    var index = -1, length = values.length, offset2 = array.length;
+    while (++index < length) {
+      array[offset2 + index] = values[index];
+    }
+    return array;
+  }
+  var nativeGetSymbols = Object.getOwnPropertySymbols;
+  var getSymbolsIn = !nativeGetSymbols ? stubArray : function(object) {
+    var result = [];
+    while (object) {
+      arrayPush(result, getSymbols$1(object));
+      object = getPrototype$1(object);
+    }
+    return result;
+  };
+  const getSymbolsIn$1 = getSymbolsIn;
+  function copySymbolsIn(source, object) {
+    return copyObject(source, getSymbolsIn$1(source), object);
+  }
+  function baseGetAllKeys(object, keysFunc, symbolsFunc) {
+    var result = keysFunc(object);
+    return isArray$1(object) ? result : arrayPush(result, symbolsFunc(object));
+  }
+  function getAllKeys(object) {
+    return baseGetAllKeys(object, keys, getSymbols$1);
+  }
+  function getAllKeysIn(object) {
+    return baseGetAllKeys(object, keysIn, getSymbolsIn$1);
+  }
+  var DataView = getNative(root$1, "DataView");
+  const DataView$1 = DataView;
+  var Promise$1 = getNative(root$1, "Promise");
+  const Promise$2 = Promise$1;
+  var Set$1 = getNative(root$1, "Set");
+  const Set$2 = Set$1;
+  var WeakMap$1 = getNative(root$1, "WeakMap");
+  const WeakMap$2 = WeakMap$1;
+  var mapTag$3 = "[object Map]", objectTag$1 = "[object Object]", promiseTag = "[object Promise]", setTag$3 = "[object Set]", weakMapTag$1 = "[object WeakMap]";
+  var dataViewTag$2 = "[object DataView]";
+  var dataViewCtorString = toSource(DataView$1), mapCtorString = toSource(Map$2), promiseCtorString = toSource(Promise$2), setCtorString = toSource(Set$2), weakMapCtorString = toSource(WeakMap$2);
+  var getTag = baseGetTag;
+  if (DataView$1 && getTag(new DataView$1(new ArrayBuffer(1))) != dataViewTag$2 || Map$2 && getTag(new Map$2()) != mapTag$3 || Promise$2 && getTag(Promise$2.resolve()) != promiseTag || Set$2 && getTag(new Set$2()) != setTag$3 || WeakMap$2 && getTag(new WeakMap$2()) != weakMapTag$1) {
+    getTag = function(value) {
+      var result = baseGetTag(value), Ctor = result == objectTag$1 ? value.constructor : void 0, ctorString = Ctor ? toSource(Ctor) : "";
+      if (ctorString) {
+        switch (ctorString) {
+          case dataViewCtorString:
+            return dataViewTag$2;
+          case mapCtorString:
+            return mapTag$3;
+          case promiseCtorString:
+            return promiseTag;
+          case setCtorString:
+            return setTag$3;
+          case weakMapCtorString:
+            return weakMapTag$1;
+        }
+      }
+      return result;
+    };
+  }
+  const getTag$1 = getTag;
+  var objectProto = Object.prototype;
+  var hasOwnProperty = objectProto.hasOwnProperty;
+  function initCloneArray(array) {
+    var length = array.length, result = new array.constructor(length);
+    if (length && typeof array[0] == "string" && hasOwnProperty.call(array, "index")) {
+      result.index = array.index;
+      result.input = array.input;
+    }
+    return result;
+  }
+  function cloneDataView(dataView, isDeep) {
+    var buffer = isDeep ? cloneArrayBuffer(dataView.buffer) : dataView.buffer;
+    return new dataView.constructor(buffer, dataView.byteOffset, dataView.byteLength);
+  }
+  var reFlags = /\w*$/;
+  function cloneRegExp(regexp) {
+    var result = new regexp.constructor(regexp.source, reFlags.exec(regexp));
+    result.lastIndex = regexp.lastIndex;
+    return result;
+  }
+  var symbolProto = Symbol$2 ? Symbol$2.prototype : void 0, symbolValueOf = symbolProto ? symbolProto.valueOf : void 0;
+  function cloneSymbol(symbol) {
+    return symbolValueOf ? Object(symbolValueOf.call(symbol)) : {};
+  }
+  var boolTag$1 = "[object Boolean]", dateTag$1 = "[object Date]", mapTag$2 = "[object Map]", numberTag$1 = "[object Number]", regexpTag$1 = "[object RegExp]", setTag$2 = "[object Set]", stringTag$1 = "[object String]", symbolTag$1 = "[object Symbol]";
+  var arrayBufferTag$1 = "[object ArrayBuffer]", dataViewTag$1 = "[object DataView]", float32Tag$1 = "[object Float32Array]", float64Tag$1 = "[object Float64Array]", int8Tag$1 = "[object Int8Array]", int16Tag$1 = "[object Int16Array]", int32Tag$1 = "[object Int32Array]", uint8Tag$1 = "[object Uint8Array]", uint8ClampedTag$1 = "[object Uint8ClampedArray]", uint16Tag$1 = "[object Uint16Array]", uint32Tag$1 = "[object Uint32Array]";
+  function initCloneByTag(object, tag, isDeep) {
+    var Ctor = object.constructor;
+    switch (tag) {
+      case arrayBufferTag$1:
+        return cloneArrayBuffer(object);
+      case boolTag$1:
+      case dateTag$1:
+        return new Ctor(+object);
+      case dataViewTag$1:
+        return cloneDataView(object, isDeep);
+      case float32Tag$1:
+      case float64Tag$1:
+      case int8Tag$1:
+      case int16Tag$1:
+      case int32Tag$1:
+      case uint8Tag$1:
+      case uint8ClampedTag$1:
+      case uint16Tag$1:
+      case uint32Tag$1:
+        return cloneTypedArray(object, isDeep);
+      case mapTag$2:
+        return new Ctor();
+      case numberTag$1:
+      case stringTag$1:
+        return new Ctor(object);
+      case regexpTag$1:
+        return cloneRegExp(object);
+      case setTag$2:
+        return new Ctor();
+      case symbolTag$1:
+        return cloneSymbol(object);
+    }
+  }
+  var mapTag$1 = "[object Map]";
+  function baseIsMap(value) {
+    return isObjectLike(value) && getTag$1(value) == mapTag$1;
+  }
+  var nodeIsMap = nodeUtil$1 && nodeUtil$1.isMap;
+  var isMap = nodeIsMap ? baseUnary(nodeIsMap) : baseIsMap;
+  const isMap$1 = isMap;
+  var setTag$1 = "[object Set]";
+  function baseIsSet(value) {
+    return isObjectLike(value) && getTag$1(value) == setTag$1;
+  }
+  var nodeIsSet = nodeUtil$1 && nodeUtil$1.isSet;
+  var isSet = nodeIsSet ? baseUnary(nodeIsSet) : baseIsSet;
+  const isSet$1 = isSet;
+  var CLONE_DEEP_FLAG$1 = 1, CLONE_FLAT_FLAG = 2, CLONE_SYMBOLS_FLAG$1 = 4;
+  var argsTag = "[object Arguments]", arrayTag = "[object Array]", boolTag = "[object Boolean]", dateTag = "[object Date]", errorTag = "[object Error]", funcTag = "[object Function]", genTag = "[object GeneratorFunction]", mapTag = "[object Map]", numberTag = "[object Number]", objectTag = "[object Object]", regexpTag = "[object RegExp]", setTag = "[object Set]", stringTag = "[object String]", symbolTag = "[object Symbol]", weakMapTag = "[object WeakMap]";
+  var arrayBufferTag = "[object ArrayBuffer]", dataViewTag = "[object DataView]", float32Tag = "[object Float32Array]", float64Tag = "[object Float64Array]", int8Tag = "[object Int8Array]", int16Tag = "[object Int16Array]", int32Tag = "[object Int32Array]", uint8Tag = "[object Uint8Array]", uint8ClampedTag = "[object Uint8ClampedArray]", uint16Tag = "[object Uint16Array]", uint32Tag = "[object Uint32Array]";
+  var cloneableTags = {};
+  cloneableTags[argsTag] = cloneableTags[arrayTag] = cloneableTags[arrayBufferTag] = cloneableTags[dataViewTag] = cloneableTags[boolTag] = cloneableTags[dateTag] = cloneableTags[float32Tag] = cloneableTags[float64Tag] = cloneableTags[int8Tag] = cloneableTags[int16Tag] = cloneableTags[int32Tag] = cloneableTags[mapTag] = cloneableTags[numberTag] = cloneableTags[objectTag] = cloneableTags[regexpTag] = cloneableTags[setTag] = cloneableTags[stringTag] = cloneableTags[symbolTag] = cloneableTags[uint8Tag] = cloneableTags[uint8ClampedTag] = cloneableTags[uint16Tag] = cloneableTags[uint32Tag] = true;
+  cloneableTags[errorTag] = cloneableTags[funcTag] = cloneableTags[weakMapTag] = false;
+  function baseClone(value, bitmask, customizer, key, object, stack) {
+    var result, isDeep = bitmask & CLONE_DEEP_FLAG$1, isFlat = bitmask & CLONE_FLAT_FLAG, isFull = bitmask & CLONE_SYMBOLS_FLAG$1;
+    if (customizer) {
+      result = object ? customizer(value, key, object, stack) : customizer(value);
+    }
+    if (result !== void 0) {
+      return result;
+    }
+    if (!isObject(value)) {
+      return value;
+    }
+    var isArr = isArray$1(value);
+    if (isArr) {
+      result = initCloneArray(value);
+      if (!isDeep) {
+        return copyArray(value, result);
+      }
+    } else {
+      var tag = getTag$1(value), isFunc = tag == funcTag || tag == genTag;
+      if (isBuffer$1(value)) {
+        return cloneBuffer(value, isDeep);
+      }
+      if (tag == objectTag || tag == argsTag || isFunc && !object) {
+        result = isFlat || isFunc ? {} : initCloneObject(value);
+        if (!isDeep) {
+          return isFlat ? copySymbolsIn(value, baseAssignIn(result, value)) : copySymbols(value, baseAssign(result, value));
+        }
+      } else {
+        if (!cloneableTags[tag]) {
+          return object ? value : {};
+        }
+        result = initCloneByTag(value, tag, isDeep);
+      }
+    }
+    stack || (stack = new Stack());
+    var stacked = stack.get(value);
+    if (stacked) {
+      return stacked;
+    }
+    stack.set(value, result);
+    if (isSet$1(value)) {
+      value.forEach(function(subValue) {
+        result.add(baseClone(subValue, bitmask, customizer, subValue, value, stack));
+      });
+    } else if (isMap$1(value)) {
+      value.forEach(function(subValue, key2) {
+        result.set(key2, baseClone(subValue, bitmask, customizer, key2, value, stack));
+      });
+    }
+    var keysFunc = isFull ? isFlat ? getAllKeysIn : getAllKeys : isFlat ? keysIn : keys;
+    var props = isArr ? void 0 : keysFunc(value);
+    arrayEach(props || value, function(subValue, key2) {
+      if (props) {
+        key2 = subValue;
+        subValue = value[key2];
+      }
+      assignValue(result, key2, baseClone(subValue, bitmask, customizer, key2, value, stack));
+    });
+    return result;
+  }
+  var CLONE_DEEP_FLAG = 1, CLONE_SYMBOLS_FLAG = 4;
+  function cloneDeep(value) {
+    return baseClone(value, CLONE_DEEP_FLAG | CLONE_SYMBOLS_FLAG);
+  }
   var FILTER_HEIGHT = 36;
   var useStyles$r = createThemedStyles("FiltersPane", {
     root: {
@@ -10446,7 +10723,7 @@
       }
     }
   };
-  var clearButtonStyles$3 = innerTextButtonStyles;
+  var clearButtonStyles$3 = cloneDeep(innerTextButtonStyles);
   function _define_property$v(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
@@ -10475,8 +10752,8 @@
     }
     return target;
   }
-  function ownKeys$o(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys$p(object, enumerableOnly) {
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -10484,16 +10761,16 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    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));
       });
     }
@@ -10545,7 +10822,7 @@
       className: "tweakClearButton",
       currentComponentName: "FilterInterval"
     });
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$o(_object_spread$t({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$p(_object_spread$t({
       className: classes.root
     }, addDataAttributes(data)), {
       children: [
@@ -10674,6 +10951,7 @@
   var TOP_GAP = 12;
   var useStyles$p = createThemedStyles("MultiSelectList", {
     root: {
+      width: 220,
       background: colors.CLASSIC_WHITE
     },
     list: _object_spread$s({
@@ -10769,10 +11047,13 @@
       padding: [
         11,
         16
-      ]
+      ],
+      boxSizing: "border-box",
+      width: "100%"
     },
     children: {
-      marginRight: "auto"
+      marginRight: "auto",
+      overflow: "hidden"
     }
   };
   var clearButtonStyles$2 = {
@@ -10896,8 +11177,8 @@
     }
     return target;
   }
-  function ownKeys$n(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys$o(object, enumerableOnly) {
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -10905,16 +11186,16 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    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));
       });
     }
@@ -11042,7 +11323,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_width = param.width, width = _param_width === void 0 ? 220 : _param_width, _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 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 handleOnChange = function handleOnChange2(inputValue) {
       setSearchValue(inputValue);
       if (fetchOptions === void 0) {
@@ -11213,13 +11494,13 @@
         if (value !== void 0) {
           if (keyCursorOn < value.include.length) {
             var _value_include_filter;
-            onChange(_object_spread_props$n(_object_spread$r({}, value), {
+            onChange(_object_spread_props$o(_object_spread$r({}, 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$n(_object_spread$r({}, value), {
+            onChange(_object_spread_props$o(_object_spread$r({}, value), {
               include: _to_consumable_array$3(value.include).concat([
                 unchosenOptions[keyCursorOn - value.include.length]
               ])
@@ -11418,11 +11699,8 @@
     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$n(_object_spread$r({
-      className: classes.root,
-      style: {
-        width
-      }
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$o(_object_spread$r({
+      className: classes.root
     }, addDataAttributes(data)), {
       children: [
         isSearchEnabled && /* @__PURE__ */ jsx("div", {
@@ -11588,6 +11866,7 @@
   var LIST_GAP = 12;
   var useStyles$o = createThemedStyles("FilterSelect", {
     root: {
+      width: 220,
       background: colors.CLASSIC_WHITE
     },
     list: _object_spread$p({
@@ -11717,7 +11996,7 @@
       }
     }
   };
-  var clearButtonStyles$1 = innerTextButtonStyles;
+  var clearButtonStyles$1 = cloneDeep(innerTextButtonStyles);
   function _array_like_to_array$f(arr, len) {
     if (len == null || len > arr.length)
       len = arr.length;
@@ -11828,8 +12107,8 @@
     }
     return target;
   }
-  function ownKeys$m(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys$n(object, enumerableOnly) {
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -11837,16 +12116,16 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    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));
       });
     }
@@ -11974,7 +12253,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, _param_width = param.width, width = _param_width === void 0 ? 220 : _param_width, 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 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$o({
       theme: tweakStyles
     });
@@ -12246,11 +12525,8 @@
       }();
       doFetchOptions();
     }, []);
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$m(_object_spread$o({
-      className: classes.root,
-      style: {
-        width
-      }
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$n(_object_spread$o({
+      className: classes.root
     }, addDataAttributes(data)), {
       children: [
         isSearchEnabled && /* @__PURE__ */ jsx("div", {
@@ -13488,7 +13764,7 @@
     },
     datepicker: {}
   });
-  var clearButtonStyles = innerTextButtonStyles;
+  var clearButtonStyles = cloneDeep(innerTextButtonStyles);
   var backButtonStyles = innerTextButtonStyles;
   var PICKER_TOP_MARGIN = 28;
   var PICKER_WITH_BUTTONS_TOP_MARGIN = 60;
@@ -13588,8 +13864,8 @@
     }
     return target;
   }
-  function ownKeys$l(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys$m(object, enumerableOnly) {
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -13597,16 +13873,16 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    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));
       });
     }
@@ -13717,7 +13993,7 @@
       }
     };
     var _ref;
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$l(_object_spread$n({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$m(_object_spread$n({
       className: classes.root
     }, addDataAttributes(data)), {
       children: [
@@ -13888,8 +14164,8 @@
     }
     return target;
   }
-  function ownKeys$k(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys$l(object, enumerableOnly) {
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -13897,16 +14173,16 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    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));
       });
     }
@@ -13992,7 +14268,7 @@
         if (onClose !== void 0) {
           onClose();
         }
-        onChange(_object_spread_props$k(_object_spread$m({}, p), {
+        onChange(_object_spread_props$l(_object_spread$m({}, p), {
           label: getPeriodTranslate(periodType)
         }));
       }
@@ -14012,7 +14288,7 @@
     };
     var handleCustomDateChange = function(val) {
       if (val.from || val.to) {
-        onChange(_object_spread_props$k(_object_spread$m({}, val), {
+        onChange(_object_spread_props$l(_object_spread$m({}, val), {
           periodType: "CUSTOM"
         }));
       } else {
@@ -14154,8 +14430,8 @@
     }
     return target;
   }
-  function ownKeys$j(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys$k(object, enumerableOnly) {
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -14163,16 +14439,16 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    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));
       });
     }
@@ -14239,7 +14515,7 @@
     };
     if (filter.type === "custom" && filter.component) {
       var Component = filter.component;
-      return /* @__PURE__ */ jsx("div", _object_spread_props$j(_object_spread$l({}, props), {
+      return /* @__PURE__ */ jsx("div", _object_spread_props$k(_object_spread$l({}, props), {
         children: /* @__PURE__ */ jsx(Component, _object_spread$l({}, {
           value,
           onChange,
@@ -14254,7 +14530,7 @@
       console.warn("%cДля фильтра типа custom (".concat(filter.name, ") в конфиге обязательно нужно задать component"), "background: red; color: black");
     }
     if (filter.type === "select") {
-      return /* @__PURE__ */ jsx("div", _object_spread_props$j(_object_spread$l({}, props), {
+      return /* @__PURE__ */ jsx("div", _object_spread_props$k(_object_spread$l({}, props), {
         children: /* @__PURE__ */ jsx(FilterSelect, _object_spread$l({
           onChange,
           value,
@@ -14265,7 +14541,7 @@
       }));
     }
     if (filter.type === "dateRange") {
-      return /* @__PURE__ */ jsx("div", _object_spread_props$j(_object_spread$l({}, props), {
+      return /* @__PURE__ */ jsx("div", _object_spread_props$k(_object_spread$l({}, props), {
         children: /* @__PURE__ */ jsx(FilterWithPeriod, _object_spread$l({
           localeKey: translatesLocaleKey,
           locale: translates,
@@ -14278,7 +14554,7 @@
     }
     if (filter.type === "dateRangeWithoutPeriod") {
       var dateRangeValue = value;
-      return /* @__PURE__ */ jsx("div", _object_spread_props$j(_object_spread$l({}, props), {
+      return /* @__PURE__ */ jsx("div", _object_spread_props$k(_object_spread$l({}, props), {
         style: {
           width: 320
         },
@@ -14288,7 +14564,7 @@
             return onChange(void 0);
           },
           onChange: function(v) {
-            return onChange(_object_spread_props$j(_object_spread$l({}, v), {
+            return onChange(_object_spread_props$k(_object_spread$l({}, v), {
               periodType: "CUSTOM"
             }));
           },
@@ -14299,7 +14575,7 @@
       }));
     }
     if (filter.type === "multiSelect") {
-      return /* @__PURE__ */ jsx("div", _object_spread_props$j(_object_spread$l({}, props), {
+      return /* @__PURE__ */ jsx("div", _object_spread_props$k(_object_spread$l({}, props), {
         children: /* @__PURE__ */ jsx(FilterMultiSelect, _object_spread$l({
           onChange,
           onClose: handleOnClose,
@@ -14311,7 +14587,7 @@
       }));
     }
     if (filter.type === "interval") {
-      return /* @__PURE__ */ jsx("div", _object_spread_props$j(_object_spread$l({}, props), {
+      return /* @__PURE__ */ jsx("div", _object_spread_props$k(_object_spread$l({}, props), {
         children: /* @__PURE__ */ jsx(FilterInterval, _object_spread$l({
           value,
           labelName: filter.name,
@@ -14419,7 +14695,8 @@
       borderRadius: 0,
       borderBottomLeftRadius: 6,
       borderBottomRightRadius: 6,
-      boxShadow: "none"
+      boxShadow: "none",
+      width: "100%"
     }
   };
   function _array_like_to_array$b(arr, len) {
@@ -14492,8 +14769,8 @@
     }
     return target;
   }
-  function ownKeys$i(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys$j(object, enumerableOnly) {
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -14501,16 +14778,16 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    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));
       });
     }
@@ -14533,7 +14810,7 @@
       return _array_like_to_array$b(o, minLen);
   }
   function FiltersPaneSearch(param) {
-    var value = param.value, _param_fields = param.fields, fields = _param_fields === void 0 ? [] : _param_fields, field = param.field, onChange = param.onChange, localeKey = param.localeKey, locale2 = param.locale, getValueId = param.getValueId, getValueView = param.getValueView, getValueString = param.getValueString, _param_selectWidth = param.selectWidth, selectWidth = _param_selectWidth === void 0 ? "100%" : _param_selectWidth, 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 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$l({
       theme: tweakStyles
     });
@@ -14580,7 +14857,7 @@
       field
     ]);
     var _obj;
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$i(_object_spread$k({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$j(_object_spread$k({
       className: clsx(classes.root, (_obj = {}, _define_property$m(_obj, classes.focused, isInputFocused), _define_property$m(_obj, classes.disabled, isDisabled), _obj)),
       ref: refRoot,
       "data-testid": testId
@@ -14636,7 +14913,6 @@
                 localeKey,
                 locale: translates,
                 onChange: handleFieldsChange,
-                width: selectWidth,
                 isSearchEnabled: isSelectSearchEnabled,
                 hasClearButton: hasClearSelectButton,
                 testId: testId !== void 0 ? "".concat(testId, "-dropdown") : void 0
@@ -15002,8 +15278,8 @@
     }
     return target;
   }
-  function ownKeys$h(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys$i(object, enumerableOnly) {
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -15011,16 +15287,16 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    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));
       });
     }
@@ -15084,7 +15360,7 @@
     };
     var isBoolean = filter.type === "boolean";
     var _obj;
-    return !filter.isInline ? /* @__PURE__ */ jsxs("div", _object_spread_props$h(_object_spread$j({
+    return !filter.isInline ? /* @__PURE__ */ jsxs("div", _object_spread_props$i(_object_spread$j({
       className: clsx(classes.root, (_obj = {}, _define_property$l(_obj, classes.noValue, !hasValue), _define_property$l(_obj, classes.openNoValue, isOpen && !hasValue), _define_property$l(_obj, classes.withValue, !isOpen && hasValue), _define_property$l(_obj, classes.openWithValue, isOpen && hasValue), _define_property$l(_obj, classes.boolean, isBoolean), _define_property$l(_obj, classes.disabled, isDisabled), _obj))
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
@@ -15181,8 +15457,8 @@
     }
     return target;
   }
-  function ownKeys$g(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys$h(object, enumerableOnly) {
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -15190,16 +15466,16 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    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));
       });
     }
@@ -15250,12 +15526,12 @@
       })
     });
     var _search_localeKey, _search_localeKey1, _search_isDisabled;
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$g(_object_spread$i({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$h(_object_spread$i({
       className: classes.root,
       ref
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
-        onSettingsButtonClick !== void 0 && /* @__PURE__ */ jsx("div", _object_spread_props$g(_object_spread$i({
+        onSettingsButtonClick !== void 0 && /* @__PURE__ */ jsx("div", _object_spread_props$h(_object_spread$i({
           className: classes.settings,
           tabIndex: 0
         }, trueReactPlatformHelpers.addDataTestId(testId, "settings-button")), {
@@ -15267,7 +15543,7 @@
             })
           })
         })),
-        search !== void 0 && /* @__PURE__ */ jsx(FiltersPaneSearch, _object_spread_props$g(_object_spread$i({}, search), {
+        search !== void 0 && /* @__PURE__ */ jsx(FiltersPaneSearch, _object_spread_props$h(_object_spread$i({}, 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,
@@ -15290,7 +15566,7 @@
             locale: locale2,
             localeKey,
             onChange: function(value) {
-              return onChangeFilters(_object_spread_props$g(_object_spread$i({}, values), _define_property$k({}, key, value)));
+              return onChangeFilters(_object_spread_props$h(_object_spread$i({}, values), _define_property$k({}, 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) {
@@ -21472,14 +21748,6 @@
       */
       maxHeight: "100%"
     },
-    horizontallyScrolled: {
-      "& $cellSticky": {
-        boxShadow: "4px 0 4px rgba(0, 0, 0, 0.05)"
-      },
-      "& $headerSticky::before": {
-        boxShadow: "4px 0 4px rgba(0, 0, 0, 0.05)"
-      }
-    },
     loader: {
       position: "sticky",
       left: 0,
@@ -21527,7 +21795,10 @@
           "box-shadow",
           "0.25s",
           "ease-in-out"
-        ]
+        ],
+        "[data-scrolled] &": {
+          boxShadow: "4px 0 4px rgba(0, 0, 0, 0.05)"
+        }
       },
       "&::after": {
         content: '""',
@@ -21573,6 +21844,30 @@
     }
     return target;
   }
+  function ownKeys$g(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$g(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+      ownKeys$g(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+    return target;
+  }
   var useStyles$g = createThemedStyles("FlexibleTableCell", {
     root: {
       position: "relative",
@@ -21586,13 +21881,17 @@
       zIndex: 5,
       verticalAlign: "top"
     },
-    sticky: _object_spread$h({
+    sticky: _object_spread_props$g(_object_spread$h({
       zIndex: 19,
       paddingLeft: 24,
       paddingRight: 12
     }, trueReactPlatformHelpers.getTransition([
       "box-shadow"
-    ])),
+    ])), {
+      "[data-scrolled] &": {
+        boxShadow: "4px 0 4px rgba(0, 0, 0, 0.05)"
+      }
+    }),
     second: {
       paddingLeft: STICKY_SHADOW_PADDING
     }
@@ -21733,7 +22032,7 @@
     return target;
   }
   function ownKeys$f(object, enumerableOnly) {
-    var keys = Object.keys(object);
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -21741,9 +22040,9 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    return keys2;
   }
   function _object_spread_props$f(target, source) {
     source = source != null ? source : {};
@@ -21874,6 +22173,9 @@
     });
   }
   var FlexibleTableRow = /* @__PURE__ */ React.memo(FlexibleTableRowInner);
+  var hasHorizontalScrollBar = function(el) {
+    return trueReactPlatformHelpers.isNotEmpty(el) && el.scrollWidth !== el.clientWidth;
+  };
   function _array_like_to_array$8(arr, len) {
     if (len == null || len > arr.length)
       len = arr.length;
@@ -21945,7 +22247,7 @@
     return target;
   }
   function ownKeys$e(object, enumerableOnly) {
-    var keys = Object.keys(object);
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -21953,9 +22255,9 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    return keys2;
   }
   function _object_spread_props$e(target, source) {
     source = source != null ? source : {};
@@ -21997,6 +22299,7 @@
     var _useState = _sliced_to_array$8(React.useState(false), 2), isHorizontallyScrolled = _useState[0], setIsHorizontallyScrolled = _useState[1];
     var observer = React.useRef();
     var scrollRef = React.useRef(null);
+    var ref = refForScroll !== null && refForScroll !== void 0 ? refForScroll : scrollRef;
     var initIntersectionObserver = React.useCallback(function(node) {
       if (infinityScrollConfig) {
         if (infinityScrollConfig.isLoading || infinityScrollConfig.activePage >= infinityScrollConfig.totalPages) {
@@ -22020,7 +22323,7 @@
       infinityScrollConfig === null || infinityScrollConfig === void 0 ? void 0 : infinityScrollConfig.onInfinityScroll
     ]);
     React.useEffect(function() {
-      var scrollContainer = (refForScroll !== null && refForScroll !== void 0 ? refForScroll : scrollRef).current;
+      var scrollContainer = ref.current;
       if (scrollContainer === null || !isHorizontallyScrollable || !isFirstColumnSticky) {
         return;
       }
@@ -22035,13 +22338,16 @@
       scrollRef
     ]);
     var _activeRows_includes;
-    return /* @__PURE__ */ jsx("div", {
-      ref: refForScroll !== null && refForScroll !== void 0 ? refForScroll : scrollRef,
-      className: clsx(isHorizontallyScrollable && classes.scroll, isHorizontallyScrolled && classes.horizontallyScrolled),
+    return /* @__PURE__ */ jsx("div", _object_spread_props$e(_object_spread$f({
+      ref,
+      className: clsx(_define_property$g({}, classes.scroll, isHorizontallyScrollable))
+    }, addDataAttributes({
+      scrolled: isHorizontallyScrolled ? true : void 0,
+      scrollable: isHorizontallyScrollable && hasHorizontalScrollBar(ref.current)
+    })), {
       children: /* @__PURE__ */ jsxs("table", _object_spread_props$e(_object_spread$f({
-        className: classes.root,
-        "data-testid": testId
-      }, addDataAttributes(data)), {
+        className: classes.root
+      }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
         children: [
           /* @__PURE__ */ jsx("thead", {
             children: /* @__PURE__ */ jsx("tr", {
@@ -22057,8 +22363,9 @@
                   });
                 }
                 var _itemConfig_titleAlign;
+                var _obj;
                 return /* @__PURE__ */ jsx("th", {
-                  className: clsx(classes.header, isFirstColumnSticky && idx === 0 && classes.headerSticky, isFirstColumnSticky && idx === 1 && classes.headerSecond),
+                  className: clsx(classes.header, (_obj = {}, _define_property$g(_obj, classes.headerSticky, isFirstColumnSticky && idx === 0), _define_property$g(_obj, classes.headerSecond, isFirstColumnSticky && idx === 1), _obj)),
                   style: {
                     minWidth: itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.minWidth,
                     width: itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.width,
@@ -22081,11 +22388,11 @@
                   children: nothingFoundContent
                 })
               }),
-              content.map(function(item, idx) {
+              content.map(function(item, i) {
                 return jsx(FlexibleTableRow, {
                   item,
                   uniqueField,
-                  isActive: (_activeRows_includes = activeRows === null || activeRows === void 0 ? void 0 : activeRows.includes(idx)) !== null && _activeRows_includes !== void 0 ? _activeRows_includes : false,
+                  isActive: (_activeRows_includes = activeRows === null || activeRows === void 0 ? void 0 : activeRows.includes(i)) !== null && _activeRows_includes !== void 0 ? _activeRows_includes : false,
                   isFirstColumnSticky,
                   onRowClick,
                   onRowHover,
@@ -22094,7 +22401,7 @@
                   rowAttributes,
                   tweakStyles: tweakTableRowStyles,
                   expandableRowComponent
-                }, uniqueField ? item[uniqueField] : idx);
+                }, trueReactPlatformHelpers.isNotEmpty(uniqueField) ? item[uniqueField] : i);
               }),
               infinityScrollConfig !== void 0 && !infinityScrollConfig.isLastPage && /* @__PURE__ */ jsx("tr", {
                 children: /* @__PURE__ */ jsx("td", {
@@ -22112,7 +22419,7 @@
           })
         ]
       }))
-    });
+    }));
   }
   var BUTTONS_WIDTH = 36;
   var BUTTONS_GAP = 2;
@@ -22207,7 +22514,7 @@
     return target;
   }
   function ownKeys$d(object, enumerableOnly) {
-    var keys = Object.keys(object);
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -22215,9 +22522,9 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    return keys2;
   }
   function _object_spread_props$d(target, source) {
     source = source != null ? source : {};
@@ -22676,7 +22983,7 @@
     return target;
   }
   function ownKeys$c(object, enumerableOnly) {
-    var keys = Object.keys(object);
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -22684,9 +22991,9 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    return keys2;
   }
   function _object_spread_props$c(target, source) {
     source = source != null ? source : {};
@@ -23006,7 +23313,7 @@
     return target;
   }
   function ownKeys$b(object, enumerableOnly) {
-    var keys = Object.keys(object);
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -23014,9 +23321,9 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    return keys2;
   }
   function _object_spread_props$b(target, source) {
     source = source != null ? source : {};
@@ -23331,7 +23638,7 @@
     return target;
   }
   function ownKeys$a(object, enumerableOnly) {
-    var keys = Object.keys(object);
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -23339,9 +23646,9 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    return keys2;
   }
   function _object_spread_props$a(target, source) {
     source = source != null ? source : {};
@@ -23480,7 +23787,7 @@
     return target;
   }
   function ownKeys$9(object, enumerableOnly) {
-    var keys = Object.keys(object);
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -23488,9 +23795,9 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    return keys2;
   }
   function _object_spread_props$9(target, source) {
     source = source != null ? source : {};
@@ -23702,7 +24009,7 @@
     return target;
   }
   function ownKeys$8(object, enumerableOnly) {
-    var keys = Object.keys(object);
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -23710,9 +24017,9 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    return keys2;
   }
   function _object_spread_props$8(target, source) {
     source = source != null ? source : {};
@@ -26940,7 +27247,7 @@
     return target;
   }
   function ownKeys$7(object, enumerableOnly) {
-    var keys = Object.keys(object);
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -26948,9 +27255,9 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    return keys2;
   }
   function _object_spread_props$7(target, source) {
     source = source != null ? source : {};
@@ -27223,7 +27530,7 @@
     return target;
   }
   function ownKeys$6(object, enumerableOnly) {
-    var keys = Object.keys(object);
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -27231,9 +27538,9 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    return keys2;
   }
   function _object_spread_props$6(target, source) {
     source = source != null ? source : {};
@@ -27365,7 +27672,7 @@
     return target;
   }
   function ownKeys$5(object, enumerableOnly) {
-    var keys = Object.keys(object);
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -27373,9 +27680,9 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    return keys2;
   }
   function _object_spread_props$5(target, source) {
     source = source != null ? source : {};
@@ -27389,7 +27696,7 @@
     return target;
   }
   var Switch = function(param) {
-    var isDisabled = param.isDisabled, isChecked = param.isChecked, isInvalid = param.isInvalid, value = param.value, children = param.children, _param_labelPosition = param.labelPosition, labelPosition = _param_labelPosition === void 0 ? "right" : _param_labelPosition, _param_color = param.color, color = _param_color === void 0 ? "primary" : _param_color, data = param.data, tweakStyles = param.tweakStyles, testId = param.testId, onChange = param.onChange;
+    var isDisabled = param.isDisabled, _param_isChecked = param.isChecked, isChecked = _param_isChecked === void 0 ? false : _param_isChecked, isInvalid = param.isInvalid, value = param.value, children = param.children, _param_labelPosition = param.labelPosition, labelPosition = _param_labelPosition === void 0 ? "right" : _param_labelPosition, _param_color = param.color, color = _param_color === void 0 ? "primary" : _param_color, data = param.data, tweakStyles = param.tweakStyles, testId = param.testId, onChange = param.onChange;
     var classes = useStyles$5({
       theme: tweakStyles
     });
@@ -27628,7 +27935,7 @@
     return target;
   }
   function ownKeys$4(object, enumerableOnly) {
-    var keys = Object.keys(object);
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -27636,9 +27943,9 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    return keys2;
   }
   function _object_spread_props$4(target, source) {
     source = source != null ? source : {};
@@ -27837,7 +28144,7 @@
     return target;
   }
   function ownKeys$3(object, enumerableOnly) {
-    var keys = Object.keys(object);
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -27845,9 +28152,9 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    return keys2;
   }
   function _object_spread_props$3(target, source) {
     source = source != null ? source : {};
@@ -27964,7 +28271,7 @@
     return target;
   }
   function ownKeys$2(object, enumerableOnly) {
-    var keys = Object.keys(object);
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -27972,9 +28279,9 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    return keys2;
   }
   function _object_spread_props$2(target, source) {
     source = source != null ? source : {};
@@ -28173,7 +28480,7 @@
     return target;
   }
   function ownKeys$1(object, enumerableOnly) {
-    var keys = Object.keys(object);
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -28181,9 +28488,9 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    return keys2;
   }
   function _object_spread_props$1(target, source) {
     source = source != null ? source : {};
@@ -28339,7 +28646,7 @@
     return target;
   }
   function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
+    var keys2 = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       if (enumerableOnly) {
@@ -28347,9 +28654,9 @@
           return Object.getOwnPropertyDescriptor(object, sym).enumerable;
         });
       }
-      keys.push.apply(keys, symbols);
+      keys2.push.apply(keys2, symbols);
     }
-    return keys;
+    return keys2;
   }
   function _object_spread_props(target, source) {
     source = source != null ? source : {};
@@ -28643,6 +28950,7 @@
   exports2.useDidMountEffect = useDidMountEffect;
   exports2.useDropdown = useDropdown;
   exports2.useIsMounted = useIsMounted;
+  exports2.useMixedStyles = useMixedStyles;
   exports2.useOnClickOutside = useOnClickOutside;
   exports2.useOnClickOutsideWithRef = useOnClickOutsideWithRef;
   exports2.useTweakStyles = useTweakStyles;