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

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

@@ -1812,7 +1812,7 @@
     }
     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);
@@ -1825,12 +1825,12 @@
     }
     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));
       });
     }
@@ -1841,7 +1841,7 @@
     var children = param.children, tweakStylesArch = param.tweakStylesArch, generateId = param.generateId;
     var context = React.useContext(JssContext);
     var value = React.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
       });
@@ -1939,7 +1939,7 @@
     }
     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);
@@ -1952,12 +1952,12 @@
     }
     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));
       });
     }
@@ -2017,7 +2017,7 @@
           tweakStylesStrategy,
           tweakStyles
         ]);
-        return useStyles2(trueReactPlatformHelpers.isNotEmpty(data) ? _object_spread_props$W(_object_spread$16({}, data), {
+        return useStyles2(trueReactPlatformHelpers.isNotEmpty(data) ? _object_spread_props$V(_object_spread$16({}, data), {
           theme
         }) : data);
       }
@@ -7787,7 +7787,7 @@
     }
     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);
@@ -7800,12 +7800,12 @@
     }
     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));
       });
     }
@@ -7837,12 +7837,12 @@
           }, path), index);
         }),
         (_icon_rects = icon.rects) === null || _icon_rects === void 0 ? void 0 : _icon_rects.map(function(rect, index) {
-          return /* @__PURE__ */ React.createElement("rect", _object_spread_props$V(_object_spread$13({}, rect), {
+          return /* @__PURE__ */ React.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__ */ React.createElement("circle", _object_spread_props$V(_object_spread$13({}, circle), {
+          return /* @__PURE__ */ React.createElement("circle", _object_spread_props$U(_object_spread$13({}, circle), {
             key: index
           }));
         })
@@ -7883,7 +7883,7 @@
     }
     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);
@@ -7896,12 +7896,12 @@
     }
     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));
       });
     }
@@ -7912,7 +7912,7 @@
     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
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: isComplexIcon(type) ? /* @__PURE__ */ jsx(ComplexIconBoilerplate, {
@@ -8049,7 +8049,7 @@
     }
     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);
@@ -8062,12 +8062,12 @@
     }
     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));
       });
     }
@@ -8173,14 +8173,14 @@
     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, trueReactPlatformHelpers.addDataAttributes(data, testId)), {
           children: triggerElement
         })) : triggerElement,
         isMounted && /* @__PURE__ */ jsx(react.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
@@ -8188,7 +8188,7 @@
             children: /* @__PURE__ */ jsxs("div", {
               className: classes["dropdown-".concat(status)],
               children: [
-                shouldShowArrow && /* @__PURE__ */ jsx(react.FloatingArrow, _object_spread_props$T(_object_spread$11({}, arrowProps), {
+                shouldShowArrow && /* @__PURE__ */ jsx(react.FloatingArrow, _object_spread_props$S(_object_spread$11({}, arrowProps), {
                   ref: arrowRef,
                   context,
                   className: classes.arrow
@@ -8274,7 +8274,7 @@
     }
     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);
@@ -8287,12 +8287,12 @@
     }
     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));
       });
     }
@@ -8309,9 +8309,9 @@
         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))
-        }, trueReactPlatformHelpers.addClickHandler(onClick, !isDisabled), trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(_object_spread_props$S(_object_spread$10({}, data), {
+        }, trueReactPlatformHelpers.addClickHandler(onClick, !isDisabled), trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(_object_spread_props$R(_object_spread$10({}, data), {
           disabled: isDisabled ? true : void 0
         }))), {
           children: [
@@ -8386,7 +8386,7 @@
     }
     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);
@@ -8399,12 +8399,12 @@
     }
     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));
       });
     }
@@ -8426,11 +8426,11 @@
       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
     }, trueReactPlatformHelpers.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: trueReactPlatformHelpers.getTestId(testId, "item-".concat(i))
         }, item), {
           shouldDrawSpacerAbove: item.shouldDrawSpacerAbove && i !== 0,
@@ -8448,7 +8448,7 @@
             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
               }));
             },
@@ -8606,7 +8606,7 @@
     }
     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);
@@ -8619,12 +8619,12 @@
     }
     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));
       });
     }
@@ -8668,7 +8668,7 @@
     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
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
@@ -8772,7 +8772,7 @@
     }
     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);
@@ -8785,12 +8785,12 @@
     }
     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));
       });
     }
@@ -8801,7 +8801,7 @@
     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,
@@ -8995,7 +8995,7 @@
     }
     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);
@@ -9008,12 +9008,12 @@
     }
     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));
       });
     }
@@ -9034,7 +9034,7 @@
       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))
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: type === "dots" ? /* @__PURE__ */ jsx(DotsPreloader, {
@@ -9244,7 +9244,7 @@
     }
     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);
@@ -9257,12 +9257,12 @@
     }
     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));
       });
     }
@@ -9332,7 +9332,7 @@
     var hasChildren = trueReactPlatformHelpers.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[size], 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)),
@@ -9430,7 +9430,7 @@
     }
     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);
@@ -9443,12 +9443,12 @@
     }
     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));
       });
     }
@@ -9468,7 +9468,7 @@
       }, 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))
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
@@ -9549,7 +9549,7 @@
     }
     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);
@@ -9562,12 +9562,12 @@
     }
     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));
       });
     }
@@ -9578,7 +9578,7 @@
     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
@@ -9819,7 +9819,7 @@
     }
     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);
@@ -9832,12 +9832,12 @@
     }
     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));
       });
     }
@@ -9851,7 +9851,7 @@
     var shouldShowError = trueReactPlatformHelpers.isReactNodeNotEmpty(errorMessage);
     var shouldShowInfo = trueReactPlatformHelpers.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
@@ -9864,12 +9864,12 @@
         (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
             }, trueReactPlatformHelpers.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
             }, trueReactPlatformHelpers.addDataTestId(testId, "info")), {
               children: infoMessage
@@ -10059,7 +10059,7 @@
     }
     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);
@@ -10072,39 +10072,38 @@
     }
     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, size = 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 && trueReactPlatformHelpers.isReactNodeNotEmpty(icon);
     var hasClearButton = !isDisabled && !isLoading && hasValue && trueReactPlatformHelpers.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, trueReactPlatformHelpers.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, trueReactPlatformHelpers.isNotEmpty(groupPlacement) && classes["placement-".concat(groupPlacement)], trueReactPlatformHelpers.isNotEmpty(size) && classes[size], (_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))
     }, trueReactPlatformHelpers.addDataAttributes(data, testId)), {
       children: [
         trueReactPlatformHelpers.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", {
@@ -10114,7 +10113,7 @@
             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)
                 }, trueReactPlatformHelpers.addClickHandler(onClear), trueReactPlatformHelpers.addDataTestId(testId, "clear")), {
                   children: /* @__PURE__ */ jsx("div", {
@@ -10124,7 +10123,7 @@
                     })
                   })
                 })),
-                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 && trueReactPlatformHelpers.isNotEmpty(onIconClick)), _define_property$T(_obj22, classes.customIcon, !trueReactPlatformHelpers.isString(icon)), _obj22))
                 }, trueReactPlatformHelpers.addClickHandler(onIconClick, !isDisabled), trueReactPlatformHelpers.addDataTestId(testId, "icon")), {
                   children: /* @__PURE__ */ jsx("div", {
@@ -10132,7 +10131,7 @@
                     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)
                 }, trueReactPlatformHelpers.addDataTestId(testId, "loading")), {
                   children: /* @__PURE__ */ jsx("div", {
@@ -10322,30 +10321,6 @@
     }
     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 {};
@@ -10497,7 +10472,7 @@
     }
   }
   var InputBase = /* @__PURE__ */ React.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, size = _param.size, onIconClick = _param.onIconClick, inputProps = _object_without_properties$i(_param, [
       "value",
       "placeholder",
       "label",
@@ -10517,6 +10492,7 @@
       "units",
       "testId",
       "tabIndex",
+      "shouldAlwaysShowPlaceholder",
       "onChange",
       "onPaste",
       "onFocus",
@@ -10525,8 +10501,14 @@
       "mask",
       "maskPlaceholder",
       "alwaysShowMask",
-      "shouldAlwaysShowPlaceholder",
-      "beforeMaskedStateChange"
+      "beforeMaskedStateChange",
+      "data",
+      "groupPlacement",
+      "icon",
+      "isLoading",
+      "isRequired",
+      "size",
+      "onIconClick"
     ]);
     var classes = useStyles$G({
       theme: tweakStyles
@@ -10612,7 +10594,7 @@
       onFocus: handleFocus,
       onBlur: handleBlur,
       onChange: handleChange
-    }, trueReactPlatformHelpers.addDataTestId(testId));
+    }, trueReactPlatformHelpers.addDataTestId(testId), inputProps);
     React.useEffect(function() {
       if (shouldFocusOnMount) {
         var _inputRef_current;
@@ -10641,7 +10623,7 @@
         })
       ]
     });
-    return /* @__PURE__ */ jsx(ControlWrapper, _object_spread_props$I(_object_spread$Q({
+    return /* @__PURE__ */ jsx(ControlWrapper, {
       label,
       isDisabled,
       isFocused: hasFocus,
@@ -10649,13 +10631,19 @@
       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,
       children: hasUnits || isAutoSized ? /* @__PURE__ */ jsx("div", {
         className: classes.autoSizeWrapper,
         children: inputContent
       }) : inputContent
-    }));
+    });
   });
   function _define_property$R(obj, key, value) {
     if (key in obj) {
@@ -30936,34 +30924,6 @@
         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) {
@@ -31450,14 +31410,12 @@
   }
   var DEFAULT_VALUE = "";
   var TextArea = /* @__PURE__ */ React.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, size = _param.size, textAreaProps = _object_without_properties$3(_param, [
       "value",
       "label",
       "placeholder",
-      "infoMessage",
-      "errorMessage",
       "name",
       "shouldFocusOnMount",
       "hasCounter",
@@ -31474,7 +31432,12 @@
       "onChange",
       "onPaste",
       "onFocus",
-      "onBlur"
+      "onBlur",
+      "infoMessage",
+      "errorMessage",
+      "isInvalid",
+      "isRequired",
+      "size"
     ]);
     var classes = useStyles$4({
       theme: tweakStyles
@@ -31492,7 +31455,7 @@
     });
     var _useState = _sliced_to_array(React.useState(false), 2), isFocused = _useState[0], setFocused = _useState[1];
     var hasFocus = isFocused || isActive;
-    var hasValue = value !== void 0 && value !== "";
+    var hasValue = trueReactPlatformHelpers.isArrayLikeNotEmpty(value);
     var hasLabel = trueReactPlatformHelpers.isReactNodeNotEmpty(label);
     var hasPlaceholder = (!hasLabel || hasFocus || shouldAlwaysShowPlaceholder) && trueReactPlatformHelpers.isStringNotEmpty(placeholder);
     var handleChange = function(event) {
@@ -31512,19 +31475,21 @@
       tweakStyles: tweakWithMessagesStyles,
       testId: trueReactPlatformHelpers.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,
+          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 && trueReactPlatformHelpers.addDataAttributes({
+            value
+          })), {
             children: /* @__PURE__ */ jsx("textarea", _object_spread$5({
               ref,
               className: classes.textarea,
@@ -31538,9 +31503,9 @@
               onFocus: handleFocus,
               onBlur: handleBlur,
               onChange: handleChange
-            }, trueReactPlatformHelpers.addDataAttributes(data, testId)))
+            }, trueReactPlatformHelpers.addDataAttributes(data, testId), textAreaProps))
           }))
-        })),
+        }),
         hasCounter && trueReactPlatformHelpers.isNotEmpty(maxLength) && /* @__PURE__ */ jsxs("span", {
           className: clsx(classes.symbolsCount, _define_property$5({}, classes.symbolsCountError, value.length > maxLength)),
           children: [