@aws-amplify/ui-react 3.5.10 → 3.6.0

package/dist/styles.css

@@ -3,7 +3,7 @@
  */
 /**
  * Do not edit directly
- * Generated on Wed, 26 Oct 2022 18:28:07 GMT
+ * Generated on Tue, 08 Nov 2022 23:57:24 GMT
  */
 :root, [data-amplify-theme] {
   --amplify-transforms-slide-x-large: translateX(2em);
@@ -338,6 +338,18 @@
   --amplify-components-button-loading-background-color: transparent;
   --amplify-components-badge-text-align: center;
   --amplify-components-badge-line-height: 1;
+  --amplify-components-autocomplete-menu-loading-display: flex;
+  --amplify-components-autocomplete-menu-loading-align-items: center;
+  --amplify-components-autocomplete-menu-empty-display: flex;
+  --amplify-components-autocomplete-menu-option-transition-timing-function: ease;
+  --amplify-components-autocomplete-menu-option-transition-property: background-color, color;
+  --amplify-components-autocomplete-menu-option-cursor: pointer;
+  --amplify-components-autocomplete-menu-option-color: currentcolor;
+  --amplify-components-autocomplete-menu-options-max-height: 300px;
+  --amplify-components-autocomplete-menu-options-flex-direction: column;
+  --amplify-components-autocomplete-menu-options-display: flex;
+  --amplify-components-autocomplete-menu-border-style: solid;
+  --amplify-components-autocomplete-menu-width: 100%;
   --amplify-components-authenticator-router-border-style: solid;
   --amplify-components-authenticator-container-width-max: 30rem;
   --amplify-components-authenticator-max-width: 60rem;
@@ -509,6 +521,7 @@
   --amplify-components-loader-font-size: var(--amplify-font-sizes-xs);
   --amplify-components-loader-height: var(--amplify-font-sizes-medium);
   --amplify-components-loader-width: var(--amplify-font-sizes-medium);
+  --amplify-components-highlightmatch-highlighted-font-weight: 700;
   --amplify-components-heading-line-height: var(--amplify-line-heights-small);
   --amplify-components-heading-6-font-weight: 800;
   --amplify-components-heading-6-font-size: var(--amplify-font-sizes-medium);
@@ -618,6 +631,14 @@
   --amplify-components-badge-padding-vertical: var(--amplify-space-xs);
   --amplify-components-badge-font-size: var(--amplify-font-sizes-small);
   --amplify-components-badge-font-weight: 600;
+  --amplify-components-autocomplete-menu-space-shared-padding-inline: var(--amplify-space-small);
+  --amplify-components-autocomplete-menu-space-shared-padding-block: var(--amplify-space-xs);
+  --amplify-components-autocomplete-menu-loading-gap: var(--amplify-space-xxxs);
+  --amplify-components-autocomplete-menu-option-active-color: var(--amplify-colors-white);
+  --amplify-components-autocomplete-menu-option-transition-duration: var(--amplify-time-short);
+  --amplify-components-autocomplete-menu-border-radius: var(--amplify-radii-small);
+  --amplify-components-autocomplete-menu-border-width: var(--amplify-border-widths-small);
+  --amplify-components-autocomplete-menu-margin-block-start: var(--amplify-space-xxxs);
   --amplify-components-authenticator-or-container-color: var(--amplify-colors-neutral-80);
   --amplify-components-authenticator-form-padding: var(--amplify-space-xl);
   --amplify-components-authenticator-footer-padding-bottom: var(--amplify-space-medium);
@@ -806,6 +827,10 @@
   --amplify-components-badge-info-color: var(--amplify-colors-font-info);
   --amplify-components-badge-background-color: var(--amplify-colors-background-tertiary);
   --amplify-components-badge-color: var(--amplify-colors-font-primary);
+  --amplify-components-autocomplete-menu-option-active-background-color: var(--amplify-colors-brand-primary-80);
+  --amplify-components-autocomplete-menu-option-background-color: var(--amplify-colors-background-primary);
+  --amplify-components-autocomplete-menu-border-color: var(--amplify-colors-border-primary);
+  --amplify-components-autocomplete-menu-background-color: var(--amplify-colors-background-primary);
   --amplify-components-authenticator-or-container-or-line-background-color: var(--amplify-colors-background-primary);
   --amplify-components-authenticator-state-inactive-background-color: var(--amplify-colors-background-secondary);
   --amplify-components-authenticator-router-box-shadow: var(--amplify-shadows-medium);
@@ -1430,6 +1455,10 @@ strong.amplify-text {
   width: var(--amplify-components-icon-height);
 }
 
+.amplify-highlightmatch__highlighted {
+  font-weight: var(--amplify-components-highlightmatch-highlighted-font-weight);
+}
+
 .amplify-input {
   box-sizing: border-box;
   color: var(--amplify-components-fieldcontrol-color);
@@ -1654,21 +1683,16 @@ strong.amplify-text {
 }
 .amplify-loader circle:last-of-type {
   transform-origin: center center;
-  -webkit-animation-name: amplify-loader-circular;
-          animation-name: amplify-loader-circular;
-  -webkit-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-  -webkit-animation-duration: var(--amplify-components-loader-animation-duration);
-          animation-duration: var(--amplify-components-loader-animation-duration);
+  animation-name: amplify-loader-circular;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-duration: var(--amplify-components-loader-animation-duration);
   stroke: var(--amplify-components-loader-stroke-filled);
   stroke-linecap: var(--amplify-components-loader-stroke-linecap);
 }
 @media (prefers-reduced-motion) {
   .amplify-loader circle:last-of-type {
-    -webkit-animation: none;
-            animation: none;
+    animation: none;
     stroke-dasharray: 100% 200%;
     stroke-dashoffset: 50%;
   }
@@ -1676,19 +1700,14 @@ strong.amplify-text {
 .amplify-loader line:last-of-type {
   stroke: var(--amplify-components-loader-linear-stroke-filled);
   stroke-dasharray: 50% 200%;
-  -webkit-animation-name: amplify-loader-linear;
-          animation-name: amplify-loader-linear;
-  -webkit-animation-duration: var(--amplify-components-loader-linear-animation-duration);
-          animation-duration: var(--amplify-components-loader-linear-animation-duration);
-  -webkit-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
+  animation-name: amplify-loader-linear;
+  animation-duration: var(--amplify-components-loader-linear-animation-duration);
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
 }
 @media (prefers-reduced-motion) {
   .amplify-loader line:last-of-type {
-    -webkit-animation: none;
-            animation: none;
+    animation: none;
     stroke-dashoffset: -50%;
   }
 }
@@ -1723,13 +1742,11 @@ strong.amplify-text {
   font-size: var(--amplify-internal-loader-linear-font-size);
 }
 .amplify-loader--determinate circle:last-of-type {
-  -webkit-animation: none;
-          animation: none;
+  animation: none;
   transform: rotate(-90deg);
 }
 .amplify-loader--determinate line:last-of-type {
-  -webkit-animation: none;
-          animation: none;
+  animation: none;
   stroke-dashoffset: 0%;
   stroke-dasharray: none;
 }
@@ -1738,20 +1755,6 @@ strong.amplify-text {
   stroke: none;
 }
 
-@-webkit-keyframes amplify-loader-circular {
-  0% {
-    stroke-dasharray: 100% 200%;
-    transform: rotate(120deg);
-  }
-  50% {
-    stroke-dasharray: 20% 400%;
-  }
-  100% {
-    stroke-dasharray: 100% 200%;
-    transform: rotate(480deg);
-  }
-}
-
 @keyframes amplify-loader-circular {
   0% {
     stroke-dasharray: 100% 200%;
@@ -1765,14 +1768,6 @@ strong.amplify-text {
     transform: rotate(480deg);
   }
 }
-@-webkit-keyframes amplify-loader-linear {
-  0% {
-    stroke-dashoffset: 200%;
-  }
-  100% {
-    stroke-dashoffset: -50%;
-  }
-}
 @keyframes amplify-loader-linear {
   0% {
     stroke-dashoffset: 200%;
@@ -1782,14 +1777,10 @@ strong.amplify-text {
   }
 }
 .amplify-placeholder {
-  -webkit-animation-direction: alternate;
-          animation-direction: alternate;
-  -webkit-animation-duration: var(--amplify-components-placeholder-transition-duration);
-          animation-duration: var(--amplify-components-placeholder-transition-duration);
-  -webkit-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-  -webkit-animation-name: amplify-placeholder-loading;
-          animation-name: amplify-placeholder-loading;
+  animation-direction: alternate;
+  animation-duration: var(--amplify-components-placeholder-transition-duration);
+  animation-iteration-count: infinite;
+  animation-name: amplify-placeholder-loading;
   border-radius: var(--amplify-components-placeholder-border-radius);
   height: var(--amplify-components-placeholder-default-height);
   width: 100%;
@@ -1802,15 +1793,6 @@ strong.amplify-text {
   height: var(--amplify-components-placeholder-large-height);
 }
 
-@-webkit-keyframes amplify-placeholder-loading {
-  0% {
-    background-color: var(--amplify-components-placeholder-start-color);
-  }
-  100% {
-    background-color: var(--amplify-components-placeholder-end-color);
-  }
-}
-
 @keyframes amplify-placeholder-loading {
   0% {
     background-color: var(--amplify-components-placeholder-start-color);
@@ -1821,8 +1803,7 @@ strong.amplify-text {
 }
 @media (prefers-reduced-motion: reduce) {
   .amplify-placeholder {
-    -webkit-animation: none;
-            animation: none;
+    animation: none;
     background-color: var(--amplify-components-placeholder-end-color);
   }
 }
@@ -1897,6 +1878,54 @@ strong.amplify-text {
   color: inherit;
 }
 
+.amplify-autocomplete__menu__option, .amplify-autocomplete__menu--loading, .amplify-autocomplete__menu--empty {
+  padding-block: var(--amplify-components-autocomplete-menu-space-shared-padding-block);
+  padding-inline: var(--amplify-components-autocomplete-menu-space-shared-padding-inline);
+}
+
+.amplify-autocomplete {
+  position: relative;
+}
+
+.amplify-autocomplete__menu {
+  position: absolute;
+  z-index: 99;
+  width: var(--amplify-components-autocomplete-menu-width);
+  -webkit-margin-before: var(--amplify-components-autocomplete-menu-margin-block-start);
+          margin-block-start: var(--amplify-components-autocomplete-menu-margin-block-start);
+  background-color: var(--amplify-components-autocomplete-menu-background-color);
+  border-color: var(--amplify-components-autocomplete-menu-border-color);
+  border-width: var(--amplify-components-autocomplete-menu-border-width);
+  border-style: var(--amplify-components-autocomplete-menu-border-style);
+  border-radius: var(--amplify-components-autocomplete-menu-border-radius);
+}
+.amplify-autocomplete__menu--empty {
+  display: var(--amplify-components-autocomplete-menu-empty-display);
+}
+.amplify-autocomplete__menu--loading {
+  display: var(--amplify-components-autocomplete-menu-loading-display);
+  align-items: var(--amplify-components-autocomplete-menu-loading-align-items);
+  gap: var(--amplify-components-autocomplete-menu-loading-gap);
+}
+.amplify-autocomplete__menu__options {
+  position: relative;
+  display: var(--amplify-components-autocomplete-menu-options-display);
+  flex-direction: var(--amplify-components-autocomplete-menu-options-flex-direction);
+  max-height: var(--amplify-components-autocomplete-menu-options-max-height);
+}
+.amplify-autocomplete__menu__option {
+  background-color: var(--amplify-components-autocomplete-menu-option-background-color);
+  color: var(--amplify-components-autocomplete-menu-option-color);
+  cursor: var(--amplify-components-autocomplete-menu-option-cursor);
+  transition-duration: var(--amplify-components-autocomplete-menu-option-transition-duration);
+  transition-property: var(--amplify-components-autocomplete-menu-option-transition-property);
+  transition-timing-function: var(--amplify-components-autocomplete-menu-option-transition-timing-function);
+}
+.amplify-autocomplete__menu__option--active {
+  background-color: var(--amplify-components-autocomplete-menu-option-active-background-color);
+  color: var(--amplify-components-autocomplete-menu-option-active-color);
+}
+
 /* Center by default */
 [data-amplify-authenticator] {
   display: grid;
@@ -2279,20 +2308,14 @@ strong.amplify-text {
           padding-inline-end: var(--amplify-components-expander-content-padding-inline-end);
 }
 .amplify-expander__content[data-state=open] {
-  -webkit-animation-name: amplify-expander-slide-down;
-          animation-name: amplify-expander-slide-down;
-  -webkit-animation-duration: var(--amplify-components-expander-content-open-animation-duration);
-          animation-duration: var(--amplify-components-expander-content-open-animation-duration);
-  -webkit-animation-timing-function: var(--amplify-components-expander-content-open-animation-timing-function);
-          animation-timing-function: var(--amplify-components-expander-content-open-animation-timing-function);
+  animation-name: amplify-expander-slide-down;
+  animation-duration: var(--amplify-components-expander-content-open-animation-duration);
+  animation-timing-function: var(--amplify-components-expander-content-open-animation-timing-function);
 }
 .amplify-expander__content[data-state=closed] {
-  -webkit-animation-name: amplify-expander-slide-up;
-          animation-name: amplify-expander-slide-up;
-  -webkit-animation-duration: var(--amplify-components-expander-content-closed-animation-duration);
-          animation-duration: var(--amplify-components-expander-content-closed-animation-duration);
-  -webkit-animation-timing-function: var(--amplify-components-expander-content-closed-animation-timing-function);
-          animation-timing-function: var(--amplify-components-expander-content-closed-animation-timing-function);
+  animation-name: amplify-expander-slide-up;
+  animation-duration: var(--amplify-components-expander-content-closed-animation-duration);
+  animation-timing-function: var(--amplify-components-expander-content-closed-animation-timing-function);
 }
 
 .amplify-expander__content__text {
@@ -2313,15 +2336,6 @@ strong.amplify-text {
   transform: rotate(180deg);
 }
 
-@-webkit-keyframes amplify-expander-slide-down {
-  from {
-    height: 0;
-  }
-  to {
-    height: auto;
-  }
-}
-
 @keyframes amplify-expander-slide-down {
   from {
     height: 0;
@@ -2330,14 +2344,6 @@ strong.amplify-text {
     height: auto;
   }
 }
-@-webkit-keyframes amplify-expander-slide-up {
-  from {
-    height: auto;
-  }
-  to {
-    height: 0;
-  }
-}
 @keyframes amplify-expander-slide-up {
   from {
     height: auto;
@@ -2437,7 +2443,6 @@ strong.amplify-text {
   width: 100%;
 }
 .amplify-field-group__field-wrapper--vertical {
-  width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
 }

package/dist/types/hooks/actions/shared/types.d.ts

@@ -1,4 +1,4 @@
-import { PersistentModel, PersistentModelConstructor, ModelInit, Schema } from '@aws-amplify/datastore';
+import { PersistentModel, PersistentModelConstructor, ModelInit, PersistentModelMetaData, Schema } from '@aws-amplify/datastore';
 /**
  * Converts a Model's field values to types supported by
  * Amplify UI field components. This is required
@@ -8,7 +8,7 @@ import { PersistentModel, PersistentModelConstructor, ModelInit, Schema } from '
 declare type ModelFields<Type> = {
     [Property in keyof Type]: string | number | boolean;
 };
-export declare type DataStoreActionFields<Model> = ModelInit<Model> | ModelFields<ModelInit<Model>>;
+export declare type DataStoreActionFields<Model> = ModelInit<Model, PersistentModelMetaData<Model>> | ModelFields<ModelInit<Model, PersistentModelMetaData<Model>>>;
 export interface UseDataStoreActionOptions<Model extends PersistentModel> {
     model: PersistentModelConstructor<Model>;
     /**
@@ -23,5 +23,5 @@ export interface UseDataStoreActionOptions<Model extends PersistentModel> {
      */
     schema?: Schema;
 }
-export declare function isAlreadyTyped<Model>(fields: DataStoreActionFields<Model>, schema: Schema): fields is ModelInit<Model>;
+export declare function isAlreadyTyped<Model>(fields: DataStoreActionFields<Model>, schema: Schema): fields is ModelInit<Model, PersistentModelMetaData<Model>>;
 export {};

package/dist/types/hooks/actions/shared/useTypeCastFields.d.ts

@@ -1,17 +1,15 @@
-import { ModelInit, Schema } from '@aws-amplify/datastore';
+import { ModelInit, PersistentModelMetaData, Schema } from '@aws-amplify/datastore';
 import { DataStoreActionFields } from './types';
 interface UseTypeCastFieldsProps<Model> {
     fields: DataStoreActionFields<Model>;
     modelName: string;
     schema: Schema;
 }
-declare type UseTypeCastFieldsReturn<Model> = ModelInit<Model> | undefined;
+declare type UseTypeCastFieldsReturn<Model> = ModelInit<Model, PersistentModelMetaData<Model>> | undefined;
 /**
  * Optimistically casts field string values to types required by
  * datastore based on the schema type
  * @see: See https://docs.aws.amazon.com/appsync/latest/devguide/scalars.html
  */
-export declare const useTypeCastFields: <Model>({ fields, modelName, schema, }: UseTypeCastFieldsProps<Model>) => ModelInit<Model, {
-    readOnlyFields: "createdAt" | "updatedAt";
-}>;
+export declare const useTypeCastFields: <Model>({ fields, modelName, schema, }: UseTypeCastFieldsProps<Model>) => ModelInit<Model, PersistentModelMetaData<Model>>;
 export {};

package/dist/types/hooks/actions/useDataStoreCreateAction.d.ts

@@ -6,6 +6,4 @@ export interface UseDataStoreCreateActionOptions<Model extends PersistentModel>
  * Action to Create DataStore item
  * @internal
  */
-export declare const useDataStoreCreateAction: <Model extends Readonly<{
-    id: string;
-} & Record<string, any>>>({ model, fields, schema, }: UseDataStoreCreateActionOptions<Model>) => (() => Promise<void>);
+export declare const useDataStoreCreateAction: <Model extends Readonly<Record<string, any>>>({ model, fields: initialFields, schema, }: UseDataStoreCreateActionOptions<Model>) => (() => Promise<void>);

package/dist/types/hooks/actions/useDataStoreDeleteAction.d.ts

@@ -1,12 +1,10 @@
-import { PersistentModel, PersistentModelConstructor } from '@aws-amplify/datastore';
+import { PersistentModel, PersistentModelConstructor, PersistentModelMetaData, IdentifierFieldOrIdentifierObject } from '@aws-amplify/datastore';
 export interface UseDataStoreDeleteActionOptions<Model extends PersistentModel> {
     model: PersistentModelConstructor<Model>;
-    id: string;
+    id: IdentifierFieldOrIdentifierObject<Model, PersistentModelMetaData<Model>>;
 }
 /**
  * Action to Delete DataStore item
  * @internal
  */
-export declare const useDataStoreDeleteAction: <Model extends Readonly<{
-    id: string;
-} & Record<string, any>>>({ model, id, }: UseDataStoreDeleteActionOptions<Model>) => (() => Promise<void>);
+export declare const useDataStoreDeleteAction: <Model extends Readonly<Record<string, any>>>({ model, id, }: UseDataStoreDeleteActionOptions<Model>) => (() => Promise<void>);

package/dist/types/hooks/actions/useDataStoreUpdateAction.d.ts

@@ -1,12 +1,10 @@
-import { PersistentModel } from '@aws-amplify/datastore';
+import { IdentifierFieldOrIdentifierObject, PersistentModel, PersistentModelMetaData } from '@aws-amplify/datastore';
 import { UseDataStoreActionOptions } from './shared/types';
 export interface UseDataStoreUpdateActionOptions<Model extends PersistentModel> extends UseDataStoreActionOptions<Model> {
-    id: string;
+    id: IdentifierFieldOrIdentifierObject<Model, PersistentModelMetaData<Model>>;
 }
 /**
  * Action to Update DataStore item
  * @internal
  */
-export declare const useDataStoreUpdateAction: <Model extends Readonly<{
-    id: string;
-} & Record<string, any>>>({ fields, id, model, schema, }: UseDataStoreUpdateActionOptions<Model>) => (() => Promise<void>);
+export declare const useDataStoreUpdateAction: <Model extends Readonly<Record<string, any>>>({ fields: initialFields, id, model, schema, }: UseDataStoreUpdateActionOptions<Model>) => (() => Promise<void>);

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

@@ -4,16 +4,12 @@ import { DataStoreBindingProps, DataStoreCollectionProps, DataStoreCollectionRes
  * Perform a collection query against a DataStore model
  * @internal
  */
-export declare const useDataStoreCollection: <M extends Readonly<{
-    id: string;
-} & Record<string, any>>>({ model, criteria, pagination, }: DataStoreCollectionProps<M>) => DataStoreCollectionResult<M>;
+export declare const useDataStoreCollection: <M extends Readonly<Record<string, any>>>({ model, criteria, pagination, }: DataStoreCollectionProps<M>) => DataStoreCollectionResult<M>;
 /**
  * Perform a single record query against a DataStore model
  * @internal
  */
-export declare const useDataStoreItem: <M extends Readonly<{
-    id: string;
-} & Record<string, any>>>({ model, id, }: DataStoreItemProps<M>) => DataStoreItemResult<M>;
+export declare const useDataStoreItem: <M extends Readonly<Record<string, any>>>({ model, id, }: DataStoreItemProps<M>) => DataStoreItemResult<M>;
 /**
  * Perform a query against a DataStore model
  * @internal

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

@@ -3,4 +3,4 @@ import { AlertProps } from '../types';
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/components/alert)
  */
-export declare const Alert: React.ForwardRefExoticComponent<Pick<import("../types").PrimitivePropsWithRef<AlertProps, React.ForwardRefExoticComponent<Pick<import("../types").PrimitivePropsWithRef<import("../types").FlexProps, "div">, "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" | "as" | "style" | "onLoad" | "onError" | "onClick" | "onChange" | "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<HTMLDivElement>>>, "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" | "heading" | "direction" | "wrap" | "alignItems" | "alignContent" | "justifyContent" | "gap" | "columnGap" | "rowGap" | "variation" | "isDismissible" | "dismissButtonLabel" | "hasIcon" | "as" | "style" | "onLoad" | "onError" | "onClick" | "onDismiss" | "buttonRef" | "onChange" | "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<HTMLDivElement>>;
+export declare const Alert: React.ForwardRefExoticComponent<Pick<import("../types").PrimitivePropsWithRef<AlertProps, React.ForwardRefExoticComponent<Pick<import("../types").PrimitivePropsWithRef<import("../types").FlexProps, "div">, "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" | "as" | "style" | "onLoad" | "onError" | "onClick" | "onSubmit" | "onChange" | "onSelect" | "onBlur" | "onFocus" | "inlist" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "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<HTMLDivElement>>>, "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" | "heading" | "direction" | "wrap" | "alignItems" | "alignContent" | "justifyContent" | "gap" | "columnGap" | "rowGap" | "variation" | "isDismissible" | "dismissButtonLabel" | "hasIcon" | "as" | "style" | "onLoad" | "onError" | "onClick" | "onSubmit" | "onChange" | "onSelect" | "onBlur" | "onFocus" | "onDismiss" | "buttonRef" | "inlist" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "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<HTMLDivElement>>;

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import type { AutocompleteProps, Primitive } from '../types';
+export declare const AutocompletePrimitive: Primitive<AutocompleteProps, 'input'>;
+/**
+ * [📖 Docs](https://ui.docs.amplify.aws/react/components/autocomplete)
+ */
+export declare const Autocomplete: React.ForwardRefExoticComponent<Pick<import("../types").PrimitivePropsWithRef<AutocompleteProps, "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" | "form" | "label" | "pattern" | "list" | "step" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "disabled" | "enterKeyHint" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "readOnly" | "required" | "size" | "src" | "type" | "value" | "isLoading" | "hasSearchButton" | "hasSearchIcon" | "labelHidden" | "clearButtonLabel" | "outerEndComponent" | "outerStartComponent" | "innerStartComponent" | "innerEndComponent" | "descriptiveText" | "errorMessage" | "hasError" | "isReadOnly" | "isRequired" | "as" | "style" | "onLoad" | "onError" | "onClick" | "onSubmit" | "onClear" | "searchButtonRef" | "onChange" | "options" | "menuSlots" | "optionFilter" | "renderOption" | "onSelect" | "onBlur" | "onFocus" | "inlist" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "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<HTMLInputElement>>;

package/dist/types/primitives/Autocomplete/AutocompleteMenu.d.ts

@@ -0,0 +1,2 @@
+import type { Primitive, AutocompleteMenuProps } from '../types';
+export declare const AutocompleteMenu: Primitive<AutocompleteMenuProps, 'div'>;

package/dist/types/primitives/Autocomplete/AutocompleteOption.d.ts

@@ -0,0 +1,2 @@
+import type { Primitive, AutocompleteOptionProps } from '../types';
+export declare const AutocompleteOption: Primitive<AutocompleteOptionProps, 'li'>;

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

@@ -0,0 +1 @@
+export { Autocomplete } from './Autocomplete';

package/dist/types/primitives/Autocomplete/useAutocomplete.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import type { ComboBoxOption, UseAutocompleteProps } from '../types';
+export declare const useAutocomplete: ({ defaultValue, value, options, optionFilter, onBlur, onChange, onClear, onClick, onFocus, onSelect, onSubmit, }: UseAutocompleteProps) => {
+    activeOptionId: string;
+    autocompleteId: string;
+    composedValue: string;
+    filteredOptions: ComboBoxOption[];
+    handleOnBlur: React.FocusEventHandler<HTMLInputElement>;
+    handleOnClear: () => void;
+    handleOnClick: React.MouseEventHandler<HTMLInputElement>;
+    handleOnFocus: React.FocusEventHandler<HTMLInputElement>;
+    handleOnChange: React.ChangeEventHandler<HTMLInputElement>;
+    handleOnKeyDown: React.KeyboardEventHandler<HTMLInputElement>;
+    isControlled: boolean;
+    isCustomFiltering: boolean;
+    isMenuOpen: boolean;
+    listboxId: string;
+    menuId: string;
+    optionBaseId: string;
+    setActiveOption: React.Dispatch<React.SetStateAction<ComboBoxOption>>;
+    setIsMenuOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    setInternalValue: React.Dispatch<React.SetStateAction<string>>;
+};