@aws-amplify/ui-react 5.3.2 → 6.0.1

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

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

@@ -0,0 +1,93 @@
+import * as React from 'react';
+import { ElementType, PrimitiveProps, BaseViewProps, BaseFlexProps } from '../types';
+export type TabsSpacing = 'equal' | 'relative';
+export interface BaseTabsProps extends BaseTabsListProps {
+    /**
+     * @description
+     * An array of tabs for easy use if you don't want to compose the
+     * tabs yourself. Each object in the array should have a `value`,
+     * `label`, and `content` property. The value is what will be passed to
+     * `onValueChange` when a tab is clicked. The label is what will be displayed
+     * on the tab. The content is what will be displayed when the tab is
+     * clicked.
+     *
+     * @example
+     * ```tsx
+     * <Tabs
+     *   items={[
+     *     {
+     *       value: 'tab-1',
+     *       label: 'Tab 1',
+     *       content: <div>Tab 1 content</div>,
+     *     },
+     *     {
+     *       value: 'tab-2',
+     *       label: 'Tab 2',
+     *       content: <div>Tab 2 content</div>,
+     *     },
+     *   ]}
+     */
+    items?: Array<{
+        value: string;
+        isDisabled?: boolean;
+        label: React.ReactNode;
+        content: React.ReactNode;
+    }>;
+}
+export type TabsProps<Element extends ElementType = 'div'> = PrimitiveProps<BaseTabsProps, Element>;
+export interface BaseTabsItemProps extends BaseViewProps {
+    /**
+     * @description
+     * Make a Tab not clickable and its content not visible to the user. Defaults to false (i.e., visible).
+     */
+    isDisabled?: boolean;
+    /**
+     * @description
+     * Accepts any number of TabItem components
+     */
+    children?: React.ReactNode;
+    value: string;
+}
+export type TabsItemProps<Element extends ElementType = 'button'> = PrimitiveProps<BaseTabsItemProps, Element>;
+export interface BaseTabsPanelProps extends BaseViewProps {
+    value: string;
+}
+export type TabsPanelProps<Element extends ElementType = 'div'> = PrimitiveProps<BaseTabsPanelProps, Element>;
+export interface BaseTabsListProps extends BaseFlexProps {
+    /**
+     * @description
+     * Change which Tab content is initially displayed. Pass in the index of the Tab you wish to show. The default is index 0 (the first tab).
+     */
+    defaultValue?: string;
+    /**
+     * @description
+     * The controlled value of the currently selected tab.
+     */
+    value?: string;
+    /**
+     * @description
+     * For controlled usage, use the onChange event to listen to when a tab is clicked
+     * and update the `currentIndex` accordingly. The index of the tab clicked is passed
+     * to onChange.
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * @description
+     * Make the tabs lazy load the content. This means tab content will not render until it is
+     * active. This does mean that it will be unmounted and re-mounted switching back and forth
+     * between tabs.
+     */
+    isLazy?: boolean;
+    /**
+     * @description
+     * Control how Tabs take up the remaining space. Pass `equal` to make each tab take up the same amount of space,
+     * and `relative` to make each tab take up space relative to the size of its title.
+     */
+    spacing?: TabsSpacing;
+    /**
+     * @description
+     * Sets the border and indicator of the tabs to be the top or bottom.
+     */
+    indicatorPosition?: 'top' | 'bottom';
+}
+export type TabsListProps<Element extends ElementType = 'div'> = PrimitiveProps<BaseTabsListProps, Element>;

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

@@ -9,7 +9,7 @@ export { CheckboxField } from './CheckboxField';
 export { Collection } from './Collection';
 export { Divider } from './Divider';
 export { DropZone, DropZoneProps } from './DropZone';
-export { Expander, ExpanderItem } from './Expander';
+export { Accordion, AccordionProps, AccordionItemProps } from './Accordion';
 export { FieldGroupIcon, FieldGroupIconButton } from './FieldGroupIcon';
 export { Fieldset } from './Fieldset';
 export { Flex } from './Flex';
@@ -38,7 +38,7 @@ export { SliderField } from './SliderField';
 export { StepperField } from './StepperField';
 export { SwitchField } from './SwitchField';
 export * from './Table';
-export { Tabs, TabItem } from './Tabs';
+export { Tabs, TabsProps } from './Tabs';
 export { Text } from './Text';
 export { TextAreaField } from './TextAreaField';
 export { TextField } from './TextField';

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

@@ -1,5 +1,4 @@
 export * from './components';
 export * from './hooks';
-export * from './shared';
 export * from './types';
 export { IconsProvider, IconsContextInterface } from './Icon';

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

@@ -1,10 +1,4 @@
 import { ThemeStylePropKey, ThemeTokenKey } from '../types/theme';
-import { ComponentClassNames as ComponentClassNamesType, ComponentClassNameItems } from './types';
-/**
- * @internal May be removed in a future release
- */
-export declare const ComponentClassObject: ComponentClassNameItems;
-export declare const ComponentClassNames: ComponentClassNamesType;
 export declare const ComponentText: {
     Alert: {
         dismissButtonLabel: string;

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

@@ -1,6 +1,6 @@
 import { Breakpoint, Breakpoints, ValueBreakpoints } from '../../types/responsive';
 export declare const getValueAtCurrentBreakpoint: <Value = string | number>({ breakpoint, breakpoints, values, }: {
-    values: Partial<Record<"small" | "base" | "medium" | "large" | "xl" | "xxl", Value>> | Value[];
+    values: Partial<Record<"base" | "small" | "medium" | "large" | "xl" | "xxl", Value>> | Value[];
     breakpoint: Breakpoint;
     breakpoints: Breakpoints;
 }) => string | number | Value | null;

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

@@ -2,9 +2,9 @@ import * as React from 'react';
 import { WebTheme } from '@aws-amplify/ui';
 import { GridItemStyleProps, GridSpanType, BaseViewProps } from '../types';
 import { Breakpoint, Breakpoints } from '../types/responsive';
-export declare const isSpanPrimitiveValue: (spanValue: GridItemStyleProps['rowSpan'] | GridItemStyleProps['columnSpan']) => spanValue is GridSpanType;
+export declare const isSpanPrimitiveValue: (spanValue: GridItemStyleProps['rowSpan' | 'columnSpan']) => spanValue is GridSpanType;
 export declare const getGridSpan: (spanValue: GridSpanType) => string;
-export declare const convertGridSpan: (spanValue?: GridItemStyleProps['rowSpan'] | GridItemStyleProps['columnSpan']) => GridItemStyleProps['row'] | GridItemStyleProps['column'] | null;
+export declare const convertGridSpan: (spanValue?: GridItemStyleProps['rowSpan' | 'columnSpan']) => GridItemStyleProps['row'] | GridItemStyleProps['column'] | null;
 interface UseTransformStyleProps extends Record<string, any> {
     row?: GridItemStyleProps['row'];
     column?: GridItemStyleProps['column'];

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

@@ -65,8 +65,8 @@ export interface CollectionBaseProps<Item> extends CollectionChildren<Item> {
      */
     items: Array<Item>;
 }
-export type ListCollectionProps<Item> = BaseFlexProps & CollectionBaseProps<Item>;
-export type GridCollectionProps<Item> = BaseGridProps & CollectionBaseProps<Item>;
+export type ListCollectionProps<Item> = Omit<BaseFlexProps, 'children'> & CollectionBaseProps<Item>;
+export type GridCollectionProps<Item> = Omit<BaseGridProps, 'children'> & CollectionBaseProps<Item>;
 /**
  * Omits `React.ReactNode` as children to prevent intersection type for `children` of
  * `React.ReactNode & (item: Item, index: number) => JSX.Element`

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

@@ -19,7 +19,7 @@ export interface BaseFieldsetProps extends BaseViewProps, FlexContainerStyleProp
      * @description
      * Adds plain or outlined variation to the Fieldset
      */
-    variation?: 'outlined' | 'plain';
+    variation?: 'plain' | 'outlined';
     /**
      * @description
      * Changes the size of the Fieldset

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

@@ -8,9 +8,7 @@ export * from './buttonGroup';
 export * from './card';
 export * from './checkboxField';
 export * from './collection';
-export * from './datastore';
 export * from './divider';
-export * from './expander';
 export * from './field';
 export * from './fieldGroup';
 export * from './fieldGroupIcon';
@@ -41,7 +39,6 @@ export * from './stepperField';
 export * from './style';
 export * from './switchField';
 export * from './table';
-export * from './tabs';
 export * from './text';
 export * from './textArea';
 export * from './textAreaField';

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

@@ -1,10 +1,11 @@
 import * as React from 'react';
 import { FlexContainerStyleProps } from './flex';
 import { BaseFieldProps, LabelPositions } from './field';
+import { BaseFieldsetProps } from './fieldset';
 import { BaseInputProps } from './input';
 import { ElementType, PrimitiveProps } from './view';
 /** @deprecated For internal use only */
-export interface BaseRadioGroupFieldProps extends BaseFieldProps, FlexContainerStyleProps, BaseInputProps {
+export interface BaseRadioGroupFieldProps extends Omit<BaseFieldProps, 'label' | 'labelHidden'>, FlexContainerStyleProps, BaseFieldsetProps, Omit<BaseInputProps, 'variation'> {
     name: string;
     value?: string;
     defaultValue?: string;

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

@@ -22,8 +22,38 @@ export type PrimitivePropsWithHTMLAttributes<Props extends BaseViewProps, Elemen
  */
 IsAny<Element> extends false ? MergeProps<PrimitivePropsWithRef<Props, Element>, React.ComponentPropsWithoutRef<Element>> : any;
 export type PrimitiveProps<Props extends BaseViewProps, Element extends ElementType> = PrimitivePropsWithHTMLAttributes<PrimitivePropsWithAs<Props, Element>, Element>;
-export type Primitive<Props extends BaseViewProps, Element extends ElementType> = React.ForwardRefRenderFunction<React.ComponentRef<Element>, Props>;
-export interface ForwardRefPrimitive<Props extends BaseViewProps, DefaultElement extends ElementType> extends React.ForwardRefExoticComponent<Props> {
+/**
+ * @see {React.ForwardRefRenderFunction}
+ * Modifies return type of `React.ForwardRefRenderFunction`
+ * to allow usage in React 16
+ */
+interface JSElementForwardRefRenderFunction<T, P = {}> {
+    (props: P, ref: React.ForwardedRef<T>): JSX.Element | null;
+    displayName?: string | undefined;
+    /**
+     * defaultProps are not supported on render functions
+     */
+    defaultProps?: never | undefined;
+    /**
+     * propTypes are not supported on render functions
+     */
+    propTypes?: never | undefined;
+}
+export interface Primitive<Props extends BaseViewProps, Element extends ElementType> extends JSElementForwardRefRenderFunction<React.ComponentRef<Element>, Props> {
+}
+/**
+ * @see {React.ForwardRefExoticComponent}
+ * Modifies return type of `React.ForwardRefExoticComponent`
+ * to allow usage in React 16
+ */
+interface JSXElementForwardRefExoticComponent<P = {}> {
+    (props: P): React.ReactElement | null;
+    defaultProps?: Partial<P> | undefined;
+    displayName?: string | undefined;
+    propTypes?: React.WeakValidationMap<P> | undefined;
+    readonly $$typeof: symbol;
+}
+export interface ForwardRefPrimitive<Props extends BaseViewProps, DefaultElement extends ElementType> extends JSXElementForwardRefExoticComponent<PrimitiveProps<Props, DefaultElement>> {
     <Element extends ElementType = DefaultElement>(props: PrimitiveProps<Props, Element>): React.ReactElement | null;
 }
 /** @deprecated For internal use only */

package/dist/types/primitives/utils/primitiveWithForwardRef.d.ts

@@ -0,0 +1,11 @@
+import { BaseViewProps, ElementType, ForwardRefPrimitive, Primitive } from '../types';
+/**
+ * Updates the return type for primitives wrapped in `React.forwardRef` to
+ * `React.ReactElement`. In React 18 the return type of `React.ExoticComponent`
+ * was changed from `React.ReactElement` to `React.ReactNode`, which breaks
+ * clients using React 16 and 17.
+ *
+ * @param primitive UI Primitive to be wrapped with `React.forwardRef`
+ * @returns ForwaredRef wrapped UI Primitive
+ */
+export declare const primitiveWithForwardRef: <P extends BaseViewProps, E extends ElementType>(primitive: Primitive<P, E>) => ForwardRefPrimitive<P, E>;

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "5.3.2";
+export declare const VERSION = "6.0.1";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react",
-  "version": "5.3.2",
+  "version": "6.0.1",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -14,6 +14,8 @@
       "require": "./dist/internal.js"
     },
     "./styles.css": "./dist/styles.css",
+    "./styles.layer.css": "./dist/styles.layer.css",
+    "./styles/*": "./dist/styles/*",
     "./primitives.json": "./dist/primitives.json"
   },
   "browser": {
@@ -32,8 +34,9 @@
     "LICENSE"
   ],
   "scripts": {
-    "build": "yarn build:catalog && yarn build:rollup",
+    "build": "yarn build:catalog && yarn build:CSS && yarn build:rollup",
     "build:catalog": "yarn node -r esbuild-register scripts/generatePrimitiveCatalog.ts",
+    "build:CSS": "yarn node -r esbuild-register scripts/copyCSS.ts",
     "build:rollup": "rollup --config",
     "check:esm": "node --input-type=module --eval 'import \"@aws-amplify/ui-react\"'",
     "clean": "rimraf dist node_modules",
@@ -42,30 +45,24 @@
     "prebuild": "rimraf dist",
     "size": "yarn size-limit",
     "test": "jest",
-    "test:ci": "yarn test && yarn check:esm",
     "test:watch": "yarn test --watch",
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "5.8.1",
-    "@aws-amplify/ui-react-core": "2.1.33",
-    "@radix-ui/react-accordion": "1.0.0",
+    "@aws-amplify/ui": "6.0.0",
+    "@aws-amplify/ui-react-core": "3.0.0",
     "@radix-ui/react-direction": "1.0.0",
     "@radix-ui/react-dropdown-menu": "1.0.0",
     "@radix-ui/react-slider": "1.0.0",
-    "@radix-ui/react-tabs": "1.0.0",
-    "@xstate/react": "3.0.0",
-    "classnames": "2.3.1",
-    "deepmerge": "4.2.2",
+    "@xstate/react": "^3.2.2",
     "lodash": "4.17.21",
     "qrcode": "1.5.0",
-    "react-generate-context": "1.0.1",
-    "tslib": "2.4.1"
+    "tslib": "^2.5.2"
   },
   "peerDependencies": {
-    "aws-amplify": "^5.0.1",
-    "react": ">= 16.14.0",
-    "react-dom": ">= 16.14.0"
+    "aws-amplify": "^6.0.2",
+    "react": "^16.14.0 || ^17.0 || ^18.0",
+    "react-dom": "^16.14.0 || ^17.0 || ^18.0"
   },
   "peerDependenciesMeta": {
     "aws-amplify": {
@@ -73,33 +70,10 @@
     }
   },
   "devDependencies": {
-    "@aws-amplify/eslint-config-amplify-ui": "0.0.0",
-    "@rollup/plugin-typescript": "^8.3.1",
-    "@size-limit/preset-big-lib": "^8.2.6",
     "@svgr/core": "^5.5.0",
-    "@testing-library/jest-dom": "^5.14.1",
-    "@testing-library/react": "^12.0.0",
-    "@testing-library/react-hooks": "^7.0.1",
-    "@testing-library/user-event": "^13.2.1",
-    "@types/jest": "^26.0.23",
     "@types/qrcode": "^1.4.2",
-    "@types/react": "^17.0.2",
-    "@types/testing-library__jest-dom": "^5.14.1",
-    "esbuild-register": "^3.3.3",
-    "eslint": "^8.44.0",
-    "jest": "^27.0.4",
     "jest-matchmedia-mock": "^1.1.0",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-router-dom": "^6.2.1",
-    "rimraf": "^3.0.2",
-    "rollup": "^2.70.0",
-    "rollup-plugin-node-externals": "^4.1.1",
-    "rollup-plugin-styles": "^4.0.0",
-    "rollup-plugin-terser": "^7.0.2",
-    "size-limit": "^8.2.6",
-    "ts-jest": "^27.0.3",
-    "ts-morph": "^12.0.0"
+    "react-router-dom": "^6.2.1"
   },
   "sideEffects": [
     "dist/**/*.css"
@@ -111,12 +85,6 @@
       "import": "{ Authenticator }",
       "limit": "120 kB"
     },
-    {
-      "name": "Storage - FileUploader",
-      "path": "dist/esm/index.mjs",
-      "import": "{ FileUploader }",
-      "limit": "140 kB"
-    },
     {
       "name": "AccountSettings",
       "path": "dist/esm/index.mjs",

package/dist/Field-94e428ed.js

@@ -1 +0,0 @@
-"use strict";var e=require("tslib"),a=require("react"),t=require("@aws-amplify/core"),s=require("aws-amplify"),o=require("@aws-amplify/ui"),n=require("classnames");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function r(e){if(e&&e.__esModule)return e;var a=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,s.get?s:{enumerable:!0,get:function(){return e[t]}})}})),a.default=e,Object.freeze(a)}var i=r(a),c=l(n);const p=i.createContext({theme:o.createTheme()}),m=e=>void 0===e||void 0===e.theme?o.createTheme():e.theme,d=()=>{const e=i.useContext(p);return m(e)},g={Alert:{className:o.ComponentClassName.Alert,components:["Alert"],description:"Top level element that wraps the Alert primitive"},AlertIcon:{className:o.ComponentClassName.AlertIcon,components:["Alert"],description:"Class applied to Icon component within the Alert primitive"},AlertHeading:{className:o.ComponentClassName.AlertHeading,components:["Alert"],description:"Class applied to the heading View"},AlertBody:{className:o.ComponentClassName.AlertBody,components:["Alert"],description:"Class applied to the body View"},AlertDismiss:{className:o.ComponentClassName.AlertDismiss,components:["Alert"],description:"Class applied to the close Button"},Autocomplete:{className:o.ComponentClassName.Autocomplete,components:["Autocomplete"],description:"Top level element that wraps the Autocomplete primitive"},AutocompleteMenu:{className:o.ComponentClassName.AutocompleteMenu,components:["Autocomplete"],description:"Top level element that wraps the dropdown menu"},AutocompleteMenuEmpty:{className:o.ComponentClassName.AutocompleteMenuEmpty,components:["Autocomplete"],description:"Class applied to the no options slot of menu"},AutocompleteMenuFooter:{className:o.ComponentClassName.AutocompleteMenuFooter,components:["Autocomplete"],description:"Class applied to menu footer"},AutocompleteMenuHeader:{className:o.ComponentClassName.AutocompleteMenuHeader,components:["Autocomplete"],description:"Class applied to menu header"},AutocompleteMenuLoading:{className:o.ComponentClassName.AutocompleteMenuLoading,components:["Autocomplete"],description:"Class applied to the loading slot of menu"},AutocompleteMenuOption:{className:o.ComponentClassName.AutocompleteMenuOption,components:["Autocomplete"],description:"Class applied to each li option"},AutocompleteMenuOptions:{className:o.ComponentClassName.AutocompleteMenuOptions,components:["Autocomplete"],description:"Class applied to ul container element"},Badge:{className:o.ComponentClassName.Badge,components:["Badge"],description:"Top level element that wraps the Badge component"},Breadcrumbs:{className:o.ComponentClassName.Breadcrumbs,components:["Breadcrumbs"],description:"Top level element that wraps the Breadcrumbs component"},BreadcrumbsItem:{className:o.ComponentClassName.BreadcrumbsItem,components:["Breadcrumbs"],description:"Each breadcrumb"},BreadcrumbsLink:{className:o.ComponentClassName.BreadcrumbsLink,components:["Breadcrumbs"],description:"Links used within breadcrumbs"},BreadcrumbsList:{className:o.ComponentClassName.BreadcrumbsList,components:["Breadcrumbs"],description:"List element within nav"},BreadcrumbsSeparator:{className:o.ComponentClassName.BreadcrumbsSeparator,components:["Breadcrumbs"],description:"Separator between each breadcrumb"},Button:{className:o.ComponentClassName.Button,components:["Button"],description:"Top level element that wraps the Button primitive"},ButtonGroup:{className:o.ComponentClassName.ButtonGroup},ButtonLoaderWrapper:{className:o.ComponentClassName.ButtonLoaderWrapper,components:["Button"],description:"Class applied to the Loader component within the Button Loading state"},Card:{className:o.ComponentClassName.Card,components:["Card"],description:"Top level element that wraps the Card primitive"},Checkbox:{className:o.ComponentClassName.Checkbox,components:["Checkbox"],description:"Top level element that wraps the Checkbox primitive"},CheckboxButton:{className:o.ComponentClassName.CheckboxButton,components:["Checkbox"],description:"Wrapper for the checked icon within the Checkbox primitive"},CheckboxIcon:{className:o.ComponentClassName.CheckboxIcon,components:["Checkbox"],description:"Class applied to the checked icon within the Checkbox primitive"},CheckboxInput:{className:o.ComponentClassName.CheckboxInput,components:["Checkbox"],description:"Class applied to the visually hidden checkbox input within the Checkbox primitive"},CheckboxLabel:{className:o.ComponentClassName.CheckboxLabel,components:["Checkbox"],description:"Class applied to the label within the Checkbox primitive"},CheckboxField:{className:o.ComponentClassName.CheckboxField,components:["CheckboxField"],description:"Top level element that wraps the CheckboxField primitive"},Collection:{className:o.ComponentClassName.Collection,components:["Collection"],description:"Top level element that wraps the Collection primitive"},CollectionItems:{className:o.ComponentClassName.CollectionItems,components:["Collection"],description:"Class applied to the element that wraps all the items in a collection"},CollectionSearch:{className:o.ComponentClassName.CollectionSearch,components:["Collection"],description:"Class applied to the element that wraps the collection search box"},CollectionPagination:{className:o.ComponentClassName.CollectionPagination,components:["Collection"],description:"Class applied to the element that wraps the pagination component in a collection"},CountryCodeSelect:{className:o.ComponentClassName.CountryCodeSelect,components:["PhoneNumberField"],description:"Class applied to the Dial Code Select within the PhoneNumberField primitive"},DialCodeSelect:{className:o.ComponentClassName.DialCodeSelect,components:["PhoneNumberField"],description:"Class applied to the Dial Code Select within the PhoneNumberField primitive"},Divider:{className:o.ComponentClassName.Divider,components:["Divider"],description:"Top level element that wraps the Divider primitive"},DividerLabel:{className:o.ComponentClassName.DividerLabel,components:["Divider"],description:"Class applied to the label of the Divider component"},DropZone:{className:o.ComponentClassName.DropZone,components:["DropZone"],description:"Class applied to the DropZone component"},Expander:{className:o.ComponentClassName.Expander,components:["Expander"],description:"Top level element that wraps the Expander primitive"},ExpanderContent:{className:o.ComponentClassName.ExpanderContent,components:["Expander"],description:"Expander content container"},ExpanderContentText:{className:o.ComponentClassName.ExpanderContentText,components:["Expander"],description:"Expander content text"},ExpanderHeader:{className:o.ComponentClassName.ExpanderHeader,components:["Expander"],description:"Expander item header"},ExpanderIcon:{className:o.ComponentClassName.ExpanderIcon,components:["Expander"],description:"Icon to indicate whether an item is expanded or collapsed"},ExpanderItem:{className:o.ComponentClassName.ExpanderItem,components:["Expander"],description:"Expander item(containier for header, trigger, and content)"},ExpanderTrigger:{className:o.ComponentClassName.ExpanderTrigger,components:["Expander"],description:"Expander item trigger(button)"},Field:{className:o.ComponentClassName.Field},FieldDescription:{className:o.ComponentClassName.FieldDescription},FieldErrorMessage:{className:o.ComponentClassName.FieldErrorMessage},FieldGroup:{className:o.ComponentClassName.FieldGroup},FieldGroupControl:{className:o.ComponentClassName.FieldGroupControl},FieldGroupFieldWrapper:{className:o.ComponentClassName.FieldGroupFieldWrapper},FieldGroupOuterEnd:{className:o.ComponentClassName.FieldGroupOuterEnd},FieldGroupOuterStart:{className:o.ComponentClassName.FieldGroupOuterStart},FieldGroupInnerEnd:{className:o.ComponentClassName.FieldGroupInnerEnd},FieldGroupInnerStart:{className:o.ComponentClassName.FieldGroupInnerStart},FieldGroupIcon:{className:o.ComponentClassName.FieldGroupIcon},FieldGroupIconButton:{className:o.ComponentClassName.FieldGroupIconButton},FieldGroupHasInnerEnd:{className:o.ComponentClassName.FieldGroupHasInnerEnd},FieldGroupHasInnerStart:{className:o.ComponentClassName.FieldGroupHasInnerStart},FieldShowPassword:{className:o.ComponentClassName.FieldShowPassword},Fieldset:{className:o.ComponentClassName.Fieldset,components:["Fieldset"],description:"Top level element that wraps the Fieldset primitive"},FieldsetLegend:{className:o.ComponentClassName.FieldsetLegend,components:["Fieldset"],description:"Visual label for the Fieldset primitive"},FileUploaderDropZone:{className:o.ComponentClassName.FileUploaderDropZone,components:["FileUploader"]},FileUploaderDropZoneIcon:{className:o.ComponentClassName.FileUploaderDropZoneIcon,components:["FileUploader"]},FileUploaderDropZoneText:{className:o.ComponentClassName.FileUploaderDropZoneText,components:["FileUploader"]},FileUploaderDropZoneButton:{className:o.ComponentClassName.FileUploaderDropZoneButton,components:["FileUploader"]},FileUploaderFile:{className:o.ComponentClassName.FileUploaderFile,components:["FileUploader"]},FileUploaderFileWrapper:{className:o.ComponentClassName.FileUploaderFileWrapper,components:["FileUploader"]},FileUploaderFileName:{className:o.ComponentClassName.FileUploaderFileName,components:["FileUploader"]},FileUploaderLoader:{className:o.ComponentClassName.FileUploaderLoader,components:["FileUploader"]},FileUploaderFileSize:{className:o.ComponentClassName.FileUploaderFileSize,components:["FileUploader"]},FileUploaderFileInfo:{className:o.ComponentClassName.FileUploaderFileInfo,components:["FileUploader"]},FileUploaderFileImage:{className:o.ComponentClassName.FileUploaderFileImage,components:["FileUploader"]},FileUploaderFileMain:{className:o.ComponentClassName.FileUploaderFileMain,components:["FileUploader"]},FileUploaderFileStatus:{className:o.ComponentClassName.FileUploaderFileStatus,components:["FileUploader"]},FileUploaderPreviewer:{className:o.ComponentClassName.FileUploaderPreviewer,components:["FileUploader"]},FileUploaderPreviewerText:{className:o.ComponentClassName.FileUploaderPreviewerText,components:["FileUploader"]},FileUploaderPreviewerBody:{className:o.ComponentClassName.FileUploaderPreviewerBody,components:["FileUploader"]},FileUploaderPreviewerFooter:{className:o.ComponentClassName.FileUploaderPreviewerFooter,components:["FileUploader"]},FileUploaderPreviewerFooterActions:{className:o.ComponentClassName.FileUploaderPreviewerFooterActions,components:["FileUploader"]},Flex:{className:o.ComponentClassName.Flex,components:["Flex"],description:"Top level element that wraps the Flex primitive"},Grid:{className:o.ComponentClassName.Grid,components:["Grid"],description:"Top level element that wraps the Grid primitive"},Heading:{className:o.ComponentClassName.Heading,components:["Heading"],description:"Top level element that wraps the Heading primitive"},HighlightMatch:{className:o.ComponentClassName.HighlightMatch,components:["HighlightMatch"],description:"Top level element that wraps the HighlightMatch primitive"},HighlightMatchHighlighted:{className:o.ComponentClassName.HighlightMatchHighlighted,components:["HighlightMatch"],description:"Class applied to the highlighted text of the HighlightMatch primitive"},Icon:{className:o.ComponentClassName.Icon,components:["Icon"],description:"Top level element that wraps the Icon primitive"},Image:{className:o.ComponentClassName.Image,components:["Image"],description:"Top level element that wraps the Image primitive"},Input:{className:o.ComponentClassName.Input,components:["Input"],description:"Class applied to the input element"},Label:{className:o.ComponentClassName.Label,components:["Label"],description:"Class applied to the label element"},Link:{className:o.ComponentClassName.Link,components:["Link"],description:"Top level element that wraps the Link primitive"},Loader:{className:o.ComponentClassName.Loader,components:["Loader"],description:"Top level element that wraps the Loader primitive"},LoaderDeterminate:{className:o.ComponentClassName.LoaderDeterminate,components:["Loader"],description:"Class applied to a determinate loader"},LoaderPercentageText:{className:o.ComponentClassName.LoaderPercentageText,components:["Loader"],description:"Class applied to the percentage text of loader"},MenuContent:{className:o.ComponentClassName.MenuContent,components:["Menu"],description:"Menu content container (Flex)"},MenuContentWrapper:{className:o.ComponentClassName.MenuContentWrapper,components:["Menu"],description:"Menu content wrapper"},MenuItem:{className:o.ComponentClassName.MenuItem,components:["Menu"],description:"Menu item button (MenuButton, wrapped in amplify-menu-content class)"},MenuTrigger:{className:o.ComponentClassName.MenuTrigger,components:["Menu"],description:"Menu trigger button (MenuButton, not wrapped in amplify-menu-content class)"},Message:{className:o.ComponentClassName.Message,components:["Message"],description:"Class applied to the root element of the Message"},MessageIcon:{className:o.ComponentClassName.MessageIcon,components:["Message"],description:"Class applied to Icon component within the Message primitive"},MessageHeading:{className:o.ComponentClassName.MessageHeading,components:["Message"],description:"Class applied to the heading View"},MessageBody:{className:o.ComponentClassName.MessageBody,components:["Message"],description:"Class applied to the body View"},MessageContent:{className:o.ComponentClassName.MessageContent,components:["Message"],description:"Class applied to the wrappar around heading and children of the Message"},MessageDismiss:{className:o.ComponentClassName.MessageDismiss,components:["Message"],description:"Class applied to the close Button"},Pagination:{className:o.ComponentClassName.Pagination,components:["Pagination"],description:"Top level element that wraps the Pagination primitive"},PaginationItemButton:{className:o.ComponentClassName.PaginationItemButton,components:["Pagination"],description:"Class applied to the pagination buttons"},PaginationItemCurrent:{className:o.ComponentClassName.PaginationItemCurrent,components:["Pagination"],description:"Class applied to the currently selected pagination button"},PaginationItemEllipsis:{className:o.ComponentClassName.PaginationItemEllipsis,components:["Pagination"],description:"Class applied to the ellipsis within the Pagination primitive"},PasswordField:{className:o.ComponentClassName.PasswordField,components:["PasswordField"],description:"Top level element that wraps the PasswordField primitive"},PhoneNumberField:{className:o.ComponentClassName.PhoneNumberField,components:["PhoneNumberField"],description:"Top level element that wraps the PhoneNumberField primitive"},Placeholder:{className:o.ComponentClassName.Placeholder,components:["Placeholder"],description:"Top level element that wraps the Placeholder primitive"},Radio:{className:o.ComponentClassName.Radio,components:["RadioGroupField","Radio"],description:"Top level element that wraps the Radio primitive"},RadioButton:{className:o.ComponentClassName.RadioButton,components:["RadioGroupField","Radio"],description:"Class applied to the displayed radio button"},RadioInput:{className:o.ComponentClassName.RadioInput,components:["RadioGroupField","Radio"],description:"Class applied to the visually hidden radio input"},RadioLabel:{className:o.ComponentClassName.RadioLabel,components:["RadioGroupField","Radio"],description:"Class applied to the radio label"},RadioGroupField:{className:o.ComponentClassName.RadioGroupField,components:["RadioGroupField"],description:"Top level element that wraps the RadioGroupField primitive"},RadioGroup:{className:o.ComponentClassName.RadioGroup,components:["RadioGroupField"],description:"Class applied to the radio group wrapper"},Rating:{className:o.ComponentClassName.Rating,components:["Rating"],description:"Top level element that wraps the Rating primitive"},ScrollView:{className:o.ComponentClassName.ScrollView,components:["ScrollView"],description:"Top level element that wraps the ScrollView primitive"},SearchField:{className:o.ComponentClassName.SearchField,components:["SearchField"],description:"Top level element that wraps the SearchField primitive"},SearchFieldClear:{className:o.ComponentClassName.SearchFieldClear,components:["SearchField"],description:"Class applied to the search field clear button"},SearchFieldSearch:{className:o.ComponentClassName.SearchFieldSearch,components:["SearchField"],description:"Class applied to the search button"},Select:{className:o.ComponentClassName.Select,components:["Select","SelectField"],description:"Class applied to the select element"},SelectField:{className:o.ComponentClassName.SelectField,components:["SelectField"],description:"Top level element that wraps the SelectField primitive"},SelectWrapper:{className:o.ComponentClassName.SelectWrapper,components:["Select","SelectField"],description:"Class applied to the select wrapper"},SelectIconWrapper:{className:o.ComponentClassName.SelectIconWrapper,components:["Select","SelectField"],description:"Class applied to the select icon wrapper"},SliderField:{className:o.ComponentClassName.SliderField,components:["SliderField"],description:"Top level element that wraps the SliderField primitive"},SliderFieldGroup:{className:o.ComponentClassName.SliderFieldGroup,components:["SliderField"],description:"Class applied to the element that wraps the slider root"},SliderFieldLabel:{className:o.ComponentClassName.SliderFieldLabel,components:["SliderField"],description:"Class applied to the slider label"},SliderFieldRange:{className:o.ComponentClassName.SliderFieldRange,components:["SliderField"],description:"Class applied to the filled in portion of the slider track"},SliderFieldRoot:{className:o.ComponentClassName.SliderFieldRoot,components:["SliderField"],description:"Class applied to the slider root which wraps the track and thumb"},SliderFieldThumb:{className:o.ComponentClassName.SliderFieldThumb,components:["SliderField"],description:"Class applied to the slider thumb"},SliderFieldTrack:{className:o.ComponentClassName.SliderFieldTrack,components:["SliderField"],description:"Class applied to the slider track"},StepperField:{className:o.ComponentClassName.StepperField,components:["StepperField"],description:"Top level element that wraps the StepperField primitive"},StepperFieldButtonDecrease:{className:o.ComponentClassName.StepperFieldButtonDecrease,components:["StepperField"],description:"Class applied to the decrease button"},StepperFieldButtonIncrease:{className:o.ComponentClassName.StepperFieldButtonIncrease,components:["StepperField"],description:"Class applied to the increase button"},StepperFieldInput:{className:o.ComponentClassName.StepperFieldInput,components:["StepperField"],description:"Class applied to the StepperField input"},StorageImage:{className:o.ComponentClassName.StorageImage,components:["StorageImage"],description:"Class applied to the img tag"},StorageManager:{className:o.ComponentClassName.StorageManager,components:["StorageManager"]},StorageManagerDropZone:{className:o.ComponentClassName.StorageManagerDropZone,components:["StorageManager"]},StorageManagerDropZoneIcon:{className:o.ComponentClassName.StorageManagerDropZoneIcon,components:["StorageManager"]},StorageManagerDropZoneText:{className:o.ComponentClassName.StorageManagerDropZoneText,components:["StorageManager"]},StorageManagerFilePicker:{className:o.ComponentClassName.StorageManagerFilePicker,components:["StorageManager"]},StorageManagerFile:{className:o.ComponentClassName.StorageManagerFile,components:["StorageManager"]},StorageManagerFileWrapper:{className:o.ComponentClassName.StorageManagerFileWrapper,components:["StorageManager"]},StorageManagerFileList:{className:o.ComponentClassName.StorageManagerFileList,components:["StorageManager"]},StorageManagerFileName:{className:o.ComponentClassName.StorageManagerFileName,components:["StorageManager"]},StorageManagerLoader:{className:o.ComponentClassName.StorageManagerLoader,components:["StorageManager"]},StorageManagerFileSize:{className:o.ComponentClassName.StorageManagerFileSize,components:["StorageManager"]},StorageManagerFileInfo:{className:o.ComponentClassName.StorageManagerFileInfo,components:["StorageManager"]},StorageManagerFileImage:{className:o.ComponentClassName.StorageManagerFileImage,components:["StorageManager"]},StorageManagerFileMain:{className:o.ComponentClassName.StorageManagerFileMain,components:["StorageManager"]},StorageManagerFileStatus:{className:o.ComponentClassName.StorageManagerFileStatus,components:["StorageManager"]},StorageManagerPreviewer:{className:o.ComponentClassName.StorageManagerPreviewer,components:["StorageManager"]},StorageManagerPreviewerText:{className:o.ComponentClassName.StorageManagerPreviewerText,components:["StorageManager"]},StorageManagerPreviewerActions:{className:o.ComponentClassName.StorageManagerPreviewerActions,components:["StorageManager"]},StorageManagerPreviewerFooter:{className:o.ComponentClassName.StorageManagerPreviewerFooter,components:["StorageManager"]},SwitchField:{className:o.ComponentClassName.SwitchField,components:["SwitchField"],description:"Top level element that wraps the SwitchField primitive"},SwitchLabel:{className:o.ComponentClassName.SwitchLabel,components:["SwitchField"],description:"Class applied to the SwitchField label text"},SwitchThumb:{className:o.ComponentClassName.SwitchThumb,components:["SwitchField"],description:"Class applied to the SwitchField thumb"},SwitchTrack:{className:o.ComponentClassName.SwitchTrack,components:["SwitchField"],description:"Class applied to the SwitchField track"},SwitchWrapper:{className:o.ComponentClassName.SwitchWrapper,components:["SwitchField"],description:"Class applied to the label element that wraps the SwitchField label and track"},Table:{className:o.ComponentClassName.Table,components:["Table"],description:"Top level element that wraps the Table primitive"},TableCaption:{className:o.ComponentClassName.TableCaption,components:["Table"],description:"Class applied to the content provided as the caption prop"},TableBody:{className:o.ComponentClassName.TableBody,components:["Table"],description:"Class applied to TableBody component"},TableTd:{className:o.ComponentClassName.TableTd,components:["Table"],description:'Class applied to TableCell component rendered as a <td> element (<TableCell as="td" />)'},TableTh:{className:o.ComponentClassName.TableTh,components:["Table"],description:'Class applied to TableCell comopnent rendered as a <th> element (<TableCell as="th" />)'},TableFoot:{className:o.ComponentClassName.TableFoot,components:["Table"],description:"Class applied to TableFoot component"},TableHead:{className:o.ComponentClassName.TableHead,components:["Table"],description:"Class applied to TableHead component"},TableRow:{className:o.ComponentClassName.TableRow,components:["Table"],description:"Class applied to TableRow component"},Tabs:{className:o.ComponentClassName.Tabs,components:["Tabs"],description:"Top level element that wraps the Tabs primitive"},TabItems:{className:o.ComponentClassName.TabItems,components:["Tabs"],description:"Top level element that wraps the TabItem primitive"},Text:{className:o.ComponentClassName.Text,components:["Text"],description:"Top level element that wraps the Text primitive"},Textarea:{className:o.ComponentClassName.Textarea,components:["TextAreaField"],description:"Class applied to the text area"},TextAreaField:{className:o.ComponentClassName.TextAreaField,components:["TextAreaField"],description:"Top level element that wraps the TextAreaField primitive"},TextField:{className:o.ComponentClassName.TextField,components:["TextField"],description:"Top level element that wraps the TextField primitive"},ToggleButton:{className:o.ComponentClassName.ToggleButton,components:["ToggleButton"],description:"Top level element that wraps the ToggleButton primitive"},ToggleButtonGroup:{className:o.ComponentClassName.ToggleButtonGroup,components:["ToggleButton","ToggleButtonGroup"],description:"Top level element that wraps the ToggleButtonGroup primitive"},VisuallyHidden:{className:o.ComponentClassName.VisuallyHidden,components:["VisuallyHidden"],description:"Top level element that wraps the VisuallyHidden primitive"}},u={Alert:g.Alert.className,AlertIcon:g.AlertIcon.className,AlertHeading:g.AlertHeading.className,AlertBody:g.AlertBody.className,AlertDismiss:g.AlertDismiss.className,Autocomplete:g.Autocomplete.className,AutocompleteMenu:g.AutocompleteMenu.className,AutocompleteMenuEmpty:g.AutocompleteMenuEmpty.className,AutocompleteMenuFooter:g.AutocompleteMenuFooter.className,AutocompleteMenuHeader:g.AutocompleteMenuHeader.className,AutocompleteMenuLoading:g.AutocompleteMenuLoading.className,AutocompleteMenuOption:g.AutocompleteMenuOption.className,AutocompleteMenuOptions:g.AutocompleteMenuOptions.className,Badge:g.Badge.className,Breadcrumbs:g.Breadcrumbs.className,BreadcrumbsItem:g.BreadcrumbsItem.className,BreadcrumbsLink:g.BreadcrumbsLink.className,BreadcrumbsList:g.BreadcrumbsList.className,BreadcrumbsSeparator:g.BreadcrumbsSeparator.className,Button:g.Button.className,ButtonGroup:g.ButtonGroup.className,ButtonLoaderWrapper:g.ButtonLoaderWrapper.className,Card:g.Card.className,Checkbox:g.Checkbox.className,CheckboxButton:g.CheckboxButton.className,CheckboxIcon:g.CheckboxIcon.className,CheckboxInput:g.CheckboxInput.className,CheckboxLabel:g.CheckboxLabel.className,CheckboxField:g.CheckboxField.className,Collection:g.Collection.className,CollectionItems:g.CollectionItems.className,CollectionSearch:g.CollectionSearch.className,CollectionPagination:g.CollectionPagination.className,CountryCodeSelect:g.CountryCodeSelect.className,DialCodeSelect:g.DialCodeSelect.className,Divider:g.Divider.className,DividerLabel:g.DividerLabel.className,DropZone:g.DropZone.className,Expander:g.Expander.className,ExpanderContent:g.ExpanderContent.className,ExpanderContentText:g.ExpanderContentText.className,ExpanderHeader:g.ExpanderHeader.className,ExpanderIcon:g.ExpanderIcon.className,ExpanderItem:g.ExpanderItem.className,ExpanderTrigger:g.ExpanderTrigger.className,Field:g.Field.className,FieldDescription:g.FieldDescription.className,FieldErrorMessage:g.FieldErrorMessage.className,FieldGroup:g.FieldGroup.className,FieldGroupControl:g.FieldGroupControl.className,FieldGroupOuterEnd:g.FieldGroupOuterEnd.className,FieldGroupOuterStart:g.FieldGroupOuterStart.className,FieldGroupInnerEnd:g.FieldGroupInnerEnd.className,FieldGroupInnerStart:g.FieldGroupInnerStart.className,FieldGroupIcon:g.FieldGroupIcon.className,FieldGroupIconButton:g.FieldGroupIconButton.className,FieldGroupHasInnerEnd:g.FieldGroupHasInnerEnd.className,FieldGroupHasInnerStart:g.FieldGroupHasInnerStart.className,FieldShowPassword:g.FieldShowPassword.className,FieldGroupFieldWrapper:g.FieldGroupFieldWrapper.className,Fieldset:g.Fieldset.className,FieldsetLegend:g.FieldsetLegend.className,FileUploaderDropZone:g.FileUploaderDropZone.className,FileUploaderDropZoneIcon:g.FileUploaderDropZoneIcon.className,FileUploaderDropZoneText:g.FileUploaderDropZoneText.className,FileUploaderDropZoneButton:g.FileUploaderDropZoneButton.className,FileUploaderFile:g.FileUploaderFile.className,FileUploaderFileWrapper:g.FileUploaderFileWrapper.className,FileUploaderFileName:g.FileUploaderFileName.className,FileUploaderLoader:g.FileUploaderLoader.className,FileUploaderFileSize:g.FileUploaderFileSize.className,FileUploaderFileInfo:g.FileUploaderFileInfo.className,FileUploaderFileImage:g.FileUploaderFileImage.className,FileUploaderFileMain:g.FileUploaderFileMain.className,FileUploaderFileStatus:g.FileUploaderFileStatus.className,FileUploaderPreviewer:g.FileUploaderPreviewer.className,FileUploaderPreviewerText:g.FileUploaderPreviewerText.className,FileUploaderPreviewerBody:g.FileUploaderPreviewerBody.className,FileUploaderPreviewerFooter:g.FileUploaderPreviewerFooter.className,FileUploaderPreviewerFooterActions:g.FileUploaderPreviewerFooterActions.className,Flex:g.Flex.className,Grid:g.Grid.className,Heading:g.Heading.className,HighlightMatch:g.HighlightMatch.className,HighlightMatchHighlighted:g.HighlightMatchHighlighted.className,Icon:g.Icon.className,Image:g.Image.className,Input:g.Input.className,Label:g.Label.className,Link:g.Link.className,Loader:g.Loader.className,LoaderDeterminate:g.LoaderDeterminate.className,LoaderPercentageText:g.LoaderPercentageText.className,MenuContent:g.MenuContent.className,MenuContentWrapper:g.MenuContentWrapper.className,MenuItem:g.MenuItem.className,MenuTrigger:g.MenuTrigger.className,Message:g.Message.className,MessageIcon:g.MessageIcon.className,MessageHeading:g.MessageHeading.className,MessageBody:g.MessageBody.className,MessageContent:g.MessageContent.className,MessageDismiss:g.MessageDismiss.className,Pagination:g.Pagination.className,PaginationItemButton:g.PaginationItemButton.className,PaginationItemCurrent:g.PaginationItemCurrent.className,PaginationItemEllipsis:g.PaginationItemEllipsis.className,PasswordField:g.PasswordField.className,PhoneNumberField:g.PhoneNumberField.className,Placeholder:g.Placeholder.className,Radio:g.Radio.className,RadioButton:g.RadioButton.className,RadioInput:g.RadioInput.className,RadioLabel:g.RadioLabel.className,RadioGroupField:g.RadioGroupField.className,RadioGroup:g.RadioGroup.className,Rating:g.Rating.className,ScrollView:g.ScrollView.className,SearchField:g.SearchField.className,SearchFieldClear:g.SearchFieldClear.className,SearchFieldSearch:g.SearchFieldSearch.className,Select:g.Select.className,SelectField:g.SelectField.className,SelectWrapper:g.SelectWrapper.className,SelectIconWrapper:g.SelectIconWrapper.className,SliderField:g.SliderField.className,SliderFieldGroup:g.SliderFieldGroup.className,SliderFieldLabel:g.SliderFieldLabel.className,SliderFieldRange:g.SliderFieldRange.className,SliderFieldRoot:g.SliderFieldRoot.className,SliderFieldThumb:g.SliderFieldThumb.className,SliderFieldTrack:g.SliderFieldTrack.className,StepperField:g.StepperField.className,StepperFieldButtonDecrease:g.StepperFieldButtonDecrease.className,StepperFieldButtonIncrease:g.StepperFieldButtonIncrease.className,StepperFieldInput:g.StepperFieldInput.className,StorageImage:g.StorageImage.className,StorageManager:g.StorageManager.className,StorageManagerDropZone:g.StorageManagerDropZone.className,StorageManagerDropZoneIcon:g.StorageManagerDropZoneIcon.className,StorageManagerDropZoneText:g.StorageManagerDropZoneText.className,StorageManagerFilePicker:g.StorageManagerFilePicker.className,StorageManagerFile:g.StorageManagerFile.className,StorageManagerFileWrapper:g.StorageManagerFileWrapper.className,StorageManagerFileList:g.StorageManagerFileList.className,StorageManagerFileName:g.StorageManagerFileName.className,StorageManagerLoader:g.StorageManagerLoader.className,StorageManagerFileSize:g.StorageManagerFileSize.className,StorageManagerFileInfo:g.StorageManagerFileInfo.className,StorageManagerFileImage:g.StorageManagerFileImage.className,StorageManagerFileMain:g.StorageManagerFileMain.className,StorageManagerFileStatus:g.StorageManagerFileStatus.className,StorageManagerPreviewer:g.StorageManagerPreviewer.className,StorageManagerPreviewerText:g.StorageManagerPreviewerText.className,StorageManagerPreviewerActions:g.StorageManagerPreviewerActions.className,StorageManagerPreviewerFooter:g.StorageManagerPreviewerFooter.className,SwitchField:g.SwitchField.className,SwitchLabel:g.SwitchLabel.className,SwitchThumb:g.SwitchThumb.className,SwitchTrack:g.SwitchTrack.className,SwitchWrapper:g.SwitchWrapper.className,Table:g.Table.className,TableCaption:g.TableCaption.className,TableBody:g.TableBody.className,TableTd:g.TableTd.className,TableTh:g.TableTh.className,TableFoot:g.TableFoot.className,TableHead:g.TableHead.className,TableRow:g.TableRow.className,Tabs:g.Tabs.className,TabItems:g.TabItems.className,Text:g.Text.className,Textarea:g.Textarea.className,TextAreaField:g.TextAreaField.className,TextField:g.TextField.className,ToggleButton:g.ToggleButton.className,ToggleButtonGroup:g.ToggleButtonGroup.className,VisuallyHidden:g.VisuallyHidden.className},h={Alert:{dismissButtonLabel:"Dismiss alert"},Autocomplete:{emptyText:"No options found",loadingText:"Loading options..."},Collection:{searchButtonLabel:"Search",searchNoResultsFound:"No results found"},Fields:{clearButtonLabel:"Clear input"},Message:{dismissLabel:"Dismiss message"},PaginationItem:{currentPageLabel:"Page",nextLabel:"Go to next page",pageLabel:"Go to page",previousLabel:"Go to previous page"},PhoneNumberField:{countryCodeLabel:"Country code"},SearchField:{searchButtonLabel:"Search"},PasswordField:{passwordIsHidden:"Password is hidden",passwordIsShown:"Password is shown",showPassword:"Show password"},StepperField:{increaseButtonLabel:"Increase to",decreaseButtonLabel:"Decrease to"}},C={backgroundColor:"colors",borderColor:"colors",borderWidth:"borderWidths",color:"colors",borderRadius:"radii",fontSize:"fontSizes",fontWeight:"fontWeights",fontFamily:"fonts",lineHeight:"lineHeights",opacity:"opacities",boxShadow:"shadows",transform:"transforms",left:"space",right:"space",top:"space",bottom:"space",height:"space",width:"space",letterSpacing:"space",margin:"space",marginBlock:"space",marginBlockEnd:"space",marginBlockStart:"space",marginInline:"space",marginInlineEnd:"space",marginInlineStart:"space",marginLeft:"space",marginRight:"space",marginTop:"space",marginBottom:"space",maxHeight:"space",maxWidth:"space",minHeight:"space",minWidth:"space",padding:"space",paddingBlock:"space",paddingBlockEnd:"space",paddingBlockStart:"space",paddingInline:"space",paddingInlineEnd:"space",paddingInlineStart:"space",paddingLeft:"space",paddingRight:"space",paddingTop:"space",paddingBottom:"space",gap:"space",columnGap:"space",rowGap:"space"},N=e=>"string"==typeof e&&0===e.length,F=e=>null==e||N(e),w=e=>Object.keys(e),b=(e,a,t)=>{if("string"!=typeof a)return a;if(a.includes(" "))return a.split(" ").map((a=>b(e,a,t))).join(" ");if(e in C){const s=a.split(".");let n=t[C[e]];for(let e=0;e<s.length&&n;e++)n=n[s[e]];return o.isDesignToken(n)?`var(--${o.cssNameTransform({path:[C[e],...s]})})`:a}return a},S="undefined"==typeof window?i.useEffect:i.useLayoutEffect,x=({breakpoints:e,defaultBreakpoint:a})=>{const t="undefined"!=typeof window&&void 0!==window.matchMedia?window.matchMedia:null,s=i.useMemo((()=>(({breakpoints:e})=>{const a=w(e).sort(((a,t)=>e[t]-e[a]));return a.map(((t,s)=>{let o="";const n=e[t],l=a[s-1],r=l?e[l]-1:null;return n>=0&&(o=`(min-width: ${n}px)`),null!==r&&(o&&(o+=" and "),o+=`(max-width: ${r}px)`),{breakpoint:t,query:o,maxWidth:r,minWidth:n}}))})({breakpoints:e})),[e]),[o,n]=i.useState(a),l=i.useCallback(((e,a)=>{e&&n(a)}),[n]);return S((()=>{if(!t)return;const e=s.map((({query:e,breakpoint:a})=>{const s=t(e);l(s.matches,a);const o=e=>{e.matches&&n(a)};return s.addEventListener("change",o),()=>s.removeEventListener("change",o)}));return()=>{e.forEach((e=>e()))}}),[e,n,t,s]),i.useDebugValue(o,(e=>e)),o},v="undefined"!=typeof Symbol&&o.isFunction(Symbol.for)?Symbol.for("amplify_default"):"@@amplify_default",f={alignContent:"alignContent",alignItems:"alignItems",alignSelf:"alignSelf",area:"gridArea",aspectRatio:"aspectRatio",autoColumns:"gridAutoColumns",autoFlow:"gridAutoFlow",autoRows:"gridAutoRows",backgroundColor:"backgroundColor",backgroundImage:"backgroundImage",basis:"flexBasis",border:"border",borderRadius:"borderRadius",borderColor:"borderColor",borderWidth:"borderWidth",borderStyle:"borderStyle",bottom:"bottom",boxShadow:"boxShadow",color:"color",column:"gridColumn",columnEnd:"gridColumnEnd",columnGap:"columnGap",columnSpan:"gridColumn",columnStart:"gridColumnStart",direction:"flexDirection",display:"display",flex:"flex",fontFamily:"fontFamily",fontSize:"fontSize",fontStyle:"fontStyle",fontWeight:"fontWeight",gap:"gap",grow:"flexGrow",height:"height",justifyContent:"justifyContent",left:"left",letterSpacing:"letterSpacing",lineHeight:"lineHeight",margin:"margin",marginBlock:"marginBlock",marginBlockEnd:"marginBlockEnd",marginBlockStart:"marginBlockStart",marginBottom:"marginBlockEnd",marginInline:"marginInline",marginInlineEnd:"marginInlineEnd",marginInlineStart:"marginInlineStart",marginLeft:"marginInlineStart",marginRight:"marginInlineEnd",marginTop:"marginBlockStart",maxHeight:"maxHeight",maxWidth:"maxWidth",minHeight:"minHeight",minWidth:"minWidth",objectFit:"objectFit",objectPosition:"objectPosition",opacity:"opacity",order:"order",overflow:"overflow",padding:"padding",paddingBlock:"paddingBlock",paddingBlockEnd:"paddingBlockEnd",paddingBlockStart:"paddingBlockStart",paddingBottom:"paddingBlockEnd",paddingInline:"paddingInline",paddingInlineEnd:"paddingInlineEnd",paddingInlineStart:"paddingInlineStart",paddingLeft:"paddingInlineStart",paddingRight:"paddingInlineEnd",paddingTop:"paddingBlockStart",position:"position",resize:"resize",right:"right",row:"gridRow",rowEnd:"gridRowEnd",rowGap:"rowGap",rowSpan:"gridRow",rowStart:"gridRowStart",shrink:"flexShrink",templateAreas:"gridTemplateAreas",templateColumns:"gridTemplateColumns",templateRows:"gridTemplateRows",textAlign:"textAlign",textDecoration:"textDecoration",textTransform:"textTransform",top:"top",transform:"transform",transformOrigin:"transformOrigin",width:"width",whiteSpace:"whiteSpace",wrap:"flexWrap"},M=Object.keys(f),T=({breakpoint:e,breakpoints:a,values:t})=>{let s={};const n=w(a).sort(((e,t)=>a[e]-a[t]));var l;return Array.isArray(t)?t.forEach(((e,a)=>{s[n[a]]=e})):"object"==typeof t&&(s=w(l=t).reduce(((e,a)=>a in o.defaultTheme.breakpoints.values?Object.assign(Object.assign({},e),{[a]:l[a]}):e),{})),(({breakpoint:e,breakpoints:a,values:t})=>{const s=t[e];if(void 0!==s)return s;const o=w(a).sort(((e,t)=>a[t]-a[e])),n=o.slice(o.indexOf(e));for(const e of n){const a=t[e];if(void 0!==a)return a}return null})({breakpoint:e,breakpoints:a,values:s})},I=({value:e,propKey:a,tokens:t})=>o.isDesignToken(e)?e.toString():o.isString(e)?o.isString(a)?b(a,e,t):e:null,L=e=>"auto"===e?"auto":`span ${e}`,E=e=>(e=>"auto"===e||"number"==typeof e&&!isNaN(e)||"string"==typeof e&&!isNaN(parseFloat(e)))(e)?L(e):Array.isArray(e)?e.map((e=>L(e))):"object"==typeof e&&null!=e?Object.entries(e).reduce(((e,[a,t])=>Object.assign(Object.assign({},e),{[a]:L(t)})),{}):null,B=({props:e={},style:a={},breakpoint:t,breakpoints:s,tokens:n})=>{const l={};return Object.keys(e).filter((a=>null!==e[a])).forEach((r=>{if(r in f){const l=e[r];if(!l||N(l))return;const i=f[r];let c="";o.isDesignToken(l)?c=l.toString():"string"==typeof l?c=b(r,l,n):"number"==typeof l?c=l:"object"==typeof l&&(c=I({propKey:r,tokens:n,value:T({values:l,breakpoint:t,breakpoints:s})})),a=Object.assign(Object.assign({},a),{[i]:c})}else void 0!==e[r]&&(l[r]=e[r])})),{propStyles:a,nonStyleProps:l}},y=(a,t)=>{const{breakpoints:{values:s,defaultBreakpoint:o},tokens:n}=d(),l=x({breakpoints:s,defaultBreakpoint:o}),r=(a=>{const{rowSpan:t,columnSpan:s,row:o,column:n}=a,l=e.__rest(a,["rowSpan","columnSpan","row","column"]),{rowFromSpanValue:r,columnFromSpanValue:c}=i.useMemo((()=>({rowFromSpanValue:E(t),columnFromSpanValue:E(s)})),[t,s]);return Object.assign({row:F(o)?r:o,column:F(n)?c:n},l)})(a);return i.useMemo((()=>B({props:r,style:t,breakpoint:l,breakpoints:s,tokens:n})),[r,t,s,l,n])},k=i.forwardRef(((a,t)=>{var{as:s="div",children:o,testId:n,ariaLabel:l,isDisabled:r,style:c,inert:p}=a,m=e.__rest(a,["as","children","testId","ariaLabel","isDisabled","style","inert"]);const{propStyles:d,nonStyleProps:g}=y(m,c);return i.createElement(s,Object.assign({"aria-label":l,"data-testid":n,disabled:r,ref:t,inert:p?"":null,style:d},g),o)}));k.displayName="View";const P={minX:0,minY:0,width:24,height:24},D=i.forwardRef(((a,t)=>{var{className:s,as:o="svg",fill:n="currentColor",pathData:l,viewBox:r=P,children:p,paths:m}=a,d=e.__rest(a,["className","as","fill","pathData","viewBox","children","paths"]);const g=r.minX?r.minX:P.minX,h=r.minY?r.minY:P.minY,C=r.width?r.width:P.width,N=r.height?r.height:P.height;let F;return p&&(F=p),m&&(F=m.map(((e,a)=>i.createElement("path",Object.assign({},e,{key:a}))))),l&&(F=i.createElement("path",{d:l,fill:n})),i.createElement(k,Object.assign({as:o,className:c.default(u.Icon,s),ref:t,viewBox:`${g} ${h} ${C} ${N}`},d),F)}));D.displayName="Icon";const H=i.createContext({});function A(e){const a=i.useContext(H);if(e&&a)return a[e]}const G=a=>{const{className:t}=a,s=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},s),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM16.59 7.58L10 14.17L7.41 11.59L6 13L10 17L18 9L16.59 7.58Z",fill:"currentColor"})))},U=a=>{const{className:t,size:s}=a,o=e.__rest(a,["className","size"]);return i.createElement(k,Object.assign({as:"span",width:null!=s?s:"1em",height:null!=s?s:"1em",className:c.default(u.Icon,t)},o),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:s?{width:s,height:s}:void 0},i.createElement("path",{d:"M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z",fill:"currentColor"})))},R=a=>{const{className:t}=a,s=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},s),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V15H13V17ZM13 13H11V7H13V13Z",fill:"currentColor"})))},O=a=>{const{className:t}=a,s=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},s),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M11 7H13V9H11V7ZM11 11H13V17H11V11ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20Z",fill:"currentColor"})))},_=a=>{const{className:t}=a,s=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},s),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z",fill:"currentColor"})))},j=({variation:e,ariaHidden:a})=>{var t,s,o,n;const l=A("alert");let r;switch(e){case"info":r=null!==(t=null==l?void 0:l.info)&&void 0!==t?t:i.createElement(O,{"aria-hidden":a});break;case"error":r=null!==(s=null==l?void 0:l.error)&&void 0!==s?s:i.createElement(R,{"aria-hidden":a});break;case"warning":r=null!==(o=null==l?void 0:l.warning)&&void 0!==o?o:i.createElement(_,{"aria-hidden":a});break;case"success":r=null!==(n=null==l?void 0:l.success)&&void 0!==n?n:i.createElement(G,{"aria-hidden":a})}return r?i.createElement("span",{className:u.AlertIcon},r):null};function Z(e,a){if(!a||0===a.length||a.includes("*"))return{acceptedFiles:e,rejectedFiles:[]};const t=[],s=[];return e.forEach((e=>{(!function(e){const{type:t="",name:s=""}=e,o=t.toLowerCase(),n=o.split("/")[0];return a.some((e=>{const a=e.trim().toLowerCase();return"."===a.charAt(0)?s.toLowerCase().endsWith(a):a.endsWith("/*")?n===a.split("/")[0]:o===a}))}(e)?s:t).push(e)})),{acceptedFiles:t,rejectedFiles:s}}j.displayName="AlertIcon";const V=i.forwardRef(((a,t)=>{var{className:s,children:o,isVisible:n=!0,excludeFromTabOrder:l=!1}=a,r=e.__rest(a,["className","children","isVisible","excludeFromTabOrder"]);return n?i.createElement(k,Object.assign({className:c.default(u.FieldGroupIcon,s),ref:t,tabIndex:l?-1:void 0},r),o):null}));V.displayName="FieldGroupIcon";const W=i.createContext({isFieldsetDisabled:!1}),z=()=>i.useContext(W),$=i.forwardRef(((a,t)=>{var{className:s,children:o}=a,n=e.__rest(a,["className","children"]);return i.createElement(k,Object.assign({className:c.default(u.Flex,s),ref:t},n),o)}));$.displayName="Flex";const q=84*Math.PI,Y=i.forwardRef(((a,t)=>{var{className:s,filledColor:n,emptyColor:l,size:r,variation:p,isDeterminate:m=!1,isPercentageTextHidden:d=!1,percentage:g=0}=a,h=e.__rest(a,["className","filledColor","emptyColor","size","variation","isDeterminate","isPercentageTextHidden","percentage"]);g=Math.min(g,100);const C=`${g=Math.max(g,0)}%`,N=c.default(u.Loader,o.classNameModifier(u.Loader,r),o.classNameModifier(u.Loader,p),m?u.LoaderDeterminate:null,s),F=i.createElement("g",null,i.createElement("line",{x1:"0",x2:"100%",y1:"50%",y2:"50%",style:{stroke:String(l)},"data-testid":"linear-empty"}),i.createElement("line",{x1:"0",x2:m?C:"100%",y1:"50%",y2:"50%",style:{stroke:m&&0===g?"none":n?String(n):void 0},"data-testid":"linear-filled"}),m?i.createElement("text",{"aria-live":"polite",className:c.default(u.LoaderPercentageText,d?u.VisuallyHidden:null),x:`${-1+g}%`,y:"200%"},C):null),w=i.createElement("g",null,i.createElement("circle",{cx:"50%",cy:"50%",r:"42%",strokeWidth:"8%",style:{stroke:String(l)},"data-testid":"circular-empty"}),i.createElement("circle",{cx:"50%",cy:"50%",r:"42%",strokeWidth:"8%",style:{stroke:String(n),strokeDasharray:m?`${q}% ${q}%`:void 0,strokeDashoffset:m?q-q*g/100+"%":void 0},"data-testid":"circular-filled"}),m?i.createElement("text",{"aria-live":"polite",className:c.default(u.LoaderPercentageText,d?u.VisuallyHidden:null),x:"130%",y:"80%"},C):null);return i.createElement(k,Object.assign({as:"svg",className:N,"data-size":r,"data-variation":p,ref:t,role:"img"},h),"linear"===p?F:w)}));Y.displayName="Loader";const K=["link","primary",void 0],X=i.forwardRef(((a,t)=>{var s,{className:n,children:l,colorTheme:r,isFullWidth:p=!1,isDisabled:m,isLoading:d,loadingText:g="",size:h,type:C="button",variation:N}=a,F=e.__rest(a,["className","children","colorTheme","isFullWidth","isDisabled","isLoading","loadingText","size","type","variation"]);const w=K.includes(N)&&r?`${null!=N?N:"outlined"}--${r}`:void 0,{isFieldsetDisabled:b}=z(),S=b||(null!==(s=null!=m?m:d)&&void 0!==s?s:F.disabled),x=c.default(u.Button,u.FieldGroupControl,o.classNameModifier(u.Button,N),o.classNameModifier(u.Button,w),o.classNameModifier(u.Button,h),o.classNameModifierByFlag(u.Button,"disabled",S),o.classNameModifierByFlag(u.Button,"loading",d),o.classNameModifierByFlag(u.Button,"fullwidth",p),n);return i.createElement(k,Object.assign({ref:t,as:"button",className:x,"data-fullwidth":p,"data-loading":d,"data-size":h,"data-variation":N,isDisabled:S,type:C},F),d?i.createElement($,{as:"span",className:u.ButtonLoaderWrapper},i.createElement(Y,{size:h}),g||null):l)}));X.displayName="Button";const J=i.forwardRef(((a,t)=>{var{children:s,className:o}=a,n=e.__rest(a,["children","className"]);return i.createElement(V,Object.assign({as:X,className:c.default(u.FieldGroupIconButton,o),ref:t},n),s)}));J.displayName="FieldGroupIconButton";const Q=h.Fields.clearButtonLabel,ee=i.forwardRef(((a,t)=>{var s,{ariaLabel:o=Q,size:n}=a,l=e.__rest(a,["ariaLabel","size"]);const r=A("field");return i.createElement(J,Object.assign({ariaLabel:o,size:n,ref:t},l),null!==(s=null==r?void 0:r.clear)&&void 0!==s?s:i.createElement(U,null))}));ee.displayName="FieldClearButton";const ae=i.forwardRef(((a,t)=>{var{as:s="p",className:n,children:l,isTruncated:r,variation:p}=a,m=e.__rest(a,["as","className","children","isTruncated","variation"]);const d=c.default(u.Text,o.classNameModifier(u.Text,p),o.classNameModifierByFlag(u.Text,"truncated",r),n);return i.createElement(k,Object.assign({as:s,className:d,"data-truncate":r,"data-variation":p,ref:t},m),l)}));ae.displayName="Text";const te=a=>{var{descriptiveText:t,labelHidden:s}=a,o=e.__rest(a,["descriptiveText","labelHidden"]);return t?i.createElement(ae,Object.assign({"data-testid":"qa-field-description",className:c.default(u.FieldDescription,{[u.VisuallyHidden]:s})},o),t):null};te.displayName="FieldDescription";const se=a=>{var{errorMessage:t,hasError:s}=a,o=e.__rest(a,["errorMessage","hasError"]);return s&&t?i.createElement(ae,Object.assign({className:u.FieldErrorMessage},o),t):null};se.displayName="FieldErrorMessage";const oe=i.forwardRef(((a,t)=>{var{children:s,className:o,visuallyHidden:n}=a,l=e.__rest(a,["children","className","visuallyHidden"]);return i.createElement(k,Object.assign({as:"label",className:c.default(u.Label,o,{[u.VisuallyHidden]:n}),ref:t},l),s)}));oe.displayName="Label";const ne=i.forwardRef(((a,t)=>{const{className:s,size:n,testId:l,children:r,label:p,labelHidden:m,errorMessage:d,hasError:g,descriptiveText:h}=a,C=e.__rest(a,["className","size","testId","children","label","labelHidden","errorMessage","hasError","descriptiveText"]);return i.createElement($,Object.assign({className:c.default(u.Field,o.classNameModifier(u.Field,n),s),"data-size":n,testId:l,ref:t},C),p?i.createElement(oe,{visuallyHidden:m},p):null,i.createElement(te,{labelHidden:m,descriptiveText:h}),r,d?i.createElement(se,{hasError:g,errorMessage:d}):null)}));ne.displayName="Field",exports.AMPLIFY_SYMBOL=v,exports.ARROW_DOWN="ArrowDown",exports.ARROW_UP="ArrowUp",exports.AlertIcon=j,exports.AmplifyContext=p,exports.Button=X,exports.ComponentClassNames=u,exports.ComponentClassObject=g,exports.ComponentPropsToStylePropsMap=f,exports.ComponentPropsToStylePropsMapKeys=M,exports.ComponentText=h,exports.ENTER_KEY="Enter",exports.ESCAPE_KEY="Escape",exports.Field=ne,exports.FieldClearButton=ee,exports.FieldDescription=te,exports.FieldErrorMessage=se,exports.FieldGroupIcon=V,exports.FieldGroupIconButton=J,exports.FieldsetContext=W,exports.Flex=$,exports.Icon=D,exports.IconAdd=a=>{const{className:t}=a,s=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},s),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M19 13H13V19H11V13H5V11H11V5H13V11H19V13Z",fill:"currentColor"})))},exports.IconCheck=a=>{const{className:t}=a,s=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},s),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M9.00016 16.1698L4.83016 11.9998L3.41016 13.4098L9.00016 18.9998L21.0002 6.99984L19.5902 5.58984L9.00016 16.1698Z",fill:"currentColor"})))},exports.IconCheckCircle=G,exports.IconChevronLeft=a=>{const{className:t}=a,s=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},s),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M15.41 7.41L14 6L8 12L14 18L15.41 16.59L10.83 12L15.41 7.41Z",fill:"currentColor"})))},exports.IconChevronRight=a=>{const{className:t}=a,s=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},s),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M9.99984 6L8.58984 7.41L13.1698 12L8.58984 16.59L9.99984 18L15.9998 12L9.99984 6Z",fill:"currentColor"})))},exports.IconClose=U,exports.IconEdit=a=>{const{className:t}=a,s=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},s),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M3 21h3.75L17.81 9.94l-3.75-3.75L3 17.25V21zm2-2.92l9.06-9.06.92.92L5.92 19H5v-.92zM18.37 3.29a.996.996 0 00-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83a.996.996 0 000-1.41l-2.34-2.34z",fill:"currentColor"})))},exports.IconError=R,exports.IconExpandMore=a=>{const{className:t}=a,s=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},s),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M16.59 8.58984L12 13.1698L7.41 8.58984L6 9.99984L12 15.9998L18 9.99984L16.59 8.58984Z",fill:"currentColor"})))},exports.IconFile=a=>{const{className:t}=a,s=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},s),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z",fill:"currentColor"})))},exports.IconIndeterminate=a=>{const{className:t}=a,s=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},s),i.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",width:"24",viewBox:"0 0 24 24"},i.createElement("line",{x1:"4",x2:"20",y1:"12",y2:"12",stroke:"currentColor",strokeWidth:"3"})))},exports.IconInfo=O,exports.IconMenu=a=>{const{className:t}=a,s=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},s),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M3 18H21V16H3V18ZM3 13H21V11H3V13ZM3 6V8H21V6H3Z",fill:"currentColor"})))},exports.IconRemove=a=>{const{className:t}=a,s=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},s),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M19 13H5V11H19V13Z",fill:"currentColor"})))},exports.IconSearch=a=>{const{className:t}=a,s=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},s),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M15.5 14H14.71L14.43 13.73C15.41 12.59 16 11.11 16 9.5C16 5.91 13.09 3 9.5 3C5.91 3 3 5.91 3 9.5C3 13.09 5.91 16 9.5 16C11.11 16 12.59 15.41 13.73 14.43L14 14.71V15.5L19 20.49L20.49 19L15.5 14V14ZM9.5 14C7.01 14 5 11.99 5 9.5C5 7.01 7.01 5 9.5 5C11.99 5 14 7.01 14 9.5C14 11.99 11.99 14 9.5 14Z",fill:"currentColor"})))},exports.IconStar=a=>{const{className:t}=a,s=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},s),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M12 17.27L18.18 21L16.54 13.97L22 9.24L14.81 8.63L12 2L9.19 8.63L2 9.24L7.46 13.97L5.82 21L12 17.27Z",fill:"currentColor"})))},exports.IconUpload=a=>{const{className:t}=a,s=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},s),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11zM8 15.01l1.41 1.41L11 14.84V19h2v-4.16l1.59 1.59L16 15.01 12.01 11 8 15.01z",fill:"currentColor"})))},exports.IconVisibility=a=>{const{className:t}=a,s=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},s),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M12 6C15.79 6 19.17 8.13 20.82 11.5C19.17 14.87 15.79 17 12 17C8.21 17 4.83 14.87 3.18 11.5C4.83 8.13 8.21 6 12 6ZM12 4C7 4 2.73 7.11 1 11.5C2.73 15.89 7 19 12 19C17 19 21.27 15.89 23 11.5C21.27 7.11 17 4 12 4ZM12 9C13.38 9 14.5 10.12 14.5 11.5C14.5 12.88 13.38 14 12 14C10.62 14 9.5 12.88 9.5 11.5C9.5 10.12 10.62 9 12 9ZM12 7C9.52 7 7.5 9.02 7.5 11.5C7.5 13.98 9.52 16 12 16C14.48 16 16.5 13.98 16.5 11.5C16.5 9.02 14.48 7 12 7Z",fill:"currentColor"})))},exports.IconVisibilityOff=a=>{const{className:t}=a,s=e.__rest(a,["className"]);return i.createElement(k,Object.assign({as:"span",width:"1em",height:"1em",className:c.default(u.Icon,t)},s),i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M12 6.0002C15.79 6.0002 19.17 8.1302 20.82 11.5002C20.23 12.7202 19.4 13.7702 18.41 14.6202L19.82 16.0302C21.21 14.8002 22.31 13.2602 23 11.5002C21.27 7.1102 17 4.0002 12 4.0002C10.73 4.0002 9.51 4.2002 8.36 4.5702L10.01 6.2202C10.66 6.0902 11.32 6.0002 12 6.0002ZM10.93 7.14019L13 9.2102C13.57 9.4602 14.03 9.9202 14.28 10.4902L16.35 12.5602C16.43 12.2202 16.49 11.8602 16.49 11.4902C16.5 9.0102 14.48 7.0002 12 7.0002C11.63 7.0002 11.28 7.05019 10.93 7.14019ZM2.01 3.8702L4.69 6.5502C3.06 7.8302 1.77 9.5302 1 11.5002C2.73 15.8902 7 19.0002 12 19.0002C13.52 19.0002 14.98 18.7102 16.32 18.1802L19.74 21.6002L21.15 20.1902L3.42 2.4502L2.01 3.8702ZM9.51 11.3702L12.12 13.9802C12.08 13.9902 12.04 14.0002 12 14.0002C10.62 14.0002 9.5 12.8802 9.5 11.5002C9.5 11.4502 9.51 11.4202 9.51 11.3702V11.3702ZM6.11 7.97019L7.86 9.7202C7.63 10.2702 7.5 10.8702 7.5 11.5002C7.5 13.9802 9.52 16.0002 12 16.0002C12.63 16.0002 13.23 15.8702 13.77 15.6402L14.75 16.6202C13.87 16.8602 12.95 17.0002 12 17.0002C8.21 17.0002 4.83 14.8702 3.18 11.5002C3.88 10.0702 4.9 8.89019 6.11 7.97019Z",fill:"currentColor"})))},exports.IconWarning=_,exports.IconsContext=H,exports.Label=oe,exports.Loader=Y,exports.Text=ae,exports.View=k,exports.getConsecutiveIntArray=(e,a)=>{const t=a-e+1;return Array.from({length:t},((a,t)=>t+e))},exports.getErrorMessage=e=>(e=>{if("object"==typeof(a=e)&&null!==a&&"message"in a&&"string"==typeof a.message)return e;var a;try{return new Error(JSON.stringify(e))}catch(a){return new Error(String(e))}})(e).message,exports.getFormDataFromEvent=e=>{const a=new FormData(e.target);return Object.fromEntries(a)},exports.getStyleValue=I,exports.getThemeFromContext=m,exports.getValueAtCurrentBreakpoint=T,exports.strHasLength=e=>"string"==typeof e&&e.length>0,exports.useAuth=()=>{const[a,o]=i.useState({error:void 0,isLoading:!0,user:void 0}),n=i.useCallback((()=>e.__awaiter(void 0,void 0,void 0,(function*(){o((e=>Object.assign(Object.assign({},e),{isLoading:!0})));try{const e=yield s.Auth.currentAuthenticatedUser();o({user:e,isLoading:!1})}catch(e){o({error:e,isLoading:!1})}}))),[]),l=i.useCallback((({payload:e})=>{switch(e.event){case"signIn":case"signUp":case"autoSignIn":o({user:e.data,isLoading:!1});break;case"signOut":o({user:void 0,isLoading:!1});break;case"tokenRefresh_failure":case"signIn_failure":o({error:e.data,isLoading:!1});break;case"autoSignIn_failure":o({error:new Error(e.message),isLoading:!1});break;case"tokenRefresh":n()}}),[n]);return i.useEffect((()=>{const e=t.Hub.listen("auth",l,"useAuth");return n(),e}),[l,n]),Object.assign(Object.assign({},a),{fetch:n})},exports.useBreakpoint=x,exports.useDropZone=function({onDropComplete:e,onDragEnter:t,onDragLeave:s,onDragOver:n,onDragStart:l,onDrop:r,acceptedFileTypes:i=[]}){const[c,p]=a.useState("inactive");return{onDragStart:e=>{e.dataTransfer.clearData(),o.isFunction(l)&&l(e)},onDragEnter:e=>{e.preventDefault(),e.stopPropagation(),o.isFunction(t)&&t(e)},onDragLeave:e=>{e.preventDefault(),e.stopPropagation(),p("inactive"),o.isFunction(s)&&s(e)},onDragOver:e=>{e.preventDefault(),e.stopPropagation(),e.dataTransfer.dropEffect="copy",o.isFunction(n)&&n(e);const a=Array.from(e.dataTransfer.items).map((({kind:e,type:a})=>({kind:e,type:a}))),{rejectedFiles:t}=Z(a,i);p(t.length>0?"reject":"accept")},onDrop:a=>{a.preventDefault(),a.stopPropagation(),p("inactive");const t=Array.from(a.dataTransfer.files),{acceptedFiles:s,rejectedFiles:n}=Z(t,i);o.isFunction(r)&&r(a),o.isFunction(e)&&e({acceptedFiles:s,rejectedFiles:n})},dragState:c}},exports.useFieldset=z,exports.useIcons=A,exports.useStyles=y,exports.useTheme=d;

package/dist/esm/components/Authenticator/ResetPassword/ConfirmResetPassword.mjs

@@ -1 +0,0 @@
-import e from"react";import{authenticatorTextUtil as t}from"@aws-amplify/ui";import{Flex as o}from"../../../primitives/Flex/Flex.mjs";import{Heading as r}from"../../../primitives/Heading/Heading.mjs";import{useAuthenticator as m}from"@aws-amplify/ui-react-core";import{useCustomComponents as n}from"../hooks/useCustomComponents/useCustomComponents.mjs";import{useFormHandlers as a}from"../hooks/useFormHandlers/useFormHandlers.mjs";import{RemoteErrorMessage as s}from"../shared/RemoteErrorMessage.mjs";import{TwoButtonSubmitFooter as i}from"../shared/TwoButtonSubmitFooter.mjs";import{FormFields as l}from"../shared/FormFields.mjs";import{RouteContainer as u}from"../RouteContainer/RouteContainer.mjs";const{getResendCodeText:c,getResetYourPasswordText:d}=t,p=({className:t,variation:r})=>{const{isPending:d}=m((e=>[e.isPending])),{handleBlur:f,handleChange:E,handleSubmit:h}=a(),{components:{ConfirmResetPassword:{Header:C=p.Header,Footer:F=p.Footer}}}=n();return e.createElement(u,{className:t,variation:r},e.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-confirmresetpassword":"",method:"post",onSubmit:h,onChange:E,onBlur:f},e.createElement(o,{as:"fieldset",direction:"column",isDisabled:d},e.createElement(C,null),e.createElement(o,{direction:"column"},e.createElement(l,null)),e.createElement(s,null),e.createElement(i,{cancelButtonSendType:"RESEND",cancelButtonText:c()}),e.createElement(F,null))))};p.Header=function(){const t=d();return e.createElement(r,{level:3},t)},p.Footer=function(){return null};export{p as ConfirmResetPassword};

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

@@ -1 +0,0 @@
-import e from"react";import{authenticatorTextUtil as t}from"@aws-amplify/ui";import{Flex as o}from"../../../primitives/Flex/Flex.mjs";import{Heading as r}from"../../../primitives/Heading/Heading.mjs";import{useAuthenticator as n}from"@aws-amplify/ui-react-core";import{useCustomComponents as m}from"../hooks/useCustomComponents/useCustomComponents.mjs";import{useFormHandlers as a}from"../hooks/useFormHandlers/useFormHandlers.mjs";import{RemoteErrorMessage as s}from"../shared/RemoteErrorMessage.mjs";import{TwoButtonSubmitFooter as i}from"../shared/TwoButtonSubmitFooter.mjs";import{FormFields as l}from"../shared/FormFields.mjs";import{RouteContainer as u}from"../RouteContainer/RouteContainer.mjs";const{getBackToSignInText:c,getSendingText:d,getSendCodeText:p,getResetYourPasswordText:f}=t,g=({className:t,variation:r})=>{const{isPending:f}=n((e=>[e.isPending])),{handleChange:E,handleSubmit:F}=a(),{components:{ResetPassword:{Header:h=g.Header,Footer:x=g.Footer}}}=m();return e.createElement(u,{className:t,variation:r},e.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-resetpassword":"",method:"post",onChange:E,onSubmit:F},e.createElement(o,{as:"fieldset",direction:"column",isDisabled:f},e.createElement(h,null),e.createElement(o,{direction:"column"},e.createElement(l,null)),e.createElement(s,null),e.createElement(i,{cancelButtonText:c(),cancelButtonSendType:"SIGN_IN",submitButtonText:f?e.createElement(e.Fragment,null,d(),"…"):e.createElement(e.Fragment,null,p())}),e.createElement(x,null))))};g.Header=function(){return e.createElement(r,{level:3},f())},g.Footer=function(){return null};export{g as ResetPassword};

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

@@ -1 +0,0 @@
-import{__awaiter as e}from"tslib";import t from"qrcode";import*as o from"react";import{Logger as r}from"aws-amplify";import{authenticatorTextUtil as a,getTotpCodeURL as m}from"@aws-amplify/ui";import{Flex as i}from"../../../primitives/Flex/Flex.mjs";import{Heading as n}from"../../../primitives/Heading/Heading.mjs";import{useAuthenticator as l}from"@aws-amplify/ui-react-core";import{useCustomComponents as s}from"../hooks/useCustomComponents/useCustomComponents.mjs";import{useFormHandlers as c}from"../hooks/useFormHandlers/useFormHandlers.mjs";import{ConfirmSignInFooter as p}from"../shared/ConfirmSignInFooter.mjs";import{RemoteErrorMessage as d}from"../shared/RemoteErrorMessage.mjs";import{FormFields as u}from"../shared/FormFields.mjs";import{RouteContainer as f}from"../RouteContainer/RouteContainer.mjs";const g=new r("SetupTOTP-logger"),{getSetupTOTPText:h,getCopiedText:C,getLoadingText:E}=a,v=({className:r,variation:a})=>{var n;const{totpSecretCode:h,isPending:y,user:H,QRFields:w}=l((e=>[e.isPending,e.totpSecretCode])),{handleChange:S,handleSubmit:F}=c(),{components:{SetupTOTP:{Header:T=v.Header,Footer:x=v.Footer}}}=s(),[j,V]=o.useState(!0),[b,P]=o.useState(),[R,k]=o.useState("COPY"),{totpIssuer:L="AWSCognito",totpUsername:M=(null==H?void 0:H.username)}=null!==(n=w)&&void 0!==n?n:{},O=o.useCallback((()=>e(void 0,void 0,void 0,(function*(){try{const e=m(L,M,h),o=yield t.toDataURL(e);P(o)}catch(e){g.error(e)}finally{V(!1)}}))),[L,M,h]);o.useEffect((()=>{b||O()}),[O,b]);return o.createElement(f,{className:r,variation:a},o.createElement("form",{"data-amplify-form":"","data-amplify-authenticator-setup-totp":"",method:"post",onChange:S,onSubmit:F},o.createElement(i,{as:"fieldset",direction:"column",isDisabled:y},o.createElement(T,null),o.createElement(i,{direction:"column"},j?o.createElement("p",null,E(),"…"):o.createElement("img",{"data-amplify-qrcode":!0,src:b,alt:"qr code",width:"228",height:"228"}),o.createElement(i,{"data-amplify-copy":!0},o.createElement("div",null,h),o.createElement(i,{"data-amplify-copy-svg":!0,onClick:()=>{navigator.clipboard.writeText(h),k(C())}},o.createElement("div",{"data-amplify-copy-tooltip":!0},R),o.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o.createElement("path",{d:"M16 1H4C2.9 1 2 1.9 2 3V17H4V3H16V1ZM15 5H8C6.9 5 6.01 5.9 6.01 7L6 21C6 22.1 6.89 23 7.99 23H19C20.1 23 21 22.1 21 21V11L15 5ZM8 21V7H14V12H19V21H8Z"})))),o.createElement(u,null),o.createElement(d,null)),o.createElement(p,null),o.createElement(x,null))))};v.Header=function(){return o.createElement(n,{level:3},h())},v.Footer=function(){return null};export{v as SetupTOTP};

package/dist/esm/components/Storage/FileUploader/FileUploader.mjs

@@ -1 +0,0 @@
-import{__rest as e}from"tslib";import i,{useState as t,useEffect as r,useCallback as s,useMemo as o}from"react";import{Storage as m}from"@aws-amplify/storage";import{translate as a,uploadFile as l,isValidExtension as p}from"@aws-amplify/ui";import{Logger as n}from"aws-amplify";import"../../../primitives/Alert/Alert.mjs";import"../../../primitives/Autocomplete/Autocomplete.mjs";import"../../../primitives/Badge/Badge.mjs";import"../../../primitives/Breadcrumbs/Breadcrumbs.mjs";import{Button as c}from"../../../primitives/Button/Button.mjs";import"../../../primitives/ButtonGroup/ButtonGroup.mjs";import"../../../primitives/Card/Card.mjs";import"../../../primitives/CheckboxField/CheckboxField.mjs";import"../../../primitives/Collection/Collection.mjs";import"../../../primitives/Divider/Divider.mjs";import"../../../primitives/DropZone/DropZone.mjs";import"../../../primitives/Expander/Expander.mjs";import"../../../primitives/Expander/ExpanderItem.mjs";import"../../../primitives/FieldGroupIcon/FieldGroupIcon.mjs";import"../../../primitives/FieldGroupIcon/FieldGroupIconButton.mjs";import"../../../primitives/Fieldset/Fieldset.mjs";import"../../../primitives/Fieldset/useFieldset.mjs";import"../../../primitives/Flex/Flex.mjs";import"../../../primitives/Grid/Grid.mjs";import"../../../primitives/Heading/Heading.mjs";import"../../../primitives/HighlightMatch/HighlightMatch.mjs";import"../../../primitives/Icon/Icon.mjs";import"../../../primitives/Icon/context/IconsContext.mjs";import"classnames";import{ComponentClassNames as d}from"../../../primitives/shared/constants.mjs";import"../../../primitives/View/View.mjs";import"../../../primitives/Image/Image.mjs";import"../../../primitives/Input/Input.mjs";import"../../../primitives/Label/Label.mjs";import"../../../primitives/Link/Link.mjs";import"../../../primitives/Loader/Loader.mjs";import"../../../primitives/Menu/Menu.mjs";import"../../../primitives/Menu/MenuButton.mjs";import"../../../primitives/Menu/MenuItem.mjs";import"../../../primitives/Message/Message.mjs";import"../../../primitives/Pagination/Pagination.mjs";import"../../../primitives/PasswordField/PasswordField.mjs";import"../../../primitives/PhoneNumberField/PhoneNumberField.mjs";import"../../../primitives/Placeholder/Placeholder.mjs";import"../../../primitives/Radio/Radio.mjs";import"../../../primitives/RadioGroupField/RadioGroupField.mjs";import"../../../primitives/Rating/Rating.mjs";import"../../../primitives/ScrollView/ScrollView.mjs";import"../../../primitives/SearchField/SearchField.mjs";import"../../../primitives/SelectField/SelectField.mjs";import"../../../primitives/SliderField/SliderField.mjs";import"../../../primitives/StepperField/StepperField.mjs";import"../../../primitives/SwitchField/SwitchField.mjs";import"../../../primitives/Table/Table.mjs";import"../../../primitives/Table/TableBody.mjs";import"../../../primitives/Table/TableCell.mjs";import"../../../primitives/Table/TableFoot.mjs";import"../../../primitives/Table/TableHead.mjs";import"../../../primitives/Table/TableRow.mjs";import"../../../primitives/Tabs/Tabs.mjs";import"../../../primitives/Text/Text.mjs";import"../../../primitives/TextAreaField/TextAreaField.mjs";import"../../../primitives/TextField/TextField.mjs";import"../../../primitives/ToggleButton/ToggleButton.mjs";import"../../../primitives/ToggleButtonGroup/ToggleButtonGroup.mjs";import{VisuallyHidden as u}from"../../../primitives/VisuallyHidden/VisuallyHidden.mjs";import v from"./hooks/useFileUploader/useFileUploader.mjs";import{UploadPreviewer as g}from"./UploadPreviewer/UploadPreviewer.mjs";import{UploadDropZone as j}from"./UploadDropZone/UploadDropZone.mjs";import{UploadTracker as f}from"./UploadTracker/UploadTracker.mjs";import{FileState as F}from"./types.mjs";import{useDeprecationWarning as b}from"../../../hooks/useDeprecationWarning.mjs";const h=e=>"function"==typeof(null==e?void 0:e.resume),S=new n("AmplifyUI:Storage");function T(n){var{acceptedFileTypes:T,shouldAutoProceed:w=!1,isPreviewerVisible:I,maxFileCount:E,maxSize:x,hasMultipleFiles:C=!0,onError:P,onSuccess:O,showImages:k=!0,accessLevel:M,variation:R="drop",isResumable:y=!1}=n,D=e(n,["acceptedFileTypes","shouldAutoProceed","isPreviewerVisible","maxFileCount","maxSize","hasMultipleFiles","onError","onSuccess","showImages","accessLevel","variation","isResumable"]);b({shouldWarn:!0,message:"FileUploader has exited Dev Preview and was renamed to StorageManager with some API changes. Please migrate to the StorageManager component, as the FileUploader component is no longer supported and will be removed in a future major release. https://ui.docs.amplify.aws/react/connected-components/storage/storagemanager"}),T&&M||S.warn("FileUploader requires accessLevel and acceptedFileTypes props");const[B,U]=t(!1),[G,A]=t(!1),L=v({maxSize:x,acceptedFileTypes:T,hasMultipleFiles:C,isLoading:B,setAutoLoad:A}),{addTargetFiles:N,fileStatuses:Z,inDropZone:V,setFileStatuses:H,setShowPreviewer:z,showPreviewer:W}=L,q=e(L,["addTargetFiles","fileStatuses","inDropZone","setFileStatuses","setShowPreviewer","showPreviewer"]),J=Math.floor(Z.reduce(((e,i)=>{var t;return e+(null!==(t=null==i?void 0:i.percentage)&&void 0!==t?t:0)}),0)/Z.length),K=0!==Z.length&&Z.every((e=>100===(null==e?void 0:e.percentage))),Q=Z.filter((e=>100!==e.percentage)).length>E;r((()=>{100===Math.floor(J)&&U(!1)}),[J]),r((()=>{z(I)}),[z,I]);const X=s((e=>i=>{H((t=>{const r=Object.assign({},t[e]),s=0!==i.total?Math.floor(i.loaded/i.total*100):100,o=100!==s?F.LOADING:F.SUCCESS,m=Object.assign(Object.assign({},r),{percentage:s,fileState:o});return t[e]=m,[...t]}))}),[H]),Y=s((e=>i=>{H((t=>{const r=Object.assign({},t[e]),s=Object.assign(Object.assign({},r),{fileState:"error",fileErrors:a(i.toString())});return t[e]=s,[...t]})),U(!1),"function"==typeof P&&P(i)}),[P,H]),$=s((e=>function(){const i=Z[e];h(i.uploadTask)&&i.uploadTask.pause();const t=[...Z];t[e]=Object.assign(Object.assign({},i),{fileState:F.PAUSED}),H(t)}),[Z,H]),_=s((e=>function(){const i=Z[e];h(i.uploadTask)&&i.uploadTask.resume();const t=[...Z];t[e]=Object.assign(Object.assign({},i),{fileState:F.RESUME}),H(t)}),[Z,H]),ee=s((()=>{U(!0);const e=[];Z.forEach(((i,t)=>{if((null==i?void 0:i.fileState)===F.SUCCESS)return;const r=l(Object.assign({file:i.file,fileName:i.name,level:M,isResumable:y,progressCallback:X(t),errorCallback:Y(t),completeCallback:O},D));h(r)&&y&&e.push(r)})),H((i=>i.map(((i,t)=>{var r;return Object.assign(Object.assign({},i),{uploadTask:null==e?void 0:e[t],fileState:i.fileState===F.INIT?F.LOADING:i.fileState,percentage:null!==(r=i.percentage)&&void 0!==r?r:0})}))))}),[Z,H,M,y,X,Y,O,D]),ie=s((e=>{if(!e.target.files||0===e.target.files.length)return;const{files:i}=e.target;N([...i])>0&&(z(!0),A(!0))}),[N,z]),te=s((()=>{z(!1),H([])}),[H,z]),re=s((e=>()=>{const{fileState:i,uploadTask:t}=Z[e];"loading"===i&&h(t)&&(m.cancel(t),U(!1));const r=Z.filter(((i,t)=>t!==e));H(r)}),[Z,H]),se=s((e=>i=>{if(0===i.trim().length)return;const t=[...Z],r=Z[e],s=p(i,r.file.name);t[e]=Object.assign(Object.assign({},r),{name:i,fileState:s?F.INIT:F.ERROR,fileErrors:s?void 0:a("Extension not allowed")}),H(t)}),[Z,H]),oe=s(((e,i)=>{H((t=>{const r=[...t],s=r[e],o=p(s.name,s.file.name)?F.INIT:F.ERROR,m=i===F.INIT?o:i;return r[e]=Object.assign(Object.assign({},s),{fileState:m}),r}))}),[H]),me=s((e=>()=>{oe(e,F.INIT)}),[oe]),ae=s((e=>i=>{oe(e,F.EDITING)}),[oe]);r((()=>{w&&G&&!Q&&(ee(),A(!1))}),[w,ee,G,Q]);const le=i.useRef(null),pe=null==T?void 0:T.join(),ne=o((()=>i.createElement(i.Fragment,null,i.createElement(c,{className:d.FileUploaderDropZoneButton,isDisabled:B,onClick:()=>{var e;null===(e=null==le?void 0:le.current)||void 0===e||e.click(),le.current.value=""},size:"small"},a("Browse files")),i.createElement(u,null,i.createElement("input",{type:"file",tabIndex:-1,ref:le,onChange:ie,multiple:C,accept:pe})))),[B,ie,C,pe]);return W?i.createElement(g,{dropZone:i.createElement(j,Object.assign({},q,{inDropZone:V}),ne),fileStatuses:Z,isLoading:B,isSuccessful:K,hasMaxFilesError:Q,maxFileCount:E,onClear:te,onFileClick:ee,aggregatePercentage:J},null==Z?void 0:Z.map(((e,t)=>{var r;return i.createElement(f,{errorMessage:null==e?void 0:e.fileErrors,file:e.file,fileState:null==e?void 0:e.fileState,hasImage:null===(r=e.file)||void 0===r?void 0:r.type.startsWith("image/"),showImage:k,key:t,name:e.name,onCancel:re(t),onCancelEdit:me(t),onPause:$(t),onResume:_(t),onSaveEdit:se(t),onStartEdit:ae(t),percentage:e.percentage,isResumable:y})}))):"button"===R?ne:i.createElement(j,Object.assign({},q,{inDropZone:V}),ne)}export{T as FileUploader};