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

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

@@ -839,9 +839,9 @@ function requireReactJsxRuntime_development() {
       }
       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);
@@ -1204,12 +1204,12 @@ var root = freeGlobal$1 || freeSelf || Function("return this")();
 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;
@@ -1225,8 +1225,8 @@ function getRawTag(value) {
   }
   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);
 }
@@ -1242,13 +1242,13 @@ function isObject(value) {
   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;
@@ -1276,11 +1276,11 @@ function toSource(func) {
 }
 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)) {
@@ -1310,21 +1310,21 @@ function hashDelete(key) {
   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) {
@@ -1513,9 +1513,9 @@ function overArg(func, transform) {
 }
 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) {
@@ -1524,17 +1524,17 @@ function initCloneObject(object) {
 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;
@@ -1559,27 +1559,27 @@ var Buffer = moduleExports$1 ? root$1.Buffer : void 0;
 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)];
 }
@@ -1615,11 +1615,11 @@ function safeGet(object, key) {
   }
   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);
   }
 }
@@ -1655,12 +1655,12 @@ function isIndex(value, length) {
   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.
@@ -1679,15 +1679,15 @@ function nativeKeysIn(object) {
   }
   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);
     }
   }
@@ -1888,8 +1888,8 @@ function _object_spread$S(target) {
   }
   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) {
@@ -1897,16 +1897,16 @@ function ownKeys$G(object, enumerableOnly) {
         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));
     });
   }
@@ -1960,7 +1960,7 @@ function createThemedStyles() {
     return mergeStyles(styles, isNotEmpty(componentName) ? theme === null || theme === void 0 ? void 0 : (_theme_components = theme.components) === null || _theme_components === void 0 ? void 0 : _theme_components[componentName] : void 0, tweakStyles);
   });
   return function(data) {
-    return useStyles2(isNotEmpty(data) ? _object_spread_props$G(_object_spread$S({}, data), {
+    return useStyles2(isNotEmpty(data) ? _object_spread_props$H(_object_spread$S({}, data), {
       theme: cleanStyles(data.theme)
     }) : data);
   };
@@ -2619,8 +2619,8 @@ function getFreshSideObject() {
 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;
   }, {});
@@ -4098,63 +4098,71 @@ var useDidMountEffect = function(effect3, dependencies) {
     };
   }, 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 useMemo(function() {
+    return isNotEmpty(baseStyles) && isNotEmpty(tweakStyles) ? 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
@@ -5057,8 +5065,8 @@ function _object_spread$P(target) {
   }
   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) {
@@ -5066,16 +5074,16 @@ function ownKeys$F(object, enumerableOnly) {
         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));
     });
   }
@@ -5106,12 +5114,12 @@ var IconBoilerplate = function(param) {
         }, path), index);
       }),
       (_icon_rects = icon.rects) === null || _icon_rects === void 0 ? void 0 : _icon_rects.map(function(rect, index) {
-        return /* @__PURE__ */ createElement("rect", _object_spread_props$F(_object_spread$P({}, rect), {
+        return /* @__PURE__ */ 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__ */ createElement("circle", _object_spread_props$F(_object_spread$P({}, circle), {
+        return /* @__PURE__ */ createElement("circle", _object_spread_props$G(_object_spread$P({}, circle), {
           key: index
         }));
       })
@@ -5152,8 +5160,8 @@ function _object_spread$O(target) {
   }
   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) {
@@ -5161,16 +5169,16 @@ function ownKeys$E(object, enumerableOnly) {
         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));
     });
   }
@@ -5181,7 +5189,7 @@ var Icon = function(param) {
   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
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: isComplexIcon(type) ? /* @__PURE__ */ jsx(ComplexIconBoilerplate, {
@@ -5270,8 +5278,8 @@ function _object_spread$N(target) {
   }
   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) {
@@ -5279,16 +5287,16 @@ function ownKeys$D(object, enumerableOnly) {
         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));
     });
   }
@@ -5304,7 +5312,7 @@ var List = function(param) {
     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
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: items.map(function(item, idx) {
@@ -5314,7 +5322,7 @@ var List = function(param) {
           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);
@@ -5482,8 +5490,8 @@ function _object_spread$L(target) {
   }
   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) {
@@ -5491,16 +5499,16 @@ function ownKeys$C(object, enumerableOnly) {
         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));
     });
   }
@@ -5544,7 +5552,7 @@ var AccountInfo = function(param) {
   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
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
@@ -5648,8 +5656,8 @@ function _object_spread$K(target) {
   }
   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) {
@@ -5657,16 +5665,16 @@ function ownKeys$B(object, enumerableOnly) {
         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));
     });
   }
@@ -5677,7 +5685,7 @@ var AddButton = function(param) {
   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,
@@ -5870,8 +5878,8 @@ function _object_spread$J(target) {
   }
   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) {
@@ -5879,16 +5887,16 @@ function ownKeys$A(object, enumerableOnly) {
         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));
     });
   }
@@ -5909,7 +5917,7 @@ var ThemedPreloader = function(param) {
     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))
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: type === "dots" ? /* @__PURE__ */ jsx(DotsPreloader, {
@@ -6120,8 +6128,8 @@ function _object_spread$I(target) {
   }
   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) {
@@ -6129,16 +6137,16 @@ function ownKeys$z(object, enumerableOnly) {
         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));
     });
   }
@@ -6159,7 +6167,7 @@ var Button = /* @__PURE__ */ forwardRef(function(param, ref) {
   var hasChildren = isReactNodeNotEmpty(children);
   var hasNoAction = isDisabled || isLoading;
   var _obj, _obj1;
-  return /* @__PURE__ */ jsxs("button", _object_spread_props$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)),
@@ -6197,6 +6205,7 @@ var useStyles$D = createThemedStyles("Checkbox", {
   root: {
     cursor: "pointer",
     display: "flex",
+    alignItems: "center",
     gap: 14,
     width: "fit-content"
   },
@@ -6299,8 +6308,8 @@ function _object_spread$H(target) {
   }
   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) {
@@ -6308,16 +6317,16 @@ function ownKeys$y(object, enumerableOnly) {
         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));
     });
   }
@@ -6360,7 +6369,7 @@ function Checkbox(param) {
     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))
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
@@ -6440,8 +6449,8 @@ function _object_spread$G(target) {
   }
   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) {
@@ -6449,16 +6458,16 @@ function ownKeys$x(object, enumerableOnly) {
         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));
     });
   }
@@ -6469,7 +6478,7 @@ var CloseButton = function(param) {
   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
@@ -7023,8 +7032,8 @@ function _object_spread$E(target) {
   }
   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) {
@@ -7032,16 +7041,16 @@ function ownKeys$w(object, enumerableOnly) {
         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));
     });
   }
@@ -7243,7 +7252,7 @@ var Input = /* @__PURE__ */ forwardRef(function(param, ref) {
   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)), {
@@ -7352,8 +7361,8 @@ function _object_spread$D(target) {
   }
   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) {
@@ -7361,16 +7370,16 @@ function ownKeys$v(object, enumerableOnly) {
         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));
     });
   }
@@ -7409,7 +7418,7 @@ function _object_without_properties_loose$9(source, excluded) {
   return target;
 }
 var DateInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
-  var date = _param.date, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? "" : _param_startDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? "" : _param_endDate, mask = _param.mask, className = _param.className, placeholder = _param.placeholder, data = _param.data, 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",
@@ -7419,7 +7428,6 @@ var DateInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
     "data",
     "isRange",
     "tweakStyles",
-    "testId",
     "onClick",
     "onChange"
   ]);
@@ -7450,16 +7458,15 @@ var DateInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
     }
     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
-  }, 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: getTestId(testId, "input"),
       tweakStyles: tweakInputStyles,
       onChange: handleChange,
       beforeMaskedStateChange
@@ -7533,8 +7540,8 @@ function _object_spread$C(target) {
   }
   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) {
@@ -7542,16 +7549,16 @@ function ownKeys$u(object, enumerableOnly) {
         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));
     });
   }
@@ -7605,7 +7612,7 @@ var SearchInput = function(_param) {
     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
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
@@ -7978,8 +7985,8 @@ function _object_spread$z(target) {
   }
   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) {
@@ -7987,16 +7994,16 @@ function ownKeys$t(object, enumerableOnly) {
         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));
     });
   }
@@ -8006,7 +8013,7 @@ var SelectListItem = function(param) {
   var classes = param.classes, index = param.index, isSemiChecked = param.isSemiChecked, isDisabled = param.isDisabled, isActive = param.isActive, children = param.children, isFocused = param.isFocused, onOptionSelect = param.onOptionSelect, onToggleCheckbox = param.onToggleCheckbox;
   var isMultiSelect = isNotEmpty(onToggleCheckbox);
   var _obj;
-  return /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, _object_spread_props$t(_object_spread$z({
+  return /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, _object_spread_props$u(_object_spread$z({
     active: isFocused,
     options: {
       block: "nearest"
@@ -8061,8 +8068,8 @@ function _object_spread$y(target) {
   }
   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) {
@@ -8070,16 +8077,16 @@ function ownKeys$s(object, enumerableOnly) {
         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));
     });
   }
@@ -8130,7 +8137,7 @@ function SelectList(param) {
         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
       }, addDataTestId(testId)), {
         children: isLoading ? /* @__PURE__ */ jsx("div", {
@@ -8271,13 +8278,15 @@ var baseInputStyles = {
   }
 };
 var readonlyInputBaseStyles = {
-  inputIcon: {
-    width: "auto"
+  input: {
+    cursor: "pointer"
   }
 };
 var multiSelectInputBaseStyles = {
   inputIcon: {
-    width: "auto"
+    "&:not($loading)": {
+      width: "auto"
+    }
   }
 };
 var readonlyInputStyles = mergeStyles(baseInputStyles, readonlyInputBaseStyles);
@@ -8416,8 +8425,8 @@ function _object_spread$x(target) {
   }
   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) {
@@ -8425,16 +8434,16 @@ function ownKeys$r(object, enumerableOnly) {
         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));
     });
   }
@@ -8952,7 +8961,7 @@ function Select(props) {
     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,
@@ -9318,8 +9327,8 @@ function _object_spread$w(target) {
   }
   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) {
@@ -9327,16 +9336,16 @@ function ownKeys$q(object, enumerableOnly) {
         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));
     });
   }
@@ -9391,9 +9400,8 @@ function _unsupported_iterable_to_array$j(o, minLen) {
     return _array_like_to_array$j(o, minLen);
 }
 var DatePicker = /* @__PURE__ */ 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",
@@ -9460,7 +9468,7 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
   var _useState4 = _sliced_to_array$j(useState(endDate), 2), end2 = _useState4[0], setEnd = _useState4[1];
   var _useState5 = _sliced_to_array$j(useState(formatDate(endDate)), 2), endDateValue = _useState5[0], setEndDateValue = _useState5[1];
   var hasDateInputValue = isRange ? isStringNotEmpty(startDateValue) || isStringNotEmpty(endDateValue) : 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,
@@ -9558,9 +9566,9 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
     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
-  }, addDataTestId(testId), addDataAttributes(data)), {
+  }, addDataAttributes(data)), {
     children: /* @__PURE__ */ jsx(DatePickerComponent, _object_spread$w({
       ref,
       minDate,
@@ -9592,7 +9600,7 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
       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
         }));
       },
@@ -9729,8 +9737,8 @@ function _object_spread$v(target) {
   }
   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) {
@@ -9738,16 +9746,16 @@ function ownKeys$p(object, enumerableOnly) {
         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));
     });
   }
@@ -9780,7 +9788,7 @@ var Description = function(param) {
   var linkText = link && link[0];
   var textWithNoLink = text.replace(LINK_REGEXP, "");
   var shortText = text.slice(0, text.slice(0, truncateIndex).lastIndexOf(" "));
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$p(_object_spread$v({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$q(_object_spread$v({
     className: classes.root
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
@@ -10348,6 +10356,275 @@ var NumberInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
     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: {
@@ -10456,7 +10733,7 @@ var inputStyles$3 = {
     }
   }
 };
-var clearButtonStyles$3 = innerTextButtonStyles;
+var clearButtonStyles$3 = cloneDeep(innerTextButtonStyles);
 function _define_property$v(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
@@ -10485,8 +10762,8 @@ function _object_spread$t(target) {
   }
   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) {
@@ -10494,16 +10771,16 @@ function ownKeys$o(object, enumerableOnly) {
         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));
     });
   }
@@ -10555,7 +10832,7 @@ var FilterInterval = function(param) {
     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: [
@@ -10684,6 +10961,7 @@ var ITEM_HEIGHT$1 = 40;
 var TOP_GAP = 12;
 var useStyles$p = createThemedStyles("MultiSelectList", {
   root: {
+    width: 220,
     background: colors.CLASSIC_WHITE
   },
   list: _object_spread$s({
@@ -10779,10 +11057,13 @@ var checkboxStyles = {
     padding: [
       11,
       16
-    ]
+    ],
+    boxSizing: "border-box",
+    width: "100%"
   },
   children: {
-    marginRight: "auto"
+    marginRight: "auto",
+    overflow: "hidden"
   }
 };
 var clearButtonStyles$2 = {
@@ -10906,8 +11187,8 @@ function _object_spread$r(target) {
   }
   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) {
@@ -10915,16 +11196,16 @@ function ownKeys$n(object, enumerableOnly) {
         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));
     });
   }
@@ -11052,7 +11333,7 @@ var __generator$2 = globalThis && globalThis.__generator || function(thisArg, bo
   }
 };
 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) {
@@ -11223,13 +11504,13 @@ function MultiSelectList(param) {
       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]
             ])
@@ -11428,11 +11709,8 @@ function MultiSelectList(param) {
   var shouldShowAllOptionsLabel = isGroupingEnabled && unchosenOptions.length > 0 && chosenValues !== void 0 && chosenValues.length > 0;
   var shouldShowPreloader = isLoading || isLoadingOptionsOnScroll;
   var shouldShowOptionsList = !isLoading && allOptions.length !== 0;
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$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", {
@@ -11598,6 +11876,7 @@ var ITEM_HEIGHT = 40;
 var LIST_GAP = 12;
 var useStyles$o = createThemedStyles("FilterSelect", {
   root: {
+    width: 220,
     background: colors.CLASSIC_WHITE
   },
   list: _object_spread$p({
@@ -11727,7 +12006,7 @@ var searchInputStyles$1 = {
     }
   }
 };
-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;
@@ -11838,8 +12117,8 @@ function _object_spread$o(target) {
   }
   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) {
@@ -11847,16 +12126,16 @@ function ownKeys$m(object, enumerableOnly) {
         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));
     });
   }
@@ -11984,7 +12263,7 @@ var __generator$1 = globalThis && globalThis.__generator || function(thisArg, bo
   }
 };
 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
   });
@@ -12256,11 +12535,8 @@ function FilterSelect(param) {
     }();
     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", {
@@ -13498,7 +13774,7 @@ var useStyles$n = createThemedStyles("FilterWithDates", {
   },
   datepicker: {}
 });
-var clearButtonStyles = innerTextButtonStyles;
+var clearButtonStyles = cloneDeep(innerTextButtonStyles);
 var backButtonStyles = innerTextButtonStyles;
 var PICKER_TOP_MARGIN = 28;
 var PICKER_WITH_BUTTONS_TOP_MARGIN = 60;
@@ -13598,8 +13874,8 @@ function _object_spread$n(target) {
   }
   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) {
@@ -13607,16 +13883,16 @@ function ownKeys$l(object, enumerableOnly) {
         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));
     });
   }
@@ -13727,7 +14003,7 @@ var FilterWithDates = function(param) {
     }
   };
   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: [
@@ -13898,8 +14174,8 @@ function _object_spread$m(target) {
   }
   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) {
@@ -13907,16 +14183,16 @@ function ownKeys$k(object, enumerableOnly) {
         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));
     });
   }
@@ -14002,7 +14278,7 @@ var FilterWithPeriod = function(param) {
       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)
       }));
     }
@@ -14022,7 +14298,7 @@ var FilterWithPeriod = function(param) {
   };
   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 {
@@ -14164,8 +14440,8 @@ function _object_spread$l(target) {
   }
   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) {
@@ -14173,16 +14449,16 @@ function ownKeys$j(object, enumerableOnly) {
         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));
     });
   }
@@ -14249,7 +14525,7 @@ function Filter(param) {
   };
   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,
@@ -14264,7 +14540,7 @@ function Filter(param) {
     console.warn("%cДля фильтра типа custom (".concat(filter.name, ") в конфиге обязательно нужно задать component"), "background: red; color: black");
   }
   if (filter.type === "select") {
-    return /* @__PURE__ */ jsx("div", _object_spread_props$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,
@@ -14275,7 +14551,7 @@ function Filter(param) {
     }));
   }
   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,
@@ -14288,7 +14564,7 @@ function Filter(param) {
   }
   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
       },
@@ -14298,7 +14574,7 @@ function Filter(param) {
           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"
           }));
         },
@@ -14309,7 +14585,7 @@ function Filter(param) {
     }));
   }
   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,
@@ -14321,7 +14597,7 @@ function Filter(param) {
     }));
   }
   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,
@@ -14429,7 +14705,8 @@ var selectStyles = {
     borderRadius: 0,
     borderBottomLeftRadius: 6,
     borderBottomRightRadius: 6,
-    boxShadow: "none"
+    boxShadow: "none",
+    width: "100%"
   }
 };
 function _array_like_to_array$b(arr, len) {
@@ -14502,8 +14779,8 @@ function _object_spread$k(target) {
   }
   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) {
@@ -14511,16 +14788,16 @@ function ownKeys$i(object, enumerableOnly) {
         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));
     });
   }
@@ -14543,7 +14820,7 @@ function _unsupported_iterable_to_array$b(o, minLen) {
     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
   });
@@ -14590,7 +14867,7 @@ function FiltersPaneSearch(param) {
     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
@@ -14646,7 +14923,6 @@ function FiltersPaneSearch(param) {
               localeKey,
               locale: translates,
               onChange: handleFieldsChange,
-              width: selectWidth,
               isSearchEnabled: isSelectSearchEnabled,
               hasClearButton: hasClearSelectButton,
               testId: testId !== void 0 ? "".concat(testId, "-dropdown") : void 0
@@ -15012,8 +15288,8 @@ function _object_spread$j(target) {
   }
   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) {
@@ -15021,16 +15297,16 @@ function ownKeys$h(object, enumerableOnly) {
         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));
     });
   }
@@ -15094,7 +15370,7 @@ function FilterWrapper(param) {
   };
   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))
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
@@ -15191,8 +15467,8 @@ function _object_spread$i(target) {
   }
   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) {
@@ -15200,16 +15476,16 @@ function ownKeys$g(object, enumerableOnly) {
         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));
     });
   }
@@ -15260,12 +15536,12 @@ function FiltersPane(param) {
     })
   });
   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
   }, 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
       }, addDataTestId(testId, "settings-button")), {
@@ -15277,7 +15553,7 @@ function FiltersPane(param) {
           })
         })
       })),
-      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,
@@ -15300,7 +15576,7 @@ function FiltersPane(param) {
           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) {
@@ -21482,14 +21758,6 @@ var useStyles$h = createThemedStyles("FlexibleTable", {
     */
     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,
@@ -21537,7 +21805,10 @@ var useStyles$h = createThemedStyles("FlexibleTable", {
         "box-shadow",
         "0.25s",
         "ease-in-out"
-      ]
+      ],
+      "[data-scrolled] &": {
+        boxShadow: "4px 0 4px rgba(0, 0, 0, 0.05)"
+      }
     },
     "&::after": {
       content: '""',
@@ -21583,6 +21854,30 @@ function _object_spread$h(target) {
   }
   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",
@@ -21596,13 +21891,17 @@ var useStyles$g = createThemedStyles("FlexibleTableCell", {
     zIndex: 5,
     verticalAlign: "top"
   },
-  sticky: _object_spread$h({
+  sticky: _object_spread_props$g(_object_spread$h({
     zIndex: 19,
     paddingLeft: 24,
     paddingRight: 12
   }, getTransition([
     "box-shadow"
-  ])),
+  ])), {
+    "[data-scrolled] &": {
+      boxShadow: "4px 0 4px rgba(0, 0, 0, 0.05)"
+    }
+  }),
   second: {
     paddingLeft: STICKY_SHADOW_PADDING
   }
@@ -21743,7 +22042,7 @@ function _object_spread$g(target) {
   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) {
@@ -21751,9 +22050,9 @@ function ownKeys$f(object, enumerableOnly) {
         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 : {};
@@ -21884,6 +22183,9 @@ function FlexibleTableRowInner(param) {
   });
 }
 var FlexibleTableRow = /* @__PURE__ */ memo(FlexibleTableRowInner);
+var hasHorizontalScrollBar = function(el) {
+  return isNotEmpty(el) && el.scrollWidth !== el.clientWidth;
+};
 function _array_like_to_array$8(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
@@ -21955,7 +22257,7 @@ function _object_spread$f(target) {
   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) {
@@ -21963,9 +22265,9 @@ function ownKeys$e(object, enumerableOnly) {
         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 : {};
@@ -22007,6 +22309,7 @@ function FlexibleTable(param) {
   var _useState = _sliced_to_array$8(useState(false), 2), isHorizontallyScrolled = _useState[0], setIsHorizontallyScrolled = _useState[1];
   var observer = useRef();
   var scrollRef = useRef(null);
+  var ref = refForScroll !== null && refForScroll !== void 0 ? refForScroll : scrollRef;
   var initIntersectionObserver = useCallback(function(node) {
     if (infinityScrollConfig) {
       if (infinityScrollConfig.isLoading || infinityScrollConfig.activePage >= infinityScrollConfig.totalPages) {
@@ -22030,7 +22333,7 @@ function FlexibleTable(param) {
     infinityScrollConfig === null || infinityScrollConfig === void 0 ? void 0 : infinityScrollConfig.onInfinityScroll
   ]);
   useEffect(function() {
-    var scrollContainer = (refForScroll !== null && refForScroll !== void 0 ? refForScroll : scrollRef).current;
+    var scrollContainer = ref.current;
     if (scrollContainer === null || !isHorizontallyScrollable || !isFirstColumnSticky) {
       return;
     }
@@ -22045,13 +22348,16 @@ function FlexibleTable(param) {
     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
+    }, addDataTestId(testId), addDataAttributes(data)), {
       children: [
         /* @__PURE__ */ jsx("thead", {
           children: /* @__PURE__ */ jsx("tr", {
@@ -22067,8 +22373,9 @@ function FlexibleTable(param) {
                 });
               }
               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,
@@ -22091,11 +22398,11 @@ function FlexibleTable(param) {
                 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,
@@ -22104,7 +22411,7 @@ function FlexibleTable(param) {
                 rowAttributes,
                 tweakStyles: tweakTableRowStyles,
                 expandableRowComponent
-              }, uniqueField ? item[uniqueField] : idx);
+              }, isNotEmpty(uniqueField) ? item[uniqueField] : i);
             }),
             infinityScrollConfig !== void 0 && !infinityScrollConfig.isLastPage && /* @__PURE__ */ jsx("tr", {
               children: /* @__PURE__ */ jsx("td", {
@@ -22122,7 +22429,7 @@ function FlexibleTable(param) {
         })
       ]
     }))
-  });
+  }));
 }
 var BUTTONS_WIDTH = 36;
 var BUTTONS_GAP = 2;
@@ -22217,7 +22524,7 @@ function _object_spread$e(target) {
   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) {
@@ -22225,9 +22532,9 @@ function ownKeys$d(object, enumerableOnly) {
         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 : {};
@@ -22686,7 +22993,7 @@ function _object_spread$d(target) {
   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) {
@@ -22694,9 +23001,9 @@ function ownKeys$c(object, enumerableOnly) {
         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 : {};
@@ -23016,7 +23323,7 @@ function _object_spread$c(target) {
   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) {
@@ -23024,9 +23331,9 @@ function ownKeys$b(object, enumerableOnly) {
         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 : {};
@@ -23341,7 +23648,7 @@ function _object_spread$b(target) {
   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) {
@@ -23349,9 +23656,9 @@ function ownKeys$a(object, enumerableOnly) {
         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 : {};
@@ -23490,7 +23797,7 @@ function _object_spread$a(target) {
   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) {
@@ -23498,9 +23805,9 @@ function ownKeys$9(object, enumerableOnly) {
         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 : {};
@@ -23712,7 +24019,7 @@ function _object_spread$9(target) {
   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) {
@@ -23720,9 +24027,9 @@ function ownKeys$8(object, enumerableOnly) {
         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 : {};
@@ -26950,7 +27257,7 @@ function _object_spread$7(target) {
   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) {
@@ -26958,9 +27265,9 @@ function ownKeys$7(object, enumerableOnly) {
         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 : {};
@@ -27233,7 +27540,7 @@ function _object_spread$6(target) {
   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) {
@@ -27241,9 +27548,9 @@ function ownKeys$6(object, enumerableOnly) {
         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 : {};
@@ -27375,7 +27682,7 @@ function _object_spread$5(target) {
   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) {
@@ -27383,9 +27690,9 @@ function ownKeys$5(object, enumerableOnly) {
         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 : {};
@@ -27399,7 +27706,7 @@ function _object_spread_props$5(target, source) {
   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
   });
@@ -27638,7 +27945,7 @@ function _object_spread$4(target) {
   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) {
@@ -27646,9 +27953,9 @@ function ownKeys$4(object, enumerableOnly) {
         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 : {};
@@ -27847,7 +28154,7 @@ function _object_spread$3(target) {
   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) {
@@ -27855,9 +28162,9 @@ function ownKeys$3(object, enumerableOnly) {
         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 : {};
@@ -27974,7 +28281,7 @@ function _object_spread$2(target) {
   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) {
@@ -27982,9 +28289,9 @@ function ownKeys$2(object, enumerableOnly) {
         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 : {};
@@ -28183,7 +28490,7 @@ function _object_spread$1(target) {
   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) {
@@ -28191,9 +28498,9 @@ function ownKeys$1(object, enumerableOnly) {
         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 : {};
@@ -28349,7 +28656,7 @@ function _object_spread(target) {
   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) {
@@ -28357,9 +28664,9 @@ function ownKeys(object, enumerableOnly) {
         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 : {};
@@ -28654,6 +28961,7 @@ export {
   useDidMountEffect,
   useDropdown,
   useIsMounted,
+  useMixedStyles,
   useOnClickOutside,
   useOnClickOutsideWithRef,
   useTweakStyles