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

package/dist/primitives/Icon/types.d.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>;
 export interface IconStyles {

package/dist/primitives/IconButton/IconButton.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { IconButtonProps } from './types';
+import type { IconButtonProps } from './types';
 export default function IconButton({ accessibilityRole, color, disabled, iconStyle, size, source, style, ...rest }: IconButtonProps): React.JSX.Element;

package/dist/primitives/IconButton/index.d.ts

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

package/dist/primitives/IconButton/styles.d.ts

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

package/dist/primitives/IconButton/types.d.ts

@@ -1,4 +1,4 @@
-import { ColorValue, ImageSourcePropType, ImageStyle, PressableProps, StyleProp, ViewStyle } from 'react-native';
+import type { ColorValue, ImageSourcePropType, ImageStyle, PressableProps, StyleProp, ViewStyle } from 'react-native';
 export interface IconButtonStyles {
     container?: ViewStyle;
     disabled?: ViewStyle;

package/dist/primitives/Label/Label.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { LabelProps } from './types';
+import type { LabelProps } from './types';
 export default function Label({ accessibilityRole, children, style, variant, ...rest }: LabelProps): React.JSX.Element;

package/dist/primitives/Label/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Label } from './Label';
-export { LabelProps, LabelStyles } from './types';
+export type { LabelProps, LabelStyles } from './types';

package/dist/primitives/Label/styles.d.ts

@@ -1,3 +1,3 @@
-import { StrictTheme } from '../../theme';
-import { LabelStyles } from './types';
+import type { StrictTheme } from '../../theme';
+import type { LabelStyles } from './types';
 export declare const getThemedStyles: (theme: StrictTheme) => LabelStyles;

package/dist/primitives/Label/types.d.ts

@@ -1,4 +1,4 @@
-import { TextProps, TextStyle } from 'react-native';
+import type { TextProps, TextStyle } from 'react-native';
 export interface LabelProps extends TextProps {
     /**
      * @description

package/dist/primitives/Label/utils.d.ts

@@ -1,5 +1,5 @@
-import { ViewStyle } from 'react-native';
-import { LabelPosition } from './types';
+import type { ViewStyle } from 'react-native';
+import type { LabelPosition } from './types';
 /**
  * The `flexDirection` value returned from `getFlexDirectionFromLabelPosition`
  * assumes a `Label` component follows the `Primary` component it labels inside

package/dist/primitives/PasswordField/PasswordField.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { PasswordFieldProps } from './types';
+import type { PasswordFieldProps } from './types';
 export default function PasswordField({ disabled, iconAccessibilityLabel, iconStyle, secureTextEntry, showPasswordButton, style, ...rest }: PasswordFieldProps): React.JSX.Element;

package/dist/primitives/PasswordField/index.d.ts

@@ -1,2 +1,2 @@
 export { default as PasswordField } from './PasswordField';
-export { PasswordFieldProps, PasswordFieldStyles } from './types';
+export type { PasswordFieldProps, PasswordFieldStyles } from './types';

package/dist/primitives/PasswordField/styles.d.ts

@@ -1,3 +1,3 @@
-import { StrictTheme } from '../../theme';
-import { PasswordFieldStyles } from './types';
+import type { StrictTheme } from '../../theme';
+import type { PasswordFieldStyles } from './types';
 export declare const getThemedStyles: ({ components, tokens: { colors }, }: StrictTheme) => PasswordFieldStyles;

package/dist/primitives/PasswordField/types.d.ts

@@ -1,6 +1,6 @@
-import { ImageStyle } from 'react-native';
-import { IconButtonProps } from '../IconButton';
-import { TextFieldProps, TextFieldStyles } from '../TextField';
+import type { ImageStyle } from 'react-native';
+import type { IconButtonProps } from '../IconButton';
+import type { TextFieldProps, TextFieldStyles } from '../TextField';
 export interface PasswordFieldProps extends TextFieldProps {
     /**
      * @description

package/dist/primitives/PhoneNumberField/PhoneNumberField.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { PhoneNumberFieldProps } from './types';
+import type { PhoneNumberFieldProps } from './types';
 export default function PhoneNumberField({ disabled, fieldStyle, labelStyle, style, ...rest }: PhoneNumberFieldProps): React.JSX.Element;

package/dist/primitives/PhoneNumberField/index.d.ts

@@ -1,2 +1,2 @@
 export { default as PhoneNumberField } from './PhoneNumberField';
-export { PhoneNumberFieldProps, PhoneNumberFieldStyles } from './types';
+export type { PhoneNumberFieldProps, PhoneNumberFieldStyles } from './types';

package/dist/primitives/PhoneNumberField/styles.d.ts

@@ -1,3 +1,3 @@
-import { StrictTheme } from '../../theme';
-import { PhoneNumberFieldStyles } from './types';
+import type { StrictTheme } from '../../theme';
+import type { PhoneNumberFieldStyles } from './types';
 export declare const getThemedStyles: (theme: StrictTheme) => PhoneNumberFieldStyles;

package/dist/primitives/PhoneNumberField/types.d.ts

@@ -1,4 +1,4 @@
-import { TextFieldProps, TextFieldStyles } from '../TextField';
+import type { TextFieldProps, TextFieldStyles } from '../TextField';
 export interface PhoneNumberFieldProps extends Omit<TextFieldProps, 'secureTextEntry'> {
 }
 export interface PhoneNumberFieldStyles extends Partial<TextFieldStyles> {

package/dist/primitives/Radio/Radio.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RadioProps } from './types';
+import type { RadioProps } from './types';
 export declare const CONTAINER_TEST_ID = "amplify__radio-button__container";
 export declare const DOT_TEST_ID = "amplify__radio-button__dot";
 export default function Radio<T>({ accessibilityRole, disabled, label, labelPosition, labelStyle, onChange, onPress, radioContainerStyle, radioDotStyle, selected, size, style, value, ...rest }: RadioProps<T>): React.JSX.Element;

package/dist/primitives/Radio/Radio.js

@@ -1,5 +1,5 @@
 import React, { useCallback, useMemo } from 'react';
-import { Pressable, View, } from 'react-native';
+import { Pressable, View } from 'react-native';
 import { useTheme } from '../../theme';
 import { Label } from '../Label';
 import { getFlexDirectionFromLabelPosition } from '../Label/utils';

package/dist/primitives/Radio/getRadioDimensions.d.ts

@@ -1,4 +1,4 @@
-import { RadioDimensions, RadioStyles, Size } from './types';
+import type { RadioDimensions, RadioStyles, Size } from './types';
 /**
  * These utility functions are used to apply styles to
  * the two nested View's comprising the Radio:

package/dist/primitives/Radio/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Radio } from './Radio';
-export { RadioProps, RadioStyles } from './types';
+export type { RadioProps, RadioStyles } from './types';

package/dist/primitives/Radio/styles.d.ts

@@ -1,3 +1,3 @@
-import { StrictTheme } from '../../theme';
-import { RadioStyles } from './types';
+import type { StrictTheme } from '../../theme';
+import type { RadioStyles } from './types';
 export declare const getThemedStyles: (theme: StrictTheme) => Required<RadioStyles>;

package/dist/primitives/Radio/types.d.ts

@@ -1,5 +1,5 @@
-import { PressableProps, StyleProp, TextStyle, ViewStyle } from 'react-native';
-import { LabelPosition } from '../Label/types';
+import type { PressableProps, StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type { LabelPosition } from '../Label/types';
 export type Size = number | 'small' | 'medium' | 'large';
 export interface RadioProps<T> extends PressableProps {
     disabled?: boolean;

package/dist/primitives/RadioGroup/RadioGroup.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { RadioGroupProps } from './types';
+import type { RadioGroupProps } from './types';
 export declare const RADIO_GROUP_CONTAINER_TEST_ID = "amplify__radio-group__container";
 export default function RadioGroup<T>({ accessible, accessibilityRole, children, direction, disabled, initialValue, label, labelPosition, labelStyle, onChange, onValueChange, size, style, ...rest }: RadioGroupProps<T>): React.JSX.Element;

package/dist/primitives/RadioGroup/index.d.ts

@@ -1,2 +1,2 @@
 export { default as RadioGroup } from './RadioGroup';
-export { RadioGroupProps, RadioGroupStyles } from './types';
+export type { RadioGroupProps, RadioGroupStyles } from './types';

package/dist/primitives/RadioGroup/styles.d.ts

@@ -1,3 +1,3 @@
-import { StrictTheme } from '../../theme';
-import { RadioGroupStyles } from './types';
+import type { StrictTheme } from '../../theme';
+import type { RadioGroupStyles } from './types';
 export declare const getThemedStyles: (theme: StrictTheme) => RadioGroupStyles;

package/dist/primitives/RadioGroup/types.d.ts

@@ -1,5 +1,5 @@
-import { TextStyle, ViewProps, ViewStyle } from 'react-native';
-import { RadioProps } from '../Radio';
+import type { TextStyle, ViewProps, ViewStyle } from 'react-native';
+import type { RadioProps } from '../Radio';
 export type Direction = 'vertical' | 'horizontal';
 export interface RadioGroupProps<T> extends Pick<RadioProps<T>, 'accessibilityRole' | 'disabled' | 'label' | 'labelPosition' | 'labelStyle' | 'onChange' | 'size'>, ViewProps {
     children: React.ReactElement<RadioProps<T>>[];

package/dist/primitives/Tabs/Tab.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { TabProps } from './types';
+import type { TabProps } from './types';
 export default function Tab({ children, selected, style, textStyle, indicatorPosition, ...rest }: TabProps): React.JSX.Element;

package/dist/primitives/Tabs/Tabs.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { TabsProps } from './types';
+import type { TabsProps } from './types';
 export default function Tabs({ accessible, accessibilityRole, children, indicatorPosition, onChange, selectedIndex, style, ...rest }: TabsProps): React.JSX.Element;

package/dist/primitives/Tabs/index.d.ts

@@ -1,3 +1,3 @@
 export { default as Tab } from './Tab';
 export { default as Tabs } from './Tabs';
-export { TabProps, TabsProps, TabsStyles } from './types';
+export type { TabProps, TabsProps, TabsStyles } from './types';

package/dist/primitives/Tabs/styles.d.ts

@@ -1,3 +1,3 @@
-import { StrictTheme } from '../../theme';
-import { TabsProps, TabsStyles } from './types';
+import type { StrictTheme } from '../../theme';
+import type { TabsProps, TabsStyles } from './types';
 export declare const getThemedStyles: (theme: StrictTheme, indicatorPosition?: TabsProps['indicatorPosition']) => TabsStyles;

package/dist/primitives/Tabs/types.d.ts

@@ -1,5 +1,5 @@
-import { TextStyle, ViewProps, ViewStyle } from 'react-native';
-import { ButtonProps } from '../Button';
+import type { TextStyle, ViewProps, ViewStyle } from 'react-native';
+import type { ButtonProps } from '../Button';
 type IndicatorPosition = 'top' | 'bottom';
 export interface TabsProps extends ViewProps {
     /**

package/dist/primitives/TextField/TextField.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TextFieldProps } from './types';
+import type { TextFieldProps } from './types';
 export declare const TEXTFIELD_CONTAINER_TEST_ID = "amplify__text-field-container";
 export declare const INPUT_CONTAINER_TEST_ID = "amplify__text-field__input-container";
 export default function TextField({ accessibilityLabel, accessibilityRole, accessibilityState, accessible, autoCapitalize, disabled, endAccessory, error, errorMessage, errorMessageStyle, fieldStyle, label, labelStyle, style, ...rest }: TextFieldProps): React.JSX.Element;

package/dist/primitives/TextField/index.d.ts

@@ -1,2 +1,2 @@
 export { default as TextField } from './TextField';
-export { TextFieldProps, TextFieldStyles } from './types';
+export type { TextFieldProps, TextFieldStyles } from './types';

package/dist/primitives/TextField/styles.d.ts

@@ -1,3 +1,3 @@
-import { StrictTheme } from '../../theme';
-import { TextFieldStyles } from './types';
+import type { StrictTheme } from '../../theme';
+import type { TextFieldStyles } from './types';
 export declare const getThemedStyles: (theme: StrictTheme) => TextFieldStyles;

package/dist/primitives/TextField/types.d.ts

@@ -1,5 +1,5 @@
-import { StyleProp, TextInputProps, TextStyle, ViewStyle } from 'react-native';
-import { LabelProps } from '../Label/types';
+import type { StyleProp, TextInputProps, TextStyle, ViewStyle } from 'react-native';
+import type { LabelProps } from '../Label/types';
 export interface TextFieldProps extends Omit<TextInputProps, 'editable'> {
     /**
      * @description

package/dist/theme/ThemeContext.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { StrictTheme } from './types';
+import type { StrictTheme } from './types';
 export interface ThemeContextType {
     theme: StrictTheme;
 }

package/dist/theme/ThemeProvider.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ColorMode, Theme } from './types';
+import type { ColorMode, Theme } from './types';
 interface ThemeProviderProps {
     children: React.ReactNode;
     theme?: Theme;

package/dist/theme/createTheme.d.ts

@@ -1,4 +1,4 @@
-import { Theme, StrictTheme, ColorMode } from './types';
+import type { Theme, StrictTheme, ColorMode } from './types';
 /**
  * This will be used like `const myTheme = createTheme({})`
  * `myTheme` can then be passed to a Provider

package/dist/theme/defaultTheme.d.ts

@@ -1,3 +1,3 @@
-import { DefaultTheme, Override } from './types';
+import type { DefaultTheme, Override } from './types';
 export declare const defaultTheme: DefaultTheme;
 export declare const defaultDarkModeOverride: Override;

package/dist/theme/types.d.ts

@@ -1,5 +1,5 @@
-import { ReactNativeTokens } from '@aws-amplify/ui';
-import { ButtonStyles, CheckboxStyles, DividerStyles, ErrorMessageStyles, HeadingStyles, IconStyles, IconButtonStyles, LabelStyles, PasswordFieldStyles, PhoneNumberFieldStyles, RadioStyles, RadioGroupStyles, TabsStyles, TextFieldStyles } from '../primitives';
+import type { ReactNativeTokens } from '@aws-amplify/ui';
+import type { ButtonStyles, CheckboxStyles, DividerStyles, ErrorMessageStyles, HeadingStyles, IconStyles, IconButtonStyles, LabelStyles, PasswordFieldStyles, PhoneNumberFieldStyles, RadioStyles, RadioGroupStyles, TabsStyles, TextFieldStyles } from '../primitives';
 type ComponentTheme<ComponentType, Output> = Output extends 'output' ? ComponentType : ((tokens: StrictTheme['tokens']) => ComponentType) | ComponentType;
 export type Components<Output extends 'input' | 'output' | unknown = unknown> = {
     button?: ComponentTheme<ButtonStyles, Output>;

package/dist/theme/useTheme.d.ts

@@ -1,2 +1,2 @@
-import { StrictTheme } from './types';
+import type { StrictTheme } from './types';
 export declare const useTheme: () => StrictTheme;

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "2.5.2";
+export declare const VERSION = "2.6.0";

package/dist/version.js

@@ -1 +1 @@
-export const VERSION = '2.5.2';
+export const VERSION = '2.6.0';

package/lib/Authenticator/hooks/useFieldValues/useFieldValues.js

@@ -6,6 +6,7 @@ const utils_2 = require("./utils");
 const logger = new utils_1.ConsoleLogger('Authenticator');
 function useFieldValues({ componentName, fields = [], handleBlur, handleChange, handleSubmit, validationErrors, }) {
     const [touched, setTouched] = (0, react_1.useState)({});
+    const lastProcessed = (0, react_1.useRef)();
     const [fieldValidationErrors, setFieldValidationErrors] = (0, react_1.useState)({});
     const isVerifyUserRoute = componentName === 'VerifyUser';
     const isSelectMfaTypeRoute = componentName === 'SelectMfaType';
@@ -80,9 +81,10 @@ function useFieldValues({ componentName, fields = [], handleBlur, handleChange,
                 [name]: (0, utils_2.runFieldValidation)(field, values[name], validationErrors),
             });
         };
-        const onChangeText = (value) => {
-            // call `onChangeText` passed as text `field` option
-            field.onChangeText?.(value);
+        const reportChange = (value) => {
+            if (lastProcessed.current === `${name}:${value}`) {
+                return;
+            }
             // call machine change handler
             handleChange({ name, value });
             if (touched[name]) {
@@ -91,12 +93,24 @@ function useFieldValues({ componentName, fields = [], handleBlur, handleChange,
                     [name]: (0, utils_2.runFieldValidation)(field, value, validationErrors),
                 });
             }
-            setValues({ ...values, [name]: value });
+            lastProcessed.current = `${name}:${value}`;
+            setValues((prev) => ({ ...prev, [name]: value }));
+        };
+        const onChangeText = (value) => {
+            // call `onChangeText` passed as text `field` option
+            field.onChangeText?.(value);
+            reportChange(value);
+        };
+        const onChange = (event) => {
+            // call `onChange` passed as text `field` option
+            field.onChange?.(event);
+            reportChange(event.nativeEvent.text ?? '');
         };
         return {
             ...rest,
             label: labelHidden ? undefined : label,
             onBlur,
+            onChange,
             onChangeText,
             name,
             value: values[name],

package/lib/InAppMessaging/index.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.withInAppMessaging = exports.InAppMessageDisplay = exports.useInAppMessaging = exports.InAppMessagingProvider = void 0;
-// re-export in-app types from '@aws-amplify/ui-react-core-notifications'
 var ui_react_core_notifications_1 = require("@aws-amplify/ui-react-core-notifications");
 Object.defineProperty(exports, "InAppMessagingProvider", { enumerable: true, get: function () { return ui_react_core_notifications_1.InAppMessagingProvider; } });
 Object.defineProperty(exports, "useInAppMessaging", { enumerable: true, get: function () { return ui_react_core_notifications_1.useInAppMessaging; } });

package/lib/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/lib/version.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
-exports.VERSION = '2.5.2';
+exports.VERSION = '2.6.0';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react-native",
-  "version": "2.5.2",
+  "version": "2.6.0",
   "main": "lib/index.js",
   "module": "dist/index.js",
   "react-native": "src/index.ts",
@@ -30,9 +30,9 @@
     "react-native-safe-area-context": "^5.2.0"
   },
   "dependencies": {
-    "@aws-amplify/ui": "6.10.2",
-    "@aws-amplify/ui-react-core": "3.4.2",
-    "@aws-amplify/ui-react-core-notifications": "2.2.8"
+    "@aws-amplify/ui": "6.10.3",
+    "@aws-amplify/ui-react-core": "3.4.3",
+    "@aws-amplify/ui-react-core-notifications": "2.2.9"
   },
   "peerDependencies": {
     "aws-amplify": "^6.14.3",

package/src/Authenticator/Authenticator.tsx

@@ -1,9 +1,9 @@
 import React, { useMemo } from 'react';
 import { SafeAreaProvider } from 'react-native-safe-area-context';
 
+import type { AuthenticatorMachineContext } from '@aws-amplify/ui-react-core';
 import {
   AuthenticatorProvider as Provider,
-  AuthenticatorMachineContext,
   resolveAuthenticatorComponents,
   useAuthenticator,
   useAuthenticatorRoute,
@@ -13,8 +13,9 @@ import {
 
 import { useDeprecationWarning } from '../hooks';
 import { DefaultContainer, InnerContainer } from './common';
-import { TypedField, getRouteTypedFields } from './hooks';
-import { AuthenticatorProps } from './types';
+import type { TypedField } from './hooks';
+import { getRouteTypedFields } from './hooks';
+import type { AuthenticatorProps } from './types';
 import { VERSION } from '../version';
 
 import {

package/src/Authenticator/Defaults/ConfirmResetPassword/ConfirmResetPassword.tsx

@@ -9,7 +9,7 @@ import {
 } from '../../common';
 import { useFieldValues } from '../../hooks';
 
-import { DefaultConfirmResetPasswordProps } from '../types';
+import type { DefaultConfirmResetPasswordProps } from '../types';
 
 const COMPONENT_NAME = 'ConfirmResetPassword';
 

package/src/Authenticator/Defaults/ConfirmSignIn/ConfirmSignIn.tsx

@@ -9,7 +9,7 @@ import {
 } from '../../common';
 import { useFieldValues } from '../../hooks';
 
-import { DefaultConfirmSignInProps } from '../types';
+import type { DefaultConfirmSignInProps } from '../types';
 
 const COMPONENT_NAME = 'ConfirmSignIn';
 

package/src/Authenticator/Defaults/ConfirmSignUp/ConfirmSignUp.tsx

@@ -9,7 +9,7 @@ import {
 } from '../../common';
 import { useFieldValues } from '../../hooks';
 
-import { DefaultConfirmSignUpProps } from '../types';
+import type { DefaultConfirmSignUpProps } from '../types';
 
 const COMPONENT_NAME = 'ConfirmSignUp';
 

package/src/Authenticator/Defaults/ConfirmVerifyUser/ConfirmVerifyUser.tsx

@@ -9,7 +9,7 @@ import {
 } from '../../common';
 import { useFieldValues } from '../../hooks';
 
-import { DefaultConfirmVerifyUserProps } from '../types';
+import type { DefaultConfirmVerifyUserProps } from '../types';
 
 const COMPONENT_NAME = 'ConfirmVerifyUser';
 

package/src/Authenticator/Defaults/ForceNewPassword/ForceNewPassword.tsx

@@ -9,7 +9,7 @@ import {
 } from '../../common';
 import { useFieldValues } from '../../hooks';
 
-import { DefaultForceNewPasswordProps } from '../types';
+import type { DefaultForceNewPasswordProps } from '../types';
 
 const COMPONENT_NAME = 'ForceNewPassword';
 

package/src/Authenticator/Defaults/ForgotPassword/ForgotPassword.tsx

@@ -9,7 +9,7 @@ import {
 } from '../../common';
 import { useFieldValues } from '../../hooks';
 
-import { DefaultForgotPasswordProps } from '../types';
+import type { DefaultForgotPasswordProps } from '../types';
 
 const COMPONENT_NAME = 'ForgotPassword';
 const {

package/src/Authenticator/Defaults/SelectMfaType/SelectMfaType.tsx

@@ -9,7 +9,7 @@ import {
 } from '../../common';
 import { useFieldValues } from '../../hooks';
 
-import { DefaultSelectMfaTypeProps } from '../types';
+import type { DefaultSelectMfaTypeProps } from '../types';
 
 const COMPONENT_NAME = 'SelectMfaType';
 

package/src/Authenticator/Defaults/SetupEmail/SetupEmail.tsx

@@ -9,7 +9,7 @@ import {
 } from '../../common';
 import { useFieldValues } from '../../hooks';
 
-import { DefaultSetupEmailProps } from '../types';
+import type { DefaultSetupEmailProps } from '../types';
 
 const COMPONENT_NAME = 'SetupEmail';
 

package/src/Authenticator/Defaults/SetupTotp/SetupTotp.tsx

@@ -12,7 +12,7 @@ import {
 } from '../../common';
 import { useFieldValues } from '../../hooks';
 
-import { DefaultSetupTotpProps } from '../types';
+import type { DefaultSetupTotpProps } from '../types';
 import { styles } from './styles';
 
 const COMPONENT_NAME = 'SetupTotp';

package/src/Authenticator/Defaults/SetupTotp/styles.ts

@@ -1,4 +1,5 @@
-import { StyleSheet, TextStyle } from 'react-native';
+import type { TextStyle } from 'react-native';
+import { StyleSheet } from 'react-native';
 
 export interface SetupTotpStyle {
   secretKeyText: TextStyle;

package/src/Authenticator/Defaults/SignIn/SignIn.tsx

@@ -10,7 +10,7 @@ import {
 } from '../../common';
 import { useFieldValues } from '../../hooks';
 
-import { DefaultSignInProps } from '../types';
+import type { DefaultSignInProps } from '../types';
 
 const COMPONENT_NAME = 'SignIn';
 

package/src/Authenticator/Defaults/SignUp/SignUp.tsx

@@ -10,7 +10,7 @@ import {
 } from '../../common';
 import { useFieldValues } from '../../hooks';
 
-import { DefaultSignUpProps } from '../types';
+import type { DefaultSignUpProps } from '../types';
 
 const COMPONENT_NAME = 'SignUp';
 

package/src/Authenticator/Defaults/VerifyUser/VerifyUser.tsx

@@ -8,7 +8,7 @@ import {
   DefaultVerifyUserFormFields,
 } from '../../common';
 import { useFieldValues } from '../../hooks';
-import { DefaultVerifyUserProps } from '../types';
+import type { DefaultVerifyUserProps } from '../types';
 
 const COMPONENT_NAME = 'VerifyUser';
 

package/src/Authenticator/Defaults/index.ts

@@ -10,7 +10,7 @@ export { SignUp } from './SignUp';
 export { VerifyUser } from './VerifyUser';
 export { SelectMfaType } from './SelectMfaType';
 export { SetupEmail } from './SetupEmail';
-export {
+export type {
   Components,
   DefaultComponents,
   ConfirmResetPasswordProps,

package/src/Authenticator/Defaults/types.ts

@@ -1,8 +1,8 @@
-import {
+import type {
   AuthenticatorComponentOverrides,
   AuthenticatorComponentDefaults,
 } from '@aws-amplify/ui-react-core';
-import { RadioFieldOptions, TextFieldOptionsType } from '../hooks';
+import type { RadioFieldOptions, TextFieldOptionsType } from '../hooks';
 
 // TODO fill these interfaces with custom style override types
 export interface ConfirmResetPasswordStyle {}

package/src/Authenticator/common/DefaultContainer/DefaultContainer.tsx

@@ -6,7 +6,7 @@ import { useTheme } from '../../../theme';
 import { platform } from '../../../utils';
 
 import { getThemedStyles } from './styles';
-import { ContainerProps } from './types';
+import type { ContainerProps } from './types';
 
 // prevent bounce when `ScrollView` content is less than height of screnn
 const ALWAYS_BOUNCE_VERTICAL = false;