@aws-amplify/ui-react 4.6.0 → 4.6.2

package/dist/styles.css

@@ -1746,7 +1746,7 @@ strong.amplify-text {
   -webkit-user-select: text;
      -moz-user-select: text;
           user-select: text;
-  display: inline-flex;
+  display: inline-block;
 }
 .amplify-input:focus {
   border-color: var(--amplify-components-fieldcontrol-focus-border-color);

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

@@ -9,8 +9,8 @@ export interface WarningViewProps {
     /** whether account deletion is in progress */
     isDisabled: boolean;
 }
-export declare type WarningViewComponent<Props = {}> = React.ComponentType<Props & WarningViewProps>;
-export declare type DeleteUserState = 'IDLE' | 'CONFIRMATION' | 'DELETING' | 'DONE' | 'ERROR';
+export type WarningViewComponent<Props = {}> = React.ComponentType<Props & WarningViewProps>;
+export type DeleteUserState = 'IDLE' | 'CONFIRMATION' | 'DELETING' | 'DONE' | 'ERROR';
 export interface DeleteUserComponents {
     ErrorMessage?: ErrorMessageComponent;
     DeleteButton?: ButtonComponent;

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

@@ -1,18 +1,18 @@
 import React from 'react';
 import { AlertProps, ButtonProps, PasswordFieldProps, PrimitiveProps } from '../../primitives/types';
-declare type PasswordFieldPrimitiveProps = PrimitiveProps<PasswordFieldProps, 'input'>;
-declare type ButtonPrimitiveProps = PrimitiveProps<ButtonProps, 'button'>;
-declare type AlertPrimitiveProps = PrimitiveProps<AlertProps, 'div'>;
-declare type CommonPasswordFieldProps = Partial<PasswordFieldPrimitiveProps> & Required<Pick<PasswordFieldPrimitiveProps, 'onBlur' | 'onChange' | 'name'>> & {
+type PasswordFieldPrimitiveProps = PrimitiveProps<PasswordFieldProps, 'input'>;
+type ButtonPrimitiveProps = PrimitiveProps<ButtonProps, 'button'>;
+type AlertPrimitiveProps = PrimitiveProps<AlertProps, 'div'>;
+type CommonPasswordFieldProps = Partial<PasswordFieldPrimitiveProps> & Required<Pick<PasswordFieldPrimitiveProps, 'onBlur' | 'onChange' | 'name'>> & {
     fieldValidationErrors?: string[];
 };
-declare type CommonAlertProps = Partial<PrimitiveProps<AlertProps, 'div'>> & Required<Pick<AlertPrimitiveProps, 'children'>>;
-declare type CommonButtonProps<T extends 'submit' | 'default' = 'default'> = Partial<ButtonPrimitiveProps> & Required<Pick<ButtonPrimitiveProps, T extends 'submit' ? never : 'onClick'>>;
-export declare type PasswordFieldComponent<Props = {}> = React.ComponentType<Props & CommonPasswordFieldProps>;
-export declare type ButtonComponent<Props = {}> = React.ComponentType<Props & CommonButtonProps>;
-export declare type SubmitButtonComponent<Props = {}> = React.ComponentType<Props & CommonButtonProps<'submit'>>;
-export declare type ErrorMessageComponent<Props = {}> = React.ComponentType<Props & CommonAlertProps>;
-export declare type FormValues = Record<string, string>;
-export declare type BlurredFields = string[];
-export declare type ValidationError = Record<string, string[]>;
+type CommonAlertProps = Partial<PrimitiveProps<AlertProps, 'div'>> & Required<Pick<AlertPrimitiveProps, 'children'>>;
+type CommonButtonProps<T extends 'submit' | 'default' = 'default'> = Partial<ButtonPrimitiveProps> & Required<Pick<ButtonPrimitiveProps, T extends 'submit' ? never : 'onClick'>>;
+export type PasswordFieldComponent<Props = {}> = React.ComponentType<Props & CommonPasswordFieldProps>;
+export type ButtonComponent<Props = {}> = React.ComponentType<Props & CommonButtonProps>;
+export type SubmitButtonComponent<Props = {}> = React.ComponentType<Props & CommonButtonProps<'submit'>>;
+export type ErrorMessageComponent<Props = {}> = React.ComponentType<Props & CommonAlertProps>;
+export type FormValues = Record<string, string>;
+export type BlurredFields = string[];
+export type ValidationError = Record<string, string[]>;
 export {};

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

@@ -3,8 +3,8 @@ import { AuthenticatorMachineOptions, AmplifyUser } from '@aws-amplify/ui';
 import { UseAuthenticator } from '@aws-amplify/ui-react-core';
 import { ComponentsProviderProps } from './hooks/useCustomComponents';
 import { RouterProps } from './Router';
-export declare type SignOut = UseAuthenticator['signOut'];
-export declare type AuthenticatorProps = Partial<AuthenticatorMachineOptions & ComponentsProviderProps & RouterProps & {
+export type SignOut = UseAuthenticator['signOut'];
+export type AuthenticatorProps = Partial<AuthenticatorMachineOptions & ComponentsProviderProps & RouterProps & {
     children: React.ReactNode | ((props: {
         signOut?: SignOut;
         user?: AmplifyUser;

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-export declare type RouteProps = {
+export type RouteProps = {
     className: string;
     variation: 'default' | 'modal';
 };
-export declare type RouteContainerProps = {
+export type RouteContainerProps = {
     children: React.ReactNode;
 } & RouteProps;

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

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

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

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

package/dist/types/components/Geo/types/maplibre-gl-geocoder.d.ts

@@ -1,4 +1,4 @@
-export declare type LocationSearchProps = {
+export type LocationSearchProps = {
     /**
      * A bounding box given as an array in the format `[minX, minY, maxX, maxY]`.
      * Search results will be limited to the bounding box.

package/dist/types/components/InAppMessaging/BannerMessage/types.d.ts

@@ -1,6 +1,6 @@
 import { BannerMessageCommonProps } from '@aws-amplify/ui-react-core';
 import { MessageOverrideStyle } from '../hooks';
-declare type BannerMessageAlignment = 'left' | 'center' | 'right';
+type BannerMessageAlignment = 'left' | 'center' | 'right';
 export interface BannerMessageProps extends BannerMessageCommonProps<MessageOverrideStyle | undefined> {
     alignment?: BannerMessageAlignment;
 }

package/dist/types/components/InAppMessaging/InAppMessageDisplay/types.d.ts

@@ -2,10 +2,10 @@ import { BannerMessageComponent, CarouselMessageComponent, FullScreenMessageComp
 import { BannerMessageProps } from '../BannerMessage';
 import { FullScreenMessageProps } from '../FullScreenMessage';
 import { ModalMessageProps } from '../ModalMessage';
-declare type BannerStyle = BannerMessageProps['style'];
-declare type CarouselStyle = any;
-declare type FullScreenStyle = FullScreenMessageProps['style'];
-declare type ModalStyle = ModalMessageProps['style'];
+type BannerStyle = BannerMessageProps['style'];
+type CarouselStyle = any;
+type FullScreenStyle = FullScreenMessageProps['style'];
+type ModalStyle = ModalMessageProps['style'];
 export interface MessageDefaultComponents {
     BannerMessage: BannerMessageComponent<BannerStyle>;
     CarouselMessage: CarouselMessageComponent<CarouselStyle>;

package/dist/types/components/InAppMessaging/MessageLayout/types.d.ts

@@ -1,8 +1,8 @@
 import { MessageComponentBaseProps } from '@aws-amplify/ui-react-core';
 import { ButtonProps } from '../../../primitives';
 import { MessageComponentStyles, MessageOverrideStyle, UseMessageProps } from '../hooks';
-declare type MessageLayoutOrientation = 'horizontal' | 'vertical';
-export declare type MessageLayoutButtonModifier = 'dark' | 'light';
+type MessageLayoutOrientation = 'horizontal' | 'vertical';
+export type MessageLayoutButtonModifier = 'dark' | 'light';
 export interface MessageLayoutProps extends Omit<MessageComponentBaseProps<MessageOverrideStyle>, 'style'>, Omit<UseMessageProps, 'shouldRenderMessage' | 'styles'> {
     /**
      * @description

package/dist/types/components/InAppMessaging/hooks/useMessageImage/types.d.ts

@@ -4,7 +4,7 @@ export declare enum ImagePrefetchStatus {
     Fetching = "FETCHING",
     Success = "SUCCESS"
 }
-export declare type UseMessageImage = {
+export type UseMessageImage = {
     hasRenderableImage: boolean;
     isImageFetching: boolean;
 };

package/dist/types/components/InAppMessaging/hooks/useMessageProps/types.d.ts

@@ -36,4 +36,4 @@ export interface StyleParams {
 /**
  * Override style props
  */
-export declare type MessageOverrideStyle = Partial<MessageComponentStyles>;
+export type MessageOverrideStyle = Partial<MessageComponentStyles>;

package/dist/types/components/Storage/FileUploader/types.d.ts

@@ -2,8 +2,8 @@ import React from 'react';
 import { StorageAccessLevel, UploadTask } from '@aws-amplify/storage';
 import { DragActionHandlers } from './hooks/useFileUploader/types';
 import { ButtonProps } from '../../../primitives';
-export declare type SetShowPreviewer = (show: boolean) => void;
-export declare type Files = File[];
+export type SetShowPreviewer = (show: boolean) => void;
+export type Files = File[];
 export interface UploadDropZoneProps extends DragActionHandlers {
     children?: React.ReactNode;
     inDropZone?: boolean;
@@ -63,7 +63,7 @@ export interface FileStatus extends Partial<FileStateProps> {
     name?: string;
     file?: File;
 }
-export declare type FileStatuses = FileStatus[];
+export type FileStatuses = FileStatus[];
 export declare enum FileState {
     PAUSED = "paused",
     SUCCESS = "success",
@@ -78,10 +78,10 @@ export interface FileStateProps {
     errorMessage: string;
     percentage?: number;
 }
-declare type UploadButtonComponent<Props = {}> = React.ComponentType<Props & Partial<ButtonProps>>;
-declare type UploadDropZoneComponent<Props = {}> = React.ComponentType<Props & Partial<UploadDropZoneProps>>;
-declare type PreviewerComponent<Props = {}> = React.ComponentType<Props & Partial<PreviewerProps>>;
-declare type TrackerComponent<Props = {}> = React.ComponentType<Props & Partial<TrackerProps>>;
+type UploadButtonComponent<Props = {}> = React.ComponentType<Props & Partial<ButtonProps>>;
+type UploadDropZoneComponent<Props = {}> = React.ComponentType<Props & Partial<UploadDropZoneProps>>;
+type PreviewerComponent<Props = {}> = React.ComponentType<Props & Partial<PreviewerProps>>;
+type TrackerComponent<Props = {}> = React.ComponentType<Props & Partial<TrackerProps>>;
 export interface Components {
     UploadDropZone?: UploadDropZoneComponent;
     UploadButton?: UploadButtonComponent;

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

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

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

@@ -1,5 +1,5 @@
 export declare const isDevelopment: () => boolean;
-declare type ErrorWithMessage = {
+type ErrorWithMessage = {
     message: string;
 };
 export declare const isErrorWithMessage: (error: unknown) => error is ErrorWithMessage;

package/dist/types/hooks/actions/shared/types.d.ts

@@ -5,10 +5,10 @@ import { PersistentModel, PersistentModelConstructor, ModelInit, PersistentModel
  * because Datastore Int and Float scalar types are often
  * entered by users in a TextField which returns a string
  */
-declare type ModelFields<Type> = {
+type ModelFields<Type> = {
     [Property in keyof Type]: string | number | boolean;
 };
-export declare type DataStoreActionFields<Model extends PersistentModel> = ModelInit<Model, PersistentModelMetaData<Model>> | ModelFields<ModelInit<Model, PersistentModelMetaData<Model>>>;
+export type DataStoreActionFields<Model extends PersistentModel> = ModelInit<Model, PersistentModelMetaData<Model>> | ModelFields<ModelInit<Model, PersistentModelMetaData<Model>>>;
 export interface UseDataStoreActionOptions<Model extends PersistentModel> {
     model: PersistentModelConstructor<Model>;
     /**

package/dist/types/hooks/actions/shared/useTypeCastFields.d.ts

@@ -5,7 +5,7 @@ interface UseTypeCastFieldsProps<Model extends PersistentModel> {
     modelName: string;
     schema?: Schema;
 }
-declare type UseTypeCastFieldsReturn<Model extends PersistentModel> = ModelInit<Model, PersistentModelMetaData<Model>>;
+type UseTypeCastFieldsReturn<Model extends PersistentModel> = ModelInit<Model, PersistentModelMetaData<Model>>;
 /**
  * Optimistically casts field string values to types required by
  * datastore based on the schema type

package/dist/types/hooks/actions/testModels/model.d.ts

@@ -1,5 +1,5 @@
 import { ModelInit, MutableModel } from '@aws-amplify/datastore';
-declare type HomeMetaData = {
+type HomeMetaData = {
     readOnlyFields: 'createdAt' | 'updatedAt';
 };
 export declare class Home {

package/dist/types/hooks/actions/testModels/todo.d.ts

@@ -1,5 +1,5 @@
 import type { ModelInit, MutableModel } from '@aws-amplify/datastore';
-export declare type TodoMetaData = {
+export type TodoMetaData = {
     readOnlyFields: 'createdAt' | 'updatedAt';
 };
 export declare class Todo {

package/dist/types/hooks/actions/useNavigateAction.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare type NavigateType = 'url' | 'anchor' | 'reload';
+export type NavigateType = 'url' | 'anchor' | 'reload';
 export interface UseNavigateActionOptions {
     type: NavigateType;
     url?: string;

package/dist/types/hooks/actions/useStateMutationAction.d.ts

@@ -1,4 +1,4 @@
-declare type UseStateMutationAction<StateType> = [
+type UseStateMutationAction<StateType> = [
     StateType,
     (newState: StateType) => void
 ];

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

@@ -3,7 +3,7 @@ export interface UseComposeRefsCallbackProps<RefType> {
     externalRef?: React.ForwardedRef<RefType>;
     internalRef: React.MutableRefObject<RefType>;
 }
-export declare type UseComposeRefsCallback<RefType> = (node: RefType) => void;
+export type UseComposeRefsCallback<RefType> = (node: RefType) => void;
 /**
  *  Creates ref callback to compose together external and internal refs
  */

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { HeadingProps } from '../types';
-declare type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/components/heading)
  */

package/dist/types/primitives/Icon/icons/types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { ViewProps } from '../../types';
-export declare type InternalIcon = (props: ViewProps & {
+export type InternalIcon = (props: ViewProps & {
     size?: string | number;
 }) => JSX.Element;

package/dist/types/primitives/SearchField/useSearchField.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { UseSearchFieldProps } from '../types';
-declare type ClearHandler = React.MouseEventHandler<HTMLButtonElement>;
-declare type ClickHandler = React.MouseEventHandler<HTMLButtonElement>;
-declare type KeyDownHandler = React.KeyboardEventHandler<HTMLInputElement>;
-declare type ChangeHandler = React.ChangeEventHandler<HTMLInputElement>;
+type ClearHandler = React.MouseEventHandler<HTMLButtonElement>;
+type ClickHandler = React.MouseEventHandler<HTMLButtonElement>;
+type KeyDownHandler = React.KeyboardEventHandler<HTMLInputElement>;
+type ChangeHandler = React.ChangeEventHandler<HTMLInputElement>;
 interface UseSearchField {
     composedValue: string;
     onClearHandler: ClearHandler;

package/dist/types/primitives/StepperField/useStepper.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { StepperFieldProps } from '../types/stepperField';
-declare type ChangeHandler = React.ChangeEventHandler<HTMLInputElement>;
-declare type ClickHandler = React.MouseEventHandler<HTMLButtonElement>;
-declare type FocusHandler = React.FocusEventHandler<HTMLInputElement>;
-declare type WheelHandler = React.WheelEventHandler<HTMLInputElement>;
-declare type InputValue = number | string;
+type ChangeHandler = React.ChangeEventHandler<HTMLInputElement>;
+type ClickHandler = React.MouseEventHandler<HTMLButtonElement>;
+type FocusHandler = React.FocusEventHandler<HTMLInputElement>;
+type WheelHandler = React.WheelEventHandler<HTMLInputElement>;
+type InputValue = number | string;
 interface UseStepper extends Required<Pick<StepperFieldProps, 'step' | 'value'>> {
     inputValue: InputValue;
     handleDecrease: ClickHandler;

package/dist/types/primitives/SwitchField/useSwitch.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type ChangeHandler = React.ChangeEventHandler<HTMLInputElement>;
+type ChangeHandler = React.ChangeEventHandler<HTMLInputElement>;
 interface UseSwitchProps {
     onChange?: ChangeHandler;
     isChecked?: boolean;

package/dist/types/primitives/ToggleButton/useToggleButton.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ToggleButtonProps } from '../types';
-declare type ClickHandler = React.MouseEventHandler<HTMLButtonElement>;
-declare type UseToggleButton = {
+type ClickHandler = React.MouseEventHandler<HTMLButtonElement>;
+type UseToggleButton = {
     handleClick: ClickHandler;
     isPressed?: boolean;
 };

package/dist/types/primitives/ToggleButtonGroup/useToggleButtonGroup.d.ts

@@ -1,4 +1,4 @@
 import { ToggleButtonGroupProps } from '../types';
-declare type UseToggleButtonParams = Pick<ToggleButtonGroupProps, 'onChange' | 'value' | 'isExclusive' | 'isSelectionRequired'>;
+type UseToggleButtonParams = Pick<ToggleButtonGroupProps, 'onChange' | 'value' | 'isExclusive' | 'isSelectionRequired'>;
 export declare const useToggleButtonGroup: ({ onChange, value, isExclusive, isSelectionRequired, }: UseToggleButtonParams) => (value: string | undefined) => void;
 export {};

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

@@ -1,15 +1,15 @@
 import { ComponentClassName } from '@aws-amplify/ui';
-declare type ComponentNameKey = 'Alert' | 'Autocomplete' | 'Badge' | 'Button' | 'Button' | 'Card' | 'Checkbox' | 'CheckboxField' | 'Collection' | 'PhoneNumberField' | 'Divider' | 'Expander' | 'FileUploader' | 'Flex' | 'Grid' | 'Heading' | 'HighlightMatch' | 'Icon' | 'Image' | 'Link' | 'Loader' | 'Menu' | 'Pagination' | 'PasswordField' | 'PhoneNumberField' | 'Placeholder' | 'Radio' | 'RadioGroupField' | 'Rating' | 'ScrollView' | 'SearchField' | 'Select' | 'SliderField' | 'SelectField' | 'StepperField' | 'StorageManager' | 'SwitchField' | 'Table' | 'Tabs' | 'Text' | 'TextAreaField' | 'TextField' | 'ToggleButton' | 'ToggleButtonGroup' | 'VisuallyHidden';
-declare type ComponentClassNameKey = 'Alert' | 'AlertIcon' | 'AlertHeading' | 'AlertBody' | 'AlertDismiss' | 'Autocomplete' | 'AutocompleteMenu' | 'AutocompleteMenuEmpty' | 'AutocompleteMenuFooter' | 'AutocompleteMenuHeader' | 'AutocompleteMenuLoading' | 'AutocompleteMenuOption' | 'AutocompleteMenuOptions' | 'Badge' | 'Button' | 'ButtonGroup' | 'ButtonLoaderWrapper' | 'Card' | 'Checkbox' | 'CheckboxButton' | 'CheckboxIcon' | 'CheckboxInput' | 'CheckboxLabel' | 'CheckboxField' | 'Collection' | 'CollectionItems' | 'CollectionSearch' | 'CollectionPagination' | 'CountryCodeSelect' | 'DialCodeSelect' | 'Divider' | 'DividerLabel' | 'Expander' | 'ExpanderContent' | 'ExpanderContentText' | 'ExpanderHeader' | 'ExpanderIcon' | 'ExpanderItem' | 'ExpanderTrigger' | 'Field' | 'FieldDescription' | 'FieldErrorMessage' | 'FieldGroup' | 'FieldGroupControl' | 'FieldGroupOuterEnd' | 'FieldGroupOuterStart' | 'FieldGroupInnerEnd' | 'FieldGroupInnerStart' | 'FieldGroupIcon' | 'FieldGroupIconButton' | 'FieldGroupHasInnerEnd' | 'FieldGroupHasInnerStart' | 'FieldShowPassword' | 'FieldGroupFieldWrapper' | 'FileUploaderDropZone' | 'FileUploaderDropZoneIcon' | 'FileUploaderDropZoneText' | 'FileUploaderDropZoneButton' | 'FileUploaderFile' | 'FileUploaderFileWrapper' | 'FileUploaderFileName' | 'FileUploaderFileSize' | 'FileUploaderFileInfo' | 'FileUploaderFileStatus' | 'FileUploaderFileImage' | 'FileUploaderFileMain' | 'FileUploaderLoader' | 'FileUploaderPreviewer' | 'FileUploaderPreviewerText' | 'FileUploaderPreviewerBody' | 'FileUploaderPreviewerFooter' | 'FileUploaderPreviewerFooterActions' | 'Flex' | 'Grid' | 'Heading' | 'HighlightMatch' | 'HighlightMatchHighlighted' | 'Icon' | 'Image' | 'Input' | 'Label' | 'Link' | 'Loader' | 'LoaderDeterminate' | 'LoaderPercentageText' | 'MenuContent' | 'MenuContentWrapper' | 'MenuItem' | 'MenuTrigger' | 'Pagination' | 'PaginationItemButton' | 'PaginationItemCurrent' | 'PaginationItemEllipsis' | 'PasswordField' | 'PhoneNumberField' | 'Placeholder' | 'Radio' | 'RadioButton' | 'RadioInput' | 'RadioLabel' | 'RadioGroupField' | 'RadioGroup' | 'Rating' | 'ScrollView' | 'SearchField' | 'SearchFieldClear' | 'SearchFieldSearch' | 'Select' | 'SelectField' | 'SelectWrapper' | 'SelectIconWrapper' | 'SliderField' | 'SliderFieldGroup' | 'SliderFieldLabel' | 'SliderFieldRange' | 'SliderFieldRoot' | 'SliderFieldThumb' | 'SliderFieldTrack' | 'StepperField' | 'StepperFieldButtonDecrease' | 'StepperFieldButtonIncrease' | 'StepperFieldInput' | 'StorageManager' | 'StorageManagerDropZone' | 'StorageManagerDropZoneIcon' | 'StorageManagerDropZoneText' | 'StorageManagerFilePicker' | 'StorageManagerFile' | 'StorageManagerFileWrapper' | 'StorageManagerFileList' | 'StorageManagerFileName' | 'StorageManagerFileSize' | 'StorageManagerFileInfo' | 'StorageManagerFileStatus' | 'StorageManagerFileImage' | 'StorageManagerFileMain' | 'StorageManagerLoader' | 'StorageManagerPreviewer' | 'StorageManagerPreviewerText' | 'SwitchField' | 'SwitchLabel' | 'SwitchThumb' | 'SwitchTrack' | 'SwitchWrapper' | 'Table' | 'TableCaption' | 'TableBody' | 'TableTd' | 'TableTh' | 'TableFoot' | 'TableHead' | 'TableRow' | 'Tabs' | 'TabItems' | 'Text' | 'Textarea' | 'TextAreaField' | 'TextField' | 'ToggleButton' | 'ToggleButtonGroup' | 'VisuallyHidden';
+type ComponentNameKey = 'Alert' | 'Autocomplete' | 'Badge' | 'Button' | 'Button' | 'Card' | 'Checkbox' | 'CheckboxField' | 'Collection' | 'PhoneNumberField' | 'Divider' | 'Expander' | 'FileUploader' | 'Flex' | 'Grid' | 'Heading' | 'HighlightMatch' | 'Icon' | 'Image' | 'Link' | 'Loader' | 'Menu' | 'Pagination' | 'PasswordField' | 'PhoneNumberField' | 'Placeholder' | 'Radio' | 'RadioGroupField' | 'Rating' | 'ScrollView' | 'SearchField' | 'Select' | 'SliderField' | 'SelectField' | 'StepperField' | 'StorageManager' | 'SwitchField' | 'Table' | 'Tabs' | 'Text' | 'TextAreaField' | 'TextField' | 'ToggleButton' | 'ToggleButtonGroup' | 'VisuallyHidden';
+type ComponentClassNameKey = 'Alert' | 'AlertIcon' | 'AlertHeading' | 'AlertBody' | 'AlertDismiss' | 'Autocomplete' | 'AutocompleteMenu' | 'AutocompleteMenuEmpty' | 'AutocompleteMenuFooter' | 'AutocompleteMenuHeader' | 'AutocompleteMenuLoading' | 'AutocompleteMenuOption' | 'AutocompleteMenuOptions' | 'Badge' | 'Button' | 'ButtonGroup' | 'ButtonLoaderWrapper' | 'Card' | 'Checkbox' | 'CheckboxButton' | 'CheckboxIcon' | 'CheckboxInput' | 'CheckboxLabel' | 'CheckboxField' | 'Collection' | 'CollectionItems' | 'CollectionSearch' | 'CollectionPagination' | 'CountryCodeSelect' | 'DialCodeSelect' | 'Divider' | 'DividerLabel' | 'Expander' | 'ExpanderContent' | 'ExpanderContentText' | 'ExpanderHeader' | 'ExpanderIcon' | 'ExpanderItem' | 'ExpanderTrigger' | 'Field' | 'FieldDescription' | 'FieldErrorMessage' | 'FieldGroup' | 'FieldGroupControl' | 'FieldGroupOuterEnd' | 'FieldGroupOuterStart' | 'FieldGroupInnerEnd' | 'FieldGroupInnerStart' | 'FieldGroupIcon' | 'FieldGroupIconButton' | 'FieldGroupHasInnerEnd' | 'FieldGroupHasInnerStart' | 'FieldShowPassword' | 'FieldGroupFieldWrapper' | 'FileUploaderDropZone' | 'FileUploaderDropZoneIcon' | 'FileUploaderDropZoneText' | 'FileUploaderDropZoneButton' | 'FileUploaderFile' | 'FileUploaderFileWrapper' | 'FileUploaderFileName' | 'FileUploaderFileSize' | 'FileUploaderFileInfo' | 'FileUploaderFileStatus' | 'FileUploaderFileImage' | 'FileUploaderFileMain' | 'FileUploaderLoader' | 'FileUploaderPreviewer' | 'FileUploaderPreviewerText' | 'FileUploaderPreviewerBody' | 'FileUploaderPreviewerFooter' | 'FileUploaderPreviewerFooterActions' | 'Flex' | 'Grid' | 'Heading' | 'HighlightMatch' | 'HighlightMatchHighlighted' | 'Icon' | 'Image' | 'Input' | 'Label' | 'Link' | 'Loader' | 'LoaderDeterminate' | 'LoaderPercentageText' | 'MenuContent' | 'MenuContentWrapper' | 'MenuItem' | 'MenuTrigger' | 'Pagination' | 'PaginationItemButton' | 'PaginationItemCurrent' | 'PaginationItemEllipsis' | 'PasswordField' | 'PhoneNumberField' | 'Placeholder' | 'Radio' | 'RadioButton' | 'RadioInput' | 'RadioLabel' | 'RadioGroupField' | 'RadioGroup' | 'Rating' | 'ScrollView' | 'SearchField' | 'SearchFieldClear' | 'SearchFieldSearch' | 'Select' | 'SelectField' | 'SelectWrapper' | 'SelectIconWrapper' | 'SliderField' | 'SliderFieldGroup' | 'SliderFieldLabel' | 'SliderFieldRange' | 'SliderFieldRoot' | 'SliderFieldThumb' | 'SliderFieldTrack' | 'StepperField' | 'StepperFieldButtonDecrease' | 'StepperFieldButtonIncrease' | 'StepperFieldInput' | 'StorageManager' | 'StorageManagerDropZone' | 'StorageManagerDropZoneIcon' | 'StorageManagerDropZoneText' | 'StorageManagerFilePicker' | 'StorageManagerFile' | 'StorageManagerFileWrapper' | 'StorageManagerFileList' | 'StorageManagerFileName' | 'StorageManagerFileSize' | 'StorageManagerFileInfo' | 'StorageManagerFileStatus' | 'StorageManagerFileImage' | 'StorageManagerFileMain' | 'StorageManagerLoader' | 'StorageManagerPreviewer' | 'StorageManagerPreviewerText' | 'SwitchField' | 'SwitchLabel' | 'SwitchThumb' | 'SwitchTrack' | 'SwitchWrapper' | 'Table' | 'TableCaption' | 'TableBody' | 'TableTd' | 'TableTh' | 'TableFoot' | 'TableHead' | 'TableRow' | 'Tabs' | 'TabItems' | 'Text' | 'Textarea' | 'TextAreaField' | 'TextField' | 'ToggleButton' | 'ToggleButtonGroup' | 'VisuallyHidden';
 interface ComponentClassNameMetadata {
     className: ComponentClassName;
     components?: ComponentNameKey[];
     description?: string;
 }
-export declare type ComponentClassNameItems = {
+export type ComponentClassNameItems = {
     [Name in ComponentClassNameKey]: ComponentClassNameMetadata;
 };
-export declare type ComponentClassNames = {
+export type ComponentClassNames = {
     [Name in ComponentClassNameKey]: ComponentClassNameMetadata['className'];
 };
 export {};

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { FlexProps } from './flex';
-export declare type AlertVariations = 'info' | 'error' | 'warning' | 'success';
+export type AlertVariations = 'info' | 'error' | 'warning' | 'success';
 export interface AlertProps extends FlexProps {
     /**
      * @description

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

@@ -118,7 +118,7 @@ export interface UseAutocompleteProps extends Partial<AutocompleteProps> {
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
     onClick?: React.MouseEventHandler<HTMLInputElement>;
 }
-declare type SetStateAction<T> = React.Dispatch<React.SetStateAction<T>>;
+type SetStateAction<T> = React.Dispatch<React.SetStateAction<T>>;
 export interface UseAutocomplete {
     activeOptionId?: ComboBoxOption['id'];
     autocompleteId: string;

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

@@ -1,7 +1,7 @@
 import { Sizes } from './base';
 import { ViewProps } from './view';
-export declare type BadgeVariations = 'info' | 'error' | 'warning' | 'success';
-export declare type BadgeSizes = Sizes;
+export type BadgeVariations = 'info' | 'error' | 'warning' | 'success';
+export type BadgeSizes = Sizes;
 export interface BadgeProps extends ViewProps {
     /**
      * @description

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

@@ -39,4 +39,4 @@ export interface AriaProps {
      */
     role?: React.AriaRole;
 }
-export declare type Sizes = 'small' | 'large';
+export type Sizes = 'small' | 'large';

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

@@ -2,9 +2,9 @@
 import { Sizes } from './base';
 import { ViewProps } from './view';
 import { FlexContainerStyleProps } from './flex';
-export declare type ButtonSizes = Sizes;
-export declare type ButtonTypes = 'button' | 'reset' | 'submit';
-export declare type ButtonVariations = 'primary' | 'link' | 'menu' | 'warning' | 'destructive';
+export type ButtonSizes = Sizes;
+export type ButtonTypes = 'button' | 'reset' | 'submit';
+export type ButtonVariations = 'primary' | 'link' | 'menu' | 'warning' | 'destructive';
 export interface ButtonProps extends ViewProps, FlexContainerStyleProps {
     /**
      * @description

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

@@ -1,5 +1,5 @@
 import { ViewProps } from './view';
-export declare type CardVariations = 'outlined' | 'elevated';
+export type CardVariations = 'outlined' | 'elevated';
 export interface CardProps extends ViewProps {
     /**
      * @description

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { FlexProps } from './flex';
 import { GridProps } from './grid';
 import { BaseStyleProps } from './style';
-export declare type CollectionType = 'list' | 'grid' | 'table';
+export type CollectionType = 'list' | 'grid' | 'table';
 export interface CollectionWrapperProps extends BaseStyleProps {
     /**
      * @description
@@ -62,9 +62,9 @@ export interface CollectionBaseProps<Item> {
      */
     children: (item: Item, index: number) => JSX.Element;
 }
-export declare type ListCollectionProps<Item> = FlexProps & CollectionBaseProps<Item>;
-export declare type GridCollectionProps<Item> = GridProps & CollectionBaseProps<Item>;
-export declare type CollectionProps<Item> = CollectionWrapperProps & (({
+export type ListCollectionProps<Item> = FlexProps & CollectionBaseProps<Item>;
+export type GridCollectionProps<Item> = GridProps & CollectionBaseProps<Item>;
+export type CollectionProps<Item> = CollectionWrapperProps & (({
     type: 'list';
 } & ListCollectionProps<Item>) | ({
     type: 'grid';

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

@@ -1,27 +1,27 @@
 import { IdentifierFieldOrIdentifierObject, PersistentModel, PersistentModelConstructor, PersistentModelMetaData, ProducerPaginationInput, RecursiveModelPredicateExtender } from '@aws-amplify/datastore';
-export declare type DataStoreItemProps<Model extends PersistentModel> = {
+export type DataStoreItemProps<Model extends PersistentModel> = {
     model: PersistentModelConstructor<Model>;
     id: IdentifierFieldOrIdentifierObject<Model, PersistentModelMetaData<Model>>;
 };
-export declare type DataStoreCollectionProps<Model extends PersistentModel> = {
+export type DataStoreCollectionProps<Model extends PersistentModel> = {
     model: PersistentModelConstructor<Model>;
     criteria?: RecursiveModelPredicateExtender<Model>;
     pagination?: ProducerPaginationInput<Model>;
 };
-declare type DataStoreBaseResult = {
+type DataStoreBaseResult = {
     error?: Error;
     isLoading: boolean;
 };
-export declare type DataStoreItemResult<Model extends PersistentModel> = DataStoreBaseResult & {
+export type DataStoreItemResult<Model extends PersistentModel> = DataStoreBaseResult & {
     item?: Model;
 };
-export declare type DataStoreCollectionResult<Model extends PersistentModel> = DataStoreBaseResult & {
+export type DataStoreCollectionResult<Model extends PersistentModel> = DataStoreBaseResult & {
     items: Model[];
 };
-export declare type DataStoreBindingProps<Model extends PersistentModel, BindingType extends 'record' | 'collection'> = {
+export type DataStoreBindingProps<Model extends PersistentModel, BindingType extends 'record' | 'collection'> = {
     type: BindingType;
 } & (BindingType extends 'record' ? DataStoreItemProps<Model> : BindingType extends 'collection' ? DataStoreCollectionProps<Model> : never);
-export declare type DataStorePredicateObject = {
+export type DataStorePredicateObject = {
     and?: DataStorePredicateObject[];
     or?: DataStorePredicateObject[];
     field?: string;

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

@@ -1,7 +1,7 @@
 import { Sizes } from './base';
 import { ViewProps } from './view';
-export declare type DividerOrientations = 'horizontal' | 'vertical';
-export declare type DividerSizes = Sizes;
+export type DividerOrientations = 'horizontal' | 'vertical';
+export type DividerSizes = Sizes;
 export interface DividerOptions {
     /**
      * @description

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ViewProps } from '../types/view';
-declare type ExpanderType = 'single' | 'multiple';
+type ExpanderType = 'single' | 'multiple';
 export interface ExpanderProps extends ViewProps {
     /**
      * @description

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

@@ -42,5 +42,5 @@ export interface FieldDescriptionProps extends TextProps, Pick<FieldProps, 'desc
 }
 export interface FieldErrorMessageProps extends TextProps, Pick<FieldProps, 'errorMessage'>, Pick<InputProps, 'hasError'> {
 }
-export declare type FieldVariations = 'quiet';
-export declare type LabelPositions = 'start' | 'end' | 'top' | 'bottom';
+export type FieldVariations = 'quiet';
+export type LabelPositions = 'start' | 'end' | 'top' | 'bottom';

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { FlexProps } from './flex';
 import { FieldVariations } from './field';
-export declare type FieldGroupOrientation = 'horizontal' | 'vertical';
+export type FieldGroupOrientation = 'horizontal' | 'vertical';
 export interface FieldGroupOptions extends FlexProps {
     children?: React.ReactNode;
     orientation?: FieldGroupOrientation;

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

@@ -1,7 +1,7 @@
 import { Property } from 'csstype';
 import { ResponsiveStyle, CSSLayoutStyleProps } from './style';
 import { ViewProps } from './view';
-export declare type GridSpanType = number | string | 'auto';
+export type GridSpanType = number | string | 'auto';
 export interface GridContainerStyleProps extends CSSLayoutStyleProps {
     /**
      * @description

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

@@ -1,5 +1,5 @@
 import { TextProps } from './text';
-export declare type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 export interface HeadingProps extends TextProps {
     /**
      * @description

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

@@ -2,13 +2,13 @@ import { Property } from 'csstype';
 import { ViewProps } from './view';
 import { Sizes } from './base';
 import * as React from 'react';
-export declare type ViewBox = {
+export type ViewBox = {
     minX?: number;
     minY?: number;
     width?: number;
     height?: number;
 };
-export declare type IconSize = Sizes;
+export type IconSize = Sizes;
 export interface IconProps extends ViewProps {
     /**
      * @description

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

@@ -2,9 +2,9 @@ import * as React from 'react';
 import { Sizes } from './base';
 import { FieldVariations } from './field';
 import { ViewProps } from './view';
-export declare type EnterKeyHint = 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
-export declare type InputMode = 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
-export declare type InputSizes = Sizes;
+export type EnterKeyHint = 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
+export type InputMode = 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
+export type InputSizes = Sizes;
 export interface InputProps extends ViewProps {
     /**
      * @description