@hero-design/rn-work-uikit 1.6.0 → 1.6.2-alpha.0

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,
@@ -6507,7 +6507,8 @@ var getIconTheme = function getIconTheme(theme) {
     warning: theme.colors.warning,
     disabledText: theme.colors.disabledOnDefaultGlobalSurface,
     invertedText: theme.colors.onDarkGlobalSurface,
-    muted: theme.colors.mutedOnDefaultGlobalSurface
+    muted: theme.colors.mutedOnDefaultGlobalSurface,
+    inactive: theme.colors.inactiveOnDefaultGlobalSurface
   };
   var sizes = {
     xxxsmall: theme.fontSizes.small,
@@ -7637,6 +7638,85 @@ var getAppCueTheme = function getAppCueTheme(theme) {
   };
 };
 
+var getFilterTriggerTheme = function getFilterTriggerTheme(theme) {
+  var borderWidths = {
+    wrapper: {
+      filled: theme.borderWidths.medium,
+      outlined: theme.borderWidths.medium,
+      ghost: 0
+    }
+  };
+  var colors = {
+    wrapper: {
+      activeBackground: theme.colors.highlightedSurface,
+      inactiveBackground: theme.colors.neutralGlobalSurface,
+      background: {
+        active: {
+          filled: theme.colors.highlightedSurface,
+          outlined: 'transparent',
+          ghost: 'transparent',
+          filledLabeless: theme.colors.neutralGlobalSurface
+        },
+        inactive: {
+          filled: theme.colors.neutralGlobalSurface,
+          outlined: 'transparent',
+          ghost: 'transparent'
+        }
+      },
+      border: {
+        active: {
+          filled: theme.colors.highlightedSurface,
+          outlined: theme.colors.primaryOutline,
+          ghost: 'transparent',
+          filledLabeless: theme.colors.neutralGlobalSurface
+        },
+        inactive: {
+          filled: theme.colors.neutralGlobalSurface,
+          outlined: theme.colors.secondaryOutline,
+          ghost: 'transparent'
+        }
+      }
+    }
+  };
+  var space = {
+    wrapper: {
+      "default": {
+        paddingHorizontal: theme.space.smallMedium,
+        paddingVertical: theme.space.xsmall
+      },
+      labeless: {
+        paddingHorizontal: theme.space.small,
+        paddingVertical: theme.space.xsmall
+      },
+      itemGap: theme.space.xsmall
+    },
+    badge: {
+      labelessRight: theme.space.xxsmall,
+      labelessBottom: theme.space.xxsmall
+    }
+  };
+  var radii = {
+    wrapper: {
+      "default": theme.radii.xxxlarge,
+      labeless: theme.radii.xlarge
+    }
+  };
+  var sizes = {
+    wrapperHeight: scale(36)
+  };
+  var lineHeights = {
+    text: theme.lineHeights.small
+  };
+  return {
+    colors: colors,
+    space: space,
+    radii: radii,
+    borderWidths: borderWidths,
+    sizes: sizes,
+    lineHeights: lineHeights
+  };
+};
+
 var getTheme$1 = function getTheme() {
   var scale = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : scale$1;
   var systemPallete = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : swagSystemPalette$2;
@@ -7669,6 +7749,7 @@ var getTheme$1 = function getTheme() {
       empty: getEmptyTheme(globalTheme),
       error: getErrorTheme(globalTheme),
       fab: getFABTheme(globalTheme),
+      filterTrigger: getFilterTriggerTheme(globalTheme),
       icon: getIconTheme(globalTheme),
       image: getImageTheme(globalTheme),
       list: getListTheme(globalTheme),
@@ -7721,7 +7802,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 +7858,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 +7890,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, {
@@ -8412,7 +8493,8 @@ var COLOR_INTENTS = {
   warning: 'warning',
   'disabled-text': 'disabledText',
   'text-inverted': 'invertedText',
-  muted: 'muted'
+  muted: 'muted',
+  inactive: 'inactive'
 };
 var StyledHeroIcon = index$b(HeroIcon)(function (_ref) {
   var themeIntent = _ref.themeIntent,
@@ -8424,10 +8506,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 +8557,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,
@@ -8510,7 +8592,7 @@ var FONTWEIGHT_MAP$2 = {
   regular: 'regular',
   'semi-bold': 'semiBold'
 };
-var StyledText$3 = index$b(reactNative.Text)(function (_ref) {
+var StyledText$4 = index$b(reactNative.Text)(function (_ref) {
   var themeFontSize = _ref.themeFontSize,
     themeFontWeight = _ref.themeFontWeight,
     themeIntent = _ref.themeIntent,
@@ -8527,7 +8609,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,9 +8622,9 @@ 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.');
-  return /*#__PURE__*/React__namespace.default.createElement(StyledText$3, _extends$1({}, nativeProps, {
+    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$4, _extends$1({}, nativeProps, {
     themeFontSize: fontSize,
     themeFontWeight: fontWeight,
     themeIntent: intent,
@@ -8570,7 +8652,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 +8661,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 +8680,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 +8708,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 +8719,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 +8754,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 +8765,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 +9191,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 +9378,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 +9715,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 +9742,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 +9889,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 +9981,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 +10008,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({
@@ -10276,8 +10358,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 +10485,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 +10501,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 +10510,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 +10777,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 +10788,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 +10823,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 +10856,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 +10879,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);
   }, []);
@@ -10914,7 +10996,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 +11007,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 +11043,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 +11076,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,7 +11093,7 @@ 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);
   }, []);
@@ -13506,7 +13588,7 @@ var DatePickerAndroid = function DatePickerAndroid(_ref) {
     onChange: onChange,
     value: value
   });
-  var InputComponent = TextInputComponent || TextInput$2;
+  var InputComponent = TextInputComponent || TextInput$1;
   var onPress = React.useCallback(function () {
     setOpen(true);
   }, []);
@@ -14355,7 +14437,7 @@ var DatePickerCalendar = function DatePickerCalendar(_ref2) {
     onChange: onChange,
     value: value
   });
-  var InputComponent = TextInputComponent || TextInput$2;
+  var InputComponent = TextInputComponent || TextInput$1;
   var onPress = React.useCallback(function () {
     setOpen(true);
   }, []);
@@ -14531,7 +14613,7 @@ var DatePickerIOS = function DatePickerIOS(_ref) {
     onChange: onChange,
     value: value
   });
-  var InputComponent = TextInputComponent || TextInput$2;
+  var InputComponent = TextInputComponent || TextInput$1;
   var onPress = React.useCallback(function () {
     setOpen(true);
   }, []);
@@ -14578,13 +14660,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
@@ -14666,7 +14748,7 @@ 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;
+  var InputComponent = TextInputComponent || TextInput$1;
   var onPress = React.useCallback(function () {
     setOpen(true);
   }, []);
@@ -14739,7 +14821,7 @@ 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]);
@@ -14940,7 +15022,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,
@@ -14961,7 +15043,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
@@ -15073,7 +15155,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,
@@ -15548,7 +15630,7 @@ var StyledTextWrapper$1 = index$b(reactNative.View)(function () {
     height: '100%'
   };
 });
-var StyledText$2 = index$b(Typography.Body)(function (_ref2) {
+var StyledText$3 = index$b(Typography.Body)(function (_ref2) {
   var themeSize = _ref2.themeSize,
     theme = _ref2.theme;
   return _objectSpread2({
@@ -15603,7 +15685,7 @@ var Avatar = function Avatar(_ref) {
     themeIntent: intent,
     themeSize: size,
     style: style
-  }, (source === undefined || hasImageError) && /*#__PURE__*/React__namespace.default.createElement(StyledTextWrapper$1, null, /*#__PURE__*/React__namespace.default.createElement(StyledText$2, {
+  }, (source === undefined || hasImageError) && /*#__PURE__*/React__namespace.default.createElement(StyledTextWrapper$1, null, /*#__PURE__*/React__namespace.default.createElement(StyledText$3, {
     themeSize: size
   }, title)), source !== undefined && /*#__PURE__*/React__namespace.default.createElement(StyledImage$1, {
     resizeMode: "cover",
@@ -15819,7 +15901,7 @@ var StyledView$1 = index$b(reactNative.Animated.View)(function (_ref) {
     borderColor: themeVariant === 'outlined' ? theme.__hd__.badge.colors.border : theme.__hd__.badge.colors[themeIntent]
   };
 });
-var StyledText$1 = index$b(Typography.Caption)(function (_ref2) {
+var StyledText$2 = index$b(Typography.Caption)(function (_ref2) {
   var theme = _ref2.theme,
     themeSize = _ref2.themeSize;
   return {
@@ -15881,7 +15963,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,
@@ -15890,7 +15972,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);
@@ -15926,7 +16008,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,
@@ -15936,7 +16018,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]);
@@ -15948,7 +16030,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';
 };
@@ -15967,7 +16049,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);
@@ -16009,7 +16091,7 @@ var Badge = function Badge(_ref) {
     icon: icon,
     themeSize: size,
     intent: "text-inverted"
-  }) : /*#__PURE__*/React__namespace.default.createElement(StyledText$1, {
+  }) : /*#__PURE__*/React__namespace.default.createElement(StyledText$2, {
     themeSize: size
   }, content));
 };
@@ -16066,7 +16148,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;
@@ -16077,7 +16159,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();
 
   /**
@@ -16164,12 +16246,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"
@@ -16188,13 +16270,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
@@ -16462,7 +16544,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,
@@ -16470,8 +16552,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({
@@ -16605,7 +16687,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),
@@ -16632,9 +16714,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),
@@ -21772,7 +21854,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, {
@@ -21805,8 +21887,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 () {
@@ -21902,7 +21984,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,
@@ -23196,7 +23278,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),
@@ -23295,7 +23377,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),
@@ -23406,7 +23488,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)) {
@@ -23447,7 +23529,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;
@@ -23492,7 +23574,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],
@@ -23674,13 +23756,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, {
@@ -23929,7 +24011,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));
@@ -24045,11 +24127,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,
@@ -24363,7 +24445,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),
@@ -24734,7 +24816,7 @@ var StyledContent = index$b(reactNative.View)(function (_ref2) {
     alignItems: 'center'
   };
 });
-var StyledBadge$1 = index$b(reactNative.View)(function (_ref3) {
+var StyledBadge$2 = index$b(reactNative.View)(function (_ref3) {
   var theme = _ref3.theme;
   return {
     right: theme.__hd__.mapPin.space.iconRight,
@@ -24779,11 +24861,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
@@ -24793,7 +24875,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,
@@ -24809,7 +24891,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,
@@ -24822,7 +24904,7 @@ var MapPin = function MapPin(_ref) {
     icon: icon,
     size: "xsmall",
     testID: testID ? "".concat(testID, "-icon") : undefined
-  })), badgeIcon && /*#__PURE__*/React__namespace.default.createElement(StyledBadge$1, {
+  })), badgeIcon && /*#__PURE__*/React__namespace.default.createElement(StyledBadge$2, {
     testID: testID ? "".concat(testID, "-badge") : undefined
   }, /*#__PURE__*/React__namespace.default.createElement(StyledBadgeIcon, {
     icon: badgeIcon,
@@ -25126,7 +25208,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, "%");
 };
@@ -25139,7 +25221,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;
@@ -25210,14 +25292,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],
@@ -25307,7 +25389,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';
@@ -25321,7 +25403,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),
@@ -25551,7 +25633,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.
@@ -25584,7 +25666,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;
@@ -25789,7 +25871,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: {
@@ -25821,7 +25903,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);
@@ -25954,7 +26036,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, {
@@ -25995,7 +26077,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,
@@ -27015,7 +27097,7 @@ var StyledView = index$b(reactNative.View)(function (_ref) {
     paddingHorizontal: theme.__hd__.tag.space.horizontalPadding
   };
 });
-var StyledText = index$b(Typography.Caption)(function (_ref2) {
+var StyledText$1 = index$b(Typography.Caption)(function (_ref2) {
   var themeIntent = _ref2.themeIntent,
     theme = _ref2.theme;
   return {
@@ -27026,7 +27108,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,
@@ -27035,13 +27117,13 @@ 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,
     testID: testID
-  }), typeof content === 'string' ? /*#__PURE__*/React__namespace.default.createElement(StyledText, {
+  }), typeof content === 'string' ? /*#__PURE__*/React__namespace.default.createElement(StyledText$1, {
     themeIntent: intent,
     fontWeight: "semi-bold"
   }, content) : content);
@@ -27134,8 +27216,7 @@ var StyledInputContainer$1 = index$b(reactNative.View)(function (_ref8) {
     backgroundColor: theme.__hd__.toolbar.colors.inputContainerBackground,
     borderRadius: theme.__hd__.toolbar.radii.messageContainer,
     height: theme.__hd__.toolbar.sizes.messageInputHeight,
-    paddingHorizontal: theme.__hd__.toolbar.space.messageInputPaddingHorizontal,
-    paddingVertical: theme.__hd__.toolbar.space.messageInputPaddingVertical
+    paddingHorizontal: theme.__hd__.toolbar.space.messageInputPaddingHorizontal
   };
 });
 var StyledInput$1 = index$b(reactNative.TextInput)(function (_ref9) {
@@ -27233,7 +27314,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) {
@@ -27253,7 +27334,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,
@@ -27281,7 +27362,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 : '';
@@ -27341,10 +27422,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, {
@@ -27364,7 +27445,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,
@@ -27373,7 +27454,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;
@@ -46610,30 +46691,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
@@ -46705,7 +46786,7 @@ var StyledHandlerContainer = index$b(reactNative.View)(function (_ref5) {
     paddingVertical: theme.__hd__.search.space.inputVerticalPadding
   };
 });
-var StyledBadge = index$b(Badge$1)(function (_ref6) {
+var StyledBadge$1 = index$b(Badge$1)(function (_ref6) {
   var theme = _ref6.theme;
   return {
     position: 'absolute',
@@ -46758,7 +46839,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,
@@ -46802,7 +46883,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],
@@ -46902,17 +46983,17 @@ 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);
-  if (content) return /*#__PURE__*/React__namespace.default.createElement(StyledBadge, _extends$1({
+    rest = _objectWithoutProperties(props, _excluded$4);
+  if (content) return /*#__PURE__*/React__namespace.default.createElement(StyledBadge$1, _extends$1({
     intent: "primary",
     content: content,
     size: "small"
   }, rest));
-  if (icon) return /*#__PURE__*/React__namespace.default.createElement(StyledBadge, _extends$1({
+  if (icon) return /*#__PURE__*/React__namespace.default.createElement(StyledBadge$1, _extends$1({
     intent: "primary",
     icon: icon,
     size: "small"
@@ -46973,7 +47054,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,
@@ -46995,7 +47076,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],
@@ -47022,6 +47103,122 @@ var FloatingIsland = function FloatingIsland(_ref2) {
   }));
 };
 
+var getBackgroundColor = function getBackgroundColor(theme, themeIsActive, themeHasLabel, themeVariant) {
+  var colors = theme.__hd__.filterTrigger.colors;
+  if (themeIsActive && !themeHasLabel && themeVariant === 'filled') {
+    return colors.wrapper.background.active.filledLabeless;
+  }
+  var state = themeIsActive ? 'active' : 'inactive';
+  return colors.wrapper.background[state][themeVariant];
+};
+var getBorderStyles = function getBorderStyles(theme, themeIsActive, themeHasLabel, themeVariant) {
+  var _theme$__hd__$filterT = theme.__hd__.filterTrigger,
+    colors = _theme$__hd__$filterT.colors,
+    borderWidths = _theme$__hd__$filterT.borderWidths,
+    radii = _theme$__hd__$filterT.radii;
+  var borderColor;
+  if (themeIsActive && !themeHasLabel && themeVariant === 'filled') {
+    borderColor = colors.wrapper.border.active.filledLabeless;
+  } else {
+    var state = themeIsActive ? 'active' : 'inactive';
+    borderColor = colors.wrapper.border[state][themeVariant];
+  }
+  return {
+    borderWidth: borderWidths.wrapper[themeVariant],
+    borderColor: borderColor,
+    borderRadius: themeHasLabel ? radii.wrapper["default"] : radii.wrapper.labeless
+  };
+};
+var getSpacingStyles = function getSpacingStyles(theme, themeHasLabel) {
+  var space = theme.__hd__.filterTrigger.space;
+  var paddingConfig = themeHasLabel ? space.wrapper["default"] : space.wrapper.labeless;
+  return {
+    gap: space.wrapper.itemGap,
+    paddingHorizontal: paddingConfig.paddingHorizontal,
+    paddingVertical: paddingConfig.paddingVertical
+  };
+};
+var StyledFilterWrapper = index$b(reactNative.TouchableOpacity)(function (_ref) {
+  var theme = _ref.theme,
+    themeActive = _ref.themeActive,
+    themeVariant = _ref.themeVariant,
+    themeHasLabel = _ref.themeHasLabel;
+  return _objectSpread2(_objectSpread2({
+    position: 'relative',
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    alignSelf: 'flex-start',
+    height: theme.__hd__.filterTrigger.sizes.wrapperHeight,
+    backgroundColor: getBackgroundColor(theme, themeActive, themeHasLabel, themeVariant)
+  }, getBorderStyles(theme, themeActive, themeHasLabel, themeVariant)), getSpacingStyles(theme, themeHasLabel));
+});
+var StyledBadge = index$b(Badge$1)(function (_ref2) {
+  var theme = _ref2.theme,
+    themeHasLabel = _ref2.themeHasLabel;
+  return _objectSpread2({
+    position: 'absolute'
+  }, themeHasLabel ? {
+    right: 0,
+    bottom: 0
+  } : {
+    right: -theme.__hd__.filterTrigger.space.badge.labelessRight,
+    bottom: -theme.__hd__.filterTrigger.space.badge.labelessBottom
+  });
+});
+var StyledText = index$b(Typography.Body)(function (_ref3) {
+  var theme = _ref3.theme;
+  return {
+    lineHeight: theme.__hd__.filterTrigger.lineHeights.text,
+    textAlignVertical: 'center',
+    includeFontPadding: false
+  };
+});
+
+var FilterTrigger = function FilterTrigger(_ref) {
+  var label = _ref.label,
+    _ref$active = _ref.active,
+    active = _ref$active === void 0 ? false : _ref$active,
+    _ref$filterCount = _ref.filterCount,
+    filterCount = _ref$filterCount === void 0 ? 0 : _ref$filterCount,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'filled' : _ref$variant,
+    suffix = _ref.suffix,
+    onPress = _ref.onPress,
+    testID = _ref.testID,
+    style = _ref.style;
+  var shouldShowBadge = filterCount > 0 && active;
+  var iconIntent = active ? 'text' : 'inactive';
+  var typographyVariant = active ? 'small-bold' : 'small';
+  return /*#__PURE__*/React__namespace.default.createElement(StyledFilterWrapper, {
+    testID: testID,
+    style: style,
+    themeActive: active,
+    themeVariant: variant,
+    onPress: onPress,
+    themeHasLabel: !!label
+  }, label ? /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(StyledText, {
+    variant: typographyVariant
+  }, label), shouldShowBadge && /*#__PURE__*/React__namespace.default.createElement(Badge$1, {
+    content: filterCount,
+    size: "small"
+  }), suffix && /*#__PURE__*/React__namespace.default.createElement(Icon, {
+    icon: suffix,
+    size: "xxxsmall",
+    intent: iconIntent,
+    testID: "".concat(testID, "-suffix")
+  })) : /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, suffix && /*#__PURE__*/React__namespace.default.createElement(Icon, {
+    icon: suffix,
+    size: "xsmall",
+    intent: iconIntent,
+    testID: "".concat(testID, "-suffix")
+  }), shouldShowBadge && /*#__PURE__*/React__namespace.default.createElement(StyledBadge, {
+    content: filterCount,
+    size: "small",
+    themeHasLabel: !!label
+  })));
+};
+
 var getZIndexByState = function getZIndexByState(_ref) {
   var themeFocused = _ref.themeFocused,
     themeHasError = _ref.themeHasError;
@@ -47507,7 +47704,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
  *
@@ -47540,7 +47737,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({
@@ -47712,116 +47909,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) {
@@ -48094,18 +48181,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, {
@@ -48114,7 +48198,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, {
@@ -48123,7 +48207,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
   }));
 };
 
@@ -67272,6 +67356,7 @@ exports.Drawer = index$8;
 exports.Empty = Empty;
 exports.Error = ErrorComponent;
 exports.FAB = FAB;
+exports.FilterTrigger = FilterTrigger;
 exports.FlatListWithFAB = FlatListWithFAB;
 exports.FloatingIsland = FloatingIsland;
 exports.FormGroup = FormGroup;
@@ -67302,7 +67387,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;