@hero-design/rn 7.14.3-alpha.6 → 7.14.3-alpha.7

package/lib/index.d.ts

@@ -1,4631 +0,0 @@
-declare module '@hero-design/rn/components/Alert/StyledAlert' {
-  import { TouchableOpacity, View, ViewProps } from 'react-native';
-  const Container: import("@emotion/native").StyledComponent<ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeVariant: 'default' | 'round';
-      themeIntent: 'success' | 'info' | 'warning' | 'error';
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const IconContainer: import("@emotion/native").StyledComponent<ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const TextContainer: import("@emotion/native").StyledComponent<ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const ContentContainer: import("@emotion/native").StyledComponent<ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      showDivider: boolean;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const CTAWrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<TouchableOpacity> | undefined;
-  }>;
-  export { Container, ContentContainer, TextContainer, IconContainer, CTAWrapper, };
-
-}
-declare module '@hero-design/rn/components/Alert/__tests__/index.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Alert/index' {
-  import { ReactElement } from 'react';
-  import { StyleProp, ViewStyle } from 'react-native';
-  import { IconName } from '@hero-design/rn/components/Icon/index';
-  interface AlertProps {
-      /**
-       * Alert title.
-       */
-      title?: string | ReactElement;
-      /**
-       * Alert content.
-       */
-      content: string | ReactElement;
-      /**
-       * Icon name of the alert.
-       * - undefined: use default icon according to Alert intent.
-       * - null: no icon at all.
-       * - IconName: an icon identifier from hero-design icon list.
-       */
-      icon?: null | IconName;
-      /**
-       * Visual intent color to apply to alert.
-       */
-      intent?: 'success' | 'info' | 'warning' | 'error';
-      /**
-       * Closing callback. When onClose is available, an X button will be rendered on the right side of alert. The callback will be called when user clicks on X button.
-       */
-      onClose?: () => void;
-      /**
-       * Use rounded variant.
-       */
-      variant?: 'default' | 'round';
-      /**
-       * Addtional style.
-       */
-      style?: StyleProp<ViewStyle>;
-      /**
-       * Testing id of the component.
-       */
-      testID?: string;
-  }
-  const Alert: ({ content, icon, title, intent, onClose, variant, style, testID, }: AlertProps) => JSX.Element;
-  export default Alert;
-
-}
-declare module '@hero-design/rn/components/Avatar/StyledAvatar' {
-  import { View, Image, TouchableOpacity, Text } from 'react-native';
-  type ThemeSize = 'small' | 'medium' | 'large' | 'xlarge';
-  type ThemeIntent = 'primary' | 'info' | 'danger' | 'success' | 'warning';
-  const StyledPressable: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeSize: ThemeSize;
-      themeIntent: ThemeIntent;
-  }, {}, {
-      ref?: import("react").Ref<TouchableOpacity> | undefined;
-  }>;
-  const StyledView: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeSize: ThemeSize;
-      themeIntent: ThemeIntent;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledTextWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledText: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeSize: ThemeSize;
-      themeIntent: ThemeIntent;
-  }, {}, {
-      ref?: import("react").Ref<Text> | undefined;
-  }>;
-  const StyledImage: import("@emotion/native").StyledComponent<import("react-native").ImageProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeSize: ThemeSize;
-  }, {}, {
-      ref?: import("react").Ref<Image> | undefined;
-  }>;
-  export { StyledPressable, StyledView, StyledImage, StyledTextWrapper, StyledText, };
-
-}
-declare module '@hero-design/rn/components/Avatar/__tests__/StyledAvatar.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Avatar/__tests__/index.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Avatar/index' {
-  import { ImageSourcePropType, StyleProp, ViewProps, ViewStyle } from 'react-native';
-  interface AvatarProps extends ViewProps {
-      /** Callback function when pressing component. */
-      onPress?: () => void;
-      /** Image source to be displayed on avatar. */
-      source?: ImageSourcePropType;
-      /** Renders title in the placeholder. */
-      title?: string;
-      /**
-       * Intent of the Icon.
-       */
-      intent?: 'primary' | 'info' | 'danger' | 'success' | 'warning';
-      /** Size of the avatar. */
-      size?: 'small' | 'medium' | 'large' | 'xlarge';
-      /**
-       * Additional style.
-       */
-      style?: StyleProp<ViewStyle>;
-      /**
-       * Testing id of the component.
-       */
-      testID?: string;
-  }
-  const Avatar: ({ onPress, source, testID, style, title, size, intent, }: AvatarProps) => JSX.Element | null;
-  export default Avatar;
-
-}
-declare module '@hero-design/rn/components/Badge/Status' {
-  import { StyleProp, ViewStyle, ViewProps } from 'react-native';
-  import { ReactNode } from 'react';
-  export interface StatusProps extends ViewProps {
-      children: ReactNode;
-      /**
-       * Whether the Status Badge is visible.
-       */
-      visible?: boolean;
-      /**
-      /**
-       * Visual intent color to apply to Status Badge.
-       */
-      intent?: 'success' | 'warning' | 'danger' | 'info' | 'archived';
-      /**
-       * Additional style.
-       */
-      style?: StyleProp<ViewStyle>;
-      /**
-       * Testing id of the component.
-       */
-      testID?: string;
-  }
-  const Status: ({ children, visible, intent, style, testID, ...nativeProps }: StatusProps) => JSX.Element;
-  export default Status;
-
-}
-declare module '@hero-design/rn/components/Badge/StyledBadge' {
-  import { Animated, Text } from 'react-native';
-  type ThemeIntent = 'success' | 'warning' | 'danger' | 'info' | 'archived';
-  type ThemePadding = 'narrowContent' | 'wideContent';
-  const StyledView: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View>> & {
-      children?: import("react").ReactNode;
-  } & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeIntent: ThemeIntent;
-      themePadding: ThemePadding;
-  }, {}, {}>;
-  const StyledText: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<Text> | undefined;
-  }>;
-  const StyledStatus: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View>> & {
-      children?: import("react").ReactNode;
-  } & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeIntent: ThemeIntent;
-  }, {}, {}>;
-  export { StyledView, StyledText, StyledStatus };
-
-}
-declare module '@hero-design/rn/components/Badge/__tests__/Badge.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Badge/__tests__/Status.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Badge/index' {
-  import { Animated, StyleProp, ViewStyle } from 'react-native';
-  import React from 'react';
-  interface BadgeProps extends React.ComponentProps<typeof Animated.View> {
-      /**
-       * Content of the Badge.
-       */
-      content: string | number;
-      /**
-       * Whether the Badge is visible.
-       */
-      visible?: boolean;
-      /**
-       * The maximum number displayed on the badge. If number exceeds this value, `${max}+` are displayed instead. (Only applied when content is number.)
-       */
-      max?: number;
-      /**
-       * Visual intent color to apply to Badge.
-       */
-      intent?: 'success' | 'warning' | 'danger' | 'info' | 'archived';
-      /**
-       * Additional style.
-       */
-      style?: StyleProp<ViewStyle>;
-      /**
-       * Testing id of the component.
-       */
-      testID?: string;
-  }
-  const _default: (({ content: originalContent, visible, max, intent, style, testID, ...nativeProps }: BadgeProps) => JSX.Element) & {
-      Status: ({ children, visible, intent, style, testID, ...nativeProps }: import("@hero-design/rn/components/Badge/Status").StatusProps) => JSX.Element;
-  };
-  export default _default;
-
-}
-declare module '@hero-design/rn/components/BottomNavigation/StyledBottomNavigation' {
-  import { View } from 'react-native';
-  const BottomNavigationTab: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeVisibility?: boolean | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const BottomNavigationContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const ContentWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const BottomBarWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeInsets: {
-          top: number;
-          right: number;
-          bottom: number;
-          left: number;
-      };
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const BottomBar: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const BottomBarItem: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledBottomBarText: import("@emotion/native").StyledComponent<import("../Typography/Text").TextProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {}>;
-  export { BottomBar, BottomBarItem, BottomNavigationTab, BottomNavigationContainer, BottomBarWrapper, ContentWrapper, StyledBottomBarText, };
-
-}
-declare module '@hero-design/rn/components/BottomNavigation/__tests__/index.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/BottomNavigation/index' {
-  import { ReactNode } from 'react';
-  import { StyleProp, ViewStyle, ViewProps } from 'react-native';
-  import { IconName } from '@hero-design/rn/components/Icon/index';
-  export type BottomNavigationTabType = {
-      key: string;
-      title?: string;
-      icon: IconName;
-      component: ReactNode;
-      testID?: string;
-  };
-  interface BottomNavigationProps extends ViewProps {
-      /**
-       * Callback which is called on tab press, receiving key of upcoming active Tab.
-       */
-      onTabPress: (key: string) => void;
-      /**
-       * Whether inactive tabs should be removed and unmounted in React.
-       * Defaults to `false`.
-       */
-      renderActiveTabOnly?: boolean;
-      /**
-       * Current selected tab key.
-       */
-      selectedTabKey: string;
-      /**
-       * List of Tabs to be rendered. Each Tab must have an unique key.
-       */
-      tabs: {
-          key: string;
-          title?: string;
-          icon: IconName;
-          component: ReactNode;
-          testID?: string;
-      }[];
-      /**
-       * Additional style.
-       */
-      style?: StyleProp<ViewStyle>;
-      /**
-       * Testing id of the component.
-       */
-      testID?: string;
-  }
-  const BottomNavigation: ({ onTabPress, renderActiveTabOnly, selectedTabKey, tabs, ...nativeProps }: BottomNavigationProps) => JSX.Element;
-  export default BottomNavigation;
-
-}
-declare module '@hero-design/rn/components/BottomSheet/Footer' {
-  import { ReactNode } from 'react';
-  const Footer: ({ children, showDivider, }: {
-      children: ReactNode;
-      showDivider: boolean;
-  }) => JSX.Element;
-  export default Footer;
-
-}
-declare module '@hero-design/rn/components/BottomSheet/Header' {
-  import { ReactElement } from 'react';
-  const Header: ({ content, showDivider, onRequestClose, showCloseButton, }: {
-      content: string | ReactElement;
-      showDivider: boolean;
-      onRequestClose?: (() => void) | undefined;
-      showCloseButton: boolean;
-  }) => JSX.Element;
-  export default Header;
-
-}
-declare module '@hero-design/rn/components/BottomSheet/StyledBottomSheet' {
-  import { Animated, View, ViewProps } from 'react-native';
-  const StyledWrapper: import("@emotion/native").StyledComponent<ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledBottomSheet: import("@emotion/native").StyledComponent<Animated.AnimatedProps<ViewProps & import("react").RefAttributes<View>> & {
-      children?: import("react").ReactNode;
-  } & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {}>;
-  const StyledBackdrop: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").PressableProps & import("react").RefAttributes<View>> & {
-      children?: import("react").ReactNode;
-  } & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {}>;
-  const StyledHeaderWrapper: import("@emotion/native").StyledComponent<ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledHeader: import("@emotion/native").StyledComponent<ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      adjacentIcon: boolean;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledFooter: import("@emotion/native").StyledComponent<ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledIconWrapper: import("@emotion/native").StyledComponent<ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  export { StyledWrapper, StyledHeaderWrapper, StyledHeader, StyledFooter, StyledIconWrapper, StyledBottomSheet, StyledBackdrop, };
-
-}
-declare module '@hero-design/rn/components/BottomSheet/__tests__/index.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/BottomSheet/index' {
-  import { ReactElement, ReactNode } from 'react';
-  import { StyleProp, ViewStyle } from 'react-native';
-  interface BottomSheetProps {
-      /**
-       * Bottom sheet open state.
-       */
-      open: boolean;
-      /**
-       * Bottom sheet's header.
-       */
-      header?: string | ReactElement;
-      /**
-       * Bottom sheet's footer.
-       */
-      footer?: ReactNode;
-      /**
-       * Bottom sheet's content.
-       */
-      children?: ReactNode;
-      /**
-       * Callback is called when the Bottom Sheet is opened.
-       */
-      onOpen?: () => void;
-      /**
-       * Callback is called when the user taps the back button on Android or when the bottom sheet
-       * is being dismiss by interacting outside of the bottom sheet.
-       */
-      onRequestClose?: () => void;
-      /**
-       * Callback that is called once the bottom sheet has been dismissed.
-       */
-      onDismiss?: () => void;
-      /**
-       * Displays an X button on bottom sheet header that will invoke onRequestClose callback on press.
-       */
-      showCloseButton?: boolean;
-      /**
-       * Enable the bottom sheet's backdrop.
-       */
-      hasBackdrop?: boolean;
-      /**
-       * Displays dividers between header, footer and body.
-       */
-      showDivider?: boolean;
-      /**
-       * Additional style.
-       */
-      style?: StyleProp<ViewStyle>;
-      /**
-       * Testing id of the component.
-       */
-      testID?: string;
-  }
-  const BottomSheet: ({ open, header, footer, children, onOpen, onRequestClose, onDismiss, showCloseButton, hasBackdrop, showDivider, style, testID, }: BottomSheetProps) => JSX.Element;
-  export default BottomSheet;
-
-}
-declare module '@hero-design/rn/components/Button/Button' {
-  import { ReactChild } from 'react';
-  import { StyleProp, ViewStyle } from 'react-native';
-  import { IconName } from '@hero-design/rn/components/Icon/index';
-  import { Intent, ThemeVariant } from '@hero-design/rn/components/Button/StyledButton';
-  export interface ButtonProps {
-      /**
-       * Helps users understand what will happen when they perform an action on the accessibility element when that result is not clear from the accessibility label.
-       */
-      accessibilityHint?: string;
-      /**
-       * A succinct label in a localized string that identifies the accessibility element
-       */
-      accessibilityLabel?: string;
-      /**
-       * Disable state of button.
-       */
-      disabled?: boolean;
-      /**
-       * Places an icon within the button, before the button's text
-       */
-      icon?: IconName;
-      /**
-       * Visual intent color to apply to button. It is required for `filled`, `outlined` and `text` variants.
-       */
-      intent?: 'primary' | 'secondary' | 'danger';
-      /**
-       * Loading state of button.
-       */
-      loading?: boolean;
-      /**
-       * Set the handler to handle press event.
-       */
-      onPress: () => void;
-      /**
-       * Places an icon within the button, after the button's text
-       */
-      rightIcon?: IconName;
-      /**
-       * Additional style.
-       */
-      style?: StyleProp<ViewStyle>;
-      /**
-       * Testing id of the component.
-       */
-      testID?: string;
-      /**
-       * Button label.
-       */
-      text: ReactChild;
-      /**
-       * Button type.
-       */
-      variant?: 'filled' | 'outlined' | 'text';
-  }
-  export const getThemeVariant: (variant: 'filled' | 'outlined' | 'text', intent: Intent) => ThemeVariant;
-  const Button: ({ accessibilityHint, accessibilityLabel, disabled, icon, intent, loading, onPress, rightIcon, style, testID, text, variant, }: ButtonProps) => JSX.Element;
-  export default Button;
-
-}
-declare module '@hero-design/rn/components/Button/IconButton' {
-  import { StyleProp, ViewStyle, TouchableOpacityProps } from 'react-native';
-  import { IconProps, IconName } from '@hero-design/rn/components/Icon/index';
-  export interface IconButtonProps {
-      /**
-       * Set how far you can touch from the button.
-       */
-      hitSlop?: TouchableOpacityProps['hitSlop'];
-      /**
-       * Name of the Icon.
-       */
-      icon: IconName;
-      /**
-       * Disable state of button.
-       */
-      disabled?: boolean;
-      /**
-       * Intent of the Icon.
-       */
-      intent?: IconProps['intent'];
-      /**
-       * Set the handler to handle press event.
-       */
-      onPress: () => void;
-      /**
-       * Size of the Icon.
-       */
-      size?: IconProps['size'];
-      /**
-       * Additional style.
-       */
-      style?: StyleProp<ViewStyle>;
-      /**
-       * Testing id of component.
-       */
-      testID?: string;
-  }
-  const IconButton: ({ hitSlop, onPress, icon, disabled, testID, style, size, intent, }: IconButtonProps) => JSX.Element;
-  export default IconButton;
-
-}
-declare module '@hero-design/rn/components/Button/LoadingIndicator/StyledLoadingIndicator' {
-  import { View, ViewProps } from 'react-native';
-  import { Theme } from '@emotion/react';
-  type ThemeVariant = 'basic-transparent' | 'filled-primary' | 'filled-secondary' | 'filled-danger' | 'outlined-primary' | 'outlined-secondary' | 'outlined-danger' | 'text-primary' | 'text-secondary' | 'text-danger';
-  const StyledLoadingIndicatorWrapper: import("@emotion/native").StyledComponent<ViewProps & {
-      theme?: Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledLoadingDot: import("@emotion/native").StyledComponent<ViewProps & {
-      theme?: Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      size?: number | undefined;
-      themeVariant: ThemeVariant;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  export { StyledLoadingIndicatorWrapper, StyledLoadingDot };
-
-}
-declare module '@hero-design/rn/components/Button/LoadingIndicator/__tests__/StyledLoadingIndicator.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Button/LoadingIndicator/__tests__/index.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Button/LoadingIndicator/index' {
-  import { StyleProp, ViewStyle, ViewProps } from 'react-native';
-  type ThemeVariant = 'basic-transparent' | 'filled-primary' | 'filled-secondary' | 'filled-danger' | 'outlined-primary' | 'outlined-secondary' | 'outlined-danger' | 'text-primary' | 'text-secondary' | 'text-danger';
-  interface LoadingIndicatorProps extends ViewProps {
-      /**
-       * Size of the loading dot.
-       */
-      count?: number;
-      /**
-       * Size of the loading dot.
-       */
-      size?: number;
-      /**
-       * Additional style.
-       */
-      style?: StyleProp<ViewStyle>;
-      /**
-       * Testing id of the component.
-       */
-      testID?: string;
-      /**
-       * Testing id of the component.
-       */
-      themeVariant: ThemeVariant;
-  }
-  const LoadingIndicator: ({ count, size, testID, themeVariant, ...nativeProps }: LoadingIndicatorProps) => JSX.Element;
-  export default LoadingIndicator;
-
-}
-declare module '@hero-design/rn/components/Button/StyledButton' {
-  import { TouchableHighlight, View } from 'react-native';
-  import { Theme } from '@emotion/react';
-  type Intent = 'primary' | 'secondary' | 'danger';
-  type ThemeVariant = 'filled-primary' | 'filled-secondary' | 'filled-danger' | 'outlined-primary' | 'outlined-secondary' | 'outlined-danger' | 'text-primary' | 'text-secondary' | 'text-danger';
-  const StyledButtonContainer: import("@emotion/native").StyledComponent<import("react-native").TouchableHighlightProps & {
-      theme?: Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      disabled?: boolean | undefined;
-      pressed?: boolean | undefined;
-      themeVariant: ThemeVariant;
-  }, {}, {
-      ref?: import("react").Ref<TouchableHighlight> | undefined;
-  }>;
-  const StyledButtonText: import("@emotion/native").StyledComponent<import("../Typography/Text").TextProps & {
-      theme?: Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      disabled?: boolean | undefined;
-      pressed?: boolean | undefined;
-      themeVariant: ThemeVariant;
-  }, {}, {}>;
-  const StyledButtonIconWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themePosition: 'left' | 'right';
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledButtonIcon: import("@emotion/native").StyledComponent<import("../Icon").IconProps & {
-      theme?: Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      disabled?: boolean | undefined;
-      pressed?: boolean | undefined;
-      themeVariant: ThemeVariant;
-  }, {}, {}>;
-  export { StyledButtonContainer, StyledButtonText, StyledButtonIconWrapper, StyledButtonIcon, Intent, ThemeVariant, };
-
-}
-declare module '@hero-design/rn/components/Button/UtilityButton/__tests__/index.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Button/UtilityButton/index' {
-  import { ReactChild } from 'react';
-  import { ViewProps } from 'react-native';
-  import { IconName } from '@hero-design/rn/components/Icon/index';
-  export interface UtilityButtonProps extends ViewProps {
-      /**
-       * Places an icon within the button, before the button's text
-       */
-      icon: IconName;
-      /**
-       * Set the handler to handle press event.
-       */
-      onPress: () => void;
-      /**
-       * Button label.
-       */
-      text: ReactChild;
-      /**
-       * Visual intent color to apply to button.
-       */
-      intent?: 'primary' | 'text';
-  }
-  const UtilityButton: ({ icon, onPress, text, testID, intent, style, hitSlop, }: UtilityButtonProps) => JSX.Element;
-  export default UtilityButton;
-
-}
-declare module '@hero-design/rn/components/Button/UtilityButton/styled' {
-  import { View, TouchableOpacity } from 'react-native';
-  export const ButtonContainer: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<TouchableOpacity> | undefined;
-  }>;
-  export const IconWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  export const ButtonText: import("@emotion/native").StyledComponent<import("../../Typography/Text").TextProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {}>;
-
-}
-declare module '@hero-design/rn/components/Button/__tests__/Button.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Button/__tests__/IconButton.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Button/__tests__/StyledButton.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Button/index' {
-  import { FunctionComponent } from 'react';
-  import { ButtonProps } from '@hero-design/rn/components/Button/Button';
-  import IconButton from '@hero-design/rn/components/Button/IconButton';
-  import UtilityButton from '@hero-design/rn/components/Button/UtilityButton/index';
-  interface CompoundButtonProps extends FunctionComponent<ButtonProps> {
-      Icon: typeof IconButton;
-      Utility: typeof UtilityButton;
-  }
-  const CompoundButton: CompoundButtonProps;
-  export default CompoundButton;
-
-}
-declare module '@hero-design/rn/components/Card/DataCard/StyledDataCard' {
-  import { View } from 'react-native';
-  const StyledDataCard: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const Indicator: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeIntent: 'success' | 'info' | 'warning' | 'danger' | 'archived';
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  export { StyledDataCard, Indicator };
-
-}
-declare module '@hero-design/rn/components/Card/DataCard/__tests__/StyledDataCard.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Card/DataCard/__tests__/index.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Card/DataCard/index' {
-  import { ReactNode } from 'react';
-  import { StyleProp, ViewStyle, ViewProps } from 'react-native';
-  export interface DataCardProps extends ViewProps {
-      /**
-       * Card's content.
-       */
-      children?: ReactNode;
-      /**
-       * Visual intent color to apply to card.
-       */
-      intent?: 'success' | 'info' | 'warning' | 'danger' | 'archived';
-      /**
-       * Additional style.
-       */
-      style?: StyleProp<ViewStyle>;
-      /**
-       * Testing id of the component.
-       */
-      testID?: string;
-  }
-  const DataCard: ({ intent, children, ...nativeProps }: DataCardProps) => JSX.Element;
-  export default DataCard;
-
-}
-declare module '@hero-design/rn/components/Card/StyledCard' {
-  import { View } from 'react-native';
-  const StyledCard: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeVariant: 'basic' | 'data';
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const LeftDataCard: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  export { StyledCard, LeftDataCard };
-
-}
-declare module '@hero-design/rn/components/Card/__tests__/StyledCard.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Card/__tests__/index.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Card/index' {
-  import { ReactNode } from 'react';
-  import { StyleProp, ViewStyle, ViewProps } from 'react-native';
-  interface CardProps extends ViewProps {
-      /**
-       * Card's content.
-       */
-      children?: ReactNode;
-      /**
-       * Card type.
-       * This is now deprecated. If you want to use "data" variant, please use Card.Data instead.
-       * @deprecated
-       */
-      variant?: 'basic' | 'data';
-      /**
-       * Additional style.
-       */
-      style?: StyleProp<ViewStyle>;
-      /**
-       * Testing id of the component.
-       */
-      testID?: string;
-  }
-  const _default: (({ variant, children, ...nativeProps }: CardProps) => JSX.Element) & {
-      Data: ({ intent, children, ...nativeProps }: import("@hero-design/rn/components/Card/DataCard/index").DataCardProps) => JSX.Element;
-  };
-  export default _default;
-
-}
-declare module '@hero-design/rn/components/Checkbox/StyledCheckbox' {
-  import { TouchableOpacity } from 'react-native';
-  const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<TouchableOpacity> | undefined;
-  }>;
-  export { StyledWrapper };
-
-}
-declare module '@hero-design/rn/components/Checkbox/__tests__/StyledCheckbox.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Checkbox/__tests__/index.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Checkbox/index' {
-  import { StyleProp, ViewStyle } from 'react-native';
-  export interface CheckboxProps {
-      /**
-       * Control whether the switch is checked
-       */
-      checked?: boolean;
-      /**
-       * Whether the switch is disabled
-       */
-      disabled?: boolean;
-      /**
-       * Event handler.
-       */
-      onPress?: () => void;
-      /**
-       * Additional style.
-       */
-      style?: StyleProp<ViewStyle>;
-      /**
-       * Testing id of the component.
-       */
-      testID?: string;
-  }
-  const CheckBox: ({ checked, disabled, onPress, style, testID, }: CheckboxProps) => JSX.Element;
-  export default CheckBox;
-
-}
-declare module '@hero-design/rn/components/Collapse/StyledCollapse' {
-  import { Animated, View } from 'react-native';
-  const StyledWrapper: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
-      children?: import("react").ReactNode;
-  } & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {}>;
-  /**
-   * Height need to be high enough to cover most scenario
-   * This container's purpose is only to help get correct children height and returns it
-   * to use with Animated.timing
-   */
-  const StyledHiddenWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledChildWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  export { StyledWrapper, StyledHiddenWrapper, StyledChildWrapper };
-
-}
-declare module '@hero-design/rn/components/Collapse/__tests__/StyledCollapse.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Collapse/__tests__/index.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Collapse/index' {
-  import { StyleProp, ViewProps, ViewStyle } from 'react-native';
-  import { ReactNode } from 'react';
-  interface CollapseProps extends ViewProps {
-      children: ReactNode;
-      /**
-       * Whether the component is open or closed.
-       */
-      open?: boolean;
-      /**
-       * Additional style.
-       */
-      style?: StyleProp<ViewStyle>;
-      /**
-       * Testing id of the component.
-       */
-      testID?: string;
-  }
-  const Collapse: ({ open, children, testID, style }: CollapseProps) => JSX.Element;
-  export default Collapse;
-
-}
-declare module '@hero-design/rn/components/ContentNavigator/StyledContentNavigator' {
-  import { View } from 'react-native';
-  const Wrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const Value: import("@emotion/native").StyledComponent<import("../Typography/Text").TextProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {}>;
-  export { Wrapper, Value };
-
-}
-declare module '@hero-design/rn/components/ContentNavigator/__tests__/StyledContentNavigator.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/ContentNavigator/__tests__/index.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/ContentNavigator/index' {
-  import { StyleProp, ViewStyle } from 'react-native';
-  interface ContentNavigatorProps {
-      /**
-       * The navigator's content value.
-       */
-      value: number | string;
-      /**
-       * Handler to handle press event of previous icon.
-       */
-      onPreviousPress: () => void;
-      /**
-       * Handler to handle press event of next icon.
-       */
-      onNextPress: () => void;
-      /**
-       * Handler to handle press event of content navigator value.
-       */
-      onPress?: () => void;
-      /**
-       * Whether the previous icon is disabled.
-       */
-      previousDisabled?: boolean;
-      /**
-       * Whether the next icon is disabled.
-       */
-      nextDisabled?: boolean;
-      /**
-       * Additional style.
-       */
-      style?: StyleProp<ViewStyle>;
-      /**
-       * Testing id of the component.
-       */
-      testID?: string;
-  }
-  function ContentNavigator({ onPreviousPress, onNextPress, onPress, value, previousDisabled, nextDisabled, testID, style, }: ContentNavigatorProps): JSX.Element;
-  export default ContentNavigator;
-
-}
-declare module '@hero-design/rn/components/DatePicker/DatePickerAndroid' {
-  import { DatePickerProps } from '@hero-design/rn/components/DatePicker/types';
-  const DatePickerAndroid: ({ value, label, placeholder, onChange, displayFormat, disabled, required, error, style, testID, }: DatePickerProps) => JSX.Element;
-  export default DatePickerAndroid;
-
-}
-declare module '@hero-design/rn/components/DatePicker/DatePickerIOS' {
-  import { DatePickerProps } from '@hero-design/rn/components/DatePicker/types';
-  const DatePickerIOS: ({ value, label, placeholder, onChange, confirmLabel, displayFormat, disabled, required, error, style, testID, }: DatePickerProps) => JSX.Element;
-  export default DatePickerIOS;
-
-}
-declare module '@hero-design/rn/components/DatePicker/StyledDatePicker' {
-  import { View, ViewProps } from 'react-native';
-  const StyledPickerWrapper: import("@emotion/native").StyledComponent<ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  export { StyledPickerWrapper };
-
-}
-declare module '@hero-design/rn/components/DatePicker/__tests__/DatePicker.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/DatePicker/__tests__/DatePickerAndroid.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/DatePicker/__tests__/DatePickerIOS.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/DatePicker/index' {
-  import { DatePickerProps } from '@hero-design/rn/components/DatePicker/types';
-  const DatePicker: (props: DatePickerProps) => JSX.Element;
-  export default DatePicker;
-
-}
-declare module '@hero-design/rn/components/DatePicker/types' {
-  import { StyleProp, ViewStyle } from 'react-native';
-  export interface DatePickerProps {
-      /**
-       * Date picker input label.
-       */
-      label: string;
-      /**
-       * Current date value. Must be in correct default format or format provided via format prop.
-       */
-      value?: Date;
-      /**
-       * Input placeholder. Date format will be used as placeholder if not specified.
-       */
-      placeholder?: string;
-      /**
-       * Callback that is called when new value is selected.
-       */
-      onChange: (value: Date) => void;
-      /**
-       * Confirm label text. iOS only.
-       */
-      confirmLabel: string;
-      /**
-       * Date format. Default format is dd/MM/yyyy.
-       * Following date-fns's format (https://date-fns.org/v2.16.1/docs/format).
-       */
-      displayFormat?: string;
-      /**
-       * Whether the Date picker is disabled.
-       */
-      disabled?: boolean;
-      /**
-       * Error message to display.
-       */
-      error?: string;
-      /**
-       *  Whether the value is required, if true, an asterisk will be appended to the label.
-       */
-      required?: boolean;
-      /**
-       * Addtional style.
-       */
-      style?: StyleProp<ViewStyle>;
-      /**
-       * Testing id of the component..
-       */
-      testID?: string;
-  }
-
-}
-declare module '@hero-design/rn/components/Divider/StyledDivider' {
-  import { View } from 'react-native';
-  type MarginSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-  const StyledDivider: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeMarginHorizontal?: MarginSize | undefined;
-      themeMarginVertical?: MarginSize | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  export { StyledDivider };
-
-}
-declare module '@hero-design/rn/components/Divider/__tests__/StyledDivider.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Divider/index' {
-  import { StyleProp, ViewStyle, ViewProps } from 'react-native';
-  interface DividerProps extends ViewProps {
-      /**
-       * Horizontal margin size. There is no margin by default.
-       */
-      marginHorizontal?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-      /**
-       * Vertical margin size. There is no margin by default.
-       */
-      marginVertical?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-      /**
-       * Additional style.
-       */
-      style?: StyleProp<ViewStyle>;
-      /**
-       * Testing id of the component.
-       */
-      testID?: string;
-  }
-  const Divider: ({ marginHorizontal, marginVertical, style, testID, ...nativeProps }: DividerProps) => JSX.Element;
-  export default Divider;
-
-}
-declare module '@hero-design/rn/components/Drawer/StyledDrawer' {
-  import { Animated, View } from 'react-native';
-  const StyledContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      enableShadow: boolean;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledBackdrop: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").PressableProps & import("react").RefAttributes<View>> & {
-      children?: import("react").ReactNode;
-  } & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {}>;
-  const StyledDrawerContainer: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
-      children?: import("react").ReactNode;
-  } & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      enableShadow: boolean;
-  }, {}, {}>;
-  export { StyledBackdrop, StyledContainer, StyledDrawerContainer };
-
-}
-declare module '@hero-design/rn/components/Drawer/__tests__/index.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Drawer/index' {
-  import { ReactNode } from 'react';
-  interface DrawerProps {
-      /**
-       * Drawer's visibility.
-       */
-      visible: boolean;
-      /**
-       * Drawer's content.
-       */
-      children?: ReactNode;
-      /**
-       * Enable the drawer's backdrop.
-       */
-      hasBackdrop?: boolean;
-      /**
-       * Callback when the drawer is dismissed by interacting outside of the drawer.
-       */
-      onDismiss?: () => void;
-      /**
-       * Testing id of the component.
-       * */
-      testID?: string;
-  }
-  const Drawer: ({ visible, children, hasBackdrop, onDismiss, testID, }: DrawerProps) => JSX.Element;
-  export default Drawer;
-
-}
-declare module '@hero-design/rn/components/FAB/ActionGroup/ActionItem' {
-  import { ComponentProps } from 'react';
-  import { StyleProp, ViewStyle } from 'react-native';
-  import Icon from '@hero-design/rn/components/Icon/index';
-  export interface ActionItemProps {
-      testID?: string;
-      title: string;
-      icon: ComponentProps<typeof Icon>['icon'];
-      onPress?: () => void;
-      style?: StyleProp<ViewStyle>;
-  }
-  const ActionItem: ({ icon, title, onPress, style, testID, }: ActionItemProps) => JSX.Element;
-  export default ActionItem;
-
-}
-declare module '@hero-design/rn/components/FAB/ActionGroup/StyledActionGroup' {
-  import { Animated, View, ViewProps } from 'react-native';
-  import { TextProps } from '@hero-design/rn/components/Typography/Text/index';
-  const StyledContainer: import("@emotion/native").StyledComponent<ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledActionGroupContainer: import("@emotion/native").StyledComponent<Animated.AnimatedProps<ViewProps & import("react").RefAttributes<View>> & {
-      children?: import("react").ReactNode;
-  } & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {}>;
-  const StyledFAB: import("@emotion/native").StyledComponent<import("../FAB").FABProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {}>;
-  const StyledBackdrop: import("@emotion/native").StyledComponent<Animated.AnimatedProps<ViewProps & import("react").RefAttributes<View>> & {
-      children?: import("react").ReactNode;
-  } & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {}>;
-  const StyledHeaderText: import("@emotion/native").StyledComponent<TextProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {}>;
-  export { StyledHeaderText, StyledBackdrop, StyledContainer, StyledActionGroupContainer, StyledFAB, };
-
-}
-declare module '@hero-design/rn/components/FAB/ActionGroup/StyledActionItem' {
-  import { TouchableOpacity, TouchableOpacityProps } from 'react-native';
-  import { IconProps } from '@hero-design/rn/components/Icon/index';
-  const StyledActionItem: import("@emotion/native").StyledComponent<TouchableOpacityProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<TouchableOpacity> | undefined;
-  }>;
-  const StyledActionItemText: import("@emotion/native").StyledComponent<import("../../Typography/Text").TextProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & TouchableOpacityProps, {}, {}>;
-  const StyledIcon: import("@emotion/native").StyledComponent<IconProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {}>;
-  export { StyledIcon, StyledActionItem, StyledActionItemText };
-
-}
-declare module '@hero-design/rn/components/FAB/ActionGroup/__tests__/index.spec' {
-  import '@testing-library/jest-native/extend-expect';
-
-}
-declare module '@hero-design/rn/components/FAB/ActionGroup/index' {
-  import { StyleProp, ViewStyle } from 'react-native';
-  import { IconName } from '@hero-design/rn/components/Icon/index';
-  import { ActionItemProps } from '@hero-design/rn/components/FAB/ActionGroup/ActionItem';
-  export interface ActionGroupProps {
-      /**
-       * Title of the action group header.
-       */
-      headerTitle?: string;
-      /**
-       * This function is called on pressing the FAB button.
-       * */
-      onPress?: () => void;
-      /**
-       * Specify if the FAB button is in active state and the action group is shown.
-       * */
-      active?: boolean;
-      /**
-       * Title of the floating action button
-       */
-      fabTitle?: string;
-      /**
-       * Icon name of the floating action button
-       */
-      fabIcon?: IconName;
-      /**
-       * Additional style.
-       */
-      style?: StyleProp<ViewStyle>;
-      /**
-       * Action items of the action group.
-       * */
-      items?: Array<ActionItemProps>;
-      /**
-       * Testing id of the component.
-       */
-      testID?: string;
-  }
-  const ActionGroup: ({ headerTitle, onPress, active, style, items, testID, fabTitle, fabIcon, }: ActionGroupProps) => JSX.Element;
-  export default ActionGroup;
-
-}
-declare module '@hero-design/rn/components/FAB/AnimatedFABIcon' {
-  import { IconProps } from '@hero-design/rn/components/Icon/index';
-  type Props = {
-      active?: boolean;
-  } & IconProps;
-  const AnimatedFABIcon: ({ active, ...iconProps }: Props) => JSX.Element;
-  export { AnimatedFABIcon };
-
-}
-declare module '@hero-design/rn/components/FAB/FAB' {
-  import { StyleProp, ViewStyle } from 'react-native';
-  import { IconName } from '@hero-design/rn/components/Icon/index';
-  export interface FABProps {
-      /**
-       * Name of the Icon.
-       */
-      icon: IconName;
-      /**
-       * title of the component.
-       */
-      title?: string;
-      /**
-       * This function is called on pressing the button.
-       */
-      onPress?: () => void;
-      /**
-       * Specify if the button is animated.
-       */
-      animated?: boolean;
-      /**
-       * Specify if the button is in active state. It only works if animated is true.
-       */
-      active?: boolean;
-      /**
-       * Additional style.
-       */
-      style?: StyleProp<ViewStyle>;
-      /**
-       * Testing id of the component.
-       */
-      testID?: string;
-  }
-  const FAB: ({ onPress, title, icon, animated, testID, active, style, }: FABProps) => JSX.Element;
-  export default FAB;
-
-}
-declare module '@hero-design/rn/components/FAB/StyledFAB' {
-  import { Text, TextProps, TouchableHighlight, TouchableHighlightProps } from 'react-native';
-  import { IconProps } from '@hero-design/rn/components/Icon/index';
-  const StyledFABContainer: import("@emotion/native").StyledComponent<TouchableHighlightProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<TouchableHighlight> | undefined;
-  }>;
-  const StyledFABIcon: import("@emotion/native").StyledComponent<IconProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {}>;
-  const StyledFABText: import("@emotion/native").StyledComponent<TextProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<Text> | undefined;
-  }>;
-  export { StyledFABContainer, StyledFABIcon, StyledFABText };
-
-}
-declare module '@hero-design/rn/components/FAB/__tests__/AnimatedFABIcon.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/FAB/__tests__/StyledFAB.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/FAB/__tests__/index.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/FAB/index' {
-  const _default: (({ onPress, title, icon, animated, testID, active, style, }: import("@hero-design/rn/components/FAB/FAB").FABProps) => JSX.Element) & {
-      ActionGroup: ({ headerTitle, onPress, active, style, items, testID, fabTitle, fabIcon, }: import("@hero-design/rn/components/FAB/ActionGroup/index").ActionGroupProps) => JSX.Element;
-  };
-  export default _default;
-
-}
-declare module '@hero-design/rn/components/Icon/HeroIcon/index' {
-  type ThemeSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-  type ThemeIntent = 'text' | 'primary' | 'info' | 'danger' | 'success' | 'warning' | 'disabled-text' | 'text-inverted';
-  const StyledHeroIcon: import("@emotion/native").StyledComponent<import("react-native-vector-icons/Icon").IconProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeSize: ThemeSize;
-      themeIntent: ThemeIntent;
-  }, {}, {
-      ref?: import("react").Ref<import("react-native-vector-icons/Icon").Icon> | undefined;
-  }>;
-  export default StyledHeroIcon;
-
-}
-declare module '@hero-design/rn/components/Icon/IconList' {
-  const IconList: readonly ["activate", "add-person", "adjustment", "alignment", "bank", "bell", "billing", "bookmark", "box-check", "box", "buildings", "cake", "calendar-clock", "calendar", "candy-box-menu", "carat-down-small", "carat-down", "carat-left", "carat-right", "carat-up", "circle-add", "circle-cancel", "circle-check", "circle-down", "circle-info", "circle-left", "circle-ok", "circle-pencil", "circle-question", "circle-remove", "circle-right", "circle-up", "circle-warning", "clock", "clock-3", "cloud-download", "cloud-upload", "cog", "coin", "contacts", "credit-card", "diamond", "direction-arrows", "directory", "document", "dollar-coin-shine", "double-buildings", "edit-template", "envelope", "expense", "eye-circle", "eye-invisible", "eye", "face-meh", "face-sad", "face-smiley", "feed", "feedbacks", "file-certified", "file-clone", "file-copy", "file-csv", "file-dispose", "file-doc", "file-excel", "file-export", "file-lock", "file-pdf", "file-powerpoint", "file-search", "file-secured", "file-sheets", "file-slide", "file-verified", "file-word", "file", "folder-user", "folder", "funnel-filter", "global-dollar", "globe", "graduation-cap", "graph", "happy-sun", "health-bag", "heart", "home", "image", "import", "incident-siren", "instapay", "list", "loading", "loading-2", "location", "lock", "looks-one", "looks-two", "media-content", "menu", "moneybag", "moon", "multiple-stars", "multiple-users", "node", "open-folder", "paperclip", "payment-summary", "pencil", "phone", "piggy-bank", "plane", "play-circle", "print", "raising-hands", "reply", "reschedule", "rostering", "save", "schedule", "search-person", "send", "speaker", "star-medal", "star", "steps-circle", "stopwatch", "suitcase", "survey", "swag", "switch", "tag", "target", "teams", "timesheet", "touch-id", "trash-bin", "unlock", "user", "video-1", "video-2", "activate-outlined", "add-person-outlined", "add-section-outlined", "add-time-outlined", "add", "adjustment-outlined", "alignment-2-outlined", "alignment-outlined", "all-caps", "arrow-down", "arrow-left", "arrow-right", "arrow-up", "at-sign", "bell-outlined", "billing-outlined", "body-outlined", "bold", "bookmark-outlined", "box-check-outlined", "box-outlined", "bullet-points", "cake-outlined", "calendar-dates-outlined", "calendar-star-outlined", "camera-outlined", "cancel", "checkmark", "circle-add-outlined", "circle-cancel-outlined", "circle-down-outlined", "circle-info-outlined", "circle-left-outlined", "circle-ok-outlined", "circle-question-outlined", "circle-remove-outlined", "circle-right-outlined", "circle-up-outlined", "circle-warning-outlined", "clock-2-outlined", "clock-outlined", "cog-outlined", "coin-outlined", "comment-outlined", "contacts-outlined", "credit-card-outlined", "direction-arrows-outlined", "directory-outlined", "document-outlined", "dollar-coin-shine-outlined", "dollar-sign", "double-buildings-outlined", "double-left-arrows", "double-right-arrows", "download-outlined", "edit-template-outlined", "email-outlined", "enter-arrow", "envelope-outlined", "expense-outlined", "external-link", "eye-invisible-outlined", "eye-outlined", "face-id", "face-meh-outlined", "face-open-smiley-outlined", "face-sad-outlined", "face-smiley-outlined", "feed-outlined", "file-certified-outlined", "file-clone-outlined", "file-copy-outlined", "file-dispose-outlined", "file-download-outlined", "file-export-outlined", "file-lock-outlined", "file-outlined", "file-search-outlined", "file-secured-outlined", "file-verified-outlined", "folder-outlined", "folder-user-outlined", "funnel-filter-outline", "graph-outlined", "happy-sun-outlined", "health-bag-outlined", "heart-outlined", "home-outlined", "image-outlined", "import-outlined", "instapay-outlined", "italic", "link-1", "link-2", "list-outlined", "location-outlined", "lock-outlined", "locked-file-outlined", "log-out", "media-content-outlined", "menu-close", "menu-expand", "menu-fold-outlined", "menu-unfold-outlined", "moneybag-outlined", "moon-outlined", "more-horizontal", "more-vertical", "multiple-folders-outlined", "multiple-users-outlined", "node-outlined", "number-points", "number", "payment-summary-outlined", "payslip-outlined", "pencil-outlined", "percentage", "phone-outlined", "piggy-bank-outlined", "plane-outlined", "play-circle-outlined", "print-outlined", "qr-code-outlined", "re-assign", "redeem", "refresh", "remove", "reply-outlined", "restart", "return-arrow", "rostering-outlined", "save-outlined", "schedule-outlined", "search-outlined", "send-outlined", "share-1", "share-2", "single-down-arrow", "single-left-arrow", "single-right-arrow", "single-up-arrow", "speaker-outlined", "star-outlined", "stopwatch-outlined", "strikethrough", "suitcase-outlined", "survey-outlined", "switch-outlined", "sync", "target-outlined", "timesheet-outlined", "transfer", "trash-bin-outlined", "unavailable", "underline", "unlock-outlined", "upload-outlined", "user-circle-outlined", "user-outlined", "user-rectangle-outlined", "video-1-outlined", "video-2-outlined", "wallet-outlined", "warning"];
-  export default IconList;
-
-}
-declare module '@hero-design/rn/components/Icon/__tests__/index.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Icon/index' {
-  import { StyleProp, TextStyle } from 'react-native';
-  import IconList from '@hero-design/rn/components/Icon/IconList';
-  export type IconName = typeof IconList[number];
-  export interface IconProps {
-      /**
-       * Name of the Icon.
-       */
-      icon: IconName;
-      /**
-       * Intent of the Icon.
-       */
-      intent?: 'text' | 'primary' | 'info' | 'danger' | 'success' | 'warning' | 'disabled-text' | 'text-inverted';
-      /**
-       * Size of the Icon.
-       */
-      size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-      /**
-       * Additional style.
-       */
-      style?: StyleProp<TextStyle>;
-      /**
-       * Testing id of the component.
-       */
-      testID?: string;
-  }
-  const Icon: ({ icon, style, size, intent, testID, }: IconProps) => JSX.Element;
-  export default Icon;
-
-}
-declare module '@hero-design/rn/components/Icon/utils' {
-  const isHeroIcon: (x: any) => x is "number" | "activate" | "add-person" | "adjustment" | "alignment" | "bank" | "bell" | "billing" | "bookmark" | "box-check" | "box" | "buildings" | "cake" | "calendar-clock" | "calendar" | "candy-box-menu" | "carat-down-small" | "carat-down" | "carat-left" | "carat-right" | "carat-up" | "circle-add" | "circle-cancel" | "circle-check" | "circle-down" | "circle-info" | "circle-left" | "circle-ok" | "circle-pencil" | "circle-question" | "circle-remove" | "circle-right" | "circle-up" | "circle-warning" | "clock" | "clock-3" | "cloud-download" | "cloud-upload" | "cog" | "coin" | "contacts" | "credit-card" | "diamond" | "direction-arrows" | "directory" | "document" | "dollar-coin-shine" | "double-buildings" | "edit-template" | "envelope" | "expense" | "eye-circle" | "eye-invisible" | "eye" | "face-meh" | "face-sad" | "face-smiley" | "feed" | "feedbacks" | "file-certified" | "file-clone" | "file-copy" | "file-csv" | "file-dispose" | "file-doc" | "file-excel" | "file-export" | "file-lock" | "file-pdf" | "file-powerpoint" | "file-search" | "file-secured" | "file-sheets" | "file-slide" | "file-verified" | "file-word" | "file" | "folder-user" | "folder" | "funnel-filter" | "global-dollar" | "globe" | "graduation-cap" | "graph" | "happy-sun" | "health-bag" | "heart" | "home" | "image" | "import" | "incident-siren" | "instapay" | "list" | "loading" | "loading-2" | "location" | "lock" | "looks-one" | "looks-two" | "media-content" | "menu" | "moneybag" | "moon" | "multiple-stars" | "multiple-users" | "node" | "open-folder" | "paperclip" | "payment-summary" | "pencil" | "phone" | "piggy-bank" | "plane" | "play-circle" | "print" | "raising-hands" | "reply" | "reschedule" | "rostering" | "save" | "schedule" | "search-person" | "send" | "speaker" | "star-medal" | "star" | "steps-circle" | "stopwatch" | "suitcase" | "survey" | "swag" | "switch" | "tag" | "target" | "teams" | "timesheet" | "touch-id" | "trash-bin" | "unlock" | "user" | "video-1" | "video-2" | "activate-outlined" | "add-person-outlined" | "add-section-outlined" | "add-time-outlined" | "add" | "adjustment-outlined" | "alignment-2-outlined" | "alignment-outlined" | "all-caps" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "at-sign" | "bell-outlined" | "billing-outlined" | "body-outlined" | "bold" | "bookmark-outlined" | "box-check-outlined" | "box-outlined" | "bullet-points" | "cake-outlined" | "calendar-dates-outlined" | "calendar-star-outlined" | "camera-outlined" | "cancel" | "checkmark" | "circle-add-outlined" | "circle-cancel-outlined" | "circle-down-outlined" | "circle-info-outlined" | "circle-left-outlined" | "circle-ok-outlined" | "circle-question-outlined" | "circle-remove-outlined" | "circle-right-outlined" | "circle-up-outlined" | "circle-warning-outlined" | "clock-2-outlined" | "clock-outlined" | "cog-outlined" | "coin-outlined" | "comment-outlined" | "contacts-outlined" | "credit-card-outlined" | "direction-arrows-outlined" | "directory-outlined" | "document-outlined" | "dollar-coin-shine-outlined" | "dollar-sign" | "double-buildings-outlined" | "double-left-arrows" | "double-right-arrows" | "download-outlined" | "edit-template-outlined" | "email-outlined" | "enter-arrow" | "envelope-outlined" | "expense-outlined" | "external-link" | "eye-invisible-outlined" | "eye-outlined" | "face-id" | "face-meh-outlined" | "face-open-smiley-outlined" | "face-sad-outlined" | "face-smiley-outlined" | "feed-outlined" | "file-certified-outlined" | "file-clone-outlined" | "file-copy-outlined" | "file-dispose-outlined" | "file-download-outlined" | "file-export-outlined" | "file-lock-outlined" | "file-outlined" | "file-search-outlined" | "file-secured-outlined" | "file-verified-outlined" | "folder-outlined" | "folder-user-outlined" | "funnel-filter-outline" | "graph-outlined" | "happy-sun-outlined" | "health-bag-outlined" | "heart-outlined" | "home-outlined" | "image-outlined" | "import-outlined" | "instapay-outlined" | "italic" | "link-1" | "link-2" | "list-outlined" | "location-outlined" | "lock-outlined" | "locked-file-outlined" | "log-out" | "media-content-outlined" | "menu-close" | "menu-expand" | "menu-fold-outlined" | "menu-unfold-outlined" | "moneybag-outlined" | "moon-outlined" | "more-horizontal" | "more-vertical" | "multiple-folders-outlined" | "multiple-users-outlined" | "node-outlined" | "number-points" | "payment-summary-outlined" | "payslip-outlined" | "pencil-outlined" | "percentage" | "phone-outlined" | "piggy-bank-outlined" | "plane-outlined" | "play-circle-outlined" | "print-outlined" | "qr-code-outlined" | "re-assign" | "redeem" | "refresh" | "remove" | "reply-outlined" | "restart" | "return-arrow" | "rostering-outlined" | "save-outlined" | "schedule-outlined" | "search-outlined" | "send-outlined" | "share-1" | "share-2" | "single-down-arrow" | "single-left-arrow" | "single-right-arrow" | "single-up-arrow" | "speaker-outlined" | "star-outlined" | "stopwatch-outlined" | "strikethrough" | "suitcase-outlined" | "survey-outlined" | "switch-outlined" | "sync" | "target-outlined" | "timesheet-outlined" | "transfer" | "trash-bin-outlined" | "unavailable" | "underline" | "unlock-outlined" | "upload-outlined" | "user-circle-outlined" | "user-outlined" | "user-rectangle-outlined" | "video-1-outlined" | "video-2-outlined" | "wallet-outlined" | "warning";
-  export { isHeroIcon };
-
-}
-declare module '@hero-design/rn/components/List/BasicListItem' {
-  import React from 'react';
-  import { StyleProp, ViewStyle } from 'react-native';
-  import { IconName } from '@hero-design/rn/components/Icon/index';
-  export interface ListItemProps {
-      /**
-       * Name of Icon or component to render on the left side of title.
-       */
-      prefix?: IconName | React.ReactElement;
-      /**
-       * Name of Icon or component to render on the right side of title.
-       */
-      suffix?: IconName | React.ReactElement;
-      /**
-       * The title of the component.
-       */
-      title: string;
-      /**
-       * The subtile title of the component.
-       */
-      subtitle?: string;
-      /**
-       * Whether the component is disabled. Default value is false
-       */
-      disabled?: boolean;
-      /**
-       * Whether the component is selected. Default value is false
-       */
-      selected?: boolean;
-      /**
-       * Additional wrapper style.
-       */
-      style?: StyleProp<ViewStyle>;
-      /**
-       * Testing id of the component.
-       */
-      testID?: string;
-      /**
-       * Set the handler to handle press event.
-       */
-      onPress?: () => void;
-  }
-  const BasicListItem: ({ prefix, suffix, title, subtitle, style, testID, selected, disabled, onPress, }: ListItemProps) => JSX.Element;
-  export default BasicListItem;
-
-}
-declare module '@hero-design/rn/components/List/ListItem' {
-  import React, { ReactNode } from 'react';
-  import { StyleProp, ViewStyle } from 'react-native';
-  import { IconName } from '@hero-design/rn/components/Icon/index';
-  export interface ListItemProps {
-      /**
-       * Name of Icon or ReactElement to render on the left side of title.
-       */
-      prefix?: IconName | React.ReactElement;
-      /**
-       * Name of Icon or ReactElement to render on the right side of title.
-       */
-      suffix?: IconName | React.ReactElement;
-      /**
-       * The title of the component.
-       */
-      title?: string;
-      /**
-       * The subtile title of the component.
-       */
-      subtitle?: string;
-      /**
-       * Additional wrapper style.
-       */
-      style?: StyleProp<ViewStyle>;
-      /**
-       * Children to be rendered inside the component.
-       */
-      children?: ReactNode;
-      /**
-       * Leading status of the component
-       * */
-      leadingStatus?: 'success' | 'warning' | 'danger' | 'info' | 'archived';
-      variant?: 'full-width' | 'card';
-      /**
-       * Whether the component is disabled. Default value is false
-       */
-      disabled?: boolean;
-      /** * Whether the component is selected. Default value is false
-       */
-      selected?: boolean;
-      /**
-       * Testing id of the component.
-       */
-      testID?: string;
-      /**
-       * Set the handler to handle press event.
-       */
-      onPress?: () => void;
-  }
-  const ListItem: ({ prefix, suffix, title, subtitle, style, testID, selected, children, leadingStatus, variant, onPress, disabled, }: ListItemProps) => JSX.Element;
-  export default ListItem;
-
-}
-declare module '@hero-design/rn/components/List/StyledBasicListItem' {
-  import { TouchableHighlight, View } from 'react-native';
-  const StyledPrefixContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledSuffixContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledTitleContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledListItemContainer: import("@emotion/native").StyledComponent<import("react-native").TouchableHighlightProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeSelected?: boolean | undefined;
-      themeDisabled?: boolean | undefined;
-  }, {}, {
-      ref?: import("react").Ref<TouchableHighlight> | undefined;
-  }>;
-  export { StyledListItemContainer, StyledPrefixContainer, StyledTitleContainer, StyledSuffixContainer, };
-
-}
-declare module '@hero-design/rn/components/List/StyledListItem' {
-  import { TouchableHighlight, View } from 'react-native';
-  export type Variant = 'full-width' | 'card';
-  export type LeadingStatusIntent = 'success' | 'warning' | 'danger' | 'info' | 'archived';
-  const StyledListItemContainer: import("@emotion/native").StyledComponent<import("react-native").TouchableHighlightProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeSelected?: boolean | undefined;
-      themeVariant?: Variant | undefined;
-  }, {}, {
-      ref?: import("react").Ref<TouchableHighlight> | undefined;
-  }>;
-  const StyledContentContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledChildrenContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledLeadingStatus: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeLeadingStatusIntent: LeadingStatusIntent;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledPrefixContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledSuffixContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledTitleContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  export { StyledListItemContainer, StyledContentContainer, StyledChildrenContainer, StyledLeadingStatus, StyledPrefixContainer, StyledTitleContainer, StyledSuffixContainer, };
-
-}
-declare module '@hero-design/rn/components/List/__tests__/BasicListItem.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/List/__tests__/ListItem.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/List/__tests__/StyledBasicListItem.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/List/__tests__/StyledListItem.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/List/index' {
-  import ListItem from '@hero-design/rn/components/List/ListItem';
-  import BasicListItem from '@hero-design/rn/components/List/BasicListItem';
-  interface ListType {
-      Item: typeof ListItem;
-      BasicItem: typeof BasicListItem;
-  }
-  const List: ListType;
-  export default List;
-
-}
-declare module '@hero-design/rn/components/PinInput/PinCell' {
-  import { State } from '@hero-design/rn/components/PinInput/StyledPinInput';
-  function PinCell({ value, secure, focused, state, }: {
-      value: string;
-      secure?: boolean;
-      focused?: boolean;
-      state?: State;
-  }): JSX.Element;
-  export default PinCell;
-
-}
-declare module '@hero-design/rn/components/PinInput/StyledPinInput' {
-  import { Text, TextInput, View } from 'react-native';
-  export const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  export const StyledPinWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  export type State = 'default' | 'disabled' | 'error';
-  export const StyledCell: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeFocused: boolean;
-      themeState: State;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  export const StyledCellText: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeState: State;
-  }, {}, {
-      ref?: import("react").Ref<Text> | undefined;
-  }>;
-  export const StyledSpacer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  export const StyledMask: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeState: State;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  export const StyledFilledMask: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeState: State;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  export const StyledHiddenInput: import("@emotion/native").StyledComponent<import("react-native").TextInputProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themePinLength: number;
-  }, {}, {
-      ref?: import("react").Ref<TextInput> | undefined;
-  }>;
-  export const StyledErrorContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  export const StyledErrorMessage: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<Text> | undefined;
-  }>;
-
-}
-declare module '@hero-design/rn/components/PinInput/__tests__/PinCell.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/PinInput/__tests__/StyledPinInput.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/PinInput/__tests__/index.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/PinInput/index' {
-  import { StyleProp, ViewStyle } from 'react-native';
-  import { State } from '@hero-design/rn/components/PinInput/StyledPinInput';
-  interface PinInputProps {
-      /**
-       * The value to show for the input.
-       */
-      value?: string;
-      /**
-       * Callback function that's called when the text changed.
-       */
-      onChangeText: (value: string) => void;
-      /**
-       * Callback function that's called when the input is completely filled.
-       */
-      onFulfill?: (value: string) => void;
-      /**
-       * Number of character for the input.
-       */
-      length?: number;
-      disabled?: boolean;
-      /**
-       * Whether the pin value is secured using masks.
-       * By default, this is true, meaning that masks are shown to hide pin value.
-       */
-      secure?: boolean;
-      /**
-       * If true, focuses the input on componentDidMount.
-       */
-      autoFocus?: boolean;
-      /**
-       * Error message.
-       */
-      error?: string;
-      /**
-       * Additional style.
-       */
-      style?: StyleProp<ViewStyle>;
-      /**
-       * Testing id of the component.
-       */
-      testID?: string;
-  }
-  export function getState({ disabled, error, }: {
-      disabled?: boolean;
-      error?: string;
-  }): State;
-  function PinInput({ value, onChangeText, onFulfill, length, disabled, secure, autoFocus, error, style, testID, }: PinInputProps): JSX.Element;
-  export default PinInput;
-
-}
-declare module '@hero-design/rn/components/Progress/ProgressBar' {
-  import { StyleProp, ViewStyle, ViewProps } from 'react-native';
-  export interface ProgressBarProps extends ViewProps {
-      /**
-       * The progress completion percentage: 0-100.
-       */
-      value: number;
-      /**
-       * Set intent for your progress.
-       */
-      intent?: 'primary' | 'success' | 'warning' | 'danger' | 'info';
-      /**
-       * Additional style.
-       */
-      style?: StyleProp<ViewStyle>;
-      testID?: string;
-  }
-  const ProgressBar: ({ value, intent, style, testID, ...nativeProps }: ProgressBarProps) => JSX.Element;
-  export default ProgressBar;
-
-}
-declare module '@hero-design/rn/components/Progress/ProgressCircle' {
-  import { ViewProps, StyleProp, ViewStyle } from 'react-native';
-  export interface ProgressCircleProps extends ViewProps {
-      /**
-       * The progress completion percentage: 0-100.
-       */
-      value: number;
-      /**
-       * Set intent for your progress.
-       */
-      intent?: 'primary' | 'success' | 'warning' | 'danger' | 'info';
-      /**
-       * Additional style.
-       */
-      style?: StyleProp<ViewStyle>;
-      testID?: string;
-  }
-  const ProgressCircle: ({ value, intent, style, testID, ...nativeProps }: ProgressCircleProps) => JSX.Element;
-  export default ProgressCircle;
-
-}
-declare module '@hero-design/rn/components/Progress/StyledProgressBar' {
-  import { Animated, View, ViewProps } from 'react-native';
-  import { ThemeIntent } from '@hero-design/rn/components/Progress/types';
-  const StyledWrapper: import("@emotion/native").StyledComponent<ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledInner: import("@emotion/native").StyledComponent<Animated.AnimatedProps<ViewProps & import("react").RefAttributes<View>> & {
-      children?: import("react").ReactNode;
-  } & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeIntent: ThemeIntent;
-  }, {}, {}>;
-  export { StyledWrapper, StyledInner };
-
-}
-declare module '@hero-design/rn/components/Progress/StyledProgressCircle' {
-  import { View, ViewProps } from 'react-native';
-  import { ThemeIntent } from '@hero-design/rn/components/Progress/types';
-  const HalfCircleWrapper: import("@emotion/native").StyledComponent<ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const HalfCircleInnerFG: import("@emotion/native").StyledComponent<ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeIntent: ThemeIntent;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const HalfCircleInnerBG: import("@emotion/native").StyledComponent<ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const DonutCircle: import("@emotion/native").StyledComponent<ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StrokeEnd: import("@emotion/native").StyledComponent<ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeIntent: ThemeIntent;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  export { DonutCircle, HalfCircleWrapper, HalfCircleInnerFG, HalfCircleInnerBG, StrokeEnd, };
-
-}
-declare module '@hero-design/rn/components/Progress/__tests__/index.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Progress/index' {
-  const Progress: {
-      readonly Circle: ({ value, intent, style, testID, ...nativeProps }: import("@hero-design/rn/components/Progress/ProgressCircle").ProgressCircleProps) => JSX.Element;
-      readonly Bar: ({ value, intent, style, testID, ...nativeProps }: import("@hero-design/rn/components/Progress/ProgressBar").ProgressBarProps) => JSX.Element;
-  };
-  export default Progress;
-
-}
-declare module '@hero-design/rn/components/Progress/types' {
-  export type ThemeIntent = 'primary' | 'success' | 'warning' | 'danger' | 'info';
-
-}
-declare module '@hero-design/rn/components/Radio/Radio' {
-  import { ReactElement } from 'react';
-  import { StyleProp, ViewStyle } from 'react-native';
-  export interface RadioProps {
-      /**
-       * Whether the radio is checked.
-       */
-      checked?: boolean;
-      /**
-       * Press event handler.
-       */
-      onPress: () => void;
-      /**
-       * Radio text.
-       */
-      text: string;
-      /**
-       * Additional style.
-       */
-      style?: StyleProp<ViewStyle>;
-      /**
-       * Testing id of the component.
-       */
-      testID?: string;
-  }
-  const Radio: ({ text, checked, onPress, style, testID, }: RadioProps) => ReactElement;
-  export default Radio;
-
-}
-declare module '@hero-design/rn/components/Radio/RadioGroup' {
-  import { ReactElement } from 'react';
-  import { StyleProp, ViewStyle } from 'react-native';
-  import { OptionType } from '@hero-design/rn/components/Radio/types';
-  export interface RadioGroupProps<T> {
-      /**
-       * An array of radio options to be selected.
-       */
-      options: OptionType<T>[];
-      /**
-       * Radio input value.
-       */
-      value: T;
-      /**
-       * Press event handler receiving selected radio's value.
-       */
-      onPress: (value: T) => void;
-      /**
-       * Used to extract a unique key for a given option at the specified index. Key is used for caching and as the react key to track item re-ordering.
-       * The default extractor checks option.key, and then falls back to using the index, like React does.
-       */
-      keyExtractor?: (option: OptionType<T>, index?: number) => string;
-      /**
-       * Additional style.
-       */
-      style?: StyleProp<ViewStyle>;
-      /**
-       * Testing id of the component.
-       */
-      testID?: string;
-  }
-  const RadioGroup: <T>({ value, onPress, options, keyExtractor, style, testID, }: RadioGroupProps<T>) => ReactElement;
-  export default RadioGroup;
-
-}
-declare module '@hero-design/rn/components/Radio/StyledRadio' {
-  import { View, TouchableOpacity } from 'react-native';
-  const Wrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeChecked: boolean;
-  }, {}, {
-      ref?: import("react").Ref<TouchableOpacity> | undefined;
-  }>;
-  const Circle: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeChecked: boolean;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const InnerCircle: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const Spacer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  export { Wrapper, Circle, InnerCircle, Spacer };
-
-}
-declare module '@hero-design/rn/components/Radio/__tests__/Radio.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Radio/__tests__/RadioGroup.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Radio/__tests__/StyledRadio.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Radio/index' {
-  const CompoundRadio: {
-      readonly Group: <T>({ value, onPress, options, keyExtractor, style, testID, }: import("@hero-design/rn/components/Radio/RadioGroup").RadioGroupProps<T>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-  };
-  export default CompoundRadio;
-
-}
-declare module '@hero-design/rn/components/Radio/types' {
-  export type OptionType<T> = {
-      value: T;
-      text: string;
-      key?: string;
-  };
-
-}
-declare module '@hero-design/rn/components/SectionHeading/StyledHeading' {
-  import { View } from 'react-native';
-  const StyledHeading: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledIconWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  export { StyledHeading, StyledIconWrapper, StyledWrapper };
-
-}
-declare module '@hero-design/rn/components/SectionHeading/__tests__/StyledHeading.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/SectionHeading/__tests__/index.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/SectionHeading/index' {
-  import { ReactElement } from 'react';
-  import { StyleProp, ViewProps, ViewStyle } from 'react-native';
-  import { IconName } from '@hero-design/rn/components/Icon/index';
-  export interface SectionHeadingProps extends ViewProps {
-      /**
-       * Heading text.
-       */
-      text: string | ReactElement;
-      /**
-       * Name of the Icon.
-       */
-      icon?: IconName;
-      /**
-       * Right corner content
-       */
-      rightChildren?: ReactElement;
-      /**
-       * Size of the text.
-       */
-      fontSize?: 'small' | 'medium' | 'large' | 'xlarge';
-      /**
-       * Heading's font-weight.
-       */
-      fontWeight?: 'light' | 'regular' | 'semi-bold';
-      /**
-       * Visual intent color to apply to text.
-       */
-      intent?: 'subdued' | 'body' | 'primary';
-      /**
-       * Additional style.
-       */
-      style?: StyleProp<ViewStyle>;
-      /**
-       * Testing id of the component.
-       */
-      testID?: string;
-  }
-  const SectionHeading: ({ icon, text, rightChildren, fontSize, intent, fontWeight, style, testID, }: SectionHeadingProps) => ReactElement;
-  export default SectionHeading;
-
-}
-declare module '@hero-design/rn/components/Select/Footer' {
-  const Footer: ({ label, onPress }: {
-      label: string;
-      onPress: () => void;
-  }) => JSX.Element;
-  export default Footer;
-
-}
-declare module '@hero-design/rn/components/Select/MultiSelect/Option' {
-  const Option: ({ text, selected, onPress, }: {
-      text: string;
-      selected: boolean;
-      onPress: () => void;
-  }) => JSX.Element;
-  export default Option;
-
-}
-declare module '@hero-design/rn/components/Select/MultiSelect/OptionList' {
-  import { MultiSelectProps } from '@hero-design/rn/components/Select/MultiSelect/index';
-  interface OptionListProps<T> extends MultiSelectProps<T> {
-      /**
-       * event handler for select
-       */
-      onPress: (value: T[]) => void;
-  }
-  const OptionList: <T>({ keyExtractor, loading, onEndReached, onPress, onQueryChange, options, value, }: Pick<OptionListProps<T>, "loading" | "onPress" | "value" | "options" | "keyExtractor" | "onEndReached" | "onQueryChange">) => JSX.Element;
-  export default OptionList;
-
-}
-declare module '@hero-design/rn/components/Select/MultiSelect/__tests__/Option.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Select/MultiSelect/__tests__/OptionList.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Select/MultiSelect/__tests__/index.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Select/MultiSelect/index' {
-  import { SelectProps } from '@hero-design/rn/components/Select/types';
-  export interface MultiSelectProps<T> extends SelectProps<T> {
-      /**
-       * Current selected value.
-       */
-      value: T[];
-      /**
-       * event handler for footer button.
-       */
-      onConfirm: (value: T[]) => void;
-      /**
-       * Footer label.
-       */
-      footerLabel: string;
-  }
-  function MultiSelect<T>({ footerLabel, label, loading, onConfirm, onDimiss, onEndReached, onQueryChange, options, query, style, testID, value, }: MultiSelectProps<T>): JSX.Element;
-  export default MultiSelect;
-
-}
-declare module '@hero-design/rn/components/Select/SingleSelect/Option' {
-  const Option: ({ text, selected, onPress, }: {
-      text: string;
-      selected: boolean;
-      onPress: () => void;
-  }) => JSX.Element;
-  export default Option;
-
-}
-declare module '@hero-design/rn/components/Select/SingleSelect/OptionList' {
-  import { SingleSelectProps } from '@hero-design/rn/components/Select/SingleSelect/index';
-  interface OptionListProps<T> extends SingleSelectProps<T> {
-      /**
-       * event handler for select
-       */
-      onPress: (value: T | null) => void;
-  }
-  const OptionList: <T>({ keyExtractor, loading, onEndReached, onPress, onQueryChange, options, value, }: Pick<OptionListProps<T>, "loading" | "onPress" | "value" | "options" | "keyExtractor" | "onEndReached" | "onQueryChange">) => JSX.Element;
-  export default OptionList;
-
-}
-declare module '@hero-design/rn/components/Select/SingleSelect/__tests__/Option.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Select/SingleSelect/__tests__/OptionList.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Select/SingleSelect/__tests__/index.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Select/SingleSelect/index' {
-  import { SelectProps } from '@hero-design/rn/components/Select/types';
-  export interface SingleSelectProps<T> extends SelectProps<T> {
-      /**
-       * Current selected value.
-       */
-      value: T | null;
-      /**
-       * on select event handler
-       */
-      onConfirm: (value: T | null) => void;
-  }
-  const SingleSelect: <T>({ label, loading, onConfirm, onDimiss, onEndReached, onQueryChange, options, query, style, testID, value, }: SingleSelectProps<T>) => JSX.Element;
-  export default SingleSelect;
-
-}
-declare module '@hero-design/rn/components/Select/StyledOptionList' {
-  import React from 'react';
-  import { OptionType, SelectProps } from '@hero-design/rn/components/Select/types';
-  export interface RenderItemProps<T> {
-      item: OptionType<T>;
-  }
-  export interface OptionListProps<T> extends SelectProps<T> {
-      /**
-       * FlatList renderItem Element
-       */
-      RenderItem: React.FC<RenderItemProps<T>>;
-      /**
-       * Selected scroll index
-       */
-      scrollIndex?: number;
-  }
-  const StyledOptionList: <T>({ keyExtractor, loading, onEndReached, onQueryChange, options, RenderItem, scrollIndex, }: Pick<OptionListProps<T>, "loading" | "options" | "keyExtractor" | "scrollIndex" | "onEndReached" | "RenderItem" | "onQueryChange">) => JSX.Element;
-  export default StyledOptionList;
-
-}
-declare module '@hero-design/rn/components/Select/StyledSelect' {
-  import { View, TouchableOpacity } from 'react-native';
-  const OptionWrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeSelected: boolean;
-  }, {}, {
-      ref?: import("react").Ref<TouchableOpacity> | undefined;
-  }>;
-  const Spacer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const FooterText: import("@emotion/native").StyledComponent<import("../Typography/Text").TextProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {}>;
-  const StyledSearchBar: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  export { OptionWrapper, Spacer, FooterText, StyledSearchBar };
-
-}
-declare module '@hero-design/rn/components/Select/__tests__/StyledSelect.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Select/helpers' {
-  import { OptionType } from '@hero-design/rn/components/Select/types';
-  export const getKey: <T>(option: OptionType<T>, index: number, keyExtractor?: ((opt: OptionType<T>, i?: number | undefined) => string) | undefined) => import("react").Key;
-
-}
-declare module '@hero-design/rn/components/Select/index' {
-  import MultiSelect from '@hero-design/rn/components/Select/MultiSelect/index';
-  const _default: (<T>({ label, loading, onConfirm, onDimiss, onEndReached, onQueryChange, options, query, style, testID, value, }: import("@hero-design/rn/components/Select/SingleSelect/index").SingleSelectProps<T>) => JSX.Element) & {
-      Multi: typeof MultiSelect;
-  };
-  export default _default;
-
-}
-declare module '@hero-design/rn/components/Select/types' {
-  import { StyleProp, ViewStyle } from 'react-native';
-  type OptionType<T> = {
-      value: T;
-      text: string;
-      key?: string;
-  };
-  export interface SelectProps<T> {
-      /**
-       * An array of options to be selected.
-       */
-      options: OptionType<T>[];
-      /**
-       * Used to extract a unique key for a given option at the specified index. Key is used for caching and as the react key to track item re-ordering.
-       * The default extractor checks option.key, and then falls back to using the index, like React does.
-       */
-      keyExtractor?: (option: OptionType<T>, index?: number) => string;
-      /**
-       * Current search value.
-       */
-      query?: string;
-      /**
-       * Search bar onChangeText event handler
-       */
-      onQueryChange?: (value: string) => void;
-      /**
-       * Event handler when selection dimiss
-       */
-      onDimiss?: () => void;
-      /**
-       * Event handler when end of the list reached
-       */
-      onEndReached?: () => void;
-      /**
-       * Show indicator at bottom of option list
-       */
-      loading?: boolean;
-      /**
-       * Field label.
-       */
-      label: string;
-      /**
-       * Additional style.
-       */
-      style?: StyleProp<ViewStyle>;
-      /**
-       * Testing id of the component.
-       */
-      testID?: string;
-  }
-  export { OptionType };
-
-}
-declare module '@hero-design/rn/components/Spinner/AnimatedSpinner' {
-  const AnimatedSpinner: () => JSX.Element;
-  export { AnimatedSpinner };
-
-}
-declare module '@hero-design/rn/components/Spinner/StyledSpinner' {
-  import { View, ViewProps } from 'react-native';
-  const StyledView: import("@emotion/native").StyledComponent<ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledSpinnerContainer: import("@emotion/native").StyledComponent<ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledSpinnerRow: import("@emotion/native").StyledComponent<ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themePosition: 'top' | 'bottom';
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledSpinnerDot: import("@emotion/native").StyledComponent<ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themePosition: 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  export { StyledView, StyledSpinnerContainer, StyledSpinnerRow, StyledSpinnerDot, };
-
-}
-declare module '@hero-design/rn/components/Spinner/__tests__/AnimatedSpinner.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Spinner/__tests__/StyledSpinner.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Spinner/__tests__/index.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Spinner/index' {
-  import { ReactElement } from 'react';
-  import { ViewProps } from 'react-native';
-  interface SpinnerProps extends ViewProps {
-      /**
-       * Testing id of the component.
-       */
-      testID?: string;
-  }
-  const Spinner: ({ testID, ...nativeProps }: SpinnerProps) => ReactElement;
-  export default Spinner;
-
-}
-declare module '@hero-design/rn/components/Switch/StyledSwitch' {
-  import { Animated, View } from 'react-native';
-  type ThemeSize = 'small' | 'medium';
-  const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeChecked: boolean | undefined;
-      themeSize: ThemeSize;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledDisabledWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeSize: ThemeSize;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledThumbWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeSize: ThemeSize;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledKnot: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
-      children?: import("react").ReactNode;
-  } & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeSize: ThemeSize;
-  }, {}, {}>;
-  export { StyledWrapper, StyledDisabledWrapper, StyledThumbWrapper, StyledKnot };
-
-}
-declare module '@hero-design/rn/components/Switch/__tests__/StyledHeading.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Switch/__tests__/index.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Switch/index' {
-  import { ReactElement } from 'react';
-  import { StyleProp, ViewStyle } from 'react-native';
-  export interface SwitchProps {
-      /**
-       * Control whether the switch is checked
-       */
-      checked?: boolean;
-      /**
-       * Whether the switch is disabled
-       */
-      disabled?: boolean;
-      /**
-       * Event handler.
-       */
-      onPress?: () => void;
-      /**
-       * Size of the switch
-       */
-      size?: 'small' | 'medium';
-      /**
-       * Additional style.
-       */
-      style?: StyleProp<ViewStyle>;
-      /**
-       * Testing id of the component.
-       */
-      testID?: string;
-  }
-  const Switch: ({ size, disabled, checked, onPress, style, testID, }: SwitchProps) => ReactElement;
-  export default Switch;
-
-}
-declare module '@hero-design/rn/components/Tabs/ActiveTabIndicator' {
-  import { Animated } from 'react-native';
-  const ActiveTabIndicator: ({ scrollOffsetAnimatedValue, positionAnimatedValue, tabsLength, tabsWidth, }: {
-      scrollOffsetAnimatedValue: Animated.Value;
-      positionAnimatedValue: Animated.Value;
-      tabsLength: number;
-      tabsWidth: number;
-  }) => JSX.Element;
-  export default ActiveTabIndicator;
-
-}
-declare module '@hero-design/rn/components/Tabs/ScrollableTabs' {
-  import { TabsProps } from '@hero-design/rn/components/Tabs/index';
-  const ScrollableTab: ({ onTabPress, selectedTabKey, tabs, containerStyle, barStyle, lazy, lazyPreloadDistance, }: TabsProps) => JSX.Element;
-  export default ScrollableTab;
-
-}
-declare module '@hero-design/rn/components/Tabs/StyledScrollableTabs' {
-  import { Animated, View } from 'react-native';
-  import PagerView from 'react-native-pager-view';
-  const TabScreen: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const TabContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const ContentWrapper: import("@emotion/native").StyledComponent<import("react-native-pager-view").PagerViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<PagerView> | undefined;
-  }>;
-  const HeaderTabWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeInsets: {
-          top: number;
-          right: number;
-          bottom: number;
-          left: number;
-      };
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const HeaderTabItem: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
-      children?: import("react").ReactNode;
-  } & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {}>;
-  const HeaderTabItemOutlineWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const HeaderTabItemOutline: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
-      children?: import("react").ReactNode;
-  } & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeActive: boolean;
-  }, {}, {}>;
-  const HeaderTabItemWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  export { HeaderTabItem, TabScreen, TabContainer, HeaderTabWrapper, ContentWrapper, HeaderTabItemOutlineWrapper, HeaderTabItemOutline, HeaderTabItemWrapper, };
-
-}
-declare module '@hero-design/rn/components/Tabs/StyledTabs' {
-  import { Animated, View } from 'react-native';
-  import PagerView from 'react-native-pager-view';
-  const TabContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const HeaderTabWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeInsets: {
-          top: number;
-          right: number;
-          bottom: number;
-          left: number;
-      };
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const HeaderTab: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const HeaderTabItem: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const ContentWrapper: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native-pager-view").PagerViewProps & import("react").RefAttributes<PagerView>> & {
-      children?: import("react").ReactNode;
-  } & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {}>;
-  const TabScreen: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledIndicator: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
-      children?: import("react").ReactNode;
-  } & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeWidth: number;
-  }, {}, {}>;
-  export { TabContainer, HeaderTabWrapper, HeaderTab, HeaderTabItem, ContentWrapper, TabScreen, StyledIndicator, };
-
-}
-declare module '@hero-design/rn/components/Tabs/__tests__/ScrollableTabs.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Tabs/__tests__/index.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Tabs/index' {
-  import { ReactNode } from 'react';
-  import { StyleProp, ViewStyle, ViewProps } from 'react-native';
-  import { IconName } from '@hero-design/rn/components/Icon/index';
-  export type ItemType = string | IconName | ((props: {
-      color: string;
-  }) => ReactNode);
-  export type TabType = {
-      key: string;
-      activeItem: ItemType;
-      inactiveItem?: ItemType;
-      component: ReactNode;
-      testID?: string;
-      showBadge?: boolean;
-  };
-  export interface TabsProps extends ViewProps {
-      /**
-       * Callback which is called on tab press, receiving key of upcoming active Tab.
-       */
-      onTabPress: (key: string) => void;
-      /**
-       * Current selected tab key.
-       */
-      selectedTabKey: string;
-      /**
-       * List of Tabs to be rendered. Each Tab must have an unique key.
-       */
-      tabs: TabType[];
-      /**
-       * Style for the container of Tab.
-       */
-      containerStyle?: StyleProp<ViewStyle>;
-      /**
-       * Style for the tab navigation bar.
-       */
-      barStyle?: StyleProp<ViewStyle>;
-      /**
-       * Whether inactive screen should be removed and unmounted in React.
-       * Defaults value is `false`.
-       */
-      lazy?: boolean;
-      /**
-       * Only work when lazy is `true`. You can specify how many adjacent screens should be preloaded.
-       * Defaults value is `1`.
-       */
-      lazyPreloadDistance?: number;
-      /**
-       * Testing id of the component.
-       */
-      testID?: string;
-  }
-  const _default: (({ onTabPress, selectedTabKey, tabs, containerStyle, barStyle, lazy, lazyPreloadDistance, }: TabsProps) => JSX.Element) & {
-      Scroll: ({ onTabPress, selectedTabKey, tabs, containerStyle, barStyle, lazy, lazyPreloadDistance, }: TabsProps) => JSX.Element;
-  };
-  export default _default;
-
-}
-declare module '@hero-design/rn/components/Tabs/utils' {
-  import { Animated } from 'react-native';
-  export const useAnimatedValueArray: (initialValues: number[]) => Animated.Value[];
-
-}
-declare module '@hero-design/rn/components/Tag/StyledTag' {
-  import { View, Text } from 'react-native';
-  type ThemeIntent = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger' | 'archived';
-  const StyledView: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeIntent: ThemeIntent;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledText: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeIntent: ThemeIntent;
-  }, {}, {
-      ref?: import("react").Ref<Text> | undefined;
-  }>;
-  export { StyledView, StyledText };
-
-}
-declare module '@hero-design/rn/components/Tag/__tests__/Tag.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Tag/index' {
-  import { StyleProp, ViewStyle, ViewProps } from 'react-native';
-  interface TagProps extends ViewProps {
-      /**
-       * Content of the Tag.
-       */
-      content: string;
-      /**
-       * Visual intent color to apply to Tag.
-       */
-      intent?: 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger' | 'archived';
-      /**
-       * Additional style.
-       */
-      style?: StyleProp<ViewStyle>;
-      /**
-       * Testing id of the component.
-       */
-      testID?: string;
-  }
-  const Tag: ({ content, intent, style, testID, ...nativeProps }: TagProps) => JSX.Element;
-  export default Tag;
-
-}
-declare module '@hero-design/rn/components/TextInput/StyledTextInput' {
-  import { TextInput, View } from 'react-native';
-  export type Variant = 'default' | 'filled' | 'focused' | 'disabled' | 'readonly' | 'error';
-  const StyledContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledLabelContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledLabel: import("@emotion/native").StyledComponent<import("../Typography/Text").TextProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeVariant: Variant;
-  }, {}, {}>;
-  const StyledAsteriskLabel: import("@emotion/native").StyledComponent<import("../Typography/Text").TextProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeVariant: Variant;
-  }, {}, {}>;
-  const StyledLabelContainerInsideTextInput: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledLabelInsideTextInput: import("@emotion/native").StyledComponent<import("../Typography/Text").TextProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeVariant: Variant;
-  }, {}, {}>;
-  const StyledAsteriskLabelInsideTextInput: import("@emotion/native").StyledComponent<import("../Typography/Text").TextProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeVariant: Variant;
-  }, {}, {}>;
-  const StyledErrorContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledError: import("@emotion/native").StyledComponent<import("../Typography/Text").TextProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {}>;
-  const StyledMaxLengthMessage: import("@emotion/native").StyledComponent<import("../Typography/Text").TextProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeVariant: Variant;
-  }, {}, {}>;
-  const StyledHelperText: import("@emotion/native").StyledComponent<import("../Typography/Text").TextProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {}>;
-  const StyledTextInput: import("@emotion/native").StyledComponent<import("react-native").TextInputProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<TextInput> | undefined;
-  }>;
-  const StyledBorderBackDrop: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeVariant: Variant;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledTextInputContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledTextInputAndLabelContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledErrorAndHelpTextContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const StyledErrorAndMaxLengthContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  export { StyledTextInputContainer, StyledLabel, StyledLabelContainer, StyledAsteriskLabel, StyledAsteriskLabelInsideTextInput, StyledTextInput, StyledError, StyledMaxLengthMessage, StyledLabelInsideTextInput, StyledContainer, StyledErrorContainer, StyledHelperText, StyledTextInputAndLabelContainer, StyledLabelContainerInsideTextInput, StyledErrorAndHelpTextContainer, StyledBorderBackDrop, StyledErrorAndMaxLengthContainer, };
-
-}
-declare module '@hero-design/rn/components/TextInput/__tests__/StyledTextInput.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/TextInput/__tests__/index.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/TextInput/index' {
-  import React from 'react';
-  import { TextInputProps as NativeTextInputProps, StyleProp, ViewStyle, TextStyle } from 'react-native';
-  import { Variant } from '@hero-design/rn/components/TextInput/StyledTextInput';
-  import { IconName } from '@hero-design/rn/components/Icon/index';
-  export interface TextInputProps extends NativeTextInputProps {
-      /**
-       * Field label.
-       */
-      label?: string;
-      /**
-       * Name of Icon or ReactElement to render on the left side of the input, before the user's cursor.
-       */
-      prefix?: IconName | React.ReactElement;
-      /**
-       * Name of Icon or ReactElement to render on the right side of the input.
-       */
-      suffix?: IconName | React.ReactElement;
-      /**
-       * Additional wrapper style.
-       */
-      style?: StyleProp<ViewStyle>;
-      /**
-       * Input text style.
-       */
-      textStyle?: StyleProp<TextStyle>;
-      /**
-       * Testing id of the component.
-       */
-      testID?: string;
-      /**
-       * Accessibility label for the input (Android).
-       */
-      accessibilityLabelledBy?: string;
-      /**
-       * Error message to display.
-       */
-      error?: string;
-      /**
-       *  Whether the input is required, if true, an asterisk will be appended to the label.
-       * */
-      required?: boolean;
-      /**
-       *  Placeholder text to display.
-       * */
-      placeholder?: string;
-      /**
-       * Whether the input is editable.
-       * */
-      editable?: boolean;
-      disabled?: boolean;
-      maxLength?: number;
-      helpText?: string;
-  }
-  export const getVariant: ({ disabled, error, editable, isFocused, isEmptyValue, }: {
-      disabled?: boolean | undefined;
-      error?: string | undefined;
-      editable?: boolean | undefined;
-      isFocused?: boolean | undefined;
-      isEmptyValue?: boolean | undefined;
-  }) => Variant;
-  const TextInput: ({ label, prefix, suffix, style, textStyle, testID, accessibilityLabelledBy, error, required, editable, disabled, maxLength, helpText, value, defaultValue, ...nativeProps }: TextInputProps) => JSX.Element;
-  export default TextInput;
-
-}
-declare module '@hero-design/rn/components/TimePicker/StyledTimePicker' {
-  import { View, ViewProps } from 'react-native';
-  const StyledPickerWrapper: import("@emotion/native").StyledComponent<ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  export { StyledPickerWrapper };
-
-}
-declare module '@hero-design/rn/components/TimePicker/TimePickerAndroid' {
-  import { TimePickerProps } from '@hero-design/rn/components/TimePicker/types';
-  const TimePickerAndroid: ({ value, label, placeholder, onChange, displayFormat, disabled, required, error, style, testID, }: TimePickerProps) => JSX.Element;
-  export default TimePickerAndroid;
-
-}
-declare module '@hero-design/rn/components/TimePicker/TimePickerIOS' {
-  import { TimePickerProps } from '@hero-design/rn/components/TimePicker/types';
-  const TimePickerIOS: ({ value, label, placeholder, onChange, confirmLabel, displayFormat, disabled, required, error, style, testID, }: TimePickerProps) => JSX.Element;
-  export default TimePickerIOS;
-
-}
-declare module '@hero-design/rn/components/TimePicker/__tests__/TimePicker.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/TimePicker/__tests__/TimePickerAndroid.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/TimePicker/__tests__/TimePickerIOS.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/TimePicker/index' {
-  import { TimePickerProps } from '@hero-design/rn/components/TimePicker/types';
-  const TimePicker: (props: TimePickerProps) => JSX.Element;
-  export default TimePicker;
-
-}
-declare module '@hero-design/rn/components/TimePicker/types' {
-  import { StyleProp, ViewStyle } from 'react-native';
-  export interface TimePickerProps {
-      /**
-       * Time picker input label.
-       */
-      label: string;
-      /**
-       * Current time value. Must be in correct default format or format provided via format prop.
-       */
-      value?: Date;
-      /**
-       * Input placeholder. Time format will be used as placeholder if not specified.
-       */
-      placeholder?: string;
-      /**
-       * Callback that is called when new value is selected.
-       */
-      onChange: (value: Date) => void;
-      /**
-       * Confirm label text. iOS only.
-       */
-      confirmLabel: string;
-      /**
-       * Time display format of current value presented on the input. Default format is: HH:mm aa.
-       * Following date-fns's format (https://date-fns.org/v2.16.1/docs/format).
-       * This also change how the time picker display between 24 hour and 12 hour mode.
-       */
-      displayFormat?: string;
-      /**
-       * Whether the Time picker is disabled.
-       */
-      disabled?: boolean;
-      /**
-       * Error message to display.
-       */
-      error?: string;
-      /**
-       *  Whether the value is required, if true, an asterisk will be appended to the label.
-       */
-      required?: boolean;
-      /**
-       * Addtional style.
-       */
-      style?: StyleProp<ViewStyle>;
-      /**
-       * Testing id of the component..
-       */
-      testID?: string;
-  }
-
-}
-declare module '@hero-design/rn/components/Toast/StyledToast' {
-  import { Animated, TouchableOpacity, View, ViewProps } from 'react-native';
-  const ToastContainerWrapper: import("@emotion/native").StyledComponent<ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      position: 'top' | 'bottom';
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const Container: import("@emotion/native").StyledComponent<Animated.AnimatedProps<ViewProps & import("react").RefAttributes<View>> & {
-      children?: import("react").ReactNode;
-  } & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeVariant: 'default' | 'round';
-      themeIntent: 'success' | 'info' | 'warning' | 'error';
-  }, {}, {}>;
-  const IconContainer: import("@emotion/native").StyledComponent<ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const TextContainer: import("@emotion/native").StyledComponent<ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const ContentContainer: import("@emotion/native").StyledComponent<ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      showDivider: boolean;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const CTAWrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<TouchableOpacity> | undefined;
-  }>;
-  export { ToastContainerWrapper, Container, ContentContainer, TextContainer, IconContainer, CTAWrapper, };
-
-}
-declare module '@hero-design/rn/components/Toast/Toast' {
-  import { ReactElement } from 'react';
-  import { StyleProp, ViewStyle } from 'react-native';
-  import { IconName } from '@hero-design/rn/components/Icon/index';
-  export interface ToastProps {
-      /**
-       * Toast content.
-       */
-      content: string | ReactElement;
-      /**
-       * Icon name of the Toast.
-       * - undefined: use default icon according to Toast intent.
-       * - null: no icon at all.
-       * - IconName: an icon identifier from hero-design icon list.
-       */
-      icon?: null | IconName;
-      /**
-       * Visual intent color to apply to alert.
-       */
-      intent?: 'success' | 'info' | 'warning' | 'error';
-      /**
-       * Toast variants
-       */
-      variant?: 'default' | 'round';
-      /**
-       * Whether the toast message should be dismissed after the duration expired.
-       */
-      autoDismiss?: boolean;
-      /**
-       * Duration (in miliseconds) of how long the toast message will be displayed before it disapprears.
-       */
-      duration?: number;
-      /**
-       * Display action button with passed on the right side of the toast message.
-       * This action button will will dismiss the toast on pressed.
-       */
-      actionLabel?: string | ReactElement;
-      /**
-       * Callback that will be called when the action button of the toast is pressed.
-       */
-      onAction?: () => void;
-      /**
-       * Callback that will be called when the toast message is dismissed.
-       */
-      onDismiss?: () => void;
-      /**
-       * Addtitional style.
-       */
-      style?: StyleProp<ViewStyle>;
-  }
-  const Toast: ({ content, icon, variant, intent, style, duration, autoDismiss, onAction, actionLabel, onDismiss, }: ToastProps) => JSX.Element;
-  export default Toast;
-
-}
-declare module '@hero-design/rn/components/Toast/ToastContainer' {
-  import React from 'react';
-  import { ToastControllerContextType } from '@hero-design/rn/components/Toast/ToastContext';
-  import { StyleProp, ViewStyle } from 'react-native';
-  export interface ToastContainerProps {
-      /**
-       * Displays multiple toasts at a time or one by one.
-       */
-      displayType?: 'single' | 'stack';
-      /**
-       * Position that the toast message will appear on the screen.
-       */
-      position?: 'top' | 'bottom';
-      /**
-       * Additional style for toasts container.
-       */
-      style?: StyleProp<ViewStyle>;
-  }
-  const ToastContainer: React.ForwardRefExoticComponent<ToastContainerProps & React.RefAttributes<ToastControllerContextType>>;
-  export default ToastContainer;
-
-}
-declare module '@hero-design/rn/components/Toast/ToastContext' {
-  import { ToastProps } from '@hero-design/rn/components/Toast/Toast';
-  import { ToastContainerProps } from '@hero-design/rn/components/Toast/ToastContainer';
-  export type ToastControllerContextType = {
-      show: (props: Omit<ToastProps, 'position'>) => string;
-      hide: (id: string) => void;
-      clearAll: () => void;
-  };
-  export const ToastContext: import("react").Context<ToastControllerContextType>;
-  export type ToastConfigContextType = Pick<ToastContainerProps, 'position' | 'displayType'>;
-  export const ToastConfigContext: import("react").Context<ToastConfigContextType>;
-  export const useToastConfig: () => ToastConfigContextType;
-  export const useToast: () => ToastControllerContextType;
-
-}
-declare module '@hero-design/rn/components/Toast/ToastProvider' {
-  import { ReactNode } from 'react';
-  import { ToastContainerProps } from '@hero-design/rn/components/Toast/ToastContainer';
-  type ToastProviderProps = {
-      /**
-       * Content to be wrapped.
-       */
-      children?: ReactNode;
-  } & ToastContainerProps;
-  const ToastProvider: ({ children, displayType, position, }: ToastProviderProps) => JSX.Element;
-  export default ToastProvider;
-
-}
-declare module '@hero-design/rn/components/Toast/__tests__/Toast.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Toast/__tests__/ToastContainer.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Toast/index' {
-  const Toast: {
-      Provider: ({ children, displayType, position, }: {
-          children?: import("react").ReactNode;
-      } & import("@hero-design/rn/components/Toast/ToastContainer").ToastContainerProps) => JSX.Element;
-      Container: import("react").ForwardRefExoticComponent<import("./ToastContainer").ToastContainerProps & import("react").RefAttributes<import("./ToastContext").ToastControllerContextType>>;
-      useToast: () => import("@hero-design/rn/components/Toast/ToastContext").ToastControllerContextType;
-  };
-  export default Toast;
-
-}
-declare module '@hero-design/rn/components/Toolbar/StyledToolbar' {
-  import { TouchableOpacity, View, ViewProps } from 'react-native';
-  const ToolbarWrapper: import("@emotion/native").StyledComponent<ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const ToolbarGroupWrapper: import("@emotion/native").StyledComponent<ViewProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      align: 'left' | 'center' | 'right';
-  }, {}, {
-      ref?: import("react").Ref<View> | undefined;
-  }>;
-  const ToolbarItemWrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  }, {}, {
-      ref?: import("react").Ref<TouchableOpacity> | undefined;
-  }>;
-  export { ToolbarWrapper, ToolbarGroupWrapper, ToolbarItemWrapper };
-
-}
-declare module '@hero-design/rn/components/Toolbar/ToolbarGroup' {
-  import { ToolbarItemProps } from '@hero-design/rn/components/Toolbar/ToolbarItem';
-  export interface ToolbarGroupProps {
-      /**
-       * List of action items in the toolbar group.
-       */
-      items?: ToolbarItemProps[];
-      /**
-       * Alignment of the items in the group.
-       */
-      align: 'left' | 'center' | 'right';
-  }
-  const ToolbarGroup: ({ align, items }: ToolbarGroupProps) => JSX.Element;
-  export default ToolbarGroup;
-
-}
-declare module '@hero-design/rn/components/Toolbar/ToolbarItem' {
-  import { IconName } from '@hero-design/rn/components/Icon/index';
-  export interface ToolbarItemProps {
-      /**
-       * Visual intent of the toolbar item.
-       */
-      intent?: 'primary' | 'info' | 'success' | 'danger' | 'warning';
-      /**
-       * Icon of the toolbar item.
-       */
-      icon?: IconName;
-      /**
-       * Action label of the toolbar item.
-       */
-      label?: string;
-      /**
-       * Callback that trigger when user press the toolbar item.
-       */
-      onPress?: () => void;
-      /**
-       * Whether the toolbar item is disabled.
-       */
-      disabled?: boolean;
-  }
-  const ToolbarItem: ({ icon, label, onPress, intent, disabled, }: ToolbarItemProps) => JSX.Element;
-  export default ToolbarItem;
-
-}
-declare module '@hero-design/rn/components/Toolbar/__tests__/ToolbarGroup.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Toolbar/__tests__/ToolbarItem.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Toolbar/index' {
-  import { ReactNode } from 'react';
-  export interface ToolbarProps {
-      /**
-       * Toolbar's content.
-       */
-      children?: ReactNode;
-  }
-  const _default: (({ children }: ToolbarProps) => JSX.Element) & {
-      Group: ({ align, items }: import("@hero-design/rn/components/Toolbar/ToolbarGroup").ToolbarGroupProps) => JSX.Element;
-  };
-  export default _default;
-
-}
-declare module '@hero-design/rn/components/Typography/Text/StyledText' {
-  import { Text } from 'react-native';
-  const StyledText: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
-      theme?: import("@emotion/react").Theme | undefined;
-      as?: import("react").ElementType<any> | undefined;
-  } & {
-      themeFontSize: 'small' | 'medium' | 'large' | 'xlarge' | 'xxxxxlarge';
-      themeFontWeight: 'light' | 'regular' | 'semi-bold';
-      themeIntent: 'body' | 'subdued' | 'primary' | 'success' | 'info' | 'warning' | 'danger';
-  }, {}, {
-      ref?: import("react").Ref<Text> | undefined;
-  }>;
-  export { StyledText };
-
-}
-declare module '@hero-design/rn/components/Typography/Text/__tests__/StyledText.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Typography/Text/__tests__/index.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/components/Typography/Text/index' {
-  import { ReactNode } from 'react';
-  import { TextProps as NativeTextProps, StyleProp, TextStyle } from 'react-native';
-  export interface TextProps extends NativeTextProps {
-      /**
-       * Text content.
-       */
-      children: ReactNode;
-      /**
-       * Size of the text.
-       */
-      fontSize?: 'small' | 'medium' | 'large' | 'xlarge' | 'xxxxxlarge';
-      /**
-       * Font weight of the text.
-       */
-      fontWeight?: 'light' | 'regular' | 'semi-bold';
-      /**
-       * Visual intent color to apply to the text.
-       */
-      intent?: 'body' | 'subdued' | 'primary' | 'success' | 'info' | 'warning' | 'danger';
-      /**
-       * Additional style.
-       */
-      style?: StyleProp<TextStyle>;
-      /**
-       * Testing id of the component.
-       */
-      testID?: string;
-  }
-  const Text: ({ children, fontSize, fontWeight, intent, ...nativeProps }: TextProps) => JSX.Element;
-  export default Text;
-
-}
-declare module '@hero-design/rn/components/Typography/index' {
-  import Text from '@hero-design/rn/components/Typography/Text/index';
-  interface TypographyProps {
-      Text: typeof Text;
-  }
-  const Typography: TypographyProps;
-  export default Typography;
-
-}
-declare module '@hero-design/rn/index' {
-  import theme, { getTheme, ThemeProvider, useTheme } from '@hero-design/rn/theme/index';
-  import { scale } from '@hero-design/rn/utils/scale';
-  import Alert from '@hero-design/rn/components/Alert/index';
-  import Avatar from '@hero-design/rn/components/Avatar/index';
-  import Badge from '@hero-design/rn/components/Badge/index';
-  import BottomNavigation from '@hero-design/rn/components/BottomNavigation/index';
-  import BottomSheet from '@hero-design/rn/components/BottomSheet/index';
-  import Button from '@hero-design/rn/components/Button/index';
-  import Card from '@hero-design/rn/components/Card/index';
-  import Collapse from '@hero-design/rn/components/Collapse/index';
-  import Checkbox from '@hero-design/rn/components/Checkbox/index';
-  import ContentNavigator from '@hero-design/rn/components/ContentNavigator/index';
-  import DatePicker from '@hero-design/rn/components/DatePicker/index';
-  import Divider from '@hero-design/rn/components/Divider/index';
-  import Drawer from '@hero-design/rn/components/Drawer/index';
-  import FAB from '@hero-design/rn/components/FAB/index';
-  import Icon from '@hero-design/rn/components/Icon/index';
-  import List from '@hero-design/rn/components/List/index';
-  import PinInput from '@hero-design/rn/components/PinInput/index';
-  import Progress from '@hero-design/rn/components/Progress/index';
-  import Spinner from '@hero-design/rn/components/Spinner/index';
-  import Radio from '@hero-design/rn/components/Radio/index';
-  import SectionHeading from '@hero-design/rn/components/SectionHeading/index';
-  import Select from '@hero-design/rn/components/Select/index';
-  import Switch from '@hero-design/rn/components/Switch/index';
-  import Tabs from '@hero-design/rn/components/Tabs/index';
-  import Tag from '@hero-design/rn/components/Tag/index';
-  import TextInput from '@hero-design/rn/components/TextInput/index';
-  import TimePicker from '@hero-design/rn/components/TimePicker/index';
-  import Toast from '@hero-design/rn/components/Toast/index';
-  import Toolbar from '@hero-design/rn/components/Toolbar/index';
-  import Typography from '@hero-design/rn/components/Typography/index';
-  export { theme, getTheme, useTheme, scale, ThemeProvider, Alert, Avatar, Badge, BottomNavigation, BottomSheet, Button, Card, Collapse, Checkbox, ContentNavigator, DatePicker, Divider, Drawer, FAB, Icon, List, PinInput, Progress, Spinner, Radio, SectionHeading, Select, Switch, Tabs, Tag, TextInput, TimePicker, Toast, Toolbar, Typography, };
-  export * from '@hero-design/rn/types';
-
-}
-declare module '@hero-design/rn/testHelpers/renderWithTheme' {
-  import { RenderOptions } from '@testing-library/react-native';
-  const renderWithTheme: (ui: JSX.Element, options?: RenderOptions | undefined) => import("@testing-library/react-native").RenderAPI;
-  export default renderWithTheme;
-
-}
-declare module '@hero-design/rn/theme/__tests__/index.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/theme/components/alert' {
-  import { GlobalTheme } from '@hero-design/rn/theme/global/index';
-  const getAlertTheme: (theme: GlobalTheme) => {
-      colors: {
-          success: string;
-          warning: string;
-          error: string;
-          info: string;
-          divider: string;
-      };
-      radii: {
-          default: number;
-      };
-      sizes: {
-          height: number;
-      };
-      space: {
-          padding: number;
-      };
-      borderWidths: {
-          base: number;
-      };
-  };
-  export default getAlertTheme;
-
-}
-declare module '@hero-design/rn/theme/components/avatar' {
-  import { GlobalTheme } from '@hero-design/rn/theme/global/index';
-  const getAvatarTheme: (theme: GlobalTheme) => {
-      colors: {
-          primary: string;
-          info: string;
-          danger: string;
-          success: string;
-          warning: string;
-      };
-      sizes: {
-          small: number;
-          medium: number;
-          large: number;
-          xlarge: number;
-      };
-      radii: {
-          small: number;
-          medium: number;
-          large: number;
-          xlarge: number;
-      };
-      borderWidths: {
-          default: number;
-      };
-      fontSizes: {
-          small: number;
-          medium: number;
-          large: number;
-          xlarge: number;
-      };
-  };
-  export default getAvatarTheme;
-
-}
-declare module '@hero-design/rn/theme/components/badge' {
-  import { GlobalTheme } from '@hero-design/rn/theme/global/index';
-  const getBadgeTheme: (theme: GlobalTheme) => {
-      colors: {
-          danger: string;
-          info: string;
-          success: string;
-          warning: string;
-          archived: string;
-          text: string;
-      };
-      fonts: {
-          default: string;
-      };
-      fontSizes: {
-          default: number;
-      };
-      sizes: {
-          height: number;
-          minWidth: number;
-          statusHeight: number;
-          statusWidth: number;
-      };
-      space: {
-          horizontalPadding: number;
-          statusPositionTop: number;
-          statusPositionRight: number;
-      };
-  };
-  export default getBadgeTheme;
-
-}
-declare module '@hero-design/rn/theme/components/bottomNavigation' {
-  import { GlobalTheme } from '@hero-design/rn/theme/global/index';
-  const getBottomNavigationTheme: (theme: GlobalTheme) => {
-      colors: {
-          shadow: string;
-          background: string;
-      };
-      shadows: {
-          offset: {
-              width: number;
-              height: number;
-          };
-          opacity: number;
-          radius: number;
-          elevation: number;
-      };
-      sizes: {
-          height: number;
-      };
-      space: {
-          titleMarginTop: number;
-      };
-  };
-  export default getBottomNavigationTheme;
-
-}
-declare module '@hero-design/rn/theme/components/bottomSheet' {
-  import { GlobalTheme } from '@hero-design/rn/theme/global/index';
-  const getBottomSheetTheme: (theme: GlobalTheme) => {
-      colors: {
-          shadow: string;
-          background: string;
-          backdrop: string;
-      };
-      shadows: {
-          offset: {
-              width: number;
-              height: number;
-          };
-          opacity: number;
-          radius: number;
-          elevation: number;
-      };
-      radii: {
-          default: number;
-      };
-      sizes: {
-          sectionHeight: number;
-          closeIconWidth: number;
-      };
-      space: {
-          horizontalPadding: number;
-          verticalPadding: number;
-      };
-  };
-  export default getBottomSheetTheme;
-
-}
-declare module '@hero-design/rn/theme/components/button' {
-  import { GlobalTheme } from '@hero-design/rn/theme/global/index';
-  const getButtonTheme: (theme: GlobalTheme) => {
-      borderWidth: {
-          default: number;
-      };
-      fonts: {
-          default: string;
-      };
-      fontSize: {
-          default: number;
-          utility: number;
-          textVariant: number;
-      };
-      sizes: {
-          iconSize: number;
-      };
-      radii: {
-          default: number;
-          utilityRadii: number;
-      };
-      colors: {
-          primary: string;
-          pressedPrimary: string;
-          secondary: string;
-          pressedSecondary: string;
-          danger: string;
-          pressedDanger: string;
-          defaultText: string;
-          disabledText: string;
-          disabledBorder: string;
-          disabledBackground: string;
-          invertedText: string;
-          utilityBackground: string;
-          underlayColors: {
-              'filled-primary': string;
-              'filled-secondary': string;
-              'filled-danger': string;
-              'outlined-primary': string;
-              'outlined-secondary': string;
-              'outlined-danger': string;
-              'text-primary': string;
-              'text-secondary': string;
-              'text-danger': string;
-              'basic-transparent': string;
-          };
-      };
-      lineHeight: {
-          default: number;
-      };
-      space: {
-          buttonPadding: number;
-          iconPadding: number;
-          utilityPadding: number;
-          utilityIconPadding: number;
-      };
-  };
-  export default getButtonTheme;
-
-}
-declare module '@hero-design/rn/theme/components/card' {
-  import { GlobalTheme } from '@hero-design/rn/theme/global/index';
-  const getCardTheme: (theme: GlobalTheme) => {
-      colors: {
-          dataCardIndicator: string;
-          indicator: {
-              archived: string;
-              info: string;
-              success: string;
-              warning: string;
-              danger: string;
-          };
-      };
-      sizes: {
-          indicatorWidth: number;
-      };
-      radii: {
-          default: number;
-      };
-  };
-  export default getCardTheme;
-
-}
-declare module '@hero-design/rn/theme/components/checkbox' {
-  import { GlobalTheme } from '@hero-design/rn/theme/global/index';
-  const getCheckboxTheme: (theme: GlobalTheme) => {
-      colors: {
-          borderColor: string;
-          text: string;
-          disabled: string;
-      };
-      space: {
-          iconTop: number;
-      };
-      sizes: {
-          base: number;
-      };
-      radii: {
-          base: number;
-      };
-      borderWidths: {
-          default: number;
-      };
-  };
-  export default getCheckboxTheme;
-
-}
-declare module '@hero-design/rn/theme/components/contentNavigator' {
-  import { GlobalTheme } from '@hero-design/rn/theme/global/index';
-  const getContentNavigatorTheme: (theme: GlobalTheme) => {
-      space: {
-          valueHorizontalPadding: number;
-      };
-  };
-  export default getContentNavigatorTheme;
-
-}
-declare module '@hero-design/rn/theme/components/datePicker' {
-  const getDatePickerTheme: () => {
-      sizes: {
-          height: number;
-      };
-  };
-  export default getDatePickerTheme;
-
-}
-declare module '@hero-design/rn/theme/components/divider' {
-  import { GlobalTheme } from '@hero-design/rn/theme/global/index';
-  const getDividerTheme: (theme: GlobalTheme) => {
-      colors: {
-          default: string;
-      };
-      space: {
-          xsmall: number;
-          small: number;
-          medium: number;
-          large: number;
-          xlarge: number;
-      };
-      borderWidths: {
-          default: number;
-      };
-  };
-  export default getDividerTheme;
-
-}
-declare module '@hero-design/rn/theme/components/drawer' {
-  import { GlobalTheme } from '@hero-design/rn/theme/global/index';
-  const getDrawerTheme: (theme: GlobalTheme) => {
-      colors: {
-          shadow: string;
-          background: string;
-          backdrop: string;
-      };
-      radii: {
-          default: number;
-      };
-      shadows: {
-          offset: {
-              width: number;
-              height: number;
-          };
-          opacity: number;
-          radius: number;
-          elevation: number;
-      };
-  };
-  export default getDrawerTheme;
-
-}
-declare module '@hero-design/rn/theme/components/fab' {
-  import { GlobalTheme } from '@hero-design/rn/theme/global/index';
-  const getFABTheme: (theme: GlobalTheme) => {
-      radii: {
-          actionItem: number;
-      };
-      fonts: {
-          header: string;
-          actionItemText: string;
-          title: string;
-      };
-      fontSizes: {
-          header: number;
-          actionItemText: number;
-          title: number;
-      };
-      colors: {
-          buttonBackground: string;
-          icon: string;
-          headerText: string;
-          actionItemBackground: string;
-          backdropBackground: string;
-          titleText: string;
-          actionItemText: string;
-      };
-      sizes: {
-          width: number;
-          height: number;
-      };
-      lineHeights: {
-          header: number;
-          actionItemText: number;
-          title: number;
-          icon: number;
-      };
-      space: {
-          actionItemPaddingLeft: number;
-          actionItemPaddingRight: number;
-          actionItemPaddingTop: number;
-          actionItemPaddingBottom: number;
-          actionItemMargin: number;
-          actionItemMarginRight: number;
-          actionItemTextPaddingLeft: number;
-          buttonMarginTop: number;
-          buttonMarginRight: number;
-          headerTextMarginRight: number;
-          headerTextMarginBottom: number;
-          containerPaddingHorizontal: number;
-          containerPaddingVertical: number;
-          titleMarginHorizontal: number;
-      };
-  };
-  export default getFABTheme;
-
-}
-declare module '@hero-design/rn/theme/components/icon' {
-  import { GlobalTheme } from '@hero-design/rn/theme/global/index';
-  const getIconTheme: (theme: GlobalTheme) => {
-      colors: {
-          text: string;
-          primary: string;
-          info: string;
-          danger: string;
-          success: string;
-          warning: string;
-          disabledText: string;
-          invertedText: string;
-      };
-      sizes: {
-          xsmall: number;
-          small: number;
-          medium: number;
-          large: number;
-          xlarge: number;
-      };
-  };
-  export default getIconTheme;
-
-}
-declare module '@hero-design/rn/theme/components/list' {
-  import { GlobalTheme } from '@hero-design/rn/theme/global/index';
-  const getListTheme: (theme: GlobalTheme) => {
-      colors: {
-          checkedListItemContainerBackground: string;
-          highlightedListItemContainerBackground: string;
-          listItemContainerBackground: string;
-          leadingStatus: {
-              danger: string;
-              info: string;
-              success: string;
-              warning: string;
-              archived: string;
-          };
-      };
-      space: {
-          listItemContainerPadding: number;
-          leadingStatusMarginRight: number;
-          prefixContainerMarginRight: number;
-          suffixContainerMarginLeft: number;
-      };
-      radii: {
-          card: number;
-          cardShadow: number;
-          leadingStatus: number;
-      };
-      offsets: {
-          cardShadow: {
-              width: number;
-              height: number;
-          };
-      };
-      widths: {
-          leadingStatus: number;
-      };
-      opacity: {
-          disabled: number;
-          enabled: number;
-          cardShadow: number;
-      };
-  };
-  export default getListTheme;
-
-}
-declare module '@hero-design/rn/theme/components/pinInput' {
-  import { GlobalTheme } from '@hero-design/rn/theme/global/index';
-  const getPinInputTheme: (theme: GlobalTheme) => {
-      borderWidths: {
-          default: number;
-          focused: number;
-      };
-      colors: {
-          default: string;
-          mask: string;
-          error: string;
-          disabled: string;
-      };
-      fonts: {
-          cellText: string;
-          errorMessage: string;
-      };
-      fontSizes: {
-          cellText: number;
-          errorMessage: number;
-      };
-      sizes: {
-          cellWidth: number;
-          cellHeight: number;
-          mask: number;
-      };
-      space: {
-          spacer: number;
-          errorMessagePadding: number;
-      };
-      radii: {
-          cell: number;
-          mask: number;
-      };
-  };
-  export default getPinInputTheme;
-
-}
-declare module '@hero-design/rn/theme/components/progress' {
-  import { GlobalTheme } from '@hero-design/rn/theme/global/index';
-  const getProgressTheme: (theme: GlobalTheme) => {
-      colors: {
-          primary: string;
-          success: string;
-          warning: string;
-          danger: string;
-          info: string;
-          background: string;
-          innerBackground: string;
-      };
-      sizes: {
-          radius: number;
-          strokeWidth: number;
-          barHeight: number;
-      };
-      radii: {
-          default: number;
-      };
-  };
-  export default getProgressTheme;
-
-}
-declare module '@hero-design/rn/theme/components/radio' {
-  import { GlobalTheme } from '@hero-design/rn/theme/global/index';
-  const getRadioTheme: (theme: GlobalTheme) => {
-      sizes: {
-          circle: number;
-          innerCircle: number;
-      };
-      borderWidths: {
-          circle: number;
-      };
-      space: {
-          wrapperPadding: number;
-          circleLeftMargin: number;
-          groupTopMargin: number;
-      };
-      colors: {
-          circle: string;
-          checkedCircle: string;
-          wrapper: string;
-          checkedWrapper: string;
-      };
-      radii: {
-          wrapper: number;
-      };
-  };
-  export default getRadioTheme;
-
-}
-declare module '@hero-design/rn/theme/components/sectionHeading' {
-  import { GlobalTheme } from '@hero-design/rn/theme/global/index';
-  const getSectionHeadingTheme: (theme: GlobalTheme) => {
-      colors: {
-          background: string;
-      };
-      space: {
-          headingVerticalPadding: number;
-          headingHorizontalPadding: number;
-          headingMarginBottom: number;
-          iconMarginRight: number;
-      };
-  };
-  export default getSectionHeadingTheme;
-
-}
-declare module '@hero-design/rn/theme/components/select' {
-  import { GlobalTheme } from '@hero-design/rn/theme/global/index';
-  const getSelectTheme: (theme: GlobalTheme) => {
-      space: {
-          minimumOptionListHeight: number;
-          optionPadding: number;
-          optionListPadding: number;
-          optionListSpacing: number;
-          searchBarMarginTopSpacing: number;
-          searchBarHorizontalSpacing: number;
-          searchBarBottomSpacing: number;
-      };
-      colors: {
-          option: string;
-          checkedOption: string;
-          footerText: string;
-      };
-      radii: {
-          option: number;
-      };
-  };
-  export default getSelectTheme;
-
-}
-declare module '@hero-design/rn/theme/components/spinner' {
-  import { GlobalTheme } from '@hero-design/rn/theme/global/index';
-  const getSpinnerTheme: (theme: GlobalTheme) => {
-      color: {
-          default: string;
-      };
-      space: {
-          spinnerDot: number;
-          spinnerDotPadding: number;
-          spinnerTextPaddingTop: number;
-      };
-      radii: {
-          default: number;
-      };
-  };
-  export default getSpinnerTheme;
-
-}
-declare module '@hero-design/rn/theme/components/switch' {
-  import { GlobalTheme } from '@hero-design/rn/theme/global/index';
-  const getSwitchTheme: (theme: GlobalTheme) => {
-      colors: {
-          thumb: string;
-          active: string;
-          inactive: string;
-      };
-      thumbSizes: {
-          small: number;
-          medium: number;
-      };
-      widths: {
-          small: number;
-          medium: number;
-      };
-      heights: {
-          small: number;
-          medium: number;
-      };
-      spaces: {
-          small: number;
-          medium: number;
-          inactive: number;
-      };
-      radii: {
-          rounded: number;
-      };
-      borderWidths: {
-          default: number;
-      };
-  };
-  export default getSwitchTheme;
-
-}
-declare module '@hero-design/rn/theme/components/tabs' {
-  import { GlobalTheme } from '@hero-design/rn/theme/global/index';
-  const getTabsTheme: (theme: GlobalTheme) => {
-      borderWidths: {
-          headerBottom: number;
-      };
-      colors: {
-          active: string;
-          inactive: string;
-          activeBackground: string;
-          headerBottom: string;
-          text: string;
-      };
-      space: {
-          flatListHorizontalPadding: number;
-          itemHorizontalPadding: number;
-          itemVerticalPadding: number;
-          outlineHorizontalPadding: number;
-          outlineVerticalPadding: number;
-      };
-      radii: {
-          outline: number;
-      };
-      sizes: {
-          indicator: number;
-      };
-  };
-  export default getTabsTheme;
-
-}
-declare module '@hero-design/rn/theme/components/tag' {
-  import { GlobalTheme } from '@hero-design/rn/theme/global/index';
-  const getTagTheme: (theme: GlobalTheme) => {
-      borderWidths: {
-          default: number;
-      };
-      colors: {
-          default: string;
-          defaultBackground: undefined;
-          primary: string;
-          primaryBackground: string;
-          info: string;
-          infoBackground: string;
-          success: string;
-          successBackground: string;
-          warning: string;
-          warningBackground: string;
-          danger: string;
-          dangerBackground: string;
-          archived: string;
-          archivedBackground: string;
-      };
-      fonts: {
-          default: string;
-      };
-      fontSizes: {
-          default: number;
-      };
-      space: {
-          horizontalPadding: number;
-          verticalPadding: number;
-      };
-      radii: {
-          default: number;
-      };
-  };
-  export default getTagTheme;
-
-}
-declare module '@hero-design/rn/theme/components/textInput' {
-  import { GlobalTheme } from '@hero-design/rn/theme/global/index';
-  const getTextInputTheme: (theme: GlobalTheme) => {
-      colors: {
-          labelBackground: string;
-          asterisks: {
-              default: string;
-              error: string;
-              disabled: string;
-              readonly: string;
-              filled: string;
-              focused: string;
-          };
-          error: string;
-          placeholderIfNotFocused: string;
-          placeholderIfFocued: string;
-          label: string;
-          readonlyLabel: string;
-          disabledLabel: string;
-          text: string;
-          borders: {
-              default: string;
-              error: string;
-              disabled: string;
-              readonly: string;
-              filled: string;
-              focused: string;
-          };
-          labels: {
-              default: string;
-              error: string;
-              disabled: string;
-              readonly: string;
-              filled: string;
-              focused: string;
-          };
-          labelsInsideTextInput: {
-              default: string;
-              error: string;
-              disabled: string;
-              readonly: string;
-              filled: string;
-              focused: string;
-          };
-          maxLengthLabels: {
-              default: string;
-              error: string;
-              disabled: string;
-              readonly: string;
-              filled: string;
-              focused: string;
-          };
-      };
-      space: {
-          containerPadding: number;
-          labelLeft: number;
-          labelTop: number;
-          labelPaddingBottom: number;
-          labelHorizontalPadding: number;
-          inputHorizontalMargin: number;
-          containerMarginVertical: number;
-          errorContainerMarginRight: number;
-          errorMarginLeft: number;
-          maxLengthLabelMarginLeft: number;
-          errorAndHelpTextContainerPaddingLeft: number;
-      };
-      fontSizes: {
-          text: number;
-          labelInsideTextInput: number;
-          error: number;
-          maxLength: number;
-          asteriskLabel: number;
-      };
-      borderWidths: {
-          container: {
-              normal: number;
-              focused: number;
-          };
-      };
-      radii: {
-          container: number;
-      };
-  };
-  export default getTextInputTheme;
-
-}
-declare module '@hero-design/rn/theme/components/timePicker' {
-  const getTimePickerTheme: () => {
-      sizes: {
-          height: number;
-      };
-  };
-  export default getTimePickerTheme;
-
-}
-declare module '@hero-design/rn/theme/components/toast' {
-  import { GlobalTheme } from '@hero-design/rn/theme/global/index';
-  const getToastTheme: (theme: GlobalTheme) => {
-      colors: {
-          success: string;
-          warning: string;
-          error: string;
-          info: string;
-          divider: string;
-      };
-      radii: {
-          default: number;
-      };
-      sizes: {
-          height: number;
-      };
-      space: {
-          mediumPadding: number;
-          largePadding: number;
-      };
-      borderWidths: {
-          base: number;
-      };
-  };
-  export default getToastTheme;
-
-}
-declare module '@hero-design/rn/theme/components/toolbar' {
-  import { GlobalTheme } from '@hero-design/rn/theme/global/index';
-  const getToolbarTheme: (theme: GlobalTheme) => {
-      colors: {
-          background: string;
-          border: string;
-          primary: string;
-          info: string;
-          success: string;
-          danger: string;
-          error: string;
-          disabled: string;
-      };
-      space: {
-          verticalPadding: number;
-          horizontalPadding: number;
-      };
-      borderWidths: {
-          default: number;
-      };
-  };
-  export default getToolbarTheme;
-
-}
-declare module '@hero-design/rn/theme/components/typography' {
-  import { GlobalTheme } from '@hero-design/rn/theme/global/index';
-  const getTypographyTheme: (theme: GlobalTheme) => {
-      colors: {
-          body: string;
-          subdued: string;
-          primary: string;
-          info: string;
-          danger: string;
-          warning: string;
-          success: string;
-      };
-      fonts: {
-          light: string;
-          regular: string;
-          semiBold: string;
-      };
-      fontSizes: {
-          small: number;
-          medium: number;
-          large: number;
-          xlarge: number;
-          xxxxxlarge: number;
-      };
-      lineHeights: {
-          small: number;
-          medium: number;
-          large: number;
-          xlarge: number;
-          xxxxxlarge: number;
-      };
-  };
-  export default getTypographyTheme;
-
-}
-declare module '@hero-design/rn/theme/global/borders' {
-  interface BorderWidths {
-      base: number;
-      medium: number;
-  }
-  interface Radii {
-      rounded: number;
-      base: number;
-      medium: number;
-      large: number;
-      xlarge: number;
-  }
-  const getBorderWidths: (baseBorderWidth: number) => BorderWidths;
-  const getRadii: (baseRadius: number) => Radii;
-  export { BorderWidths, getBorderWidths, Radii, getRadii };
-
-}
-declare module '@hero-design/rn/theme/global/colors' {
-  const systemPalette: {
-      primary: string;
-      primaryLight: string;
-      primaryDark: string;
-      primaryBackground: string;
-      primaryBackgroundDark: string;
-      secondary: string;
-      secondaryLight: string;
-      secondaryBackground: string;
-      info: string;
-      infoMediumLight: string;
-      infoLight: string;
-      infoBackground: string;
-      success: string;
-      successLight: string;
-      successDark: string;
-      successBackground: string;
-      danger: string;
-      dangerMediumLight: string;
-      dangerLight: string;
-      dangerBackground: string;
-      warning: string;
-      warningLight: string;
-      warningDark: string;
-      warningBackground: string;
-      platformBackground: string;
-      backgroundLight: string;
-      backgroundDark: string;
-      text: string;
-      subduedText: string;
-      disabledText: string;
-      disabledLightText: string;
-      invertedText: string;
-      outline: string;
-      archived: string;
-      archivedLight: string;
-      archivedDark: string;
-      archivedBackground: string;
-      black: string;
-      inactiveBackground: string;
-      shadow: string;
-  };
-  type SystemPalette = typeof systemPalette;
-  export { systemPalette, SystemPalette };
-
-}
-declare module '@hero-design/rn/theme/global/index' {
-  import { scale as defaultScale, Scale } from '@hero-design/rn/theme/global/scale';
-  import { systemPalette as defaultSystemPalette, SystemPalette } from '@hero-design/rn/theme/global/colors';
-  const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
-      colors: {
-          primary: string;
-          primaryLight: string;
-          primaryDark: string;
-          primaryBackground: string;
-          primaryBackgroundDark: string;
-          secondary: string;
-          secondaryLight: string;
-          secondaryBackground: string;
-          info: string;
-          infoMediumLight: string;
-          infoLight: string;
-          infoBackground: string;
-          success: string;
-          successLight: string;
-          successDark: string;
-          successBackground: string;
-          danger: string;
-          dangerMediumLight: string;
-          dangerLight: string;
-          dangerBackground: string;
-          warning: string;
-          warningLight: string;
-          warningDark: string;
-          warningBackground: string;
-          platformBackground: string;
-          backgroundLight: string;
-          backgroundDark: string;
-          text: string;
-          subduedText: string;
-          disabledText: string;
-          disabledLightText: string;
-          invertedText: string;
-          outline: string;
-          archived: string;
-          archivedLight: string;
-          archivedDark: string;
-          archivedBackground: string;
-          black: string;
-          inactiveBackground: string;
-          shadow: string;
-      };
-      fonts: import("@hero-design/rn/theme/global/typography").Fonts;
-      fontSizes: import("@hero-design/rn/theme/global/typography").FontSizes;
-      lineHeights: import("@hero-design/rn/theme/global/typography").FontSizes;
-      borderWidths: import("@hero-design/rn/theme/global/borders").BorderWidths;
-      space: import("@hero-design/rn/theme/global/space").Space;
-      radii: import("@hero-design/rn/theme/global/borders").Radii;
-  };
-  type GlobalTheme = ReturnType<typeof getGlobalTheme>;
-  export { GlobalTheme, Scale, SystemPalette, getGlobalTheme, defaultScale, defaultSystemPalette, };
-
-}
-declare module '@hero-design/rn/theme/global/scale' {
-  const scale: {
-      borderWidth: number;
-      space: number;
-      font: string;
-      fontSize: number;
-      radius: number;
-  };
-  type Scale = typeof scale;
-  export { scale, Scale };
-
-}
-declare module '@hero-design/rn/theme/global/space' {
-  interface Space {
-      large: number;
-      medium: number;
-      small: number;
-      smallMedium: number;
-      xlarge: number;
-      xsmall: number;
-      xxlarge: number;
-      xxsmall: number;
-      xxxlarge: number;
-      xxxxlarge: number;
-  }
-  const getSpace: (baseSpace: number) => Space;
-  export { Space, getSpace };
-
-}
-declare module '@hero-design/rn/theme/global/typography' {
-  interface Fonts {
-      light: string;
-      regular: string;
-      semiBold: string;
-  }
-  interface FontSizes {
-      xxxxxlarge: number;
-      xxxxlarge: number;
-      xxxlarge: number;
-      xxlarge: number;
-      xlarge: number;
-      large: number;
-      medium: number;
-      small: number;
-      xsmall: number;
-  }
-  type LineHeights = FontSizes;
-  const getFonts: (baseFont: string) => Fonts;
-  const getFontSizes: (baseFontSize: number) => FontSizes;
-  const getLineHeights: (fontSizes: FontSizes) => LineHeights;
-  export { Fonts, FontSizes, LineHeights, getFonts, getFontSizes, getLineHeights, };
-
-}
-declare module '@hero-design/rn/theme/index' {
-  import { GlobalTheme, Scale, SystemPalette } from '@hero-design/rn/theme/global/index';
-  import getAlertTheme from '@hero-design/rn/theme/components/alert';
-  import getAvatarTheme from '@hero-design/rn/theme/components/avatar';
-  import getBadgeTheme from '@hero-design/rn/theme/components/badge';
-  import getBottomNavigationTheme from '@hero-design/rn/theme/components/bottomNavigation';
-  import getBottomSheetTheme from '@hero-design/rn/theme/components/bottomSheet';
-  import getButtonTheme from '@hero-design/rn/theme/components/button';
-  import getCardTheme from '@hero-design/rn/theme/components/card';
-  import getCheckboxTheme from '@hero-design/rn/theme/components/checkbox';
-  import getContentNavigatorTheme from '@hero-design/rn/theme/components/contentNavigator';
-  import getDatePickerTheme from '@hero-design/rn/theme/components/datePicker';
-  import getDividerTheme from '@hero-design/rn/theme/components/divider';
-  import getDrawerTheme from '@hero-design/rn/theme/components/drawer';
-  import getFABTheme from '@hero-design/rn/theme/components/fab';
-  import getIconTheme from '@hero-design/rn/theme/components/icon';
-  import getListTheme from '@hero-design/rn/theme/components/list';
-  import getPinInputTheme from '@hero-design/rn/theme/components/pinInput';
-  import getProgressTheme from '@hero-design/rn/theme/components/progress';
-  import getRadioTheme from '@hero-design/rn/theme/components/radio';
-  import getSectionHeadingTheme from '@hero-design/rn/theme/components/sectionHeading';
-  import getSelectTheme from '@hero-design/rn/theme/components/select';
-  import getSpinnerTheme from '@hero-design/rn/theme/components/spinner';
-  import getSwitchTheme from '@hero-design/rn/theme/components/switch';
-  import getTabsTheme from '@hero-design/rn/theme/components/tabs';
-  import getTagTheme from '@hero-design/rn/theme/components/tag';
-  import getTextInputTheme from '@hero-design/rn/theme/components/textInput';
-  import getTimePickerTheme from '@hero-design/rn/theme/components/timePicker';
-  import getToastTheme from '@hero-design/rn/theme/components/toast';
-  import getToolbarTheme from '@hero-design/rn/theme/components/toolbar';
-  import getTypographyTheme from '@hero-design/rn/theme/components/typography';
-  type Theme = GlobalTheme & {
-      __hd__: {
-          alert: ReturnType<typeof getAlertTheme>;
-          avatar: ReturnType<typeof getAvatarTheme>;
-          badge: ReturnType<typeof getBadgeTheme>;
-          bottomNavigation: ReturnType<typeof getBottomNavigationTheme>;
-          bottomSheet: ReturnType<typeof getBottomSheetTheme>;
-          button: ReturnType<typeof getButtonTheme>;
-          card: ReturnType<typeof getCardTheme>;
-          checkbox: ReturnType<typeof getCheckboxTheme>;
-          contentNavigator: ReturnType<typeof getContentNavigatorTheme>;
-          datePicker: ReturnType<typeof getDatePickerTheme>;
-          divider: ReturnType<typeof getDividerTheme>;
-          drawer: ReturnType<typeof getDrawerTheme>;
-          fab: ReturnType<typeof getFABTheme>;
-          icon: ReturnType<typeof getIconTheme>;
-          list: ReturnType<typeof getListTheme>;
-          pinInput: ReturnType<typeof getPinInputTheme>;
-          progress: ReturnType<typeof getProgressTheme>;
-          radio: ReturnType<typeof getRadioTheme>;
-          sectionHeading: ReturnType<typeof getSectionHeadingTheme>;
-          select: ReturnType<typeof getSelectTheme>;
-          spinner: ReturnType<typeof getSpinnerTheme>;
-          switch: ReturnType<typeof getSwitchTheme>;
-          tabs: ReturnType<typeof getTabsTheme>;
-          tag: ReturnType<typeof getTagTheme>;
-          textInput: ReturnType<typeof getTextInputTheme>;
-          timePicker: ReturnType<typeof getTimePickerTheme>;
-          toast: ReturnType<typeof getToastTheme>;
-          toolbar: ReturnType<typeof getToolbarTheme>;
-          typography: ReturnType<typeof getTypographyTheme>;
-      };
-  };
-  const getTheme: (scale?: Scale, systemPallete?: SystemPalette) => Theme;
-  const theme: Theme;
-  export interface ThemeProviderProps {
-      theme: Partial<Theme> | ((outerTheme: Theme) => Theme);
-      children: React.ReactNode;
-  }
-  interface ThemeProviderType {
-      (props: ThemeProviderProps): React.ReactElement;
-  }
-  const ThemeProvider: ThemeProviderType;
-  const useTheme: () => Theme;
-  export { Theme, getTheme, ThemeProvider, useTheme };
-  export default theme;
-
-}
-declare module '@hero-design/rn/types' {
-  import { BottomNavigationTabType } from '@hero-design/rn/components/BottomNavigation/index';
-  import { IconName } from '@hero-design/rn/components/Icon/index';
-  import { TabType } from '@hero-design/rn/components/Tabs/index';
-  import { TextInputProps } from '@hero-design/rn/components/TextInput/index';
-  import { Theme } from '@hero-design/rn/theme/index';
-  export { BottomNavigationTabType, IconName, TabType, Theme, TextInputProps };
-
-}
-declare module '@hero-design/rn/utils/__tests__/scale.spec' {
-  export {};
-
-}
-declare module '@hero-design/rn/utils/helpers' {
-  export const isIOS: boolean;
-  export const isAndroid: boolean;
-
-}
-declare module '@hero-design/rn/utils/hooks' {
-  export const usePrevious: <T>(value: T) => T | undefined;
-
-}
-declare module '@hero-design/rn/utils/scale' {
-  export const BASE_WIDTH = 390;
-  export const horizontalScale: (size: number) => number;
-  export const scale: (size: number, factor?: number) => number;
-
-}
-declare module '@hero-design/rn' {
-  import main = require('@hero-design/rn/index');
-  export = main;
-}