@aws-amplify/ui-react-native 2.5.2 → 2.5.3

package/src/InAppMessaging/components/ModalMessage/styles.ts

@@ -1,4 +1,5 @@
-import { ImageStyle, StyleSheet } from 'react-native';
+import type { ImageStyle } from 'react-native';
+import { StyleSheet } from 'react-native';
 import {
   BORDER_RADIUS_BASE,
   COLOR_BLACK,
@@ -21,7 +22,7 @@ import {
   SPACING_SMALL,
 } from '../../constants';
 
-import { ModalMessageStyle } from './types';
+import type { ModalMessageStyle } from './types';
 
 const commonStyles: Omit<
   ModalMessageStyle,

package/src/InAppMessaging/components/ModalMessage/types.ts

@@ -1,6 +1,6 @@
-import { ModalMessageCommonProps } from '@aws-amplify/ui-react-core-notifications';
+import type { ModalMessageCommonProps } from '@aws-amplify/ui-react-core-notifications';
 
-import { MessageDefaultStyle, MessageOverrideStyle } from '../../hooks';
+import type { MessageDefaultStyle, MessageOverrideStyle } from '../../hooks';
 
 export interface ModalMessageProps
   extends ModalMessageCommonProps<MessageOverrideStyle | undefined> {}

package/src/InAppMessaging/components/index.ts

@@ -1,6 +1,7 @@
-export { BannerMessageProps } from './BannerMessage';
-export { CarouselMessageProps } from './CarouselMessage';
-export { FullScreenMessageProps } from './FullScreenMessage';
-export { InAppMessageDisplay, MessageComponents } from './InAppMessageDisplay';
-export { ModalMessageProps } from './ModalMessage';
+export type { BannerMessageProps } from './BannerMessage';
+export type { CarouselMessageProps } from './CarouselMessage';
+export type { FullScreenMessageProps } from './FullScreenMessage';
+export type { MessageComponents } from './InAppMessageDisplay';
+export { InAppMessageDisplay } from './InAppMessageDisplay';
+export type { ModalMessageProps } from './ModalMessage';
 export { withInAppMessaging } from './withInAppMessaging';

package/src/InAppMessaging/components/withInAppMessaging/withInAppMessaging.tsx

@@ -1,7 +1,8 @@
 import React from 'react';
 import { InAppMessagingProvider } from '@aws-amplify/ui-react-core-notifications';
 
-import { InAppMessageDisplay, MessageComponents } from '../InAppMessageDisplay';
+import type { MessageComponents } from '../InAppMessageDisplay';
+import { InAppMessageDisplay } from '../InAppMessageDisplay';
 
 export default function withInAppMessaging<Props = {}>(
   Component: React.ComponentType<Props>,

package/src/InAppMessaging/hooks/index.ts

@@ -1,9 +1,10 @@
-export { ImageDimensions, useMessageImage } from './useMessageImage';
-export {
+export type { ImageDimensions } from './useMessageImage';
+export { useMessageImage } from './useMessageImage';
+export type {
   GetDefaultStyle,
   MessageComponentStyles,
   MessageDefaultStyle,
   MessageOverrideStyle,
-  useMessageProps,
   UseMessageProps,
 } from './useMessageProps';
+export { useMessageProps } from './useMessageProps';

package/src/InAppMessaging/hooks/useMessageImage/index.ts

@@ -1,2 +1,2 @@
 export { default as useMessageImage } from './useMessageImage';
-export { ImageDimensions } from './types';
+export type { ImageDimensions } from './types';

package/src/InAppMessaging/hooks/useMessageImage/useMessageImage.ts

@@ -2,12 +2,13 @@ import { useEffect, useRef, useState } from 'react';
 import { Image } from 'react-native';
 import { ConsoleLogger as Logger } from 'aws-amplify/utils';
 
-import {
+import type {
   InAppMessageImage,
   InAppMessageLayout,
 } from '@aws-amplify/ui-react-core-notifications';
 
-import { ImageDimensions, ImagePrefetchStatus, UseMessageImage } from './types';
+import type { ImageDimensions, UseMessageImage } from './types';
+import { ImagePrefetchStatus } from './types';
 import { getLayoutImageDimensions, prefetchNetworkImage } from './utils';
 
 const logger = new Logger('InAppMessaging');

package/src/InAppMessaging/hooks/useMessageImage/utils.ts

@@ -1,6 +1,6 @@
 import { Image } from 'react-native';
 import { ConsoleLogger as Logger } from 'aws-amplify/utils';
-import { InAppMessageLayout } from '@aws-amplify/ui-react-core-notifications';
+import type { InAppMessageLayout } from '@aws-amplify/ui-react-core-notifications';
 
 import {
   BANNER_IMAGE_SCREEN_SIZE,
@@ -8,7 +8,7 @@ import {
   FULL_SCREEN_IMAGE_SCREEN_SIZE,
   MODAL_IMAGE_SCREEN_SIZE,
 } from './constants';
-import { ImageDimensions, ImageLoadingState } from './types';
+import type { ImageDimensions, ImageLoadingState } from './types';
 
 const logger = new Logger('InAppMessaging');
 

package/src/InAppMessaging/hooks/useMessageProps/index.ts

@@ -1,5 +1,5 @@
 export { default as useMessageProps } from './useMessageProps';
-export {
+export type {
   GetDefaultStyle,
   MessageComponentStyles,
   MessageDefaultStyle,

package/src/InAppMessaging/hooks/useMessageProps/types.ts

@@ -1,18 +1,18 @@
-import {
+import type {
   ColorValue,
   ImageStyle,
   StyleProp,
   TextStyle,
   ViewStyle,
 } from 'react-native';
-import {
+import type {
   InAppMessageLayout,
   MessagePayloadStyle,
 } from '@aws-amplify/ui-react-core-notifications';
 
-import { ButtonProps } from '../../../primitives';
+import type { ButtonProps } from '../../../primitives';
 
-import { ImageDimensions } from '../useMessageImage';
+import type { ImageDimensions } from '../useMessageImage';
 
 /**
  * Resolved message types

package/src/InAppMessaging/hooks/useMessageProps/useMessageProps.ts

@@ -1,9 +1,9 @@
 import { useEffect, useMemo, useRef } from 'react';
 import { isEmpty } from '@aws-amplify/ui';
-import { MessageComponentBaseProps } from '@aws-amplify/ui-react-core-notifications';
+import type { MessageComponentBaseProps } from '@aws-amplify/ui-react-core-notifications';
 
 import { useMessageImage } from '../useMessageImage';
-import {
+import type {
   GetDefaultStyle,
   MessageOverrideStyle,
   UseMessageProps,

package/src/InAppMessaging/hooks/useMessageProps/utils.ts

@@ -1,6 +1,6 @@
 import { StyleSheet } from 'react-native';
 import { isFunction } from '@aws-amplify/ui';
-import {
+import type {
   InAppMessageLayout,
   MessageComponentBaseProps,
   MessagePayloadStyle,
@@ -9,7 +9,7 @@ import {
 import { DEFAULT_CAROUSEL_INDICATOR_SIZE } from '../../../primitives';
 import { BUTTON_PRESSED_OPACITY, SPACING_EXTRA_LARGE } from '../../constants';
 
-import {
+import type {
   MessageButtonStyleParams,
   MessageButtonStyleProps,
   MessageComponentStyles,

package/src/InAppMessaging/index.ts

@@ -1,23 +1,24 @@
 // re-export in-app types from '@aws-amplify/ui-react-core-notifications'
-export {
+export type {
   InAppMessage,
   InAppMessageAction,
   InAppMessageButton,
   InAppMessageContent,
   InAppMessageImage,
   InAppMessageLayout,
-  InAppMessagingProvider,
   InAppMessageStyle,
   InAppMessageTextAlign,
+} from '@aws-amplify/ui-react-core-notifications';
+export {
+  InAppMessagingProvider,
   useInAppMessaging,
 } from '@aws-amplify/ui-react-core-notifications';
 
-export {
+export type {
   BannerMessageProps,
   CarouselMessageProps,
   FullScreenMessageProps,
   ModalMessageProps,
-  InAppMessageDisplay,
   MessageComponents,
-  withInAppMessaging,
 } from './components';
+export { InAppMessageDisplay, withInAppMessaging } from './components';

package/src/assets/icons/icons.ts

@@ -1,7 +1,7 @@
 // disable `@typescript-eslint/no-var-requires` for this file
 // .png icons will be removed in favor of .svg icons
 /* eslint-disable @typescript-eslint/no-var-requires */
-import { ImageSourcePropType } from 'react-native';
+import type { ImageSourcePropType } from 'react-native';
 
 const icons = {
   amazonLogo: require('./amazonLogo.png') as ImageSourcePropType,

package/src/hooks/index.ts

@@ -1,6 +1,4 @@
 export { useDeprecationWarning } from './useDeprecationWarning';
-export {
-  DeviceOrientation,
-  useDeviceOrientation,
-} from './useDeviceOrientation';
+export type { DeviceOrientation } from './useDeviceOrientation';
+export { useDeviceOrientation } from './useDeviceOrientation';
 export { usePressableContainerStyles } from './usePressableContainerStyles';

package/src/hooks/useDeprecationWarning/useDeprecationWarning.ts

@@ -1,7 +1,5 @@
-import {
-  useDeprecationWarning as useDeprecationWarningBase,
-  UseDeprecationWarning,
-} from '@aws-amplify/ui-react-core';
+import type { UseDeprecationWarning } from '@aws-amplify/ui-react-core';
+import { useDeprecationWarning as useDeprecationWarningBase } from '@aws-amplify/ui-react-core';
 
 import { platform } from '../../utils';
 

package/src/hooks/useDeviceOrientation/index.ts

@@ -1,4 +1,2 @@
-export {
-  default as useDeviceOrientation,
-  DeviceOrientation,
-} from './useDeviceOrientation';
+export type { DeviceOrientation } from './useDeviceOrientation';
+export { default as useDeviceOrientation } from './useDeviceOrientation';

package/src/hooks/useDeviceOrientation/useDeviceOrientation.ts

@@ -1,5 +1,6 @@
 import { useEffect, useState } from 'react';
-import { Dimensions, EventSubscription } from 'react-native';
+import type { EventSubscription } from 'react-native';
+import { Dimensions } from 'react-native';
 
 import { isFunction } from '@aws-amplify/ui';
 

package/src/hooks/usePressableContainerStyles/usePressableContainerStyles.ts

@@ -1,6 +1,6 @@
 import { useCallback } from 'react';
 import { isFunction } from '@aws-amplify/ui';
-import {
+import type {
   PressableProps,
   PressableStateCallbackType,
   StyleProp,

package/src/index.ts

@@ -1,9 +1,6 @@
-export {
-  Authenticator,
+export type {
   AuthenticatorProps,
-  useAuthenticator,
   UseAuthenticator,
-  withAuthenticator,
   WithAuthenticatorOptions,
   ConfirmResetPasswordProps,
   ConfirmSignInProps,
@@ -18,9 +15,14 @@ export {
   SignUpProps,
   VerifyUserProps,
 } from './Authenticator';
+export {
+  Authenticator,
+  useAuthenticator,
+  withAuthenticator,
+} from './Authenticator';
 export * from './InAppMessaging';
+export type { Theme } from './theme';
 export {
-  Theme,
   ThemeProvider,
   defaultDarkModeOverride,
   defaultTheme,

package/src/primitives/Button/Button.tsx

@@ -1,11 +1,12 @@
 import React, { useMemo } from 'react';
-import { Pressable, Text, TextStyle, ViewStyle } from 'react-native';
+import type { TextStyle, ViewStyle } from 'react-native';
+import { Pressable, Text } from 'react-native';
 import { capitalize } from '@aws-amplify/ui';
 
 import { usePressableContainerStyles } from '../../hooks';
 import { useTheme } from '../../theme';
 import { getThemedStyles } from './styles';
-import { ButtonProps } from './types';
+import type { ButtonProps } from './types';
 
 export default function Button({
   accessibilityRole = 'button',

package/src/primitives/Button/index.ts

@@ -1,2 +1,2 @@
 export { default as Button } from './Button';
-export { ButtonProps, ButtonStyles } from './types';
+export type { ButtonProps, ButtonStyles } from './types';

package/src/primitives/Button/styles.ts

@@ -1,7 +1,7 @@
 import { StyleSheet } from 'react-native';
 
-import { StrictTheme } from '../../theme';
-import { ButtonStyles } from './types';
+import type { StrictTheme } from '../../theme';
+import type { ButtonStyles } from './types';
 
 export const getThemedStyles = (theme: StrictTheme): ButtonStyles => {
   const { tokens, components } = theme;

package/src/primitives/Button/types.ts

@@ -1,4 +1,9 @@
-import { PressableProps, StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type {
+  PressableProps,
+  StyleProp,
+  TextStyle,
+  ViewStyle,
+} from 'react-native';
 
 export type ButtonVariant = 'primary' | 'default' | 'link';
 

package/src/primitives/Carousel/Carousel.tsx

@@ -1,17 +1,11 @@
 import React, { useCallback, useEffect, useRef, useState } from 'react';
-import {
-  Dimensions,
-  FlatList,
-  ListRenderItemInfo,
-  ScaledSize,
-  View,
-  ViewToken,
-} from 'react-native';
+import type { ListRenderItemInfo, ScaledSize, ViewToken } from 'react-native';
+import { Dimensions, FlatList, View } from 'react-native';
 
 import CarouselPageIndicator from './CarouselPageIndicator';
 import { VIEWABILITY_CONFIG } from './constants';
 import { styles } from './styles';
-import { CarouselProps } from './types';
+import type { CarouselProps } from './types';
 
 export default function Carousel<T>(
   props: CarouselProps<T>

package/src/primitives/Carousel/CarouselPageIndicator.tsx

@@ -2,7 +2,7 @@ import React, { useMemo } from 'react';
 import { View } from 'react-native';
 import { SafeAreaView } from 'react-native-safe-area-context';
 
-import { CarouselPageIndicatorProps } from './types';
+import type { CarouselPageIndicatorProps } from './types';
 import {
   DEFAULT_CAROUSEL_INDICATOR_ACTIVE_STYLE,
   DEFAULT_CAROUSEL_INDICATOR_INACTIVE_STYLE,

package/src/primitives/Carousel/constants.ts

@@ -1,4 +1,4 @@
-import { ViewStyle } from 'react-native';
+import type { ViewStyle } from 'react-native';
 
 export const DEFAULT_CAROUSEL_COLOR_ACTIVE = '#a1a1a1';
 export const DEFAULT_CAROUSEL_COLOR_INACTIVE = '#d8d8d8';

package/src/primitives/Carousel/index.ts

@@ -1,3 +1,3 @@
 export { default as Carousel } from './Carousel';
 export { DEFAULT_CAROUSEL_INDICATOR_SIZE } from './constants';
-export { CarouselProps } from './types';
+export type { CarouselProps } from './types';

package/src/primitives/Carousel/styles.ts

@@ -1,6 +1,6 @@
 import { StyleSheet } from 'react-native';
 
-import { CarouselStyles } from './types';
+import type { CarouselStyles } from './types';
 
 export const styles: CarouselStyles = StyleSheet.create({
   indicator: {

package/src/primitives/Carousel/types.ts

@@ -1,4 +1,4 @@
-import { ListRenderItem, StyleProp, ViewStyle } from 'react-native';
+import type { ListRenderItem, StyleProp, ViewStyle } from 'react-native';
 
 export interface CarouselProps<T> {
   data: ReadonlyArray<T>;

package/src/primitives/Checkbox/Checkbox.tsx

@@ -1,7 +1,8 @@
 import React, { useCallback, useMemo, useState } from 'react';
-import { Pressable, ViewStyle } from 'react-native';
+import type { ViewStyle } from 'react-native';
+import { Pressable } from 'react-native';
 
-import { CheckboxProps } from './types';
+import type { CheckboxProps } from './types';
 import { Icon } from '../Icon';
 import { Label } from '../Label';
 import { getThemedStyles } from './styles';

package/src/primitives/Checkbox/styles.ts

@@ -1,9 +1,9 @@
 import { StyleSheet } from 'react-native';
 
-import { StrictTheme } from '../../theme';
-import { CheckboxStyles } from './types';
+import type { StrictTheme } from '../../theme';
+import type { CheckboxStyles } from './types';
 import { getFlexDirectionFromLabelPosition } from '../Label/utils';
-import { LabelPosition } from '../Label/types';
+import type { LabelPosition } from '../Label/types';
 
 export const getThemedStyles = (
   theme: StrictTheme,

package/src/primitives/Checkbox/types.ts

@@ -1,13 +1,13 @@
-import {
+import type {
   ImageStyle,
   PressableProps,
   StyleProp,
   TextStyle,
   ViewStyle,
 } from 'react-native';
-import { IconProps } from '../Icon/types';
-import { LabelProps } from '../Label';
-import { LabelPosition } from '../Label/types';
+import type { IconProps } from '../Icon/types';
+import type { LabelProps } from '../Label';
+import type { LabelPosition } from '../Label/types';
 
 export interface CheckboxProps<T> extends PressableProps {
   iconStyle?: IconProps['style'];

package/src/primitives/Divider/Divider.tsx

@@ -4,7 +4,7 @@ import { View } from 'react-native';
 import { useTheme } from '../../theme';
 import { Label } from '../Label';
 import { getThemedStyles } from './styles';
-import { DividerProps } from './types';
+import type { DividerProps } from './types';
 
 export const DIVIDER_LINE_TEST_ID = 'amplify__divider__line';
 

package/src/primitives/Divider/index.ts

@@ -1,2 +1,2 @@
 export { default as Divider } from './Divider';
-export { DividerProps, DividerStyles } from './types';
+export type { DividerProps, DividerStyles } from './types';

package/src/primitives/Divider/styles.ts

@@ -1,7 +1,7 @@
 import { StyleSheet } from 'react-native';
 
-import { StrictTheme } from '../../theme';
-import { DividerStyles } from './types';
+import type { StrictTheme } from '../../theme';
+import type { DividerStyles } from './types';
 
 export const getThemedStyles = (theme: StrictTheme): DividerStyles => {
   const { tokens, components } = theme;

package/src/primitives/Divider/types.ts

@@ -1,4 +1,4 @@
-import { StyleProp, TextStyle, ViewProps, ViewStyle } from 'react-native';
+import type { StyleProp, TextStyle, ViewProps, ViewStyle } from 'react-native';
 
 export interface DividerProps extends ViewProps {
   /*

package/src/primitives/ErrorMessage/ErrorMessage.tsx

@@ -7,7 +7,7 @@ import { IconButton } from '../IconButton';
 
 import { useTheme } from '../../theme';
 import { getThemedStyles } from './styles';
-import { ErrorMessageProps } from './types';
+import type { ErrorMessageProps } from './types';
 
 export const CLOSE_BUTTON_TEST_ID =
   'authenticator--error-message--close-button';

package/src/primitives/ErrorMessage/index.ts

@@ -1,2 +1,2 @@
 export { default as ErrorMessage } from './ErrorMessage';
-export { ErrorMessageProps, ErrorMessageStyles } from './types';
+export type { ErrorMessageProps, ErrorMessageStyles } from './types';

package/src/primitives/ErrorMessage/styles.ts

@@ -1,7 +1,7 @@
 import { StyleSheet } from 'react-native';
 
-import { StrictTheme } from '../../theme';
-import { ErrorMessageStyles } from './types';
+import type { StrictTheme } from '../../theme';
+import type { ErrorMessageStyles } from './types';
 
 export const getThemedStyles = (theme: StrictTheme): ErrorMessageStyles => {
   const {

package/src/primitives/ErrorMessage/types.ts

@@ -1,4 +1,4 @@
-import {
+import type {
   ImageStyle,
   StyleProp,
   TextStyle,
@@ -6,7 +6,7 @@ import {
   ViewStyle,
 } from 'react-native';
 
-import { IconProps } from '../Icon';
+import type { IconProps } from '../Icon';
 
 export interface ErrorMessageProps extends ViewProps {
   iconStyle?: IconProps['style'];

package/src/primitives/Heading/Heading.tsx

@@ -3,7 +3,7 @@ import { Text } from 'react-native';
 
 import { useTheme } from '../../theme';
 import { getThemedStyles } from './styles';
-import { HeadingProps } from './types';
+import type { HeadingProps } from './types';
 
 export default function Heading({
   accessibilityRole = 'header',

package/src/primitives/Heading/index.ts

@@ -1,2 +1,2 @@
 export { default as Heading } from './Heading';
-export { HeadingProps, HeadingStyles } from './types';
+export type { HeadingProps, HeadingStyles } from './types';

package/src/primitives/Heading/styles.ts

@@ -1,8 +1,8 @@
 import { StyleSheet } from 'react-native';
-import { StrictTheme } from '../../theme';
+import type { StrictTheme } from '../../theme';
 
 import { getLineHeight } from '../../utils';
-import { HeadingStyles } from './types';
+import type { HeadingStyles } from './types';
 
 export const getThemedStyles = (theme: StrictTheme): HeadingStyles => {
   const {

package/src/primitives/Heading/types.ts

@@ -1,4 +1,4 @@
-import { TextProps, TextStyle } from 'react-native';
+import type { TextProps, TextStyle } from 'react-native';
 
 type Level = 1 | 2 | 3 | 4 | 5 | 6;
 

package/src/primitives/Icon/Icon.tsx

@@ -3,7 +3,7 @@ import { Animated, Image } from 'react-native';
 
 import { useTheme } from '../../theme';
 import { getThemedStyles } from './styles';
-import { IconProps } from './types';
+import type { IconProps } from './types';
 
 export default function Icon({
   accessible = true,

package/src/primitives/Icon/constants.ts

@@ -1,4 +1,4 @@
-import { IconSizes } from './types';
+import type { IconSizes } from './types';
 
 export const iconSizes: IconSizes = {
   xs: 16,

package/src/primitives/Icon/index.ts

@@ -1,3 +1,3 @@
 export { default as Icon } from './Icon';
-export { IconProps, IconStyles, IconSizes } from './types';
+export type { IconProps, IconStyles, IconSizes } from './types';
 export { iconSizes } from './constants';

package/src/primitives/Icon/styles.ts

@@ -1,8 +1,8 @@
 import { StyleSheet } from 'react-native';
 import { ConsoleLogger as Logger } from 'aws-amplify/utils';
 
-import { StrictTheme } from '../../theme';
-import { IconProps, IconStyles } from './types';
+import type { StrictTheme } from '../../theme';
+import type { IconProps, IconStyles } from './types';
 import { iconSizes } from './constants';
 
 const logger = new Logger('Icon-logger');

package/src/primitives/Icon/types.ts

@@ -1,4 +1,4 @@
-import { ColorValue, ImageProps, ImageStyle } from 'react-native';
+import type { ColorValue, ImageProps, ImageStyle } from 'react-native';
 
 export type Size = 'xs' | 'small' | 'medium' | 'large' | 'xl';
 export type IconSizes = Record<Size, number>;

package/src/primitives/IconButton/IconButton.tsx

@@ -1,12 +1,13 @@
 import React, { useMemo } from 'react';
-import { Pressable, ViewStyle } from 'react-native';
+import type { ViewStyle } from 'react-native';
+import { Pressable } from 'react-native';
 
 import { useTheme } from '../../theme';
 import { usePressableContainerStyles } from '../../hooks';
 
 import { getThemedStyles } from './styles';
 import { Icon, iconSizes } from '../Icon';
-import { IconButtonProps } from './types';
+import type { IconButtonProps } from './types';
 
 export default function IconButton({
   accessibilityRole = 'button',

package/src/primitives/IconButton/index.ts

@@ -1,2 +1,2 @@
 export { default as IconButton } from './IconButton';
-export { IconButtonProps, IconButtonStyles } from './types';
+export type { IconButtonProps, IconButtonStyles } from './types';

package/src/primitives/IconButton/styles.ts

@@ -1,7 +1,7 @@
 import { StyleSheet } from 'react-native';
 
-import { StrictTheme } from '../../theme';
-import { IconButtonStyles } from './types';
+import type { StrictTheme } from '../../theme';
+import type { IconButtonStyles } from './types';
 
 export const getThemedStyles = (theme: StrictTheme): IconButtonStyles => {
   const {

package/src/primitives/IconButton/types.ts

@@ -1,4 +1,4 @@
-import {
+import type {
   ColorValue,
   ImageSourcePropType,
   ImageStyle,