@aws-amplify/ui-react 3.6.0 → 4.0.0

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

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

package/dist/esm/primitives/Pagination/usePaginationItems.js

@@ -1 +1 @@
-import*as e from"react";import{useRange as a,ELLIPSIS as t}from"./useRange.js";import{PaginationItem as r}from"./PaginationItem.js";import{ComponentText as i}from"../shared/constants.js";const n=(n,s,o,l,m=i.PaginationItem.currentPageLabel,p=i.PaginationItem.pageLabel,c=i.PaginationItem.previousLabel,g=i.PaginationItem.nextLabel,u,b,P)=>{const y=e.createElement(r,{type:"previous",key:"previous",currentPage:n,onClick:b,isDisabled:n<=1,ariaLabel:c}),L=e.createElement(r,{type:"next",key:"next",currentPage:n,onClick:u,isDisabled:n>=s&&!o,ariaLabel:g}),k=a(n,s,l);return[y,...e.useMemo((()=>k.map(((a,i)=>a===t?e.createElement(r,{type:"ellipsis",key:1===i?"start-ellipsis":"end-ellipsis"}):e.createElement(r,{key:a,type:"page",page:a,currentPage:n,currentPageLabel:m,onClick:P,ariaLabel:`${p} ${a}`})))),[k,n,m,p,P]),L]};export{n as usePaginationItems};
+import{jsx as e}from"react/jsx-runtime";import*as a from"react";import{useRange as t,ELLIPSIS as i}from"./useRange.js";import{PaginationItem as r}from"./PaginationItem.js";import{ComponentText as n}from"../shared/constants.js";const o=(o,s,p,l,m=n.PaginationItem.currentPageLabel,g=n.PaginationItem.pageLabel,c=n.PaginationItem.previousLabel,u=n.PaginationItem.nextLabel,b,P,L)=>{const f=e(r,{type:"previous",currentPage:o,onClick:P,isDisabled:o<=1,ariaLabel:c},"previous"),x=e(r,{type:"next",currentPage:o,onClick:b,isDisabled:o>=s&&!p,ariaLabel:u},"next"),I=t(o,s,l);return[f,...a.useMemo((()=>I.map(((a,t)=>a===i?e(r,{type:"ellipsis"},1===t?"start-ellipsis":"end-ellipsis"):e(r,{type:"page",page:a,currentPage:o,currentPageLabel:m,onClick:L,ariaLabel:`${g} ${a}`},a)))),[I,o,m,g,L]),x]};export{o as usePaginationItems};

package/dist/esm/primitives/PasswordField/PasswordField.js

@@ -1 +1 @@
-import{__rest as s}from"tslib";import e from"classnames";import*as o from"react";import{ComponentClassNames as a}from"../shared/constants.js";import{ShowPasswordButton as t}from"./ShowPasswordButton.js";import{TextField as r}from"../TextField/TextField.js";const l=o.forwardRef(((l,d)=>{var{autoComplete:w="current-password",label:n,className:i,hideShowPassword:p=!1,passwordIsHiddenLabel:m,passwordIsShownLabel:u,showPasswordButtonLabel:b,showPasswordButtonRef:c,size:h}=l,f=s(l,["autoComplete","label","className","hideShowPassword","passwordIsHiddenLabel","passwordIsShownLabel","showPasswordButtonLabel","showPasswordButtonRef","size"]);const[P,L]=o.useState("password"),S=o.useCallback((()=>{L("password"===P?"text":"password")}),[L,P]);return o.createElement(r,Object.assign({autoComplete:w,isMultiline:!1,outerEndComponent:p?null:o.createElement(t,{fieldType:P,onClick:S,passwordIsHiddenLabel:m,passwordIsShownLabel:u,ref:c,size:h,showPasswordButtonLabel:b}),size:h,type:P,label:n,className:e(a.PasswordField,i),ref:d},f))}));l.displayName="PasswordField";export{l as PasswordField};
+import{__rest as s}from"tslib";import{jsx as o}from"react/jsx-runtime";import e from"classnames";import*as a from"react";import{ComponentClassNames as r}from"../shared/constants.js";import{ShowPasswordButton as t}from"./ShowPasswordButton.js";import{TextField as d}from"../TextField/TextField.js";const l=a.forwardRef(((l,w)=>{var{autoComplete:i="current-password",label:n,className:p,hideShowPassword:m=!1,passwordIsHiddenLabel:u,passwordIsShownLabel:b,showPasswordButtonLabel:f,showPasswordButtonRef:h,size:c}=l,P=s(l,["autoComplete","label","className","hideShowPassword","passwordIsHiddenLabel","passwordIsShownLabel","showPasswordButtonLabel","showPasswordButtonRef","size"]);const[L,S]=a.useState("password"),B=a.useCallback((()=>{S("password"===L?"text":"password")}),[S,L]);return o(d,Object.assign({autoComplete:i,outerEndComponent:m?null:o(t,{fieldType:L,onClick:B,passwordIsHiddenLabel:u,passwordIsShownLabel:b,ref:h,size:c,showPasswordButtonLabel:f}),size:c,type:L,label:n,className:e(r.PasswordField,p),ref:w},P))}));l.displayName="PasswordField";export{l as PasswordField};

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

@@ -1 +1 @@
-import{__rest as s}from"tslib";import*as e from"react";import{Button as o}from"../Button/Button.js";import{VisuallyHidden as r}from"../VisuallyHidden/VisuallyHidden.js";import{ComponentClassNames as a,ComponentText as i}from"../shared/constants.js";import"classnames";import"../View/View.js";import{IconVisibilityOff as t}from"../Icon/icons/IconVisibilityOff.js";import{IconVisibility as d}from"../Icon/icons/IconVisibility.js";const{passwordIsHidden:n,passwordIsShown:l,showPassword:w}=i.PasswordField,m=e.forwardRef(((i,m)=>{var{fieldType:p,passwordIsHiddenLabel:c=n,passwordIsShownLabel:f=l,showPasswordButtonLabel:b=w,size:h}=i,I=s(i,["fieldType","passwordIsHiddenLabel","passwordIsShownLabel","showPasswordButtonLabel","size"]);return e.createElement(o,Object.assign({"aria-checked":"password"!==p,ariaLabel:b,className:a.FieldShowPassword,ref:m,role:"switch",size:h},I),e.createElement(r,{"aria-live":"polite"},"password"===p?c:f),"password"===p?e.createElement(d,{size:h}):e.createElement(t,{size:h}))}));m.displayName="ShowPasswordButton";export{m as ShowPasswordButton};
+import{__rest as s}from"tslib";import{jsxs as o,jsx as i}from"react/jsx-runtime";import*as r from"react";import{Button as a}from"../Button/Button.js";import{VisuallyHidden as e}from"../VisuallyHidden/VisuallyHidden.js";import{ComponentClassNames as d,ComponentText as t}from"../shared/constants.js";import"classnames";import"../View/View.js";import{IconVisibilityOff as n}from"../Icon/icons/IconVisibilityOff.js";import{IconVisibility as w}from"../Icon/icons/IconVisibility.js";const{passwordIsHidden:l,passwordIsShown:p,showPassword:m}=t.PasswordField,c=r.forwardRef(((r,t)=>{var{fieldType:c,passwordIsHiddenLabel:f=l,passwordIsShownLabel:h=p,showPasswordButtonLabel:b=m,size:I}=r,j=s(r,["fieldType","passwordIsHiddenLabel","passwordIsShownLabel","showPasswordButtonLabel","size"]);return o(a,Object.assign({"aria-checked":"password"!==c,ariaLabel:b,className:d.FieldShowPassword,ref:t,role:"switch",size:I},j,{children:[i(e,Object.assign({"aria-live":"polite"},{children:"password"===c?f:h})),i("password"===c?w:n,{size:I})]}))}));c.displayName="ShowPasswordButton";export{c as ShowPasswordButton};

package/dist/esm/primitives/PhoneNumberField/CountryCodeSelect.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import*as a from"react";import t from"classnames";import{countryDialCodes as o}from"@aws-amplify/ui";import{ComponentClassNames as l}from"../shared/constants.js";import{SelectField as s}from"../SelectField/SelectField.js";const r=a.forwardRef(((r,i)=>{var{className:m,dialCodeList:d,isReadOnly:c}=r,n=e(r,["className","dialCodeList","isReadOnly"]);const p=null!=d?d:o,f=a.useMemo((()=>p.map((e=>a.createElement("option",{key:e,value:e,disabled:c},e)))),[p,c]);return a.createElement(s,Object.assign({"aria-disabled":c,autoComplete:"tel-country-code",className:t(l.CountryCodeSelect,l.DialCodeSelect,m),labelHidden:!0,ref:i},n),f)}));r.displayName="CountryCodeSelect";export{r as CountryCodeSelect};
+import{__rest as e}from"tslib";import{jsx as a}from"react/jsx-runtime";import*as o from"react";import t from"classnames";import{countryDialCodes as s}from"@aws-amplify/ui";import{ComponentClassNames as r}from"../shared/constants.js";import{SelectField as i}from"../SelectField/SelectField.js";const l=o.forwardRef(((l,m)=>{var{className:d,dialCodeList:c,isReadOnly:n}=l,p=e(l,["className","dialCodeList","isReadOnly"]);const f=null!=c?c:s,u=o.useMemo((()=>f.map((e=>a("option",Object.assign({value:e,disabled:n},{children:e}),e)))),[f,n]);return a(i,Object.assign({"aria-disabled":n,autoComplete:"tel-country-code",className:t(r.CountryCodeSelect,r.DialCodeSelect,d),labelHidden:!0,ref:m},p,{children:u}))}));l.displayName="CountryCodeSelect";export{l as CountryCodeSelect};

package/dist/esm/primitives/PhoneNumberField/PhoneNumberField.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import*as o from"react";import a from"classnames";import{ComponentClassNames as t,ComponentText as i}from"../shared/constants.js";import{CountryCodeSelect as l}from"./CountryCodeSelect.js";import{TextField as r}from"../TextField/TextField.js";const d=o.forwardRef(((d,n)=>{var{autoComplete:s="tel-national",className:C,countryCodeName:m,countryCodeLabel:u=i.PhoneNumberField.countryCodeLabel,countryCodeRef:c,defaultCountryCode:y,defaultDialCode:f,dialCodeLabel:p=i.PhoneNumberField.countryCodeLabel,dialCodeList:b,dialCodeName:h,dialCodeRef:N,hasError:L,isDisabled:R,isReadOnly:D,onCountryCodeChange:g,onDialCodeChange:E,onInput:F,size:v,type:O,variation:j}=d,z=e(d,["autoComplete","className","countryCodeName","countryCodeLabel","countryCodeRef","defaultCountryCode","defaultDialCode","dialCodeLabel","dialCodeList","dialCodeName","dialCodeRef","hasError","isDisabled","isReadOnly","onCountryCodeChange","onDialCodeChange","onInput","size","type","variation"]);const P=h||m,x=p||u,I=f||y,S=E||g,T=N||c;return o.createElement(r,Object.assign({outerStartComponent:o.createElement(l,{defaultValue:I,dialCodeList:b,className:C,hasError:L,isDisabled:R,isReadOnly:D,label:x,name:P,onChange:S,ref:T,size:v,variation:j}),autoComplete:s,className:a(t.PhoneNumberField,C),hasError:L,isDisabled:R,isReadOnly:D,isMultiline:!1,onInput:F,ref:n,size:v,type:"tel",variation:j},z))}));d.displayName="PhoneNumberField";export{d as PhoneNumberField};
+import{__rest as e}from"tslib";import{jsx as o}from"react/jsx-runtime";import*as a from"react";import t from"classnames";import{ComponentClassNames as r,ComponentText as i}from"../shared/constants.js";import{CountryCodeSelect as d}from"./CountryCodeSelect.js";import{TextField as l}from"../TextField/TextField.js";const n=a.forwardRef(((a,n)=>{var{autoComplete:s="tel-national",className:C,countryCodeName:m,countryCodeLabel:u=i.PhoneNumberField.countryCodeLabel,countryCodeRef:y,defaultCountryCode:c,defaultDialCode:f,dialCodeLabel:p=i.PhoneNumberField.countryCodeLabel,dialCodeList:b,dialCodeName:h,dialCodeRef:N,hasError:L,isDisabled:R,isReadOnly:D,onCountryCodeChange:g,onDialCodeChange:F,onInput:j,size:v,type:O,variation:x}=a,z=e(a,["autoComplete","className","countryCodeName","countryCodeLabel","countryCodeRef","defaultCountryCode","defaultDialCode","dialCodeLabel","dialCodeList","dialCodeName","dialCodeRef","hasError","isDisabled","isReadOnly","onCountryCodeChange","onDialCodeChange","onInput","size","type","variation"]);const E=h||m,P=p||u,I=f||c,S=F||g,T=N||y;return o(l,Object.assign({outerStartComponent:o(d,{defaultValue:I,dialCodeList:b,className:C,hasError:L,isDisabled:R,isReadOnly:D,label:P,name:E,onChange:S,ref:T,size:v,variation:x}),autoComplete:s,className:t(r.PhoneNumberField,C),hasError:L,isDisabled:R,isReadOnly:D,onInput:j,ref:n,size:v,type:"tel",variation:x},z))}));n.displayName="PhoneNumberField";export{n as PhoneNumberField};

package/dist/esm/primitives/Placeholder/Placeholder.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import*as r from"react";import a from"classnames";import{classNameModifier as s}from"../shared/utils.js";import{ComponentClassNames as o}from"../shared/constants.js";import{View as t}from"../View/View.js";const m=r.forwardRef(((m,i)=>{var{className:l,children:c,isLoaded:d,size:n}=m,f=e(m,["className","children","isLoaded","size"]);return d?r.createElement(r.Fragment,null,c):r.createElement(t,Object.assign({className:a(o.Placeholder,s(o.Placeholder,n),l),"data-size":n,ref:i},f))}));m.displayName="Placeholder";export{m as Placeholder};
+import{__rest as r}from"tslib";import{jsx as e,Fragment as s}from"react/jsx-runtime";import*as a from"react";import o from"classnames";import{classNameModifier as i}from"../shared/utils.js";import{ComponentClassNames as m}from"../shared/constants.js";import{View as t}from"../View/View.js";const l=a.forwardRef(((a,l)=>{var{className:c,children:d,isLoaded:f,size:n}=a,p=r(a,["className","children","isLoaded","size"]);return f?e(s,{children:d}):e(t,Object.assign({className:o(m.Placeholder,i(m.Placeholder,n),c),"data-size":n,ref:l},p))}));l.displayName="Placeholder";export{l as Placeholder};

package/dist/esm/primitives/Radio/Radio.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import*as a from"react";import i from"classnames";import{classNameModifierByFlag as t,classNameModifier as o}from"../shared/utils.js";import{ComponentClassNames as s}from"../shared/constants.js";import{Flex as d}from"../Flex/Flex.js";import{Input as r}from"../Input/Input.js";import{Text as l}from"../Text/Text.js";import{useRadioGroupContext as n}from"../RadioGroupField/context.js";const m=(m,p)=>{var{children:c,className:h,id:u,isDisabled:b,testId:f,value:R,labelPosition:g,height:v,width:j,bottom:N,left:x,position:E,padding:I,right:y,top:w}=m,D=e(m,["children","className","id","isDisabled","testId","value","labelPosition","height","width","bottom","left","position","padding","right","top"]);const{currentValue:C,defaultValue:F,name:O,hasError:P,isGroupDisabled:V,isRequired:k,isReadOnly:q,onChange:z,size:B,labelPosition:G}=n(),T=V||b||q&&F!==R,H=void 0!==C?R===C:void 0,L=void 0!==F?R===F:void 0,A=g||G;return a.createElement(d,{as:"label",className:i(s.Radio,t(s.Radio,"disabled",T),h),"data-disabled":T,"data-label-position":A,width:j,bottom:N,top:w,right:y,left:x,position:E,padding:I},c&&a.createElement(l,{as:"span",className:s.RadioLabel,"data-disabled":T},c),a.createElement(r,Object.assign({checked:H,className:i(s.VisuallyHidden,s.RadioInput),defaultChecked:L,hasError:P,id:u,isDisabled:T,isReadOnly:q,isRequired:k,onChange:z,ref:p,type:"radio",name:O,value:R},D)),a.createElement(d,{"aria-hidden":"true",as:"span",className:i(s.RadioButton,o(s.RadioButton,B)),"data-size":B,testId:f}))},p=a.forwardRef(m);p.displayName="Radio";export{p as Radio,m as RadioPrimitive};
+import{__rest as i}from"tslib";import{jsxs as a,jsx as e}from"react/jsx-runtime";import*as t from"react";import s from"classnames";import{classNameModifierByFlag as o,classNameModifier as d}from"../shared/utils.js";import{ComponentClassNames as r}from"../shared/constants.js";import{Flex as l}from"../Flex/Flex.js";import{Input as n}from"../Input/Input.js";import{Text as m}from"../Text/Text.js";import{useRadioGroupContext as p}from"../RadioGroupField/context.js";const c=(t,c)=>{var{children:h,className:u,id:b,isDisabled:f,testId:g,value:R,labelPosition:j,height:v,width:x,bottom:N,left:I,position:y,padding:O,right:w,top:D}=t,C=i(t,["children","className","id","isDisabled","testId","value","labelPosition","height","width","bottom","left","position","padding","right","top"]);const{currentValue:F,defaultValue:P,name:V,hasError:k,isGroupDisabled:q,isRequired:z,isReadOnly:B,onChange:E,size:G,labelPosition:T}=p(),H=q||f||B&&P!==R,L=void 0!==F?R===F:void 0,A=void 0!==P?R===P:void 0,J=j||T;return a(l,Object.assign({as:"label",className:s(r.Radio,o(r.Radio,"disabled",H),u),"data-disabled":H,"data-label-position":J,width:x,bottom:N,top:D,right:w,left:I,position:y,padding:O},{children:[h&&e(m,Object.assign({as:"span",className:r.RadioLabel,"data-disabled":H},{children:h})),e(n,Object.assign({checked:L,className:s(r.VisuallyHidden,r.RadioInput),defaultChecked:A,hasError:k,id:b,isDisabled:H,isReadOnly:B,isRequired:z,onChange:E,ref:c,type:"radio",name:V,value:R},C)),e(l,{"aria-hidden":"true",as:"span",className:s(r.RadioButton,d(r.RadioButton,G)),"data-size":G,testId:g})]}))},h=t.forwardRef(c);h.displayName="Radio";export{h as Radio,c as RadioPrimitive};

package/dist/esm/primitives/RadioGroupField/RadioGroupField.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import*as r from"react";import a from"classnames";import{ComponentClassNames as i}from"../shared/constants.js";import"../Field/FieldClearButton.js";import{FieldDescription as l}from"../Field/FieldDescription.js";import{FieldErrorMessage as s}from"../Field/FieldErrorMessage.js";import{Flex as o}from"../Flex/Flex.js";import{Label as d}from"../Label/Label.js";import{RadioGroupContext as t}from"./context.js";import{useStableId as n}from"../utils/useStableId.js";const m=r.forwardRef(((m,c)=>{var{children:u,className:p,defaultValue:b,descriptiveText:f,errorMessage:E,hasError:F=!1,id:h,isDisabled:v,isRequired:R,isReadOnly:g,label:j,labelHidden:x=!1,labelPosition:y,onChange:M,name:N,size:z,value:C}=m,D=e(m,["children","className","defaultValue","descriptiveText","errorMessage","hasError","id","isDisabled","isRequired","isReadOnly","label","labelHidden","labelPosition","onChange","name","size","value"]);const G=n(h),H=n(),O=n(),P=f?O:void 0,V=r.useMemo((()=>({currentValue:C,defaultValue:b,hasError:F,isRequired:R,isReadOnly:g,isGroupDisabled:v,onChange:M,size:z,name:N,labelPosition:y})),[b,F,v,R,g,M,z,N,C,y]);return r.createElement(o,Object.assign({className:a(i.Field,i.RadioGroupField,p),"data-size":z,ref:c},D),r.createElement(d,{id:H,visuallyHidden:x},j),r.createElement(l,{id:O,labelHidden:x,descriptiveText:f}),r.createElement(o,{"aria-describedby":P,"aria-labelledby":H,className:i.RadioGroup,id:G,role:"radiogroup"},r.createElement(t.Provider,{value:V},u)),r.createElement(s,{hasError:F,errorMessage:E}))}));m.displayName="RadioGroupField";export{m as RadioGroupField};
+import{__rest as e}from"tslib";import{jsxs as i,jsx as r}from"react/jsx-runtime";import*as a from"react";import s from"classnames";import{ComponentClassNames as l}from"../shared/constants.js";import"../Field/FieldClearButton.js";import{FieldDescription as o}from"../Field/FieldDescription.js";import{FieldErrorMessage as d}from"../Field/FieldErrorMessage.js";import{Flex as t}from"../Flex/Flex.js";import{Label as n}from"../Label/Label.js";import{RadioGroupContext as m}from"./context.js";import{useStableId as c}from"../utils/useStableId.js";const u=a.forwardRef(((u,b)=>{var{children:p,className:f,defaultValue:h,descriptiveText:j,errorMessage:g,hasError:F=!1,id:v,isDisabled:R,isRequired:x,isReadOnly:y,label:O,labelHidden:E=!1,labelPosition:M,onChange:N,name:z,size:C,value:D}=u,G=e(u,["children","className","defaultValue","descriptiveText","errorMessage","hasError","id","isDisabled","isRequired","isReadOnly","label","labelHidden","labelPosition","onChange","name","size","value"]);const H=c(v),P=c(),V=c(),q=j?V:void 0,T=a.useMemo((()=>({currentValue:D,defaultValue:h,hasError:F,isRequired:x,isReadOnly:y,isGroupDisabled:R,onChange:N,size:C,name:z,labelPosition:M})),[h,F,R,x,y,N,C,z,D,M]);return i(t,Object.assign({className:s(l.Field,l.RadioGroupField,f),"data-size":C,ref:b},G,{children:[r(n,Object.assign({id:P,visuallyHidden:E},{children:O})),r(o,{id:V,labelHidden:E,descriptiveText:j}),r(t,Object.assign({"aria-describedby":q,"aria-labelledby":P,className:l.RadioGroup,id:H,role:"radiogroup"},{children:r(m.Provider,Object.assign({value:T},{children:p}))})),r(d,{hasError:F,errorMessage:g})]}))}));u.displayName="RadioGroupField";export{u as RadioGroupField};

package/dist/esm/primitives/Rating/Rating.js

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

package/dist/esm/primitives/Rating/RatingIcon.js

@@ -1 +1 @@
-import*as a from"react";import e from"classnames";import{View as s}from"../View/View.js";const i=({icon:i,fill:r,className:m})=>a.createElement(s,{as:"span",className:"amplify-rating-icon-container","aria-hidden":"true"},a.createElement(s,{as:"span",className:e(m),color:r},i));i.displayName="RatingIcon";export{i as RatingIcon};
+import{jsx as a}from"react/jsx-runtime";import s from"classnames";import{View as i}from"../View/View.js";const e=({icon:e,fill:n,className:r})=>a(i,Object.assign({as:"span",className:"amplify-rating-icon-container","aria-hidden":"true"},{children:a(i,Object.assign({as:"span",className:s(r),color:n},{children:e}))}));e.displayName="RatingIcon";export{e as RatingIcon};

package/dist/esm/primitives/Rating/RatingMixedIcon.js

@@ -1 +1 @@
-import*as a from"react";import e from"classnames";import{View as i}from"../View/View.js";const l=({emptyColor:l,emptyIcon:n,fillColor:t,fillIcon:r,value:m})=>{const s=m%1*100+"%";return a.createElement(i,{as:"span",className:"amplify-rating-icon-container","aria-hidden":"true"},a.createElement(i,{as:"span",className:"amplify-rating-label"},a.createElement(i,{as:"span",className:e("amplify-rating-icon","amplify-rating-icon-empty"),color:l},n)),a.createElement(i,{as:"span",className:"amplify-rating-label",width:s},a.createElement(i,{as:"span",className:e("amplify-rating-icon","amplify-rating-icon-filled"),color:t},r)))};l.displayName="RatingMixedIcon";export{l as RatingMixedIcon};
+import{jsxs as a,jsx as i}from"react/jsx-runtime";import n from"classnames";import{View as s}from"../View/View.js";const e=({emptyColor:e,emptyIcon:l,fillColor:c,fillIcon:r,value:t})=>{const o=t%1*100+"%";return a(s,Object.assign({as:"span",className:"amplify-rating-icon-container","aria-hidden":"true"},{children:[i(s,Object.assign({as:"span",className:"amplify-rating-label"},{children:i(s,Object.assign({as:"span",className:n("amplify-rating-icon","amplify-rating-icon-empty"),color:e},{children:l}))})),i(s,Object.assign({as:"span",className:"amplify-rating-label",width:o},{children:i(s,Object.assign({as:"span",className:n("amplify-rating-icon","amplify-rating-icon-filled"),color:c},{children:r}))}))]}))};e.displayName="RatingMixedIcon";export{e as RatingMixedIcon};

package/dist/esm/primitives/ScrollView/ScrollView.js

@@ -1 +1 @@
-import{__rest as r}from"tslib";import*as e from"react";import o from"classnames";import{classNameModifier as a}from"../shared/utils.js";import{ComponentClassNames as t}from"../shared/constants.js";import{View as i}from"../View/View.js";const s=e.forwardRef(((s,m)=>{var{children:l,className:n,orientation:c}=s,f=r(s,["children","className","orientation"]);return e.createElement(i,Object.assign({className:o(t.ScrollView,a(t.ScrollView,c),n),"data-orientation":c,ref:m},f),l)}));s.displayName="ScrollView";export{s as ScrollView};
+import{__rest as r}from"tslib";import{jsx as o}from"react/jsx-runtime";import*as e from"react";import i from"classnames";import{classNameModifier as t}from"../shared/utils.js";import{ComponentClassNames as a}from"../shared/constants.js";import{View as s}from"../View/View.js";const m=e.forwardRef(((e,m)=>{var{children:l,className:n,orientation:c}=e,f=r(e,["children","className","orientation"]);return o(s,Object.assign({className:i(a.ScrollView,t(a.ScrollView,c),n),"data-orientation":c,ref:m},f,{children:l}))}));m.displayName="ScrollView";export{m as ScrollView};

package/dist/esm/primitives/SearchField/SearchField.js

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

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

@@ -1 +1 @@
-import*as e from"react";import{ComponentClassNames as r,ComponentText as o}from"../shared/constants.js";import"../FieldGroupIcon/FieldGroupIcon.js";import{FieldGroupIconButton as t}from"../FieldGroupIcon/FieldGroupIconButton.js";import"tslib";import"classnames";import"../View/View.js";import{IconSearch as i}from"../Icon/icons/IconSearch.js";const a=o.SearchField.searchButtonLabel,s=e.forwardRef(((o,s)=>e.createElement(t,Object.assign({ariaLabel:a,className:r.SearchFieldSearch,ref:s,type:"submit"},o),e.createElement(i,{size:o.size}))));s.displayName="SearchFieldButton";export{s as SearchFieldButton};
+import{jsx as r}from"react/jsx-runtime";import*as e from"react";import{ComponentClassNames as o,ComponentText as i}from"../shared/constants.js";import"../FieldGroupIcon/FieldGroupIcon.js";import{FieldGroupIconButton as t}from"../FieldGroupIcon/FieldGroupIconButton.js";import"tslib";import"classnames";import"../View/View.js";import{IconSearch as s}from"../Icon/icons/IconSearch.js";const a=i.SearchField.searchButtonLabel,c=e.forwardRef(((e,i)=>r(t,Object.assign({ariaLabel:a,className:o.SearchFieldSearch,ref:i,type:"submit"},e,{children:r(s,{size:e.size})}))));c.displayName="SearchFieldButton";export{c as SearchFieldButton};

package/dist/esm/primitives/Select/Select.js

@@ -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"../shared/utils.js";import{ComponentClassNames as t}from"../shared/constants.js";import{Flex as i}from"../Flex/Flex.js";import{View as s}from"../View/View.js";import{IconExpandMore as c}from"../Icon/icons/IconExpandMore.js";const m=a.forwardRef(((m,n)=>{var{autoComplete:d,className:p,size:u,variation:f,value:v,defaultValue:h,hasError:E,icon:S=a.createElement(c,null),iconColor:j,children:C,placeholder:N,isDisabled:b,isRequired:V}=m,x=e(m,["autoComplete","className","size","variation","value","defaultValue","hasError","icon","iconColor","children","placeholder","isDisabled","isRequired"]);const q=void 0===v&&void 0===h&&N,w=r(t.Select,t.FieldGroupControl,o(t.Select,u),o(t.Select,f),l(t.Select,"error",E),p);return a.createElement(s,{className:t.SelectWrapper},a.createElement(s,Object.assign({"aria-invalid":E,as:"select",autoComplete:d,value:v,defaultValue:q?"":h,isDisabled:b,required:V,"data-size":u,"data-variation":f,className:w,ref:n},x),N&&a.createElement("option",{value:""},N),C),a.createElement(i,{className:t.SelectIconWrapper,color:j},S))}));m.displayName="Select";export{m as Select};
+import{__rest as e}from"tslib";import{jsx as r,jsxs as a}from"react/jsx-runtime";import*as o from"react";import i from"classnames";import{classNameModifier as s,classNameModifierByFlag as l}from"../shared/utils.js";import{ComponentClassNames as t}from"../shared/constants.js";import{Flex as c}from"../Flex/Flex.js";import{View as n}from"../View/View.js";import{IconExpandMore as m}from"../Icon/icons/IconExpandMore.js";const d=o.forwardRef(((o,d)=>{var{autoComplete:p,className:u,size:f,variation:h,value:v,defaultValue:j,hasError:b,icon:S=r(m,{}),iconColor:C,children:N,placeholder:x,isDisabled:V,isRequired:g}=o,O=e(o,["autoComplete","className","size","variation","value","defaultValue","hasError","icon","iconColor","children","placeholder","isDisabled","isRequired"]);const q=void 0===v&&void 0===j&&x,w=i(t.Select,t.FieldGroupControl,s(t.Select,f),s(t.Select,h),l(t.Select,"error",b),u);return a(n,Object.assign({className:t.SelectWrapper},{children:[a(n,Object.assign({"aria-invalid":b,as:"select",autoComplete:p,value:v,defaultValue:q?"":j,isDisabled:V,required:g,"data-size":f,"data-variation":h,className:w,ref:d},O,{children:[x&&r("option",Object.assign({value:""},{children:x})),N]})),r(c,Object.assign({className:t.SelectIconWrapper,color:C},{children:S}))]}))}));d.displayName="Select";export{d as Select};

package/dist/esm/primitives/SelectField/SelectField.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import*as r from"react";import t from"classnames";import{ComponentClassNames as s}from"../shared/constants.js";import"../Field/FieldClearButton.js";import{FieldDescription as i}from"../Field/FieldDescription.js";import{FieldErrorMessage as l}from"../Field/FieldErrorMessage.js";import{Flex as o}from"../Flex/Flex.js";import{Label as a}from"../Label/Label.js";import{Select as d}from"../Select/Select.js";import{splitPrimitiveProps as n}from"../shared/styleUtils.js";import{useStableId as m}from"../utils/useStableId.js";const c=r.forwardRef(((c,p)=>{const{children:f,className:h,descriptiveText:b,errorMessage:F,hasError:j=!1,id:E,label:u,labelHidden:g=!1,options:v,size:y,testId:S}=c,x=e(c,["children","className","descriptiveText","errorMessage","hasError","id","label","labelHidden","options","size","testId"]),I=m(E),z=m(),H=b?z:void 0,{flexContainerStyleProps:M,baseStyleProps:N,rest:T}=n(x);return r.createElement(o,Object.assign({className:t(s.Field,s.SelectField,h),"data-size":y,testId:S},N,M),r.createElement(a,{htmlFor:I,visuallyHidden:g},u),r.createElement(i,{id:z,labelHidden:g,descriptiveText:b}),r.createElement(d,Object.assign({"aria-describedby":H,hasError:j,id:I,ref:p,size:y},T),(({children:e,options:t})=>e?((null==t?void 0:t.length)&&console.warn("Amplify UI: <SelectField> component  defaults to rendering children over `options`. When using the `options` prop, omit children."),e):null==t?void 0:t.map(((e,t)=>r.createElement("option",{label:e,value:e,key:`${e}-${t}`},e))))({children:f,options:v})),r.createElement(l,{hasError:j,errorMessage:F}))}));c.displayName="SelectField";export{c as SelectField};
+import{__rest as e}from"tslib";import{jsxs as r,jsx as i}from"react/jsx-runtime";import*as s from"react";import t from"classnames";import{ComponentClassNames as l}from"../shared/constants.js";import"../Field/FieldClearButton.js";import{FieldDescription as o}from"../Field/FieldDescription.js";import{FieldErrorMessage as d}from"../Field/FieldErrorMessage.js";import{Flex as a}from"../Flex/Flex.js";import{Label as n}from"../Label/Label.js";import{Select as m}from"../Select/Select.js";import{splitPrimitiveProps as c}from"../shared/styleUtils.js";import{useStableId as p}from"../utils/useStableId.js";const h=({children:e,options:r})=>e?((null==r?void 0:r.length)&&console.warn("Amplify UI: <SelectField> component  defaults to rendering children over `options`. When using the `options` prop, omit children."),e):null==r?void 0:r.map(((e,r)=>i("option",Object.assign({label:e,value:e},{children:e}),`${e}-${r}`))),f=s.forwardRef(((s,f)=>{const{children:b,className:j,descriptiveText:u,errorMessage:F,hasError:g=!1,id:v,label:y,labelHidden:S=!1,options:x,size:E,testId:I,inputStyles:z}=s,H=e(s,["children","className","descriptiveText","errorMessage","hasError","id","label","labelHidden","options","size","testId","inputStyles"]),M=p(v),N=p(),O=u?N:void 0,{styleProps:T,rest:w}=c(H);return r(a,Object.assign({className:t(l.Field,l.SelectField,j),"data-size":E,testId:I},T,{children:[i(n,Object.assign({htmlFor:M,visuallyHidden:S},{children:y})),i(o,{id:N,labelHidden:S,descriptiveText:u}),i(m,Object.assign({"aria-describedby":O,hasError:g,id:M,ref:f,size:E},w,z,{children:h({children:b,options:x})})),i(d,{hasError:g,errorMessage:F})]}))}));f.displayName="SelectField";export{f as SelectField};

package/dist/esm/primitives/SliderField/SliderField.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import r from"classnames";import{Root as t,Track as a,Range as l,Thumb as i}from"@radix-ui/react-slider";import*as o from"react";import{isFunction as s,classNameModifier as d}from"../shared/utils.js";import{ComponentClassNames as n}from"../shared/constants.js";import"../Field/FieldClearButton.js";import{FieldDescription as m}from"../Field/FieldDescription.js";import{FieldErrorMessage as c}from"../Field/FieldErrorMessage.js";import{FieldGroup as u}from"../FieldGroup/FieldGroup.js";import{Flex as p}from"../Flex/Flex.js";import{Label as b}from"../Label/Label.js";import{splitPrimitiveProps as f}from"../shared/styleUtils.js";import{View as S}from"../View/View.js";import{useStableId as F}from"../utils/useStableId.js";const g="slider-label",C="slider-root",E="slider-track",h="slider-range",k=o.forwardRef(((g,C)=>{var{ariaValuetext:E,className:h,defaultValue:k,descriptiveText:v,emptyTrackColor:j,errorMessage:y,filledTrackColor:T,formatValue:V,hasError:x=!1,id:N,isDisabled:z,isValueHidden:H=!1,label:R,labelHidden:I=!1,onChange:M,orientation:w="horizontal",outerEndComponent:D,outerStartComponent:G,testId:L,thumbColor:O,trackSize:P,dir:B,value:U,size:q}=g,A=e(g,["ariaValuetext","className","defaultValue","descriptiveText","emptyTrackColor","errorMessage","filledTrackColor","formatValue","hasError","id","isDisabled","isValueHidden","label","labelHidden","onChange","orientation","outerEndComponent","outerStartComponent","testId","thumbColor","trackSize","dir","value","size"]);const J=F(N),K=F(),Q=F(),W=v?Q:void 0,{flexContainerStyleProps:X,baseStyleProps:Y,rest:Z}=f(A),$=void 0!==U,[_,ee]=o.useState($?U:k),re=$?[U]:void 0,te=$?void 0:[k],ae=o.useCallback((e=>{ee(e[0]),s(M)&&M(e[0])}),[M]),le=o.useMemo((()=>{const e=s(V)?V(_):_;return"string"==typeof V?o.createElement(S,{as:"span"},e):e}),[_,V]),ie="vertical"===w,oe=r(n.SliderFieldTrack,d(n.SliderFieldTrack,w),d(n.SliderFieldTrack,q)),se=r(n.SliderFieldRoot,d(n.SliderFieldRoot,w),d(n.SliderFieldRoot,q),h);return o.createElement(p,Object.assign({className:r(n.Field,n.SliderField),testId:L,"data-size":q},Y,X),o.createElement(b,{className:n.SliderFieldLabel,id:K,testId:"slider-label",visuallyHidden:I},o.createElement(S,{as:"span"},R),H?null:le),o.createElement(m,{id:Q,labelHidden:I,descriptiveText:v}),o.createElement(u,{className:n.SliderFieldGroup,id:J,orientation:w,outerStartComponent:G,outerEndComponent:D},o.createElement(t,Object.assign({className:se,"data-testid":"slider-root",disabled:z,defaultValue:te,onValueChange:ae,orientation:w,ref:C,value:re},Z),o.createElement(a,{className:oe,"data-testid":"slider-track",style:{backgroundColor:String(j),[""+(ie?"width":"height")]:P}},o.createElement(l,{className:r(n.SliderFieldRange,d(n.SliderFieldRange,w)),"data-testid":"slider-range",style:{backgroundColor:String(T)}})),o.createElement(i,{"aria-describedby":W,"aria-labelledby":K,"aria-valuetext":E,className:r(n.SliderFieldThumb,d(n.SliderFieldThumb,q)),style:{backgroundColor:String(O)}}))),o.createElement(c,{hasError:x,errorMessage:y}))}));k.displayName="SliderField";export{g as SLIDER_LABEL_TEST_ID,h as SLIDER_RANGE_TEST_ID,C as SLIDER_ROOT_TEST_ID,E as SLIDER_TRACK_TEST_ID,k as SliderField};
+import{__rest as e}from"tslib";import{jsx as r,jsxs as i}from"react/jsx-runtime";import a from"classnames";import{Root as l,Track as t,Range as o,Thumb as s}from"@radix-ui/react-slider";import*as d from"react";import{isFunction as n,classNameModifier as m}from"../shared/utils.js";import{ComponentClassNames as c}from"../shared/constants.js";import"../Field/FieldClearButton.js";import{FieldDescription as u}from"../Field/FieldDescription.js";import{FieldErrorMessage as p}from"../Field/FieldErrorMessage.js";import{FieldGroup as b}from"../FieldGroup/FieldGroup.js";import{Flex as f}from"../Flex/Flex.js";import{Label as g}from"../Label/Label.js";import{splitPrimitiveProps as F}from"../shared/styleUtils.js";import{View as h}from"../View/View.js";import{useStableId as S}from"../utils/useStableId.js";const C="slider-label",j="slider-root",k="slider-track",v="slider-range",y=d.forwardRef(((C,j)=>{var{ariaValuetext:k,className:v,defaultValue:y,descriptiveText:T,emptyTrackColor:V,errorMessage:x,filledTrackColor:N,formatValue:E,hasError:O=!1,id:z,isDisabled:H,isValueHidden:R=!1,label:I,labelHidden:M=!1,onChange:w,orientation:D="horizontal",outerEndComponent:G,outerStartComponent:L,testId:B,thumbColor:P,trackSize:U,dir:q,value:A,size:J}=C,K=e(C,["ariaValuetext","className","defaultValue","descriptiveText","emptyTrackColor","errorMessage","filledTrackColor","formatValue","hasError","id","isDisabled","isValueHidden","label","labelHidden","onChange","orientation","outerEndComponent","outerStartComponent","testId","thumbColor","trackSize","dir","value","size"]);const Q=S(z),W=S(),X=S(),Y=T?X:void 0,{styleProps:Z,rest:$}=F(K),_=void 0!==A,[ee,re]=d.useState(_?A:y),ie=_?[A]:void 0,ae=_?void 0:[y],le=d.useCallback((e=>{re(e[0]),n(w)&&w(e[0])}),[w]),te=d.useMemo((()=>{const e=n(E)?E(ee):ee;return"string"==typeof E?r(h,Object.assign({as:"span"},{children:e})):e}),[ee,E]),oe="vertical"===D,se=a(c.SliderFieldTrack,m(c.SliderFieldTrack,D),m(c.SliderFieldTrack,J)),de=a(c.SliderFieldRoot,m(c.SliderFieldRoot,D),m(c.SliderFieldRoot,J),v);return i(f,Object.assign({className:a(c.Field,c.SliderField),testId:B,"data-size":J},Z,{children:[i(g,Object.assign({className:c.SliderFieldLabel,id:W,testId:"slider-label",visuallyHidden:M},{children:[r(h,Object.assign({as:"span"},{children:I})),R?null:te]})),r(u,{id:X,labelHidden:M,descriptiveText:T}),r(b,Object.assign({className:c.SliderFieldGroup,id:Q,orientation:D,outerStartComponent:L,outerEndComponent:G},{children:i(l,Object.assign({className:de,"data-testid":"slider-root",disabled:H,defaultValue:ae,onValueChange:le,orientation:D,ref:j,value:ie},$,{children:[r(t,Object.assign({className:se,"data-testid":"slider-track",style:{backgroundColor:String(V),[""+(oe?"width":"height")]:U}},{children:r(o,{className:a(c.SliderFieldRange,m(c.SliderFieldRange,D)),"data-testid":"slider-range",style:{backgroundColor:String(N)}})})),r(s,{"aria-describedby":Y,"aria-labelledby":W,"aria-valuetext":k,className:a(c.SliderFieldThumb,m(c.SliderFieldThumb,J)),style:{backgroundColor:String(P)}})]}))})),r(p,{hasError:O,errorMessage:x})]}))}));y.displayName="SliderField";export{C as SLIDER_LABEL_TEST_ID,v as SLIDER_RANGE_TEST_ID,j as SLIDER_ROOT_TEST_ID,k as SLIDER_TRACK_TEST_ID,y as SliderField};

package/dist/esm/primitives/StepperField/StepperField.js

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

package/dist/esm/primitives/SwitchField/SwitchField.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import*as a from"react";import r from"classnames";import{classNameModifierByFlag as s,classNameModifier as t}from"../shared/utils.js";import{ComponentClassNames as i}from"../shared/constants.js";import{Flex as o}from"../Flex/Flex.js";import"../Field/FieldClearButton.js";import"../Field/FieldDescription.js";import{FieldErrorMessage as l}from"../Field/FieldErrorMessage.js";import{Input as c}from"../Input/Input.js";import{Label as d}from"../Label/Label.js";import{useStableId as m}from"../utils/useStableId.js";import{useSwitch as n}from"./useSwitch.js";import{View as h}from"../View/View.js";import{VisuallyHidden as b}from"../VisuallyHidden/VisuallyHidden.js";const p=a.forwardRef(((p,u)=>{var{className:k,defaultChecked:f,id:C,isChecked:w,isDisabled:S,isLabelHidden:F,label:j,labelPosition:g,name:E,onChange:N,size:T,thumbColor:H,trackCheckedColor:L,trackColor:v,value:x,hasError:y,errorMessage:D}=p,I=e(p,["className","defaultChecked","id","isChecked","isDisabled","isLabelHidden","label","labelPosition","name","onChange","size","thumbColor","trackCheckedColor","trackColor","value","hasError","errorMessage"]);const{isOn:M,changeHandler:V,isFocused:z,setIsFocused:B}=n({onChange:N,isChecked:w,defaultChecked:f,isDisabled:S}),O=m(C),P=F?b:h,W=r(i.SwitchTrack,s(i.SwitchTrack,"checked",M),s(i.SwitchTrack,"disabled",S),s(i.SwitchTrack,"focused",z),s(i.SwitchTrack,"error",y)),R=r(i.SwitchThumb,s(i.SwitchThumb,"checked",M),s(i.SwitchThumb,"disabled",S));return a.createElement(o,Object.assign({className:r(i.SwitchField,t(i.SwitchField,T),k),"data-size":T,"data-label-position":g,ref:u},I),a.createElement(b,null,a.createElement(c,{role:"switch",type:"checkbox",id:O,onChange:V,disabled:S,name:E,checked:M,value:x,onFocus:()=>{B(!0)},onBlur:()=>{B(!1)}})),a.createElement(d,{htmlFor:O,className:r(i.SwitchWrapper,t(i.SwitchWrapper,g)),"data-label-position":g},a.createElement(P,{as:"span",className:i.SwitchLabel},j),a.createElement(h,{as:"span",className:W,"data-checked":M,"data-disabled":S,"data-focused":z,backgroundColor:M?L:v},a.createElement(h,{as:"span",className:R,"data-checked":M,"data-disabled":S,backgroundColor:H}))),a.createElement(l,{hasError:y,errorMessage:D}))}));p.displayName="SwitchField";export{p as SwitchField};
+import{__rest as e}from"tslib";import{jsxs as a,jsx as s}from"react/jsx-runtime";import*as r from"react";import i from"classnames";import{classNameModifierByFlag as o,classNameModifier as t}from"../shared/utils.js";import{ComponentClassNames as l}from"../shared/constants.js";import{Flex as c}from"../Flex/Flex.js";import"../Field/FieldClearButton.js";import"../Field/FieldDescription.js";import{FieldErrorMessage as d}from"../Field/FieldErrorMessage.js";import{Input as h}from"../Input/Input.js";import{Label as m}from"../Label/Label.js";import{useStableId as n}from"../utils/useStableId.js";import{useSwitch as b}from"./useSwitch.js";import{View as p}from"../View/View.js";import{VisuallyHidden as u}from"../VisuallyHidden/VisuallyHidden.js";const k=r.forwardRef(((r,k)=>{var{className:f,defaultChecked:C,id:w,isChecked:j,isDisabled:S,isLabelHidden:g,label:F,labelPosition:N,name:T,onChange:x,size:H,thumbColor:L,trackCheckedColor:O,trackColor:v,value:y,hasError:D,errorMessage:E}=r,I=e(r,["className","defaultChecked","id","isChecked","isDisabled","isLabelHidden","label","labelPosition","name","onChange","size","thumbColor","trackCheckedColor","trackColor","value","hasError","errorMessage"]);const{isOn:M,changeHandler:V,isFocused:z,setIsFocused:B}=b({onChange:x,isChecked:j,defaultChecked:C,isDisabled:S}),P=n(w),W=g?u:p,R=i(l.SwitchTrack,o(l.SwitchTrack,"checked",M),o(l.SwitchTrack,"disabled",S),o(l.SwitchTrack,"focused",z),o(l.SwitchTrack,"error",D)),q=i(l.SwitchThumb,o(l.SwitchThumb,"checked",M),o(l.SwitchThumb,"disabled",S));return a(c,Object.assign({className:i(l.SwitchField,t(l.SwitchField,H),f),"data-size":H,"data-label-position":N,ref:k},I,{children:[s(u,{children:s(h,{role:"switch",type:"checkbox",id:P,onChange:V,disabled:S,name:T,checked:M,value:y,onFocus:()=>{B(!0)},onBlur:()=>{B(!1)}})}),a(m,Object.assign({htmlFor:P,className:i(l.SwitchWrapper,t(l.SwitchWrapper,N)),"data-label-position":N},{children:[s(W,Object.assign({as:"span",className:l.SwitchLabel},{children:F})),s(p,Object.assign({as:"span",className:R,"data-checked":M,"data-disabled":S,"data-focused":z,backgroundColor:M?O:v},{children:s(p,{as:"span",className:q,"data-checked":M,"data-disabled":S,backgroundColor:L})}))]})),s(d,{hasError:D,errorMessage:E})]}))}));k.displayName="SwitchField";export{k as SwitchField};

package/dist/esm/primitives/Table/Table.js

@@ -1 +1 @@
-import{__rest as a}from"tslib";import*as e from"react";import t from"classnames";import{classNameModifier as i}from"../shared/utils.js";import{ComponentClassNames as r}from"../shared/constants.js";import{View as s}from"../View/View.js";const o=e.forwardRef(((o,l)=>{var{caption:n,children:m,className:c,highlightOnHover:h=!1,size:p,variation:d}=o,f=a(o,["caption","children","className","highlightOnHover","size","variation"]);const b=t(r.Table,i(r.Table,p),i(r.Table,d),c);return e.createElement(s,Object.assign({as:"table",className:b,"data-highlightonhover":h,"data-size":p,"data-variation":d,ref:l},f),n&&e.createElement(s,{as:"caption",className:r.TableCaption},n),m)}));o.displayName="Table";export{o as Table};
+import{__rest as a}from"tslib";import{jsxs as i,jsx as r}from"react/jsx-runtime";import*as e from"react";import s from"classnames";import{classNameModifier as t}from"../shared/utils.js";import{ComponentClassNames as o}from"../shared/constants.js";import{View as n}from"../View/View.js";const l=e.forwardRef(((e,l)=>{var{caption:m,children:c,className:h,highlightOnHover:p=!1,size:d,variation:f}=e,b=a(e,["caption","children","className","highlightOnHover","size","variation"]);const g=s(o.Table,t(o.Table,d),t(o.Table,f),h);return i(n,Object.assign({as:"table",className:g,"data-highlightonhover":p,"data-size":d,"data-variation":f,ref:l},b,{children:[m&&r(n,Object.assign({as:"caption",className:o.TableCaption},{children:m})),c]}))}));l.displayName="Table";export{l as Table};

package/dist/esm/primitives/Table/TableBody.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import*as r from"react";import a from"classnames";import{ComponentClassNames as s}from"../shared/constants.js";import{View as o}from"../View/View.js";const m=r.forwardRef(((m,t)=>{var{children:i,className:c}=m,l=e(m,["children","className"]);return r.createElement(o,Object.assign({as:"tbody",className:a(s.TableBody,c),ref:t},l),i)}));m.displayName="TableBody";export{m as TableBody};
+import{__rest as r}from"tslib";import{jsx as s}from"react/jsx-runtime";import*as a from"react";import e from"classnames";import{ComponentClassNames as o}from"../shared/constants.js";import{View as m}from"../View/View.js";const t=a.forwardRef(((a,t)=>{var{children:i,className:c}=a,l=r(a,["children","className"]);return s(m,Object.assign({as:"tbody",className:e(o.TableBody,c),ref:t},l,{children:i}))}));t.displayName="TableBody";export{t as TableBody};

package/dist/esm/primitives/Table/TableCell.js

@@ -1 +1 @@
-import{__rest as a}from"tslib";import*as e from"react";import s from"classnames";import{ComponentClassNames as r}from"../shared/constants.js";import{View as t}from"../View/View.js";const m=e.forwardRef(((m,l)=>{var{as:o="td",children:i,className:c}=m,n=a(m,["as","children","className"]);return e.createElement(t,Object.assign({as:o,className:s("td"===o?r.TableTd:r.TableTh,c),ref:l},n),i)}));m.displayName="TableCell";export{m as TableCell};
+import{__rest as r}from"tslib";import{jsx as a}from"react/jsx-runtime";import*as s from"react";import e from"classnames";import{ComponentClassNames as m}from"../shared/constants.js";import{View as t}from"../View/View.js";const o=s.forwardRef(((s,o)=>{var{as:i="td",children:l,className:c}=s,n=r(s,["as","children","className"]);return a(t,Object.assign({as:i,className:e("td"===i?m.TableTd:m.TableTh,c),ref:o},n,{children:l}))}));o.displayName="TableCell";export{o as TableCell};

package/dist/esm/primitives/Table/TableFoot.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import*as r from"react";import a from"classnames";import{ComponentClassNames as s}from"../shared/constants.js";import{View as o}from"../View/View.js";const t=r.forwardRef(((t,m)=>{var{children:i,className:c}=t,l=e(t,["children","className"]);return r.createElement(o,Object.assign({as:"tfoot",className:a(s.TableFoot,c),ref:m},l),i)}));t.displayName="TableFoot";export{t as TableFoot};
+import{__rest as r}from"tslib";import{jsx as o}from"react/jsx-runtime";import*as s from"react";import a from"classnames";import{ComponentClassNames as e}from"../shared/constants.js";import{View as t}from"../View/View.js";const m=s.forwardRef(((s,m)=>{var{children:i,className:c}=s,l=r(s,["children","className"]);return o(t,Object.assign({as:"tfoot",className:a(e.TableFoot,c),ref:m},l,{children:i}))}));m.displayName="TableFoot";export{m as TableFoot};

package/dist/esm/primitives/Table/TableHead.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import*as a from"react";import r from"classnames";import{ComponentClassNames as s}from"../shared/constants.js";import{View as m}from"../View/View.js";const t=a.forwardRef(((t,o)=>{var{children:i,className:c}=t,l=e(t,["children","className"]);return a.createElement(m,Object.assign({as:"thead",className:r(s.TableHead,c),ref:o},l),i)}));t.displayName="TableHead";export{t as TableHead};
+import{__rest as r}from"tslib";import{jsx as a}from"react/jsx-runtime";import*as e from"react";import s from"classnames";import{ComponentClassNames as m}from"../shared/constants.js";import{View as t}from"../View/View.js";const o=e.forwardRef(((e,o)=>{var{children:i,className:c}=e,l=r(e,["children","className"]);return a(t,Object.assign({as:"thead",className:s(m.TableHead,c),ref:o},l,{children:i}))}));o.displayName="TableHead";export{o as TableHead};

package/dist/esm/primitives/Table/TableRow.js

@@ -1 +1 @@
-import{__rest as r}from"tslib";import e from"classnames";import*as a from"react";import{ComponentClassNames as s}from"../shared/constants.js";import{View as m}from"../View/View.js";const o=a.forwardRef(((o,t)=>{var{children:i,className:c}=o,l=r(o,["children","className"]);return a.createElement(m,Object.assign({as:"tr",className:e(s.TableRow,c),ref:t},l),i)}));o.displayName="TableRow";export{o as TableRow};
+import{__rest as r}from"tslib";import{jsx as s}from"react/jsx-runtime";import a from"classnames";import*as e from"react";import{ComponentClassNames as m}from"../shared/constants.js";import{View as o}from"../View/View.js";const t=e.forwardRef(((e,t)=>{var{children:i,className:c}=e,l=r(e,["children","className"]);return s(o,Object.assign({as:"tr",className:a(m.TableRow,c),ref:t},l,{children:i}))}));t.displayName="TableRow";export{t as TableRow};

package/dist/esm/primitives/Tabs/Tabs.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import a from"classnames";import{Root as t,List as r,Content as n,Trigger as s}from"@radix-ui/react-tabs";import*as l from"react";import{ComponentClassNames as i}from"../shared/constants.js";import{Flex as o}from"../Flex/Flex.js";import{View as c}from"../View/View.js";const m=e=>null!==e&&"object"==typeof e&&e.hasOwnProperty("props")&&null!=e.props.title,p=l.forwardRef(((s,c)=>{var{ariaLabel:p,children:d,className:f,defaultIndex:u=0,currentIndex:b,onChange:g,indicatorPosition:h,spacing:y}=s,x=e(s,["ariaLabel","children","className","defaultIndex","currentIndex","onChange","indicatorPosition","spacing"]);const I=l.Children.map(d,(e=>null===e||"string"==typeof e&&/\s/.test(e)?{}:m(e)?e.props:(console.warn("Amplify UI: <Tabs> component only accepts <TabItem> as children."),{}))),N={defaultValue:u.toString(),value:null!=b?b.toString():void 0,onValueChange:g};return l.createElement(t,Object.assign({},N),l.createElement(r,{"aria-label":p},l.createElement(o,Object.assign({className:a(i.Tabs,f),"data-indicator-position":h,ref:c},x),l.Children.map(d,((e,a)=>m(e)?l.cloneElement(e,{"data-spacing":y,key:a,value:`${a}`}):null)))),I.map(((e,a)=>l.createElement(n,{key:a,value:`${a}`},e.children))))})),d=l.forwardRef(((t,r)=>{var{className:n,title:o}=t,m=e(t,["className","title"]);return l.createElement(c,Object.assign({as:s,className:a(i.TabItems,n),ref:r},m),o)}));p.displayName="Tabs",d.displayName="TabItem";export{d as TabItem,p as Tabs};
+import{__rest as a}from"tslib";import{jsxs as e,jsx as r}from"react/jsx-runtime";import t from"classnames";import{Root as n,List as s,Content as i,Trigger as l}from"@radix-ui/react-tabs";import*as o from"react";import{ComponentClassNames as c}from"../shared/constants.js";import{Flex as m}from"../Flex/Flex.js";import{View as d}from"../View/View.js";const p=a=>null!==a&&"object"==typeof a&&a.hasOwnProperty("props")&&null!=a.props.title,f=o.forwardRef(((l,d)=>{var{ariaLabel:f,children:u,className:b,defaultIndex:h=0,currentIndex:g,onChange:j,indicatorPosition:x,spacing:y}=l,I=a(l,["ariaLabel","children","className","defaultIndex","currentIndex","onChange","indicatorPosition","spacing"]);const N=o.Children.map(u,(a=>null===a||"string"==typeof a&&/\s/.test(a)?{}:p(a)?a.props:(console.warn("Amplify UI: <Tabs> component only accepts <TabItem> as children."),{}))),v={defaultValue:h.toString(),value:null!=g?g.toString():void 0,onValueChange:j};return e(n,Object.assign({},v,{children:[r(s,Object.assign({"aria-label":f},{children:r(m,Object.assign({className:t(c.Tabs,b),"data-indicator-position":x,ref:d},I,{children:o.Children.map(u,((a,e)=>p(a)?o.cloneElement(a,{"data-spacing":y,key:e,value:`${e}`}):null))}))})),N.map(((a,e)=>r(i,Object.assign({value:`${e}`},{children:a.children}),e)))]}))})),u=o.forwardRef(((e,n)=>{var{className:s,title:i}=e,o=a(e,["className","title"]);return r(d,Object.assign({as:l,className:t(c.TabItems,s),ref:n},o,{children:i}))}));f.displayName="Tabs",u.displayName="TabItem";export{u as TabItem,f as Tabs};

package/dist/esm/primitives/Text/Text.js

@@ -1 +1 @@
-import{__rest as a}from"tslib";import*as t from"react";import r from"classnames";import{classNameModifier as e,classNameModifierByFlag as s}from"../shared/utils.js";import{ComponentClassNames as i}from"../shared/constants.js";import{View as o}from"../View/View.js";const m=t.forwardRef(((m,n)=>{var{as:c="p",className:d,children:l,isTruncated:f,variation:p}=m,u=a(m,["as","className","children","isTruncated","variation"]);const T=r(i.Text,e(i.Text,p),s(i.Text,"truncated",f),d);return t.createElement(o,Object.assign({as:c,className:T,"data-truncate":f,"data-variation":p,ref:n},u),l)}));m.displayName="Text";export{m as Text};
+import{__rest as a}from"tslib";import{jsx as r}from"react/jsx-runtime";import*as t from"react";import s from"classnames";import{classNameModifier as e,classNameModifierByFlag as i}from"../shared/utils.js";import{ComponentClassNames as o}from"../shared/constants.js";import{View as m}from"../View/View.js";const n=t.forwardRef(((t,n)=>{var{as:c="p",className:d,children:f,isTruncated:l,variation:p}=t,u=a(t,["as","className","children","isTruncated","variation"]);const x=s(o.Text,e(o.Text,p),i(o.Text,"truncated",l),d);return r(m,Object.assign({as:c,className:x,"data-truncate":l,"data-variation":p,ref:n},u,{children:f}))}));n.displayName="Text";export{n as Text};

package/dist/esm/primitives/TextArea/TextArea.js

@@ -1 +1 @@
-import{__rest as a}from"tslib";import*as r from"react";import e from"classnames";import{classNameModifier as s,classNameModifierByFlag as i}from"../shared/utils.js";import{ComponentClassNames as t}from"../shared/constants.js";import{View as o}from"../View/View.js";const m=r.forwardRef(((m,n)=>{var{className:d,isReadOnly:l,isRequired:c,size:f,hasError:p=!1,variation:x}=m,u=a(m,["className","isReadOnly","isRequired","size","hasError","variation"]);const v=e(t.Textarea,t.FieldGroupControl,s(t.Textarea,x),s(t.Textarea,f),i(t.Textarea,"error",p),d);return r.createElement(o,Object.assign({"aria-invalid":p,as:"textarea",className:v,"data-size":f,"data-variation":x,readOnly:l,ref:n,required:c},u))}));m.displayName="TextArea";export{m as TextArea};
+import{__rest as r}from"tslib";import{jsx as a}from"react/jsx-runtime";import*as e from"react";import s from"classnames";import{classNameModifier as i,classNameModifierByFlag as t}from"../shared/utils.js";import{ComponentClassNames as o}from"../shared/constants.js";import{View as m}from"../View/View.js";const n=e.forwardRef(((e,n)=>{var{className:d,isReadOnly:l,isRequired:c,size:f,hasError:p=!1,variation:x}=e,u=r(e,["className","isReadOnly","isRequired","size","hasError","variation"]);const j=s(o.Textarea,o.FieldGroupControl,i(o.Textarea,x),i(o.Textarea,f),t(o.Textarea,"error",p),d);return a(m,Object.assign({"aria-invalid":p,as:"textarea",className:j,"data-size":f,"data-variation":x,readOnly:l,ref:n,required:c},u))}));n.displayName="TextArea";export{n as TextArea};

package/dist/esm/primitives/TextAreaField/TextAreaField.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import*as t from"react";import r from"classnames";import{ComponentClassNames as i}from"../shared/constants.js";import"../Field/FieldClearButton.js";import{FieldDescription as s}from"../Field/FieldDescription.js";import{FieldErrorMessage as o}from"../Field/FieldErrorMessage.js";import{Flex as a}from"../Flex/Flex.js";import{Label as l}from"../Label/Label.js";import{splitPrimitiveProps as d}from"../shared/styleUtils.js";import{TextArea as m}from"../TextArea/TextArea.js";import{useStableId as n}from"../utils/useStableId.js";const p=3,f=t.forwardRef(((p,f)=>{const{className:c,descriptiveText:h,errorMessage:g,hasError:b=!1,id:F,label:j,labelHidden:x=!1,rows:E,size:w,testId:T,alignSelf:u,bottom:y,height:S,left:v,padding:z,position:A,right:H,top:I,width:M}=p,N=e(p,["className","descriptiveText","errorMessage","hasError","id","label","labelHidden","rows","size","testId","alignSelf","bottom","height","left","padding","position","right","top","width"]),C=n(F),L=n(),O=h?L:void 0,{flexContainerStyleProps:P,baseStyleProps:B,rest:D}=d(N);return t.createElement(a,Object.assign({alignSelf:u,className:r(i.Field,i.TextAreaField,c),"data-size":w,height:S,testId:T,width:M,bottom:y,left:v,right:H,top:I,position:A,padding:z},P),t.createElement(l,{htmlFor:C,visuallyHidden:x},j),t.createElement(s,{id:L,labelHidden:x,descriptiveText:h}),t.createElement(m,Object.assign({"aria-describedby":O,hasError:b,id:C,ref:f,rows:null!=E?E:3,size:w},B,D)),t.createElement(o,{hasError:b,errorMessage:g}))}));f.displayName="TextAreaField";export{p as DEFAULT_ROW_COUNT,f as TextAreaField};
+import{__rest as e}from"tslib";import{jsxs as r,jsx as s}from"react/jsx-runtime";import*as i from"react";import t from"classnames";import{ComponentClassNames as a}from"../shared/constants.js";import"../Field/FieldClearButton.js";import{FieldDescription as o}from"../Field/FieldDescription.js";import{FieldErrorMessage as l}from"../Field/FieldErrorMessage.js";import{Flex as d}from"../Flex/Flex.js";import{Label as m}from"../Label/Label.js";import{splitPrimitiveProps as p}from"../shared/styleUtils.js";import{TextArea as n}from"../TextArea/TextArea.js";import{useStableId as c}from"../utils/useStableId.js";const f=3,b=i.forwardRef(((i,f)=>{const{className:b,descriptiveText:j,errorMessage:F,hasError:x=!1,id:h,label:u,labelHidden:g=!1,rows:y,size:z,testId:T,inputStyles:v,resize:E}=i,w=e(i,["className","descriptiveText","errorMessage","hasError","id","label","labelHidden","rows","size","testId","inputStyles","resize"]),A=c(h),H=c(),I=j?H:void 0,{styleProps:M,rest:N}=p(w);return r(d,Object.assign({className:t(a.Field,a.TextAreaField,b),"data-size":z,testId:T},M,{children:[s(m,Object.assign({htmlFor:A,visuallyHidden:g},{children:u})),s(o,{id:H,labelHidden:g,descriptiveText:j}),s(n,Object.assign({"aria-describedby":I,hasError:x,id:A,ref:f,rows:null!=y?y:3,size:z,resize:E},N,v)),s(l,{hasError:x,errorMessage:F})]}))}));b.displayName="TextAreaField";export{f as DEFAULT_ROW_COUNT,b as TextAreaField};

package/dist/esm/primitives/TextField/TextField.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import*as t from"react";import r from"classnames";import{classNameModifier as i}from"../shared/utils.js";import{ComponentClassNames as o}from"../shared/constants.js";import{splitPrimitiveProps as n}from"../shared/styleUtils.js";import"../Field/FieldClearButton.js";import{FieldDescription as s}from"../Field/FieldDescription.js";import{FieldErrorMessage as a}from"../Field/FieldErrorMessage.js";import{FieldGroup as l}from"../FieldGroup/FieldGroup.js";import{Flex as d}from"../Flex/Flex.js";import{Input as m}from"../Input/Input.js";import{Label as p}from"../Label/Label.js";import{isTextAreaField as f,isTextAreaRef as c,isInputField as u,isInputRef as h}from"./utils.js";import{TextArea as b}from"../TextArea/TextArea.js";import{useStableId as g}from"../utils/useStableId.js";import{useDeprecationWarning as E}from"../../hooks/useDeprecationWarning.js";const j=3,F=(j,F)=>{const{className:x,descriptiveText:C,errorMessage:v,hasError:y=!1,id:S,label:T,labelHidden:w=!1,outerEndComponent:M,outerStartComponent:I,innerStartComponent:z,innerEndComponent:H,isMultiline:N,type:A,size:L,testId:O,variation:P,alignSelf:D,bottom:G,height:W,left:k,padding:B,position:R,right:U,top:q,width:J}=j,K=e(j,["className","descriptiveText","errorMessage","hasError","id","label","labelHidden","outerEndComponent","outerStartComponent","innerStartComponent","innerEndComponent","isMultiline","type","size","testId","variation","alignSelf","bottom","height","left","padding","position","right","top","width"]),Q=g(S),V=g(),X=C?V:void 0,{flexContainerStyleProps:Y,baseStyleProps:Z,rest:$}=n(K);E({shouldWarn:j.isMultiline,message:"TextField isMultiLine prop will be deprecated in next major release of @aws-amplify/ui-react. Please use TextAreaField component instead."});let _=null;if(f(j)){const{rows:e}=j;_=t.createElement(b,Object.assign({"aria-describedby":X,hasError:y,id:Q,ref:c(j)?F:void 0,rows:null!=e?e:3,size:L,variation:P},Z,$))}else if(u(j)){const{type:e="text"}=j;_=t.createElement(m,Object.assign({"aria-describedby":X,hasError:y,id:Q,ref:h(j)?F:void 0,size:L,type:e,variation:P},Z,$))}return t.createElement(d,Object.assign({alignSelf:D,className:r(o.Field,i(o.Field,L),o.TextField,x),bottom:G,"data-size":L,height:W,left:k,padding:B,position:R,right:U,testId:O,top:q,width:J},Y),t.createElement(p,{htmlFor:Q,visuallyHidden:w},T),t.createElement(s,{id:V,labelHidden:w,descriptiveText:C}),t.createElement(l,{outerStartComponent:I,outerEndComponent:M,innerStartComponent:z,innerEndComponent:H,variation:P},_),t.createElement(a,{hasError:y,errorMessage:v}))},x=t.forwardRef(F);F.displayName="TextField";export{j as DEFAULT_ROW_COUNT,x as TextField};
+import{__rest as e}from"tslib";import{jsxs as r,jsx as t}from"react/jsx-runtime";import*as o from"react";import i from"classnames";import{classNameModifier as s}from"../shared/utils.js";import{ComponentClassNames as n}from"../shared/constants.js";import"../Field/FieldClearButton.js";import{FieldDescription as a}from"../Field/FieldDescription.js";import{FieldErrorMessage as d}from"../Field/FieldErrorMessage.js";import{FieldGroup as m}from"../FieldGroup/FieldGroup.js";import{Flex as l}from"../Flex/Flex.js";import{Input as p}from"../Input/Input.js";import{Label as c}from"../Label/Label.js";import{splitPrimitiveProps as u}from"../shared/styleUtils.js";import{useStableId as f}from"../utils/useStableId.js";const j=o.forwardRef(((o,j)=>{const{className:b,descriptiveText:F,errorMessage:C,hasError:h=!1,id:E,innerEndComponent:v,innerStartComponent:x,label:S,labelHidden:g=!1,outerEndComponent:y,outerStartComponent:I,size:T,testId:z,variation:H,inputStyles:M}=o,N=e(o,["className","descriptiveText","errorMessage","hasError","id","innerEndComponent","innerStartComponent","label","labelHidden","outerEndComponent","outerStartComponent","size","testId","variation","inputStyles"]),O=f(E),G=f(),L=F?G:void 0,{styleProps:w,rest:B}=u(N);return r(l,Object.assign({className:i(n.Field,s(n.Field,T),n.TextField,b),"data-size":T,testId:z},w,{children:[t(c,Object.assign({htmlFor:O,visuallyHidden:g},{children:S})),t(a,{id:G,labelHidden:g,descriptiveText:F}),t(m,Object.assign({outerStartComponent:I,outerEndComponent:y,innerStartComponent:x,innerEndComponent:v,variation:H},{children:t(p,Object.assign({"aria-describedby":L,hasError:h,id:O,ref:j,size:T,variation:H},M,B))})),t(d,{hasError:h,errorMessage:C})]}))}));j.displayName="TextField";export{j as TextField};

package/dist/esm/primitives/ToggleButton/ToggleButton.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import s from"classnames";import*as o from"react";import{classNameModifier as t,classNameModifierByFlag as a}from"../shared/utils.js";import{Button as r}from"../Button/Button.js";import{ComponentClassNames as i}from"../shared/constants.js";import{useToggleButton as n}from"./useToggleButton.js";const l=o.forwardRef(((l,d)=>{var{className:m,children:c,defaultPressed:u=!1,isDisabled:g,isPressed:f,onChange:p,onClick:h,size:C,value:v,variation:B}=l,P=e(l,["className","children","defaultPressed","isDisabled","isPressed","onChange","onClick","size","value","variation"]);const{isPressed:b,handleClick:j}=n({isPressed:f,defaultPressed:u,onChange:p,onClick:h,value:v}),k=s(i.ToggleButton,t(i.ToggleButton,B),a(i.ToggleButton,"pressed",b),m);return o.createElement(r,Object.assign({"aria-pressed":b,className:k,isDisabled:g,onClick:j,ref:d,size:C,type:"button",variation:B},P),c)}));l.displayName="ToggleButton";export{l as ToggleButton};
+import{__rest as e}from"tslib";import{jsx as s}from"react/jsx-runtime";import o from"classnames";import*as r from"react";import{classNameModifier as t,classNameModifierByFlag as i}from"../shared/utils.js";import{Button as a}from"../Button/Button.js";import{ComponentClassNames as n}from"../shared/constants.js";import{useToggleButton as l}from"./useToggleButton.js";const d=r.forwardRef(((r,d)=>{var{className:m,children:c,defaultPressed:u=!1,isDisabled:f,isPressed:g,onChange:p,onClick:h,size:C,value:v,variation:B}=r,P=e(r,["className","children","defaultPressed","isDisabled","isPressed","onChange","onClick","size","value","variation"]);const{isPressed:b,handleClick:j}=l({isPressed:g,defaultPressed:u,onChange:p,onClick:h,value:v}),k=o(n.ToggleButton,t(n.ToggleButton,B),i(n.ToggleButton,"pressed",b),m);return s(a,Object.assign({"aria-pressed":b,className:k,isDisabled:f,onClick:j,ref:d,size:C,type:"button",variation:B},P,{children:c}))}));d.displayName="ToggleButton";export{d as ToggleButton};

package/dist/esm/primitives/ToggleButtonGroup/ToggleButtonGroup.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import o from"classnames";import*as s from"react";import{ComponentClassNames as r}from"../shared/constants.js";import{Flex as i}from"../Flex/Flex.js";import{useToggleButtonGroup as a}from"./useToggleButtonGroup.js";const t=s.forwardRef(((t,l)=>{var{children:n,className:m,isExclusive:c,isSelectionRequired:u,onChange:p,size:d,value:g,variation:v}=t,f=e(t,["children","className","isExclusive","isSelectionRequired","onChange","size","value","variation"]);const h=a(p,g,c,u);return s.createElement(i,Object.assign({className:o(r.ToggleButtonGroup,m),ref:l,role:"group"},f),s.Children.map(n,(e=>s.isValidElement(e)?s.cloneElement(e,{isPressed:c?g===e.props.value:g.includes(e.props.value),onChange:h,size:d,variation:v}):e)))}));t.displayName="ToggleButtonGroup";export{t as ToggleButtonGroup};
+import{__rest as e}from"tslib";import{jsx as r}from"react/jsx-runtime";import o from"classnames";import*as s from"react";import{ComponentClassNames as i}from"../shared/constants.js";import{Flex as a}from"../Flex/Flex.js";import{useToggleButtonGroup as t}from"./useToggleButtonGroup.js";const n=s.forwardRef(((n,l)=>{var{children:m,className:c,isExclusive:u,isSelectionRequired:p,onChange:d,size:g,value:f,variation:v}=n,h=e(n,["children","className","isExclusive","isSelectionRequired","onChange","size","value","variation"]);const x=t(d,f,u,p);return r(a,Object.assign({className:o(i.ToggleButtonGroup,c),ref:l,role:"group"},h,{children:s.Children.map(m,(e=>s.isValidElement(e)?s.cloneElement(e,{isPressed:u?f===e.props.value:f.includes(e.props.value),onChange:x,size:g,variation:v}):e))}))}));n.displayName="ToggleButtonGroup";export{n as ToggleButtonGroup};

package/dist/esm/primitives/VisuallyHidden/VisuallyHidden.js

@@ -1 +1 @@
-import{__rest as s}from"tslib";import*as a from"react";import e from"classnames";import{ComponentClassNames as r}from"../shared/constants.js";import{View as i}from"../View/View.js";const m=a.forwardRef(((m,t)=>{var{as:o="span",children:l,className:n}=m,c=s(m,["as","children","className"]);return a.createElement(i,Object.assign({as:o,className:e(r.VisuallyHidden,n),ref:t},c),l)}));m.displayName="VisuallyHidden";export{m as VisuallyHidden};
+import{__rest as s}from"tslib";import{jsx as r}from"react/jsx-runtime";import*as a from"react";import e from"classnames";import{ComponentClassNames as i}from"../shared/constants.js";import{View as m}from"../View/View.js";const o=a.forwardRef(((a,o)=>{var{as:t="span",children:l,className:n}=a,c=s(a,["as","children","className"]);return r(m,Object.assign({as:t,className:e(i.VisuallyHidden,n),ref:o},c,{children:l}))}));o.displayName="VisuallyHidden";export{o as VisuallyHidden};

package/dist/esm/primitives/shared/constants.js

@@ -1 +1 @@
-import{ComponentClassName as e}from"@aws-amplify/ui";const a={Alert:{className:e.Alert,components:["Alert"],description:"Top level element that wraps the Alert primitive"},AlertIcon:{className:e.AlertIcon,components:["Alert"],description:"Class applied to Icon component within the Alert primitive"},AlertHeading:{className:e.AlertHeading,components:["Alert"],description:"Class applied to the heading View"},AlertBody:{className:e.AlertBody,components:["Alert"],description:"Class applied to the body View"},AlertDismiss:{className:e.AlertDismiss,components:["Alert"],description:"Class applied to the close Button"},Autocomplete:{className:e.Autocomplete,components:["Autocomplete"],description:"Top level element that wraps the Autocomplete primitive"},AutocompleteMenu:{className:e.AutocompleteMenu,components:["Autocomplete"],description:"Top level element that wraps the dropdown menu"},AutocompleteMenuEmpty:{className:e.AutocompleteMenuEmpty,components:["Autocomplete"],description:"Class applied to the no options slot of menu"},AutocompleteMenuFooter:{className:e.AutocompleteMenuFooter,components:["Autocomplete"],description:"Class applied to menu footer"},AutocompleteMenuHeader:{className:e.AutocompleteMenuHeader,components:["Autocomplete"],description:"Class applied to menu header"},AutocompleteMenuLoading:{className:e.AutocompleteMenuLoading,components:["Autocomplete"],description:"Class applied to the loading slot of menu"},AutocompleteMenuOption:{className:e.AutocompleteMenuOption,components:["Autocomplete"],description:"Class applied to each li option"},AutocompleteMenuOptions:{className:e.AutocompleteMenuOptions,components:["Autocomplete"],description:"Class applied to ul container element"},Badge:{className:e.Badge,components:["Badge"],description:"Top level element that wraps the Badge component"},Button:{className:e.Button,components:["Button"],description:"Top level element that wraps the Button primitive"},ButtonGroup:{className:e.ButtonGroup},ButtonLoaderWrapper:{className:e.ButtonLoaderWrapper,components:["Button"],description:"Class applied to the Loader component within the Button Loading state"},Card:{className:e.Card,components:["Card"],description:"Top level element that wraps the Card primitive"},Checkbox:{className:e.Checkbox,components:["Checkbox"],description:"Top level element that wraps the Checkbox primitive"},CheckboxButton:{className:e.CheckboxButton,components:["Checkbox"],description:"Wrapper for the checked icon within the Checkbox primitive"},CheckboxIcon:{className:e.CheckboxIcon,components:["Checkbox"],description:"Class applied to the checked icon within the Checkbox primitive"},CheckboxInput:{className:e.CheckboxInput,components:["Checkbox"],description:"Class applied to the visually hidden checkbox input within the Checkbox primitive"},CheckboxLabel:{className:e.CheckboxLabel,components:["Checkbox"],description:"Class applied to the label within the Checkbox primitive"},CheckboxField:{className:e.CheckboxField,components:["CheckboxField"],description:"Top level element that wraps the CheckboxField primitive"},Collection:{className:e.Collection,components:["Collection"],description:"Top level element that wraps the Collection primitive"},CollectionItems:{className:e.CollectionItems,components:["Collection"],description:"Class applied to the element that wraps all the items in a collection"},CollectionSearch:{className:e.CollectionSearch,components:["Collection"],description:"Class applied to the element that wraps the collection search box"},CollectionPagination:{className:e.CollectionPagination,components:["Collection"],description:"Class applied to the element that wraps the pagination component in a collection"},CountryCodeSelect:{className:e.CountryCodeSelect,components:["PhoneNumberField"],description:"Class applied to the Dial Code Select within the PhoneNumberField primitive"},DialCodeSelect:{className:e.DialCodeSelect,components:["PhoneNumberField"],description:"Class applied to the Dial Code Select within the PhoneNumberField primitive"},Divider:{className:e.Divider,components:["Divider"],description:"Top level element that wraps the Divider primitive"},DividerLabel:{className:e.DividerLabel,components:["Divider"],description:"Class applied to the label of the Divider component"},Expander:{className:e.Expander,components:["Expander"],description:"Top level element that wraps the Expander primitive"},ExpanderContent:{className:e.ExpanderContent,components:["Expander"],description:"Expander content container"},ExpanderContentText:{className:e.ExpanderContentText,components:["Expander"],description:"Expander content text"},ExpanderHeader:{className:e.ExpanderHeader,components:["Expander"],description:"Expander item header"},ExpanderIcon:{className:e.ExpanderIcon,components:["Expander"],description:"Icon to indicate whether an item is expanded or collapsed"},ExpanderItem:{className:e.ExpanderItem,components:["Expander"],description:"Expander item(containier for header, trigger, and content)"},ExpanderTrigger:{className:e.ExpanderTrigger,components:["Expander"],description:"Expander item trigger(button)"},Field:{className:e.Field},FieldDescription:{className:e.FieldDescription},FieldErrorMessage:{className:e.FieldErrorMessage},FieldGroup:{className:e.FieldGroup},FieldGroupControl:{className:e.FieldGroupControl},FieldGroupOuterEnd:{className:e.FieldGroupOuterEnd},FieldGroupOuterStart:{className:e.FieldGroupOuterStart},FieldGroupInnerEnd:{className:e.FieldGroupInnerEnd},FieldGroupInnerStart:{className:e.FieldGroupInnerStart},FieldGroupIcon:{className:e.FieldGroupIcon},FieldGroupIconButton:{className:e.FieldGroupIconButton},FieldGroupHasInnerEnd:{className:e.FieldGroupHasInnerEnd},FieldGroupHasInnerStart:{className:e.FieldGroupHasInnerStart},FieldShowPassword:{className:e.FieldShowPassword},FieldGroupFieldWrapper:{className:e.FieldGroupFieldWrapper},Flex:{className:e.Flex,components:["Flex"],description:"Top level element that wraps the Flex primitive"},Grid:{className:e.Grid,components:["Grid"],description:"Top level element that wraps the Grid primitive"},Heading:{className:e.Heading,components:["Heading"],description:"Top level element that wraps the Heading primitive"},HighlightMatch:{className:e.HighlightMatch,components:["HighlightMatch"],description:"Top level element that wraps the HighlightMatch primitive"},HighlightMatchHighlighted:{className:e.HighlightMatchHighlighted,components:["HighlightMatch"],description:"Class applied to the highlighted text of the HighlightMatch primitive"},Icon:{className:e.Icon,components:["Icon"],description:"Top level element that wraps the Icon primitive"},Image:{className:e.Image,components:["Image"],description:"Top level element that wraps the Image primitive"},Input:{className:e.Input},Label:{className:e.Label},Link:{className:e.Link,components:["Link"],description:"Top level element that wraps the Link primitive"},Loader:{className:e.Loader,components:["Loader"],description:"Top level element that wraps the Loader primitive"},LoaderDeterminate:{className:e.LoaderDeterminate,components:["Loader"],description:"Class applied to a determinate loader"},LoaderPercentageText:{className:e.LoaderPercentageText,components:["Loader"],description:"Class applied to the percentage text of loader"},MenuContent:{className:e.MenuContent,components:["Menu"],description:"Menu content container (Flex)"},MenuItem:{className:e.MenuItem,components:["Menu"],description:"Menu item button (MenuButton, wrapped in amplify-menu-content class)"},MenuTrigger:{className:e.MenuTrigger,components:["Menu"],description:"Menu trigger button (MenuButton, not wrapped in amplify-menu-content class)"},Pagination:{className:e.Pagination,components:["Pagination"],description:"Top level element that wraps the Pagination primitive"},PaginationItemButton:{className:e.PaginationItemButton,components:["Pagination"],description:"Class applied to the pagination buttons"},PaginationItemCurrent:{className:e.PaginationItemCurrent,components:["Pagination"],description:"Class applied to the currently selected pagination button"},PaginationItemEllipsis:{className:e.PaginationItemEllipsis,components:["Pagination"],description:"Class applied to the ellipsis within the Pagination primitive"},PasswordField:{className:e.PasswordField,components:["PasswordField"],description:"Top level element that wraps the PasswordField primitive"},PhoneNumberField:{className:e.PhoneNumberField,components:["PhoneNumberField"],description:"Top level element that wraps the PhoneNumberField primitive"},Placeholder:{className:e.Placeholder,components:["Placeholder"],description:"Top level element that wraps the Placeholder primitive"},Radio:{className:e.Radio,components:["RadioGroupField","Radio"],description:"Top level element that wraps the Radio primitive"},RadioButton:{className:e.RadioButton,components:["RadioGroupField","Radio"],description:"Class applied to the displayed radio button"},RadioInput:{className:e.RadioInput,components:["RadioGroupField","Radio"],description:"Class applied to the visually hidden radio input"},RadioLabel:{className:e.RadioLabel,components:["RadioGroupField","Radio"],description:"Class applied to the radio label"},RadioGroupField:{className:e.RadioGroupField,components:["RadioGroupField"],description:"Top level element that wraps the RadioGroupField primitive"},RadioGroup:{className:e.RadioGroup,components:["RadioGroupField"],description:"Class applied to the radio group wrapper"},Rating:{className:e.Rating,components:["Rating"],description:"Top level element that wraps the Rating primitive"},ScrollView:{className:e.ScrollView,components:["ScrollView"],description:"Top level element that wraps the ScrollView primitive"},SearchField:{className:e.SearchField,components:["SearchField"],description:"Top level element that wraps the SearchField primitive"},SearchFieldClear:{className:e.SearchFieldClear,components:["SearchField"],description:"Class applied to the search field clear button"},SearchFieldSearch:{className:e.SearchFieldSearch,components:["SearchField"],description:"Class applied to the search button"},Select:{className:e.Select,components:["Select","SelectField"],description:"Class applied to the select element"},SelectField:{className:e.SelectField,components:["SelectField"],description:"Top level element that wraps the SelectField primitive"},SelectWrapper:{className:e.SelectWrapper,components:["Select","SelectField"],description:"Class applied to the select wrapper"},SelectIconWrapper:{className:e.SelectIconWrapper,components:["Select","SelectField"],description:"Class applied to the select icon wrapper"},SliderField:{className:e.SliderField,components:["SliderField"],description:"Top level element that wraps the SliderField primitive"},SliderFieldGroup:{className:e.SliderFieldGroup,components:["SliderField"],description:"Class applied to the element that wraps the slider root"},SliderFieldLabel:{className:e.SliderFieldLabel,components:["SliderField"],description:"Class applied to the slider label"},SliderFieldRange:{className:e.SliderFieldRange,components:["SliderField"],description:"Class applied to the filled in portion of the slider track"},SliderFieldRoot:{className:e.SliderFieldRoot,components:["SliderField"],description:"Class applied to the slider root which wraps the track and thumb"},SliderFieldThumb:{className:e.SliderFieldThumb,components:["SliderField"],description:"Class applied to the slider thumb"},SliderFieldTrack:{className:e.SliderFieldTrack,components:["SliderField"],description:"Class applied to the slider track"},StepperField:{className:e.StepperField,components:["StepperField"],description:"Top level element that wraps the StepperField primitive"},StepperFieldButtonDecrease:{className:e.StepperFieldButtonDecrease,components:["StepperField"],description:"Class applied to the decrease button"},StepperFieldButtonIncrease:{className:e.StepperFieldButtonIncrease,components:["StepperField"],description:"Class applied to the increase button"},StepperFieldInput:{className:e.StepperFieldInput,components:["StepperField"],description:"Class applied to the StepperField input"},SwitchField:{className:e.SwitchField,components:["SwitchField"],description:"Top level element that wraps the SwitchField primitive"},SwitchLabel:{className:e.SwitchLabel,components:["SwitchField"],description:"Class applied to the SwitchField label text"},SwitchThumb:{className:e.SwitchThumb,components:["SwitchField"],description:"Class applied to the SwitchField thumb"},SwitchTrack:{className:e.SwitchTrack,components:["SwitchField"],description:"Class applied to the SwitchField track"},SwitchWrapper:{className:e.SwitchWrapper,components:["SwitchField"],description:"Class applied to the label element that wraps the SwitchField label and track"},Table:{className:e.Table,components:["Table"],description:"Top level element that wraps the Table primitive"},TableCaption:{className:e.TableCaption,components:["Table"],description:"Class applied to the content provided as the caption prop"},TableBody:{className:e.TableBody,components:["Table"],description:"Class applied to TableBody component"},TableTd:{className:e.TableTd,components:["Table"],description:'Class applied to TableCell component rendered as a <td> element (<TableCell as="td" />)'},TableTh:{className:e.TableTh,components:["Table"],description:'Class applied to TableCell comopnent rendered as a <th> element (<TableCell as="th" />)'},TableFoot:{className:e.TableFoot,components:["Table"],description:"Class applied to TableFoot component"},TableHead:{className:e.TableHead,components:["Table"],description:"Class applied to TableHead component"},TableRow:{className:e.TableRow,components:["Table"],description:"Class applied to TableRow component"},Tabs:{className:e.Tabs,components:["Tabs"],description:"Top level element that wraps the Tabs primitive"},TabItems:{className:e.TabItems,components:["Tabs"],description:"Top level element that wraps the TabItem primitive"},Text:{className:e.Text,components:["Text"],description:"Top level element that wraps the Text primitive"},Textarea:{className:e.Textarea,components:["TextAreaField"],description:"Class applied to the text area"},TextAreaField:{className:e.TextAreaField,components:["TextAreaField"],description:"Top level element that wraps the TextAreaField primitive"},TextField:{className:e.TextField,components:["TextField"],description:"Top level element that wraps the TextField primitive"},ToggleButton:{className:e.ToggleButton,components:["ToggleButton"],description:"Top level element that wraps the ToggleButton primitive"},ToggleButtonGroup:{className:e.ToggleButtonGroup,components:["ToggleButton","ToggleButtonGroup"],description:"Top level element that wraps the ToggleButtonGroup primitive"},VisuallyHidden:{className:e.VisuallyHidden,components:["VisuallyHidden"],description:"Top level element that wraps the VisuallyHidden primitive"}},t={Alert:a.Alert.className,AlertIcon:a.AlertIcon.className,AlertHeading:a.AlertHeading.className,AlertBody:a.AlertBody.className,AlertDismiss:a.AlertDismiss.className,Autocomplete:a.Autocomplete.className,AutocompleteMenu:a.AutocompleteMenu.className,AutocompleteMenuEmpty:a.AutocompleteMenuEmpty.className,AutocompleteMenuFooter:a.AutocompleteMenuFooter.className,AutocompleteMenuHeader:a.AutocompleteMenuHeader.className,AutocompleteMenuLoading:a.AutocompleteMenuLoading.className,AutocompleteMenuOption:a.AutocompleteMenuOption.className,AutocompleteMenuOptions:a.AutocompleteMenuOptions.className,Badge:a.Badge.className,Button:a.Button.className,ButtonGroup:a.ButtonGroup.className,ButtonLoaderWrapper:a.ButtonLoaderWrapper.className,Card:a.Card.className,Checkbox:a.Checkbox.className,CheckboxButton:a.CheckboxButton.className,CheckboxIcon:a.CheckboxIcon.className,CheckboxInput:a.CheckboxInput.className,CheckboxLabel:a.CheckboxLabel.className,CheckboxField:a.CheckboxField.className,Collection:a.Collection.className,CollectionItems:a.CollectionItems.className,CollectionSearch:a.CollectionSearch.className,CollectionPagination:a.CollectionPagination.className,CountryCodeSelect:a.CountryCodeSelect.className,DialCodeSelect:a.DialCodeSelect.className,Divider:a.Divider.className,DividerLabel:a.DividerLabel.className,Expander:a.Expander.className,ExpanderContent:a.ExpanderContent.className,ExpanderContentText:a.ExpanderContentText.className,ExpanderHeader:a.ExpanderHeader.className,ExpanderIcon:a.ExpanderIcon.className,ExpanderItem:a.ExpanderItem.className,ExpanderTrigger:a.ExpanderTrigger.className,Field:a.Field.className,FieldDescription:a.FieldDescription.className,FieldErrorMessage:a.FieldErrorMessage.className,FieldGroup:a.FieldGroup.className,FieldGroupControl:a.FieldGroupControl.className,FieldGroupOuterEnd:a.FieldGroupOuterEnd.className,FieldGroupOuterStart:a.FieldGroupOuterStart.className,FieldGroupInnerEnd:a.FieldGroupInnerEnd.className,FieldGroupInnerStart:a.FieldGroupInnerStart.className,FieldGroupIcon:a.FieldGroupIcon.className,FieldGroupIconButton:a.FieldGroupIconButton.className,FieldGroupHasInnerEnd:a.FieldGroupHasInnerEnd.className,FieldGroupHasInnerStart:a.FieldGroupHasInnerStart.className,FieldShowPassword:a.FieldShowPassword.className,FieldGroupFieldWrapper:a.FieldGroupFieldWrapper.className,Flex:a.Flex.className,Grid:a.Grid.className,Heading:a.Heading.className,HighlightMatch:a.HighlightMatch.className,HighlightMatchHighlighted:a.HighlightMatchHighlighted.className,Icon:a.Icon.className,Image:a.Image.className,Input:a.Input.className,Label:a.Label.className,Link:a.Link.className,Loader:a.Loader.className,LoaderDeterminate:a.LoaderDeterminate.className,LoaderPercentageText:a.LoaderPercentageText.className,MenuContent:a.MenuContent.className,MenuItem:a.MenuItem.className,MenuTrigger:a.MenuTrigger.className,Pagination:a.Pagination.className,PaginationItemButton:a.PaginationItemButton.className,PaginationItemCurrent:a.PaginationItemCurrent.className,PaginationItemEllipsis:a.PaginationItemEllipsis.className,PasswordField:a.PasswordField.className,PhoneNumberField:a.PhoneNumberField.className,Placeholder:a.Placeholder.className,Radio:a.Radio.className,RadioButton:a.RadioButton.className,RadioInput:a.RadioInput.className,RadioLabel:a.RadioLabel.className,RadioGroupField:a.RadioGroupField.className,RadioGroup:a.RadioGroup.className,Rating:a.Rating.className,ScrollView:a.ScrollView.className,SearchField:a.SearchField.className,SearchFieldClear:a.SearchFieldClear.className,SearchFieldSearch:a.SearchFieldSearch.className,Select:a.Select.className,SelectField:a.SelectField.className,SelectWrapper:a.SelectWrapper.className,SelectIconWrapper:a.SelectIconWrapper.className,SliderField:a.SliderField.className,SliderFieldGroup:a.SliderFieldGroup.className,SliderFieldLabel:a.SliderFieldLabel.className,SliderFieldRange:a.SliderFieldRange.className,SliderFieldRoot:a.SliderFieldRoot.className,SliderFieldThumb:a.SliderFieldThumb.className,SliderFieldTrack:a.SliderFieldTrack.className,StepperField:a.StepperField.className,StepperFieldButtonDecrease:a.StepperFieldButtonDecrease.className,StepperFieldButtonIncrease:a.StepperFieldButtonIncrease.className,StepperFieldInput:a.StepperFieldInput.className,SwitchField:a.SwitchField.className,SwitchLabel:a.SwitchLabel.className,SwitchThumb:a.SwitchThumb.className,SwitchTrack:a.SwitchTrack.className,SwitchWrapper:a.SwitchWrapper.className,Table:a.Table.className,TableCaption:a.TableCaption.className,TableBody:a.TableBody.className,TableTd:a.TableTd.className,TableTh:a.TableTh.className,TableFoot:a.TableFoot.className,TableHead:a.TableHead.className,TableRow:a.TableRow.className,Tabs:a.Tabs.className,TabItems:a.TabItems.className,Text:a.Text.className,Textarea:a.Textarea.className,TextAreaField:a.TextAreaField.className,TextField:a.TextField.className,ToggleButton:a.ToggleButton.className,ToggleButtonGroup:a.ToggleButtonGroup.className,VisuallyHidden:a.VisuallyHidden.className},o={Alert:{dismissButtonLabel:"Dismiss alert"},Autocomplete:{emptyText:"No options found",loadingText:"Loading options..."},Collection:{searchButtonLabel:"Search",searchNoResultsFound:"No results found"},Fields:{clearButtonLabel:"Clear input"},PaginationItem:{currentPageLabel:"Page",nextLabel:"Go to next page",pageLabel:"Go to page",previousLabel:"Go to previous page"},PhoneNumberField:{countryCodeLabel:"Country code"},SearchField:{searchButtonLabel:"Search"},PasswordField:{passwordIsHidden:"Password is hidden",passwordIsShown:"Password is shown",showPassword:"Show password"},StepperField:{increaseButtonLabel:"Increase to",decreaseButtonLabel:"Decrease to"}},l={backgroundColor:"colors",color:"colors",borderRadius:"radii",fontSize:"fontSizes",fontWeight:"fontWeights",fontFamily:"fonts",lineHeight:"lineHeights",opacity:"opacities",boxShadow:"shadows",transform:"transforms",left:"space",right:"space",top:"space",bottom:"space",height:"space",width:"space",letterSpacing:"space",margin:"space",marginBlock:"space",marginBlockEnd:"space",marginBlockStart:"space",marginInline:"space",marginInlineEnd:"space",marginInlineStart:"space",marginLeft:"space",marginRight:"space",marginTop:"space",marginBottom:"space",maxHeight:"space",maxWidth:"space",minHeight:"space",minWidth:"space",padding:"space",paddingBlock:"space",paddingBlockEnd:"space",paddingBlockStart:"space",paddingInline:"space",paddingInlineEnd:"space",paddingInlineStart:"space",paddingLeft:"space",paddingRight:"space",paddingTop:"space",paddingBottom:"space",gap:"space",columnGap:"space",rowGap:"space"},i="Escape",s="Enter",n="ArrowUp",p="ArrowDown";export{p as ARROW_DOWN,n as ARROW_UP,t as ComponentClassNames,a as ComponentClassObject,o as ComponentText,s as ENTER_KEY,i as ESCAPE_KEY,l as stylePropsToThemeKeys};
+import{ComponentClassName as e}from"@aws-amplify/ui";const t={Alert:{className:e.Alert,components:["Alert"],description:"Top level element that wraps the Alert primitive"},AlertIcon:{className:e.AlertIcon,components:["Alert"],description:"Class applied to Icon component within the Alert primitive"},AlertHeading:{className:e.AlertHeading,components:["Alert"],description:"Class applied to the heading View"},AlertBody:{className:e.AlertBody,components:["Alert"],description:"Class applied to the body View"},AlertDismiss:{className:e.AlertDismiss,components:["Alert"],description:"Class applied to the close Button"},Autocomplete:{className:e.Autocomplete,components:["Autocomplete"],description:"Top level element that wraps the Autocomplete primitive"},AutocompleteMenu:{className:e.AutocompleteMenu,components:["Autocomplete"],description:"Top level element that wraps the dropdown menu"},AutocompleteMenuEmpty:{className:e.AutocompleteMenuEmpty,components:["Autocomplete"],description:"Class applied to the no options slot of menu"},AutocompleteMenuFooter:{className:e.AutocompleteMenuFooter,components:["Autocomplete"],description:"Class applied to menu footer"},AutocompleteMenuHeader:{className:e.AutocompleteMenuHeader,components:["Autocomplete"],description:"Class applied to menu header"},AutocompleteMenuLoading:{className:e.AutocompleteMenuLoading,components:["Autocomplete"],description:"Class applied to the loading slot of menu"},AutocompleteMenuOption:{className:e.AutocompleteMenuOption,components:["Autocomplete"],description:"Class applied to each li option"},AutocompleteMenuOptions:{className:e.AutocompleteMenuOptions,components:["Autocomplete"],description:"Class applied to ul container element"},Badge:{className:e.Badge,components:["Badge"],description:"Top level element that wraps the Badge component"},Button:{className:e.Button,components:["Button"],description:"Top level element that wraps the Button primitive"},ButtonGroup:{className:e.ButtonGroup},ButtonLoaderWrapper:{className:e.ButtonLoaderWrapper,components:["Button"],description:"Class applied to the Loader component within the Button Loading state"},Card:{className:e.Card,components:["Card"],description:"Top level element that wraps the Card primitive"},Checkbox:{className:e.Checkbox,components:["Checkbox"],description:"Top level element that wraps the Checkbox primitive"},CheckboxButton:{className:e.CheckboxButton,components:["Checkbox"],description:"Wrapper for the checked icon within the Checkbox primitive"},CheckboxIcon:{className:e.CheckboxIcon,components:["Checkbox"],description:"Class applied to the checked icon within the Checkbox primitive"},CheckboxInput:{className:e.CheckboxInput,components:["Checkbox"],description:"Class applied to the visually hidden checkbox input within the Checkbox primitive"},CheckboxLabel:{className:e.CheckboxLabel,components:["Checkbox"],description:"Class applied to the label within the Checkbox primitive"},CheckboxField:{className:e.CheckboxField,components:["CheckboxField"],description:"Top level element that wraps the CheckboxField primitive"},Collection:{className:e.Collection,components:["Collection"],description:"Top level element that wraps the Collection primitive"},CollectionItems:{className:e.CollectionItems,components:["Collection"],description:"Class applied to the element that wraps all the items in a collection"},CollectionSearch:{className:e.CollectionSearch,components:["Collection"],description:"Class applied to the element that wraps the collection search box"},CollectionPagination:{className:e.CollectionPagination,components:["Collection"],description:"Class applied to the element that wraps the pagination component in a collection"},CountryCodeSelect:{className:e.CountryCodeSelect,components:["PhoneNumberField"],description:"Class applied to the Dial Code Select within the PhoneNumberField primitive"},DialCodeSelect:{className:e.DialCodeSelect,components:["PhoneNumberField"],description:"Class applied to the Dial Code Select within the PhoneNumberField primitive"},Divider:{className:e.Divider,components:["Divider"],description:"Top level element that wraps the Divider primitive"},DividerLabel:{className:e.DividerLabel,components:["Divider"],description:"Class applied to the label of the Divider component"},Expander:{className:e.Expander,components:["Expander"],description:"Top level element that wraps the Expander primitive"},ExpanderContent:{className:e.ExpanderContent,components:["Expander"],description:"Expander content container"},ExpanderContentText:{className:e.ExpanderContentText,components:["Expander"],description:"Expander content text"},ExpanderHeader:{className:e.ExpanderHeader,components:["Expander"],description:"Expander item header"},ExpanderIcon:{className:e.ExpanderIcon,components:["Expander"],description:"Icon to indicate whether an item is expanded or collapsed"},ExpanderItem:{className:e.ExpanderItem,components:["Expander"],description:"Expander item(containier for header, trigger, and content)"},ExpanderTrigger:{className:e.ExpanderTrigger,components:["Expander"],description:"Expander item trigger(button)"},Field:{className:e.Field},FieldDescription:{className:e.FieldDescription},FieldErrorMessage:{className:e.FieldErrorMessage},FieldGroup:{className:e.FieldGroup},FieldGroupControl:{className:e.FieldGroupControl},FieldGroupOuterEnd:{className:e.FieldGroupOuterEnd},FieldGroupOuterStart:{className:e.FieldGroupOuterStart},FieldGroupInnerEnd:{className:e.FieldGroupInnerEnd},FieldGroupInnerStart:{className:e.FieldGroupInnerStart},FieldGroupIcon:{className:e.FieldGroupIcon},FieldGroupIconButton:{className:e.FieldGroupIconButton},FieldGroupHasInnerEnd:{className:e.FieldGroupHasInnerEnd},FieldGroupHasInnerStart:{className:e.FieldGroupHasInnerStart},FieldShowPassword:{className:e.FieldShowPassword},FieldGroupFieldWrapper:{className:e.FieldGroupFieldWrapper},Flex:{className:e.Flex,components:["Flex"],description:"Top level element that wraps the Flex primitive"},Grid:{className:e.Grid,components:["Grid"],description:"Top level element that wraps the Grid primitive"},Heading:{className:e.Heading,components:["Heading"],description:"Top level element that wraps the Heading primitive"},HighlightMatch:{className:e.HighlightMatch,components:["HighlightMatch"],description:"Top level element that wraps the HighlightMatch primitive"},HighlightMatchHighlighted:{className:e.HighlightMatchHighlighted,components:["HighlightMatch"],description:"Class applied to the highlighted text of the HighlightMatch primitive"},Icon:{className:e.Icon,components:["Icon"],description:"Top level element that wraps the Icon primitive"},Image:{className:e.Image,components:["Image"],description:"Top level element that wraps the Image primitive"},Input:{className:e.Input},Label:{className:e.Label},Link:{className:e.Link,components:["Link"],description:"Top level element that wraps the Link primitive"},Loader:{className:e.Loader,components:["Loader"],description:"Top level element that wraps the Loader primitive"},LoaderDeterminate:{className:e.LoaderDeterminate,components:["Loader"],description:"Class applied to a determinate loader"},LoaderPercentageText:{className:e.LoaderPercentageText,components:["Loader"],description:"Class applied to the percentage text of loader"},MenuContent:{className:e.MenuContent,components:["Menu"],description:"Menu content container (Flex)"},MenuContentWrapper:{className:e.MenuContentWrapper,components:["Menu"],description:"Menu content wrapper"},MenuItem:{className:e.MenuItem,components:["Menu"],description:"Menu item button (MenuButton, wrapped in amplify-menu-content class)"},MenuTrigger:{className:e.MenuTrigger,components:["Menu"],description:"Menu trigger button (MenuButton, not wrapped in amplify-menu-content class)"},Pagination:{className:e.Pagination,components:["Pagination"],description:"Top level element that wraps the Pagination primitive"},PaginationItemButton:{className:e.PaginationItemButton,components:["Pagination"],description:"Class applied to the pagination buttons"},PaginationItemCurrent:{className:e.PaginationItemCurrent,components:["Pagination"],description:"Class applied to the currently selected pagination button"},PaginationItemEllipsis:{className:e.PaginationItemEllipsis,components:["Pagination"],description:"Class applied to the ellipsis within the Pagination primitive"},PasswordField:{className:e.PasswordField,components:["PasswordField"],description:"Top level element that wraps the PasswordField primitive"},PhoneNumberField:{className:e.PhoneNumberField,components:["PhoneNumberField"],description:"Top level element that wraps the PhoneNumberField primitive"},Placeholder:{className:e.Placeholder,components:["Placeholder"],description:"Top level element that wraps the Placeholder primitive"},Radio:{className:e.Radio,components:["RadioGroupField","Radio"],description:"Top level element that wraps the Radio primitive"},RadioButton:{className:e.RadioButton,components:["RadioGroupField","Radio"],description:"Class applied to the displayed radio button"},RadioInput:{className:e.RadioInput,components:["RadioGroupField","Radio"],description:"Class applied to the visually hidden radio input"},RadioLabel:{className:e.RadioLabel,components:["RadioGroupField","Radio"],description:"Class applied to the radio label"},RadioGroupField:{className:e.RadioGroupField,components:["RadioGroupField"],description:"Top level element that wraps the RadioGroupField primitive"},RadioGroup:{className:e.RadioGroup,components:["RadioGroupField"],description:"Class applied to the radio group wrapper"},Rating:{className:e.Rating,components:["Rating"],description:"Top level element that wraps the Rating primitive"},ScrollView:{className:e.ScrollView,components:["ScrollView"],description:"Top level element that wraps the ScrollView primitive"},SearchField:{className:e.SearchField,components:["SearchField"],description:"Top level element that wraps the SearchField primitive"},SearchFieldClear:{className:e.SearchFieldClear,components:["SearchField"],description:"Class applied to the search field clear button"},SearchFieldSearch:{className:e.SearchFieldSearch,components:["SearchField"],description:"Class applied to the search button"},Select:{className:e.Select,components:["Select","SelectField"],description:"Class applied to the select element"},SelectField:{className:e.SelectField,components:["SelectField"],description:"Top level element that wraps the SelectField primitive"},SelectWrapper:{className:e.SelectWrapper,components:["Select","SelectField"],description:"Class applied to the select wrapper"},SelectIconWrapper:{className:e.SelectIconWrapper,components:["Select","SelectField"],description:"Class applied to the select icon wrapper"},SliderField:{className:e.SliderField,components:["SliderField"],description:"Top level element that wraps the SliderField primitive"},SliderFieldGroup:{className:e.SliderFieldGroup,components:["SliderField"],description:"Class applied to the element that wraps the slider root"},SliderFieldLabel:{className:e.SliderFieldLabel,components:["SliderField"],description:"Class applied to the slider label"},SliderFieldRange:{className:e.SliderFieldRange,components:["SliderField"],description:"Class applied to the filled in portion of the slider track"},SliderFieldRoot:{className:e.SliderFieldRoot,components:["SliderField"],description:"Class applied to the slider root which wraps the track and thumb"},SliderFieldThumb:{className:e.SliderFieldThumb,components:["SliderField"],description:"Class applied to the slider thumb"},SliderFieldTrack:{className:e.SliderFieldTrack,components:["SliderField"],description:"Class applied to the slider track"},StepperField:{className:e.StepperField,components:["StepperField"],description:"Top level element that wraps the StepperField primitive"},StepperFieldButtonDecrease:{className:e.StepperFieldButtonDecrease,components:["StepperField"],description:"Class applied to the decrease button"},StepperFieldButtonIncrease:{className:e.StepperFieldButtonIncrease,components:["StepperField"],description:"Class applied to the increase button"},StepperFieldInput:{className:e.StepperFieldInput,components:["StepperField"],description:"Class applied to the StepperField input"},SwitchField:{className:e.SwitchField,components:["SwitchField"],description:"Top level element that wraps the SwitchField primitive"},SwitchLabel:{className:e.SwitchLabel,components:["SwitchField"],description:"Class applied to the SwitchField label text"},SwitchThumb:{className:e.SwitchThumb,components:["SwitchField"],description:"Class applied to the SwitchField thumb"},SwitchTrack:{className:e.SwitchTrack,components:["SwitchField"],description:"Class applied to the SwitchField track"},SwitchWrapper:{className:e.SwitchWrapper,components:["SwitchField"],description:"Class applied to the label element that wraps the SwitchField label and track"},Table:{className:e.Table,components:["Table"],description:"Top level element that wraps the Table primitive"},TableCaption:{className:e.TableCaption,components:["Table"],description:"Class applied to the content provided as the caption prop"},TableBody:{className:e.TableBody,components:["Table"],description:"Class applied to TableBody component"},TableTd:{className:e.TableTd,components:["Table"],description:'Class applied to TableCell component rendered as a <td> element (<TableCell as="td" />)'},TableTh:{className:e.TableTh,components:["Table"],description:'Class applied to TableCell comopnent rendered as a <th> element (<TableCell as="th" />)'},TableFoot:{className:e.TableFoot,components:["Table"],description:"Class applied to TableFoot component"},TableHead:{className:e.TableHead,components:["Table"],description:"Class applied to TableHead component"},TableRow:{className:e.TableRow,components:["Table"],description:"Class applied to TableRow component"},Tabs:{className:e.Tabs,components:["Tabs"],description:"Top level element that wraps the Tabs primitive"},TabItems:{className:e.TabItems,components:["Tabs"],description:"Top level element that wraps the TabItem primitive"},Text:{className:e.Text,components:["Text"],description:"Top level element that wraps the Text primitive"},Textarea:{className:e.Textarea,components:["TextAreaField"],description:"Class applied to the text area"},TextAreaField:{className:e.TextAreaField,components:["TextAreaField"],description:"Top level element that wraps the TextAreaField primitive"},TextField:{className:e.TextField,components:["TextField"],description:"Top level element that wraps the TextField primitive"},ToggleButton:{className:e.ToggleButton,components:["ToggleButton"],description:"Top level element that wraps the ToggleButton primitive"},ToggleButtonGroup:{className:e.ToggleButtonGroup,components:["ToggleButton","ToggleButtonGroup"],description:"Top level element that wraps the ToggleButtonGroup primitive"},VisuallyHidden:{className:e.VisuallyHidden,components:["VisuallyHidden"],description:"Top level element that wraps the VisuallyHidden primitive"}},a={Alert:t.Alert.className,AlertIcon:t.AlertIcon.className,AlertHeading:t.AlertHeading.className,AlertBody:t.AlertBody.className,AlertDismiss:t.AlertDismiss.className,Autocomplete:t.Autocomplete.className,AutocompleteMenu:t.AutocompleteMenu.className,AutocompleteMenuEmpty:t.AutocompleteMenuEmpty.className,AutocompleteMenuFooter:t.AutocompleteMenuFooter.className,AutocompleteMenuHeader:t.AutocompleteMenuHeader.className,AutocompleteMenuLoading:t.AutocompleteMenuLoading.className,AutocompleteMenuOption:t.AutocompleteMenuOption.className,AutocompleteMenuOptions:t.AutocompleteMenuOptions.className,Badge:t.Badge.className,Button:t.Button.className,ButtonGroup:t.ButtonGroup.className,ButtonLoaderWrapper:t.ButtonLoaderWrapper.className,Card:t.Card.className,Checkbox:t.Checkbox.className,CheckboxButton:t.CheckboxButton.className,CheckboxIcon:t.CheckboxIcon.className,CheckboxInput:t.CheckboxInput.className,CheckboxLabel:t.CheckboxLabel.className,CheckboxField:t.CheckboxField.className,Collection:t.Collection.className,CollectionItems:t.CollectionItems.className,CollectionSearch:t.CollectionSearch.className,CollectionPagination:t.CollectionPagination.className,CountryCodeSelect:t.CountryCodeSelect.className,DialCodeSelect:t.DialCodeSelect.className,Divider:t.Divider.className,DividerLabel:t.DividerLabel.className,Expander:t.Expander.className,ExpanderContent:t.ExpanderContent.className,ExpanderContentText:t.ExpanderContentText.className,ExpanderHeader:t.ExpanderHeader.className,ExpanderIcon:t.ExpanderIcon.className,ExpanderItem:t.ExpanderItem.className,ExpanderTrigger:t.ExpanderTrigger.className,Field:t.Field.className,FieldDescription:t.FieldDescription.className,FieldErrorMessage:t.FieldErrorMessage.className,FieldGroup:t.FieldGroup.className,FieldGroupControl:t.FieldGroupControl.className,FieldGroupOuterEnd:t.FieldGroupOuterEnd.className,FieldGroupOuterStart:t.FieldGroupOuterStart.className,FieldGroupInnerEnd:t.FieldGroupInnerEnd.className,FieldGroupInnerStart:t.FieldGroupInnerStart.className,FieldGroupIcon:t.FieldGroupIcon.className,FieldGroupIconButton:t.FieldGroupIconButton.className,FieldGroupHasInnerEnd:t.FieldGroupHasInnerEnd.className,FieldGroupHasInnerStart:t.FieldGroupHasInnerStart.className,FieldShowPassword:t.FieldShowPassword.className,FieldGroupFieldWrapper:t.FieldGroupFieldWrapper.className,Flex:t.Flex.className,Grid:t.Grid.className,Heading:t.Heading.className,HighlightMatch:t.HighlightMatch.className,HighlightMatchHighlighted:t.HighlightMatchHighlighted.className,Icon:t.Icon.className,Image:t.Image.className,Input:t.Input.className,Label:t.Label.className,Link:t.Link.className,Loader:t.Loader.className,LoaderDeterminate:t.LoaderDeterminate.className,LoaderPercentageText:t.LoaderPercentageText.className,MenuContent:t.MenuContent.className,MenuContentWrapper:t.MenuContentWrapper.className,MenuItem:t.MenuItem.className,MenuTrigger:t.MenuTrigger.className,Pagination:t.Pagination.className,PaginationItemButton:t.PaginationItemButton.className,PaginationItemCurrent:t.PaginationItemCurrent.className,PaginationItemEllipsis:t.PaginationItemEllipsis.className,PasswordField:t.PasswordField.className,PhoneNumberField:t.PhoneNumberField.className,Placeholder:t.Placeholder.className,Radio:t.Radio.className,RadioButton:t.RadioButton.className,RadioInput:t.RadioInput.className,RadioLabel:t.RadioLabel.className,RadioGroupField:t.RadioGroupField.className,RadioGroup:t.RadioGroup.className,Rating:t.Rating.className,ScrollView:t.ScrollView.className,SearchField:t.SearchField.className,SearchFieldClear:t.SearchFieldClear.className,SearchFieldSearch:t.SearchFieldSearch.className,Select:t.Select.className,SelectField:t.SelectField.className,SelectWrapper:t.SelectWrapper.className,SelectIconWrapper:t.SelectIconWrapper.className,SliderField:t.SliderField.className,SliderFieldGroup:t.SliderFieldGroup.className,SliderFieldLabel:t.SliderFieldLabel.className,SliderFieldRange:t.SliderFieldRange.className,SliderFieldRoot:t.SliderFieldRoot.className,SliderFieldThumb:t.SliderFieldThumb.className,SliderFieldTrack:t.SliderFieldTrack.className,StepperField:t.StepperField.className,StepperFieldButtonDecrease:t.StepperFieldButtonDecrease.className,StepperFieldButtonIncrease:t.StepperFieldButtonIncrease.className,StepperFieldInput:t.StepperFieldInput.className,SwitchField:t.SwitchField.className,SwitchLabel:t.SwitchLabel.className,SwitchThumb:t.SwitchThumb.className,SwitchTrack:t.SwitchTrack.className,SwitchWrapper:t.SwitchWrapper.className,Table:t.Table.className,TableCaption:t.TableCaption.className,TableBody:t.TableBody.className,TableTd:t.TableTd.className,TableTh:t.TableTh.className,TableFoot:t.TableFoot.className,TableHead:t.TableHead.className,TableRow:t.TableRow.className,Tabs:t.Tabs.className,TabItems:t.TabItems.className,Text:t.Text.className,Textarea:t.Textarea.className,TextAreaField:t.TextAreaField.className,TextField:t.TextField.className,ToggleButton:t.ToggleButton.className,ToggleButtonGroup:t.ToggleButtonGroup.className,VisuallyHidden:t.VisuallyHidden.className},o={Alert:{dismissButtonLabel:"Dismiss alert"},Autocomplete:{emptyText:"No options found",loadingText:"Loading options..."},Collection:{searchButtonLabel:"Search",searchNoResultsFound:"No results found"},Fields:{clearButtonLabel:"Clear input"},PaginationItem:{currentPageLabel:"Page",nextLabel:"Go to next page",pageLabel:"Go to page",previousLabel:"Go to previous page"},PhoneNumberField:{countryCodeLabel:"Country code"},SearchField:{searchButtonLabel:"Search"},PasswordField:{passwordIsHidden:"Password is hidden",passwordIsShown:"Password is shown",showPassword:"Show password"},StepperField:{increaseButtonLabel:"Increase to",decreaseButtonLabel:"Decrease to"}},l={backgroundColor:"colors",color:"colors",borderRadius:"radii",fontSize:"fontSizes",fontWeight:"fontWeights",fontFamily:"fonts",lineHeight:"lineHeights",opacity:"opacities",boxShadow:"shadows",transform:"transforms",left:"space",right:"space",top:"space",bottom:"space",height:"space",width:"space",letterSpacing:"space",margin:"space",marginBlock:"space",marginBlockEnd:"space",marginBlockStart:"space",marginInline:"space",marginInlineEnd:"space",marginInlineStart:"space",marginLeft:"space",marginRight:"space",marginTop:"space",marginBottom:"space",maxHeight:"space",maxWidth:"space",minHeight:"space",minWidth:"space",padding:"space",paddingBlock:"space",paddingBlockEnd:"space",paddingBlockStart:"space",paddingInline:"space",paddingInlineEnd:"space",paddingInlineStart:"space",paddingLeft:"space",paddingRight:"space",paddingTop:"space",paddingBottom:"space",gap:"space",columnGap:"space",rowGap:"space"},i="Escape",s="Enter",n="ArrowUp",p="ArrowDown";export{p as ARROW_DOWN,n as ARROW_UP,a as ComponentClassNames,t as ComponentClassObject,o as ComponentText,s as ENTER_KEY,i as ESCAPE_KEY,l as stylePropsToThemeKeys};