@true-engineering/true-react-common-ui-kit 4.0.0-alpha10 → 4.0.0-alpha12

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

@@ -1,6 +1,6 @@
 import React, { createContext, useMemo, useContext, useInsertionEffect, useRef, useEffect, useCallback, useState, createElement, Fragment as Fragment$1, forwardRef, createRef, PureComponent, memo } from "react";
 import { jss, JssContext as JssContext$1, createUseStyles } from "react-jss";
-import { isNotEmpty, isArrayNotEmpty, mergeStyles, joinStrings, isObject as isObject$1, isStringEmpty, isString, isStringNotEmpty, mergeRefs, addDataTestId, applyAction, addDataAttributes as addDataAttributes$1, stopPropagation, isReactNodeNotEmpty, addClickHandler, getTestId, getSelectKeyHandler, getArray, createFilter, isEmpty, isFunction as isFunction$1, getTransition, indexMap, isNumberInteger, hasDuplicates, isArrayEmpty } from "@true-engineering/true-react-platform-helpers";
+import { isNotEmpty, isArrayNotEmpty, mergeStyles, joinStrings, isObject as isObject$1, isStringEmpty, isString, isStringNotEmpty, mergeRefs, addDataTestId, applyAction, addDataAttributes as addDataAttributes$1, stopPropagation, isReactNodeNotEmpty, addClickHandler, getTestId, getSelectKeyHandler, getArray, createFilter, isEmpty, isFunction as isFunction$1, getTransition, indexMap, isNumberInteger, hasDuplicates, isArrayLikeNotEmpty, isArrayEmpty } from "@true-engineering/true-react-platform-helpers";
 import { merge as merge$2 } from "lodash-es";
 import { CSSTransition } from "react-transition-group";
 import clsx from "clsx";
@@ -1825,7 +1825,7 @@ function _object_spread$17(target) {
   }
   return target;
 }
-function ownKeys$X(object, enumerableOnly) {
+function ownKeys$W(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -1838,12 +1838,12 @@ function ownKeys$X(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$X(target, source) {
+function _object_spread_props$W(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$X(Object(source)).forEach(function(key) {
+    ownKeys$W(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -1854,7 +1854,7 @@ var JssProvider = function(param) {
   var children = param.children, tweakStylesArch = param.tweakStylesArch, generateId = param.generateId;
   var context = useContext(JssContext);
   var value = useMemo(function() {
-    return _object_spread_props$X(_object_spread$17({}, context), {
+    return _object_spread_props$W(_object_spread$17({}, context), {
       tweakStylesArch: tweakStylesArch !== null && tweakStylesArch !== void 0 ? tweakStylesArch : context.tweakStylesArch,
       generateId: generateId !== null && generateId !== void 0 ? generateId : context.generateId
     });
@@ -1952,7 +1952,7 @@ function _object_spread$16(target) {
   }
   return target;
 }
-function ownKeys$W(object, enumerableOnly) {
+function ownKeys$V(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -1965,12 +1965,12 @@ function ownKeys$W(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$W(target, source) {
+function _object_spread_props$V(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$W(Object(source)).forEach(function(key) {
+    ownKeys$V(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -2030,7 +2030,7 @@ function createThemedStyles() {
         tweakStylesStrategy,
         tweakStyles
       ]);
-      return useStyles2(isNotEmpty(data) ? _object_spread_props$W(_object_spread$16({}, data), {
+      return useStyles2(isNotEmpty(data) ? _object_spread_props$V(_object_spread$16({}, data), {
         theme
       }) : data);
     }
@@ -7800,7 +7800,7 @@ function _object_spread$13(target) {
   }
   return target;
 }
-function ownKeys$V(object, enumerableOnly) {
+function ownKeys$U(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -7813,12 +7813,12 @@ function ownKeys$V(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$V(target, source) {
+function _object_spread_props$U(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$V(Object(source)).forEach(function(key) {
+    ownKeys$U(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -7850,12 +7850,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$V(_object_spread$13({}, rect), {
+        return /* @__PURE__ */ createElement("rect", _object_spread_props$U(_object_spread$13({}, 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$V(_object_spread$13({}, circle), {
+        return /* @__PURE__ */ createElement("circle", _object_spread_props$U(_object_spread$13({}, circle), {
           key: index
         }));
       })
@@ -7896,7 +7896,7 @@ function _object_spread$12(target) {
   }
   return target;
 }
-function ownKeys$U(object, enumerableOnly) {
+function ownKeys$T(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -7909,12 +7909,12 @@ function ownKeys$U(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$U(target, source) {
+function _object_spread_props$T(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$U(Object(source)).forEach(function(key) {
+    ownKeys$T(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -7925,7 +7925,7 @@ var Icon = function(param) {
   var classes = useStyles$W({
     theme: tweakStyles
   });
-  return /* @__PURE__ */ jsx("div", _object_spread_props$U(_object_spread$12({
+  return /* @__PURE__ */ jsx("div", _object_spread_props$T(_object_spread$12({
     className: classes.root
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: isComplexIcon(type) ? /* @__PURE__ */ jsx(ComplexIconBoilerplate, {
@@ -8062,7 +8062,7 @@ function _object_spread$11(target) {
   }
   return target;
 }
-function ownKeys$T(object, enumerableOnly) {
+function ownKeys$S(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -8075,12 +8075,12 @@ function ownKeys$T(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$T(target, source) {
+function _object_spread_props$S(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$T(Object(source)).forEach(function(key) {
+    ownKeys$S(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -8186,14 +8186,14 @@ var WithPopup = function(param) {
   var _obj2;
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [
-      isTriggerWrapped ? /* @__PURE__ */ jsx("div", _object_spread_props$T(_object_spread$11({
+      isTriggerWrapped ? /* @__PURE__ */ jsx("div", _object_spread_props$S(_object_spread$11({
         className: clsx(classes.trigger, (_obj2 = {}, _define_property$13(_obj2, classes.clickable, eventType === "click"), _define_property$13(_obj2, classes.disabled, isDisabled), _define_property$13(_obj2, classes.active, isOpen), _obj2))
       }, referenceProps, addDataAttributes$1(data, testId)), {
         children: triggerElement
       })) : triggerElement,
       isMounted && /* @__PURE__ */ jsx(FloatingPortal, {
         root: shouldRenderInBody ? document.body : refs.reference.current,
-        children: /* @__PURE__ */ jsx("div", _object_spread_props$T(_object_spread$11({
+        children: /* @__PURE__ */ jsx("div", _object_spread_props$S(_object_spread$11({
           ref: refs.setFloating,
           style: floatingStyles,
           className: classes.popup
@@ -8201,7 +8201,7 @@ var WithPopup = function(param) {
           children: /* @__PURE__ */ jsxs("div", {
             className: classes["dropdown-".concat(status)],
             children: [
-              shouldShowArrow && /* @__PURE__ */ jsx(FloatingArrow, _object_spread_props$T(_object_spread$11({}, arrowProps), {
+              shouldShowArrow && /* @__PURE__ */ jsx(FloatingArrow, _object_spread_props$S(_object_spread$11({}, arrowProps), {
                 ref: arrowRef,
                 context,
                 className: classes.arrow
@@ -8287,7 +8287,7 @@ function _object_spread$10(target) {
   }
   return target;
 }
-function ownKeys$S(object, enumerableOnly) {
+function ownKeys$R(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -8300,12 +8300,12 @@ function ownKeys$S(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$S(target, source) {
+function _object_spread_props$R(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$S(Object(source)).forEach(function(key) {
+    ownKeys$R(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -8322,9 +8322,9 @@ var ListItem = function(param) {
       shouldDrawSpacerAbove && /* @__PURE__ */ jsx("div", {
         className: classes.spacer
       }),
-      /* @__PURE__ */ jsxs("div", _object_spread_props$S(_object_spread$10({
+      /* @__PURE__ */ jsxs("div", _object_spread_props$R(_object_spread$10({
         className: clsx(classes.root, classes[view], (_obj2 = {}, _define_property$12(_obj2, classes.disabledItem, isDisabled), _define_property$12(_obj2, classes.withIconGap, withIconGap), _define_property$12(_obj2, classes.focused, isFocused), _obj2))
-      }, addClickHandler(onClick, !isDisabled), addDataTestId(testId), addDataAttributes(_object_spread_props$S(_object_spread$10({}, data), {
+      }, addClickHandler(onClick, !isDisabled), addDataTestId(testId), addDataAttributes(_object_spread_props$R(_object_spread$10({}, data), {
         disabled: isDisabled ? true : void 0
       }))), {
         children: [
@@ -8399,7 +8399,7 @@ function _object_spread$$(target) {
   }
   return target;
 }
-function ownKeys$R(object, enumerableOnly) {
+function ownKeys$Q(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -8412,12 +8412,12 @@ function ownKeys$R(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$R(target, source) {
+function _object_spread_props$Q(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$R(Object(source)).forEach(function(key) {
+    ownKeys$Q(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -8439,11 +8439,11 @@ var List = function(param) {
     var isHidden = param2.isHidden;
     return !isHidden;
   });
-  return /* @__PURE__ */ jsx("div", _object_spread_props$R(_object_spread$$({
+  return /* @__PURE__ */ jsx("div", _object_spread_props$Q(_object_spread$$({
     className: classes.root
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: filteredItems.map(function(item, i) {
-      var itemProps = _object_spread_props$R(_object_spread$$({
+      var itemProps = _object_spread_props$Q(_object_spread$$({
         testId: getTestId(testId, "item-".concat(i))
       }, item), {
         shouldDrawSpacerAbove: item.shouldDrawSpacerAbove && i !== 0,
@@ -8461,7 +8461,7 @@ var List = function(param) {
           shouldRenderInBody: false,
           trigger: function(param2) {
             var triggerProps = param2.triggerProps;
-            return /* @__PURE__ */ jsx(ListItem, _object_spread_props$R(_object_spread$$({}, itemProps), {
+            return /* @__PURE__ */ jsx(ListItem, _object_spread_props$Q(_object_spread$$({}, itemProps), {
               isFocused: triggerProps.isActive
             }));
           },
@@ -8619,7 +8619,7 @@ function _object_spread$Z(target) {
   }
   return target;
 }
-function ownKeys$Q(object, enumerableOnly) {
+function ownKeys$P(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -8632,12 +8632,12 @@ function ownKeys$Q(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$Q(target, source) {
+function _object_spread_props$P(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$Q(Object(source)).forEach(function(key) {
+    ownKeys$P(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -8681,7 +8681,7 @@ var AccountInfo = function(param) {
   useOnClickOutsideWithRef(dropdownRef, function() {
     return setIsMenuOpen(false);
   }, nameRef);
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$Q(_object_spread$Z({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$P(_object_spread$Z({
     className: classes.root
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
@@ -8785,7 +8785,7 @@ function _object_spread$Y(target) {
   }
   return target;
 }
-function ownKeys$P(object, enumerableOnly) {
+function ownKeys$O(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -8798,12 +8798,12 @@ function ownKeys$P(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$P(target, source) {
+function _object_spread_props$O(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$P(Object(source)).forEach(function(key) {
+    ownKeys$O(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -8814,7 +8814,7 @@ var AddButton = function(param) {
   var classes = useStyles$R({
     theme: tweakStyles
   });
-  return /* @__PURE__ */ jsxs("button", _object_spread_props$P(_object_spread$Y({
+  return /* @__PURE__ */ jsxs("button", _object_spread_props$O(_object_spread$Y({
     type,
     className: clsx(classes.root, isDisabled && classes.disabled, isFullWidth && classes.fullWidth),
     onClick: !isDisabled ? onClick : void 0,
@@ -9008,7 +9008,7 @@ function _object_spread$X(target) {
   }
   return target;
 }
-function ownKeys$O(object, enumerableOnly) {
+function ownKeys$N(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -9021,12 +9021,12 @@ function ownKeys$O(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$O(target, source) {
+function _object_spread_props$N(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$O(Object(source)).forEach(function(key) {
+    ownKeys$N(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -9047,7 +9047,7 @@ var ThemedPreloader = function(param) {
     className: "tweakSvgPreloader",
     currentComponentName: "ThemedPreloader"
   });
-  return /* @__PURE__ */ jsx("div", _object_spread_props$O(_object_spread$X({
+  return /* @__PURE__ */ jsx("div", _object_spread_props$N(_object_spread$X({
     className: clsx(classes.root, classes[type], _define_property$Z({}, classes.currentColor, useCurrentColor))
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: type === "dots" ? /* @__PURE__ */ jsx(DotsPreloader, {
@@ -9257,7 +9257,7 @@ function _object_spread$W(target) {
   }
   return target;
 }
-function ownKeys$N(object, enumerableOnly) {
+function ownKeys$M(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -9270,12 +9270,12 @@ function ownKeys$N(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$N(target, source) {
+function _object_spread_props$M(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$N(Object(source)).forEach(function(key) {
+    ownKeys$M(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -9345,7 +9345,7 @@ var Button = /* @__PURE__ */ forwardRef(function(_param, ref) {
   var hasChildren = isReactNodeNotEmpty(children);
   var hasNoAction = isDisabled || isLoading;
   var _obj2, _obj1;
-  return /* @__PURE__ */ jsxs("button", _object_spread_props$N(_object_spread$W({
+  return /* @__PURE__ */ jsxs("button", _object_spread_props$M(_object_spread$W({
     ref,
     type,
     className: clsx(classes.root, classes[size2], classes[view], (_obj2 = {}, _define_property$Y(_obj2, classes.disabled, isDisabled), _define_property$Y(_obj2, classes.fullWidth, isFullWidth), _define_property$Y(_obj2, classes.inline, isInline), _define_property$Y(_obj2, classes.active, isActive), _define_property$Y(_obj2, classes.loading, isLoading), _define_property$Y(_obj2, classes.onlyIcon, hasIcon && !hasChildren), _obj2)),
@@ -9443,7 +9443,7 @@ function _object_spread$V(target) {
   }
   return target;
 }
-function ownKeys$M(object, enumerableOnly) {
+function ownKeys$L(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -9456,12 +9456,12 @@ function ownKeys$M(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$M(target, source) {
+function _object_spread_props$L(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$M(Object(source)).forEach(function(key) {
+    ownKeys$L(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -9481,7 +9481,7 @@ function Checkbox(param) {
     }, event);
   };
   var _obj2;
-  return /* @__PURE__ */ jsxs("label", _object_spread_props$M(_object_spread$V({
+  return /* @__PURE__ */ jsxs("label", _object_spread_props$L(_object_spread$V({
     className: clsx(classes.root, (_obj2 = {}, _define_property$X(_obj2, classes.checked, isSelected), _define_property$X(_obj2, classes.invalid, isInvalid), _define_property$X(_obj2, classes.disabled, isDisabled), _define_property$X(_obj2, classes.labelPositionLeft, labelPosition === "left"), _obj2))
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
@@ -9562,7 +9562,7 @@ function _object_spread$U(target) {
   }
   return target;
 }
-function ownKeys$L(object, enumerableOnly) {
+function ownKeys$K(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -9575,12 +9575,12 @@ function ownKeys$L(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$L(target, source) {
+function _object_spread_props$K(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$L(Object(source)).forEach(function(key) {
+    ownKeys$K(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -9591,7 +9591,7 @@ var CloseButton = function(param) {
   var classes = useStyles$L({
     theme: tweakStyles
   });
-  return /* @__PURE__ */ jsx("button", _object_spread_props$L(_object_spread$U({
+  return /* @__PURE__ */ jsx("button", _object_spread_props$K(_object_spread$U({
     type: "button",
     className: classes.root,
     onClick: onClose
@@ -9832,7 +9832,7 @@ function _object_spread$S(target) {
   }
   return target;
 }
-function ownKeys$K(object, enumerableOnly) {
+function ownKeys$J(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -9845,12 +9845,12 @@ function ownKeys$K(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$K(target, source) {
+function _object_spread_props$J(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$K(Object(source)).forEach(function(key) {
+    ownKeys$J(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -9864,7 +9864,7 @@ var WithMessages = /* @__PURE__ */ forwardRef(function(param, ref) {
   var shouldShowError = isReactNodeNotEmpty(errorMessage);
   var shouldShowInfo = isReactNodeNotEmpty(infoMessage) && !shouldShowError;
   var _obj2;
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$K(_object_spread$S({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$J(_object_spread$S({
     ref,
     className: classes.withMessages,
     "data-invalid": shouldShowError ? true : void 0
@@ -9877,12 +9877,12 @@ var WithMessages = /* @__PURE__ */ forwardRef(function(param, ref) {
       (shouldShowError || shouldShowInfo) && /* @__PURE__ */ jsxs("div", {
         className: classes.message,
         children: [
-          shouldShowError && /* @__PURE__ */ jsx("div", _object_spread_props$K(_object_spread$S({
+          shouldShowError && /* @__PURE__ */ jsx("div", _object_spread_props$J(_object_spread$S({
             className: classes.error
           }, addDataTestId(testId, "error")), {
             children: errorMessage
           })),
-          shouldShowInfo && /* @__PURE__ */ jsx("div", _object_spread_props$K(_object_spread$S({
+          shouldShowInfo && /* @__PURE__ */ jsx("div", _object_spread_props$J(_object_spread$S({
             className: classes.info
           }, addDataTestId(testId, "info")), {
             children: infoMessage
@@ -10072,7 +10072,7 @@ function _object_spread$R(target) {
   }
   return target;
 }
-function ownKeys$J(object, enumerableOnly) {
+function ownKeys$I(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -10085,39 +10085,38 @@ function ownKeys$J(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$J(target, source) {
+function _object_spread_props$I(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$J(Object(source)).forEach(function(key) {
+    ownKeys$I(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
 }
 var ControlWrapper = function(param) {
-  var label = param.label, icon = param.icon, groupPlacement = param.groupPlacement, isInvalid = param.isInvalid, isFocused = param.isFocused, isRequired = param.isRequired, isLoading = param.isLoading, isFullWidth = param.isFullWidth, isDisabled = param.isDisabled, hasValue = param.hasValue, testId = param.testId, children = param.children, tweakStyles = param.tweakStyles, data = param.data, onIconClick = param.onIconClick, onClear = param.onClear;
+  var label = param.label, icon = param.icon, groupPlacement = param.groupPlacement, isInvalid = param.isInvalid, isFocused = param.isFocused, isRequired = param.isRequired, isLoading = param.isLoading, isFullWidth = param.isFullWidth, isDisabled = param.isDisabled, hasValue = param.hasValue, size2 = param.size, testId = param.testId, children = param.children, tweakStyles = param.tweakStyles, data = param.data, onIconClick = param.onIconClick, onClear = param.onClear;
   var classes = useStyles$H({
     theme: tweakStyles
   });
   var hasEndIcon = !isLoading && isReactNodeNotEmpty(icon);
   var hasClearButton = !isDisabled && !isLoading && hasValue && isNotEmpty(onClear);
   var hasControls = hasEndIcon || hasClearButton || isLoading;
+  var isActive = isFocused || hasValue;
   var tweakPreloaderStyles = useTweakStyles({
     tweakStyles,
     className: "tweakPreloader",
     currentComponentName: "ControlWrapper"
   });
   var _obj2, _obj1, _obj22;
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$J(_object_spread$R({
-    className: clsx(classes.controlWrapper, isNotEmpty(groupPlacement) && [
-      classes["placement-".concat(groupPlacement)]
-    ], (_obj2 = {}, _define_property$T(_obj2, classes.invalid, isInvalid), _define_property$T(_obj2, classes.focused, isFocused), _define_property$T(_obj2, classes.withValue, hasValue), _define_property$T(_obj2, classes.disabled, isDisabled), _define_property$T(_obj2, classes.loading, isLoading), _define_property$T(_obj2, classes.minContent, !isFullWidth), _obj2))
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$I(_object_spread$R({
+    className: clsx(classes.controlWrapper, isNotEmpty(groupPlacement) && classes["placement-".concat(groupPlacement)], isNotEmpty(size2) && classes[size2], (_obj2 = {}, _define_property$T(_obj2, classes.invalid, isInvalid), _define_property$T(_obj2, classes.focused, isFocused), _define_property$T(_obj2, classes.withValue, hasValue), _define_property$T(_obj2, classes.disabled, isDisabled), _define_property$T(_obj2, classes.loading, isLoading), _define_property$T(_obj2, classes.minContent, !isFullWidth), _obj2))
   }, addDataAttributes$1(data, testId)), {
     children: [
       isReactNodeNotEmpty(label) && /* @__PURE__ */ jsx("div", {
-        className: clsx(classes.label, (_obj1 = {}, _define_property$T(_obj1, classes.requiredLabel, isRequired), _define_property$T(_obj1, classes.disabledLabel, isDisabled), _define_property$T(_obj1, classes.activeLabel, isFocused || hasValue), _obj1)),
+        className: clsx(classes.label, (_obj1 = {}, _define_property$T(_obj1, classes.requiredLabel, isRequired), _define_property$T(_obj1, classes.disabledLabel, isDisabled), _define_property$T(_obj1, classes.activeLabel, isActive), _obj1)),
         children: label
       }),
       /* @__PURE__ */ jsxs("div", {
@@ -10127,7 +10126,7 @@ var ControlWrapper = function(param) {
           hasControls && /* @__PURE__ */ jsxs("div", {
             className: classes.controls,
             children: [
-              hasClearButton && /* @__PURE__ */ jsx("div", _object_spread_props$J(_object_spread$R({
+              hasClearButton && /* @__PURE__ */ jsx("div", _object_spread_props$I(_object_spread$R({
                 className: clsx(classes.icon, classes.clearIcon, classes.activeIcon)
               }, addClickHandler(onClear), addDataTestId(testId, "clear")), {
                 children: /* @__PURE__ */ jsx("div", {
@@ -10137,7 +10136,7 @@ var ControlWrapper = function(param) {
                   })
                 })
               })),
-              hasEndIcon && /* @__PURE__ */ jsx("div", _object_spread_props$J(_object_spread$R({
+              hasEndIcon && /* @__PURE__ */ jsx("div", _object_spread_props$I(_object_spread$R({
                 className: clsx(classes.icon, classes.endIcon, (_obj22 = {}, _define_property$T(_obj22, classes.activeIcon, !isDisabled && isNotEmpty(onIconClick)), _define_property$T(_obj22, classes.customIcon, !isString(icon)), _obj22))
               }, addClickHandler(onIconClick, !isDisabled), addDataTestId(testId, "icon")), {
                 children: /* @__PURE__ */ jsx("div", {
@@ -10145,7 +10144,7 @@ var ControlWrapper = function(param) {
                   children: renderIcon(icon)
                 })
               })),
-              isLoading && /* @__PURE__ */ jsx("div", _object_spread_props$J(_object_spread$R({
+              isLoading && /* @__PURE__ */ jsx("div", _object_spread_props$I(_object_spread$R({
                 className: clsx(classes.icon, classes.loader)
               }, addDataTestId(testId, "loading")), {
                 children: /* @__PURE__ */ jsx("div", {
@@ -10335,30 +10334,6 @@ function _object_spread$Q(target) {
   }
   return target;
 }
-function ownKeys$I(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$I(target, source) {
-  source = source != null ? source : {};
-  if (Object.getOwnPropertyDescriptors) {
-    Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-  } else {
-    ownKeys$I(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-  return target;
-}
 function _object_without_properties$i(source, excluded) {
   if (source == null)
     return {};
@@ -10510,7 +10485,7 @@ function _ts_generator$5(thisArg, body) {
   }
 }
 var InputBase = /* @__PURE__ */ forwardRef(function(_param, ref) {
-  var _param_value = _param.value, value = _param_value === void 0 ? "" : _param_value, placeholder = _param.placeholder, label = _param.label, _param_type = _param.type, type = _param_type === void 0 ? "text" : _param_type, isDisabled = _param.isDisabled, autoComplete = _param.autoComplete, initialInputMode = _param.inputMode, isReadonly = _param.isReadonly, isInvalid = _param.isInvalid, isActive = _param.isActive, isClearable = _param.isClearable, isAutoSized = _param.isAutoSized, name = _param.name, tweakStyles = _param.tweakStyles, maxLength = _param.maxLength, shouldFocusOnMount = _param.shouldFocusOnMount, units = _param.units, testId = _param.testId, tabIndex = _param.tabIndex, onChange = _param.onChange, onPaste = _param.onPaste, onFocus = _param.onFocus, onBlur = _param.onBlur, onKeyDown = _param.onKeyDown, mask = _param.mask, maskPlaceholder = _param.maskPlaceholder, alwaysShowMask = _param.alwaysShowMask, shouldAlwaysShowPlaceholder = _param.shouldAlwaysShowPlaceholder, beforeMaskedStateChange = _param.beforeMaskedStateChange, controlProps = _object_without_properties$i(_param, [
+  var _param_value = _param.value, value = _param_value === void 0 ? "" : _param_value, placeholder = _param.placeholder, label = _param.label, _param_type = _param.type, type = _param_type === void 0 ? "text" : _param_type, isDisabled = _param.isDisabled, autoComplete = _param.autoComplete, initialInputMode = _param.inputMode, isReadonly = _param.isReadonly, isInvalid = _param.isInvalid, isActive = _param.isActive, isClearable = _param.isClearable, isAutoSized = _param.isAutoSized, name = _param.name, tweakStyles = _param.tweakStyles, maxLength = _param.maxLength, shouldFocusOnMount = _param.shouldFocusOnMount, units = _param.units, testId = _param.testId, tabIndex = _param.tabIndex, shouldAlwaysShowPlaceholder = _param.shouldAlwaysShowPlaceholder, onChange = _param.onChange, onPaste = _param.onPaste, onFocus = _param.onFocus, onBlur = _param.onBlur, onKeyDown = _param.onKeyDown, mask = _param.mask, maskPlaceholder = _param.maskPlaceholder, alwaysShowMask = _param.alwaysShowMask, beforeMaskedStateChange = _param.beforeMaskedStateChange, data = _param.data, groupPlacement = _param.groupPlacement, icon = _param.icon, isLoading = _param.isLoading, isRequired = _param.isRequired, size2 = _param.size, onIconClick = _param.onIconClick, inputProps = _object_without_properties$i(_param, [
     "value",
     "placeholder",
     "label",
@@ -10530,6 +10505,7 @@ var InputBase = /* @__PURE__ */ forwardRef(function(_param, ref) {
     "units",
     "testId",
     "tabIndex",
+    "shouldAlwaysShowPlaceholder",
     "onChange",
     "onPaste",
     "onFocus",
@@ -10538,8 +10514,14 @@ var InputBase = /* @__PURE__ */ forwardRef(function(_param, ref) {
     "mask",
     "maskPlaceholder",
     "alwaysShowMask",
-    "shouldAlwaysShowPlaceholder",
-    "beforeMaskedStateChange"
+    "beforeMaskedStateChange",
+    "data",
+    "groupPlacement",
+    "icon",
+    "isLoading",
+    "isRequired",
+    "size",
+    "onIconClick"
   ]);
   var classes = useStyles$G({
     theme: tweakStyles
@@ -10625,7 +10607,7 @@ var InputBase = /* @__PURE__ */ forwardRef(function(_param, ref) {
     onFocus: handleFocus,
     onBlur: handleBlur,
     onChange: handleChange
-  }, addDataTestId(testId));
+  }, addDataTestId(testId), inputProps);
   useEffect(function() {
     if (shouldFocusOnMount) {
       var _inputRef_current;
@@ -10654,7 +10636,7 @@ var InputBase = /* @__PURE__ */ forwardRef(function(_param, ref) {
       })
     ]
   });
-  return /* @__PURE__ */ jsx(ControlWrapper, _object_spread_props$I(_object_spread$Q({
+  return /* @__PURE__ */ jsx(ControlWrapper, {
     label,
     isDisabled,
     isFocused: hasFocus,
@@ -10662,13 +10644,19 @@ var InputBase = /* @__PURE__ */ forwardRef(function(_param, ref) {
     hasValue: hasValue || hasPlaceholder,
     isFullWidth: !isAutoSized,
     tweakStyles: tweakControlWrapperStyles,
-    onClear: isClearable && hasValue ? handleInputClear : void 0
-  }, controlProps), {
+    onClear: isClearable && hasValue ? handleInputClear : void 0,
+    data,
+    groupPlacement,
+    icon,
+    isLoading,
+    isRequired,
+    onIconClick,
+    size: size2,
     children: hasUnits || isAutoSized ? /* @__PURE__ */ jsx("div", {
       className: classes.autoSizeWrapper,
       children: inputContent
     }) : inputContent
-  }));
+  });
 });
 function _define_property$R(obj, key, value) {
   if (key in obj) {
@@ -30949,34 +30937,6 @@ var useStyles$6 = createThemedStyles("Status", {
       borderRadius: 4
     }
   },
-  green: {
-    "--status-background": rgba("#D4E3AC", 0.5),
-    "--status-color": "#6F990F"
-  },
-  blue: {
-    "--status-background": rgba("#AABFFC", 0.4),
-    "--status-color": "#4C6EBF"
-  },
-  grey: {
-    "--status-background": rgba("#95A0B3", 0.25),
-    "--status-color": "#7A869A"
-  },
-  orange: {
-    "--status-background": rgba("#FCD3A9", 0.5),
-    "--status-color": "#E5741C"
-  },
-  red: {
-    "--status-background": rgba("#F7949A", 0.25),
-    "--status-color": "#F14D56"
-  },
-  teal: {
-    "--status-background": rgba("#8CE3EA", 0.4),
-    "--status-color": "#0092A6"
-  },
-  violet: {
-    "--status-background": rgba("#BEABE0", 0.4),
-    "--status-color": "#7450B2"
-  },
   custom: {}
 });
 function _define_property$8(obj, key, value) {
@@ -31463,14 +31423,12 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 var DEFAULT_VALUE = "";
 var TextArea = /* @__PURE__ */ forwardRef(function(_param, ref) {
-  var _param_value = _param.value, value = _param_value === void 0 ? DEFAULT_VALUE : _param_value, label = _param.label, placeholder = _param.placeholder, infoMessage = _param.infoMessage, errorMessage = _param.errorMessage, name = _param.name;
+  var _param_value = _param.value, value = _param_value === void 0 ? DEFAULT_VALUE : _param_value, label = _param.label, placeholder = _param.placeholder, name = _param.name;
   _param.shouldFocusOnMount;
-  var _param_hasCounter = _param.hasCounter, hasCounter = _param_hasCounter === void 0 ? true : _param_hasCounter, shouldTrimAfterMaxLength = _param.shouldTrimAfterMaxLength, _param_isAutoSized = _param.isAutoSized, isAutoSized = _param_isAutoSized === void 0 ? true : _param_isAutoSized, shouldAlwaysShowPlaceholder = _param.shouldAlwaysShowPlaceholder, isDisabled = _param.isDisabled, isActive = _param.isActive, maxLength = _param.maxLength, rows = _param.rows, data = _param.data, testId = _param.testId, tweakStyles = _param.tweakStyles, onChange = _param.onChange, onPaste = _param.onPaste, onFocus = _param.onFocus, onBlur = _param.onBlur, controlProps = _object_without_properties$3(_param, [
+  var _param_hasCounter = _param.hasCounter, hasCounter = _param_hasCounter === void 0 ? true : _param_hasCounter, shouldTrimAfterMaxLength = _param.shouldTrimAfterMaxLength, _param_isAutoSized = _param.isAutoSized, isAutoSized = _param_isAutoSized === void 0 ? true : _param_isAutoSized, shouldAlwaysShowPlaceholder = _param.shouldAlwaysShowPlaceholder, isDisabled = _param.isDisabled, isActive = _param.isActive, maxLength = _param.maxLength, rows = _param.rows, data = _param.data, testId = _param.testId, tweakStyles = _param.tweakStyles, onChange = _param.onChange, onPaste = _param.onPaste, onFocus = _param.onFocus, onBlur = _param.onBlur, infoMessage = _param.infoMessage, errorMessage = _param.errorMessage, isInvalid = _param.isInvalid, isRequired = _param.isRequired, size2 = _param.size, textAreaProps = _object_without_properties$3(_param, [
     "value",
     "label",
     "placeholder",
-    "infoMessage",
-    "errorMessage",
     "name",
     "shouldFocusOnMount",
     "hasCounter",
@@ -31487,7 +31445,12 @@ var TextArea = /* @__PURE__ */ forwardRef(function(_param, ref) {
     "onChange",
     "onPaste",
     "onFocus",
-    "onBlur"
+    "onBlur",
+    "infoMessage",
+    "errorMessage",
+    "isInvalid",
+    "isRequired",
+    "size"
   ]);
   var classes = useStyles$4({
     theme: tweakStyles
@@ -31505,7 +31468,7 @@ var TextArea = /* @__PURE__ */ forwardRef(function(_param, ref) {
   });
   var _useState = _sliced_to_array(useState(false), 2), isFocused = _useState[0], setFocused = _useState[1];
   var hasFocus = isFocused || isActive;
-  var hasValue = value !== void 0 && value !== "";
+  var hasValue = isArrayLikeNotEmpty(value);
   var hasLabel = isReactNodeNotEmpty(label);
   var hasPlaceholder = (!hasLabel || hasFocus || shouldAlwaysShowPlaceholder) && isStringNotEmpty(placeholder);
   var handleChange = function(event) {
@@ -31525,19 +31488,21 @@ var TextArea = /* @__PURE__ */ forwardRef(function(_param, ref) {
     tweakStyles: tweakWithMessagesStyles,
     testId: getTestId(testId, "wrapper"),
     children: [
-      /* @__PURE__ */ jsx(ControlWrapper, _object_spread_props$5(_object_spread$5({
+      /* @__PURE__ */ jsx(ControlWrapper, {
         label,
         tweakStyles: tweakControlWrapperStyles,
         isFocused: hasFocus,
         isDisabled,
         hasValue,
-        isFullWidth: true
-      }, controlProps), {
+        isInvalid,
+        isRequired,
+        size: size2,
+        isFullWidth: true,
         children: /* @__PURE__ */ jsx("div", _object_spread_props$5(_object_spread$5({
           className: clsx(classes.wrapper, _define_property$5({}, classes.autoSized, isAutoSized))
-        }, isAutoSized && {
-          "data-value": value
-        }), {
+        }, isAutoSized && addDataAttributes$1({
+          value
+        })), {
           children: /* @__PURE__ */ jsx("textarea", _object_spread$5({
             ref,
             className: classes.textarea,
@@ -31551,9 +31516,9 @@ var TextArea = /* @__PURE__ */ forwardRef(function(_param, ref) {
             onFocus: handleFocus,
             onBlur: handleBlur,
             onChange: handleChange
-          }, addDataAttributes$1(data, testId)))
+          }, addDataAttributes$1(data, testId), textAreaProps))
         }))
-      })),
+      }),
       hasCounter && isNotEmpty(maxLength) && /* @__PURE__ */ jsxs("span", {
         className: clsx(classes.symbolsCount, _define_property$5({}, classes.symbolsCountError, value.length > maxLength)),
         children: [