@aws-amplify/ui-react-core 3.4.2 → 3.4.3

package/README.md

@@ -1,3 +1,42 @@
 # Amplify UI React Core
 
 `@aws-amplify/ui-react-core` is a React platform agnostic utility library for Amplify UI internal usage in `@aws-amplify/ui-react*` and `@aws-amplify/ui-react-native*` namespaced packages.
+
+## Contents
+
+### Authenticator
+
+- `AuthenticatorProvider` - Provider component for Authenticator context
+- `useAuthenticator` - Hook for accessing Authenticator functionality
+- `useAuthenticatorRoute` - Hook for accessing Authenticator route information
+- `useAuthenticatorInitMachine` - Hook for initializing Authenticator state machine
+- `isAuthenticatorComponentRouteKey` - Utility function for checking route keys
+- `resolveAuthenticatorComponents` - Utility function for resolving Authenticator components
+
+### Form Components and Hooks
+
+- `FormProvider` - Provider component for form context
+- `useField` - Hook for accessing form field functionality
+- `useForm` - Hook for accessing form functionality
+- `withFormProvider` - Higher-order component for adding form provider capabilities
+- `RenderNothing` - Utility component for rendering nothing
+
+### Utility Hooks
+
+- `useAsyncReducer` - Hook for async state management
+- `useControlledReducer` - Hook for controlled state management
+- `useDeprecationWarning` - Hook for displaying deprecation warnings
+- `useDropZone` - Hook for drag and drop functionality
+- `useGetUrl` - Hook for getting URLs
+- `useHasValueUpdated` - Hook for checking if a value has updated
+- `usePreviousValue` - Hook for accessing previous value
+- `useSetUserAgent` - Hook for setting user agent
+- `useTimeout` - Hook for timeout functionality
+
+### Utility Functions
+
+- `createContextUtilities` - Utility function for creating context utilities
+
+### Type Definitions
+
+- Various type definitions for Authenticator, Form, and utility components

package/dist/types/Authenticator/context/AuthenticatorContext.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AuthInterpreter, AuthStatus } from '@aws-amplify/ui';
+import type { AuthInterpreter, AuthStatus } from '@aws-amplify/ui';
 /**
  * Authenticator React.Context type
  */

package/dist/types/Authenticator/context/AuthenticatorProvider.d.ts

@@ -1,4 +1,5 @@
-import React, { ReactNode } from 'react';
+import type { ReactNode } from 'react';
+import React from 'react';
 export default function AuthenticatorProvider({ children, }: {
     children: ReactNode;
 }): React.JSX.Element;

package/dist/types/Authenticator/hooks/constants.d.ts

@@ -1,3 +1,3 @@
-import { AuthenticatorRouteComponentKey, AuthenticatorRouteComponentName } from './types';
+import type { AuthenticatorRouteComponentKey, AuthenticatorRouteComponentName } from './types';
 export declare const COMPONENT_ROUTE_KEYS: AuthenticatorRouteComponentKey[];
 export declare const COMPONENT_ROUTE_NAMES: AuthenticatorRouteComponentName[];

package/dist/types/Authenticator/hooks/types.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { ChallengeName, AuthenticatorServiceFacade, LegacyFormFieldOptions } from '@aws-amplify/ui';
-import { UseAuthenticator } from './useAuthenticator';
+import type React from 'react';
+import type { ChallengeName, AuthenticatorServiceFacade, LegacyFormFieldOptions } from '@aws-amplify/ui';
+import type { UseAuthenticator } from './useAuthenticator';
 export type AuthenticatorRouteComponentKey = 'confirmResetPassword' | 'confirmSignIn' | 'confirmSignUp' | 'confirmVerifyUser' | 'forceNewPassword' | 'forgotPassword' | 'selectMfaType' | 'setupEmail' | 'setupTotp' | 'signIn' | 'signUp' | 'verifyUser';
 export type AuthenticatorLegacyField = LegacyFormFieldOptions;
 export type AuthenticatorLegacyFields = AuthenticatorLegacyField[];

package/dist/types/Authenticator/hooks/useAuthenticator/__mock__/useAuthenticator.d.ts

@@ -1,4 +1,4 @@
-import { AuthenticatorMachineContext } from '../../types';
-import { UseAuthenticator } from '../types';
+import type { AuthenticatorMachineContext } from '../../types';
+import type { UseAuthenticator } from '../types';
 export declare const mockMachineContext: AuthenticatorMachineContext;
 export declare const mockUseAuthenticatorOutput: UseAuthenticator;

package/dist/types/Authenticator/hooks/useAuthenticator/index.d.ts

@@ -1,2 +1,2 @@
 export { default as useAuthenticator } from './useAuthenticator';
-export { UseAuthenticator, UseAuthenticatorSelector } from './types';
+export type { UseAuthenticator, UseAuthenticatorSelector } from './types';

package/dist/types/Authenticator/hooks/useAuthenticator/types.d.ts

@@ -1,4 +1,4 @@
-import { AuthenticatorServiceFacade, LegacyFormFieldOptions } from '@aws-amplify/ui';
+import type { AuthenticatorServiceFacade, LegacyFormFieldOptions } from '@aws-amplify/ui';
 /**
  * These are the "facades" that we provide, which contains contexts respective
  * to current authenticator state.

package/dist/types/Authenticator/hooks/useAuthenticator/useAuthenticator.d.ts

@@ -1,4 +1,4 @@
-import { UseAuthenticatorSelector, UseAuthenticator } from './types';
+import type { UseAuthenticatorSelector, UseAuthenticator } from './types';
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/connected-components/authenticator/headless#useauthenticator-hook)
  */

package/dist/types/Authenticator/hooks/useAuthenticator/utils.d.ts

@@ -1,6 +1,6 @@
-import { AuthenticatorRoute, AuthMachineState } from '@aws-amplify/ui';
-import { AuthenticatorLegacyFields } from '../types';
-import { Comparator, UseAuthenticatorSelector } from './types';
+import type { AuthenticatorRoute, AuthMachineState } from '@aws-amplify/ui';
+import type { AuthenticatorLegacyFields } from '../types';
+import type { Comparator, UseAuthenticatorSelector } from './types';
 export declare const defaultComparator: () => false;
 /**
  * Does an ordering and shallow comparison of each array value,

package/dist/types/Authenticator/hooks/useAuthenticatorInitMachine/useAuthenticatorInitMachine.d.ts

@@ -1,4 +1,4 @@
-import { AuthenticatorMachineOptions } from '@aws-amplify/ui';
-import { UseAuthenticatorSelector } from '../useAuthenticator';
+import type { AuthenticatorMachineOptions } from '@aws-amplify/ui';
+import type { UseAuthenticatorSelector } from '../useAuthenticator';
 export declare const routeSelector: UseAuthenticatorSelector;
 export default function useAuthenticatorInitMachine(data: AuthenticatorMachineOptions): void;

package/dist/types/Authenticator/hooks/useAuthenticatorRoute/constants.d.ts

@@ -1,4 +1,4 @@
-import { AuthenticatorMachineContextKey, AuthenticatorRouteComponentKey } from '../types';
-import { FormEventHandlerMachineKey, FormEventHandlerPropKey } from './types';
+import type { AuthenticatorMachineContextKey, AuthenticatorRouteComponentKey } from '../types';
+import type { FormEventHandlerMachineKey, FormEventHandlerPropKey } from './types';
 export declare const EVENT_HANDLER_KEY_MAP: Record<FormEventHandlerMachineKey, FormEventHandlerPropKey>;
 export declare const MACHINE_PROP_KEYS: Record<AuthenticatorRouteComponentKey, AuthenticatorMachineContextKey[]>;

package/dist/types/Authenticator/hooks/useAuthenticatorRoute/types.d.ts

@@ -1,4 +1,4 @@
-import { AuthenticatorMachineContext, AuthenticatorMachineContextKey, AuthenticatorRouteComponentName, CommonRouteProps, ConfirmResetPasswordBaseProps, ConfirmSignInBaseProps, ConfirmSignUpBaseProps, Defaults, DefaultProps, ForceResetPasswordBaseProps, ResetPasswordBaseProps, SelectMfaTypeBaseProps, SetupEmailBaseProps, SetupTotpBaseProps, SignInBaseProps, SignUpBaseProps, VerifyUserProps, ConfirmVerifyUserProps } from '../types';
+import type { AuthenticatorMachineContext, AuthenticatorMachineContextKey, AuthenticatorRouteComponentName, CommonRouteProps, ConfirmResetPasswordBaseProps, ConfirmSignInBaseProps, ConfirmSignUpBaseProps, Defaults, DefaultProps, ForceResetPasswordBaseProps, ResetPasswordBaseProps, SelectMfaTypeBaseProps, SetupEmailBaseProps, SetupTotpBaseProps, SignInBaseProps, SignUpBaseProps, VerifyUserProps, ConfirmVerifyUserProps } from '../types';
 export type UseAuthenticatorRouteParams<FieldType> = {
     components: Defaults<FieldType>;
 };

package/dist/types/Authenticator/hooks/useAuthenticatorRoute/useAuthenticatorRoute.d.ts

@@ -1,4 +1,4 @@
-import { UseAuthenticatorRoute, UseAuthenticatorRouteParams } from './types';
+import type { UseAuthenticatorRoute, UseAuthenticatorRouteParams } from './types';
 export default function useAuthenticatorRoute<FieldType>(params: UseAuthenticatorRouteParams<FieldType>): UseAuthenticatorRoute<'ConfirmResetPassword'>;
 export default function useAuthenticatorRoute<FieldType>(params: UseAuthenticatorRouteParams<FieldType>): UseAuthenticatorRoute<'ConfirmSignIn'>;
 export default function useAuthenticatorRoute<FieldType>(params: UseAuthenticatorRouteParams<FieldType>): UseAuthenticatorRoute<'ConfirmSignUp'>;

package/dist/types/Authenticator/hooks/useAuthenticatorRoute/utils.d.ts

@@ -1,7 +1,7 @@
-import { AuthenticatorRoute } from '@aws-amplify/ui';
-import { Defaults } from '../types';
-import { UseAuthenticator, UseAuthenticatorSelector } from '../useAuthenticator';
-import { UseAuthenticatorRoute, UseAuthenticatorRouteDefault } from './types';
+import type { AuthenticatorRoute } from '@aws-amplify/ui';
+import type { Defaults } from '../types';
+import type { UseAuthenticator, UseAuthenticatorSelector } from '../useAuthenticator';
+import type { UseAuthenticatorRoute, UseAuthenticatorRouteDefault } from './types';
 export declare const routeSelector: UseAuthenticatorSelector;
 export declare const getRouteMachineSelector: (route: AuthenticatorRoute) => UseAuthenticatorSelector;
 export declare function resolveConfirmResetPasswordRoute<FieldType = {}>(Component: Defaults<FieldType>['ConfirmResetPassword'], props: UseAuthenticator): UseAuthenticatorRoute<'ConfirmResetPassword', FieldType>;

package/dist/types/Authenticator/hooks/utils.d.ts

@@ -1,4 +1,4 @@
-import { AuthenticatorRoute } from '@aws-amplify/ui';
-import { AuthenticatorRouteComponentKey, Defaults, Overrides } from './types';
+import type { AuthenticatorRoute } from '@aws-amplify/ui';
+import type { AuthenticatorRouteComponentKey, Defaults, Overrides } from './types';
 export declare const isComponentRouteKey: (route: AuthenticatorRoute) => route is AuthenticatorRouteComponentKey;
 export declare function resolveAuthenticatorComponents<FieldType>(defaults: Defaults<FieldType>, overrides?: Overrides<FieldType>): Defaults<FieldType>;

package/dist/types/Authenticator/index.d.ts

@@ -1,3 +1,5 @@
 export { AuthenticatorProvider, AuthenticatorContext } from './context';
-export { resolveAuthenticatorComponents, useAuthenticator, useAuthenticatorRoute, UseAuthenticator, useAuthenticatorInitMachine, UseAuthenticatorRoute, } from './hooks';
-export { Overrides as AuthenticatorComponentOverrides, Defaults as AuthenticatorComponentDefaults, DefaultProps as AuthenticatorComponentDefaultProps, FooterComponent as AuthenticatorFooterComponent, FormFieldsComponent as AuthenticatorFormFieldsComponent, HeaderComponent as AuthenticatorHeaderComponent, isComponentRouteKey as isAuthenticatorComponentRouteKey, AuthenticatorRouteComponentKey, AuthenticatorRouteComponentName, AuthenticatorLegacyField, AuthenticatorMachineContext, FormFieldsComponent, } from './hooks';
+export type { UseAuthenticator, UseAuthenticatorRoute } from './hooks';
+export { resolveAuthenticatorComponents, useAuthenticator, useAuthenticatorRoute, useAuthenticatorInitMachine, } from './hooks';
+export type { Overrides as AuthenticatorComponentOverrides, Defaults as AuthenticatorComponentDefaults, DefaultProps as AuthenticatorComponentDefaultProps, FooterComponent as AuthenticatorFooterComponent, FormFieldsComponent as AuthenticatorFormFieldsComponent, HeaderComponent as AuthenticatorHeaderComponent, AuthenticatorRouteComponentKey, AuthenticatorRouteComponentName, AuthenticatorLegacyField, AuthenticatorMachineContext, FormFieldsComponent, } from './hooks';
+export { isComponentRouteKey as isAuthenticatorComponentRouteKey } from './hooks';

package/dist/types/components/FormCore/FormProvider.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { FormValues, FormHandle, FormProviderProps } from './types';
+import type { FormValues, FormHandle, FormProviderProps } from './types';
 declare const FormProvider: React.ForwardRefExoticComponent<FormProviderProps<FormValues> & React.RefAttributes<FormHandle>>;
 export default FormProvider;

package/dist/types/components/FormCore/index.d.ts

@@ -1,4 +1,4 @@
-export { FormProviderProps, FormValues, FormHandle, SubmitHandler, UseForm, Validate, Validator, } from './types';
+export type { FormProviderProps, FormValues, FormHandle, SubmitHandler, UseForm, Validate, Validator, } from './types';
 export { default as useField } from './useField';
 export { default as useForm } from './useForm';
 export { default as FormProvider } from './FormProvider';

package/dist/types/components/FormCore/types.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { DefaultValues } from 'react-hook-form';
+import type React from 'react';
+import type { DefaultValues } from 'react-hook-form';
 export interface FormValues {
     [k: string]: string;
 }

package/dist/types/components/FormCore/useControlledField.d.ts

@@ -1,4 +1,4 @@
-import { FocusHandler, UseControlledField, UseControlledFieldParams } from './types';
+import type { FocusHandler, UseControlledField, UseControlledFieldParams } from './types';
 export declare const DEFAULT_ERROR_MESSAGE = "`useControlledField` must be used within a `FormProvider`";
 /**
  * `Field` integration hook for usage with React Native `Field` components

package/dist/types/components/FormCore/useField.d.ts

@@ -1,4 +1,4 @@
-import { ChangeHandler, FocusHandler, UseField, UseFieldParams } from './types';
+import type { ChangeHandler, FocusHandler, UseField, UseFieldParams } from './types';
 export declare const DEFAULT_ERROR_MESSAGE = "`useField` must be used within a `FormProvider`";
 /**
  * `Field` integration hook for usage with React `Field` components.

package/dist/types/components/FormCore/useForm.d.ts

@@ -1,4 +1,4 @@
-import { FormValues, SubmitHandler, UseForm, UseFormParams } from './types';
+import type { FormValues, SubmitHandler, UseForm, UseFormParams } from './types';
 export declare const DEFAULT_ERROR_MESSAGE = "`useForm` must be called inside a `FormProvider`";
 /**
  * Utility hook corresponding to `FormProvider`, must be used within a `FormProvider`

package/dist/types/components/FormCore/withFormProvider.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { AnyComponent } from '../../types';
-import { FormHandle, FormProviderProps } from './types';
+import type { AnyComponent } from '../../types';
+import type { FormHandle, FormProviderProps } from './types';
 /**
  * @param Child `Form` base component wrapped inside `FormProvider`
  * @returns Composed `Form` component exposing `FormContext` values to descendents

package/dist/types/components/index.d.ts

@@ -1,2 +1,3 @@
-export { FormProvider, FormProviderProps, FormValues, FormHandle, SubmitHandler, useField, useForm, UseForm, Validate, Validator, withFormProvider, } from './FormCore';
+export type { FormProviderProps, FormValues, FormHandle, SubmitHandler, UseForm, Validate, Validator, } from './FormCore';
+export { FormProvider, useField, useForm, withFormProvider } from './FormCore';
 export { RenderNothing } from './RenderNothing';

package/dist/types/elements/ElementsContext.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ElementDisplayName } from './types';
+import type { ElementDisplayName } from './types';
 /**
  * @internal @unstable
  */

package/dist/types/elements/defineBaseElement.d.ts

@@ -1,4 +1,4 @@
-import { BaseElement, BaseElementProps, BaseElementWithRef, BaseElementWithRefProps, ElementDisplayName, ElementRefType, ReactElementProps, ReactElementType } from './types';
+import type { BaseElement, BaseElementProps, BaseElementWithRef, BaseElementWithRefProps, ElementDisplayName, ElementRefType, ReactElementProps, ReactElementType } from './types';
 /**
  * @internal @unstable
  */

package/dist/types/elements/types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 /**
  * @internal @unstable
  *

package/dist/types/elements/utils.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import type React from 'react';
 export declare function isComponent<T>(component?: React.ComponentType<T> | React.ForwardRefExoticComponent<T>): component is React.ComponentType<T>;
 export declare function isForwardRefExoticComponent<T>(component: React.ComponentType<T> | React.ForwardRefExoticComponent<T>): component is React.ForwardRefExoticComponent<T>;

package/dist/types/elements/withBaseElementProps.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BaseElementWithRef, ElementRefType } from './types';
+import type { BaseElementWithRef, ElementRefType } from './types';
 /**
  * @internal @unstable
  *

package/dist/types/hooks/index.d.ts

@@ -1,7 +1,10 @@
 export { default as useControlledReducer } from './useControlledReducer';
-export { default as useDropZone, UseDropZoneParams } from './useDropZone';
-export { default as useAsyncReducer, AsyncReducer, AsyncReducerState, } from './useAsyncReducer';
-export { default as useDeprecationWarning, UseDeprecationWarning, } from './useDeprecationWarning';
+export type { UseDropZoneParams } from './useDropZone';
+export { default as useDropZone } from './useDropZone';
+export type { AsyncReducer, AsyncReducerState } from './useAsyncReducer';
+export { default as useAsyncReducer } from './useAsyncReducer';
+export type { UseDeprecationWarning } from './useDeprecationWarning';
+export { default as useDeprecationWarning } from './useDeprecationWarning';
 export { default as useGetUrl } from './useGetUrl';
 export { default as useHasValueUpdated } from './useHasValueUpdated';
 export { default as usePreviousValue } from './usePreviousValue';

package/dist/types/hooks/useGetUrl.d.ts

@@ -1,4 +1,4 @@
-import { GetUrlInput, GetUrlWithPathInput } from 'aws-amplify/storage';
+import type { GetUrlInput, GetUrlWithPathInput } from 'aws-amplify/storage';
 export type UseGetUrlInput = (GetUrlInput | GetUrlWithPathInput) & {
     onError?: (error: Error) => void;
 };

package/dist/types/hooks/useSetUserAgent.d.ts

@@ -1,2 +1,2 @@
-import { SetUserAgentOptions } from '@aws-amplify/ui';
+import type { SetUserAgentOptions } from '@aws-amplify/ui';
 export default function useSetUserAgent({ componentName, packageName, version, }: SetUserAgentOptions): void;

package/dist/types/index.d.ts

@@ -1,5 +1,8 @@
-export { AuthenticatorComponentDefaults, AuthenticatorComponentDefaultProps, AuthenticatorComponentOverrides, AuthenticatorFooterComponent, AuthenticatorFormFieldsComponent, AuthenticatorHeaderComponent, AuthenticatorLegacyField, AuthenticatorMachineContext, AuthenticatorProvider, AuthenticatorRouteComponentKey, AuthenticatorRouteComponentName, isAuthenticatorComponentRouteKey, resolveAuthenticatorComponents, useAuthenticator, useAuthenticatorRoute, UseAuthenticator, useAuthenticatorInitMachine, UseAuthenticatorRoute, } from './Authenticator';
-export { FormProvider, FormProviderProps, RenderNothing, FormValues, FormHandle, useField, useForm, UseForm, Validate, Validator, withFormProvider, } from './components';
-export { AsyncReducer, AsyncReducerState, useAsyncReducer, useControlledReducer, useDeprecationWarning, UseDeprecationWarning, useDropZone, UseDropZoneParams, useGetUrl, useHasValueUpdated, usePreviousValue, useSetUserAgent, useTimeout, } from './hooks';
-export { MergeProps } from './types';
+export type { AuthenticatorComponentDefaults, AuthenticatorComponentDefaultProps, AuthenticatorComponentOverrides, AuthenticatorFooterComponent, AuthenticatorFormFieldsComponent, AuthenticatorHeaderComponent, AuthenticatorLegacyField, AuthenticatorMachineContext, AuthenticatorRouteComponentKey, AuthenticatorRouteComponentName, UseAuthenticator, UseAuthenticatorRoute, } from './Authenticator';
+export { AuthenticatorProvider, isAuthenticatorComponentRouteKey, resolveAuthenticatorComponents, useAuthenticator, useAuthenticatorRoute, useAuthenticatorInitMachine, } from './Authenticator';
+export type { FormProviderProps, FormValues, FormHandle, UseForm, Validate, Validator, } from './components';
+export { FormProvider, RenderNothing, useField, useForm, withFormProvider, } from './components';
+export type { AsyncReducer, AsyncReducerState, UseDeprecationWarning, UseDropZoneParams, } from './hooks';
+export { useAsyncReducer, useControlledReducer, useDeprecationWarning, useDropZone, useGetUrl, useHasValueUpdated, usePreviousValue, useSetUserAgent, useTimeout, } from './hooks';
+export type { MergeProps } from './types';
 export { createContextUtilities } from './utils';

package/dist/types/types/index.d.ts

@@ -1 +1 @@
-export { AnyComponent, MergeProps } from './types';
+export type { AnyComponent, MergeProps } from './types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react-core",
-  "version": "3.4.2",
+  "version": "3.4.3",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "react-native": "src/index.ts",
@@ -40,7 +40,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "6.10.2",
+    "@aws-amplify/ui": "6.10.3",
     "@xstate/react": "^3.2.2",
     "lodash": "4.17.21",
     "react-hook-form": "^7.53.2",

package/src/Authenticator/context/AuthenticatorContext.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { AuthInterpreter, AuthStatus } from '@aws-amplify/ui';
+import type { AuthInterpreter, AuthStatus } from '@aws-amplify/ui';
 
 /**
  * Authenticator React.Context type

package/src/Authenticator/context/AuthenticatorProvider.tsx

@@ -1,10 +1,10 @@
-import React, { ReactNode, useContext, useEffect, useMemo } from 'react';
+import type { ReactNode } from 'react';
+import React, { useContext, useEffect, useMemo } from 'react';
 import { useInterpret } from '@xstate/react';
 
 import { getCurrentUser } from 'aws-amplify/auth';
+import type { AuthStatus, AuthMachineHubHandler } from '@aws-amplify/ui';
 import {
-  AuthStatus,
-  AuthMachineHubHandler,
   createAuthenticatorMachine,
   defaultAuthHubHandler,
   listenToAuthHub,

package/src/Authenticator/hooks/constants.ts

@@ -1,4 +1,4 @@
-import {
+import type {
   AuthenticatorRouteComponentKey,
   AuthenticatorRouteComponentName,
 } from './types';

package/src/Authenticator/hooks/types.ts

@@ -1,12 +1,12 @@
-import React from 'react';
+import type React from 'react';
 
-import {
+import type {
   ChallengeName,
   AuthenticatorServiceFacade,
   LegacyFormFieldOptions,
 } from '@aws-amplify/ui';
 
-import { UseAuthenticator } from './useAuthenticator';
+import type { UseAuthenticator } from './useAuthenticator';
 
 export type AuthenticatorRouteComponentKey =
   | 'confirmResetPassword'

package/src/Authenticator/hooks/useAuthenticator/__mock__/useAuthenticator.ts

@@ -1,8 +1,8 @@
-import {
+import type {
   AuthenticatorLegacyFields,
   AuthenticatorMachineContext,
 } from '../../types';
-import { UseAuthenticator } from '../types';
+import type { UseAuthenticator } from '../types';
 
 const allowedMfaTypes = [
   'EMAIL',

package/src/Authenticator/hooks/useAuthenticator/index.ts

@@ -1,2 +1,2 @@
 export { default as useAuthenticator } from './useAuthenticator';
-export { UseAuthenticator, UseAuthenticatorSelector } from './types';
+export type { UseAuthenticator, UseAuthenticatorSelector } from './types';

package/src/Authenticator/hooks/useAuthenticator/types.ts

@@ -1,4 +1,4 @@
-import {
+import type {
   AuthenticatorServiceFacade,
   LegacyFormFieldOptions,
 } from '@aws-amplify/ui';

package/src/Authenticator/hooks/useAuthenticator/useAuthenticator.ts

@@ -1,11 +1,12 @@
 import React, { useCallback } from 'react';
 import { useSelector } from '@xstate/react';
-import { AuthMachineState, getServiceFacade } from '@aws-amplify/ui';
+import type { AuthMachineState } from '@aws-amplify/ui';
+import { getServiceFacade } from '@aws-amplify/ui';
 
 import { AuthenticatorContext } from '../../context';
 
 import { USE_AUTHENTICATOR_ERROR } from './constants';
-import { UseAuthenticatorSelector, UseAuthenticator } from './types';
+import type { UseAuthenticatorSelector, UseAuthenticator } from './types';
 import {
   defaultComparator,
   getComparator,

package/src/Authenticator/hooks/useAuthenticator/utils.ts

@@ -1,21 +1,26 @@
-import {
-  areEmptyArrays,
-  areEmptyObjects,
+import type {
   AuthenticatorRoute,
   AuthMachineState,
   FormFieldsArray,
-  getSortedFormFields,
   UnverifiedUserAttributes,
+  AuthMFAType,
+} from '@aws-amplify/ui';
+import {
+  areEmptyArrays,
+  areEmptyObjects,
+  getSortedFormFields,
   getActorContext,
   isString,
-  AuthMFAType,
   authenticatorTextUtil,
 } from '@aws-amplify/ui';
 
-import { AuthenticatorLegacyField, AuthenticatorLegacyFields } from '../types';
+import type {
+  AuthenticatorLegacyField,
+  AuthenticatorLegacyFields,
+} from '../types';
 import { isComponentRouteKey } from '../utils';
 
-import { Comparator, UseAuthenticatorSelector } from './types';
+import type { Comparator, UseAuthenticatorSelector } from './types';
 
 export const defaultComparator = (): false => false;
 

package/src/Authenticator/hooks/useAuthenticatorInitMachine/useAuthenticatorInitMachine.tsx

@@ -1,10 +1,8 @@
 import React from 'react';
-import { AuthenticatorMachineOptions } from '@aws-amplify/ui';
+import type { AuthenticatorMachineOptions } from '@aws-amplify/ui';
 
-import {
-  useAuthenticator,
-  UseAuthenticatorSelector,
-} from '../useAuthenticator';
+import type { UseAuthenticatorSelector } from '../useAuthenticator';
+import { useAuthenticator } from '../useAuthenticator';
 
 // only select `route` from machine context
 export const routeSelector: UseAuthenticatorSelector = ({ route }) => [route];

package/src/Authenticator/hooks/useAuthenticatorRoute/constants.ts

@@ -1,8 +1,8 @@
-import {
+import type {
   AuthenticatorMachineContextKey,
   AuthenticatorRouteComponentKey,
 } from '../types';
-import {
+import type {
   CommonRouteMachineKey,
   ConfirmResetPasswordMachineKey,
   ConfirmSignInMachineKey,

package/src/Authenticator/hooks/useAuthenticatorRoute/types.ts

@@ -1,4 +1,4 @@
-import {
+import type {
   AuthenticatorMachineContext,
   AuthenticatorMachineContextKey,
   AuthenticatorRouteComponentName,

package/src/Authenticator/hooks/useAuthenticatorRoute/useAuthenticatorRoute.ts

@@ -1,7 +1,7 @@
 import { useMemo } from 'react';
 import { useAuthenticator } from '../useAuthenticator';
 
-import {
+import type {
   UseAuthenticatorRoute,
   UseAuthenticatorRouteDefault,
   UseAuthenticatorRouteParams,

package/src/Authenticator/hooks/useAuthenticatorRoute/utils.ts

@@ -1,7 +1,7 @@
-import { AuthenticatorRoute } from '@aws-amplify/ui';
+import type { AuthenticatorRoute } from '@aws-amplify/ui';
 
 import { RenderNothing } from '../../../components';
-import {
+import type {
   AuthenticatorMachineContext,
   AuthenticatorMachineContextKey,
   AuthenticatorRouteComponentKey,
@@ -10,13 +10,13 @@ import {
   Defaults,
 } from '../types';
 
-import {
+import type {
   UseAuthenticator,
   UseAuthenticatorSelector,
 } from '../useAuthenticator';
 import { isComponentRouteKey } from '../utils';
 import { MACHINE_PROP_KEYS, EVENT_HANDLER_KEY_MAP } from './constants';
-import {
+import type {
   ConvertedMachineProps,
   FormEventHandlerMachineKey,
   FormEventHandlerPropKey,

package/src/Authenticator/hooks/utils.ts

@@ -1,7 +1,11 @@
-import { AuthenticatorRoute } from '@aws-amplify/ui';
+import type { AuthenticatorRoute } from '@aws-amplify/ui';
 
 import { COMPONENT_ROUTE_KEYS, COMPONENT_ROUTE_NAMES } from './constants';
-import { AuthenticatorRouteComponentKey, Defaults, Overrides } from './types';
+import type {
+  AuthenticatorRouteComponentKey,
+  Defaults,
+  Overrides,
+} from './types';
 
 export const isComponentRouteKey = (
   route: AuthenticatorRoute

package/src/Authenticator/index.ts

@@ -1,23 +1,22 @@
 export { AuthenticatorProvider, AuthenticatorContext } from './context';
+export type { UseAuthenticator, UseAuthenticatorRoute } from './hooks';
 export {
   resolveAuthenticatorComponents,
   useAuthenticator,
   useAuthenticatorRoute,
-  UseAuthenticator,
   useAuthenticatorInitMachine,
-  UseAuthenticatorRoute,
 } from './hooks';
-export {
+export type {
   Overrides as AuthenticatorComponentOverrides,
   Defaults as AuthenticatorComponentDefaults,
   DefaultProps as AuthenticatorComponentDefaultProps,
   FooterComponent as AuthenticatorFooterComponent,
   FormFieldsComponent as AuthenticatorFormFieldsComponent,
   HeaderComponent as AuthenticatorHeaderComponent,
-  isComponentRouteKey as isAuthenticatorComponentRouteKey,
   AuthenticatorRouteComponentKey,
   AuthenticatorRouteComponentName,
   AuthenticatorLegacyField,
   AuthenticatorMachineContext,
   FormFieldsComponent,
 } from './hooks';
+export { isComponentRouteKey as isAuthenticatorComponentRouteKey } from './hooks';

package/src/components/FormCore/FormProvider.tsx

@@ -4,7 +4,7 @@ import {
   FormProvider as ReactHookFormProvider,
 } from 'react-hook-form';
 
-import { FormValues, FormHandle, FormProviderProps } from './types';
+import type { FormValues, FormHandle, FormProviderProps } from './types';
 
 const DEFAULT_MODE = 'onTouched';
 

package/src/components/FormCore/index.ts

@@ -1,4 +1,4 @@
-export {
+export type {
   FormProviderProps,
   FormValues,
   FormHandle,

package/src/components/FormCore/types.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { DefaultValues } from 'react-hook-form';
+import type React from 'react';
+import type { DefaultValues } from 'react-hook-form';
 
 export interface FormValues {
   [k: string]: string;
@@ -63,7 +63,7 @@ export interface RegisterFieldParams<Values extends FormValues = FormValues> {
 
 export interface UseFormParams<
   Values extends FormValues = FormValues,
-  OnSubmit extends SubmitHandler<Values> = SubmitHandler<Values>
+  OnSubmit extends SubmitHandler<Values> = SubmitHandler<Values>,
 > {
   /**
    * Custom error message provided to `Error` on call to `useForm` outside `FormProvider`
@@ -193,7 +193,7 @@ export interface UseField<Name extends string = string>
 export interface UseFieldParams<
   OnBlur extends FocusHandler | undefined,
   OnChange extends ChangeHandler | undefined,
-  Values extends FormValues = FormValues
+  Values extends FormValues = FormValues,
 > {
   /**
    * Controlled `disabled` state
@@ -252,7 +252,7 @@ export interface UseFieldParams<
  */
 export interface UseControlledFieldParams<
   OnBlur extends FocusHandler | undefined,
-  Values extends FormValues = FormValues
+  Values extends FormValues = FormValues,
 > extends Omit<UseFieldParams<OnBlur, undefined, Values>, 'onChange'> {
   /**
    * Controlled text change event handler

package/src/components/FormCore/useControlledField.ts

@@ -1,6 +1,6 @@
 import { useController } from 'react-hook-form';
 
-import {
+import type {
   FormValues,
   FocusHandler,
   UseControlledField,

package/src/components/FormCore/useField.ts

@@ -1,5 +1,10 @@
 import useForm from './useForm';
-import { ChangeHandler, FocusHandler, UseField, UseFieldParams } from './types';
+import type {
+  ChangeHandler,
+  FocusHandler,
+  UseField,
+  UseFieldParams,
+} from './types';
 
 export const DEFAULT_ERROR_MESSAGE =
   '`useField` must be used within a `FormProvider`';
@@ -12,7 +17,7 @@ export const DEFAULT_ERROR_MESSAGE =
  */
 export default function useField<
   OnBlur extends FocusHandler,
-  OnChange extends ChangeHandler
+  OnChange extends ChangeHandler,
 >(params: UseFieldParams<OnBlur, OnChange>): UseField {
   const { getFieldState, registerField } = useForm({
     errorMessage: DEFAULT_ERROR_MESSAGE,

package/src/components/FormCore/useForm.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { useFormContext } from 'react-hook-form';
 import { noop } from '@aws-amplify/ui';
 
-import {
+import type {
   FormValues,
   RegisterFieldParams,
   SetFormValueParams,
@@ -25,7 +25,7 @@ export const DEFAULT_ERROR_MESSAGE =
  */
 export default function useForm<
   Values extends FormValues = FormValues,
-  OnSubmit extends SubmitHandler = SubmitHandler
+  OnSubmit extends SubmitHandler = SubmitHandler,
 >(options: UseFormParams<Values, OnSubmit> = {}): UseForm<Values> {
   const formContext = useFormContext();
   const { errorMessage, onSubmit: _onSubmit } = options;

package/src/components/FormCore/withFormProvider.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 
-import { AnyComponent } from '../../types';
+import type { AnyComponent } from '../../types';
 
 import FormProvider from './FormProvider';
-import { FormHandle, FormProviderProps } from './types';
+import type { FormHandle, FormProviderProps } from './types';
 
 /**
  * @param Child `Form` base component wrapped inside `FormProvider`

package/src/components/index.ts

@@ -1,15 +1,12 @@
-export {
-  FormProvider,
+export type {
   FormProviderProps,
   FormValues,
   FormHandle,
   SubmitHandler,
-  useField,
-  useForm,
   UseForm,
   Validate,
   Validator,
-  withFormProvider,
 } from './FormCore';
+export { FormProvider, useField, useForm, withFormProvider } from './FormCore';
 
 export { RenderNothing } from './RenderNothing';

package/src/elements/ElementsContext.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ElementDisplayName } from './types';
+import type { ElementDisplayName } from './types';
 
 /**
  * @internal @unstable

package/src/elements/defineBaseElement.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ElementsContext } from './ElementsContext';
-import {
+import type {
   BaseElement,
   BaseElementProps,
   BaseElementWithRef,

package/src/elements/types.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 
 /**
  * @internal @unstable

package/src/elements/utils.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 
 export function isComponent<T>(
   component?: React.ComponentType<T> | React.ForwardRefExoticComponent<T>

package/src/elements/withBaseElementProps.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BaseElementWithRef, ElementRefType } from './types';
+import type { BaseElementWithRef, ElementRefType } from './types';
 
 /**
  * @internal @unstable

package/src/hooks/index.ts

@@ -1,14 +1,10 @@
 export { default as useControlledReducer } from './useControlledReducer';
-export { default as useDropZone, UseDropZoneParams } from './useDropZone';
-export {
-  default as useAsyncReducer,
-  AsyncReducer,
-  AsyncReducerState,
-} from './useAsyncReducer';
-export {
-  default as useDeprecationWarning,
-  UseDeprecationWarning,
-} from './useDeprecationWarning';
+export type { UseDropZoneParams } from './useDropZone';
+export { default as useDropZone } from './useDropZone';
+export type { AsyncReducer, AsyncReducerState } from './useAsyncReducer';
+export { default as useAsyncReducer } from './useAsyncReducer';
+export type { UseDeprecationWarning } from './useDeprecationWarning';
+export { default as useDeprecationWarning } from './useDeprecationWarning';
 export { default as useGetUrl } from './useGetUrl';
 export { default as useHasValueUpdated } from './useHasValueUpdated';
 export { default as usePreviousValue } from './usePreviousValue';

package/src/hooks/useGetUrl.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 
-import {
-  getUrl,
+import type {
   GetUrlInput,
   GetUrlOutput,
   GetUrlWithPathInput,
 } from 'aws-amplify/storage';
+import { getUrl } from 'aws-amplify/storage';
 
 import { isFunction } from '@aws-amplify/ui';
 

package/src/hooks/useSetUserAgent.ts

@@ -1,5 +1,6 @@
 import { useEffect } from 'react';
-import { setUserAgent, SetUserAgentOptions } from '@aws-amplify/ui';
+import type { SetUserAgentOptions } from '@aws-amplify/ui';
+import { setUserAgent } from '@aws-amplify/ui';
 
 export default function useSetUserAgent({
   componentName,

package/src/index.ts

@@ -1,5 +1,5 @@
 // features
-export {
+export type {
   AuthenticatorComponentDefaults,
   AuthenticatorComponentDefaultProps,
   AuthenticatorComponentOverrides,
@@ -8,41 +8,47 @@ export {
   AuthenticatorHeaderComponent,
   AuthenticatorLegacyField,
   AuthenticatorMachineContext,
-  AuthenticatorProvider,
   AuthenticatorRouteComponentKey,
   AuthenticatorRouteComponentName,
+  UseAuthenticator,
+  UseAuthenticatorRoute,
+} from './Authenticator';
+export {
+  AuthenticatorProvider,
   isAuthenticatorComponentRouteKey,
   resolveAuthenticatorComponents,
   useAuthenticator,
   useAuthenticatorRoute,
-  UseAuthenticator,
   useAuthenticatorInitMachine,
-  UseAuthenticatorRoute,
 } from './Authenticator';
 
-export {
-  FormProvider,
+export type {
   FormProviderProps,
-  RenderNothing,
   FormValues,
   FormHandle,
-  useField,
-  useForm,
   UseForm,
   Validate,
   Validator,
+} from './components';
+export {
+  FormProvider,
+  RenderNothing,
+  useField,
+  useForm,
   withFormProvider,
 } from './components';
 
-export {
+export type {
   AsyncReducer,
   AsyncReducerState,
+  UseDeprecationWarning,
+  UseDropZoneParams,
+} from './hooks';
+export {
   useAsyncReducer,
   useControlledReducer,
   useDeprecationWarning,
-  UseDeprecationWarning,
   useDropZone,
-  UseDropZoneParams,
   useGetUrl,
   useHasValueUpdated,
   usePreviousValue,
@@ -50,6 +56,6 @@ export {
   useTimeout,
 } from './hooks';
 
-export { MergeProps } from './types';
+export type { MergeProps } from './types';
 
 export { createContextUtilities } from './utils';

package/src/types/index.ts

@@ -1 +1 @@
-export { AnyComponent, MergeProps } from './types';
+export type { AnyComponent, MergeProps } from './types';