npm - @aws-amplify/ui-react - Versions diffs - 3.4.0 → 3.5.1 - Mend

@aws-amplify/ui-react 3.4.0 → 3.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (129) hide show

package/dist/styles.css CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 /**
  * Do not edit directly
- * Generated on Thu, 11 Aug 2022 21:46:17 GMT
+ * Generated on Tue, 06 Sep 2022 22:47:36 GMT
  */
 :root, [data-amplify-theme] {
   --amplify-transforms-slide-x-large: translateX(2em);
@@ -993,10 +993,8 @@ select {
   }
 }
 [class*=amplify] {
-  all: unset;
-  /* protect against external styles */
-  box-sizing: border-box;
-  /* set box-sizing after unset above */
+  all: unset; /* protect against external styles */
+  box-sizing: border-box; /* set box-sizing after unset above */
 }
 .amplify-flex {
@@ -1130,7 +1128,6 @@ strong.amplify-text {
   transition: all var(--amplify-components-button-transition-duration);
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   --amplify-internal-button-disabled-color: var(
     --amplify-components-button-disabled-color
@@ -1455,7 +1452,6 @@ strong.amplify-text {
   outline-offset: var(--amplify-components-fieldcontrol-outline-offset);
   -webkit-user-select: text;
      -moz-user-select: text;
-      -ms-user-select: text;
           user-select: text;
 }
 .amplify-input:focus {
@@ -1542,7 +1538,6 @@ strong.amplify-text {
   outline-offset: var(--amplify-components-fieldcontrol-outline-offset);
   -webkit-user-select: text;
      -moz-user-select: text;
-      -ms-user-select: text;
           user-select: text;
   white-space: pre-wrap;
 }
@@ -2158,7 +2153,7 @@ strong.amplify-text {
   justify-content: var(--amplify-components-checkboxfield-justify-content);
 }
-.amplify-countrycodeselect {
+.amplify-dialcodeselect {
   height: var(--amplify-components-countrycodeselect-height);
 }
@@ -3034,7 +3029,6 @@ html[dir=rtl] .amplify-field-group__inner-start {
   touch-action: none;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   --amplify-internal-sliderfield-root-height: var(
     --amplify-components-sliderfield-thumb-height
@@ -4166,9 +4160,8 @@ html[dir=rtl] .amplify-field-group__inner-start {
 .mapboxgl-map,.maplibregl-map{-webkit-tap-highlight-color:rgb(0 0 0/0);font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative}
 .mapboxgl-canvas,.maplibregl-canvas{left:0;position:absolute;top:0}
 .mapboxgl-map:-webkit-full-screen, .maplibregl-map:-webkit-full-screen{height:100%;width:100%}
-.mapboxgl-map:-ms-fullscreen, .maplibregl-map:-ms-fullscreen{height:100%;width:100%}
 .mapboxgl-map:fullscreen,.maplibregl-map:fullscreen{height:100%;width:100%}
-.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass,.maplibregl-canvas-container.maplibregl-interactive,.maplibregl-ctrl-group button.maplibregl-ctrl-compass{cursor:-webkit-grab;cursor:grab;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
+.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass,.maplibregl-canvas-container.maplibregl-interactive,.maplibregl-ctrl-group button.maplibregl-ctrl-compass{cursor:-webkit-grab;cursor:grab;-moz-user-select:none;-webkit-user-select:none;user-select:none}
 .mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer,.maplibregl-canvas-container.maplibregl-interactive.maplibregl-track-pointer{cursor:pointer}
 .mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active,.maplibregl-canvas-container.maplibregl-interactive:active,.maplibregl-ctrl-group button.maplibregl-ctrl-compass:active{cursor:-webkit-grabbing;cursor:grabbing}
 .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas,.maplibregl-canvas-container.maplibregl-touch-zoom-rotate,.maplibregl-canvas-container.maplibregl-touch-zoom-rotate .maplibregl-canvas{touch-action:pan-x pan-y}
@@ -4257,7 +4250,7 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact,a.maplibregl-ctrl-logo.maplibregl-compact{
 .mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content,.maplibregl-popup-anchor-bottom-left .maplibregl-popup-content{border-bottom-left-radius:0}
 .mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content,.maplibregl-popup-anchor-bottom-right .maplibregl-popup-content{border-bottom-right-radius:0}
 .mapboxgl-popup-track-pointer,.maplibregl-popup-track-pointer{display:none}
-.mapboxgl-popup-track-pointer *,.maplibregl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
+.mapboxgl-popup-track-pointer *,.maplibregl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
 .mapboxgl-map:hover .mapboxgl-popup-track-pointer,.maplibregl-map:hover .maplibregl-popup-track-pointer{display:flex}
 .mapboxgl-map:active .mapboxgl-popup-track-pointer,.maplibregl-map:active .maplibregl-popup-track-pointer{display:none}
 .mapboxgl-marker,.maplibregl-marker{left:0;position:absolute;top:0;will-change:transform}

package/dist/types/components/Authenticator/SetupTOTP/SetupTOTP.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
 import { RouteProps } from '../RouteContainer';
-export declare const getTotpCode: (issuer: string, username: string, secret: string) => string;
 export declare const SetupTOTP: {
     ({ className, variation, }: RouteProps): JSX.Element;
     Header(): JSX.Element;

package/dist/types/components/Authenticator/hooks/useAuthenticator/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { AuthEventData, AuthInterpreter, AuthMachineSend, AuthMachineState, CodeDeliveryDetails, CognitoUserAmplify, getServiceFacade } from '@aws-amplify/ui';
+import { AuthInterpreter, AuthMachineSend, AuthMachineState, AuthenticatorServiceFacade } from '@aws-amplify/ui';
 export declare type AuthenticatorContextValue = {
     service?: AuthInterpreter;
 };
@@ -7,7 +7,7 @@ export declare type AuthenticatorContextValue = {
  * These are the "facades" that we provide, which contains contexts respective
  * to current authenticator state.
  */
-export declare type AuthenticatorContext = ReturnType<typeof getServiceFacade>;
+export declare type AuthenticatorContext = AuthenticatorServiceFacade;
 /**
  * These are internal xstate helpers to we share with `useAuthenticator`.
  *
@@ -24,32 +24,12 @@ export declare type InternalAuthenticatorContext = {
  * desired value(s) that should trigger re-render.
  */
 export declare type Selector = (context: AuthenticatorContext) => Array<any>;
-export declare type UseAuthenticator = {
+export interface UseAuthenticator extends AuthenticatorServiceFacade {
     /** @deprecated For internal use only */
     _send: InternalAuthenticatorContext['_send'];
     /** @deprecated For internal use only */
     _state: InternalAuthenticatorContext['_state'];
-    error: string;
-    hasValidationErrors: boolean;
-    isPending: boolean;
-    route: string;
-    authStatus: string;
-    user: CognitoUserAmplify;
-    validationErrors: {
-        [key: string]: string | string[];
-    };
-    codeDeliveryDetails: CodeDeliveryDetails;
-    resendCode: (data?: AuthEventData) => void;
-    signOut: (data?: AuthEventData) => void;
-    submitForm: (data?: AuthEventData) => void;
-    updateForm: (data?: AuthEventData) => void;
-    updateBlur: (data?: AuthEventData) => void;
-    toFederatedSignIn: (data?: AuthEventData) => void;
-    toResetPassword: (data?: AuthEventData) => void;
-    toSignIn: (data?: AuthEventData) => void;
-    toSignUp: (data?: AuthEventData) => void;
-    skipVerification: (data?: AuthEventData) => void;
-};
+}
 /**
  * AuthenticatorContext serves static reference to the auth machine service.
  *

package/dist/types/primitives/PhoneNumberField/CountryCodeSelect.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import * as React from 'react';
-import { CountryCodeSelectProps } from '../types';
-export declare const CountryCodeSelect: React.ForwardRefExoticComponent<Pick<import("../types").PrimitivePropsWithRef<CountryCodeSelectProps, "select">, "area" | "slot" | "title" | "isDisabled" | "id" | "className" | "testId" | "alignSelf" | "backgroundColor" | "backgroundImage" | "border" | "borderRadius" | "bottom" | "boxShadow" | "color" | "display" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "left" | "letterSpacing" | "lineHeight" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "overflow" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textDecoration" | "textTransform" | "top" | "transform" | "transformOrigin" | "width" | "whiteSpace" | "flex" | "order" | "grow" | "shrink" | "basis" | "column" | "columnEnd" | "columnSpan" | "columnStart" | "row" | "rowEnd" | "rowSpan" | "rowStart" | "ariaLabel" | "ariaValuetext" | "role" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "about" | "datatype" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "direction" | "wrap" | "alignItems" | "alignContent" | "justifyContent" | "gap" | "columnGap" | "rowGap" | "variation" | "size" | "form" | "autoFocus" | "disabled" | "name" | "value" | "label" | "autoComplete" | "multiple" | "required" | "labelHidden" | "hasError" | "isReadOnly" | "isRequired" | "descriptiveText" | "errorMessage" | "as" | "iconColor" | "onError" | "options" | "onChange" | "style" | "onLoad" | "onClick" | "icon" | "inlist" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "dialCodeList"> & React.RefAttributes<HTMLSelectElement>>;
+import { DialCodeSelectProps } from '../types';
+export declare const CountryCodeSelect: React.ForwardRefExoticComponent<Pick<import("../types").PrimitivePropsWithRef<DialCodeSelectProps, "select">, "area" | "slot" | "title" | "isDisabled" | "id" | "className" | "testId" | "alignSelf" | "backgroundColor" | "backgroundImage" | "border" | "borderRadius" | "bottom" | "boxShadow" | "color" | "display" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "left" | "letterSpacing" | "lineHeight" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "overflow" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textDecoration" | "textTransform" | "top" | "transform" | "transformOrigin" | "width" | "whiteSpace" | "flex" | "order" | "grow" | "shrink" | "basis" | "column" | "columnEnd" | "columnSpan" | "columnStart" | "row" | "rowEnd" | "rowSpan" | "rowStart" | "ariaLabel" | "ariaValuetext" | "role" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "about" | "datatype" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "direction" | "wrap" | "alignItems" | "alignContent" | "justifyContent" | "gap" | "columnGap" | "rowGap" | "variation" | "size" | "form" | "autoFocus" | "disabled" | "name" | "value" | "label" | "autoComplete" | "multiple" | "required" | "labelHidden" | "hasError" | "isReadOnly" | "isRequired" | "descriptiveText" | "errorMessage" | "as" | "iconColor" | "onError" | "options" | "onChange" | "style" | "onLoad" | "onClick" | "icon" | "dialCodeList" | "inlist" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLSelectElement>>;

package/dist/types/primitives/PhoneNumberField/PhoneNumberField.d.ts CHANGED Viewed

@@ -3,4 +3,4 @@ import { PhoneNumberFieldProps } from '../types';
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/components/phonenumberfield)
  */
-export declare const PhoneNumberField: React.ForwardRefExoticComponent<Pick<import("../types").PrimitivePropsWithRef<PhoneNumberFieldProps, "input">, "area" | "slot" | "title" | "isDisabled" | "id" | "className" | "testId" | "alignSelf" | "backgroundColor" | "backgroundImage" | "border" | "borderRadius" | "bottom" | "boxShadow" | "color" | "display" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "left" | "letterSpacing" | "lineHeight" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "overflow" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textDecoration" | "textTransform" | "top" | "transform" | "transformOrigin" | "width" | "whiteSpace" | "flex" | "order" | "grow" | "shrink" | "basis" | "column" | "columnEnd" | "columnSpan" | "columnStart" | "row" | "rowEnd" | "rowSpan" | "rowStart" | "ariaLabel" | "ariaValuetext" | "role" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "about" | "datatype" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "direction" | "wrap" | "alignItems" | "alignContent" | "justifyContent" | "gap" | "columnGap" | "rowGap" | "variation" | "size" | "form" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "label" | "pattern" | "list" | "step" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "crossOrigin" | "enterKeyHint" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "readOnly" | "required" | "src" | "labelHidden" | "hasError" | "isReadOnly" | "isRequired" | "descriptiveText" | "errorMessage" | "as" | "outerEndComponent" | "outerStartComponent" | "innerStartComponent" | "innerEndComponent" | "countryCodeLabel" | "countryCodeName" | "defaultCountryCode" | "onError" | "onChange" | "style" | "onLoad" | "onClick" | "inlist" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "dialCodeList" | "onCountryCodeChange" | "countryCodeRef"> & React.RefAttributes<HTMLInputElement>>;
+export declare const PhoneNumberField: React.ForwardRefExoticComponent<Pick<import("../types").PrimitivePropsWithRef<PhoneNumberFieldProps, "input">, "area" | "slot" | "title" | "isDisabled" | "id" | "className" | "testId" | "alignSelf" | "backgroundColor" | "backgroundImage" | "border" | "borderRadius" | "bottom" | "boxShadow" | "color" | "display" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "left" | "letterSpacing" | "lineHeight" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "overflow" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textDecoration" | "textTransform" | "top" | "transform" | "transformOrigin" | "width" | "whiteSpace" | "flex" | "order" | "grow" | "shrink" | "basis" | "column" | "columnEnd" | "columnSpan" | "columnStart" | "row" | "rowEnd" | "rowSpan" | "rowStart" | "ariaLabel" | "ariaValuetext" | "role" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "about" | "datatype" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "direction" | "wrap" | "alignItems" | "alignContent" | "justifyContent" | "gap" | "columnGap" | "rowGap" | "variation" | "size" | "form" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "label" | "pattern" | "list" | "step" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "crossOrigin" | "enterKeyHint" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "readOnly" | "required" | "src" | "labelHidden" | "hasError" | "isReadOnly" | "isRequired" | "descriptiveText" | "errorMessage" | "as" | "outerEndComponent" | "outerStartComponent" | "innerStartComponent" | "innerEndComponent" | "defaultCountryCode" | "defaultDialCode" | "dialCodeLabel" | "dialCodeName" | "countryCodeLabel" | "countryCodeName" | "onError" | "onChange" | "style" | "onLoad" | "onClick" | "dialCodeList" | "onDialCodeChange" | "dialCodeRef" | "inlist" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onCountryCodeChange" | "countryCodeRef"> & React.RefAttributes<HTMLInputElement>>;

package/dist/types/primitives/Rating/RatingMixedIcon.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Property } from 'csstype';
 import { StyleToken } from '../types/style';
 interface RatingMixedIconProps {

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

@@ -1,5 +1,5 @@
 declare type ComponentNameKey = 'Alert' | 'Badge' | 'Button' | 'Button' | 'Card' | 'Checkbox' | 'CheckboxField' | 'Collection' | 'PhoneNumberField' | 'Divider' | 'Expander' | 'Flex' | 'Grid' | 'Heading' | 'Icon' | 'Image' | 'Link' | 'Loader' | 'Menu' | 'Pagination' | 'PasswordField' | 'PhoneNumberField' | 'Placeholder' | 'Radio' | 'RadioGroupField' | 'Rating' | 'ScrollView' | 'SearchField' | 'Select' | 'SliderField' | 'SelectField' | 'StepperField' | 'SwitchField' | 'Table' | 'Tabs' | 'Text' | 'TextAreaField' | 'TextField' | 'ToggleButton' | 'ToggleButtonGroup' | 'VisuallyHidden';
-declare type ComponentClassNameKey = 'Alert' | 'AlertIcon' | 'AlertHeading' | 'AlertBody' | 'AlertDismiss' | 'Badge' | 'Button' | 'ButtonGroup' | 'ButtonLoaderWrapper' | 'Card' | 'Checkbox' | 'CheckboxButton' | 'CheckboxIcon' | 'CheckboxInput' | 'CheckboxLabel' | 'CheckboxField' | 'Collection' | 'CollectionItems' | 'CollectionSearch' | 'CollectionPagination' | 'CountryCodeSelect' | 'Divider' | 'DividerLabel' | 'Expander' | 'ExpanderContent' | 'ExpanderContentText' | 'ExpanderHeader' | 'ExpanderIcon' | 'ExpanderItem' | 'ExpanderTrigger' | 'Field' | 'FieldDescription' | 'FieldErrorMessage' | 'FieldGroup' | 'FieldGroupControl' | 'FieldGroupOuterEnd' | 'FieldGroupOuterStart' | 'FieldGroupInnerEnd' | 'FieldGroupInnerStart' | 'FieldGroupIcon' | 'FieldGroupIconButton' | 'FieldGroupHasInnerEnd' | 'FieldGroupHasInnerStart' | 'FieldShowPassword' | 'FieldGroupFieldWrapper' | 'Flex' | 'Grid' | 'Heading' | 'Icon' | 'Image' | 'Input' | 'Label' | 'Link' | 'Loader' | 'LoaderDeterminate' | 'LoaderPercentageText' | 'MenuContent' | 'MenuItem' | 'MenuTrigger' | 'Pagination' | 'PaginationItemButton' | 'PaginationItemCurrent' | 'PaginationItemEllipsis' | 'PasswordField' | 'PhoneNumberField' | 'Placeholder' | 'Radio' | 'RadioButton' | 'RadioInput' | 'RadioLabel' | 'RadioGroupField' | 'RadioGroup' | 'Rating' | 'ScrollView' | 'SearchField' | 'SearchFieldClear' | 'SearchFieldSearch' | 'Select' | 'SelectField' | 'SelectWrapper' | 'SelectIconWrapper' | 'SliderField' | 'SliderFieldGroup' | 'SliderFieldLabel' | 'SliderFieldRange' | 'SliderFieldRoot' | 'SliderFieldThumb' | 'SliderFieldTrack' | 'StepperField' | 'StepperFieldButtonDecrease' | 'StepperFieldButtonIncrease' | 'StepperFieldInput' | 'SwitchField' | 'SwitchLabel' | 'SwitchThumb' | 'SwitchTrack' | 'SwitchWrapper' | 'Table' | 'TableCaption' | 'TableBody' | 'TableTd' | 'TableTh' | 'TableFoot' | 'TableHead' | 'TableRow' | 'Tabs' | 'TabItems' | 'Text' | 'Textarea' | 'TextAreaField' | 'TextField' | 'ToggleButton' | 'ToggleButtonGroup' | 'VisuallyHidden';
+declare type ComponentClassNameKey = 'Alert' | 'AlertIcon' | 'AlertHeading' | 'AlertBody' | 'AlertDismiss' | 'Badge' | 'Button' | 'ButtonGroup' | 'ButtonLoaderWrapper' | 'Card' | 'Checkbox' | 'CheckboxButton' | 'CheckboxIcon' | 'CheckboxInput' | 'CheckboxLabel' | 'CheckboxField' | 'Collection' | 'CollectionItems' | 'CollectionSearch' | 'CollectionPagination' | 'CountryCodeSelect' | 'DialCodeSelect' | 'Divider' | 'DividerLabel' | 'Expander' | 'ExpanderContent' | 'ExpanderContentText' | 'ExpanderHeader' | 'ExpanderIcon' | 'ExpanderItem' | 'ExpanderTrigger' | 'Field' | 'FieldDescription' | 'FieldErrorMessage' | 'FieldGroup' | 'FieldGroupControl' | 'FieldGroupOuterEnd' | 'FieldGroupOuterStart' | 'FieldGroupInnerEnd' | 'FieldGroupInnerStart' | 'FieldGroupIcon' | 'FieldGroupIconButton' | 'FieldGroupHasInnerEnd' | 'FieldGroupHasInnerStart' | 'FieldShowPassword' | 'FieldGroupFieldWrapper' | 'Flex' | 'Grid' | 'Heading' | 'Icon' | 'Image' | 'Input' | 'Label' | 'Link' | 'Loader' | 'LoaderDeterminate' | 'LoaderPercentageText' | 'MenuContent' | 'MenuItem' | 'MenuTrigger' | 'Pagination' | 'PaginationItemButton' | 'PaginationItemCurrent' | 'PaginationItemEllipsis' | 'PasswordField' | 'PhoneNumberField' | 'Placeholder' | 'Radio' | 'RadioButton' | 'RadioInput' | 'RadioLabel' | 'RadioGroupField' | 'RadioGroup' | 'Rating' | 'ScrollView' | 'SearchField' | 'SearchFieldClear' | 'SearchFieldSearch' | 'Select' | 'SelectField' | 'SelectWrapper' | 'SelectIconWrapper' | 'SliderField' | 'SliderFieldGroup' | 'SliderFieldLabel' | 'SliderFieldRange' | 'SliderFieldRoot' | 'SliderFieldThumb' | 'SliderFieldTrack' | 'StepperField' | 'StepperFieldButtonDecrease' | 'StepperFieldButtonIncrease' | 'StepperFieldInput' | 'SwitchField' | 'SwitchLabel' | 'SwitchThumb' | 'SwitchTrack' | 'SwitchWrapper' | 'Table' | 'TableCaption' | 'TableBody' | 'TableTd' | 'TableTh' | 'TableFoot' | 'TableHead' | 'TableRow' | 'Tabs' | 'TabItems' | 'Text' | 'Textarea' | 'TextAreaField' | 'TextField' | 'ToggleButton' | 'ToggleButtonGroup' | 'VisuallyHidden';
 export declare enum ComponentClassName {
     Alert = "amplify-alert",
     AlertIcon = "amplify-alert__icon",
@@ -22,6 +22,7 @@ export declare enum ComponentClassName {
     CollectionSearch = "amplify-collection-search",
     CollectionPagination = "amplify-collection-pagination",
     CountryCodeSelect = "amplify-countrycodeselect",
+    DialCodeSelect = "amplify-dialcodeselect",
     Divider = "amplify-divider",
     DividerLabel = "amplify-divider--label",
     Expander = "amplify-expander",

package/dist/types/primitives/types/phoneNumberField.d.ts CHANGED Viewed

@@ -1,22 +1,17 @@
 import * as React from 'react';
 import { SelectFieldProps } from './selectField';
 import { TextInputFieldProps } from './textField';
-export interface PhoneNumberFieldProps extends TextInputFieldProps {
+interface optionalPhoneNumberFieldProps extends TextInputFieldProps, CountryCodeFieldProps {
     /**
      * @description
      * Sets a hidden and accessible label for the dial code selector
      */
-    countryCodeLabel?: string;
+    dialCodeLabel?: string;
     /**
      * @description
      * Sets the name used when handling form submission for the dial code selector
      */
-    countryCodeName?: string;
-    /**
-     * @description
-     * Sets the default dial code that will be selected on initial render
-     */
-    defaultCountryCode: string;
+    dialCodeName?: string;
     /**
      * @description
      * Accepts an array of dial codes (strings) used as options in the dial code selector
@@ -26,20 +21,80 @@ export interface PhoneNumberFieldProps extends TextInputFieldProps {
      * @description
      * Handles change events for the dial code selector
      */
-    onCountryCodeChange?: React.ChangeEventHandler<HTMLSelectElement>;
+    onDialCodeChange?: React.ChangeEventHandler<HTMLSelectElement>;
     /**
      * @description
      * <input> elements of type 'tel' are used to let the user enter and edit a telephone number
      */
     type?: 'tel';
+    /**
+     * @description
+     * Forwarded ref for access to Dial Code select DOM element
+     */
+    dialCodeRef?: React.Ref<HTMLSelectElement>;
+}
+interface CountryCodeFieldProps {
+    /**
+     * @description
+     * Sets a hidden and accessible label for the dial code selector
+     * @deprecated
+     * To be removed with next major version release, please use dialCodeLabel
+     */
+    countryCodeLabel?: string;
+    /**
+     * @description
+     * Sets the name used when handling form submission for the dial code selector
+     * @deprecated
+     * To be removed with next major version release, please use dialCodeName
+     */
+    countryCodeName?: string;
+    /**
+     * @description
+     * Handles change events for the dial code selector
+     * @deprecated
+     * To be removed with next major version release, please use onDialCodeChange
+     */
+    onCountryCodeChange?: React.ChangeEventHandler<HTMLSelectElement>;
     /**
      * @description
      * Forwarded ref for access to Country Code select DOM element
+     * @deprecated
+     * To be removed with next major version release, please use dialCodeRef
      */
     countryCodeRef?: React.Ref<HTMLSelectElement>;
 }
-export interface CountryCodeSelectProps extends SelectFieldProps {
+interface CountryCodeRequired extends optionalPhoneNumberFieldProps {
+    /**
+     * @description
+     * Sets the default dial code that will be selected on initial render
+     * @deprecated
+     * To be removed with next major version release, please use defaultDialCode
+     */
+    defaultCountryCode: string;
+    /**
+     * @description
+     * Sets the default dial code that will be selected on initial render
+     */
+    defaultDialCode?: string;
+}
+interface DialCodeRequired extends optionalPhoneNumberFieldProps {
+    /**
+     * @description
+     * Sets the default dial code that will be selected on initial render
+     * @deprecated
+     * To be removed with next major version release, please use defaultDialCode
+     */
+    defaultCountryCode?: string;
+    /**
+     * @description
+     * Sets the default dial code that will be selected on initial render
+     */
+    defaultDialCode: string;
+}
+export declare type PhoneNumberFieldProps = CountryCodeRequired | DialCodeRequired;
+export interface DialCodeSelectProps extends SelectFieldProps {
     defaultValue: string;
     dialCodeList?: Array<string>;
     isReadOnly?: boolean;
 }
+export {};

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react",
-  "version": "3.4.0",
+  "version": "3.5.1",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
   "exports": {
@@ -55,7 +55,7 @@
     "size": "yarn run size-limit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "3.13.0",
+    "@aws-amplify/ui": "3.13.2",
     "@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",
@@ -67,7 +67,7 @@
     "lodash": "4.17.21",
     "mapbox-gl": "1.13.1",
     "maplibre-gl": "2.1.9",
-    "maplibre-gl-js-amplify": "2.0.2",
+    "maplibre-gl-js-amplify": "2.0.4",
     "qrcode": "1.5.0",
     "react-generate-context": "1.0.1",
     "react-map-gl": "7.0.15",

package/dist/IconWarning-47c8dc76.js DELETED Viewed

@@ -1 +0,0 @@

- "use strict";var e=require("lodash/isEmpty"),t=require("lodash/isArray"),a=require("lodash/isObject"),i=require("tslib"),l=require("react/jsx-runtime"),n=require("classnames"),o=require("react"),s=require("@aws-amplify/ui");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var i=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,i.get?i:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var c=r(e),d=r(t),m=r(a),h=r(n),u=p(o);const g=u.createContext({theme:s.createTheme()}),b=e=>m.default(e)&&c.default(e),f=e=>d.default(e)&&c.default(e),w={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(w);var C;!function(e){e.Alert="amplify-alert",e.AlertIcon="amplify-alert__icon",e.AlertHeading="amplify-alert__heading",e.AlertBody="amplify-alert__body",e.AlertDismiss="amplify-alert__dismiss",e.Badge="amplify-badge",e.Button="amplify-button",e.ButtonGroup="amplify-buttongroup",e.ButtonLoaderWrapper="amplify-button__loader-wrapper",e.Card="amplify-card",e.Checkbox="amplify-checkbox",e.CheckboxButton="amplify-checkbox__button",e.CheckboxIcon="amplify-checkbox__icon",e.CheckboxInput="amplify-checkbox__input",e.CheckboxLabel="amplify-checkbox__label",e.CheckboxField="amplify-checkboxfield",e.Collection="amplify-collection",e.CollectionItems="amplify-collection-items",e.CollectionSearch="amplify-collection-search",e.CollectionPagination="amplify-collection-pagination",e.CountryCodeSelect="amplify-countrycodeselect",e.Divider="amplify-divider",e.DividerLabel="amplify-divider--label",e.Expander="amplify-expander",e.ExpanderContent="amplify-expander__content",e.ExpanderContentText="amplify-expander__content__text",e.ExpanderHeader="amplify-expander__header",e.ExpanderIcon="amplify-expander__icon",e.ExpanderItem="amplify-expander__item",e.ExpanderTrigger="amplify-expander__trigger",e.Field="amplify-field",e.FieldDescription="amplify-field__description",e.FieldErrorMessage="amplify-field__error-message",e.FieldGroup="amplify-field-group",e.FieldGroupControl="amplify-field-group__control",e.FieldGroupOuterEnd="amplify-field-group__outer-end",e.FieldGroupOuterStart="amplify-field-group__outer-start",e.FieldGroupInnerEnd="amplify-field-group__inner-end",e.FieldGroupInnerStart="amplify-field-group__inner-start",e.FieldGroupIcon="amplify-field-group__icon",e.FieldGroupIconButton="amplify-field-group__icon-button",e.FieldGroupHasInnerEnd="amplify-field-group--has-inner-end",e.FieldGroupHasInnerStart="amplify-field-group--has-inner-start",e.FieldShowPassword="amplify-field__show-password",e.FieldGroupFieldWrapper="amplify-field-group__field-wrapper",e.Flex="amplify-flex",e.Grid="amplify-grid",e.Heading="amplify-heading",e.Icon="amplify-icon",e.Image="amplify-image",e.Input="amplify-input",e.Label="amplify-label",e.Link="amplify-link",e.Loader="amplify-loader",e.LoaderDeterminate="amplify-loader--determinate",e.LoaderPercentageText="amplify-loader__percentage-text",e.MenuContent="amplify-menu-content",e.MenuItem="amplify-menu-content__item",e.MenuTrigger="amplify-menu-trigger",e.Pagination="amplify-pagination",e.PaginationItemButton="amplify-pagination__item-button",e.PaginationItemCurrent="amplify-pagination__item-current",e.PaginationItemEllipsis="amplify-pagination__item-ellipsis",e.PasswordField="amplify-passwordfield",e.PhoneNumberField="amplify-phonenumberfield",e.Placeholder="amplify-placeholder",e.Radio="amplify-radio",e.RadioButton="amplify-radio__button",e.RadioInput="amplify-radio__input",e.RadioLabel="amplify-radio__label",e.RadioGroupField="amplify-radiogroupfield",e.RadioGroup="amplify-radiogroup",e.Rating="amplify-rating",e.ScrollView="amplify-scrollview",e.SearchField="amplify-searchfield",e.SearchFieldClear="amplify-searchfield__clear",e.SearchFieldSearch="amplify-searchfield__search",e.Select="amplify-select",e.SelectField="amplify-selectfield",e.SelectWrapper="amplify-select__wrapper",e.SelectIconWrapper="amplify-select__icon-wrapper",e.SliderField="amplify-sliderfield",e.SliderFieldGroup="amplify-sliderfield__group",e.SliderFieldLabel="amplify-sliderfield__label",e.SliderFieldRange="amplify-sliderfield__range",e.SliderFieldRoot="amplify-sliderfield__root",e.SliderFieldThumb="amplify-sliderfield__thumb",e.SliderFieldTrack="amplify-sliderfield__track",e.StepperField="amplify-stepperfield",e.StepperFieldButtonDecrease="amplify-stepperfield__button--decrease",e.StepperFieldButtonIncrease="amplify-stepperfield__button--increase",e.StepperFieldInput="amplify-stepperfield__input",e.SwitchField="amplify-switchfield",e.SwitchLabel="amplify-switch-label",e.SwitchThumb="amplify-switch-thumb",e.SwitchTrack="amplify-switch-track",e.SwitchWrapper="amplify-switch__wrapper",e.Table="amplify-table",e.TableCaption="amplify-table__caption",e.TableBody="amplify-table__body",e.TableTd="amplify-table__td",e.TableTh="amplify-table__th",e.TableFoot="amplify-table__foot",e.TableHead="amplify-table__head",e.TableRow="amplify-table__row",e.Tabs="amplify-tabs",e.TabItems="amplify-tabs-item",e.Text="amplify-text",e.Textarea="amplify-textarea",e.TextAreaField="amplify-textareafield",e.TextField="amplify-textfield",e.ToggleButton="amplify-togglebutton",e.ToggleButtonGroup="amplify-togglebuttongroup",e.VisuallyHidden="amplify-visually-hidden"}(C||(C={}));const N={Alert:{className:C.Alert,components:["Alert"],description:"Top level element that wraps the Alert primitive"},AlertIcon:{className:C.AlertIcon,components:["Alert"],description:"Class applied to Icon component within the Alert primitive"},AlertHeading:{className:C.AlertHeading,components:["Alert"],description:"Class applied to the heading View"},AlertBody:{className:C.AlertBody,components:["Alert"],description:"Class applied to the body View"},AlertDismiss:{className:C.AlertDismiss,components:["Alert"],description:"Class applied to the close Button"},Badge:{className:C.Badge,components:["Badge"],description:"Top level element that wraps the Badge component"},Button:{className:C.Button,components:["Button"],description:"Top level element that wraps the Button primitive"},ButtonGroup:{className:C.ButtonGroup},ButtonLoaderWrapper:{className:C.ButtonLoaderWrapper,components:["Button"],description:"Class applied to the Loader component within the Button Loading state"},Card:{className:C.Card,components:["Card"],description:"Top level element that wraps the Card primitive"},Checkbox:{className:C.Checkbox,components:["Checkbox"],description:"Top level element that wraps the Checkbox primitive"},CheckboxButton:{className:C.CheckboxButton,components:["Checkbox"],description:"Wrapper for the checked icon within the Checkbox primitive"},CheckboxIcon:{className:C.CheckboxIcon,components:["Checkbox"],description:"Class applied to the checked icon within the Checkbox primitive"},CheckboxInput:{className:C.CheckboxInput,components:["Checkbox"],description:"Class applied to the visually hidden checkbox input within the Checkbox primitive"},CheckboxLabel:{className:C.CheckboxLabel,components:["Checkbox"],description:"Class applied to the label within the Checkbox primitive"},CheckboxField:{className:C.CheckboxField,components:["CheckboxField"],description:"Top level element that wraps the CheckboxField primitive"},Collection:{className:C.Collection,components:["Collection"],description:"Top level element that wraps the Collection primitive"},CollectionItems:{className:C.CollectionItems,components:["Collection"],description:"Class applied to the element that wraps all the items in a collection"},CollectionSearch:{className:C.CollectionSearch,components:["Collection"],description:"Class applied to the element that wraps the collection search box"},CollectionPagination:{className:C.CollectionPagination,components:["Collection"],description:"Class applied to the element that wraps the pagination component in a collection"},CountryCodeSelect:{className:C.CountryCodeSelect,components:["PhoneNumberField"],description:"Class applied to the Country Code Select within the PhoneNumberField primitive"},Divider:{className:C.Divider,components:["Divider"],description:"Top level element that wraps the Divider primitive"},DividerLabel:{className:C.DividerLabel,components:["Divider"],description:"Class applied to the label of the Divider component"},Expander:{className:C.Expander,components:["Expander"],description:"Top level element that wraps the Expander primitive"},ExpanderContent:{className:C.ExpanderContent,components:["Expander"],description:"Expander content container"},ExpanderContentText:{className:C.ExpanderContentText,components:["Expander"],description:"Expander content text"},ExpanderHeader:{className:C.ExpanderHeader,components:["Expander"],description:"Expander item header"},ExpanderIcon:{className:C.ExpanderIcon,components:["Expander"],description:"Icon to indicate whether an item is expanded or collapsed"},ExpanderItem:{className:C.ExpanderItem,components:["Expander"],description:"Expander item(containier for header, trigger, and content)"},ExpanderTrigger:{className:C.ExpanderTrigger,components:["Expander"],description:"Expander item trigger(button)"},Field:{className:C.Field},FieldDescription:{className:C.FieldDescription},FieldErrorMessage:{className:C.FieldErrorMessage},FieldGroup:{className:C.FieldGroup},FieldGroupControl:{className:C.FieldGroupControl},FieldGroupOuterEnd:{className:C.FieldGroupOuterEnd},FieldGroupOuterStart:{className:C.FieldGroupOuterStart},FieldGroupInnerEnd:{className:C.FieldGroupInnerEnd},FieldGroupInnerStart:{className:C.FieldGroupInnerStart},FieldGroupIcon:{className:C.FieldGroupIcon},FieldGroupIconButton:{className:C.FieldGroupIconButton},FieldGroupHasInnerEnd:{className:C.FieldGroupHasInnerEnd},FieldGroupHasInnerStart:{className:C.FieldGroupHasInnerStart},FieldShowPassword:{className:C.FieldShowPassword},FieldGroupFieldWrapper:{className:C.FieldGroupFieldWrapper},Flex:{className:C.Flex,components:["Flex"],description:"Top level element that wraps the Flex primitive"},Grid:{className:C.Grid,components:["Grid"],description:"Top level element that wraps the Grid primitive"},Heading:{className:C.Heading,components:["Heading"],description:"Top level element that wraps the Heading primitive"},Icon:{className:C.Icon,components:["Icon"],description:"Top level element that wraps the Icon primitive"},Image:{className:C.Image,components:["Image"],description:"Top level element that wraps the Image primitive"},Input:{className:C.Input},Label:{className:C.Label},Link:{className:C.Link,components:["Link"],description:"Top level element that wraps the Link primitive"},Loader:{className:C.Loader,components:["Loader"],description:"Top level element that wraps the Loader primitive"},LoaderDeterminate:{className:C.LoaderDeterminate,components:["Loader"],description:"Class applied to a determinate loader"},LoaderPercentageText:{className:C.LoaderPercentageText,components:["Loader"],description:"Class applied to the percentage text of loader"},MenuContent:{className:C.MenuContent,components:["Menu"],description:"Menu content container (Flex)"},MenuItem:{className:C.MenuItem,components:["Menu"],description:"Menu item button (MenuButton, wrapped in amplify-menu-content class)"},MenuTrigger:{className:C.MenuTrigger,components:["Menu"],description:"Menu trigger button (MenuButton, not wrapped in amplify-menu-content class)"},Pagination:{className:C.Pagination,components:["Pagination"],description:"Top level element that wraps the Pagination primitive"},PaginationItemButton:{className:C.PaginationItemButton,components:["Pagination"],description:"Class applied to the pagination buttons"},PaginationItemCurrent:{className:C.PaginationItemCurrent,components:["Pagination"],description:"Class applied to the currently selected pagination button"},PaginationItemEllipsis:{className:C.PaginationItemEllipsis,components:["Pagination"],description:"Class applied to the ellipsis within the Pagination primitive"},PasswordField:{className:C.PasswordField,components:["PasswordField"],description:"Top level element that wraps the PasswordField primitive"},PhoneNumberField:{className:C.PhoneNumberField,components:["PhoneNumberField"],description:"Top level element that wraps the PhoneNumberField primitive"},Placeholder:{className:C.Placeholder,components:["Placeholder"],description:"Top level element that wraps the Placeholder primitive"},Radio:{className:C.Radio,components:["RadioGroupField","Radio"],description:"Top level element that wraps the Radio primitive"},RadioButton:{className:C.RadioButton,components:["RadioGroupField","Radio"],description:"Class applied to the displayed radio button"},RadioInput:{className:C.RadioInput,components:["RadioGroupField","Radio"],description:"Class applied to the visually hidden radio input"},RadioLabel:{className:C.RadioLabel,components:["RadioGroupField","Radio"],description:"Class applied to the radio label"},RadioGroupField:{className:C.RadioGroupField,components:["RadioGroupField"],description:"Top level element that wraps the RadioGroupField primitive"},RadioGroup:{className:C.RadioGroup,components:["RadioGroupField"],description:"Class applied to the radio group wrapper"},Rating:{className:C.Rating,components:["Rating"],description:"Top level element that wraps the Rating primitive"},ScrollView:{className:C.ScrollView,components:["ScrollView"],description:"Top level element that wraps the ScrollView primitive"},SearchField:{className:C.SearchField,components:["SearchField"],description:"Top level element that wraps the SearchField primitive"},SearchFieldClear:{className:C.SearchFieldClear,components:["SearchField"],description:"Class applied to the search field clear button"},SearchFieldSearch:{className:C.SearchFieldSearch,components:["SearchField"],description:"Class applied to the search button"},Select:{className:C.Select,components:["Select","SelectField"],description:"Class applied to the select element"},SelectField:{className:C.SelectField,components:["SelectField"],description:"Top level element that wraps the SelectField primitive"},SelectWrapper:{className:C.SelectWrapper,components:["Select","SelectField"],description:"Class applied to the select wrapper"},SelectIconWrapper:{className:C.SelectIconWrapper,components:["Select","SelectField"],description:"Class applied to the select icon wrapper"},SliderField:{className:C.SliderField,components:["SliderField"],description:"Top level element that wraps the SliderField primitive"},SliderFieldGroup:{className:C.SliderFieldGroup,components:["SliderField"],description:"Class applied to the element that wraps the slider root"},SliderFieldLabel:{className:C.SliderFieldLabel,components:["SliderField"],description:"Class applied to the slider label"},SliderFieldRange:{className:C.SliderFieldRange,components:["SliderField"],description:"Class applied to the filled in portion of the slider track"},SliderFieldRoot:{className:C.SliderFieldRoot,components:["SliderField"],description:"Class applied to the slider root which wraps the track and thumb"},SliderFieldThumb:{className:C.SliderFieldThumb,components:["SliderField"],description:"Class applied to the slider thumb"},SliderFieldTrack:{className:C.SliderFieldTrack,components:["SliderField"],description:"Class applied to the slider track"},StepperField:{className:C.StepperField,components:["StepperField"],description:"Top level element that wraps the StepperField primitive"},StepperFieldButtonDecrease:{className:C.StepperFieldButtonDecrease,components:["StepperField"],description:"Class applied to the decrease button"},StepperFieldButtonIncrease:{className:C.StepperFieldButtonIncrease,components:["StepperField"],description:"Class applied to the increase button"},StepperFieldInput:{className:C.StepperFieldInput,components:["StepperField"],description:"Class applied to the StepperField input"},SwitchField:{className:C.SwitchField,components:["SwitchField"],description:"Top level element that wraps the SwitchField primitive"},SwitchLabel:{className:C.SwitchLabel,components:["SwitchField"],description:"Class applied to the SwitchField label text"},SwitchThumb:{className:C.SwitchThumb,components:["SwitchField"],description:"Class applied to the SwitchField thumb"},SwitchTrack:{className:C.SwitchTrack,components:["SwitchField"],description:"Class applied to the SwitchField track"},SwitchWrapper:{className:C.SwitchWrapper,components:["SwitchField"],description:"Class applied to the label element that wraps the SwitchField label and track"},Table:{className:C.Table,components:["Table"],description:"Top level element that wraps the Table primitive"},TableCaption:{className:C.TableCaption,components:["Table"],description:"Class applied to the content provided as the caption prop"},TableBody:{className:C.TableBody,components:["Table"],description:"Class applied to TableBody component"},TableTd:{className:C.TableTd,components:["Table"],description:'Class applied to TableCell component rendered as a <td> element (<TableCell as="td" />)'},TableTh:{className:C.TableTh,components:["Table"],description:'Class applied to TableCell comopnent rendered as a <th> element (<TableCell as="th" />)'},TableFoot:{className:C.TableFoot,components:["Table"],description:"Class applied to TableFoot component"},TableHead:{className:C.TableHead,components:["Table"],description:"Class applied to TableHead component"},TableRow:{className:C.TableRow,components:["Table"],description:"Class applied to TableRow component"},Tabs:{className:C.Tabs,components:["Tabs"],description:"Top level element that wraps the Tabs primitive"},TabItems:{className:C.TabItems,components:["Tabs"],description:"Top level element that wraps the TabItem primitive"},Text:{className:C.Text,components:["Text"],description:"Top level element that wraps the Text primitive"},Textarea:{className:C.Textarea,components:["TextAreaField"],description:"Class applied to the text area"},TextAreaField:{className:C.TextAreaField,components:["TextAreaField"],description:"Top level element that wraps the TextAreaField primitive"},TextField:{className:C.TextField,components:["TextField"],description:"Top level element that wraps the TextField primitive"},ToggleButton:{className:C.ToggleButton,components:["ToggleButton"],description:"Top level element that wraps the ToggleButton primitive"},ToggleButtonGroup:{className:C.ToggleButtonGroup,components:["ToggleButton","ToggleButtonGroup"],description:"Top level element that wraps the ToggleButtonGroup primitive"},VisuallyHidden:{className:C.VisuallyHidden,components:["VisuallyHidden"],description:"Top level element that wraps the VisuallyHidden primitive"}},F={Alert:N.Alert.className,AlertIcon:N.AlertIcon.className,AlertHeading:N.AlertHeading.className,AlertBody:N.AlertBody.className,AlertDismiss:N.AlertDismiss.className,Badge:N.Badge.className,Button:N.Button.className,ButtonGroup:N.ButtonGroup.className,ButtonLoaderWrapper:N.ButtonLoaderWrapper.className,Card:N.Card.className,Checkbox:N.Checkbox.className,CheckboxButton:N.CheckboxButton.className,CheckboxIcon:N.CheckboxIcon.className,CheckboxInput:N.CheckboxInput.className,CheckboxLabel:N.CheckboxLabel.className,CheckboxField:N.CheckboxField.className,Collection:N.Collection.className,CollectionItems:N.CollectionItems.className,CollectionSearch:N.CollectionSearch.className,CollectionPagination:N.CollectionPagination.className,CountryCodeSelect:N.CountryCodeSelect.className,Divider:N.Divider.className,DividerLabel:N.DividerLabel.className,Expander:N.Expander.className,ExpanderContent:N.ExpanderContent.className,ExpanderContentText:N.ExpanderContentText.className,ExpanderHeader:N.ExpanderHeader.className,ExpanderIcon:N.ExpanderIcon.className,ExpanderItem:N.ExpanderItem.className,ExpanderTrigger:N.ExpanderTrigger.className,Field:N.Field.className,FieldDescription:N.FieldDescription.className,FieldErrorMessage:N.FieldErrorMessage.className,FieldGroup:N.FieldGroup.className,FieldGroupControl:N.FieldGroupControl.className,FieldGroupOuterEnd:N.FieldGroupOuterEnd.className,FieldGroupOuterStart:N.FieldGroupOuterStart.className,FieldGroupInnerEnd:N.FieldGroupInnerEnd.className,FieldGroupInnerStart:N.FieldGroupInnerStart.className,FieldGroupIcon:N.FieldGroupIcon.className,FieldGroupIconButton:N.FieldGroupIconButton.className,FieldGroupHasInnerEnd:N.FieldGroupHasInnerEnd.className,FieldGroupHasInnerStart:N.FieldGroupHasInnerStart.className,FieldShowPassword:N.FieldShowPassword.className,FieldGroupFieldWrapper:N.FieldGroupFieldWrapper.className,Flex:N.Flex.className,Grid:N.Grid.className,Heading:N.Heading.className,Icon:N.Icon.className,Image:N.Image.className,Input:N.Input.className,Label:N.Label.className,Link:N.Link.className,Loader:N.Loader.className,LoaderDeterminate:N.LoaderDeterminate.className,LoaderPercentageText:N.LoaderPercentageText.className,MenuContent:N.MenuContent.className,MenuItem:N.MenuItem.className,MenuTrigger:N.MenuTrigger.className,Pagination:N.Pagination.className,PaginationItemButton:N.PaginationItemButton.className,PaginationItemCurrent:N.PaginationItemCurrent.className,PaginationItemEllipsis:N.PaginationItemEllipsis.className,PasswordField:N.PasswordField.className,PhoneNumberField:N.PhoneNumberField.className,Placeholder:N.Placeholder.className,Radio:N.Radio.className,RadioButton:N.RadioButton.className,RadioInput:N.RadioInput.className,RadioLabel:N.RadioLabel.className,RadioGroupField:N.RadioGroupField.className,RadioGroup:N.RadioGroup.className,Rating:N.Rating.className,ScrollView:N.ScrollView.className,SearchField:N.SearchField.className,SearchFieldClear:N.SearchFieldClear.className,SearchFieldSearch:N.SearchFieldSearch.className,Select:N.Select.className,SelectField:N.SelectField.className,SelectWrapper:N.SelectWrapper.className,SelectIconWrapper:N.SelectIconWrapper.className,SliderField:N.SliderField.className,SliderFieldGroup:N.SliderFieldGroup.className,SliderFieldLabel:N.SliderFieldLabel.className,SliderFieldRange:N.SliderFieldRange.className,SliderFieldRoot:N.SliderFieldRoot.className,SliderFieldThumb:N.SliderFieldThumb.className,SliderFieldTrack:N.SliderFieldTrack.className,StepperField:N.StepperField.className,StepperFieldButtonDecrease:N.StepperFieldButtonDecrease.className,StepperFieldButtonIncrease:N.StepperFieldButtonIncrease.className,StepperFieldInput:N.StepperFieldInput.className,SwitchField:N.SwitchField.className,SwitchLabel:N.SwitchLabel.className,SwitchThumb:N.SwitchThumb.className,SwitchTrack:N.SwitchTrack.className,SwitchWrapper:N.SwitchWrapper.className,Table:N.Table.className,TableCaption:N.TableCaption.className,TableBody:N.TableBody.className,TableTd:N.TableTd.className,TableTh:N.TableTh.className,TableFoot:N.TableFoot.className,TableHead:N.TableHead.className,TableRow:N.TableRow.className,Tabs:N.Tabs.className,TabItems:N.TabItems.className,Text:N.Text.className,Textarea:N.Textarea.className,TextAreaField:N.TextAreaField.className,TextField:N.TextField.className,ToggleButton:N.ToggleButton.className,ToggleButtonGroup:N.ToggleButtonGroup.className,VisuallyHidden:N.VisuallyHidden.className},S={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"},y=e=>"string"==typeof e&&0===e.length,T=e=>null==e||y(e),I=(e,t)=>{if("string"!=typeof t)return t;if(t.includes(" "))return t.split(" ").map((t=>I(e,t))).join(" ");const a=t.split("."),i=S[e];let l=s.defaultTheme.tokens[i];for(let e=0;e<a.length&&l;e++)l=l[a[e]];return s.isDesignToken(l)?`var(--${s.cssNameTransform({path:[S[e],...a]})})`:t},v=({breakpoint:e,breakpoints:t,propKey:a,values:i})=>{if(s.isDesignToken(i))return i.toString();if("object"!=typeof i)return I(a,i);let l={};const n=Object.keys(t).sort(((e,a)=>t[e]-t[a]));return Array.isArray(i)?i.map(((e,t)=>{l[n[t]]=e})):l=i,(({breakpoint:e,breakpoints:t,propKey:a,values:i})=>{if(void 0!==i[e]){const t=i[e];return s.isDesignToken(t)?t.toString():I(a,t)}const l=Object.keys(t).sort(((e,a)=>t[a]-t[e])),n=l.slice(l.indexOf(e));for(const e of n)if(void 0!==i[e]){const t=i[e];return s.isDesignToken(t)?t.toString():I(a,t)}return null})({breakpoint:e,breakpoints:t,propKey:a,values:l})},L="undefined"==typeof window?u.useEffect:u.useLayoutEffect,k=({breakpoints:e,defaultBreakpoint:t})=>{const a="undefined"!=typeof window&&void 0!==window.matchMedia?window.matchMedia:null,i=u.useMemo((()=>(({breakpoints:e})=>{const t=Object.keys(e).sort(((t,a)=>e[a]-e[t]));return t.map(((a,i)=>{let l="";const n=e[a],o=t[i-1],s=o?e[o]-1:null;return n>=0&&(l=`(min-width: ${n}px)`),null!==s&&(l&&(l+=" and "),l+=`(max-width: ${s}px)`),{breakpoint:a,query:l,maxWidth:s,minWidth:n}}))})({breakpoints:e})),[e]),[l,n]=u.useState(t),o=u.useCallback(((e,t)=>{e&&n(t)}),[n]);return L((()=>{if(!a)return;const e=i.map((({query:e,breakpoint:t})=>{const i=a(e);o(i.matches,t);const l=e=>{e.matches&&n(t)};return i.addEventListener("change",l),()=>i.removeEventListener("change",l)}));return()=>{e.forEach((e=>e()))}}),[e,n,a,i]),u.useDebugValue(l,(e=>e)),l},_=e=>void 0===e||void 0===e.theme?s.createTheme():e.theme,B=()=>{const e=u.useContext(g);return _(e)},E=e=>"auto"===e?"auto":`span ${e}`,j=e=>{if((e=>"auto"===e||"number"==typeof e&&!isNaN(e)||"string"==typeof e&&!isNaN(parseFloat(e)))(e))return E(e);if(Array.isArray(e))return e.map((e=>E(e)));if("object"==typeof e&&null!=e){const t={};return Object.entries(e).forEach((([e,a])=>{t[e]=E(a)})),t}return null},G=(e,t)=>{const{breakpoints:{values:a,defaultBreakpoint:l}}=B(),n=k({breakpoints:a,defaultBreakpoint:l}),o=(e=>{const{rowSpan:t,columnSpan:a,row:l,column:n}=e,o=i.__rest(e,["rowSpan","columnSpan","row","column"]),{rowFromSpanValue:s,columnFromSpanValue:r}=u.useMemo((()=>({rowFromSpanValue:j(t),columnFromSpanValue:j(a)})),[t,a]);return Object.assign({row:T(l)?s:l,column:T(n)?r:n},o)})(e);return u.useMemo((()=>(({props:e={},style:t={},breakpoint:a,breakpoints:i})=>{const l={};return Object.keys(e).filter((t=>null!=e[t])).forEach((n=>{if(n in w){if(!y(e[n])){const l=e[n],o=w[n];t=Object.assign(Object.assign({},t),{[o]:v({values:l,breakpoint:a,breakpoints:i,propKey:n})})}}else l[n]=e[n]})),{propStyles:t,nonStyleProps:l}})({props:o,style:t,breakpoint:n,breakpoints:a})),[o,t,a,n])},P={alignContent:!0,alignItems:!0,direction:!0,gap:!0,justifyContent:!0,wrap:!0,columnGap:!0,rowGap:!0},R={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=u.forwardRef(((e,t)=>{var{as:a="div",children:l,testId:n,ariaLabel:o,isDisabled:s,style:r}=e,p=i.__rest(e,["as","children","testId","ariaLabel","isDisabled","style"]);const{propStyles:c,nonStyleProps:d}=G(p,r);return u.createElement(a,Object.assign({"aria-label":o,"data-testid":n,disabled:s,ref:t,style:c},d),l)}));H.displayName="View";exports.AmplifyContext=g,exports.ComponentClassNames=F,exports.ComponentClassObject=N,exports.ComponentPropsToStylePropsMap=w,exports.ComponentPropsToStylePropsMapKeys=x,exports.ComponentText={Alert:{dismissButtonLabel:"Dismiss alert"},Collection:{searchButtonLabel:"Search",searchNoResultsFound:"No results found"},Fields:{clearButtonLabel:"Clear input"},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"}},exports.IconAdd=e=>{const{className:t}=e,a=i.__rest(e,["className"]);return l.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:h.default(F.Icon,t)},a,{children:l.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:l.jsx("path",{d:"M19 13H13V19H11V13H5V11H11V5H13V11H19V13Z",fill:"currentColor"})}))}))},exports.IconCheck=e=>{const{className:t}=e,a=i.__rest(e,["className"]);return l.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:h.default(F.Icon,t)},a,{children:l.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:l.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,a=i.__rest(e,["className"]);return l.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:h.default(F.Icon,t)},a,{children:l.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:l.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,a=i.__rest(e,["className"]);return l.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:h.default(F.Icon,t)},a,{children:l.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:l.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,a=i.__rest(e,["className"]);return l.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:h.default(F.Icon,t)},a,{children:l.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:l.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,a=i.__rest(e,["className"]);return l.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:h.default(F.Icon,t)},a,{children:l.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:l.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,a=i.__rest(e,["className"]);return l.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:h.default(F.Icon,t)},a,{children:l.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:l.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,a=i.__rest(e,["className"]);return l.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:h.default(F.Icon,t)},a,{children:l.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:l.jsx("path",{d:"M16.59 8.58984L12 13.1698L7.41 8.58984L6 9.99984L12 15.9998L18 9.99984L16.59 8.58984Z",fill:"currentColor"})}))}))},exports.IconIndeterminate=e=>{const{className:t}=e,a=i.__rest(e,["className"]);return l.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:h.default(F.Icon,t)},a,{children:l.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",height:"24",width:"24",viewBox:"0 0 24 24"},{children:l.jsx("line",{x1:"4",x2:"20",y1:"12",y2:"12",stroke:"currentColor",strokeWidth:"3"})}))}))},exports.IconInfo=e=>{const{className:t}=e,a=i.__rest(e,["className"]);return l.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:h.default(F.Icon,t)},a,{children:l.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:l.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,a=i.__rest(e,["className"]);return l.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:h.default(F.Icon,t)},a,{children:l.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:l.jsx("path",{d:"M3 18H21V16H3V18ZM3 13H21V11H3V13ZM3 6V8H21V6H3Z",fill:"currentColor"})}))}))},exports.IconRemove=e=>{const{className:t}=e,a=i.__rest(e,["className"]);return l.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:h.default(F.Icon,t)},a,{children:l.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:l.jsx("path",{d:"M19 13H5V11H19V13Z",fill:"currentColor"})}))}))},exports.IconSearch=e=>{const{className:t}=e,a=i.__rest(e,["className"]);return l.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:h.default(F.Icon,t)},a,{children:l.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:l.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,a=i.__rest(e,["className"]);return l.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:h.default(F.Icon,t)},a,{children:l.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:l.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,a=i.__rest(e,["className"]);return l.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:h.default(F.Icon,t)},a,{children:l.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:l.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,a=i.__rest(e,["className"]);return l.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:h.default(F.Icon,t)},a,{children:l.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:l.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,a=i.__rest(e,["className"]);return l.jsx(H,Object.assign({as:"span",width:"1em",height:"1em",className:h.default(F.Icon,t)},a,{children:l.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:l.jsx("path",{d:"M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z",fill:"currentColor"})}))}))},exports.View=H,exports.areArrayValuesEqual=(e,t)=>e.length===t.length&&e.every(((e,a)=>{const i=t[a];return!(!f(e)||!f(i))||(!(!b(e)||!b(i))||e===i)})),exports.classNameModifier=(e,t)=>t?`${e}--${t}`:null,exports.classNameModifierByFlag=(e,t,a)=>a?`${e}--${t}`:null,exports.getConsecutiveIntArray=(e,t)=>{const a=t-e+1;return Array.from({length:a},((t,a)=>a+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.getThemeFromContext=_,exports.getValueAtCurrentBreakpoint=v,exports.isFunction=e=>"function"==typeof e,exports.splitPrimitiveProps=e=>{const t={flexContainerStyleProps:{},baseStyleProps:{},rest:{}};return Object.keys(e).forEach((a=>{a in P?t.flexContainerStyleProps[a]=e[a]:a in R?t.baseStyleProps[a]=e[a]:t.rest[a]=e[a]})),t},exports.strHasLength=e=>"string"==typeof e&&e.length>0,exports.useBreakpoint=k,exports.useStyles=G,exports.useTheme=B;