@aws-amplify/ui-react 4.3.5 → 4.3.7

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ChangePasswordProps } from './types';
 declare function ChangePassword({ onSuccess, onError, validators, components, }: ChangePasswordProps): JSX.Element | null;
 declare namespace ChangePassword {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DeleteUserProps } from './types';
 declare function DeleteUser({ components, onSuccess, onError, handleDelete, }: DeleteUserProps): JSX.Element | null;
 declare namespace DeleteUser {

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

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

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

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

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

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare function FederatedSignIn(): JSX.Element;

package/dist/types/components/Authenticator/FederatedSignIn/FederatedSignInButtons/FederatedSignInButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FederatedIdentityProviders, SocialProvider } from '@aws-amplify/ui';
 export interface FederatedSignInButtonProps {
     icon?: SocialProvider;

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

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

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

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

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

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

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { RouteContainerProps } from './types';
 export declare function RouteContainer({ children, className, variation, }: RouteContainerProps): JSX.Element;

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { RouterProps } from './types';
 export declare function Router({ className, hideSignUp, variation, }: RouterProps): JSX.Element;

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare function SignIn(): JSX.Element;
 export declare namespace SignIn {
     var Footer: () => JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare function SignUp(): JSX.Element;
 export declare namespace SignUp {
     var Header: () => JSX.Element;

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

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

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface Components {
     Footer?: () => JSX.Element;
     FormFields?: () => JSX.Element;

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

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const ConfirmSignInFooter: () => JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface ConfirmationCodeInputProps {
     errorText?: string;
     labelHidden?: boolean;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FormFieldOptions } from '@aws-amplify/ui';
 export interface FormFieldProps extends Omit<FormFieldOptions, 'label'> {
     label: string;

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

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare function FormFields(): JSX.Element;

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

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const RemoteErrorMessage: () => JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RouteProps } from '../RouteContainer';
 export declare const SignInSignUpTabs: ({ className, hideSignUp, variation, }: {
     hideSignUp: boolean;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AuthEventTypes } from '@aws-amplify/ui';
 export interface TwoButtonSubmitFooterProps {
     cancelButtonSendType: AuthEventTypes;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { LocationSearchProps } from 'maplibre-gl-geocoder';
 /**
  * The `<LocationSearch>` component provides location search.

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BackdropProps } from './types';
 export declare const BACKDROP_TEST_ID = "inappmessaging-backdrop";
 export declare function Backdrop({ onClick, ...rest }: BackdropProps): JSX.Element;

package/dist/types/components/InAppMessaging/Backdrop/withBackdrop.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { BackdropProps } from './types';
 export declare function withBackdrop<Props>(Content: (props: Props) => JSX.Element, options?: BackdropProps): (props: Props) => JSX.Element;

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { BannerMessageProps } from './types';
 export declare function BannerMessage(props: BannerMessageProps): JSX.Element | null;

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { CloseIconButtonProps } from './types';
 export declare function CloseIconButton({ className, dismissButtonLabel, onClick, style, ...rest }: CloseIconButtonProps): JSX.Element;

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { FullScreenMessageProps } from './types';
 export declare function FullScreenMessage(props: FullScreenMessageProps): JSX.Element | null;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InAppMessageDisplayProps } from './types';
 declare function InAppMessageDisplay({ components: overrideComponents, }: InAppMessageDisplayProps): JSX.Element;
 declare namespace InAppMessageDisplay {

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { MessageLayoutProps } from './types';
-export declare function MessageLayout({ body, buttonSize, hasButtons, hasPrimaryButton, hasRenderableImage, hasSecondaryButton, header, image, onClose, orientation, primaryButton, secondaryButton, styles, }: MessageLayoutProps): JSX.Element;
+export declare function MessageLayout({ body, buttonSize, hasRenderableImage, header, image, onClose, orientation, primaryButton, secondaryButton, styles, }: MessageLayoutProps): JSX.Element;

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

@@ -5,7 +5,12 @@ export declare const CONTENT_CLASS: string;
 export declare const HEADER_CLASS: string;
 export declare const IMAGE_CONTAINER_CLASS: string;
 export declare const TEXT_CONTAINER_CLASS: string;
+export declare const BODY_TEXT_TEST_ID = "inappmessaging-messagelayout-bodytext";
+export declare const BUTTON_GROUP_TEST_ID = "inappmessaging-messagelayout-buttongroup";
 export declare const CONTENT_TEST_ID = "inappmessaging-messagelayout-content";
+export declare const HEADER_TEXT_TEST_ID = "inappmessaging-messagelayout-headertext";
 export declare const IMAGE_CONTAINER_TEST_ID = "inappmessaging-messagelayout-imagecontainer";
 export declare const MESSAGE_LAYOUT_TEST_ID = "inappmessaging-messagelayout";
+export declare const PRIMARY_BUTTON_TEST_ID = "inappmessaging-messagelayout-primarybutton";
+export declare const SECONDARY_BUTTON_TEST_ID = "inappmessaging-messagelayout-secondarybutton";
 export declare const TEXT_CONTAINER_TEST_ID = "inappmessaging-messagelayout-textcontainer";

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { ModalMessageProps } from './types';
 export declare function ModalMessage(props: ModalMessageProps): JSX.Element | null;

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

@@ -13,12 +13,9 @@ export interface MessageComponentStyles {
     secondaryButton: React.CSSProperties;
 }
 export interface UseMessageProps {
-    hasButtons: boolean;
-    hasPrimaryButton: boolean;
     hasRenderableImage: boolean;
-    hasSecondaryButton: boolean;
     shouldRenderMessage: boolean;
-    styles: MessageComponentStyles | null;
+    styles: MessageComponentStyles;
 }
 export interface MessageStyleParams {
     /**
@@ -34,7 +31,7 @@ export interface StyleParams {
     /**
      * custom component style passed as style prop to message UI components
      */
-    overrideStyle: MessageOverrideStyle;
+    overrideStyle?: MessageOverrideStyle;
 }
 /**
  * Override style props

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { FileUploaderProps } from './types';
-export declare function FileUploader({ acceptedFileTypes, shouldAutoProceed, isPreviewerVisible, maxFiles, maxSize, hasMultipleFiles, onError, onSuccess, showImages, accessLevel, variation, isResumable, ...rest }: FileUploaderProps): JSX.Element;
+export declare function FileUploader({ acceptedFileTypes, shouldAutoProceed, isPreviewerVisible, maxFileCount, maxSize, hasMultipleFiles, onError, onSuccess, showImages, accessLevel, variation, isResumable, ...rest }: FileUploaderProps): JSX.Element;

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { UploadDropZoneProps } from '../types';
 export declare function UploadDropZone({ children, inDropZone, onDragStart, onDragEnter, onDragLeave, onDrop, onDragOver, }: UploadDropZoneProps): JSX.Element;

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { PreviewerProps } from '../types';
-export declare function UploadPreviewer({ aggregatePercentage, children, dropZone, fileStatuses, isLoading, isSuccessful, hasMaxFilesError, onClear, onFileClick, }: PreviewerProps): JSX.Element;
+export declare function UploadPreviewer({ aggregatePercentage, children, dropZone, fileStatuses, isLoading, isSuccessful, hasMaxFilesError, maxFileCount, onClear, onFileClick, }: PreviewerProps): JSX.Element;

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { FileStateProps } from '../types';
 export declare const UploadMessage: ({ fileState, errorMessage, percentage, }: FileStateProps) => JSX.Element;

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { TrackerProps } from '../types';
 export declare function UploadTracker({ errorMessage, file, fileState, hasImage, name, onCancel, onCancelEdit, onPause, onResume, onSaveEdit, onStartEdit, percentage, isResumable, showImage, }: TrackerProps): JSX.Element;

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

@@ -14,7 +14,7 @@ export interface FileUploaderProps {
     isPreviewerVisible?: boolean;
     isResumable?: boolean;
     accessLevel: StorageAccessLevel;
-    maxFiles?: number;
+    maxFileCount?: number;
     maxSize?: number;
     onError?: (error: string) => void;
     onSuccess?: (event: {
@@ -36,6 +36,7 @@ export interface PreviewerProps {
     isLoading: boolean;
     isSuccessful: boolean;
     hasMaxFilesError: boolean;
+    maxFileCount: number;
     onClear: () => void;
     onFileClick: () => void;
 }

package/dist/types/components/shared/ValidationErrors.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface ValidationErrorsProps {
     errors: string[];
     id?: string;

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

@@ -1,5 +1,9 @@
 import { Breakpoint } from '../primitives/types/responsive';
+interface UseBreakpointValue<T = unknown> {
+    (values: Record<string, T> | T[], defaultBreakpoint?: Breakpoint, propKey?: string): T | string | number | null;
+}
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/theming/responsive#usebreakpointvalue)
  */
-export declare function useBreakpointValue<T>(values: Record<string, T> | T[], defaultBreakpoint?: Breakpoint, propKey?: string): T | string;
+export declare const useBreakpointValue: UseBreakpointValue;
+export {};

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CollectionProps } from '../types';
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/components/collection)

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

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

package/dist/types/primitives/Pagination/usePaginationItems.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface UsePaginationItemsProps {
     currentPage: number;
     totalPages: number;

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

@@ -1,3 +1,4 @@
+import * as RadixSlider from '@radix-ui/react-slider';
 import * as React from 'react';
 import { SliderFieldProps } from '../types/sliderField';
 export declare const SLIDER_LABEL_TEST_ID = "slider-label";
@@ -7,4 +8,4 @@ export declare const SLIDER_RANGE_TEST_ID = "slider-range";
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/components/sliderfield)
  */
-export declare const SliderField: React.ForwardRefExoticComponent<Pick<import("../types/view").PrimitivePropsWithRef<SliderFieldProps, React.ForwardRefExoticComponent<import("@radix-ui/react-slider").SliderProps & React.RefAttributes<HTMLSpanElement>>>, "area" | "slot" | "title" | "isDisabled" | "id" | "className" | "testId" | "inert" | "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" | "label" | "step" | "autoComplete" | "checked" | "disabled" | "enterKeyHint" | "max" | "min" | "name" | "size" | "type" | "value" | "labelHidden" | "outerEndComponent" | "outerStartComponent" | "innerStartComponent" | "innerEndComponent" | "descriptiveText" | "errorMessage" | "hasError" | "isReadOnly" | "isRequired" | "as" | "orientation" | "asChild" | "minStepsBetweenThumbs" | "isValueHidden" | "trackSize" | "emptyTrackColor" | "filledTrackColor" | "thumbColor" | "style" | "onLoad" | "onError" | "onClick" | "inputStyles" | "onSubmit" | "onChange" | "onSelect" | "onBlur" | "onValueChange" | "formatValue" | "inlist" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "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" | "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<HTMLSpanElement>>;
+export declare const SliderField: React.ForwardRefExoticComponent<Pick<import("../types/view").PrimitivePropsWithRef<SliderFieldProps, React.ForwardRefExoticComponent<RadixSlider.SliderProps & React.RefAttributes<HTMLSpanElement>>>, "area" | "slot" | "title" | "isDisabled" | "id" | "className" | "testId" | "inert" | "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" | "label" | "step" | "autoComplete" | "checked" | "disabled" | "enterKeyHint" | "max" | "min" | "name" | "size" | "type" | "value" | "labelHidden" | "outerEndComponent" | "outerStartComponent" | "innerStartComponent" | "innerEndComponent" | "descriptiveText" | "errorMessage" | "hasError" | "isReadOnly" | "isRequired" | "as" | "orientation" | "asChild" | "minStepsBetweenThumbs" | "isValueHidden" | "trackSize" | "emptyTrackColor" | "filledTrackColor" | "thumbColor" | "style" | "onLoad" | "onError" | "onClick" | "inputStyles" | "onSubmit" | "onChange" | "onSelect" | "onBlur" | "onValueChange" | "formatValue" | "inlist" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "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" | "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<HTMLSpanElement>>;

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

@@ -0,0 +1,17 @@
+import { WebTheme } from '@aws-amplify/ui';
+interface GetStyleValueProps {
+    value: unknown;
+    propKey?: string;
+    tokens: WebTheme['tokens'];
+}
+/**
+ * This takes an unknown value, which could be a:
+ * - design token: `color={tokens.colors.font.primary}`
+ * - string, which could be a:
+ *   - theme key: `color='font.primary'`
+ *   - plain style: `color='red'`
+ * - or a number: `padding={10}`
+ * and returns the appropriate and resolved value
+ */
+export declare const getStyleValue: ({ value, propKey, tokens, }: GetStyleValueProps) => string | null;
+export {};

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

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

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

@@ -1,10 +1,16 @@
 import * as React from 'react';
+import { WebTheme } from '@aws-amplify/ui';
 import { GridItemStyleProps, GridSpanType, ViewProps } from '../types';
 import { Breakpoint, Breakpoints } from '../types/responsive';
-import { WebTheme } from '@aws-amplify/ui';
 export declare const isSpanPrimitiveValue: (spanValue: GridItemStyleProps['rowSpan'] | GridItemStyleProps['columnSpan']) => spanValue is GridSpanType;
 export declare const getGridSpan: (spanValue: GridSpanType) => string;
-export declare const convertGridSpan: (spanValue: GridItemStyleProps['rowSpan'] | GridItemStyleProps['columnSpan']) => GridItemStyleProps['row'] | GridItemStyleProps['column'];
+export declare const convertGridSpan: (spanValue?: GridItemStyleProps['rowSpan'] | GridItemStyleProps['columnSpan']) => GridItemStyleProps['row'] | GridItemStyleProps['column'] | null;
+interface UseTransformStyleProps extends Record<string, any> {
+    row?: GridItemStyleProps['row'];
+    column?: GridItemStyleProps['column'];
+    rowSpan?: GridItemStyleProps['rowSpan'];
+    columnSpan?: GridItemStyleProps['columnSpan'];
+}
 /**
  * Transforms style props to another target prop
  * where the original is a simpler API than the target.
@@ -12,9 +18,9 @@ export declare const convertGridSpan: (spanValue: GridItemStyleProps['rowSpan']
  * replace target prop values with calculated
  * E.g. rowSpan => row, columnSpan => column
  */
-export declare const useTransformStyleProps: (props: ViewProps) => ViewProps;
+export declare const useTransformStyleProps: (props: UseTransformStyleProps) => Record<string, any>;
 interface ConvertStylePropsToStyleObjParams {
-    props: ViewProps;
+    props: Record<string, unknown>;
     style?: React.CSSProperties;
     breakpoint: Breakpoint;
     breakpoints: Breakpoints;
@@ -29,10 +35,9 @@ export interface ConvertStylePropsToStyleObj {
 /**
  * Convert style props to CSS variables for React style prop
  * Note: Will filter out undefined, null, and empty string prop values
- * @returns CSSProperties styles
  */
 export declare const convertStylePropsToStyleObj: ConvertStylePropsToStyleObj;
-export declare const useStyles: (props: ViewProps, style?: React.CSSProperties) => {
+export declare const useStyles: (props: Record<string, unknown>, style?: React.CSSProperties) => {
     propStyles: React.CSSProperties;
     nonStyleProps: Partial<ViewProps>;
 };

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

@@ -1,5 +1,4 @@
 import { ComponentClassName, WebTheme } from '@aws-amplify/ui';
-import { ThemeStylePropKey } from '../types/theme';
 export declare const strHasLength: (str: unknown) => str is string;
 export declare const isFunction: (fn: unknown) => fn is Function;
 export declare const isEmptyString: (value: unknown) => boolean;
@@ -29,4 +28,8 @@ export declare const classNameModifier: (base: ComponentClassName, modifier?: Mo
  * @returns the modified class name or empty string
  */
 export declare const classNameModifierByFlag: (base: ComponentClassName, modifier: Modifiers, flag?: boolean) => string;
-export declare const getCSSVariableIfValueIsThemeKey: <Value>(propKey: ThemeStylePropKey, value: Value, tokens: WebTheme['tokens']) => string | Value;
+/**
+ * TS helper function to make using Object.keys more typesafe
+ */
+export declare const objectKeys: <Obj extends object>(obj: Obj) => (keyof Obj)[];
+export declare const getCSSVariableIfValueIsThemeKey: <Value = unknown>(propKey: string, value: string, tokens: WebTheme['tokens']) => string | Value;

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

@@ -110,6 +110,6 @@ export interface PaginationItemProps extends BaseComponentProps, BaseStyleProps,
      * @description
      * Triggered every time the item is clicked.
      */
-    onClick?: (newPageIndex?: number, prevPageIndex?: number) => void;
+    onClick?: () => void;
 }
 export {};

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Property } from 'csstype';
 import { FlexProps } from './flex';
 import { Sizes } from './base';

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

@@ -1,10 +1,11 @@
-import { Theme } from '@aws-amplify/ui';
-export declare type Breakpoints = Theme['breakpoints']['values'];
-export declare type Breakpoint = keyof Theme['breakpoints']['values'];
+import { WebTheme } from '@aws-amplify/ui';
+export declare type Breakpoints = WebTheme['breakpoints']['values'];
+export declare type Breakpoint = keyof WebTheme['breakpoints']['values'];
+export declare type ValueBreakpoints<Value = unknown> = Partial<Record<Breakpoint, Value>>;
 export interface MediaQueryBreakpoint {
     breakpoint: Breakpoint;
     query: string;
-    maxWidth: number;
+    maxWidth: number | null;
     minWidth: number;
 }
 export interface GetMediaQueriesParams {

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

@@ -490,8 +490,9 @@ export interface CSSLayoutStyleProps {
 }
 export interface AllStyleProps extends BaseStyleProps, ImageStyleProps, FlexContainerStyleProps, GridContainerStyleProps, TextAreaStyleProps {
 }
+export declare type AllStylePropKey = keyof AllStyleProps;
 export declare type ComponentPropToStyleProp = Required<{
-    [key in keyof AllStyleProps]: keyof React.CSSProperties;
+    [key in AllStylePropKey]: keyof React.CSSProperties;
 }>;
 /**
  * @internal May be removed in a future version

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

@@ -33,6 +33,7 @@ export declare type OpacityKeys<PropertyType> = PropertyType | '0' | '10' | '20'
 export declare type RadiiKeys<PropertyType> = PropertyType | keyof Radii;
 export declare type SpaceKeys<PropertyType> = PropertyType | keyof SpaceSizes | 'zero' | 'relative.xxxs' | 'relative.xxs' | 'relative.xs' | 'relative.small' | 'relative.medium' | 'relative.large' | 'relative.xl' | 'relative.xxl' | 'relative.xxxl' | 'relative.full';
 export declare type TransformKeys<PropertyType> = PropertyType | 'slideX.small' | 'slideX.medium' | 'slideX.large';
+export declare const isThemeStylePropKey: (key: string) => key is ThemeStylePropKey;
 export declare type ThemeStylePropKey = 'backgroundColor' | 'borderRadius' | 'bottom' | 'boxShadow' | 'color' | 'columnGap' | 'fontFamily' | 'fontSize' | 'fontWeight' | 'gap' | 'height' | 'left' | 'letterSpacing' | 'lineHeight' | 'margin' | 'marginBlock' | 'marginBlockEnd' | 'marginBlockStart' | 'marginBottom' | 'marginInline' | 'marginInlineEnd' | 'marginInlineStart' | 'marginLeft' | 'marginRight' | 'marginTop' | 'maxHeight' | 'maxWidth' | 'minHeight' | 'minWidth' | 'opacity' | 'padding' | 'paddingBlock' | 'paddingBlockEnd' | 'paddingBlockStart' | 'paddingInline' | 'paddingInlineEnd' | 'paddingInlineStart' | 'paddingLeft' | 'paddingRight' | 'paddingTop' | 'paddingBottom' | 'right' | 'rowGap' | 'top' | 'transform' | 'width';
 export declare type ThemeTokenKey = 'components' | 'borderWidths' | 'colors' | 'fonts' | 'fontSizes' | 'fontWeights' | 'lineHeights' | 'opacities' | 'outlineOffsets' | 'outlineWidths' | 'radii' | 'shadows' | 'space' | 'time' | 'transforms';
 export {};

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

@@ -19,5 +19,5 @@ export interface ToggleButtonProps extends ButtonProps {
      * @description
      * Handles changes to the current value when using the ToggleButton as a controlled component
      */
-    onChange?: (value?: string) => void;
+    onChange?: (value: string) => void;
 }

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

@@ -1 +1,3 @@
+import { FlexContainerStyleProps } from '../types';
 export declare const errorMessageWrapper: (fn: () => void, message: string) => void | Error;
+export declare const testFlexProps: FlexContainerStyleProps;

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "4.3.5";
+export declare const VERSION = "4.3.7";