@aws-amplify/ui-react 6.11.1 → 6.12.0

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/esm/primitives/Collection/Collection.mjs

@@ -10,11 +10,20 @@ import { SearchField } from '../SearchField/SearchField.mjs';
 import { ComponentText } from '../shared/constants.mjs';
 import { strHasLength } from '../shared/utils.mjs';
 import { itemHasText, getPageCount, getItemsAtPage } from './utils.mjs';
+import { Table } from '../Table/Table.mjs';
+import { TableBody } from '../Table/TableBody.mjs';
+import '../Table/TableCell.mjs';
+import '../Table/TableFoot.mjs';
+import '../Table/TableHead.mjs';
+import '../Table/TableRow.mjs';
 
 const DEFAULT_PAGE_SIZE = 10;
 const TYPEAHEAD_DELAY_MS = 300;
 const ListCollection = ({ children, direction = 'column', items, ...rest }) => (React.createElement(Flex, { direction: direction, ...rest }, Array.isArray(items) ? items.map(children) : null));
 const GridCollection = ({ children, items, ...rest }) => (React.createElement(Grid, { ...rest }, Array.isArray(items) ? items.map(children) : null));
+const TableCollection = ({ children, items, tableHeader: TableHeader, ...rest }) => (React.createElement(Table, { ...rest },
+    React.createElement(TableHeader, null),
+    React.createElement(TableBody, null, Array.isArray(items) ? items.map(children) : null)));
 const renderCollectionOrNoResultsFound = (collection, items, searchNoResultsFound) => {
     if (items.length) {
         return collection;
@@ -45,7 +54,7 @@ const Collection = ({ className, isSearchable, isPaginated, items, itemsPerPage
     if (isPaginated) {
         items = getItemsAtPage(items, pagination.currentPage, itemsPerPage);
     }
-    const collection = type === 'list' ? (React.createElement(ListCollection, { className: ComponentClassName.CollectionItems, items: items, ...rest })) : type === 'grid' ? (React.createElement(GridCollection, { className: ComponentClassName.CollectionItems, items: items, ...rest })) : null;
+    const collection = type === 'list' ? (React.createElement(ListCollection, { className: ComponentClassName.CollectionItems, items: items, ...rest })) : type === 'grid' ? (React.createElement(GridCollection, { className: ComponentClassName.CollectionItems, items: items, ...rest })) : type === 'table' ? (React.createElement(TableCollection, { className: ComponentClassName.CollectionItems, items: items, tableHeader: rest.tableHeader, ...rest })) : null;
     return (React.createElement(Flex, { testId: testId, className: classNames(ComponentClassName.Collection, className) },
         isSearchable ? (React.createElement(Flex, { className: ComponentClassName.CollectionSearch },
             React.createElement(SearchField, { label: searchLabel, placeholder: searchPlaceholder, onChange: (e) => onSearch(e.target.value), onClear: () => setSearchText('') }))) : null,

package/dist/esm/version.mjs

@@ -1,3 +1,3 @@
-const VERSION = '6.11.1';
+const VERSION = '6.12.0';
 
 export { VERSION };

package/dist/index.js

@@ -1062,10 +1062,47 @@ const itemHasText = (item, text) => {
  */
 const getPageCount = (totalItems, itemsPerPage) => Math.ceil(totalItems / itemsPerPage);
 
+const TablePrimitive = ({ caption, children, className, highlightOnHover = false, size, variation, ...rest }, ref) => {
+    const componentClasses = ui.classNames(ui.ComponentClassName.Table, ui.classNameModifier(ui.ComponentClassName.Table, size), ui.classNameModifier(ui.ComponentClassName.Table, variation), className);
+    return (React__namespace.createElement(Field.View, { as: "table", className: componentClasses, "data-highlightonhover": highlightOnHover, ref: ref, ...rest },
+        caption && (React__namespace.createElement(Field.View, { as: "caption", className: ui.ComponentClassName.TableCaption }, caption)),
+        children));
+};
+/**
+ * [📖 Docs](https://ui.docs.amplify.aws/react/components/table)
+ */
+const Table = Field.primitiveWithForwardRef(TablePrimitive);
+Table.displayName = 'Table';
+
+const TableBodyPrimitive = ({ children, className, ...rest }, ref) => (React__namespace.createElement(Field.View, { as: "tbody", className: ui.classNames(ui.ComponentClassName.TableBody, className), ref: ref, ...rest }, children));
+const TableBody = Field.primitiveWithForwardRef(TableBodyPrimitive);
+TableBody.displayName = 'TableBody';
+
+const TableCellPrimitive = ({ as: asElementTag = 'td', children, className, ...rest }, ref) => (React__namespace.createElement(Field.View, { as: asElementTag, className: ui.classNames(asElementTag === 'td'
+        ? ui.ComponentClassName.TableTd
+        : ui.ComponentClassName.TableTh, className), ref: ref, ...rest }, children));
+const TableCell = Field.primitiveWithForwardRef(TableCellPrimitive);
+TableCell.displayName = 'TableCell';
+
+const TableFootPrimitive = ({ children, className, ...rest }, ref) => (React__namespace.createElement(Field.View, { as: "tfoot", className: ui.classNames(ui.ComponentClassName.TableFoot, className), ref: ref, ...rest }, children));
+const TableFoot = Field.primitiveWithForwardRef(TableFootPrimitive);
+TableFoot.displayName = 'TableFoot';
+
+const TableHeadPrimitive = ({ children, className, ...rest }, ref) => (React__namespace.createElement(Field.View, { as: "thead", className: ui.classNames(ui.ComponentClassName.TableHead, className), ref: ref, ...rest }, children));
+const TableHead = Field.primitiveWithForwardRef(TableHeadPrimitive);
+TableHead.displayName = 'TableHead';
+
+const TableRowPrimitive = ({ children, className, ...rest }, ref) => (React__namespace.createElement(Field.View, { as: "tr", className: ui.classNames(ui.ComponentClassName.TableRow, className), ref: ref, ...rest }, children));
+const TableRow = Field.primitiveWithForwardRef(TableRowPrimitive);
+TableRow.displayName = 'TableRow';
+
 const DEFAULT_PAGE_SIZE = 10;
 const TYPEAHEAD_DELAY_MS = 300;
 const ListCollection = ({ children, direction = 'column', items, ...rest }) => (React__namespace.createElement(Field.Flex, { direction: direction, ...rest }, Array.isArray(items) ? items.map(children) : null));
 const GridCollection = ({ children, items, ...rest }) => (React__namespace.createElement(Grid, { ...rest }, Array.isArray(items) ? items.map(children) : null));
+const TableCollection = ({ children, items, tableHeader: TableHeader, ...rest }) => (React__namespace.createElement(Table, { ...rest },
+    React__namespace.createElement(TableHeader, null),
+    React__namespace.createElement(TableBody, null, Array.isArray(items) ? items.map(children) : null)));
 const renderCollectionOrNoResultsFound = (collection, items, searchNoResultsFound) => {
     if (items.length) {
         return collection;
@@ -1096,7 +1133,7 @@ const Collection = ({ className, isSearchable, isPaginated, items, itemsPerPage
     if (isPaginated) {
         items = getItemsAtPage(items, pagination.currentPage, itemsPerPage);
     }
-    const collection = type === 'list' ? (React__namespace.createElement(ListCollection, { className: ui.ComponentClassName.CollectionItems, items: items, ...rest })) : type === 'grid' ? (React__namespace.createElement(GridCollection, { className: ui.ComponentClassName.CollectionItems, items: items, ...rest })) : null;
+    const collection = type === 'list' ? (React__namespace.createElement(ListCollection, { className: ui.ComponentClassName.CollectionItems, items: items, ...rest })) : type === 'grid' ? (React__namespace.createElement(GridCollection, { className: ui.ComponentClassName.CollectionItems, items: items, ...rest })) : type === 'table' ? (React__namespace.createElement(TableCollection, { className: ui.ComponentClassName.CollectionItems, items: items, tableHeader: rest.tableHeader, ...rest })) : null;
     return (React__namespace.createElement(Field.Flex, { testId: testId, className: ui.classNames(ui.ComponentClassName.Collection, className) },
         isSearchable ? (React__namespace.createElement(Field.Flex, { className: ui.ComponentClassName.CollectionSearch },
             React__namespace.createElement(SearchField, { label: searchLabel, placeholder: searchPlaceholder, onChange: (e) => onSearch(e.target.value), onClear: () => setSearchText('') }))) : null,
@@ -1985,40 +2022,6 @@ const SwitchFieldPrimitive = ({ className, defaultChecked, id, isChecked, isDisa
 const SwitchField = Field.primitiveWithForwardRef(SwitchFieldPrimitive);
 SwitchField.displayName = 'SwitchField';
 
-const TablePrimitive = ({ caption, children, className, highlightOnHover = false, size, variation, ...rest }, ref) => {
-    const componentClasses = ui.classNames(ui.ComponentClassName.Table, ui.classNameModifier(ui.ComponentClassName.Table, size), ui.classNameModifier(ui.ComponentClassName.Table, variation), className);
-    return (React__namespace.createElement(Field.View, { as: "table", className: componentClasses, "data-highlightonhover": highlightOnHover, ref: ref, ...rest },
-        caption && (React__namespace.createElement(Field.View, { as: "caption", className: ui.ComponentClassName.TableCaption }, caption)),
-        children));
-};
-/**
- * [📖 Docs](https://ui.docs.amplify.aws/react/components/table)
- */
-const Table = Field.primitiveWithForwardRef(TablePrimitive);
-Table.displayName = 'Table';
-
-const TableBodyPrimitive = ({ children, className, ...rest }, ref) => (React__namespace.createElement(Field.View, { as: "tbody", className: ui.classNames(ui.ComponentClassName.TableBody, className), ref: ref, ...rest }, children));
-const TableBody = Field.primitiveWithForwardRef(TableBodyPrimitive);
-TableBody.displayName = 'TableBody';
-
-const TableCellPrimitive = ({ as: asElementTag = 'td', children, className, ...rest }, ref) => (React__namespace.createElement(Field.View, { as: asElementTag, className: ui.classNames(asElementTag === 'td'
-        ? ui.ComponentClassName.TableTd
-        : ui.ComponentClassName.TableTh, className), ref: ref, ...rest }, children));
-const TableCell = Field.primitiveWithForwardRef(TableCellPrimitive);
-TableCell.displayName = 'TableCell';
-
-const TableFootPrimitive = ({ children, className, ...rest }, ref) => (React__namespace.createElement(Field.View, { as: "tfoot", className: ui.classNames(ui.ComponentClassName.TableFoot, className), ref: ref, ...rest }, children));
-const TableFoot = Field.primitiveWithForwardRef(TableFootPrimitive);
-TableFoot.displayName = 'TableFoot';
-
-const TableHeadPrimitive = ({ children, className, ...rest }, ref) => (React__namespace.createElement(Field.View, { as: "thead", className: ui.classNames(ui.ComponentClassName.TableHead, className), ref: ref, ...rest }, children));
-const TableHead = Field.primitiveWithForwardRef(TableHeadPrimitive);
-TableHead.displayName = 'TableHead';
-
-const TableRowPrimitive = ({ children, className, ...rest }, ref) => (React__namespace.createElement(Field.View, { as: "tr", className: ui.classNames(ui.ComponentClassName.TableRow, className), ref: ref, ...rest }, children));
-const TableRow = Field.primitiveWithForwardRef(TableRowPrimitive);
-TableRow.displayName = 'TableRow';
-
 const TabsContext = React__namespace.createContext({
     groupId: '',
     activeTab: '',
@@ -2469,7 +2472,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.1';
+const VERSION = '6.12.0';
 
 const logger$2 = ui.getLogger('AccountSettings');
 const getIsDisabled = (formValues, validationError) => {

package/dist/styles/liveness.css

@@ -67,11 +67,26 @@
   z-index: 1;
 }
 
-.amplify-liveness-loader {
+.amplify-liveness-loader .amplify-liveness-centered-loader {
+  transform: translate(-50%, -50%);
+}
+
+.amplify-liveness-centered-loader {
   position: absolute;
   left: 50%;
   top: 50%;
-  transform: translate(-50%, -50%);
+}
+
+.amplify-liveness-connecting-loader {
+  display: flex;
+  position: absolute;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  z-index: 3;
+  width: 100%;
+  height: 100%;
+  background-color: var(--amplify-colors-background-primary);
 }
 
 .amplify-liveness-oval-canvas {

package/dist/styles/liveness.layer.css

@@ -68,11 +68,26 @@
   z-index: 1;
 }
 
-.amplify-liveness-loader {
+.amplify-liveness-loader .amplify-liveness-centered-loader {
+  transform: translate(-50%, -50%);
+}
+
+.amplify-liveness-centered-loader {
   position: absolute;
   left: 50%;
   top: 50%;
-  transform: translate(-50%, -50%);
+}
+
+.amplify-liveness-connecting-loader {
+  display: flex;
+  position: absolute;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  z-index: 3;
+  width: 100%;
+  height: 100%;
+  background-color: var(--amplify-colors-background-primary);
 }
 
 .amplify-liveness-oval-canvas {

package/dist/styles.css

@@ -4250,11 +4250,26 @@ html[dir=rtl] .amplify-field-group__inner-start {
   z-index: 1;
 }
 
-.amplify-liveness-loader {
+.amplify-liveness-loader .amplify-liveness-centered-loader {
+  transform: translate(-50%, -50%);
+}
+
+.amplify-liveness-centered-loader {
   position: absolute;
   left: 50%;
   top: 50%;
-  transform: translate(-50%, -50%);
+}
+
+.amplify-liveness-connecting-loader {
+  display: flex;
+  position: absolute;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  z-index: 3;
+  width: 100%;
+  height: 100%;
+  background-color: var(--amplify-colors-background-primary);
 }
 
 .amplify-liveness-oval-canvas {

package/dist/styles.layer.css

@@ -4251,11 +4251,26 @@ html[dir=rtl] .amplify-field-group__inner-start {
   z-index: 1;
 }
 
-.amplify-liveness-loader {
+.amplify-liveness-loader .amplify-liveness-centered-loader {
+  transform: translate(-50%, -50%);
+}
+
+.amplify-liveness-centered-loader {
   position: absolute;
   left: 50%;
   top: 50%;
-  transform: translate(-50%, -50%);
+}
+
+.amplify-liveness-connecting-loader {
+  display: flex;
+  position: absolute;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  z-index: 3;
+  width: 100%;
+  height: 100%;
+  background-color: var(--amplify-colors-background-primary);
 }
 
 .amplify-liveness-oval-canvas {

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';