@hero-design/rn-work-uikit 1.5.0 → 1.6.1

package/lib/index.js

@@ -3661,13 +3661,13 @@ var StyledDivider = index$b(reactNative.View)(function (_ref) {
   }, horizontalMargin), verticalMargin);
 });
 
-var _excluded$S = ["marginHorizontal", "marginVertical", "style", "testID"];
+var _excluded$R = ["marginHorizontal", "marginVertical", "style", "testID"];
 var Divider = function Divider(_ref) {
   var marginHorizontal = _ref.marginHorizontal,
     marginVertical = _ref.marginVertical,
     style = _ref.style,
     testID = _ref.testID,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$S);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$R);
   return /*#__PURE__*/React__namespace.default.createElement(StyledDivider, _extends$1({}, nativeProps, {
     themeMarginHorizontal: marginHorizontal,
     themeMarginVertical: marginVertical,
@@ -7721,7 +7721,7 @@ function usePropsOrInternalState(initialState, state, setState) {
     setInternalState = _React$useState2[1];
   return [state || internalState, setState || setInternalState];
 }
-var useDeprecation$1 = function useDeprecation(message) {
+var useDeprecation = function useDeprecation(message) {
   var cond = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   React.useEffect(function () {
     // eslint-disable-next-line no-console
@@ -7777,7 +7777,7 @@ var StyledLoadingDot = index$b(reactNative.View)(function (_ref) {
   }, themeStyling());
 });
 
-var _excluded$R = ["count", "size", "testID", "themeVariant"];
+var _excluded$Q = ["count", "size", "testID", "themeVariant"];
 var AnimatedLoadingIndicatorWrapper = reactNative.Animated.createAnimatedComponent(StyledLoadingIndicatorWrapper);
 var AnimatedLoadingDot = reactNative.Animated.createAnimatedComponent(StyledLoadingDot);
 var renderDotComponent = function renderDotComponent(_ref) {
@@ -7809,7 +7809,7 @@ var LoadingIndicator = function LoadingIndicator(_ref2) {
     size = _ref2$size === void 0 ? 12 : _ref2$size,
     testID = _ref2.testID,
     themeVariant = _ref2.themeVariant,
-    nativeProps = _objectWithoutProperties(_ref2, _excluded$R);
+    nativeProps = _objectWithoutProperties(_ref2, _excluded$Q);
   var progressAnimation = React.useRef(new reactNative.Animated.Value(0));
   React.useEffect(function () {
     var animation = reactNative.Animated.loop(reactNative.Animated.timing(progressAnimation.current, {
@@ -8424,10 +8424,10 @@ var StyledHeroIcon = index$b(HeroIcon)(function (_ref) {
   };
 });
 
-var _excluded$Q = ["style"];
+var _excluded$P = ["style"];
 var AnimatedIcon = function AnimatedIcon(_ref) {
   var style = _ref.style,
-    otherProps = _objectWithoutProperties(_ref, _excluded$Q);
+    otherProps = _objectWithoutProperties(_ref, _excluded$P);
   var rotateAnimation = React.useRef(new reactNative.Animated.Value(0));
   React.useEffect(function () {
     var animation = reactNative.Animated.loop(reactNative.Animated.timing(rotateAnimation.current, {
@@ -8475,7 +8475,7 @@ var Icon = function Icon(_ref) {
     accessibilityIgnoresInvertColors = _ref.accessibilityIgnoresInvertColors,
     accessibilityViewIsModal = _ref.accessibilityViewIsModal,
     accessibilityActions = _ref.accessibilityActions;
-  useDeprecation$1("".concat(icon, " icon is deprecated and will be removed in the next major release, please use ").concat(icon.replace('carat', 'caret'), " instead."), icon.startsWith('carat'));
+  useDeprecation("".concat(icon, " icon is deprecated and will be removed in the next major release, please use ").concat(icon.replace('carat', 'caret'), " instead."), icon.startsWith('carat'));
   var accessibilityProps = {
     accessibilityLabel: accessibilityLabel,
     accessibilityHint: accessibilityHint,
@@ -8527,7 +8527,7 @@ var StyledText$3 = index$b(reactNative.Text)(function (_ref) {
   });
 });
 
-var _excluded$P = ["children", "fontSize", "fontWeight", "intent", "typeface", "allowFontScaling"];
+var _excluded$O = ["children", "fontSize", "fontWeight", "intent", "typeface", "allowFontScaling"];
 var Text = function Text(_ref) {
   var children = _ref.children,
     _ref$fontSize = _ref.fontSize,
@@ -8540,8 +8540,8 @@ var Text = function Text(_ref) {
     typeface = _ref$typeface === void 0 ? 'neutral' : _ref$typeface,
     _ref$allowFontScaling = _ref.allowFontScaling,
     allowFontScaling = _ref$allowFontScaling === void 0 ? false : _ref$allowFontScaling,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$P);
-  useDeprecation$1('Typography.Text is deprecated and will be removed in the next major release, please refer to https://design.employmenthero.com/mobile/Components/typography for the appropriate alternatives.');
+    nativeProps = _objectWithoutProperties(_ref, _excluded$O);
+  useDeprecation('Typography.Text is deprecated and will be removed in the next major release, please refer to https://design.employmenthero.com/mobile/Components/typography for the appropriate alternatives.');
   return /*#__PURE__*/React__namespace.default.createElement(StyledText$3, _extends$1({}, nativeProps, {
     themeFontSize: fontSize,
     themeFontWeight: fontWeight,
@@ -8570,7 +8570,7 @@ var StyledCaption = index$b(reactNative.Text)(function (_ref) {
   };
 });
 
-var _excluded$O = ["children", "fontWeight", "intent", "allowFontScaling"];
+var _excluded$N = ["children", "fontWeight", "intent", "allowFontScaling"];
 var Caption = function Caption(_ref) {
   var children = _ref.children,
     _ref$fontWeight = _ref.fontWeight,
@@ -8579,7 +8579,7 @@ var Caption = function Caption(_ref) {
     intent = _ref$intent === void 0 ? 'body' : _ref$intent,
     _ref$allowFontScaling = _ref.allowFontScaling,
     allowFontScaling = _ref$allowFontScaling === void 0 ? false : _ref$allowFontScaling,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$O);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$N);
   return /*#__PURE__*/React__namespace.default.createElement(StyledCaption, _extends$1({}, nativeProps, {
     themeFontWeight: fontWeight,
     themeIntent: intent,
@@ -8598,14 +8598,14 @@ var StyledLabel$2 = index$b(reactNative.Text)(function (_ref) {
   };
 });
 
-var _excluded$N = ["children", "intent", "allowFontScaling"];
+var _excluded$M = ["children", "intent", "allowFontScaling"];
 var Label = function Label(_ref) {
   var children = _ref.children,
     _ref$intent = _ref.intent,
     intent = _ref$intent === void 0 ? 'body' : _ref$intent,
     _ref$allowFontScaling = _ref.allowFontScaling,
     allowFontScaling = _ref$allowFontScaling === void 0 ? false : _ref$allowFontScaling,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$N);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$M);
   return /*#__PURE__*/React__namespace.default.createElement(StyledLabel$2, _extends$1({}, nativeProps, {
     themeIntent: intent,
     allowFontScaling: allowFontScaling
@@ -8626,7 +8626,7 @@ var StyledTitle$1 = index$b(reactNative.Text)(function (_ref) {
   };
 });
 
-var _excluded$M = ["children", "intent", "allowFontScaling", "level", "typeface"];
+var _excluded$L = ["children", "intent", "allowFontScaling", "level", "typeface"];
 var Title = function Title(_ref) {
   var children = _ref.children,
     _ref$intent = _ref.intent,
@@ -8637,7 +8637,7 @@ var Title = function Title(_ref) {
     level = _ref$level === void 0 ? 'h1' : _ref$level,
     _ref$typeface = _ref.typeface,
     typeface = _ref$typeface === void 0 ? 'neutral' : _ref$typeface,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$M);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$L);
   return /*#__PURE__*/React__namespace.default.createElement(StyledTitle$1, _extends$1({}, nativeProps, {
     themeLevel: level,
     themeTypeface: typeface,
@@ -8672,7 +8672,7 @@ var StyledBody$2 = index$b(reactNative.Text)(function (_ref) {
   };
 });
 
-var _excluded$L = ["children", "intent", "allowFontScaling", "typeface", "variant"];
+var _excluded$K = ["children", "intent", "allowFontScaling", "typeface", "variant"];
 var Body = function Body(_ref) {
   var children = _ref.children,
     _ref$intent = _ref.intent,
@@ -8683,7 +8683,7 @@ var Body = function Body(_ref) {
     typeface = _ref$typeface === void 0 ? 'neutral' : _ref$typeface,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'regular' : _ref$variant,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$L);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$K);
   return /*#__PURE__*/React__namespace.default.createElement(StyledBody$2, _extends$1({}, nativeProps, {
     themeTypeface: typeface,
     themeIntent: intent,
@@ -9109,7 +9109,7 @@ var Button = function Button(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     isPressed = _useState2[0],
     setIsPressed = _useState2[1];
-  useDeprecation$1("Button variant ".concat(deprecatedVariants.join(', '), " are deprecated."), deprecatedVariants.includes(themeVariant));
+  useDeprecation("Button variant ".concat(deprecatedVariants.join(', '), " are deprecated."), deprecatedVariants.includes(themeVariant));
   var isCompactVariant = ['filled-compact', 'outlined-compact', 'text-compact', 'inline-text-compact'].includes(variant);
   var isRenderTextVariant = isTextVariant(themeVariant);
   var renderTextVariantTitle = function renderTextVariantTitle() {
@@ -9296,11 +9296,11 @@ var Header = function Header(_ref) {
   }))) : null), showDivider ? /*#__PURE__*/React__namespace.default.createElement(Divider, null) : null);
 };
 
-var _excluded$K = ["scrollEventThrottle"];
+var _excluded$J = ["scrollEventThrottle"];
 var BottomSheetScrollView = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$scrollEventThrot = _ref.scrollEventThrottle,
     scrollEventThrottle = _ref$scrollEventThrot === void 0 ? 100 : _ref$scrollEventThrot,
-    props = _objectWithoutProperties(_ref, _excluded$K);
+    props = _objectWithoutProperties(_ref, _excluded$J);
   var _useContext = React.useContext(BottomSheetContext),
     setInternalShowDivider = _useContext.setInternalShowDivider;
   var onScrollBeginDrag = React.useCallback(function (e) {
@@ -9633,7 +9633,7 @@ var borderWidths = {
 var config = _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, colors), space), radii), borderWidths);
 var flexPropsKey = ['alignContent', 'alignItems', 'alignSelf', 'display', 'flex', 'flexBasis', 'flexDirection', 'flexGrow', 'flexShrink', 'flexWrap', 'justifyContent'];
 
-var _excluded$J = ["theme"];
+var _excluded$I = ["theme"];
 var getThemeValue = function getThemeValue(theme, key, props) {
   var propConfig = config[key];
   var propValue = props[key];
@@ -9660,18 +9660,18 @@ var mapStylePropToThemeValue = function mapStylePropToThemeValue(theme, props) {
 var configKeys = Object.keys(config);
 var StyledBox = index$b(reactNative.View)(function (_ref5) {
   var theme = _ref5.theme,
-    otherProps = _objectWithoutProperties(_ref5, _excluded$J);
+    otherProps = _objectWithoutProperties(_ref5, _excluded$I);
   var styleProps = pick(configKeys, otherProps);
   var flexProps = pick(_toConsumableArray(flexPropsKey), otherProps);
   return _objectSpread2(_objectSpread2({}, mapStylePropToThemeValue(theme, styleProps)), flexProps);
 });
 
-var _excluded$I = ["children", "style", "testID"];
+var _excluded$H = ["children", "style", "testID"];
 var Box = function Box(_ref) {
   var children = _ref.children,
     style = _ref.style,
     testID = _ref.testID,
-    otherProps = _objectWithoutProperties(_ref, _excluded$I);
+    otherProps = _objectWithoutProperties(_ref, _excluded$H);
   return /*#__PURE__*/React__namespace.default.createElement(StyledBox, _extends$1({}, otherProps, {
     style: style,
     testID: testID
@@ -9807,7 +9807,7 @@ var StyledErrorAndMaxLengthContainer = index$b(reactNative.View)(function () {
   };
 });
 
-var _excluded$H = ["label", "prefix", "suffix", "style", "textStyle", "testID", "accessibilityLabelledBy", "error", "required", "editable", "disabled", "loading", "maxLength", "hideCharacterCount", "helpText", "value", "defaultValue", "renderInputValue", "allowFontScaling", "variant"];
+var _excluded$G = ["label", "prefix", "suffix", "style", "textStyle", "testID", "accessibilityLabelledBy", "error", "required", "editable", "disabled", "loading", "maxLength", "hideCharacterCount", "helpText", "value", "defaultValue", "renderInputValue", "allowFontScaling", "variant"];
 var getState$4 = function getState(_ref) {
   var disabled = _ref.disabled,
     error = _ref.error,
@@ -9899,7 +9899,7 @@ var getDisplayText = function getDisplayText(value, defaultValue) {
   var _ref7;
   return (_ref7 = value !== undefined ? value : defaultValue) !== null && _ref7 !== void 0 ? _ref7 : '';
 };
-var TextInput$2 = /*#__PURE__*/React.forwardRef(function (_ref8, ref) {
+var TextInput$1 = /*#__PURE__*/React.forwardRef(function (_ref8, ref) {
   var label = _ref8.label,
     prefix = _ref8.prefix,
     suffix = _ref8.suffix,
@@ -9926,7 +9926,7 @@ var TextInput$2 = /*#__PURE__*/React.forwardRef(function (_ref8, ref) {
     allowFontScaling = _ref8$allowFontScalin === void 0 ? false : _ref8$allowFontScalin,
     _ref8$variant = _ref8.variant,
     variant = _ref8$variant === void 0 ? 'text' : _ref8$variant,
-    nativeProps = _objectWithoutProperties(_ref8, _excluded$H);
+    nativeProps = _objectWithoutProperties(_ref8, _excluded$G);
   var displayText = getDisplayText(value, defaultValue);
   var isEmptyValue = displayText.length === 0;
   var _React$useState = React__namespace.default.useState({
@@ -10208,18 +10208,18 @@ var StyledSectionList = index$b(reactNative.SectionList)(function (_ref4) {
     paddingHorizontal: theme.__hd__.select.space.optionListHorizontalPadding
   };
 });
-var getZIndexByState$1 = function getZIndexByState(_ref5) {
+var getZIndexByState$3 = function getZIndexByState(_ref5) {
   var themeHasError = _ref5.themeHasError;
   if (themeHasError) {
     return 1;
   }
   return 0;
 };
-var StyledTouchableOpacity = index$b(reactNative.TouchableOpacity)(function (_ref6) {
+var StyledTouchableOpacity$2 = index$b(reactNative.TouchableOpacity)(function (_ref6) {
   var themeGroupStyleEnabled = _ref6.themeGroupStyleEnabled,
     themeHasError = _ref6.themeHasError;
   return _objectSpread2({}, themeGroupStyleEnabled && {
-    zIndex: getZIndexByState$1({
+    zIndex: getZIndexByState$3({
       themeHasError: themeHasError
     })
   });
@@ -10276,8 +10276,8 @@ var SectionHeading = function SectionHeading(_ref) {
     size = _ref$size === void 0 ? 'medium' : _ref$size,
     style = _ref.style,
     testID = _ref.testID;
-  useDeprecation$1("SectionHeading's fontSize prop is deprecated and will be removed in the next major release, please remove it.", fontSize !== undefined);
-  useDeprecation$1("SectionHeading's fontWeight prop is deprecated and will be removed in the next major release, please remove it.", fontWeight !== undefined);
+  useDeprecation("SectionHeading's fontSize prop is deprecated and will be removed in the next major release, please remove it.", fontSize !== undefined);
+  useDeprecation("SectionHeading's fontWeight prop is deprecated and will be removed in the next major release, please remove it.", fontWeight !== undefined);
   return /*#__PURE__*/React__namespace.default.createElement(StyledHeading, {
     themeSize: size,
     style: style,
@@ -10403,14 +10403,14 @@ var AnimatedSpinner = function AnimatedSpinner(_ref) {
   }, dotProps))));
 };
 
-var _excluded$G = ["testID", "size", "intent"];
+var _excluded$F = ["testID", "size", "intent"];
 var Spinner = function Spinner(_ref) {
   var testID = _ref.testID,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'medium' : _ref$size,
     _ref$intent = _ref.intent,
     intent = _ref$intent === void 0 ? 'primary' : _ref$intent,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$G);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$F);
   return /*#__PURE__*/React__namespace.default.createElement(StyledView$2, nativeProps, /*#__PURE__*/React__namespace.default.createElement(StyledSpinnerContainer, {
     testID: testID
   }, /*#__PURE__*/React__namespace.default.createElement(AnimatedSpinner, {
@@ -10419,7 +10419,7 @@ var Spinner = function Spinner(_ref) {
   })));
 };
 
-var _excluded$F = ["keyExtractor", "loading", "onEndReached", "onQueryChange", "sections", "renderItem", "sectionListRef"];
+var _excluded$E = ["keyExtractor", "loading", "onEndReached", "onQueryChange", "sections", "renderItem", "sectionListRef"];
 var BaseOptionList = function BaseOptionList(_ref) {
   var keyExtractor = _ref.keyExtractor,
     loading = _ref.loading,
@@ -10428,7 +10428,7 @@ var BaseOptionList = function BaseOptionList(_ref) {
     sections = _ref.sections,
     renderItem = _ref.renderItem,
     sectionListRef = _ref.sectionListRef,
-    rest = _objectWithoutProperties(_ref, _excluded$F);
+    rest = _objectWithoutProperties(_ref, _excluded$E);
   var theme = useTheme$1();
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -10695,7 +10695,7 @@ var isOptionSelected = function isOptionSelected(value, option) {
   });
 };
 
-var _excluded$E = ["keyExtractor", "loading", "onEndReached", "onPress", "onQueryChange", "sections", "renderOption", "value", "sectionListRef"];
+var _excluded$D = ["keyExtractor", "loading", "onEndReached", "onPress", "onQueryChange", "sections", "renderOption", "value", "sectionListRef"];
 var OptionList$1 = function OptionList(_ref) {
   var keyExtractor = _ref.keyExtractor,
     loading = _ref.loading,
@@ -10706,7 +10706,7 @@ var OptionList$1 = function OptionList(_ref) {
     renderOption = _ref.renderOption,
     value = _ref.value,
     sectionListRef = _ref.sectionListRef,
-    rest = _objectWithoutProperties(_ref, _excluded$E);
+    rest = _objectWithoutProperties(_ref, _excluded$D);
   var renderItem = function renderItem(info) {
     var item = info.item;
     var selected = isOptionSelected(value, item);
@@ -10741,7 +10741,7 @@ var OptionList$1 = function OptionList(_ref) {
   }, rest));
 };
 
-var _excluded$D = ["footerLabel", "label", "loading", "inputProps", "onConfirm", "onDismiss", "onEndReached", "onQueryChange", "options", "renderOption", "renderSelectedValue", "query", "error", "editable", "disabled", "required", "style", "testID", "value", "supportedOrientations", "bottomSheetConfig", "groupStyleEnabled"];
+var _excluded$C = ["footerLabel", "label", "loading", "inputProps", "onConfirm", "onDismiss", "onEndReached", "onQueryChange", "options", "renderOption", "renderSelectedValue", "query", "error", "editable", "disabled", "required", "style", "testID", "value", "supportedOrientations", "bottomSheetConfig", "groupStyleEnabled"];
 
 // Add an internal prop type for TextInputComponent, not exported
 
@@ -10774,7 +10774,7 @@ function MultiSelect$1(_ref) {
     bottomSheetConfig = _ref$bottomSheetConfi === void 0 ? {} : _ref$bottomSheetConfi,
     _ref$groupStyleEnable = _ref.groupStyleEnabled,
     groupStyleEnabled = _ref$groupStyleEnable === void 0 ? false : _ref$groupStyleEnable,
-    rest = _objectWithoutProperties(_ref, _excluded$D);
+    rest = _objectWithoutProperties(_ref, _excluded$C);
   var _useKeyboard = useKeyboard(),
     isKeyboardVisible = _useKeyboard.isKeyboardVisible,
     keyboardHeight = _useKeyboard.keyboardHeight;
@@ -10797,7 +10797,7 @@ function MultiSelect$1(_ref) {
   var rawValue = value.length > 0 ? value.join(', ') : '';
   var bottomSheetVariant = bottomSheetConfig.variant,
     bottomSheetHeader = bottomSheetConfig.header;
-  var TextInputComponent = rest.TextInputComponent || TextInput$2;
+  var TextInputComponent = rest.TextInputComponent || TextInput$1;
   var onPress = React.useCallback(function () {
     setOpen(true);
   }, []);
@@ -10806,7 +10806,7 @@ function MultiSelect$1(_ref) {
   }, [open, value]);
   return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(reactNative.View, {
     pointerEvents: !editable || disabled || inputProps !== null && inputProps !== void 0 && inputProps.loading ? 'none' : 'auto'
-  }, /*#__PURE__*/React__namespace.default.createElement(StyledTouchableOpacity, {
+  }, /*#__PURE__*/React__namespace.default.createElement(StyledTouchableOpacity$2, {
     onPress: onPress,
     themeGroupStyleEnabled: groupStyleEnabled,
     themeHasError: !!error,
@@ -10914,7 +10914,7 @@ var StyledOptionList = index$b(BaseOptionList)(function (_ref) {
   };
 });
 
-var _excluded$C = ["keyExtractor", "loading", "onEndReached", "onPress", "onQueryChange", "sections", "renderOption", "value", "sectionListRef"];
+var _excluded$B = ["keyExtractor", "loading", "onEndReached", "onPress", "onQueryChange", "sections", "renderOption", "value", "sectionListRef"];
 var OptionList = function OptionList(_ref) {
   var keyExtractor = _ref.keyExtractor,
     loading = _ref.loading,
@@ -10925,7 +10925,7 @@ var OptionList = function OptionList(_ref) {
     renderOption = _ref.renderOption,
     value = _ref.value,
     sectionListRef = _ref.sectionListRef,
-    rest = _objectWithoutProperties(_ref, _excluded$C);
+    rest = _objectWithoutProperties(_ref, _excluded$B);
   var renderItem = function renderItem(info) {
     var item = info.item;
     var selected = _deepCompareValue(item.value, value);
@@ -10961,7 +10961,7 @@ var OptionList = function OptionList(_ref) {
   }, rest));
 };
 
-var _excluded$B = ["label", "loading", "inputProps", "onConfirm", "onDismiss", "onEndReached", "onQueryChange", "options", "renderOption", "renderSelectedValue", "query", "error", "editable", "disabled", "required", "style", "testID", "value", "supportedOrientations", "bottomSheetConfig", "groupStyleEnabled"];
+var _excluded$A = ["label", "loading", "inputProps", "onConfirm", "onDismiss", "onEndReached", "onQueryChange", "options", "renderOption", "renderSelectedValue", "query", "error", "editable", "disabled", "required", "style", "testID", "value", "supportedOrientations", "bottomSheetConfig", "groupStyleEnabled"];
 
 // Add an internal prop type for TextInputComponent, not exported
 
@@ -10994,7 +10994,7 @@ var SingleSelect$1 = function SingleSelect(_ref) {
     bottomSheetConfig = _ref$bottomSheetConfi === void 0 ? {} : _ref$bottomSheetConfi,
     _ref$groupStyleEnable = _ref.groupStyleEnabled,
     groupStyleEnabled = _ref$groupStyleEnable === void 0 ? false : _ref$groupStyleEnable,
-    rest = _objectWithoutProperties(_ref, _excluded$B);
+    rest = _objectWithoutProperties(_ref, _excluded$A);
   var _useKeyboard = useKeyboard(),
     isKeyboardVisible = _useKeyboard.isKeyboardVisible,
     keyboardHeight = _useKeyboard.keyboardHeight;
@@ -11011,13 +11011,13 @@ var SingleSelect$1 = function SingleSelect(_ref) {
   var rawValue = value ? String(value) : undefined;
   var bottomSheetVariant = bottomSheetConfig.variant,
     bottomSheetHeader = bottomSheetConfig.header;
-  var TextInputComponent = rest.TextInputComponent || TextInput$2;
+  var TextInputComponent = rest.TextInputComponent || TextInput$1;
   var onPress = React.useCallback(function () {
     setOpen(true);
   }, []);
   return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(reactNative.View, {
     pointerEvents: !editable || disabled || inputProps !== null && inputProps !== void 0 && inputProps.loading ? 'none' : 'auto'
-  }, /*#__PURE__*/React__namespace.default.createElement(StyledTouchableOpacity, {
+  }, /*#__PURE__*/React__namespace.default.createElement(StyledTouchableOpacity$2, {
     onPress: onPress,
     themeGroupStyleEnabled: groupStyleEnabled,
     themeHasError: !!error,
@@ -13442,6 +13442,30 @@ var useFormatDate = function useFormatDate(_ref) {
   };
 };
 
+var StyledPickerWrapper$1 = index$b(reactNative.View)(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    height: theme.__hd__.datePicker.sizes.height,
+    alignItems: 'center'
+  };
+});
+var getZIndexByState$2 = function getZIndexByState(_ref2) {
+  var themeHasError = _ref2.themeHasError;
+  if (themeHasError) {
+    return 1;
+  }
+  return 0;
+};
+var StyledTouchableOpacity$1 = index$b(reactNative.TouchableOpacity)(function (_ref3) {
+  var themeGroupStyleEnabled = _ref3.themeGroupStyleEnabled,
+    themeHasError = _ref3.themeHasError;
+  return _objectSpread2({}, themeGroupStyleEnabled && {
+    zIndex: getZIndexByState$2({
+      themeHasError: themeHasError
+    })
+  });
+});
+
 var DatePickerAndroid = function DatePickerAndroid(_ref) {
   var value = _ref.value,
     minDate = _ref.minDate,
@@ -13461,7 +13485,10 @@ var DatePickerAndroid = function DatePickerAndroid(_ref) {
     variant = _ref$variant === void 0 ? 'default' : _ref$variant,
     renderSelectedValue = _ref.renderSelectedValue,
     locale = _ref.locale,
-    TextInputComponent = _ref.TextInputComponent;
+    TextInputComponent = _ref.TextInputComponent,
+    inputProps = _ref.inputProps,
+    _ref$groupStyleEnable = _ref.groupStyleEnabled,
+    groupStyleEnabled = _ref$groupStyleEnable === void 0 ? false : _ref$groupStyleEnable;
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -13479,16 +13506,20 @@ var DatePickerAndroid = function DatePickerAndroid(_ref) {
     onChange: onChange,
     value: value
   });
-  var InputComponent = TextInputComponent || TextInput$2;
-  return /*#__PURE__*/React__namespace.default.createElement(reactNative.TouchableOpacity, {
-    onPress: function onPress() {
-      return setOpen(true);
-    },
-    disabled: disabled
+  var InputComponent = TextInputComponent || TextInput$1;
+  var onPress = React.useCallback(function () {
+    setOpen(true);
+  }, []);
+  return /*#__PURE__*/React__namespace.default.createElement(StyledTouchableOpacity$1, {
+    onPress: onPress,
+    disabled: disabled,
+    themeGroupStyleEnabled: groupStyleEnabled,
+    themeHasError: !!error,
+    testID: "date-picker-android-touchable-opacity"
   }, /*#__PURE__*/React__namespace.default.createElement(reactNative.View, {
     pointerEvents: "none",
     testID: "datePickerInputAndroid"
-  }, /*#__PURE__*/React__namespace.default.createElement(InputComponent, {
+  }, /*#__PURE__*/React__namespace.default.createElement(InputComponent, _extends$1({}, inputProps, {
     label: label,
     value: displayValue,
     suffix: "calendar-dates-outlined",
@@ -13505,7 +13536,7 @@ var DatePickerAndroid = function DatePickerAndroid(_ref) {
         formattedDateString: displayValue
       }, props);
     } : undefined
-  })), /*#__PURE__*/React__namespace.default.createElement(AndroidDatePickerDialog, {
+  }))), /*#__PURE__*/React__namespace.default.createElement(AndroidDatePickerDialog, {
     open: open,
     onClose: function onClose() {
       return setOpen(false);
@@ -14295,7 +14326,10 @@ var DatePickerCalendar = function DatePickerCalendar(_ref2) {
     supportedOrientations = _ref2$supportedOrient === void 0 ? ['portrait'] : _ref2$supportedOrient,
     renderSelectedValue = _ref2.renderSelectedValue,
     locale = _ref2.locale,
-    TextInputComponent = _ref2.TextInputComponent;
+    TextInputComponent = _ref2.TextInputComponent,
+    inputProps = _ref2.inputProps,
+    _ref2$groupStyleEnabl = _ref2.groupStyleEnabled,
+    groupStyleEnabled = _ref2$groupStyleEnabl === void 0 ? false : _ref2$groupStyleEnabl;
   var _useState5 = React.useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
     open = _useState6[0],
@@ -14321,16 +14355,20 @@ var DatePickerCalendar = function DatePickerCalendar(_ref2) {
     onChange: onChange,
     value: value
   });
-  var InputComponent = TextInputComponent || TextInput$2;
-  return /*#__PURE__*/React__namespace.default.createElement(reactNative.TouchableOpacity, {
-    onPress: function onPress() {
-      return setOpen(true);
-    },
-    disabled: disabled
+  var InputComponent = TextInputComponent || TextInput$1;
+  var onPress = React.useCallback(function () {
+    setOpen(true);
+  }, []);
+  return /*#__PURE__*/React__namespace.default.createElement(StyledTouchableOpacity$1, {
+    onPress: onPress,
+    disabled: disabled,
+    themeGroupStyleEnabled: groupStyleEnabled,
+    themeHasError: !!error,
+    testID: "date-picker-calendar-touchable-opacity"
   }, /*#__PURE__*/React__namespace.default.createElement(reactNative.View, {
     pointerEvents: "none",
     testID: "datePickerCalendar"
-  }, /*#__PURE__*/React__namespace.default.createElement(InputComponent, {
+  }, /*#__PURE__*/React__namespace.default.createElement(InputComponent, _extends$1({}, inputProps, {
     label: label,
     value: displayValue,
     suffix: "calendar-dates-outlined",
@@ -14347,7 +14385,7 @@ var DatePickerCalendar = function DatePickerCalendar(_ref2) {
         formattedDateString: displayValue
       }, props);
     } : undefined
-  })), /*#__PURE__*/React__namespace.default.createElement(BottomSheet$1, {
+  }))), /*#__PURE__*/React__namespace.default.createElement(BottomSheet$1, {
     open: open,
     onRequestClose: function onRequestClose() {
       return setOpen(false);
@@ -14377,14 +14415,6 @@ var DatePickerCalendar = function DatePickerCalendar(_ref2) {
   }))));
 };
 
-var StyledPickerWrapper$1 = index$b(reactNative.View)(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    height: theme.__hd__.datePicker.sizes.height,
-    alignItems: 'center'
-  };
-});
-
 var IOSDatePickerDialog = function IOSDatePickerDialog(_ref) {
   var label = _ref.label,
     open = _ref.open,
@@ -14478,7 +14508,10 @@ var DatePickerIOS = function DatePickerIOS(_ref) {
     variant = _ref$variant === void 0 ? 'default' : _ref$variant,
     locale = _ref.locale,
     renderSelectedValue = _ref.renderSelectedValue,
-    TextInputComponent = _ref.TextInputComponent;
+    TextInputComponent = _ref.TextInputComponent,
+    inputProps = _ref.inputProps,
+    _ref$groupStyleEnable = _ref.groupStyleEnabled,
+    groupStyleEnabled = _ref$groupStyleEnable === void 0 ? false : _ref$groupStyleEnable;
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -14498,16 +14531,20 @@ var DatePickerIOS = function DatePickerIOS(_ref) {
     onChange: onChange,
     value: value
   });
-  var InputComponent = TextInputComponent || TextInput$2;
-  return /*#__PURE__*/React__namespace.default.createElement(reactNative.TouchableOpacity, {
-    onPress: function onPress() {
-      return setOpen(true);
-    },
-    disabled: disabled
+  var InputComponent = TextInputComponent || TextInput$1;
+  var onPress = React.useCallback(function () {
+    setOpen(true);
+  }, []);
+  return /*#__PURE__*/React__namespace.default.createElement(StyledTouchableOpacity$1, {
+    onPress: onPress,
+    disabled: disabled,
+    themeGroupStyleEnabled: groupStyleEnabled,
+    themeHasError: !!error,
+    testID: "date-picker-ios-touchable-opacity"
   }, /*#__PURE__*/React__namespace.default.createElement(reactNative.View, {
     pointerEvents: "none",
     testID: "datePickerInputIOS"
-  }, /*#__PURE__*/React__namespace.default.createElement(InputComponent, {
+  }, /*#__PURE__*/React__namespace.default.createElement(InputComponent, _extends$1({}, inputProps, {
     label: label,
     value: displayValue,
     suffix: "calendar-dates-outlined",
@@ -14524,7 +14561,7 @@ var DatePickerIOS = function DatePickerIOS(_ref) {
         formattedDateString: displayValue
       }, props);
     } : undefined
-  })), /*#__PURE__*/React__namespace.default.createElement(IOSDatePickerDialog, {
+  }))), /*#__PURE__*/React__namespace.default.createElement(IOSDatePickerDialog, {
     value: value,
     onChange: onChange,
     open: open,
@@ -14541,13 +14578,13 @@ var DatePickerIOS = function DatePickerIOS(_ref) {
   }));
 };
 
-var _excluded$A = ["variant", "TextInputComponent"];
+var _excluded$z = ["variant", "TextInputComponent"];
 var DatePicker$1 = function DatePicker(_ref) {
   var _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'default' : _ref$variant,
     _ref$TextInputCompone = _ref.TextInputComponent,
-    TextInputComponent = _ref$TextInputCompone === void 0 ? TextInput$2 : _ref$TextInputCompone,
-    props = _objectWithoutProperties(_ref, _excluded$A);
+    TextInputComponent = _ref$TextInputCompone === void 0 ? TextInput$1 : _ref$TextInputCompone,
+    props = _objectWithoutProperties(_ref, _excluded$z);
   if (variant === 'calendar') {
     return /*#__PURE__*/React__namespace.default.createElement(DatePickerCalendar, _extends$1({}, props, {
       TextInputComponent: TextInputComponent
@@ -14578,6 +14615,30 @@ var InternalDatePicker$1 = Object.assign(InternalDatePicker, {
   Dialog: Dialog
 });
 
+var StyledPickerWrapper = index$b(reactNative.View)(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    height: theme.__hd__.timePicker.sizes.height,
+    alignItems: 'center'
+  };
+});
+var getZIndexByState$1 = function getZIndexByState(_ref2) {
+  var themeHasError = _ref2.themeHasError;
+  if (themeHasError) {
+    return 1;
+  }
+  return 0;
+};
+var StyledTouchableOpacity = index$b(reactNative.TouchableOpacity)(function (_ref3) {
+  var themeGroupStyleEnabled = _ref3.themeGroupStyleEnabled,
+    themeHasError = _ref3.themeHasError;
+  return _objectSpread2({}, themeGroupStyleEnabled && {
+    zIndex: getZIndexByState$1({
+      themeHasError: themeHasError
+    })
+  });
+});
+
 var TimePickerAndroid = function TimePickerAndroid(_ref) {
   var value = _ref.value,
     label = _ref.label,
@@ -14594,7 +14655,10 @@ var TimePickerAndroid = function TimePickerAndroid(_ref) {
     testID = _ref.testID,
     _ref$showSuffix = _ref.showSuffix,
     showSuffix = _ref$showSuffix === void 0 ? true : _ref$showSuffix,
-    TextInputComponent = _ref.TextInputComponent;
+    TextInputComponent = _ref.TextInputComponent,
+    inputProps = _ref.inputProps,
+    _ref$groupStyleEnable = _ref.groupStyleEnabled,
+    groupStyleEnabled = _ref$groupStyleEnable === void 0 ? false : _ref$groupStyleEnable;
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -14602,16 +14666,20 @@ var TimePickerAndroid = function TimePickerAndroid(_ref) {
   var is12Hour = displayFormat.includes('hh');
   var displayValue = value ? formatTime(displayFormat, value) : '';
   var pickerInitValue = value || new Date();
-  var InputComponent = TextInputComponent || TextInput$2;
-  return /*#__PURE__*/React__namespace.default.createElement(reactNative.TouchableOpacity, {
-    onPress: function onPress() {
-      return setOpen(true);
-    },
-    disabled: disabled
+  var InputComponent = TextInputComponent || TextInput$1;
+  var onPress = React.useCallback(function () {
+    setOpen(true);
+  }, []);
+  return /*#__PURE__*/React__namespace.default.createElement(StyledTouchableOpacity, {
+    onPress: onPress,
+    disabled: disabled,
+    themeGroupStyleEnabled: groupStyleEnabled,
+    themeHasError: !!error,
+    testID: "time-picker-android-touchable-opacity"
   }, /*#__PURE__*/React__namespace.default.createElement(reactNative.View, {
     pointerEvents: "none",
     testID: "timePickerInputAndroid"
-  }, /*#__PURE__*/React__namespace.default.createElement(InputComponent, {
+  }, /*#__PURE__*/React__namespace.default.createElement(InputComponent, _extends$1({}, inputProps, {
     label: label,
     value: displayValue,
     suffix: showSuffix ? 'clock-3' : undefined,
@@ -14622,7 +14690,7 @@ var TimePickerAndroid = function TimePickerAndroid(_ref) {
     helpText: helpText,
     style: style,
     testID: testID
-  })), open ? /*#__PURE__*/React__namespace.default.createElement(DateTimePicker__default.default, {
+  }))), open ? /*#__PURE__*/React__namespace.default.createElement(DateTimePicker__default.default, {
     testID: "timePickerAndroid",
     mode: "time",
     value: pickerInitValue,
@@ -14637,14 +14705,6 @@ var TimePickerAndroid = function TimePickerAndroid(_ref) {
   }) : null);
 };
 
-var StyledPickerWrapper = index$b(reactNative.View)(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    height: theme.__hd__.timePicker.sizes.height,
-    alignItems: 'center'
-  };
-});
-
 var TimePickerIOS = function TimePickerIOS(_ref) {
   var value = _ref.value,
     label = _ref.label,
@@ -14664,7 +14724,10 @@ var TimePickerIOS = function TimePickerIOS(_ref) {
     showSuffix = _ref$showSuffix === void 0 ? true : _ref$showSuffix,
     _ref$supportedOrienta = _ref.supportedOrientations,
     supportedOrientations = _ref$supportedOrienta === void 0 ? ['portrait'] : _ref$supportedOrienta,
-    TextInputComponent = _ref.TextInputComponent;
+    TextInputComponent = _ref.TextInputComponent,
+    inputProps = _ref.inputProps,
+    _ref$groupStyleEnable = _ref.groupStyleEnabled,
+    groupStyleEnabled = _ref$groupStyleEnable === void 0 ? false : _ref$groupStyleEnable;
   var _useState = React.useState(value || new Date()),
     _useState2 = _slicedToArray(_useState, 2),
     selectingDate = _useState2[0],
@@ -14676,19 +14739,23 @@ var TimePickerIOS = function TimePickerIOS(_ref) {
   var is12Hour = displayFormat.includes('hh');
   var displayValue = value ? formatTime(displayFormat, value) : '';
   var theme = useTheme();
-  var InputComponent = TextInputComponent || TextInput$2;
+  var InputComponent = TextInputComponent || TextInput$1;
   React.useEffect(function () {
     setSelectingDate(value || new Date());
   }, [value]);
-  return /*#__PURE__*/React__namespace.default.createElement(reactNative.TouchableOpacity, {
-    onPress: function onPress() {
-      return setOpen(true);
-    },
-    disabled: disabled
+  var onPress = React.useCallback(function () {
+    setOpen(true);
+  }, []);
+  return /*#__PURE__*/React__namespace.default.createElement(StyledTouchableOpacity, {
+    onPress: onPress,
+    disabled: disabled,
+    themeGroupStyleEnabled: groupStyleEnabled,
+    themeHasError: !!error,
+    testID: "time-picker-ios-touchable-opacity"
   }, /*#__PURE__*/React__namespace.default.createElement(reactNative.View, {
     pointerEvents: "none",
     testID: "timePickerInputIOS"
-  }, /*#__PURE__*/React__namespace.default.createElement(InputComponent, {
+  }, /*#__PURE__*/React__namespace.default.createElement(InputComponent, _extends$1({}, inputProps, {
     label: label,
     value: displayValue,
     suffix: showSuffix ? 'clock-3' : undefined,
@@ -14699,7 +14766,7 @@ var TimePickerIOS = function TimePickerIOS(_ref) {
     helpText: helpText,
     testID: testID,
     style: style
-  })), /*#__PURE__*/React__namespace.default.createElement(BottomSheet$1, {
+  }))), /*#__PURE__*/React__namespace.default.createElement(BottomSheet$1, {
     open: open,
     onRequestClose: function onRequestClose() {
       return setOpen(false);
@@ -14873,7 +14940,7 @@ var AccordionItem = function AccordionItem(_ref) {
   }, content));
 };
 
-var _excluded$z = ["key"];
+var _excluded$y = ["key"];
 var Accordion = function Accordion(_ref) {
   var items = _ref.items,
     activeItemKey = _ref.activeItemKey,
@@ -14894,7 +14961,7 @@ var Accordion = function Accordion(_ref) {
     testID: testID
   }, items.map(function (_ref2, index) {
     var key = _ref2.key,
-      props = _objectWithoutProperties(_ref2, _excluded$z);
+      props = _objectWithoutProperties(_ref2, _excluded$y);
     var open = _activeItemKey === key;
     return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, {
       key: key
@@ -15006,7 +15073,7 @@ var Alert = function Alert(_ref2) {
     style = _ref2.style,
     testID = _ref2.testID,
     actionLabel = _ref2.actionLabel;
-  useDeprecation$1("Alert's notification intent is deprecated and will be removed in the next major release. Please use other intents instead.", intent === 'notification');
+  useDeprecation("Alert's notification intent is deprecated and will be removed in the next major release. Please use other intents instead.", intent === 'notification');
   return /*#__PURE__*/React__namespace.default.createElement(Container$1, {
     themeVariant: variant,
     themeIntent: intent,
@@ -15814,7 +15881,7 @@ var StyledIcon$4 = index$b(Icon)(function (_ref6) {
   };
 });
 
-var _excluded$y = ["children", "visible", "intent", "style", "testID"];
+var _excluded$x = ["children", "visible", "intent", "style", "testID"];
 var Status$1 = function Status(_ref) {
   var children = _ref.children,
     _ref$visible = _ref.visible,
@@ -15823,7 +15890,7 @@ var Status$1 = function Status(_ref) {
     intent = _ref$intent === void 0 ? 'danger' : _ref$intent,
     style = _ref.style,
     testID = _ref.testID,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$y);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$x);
   var _React$useRef = React__namespace.default.useRef(new reactNative.Animated.Value(visible ? 1 : 0)),
     opacity = _React$useRef.current;
   var isFirstRendering = React__namespace.default.useRef(true);
@@ -15859,7 +15926,7 @@ var Status$1 = function Status(_ref) {
 
 var DEFAULT_MAX_NUMBER = 99;
 
-var _excluded$x = ["children", "visible", "style", "max", "testID", "content"];
+var _excluded$w = ["children", "visible", "style", "max", "testID", "content"];
 var Status = function Status(_ref) {
   var children = _ref.children,
     _ref$visible = _ref.visible,
@@ -15869,7 +15936,7 @@ var Status = function Status(_ref) {
     max = _ref$max === void 0 ? DEFAULT_MAX_NUMBER : _ref$max,
     testID = _ref.testID,
     originalContent = _ref.content,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$x);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$w);
   var content = React.useMemo(function () {
     return originalContent > max ? "".concat(max, "+") : String(originalContent);
   }, [originalContent, max]);
@@ -15881,7 +15948,7 @@ var Status = function Status(_ref) {
   }, /*#__PURE__*/React__namespace.default.createElement(StyledCountText, null, content)));
 };
 
-var _excluded$w = ["content", "visible", "max", "intent", "style", "testID", "size", "variant", "icon"];
+var _excluded$v = ["content", "visible", "max", "intent", "style", "testID", "size", "variant", "icon"];
 var getPaddingState = function getPaddingState(content) {
   return content.length > 1 ? 'wideContent' : 'narrowContent';
 };
@@ -15900,7 +15967,7 @@ var Badge = function Badge(_ref) {
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'filled' : _ref$variant,
     icon = _ref.icon,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$w);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$v);
   var _React$useRef = React__namespace.default.useRef(new reactNative.Animated.Value(visible ? 1 : 0)),
     opacity = _React$useRef.current;
   var isFirstRendering = React__namespace.default.useRef(true);
@@ -15999,7 +16066,7 @@ var StyledBottomBarText = index$b(Typography.Caption)(function (_ref3) {
   };
 });
 
-var _excluded$v = ["onTabPress", "renderActiveTabOnly", "selectedTabKey", "tabs"];
+var _excluded$u = ["onTabPress", "renderActiveTabOnly", "selectedTabKey", "tabs"];
 var getInactiveIcon = function getInactiveIcon(icon) {
   var inactiveIcon = "".concat(icon, "-outlined");
   return isHeroIcon(inactiveIcon) ? inactiveIcon : icon;
@@ -16010,7 +16077,7 @@ var BottomNavigation = function BottomNavigation(_ref) {
     renderActiveTabOnly = _ref$renderActiveTabO === void 0 ? false : _ref$renderActiveTabO,
     selectedTabKey = _ref.selectedTabKey,
     tabs = _ref.tabs,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$v);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$u);
   var insets = reactNativeSafeAreaContext.useSafeAreaInsets();
 
   /**
@@ -16097,12 +16164,12 @@ var Indicator = index$b(reactNative.View)(function (_ref2) {
   };
 });
 
-var _excluded$u = ["intent", "children"];
+var _excluded$t = ["intent", "children"];
 var DataCard = function DataCard(_ref) {
   var _ref$intent = _ref.intent,
     intent = _ref$intent === void 0 ? 'info' : _ref$intent,
     children = _ref.children,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$u);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$t);
   return /*#__PURE__*/React__namespace.default.createElement(StyledDataCard, nativeProps, /*#__PURE__*/React__namespace.default.createElement(Indicator, {
     themeIntent: intent,
     testID: "data-card-indicator"
@@ -16121,13 +16188,13 @@ var StyledCard$1 = index$b(reactNative.View)(function (_ref) {
   });
 });
 
-var _excluded$t = ["intent", "children", "variant"];
+var _excluded$s = ["intent", "children", "variant"];
 var Card = function Card(_ref) {
   var intent = _ref.intent,
     children = _ref.children,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'basic' : _ref$variant,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$t);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$s);
   return /*#__PURE__*/React__namespace.default.createElement(StyledCard$1, _extends$1({}, nativeProps, {
     themeIntent: intent,
     themeVariant: variant
@@ -16395,7 +16462,7 @@ var CardCarousel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 });
 CardCarousel.displayName = 'CardCarousel';
 
-var _excluded$s = ["rounded", "size", "testID", "style"];
+var _excluded$r = ["rounded", "size", "testID", "style"];
 var Image = function Image(_ref) {
   var _ref$rounded = _ref.rounded,
     rounded = _ref$rounded === void 0 ? false : _ref$rounded,
@@ -16403,8 +16470,8 @@ var Image = function Image(_ref) {
     size = _ref$size === void 0 ? '6xlarge' : _ref$size,
     testID = _ref.testID,
     style = _ref.style,
-    imageNativeProps = _objectWithoutProperties(_ref, _excluded$s);
-  useDeprecation$1('Image component will soon be deprecated. Please use `Image` from `react-native` instead.');
+    imageNativeProps = _objectWithoutProperties(_ref, _excluded$r);
+  useDeprecation('Image component will soon be deprecated. Please use `Image` from `react-native` instead.');
   var theme = useTheme();
   var imageSize = theme.__hd__.image.sizes[size];
   return /*#__PURE__*/React__namespace.default.createElement(reactNative.Image, _extends$1({
@@ -16538,7 +16605,7 @@ var CarouselItem = function CarouselItem(_ref) {
   }, heading), !!body && /*#__PURE__*/React__namespace.default.createElement(Typography.Body, null, body)));
 };
 
-var _excluded$r = ["items", "onItemIndexChange", "renderActions", "selectedItemIndex", "style", "shouldShowPagination", "testID", "pageControlPosition"];
+var _excluded$q = ["items", "onItemIndexChange", "renderActions", "selectedItemIndex", "style", "shouldShowPagination", "testID", "pageControlPosition"];
 function useStateFromProp(initialValue) {
   var _useState = React.useState(initialValue),
     _useState2 = _slicedToArray(_useState, 2),
@@ -16565,9 +16632,9 @@ var Carousel = function Carousel(_ref) {
     testID = _ref.testID,
     _ref$pageControlPosit = _ref.pageControlPosition,
     pageControlPosition = _ref$pageControlPosit === void 0 ? 'top' : _ref$pageControlPosit,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$r);
-  useDeprecation$1("shouldShowPagination prop has been deprecated", shouldShowPagination !== noop$1);
-  useDeprecation$1("The use of 'pageControlPosition == bottom' has been deprecated", pageControlPosition === 'bottom');
+    nativeProps = _objectWithoutProperties(_ref, _excluded$q);
+  useDeprecation("shouldShowPagination prop has been deprecated", shouldShowPagination !== noop$1);
+  useDeprecation("The use of 'pageControlPosition == bottom' has been deprecated", pageControlPosition === 'bottom');
   var theme = useTheme();
   var carouselRef = React.useRef(null);
   var _useStateFromProp = useStateFromProp(selectedItemIndex),
@@ -21705,7 +21772,7 @@ var StyledChipIcon = index$b(Icon)(function (_ref2) {
   };
 });
 
-var _excluded$q = ["label", "variant", "selected", "icon", "onPress", "showSelectedIcon"];
+var _excluded$p = ["label", "variant", "selected", "icon", "onPress", "showSelectedIcon"];
 var getChipLabel = function getChipLabel(label) {
   if (typeof label === 'string') {
     return /*#__PURE__*/React__namespace.default.createElement(Typography.Body, {
@@ -21738,8 +21805,8 @@ var Chip = function Chip(_ref) {
     onPress = _ref.onPress,
     _ref$showSelectedIcon = _ref.showSelectedIcon,
     showSelectedIcon = _ref$showSelectedIcon === void 0 ? true : _ref$showSelectedIcon,
-    otherProps = _objectWithoutProperties(_ref, _excluded$q);
-  useDeprecation$1('Chip variant `outlined` and `filled` are deprecated.', variant === 'outlined' || variant === 'filled');
+    otherProps = _objectWithoutProperties(_ref, _excluded$p);
+  useDeprecation('Chip variant `outlined` and `filled` are deprecated.', variant === 'outlined' || variant === 'filled');
   var renamedVariant = getChipVariant(variant);
   var shouldShowSelectedIcon = (renamedVariant === 'selection' || renamedVariant === 'compact-outlined') && selected && showSelectedIcon;
   var chipLabel = React.useMemo(function () {
@@ -21835,7 +21902,7 @@ var Checkbox = function Checkbox(_ref2) {
     testID = _ref2.testID,
     _ref2$readonly = _ref2.readonly,
     readonly = _ref2$readonly === void 0 ? false : _ref2$readonly;
-  useDeprecation$1("Checkbox's withBorder prop will be removed in the next major release, all checkboxes will have border by default. Please remove it.", withBorder === true);
+  useDeprecation("Checkbox's withBorder prop will be removed in the next major release, all checkboxes will have border by default. Please remove it.", withBorder === true);
   var themeState = getThemeState({
     disabled: disabled,
     readonly: readonly,
@@ -23129,7 +23196,7 @@ var Portal$1 = Object.assign(Portal, {
   Host: PortalHost
 });
 
-var _excluded$p = ["visible"];
+var _excluded$o = ["visible"];
 var DEFAULT_BACKDROP_OPACITY = 0.4;
 var DEFAULT_ANIMATION_CONFIG = {
   easing: reactNative.Easing.inOut(reactNative.Easing.cubic),
@@ -23228,7 +23295,7 @@ var Modal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 var ModalWrapper = function ModalWrapper(_ref3) {
   var _ref3$visible = _ref3.visible,
     visible = _ref3$visible === void 0 ? true : _ref3$visible,
-    props = _objectWithoutProperties(_ref3, _excluded$p);
+    props = _objectWithoutProperties(_ref3, _excluded$o);
   var modalRef = React.useRef(null);
   var _useState = React.useState(visible),
     _useState2 = _slicedToArray(_useState, 2),
@@ -23339,7 +23406,7 @@ var StyledErrorDescription = index$b(Typography.Body)(function (_ref9) {
   };
 });
 
-var _excluded$o = ["variant", "title", "description", "image", "testID", "ctaText", "onCtaPress", "secondaryCtaText", "onSecondaryCtaPress", "icon"],
+var _excluded$n = ["variant", "title", "description", "image", "testID", "ctaText", "onCtaPress", "secondaryCtaText", "onSecondaryCtaPress", "icon"],
   _excluded2$1 = ["visible", "variant", "title", "description", "image", "testID", "ctaText", "onCtaPress", "secondaryCtaText", "onSecondaryCtaPress"];
 var renderImage$1 = function renderImage(image) {
   if (/*#__PURE__*/React.isValidElement(image)) {
@@ -23380,7 +23447,7 @@ var ErrorPage = function ErrorPage(_ref2) {
     secondaryCtaText = _ref2.secondaryCtaText,
     onSecondaryCtaPress = _ref2.onSecondaryCtaPress,
     icon = _ref2.icon,
-    nativeProps = _objectWithoutProperties(_ref2, _excluded$o);
+    nativeProps = _objectWithoutProperties(_ref2, _excluded$n);
   var showCta = ctaText && onCtaPress !== undefined;
   var showSecondaryCta = secondaryCtaText && onSecondaryCtaPress !== undefined;
   var showButtonContainer = showCta || showSecondaryCta;
@@ -23425,7 +23492,7 @@ var ErrorComponent = function ErrorComponent(_ref3) {
     secondaryCtaText = _ref3.secondaryCtaText,
     onSecondaryCtaPress = _ref3.onSecondaryCtaPress,
     nativeProps = _objectWithoutProperties(_ref3, _excluded2$1);
-  useDeprecation$1("Visible prop is deprecated. Use conditional rendering instead", visible);
+  useDeprecation("Visible prop is deprecated. Use conditional rendering instead", visible);
   var _useState = React.useState(visible),
     _useState2 = _slicedToArray(_useState, 2),
     isVisible = _useState2[0],
@@ -23607,13 +23674,13 @@ var ActionItem = function ActionItem(_ref) {
   })), /*#__PURE__*/React__namespace.default.createElement(StyledActionItemText, null, title))));
 };
 
-var _excluded$n = ["active"];
+var _excluded$m = ["active"];
 var AnimatedIcons = reactNative.Animated.createAnimatedComponent(/*#__PURE__*/React__namespace.default.forwardRef(function (props, _) {
   return /*#__PURE__*/React__namespace.default.createElement(StyledFABIcon, props);
 }));
 var AnimatedFABIcon = function AnimatedFABIcon(_ref) {
   var active = _ref.active,
-    iconProps = _objectWithoutProperties(_ref, _excluded$n);
+    iconProps = _objectWithoutProperties(_ref, _excluded$m);
   var rotateAnimation = React.useRef(new reactNative.Animated.Value(active ? 1 : 0));
   React.useEffect(function () {
     var animation = reactNative.Animated.spring(rotateAnimation.current, {
@@ -23862,7 +23929,7 @@ var ActionGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     fabIcon = _ref$fabIcon === void 0 ? 'add' : _ref$fabIcon,
     _ref$supportedOrienta = _ref.supportedOrientations,
     supportedOrientations = _ref$supportedOrienta === void 0 ? ['portrait'] : _ref$supportedOrienta;
-  useDeprecation$1("FAB.ActionGroup's headerTitle prop will be removed in the next major release. Please remove it.", headerTitle !== undefined);
+  useDeprecation("FAB.ActionGroup's headerTitle prop will be removed in the next major release. Please remove it.", headerTitle !== undefined);
   var theme = useTheme();
   var fabRef = React.useRef(null);
   var animatedValue = React.useRef(new reactNative.Animated.Value(active ? 1 : 0));
@@ -23978,11 +24045,11 @@ var StyledFAB = index$b(FAB$1)(function (_ref) {
   };
 });
 
-var _excluded$m = ["fabConfig", "onCancel"];
+var _excluded$l = ["fabConfig", "onCancel"];
 var Pair = function Pair(_ref) {
   var fabConfig = _ref.fabConfig,
     onCancel = _ref.onCancel,
-    props = _objectWithoutProperties(_ref, _excluded$m);
+    props = _objectWithoutProperties(_ref, _excluded$l);
   var icon = fabConfig.icon,
     title = fabConfig.title,
     onPress = fabConfig.onPress,
@@ -24296,7 +24363,7 @@ var ToastProvider = function ToastProvider(_ref) {
     displayType = _ref$displayType === void 0 ? 'single' : _ref$displayType,
     _position = _ref.position;
   var position = _position === undefined ? 'bottom' : _position;
-  useDeprecation$1("Toast's position prop is deprecated and will be removed in the next major release.\nPlease remove it.", _position !== undefined);
+  useDeprecation("Toast's position prop is deprecated and will be removed in the next major release.\nPlease remove it.", _position !== undefined);
   var toastRef = React.useRef(null);
   var _useState = React.useState(),
     _useState2 = _slicedToArray(_useState, 2),
@@ -24712,11 +24779,11 @@ var StyledFocusIcon = index$b(Icon)(function (_ref7) {
   };
 });
 
-var _excluded$l = ["style", "testID"];
+var _excluded$k = ["style", "testID"];
 var MapPinFocussed = function MapPinFocussed(_ref) {
   var style = _ref.style,
     testID = _ref.testID,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$l);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$k);
   return /*#__PURE__*/React__namespace.default.createElement(StyledContainer$4, _extends$1({}, nativeProps, {
     style: style,
     testID: testID
@@ -24726,7 +24793,7 @@ var MapPinFocussed = function MapPinFocussed(_ref) {
   }));
 };
 
-var _excluded$k = ["style", "testID", "state", "image", "icon"];
+var _excluded$j = ["style", "testID", "state", "image", "icon"];
 var getBadgeIconName = function getBadgeIconName(state) {
   var iconMap = {
     idle: undefined,
@@ -24742,7 +24809,7 @@ var MapPin = function MapPin(_ref) {
     state = _ref$state === void 0 ? 'idle' : _ref$state,
     image = _ref.image,
     icon = _ref.icon,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$k);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$j);
   var badgeIcon = getBadgeIconName(state);
   return /*#__PURE__*/React__namespace.default.createElement(StyledContainer$4, _extends$1({}, nativeProps, {
     style: style,
@@ -25059,7 +25126,7 @@ var THEME_INTENT_MAP = {
   'archived-inverted': 'archivedInverted'
 };
 
-var _excluded$j = ["value", "renderValue", "intent", "style", "testID"];
+var _excluded$i = ["value", "renderValue", "intent", "style", "testID"];
 var defaultRenderValue = function defaultRenderValue(value) {
   return "".concat(value, "%");
 };
@@ -25072,7 +25139,7 @@ var ProgressCircle = function ProgressCircle(_ref) {
     intent = _ref$intent === void 0 ? 'primary' : _ref$intent,
     style = _ref.style,
     testID = _ref.testID,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$j);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$i);
   var theme = useTheme$1();
   var size = theme.__hd__.progress.sizes.circleDiameter;
   var strokeWidth = theme.__hd__.progress.sizes.circleCompletenessHeight;
@@ -25143,14 +25210,14 @@ var StyledInner = index$b(reactNative.Animated.View)(function (_ref2) {
   };
 });
 
-var _excluded$i = ["value", "intent", "style", "testID"];
+var _excluded$h = ["value", "intent", "style", "testID"];
 var ProgressBar = function ProgressBar(_ref) {
   var value = _ref.value,
     _ref$intent = _ref.intent,
     intent = _ref$intent === void 0 ? 'primary' : _ref$intent,
     style = _ref.style,
     testID = _ref.testID,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$i);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$h);
   var _useState = React.useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     width = _useState2[0],
@@ -25240,7 +25307,7 @@ var StyledSingleStep = index$b(Box)(function (_ref3) {
   };
 });
 
-var _excluded$h = ["steps", "current", "onLayout"];
+var _excluded$g = ["steps", "current", "onLayout"];
 var getStepState = function getStepState(current, index) {
   if (index < current) {
     return 'complete';
@@ -25254,7 +25321,7 @@ var ProgressStep = function ProgressStep(_ref) {
   var steps = _ref.steps,
     current = _ref.current,
     onLayout = _ref.onLayout,
-    props = _objectWithoutProperties(_ref, _excluded$h);
+    props = _objectWithoutProperties(_ref, _excluded$g);
   var theme = useTheme$1();
   var _React$useState = React__namespace.default.useState(0),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -25484,7 +25551,7 @@ var SwipeableAction = function SwipeableAction(_ref) {
   }, children);
 };
 
-var _excluded$g = ["children", "state", "onStateChange", "leftActions", "leftActionsWidth", "rightActions", "rightActionsWidth", "variant"];
+var _excluded$f = ["children", "state", "onStateChange", "leftActions", "leftActionsWidth", "rightActions", "rightActionsWidth", "variant"];
 
 // We are supporting both v1 and v2 of RNGH at the same time.
 // SwipeableProps is only exported in v2, so we have to use ComponentProps.
@@ -25517,7 +25584,7 @@ var Swipeable = function Swipeable(_ref) {
     rightActionsWidth = _ref.rightActionsWidth,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'card' : _ref$variant,
-    swipeableProps = _objectWithoutProperties(_ref, _excluded$g);
+    swipeableProps = _objectWithoutProperties(_ref, _excluded$f);
   var theme = useTheme();
   var _useWindowDimensions = reactNative.useWindowDimensions(),
     width = _useWindowDimensions.width;
@@ -25722,7 +25789,7 @@ var StyledGradientContainer = index$b(Box)(function (_ref2) {
   };
 });
 
-var _excluded$f = ["intent", "variant", "style", "onLayout"];
+var _excluded$e = ["intent", "variant", "style", "onLayout"];
 var AnimatedLinearGradient = reactNative.Animated.createAnimatedComponent(LinearGradient__default.default);
 var gradientPositions = {
   start: {
@@ -25754,7 +25821,7 @@ var Skeleton = function Skeleton(_ref) {
     variant = _ref$variant === void 0 ? 'rounded' : _ref$variant,
     style = _ref.style,
     onLayout = _ref.onLayout,
-    props = _objectWithoutProperties(_ref, _excluded$f);
+    props = _objectWithoutProperties(_ref, _excluded$e);
   var theme = useTheme();
   var colors = React.useMemo(function () {
     return getGradientColors(theme, intent);
@@ -25887,7 +25954,7 @@ var StyledSuccessModal = index$b(ModalWrapper)({
   width: '100%'
 });
 
-var _excluded$e = ["variant", "title", "description", "image", "testID", "ctaText", "onCtaPress", "secondaryCtaText", "onSecondaryCtaPress", "icon"];
+var _excluded$d = ["variant", "title", "description", "image", "testID", "ctaText", "onCtaPress", "secondaryCtaText", "onSecondaryCtaPress", "icon"];
 var renderImage = function renderImage(image) {
   if (/*#__PURE__*/React.isValidElement(image)) {
     return /*#__PURE__*/React__namespace.default.cloneElement(image, {
@@ -25928,7 +25995,7 @@ var SuccessPage = function SuccessPage(_ref2) {
     secondaryCtaText = _ref2.secondaryCtaText,
     onSecondaryCtaPress = _ref2.onSecondaryCtaPress,
     icon = _ref2.icon,
-    nativeProps = _objectWithoutProperties(_ref2, _excluded$e);
+    nativeProps = _objectWithoutProperties(_ref2, _excluded$d);
   var showSecondaryButton = secondaryCtaText && onSecondaryCtaPress;
   return /*#__PURE__*/React__namespace.default.createElement(StyledSuccessContainer, _extends$1({
     testID: testID,
@@ -26959,7 +27026,7 @@ var StyledText = index$b(Typography.Caption)(function (_ref2) {
   };
 });
 
-var _excluded$d = ["content", "variant", "intent", "style", "testID"];
+var _excluded$c = ["content", "variant", "intent", "style", "testID"];
 var Tag = function Tag(_ref) {
   var content = _ref.content,
     _ref$variant = _ref.variant,
@@ -26968,8 +27035,8 @@ var Tag = function Tag(_ref) {
     intent = _ref$intent === void 0 ? 'primary' : _ref$intent,
     style = _ref.style,
     testID = _ref.testID,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$d);
-  useDeprecation$1("Tag's variant prop is deprecated and will be removed in the next major release. Please remove it.", variant !== undefined);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$c);
+  useDeprecation("Tag's variant prop is deprecated and will be removed in the next major release. Please remove it.", variant !== undefined);
   return /*#__PURE__*/React__namespace.default.createElement(StyledView, _extends$1({}, nativeProps, {
     themeIntent: intent,
     style: style,
@@ -27166,7 +27233,7 @@ var ToolbarGroup = function ToolbarGroup(_ref) {
     align = _ref$align === void 0 ? 'right' : _ref$align,
     _ref$items = _ref.items,
     items = _ref$items === void 0 ? [] : _ref$items;
-  useDeprecation$1("Toolbar's align prop is deprecated", align !== 'right');
+  useDeprecation("Toolbar's align prop is deprecated", align !== 'right');
   return /*#__PURE__*/React__namespace.default.createElement(ToolbarGroupWrapper, {
     align: align
   }, items.map(function (_ref2) {
@@ -27186,7 +27253,7 @@ var ToolbarGroup = function ToolbarGroup(_ref) {
   }));
 };
 
-var _excluded$c = ["prefix", "suffix", "style", "testID", "value", "defaultValue", "disabled", "editable", "textStyle"];
+var _excluded$b = ["prefix", "suffix", "style", "testID", "value", "defaultValue", "disabled", "editable", "textStyle"];
 var getState$2 = function getState(_ref) {
   var disabled = _ref.disabled,
     editable = _ref.editable,
@@ -27214,7 +27281,7 @@ var ToolbarMessage = /*#__PURE__*/React.forwardRef(function (props, forwardedRef
     _props$editable = props.editable,
     editable = _props$editable === void 0 ? true : _props$editable,
     textStyle = props.textStyle,
-    nativeProps = _objectWithoutProperties(props, _excluded$c);
+    nativeProps = _objectWithoutProperties(props, _excluded$b);
   var theme = useTheme();
   var innerTextInput = React__namespace.default.useRef();
   var displayText = (_ref2 = value !== undefined ? value : defaultValue) !== null && _ref2 !== void 0 ? _ref2 : '';
@@ -27274,10 +27341,10 @@ var ToolbarMessage = /*#__PURE__*/React.forwardRef(function (props, forwardedRef
   }, suffix));
 });
 
-var _excluded$b = ["children"];
+var _excluded$a = ["children"];
 var Toolbar = function Toolbar(_ref) {
   var children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded$b);
+    rest = _objectWithoutProperties(_ref, _excluded$a);
   return /*#__PURE__*/React__namespace.default.createElement(ToolbarWrapper, rest, children);
 };
 var index$3 = Object.assign(Toolbar, {
@@ -27297,7 +27364,7 @@ var StyledIconWrapper = index$b(AnimatedBox)(function (_ref) {
   };
 });
 
-var _excluded$a = ["options", "value", "onChange", "readonly", "disabled"];
+var _excluded$9 = ["options", "value", "onChange", "readonly", "disabled"];
 var Rate = function Rate(_ref) {
   var options = _ref.options,
     value = _ref.value,
@@ -27306,7 +27373,7 @@ var Rate = function Rate(_ref) {
     readonly = _ref$readonly === void 0 ? false : _ref$readonly,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    otherProps = _objectWithoutProperties(_ref, _excluded$a);
+    otherProps = _objectWithoutProperties(_ref, _excluded$9);
   var valueIndex = React.useMemo(function () {
     return options.findIndex(function (item) {
       return item.value === value;
@@ -46543,30 +46610,30 @@ function AnimatedScroller(_ref) {
   }));
 }
 
-var _excluded$9 = ["fabProps"];
+var _excluded$8 = ["fabProps"];
 var ScrollViewWithFAB = function ScrollViewWithFAB(_ref) {
   var fabProps = _ref.fabProps,
-    props = _objectWithoutProperties(_ref, _excluded$9);
+    props = _objectWithoutProperties(_ref, _excluded$8);
   return /*#__PURE__*/React__namespace.default.createElement(AnimatedScroller, {
     ScrollComponent: /*#__PURE__*/React__namespace.default.createElement(reactNative.ScrollView, props),
     fabProps: fabProps
   });
 };
 
-var _excluded$8 = ["fabProps"];
+var _excluded$7 = ["fabProps"];
 function FlatListWithFAB(_ref) {
   var fabProps = _ref.fabProps,
-    props = _objectWithoutProperties(_ref, _excluded$8);
+    props = _objectWithoutProperties(_ref, _excluded$7);
   return /*#__PURE__*/React__namespace.default.createElement(AnimatedScroller, {
     ScrollComponent: /*#__PURE__*/React__namespace.default.createElement(reactNative.FlatList, props),
     fabProps: fabProps
   });
 }
 
-var _excluded$7 = ["fabProps"];
+var _excluded$6 = ["fabProps"];
 function SectionListWithFAB(_ref) {
   var fabProps = _ref.fabProps,
-    props = _objectWithoutProperties(_ref, _excluded$7);
+    props = _objectWithoutProperties(_ref, _excluded$6);
   return /*#__PURE__*/React__namespace.default.createElement(AnimatedScroller, {
     ScrollComponent: /*#__PURE__*/React__namespace.default.createElement(reactNative.SectionList, props),
     fabProps: fabProps
@@ -46691,7 +46758,7 @@ var SearchTwoLine = function SearchTwoLine(props) {
   })));
 };
 
-var _excluded$6 = ["prefix", "suffix", "style", "allowFontScaling", "accessibilityLabelledBy", "editable", "maxLength", "value", "defaultValue", "placeholder", "disabled", "testID", "variant", "clearable"];
+var _excluded$5 = ["prefix", "suffix", "style", "allowFontScaling", "accessibilityLabelledBy", "editable", "maxLength", "value", "defaultValue", "placeholder", "disabled", "testID", "variant", "clearable"];
 var getState$1 = function getState(_ref) {
   var disabled = _ref.disabled,
     editable = _ref.editable,
@@ -46735,7 +46802,7 @@ var SearchOneLine = /*#__PURE__*/React.forwardRef(function (props, ref) {
     variant = _props$variant === void 0 ? 'basic' : _props$variant,
     _props$clearable = props.clearable,
     clearable = _props$clearable === void 0 ? false : _props$clearable,
-    nativeProps = _objectWithoutProperties(props, _excluded$6);
+    nativeProps = _objectWithoutProperties(props, _excluded$5);
   var _React$useState = React__namespace.default.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     isFocused = _React$useState2[0],
@@ -46835,11 +46902,11 @@ var SearchOneLine = /*#__PURE__*/React.forwardRef(function (props, ref) {
   })));
 });
 
-var _excluded$5 = ["content", "icon"];
+var _excluded$4 = ["content", "icon"];
 var renderBadge = function renderBadge(props) {
   var content = props.content,
     icon = props.icon,
-    rest = _objectWithoutProperties(props, _excluded$5);
+    rest = _objectWithoutProperties(props, _excluded$4);
   if (content) return /*#__PURE__*/React__namespace.default.createElement(StyledBadge, _extends$1({
     intent: "primary",
     content: content,
@@ -46906,7 +46973,7 @@ var StyledIcon = index$b(Icon)(function (_ref4) {
   };
 });
 
-var _excluded$4 = ["onPress", "onLayout", "style", "children", "prefix", "suffix"];
+var _excluded$3 = ["onPress", "onLayout", "style", "children", "prefix", "suffix"];
 var getPrefixOrSuffix = function getPrefixOrSuffix(_ref) {
   var element = _ref.element,
     _ref$isPrefix = _ref.isPrefix,
@@ -46928,7 +46995,7 @@ var FloatingIsland = function FloatingIsland(_ref2) {
     children = _ref2.children,
     prefix = _ref2.prefix,
     suffix = _ref2.suffix,
-    props = _objectWithoutProperties(_ref2, _excluded$4);
+    props = _objectWithoutProperties(_ref2, _excluded$3);
   var _React$useState = React__namespace.default.useState(0),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     width = _React$useState2[0],
@@ -47440,7 +47507,7 @@ var FloatingLabel = function FloatingLabel(_ref) {
 FloatingLabel.displayName = 'FloatingLabel';
 var FloatingLabel$1 = /*#__PURE__*/React__namespace.default.memo(FloatingLabel);
 
-var _excluded$3 = ["state", "prefix"];
+var _excluded$2 = ["state", "prefix"];
 /**
  * PrefixComponent
  *
@@ -47473,7 +47540,7 @@ var _excluded$3 = ["state", "prefix"];
 var PrefixComponent = function PrefixComponent(_ref) {
   var state = _ref.state,
     prefix = _ref.prefix,
-    rest = _objectWithoutProperties(_ref, _excluded$3);
+    rest = _objectWithoutProperties(_ref, _excluded$2);
   var actualPrefix = typeof prefix === 'string' ? prefix : '';
   if (actualPrefix) {
     return /*#__PURE__*/React__namespace.default.createElement(StyledPrefixComponentWrapper, _extends$1({
@@ -47645,116 +47712,6 @@ var InputRow = /*#__PURE__*/React__namespace.default.forwardRef(function (_ref,
   })));
 });
 
-/**
- * Generates the border style for the TextInputGroup.
- * @param index - The index of the TextInput.
- * @param length - The length of the TextInputGroup.
- * @returns The border style for the TextInputGroup.
- */
-var generateBorderStyle$1 = function generateBorderStyle(_ref) {
-  var index = _ref.index,
-    length = _ref.length;
-  var isFirst = index === 0;
-  var isLast = index === length - 1;
-  if (length === 1) {
-    return {};
-  }
-  if (isFirst) {
-    return {
-      borderBottomLeftRadius: 0,
-      borderBottomRightRadius: 0
-    };
-  }
-  if (isLast) {
-    return {
-      borderTopLeftRadius: 0,
-      borderTopRightRadius: 0
-    };
-  }
-  return {
-    borderRadius: 0
-  };
-};
-var generateMarginStyle$1 = function generateMarginStyle(_ref2) {
-  var index = _ref2.index,
-    length = _ref2.length,
-    theme = _ref2.theme;
-  if (length === 1) {
-    return {};
-  }
-  if (index === 0) {
-    return {
-      marginTop: 0
-    };
-  }
-  return {
-    marginTop: -theme.__hd__.textInput.borderWidths.container.normal
-  };
-};
-
-var useDeprecation = function useDeprecation(message) {
-  var cond = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-  React.useEffect(function () {
-    // eslint-disable-next-line no-console
-    if (cond) {
-      console.warn(message);
-    }
-  }, [message, cond]);
-};
-
-var _excluded$2 = ["children", "style", "testID"];
-var TextInputGroup = function TextInputGroup(_ref) {
-  var children = _ref.children,
-    style = _ref.style,
-    testID = _ref.testID,
-    props = _objectWithoutProperties(_ref, _excluded$2);
-  useDeprecation('TextInput.Group is deprecated. Please use FormGroup instead.', true);
-  var theme = useTheme();
-  var childrenArray = React__namespace.default.Children.toArray(children).filter(React__namespace.default.isValidElement);
-  // If there are multiple children, inject styles to group them together.
-  var groupedChildren = React.useMemo(function () {
-    return childrenArray.map(function (child, index) {
-      var rawChildStyle = child.props.style;
-      var rawChildTextStyle = child.props.textStyle;
-      // Handle array styles by flattening them first
-      var childStyle = reactNative.StyleSheet.flatten(rawChildStyle);
-      var childTextStyle = reactNative.StyleSheet.flatten(rawChildTextStyle);
-      /**
-       * Merge the child style with the group injected style.
-       * Order of precedence:
-       * 1. Child style.
-       * 2. Group injected style.
-       */
-      var mergedStyle = _objectSpread2(_objectSpread2({}, childStyle), generateMarginStyle$1({
-        index: index,
-        length: childrenArray.length,
-        theme: theme
-      }));
-      /**
-       * Merge the child text style with the group text style.
-       * Order of precedence:
-       * 1. Group text style through textStyle prop.
-       * 2. Child text style.
-       * 3. Group injected border style.
-       */
-      var mergedTextStyle = _objectSpread2(_objectSpread2({}, childTextStyle), generateBorderStyle$1({
-        index: index,
-        length: childrenArray.length
-      }));
-      return /*#__PURE__*/React__namespace.default.cloneElement(child, {
-        style: mergedStyle,
-        textStyle: mergedTextStyle,
-        // Internal text input prop to allow for different styling
-        groupStyleEnabled: true
-      });
-    });
-  }, [childrenArray, theme]);
-  return /*#__PURE__*/React__namespace.default.createElement(Box, _extends$1({
-    style: style,
-    testID: testID
-  }, props), groupedChildren);
-};
-
 var _excluded$1 = ["label", "prefix", "suffix", "style", "textStyle", "testID", "accessibilityLabelledBy", "error", "required", "editable", "disabled", "loading", "maxLength", "hideCharacterCount", "helpText", "value", "defaultValue", "renderInputValue", "allowFontScaling", "variant", "accessibilityLabel", "groupStyleEnabled"],
   _excluded2 = ["onFocus", "onBlur", "onChangeText"];
 var getState = function getState(_ref) {
@@ -48027,18 +47984,15 @@ var TextInput = /*#__PURE__*/React__namespace.default.forwardRef(function (props
   }));
 });
 TextInput.displayName = 'TextInput';
-var TextInput$1 = Object.assign(TextInput, {
-  Group: TextInputGroup
-});
 
 var Select = function Select(props) {
   return /*#__PURE__*/React__namespace.default.createElement(InternalSelect, _extends$1({}, props, {
-    TextInputComponent: TextInput$1
+    TextInputComponent: TextInput
   }));
 };
 var MultiSelect = function MultiSelect(props) {
   return /*#__PURE__*/React__namespace.default.createElement(InternalSelect.Multi, _extends$1({}, props, {
-    TextInputComponent: TextInput$1
+    TextInputComponent: TextInput
   }));
 };
 var index$2 = Object.assign(Select, {
@@ -48047,7 +48001,7 @@ var index$2 = Object.assign(Select, {
 
 var DatePicker = function DatePicker(props) {
   return /*#__PURE__*/React__namespace.default.createElement(InternalDatePicker$1, _extends$1({}, props, {
-    TextInputComponent: TextInput$1
+    TextInputComponent: TextInput
   }));
 };
 var index$1 = Object.assign(DatePicker, {
@@ -48056,7 +48010,7 @@ var index$1 = Object.assign(DatePicker, {
 
 var TimePicker = function TimePicker(props) {
   return /*#__PURE__*/React__namespace.default.createElement(InternalTimePicker, _extends$1({}, props, {
-    TextInputComponent: TextInput$1
+    TextInputComponent: TextInput
   }));
 };
 
@@ -66685,10 +66639,11 @@ var postMessage = function postMessage(element, message) {
 };
 
 var StyledWrapper = index$b(reactNative.View)(function (_ref) {
-  var theme = _ref.theme;
-  return {
+  var theme = _ref.theme,
+    groupStyleEnabled = _ref.groupStyleEnabled;
+  return _objectSpread2({}, groupStyleEnabled ? {} : {
     marginBottom: theme.__hd__.richTextEditor.space.wrapperMarginBottom
-  };
+  });
 });
 var StyledWebView = index$b(reactNativeWebview.WebView)(function (_ref2) {
   var theme = _ref2.theme;
@@ -66900,17 +66855,22 @@ var RichTextEditor = function RichTextEditor(_ref) {
     error = _ref$error === void 0 ? '' : _ref$error,
     _ref$style = _ref.style,
     style = _ref$style === void 0 ? {} : _ref$style,
+    textStyle = _ref.textStyle,
     label = _ref.label,
     helpText = _ref.helpText,
     required = _ref.required,
     testID = _ref.testID,
     forwardedRef = _ref.forwardedRef,
     _ref$value = _ref.value,
-    value = _ref$value === void 0 ? defaultValue : _ref$value;
+    value = _ref$value === void 0 ? defaultValue : _ref$value,
+    _ref$groupStyleEnable = _ref.groupStyleEnabled,
+    groupStyleEnabled = _ref$groupStyleEnable === void 0 ? false : _ref$groupStyleEnable;
   var plain = React.useMemo(function () {
     return libExports.plainSerializer(value);
   }, [value]);
-  return /*#__PURE__*/React__namespace.default.createElement(StyledWrapper, null, /*#__PURE__*/React__namespace.default.createElement(TextInput$1, {
+  return /*#__PURE__*/React__namespace.default.createElement(StyledWrapper, {
+    groupStyleEnabled: groupStyleEnabled
+  }, /*#__PURE__*/React__namespace.default.createElement(InternalTextInput, {
     autoFocus: autoFocus,
     error: error,
     label: label,
@@ -66919,7 +66879,9 @@ var RichTextEditor = function RichTextEditor(_ref) {
     placeholder: placeholder,
     value: plain,
     style: style,
+    textStyle: textStyle,
     helpText: helpText,
+    groupStyleEnabled: groupStyleEnabled,
     renderInputValue: function renderInputValue(inputProps, ref) {
       return /*#__PURE__*/React__namespace.default.createElement(RichTextEditorInput, _extends$1({}, inputProps, {
         ref: ref,
@@ -67227,7 +67189,7 @@ exports.Swipeable = index$6;
 exports.Switch = index$5;
 exports.Tabs = index$4;
 exports.Tag = Tag;
-exports.TextInput = TextInput$1;
+exports.TextInput = TextInput;
 exports.ThemeProvider = WorkThemeProvider;
 exports.ThemeSwitcher = WorkThemeSwitcher;
 exports.TimePicker = TimePicker;