@aws-amplify/ui-react 5.1.0 → 5.2.0

package/dist/esm/primitives/Alert/Alert.mjs

@@ -1 +1 @@
-import{__rest as e}from"tslib";import*as t from"react";import s from"classnames";import{isFunction as a,classNameModifier as i}from"@aws-amplify/ui";import{ComponentClassNames as r,ComponentText as m}from"../shared/constants.mjs";import{View as o}from"../View/View.mjs";import{Flex as l}from"../Flex/Flex.mjs";import{Button as n}from"../Button/Button.mjs";import{AlertIcon as c}from"./AlertIcon.mjs";import{IconClose as f}from"../Icon/icons/IconClose.mjs";const d=t.forwardRef(((d,p)=>{var{buttonRef:u,children:b,className:h,dismissButtonLabel:A=m.Alert.dismissButtonLabel,hasIcon:j=!0,heading:E,isDismissible:N=!1,onDismiss:v,variation:B}=d,D=e(d,["buttonRef","children","className","dismissButtonLabel","hasIcon","heading","isDismissible","onDismiss","variation"]);const[I,g]=t.useState(!1),w=t.useCallback((()=>{g(!I),a(v)&&v()}),[g,v,I]);return I?null:t.createElement(l,Object.assign({className:s(r.Alert,h,i(r.Alert,B)),"data-variation":B,ref:p,role:"alert"},D),j&&t.createElement(c,{variation:B,ariaHidden:!0}),t.createElement(o,{flex:"1"},E&&t.createElement(o,{className:r.AlertHeading},E),t.createElement(o,{className:r.AlertBody},b)),N&&t.createElement(n,{ariaLabel:A,variation:"link",className:r.AlertDismiss,onClick:w,ref:u},t.createElement(f,{"aria-hidden":"true"})))}));d.displayName="Alert";export{d as Alert};
+import{__rest as e}from"tslib";import*as t from"react";import s from"classnames";import{isFunction as i,classNameModifier as o}from"@aws-amplify/ui";import{ComponentClassNames as a,ComponentText as r}from"../shared/constants.mjs";import{View as m}from"../View/View.mjs";import{Flex as n}from"../Flex/Flex.mjs";import{Button as l}from"../Button/Button.mjs";import{AlertIcon as c}from"./AlertIcon.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as d}from"../Icon/context/useIcons.mjs";import{IconClose as f}from"../Icon/icons/IconClose.mjs";const p=t.forwardRef(((p,u)=>{var b,{buttonRef:I,children:j,className:h,dismissButtonLabel:v=r.Alert.dismissButtonLabel,hasIcon:A=!0,heading:x,isDismissible:E=!1,onDismiss:N,variation:B}=p,D=e(p,["buttonRef","children","className","dismissButtonLabel","hasIcon","heading","isDismissible","onDismiss","variation"]);const[g,w]=t.useState(!1),C=d("alert"),L=t.useCallback((()=>{w(!g),i(N)&&N()}),[w,N,g]);return g?null:t.createElement(n,Object.assign({className:s(a.Alert,h,o(a.Alert,B)),"data-variation":B,ref:u,role:"alert"},D),A&&t.createElement(c,{variation:B,ariaHidden:!0}),t.createElement(m,{flex:"1"},x&&t.createElement(m,{className:a.AlertHeading},x),t.createElement(m,{className:a.AlertBody},j)),E&&t.createElement(l,{ariaLabel:v,variation:"link",className:a.AlertDismiss,onClick:L,ref:I},null!==(b=null==C?void 0:C.close)&&void 0!==b?b:t.createElement(f,{"aria-hidden":"true"})))}));p.displayName="Alert";export{p as Alert};

package/dist/esm/primitives/Alert/AlertIcon.mjs

@@ -1 +1 @@
-import*as r from"react";import{ComponentClassNames as e}from"../shared/constants.mjs";import"tslib";import"classnames";import"../View/View.mjs";import{IconCheckCircle as n}from"../Icon/icons/IconCheckCircle.mjs";import{IconError as o}from"../Icon/icons/IconError.mjs";import{IconInfo as a}from"../Icon/icons/IconInfo.mjs";import{IconWarning as c}from"../Icon/icons/IconWarning.mjs";const s=({variation:s,ariaHidden:t})=>{switch(s){case"info":return r.createElement(a,{"aria-hidden":t,className:e.AlertIcon});case"error":return r.createElement(o,{"aria-hidden":t,className:e.AlertIcon});case"warning":return r.createElement(c,{"aria-hidden":t,className:e.AlertIcon});case"success":return r.createElement(n,{"aria-hidden":t,className:e.AlertIcon});default:return null}};s.displayName="AlertIcon";export{s as AlertIcon};
+import*as o from"react";import{ComponentClassNames as n}from"../shared/constants.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as e}from"../Icon/context/useIcons.mjs";import"tslib";import"classnames";import"../View/View.mjs";import{IconCheckCircle as r}from"../Icon/icons/IconCheckCircle.mjs";import{IconError as i}from"../Icon/icons/IconError.mjs";import{IconInfo as c}from"../Icon/icons/IconInfo.mjs";import{IconWarning as t}from"../Icon/icons/IconWarning.mjs";const s=({variation:s,ariaHidden:a})=>{var m,l,d,I;const p=e("alert");let u;switch(s){case"info":u=null!==(m=null==p?void 0:p.info)&&void 0!==m?m:o.createElement(c,{"aria-hidden":a});break;case"error":u=null!==(l=null==p?void 0:p.error)&&void 0!==l?l:o.createElement(i,{"aria-hidden":a});break;case"warning":u=null!==(d=null==p?void 0:p.warning)&&void 0!==d?d:o.createElement(t,{"aria-hidden":a});break;case"success":u=null!==(I=null==p?void 0:p.success)&&void 0!==I?I:o.createElement(r,{"aria-hidden":a})}return u?o.createElement("span",{className:n.AlertIcon},u):null};s.displayName="AlertIcon";export{s as AlertIcon};

package/dist/esm/primitives/Button/Button.mjs

@@ -1 +1 @@
-import{__rest as t}from"tslib";import a from"classnames";import*as i from"react";import{classNameModifier as e,classNameModifierByFlag as o}from"@aws-amplify/ui";import{ComponentClassNames as s}from"../shared/constants.mjs";import{Flex as l}from"../Flex/Flex.mjs";import{Loader as r}from"../Loader/Loader.mjs";import{View as n}from"../View/View.mjs";const d=i.forwardRef(((d,m)=>{var u,{className:p,children:c,isFullWidth:f=!1,isDisabled:b,isLoading:B,loadingText:g="",size:h,type:w="button",variation:j}=d,v=t(d,["className","children","isFullWidth","isDisabled","isLoading","loadingText","size","type","variation"]);const x=a(s.Button,s.FieldGroupControl,e(s.Button,j),e(s.Button,h),o(s.Button,"disabled",null!==(u=null!=b?b:B)&&void 0!==u?u:v.disabled),o(s.Button,"loading",B),o(s.Button,"fullwidth",f),p);return i.createElement(n,Object.assign({ref:m,as:"button",className:x,"data-fullwidth":f,"data-loading":B,"data-size":h,"data-variation":j,isDisabled:null!=b?b:B,type:w},v),B?i.createElement(l,{as:"span",className:s.ButtonLoaderWrapper},i.createElement(r,{size:h}),g||null):c)}));d.displayName="Button";export{d as Button};
+import{__rest as t}from"tslib";import a from"classnames";import*as i from"react";import{classNameModifier as e,classNameModifierByFlag as o}from"@aws-amplify/ui";import{ComponentClassNames as l}from"../shared/constants.mjs";import{Flex as s}from"../Flex/Flex.mjs";import{Loader as r}from"../Loader/Loader.mjs";import{View as n}from"../View/View.mjs";const d=["link","primary",void 0],m=i.forwardRef(((m,u)=>{var p,{className:c,children:f,colorTheme:b,isFullWidth:h=!1,isDisabled:B,isLoading:g,loadingText:v="",size:w,type:y="button",variation:j}=m,x=t(m,["className","children","colorTheme","isFullWidth","isDisabled","isLoading","loadingText","size","type","variation"]);const F=d.includes(j)&&b?`${null!=j?j:"outlined"}--${b}`:void 0,L=a(l.Button,l.FieldGroupControl,e(l.Button,j),e(l.Button,F),e(l.Button,w),o(l.Button,"disabled",null!==(p=null!=B?B:g)&&void 0!==p?p:x.disabled),o(l.Button,"loading",g),o(l.Button,"fullwidth",h),c);return i.createElement(n,Object.assign({ref:u,as:"button",className:L,"data-fullwidth":h,"data-loading":g,"data-size":w,"data-variation":j,isDisabled:null!=B?B:g,type:y},x),g?i.createElement(s,{as:"span",className:l.ButtonLoaderWrapper},i.createElement(r,{size:w}),v||null):f)}));m.displayName="Button";export{m as Button};

package/dist/esm/primitives/Checkbox/Checkbox.mjs

@@ -1 +1 @@
-import{__rest as e}from"tslib";import*as t from"react";import a from"classnames";import{Flex as s}from"../Flex/Flex.mjs";import{ComponentClassNames as o}from"../shared/constants.mjs";import"../View/View.mjs";import{IconCheck as c}from"../Icon/icons/IconCheck.mjs";import{IconIndeterminate as d}from"../Icon/icons/IconIndeterminate.mjs";import{Input as i}from"../Input/Input.mjs";import{Text as n}from"../Text/Text.mjs";import{VisuallyHidden as r}from"../VisuallyHidden/VisuallyHidden.mjs";import{getTestId as l}from"../utils/getTestId.mjs";import{useStableId as m}from"../utils/useStableId.mjs";import{useCheckbox as b}from"./useCheckbox.mjs";import{splitPrimitiveProps as h}from"../utils/splitPrimitiveProps.mjs";import{classNameModifierByFlag as u}from"@aws-amplify/ui";const p=t.forwardRef(((p,k)=>{var{checked:f,className:C,defaultChecked:x,hasError:I,isDisabled:j,isIndeterminate:y,label:E,labelHidden:N,labelPosition:g,onChange:B,testId:F,inputStyles:H}=p,P=e(p,["checked","className","defaultChecked","hasError","isDisabled","isIndeterminate","label","labelHidden","labelPosition","onChange","testId","inputStyles"]);const{styleProps:V,rest:v}=h(P),w=void 0!==f?f:x,{dataChecked:D,dataFocus:S,onBlur:O,onChange:T,onFocus:L,setDataChecked:q}=b(w,B);t.useEffect((()=>{void 0!==f&&f!==D&&q(f)}),[f,D,q]);const M=m();t.useEffect((()=>{const e=document.querySelector(`[data-id="${M}"]`);e&&"boolean"==typeof y&&(e.indeterminate=y)}),[M,y]);const R=l(F,o.CheckboxButton),$=l(F,o.CheckboxIcon),z=l(F,o.CheckboxLabel),A=a(o.CheckboxButton,u(o.CheckboxButton,"disabled",j),u(o.CheckboxButton,"error",I),u(o.CheckboxButton,"focused",S)),G=a(o.CheckboxIcon,u(o.CheckboxIcon,"checked",D),u(o.CheckboxIcon,"disabled",j)),J=t.useMemo((()=>y?t.createElement(d,{className:a(G,u(o.CheckboxIcon,"indeterminate",y)),"data-testid":$}):t.createElement(c,{className:G,"data-checked":D,"data-disabled":j,"data-testid":$})),[D,G,$,j,y]);return t.createElement(s,Object.assign({as:"label",className:a(o.Checkbox,u(o.Checkbox,"disabled",j),C),"data-disabled":j,"data-label-position":g,testId:F},V),t.createElement(r,null,t.createElement(i,Object.assign({checked:f,className:o.CheckboxInput,"data-id":M,defaultChecked:x,isDisabled:j,onBlur:O,onChange:T,onFocus:L,ref:k,type:"checkbox"},v))),E&&t.createElement(n,{as:"span",className:a(o.CheckboxLabel,{[o.VisuallyHidden]:N}),"data-disabled":j,testId:z},E),t.createElement(s,Object.assign({"aria-hidden":"true",as:"span",className:A,"data-checked":D,"data-disabled":j,"data-focus":S,"data-error":I,testId:R},H),J))}));p.displayName="Checkbox";export{p as Checkbox};
+import{__rest as e}from"tslib";import*as t from"react";import a from"classnames";import{classNameModifierByFlag as s,isFunction as o}from"@aws-amplify/ui";import{Flex as c}from"../Flex/Flex.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as n}from"../Icon/context/useIcons.mjs";import{ComponentClassNames as i}from"../shared/constants.mjs";import{View as r}from"../View/View.mjs";import{IconCheck as d}from"../Icon/icons/IconCheck.mjs";import{IconIndeterminate as l}from"../Icon/icons/IconIndeterminate.mjs";import{Input as m}from"../Input/Input.mjs";import{Text as b}from"../Text/Text.mjs";import{VisuallyHidden as u}from"../VisuallyHidden/VisuallyHidden.mjs";import{getTestId as h}from"../utils/getTestId.mjs";import{useStableId as p}from"../utils/useStableId.mjs";import{splitPrimitiveProps as k}from"../utils/splitPrimitiveProps.mjs";const f=t.forwardRef(((f,I)=>{var{checked:x,className:C,defaultChecked:j,hasError:E,isDisabled:y,isIndeterminate:g,label:N,labelHidden:B,labelPosition:S,onBlur:v,onFocus:F,onChange:H,testId:O,inputStyles:P}=f,V=e(f,["checked","className","defaultChecked","hasError","isDisabled","isIndeterminate","label","labelHidden","labelPosition","onBlur","onFocus","onChange","testId","inputStyles"]);const{styleProps:w,rest:D}=k(V),[T,L]=t.useState(!1),q=n("checkbox"),R=void 0!==x,[$,z]=t.useState((()=>R?x:j)),A=R?x:$,G=p();t.useEffect((()=>{const e=document.querySelector(`[data-id="${G}"]`);e&&"boolean"==typeof g&&(e.indeterminate=g)}),[G,g]);const J=h(O,i.CheckboxButton),K=h(O,i.CheckboxIcon),M=h(O,i.CheckboxLabel),Q=a(i.CheckboxButton,s(i.CheckboxButton,"disabled",y),s(i.CheckboxButton,"error",E),s(i.CheckboxButton,"focused",T)),U=a(i.CheckboxIcon,s(i.CheckboxIcon,"checked",A),s(i.CheckboxIcon,"disabled",y),s(i.CheckboxIcon,"indeterminate",g)),W={className:a(U),"data-checked":$,"data-disabled":y,"data-testid":K},X=(null==q?void 0:q.checked)?t.createElement(r,{as:"span",className:a(U)},q.checked):t.createElement(d,Object.assign({},W)),Y=(null==q?void 0:q.indeterminate)?t.createElement(r,{as:"span",className:a(U)},q.indeterminate):t.createElement(l,Object.assign({},W));return t.createElement(c,Object.assign({as:"label",className:a(i.Checkbox,s(i.Checkbox,"disabled",y),C),"data-disabled":y,"data-label-position":S,testId:O},w),t.createElement(u,null,t.createElement(m,Object.assign({checked:x,className:i.CheckboxInput,"data-id":G,defaultChecked:j,isDisabled:y,onBlur:e=>{o(v)&&v(e),L(!1)},onChange:e=>{o(H)&&H(e),R||z(e.target.checked)},onFocus:e=>{o(F)&&F(e),L(!0)},ref:I,type:"checkbox"},D))),N&&t.createElement(b,{as:"span",className:a(i.CheckboxLabel,{[i.VisuallyHidden]:B}),"data-disabled":y,testId:M},N),t.createElement(c,Object.assign({"aria-hidden":"true",as:"span",className:Q,"data-checked":A,"data-disabled":y,"data-focus":T,"data-error":E,testId:J},P),g?Y:X))}));f.displayName="Checkbox";export{f as Checkbox};

package/dist/esm/primitives/Expander/ExpanderItem.mjs

@@ -1 +1 @@
-import{__rest as e}from"tslib";import*as a from"react";import*as t from"@radix-ui/react-accordion";import r from"classnames";import{sanitizeNamespaceImport as s}from"@aws-amplify/ui";import{ComponentClassNames as m}from"../shared/constants.mjs";import{View as i}from"../View/View.mjs";import{IconExpandMore as n}from"../Icon/icons/IconExpandMore.mjs";import{splitPrimitiveProps as o}from"../utils/splitPrimitiveProps.mjs";import{useStableId as d}from"../utils/useStableId.mjs";const{Item:l,Header:c,Trigger:p,Content:x}=s(t),f="expander-item",E="expander-header",u="expander-icon",N="expander-content-text",I=a.forwardRef(((t,s)=>{var{children:I,className:j,title:b,value:g}=t,h=e(t,["children","className","title","value"]);const v=d(),w=d(),{rest:y}=o(h);return a.createElement(l,Object.assign({className:r(m.ExpanderItem,j),"data-testid":f,ref:s,value:g},y),a.createElement(c,{className:m.ExpanderHeader,"data-testid":E},a.createElement(p,{"aria-controls":w,className:m.ExpanderTrigger,id:v},b,a.createElement(n,{"aria-hidden":!0,className:m.ExpanderIcon,"data-testid":u}))),a.createElement(x,{"aria-labelledby":v,className:m.ExpanderContent,id:w},a.createElement(i,{className:m.ExpanderContentText,testId:N},I)))}));I.displayName="ExpanderItem";export{N as EXPANDER_CONTENT_TEXT_TEST_ID,E as EXPANDER_HEADER_TEST_ID,u as EXPANDER_ICON_TEST_ID,f as EXPANDER_ITEM_TEST_ID,I as ExpanderItem};
+import{__rest as e}from"tslib";import*as t from"react";import*as a from"@radix-ui/react-accordion";import r from"classnames";import{sanitizeNamespaceImport as n}from"@aws-amplify/ui";import{ComponentClassNames as m}from"../shared/constants.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as o}from"../Icon/context/useIcons.mjs";import{View as s}from"../View/View.mjs";import{IconExpandMore as i}from"../Icon/icons/IconExpandMore.mjs";import{splitPrimitiveProps as c}from"../utils/splitPrimitiveProps.mjs";import{useStableId as l}from"../utils/useStableId.mjs";const{Item:d,Header:p,Trigger:x,Content:f}=n(a),E="expander-item",u="expander-header",I="expander-icon",j="expander-content-text",N=t.forwardRef(((a,n)=>{var N,{children:v,className:b,title:g,value:h}=a,w=e(a,["children","className","title","value"]);const C=l(),y=l(),{rest:T}=c(w),H=o("expander");return t.createElement(d,Object.assign({className:r(m.ExpanderItem,b),"data-testid":E,ref:n,value:h},T),t.createElement(p,{className:m.ExpanderHeader,"data-testid":u},t.createElement(x,{"aria-controls":y,className:m.ExpanderTrigger,id:C},g,t.createElement("span",{className:m.ExpanderIcon,"data-testid":I,"aria-hidden":"true"},null!==(N=null==H?void 0:H.more)&&void 0!==N?N:t.createElement(i,null)))),t.createElement(f,{"aria-labelledby":C,className:m.ExpanderContent,id:y},t.createElement(s,{className:m.ExpanderContentText,testId:j},v)))}));N.displayName="ExpanderItem";export{j as EXPANDER_CONTENT_TEXT_TEST_ID,u as EXPANDER_HEADER_TEST_ID,I as EXPANDER_ICON_TEST_ID,E as EXPANDER_ITEM_TEST_ID,N as ExpanderItem};

package/dist/esm/primitives/Field/FieldClearButton.mjs

@@ -1 +1 @@
-import{__rest as e}from"tslib";import*as r from"react";import"../FieldGroupIcon/FieldGroupIcon.mjs";import{FieldGroupIconButton as o}from"../FieldGroupIcon/FieldGroupIconButton.mjs";import"classnames";import{ComponentText as i}from"../shared/constants.mjs";import"../View/View.mjs";import{IconClose as t}from"../Icon/icons/IconClose.mjs";const a=i.Fields.clearButtonLabel,s=r.forwardRef(((i,s)=>{var{ariaLabel:m=a,size:l}=i,n=e(i,["ariaLabel","size"]);return r.createElement(o,Object.assign({ariaLabel:m,size:l,ref:s},n),r.createElement(t,null))}));s.displayName="FieldClearButton";export{s as FieldClearButton};
+import{__rest as o}from"tslib";import*as e from"react";import"../FieldGroupIcon/FieldGroupIcon.mjs";import{FieldGroupIconButton as r}from"../FieldGroupIcon/FieldGroupIconButton.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as t}from"../Icon/context/useIcons.mjs";import"classnames";import{ComponentText as i}from"../shared/constants.mjs";import"../View/View.mjs";import{IconClose as n}from"../Icon/icons/IconClose.mjs";const s=i.Fields.clearButtonLabel,m=e.forwardRef(((i,m)=>{var a,{ariaLabel:l=s,size:c}=i,p=o(i,["ariaLabel","size"]);const d=t("field");return e.createElement(r,Object.assign({ariaLabel:l,size:c,ref:m},p),null!==(a=null==d?void 0:d.clear)&&void 0!==a?a:e.createElement(n,null))}));m.displayName="FieldClearButton";export{m as FieldClearButton};

package/dist/esm/primitives/Icon/context/IconsContext.mjs

@@ -0,0 +1 @@
+import*as t from"react";const e=t.createContext({});export{e as IconsContext};

package/dist/esm/primitives/Icon/context/IconsProvider.mjs

@@ -0,0 +1 @@
+import*as r from"react";import{IconsContext as e}from"./IconsContext.mjs";function o({children:o,icons:t}){return r.createElement(e.Provider,{value:t},o)}export{o as IconsProvider};

package/dist/esm/primitives/Icon/context/useIcons.mjs

@@ -0,0 +1 @@
+import*as t from"react";import{IconsContext as o}from"./IconsContext.mjs";function r(r){const n=t.useContext(o);if(r&&n)return n[r]}export{r as useIcons};

package/dist/esm/primitives/Menu/Menu.mjs

@@ -1 +1 @@
-import{__rest as e}from"tslib";import*as r from"react";import n from"classnames";import*as t from"@radix-ui/react-dropdown-menu";import{sanitizeNamespaceImport as a}from"@aws-amplify/ui";import{ButtonGroup as i}from"../ButtonGroup/ButtonGroup.mjs";import{ComponentClassNames as m}from"../shared/constants.mjs";import"../View/View.mjs";import{IconMenu as s}from"../Icon/icons/IconMenu.mjs";import{MenuButton as o}from"./MenuButton.mjs";const{DropdownMenu:l,DropdownMenuTrigger:p,DropdownMenuContent:u}=a(t),c="amplify-menu-trigger-test-id",g="amplify-menu-items-group-test-id",d=r.forwardRef(((t,a)=>{var{menuAlign:d="start",children:f,className:C,isOpen:M,size:w,trigger:N,triggerClassName:h,ariaLabel:j,onOpenChange:E}=t,O=e(t,["menuAlign","children","className","isOpen","size","trigger","triggerClassName","ariaLabel","onOpenChange"]);return r.createElement(l,{onOpenChange:E,open:M},r.createElement(p,{asChild:!0},null!=N?N:r.createElement(o,{ariaLabel:j,size:w,testId:c,className:n(m.MenuTrigger,h)},r.createElement(s,{size:w}))),r.createElement(u,{align:d,className:m.MenuContentWrapper},r.createElement(i,Object.assign({className:n(m.MenuContent,C),ref:a,size:w,testId:g},O),f)))}));d.displayName="Menu";export{g as MENU_ITEMS_GROUP_TEST_ID,c as MENU_TRIGGER_TEST_ID,d as Menu};
+import{__rest as e}from"tslib";import*as n from"react";import r from"classnames";import*as t from"@radix-ui/react-dropdown-menu";import{sanitizeNamespaceImport as o}from"@aws-amplify/ui";import{ButtonGroup as m}from"../ButtonGroup/ButtonGroup.mjs";import{ComponentClassNames as a}from"../shared/constants.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as s}from"../Icon/context/useIcons.mjs";import"../View/View.mjs";import{IconMenu as i}from"../Icon/icons/IconMenu.mjs";import{MenuButton as l}from"./MenuButton.mjs";const{DropdownMenu:p,DropdownMenuTrigger:c,DropdownMenuContent:u}=o(t),g="amplify-menu-trigger-test-id",d="amplify-menu-items-group-test-id",f=n.forwardRef(((t,o)=>{var f,{menuAlign:C="start",children:I,className:j,isOpen:M,size:w,trigger:N,triggerClassName:h,ariaLabel:E,onOpenChange:O}=t,b=e(t,["menuAlign","children","className","isOpen","size","trigger","triggerClassName","ariaLabel","onOpenChange"]);const x=s("menu");return n.createElement(p,{onOpenChange:O,open:M},n.createElement(c,{asChild:!0},null!=N?N:n.createElement(l,{ariaLabel:E,size:w,testId:g,className:r(a.MenuTrigger,h)},null!==(f=null==x?void 0:x.menu)&&void 0!==f?f:n.createElement(i,null))),n.createElement(u,{align:C,className:a.MenuContentWrapper},n.createElement(m,Object.assign({className:r(a.MenuContent,j),ref:o,size:w,testId:d},b),I)))}));f.displayName="Menu";export{d as MENU_ITEMS_GROUP_TEST_ID,g as MENU_TRIGGER_TEST_ID,f as Menu};

package/dist/esm/primitives/Pagination/PaginationItem.mjs

@@ -1 +1 @@
-import{__rest as e}from"tslib";import*as a from"react";import t from"classnames";import{Button as i}from"../Button/Button.mjs";import{Flex as n}from"../Flex/Flex.mjs";import{ComponentClassNames as s,ComponentText as l}from"../shared/constants.mjs";import{View as r}from"../View/View.mjs";import{IconChevronLeft as o}from"../Icon/icons/IconChevronLeft.mjs";import{IconChevronRight as m}from"../Icon/icons/IconChevronRight.mjs";import{VisuallyHidden as c}from"../VisuallyHidden/VisuallyHidden.mjs";import{classNameModifier as u,classNameModifierByFlag as g}from"@aws-amplify/ui";const p="current",b="ellipsis",I=I=>{var{type:P,page:d,currentPage:E,currentPageLabel:f=l.PaginationItem.currentPageLabel,isDisabled:j,onClick:k,ariaLabel:B}=I,L=e(I,["type","page","currentPage","currentPageLabel","isDisabled","onClick","ariaLabel"]);const C=t(s.PaginationItemButton,u(s.PaginationItemButton,"link"),g(s.PaginationItemButton,"disabled",j)),v=t(s.PaginationItemButton,u(s.PaginationItemButton,"link"),g(s.PaginationItemButton,"disabled",j));switch(P){case"page":return a.createElement(r,{as:"li"},d===E?a.createElement(n,Object.assign({"aria-current":"page",as:"button",className:s.PaginationItemCurrent,testId:p},L),a.createElement(c,null,f,":"),d):a.createElement(i,Object.assign({className:t(s.PaginationItemButton,u(s.PaginationItemButton,"link")),size:"small",variation:"link",onClick:()=>{null==k||k()},ariaLabel:B},L),d));case"next":return a.createElement(r,{as:"li"},a.createElement(i,Object.assign({className:C,size:"small",variation:"link",isDisabled:j,onClick:()=>{null==k||k()},ariaLabel:B},L),a.createElement(m,{size:"large"})));case"previous":return a.createElement(r,{as:"li"},a.createElement(i,Object.assign({className:v,size:"small",variation:"link",isDisabled:j,onClick:()=>{null==k||k()},ariaLabel:B},L),a.createElement(o,{size:"large"})));case"ellipsis":return a.createElement(r,{as:"li"},a.createElement(n,Object.assign({as:"span",className:s.PaginationItemEllipsis,testId:b},L),"…"))}return a.createElement(r,{as:"li"})};I.displayName="PaginationItem";export{p as PAGINATION_CURRENT_TEST_ID,b as PAGINATION_ELLIPSIS_TEST_ID,I as PaginationItem};
+import{__rest as e}from"tslib";import*as t from"react";import a from"classnames";import{Button as n}from"../Button/Button.mjs";import{Flex as i}from"../Flex/Flex.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as l}from"../Icon/context/useIcons.mjs";import{ComponentClassNames as s,ComponentText as o}from"../shared/constants.mjs";import{View as r}from"../View/View.mjs";import{IconChevronLeft as m}from"../Icon/icons/IconChevronLeft.mjs";import{IconChevronRight as c}from"../Icon/icons/IconChevronRight.mjs";import{VisuallyHidden as u}from"../VisuallyHidden/VisuallyHidden.mjs";import{classNameModifier as p,classNameModifierByFlag as g}from"@aws-amplify/ui";const I="current",b="ellipsis",d=d=>{var P,j,{type:f,page:E,currentPage:v,currentPageLabel:k=o.PaginationItem.currentPageLabel,isDisabled:B,onClick:C,ariaLabel:L}=d,x=e(d,["type","page","currentPage","currentPageLabel","isDisabled","onClick","ariaLabel"]);const y=l("pagination"),N=a(s.PaginationItemButton,p(s.PaginationItemButton,"link"),g(s.PaginationItemButton,"disabled",B)),h=a(s.PaginationItemButton,p(s.PaginationItemButton,"link"),g(s.PaginationItemButton,"disabled",B));switch(f){case"page":return t.createElement(r,{as:"li"},E===v?t.createElement(i,Object.assign({"aria-current":"page",as:"button",className:s.PaginationItemCurrent,testId:I},x),t.createElement(u,null,k,":"),E):t.createElement(n,Object.assign({className:a(s.PaginationItemButton,p(s.PaginationItemButton,"link")),size:"small",variation:"link",onClick:()=>{null==C||C()},ariaLabel:L},x),E));case"next":return t.createElement(r,{as:"li"},t.createElement(n,Object.assign({className:N,size:"small",variation:"link",isDisabled:B,onClick:()=>{null==C||C()},ariaLabel:L},x),null!==(P=null==y?void 0:y.next)&&void 0!==P?P:t.createElement(c,null)));case"previous":return t.createElement(r,{as:"li"},t.createElement(n,Object.assign({className:h,size:"small",variation:"link",isDisabled:B,onClick:()=>{null==C||C()},ariaLabel:L},x),null!==(j=null==y?void 0:y.previous)&&void 0!==j?j:t.createElement(m,null)));case"ellipsis":return t.createElement(r,{as:"li"},t.createElement(i,Object.assign({as:"span",className:s.PaginationItemEllipsis,testId:b},x),"…"))}return t.createElement(r,{as:"li"})};d.displayName="PaginationItem";export{I as PAGINATION_CURRENT_TEST_ID,b as PAGINATION_ELLIPSIS_TEST_ID,d as PaginationItem};

package/dist/esm/primitives/PasswordField/ShowPasswordButton.mjs

@@ -1 +1 @@
-import{__rest as s}from"tslib";import*as o from"react";import r from"classnames";import{Button as e}from"../Button/Button.mjs";import{VisuallyHidden as a}from"../VisuallyHidden/VisuallyHidden.mjs";import{ComponentClassNames as i,ComponentText as t}from"../shared/constants.mjs";import"../View/View.mjs";import{IconVisibilityOff as d}from"../Icon/icons/IconVisibilityOff.mjs";import{IconVisibility as m}from"../Icon/icons/IconVisibility.mjs";import{classNameModifierByFlag as l}from"@aws-amplify/ui";const{passwordIsHidden:n,passwordIsShown:w,showPassword:p}=t.PasswordField,c=o.forwardRef(((t,c)=>{var{fieldType:f,passwordIsHiddenLabel:h=n,passwordIsShownLabel:b=w,showPasswordButtonLabel:I=p,size:u,hasError:y}=t,j=s(t,["fieldType","passwordIsHiddenLabel","passwordIsShownLabel","showPasswordButtonLabel","size","hasError"]);const L=r(i.FieldShowPassword,l(i.FieldShowPassword,"error",y));return o.createElement(e,Object.assign({"aria-checked":"password"!==f,ariaLabel:I,className:L,ref:c,role:"switch",size:u},j),o.createElement(a,{"aria-live":"polite"},"password"===f?h:b),"password"===f?o.createElement(m,{size:u}):o.createElement(d,{size:u}))}));c.displayName="ShowPasswordButton";export{c as ShowPasswordButton};
+import{__rest as s}from"tslib";import*as o from"react";import r from"classnames";import{Button as i}from"../Button/Button.mjs";import{VisuallyHidden as e}from"../VisuallyHidden/VisuallyHidden.mjs";import{ComponentClassNames as a,ComponentText as t}from"../shared/constants.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as l}from"../Icon/context/useIcons.mjs";import"../View/View.mjs";import{IconVisibilityOff as n}from"../Icon/icons/IconVisibilityOff.mjs";import{IconVisibility as d}from"../Icon/icons/IconVisibility.mjs";import{classNameModifierByFlag as m}from"@aws-amplify/ui";const{passwordIsHidden:w,passwordIsShown:p,showPassword:c}=t.PasswordField,f=o.forwardRef(((t,f)=>{var u,I,{fieldType:h,passwordIsHiddenLabel:b=w,passwordIsShownLabel:j=p,showPasswordButtonLabel:y=c,size:v,hasError:L}=t,P=s(t,["fieldType","passwordIsHiddenLabel","passwordIsShownLabel","showPasswordButtonLabel","size","hasError"]);const E=l("passwordField"),S=r(a.FieldShowPassword,m(a.FieldShowPassword,"error",L)),V="password"===h?null!==(u=null==E?void 0:E.visibility)&&void 0!==u?u:o.createElement(d,null):null!==(I=null==E?void 0:E.visibilityOff)&&void 0!==I?I:o.createElement(n,null);return o.createElement(i,Object.assign({"aria-checked":"password"!==h,ariaLabel:y,className:S,ref:f,role:"switch",size:v},P),o.createElement(e,{"aria-live":"polite"},"password"===h?b:j),V)}));f.displayName="ShowPasswordButton";export{f as ShowPasswordButton};

package/dist/esm/primitives/Rating/Rating.mjs

@@ -1 +1 @@
-import{__rest as e}from"tslib";import*as o from"react";import t from"classnames";import{classNameModifier as l}from"@aws-amplify/ui";import{ComponentClassNames as i}from"../shared/constants.mjs";import{Flex as m}from"../Flex/Flex.mjs";import"../View/View.mjs";import{IconStar as r}from"../Icon/icons/IconStar.mjs";import{isIconFilled as a,isIconEmpty as n,isIconMixed as s}from"./utils.mjs";import{RatingIcon as c}from"./RatingIcon.mjs";import{RatingMixedIcon as f}from"./RatingMixedIcon.mjs";import{VisuallyHidden as p}from"../VisuallyHidden/VisuallyHidden.mjs";const y=5,u=0,g=o.forwardRef(((g,d)=>{var{className:j,emptyColor:I,emptyIcon:x,fillColor:C,icon:E=o.createElement(r,null),maxValue:N=y,size:R,value:V=u}=g,v=e(g,["className","emptyColor","emptyIcon","fillColor","icon","maxValue","size","value"]);const w=new Array(Math.ceil(N)).fill(1).map(((e,t)=>{const l=t+1;return a(l,V)?o.createElement(c,{key:t.toString(),icon:E,fill:C,className:"amplify-rating-icon-filled"}):n(l,V)?o.createElement(c,{key:t.toString(),icon:null!=x?x:E,fill:I,className:"amplify-rating-icon-empty"}):s(l,V)?o.createElement(f,{key:t.toString(),fillIcon:E,emptyIcon:null!=x?x:E,value:V,fillColor:C,emptyColor:I}):void 0}));return o.createElement(m,Object.assign({className:t(i.Rating,l(i.Rating,R),j),"data-size":R,ref:d},v),w,o.createElement(p,null,V," out of ",N," rating"))}));g.displayName="Rating";export{g as Rating};
+import{__rest as o}from"tslib";import*as e from"react";import l from"classnames";import{classNameModifier as t}from"@aws-amplify/ui";import{ComponentClassNames as i}from"../shared/constants.mjs";import{Flex as m}from"../Flex/Flex.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as n}from"../Icon/context/useIcons.mjs";import"../View/View.mjs";import{IconStar as r}from"../Icon/icons/IconStar.mjs";import{isIconFilled as a,isIconEmpty as s,isIconMixed as c}from"./utils.mjs";import{RatingIcon as p}from"./RatingIcon.mjs";import{RatingMixedIcon as f}from"./RatingMixedIcon.mjs";import{VisuallyHidden as u}from"../VisuallyHidden/VisuallyHidden.mjs";const y=5,d=0,I=e.forwardRef(((I,g)=>{var j,v,x,{className:C,emptyColor:E,emptyIcon:N,fillColor:R,icon:V,maxValue:w=y,size:S,value:k=d}=I,z=o(I,["className","emptyColor","emptyIcon","fillColor","icon","maxValue","size","value"]);const b=n("rating"),h=null!==(j=null!=V?V:null==b?void 0:b.filled)&&void 0!==j?j:e.createElement(r,null),F=null!==(x=null!==(v=null!=N?N:V)&&void 0!==v?v:null==b?void 0:b.empty)&&void 0!==x?x:e.createElement(r,null),H=new Array(Math.ceil(w)).fill(1).map(((o,l)=>{const t=l+1;return a(t,k)?e.createElement(p,{key:l.toString(),icon:h,fill:R,className:"amplify-rating-icon-filled"}):s(t,k)?e.createElement(p,{key:l.toString(),icon:F,fill:E,className:"amplify-rating-icon-empty"}):c(t,k)?e.createElement(f,{key:l.toString(),fillIcon:h,emptyIcon:F,value:k,fillColor:R,emptyColor:E}):void 0}));return e.createElement(m,Object.assign({className:l(i.Rating,t(i.Rating,S),C),"data-size":S,ref:g},z),H,e.createElement(u,null,k," out of ",w," rating"))}));I.displayName="Rating";export{I as Rating};

package/dist/esm/primitives/SearchField/SearchField.mjs

@@ -1 +1 @@
-import{__rest as e}from"tslib";import o from"classnames";import*as a from"react";import{FieldClearButton as n}from"../Field/FieldClearButton.mjs";import"../Field/FieldDescription.mjs";import"../Field/FieldErrorMessage.mjs";import"../Field/Field.mjs";import{FieldGroupIcon as r}from"../FieldGroupIcon/FieldGroupIcon.mjs";import"../FieldGroupIcon/FieldGroupIconButton.mjs";import{ComponentClassNames as l}from"../shared/constants.mjs";import"../View/View.mjs";import{IconSearch as t}from"../Icon/icons/IconSearch.mjs";import{SearchFieldButton as i}from"./SearchFieldButton.mjs";import{TextField as m}from"../TextField/TextField.mjs";import{useSearchField as s}from"./useSearchField.mjs";import{strHasLength as d}from"../shared/utils.mjs";const c=a.forwardRef(((c,u)=>{var{autoComplete:p="off",className:f,isDisabled:h,clearButtonLabel:C,labelHidden:F=!0,name:b="q",hasSearchButton:j=!0,hasSearchIcon:S=!1,onChange:B,onClear:v,onSubmit:E,searchButtonRef:I,size:g,defaultValue:D,value:V}=c,w=e(c,["autoComplete","className","isDisabled","clearButtonLabel","labelHidden","name","hasSearchButton","hasSearchIcon","onChange","onClear","onSubmit","searchButtonRef","size","defaultValue","value"]);const{composedValue:x,onClearHandler:z,onKeyDown:R,onClick:k,handleOnChange:G,composedRefs:H}=s({defaultValue:D,value:V,onChange:B,onClear:v,onSubmit:E,externalRef:u}),N=j?a.createElement(i,{isDisabled:h,onClick:k,ref:I,size:g}):void 0,y=S?a.createElement(r,null,a.createElement(t,null)):void 0;return a.createElement(m,Object.assign({autoComplete:p,className:o(l.SearchField,f),labelHidden:F,innerStartComponent:y,innerEndComponent:a.createElement(n,{ariaLabel:C,excludeFromTabOrder:!0,isVisible:!h&&d(x),onClick:z,size:g,variation:"link"}),isDisabled:h,name:b,onChange:G,onKeyDown:R,outerEndComponent:N,ref:H,size:g,value:x},w))}));c.displayName="SearchField";export{c as SearchField};
+import{__rest as e}from"tslib";import o from"classnames";import*as a from"react";import{FieldClearButton as n}from"../Field/FieldClearButton.mjs";import"../Field/FieldDescription.mjs";import"../Field/FieldErrorMessage.mjs";import"../Field/Field.mjs";import{FieldGroupIcon as t}from"../FieldGroupIcon/FieldGroupIcon.mjs";import"../FieldGroupIcon/FieldGroupIconButton.mjs";import{ComponentClassNames as r}from"../shared/constants.mjs";import"../View/View.mjs";import{IconSearch as i}from"../Icon/icons/IconSearch.mjs";import"../Icon/context/IconsContext.mjs";import{SearchFieldButton as l}from"./SearchFieldButton.mjs";import{TextField as m}from"../TextField/TextField.mjs";import{useSearchField as s}from"./useSearchField.mjs";import{strHasLength as c}from"../shared/utils.mjs";const d=a.forwardRef(((d,u)=>{var{autoComplete:p="off",className:f,isDisabled:h,clearButtonLabel:C,labelHidden:F=!0,name:b="q",hasSearchButton:j=!0,hasSearchIcon:S=!1,onChange:I,onClear:B,onSubmit:v,searchButtonRef:E,size:g,defaultValue:x,value:D}=d,V=e(d,["autoComplete","className","isDisabled","clearButtonLabel","labelHidden","name","hasSearchButton","hasSearchIcon","onChange","onClear","onSubmit","searchButtonRef","size","defaultValue","value"]);const{composedValue:w,onClearHandler:z,onKeyDown:R,onClick:k,handleOnChange:G,composedRefs:H}=s({defaultValue:x,value:D,onChange:I,onClear:B,onSubmit:v,externalRef:u}),N=j?a.createElement(l,{isDisabled:h,onClick:k,ref:E,size:g}):void 0,y=S?a.createElement(t,null,a.createElement(i,null)):void 0;return a.createElement(m,Object.assign({autoComplete:p,className:o(r.SearchField,f),labelHidden:F,innerStartComponent:y,innerEndComponent:a.createElement(n,{ariaLabel:C,excludeFromTabOrder:!0,isVisible:!h&&c(w),onClick:z,size:g,variation:"link"}),isDisabled:h,name:b,onChange:G,onKeyDown:R,outerEndComponent:N,ref:H,size:g,value:w},V))}));d.displayName="SearchField";export{d as SearchField};

package/dist/esm/primitives/SearchField/SearchFieldButton.mjs

@@ -1 +1 @@
-import{__rest as e}from"tslib";import*as r from"react";import{ComponentClassNames as o,ComponentText as t}from"../shared/constants.mjs";import"../FieldGroupIcon/FieldGroupIcon.mjs";import{FieldGroupIconButton as i}from"../FieldGroupIcon/FieldGroupIconButton.mjs";import"classnames";import"../View/View.mjs";import{IconSearch as a}from"../Icon/icons/IconSearch.mjs";const s=t.SearchField.searchButtonLabel,m=r.forwardRef(((t,m)=>{var{size:c}=t,n=e(t,["size"]);return r.createElement(i,Object.assign({ariaLabel:s,className:o.SearchFieldSearch,size:c,ref:m,type:"submit"},n),r.createElement(a,null))}));m.displayName="SearchFieldButton";export{m as SearchFieldButton};
+import{__rest as o}from"tslib";import*as e from"react";import{ComponentClassNames as r,ComponentText as t}from"../shared/constants.mjs";import"../FieldGroupIcon/FieldGroupIcon.mjs";import{FieldGroupIconButton as s}from"../FieldGroupIcon/FieldGroupIconButton.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as c}from"../Icon/context/useIcons.mjs";import"classnames";import"../View/View.mjs";import{IconSearch as i}from"../Icon/icons/IconSearch.mjs";const m=t.SearchField.searchButtonLabel,n=e.forwardRef(((t,n)=>{var a,{size:l}=t,p=o(t,["size"]);const d=c("searchField");return e.createElement(s,Object.assign({ariaLabel:m,className:r.SearchFieldSearch,size:l,ref:n,type:"submit"},p),null!==(a=null==d?void 0:d.search)&&void 0!==a?a:e.createElement(i,null))}));n.displayName="SearchFieldButton";export{n as SearchFieldButton};

package/dist/esm/primitives/Select/Select.mjs

@@ -1 +1 @@
-import{__rest as e}from"tslib";import*as a from"react";import r from"classnames";import{classNameModifier as o,classNameModifierByFlag as l}from"@aws-amplify/ui";import{ComponentClassNames as t}from"../shared/constants.mjs";import{Flex as i}from"../Flex/Flex.mjs";import{View as s}from"../View/View.mjs";import{IconExpandMore as c}from"../Icon/icons/IconExpandMore.mjs";const m=a.forwardRef(((m,n)=>{var{autoComplete:p,className:d,size:u,variation:f,value:v,defaultValue:E,hasError:S,icon:h=a.createElement(c,null),iconColor:C,children:N,placeholder:b,isDisabled:j,isRequired:V}=m,w=e(m,["autoComplete","className","size","variation","value","defaultValue","hasError","icon","iconColor","children","placeholder","isDisabled","isRequired"]);const x=void 0===v&&void 0===E&&b,I=r(t.Select,t.FieldGroupControl,o(t.Select,u),o(t.Select,f),l(t.Select,"error",S),d);return a.createElement(s,{className:t.SelectWrapper},a.createElement(s,Object.assign({"aria-invalid":S,as:"select",autoComplete:p,value:v,defaultValue:x?"":E,isDisabled:j,required:V,"data-size":u,"data-variation":f,className:I,ref:n},w),b&&a.createElement("option",{value:""},b),N),a.createElement(i,{className:r(t.SelectIconWrapper,o(t.SelectIconWrapper,u)),color:C},h))}));m.displayName="Select";export{m as Select};
+import{__rest as e}from"tslib";import*as o from"react";import a from"classnames";import{classNameModifier as r,classNameModifierByFlag as l}from"@aws-amplify/ui";import{ComponentClassNames as t}from"../shared/constants.mjs";import{Flex as i}from"../Flex/Flex.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as s}from"../Icon/context/useIcons.mjs";import{View as c}from"../View/View.mjs";import{IconExpandMore as n}from"../Icon/icons/IconExpandMore.mjs";const m=o.forwardRef(((m,p)=>{var d,{autoComplete:u,className:f,size:v,variation:I,value:j,defaultValue:x,hasError:E,icon:S,iconColor:h,children:C,placeholder:N,isDisabled:b,isRequired:V}=m,w=e(m,["autoComplete","className","size","variation","value","defaultValue","hasError","icon","iconColor","children","placeholder","isDisabled","isRequired"]);const q=void 0===j&&void 0===x&&N,z=a(t.Select,t.FieldGroupControl,r(t.Select,v),r(t.Select,I),l(t.Select,"error",E),f),D=s("select");return o.createElement(c,{className:t.SelectWrapper},o.createElement(c,Object.assign({"aria-invalid":E,as:"select",autoComplete:u,value:j,defaultValue:q?"":x,isDisabled:b,required:V,"data-size":v,"data-variation":I,className:z,ref:p},w),N&&o.createElement("option",{value:""},N),C),o.createElement(i,{className:a(t.SelectIconWrapper,r(t.SelectIconWrapper,v)),color:h},null!==(d=null!=S?S:null==D?void 0:D.expand)&&void 0!==d?d:o.createElement(n,null)))}));m.displayName="Select";export{m as Select};

package/dist/esm/primitives/StepperField/StepperField.mjs

@@ -1 +1 @@
-import{__rest as e}from"tslib";import*as t from"react";import a from"classnames";import{useStepper as r}from"./useStepper.mjs";import"../Field/FieldClearButton.mjs";import{FieldDescription as i}from"../Field/FieldDescription.mjs";import{FieldErrorMessage as s}from"../Field/FieldErrorMessage.mjs";import"../Field/Field.mjs";import{FieldGroup as l}from"../FieldGroup/FieldGroup.mjs";import"../FieldGroupIcon/FieldGroupIcon.mjs";import{FieldGroupIconButton as o}from"../FieldGroupIcon/FieldGroupIconButton.mjs";import{Flex as n}from"../Flex/Flex.mjs";import{IconAdd as d}from"../Icon/icons/IconAdd.mjs";import{ComponentClassNames as m,ComponentText as p}from"../shared/constants.mjs";import"../View/View.mjs";import{IconRemove as c}from"../Icon/icons/IconRemove.mjs";import{Input as u}from"../Input/Input.mjs";import{Label as b}from"../Label/Label.mjs";import{classNameModifier as F,classNameModifierByFlag as f}from"@aws-amplify/ui";import{splitPrimitiveProps as j}from"../utils/splitPrimitiveProps.mjs";import{useStableId as I}from"../utils/useStableId.mjs";const h="decrease-icon",S="increase-icon",v=t.forwardRef(((v,B)=>{const{className:E,defaultValue:g,descriptiveText:D,errorMessage:y,hasError:C=!1,id:L,inputStyles:O,isDisabled:R,isReadOnly:N,isRequired:V,increaseButtonLabel:x=p.StepperField.increaseButtonLabel,decreaseButtonLabel:z=p.StepperField.decreaseButtonLabel,label:G,labelHidden:w=!1,onStepChange:H,size:M,testId:$,value:q,variation:P}=v,T=e(v,["className","defaultValue","descriptiveText","errorMessage","hasError","id","inputStyles","isDisabled","isReadOnly","isRequired","increaseButtonLabel","decreaseButtonLabel","label","labelHidden","onStepChange","size","testId","value","variation"]),k=I(L),W=I(),A=D?W:void 0,{styleProps:J,rest:K}=j(T),{step:Q,value:U,inputValue:X,handleDecrease:Y,handleIncrease:Z,handleOnBlur:_,handleOnChange:ee,handleOnWheel:te,setInputValue:ae,shouldDisableDecreaseButton:re,shouldDisableIncreaseButton:ie}=r(Object.assign(Object.assign({},v),{defaultValue:g,onStepChange:H}));return t.useEffect((()=>{void 0!==q&&ae(q)}),[q,ae]),t.createElement(n,Object.assign({className:a(m.Field,F(m.Field,M),m.StepperField,E),"data-size":M,"data-variation":P,testId:$},J),t.createElement(b,{htmlFor:k,visuallyHidden:w},G),t.createElement(i,{id:W,labelHidden:w,descriptiveText:D}),t.createElement(l,{outerStartComponent:t.createElement(o,{"aria-controls":k,ariaLabel:`${z} ${U-Q}`,className:a(m.StepperFieldButtonDecrease,F(m.StepperFieldButtonDecrease,P),f(m.StepperFieldButtonDecrease,"disabled",re)),"data-invalid":C,isDisabled:re,onClick:Y,size:M},t.createElement(c,{"data-testid":h})),outerEndComponent:t.createElement(o,{"aria-controls":k,ariaLabel:`${x} ${U+Q}`,className:a(m.StepperFieldButtonIncrease,F(m.StepperFieldButtonIncrease,P),f(m.StepperFieldButtonIncrease,"disabled",ie)),"data-invalid":C,isDisabled:ie,onClick:Z,size:M},t.createElement(d,{"data-testid":S}))},t.createElement(u,Object.assign({"aria-describedby":A,className:m.StepperFieldInput,hasError:C,id:k,isDisabled:R,isReadOnly:N,isRequired:V,onBlur:_,onChange:ee,onWheel:te,ref:B,size:M,variation:P,type:"number",value:X},O,K))),t.createElement(s,{hasError:C,errorMessage:y}))}));v.displayName="StepperField";export{h as DECREASE_ICON,S as INCREASE_ICON,v as StepperField};
+import{__rest as e}from"tslib";import*as t from"react";import r from"classnames";import{useStepper as i}from"./useStepper.mjs";import"../Field/FieldClearButton.mjs";import{FieldDescription as a}from"../Field/FieldDescription.mjs";import{FieldErrorMessage as s}from"../Field/FieldErrorMessage.mjs";import"../Field/Field.mjs";import{FieldGroup as o}from"../FieldGroup/FieldGroup.mjs";import"../FieldGroupIcon/FieldGroupIcon.mjs";import{FieldGroupIconButton as l}from"../FieldGroupIcon/FieldGroupIconButton.mjs";import{Flex as n}from"../Flex/Flex.mjs";import"../Icon/Icon.mjs";import"../Icon/context/IconsContext.mjs";import{useIcons as d}from"../Icon/context/useIcons.mjs";import{IconAdd as m}from"../Icon/icons/IconAdd.mjs";import{ComponentClassNames as p,ComponentText as c}from"../shared/constants.mjs";import"../View/View.mjs";import{IconRemove as u}from"../Icon/icons/IconRemove.mjs";import{Input as b}from"../Input/Input.mjs";import{Label as F}from"../Label/Label.mjs";import{classNameModifier as f,classNameModifierByFlag as I}from"@aws-amplify/ui";import{splitPrimitiveProps as j}from"../utils/splitPrimitiveProps.mjs";import{useStableId as v}from"../utils/useStableId.mjs";const h="decrease-icon",S="increase-icon",B=t.forwardRef(((B,E)=>{var g,D;const{className:y,defaultValue:C,descriptiveText:L,errorMessage:O,hasError:x=!1,id:R,inputStyles:N,isDisabled:V,isReadOnly:z,isRequired:G,increaseButtonLabel:w=c.StepperField.increaseButtonLabel,decreaseButtonLabel:H=c.StepperField.decreaseButtonLabel,label:M,labelHidden:$=!1,onStepChange:q,size:P,testId:T,value:k,variation:W}=B,A=e(B,["className","defaultValue","descriptiveText","errorMessage","hasError","id","inputStyles","isDisabled","isReadOnly","isRequired","increaseButtonLabel","decreaseButtonLabel","label","labelHidden","onStepChange","size","testId","value","variation"]),J=v(R),K=v(),Q=L?K:void 0,{styleProps:U,rest:X}=j(A),Y=d("stepperField"),{step:Z,value:_,inputValue:ee,handleDecrease:te,handleIncrease:re,handleOnBlur:ie,handleOnChange:ae,handleOnWheel:se,setInputValue:oe,shouldDisableDecreaseButton:le,shouldDisableIncreaseButton:ne}=i(Object.assign(Object.assign({},B),{defaultValue:C,onStepChange:q}));return t.useEffect((()=>{void 0!==k&&oe(k)}),[k,oe]),t.createElement(n,Object.assign({className:r(p.Field,f(p.Field,P),p.StepperField,y),"data-size":P,"data-variation":W,testId:T},U),t.createElement(F,{htmlFor:J,visuallyHidden:$},M),t.createElement(a,{id:K,labelHidden:$,descriptiveText:L}),t.createElement(o,{outerStartComponent:t.createElement(l,{"aria-controls":J,ariaLabel:`${H} ${_-Z}`,className:r(p.StepperFieldButtonDecrease,f(p.StepperFieldButtonDecrease,W),I(p.StepperFieldButtonDecrease,"disabled",le)),"data-invalid":x,isDisabled:le,onClick:te,size:P},null!==(g=null==Y?void 0:Y.remove)&&void 0!==g?g:t.createElement(u,{"data-testid":h})),outerEndComponent:t.createElement(l,{"aria-controls":J,ariaLabel:`${w} ${_+Z}`,className:r(p.StepperFieldButtonIncrease,f(p.StepperFieldButtonIncrease,W),I(p.StepperFieldButtonIncrease,"disabled",ne)),"data-invalid":x,isDisabled:ne,onClick:re,size:P},null!==(D=null==Y?void 0:Y.add)&&void 0!==D?D:t.createElement(m,{"data-testid":S}))},t.createElement(b,Object.assign({"aria-describedby":Q,className:p.StepperFieldInput,hasError:x,id:J,isDisabled:V,isReadOnly:z,isRequired:G,onBlur:ie,onChange:ae,onWheel:se,ref:E,size:P,variation:W,type:"number",value:ee},N,X))),t.createElement(s,{hasError:x,errorMessage:O}))}));B.displayName="StepperField";export{h as DECREASE_ICON,S as INCREASE_ICON,B as StepperField};

package/dist/esm/primitives/index.mjs

@@ -1 +1 @@
-export{Alert}from"./Alert/Alert.mjs";export{Autocomplete}from"./Autocomplete/Autocomplete.mjs";export{Badge}from"./Badge/Badge.mjs";export{Breadcrumbs}from"./Breadcrumbs/Breadcrumbs.mjs";export{Button}from"./Button/Button.mjs";export{ButtonGroup}from"./ButtonGroup/ButtonGroup.mjs";export{Card}from"./Card/Card.mjs";export{CheckboxField}from"./CheckboxField/CheckboxField.mjs";export{Collection}from"./Collection/Collection.mjs";export{Divider}from"./Divider/Divider.mjs";export{Expander}from"./Expander/Expander.mjs";export{ExpanderItem}from"./Expander/ExpanderItem.mjs";export{FieldGroupIcon}from"./FieldGroupIcon/FieldGroupIcon.mjs";export{FieldGroupIconButton}from"./FieldGroupIcon/FieldGroupIconButton.mjs";export{Flex}from"./Flex/Flex.mjs";export{Grid}from"./Grid/Grid.mjs";export{Heading}from"./Heading/Heading.mjs";export{HighlightMatch}from"./HighlightMatch/HighlightMatch.mjs";export{Icon}from"./Icon/Icon.mjs";export{Image}from"./Image/Image.mjs";export{Link}from"./Link/Link.mjs";export{Loader}from"./Loader/Loader.mjs";export{Menu}from"./Menu/Menu.mjs";export{MenuButton}from"./Menu/MenuButton.mjs";export{MenuItem}from"./Menu/MenuItem.mjs";export{Pagination}from"./Pagination/Pagination.mjs";export{usePagination}from"./Pagination/usePagination.mjs";export{PasswordField}from"./PasswordField/PasswordField.mjs";export{PhoneNumberField}from"./PhoneNumberField/PhoneNumberField.mjs";export{Placeholder}from"./Placeholder/Placeholder.mjs";export{Radio}from"./Radio/Radio.mjs";export{RadioGroupField}from"./RadioGroupField/RadioGroupField.mjs";export{Rating}from"./Rating/Rating.mjs";export{ScrollView}from"./ScrollView/ScrollView.mjs";export{SearchField}from"./SearchField/SearchField.mjs";export{SelectField}from"./SelectField/SelectField.mjs";export{SliderField}from"./SliderField/SliderField.mjs";export{StepperField}from"./StepperField/StepperField.mjs";export{SwitchField}from"./SwitchField/SwitchField.mjs";export{Table}from"./Table/Table.mjs";export{TableBody}from"./Table/TableBody.mjs";export{TableCell}from"./Table/TableCell.mjs";export{TableFoot}from"./Table/TableFoot.mjs";export{TableHead}from"./Table/TableHead.mjs";export{TableRow}from"./Table/TableRow.mjs";export{TabItem,Tabs}from"./Tabs/Tabs.mjs";export{Text}from"./Text/Text.mjs";export{TextAreaField}from"./TextAreaField/TextAreaField.mjs";export{TextField}from"./TextField/TextField.mjs";export{ToggleButton}from"./ToggleButton/ToggleButton.mjs";export{ToggleButtonGroup}from"./ToggleButtonGroup/ToggleButtonGroup.mjs";export{View}from"./View/View.mjs";export{VisuallyHidden}from"./VisuallyHidden/VisuallyHidden.mjs";export{ComponentClassNames,ComponentClassObject}from"./shared/constants.mjs";export{ComponentPropsToStylePropsMap,ComponentPropsToStylePropsMapKeys}from"./types/style.mjs";
+export{Alert}from"./Alert/Alert.mjs";export{Autocomplete}from"./Autocomplete/Autocomplete.mjs";export{Badge}from"./Badge/Badge.mjs";export{Breadcrumbs}from"./Breadcrumbs/Breadcrumbs.mjs";export{Button}from"./Button/Button.mjs";export{ButtonGroup}from"./ButtonGroup/ButtonGroup.mjs";export{Card}from"./Card/Card.mjs";export{CheckboxField}from"./CheckboxField/CheckboxField.mjs";export{Collection}from"./Collection/Collection.mjs";export{Divider}from"./Divider/Divider.mjs";export{Expander}from"./Expander/Expander.mjs";export{ExpanderItem}from"./Expander/ExpanderItem.mjs";export{FieldGroupIcon}from"./FieldGroupIcon/FieldGroupIcon.mjs";export{FieldGroupIconButton}from"./FieldGroupIcon/FieldGroupIconButton.mjs";export{Flex}from"./Flex/Flex.mjs";export{Grid}from"./Grid/Grid.mjs";export{Heading}from"./Heading/Heading.mjs";export{HighlightMatch}from"./HighlightMatch/HighlightMatch.mjs";export{Icon}from"./Icon/Icon.mjs";export{IconsProvider}from"./Icon/context/IconsProvider.mjs";import"react";import"./Icon/context/IconsContext.mjs";import"tslib";import"classnames";export{ComponentClassNames,ComponentClassObject}from"./shared/constants.mjs";export{View}from"./View/View.mjs";export{Image}from"./Image/Image.mjs";export{Link}from"./Link/Link.mjs";export{Loader}from"./Loader/Loader.mjs";export{Menu}from"./Menu/Menu.mjs";export{MenuButton}from"./Menu/MenuButton.mjs";export{MenuItem}from"./Menu/MenuItem.mjs";export{Pagination}from"./Pagination/Pagination.mjs";export{usePagination}from"./Pagination/usePagination.mjs";export{PasswordField}from"./PasswordField/PasswordField.mjs";export{PhoneNumberField}from"./PhoneNumberField/PhoneNumberField.mjs";export{Placeholder}from"./Placeholder/Placeholder.mjs";export{Radio}from"./Radio/Radio.mjs";export{RadioGroupField}from"./RadioGroupField/RadioGroupField.mjs";export{Rating}from"./Rating/Rating.mjs";export{ScrollView}from"./ScrollView/ScrollView.mjs";export{SearchField}from"./SearchField/SearchField.mjs";export{SelectField}from"./SelectField/SelectField.mjs";export{SliderField}from"./SliderField/SliderField.mjs";export{StepperField}from"./StepperField/StepperField.mjs";export{SwitchField}from"./SwitchField/SwitchField.mjs";export{Table}from"./Table/Table.mjs";export{TableBody}from"./Table/TableBody.mjs";export{TableCell}from"./Table/TableCell.mjs";export{TableFoot}from"./Table/TableFoot.mjs";export{TableHead}from"./Table/TableHead.mjs";export{TableRow}from"./Table/TableRow.mjs";export{TabItem,Tabs}from"./Tabs/Tabs.mjs";export{Text}from"./Text/Text.mjs";export{TextAreaField}from"./TextAreaField/TextAreaField.mjs";export{TextField}from"./TextField/TextField.mjs";export{ToggleButton}from"./ToggleButton/ToggleButton.mjs";export{ToggleButtonGroup}from"./ToggleButtonGroup/ToggleButtonGroup.mjs";export{VisuallyHidden}from"./VisuallyHidden/VisuallyHidden.mjs";export{ComponentPropsToStylePropsMap,ComponentPropsToStylePropsMapKeys}from"./types/style.mjs";

package/dist/esm/version.mjs

@@ -1 +1 @@
-const o="5.1.0";export{o as VERSION};
+const o="5.2.0";export{o as VERSION};