@aws-amplify/ui-react 3.0.0 → 3.0.3

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

@@ -4,65 +4,85 @@ import { Sizes } from './base';
 import { FieldVariations } from './field';
 import { ViewProps } from './view';
 export interface TextAreaStyleProps {
+    /**
+     * @description
+     * Defines if (and how) an element is resizable by the user
+     */
     resize?: Property.Resize;
 }
 export interface TextAreaProps extends TextAreaStyleProps, ViewProps {
     /**
-     * Specifies permissions for browser UA to autocomplete field
-     * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete
+     * @description
+     * Specifies permissions for browser UA to autocomplete field.
+     * @see
+     *[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
      */
     autoComplete?: string;
     /**
-     * Use this to provide a default value for an uncontrolled field
+     * @description
+     * Use this to provide a default value for an uncontrolled field.
      */
     defaultValue?: React.AllHTMLAttributes<'textarea'>['defaultValue'];
     /**
-     * Indicates that Field is in error state
+     * @description
+     * Indicates that Field is in error state.
      */
     hasError?: boolean;
     /**
-     *  Determines whether field should be disabled
-     * @default false
+     * @description
+     *  Determines whether field should be disabled.
+     * @default
+     * false
      */
     isDisabled?: boolean;
     /**
-     * Determines whether field should be immutable
-     * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly
-     * @default false
+     * @description
+     * @see
+     *[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)
+     * @default
+     * false
      */
     isReadOnly?: boolean;
     /**
-     * Whether field should be marked required
+     * @description
+     * Whether field should be marked required.
      */
     isRequired?: boolean;
     /**
-     * Text contents maximum length
+     * @description
+     * Text contents maximum length.
      */
     maxLength?: number;
     /**
+     * @description
      * Name of the field. Submitted with the form as part of a name/value pair.
      */
     name?: string;
     /**
+     * @description
      * Placeholder text shown when field is empty
      * Accessibility tip: avoid putting important instructions for
      * filling out the TextField in the placeholder. Use descriptiveText
-     * for important instructions
+     * for important instructions.
      */
     placeholder?: string;
     /**
-     * Controls height based on number of rows of text to display
+     * @description
+     * Controls height based on number of rows of text to display.
      */
     rows?: number;
     /**
+     * @description
      * Changes the font-size, padding, and height of the field.
      */
     size?: Sizes;
     /**
-     * If value is provided, this will be a controlled field
+     * @description
+     * If value is provided, this will be a controlled field.
      */
     value?: React.AllHTMLAttributes<'textarea'>['value'];
     /**
+     * @description
      * Variants
      */
     variation?: FieldVariations;

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

@@ -5,22 +5,27 @@ import { FieldProps } from './field';
 import { TextAreaProps } from './textArea';
 export interface TextFieldOptions extends FieldProps, FlexContainerStyleProps {
     /**
+     * @description
      * Component(s) to show after input
      */
     outerEndComponent?: React.ReactNode;
     /**
+     * @description
      * Component(s) to show before input
      */
     outerStartComponent?: React.ReactNode;
     /**
+     * @description
      * FieldGroupIconButton component to show inside of input at start
      */
     innerStartComponent?: React.ReactNode;
     /**
+     * @description
      * FieldGroupIconButton component to show inside of input at end
      */
     innerEndComponent?: React.ReactNode;
     /**
+     * @description
      * Input field type (only applies when isMultiline = false)
      */
     type?: InputProps['type'];

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

@@ -1,7 +1,23 @@
 import { ButtonProps } from './button';
 export interface ToggleButtonProps extends ButtonProps {
+    /**
+     * @description
+     * Controls the selected state of the ToggleButton
+     */
     value?: string;
+    /**
+     * @description
+     * Controls the `isPressed` state of the ToggleButton when using it as a controlled component
+     */
     isPressed?: boolean;
+    /**
+     * @description
+     * When `true`, sets the `isPressed` state of the ToggleButton to `true` on initial render
+     */
     defaultPressed?: boolean;
+    /**
+     * @description
+     * Handles changes to the current value when using the ToggleButton as a controlled component
+     */
     onChange?: (value: string) => void;
 }

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

@@ -2,9 +2,29 @@ import * as React from 'react';
 import { FlexProps } from './flex';
 import { ToggleButtonProps } from './toggleButton';
 export interface ToggleButtonGroupProps extends FlexProps, Pick<ToggleButtonProps, 'size' | 'variation'> {
+    /**
+     * @description
+     * Accepts any number of ToggleButton components
+     */
     children: React.ReactNode;
+    /**
+     * @description
+     * When `true`, only allows one ToggleButton to be pressed at a time within a ToggleButtonGroup
+     */
     isExclusive?: boolean;
+    /**
+     * @description
+     * Used when at least one ToggleButton needs to be currently pressed
+     */
     isSelectionRequired?: boolean;
+    /**
+     * @description
+     * Controls which of its ToggleButton children are currently selected
+     */
     value: string | string[];
+    /**
+     * @description
+     * Handles changes to the current value when using the ToggleButtonGroup as a controlled component
+     */
     onChange: (value: string | string[]) => void;
 }

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

@@ -4,26 +4,51 @@ import { BaseStyleProps } from './style';
 declare type MergeProps<A, B> = A & Omit<B, keyof A>;
 export declare type ElementType = React.FC<any> | keyof JSX.IntrinsicElements;
 /**
+ * @description
  * Convert string element type to DOMElement Type
  * e.g. 'button' => HTMLButtonElement
  */
 export declare type HTMLElementType<Element extends ElementType> = Element extends keyof JSX.IntrinsicElements ? React.ElementRef<Element> : HTMLElementTypeFromExoticComponentRef<Element>;
 /**
+ * @description
  * Allows us to extract ElementType from `typeof Root` used in SliderField
  * e.g. React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>> => HTMLSpanElement
  */
 declare type HTMLElementTypeFromExoticComponentRef<Element extends ElementType> = Element extends React.ForwardRefExoticComponent<React.RefAttributes<infer DOMHTMLElement>> ? DOMHTMLElement : HTMLElement;
 export declare type ElementProps<Element extends ElementType> = Element extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[Element] : Element extends React.FC<infer ComponentProps> ? ComponentProps : never;
 export declare type PrimitiveProps<Props extends ViewProps, Element extends ElementType> = MergeProps<Omit<Props, 'as'> & {
+    /**
+     * @description
+     * Changes the type of HTML element rendered
+     */
     as?: Element | Props['as'];
 }, Omit<ElementProps<Element>, 'ref'>>;
 export declare type PrimitivePropsWithRef<Props extends ViewProps, Element extends ElementType> = PrimitiveProps<Props, Element> & {
+    /**
+     * @description
+     * References a DOM element from within a parent component
+     */
     ref?: React.Ref<HTMLElementType<Element>>;
 };
 export declare type Primitive<Props extends ViewProps, Element extends ElementType> = React.ForwardRefRenderFunction<HTMLElementType<Element>, PrimitivePropsWithRef<Props, Element>>;
 export interface ViewProps extends BaseComponentProps, BaseStyleProps, AriaProps {
+    /**
+     * @description
+     * Changes the type of HTML element rendered
+     */
     as?: ElementType;
+    /**
+     * @description
+     * Sets the Boolean `disabled` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form
+     */
     isDisabled?: boolean;
+    /**
+     * @description
+     * Accepts a JavaScript object with camelCased properties rather than a CSS string.
+     * This is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes.
+     * @see
+     *[React docs](https://reactjs.org/docs/dom-elements.html#style)
+     */
     style?: React.CSSProperties;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react",
-  "version": "3.0.0",
+  "version": "3.0.3",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
   "exports": {
@@ -59,7 +59,7 @@
     "size": "yarn run size-limit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "3.11.0",
+    "@aws-amplify/ui": "3.12.1",
     "@aws-amplify/ui-react-v1": "npm:@aws-amplify/ui-react@1.2.9",
     "@radix-ui/react-accordion": "0.1.6",
     "@radix-ui/react-dropdown-menu": "0.1.6",

package/dist/IconWarning-3289842c.js

@@ -1 +0,0 @@
-"use strict";var e=require("lodash/isEmpty"),t=require("lodash/isArray"),i=require("lodash/isObject"),a=require("react/jsx-runtime"),n=require("classnames"),o=require("react"),s=require("@aws-amplify/ui");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(i){if("default"!==i){var a=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,a.get?a:{enumerable:!0,get:function(){return e[i]}})}})),t.default=e,Object.freeze(t)}var p=l(e),c=l(t),d=l(i),m=l(n),h=r(o);const g=h.createContext({theme:s.createTheme()});function u(e,t){var i={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(i[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(a=Object.getOwnPropertySymbols(e);n<a.length;n++)t.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(e,a[n])&&(i[a[n]]=e[a[n]])}return i}const f=e=>d.default(e)&&p.default(e),w=e=>c.default(e)&&p.default(e),b={alignContent:"alignContent",alignItems:"alignItems",alignSelf:"alignSelf",area:"gridArea",autoColumns:"gridAutoColumns",autoFlow:"gridAutoFlow",autoRows:"gridAutoRows",backgroundColor:"backgroundColor",backgroundImage:"backgroundImage",basis:"flexBasis",border:"border",borderRadius:"borderRadius",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"},x=Object.keys(b),y={backgroundColor:"colors",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"},C=e=>"string"==typeof e&&0===e.length,v=e=>null==e||C(e);const N=(e,t)=>{if("string"!=typeof t)return t;if(t.includes(" "))return t.split(" ").map((t=>N(e,t))).join(" ");const i=t.split(".");let{tokens:a}=s.defaultTheme;a=a[y[e]];for(let e=0;e<i.length&&a;e++)a=a[i[e]];return s.isDesignToken(a)?`var(--${s.cssNameTransform({path:[y[e],...i]})})`:t},S=(e,t,i,a)=>{if(s.isDesignToken(e))return e.toString();if("object"!=typeof e)return N(a,e);let n={};const o=Object.keys(i).sort(((e,t)=>i[e]-i[t]));return Array.isArray(e)?e.map(((e,t)=>{n[o[t]]=e})):n=e,j(a,n,t,i)},j=(e,t,i,a)=>{if(t.hasOwnProperty(i)){const a=t[i];return s.isDesignToken(a)?a.toString():N(e,a)}const n=Object.keys(a).sort(((e,t)=>a[t]-a[e])),o=n.slice(n.indexOf(i));for(const i of o)if(t.hasOwnProperty(i)){const a=t[i];return s.isDesignToken(a)?a.toString():N(e,a)}return null},F="undefined"==typeof window?h.useEffect:h.useLayoutEffect,T=({breakpoints:e,defaultBreakpoint:t})=>{const i="undefined"!=typeof window&&void 0!==window.matchMedia?window.matchMedia:null,a=h.useMemo((()=>(({breakpoints:e})=>{const t=Object.keys(e).sort(((t,i)=>e[i]-e[t]));return t.map(((i,a)=>{let n="",o=e[i];const s=t[a-1],l=s?e[s]-1:null;return o>=0&&(n=`(min-width: ${o}px)`),null!==l&&(n&&(n+=" and "),n+=`(max-width: ${l}px)`),{breakpoint:i,query:n,maxWidth:l,minWidth:o}}))})({breakpoints:e})),[e]),[n,o]=h.useState(t),s=h.useCallback(((e,t)=>{e&&o(t)}),[o]);return F((()=>{if(!i)return;const e=a.map((({query:e,breakpoint:t})=>{const a=i(e);s(a.matches,t);const n=e=>{e.matches&&o(t)};return a.addEventListener("change",n),()=>a.removeEventListener("change",n)}));return()=>{e.forEach((e=>e()))}}),[e,o,i,a]),h.useDebugValue(n,(e=>e)),n},_=e=>void 0===e||void 0===e.theme?s.createTheme():e.theme,k=()=>{const e=h.useContext(g);return _(e)},L=(e,t)=>{const{breakpoints:{values:i,defaultBreakpoint:a}}=k(),n=T({breakpoints:i,defaultBreakpoint:a}),o=(e=>{const{rowSpan:t,columnSpan:i,row:a,column:n}=e,o=u(e,["rowSpan","columnSpan","row","column"]),{rowFromSpanValue:s,columnFromSpanValue:l}=h.useMemo((()=>({rowFromSpanValue:I(t),columnFromSpanValue:I(i)})),[t,i]);return Object.assign({row:v(a)?s:a,column:v(n)?l:n},o)})(e);return h.useMemo((()=>B({props:o,style:t,breakpoint:n,breakpoints:i})),[o,t,i,n])},I=e=>{if((e=>"auto"===e||"number"==typeof e&&!isNaN(e)||"string"==typeof e&&!isNaN(parseFloat(e)))(e))return O(e);if(Array.isArray(e))return e.map((e=>O(e)));if("object"==typeof e&&null!=e){const t={};return Object.entries(e).forEach((([e,i])=>{t[e]=O(i)})),t}return null},O=e=>"auto"===e?"auto":`span ${e}`,B=({props:e={},style:t={},breakpoint:i,breakpoints:a})=>{const n={};return Object.keys(e).filter((t=>null!=e[t])).forEach((o=>{if(o in b){if(!C(e[o])){let n=e[o];n=S(n,i,a,o);const s=b[o];t=Object.assign(Object.assign({},t),{[s]:n})}}else n[o]=e[o]})),{propStyles:t,nonStyleProps:n}},E={alignContent:!0,alignItems:!0,direction:!0,gap:!0,justifyContent:!0,wrap:!0,columnGap:!0,rowGap:!0},M={alignSelf:!0,area:!0,backgroundColor:!0,backgroundImage:!0,basis:!0,border:!0,borderRadius:!0,bottom:!0,boxShadow:!0,color:!0,column:!0,columnEnd:!0,columnSpan:!0,columnStart:!0,display:!0,flex:!0,fontFamily:!0,fontSize:!0,fontStyle:!0,fontWeight:!0,grow:!0,height:!0,left:!0,letterSpacing:!0,lineHeight:!0,margin:!0,marginBlock:!0,marginBlockEnd:!0,marginBlockStart:!0,marginBottom:!0,marginInline:!0,marginInlineEnd:!0,marginInlineStart:!0,marginLeft:!0,marginRight:!0,marginTop:!0,maxHeight:!0,maxWidth:!0,minHeight:!0,minWidth:!0,opacity:!0,order:!0,overflow:!0,padding:!0,paddingBlock:!0,paddingBlockEnd:!0,paddingBlockStart:!0,paddingBottom:!0,paddingInline:!0,paddingInlineEnd:!0,paddingInlineStart:!0,paddingLeft:!0,paddingRight:!0,paddingTop:!0,position:!0,right:!0,row:!0,rowEnd:!0,rowSpan:!0,rowStart:!0,shrink:!0,textAlign:!0,textDecoration:!0,textTransform:!0,top:!0,transform:!0,transformOrigin:!0,width:!0,whiteSpace:!0},H=h.forwardRef(((e,t)=>{var{as:i="div",children:a,testId:n,ariaLabel:o,isDisabled:s,style:l}=e,r=u(e,["as","children","testId","ariaLabel","isDisabled","style"]);const{propStyles:p,nonStyleProps:c}=L(r,l);return h.createElement(i,Object.assign({"aria-label":o,"data-testid":n,disabled:s,ref:t,style:p},c),a)}));H.displayName="View";const P={Alert:{className:"amplify-alert",components:["Alert"],description:"Top level element that wraps the Alert primitive"},AlertIcon:{className:"amplify-alert__icon",components:["Alert"],description:"Class applied to Icon component within the Alert primitive"},AlertHeading:{className:"amplify-alert__heading",components:["Alert"],description:"Class applied to the heading View"},AlertBody:{className:"amplify-alert__body",components:["Alert"],description:"Class applied to the body View"},AlertDismiss:{className:"amplify-alert__dismiss",components:["Alert"],description:"Class applied to the close Button"},Badge:{className:"amplify-badge",components:["Badge"],description:"Top level element that wraps the Badge component"},Button:{className:"amplify-button",components:["Button"],description:"Top level element that wraps the Button primitive"},ButtonGroup:{className:"amplify-buttongroup"},ButtonLoaderWrapper:{className:"amplify-button__loader-wrapper",components:["Button"],description:"Class applied to the Loader component within the Button Loading state"},Card:{className:"amplify-card",components:["Card"],description:"Top level element that wraps the Card primitive"},Checkbox:{className:"amplify-checkbox",components:["Checkbox"],description:"Top level element that wraps the Checkbox primitive"},CheckboxButton:{className:"amplify-checkbox__button",components:["Checkbox"],description:"Wrapper for the checked icon within the Checkbox primitive"},CheckboxIcon:{className:"amplify-checkbox__icon",components:["Checkbox"],description:"Class applied to the checked icon within the Checkbox primitive"},CheckboxInput:{className:"amplify-checkbox__input",components:["Checkbox"],description:"Class applied to the visually hidden checkbox input within the Checkbox primitive"},CheckboxLabel:{className:"amplify-checkbox__label",components:["Checkbox"],description:"Class applied to the label within the Checkbox primitive"},CheckboxField:{className:"amplify-checkboxfield",components:["CheckboxField"],description:"Top level element that wraps the CheckboxField primitive"},Collection:{className:"amplify-collection",components:["Collection"],description:"Top level element that wraps the Collection primitive"},CollectionItems:{className:"amplify-collection-items",components:["Collection"],description:"Class applied to the element that wraps all the items in a collection"},CollectionSearch:{className:"amplify-collection-search",components:["Collection"],description:"Class applied to the element that wraps the collection search box"},CollectionPagination:{className:"amplify-collection-pagination",components:["Collection"],description:"Class applied to the element that wraps the pagination component in a collection"},CountryCodeSelect:{className:"amplify-countrycodeselect",components:["PhoneNumberField"],description:"Class applied to the Country Code Select within the PhoneNumberField primitive"},Divider:{className:"amplify-divider",components:["Divider"],description:"Top level element that wraps the Divider primitive"},DividerLabel:{className:"amplify-divider--label",components:["Divider"],description:"Class applied to the label of the Divider component"},Expander:{className:"amplify-expander",components:["Expander"],description:"Top level element that wraps the Expander primitive"},ExpanderContent:{className:"amplify-expander__content",components:["Expander"],description:"Expander content container"},ExpanderContentText:{className:"amplify-expander__content__text",components:["Expander"],description:"Expander content text"},ExpanderHeader:{className:"amplify-expander__header",components:["Expander"],description:"Expander item header"},ExpanderIcon:{className:"amplify-expander__icon",components:["Expander"],description:"Icon to indicate whether an item is expanded or collapsed"},ExpanderItem:{className:"amplify-expander__item",components:["Expander"],description:"Expander item(containier for header, trigger, and content)"},ExpanderTrigger:{className:"amplify-expander__trigger",components:["Expander"],description:"Expander item trigger(button)"},Field:{className:"amplify-field"},FieldDescription:{className:"amplify-field__description"},FieldErrorMessage:{className:"amplify-field__error-message"},FieldGroup:{className:"amplify-field-group"},FieldGroupControl:{className:"amplify-field-group__control"},FieldGroupOuterEnd:{className:"amplify-field-group__outer-end"},FieldGroupOuterStart:{className:"amplify-field-group__outer-start"},FieldGroupInnerEnd:{className:"amplify-field-group__inner-end"},FieldGroupInnerStart:{className:"amplify-field-group__inner-start"},FieldGroupIcon:{className:"amplify-field-group__icon"},FieldGroupIconButton:{className:"amplify-field-group__icon-button"},FieldGroupHasInnerEnd:{className:"amplify-field-group--has-inner-end"},FieldGroupHasInnerStart:{className:"amplify-field-group--has-inner-start"},FieldShowPassword:{className:"amplify-field__show-password"},FieldGroupFieldWrapper:{className:"amplify-field-group__field-wrapper"},Flex:{className:"amplify-flex",components:["Flex"],description:"Top level element that wraps the Flex primitive"},Grid:{className:"amplify-grid",components:["Grid"],description:"Top level element that wraps the Grid primitive"},Heading:{className:"amplify-heading",components:["Heading"],description:"Top level element that wraps the Heading primitive"},Icon:{className:"amplify-icon",components:["Icon"],description:"Top level element that wraps the Icon primitive"},Image:{className:"amplify-image",components:["Image"],description:"Top level element that wraps the Image primitive"},Input:{className:"amplify-input"},Label:{className:"amplify-label"},Link:{className:"amplify-link",components:["Link"],description:"Top level element that wraps the Link primitive"},Loader:{className:"amplify-loader",components:["Loader"],description:"Top level element that wraps the Loader primitive"},LoaderDeterminate:{className:"amplify-loader--determinate",components:["Loader"],description:"Class applied to a determinate loader"},LoaderPercentageText:{className:"amplify-loader__percentage-text",components:["Loader"],description:"Class applied to the percentage text of loader"},MenuContent:{className:"amplify-menu-content",components:["Menu"],description:"Menu content container (Flex)"},MenuItem:{className:"amplify-menu-content__item",components:["Menu"],description:"Menu item button (MenuButton, wrapped in amplify-menu-content class)"},MenuTrigger:{className:"amplify-menu-trigger",components:["Menu"],description:"Menu trigger button (MenuButton, not wrapped in amplify-menu-content class)"},Pagination:{className:"amplify-pagination",components:["Pagination"],description:"Top level element that wraps the Pagination primitive"},PaginationItemButton:{className:"amplify-pagination__item-button",components:["Pagination"],description:"Class applied to the pagination buttons"},PaginationItemCurrent:{className:"amplify-pagination__item-current",components:["Pagination"],description:"Class applied to the currently selected pagination button"},PaginationItemEllipsis:{className:"amplify-pagination__item-ellipsis",components:["Pagination"],description:"Class applied to the ellipsis within the Pagination primitive"},PasswordField:{className:"amplify-passwordfield",components:["PasswordField"],description:"Top level element that wraps the PasswordField primitive"},PhoneNumberField:{className:"amplify-phonenumberfield",components:["PhoneNumberField"],description:"Top level element that wraps the PhoneNumberField primitive"},Placeholder:{className:"amplify-placeholder",components:["Placeholder"],description:"Top level element that wraps the Placeholder primitive"},Radio:{className:"amplify-radio",components:["RadioGroupField","Radio"],description:"Top level element that wraps the Radio primitive"},RadioButton:{className:"amplify-radio__button",compoents:["RadioGroupField","Radio"],description:"Class applied to the displayed radio button"},RadioInput:{className:"amplify-radio__input",components:["RadioGroupField","Radio"],description:"Class applied to the visually hidden radio input"},RadioLabel:{className:"amplify-radio__label",components:["RadioGroupField","Radio"],description:"Class applied to the radio label"},RadioGroupField:{className:"amplify-radiogroupfield",components:["RadioGroupField"],description:"Top level element that wraps the RadioGroupField primitive"},RadioGroup:{className:"amplify-radiogroup",components:["RadioGroupField"],description:"Class applied to the radio group wrapper"},Rating:{className:"amplify-rating",components:["Rating"],description:"Top level element that wraps the Rating primitive"},ScrollView:{className:"amplify-scrollview",components:["ScrollView"],description:"Top level element that wraps the ScrollView primitive"},SearchField:{className:"amplify-searchfield",components:["SearchField"],description:"Top level element that wraps the SearchField primitive"},SearchFieldClear:{className:"amplify-searchfield__clear",components:["SearchField"],description:"Class applied to the search field clear button"},SearchFieldSearch:{className:"amplify-searchfield__search",components:["SearchField"],description:"Class applied to the search button"},Select:{className:"amplify-select",components:["Select","SelectField"],description:"Class applied to the select element"},SelectField:{className:"amplify-selectfield",components:["SelectField"],description:"Top level element that wraps the SelectField primitive"},SelectWrapper:{className:"amplify-select__wrapper",components:["Select","SelectField"],description:"Class applied to the select wrapper"},SelectIconWrapper:{className:"amplify-select__icon-wrapper",components:["Select","SelectField"],description:"Class applied to the select icon wrapper"},SliderField:{className:"amplify-sliderfield",components:["SliderField"],description:"Top level element that wraps the SliderField primitive"},SliderFieldGroup:{className:"amplify-sliderfield__group",components:["SliderField"],description:"Class applied to the element that wraps the slider root"},SliderFieldLabel:{className:"amplify-sliderfield__label",components:["SliderField"],description:"Class applied to the slider label"},SliderFieldRange:{className:"amplify-sliderfield__range",components:["SliderField"],description:"Class applied to the filled in portion of the slider track"},SliderFieldRoot:{className:"amplify-sliderfield__root",components:["SliderField"],description:"Class applied to the slider root which wraps the track and thumb"},SliderFieldThumb:{className:"amplify-sliderfield__thumb",components:["SliderField"],description:"Class applied to the slider thumb"},SliderFieldTrack:{className:"amplify-sliderfield__track",components:["SliderField"],description:"Class applied to the slider track"},StepperField:{className:"amplify-stepperfield",components:["StepperField"],description:"Top level element that wraps the StepperField primitive"},StepperFieldButtonDecrease:{className:"amplify-stepperfield__button--decrease",components:["StepperField"],description:"Class applied to the decrease button"},StepperFieldButtonIncrease:{className:"amplify-stepperfield__button--increase",components:["StepperField"],description:"Class applied to the increase button"},StepperFieldInput:{className:"amplify-stepperfield__input",components:["StepperField"],description:"Class applied to the StepperField input"},SwitchField:{className:"amplify-switchfield",components:["SwitchField"],description:"Top level element that wraps the SwitchField primitive"},SwitchLabel:{className:"amplify-switch-label",components:["SwitchField"],description:"Class applied to the SwitchField label text"},SwitchThumb:{className:"amplify-switch-thumb",components:["SwitchField"],description:"Class applied to the SwitchField thumb"},SwitchTrack:{className:"amplify-switch-track",components:["SwitchField"],description:"Class applied to the SwitchField track"},SwitchWrapper:{className:"amplify-switch__wrapper",components:["SwitchField"],description:"Class applied to the label element that wraps the SwitchField label and track"},Table:{className:"amplify-table",components:["Table"],description:"Top level element that wraps the Table primitive"},TableCaption:{className:"amplify-table__caption",components:["Table"],description:"Class applied to the content provided as the caption prop"},TableBody:{className:"amplify-table__body",components:["Table"],description:"Class applied to TableBody component"},TableTd:{className:"amplify-table__td",components:["Table"],description:'Class applied to TableCell component rendered as a <td> element (<TableCell as="td" />)'},TableTh:{className:"amplify-table__th",components:["Table"],description:'Class applied to TableCell comopnent rendered as a <th> element (<TableCell as="th" />)'},TableFoot:{className:"amplify-table__foot",components:["Table"],description:"Class applied to TableFoot component"},TableHead:{className:"amplify-table__head",components:["Table"],description:"Class applied to TableHead component"},TableRow:{className:"amplify-table__row",components:["Table"],description:"Class applied to TableRow component"},Tabs:{className:"amplify-tabs",components:["Tabs"],description:"Top level element that wraps the Tabs primitive"},TabItems:{className:"amplify-tabs-item",components:["Tabs"],description:"Top level element that wraps the TabItem primitive"},Text:{className:"amplify-text",components:["Text"],description:"Top level element that wraps the Text primitive"},Textarea:{className:"amplify-textarea",components:["TextAreaField"],description:"Class applied to the text area"},TextAreaField:{className:"amplify-textareafield",components:["TextAreaField"],description:"Top level element that wraps the TextAreaField primitive"},TextField:{className:"amplify-textfield",components:["TextField"],description:"Top level element that wraps the TextField primitive"},ToggleButton:{className:"amplify-togglebutton",components:["ToggleButton"],description:"Top level element that wraps the ToggleButton primitive"},ToggleButtonGroup:{className:"amplify-togglebuttongroup",components:["ToggleButton","ToggleButtonGroup"],description:"Top level element that wraps the ToggleButtonGroup primitive"},VisuallyHidden:{className:"amplify-visually-hidden",components:["VisuallyHidden"],description:"Top level element that wraps the VisuallyHidden primitive"}};let V={};Object.keys(P).map((e=>{V[e]=P[e].className})),Object.freeze(V);exports.AmplifyContext=g,exports.ComponentClassNames=V,exports.ComponentClassObject=P,exports.ComponentPropsToStylePropsMap=b,exports.ComponentPropsToStylePropsMapKeys=x,exports.ComponentText={Collection:{searchButtonLabel:"Search"},Fields:{clearButtonLabel:"Clear input"},PaginationItem:{currentPageLabel:"Current Page:",nextLabel:"Go to next page",pageLabel:"Go to page",previousLabel:"Go to previous page"},PhoneNumberField:{countryCodeLabel:"Country code"},SearchField:{searchButtonLabel:"Search"},PasswordField:{showPasswordButtonLabel:"Show password",hidePasswordButtonLabel:"Hide password"},StepperField:{increaseButtonLabel:"Increase to",decreaseButtonLabel:"Decrease to"}},exports.IconAdd=e=>{const{className:t}=e,i=u(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M19 13H13V19H11V13H5V11H11V5H13V11H19V13Z",fill:"currentColor"})}))}))},exports.IconCheck=e=>{const{className:t}=e,i=u(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("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=e=>{const{className:t}=e,i=u(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("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"})}))}))},exports.IconChevronLeft=e=>{const{className:t}=e,i=u(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M15.41 7.41L14 6L8 12L14 18L15.41 16.59L10.83 12L15.41 7.41Z",fill:"currentColor"})}))}))},exports.IconChevronRight=e=>{const{className:t}=e,i=u(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M9.99984 6L8.58984 7.41L13.1698 12L8.58984 16.59L9.99984 18L15.9998 12L9.99984 6Z",fill:"currentColor"})}))}))},exports.IconClose=e=>{const{className:t}=e,i=u(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("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"})}))}))},exports.IconError=e=>{const{className:t}=e,i=u(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("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"})}))}))},exports.IconExpandMore=e=>{const{className:t}=e,i=u(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M16.59 8.58984L12 13.1698L7.41 8.58984L6 9.99984L12 15.9998L18 9.99984L16.59 8.58984Z",fill:"currentColor"})}))}))},exports.IconInfo=e=>{const{className:t}=e,i=u(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("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"})}))}))},exports.IconMenu=e=>{const{className:t}=e,i=u(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M3 18H21V16H3V18ZM3 13H21V11H3V13ZM3 6V8H21V6H3Z",fill:"currentColor"})}))}))},exports.IconRemove=e=>{const{className:t}=e,i=u(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M19 13H5V11H19V13Z",fill:"currentColor"})}))}))},exports.IconSearch=e=>{const{className:t}=e,i=u(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("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=e=>{const{className:t}=e,i=u(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("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.IconVisibility=e=>{const{className:t}=e,i=u(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("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=e=>{const{className:t}=e,i=u(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("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=e=>{const{className:t}=e,i=u(e,["className"]);return a.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:m.default(V.Icon,t)},i,{children:a.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:a.jsx("path",{d:"M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z",fill:"currentColor"})}))}))},exports.View=H,exports.__awaiter=function(e,t,i,a){return new(i||(i=Promise))((function(n,o){function s(e){try{r(a.next(e))}catch(e){o(e)}}function l(e){try{r(a.throw(e))}catch(e){o(e)}}function r(e){var t;e.done?n(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(s,l)}r((a=a.apply(e,t||[])).next())}))},exports.__rest=u,exports.areArrayValuesEqual=(e,t)=>e.length===t.length&&e.every(((e,i)=>{const a=t[i];return!(!w(e)||!w(a))||(!(!f(e)||!f(a))||e===a)})),exports.classNameModifier=(e,t)=>t?`${e}--${t}`:null,exports.classNameModifierByFlag=(e,t,i)=>i?`${e}--${t}`:null,exports.findChildOverrides=(e,t)=>{if(!e)return null;const i=Object.entries(e).filter((e=>e[0].startsWith(t)));return Object.assign({},...Array.from(i,(([e,i])=>({[e.replace(t,"")]:i}))))},exports.getConsecutiveIntArray=(e,t)=>{const i=t-e+1;return Array.from({length:i},((t,i)=>i+e))},exports.getErrorMessage=e=>(e=>{if("object"==typeof(t=e)&&null!==t&&"message"in t&&"string"==typeof t.message)return e;var t;try{return new Error(JSON.stringify(e))}catch(t){return new Error(String(e))}})(e).message,exports.getFormDataFromEvent=e=>{const t=new FormData(e.target);return Object.fromEntries(t)},exports.getOverrideProps=(e,t)=>{if(!e)return null;const i=Object.entries(e).filter((([e])=>e===t)).flatMap((([,e])=>Object.entries(e))).filter((e=>null==e?void 0:e[0]));return Object.fromEntries(i)},exports.getOverridesFromVariants=function(e,t){const i=[...new Set(e.flatMap((e=>Object.keys(e.variantValues))))],a=Object.keys(t).filter((e=>i.includes(e)&&t[e])).reduce(((e,i)=>(e[i]=t[i],e)),{});return e.filter((({variantValues:e})=>Object.keys(e).length===Object.keys(a).length&&Object.entries(e).every((([e,t])=>a[e]===t)))).reduce(((e,t)=>Object.assign(Object.assign({},e),t.overrides)),{})},exports.getThemeFromContext=_,exports.getValueAtCurrentBreakpoint=S,exports.isFunction=e=>"function"==typeof e,exports.mergeVariantsAndOverrides=(e,t)=>{if(!e&&!t)return null;if(!t)return e;if(!e)return t;const i=new Set(Object.keys(t)),a=Object.keys(e).filter((e=>i.has(e))),n=Object.fromEntries(a.map((i=>[i,Object.assign(Object.assign({},e[i]),t[i])])));return Object.assign(Object.assign(Object.assign({},e),t),n)},exports.splitPrimitiveProps=e=>{const t={flexContainerStyleProps:{},baseStyleProps:{},rest:{}};return Object.keys(e).forEach((i=>{i in E?t.flexContainerStyleProps[i]=e[i]:i in M?t.baseStyleProps[i]=e[i]:t.rest[i]=e[i]})),t},exports.strHasLength=e=>"string"==typeof e&&e.length>0,exports.useBreakpoint=T,exports.useStyles=L,exports.useTheme=k;