@aws-amplify/ui-react 5.3.2 → 6.0.0

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

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 import { ChangePasswordProps } from './types';
-declare function ChangePassword({ onSuccess, onError, validators, components, }: ChangePasswordProps): JSX.Element | null;
+declare function ChangePassword({ components, displayText: overrideDisplayText, onError, onSuccess, validators, }: ChangePasswordProps): JSX.Element | null;
 declare namespace ChangePassword {
-    var CurrentPasswordField: import("../types").PasswordFieldComponent<{}>;
-    var NewPasswordField: import("../types").PasswordFieldComponent<{}>;
-    var ConfirmPasswordField: import("../types").PasswordFieldComponent<{}>;
-    var SubmitButton: import("../types").SubmitButtonComponent<{}>;
-    var ErrorMessage: import("../types").ErrorMessageComponent<{}>;
+    var CurrentPasswordField: import("../types").PasswordFieldComponent;
+    var NewPasswordField: import("../types").PasswordFieldComponent;
+    var ConfirmPasswordField: import("../types").PasswordFieldComponent;
+    var SubmitButton: import("../types").SubmitButtonComponent;
+    var ErrorMessage: import("../types").ErrorMessageComponent;
 }
 export default ChangePassword;

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

@@ -1,5 +1,6 @@
 import { InputEventType, ValidatorOptions } from '@aws-amplify/ui';
 import { SubmitButtonComponent, ErrorMessageComponent, PasswordFieldComponent, FormValues } from '../types';
+import { ChangePasswordDisplayText } from '../utils';
 export interface ChangePasswordComponents {
     ConfirmPasswordField?: PasswordFieldComponent;
     CurrentPasswordField?: PasswordFieldComponent;
@@ -20,4 +21,6 @@ export interface ChangePasswordProps {
     validators?: ValidatorOptions[];
     /** custom component overrides */
     components?: ChangePasswordComponents;
+    /** overrides default display text */
+    displayText?: ChangePasswordDisplayText;
 }

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { DeleteUserProps } from './types';
-declare function DeleteUser({ components, onSuccess, onError, handleDelete, }: DeleteUserProps): JSX.Element | null;
+declare function DeleteUser({ components, displayText: overrideDisplayText, handleDelete, onError, onSuccess, }: DeleteUserProps): JSX.Element | null;
 declare namespace DeleteUser {
-    var ErrorMessage: import("../types").ErrorMessageComponent<{}>;
-    var DeleteButton: import("../types").ButtonComponent<{}>;
+    var ErrorMessage: import("../types").ErrorMessageComponent;
+    var DeleteButton: import("../types").ButtonComponent;
     var WarningView: import("./types").WarningViewComponent<{}>;
 }
 export default DeleteUser;

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

@@ -1,6 +1,7 @@
 import React from 'react';
-import { AmplifyUser } from '@aws-amplify/ui';
+import { AuthUser } from 'aws-amplify/auth';
 import { ButtonComponent, ErrorMessageComponent } from '../types';
+import { DeleteUserDisplayText } from '../utils';
 export interface WarningViewProps {
     /** called when end user cancels account deletion */
     onCancel: () => void;
@@ -8,6 +9,8 @@ export interface WarningViewProps {
     onConfirm: () => void;
     /** whether account deletion is in progress */
     isDisabled: boolean;
+    /** overrides default display text */
+    displayText?: DeleteUserDisplayText;
 }
 export type WarningViewComponent<Props = {}> = React.ComponentType<Props & WarningViewProps>;
 export type DeleteUserState = 'IDLE' | 'CONFIRMATION' | 'DELETING' | 'DONE' | 'ERROR';
@@ -18,11 +21,13 @@ export interface DeleteUserComponents {
 }
 export interface DeleteUserProps {
     /** custom delete user service override */
-    handleDelete?: (user: AmplifyUser) => Promise<void> | void;
+    handleDelete?: (user: AuthUser) => Promise<void> | void;
     /** callback for successful user deletion */
     onSuccess?: () => void;
     /** callback for unsuccessful user deletion  */
     onError?: (error: Error) => void;
     /** custom component overrides */
     components?: DeleteUserComponents;
+    /** overrides default display text*/
+    displayText?: DeleteUserDisplayText;
 }

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

@@ -0,0 +1,18 @@
+import { DisplayTextTemplate } from '@aws-amplify/ui';
+export type ChangePasswordDisplayText = DisplayTextTemplate<{
+    confirmPasswordFieldLabel?: string;
+    currentPasswordFieldLabel?: string;
+    newPasswordFieldLabel?: string;
+    updatePasswordButtonText?: string;
+}>;
+type ChangePasswordDisplayTextDefault = Required<ChangePasswordDisplayText>;
+export declare const defaultChangePasswordDisplayText: ChangePasswordDisplayTextDefault;
+export type DeleteUserDisplayText = DisplayTextTemplate<{
+    cancelButtonText?: string;
+    confirmDeleteButtonText?: string;
+    deleteAccountButtonText?: string;
+    warningText?: string;
+}>;
+type DeleteUserDisplayTextDefault = Required<DeleteUserDisplayText>;
+export declare const defaultDeleteUserDisplayText: DeleteUserDisplayTextDefault;
+export {};

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

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

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

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { AuthenticatorMachineOptions, AmplifyUser, FormFieldComponents, FormFieldOptions } from '@aws-amplify/ui';
+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';
@@ -7,7 +8,7 @@ export type SignOut = UseAuthenticator['signOut'];
 export type AuthenticatorProps = Partial<Omit<AuthenticatorMachineOptions, 'formFields'> & ComponentsProviderProps & RouterProps & {
     children: React.ReactNode | ((props: {
         signOut?: SignOut;
-        user?: AmplifyUser;
+        user?: AuthUser;
     }) => JSX.Element);
     formFields: {
         [key in FormFieldComponents]?: {
@@ -39,7 +40,7 @@ export declare namespace Authenticator {
         Header(): JSX.Element;
         Footer(): JSX.Element;
     };
-    var SetupTOTP: {
+    var SetupTotp: {
         ({ className, variation, }: import("./RouteContainer").RouteProps): JSX.Element;
         Header(): JSX.Element;
         Footer(): JSX.Element;

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

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { RouteProps } from '../RouteContainer';
 export declare const ConfirmSignIn: {
     ({ className, variation, }: RouteProps): JSX.Element;
     Header: typeof Header;
     Footer(): JSX.Element;
 };
-declare function Header(): JSX.Element;
+declare function Header(): React.JSX.Element;
 export {};

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

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

package/dist/types/components/Authenticator/{ResetPassword → ForgotPassword}/index.d.ts

@@ -1,2 +1,2 @@
 export * from './ConfirmResetPassword';
-export * from './ResetPassword';
+export * from './ForgotPassword';

package/dist/types/components/Authenticator/{SetupTOTP/SetupTOTP.d.ts → SetupTotp/SetupTotp.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { RouteProps } from '../RouteContainer';
-export declare const SetupTOTP: {
+export declare const SetupTotp: {
     ({ className, variation, }: RouteProps): JSX.Element;
     Header(): JSX.Element;
     Footer(): JSX.Element;

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

@@ -0,0 +1 @@
+export * from './SetupTotp';

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 export declare function SignIn(): JSX.Element;
 export declare namespace SignIn {
-    var Footer: () => JSX.Element;
+    var Footer: () => React.JSX.Element;
     var Header: () => JSX.Element;
 }

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 export declare function SignUp(): JSX.Element;
 export declare namespace SignUp {
     var Header: () => JSX.Element;
-    var FormFields: () => JSX.Element;
+    var FormFields: () => React.JSX.Element;
     var Footer: () => JSX.Element;
 }

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { RouteProps } from '../RouteContainer';
 export declare const ConfirmVerifyUser: {
     ({ className, variation, }: RouteProps): JSX.Element;
-    Header(): JSX.Element;
+    Header(): React.JSX.Element;
     Footer(): JSX.Element | null;
 };

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

@@ -11,7 +11,7 @@ export interface DefaultComponents extends Omit<Components, 'FormFields'> {
     ConfirmVerifyUser?: Omit<Components, 'FormFields'>;
     ForceNewPassword?: Components;
     ResetPassword?: Omit<Components, 'FormFields'>;
-    SetupTOTP?: Omit<Components, 'FormFields'>;
+    SetupTotp?: Omit<Components, 'FormFields'>;
     SignIn?: Omit<Components, 'FormFields'>;
     SignUp?: Components;
     VerifyUser?: Omit<Components, 'FormFields'>;

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

@@ -1,10 +1,10 @@
 import React from 'react';
+import { AuthUser } from 'aws-amplify/auth';
 import { AuthenticatorProps, SignOut } from './Authenticator';
-import { AmplifyUser } from '@aws-amplify/ui';
 export type WithAuthenticatorOptions = Omit<AuthenticatorProps, 'children'>;
 export interface WithAuthenticatorProps {
     signOut?: SignOut;
-    user?: AmplifyUser;
+    user?: AuthUser;
 }
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/connected-components/authenticator)

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { WebTheme } from '@aws-amplify/ui';
+export interface ThemeContextType {
+    theme: WebTheme;
+}
+export declare const ThemeContext: React.Context<ThemeContextType>;

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

@@ -24,9 +24,8 @@ interface ThemeProviderProps {
      */
     theme?: Theme | WebTheme;
 }
-export declare function AmplifyProvider({ children, colorMode, direction, nonce, theme, }: ThemeProviderProps): JSX.Element;
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/theming)
  */
-export declare const ThemeProvider: typeof AmplifyProvider;
+export declare function ThemeProvider({ children, colorMode, direction, nonce, theme, }: ThemeProviderProps): JSX.Element;
 export {};

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

@@ -1 +1 @@
-export { ColorMode, Direction, AmplifyProvider, ThemeProvider, } from './ThemeProvider';
+export { ColorMode, Direction, ThemeProvider } from './ThemeProvider';

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

@@ -1,4 +1,3 @@
 export * from './AccountSettings';
 export * from './Authenticator';
-export * from './Storage';
 export * from './ThemeProvider';

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

@@ -1,3 +1,2 @@
-export { useAmplify } from './useAmplify';
 export { useTheme } from './useTheme';
 export { useBreakpointValue } from './useBreakpointValue';

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

@@ -1,6 +1,6 @@
-import { AmplifyUser } from '@aws-amplify/ui';
+import { AuthUser } from 'aws-amplify/auth';
 export interface UseAuthResult {
-    user?: AmplifyUser;
+    user?: AuthUser;
     isLoading: boolean;
     error?: Error;
     /** @deprecated Fetch is handled automatically, do not use this directly */

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

@@ -1,13 +1,9 @@
-import { S3ProviderGetConfig } from '@aws-amplify/storage';
+import * as Storage from 'aws-amplify/storage';
 interface UseStorageURLParams {
     key: string;
-    options?: S3ProviderGetConfig;
+    options?: Storage.GetUrlInput['options'];
     fallbackURL?: string;
     onStorageGetError?: (error: Error) => void;
 }
-/**
- * Computes a public URL for an Amplify Storage file
- * @internal
- */
 export declare const useStorageURL: ({ key, options, fallbackURL, onStorageGetError, }: UseStorageURLParams) => string | undefined;
 export {};

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

@@ -1,10 +1,10 @@
 import { WebTheme } from '@aws-amplify/ui';
-import { AmplifyContextType } from '../components/ThemeProvider/AmplifyContext';
+import { ThemeContextType } from '../components/ThemeProvider/ThemeContext';
 /**
  * Get current Theme object value from Amplify context.
  * Returns a default theme if context is not available
  */
-export declare const getThemeFromContext: (context: AmplifyContextType) => AmplifyContextType['theme'];
+export declare const getThemeFromContext: (context: ThemeContextType) => ThemeContextType['theme'];
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/theming)
  */

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
 export * from './components';
-export * from './hooks';
+export { useBreakpointValue, useTheme } from './hooks';
 export * from './primitives';
 export * as components from './components';
 export * as primitives from './primitives';

package/dist/types/internal.d.ts

@@ -1,20 +1,8 @@
 export * from './hooks/useAuth';
-export * from './hooks/useDataStore';
 export * from './hooks/useStorageURL';
 export * from './hooks/useThemeBreakpoint';
-export { UseAuthSignOutAction, useAuthSignOutAction, } from './hooks/actions/useAuthSignOutAction';
-export { useNavigateAction, UseNavigateActionOptions, } from './hooks/actions/useNavigateAction';
-export { useStateMutationAction } from './hooks/actions/useStateMutationAction';
-export { useDataStoreCreateAction } from './hooks/actions/useDataStoreCreateAction';
-export type { UseDataStoreCreateActionOptions } from './hooks/actions/useDataStoreCreateAction';
-export { useDataStoreDeleteAction } from './hooks/actions/useDataStoreDeleteAction';
-export type { UseDataStoreDeleteActionOptions } from './hooks/actions/useDataStoreDeleteAction';
-export { useDataStoreUpdateAction } from './hooks/actions/useDataStoreUpdateAction';
-export type { UseDataStoreUpdateActionOptions } from './hooks/actions/useDataStoreUpdateAction';
 export { AlertIcon } from './primitives/Alert/AlertIcon';
 export * from './primitives/Icon/internal';
-export * from './primitives/shared/datastore';
 export { useDropZone } from './primitives/DropZone/useDropZone';
-export { EscapeHatchProps, Variant, findChildOverrides, getOverridesFromVariants, getOverrideProps, mergeVariantsAndOverrides, } from './studio';
 export { Field } from './primitives/Field';
 export { PrimitiveCatalog } from './PrimitiveCatalog';

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

@@ -0,0 +1,19 @@
+import { BaseAccordionProps } from './types';
+import { ForwardRefPrimitive } from '../types/view';
+import { AccordionItem } from './AccordionItem';
+import { AccordionContent } from './AccordionContent';
+import { AccordionTrigger } from './AccordionTrigger';
+import { AccordionIcon } from './AccordionIcon';
+import { AccordionContainer } from './AccordionContainer';
+type AccordionType = ForwardRefPrimitive<BaseAccordionProps, 'div'> & {
+    Container: typeof AccordionContainer;
+    Content: typeof AccordionContent;
+    Icon: typeof AccordionIcon;
+    Item: typeof AccordionItem;
+    Trigger: typeof AccordionTrigger;
+};
+/**
+ * [📖 Docs](https://ui.docs.amplify.aws/react/components/accordion)
+ */
+declare const Accordion: AccordionType;
+export { Accordion };

package/dist/types/primitives/Accordion/AccordionContainer.d.ts

@@ -0,0 +1,8 @@
+import { ForwardRefPrimitive } from '../types/view';
+import { BaseAccordionProps } from './types';
+type BaseAccordionContainerProps = Omit<BaseAccordionProps, 'items'>;
+/**
+ * [📖 Docs](https://ui.docs.amplify.aws/react/components/accordion)
+ */
+export declare const AccordionContainer: ForwardRefPrimitive<BaseAccordionContainerProps, 'div'>;
+export {};

package/dist/types/primitives/Accordion/AccordionContent.d.ts

@@ -0,0 +1,9 @@
+import { BaseViewProps } from '../types/view';
+import { ForwardRefPrimitive } from '../types/view';
+interface BaseAccordionContentProps extends BaseViewProps {
+}
+/**
+ * [📖 Docs](https://ui.docs.amplify.aws/react/components/accordion)
+ */
+export declare const AccordionContent: ForwardRefPrimitive<BaseAccordionContentProps, 'div'>;
+export {};

package/dist/types/primitives/Accordion/AccordionContext.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+type AccordionContextProps = {
+    value?: string[];
+    setValue?: (value: string) => void;
+} | undefined;
+export declare const AccordionContext: React.Context<AccordionContextProps>;
+type AccordionItemContextProps = string | undefined;
+export declare const AccordionItemContext: React.Context<AccordionItemContextProps>;
+export {};

package/dist/types/primitives/Accordion/AccordionIcon.d.ts

@@ -0,0 +1,9 @@
+import { BaseViewProps } from '../types/view';
+import { ForwardRefPrimitive } from '../types/view';
+interface BaseAccordionIconProps extends BaseViewProps {
+}
+/**
+ * [📖 Docs](https://ui.docs.amplify.aws/react/components/accordion)
+ */
+export declare const AccordionIcon: ForwardRefPrimitive<BaseAccordionIconProps, 'span'>;
+export {};

package/dist/types/primitives/Accordion/AccordionItem.d.ts

@@ -0,0 +1,6 @@
+import { BaseAccordionItemProps } from './types';
+import { ForwardRefPrimitive } from '../types/view';
+/**
+ * [📖 Docs](https://ui.docs.amplify.aws/react/components/accordion)
+ */
+export declare const AccordionItem: ForwardRefPrimitive<BaseAccordionItemProps, 'details'>;

package/dist/types/primitives/Accordion/AccordionTrigger.d.ts

@@ -0,0 +1,9 @@
+import { BaseViewProps } from '../types/view';
+import { ForwardRefPrimitive } from '../types/view';
+interface BaseAccordionTriggerProps extends BaseViewProps {
+}
+/**
+ * [📖 Docs](https://ui.docs.amplify.aws/react/components/accordion)
+ */
+export declare const AccordionTrigger: ForwardRefPrimitive<BaseAccordionTriggerProps, 'summary'>;
+export {};

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

@@ -0,0 +1,2 @@
+export { Accordion } from './Accordion';
+export { AccordionProps, AccordionItemProps } from './types';

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

@@ -0,0 +1,49 @@
+import React from 'react';
+import { ElementType, PrimitiveProps, BaseViewProps } from '../types/view';
+export interface BaseAccordionProps extends BaseViewProps {
+    /**
+     * @description
+     * The initial value of the item(s) to expand.  Use on uncontrolled component.
+     */
+    defaultValue?: string[];
+    /**
+     * @description
+     * The controlled value of the item(s) to expand.
+     */
+    value?: string[];
+    /**
+     * @description
+     * Allow multiple items to be expanded at the same time.
+     * @default: false
+     */
+    allowMultiple?: boolean;
+    /**
+     * @description
+     * Prevent collapse when a single item is expanded.
+     * @default: false
+     */
+    preventCollapse?: boolean;
+    /**
+     * @description
+     * Event handler called when the expanded state of an item changes
+     */
+    onValueChange?: (value?: string[]) => void;
+    /**
+     * @description
+     * Array of accordion items for a non-composed accordion
+     */
+    items?: Array<{
+        trigger?: React.ReactNode;
+        content?: React.ReactNode;
+        value?: string;
+    }>;
+}
+export type AccordionProps<Element extends ElementType = 'div'> = PrimitiveProps<BaseAccordionProps, Element>;
+export interface BaseAccordionItemProps extends BaseViewProps {
+    /**
+     * @description
+     * A unique value for the item.
+     */
+    value?: string;
+}
+export type AccordionItemProps<Element extends ElementType = 'details'> = PrimitiveProps<BaseAccordionItemProps, Element>;

package/dist/types/primitives/Alert/AlertIcon.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { AlertVariations } from '../types';
 interface AlertIconProps {
     variation?: AlertVariations;
@@ -7,5 +7,8 @@ interface AlertIconProps {
 /**
  * @internal For internal Amplify UI use only. May be removed in a future release.
  */
-export declare const AlertIcon: React.FC<AlertIconProps>;
+export declare const AlertIcon: {
+    ({ variation, ariaHidden, }: AlertIconProps): JSX.Element | null;
+    displayName: string;
+};
 export {};

package/dist/types/primitives/Breadcrumbs/BreadcrumbItem.d.ts

@@ -2,4 +2,4 @@ import { BaseBreadcrumbItemProps, ForwardRefPrimitive } from '../types';
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/components/breadcrumbs)
  */
-export declare const BreadcrumbItem: ForwardRefPrimitive<BaseBreadcrumbItemProps, 'span'>;
+export declare const BreadcrumbItem: ForwardRefPrimitive<BaseBreadcrumbItemProps, 'li'>;

package/dist/types/primitives/DropZone/DropZoneChildren.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { Primitive } from '../types';
 /**
  * These are syntactic sugar components that make it easy to compose children
@@ -6,13 +7,19 @@ import { Primitive } from '../types';
 /**
  * This component renders when the user is dragging ONLY accepted files on the DropZone.
  */
-declare const Accepted: Primitive<{}, 'div'>;
+declare const Accepted: Primitive<{
+    children?: React.ReactNode;
+}, 'div'>;
 /**
  * This component renders when the user is dragging ANY rejected files on the DropZone.
  */
-declare const Rejected: Primitive<{}, 'div'>;
+declare const Rejected: Primitive<{
+    children?: React.ReactNode;
+}, 'div'>;
 /**
  * This component renders by default when the user is not dragging.
  */
-declare const Default: Primitive<{}, 'div'>;
+declare const Default: Primitive<{
+    children?: React.ReactNode;
+}, 'div'>;
 export { Accepted, Rejected, Default };

package/dist/types/primitives/Icon/context/IconsContext.d.ts

@@ -3,9 +3,9 @@ type ComponentIcons<Keys extends string> = {
     [Key in Keys]?: React.ReactNode;
 };
 export type IconsContextInterface = {
+    accordion?: ComponentIcons<'more'>;
     alert?: ComponentIcons<'close' | 'info' | 'error' | 'success' | 'warning'>;
     checkbox?: ComponentIcons<'indeterminate' | 'checked'>;
-    expander?: ComponentIcons<'more'>;
     field?: ComponentIcons<'clear'>;
     menu?: ComponentIcons<'menu'>;
     message?: ComponentIcons<'close' | 'info' | 'error' | 'success' | 'warning'>;

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

@@ -0,0 +1,2 @@
+import { BaseDialCodeSelectProps, ForwardRefPrimitive } from '../types';
+export declare const DialCodeSelect: ForwardRefPrimitive<BaseDialCodeSelectProps, 'select'>;

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

@@ -16,7 +16,7 @@ interface UseStepper extends Required<Pick<StepperFieldProps, 'step' | 'value'>>
     shouldDisableDecreaseButton: boolean;
     shouldDisableIncreaseButton: boolean;
 }
-export declare const useStepper: ({ defaultValue, value: controlledValue, step, max, min, isDisabled, isReadOnly, onChange, onDecrease, onIncrease, onStepChange, }: Omit<import("..").PrimitivePropsWithAs<import("../types/stepperField").BaseStepperFieldProps, "input">, "ref"> & React.RefAttributes<HTMLInputElement> & Omit<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "as" | keyof React.RefAttributes<React.ComponentRef<Element_1>> | keyof import("../types/stepperField").BaseStepperFieldProps> & {
+export declare const useStepper: ({ defaultValue, value: controlledValue, step, max, min, isDisabled, isReadOnly, onChange, onDecrease, onIncrease, onStepChange, }: Omit<import("..").PrimitivePropsWithAs<import("../types/stepperField").BaseStepperFieldProps, "input">, "ref"> & React.RefAttributes<HTMLInputElement> & Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "as" | keyof React.RefAttributes<React.ComponentRef<Element_1>> | keyof import("../types/stepperField").BaseStepperFieldProps> & {
     onChange?: ChangeHandler | undefined;
 }) => UseStepper;
 export {};

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

@@ -1,6 +1,17 @@
-import { BaseTabsProps, BaseTabItemProps, ForwardRefPrimitive } from '../types';
+import { ForwardRefPrimitive } from '../types';
+import { BaseTabsProps } from './types';
+import { TabsItem } from './TabsItem';
+import { TabList } from './TabsList';
+import { TabPanel } from './TabsPanel';
+import { TabsContainer } from './TabsContainer';
+type TabsType = ForwardRefPrimitive<BaseTabsProps, 'div'> & {
+    Panel: typeof TabPanel;
+    Item: typeof TabsItem;
+    List: typeof TabList;
+    Container: typeof TabsContainer;
+};
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/components/tabs)
  */
-export declare const Tabs: ForwardRefPrimitive<BaseTabsProps, 'div'>;
-export declare const TabItem: ForwardRefPrimitive<BaseTabItemProps, 'button'>;
+export declare const Tabs: TabsType;
+export {};

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

@@ -0,0 +1,6 @@
+import { ForwardRefPrimitive } from '../types';
+import { BaseTabsProps } from './types';
+/**
+ * [📖 Docs](https://ui.docs.amplify.aws/react/components/tabs)
+ */
+export declare const TabsContainer: ForwardRefPrimitive<BaseTabsProps, 'div'>;

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export interface TabsContextInterface {
+    activeTab: string;
+    isLazy?: boolean;
+    setActiveTab: (tab: string) => void;
+}
+export declare const TabsContext: React.Context<TabsContextInterface>;

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

@@ -0,0 +1,6 @@
+import { ForwardRefPrimitive } from '../types';
+import { BaseTabsItemProps } from './types';
+/**
+ * [📖 Docs](https://ui.docs.amplify.aws/react/components/tabs)
+ */
+export declare const TabsItem: ForwardRefPrimitive<BaseTabsItemProps, 'button'>;

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

@@ -0,0 +1,6 @@
+import { ForwardRefPrimitive } from '../types';
+import { BaseTabsListProps } from './types';
+/**
+ * [📖 Docs](https://ui.docs.amplify.aws/react/components/tabs)
+ */
+export declare const TabList: ForwardRefPrimitive<BaseTabsListProps, 'div'>;

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

@@ -0,0 +1,6 @@
+import { ForwardRefPrimitive } from '../types';
+import { BaseTabsPanelProps } from './types';
+/**
+ * [📖 Docs](https://ui.docs.amplify.aws/react/components/tabs)
+ */
+export declare const TabPanel: ForwardRefPrimitive<BaseTabsPanelProps, 'div'>;

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

@@ -1 +1,2 @@
-export { Tabs, TabItem } from './Tabs';
+export { Tabs } from './Tabs';
+export { TabsProps } from './types';