@aws-amplify/ui-react 6.11.0 → 6.11.2

package/README.md

@@ -1,25 +1,24 @@
+# Amplify UI React
+
 [![@aws-amplify/ui-react Weekly Downloads stat badge](https://img.shields.io/npm/dw/@aws-amplify/ui-react?label=Download&logo=Amplify&style=flat)](https://www.npmjs.com/package/@aws-amplify/ui-react) [![@aws-amplify/ui-react version badge](https://img.shields.io/npm/v/@aws-amplify/ui-react/latest)](https://www.npmjs.com/package/@aws-amplify/ui-react)
 
-# Amplify UI
+The React package provides components and utilities for building Amplify connected applications on React.
 
-Amplify UI is an open-source UI library with cloud-connected components that are endlessly customizable, accessible, and can integrate into _any_ application. Amplify UI consists of:
+## Contents
 
-1. Connected components that simplify complex cloud-connected workflows, like Authenticator.
-2. Primitive components that create consistency across Amplify UI and allow you to build complete applications that fit your brand, like Buttons and Badges.
-3. Data-bound components that make it easy to display dynamic data, like DataStoreCollections.
-4. Theming capabilities that allow you to customize the appearance of Amplify UI to match your brand.
+### Connected Components
 
-## React Documentation
+- Authentication components for React applications
+- Data-bound components for displaying dynamic data
 
-- https://ui.docs.amplify.aws/react
+### Primitive Components
 
-## Features 🚀
+- UI components like Buttons, Badges, and more for building React applications
 
-- **Better developer experience** Connected-components like Authenticator are being written with framework-specific implementations so that they follow framework conventions and are easier to integrate into your application.
-- **Endlessly customizable** Every detail of Amplify UI is customizable to match your brand. Style all of Amplify UI with themes, override components with your own, or build your own UI and use Amplify for complex state management.
-- **Accessible** Amplify UI components follow [WCAG](https://www.w3.org/WAI/standards-guidelines/wcag/) and [WAI-ARIA](https://www.w3.org/TR/wai-aria-1.2/) best practices and guidelines such as color contrast, keyboard navigation, accessible labels, and focus management.
-- **Primitive components (React only right now)** Primitive components are used in the connected components, like Authenticator, you can also customize them and use them to build the rest of your UI.
+### Theming
 
-## We love contributors!!
+- Theming capabilities for customizing the appearance of Amplify UI
 
-See our contributing guide [CONTRIBUTING.md](/CONTRIBUTING.md) to help us scale Amplify UI!
+## React Documentation
+
+- https://ui.docs.amplify.aws/react

package/dist/{Field-Bkpcn7E9.js → Field-BjInyX0G.js}

@@ -1064,7 +1064,7 @@ const LoaderPrimitive = ({ className, filledColor, emptyColor, size, variation,
             }, "data-testid": LINEAR_FILLED }),
         isDeterminate ? (React__namespace.createElement("text", { "aria-live": "polite", className: ui.classNames(ui.ComponentClassName.LoaderLabel, isPercentageTextHidden ? ui.ComponentClassName.VisuallyHidden : null), 
             // -1% offset makes the text position look nicest
-            x: `${-1 + percentage}%`, y: "200%" }, percent)) : null));
+            x: `${ -1 + percentage}%`, y: "200%" }, percent)) : null));
     // r + stroke-width should add up to 50% to avoid overflow
     const circularLoader = (React__namespace.createElement("g", null,
         React__namespace.createElement("circle", { cx: "50%", cy: "50%", r: `${RADIUS}%`, strokeWidth: `${CIRCULAR_STROKE_WIDTH}%`, style: { stroke: String(emptyColor) }, "data-testid": CIRCULAR_EMPTY }),

package/dist/esm/components/Authenticator/FederatedSignIn/FederatedSignIn.mjs

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { FederatedIdentityProviders, authenticatorTextUtil } from '@aws-amplify/ui';
+import { authenticatorTextUtil, FederatedIdentityProviders } from '@aws-amplify/ui';
 import { Divider } from '../../../primitives/Divider/Divider.mjs';
 import { Flex } from '../../../primitives/Flex/Flex.mjs';
 import { useAuthenticator } from '@aws-amplify/ui-react-core';

package/dist/esm/components/Authenticator/RouteContainer/RouteContainer.mjs

@@ -3,14 +3,6 @@ import { View } from '../../../primitives/View/View.mjs';
 import { useAuthenticator } from '@aws-amplify/ui-react-core';
 import { useCustomComponents } from '../hooks/useCustomComponents/useCustomComponents.mjs';
 
-// TODO replace usage of this util with the `isSignInOrSignUpRoute` util in v3.
-// Currently `hasTabs` always returns `undefined` as the right condition always
-// resolves to truthy. This prevents the "data-amplify-router-content" attribute
-// from being applied below. Fixing it will cause consumer snapshot tests to break,
-// so wait to update.
-const hasTabs = (route) => {
-    return route === 'signIn' || 'signUp';
-};
 function RouteContainer({ children, className, variation = 'default', }) {
     const { route } = useAuthenticator(({ route }) => [route]);
     const { 
@@ -19,7 +11,7 @@ function RouteContainer({ children, className, variation = 'default', }) {
     return (React__default.createElement(View, { className: className, "data-amplify-authenticator": "", "data-variation": variation },
         React__default.createElement(View, { "data-amplify-container": "" },
             React__default.createElement(Header, null),
-            React__default.createElement(View, { "data-amplify-router": "", "data-amplify-router-content": hasTabs(route) ? undefined : '' }, children),
+            React__default.createElement(View, { "data-amplify-router": "", "data-amplify-router-content": undefined  }, children),
             React__default.createElement(Footer, null))));
 }
 

package/dist/esm/components/Authenticator/Router/Router.mjs

@@ -5,8 +5,8 @@ import { ForceNewPassword } from '../ForceNewPassword/ForceNewPassword.mjs';
 import { SetupTotp } from '../SetupTotp/SetupTotp.mjs';
 import '@aws-amplify/ui';
 import '../../../primitives/TextField/TextField.mjs';
-import '../../../primitives/Button/Button.mjs';
-import '../../../primitives/Flex/Flex.mjs';
+import '../shared/ConfirmSignInFooter.mjs';
+import '../shared/TwoButtonSubmitFooter.mjs';
 import '../../../primitives/Alert/Alert.mjs';
 import { SignInSignUpTabs } from '../shared/SignInSignUpTabs.mjs';
 import { ConfirmVerifyUser } from '../VerifyUser/ConfirmVerifyUser.mjs';

package/dist/esm/primitives/Collection/Collection.mjs

@@ -9,7 +9,7 @@ import { usePagination } from '../Pagination/usePagination.mjs';
 import { SearchField } from '../SearchField/SearchField.mjs';
 import { ComponentText } from '../shared/constants.mjs';
 import { strHasLength } from '../shared/utils.mjs';
-import { getPageCount, getItemsAtPage, itemHasText } from './utils.mjs';
+import { itemHasText, getPageCount, getItemsAtPage } from './utils.mjs';
 
 const DEFAULT_PAGE_SIZE = 10;
 const TYPEAHEAD_DELAY_MS = 300;

package/dist/esm/primitives/DropZone/DropZone.mjs

@@ -3,7 +3,7 @@ import { useDropZone } from '@aws-amplify/ui-react-core';
 import { DropZoneProvider } from './DropZoneProvider.mjs';
 import { DropZoneContainer } from './DropZoneContainer.mjs';
 import { primitiveWithForwardRef } from '../utils/primitiveWithForwardRef.mjs';
-import { Accepted, Rejected, Default } from './DropZoneChildren.mjs';
+import { Default, Rejected, Accepted } from './DropZoneChildren.mjs';
 
 const DropZonePrimitive = ({ children, testId, isDisabled, acceptedFileTypes, onDropComplete, ...rest }, ref) => {
     const { dragState, onDragEnter, onDragLeave, onDragOver, onDragStart, onDrop, } = useDropZone({

package/dist/esm/primitives/Loader/Loader.mjs

@@ -29,7 +29,7 @@ const LoaderPrimitive = ({ className, filledColor, emptyColor, size, variation,
             }, "data-testid": LINEAR_FILLED }),
         isDeterminate ? (React.createElement("text", { "aria-live": "polite", className: classNames(ComponentClassName.LoaderLabel, isPercentageTextHidden ? ComponentClassName.VisuallyHidden : null), 
             // -1% offset makes the text position look nicest
-            x: `${-1 + percentage}%`, y: "200%" }, percent)) : null));
+            x: `${ -1 + percentage}%`, y: "200%" }, percent)) : null));
     // r + stroke-width should add up to 50% to avoid overflow
     const circularLoader = (React.createElement("g", null,
         React.createElement("circle", { cx: "50%", cy: "50%", r: `${RADIUS}%`, strokeWidth: `${CIRCULAR_STROKE_WIDTH}%`, style: { stroke: String(emptyColor) }, "data-testid": CIRCULAR_EMPTY }),

package/dist/esm/primitives/PhoneNumberField/DialCodeSelect.mjs

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { classNames, ComponentClassName, countryDialCodes } from '@aws-amplify/ui';
+import { countryDialCodes, classNames, ComponentClassName } from '@aws-amplify/ui';
 import { SelectField } from '../SelectField/SelectField.mjs';
 import { primitiveWithForwardRef } from '../utils/primitiveWithForwardRef.mjs';
 

package/dist/esm/primitives/RadioGroupField/RadioGroupField.mjs

@@ -12,7 +12,7 @@ import { getUniqueComponentId } from '../utils/getUniqueComponentId.mjs';
 import { useStableId } from '../utils/useStableId.mjs';
 import { primitiveWithForwardRef } from '../utils/primitiveWithForwardRef.mjs';
 import { createSpaceSeparatedIds } from '../utils/createSpaceSeparatedIds.mjs';
-import { DESCRIPTION_SUFFIX, ERROR_SUFFIX } from '../../helpers/constants.mjs';
+import { ERROR_SUFFIX, DESCRIPTION_SUFFIX } from '../../helpers/constants.mjs';
 
 const RadioGroupFieldPrimitive = ({ children, className, defaultValue, descriptiveText, errorMessage, hasError = false, id, isDisabled, isRequired, isReadOnly, legend, legendHidden = false, labelPosition, onChange, name, size, testId, value, variation, ...rest }, ref) => {
     const fieldId = useStableId(id);

package/dist/esm/primitives/SelectField/SelectField.mjs

@@ -11,7 +11,7 @@ import { splitPrimitiveProps } from '../utils/splitPrimitiveProps.mjs';
 import { useStableId } from '../utils/useStableId.mjs';
 import { primitiveWithForwardRef } from '../utils/primitiveWithForwardRef.mjs';
 import { createSpaceSeparatedIds } from '../utils/createSpaceSeparatedIds.mjs';
-import { DESCRIPTION_SUFFIX, ERROR_SUFFIX } from '../../helpers/constants.mjs';
+import { ERROR_SUFFIX, DESCRIPTION_SUFFIX } from '../../helpers/constants.mjs';
 import { getUniqueComponentId } from '../utils/getUniqueComponentId.mjs';
 
 const selectFieldChildren = ({ children, options, }) => {

package/dist/esm/primitives/SliderField/SliderField.mjs

@@ -14,7 +14,7 @@ import { useStableId } from '../utils/useStableId.mjs';
 import { useFieldset } from '../Fieldset/useFieldset.mjs';
 import { primitiveWithForwardRef } from '../utils/primitiveWithForwardRef.mjs';
 import { createSpaceSeparatedIds } from '../utils/createSpaceSeparatedIds.mjs';
-import { DESCRIPTION_SUFFIX, ERROR_SUFFIX } from '../../helpers/constants.mjs';
+import { ERROR_SUFFIX, DESCRIPTION_SUFFIX } from '../../helpers/constants.mjs';
 import { getUniqueComponentId } from '../utils/getUniqueComponentId.mjs';
 
 const SLIDER_LABEL_TEST_ID = 'slider-label';

package/dist/esm/primitives/StepperField/StepperField.mjs

@@ -22,7 +22,7 @@ import { splitPrimitiveProps } from '../utils/splitPrimitiveProps.mjs';
 import { useStableId } from '../utils/useStableId.mjs';
 import { primitiveWithForwardRef } from '../utils/primitiveWithForwardRef.mjs';
 import { createSpaceSeparatedIds } from '../utils/createSpaceSeparatedIds.mjs';
-import { DESCRIPTION_SUFFIX, ERROR_SUFFIX } from '../../helpers/constants.mjs';
+import { ERROR_SUFFIX, DESCRIPTION_SUFFIX } from '../../helpers/constants.mjs';
 import { getUniqueComponentId } from '../utils/getUniqueComponentId.mjs';
 
 const DECREASE_ICON = 'decrease-icon';

package/dist/esm/primitives/TextAreaField/TextAreaField.mjs

@@ -12,7 +12,7 @@ import { AutoresizeTextArea } from '../TextArea/AutoresizeTextarea.mjs';
 import { useStableId } from '../utils/useStableId.mjs';
 import { primitiveWithForwardRef } from '../utils/primitiveWithForwardRef.mjs';
 import { createSpaceSeparatedIds } from '../utils/createSpaceSeparatedIds.mjs';
-import { DESCRIPTION_SUFFIX, ERROR_SUFFIX } from '../../helpers/constants.mjs';
+import { ERROR_SUFFIX, DESCRIPTION_SUFFIX } from '../../helpers/constants.mjs';
 import { getUniqueComponentId } from '../utils/getUniqueComponentId.mjs';
 
 const DEFAULT_ROW_COUNT = 3;

package/dist/esm/primitives/shared/utils.mjs

@@ -1,4 +1,4 @@
-import { isDesignToken, cssNameTransform } from '@aws-amplify/ui';
+import { cssNameTransform, isDesignToken } from '@aws-amplify/ui';
 export { classNameModifier, classNameModifierByFlag } from '@aws-amplify/ui';
 import { isThemeStylePropKey } from '../types/theme.mjs';
 import { stylePropsToThemeKeys } from './constants.mjs';

package/dist/esm/version.mjs

@@ -1,3 +1,3 @@
-const VERSION = '6.11.0';
+const VERSION = '6.11.2';
 
 export { VERSION };

package/dist/index.js

@@ -6,7 +6,7 @@ var React = require('react');
 var isEqual = require('lodash/isEqual.js');
 var uiReactCore = require('@aws-amplify/ui-react-core');
 var ui = require('@aws-amplify/ui');
-var Field = require('./Field-Bkpcn7E9.js');
+var Field = require('./Field-BjInyX0G.js');
 require('aws-amplify/storage');
 var debounce = require('lodash/debounce.js');
 var reactDropdownMenu = require('@radix-ui/react-dropdown-menu');
@@ -2469,7 +2469,7 @@ const defaultDeleteUserDisplayText = {
     warningText: 'Deleting your account is not reversible. You will lose access to your account and all data associated with it.',
 };
 
-const VERSION = '6.11.0';
+const VERSION = '6.11.2';
 
 const logger$2 = ui.getLogger('AccountSettings');
 const getIsDisabled = (formValues, validationError) => {
@@ -2719,14 +2719,6 @@ const useCustomComponents = () => {
     return context;
 };
 
-// TODO replace usage of this util with the `isSignInOrSignUpRoute` util in v3.
-// Currently `hasTabs` always returns `undefined` as the right condition always
-// resolves to truthy. This prevents the "data-amplify-router-content" attribute
-// from being applied below. Fixing it will cause consumer snapshot tests to break,
-// so wait to update.
-const hasTabs = (route) => {
-    return route === 'signIn' || 'signUp';
-};
 function RouteContainer({ children, className, variation = 'default', }) {
     const { route } = uiReactCore.useAuthenticator(({ route }) => [route]);
     const { 
@@ -2735,7 +2727,7 @@ function RouteContainer({ children, className, variation = 'default', }) {
     return (React__namespace["default"].createElement(Field.View, { className: className, "data-amplify-authenticator": "", "data-variation": variation },
         React__namespace["default"].createElement(Field.View, { "data-amplify-container": "" },
             React__namespace["default"].createElement(Header, null),
-            React__namespace["default"].createElement(Field.View, { "data-amplify-router": "", "data-amplify-router-content": hasTabs(route) ? undefined : '' }, children),
+            React__namespace["default"].createElement(Field.View, { "data-amplify-router": "", "data-amplify-router-content": undefined  }, children),
             React__namespace["default"].createElement(Footer, null))));
 }
 

package/dist/internal.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Field = require('./Field-Bkpcn7E9.js');
+var Field = require('./Field-BjInyX0G.js');
 var React = require('react');
 var Storage = require('aws-amplify/storage');
 var ui = require('@aws-amplify/ui');

package/dist/types/PrimitiveCatalog.d.ts

@@ -1,2 +1,2 @@
-import { PrimitiveCatalogType } from './types/catalog';
+import type { PrimitiveCatalogType } from './types/catalog';
 export declare const PrimitiveCatalog: PrimitiveCatalogType;

package/dist/types/components/AccountSettings/ChangePassword/ChangePassword.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ChangePasswordProps } from './types';
+import type { ChangePasswordProps } from './types';
 declare function ChangePassword({ components, displayText: overrideDisplayText, onError, onSuccess, validators, }: ChangePasswordProps): React.JSX.Element | null;
 declare namespace ChangePassword {
     var CurrentPasswordField: import("../types").PasswordFieldComponent;

package/dist/types/components/AccountSettings/ChangePassword/defaults.d.ts

@@ -1,3 +1,3 @@
-import { ChangePasswordComponents } from './types';
+import type { ChangePasswordComponents } from './types';
 declare const DEFAULTS: Required<ChangePasswordComponents>;
 export default DEFAULTS;

package/dist/types/components/AccountSettings/ChangePassword/types.d.ts

@@ -1,6 +1,6 @@
-import { InputEventType, ValidatorOptions } from '@aws-amplify/ui';
-import { SubmitButtonComponent, ErrorMessageComponent, PasswordFieldComponent, FormValues } from '../types';
-import { ChangePasswordDisplayText } from '../utils';
+import type { InputEventType, ValidatorOptions } from '@aws-amplify/ui';
+import type { SubmitButtonComponent, ErrorMessageComponent, PasswordFieldComponent, FormValues } from '../types';
+import type { ChangePasswordDisplayText } from '../utils';
 export interface ChangePasswordComponents {
     ConfirmPasswordField?: PasswordFieldComponent;
     CurrentPasswordField?: PasswordFieldComponent;

package/dist/types/components/AccountSettings/DeleteUser/DeleteUser.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DeleteUserProps } from './types';
+import type { DeleteUserProps } from './types';
 declare function DeleteUser({ components, displayText: overrideDisplayText, handleDelete, onError, onSuccess, }: DeleteUserProps): React.JSX.Element | null;
 declare namespace DeleteUser {
     var ErrorMessage: import("../types").ErrorMessageComponent;

package/dist/types/components/AccountSettings/DeleteUser/defaults.d.ts

@@ -1,3 +1,3 @@
-import { DeleteUserComponents } from './types';
+import type { DeleteUserComponents } from './types';
 declare const DEFAULTS: Required<DeleteUserComponents>;
 export default DEFAULTS;

package/dist/types/components/AccountSettings/DeleteUser/types.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { AuthUser } from 'aws-amplify/auth';
-import { ButtonComponent, ErrorMessageComponent } from '../types';
-import { DeleteUserDisplayText } from '../utils';
+import type React from 'react';
+import type { AuthUser } from 'aws-amplify/auth';
+import type { ButtonComponent, ErrorMessageComponent } from '../types';
+import type { DeleteUserDisplayText } from '../utils';
 export interface WarningViewProps {
     /** called when end user cancels account deletion */
     onCancel: () => void;

package/dist/types/components/AccountSettings/shared/Defaults.d.ts

@@ -1,2 +1,2 @@
-import { ErrorMessageComponent } from '../types';
+import type { ErrorMessageComponent } from '../types';
 export declare const DefaultErrorMessage: ErrorMessageComponent;

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import { AlertProps, ButtonProps, PasswordFieldProps } from '../../primitives/types';
+import type React from 'react';
+import type { AlertProps, ButtonProps, PasswordFieldProps } from '../../primitives/types';
 type CommonPasswordFieldProps = Partial<PasswordFieldProps> & Required<Pick<PasswordFieldProps, 'onBlur' | 'onChange' | 'name'>> & {
     fieldValidationErrors?: string[];
 };

package/dist/types/components/AccountSettings/utils/displayText.d.ts

@@ -1,4 +1,4 @@
-import { DisplayTextTemplate } from '@aws-amplify/ui';
+import type { DisplayTextTemplate } from '@aws-amplify/ui';
 export type ChangePasswordDisplayText = DisplayTextTemplate<{
     confirmPasswordFieldLabel?: string;
     currentPasswordFieldLabel?: string;

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

@@ -1 +1,2 @@
-export { defaultChangePasswordDisplayText, defaultDeleteUserDisplayText, ChangePasswordDisplayText, DeleteUserDisplayText, } from './displayText';
+export type { ChangePasswordDisplayText, DeleteUserDisplayText, } from './displayText';
+export { defaultChangePasswordDisplayText, defaultDeleteUserDisplayText, } from './displayText';

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

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { AuthenticatorMachineOptions, FormFieldComponents, FormFieldOptions } from '@aws-amplify/ui';
-import { AuthUser } from 'aws-amplify/auth';
-import { UseAuthenticator } from '@aws-amplify/ui-react-core';
-import { ComponentsProviderProps } from './hooks/useCustomComponents';
-import { RouterProps } from './Router';
+import type { AuthenticatorMachineOptions, FormFieldComponents, FormFieldOptions } from '@aws-amplify/ui';
+import type { AuthUser } from 'aws-amplify/auth';
+import type { UseAuthenticator } from '@aws-amplify/ui-react-core';
+import type { ComponentsProviderProps } from './hooks/useCustomComponents';
+import type { RouterProps } from './Router';
 export type SignOut = UseAuthenticator['signOut'];
 export type AuthenticatorProps = Partial<Omit<AuthenticatorMachineOptions, 'formFields'> & ComponentsProviderProps & RouterProps & {
     children: React.ReactNode | ((props: {
@@ -61,6 +61,7 @@ export declare namespace Authenticator {
     var SetupEmail: {
         ({ className, variation, }: import("./RouteContainer").RouteProps): JSX.Element;
         Header(): JSX.Element;
+        /** isReadOnly maps to readonly HTML type */
         Footer(): JSX.Element;
     };
 }

package/dist/types/components/Authenticator/ConfirmSignIn/ConfirmSignIn.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RouteProps } from '../RouteContainer';
+import type { RouteProps } from '../RouteContainer';
 export declare const ConfirmSignIn: {
     ({ className, variation, }: RouteProps): React.JSX.Element;
     Header: typeof Header;

package/dist/types/components/Authenticator/ConfirmSignUp/ConfirmSignUp.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RouteProps } from '../RouteContainer';
+import type { RouteProps } from '../RouteContainer';
 export declare function ConfirmSignUp({ className, variation, }: RouteProps): React.JSX.Element;
 export declare namespace ConfirmSignUp {
     var Header: () => React.JSX.Element;

package/dist/types/components/Authenticator/FederatedSignIn/FederatedSignInButtons/FederatedSignInButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FederatedIdentityProviders, SocialProvider } from '@aws-amplify/ui';
+import type { FederatedIdentityProviders, SocialProvider } from '@aws-amplify/ui';
 export interface FederatedSignInButtonProps {
     icon?: SocialProvider;
     provider: FederatedIdentityProviders;

package/dist/types/components/Authenticator/ForceNewPassword/ForceNewPassword.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RouteProps } from '../RouteContainer';
+import type { RouteProps } from '../RouteContainer';
 export declare const ForceNewPassword: {
     ({ className, variation, }: RouteProps): React.JSX.Element;
     FormFields(): React.JSX.Element | null;

package/dist/types/components/Authenticator/ForgotPassword/ConfirmResetPassword.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RouteProps } from '../RouteContainer';
+import type { RouteProps } from '../RouteContainer';
 export declare const ConfirmResetPassword: {
     ({ className, variation, }: RouteProps): React.JSX.Element;
     Header(): React.JSX.Element;

package/dist/types/components/Authenticator/ForgotPassword/ForgotPassword.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RouteProps } from '../RouteContainer';
+import type { RouteProps } from '../RouteContainer';
 export declare const ForgotPassword: {
     ({ className, variation, }: RouteProps): React.JSX.Element;
     Header(): React.JSX.Element;

package/dist/types/components/Authenticator/RouteContainer/RouteContainer.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { RouteContainerProps } from './types';
+import type { RouteContainerProps } from './types';
 export declare function RouteContainer({ children, className, variation, }: RouteContainerProps): React.JSX.Element;

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

@@ -1,2 +1,2 @@
 export { RouteContainer } from './RouteContainer';
-export { RouteContainerProps, RouteProps } from './types';
+export type { RouteContainerProps, RouteProps } from './types';

package/dist/types/components/Authenticator/Router/Router.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { RouterProps } from './types';
+import type { RouterProps } from './types';
 export declare function Router({ className, hideSignUp, variation, }: RouterProps): React.JSX.Element;

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

@@ -1,3 +1,3 @@
 export { RouteContainer } from '../RouteContainer/RouteContainer';
 export { Router } from './Router';
-export { RouterProps } from './types';
+export type { RouterProps } from './types';

package/dist/types/components/Authenticator/Router/types.d.ts

@@ -1,4 +1,4 @@
-import { RouteProps } from '../RouteContainer';
+import type { RouteProps } from '../RouteContainer';
 export type RouterProps = {
     hideSignUp: boolean;
 } & RouteProps;

package/dist/types/components/Authenticator/SelectMfaType/SelectMfaType.d.ts

@@ -1,4 +1,4 @@
-import { RouteProps } from '../RouteContainer';
+import type { RouteProps } from '../RouteContainer';
 export declare const SelectMfaType: {
     ({ className, variation, }: RouteProps): JSX.Element;
     Header(): JSX.Element;

package/dist/types/components/Authenticator/SetupEmail/SetupEmail.d.ts

@@ -1,4 +1,4 @@
-import { RouteProps } from '../RouteContainer';
+import type { RouteProps } from '../RouteContainer';
 export declare const SetupEmail: {
     ({ className, variation, }: RouteProps): JSX.Element;
     Header(): JSX.Element;

package/dist/types/components/Authenticator/SetupTotp/SetupTotp.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RouteProps } from '../RouteContainer';
+import type { RouteProps } from '../RouteContainer';
 export declare const SetupTotp: {
     ({ className, variation, }: RouteProps): React.JSX.Element;
     Header(): React.JSX.Element;

package/dist/types/components/Authenticator/VerifyUser/ConfirmVerifyUser.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RouteProps } from '../RouteContainer';
+import type { RouteProps } from '../RouteContainer';
 export declare const ConfirmVerifyUser: {
     ({ className, variation, }: RouteProps): React.JSX.Element;
     Header(): React.JSX.Element;

package/dist/types/components/Authenticator/VerifyUser/VerifyUser.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RouteProps } from '../RouteContainer';
+import type { RouteProps } from '../RouteContainer';
 export declare const VerifyUser: {
     ({ className, variation, }: RouteProps): React.JSX.Element;
     Header(): React.JSX.Element;

package/dist/types/components/Authenticator/hooks/useCustomComponents/index.d.ts

@@ -1 +1,2 @@
-export { ComponentsProviderProps, CustomComponentsContext, useCustomComponents, } from './useCustomComponents';
+export type { ComponentsProviderProps } from './useCustomComponents';
+export { CustomComponentsContext, useCustomComponents, } from './useCustomComponents';

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { DefaultComponents } from './defaultComponents';
+import type { DefaultComponents } from './defaultComponents';
 export interface ComponentsProviderProps {
     components?: DefaultComponents;
 }

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 export declare function useFormHandlers(): {
     handleBlur: (event: React.FocusEvent<HTMLFormElement>) => void;
     handleChange: (event: React.ChangeEvent<HTMLFormElement>) => void;

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

@@ -1,3 +1,6 @@
-export { Authenticator, AuthenticatorProps } from './Authenticator';
-export { withAuthenticator, WithAuthenticatorOptions, WithAuthenticatorProps, } from './withAuthenticator';
-export { useAuthenticator, UseAuthenticator } from '@aws-amplify/ui-react-core';
+export type { AuthenticatorProps } from './Authenticator';
+export { Authenticator } from './Authenticator';
+export type { WithAuthenticatorOptions, WithAuthenticatorProps, } from './withAuthenticator';
+export { withAuthenticator } from './withAuthenticator';
+export type { UseAuthenticator } from '@aws-amplify/ui-react-core';
+export { useAuthenticator } from '@aws-amplify/ui-react-core';

package/dist/types/components/Authenticator/shared/FormField.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { FormFieldOptions } from '@aws-amplify/ui';
+import type { FormFieldOptions } from '@aws-amplify/ui';
 export interface FormFieldProps extends Omit<FormFieldOptions, 'label'> {
     label: string;
     name: string;

package/dist/types/components/Authenticator/shared/SignInSignUpTabs.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RouteProps } from '../RouteContainer';
+import type { RouteProps } from '../RouteContainer';
 export declare const SignInSignUpTabs: ({ className, hideSignUp, variation, }: {
     hideSignUp: boolean;
 } & RouteProps) => React.JSX.Element;

package/dist/types/components/Authenticator/shared/TwoButtonSubmitFooter.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AuthEventTypes } from '@aws-amplify/ui';
+import type { AuthEventTypes } from '@aws-amplify/ui';
 export interface TwoButtonSubmitFooterProps {
     cancelButtonSendType: AuthEventTypes;
     cancelButtonText: string;

package/dist/types/components/Authenticator/withAuthenticator.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { AuthUser } from 'aws-amplify/auth';
-import { AuthenticatorProps, SignOut } from './Authenticator';
+import type { AuthUser } from 'aws-amplify/auth';
+import type { AuthenticatorProps, SignOut } from './Authenticator';
 export type WithAuthenticatorOptions = Omit<AuthenticatorProps, 'children'>;
 export interface WithAuthenticatorProps {
     signOut?: SignOut;

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

@@ -1 +1,2 @@
-export { FileSelect, FileSelectOptions, FileSelectProps, HandleFileSelect, useFileSelect, UseFileSelect, } from './FileSelect';
+export type { FileSelectOptions, FileSelectProps, HandleFileSelect, UseFileSelect, } from './FileSelect';
+export { FileSelect, useFileSelect } from './FileSelect';

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

@@ -1 +1,2 @@
-export { FilterChildren, FilterChildrenProps } from './FilterChildren';
+export type { FilterChildrenProps } from './FilterChildren';
+export { FilterChildren } from './FilterChildren';

package/dist/types/components/ThemeProvider/ComponentStyle.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { WebTheme } from '@aws-amplify/ui';
-import { BaseComponentTheme } from '@aws-amplify/ui';
+import type { WebTheme } from '@aws-amplify/ui';
+import type { BaseComponentTheme } from '@aws-amplify/ui';
 interface ComponentStyleProps extends React.ComponentProps<'style'> {
     /**
      * Provide a server generated nonce which matches your CSP `style-src` rule.

package/dist/types/components/ThemeProvider/ThemeContext.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { WebTheme } from '@aws-amplify/ui';
-import { ColorMode } from './ThemeProvider';
+import type { WebTheme } from '@aws-amplify/ui';
+import type { ColorMode } from './ThemeProvider';
 export interface ThemeContextType {
     theme: WebTheme;
     colorMode?: ColorMode;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Theme, WebTheme } from '@aws-amplify/ui';
+import type { Theme, WebTheme } from '@aws-amplify/ui';
 export type ColorMode = 'system' | 'light' | 'dark';
 export type Direction = 'ltr' | 'rtl';
 interface ThemeProviderProps {

package/dist/types/components/ThemeProvider/ThemeStyle.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { WebTheme } from '@aws-amplify/ui';
+import type { WebTheme } from '@aws-amplify/ui';
 interface ThemeStyleProps extends React.ComponentProps<'style'> {
     /**
      * Provide a server generated nonce which matches your CSP `style-src` rule.