@aws-amplify/ui-react 3.0.4 → 3.2.1

package/dist/esm/components/Authenticator/hooks/useAuthenticator/index.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import*as t from"react";import{getSendEventAliases as r,createAuthenticatorMachine as s,listenToAuthHub as o,getServiceContextFacade as n}from"@aws-amplify/ui";import{useSelector as i,useInterpret as c}from"@xstate/react";import u from"lodash/isEmpty";import{areArrayValuesEqual as a}from"../../../../helpers/utils.js";const m=t.createContext({}),p=({children:r})=>{const n=t.useContext(m),i=c(s),a=t.useMemo((()=>u(n)?{service:i}:n),[n,i]),{service:p}=a,f=t.useRef(!1);return t.useEffect((()=>{if(!f.current)return f.current=!0,o(p)}),[p]),e(m.Provider,Object.assign({value:a},{children:r}))},f=e=>{const s=(()=>{const{service:e}=t.useContext(m);if(!e)throw new Error("Please ensure you wrap your App with `Authenticator.Provider`.\nSee the `useAuthenticator` section on https://ui.docs.amplify.aws/connected-components/authenticator.");return e})(),{send:o}=s,c=t.useMemo((()=>r(o)),[o]),u=i(s,(e=>(e=>Object.assign(Object.assign({},c),n(e)))(e)),((t,r)=>{if(!e)return!1;const s=e(t),o=e(r);return a(s,o)}));return Object.assign(Object.assign({},u),{_state:s.getSnapshot(),_send:o})};export{m as AuthenticatorContext,p as Provider,f as useAuthenticator};
+import{jsx as e}from"react/jsx-runtime";import*as t from"react";import{getSendEventAliases as r,createAuthenticatorMachine as s,listenToAuthHub as o,getServiceContextFacade as n}from"@aws-amplify/ui";import{useSelector as i,useInterpret as c}from"@xstate/react";import a from"lodash/isEmpty";import{areArrayValuesEqual as u}from"../../../../helpers/utils.js";const m=t.createContext({}),p=({children:r})=>{const n=t.useContext(m),i=c(s),u=t.useMemo((()=>a(n)?{service:i}:n),[n,i]),{service:p}=u;return t.useEffect((()=>o(p)),[p]),e(m.Provider,Object.assign({value:u},{children:r}))},f=e=>{const s=(()=>{const{service:e}=t.useContext(m);if(!e)throw new Error("Please ensure you wrap your App with `Authenticator.Provider`.\nSee the `useAuthenticator` section on https://ui.docs.amplify.aws/connected-components/authenticator.");return e})(),{send:o}=s,c=t.useMemo((()=>r(o)),[o]),a=i(s,(e=>(e=>Object.assign(Object.assign({},c),n(e)))(e)),((t,r)=>{if(!e)return!1;const s=e(t),o=e(r);return u(s,o)}));return Object.assign(Object.assign({},a),{_state:s.getSnapshot(),_send:o})};export{m as AuthenticatorContext,p as Provider,f as useAuthenticator};

package/dist/esm/hooks/useBreakpointValue.js

@@ -1 +1 @@
-import{getValueAtCurrentBreakpoint as e}from"../primitives/shared/responsive/utils.js";import{useBreakpoint as r}from"../primitives/shared/responsive/useBreakpoint.js";import{useTheme as s}from"./useTheme.js";function i(i,o,t){const{breakpoints:{values:p}}=s(),n=r({breakpoints:p,defaultBreakpoint:o});return e(i,n,p,t)}export{i as useBreakpointValue};
+import{getValueAtCurrentBreakpoint as e}from"../primitives/shared/responsive/utils.js";import{useBreakpoint as r}from"../primitives/shared/responsive/useBreakpoint.js";import{useTheme as s}from"./useTheme.js";function i(i,o,t){const{breakpoints:{values:p}}=s(),n=r({breakpoints:p,defaultBreakpoint:o});return e({breakpoint:n,breakpoints:p,propKey:t,values:i})}export{i as useBreakpointValue};

package/dist/esm/internal.js

@@ -1 +1 @@
-export{useAuth}from"./hooks/useAuth.js";export{useDataStoreBinding,useDataStoreCollection,useDataStoreItem}from"./hooks/useDataStore.js";export{useStorageURL}from"./hooks/useStorageURL.js";export{IconAdd}from"./primitives/Icon/icons/IconAdd.js";export{IconCheckCircleOutline}from"./primitives/Icon/icons/IconCheckCircleOutline.js";export{IconCheckCircle}from"./primitives/Icon/icons/IconCheckCircle.js";export{IconCheck}from"./primitives/Icon/icons/IconCheck.js";export{IconChevronLeft}from"./primitives/Icon/icons/IconChevronLeft.js";export{IconChevronRight}from"./primitives/Icon/icons/IconChevronRight.js";export{IconClose}from"./primitives/Icon/icons/IconClose.js";export{IconError}from"./primitives/Icon/icons/IconError.js";export{IconExpandMore}from"./primitives/Icon/icons/IconExpandMore.js";export{IconFiberManualRecord}from"./primitives/Icon/icons/IconFiberManualRecord.js";export{IconHighlightOff}from"./primitives/Icon/icons/IconHighlightOff.js";export{IconInfo}from"./primitives/Icon/icons/IconInfo.js";export{IconMenu}from"./primitives/Icon/icons/IconMenu.js";export{IconRemove}from"./primitives/Icon/icons/IconRemove.js";export{IconSearch}from"./primitives/Icon/icons/IconSearch.js";export{IconStar}from"./primitives/Icon/icons/IconStar.js";export{IconVisibilityOff}from"./primitives/Icon/icons/IconVisibilityOff.js";export{IconVisibility}from"./primitives/Icon/icons/IconVisibility.js";export{IconWarning}from"./primitives/Icon/icons/IconWarning.js";export{useAuthSignOutAction}from"./hooks/actions/useAuthSignOutAction.js";export{useNavigateAction}from"./hooks/actions/useNavigateAction.js";export{useStateMutationAction}from"./hooks/actions/useStateMutationAction.js";export{useDataStoreCreateAction}from"./hooks/actions/useDataStoreCreateAction.js";export{useDataStoreDeleteAction}from"./hooks/actions/useDataStoreDeleteAction.js";export{useDataStoreUpdateAction}from"./hooks/actions/useDataStoreUpdateAction.js";export{createDataStorePredicate}from"./primitives/shared/datastore.js";export{findChildOverrides,getOverrideProps,getOverridesFromVariants,mergeVariantsAndOverrides}from"./primitives/shared/utils.js";
+export{useAuth}from"./hooks/useAuth.js";export{useDataStoreBinding,useDataStoreCollection,useDataStoreItem}from"./hooks/useDataStore.js";export{useStorageURL}from"./hooks/useStorageURL.js";export{IconAdd}from"./primitives/Icon/icons/IconAdd.js";export{IconCheckCircleOutline}from"./primitives/Icon/icons/IconCheckCircleOutline.js";export{IconCheckCircle}from"./primitives/Icon/icons/IconCheckCircle.js";export{IconCheck}from"./primitives/Icon/icons/IconCheck.js";export{IconChevronLeft}from"./primitives/Icon/icons/IconChevronLeft.js";export{IconChevronRight}from"./primitives/Icon/icons/IconChevronRight.js";export{IconClose}from"./primitives/Icon/icons/IconClose.js";export{IconError}from"./primitives/Icon/icons/IconError.js";export{IconExpandMore}from"./primitives/Icon/icons/IconExpandMore.js";export{IconFiberManualRecord}from"./primitives/Icon/icons/IconFiberManualRecord.js";export{IconHighlightOff}from"./primitives/Icon/icons/IconHighlightOff.js";export{IconInfo}from"./primitives/Icon/icons/IconInfo.js";export{IconMenu}from"./primitives/Icon/icons/IconMenu.js";export{IconRemove}from"./primitives/Icon/icons/IconRemove.js";export{IconSearch}from"./primitives/Icon/icons/IconSearch.js";export{IconStar}from"./primitives/Icon/icons/IconStar.js";export{IconVisibilityOff}from"./primitives/Icon/icons/IconVisibilityOff.js";export{IconVisibility}from"./primitives/Icon/icons/IconVisibility.js";export{IconWarning}from"./primitives/Icon/icons/IconWarning.js";export{useAuthSignOutAction}from"./hooks/actions/useAuthSignOutAction.js";export{useNavigateAction}from"./hooks/actions/useNavigateAction.js";export{useStateMutationAction}from"./hooks/actions/useStateMutationAction.js";export{useDataStoreCreateAction}from"./hooks/actions/useDataStoreCreateAction.js";export{useDataStoreDeleteAction}from"./hooks/actions/useDataStoreDeleteAction.js";export{useDataStoreUpdateAction}from"./hooks/actions/useDataStoreUpdateAction.js";export{createDataStorePredicate}from"./primitives/shared/datastore.js";export{findChildOverrides,getOverrideProps,getOverridesFromVariants,mergeVariantsAndOverrides}from"./primitives/shared/utils.js";export{PrimitiveCatalog}from"./PrimitiveCatalog.js";

package/dist/esm/primitives/Alert/Alert.js

@@ -1 +1 @@
-import{__rest as s}from"../../node_modules/tslib/tslib.es6.js";import{jsxs as i,jsx as e}from"react/jsx-runtime";import*as r from"react";import t from"classnames";import{ComponentClassNames as a}from"../shared/constants.js";import{isFunction as o,classNameModifier as n}from"../shared/utils.js";import{View as l}from"../View/View.js";import{Flex as m}from"../Flex/Flex.js";import{Button as c}from"../Button/Button.js";import{AlertIcon as d}from"./AlertIcon.js";import{IconClose as f}from"../Icon/icons/IconClose.js";const j=r.forwardRef(((j,h)=>{var{buttonRef:p,children:b,className:u,hasIcon:g=!0,heading:A,isDismissible:N=!1,onDismiss:v,variation:x}=j,D=s(j,["buttonRef","children","className","hasIcon","heading","isDismissible","onDismiss","variation"]);const[I,O]=r.useState(!1),k=r.useCallback((()=>{O(!I),o(v)&&v()}),[O,v,I]);return!I&&i(m,Object.assign({className:t(a.Alert,u,n(a.Alert,x)),"data-variation":x,ref:h},D,{children:[g&&e(d,{variation:x}),i(l,Object.assign({role:"alert",flex:"1"},{children:[A&&e(l,Object.assign({className:a.AlertHeading},{children:A})),e(l,Object.assign({className:a.AlertBody},{children:b}))]})),N&&e(c,Object.assign({variation:"link",className:a.AlertDismiss,onClick:k,ref:p},{children:e(f,{})}))]}))}));j.displayName="Alert";export{j as Alert};
+import{__rest as s}from"../../node_modules/tslib/tslib.es6.js";import{jsxs as i,jsx as e}from"react/jsx-runtime";import*as t from"react";import r from"classnames";import{ComponentClassNames as a,ComponentText as o}from"../shared/constants.js";import{isFunction as n,classNameModifier as l}from"../shared/utils.js";import{View as m}from"../View/View.js";import{Flex as c}from"../Flex/Flex.js";import{Button as d}from"../Button/Button.js";import{AlertIcon as f}from"./AlertIcon.js";import{IconClose as b}from"../Icon/icons/IconClose.js";const j=t.forwardRef(((j,h)=>{var{buttonRef:p,children:u,className:g,dismissButtonLabel:A=o.Alert.dismissButtonLabel,hasIcon:N=!0,heading:v,isDismissible:B=!1,onDismiss:x,variation:D}=j,I=s(j,["buttonRef","children","className","dismissButtonLabel","hasIcon","heading","isDismissible","onDismiss","variation"]);const[O,L]=t.useState(!1),k=t.useCallback((()=>{L(!O),n(x)&&x()}),[L,x,O]);return!O&&i(c,Object.assign({className:r(a.Alert,g,l(a.Alert,D)),"data-variation":D,ref:h},I,{children:[N&&e(f,{variation:D}),i(m,Object.assign({role:"alert",flex:"1"},{children:[v&&e(m,Object.assign({className:a.AlertHeading},{children:v})),e(m,Object.assign({className:a.AlertBody},{children:u}))]})),B&&e(d,Object.assign({ariaLabel:A,variation:"link",className:a.AlertDismiss,onClick:k,ref:p},{children:e(b,{})}))]}))}));j.displayName="Alert";export{j as Alert};

package/dist/esm/primitives/Checkbox/Checkbox.js

@@ -1 +1 @@
-import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";import{jsxs as s,jsx as a}from"react/jsx-runtime";import*as o from"react";import t from"classnames";import{classNameModifierByFlag as d}from"../shared/utils.js";import{ComponentClassNames as c}from"../shared/constants.js";import{Flex as i}from"../Flex/Flex.js";import"../View/View.js";import{IconCheck as r}from"../Icon/icons/IconCheck.js";import{Input as l}from"../Input/Input.js";import{splitPrimitiveProps as n}from"../shared/styleUtils.js";import{Text as b}from"../Text/Text.js";import{useCheckbox as h}from"./useCheckbox.js";import{VisuallyHidden as m}from"../VisuallyHidden/VisuallyHidden.js";import{useTestId as k}from"../utils/testUtils.js";const u=o.forwardRef(((u,C)=>{var{checked:p,className:f,defaultChecked:x,hasError:j,isDisabled:I,label:g,labelHidden:y,labelPosition:N,onChange:B,size:F,testId:H}=u,V=e(u,["checked","className","defaultChecked","hasError","isDisabled","label","labelHidden","labelPosition","onChange","size","testId"]);const{baseStyleProps:D,flexContainerStyleProps:O,rest:P}=n(V),v=void 0!==p?p:x,{dataChecked:w,dataFocus:z,onBlur:E,onChange:L,onFocus:S,setDataChecked:T}=h(v,B);o.useEffect((()=>{void 0!==p&&p!==w&&T(p)}),[p,w,T]);const U=k(H,c.CheckboxButton),R=k(H,c.CheckboxIcon),_=k(H,c.CheckboxLabel),q=t(c.CheckboxButton,d(c.CheckboxButton,"disabled",I),d(c.CheckboxButton,"error",j),d(c.CheckboxButton,"focused",z)),A=t(c.CheckboxIcon,d(c.CheckboxIcon,"checked",w),d(c.CheckboxIcon,"disabled",I));return s(i,Object.assign({as:"label",className:t(c.Checkbox,d(c.Checkbox,"disabled",I),f),"data-disabled":I,"data-label-position":N,testId:H},D,O,{children:[a(m,{children:a(l,Object.assign({checked:p,className:c.CheckboxInput,defaultChecked:x,isDisabled:I,onBlur:E,onChange:L,onFocus:S,ref:C,type:"checkbox"},P))}),g&&a(b,Object.assign({as:"span",className:t(c.CheckboxLabel,{[c.VisuallyHidden]:y}),"data-disabled":I,testId:_},{children:g})),a(i,Object.assign({"aria-hidden":"true",as:"span",className:q,"data-checked":w,"data-disabled":I,"data-focus":z,"data-error":j,testId:U},{children:a(r,{className:A,"data-checked":w,"data-disabled":I,"data-testid":R,size:F})}))]}))}));u.displayName="Checkbox";export{u as Checkbox};
+import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";import{jsxs as s,jsx as a}from"react/jsx-runtime";import*as o from"react";import t from"classnames";import{classNameModifierByFlag as d}from"../shared/utils.js";import{ComponentClassNames as c}from"../shared/constants.js";import{Flex as i}from"../Flex/Flex.js";import"../View/View.js";import{IconCheck as r}from"../Icon/icons/IconCheck.js";import{Input as l}from"../Input/Input.js";import{splitPrimitiveProps as n}from"../shared/styleUtils.js";import{Text as b}from"../Text/Text.js";import{useCheckbox as h}from"./useCheckbox.js";import{VisuallyHidden as m}from"../VisuallyHidden/VisuallyHidden.js";import{getTestId as k}from"../utils/testUtils.js";const u=o.forwardRef(((u,C)=>{var{checked:p,className:f,defaultChecked:x,hasError:j,isDisabled:I,label:g,labelHidden:y,labelPosition:N,onChange:B,size:F,testId:H}=u,V=e(u,["checked","className","defaultChecked","hasError","isDisabled","label","labelHidden","labelPosition","onChange","size","testId"]);const{baseStyleProps:D,flexContainerStyleProps:O,rest:P}=n(V),v=void 0!==p?p:x,{dataChecked:w,dataFocus:z,onBlur:E,onChange:L,onFocus:S,setDataChecked:T}=h(v,B);o.useEffect((()=>{void 0!==p&&p!==w&&T(p)}),[p,w,T]);const U=k(H,c.CheckboxButton),R=k(H,c.CheckboxIcon),_=k(H,c.CheckboxLabel),q=t(c.CheckboxButton,d(c.CheckboxButton,"disabled",I),d(c.CheckboxButton,"error",j),d(c.CheckboxButton,"focused",z)),A=t(c.CheckboxIcon,d(c.CheckboxIcon,"checked",w),d(c.CheckboxIcon,"disabled",I));return s(i,Object.assign({as:"label",className:t(c.Checkbox,d(c.Checkbox,"disabled",I),f),"data-disabled":I,"data-label-position":N,testId:H},D,O,{children:[a(m,{children:a(l,Object.assign({checked:p,className:c.CheckboxInput,defaultChecked:x,isDisabled:I,onBlur:E,onChange:L,onFocus:S,ref:C,type:"checkbox"},P))}),g&&a(b,Object.assign({as:"span",className:t(c.CheckboxLabel,{[c.VisuallyHidden]:y}),"data-disabled":I,testId:_},{children:g})),a(i,Object.assign({"aria-hidden":"true",as:"span",className:q,"data-checked":w,"data-disabled":I,"data-focus":z,"data-error":j,testId:U},{children:a(r,{className:A,"data-checked":w,"data-disabled":I,"data-testid":R,size:F})}))]}))}));u.displayName="Checkbox";export{u as Checkbox};

package/dist/esm/primitives/CheckboxField/CheckboxField.js

@@ -1 +1 @@
-import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";import{jsxs as s,jsx as r}from"react/jsx-runtime";import*as o from"react";import i from"classnames";import{classNameModifier as t}from"../shared/utils.js";import{Checkbox as a}from"../Checkbox/Checkbox.js";import{ComponentClassNames as l}from"../shared/constants.js";import"../Field/FieldClearButton.js";import"../Field/FieldDescription.js";import{FieldErrorMessage as m}from"../Field/FieldErrorMessage.js";import{Flex as d}from"../Flex/Flex.js";import{useTestId as n}from"../utils/testUtils.js";const c=o.forwardRef(((o,c)=>{var{className:b,errorMessage:p,hasError:f=!1,labelHidden:h=!1,labelPosition:j,testId:F,size:x}=o,g=e(o,["className","errorMessage","hasError","labelHidden","labelPosition","testId","size"]);const u=n(F,l.Checkbox);return s(d,Object.assign({className:i(l.Field,l.CheckboxField,t(l.Field,x),b),"data-size":x,testId:F},{children:[r(a,Object.assign({hasError:f,labelHidden:h,testId:u,labelPosition:j,ref:c},g)),r(m,{hasError:f,errorMessage:p})]}))}));c.displayName="CheckboxField";export{c as CheckboxField};
+import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";import{jsxs as s,jsx as r}from"react/jsx-runtime";import*as o from"react";import i from"classnames";import{classNameModifier as t}from"../shared/utils.js";import{Checkbox as a}from"../Checkbox/Checkbox.js";import{ComponentClassNames as l}from"../shared/constants.js";import"../Field/FieldClearButton.js";import"../Field/FieldDescription.js";import{FieldErrorMessage as m}from"../Field/FieldErrorMessage.js";import{Flex as d}from"../Flex/Flex.js";import{getTestId as n}from"../utils/testUtils.js";const c=o.forwardRef(((o,c)=>{var{className:b,errorMessage:p,hasError:f=!1,labelHidden:h=!1,labelPosition:j,testId:F,size:x}=o,g=e(o,["className","errorMessage","hasError","labelHidden","labelPosition","testId","size"]);const u=n(F,l.Checkbox);return s(d,Object.assign({className:i(l.Field,l.CheckboxField,t(l.Field,x),b),"data-size":x,testId:F},{children:[r(a,Object.assign({hasError:f,labelHidden:h,testId:u,labelPosition:j,ref:c},g)),r(m,{hasError:f,errorMessage:p})]}))}));c.displayName="CheckboxField";export{c as CheckboxField};

package/dist/esm/primitives/Link/Link.js

@@ -1 +1 @@
-import{__rest as r}from"../../node_modules/tslib/tslib.es6.js";import{jsx as e}from"react/jsx-runtime";import*as s from"react";import a from"classnames";import{ComponentClassNames as o}from"../shared/constants.js";import{View as t}from"../View/View.js";const i=s.forwardRef(((s,i)=>{var{as:m="a",children:n,className:l,isExternal:c,to:d}=s,f=r(s,["as","children","className","isExternal","to"]);return e(t,Object.assign({as:m,className:a(o.Link,l),ref:i,rel:c?"noopener noreferrer":void 0,target:c?"_blank":void 0,to:d},f,{children:n}))}));i.displayName="Link";export{i as Link};
+import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";import{jsx as r}from"react/jsx-runtime";import*as o from"react";import s from"classnames";import{ComponentClassNames as i}from"../shared/constants.js";import{View as t}from"../View/View.js";import{useDeprecationWarning as n}from"../../hooks/useDeprecationWarning.js";const a=o.forwardRef(((o,a)=>{var{as:m="a",children:l,className:c,isExternal:p,to:d}=o,f=e(o,["as","children","className","isExternal","to"]);return n({shouldWarn:null!=d,message:"The Link component's to prop will soon be deprecated. Please see the Amplify UI documentation for using the Link component with routing libraries: https://ui.docs.amplify.aws/react/components/link#routing-libraries"}),r(t,Object.assign({as:m,className:s(i.Link,c),ref:a,rel:p?"noopener noreferrer":void 0,target:p?"_blank":void 0,to:d},f,{children:l}))}));a.displayName="Link";export{a as Link};

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

@@ -1 +1 @@
-import{__rest as i}from"../../node_modules/tslib/tslib.es6.js";import{jsx as a,jsxs as e}from"react/jsx-runtime";import*as s from"react";import t from"classnames";import{Button as n}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 d,classNameModifierByFlag as b}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=s.useCallback((()=>{f(I,P)}),[I,P,f]),O=s.useCallback((()=>{f()}),[f]),v=s.useCallback((()=>{f()}),[f]),N=t(l.PaginationItemButton,d(l.PaginationItemButton,"link"),b(l.PaginationItemButton,"disabled",k)),x=t(l.PaginationItemButton,d(l.PaginationItemButton,"link"),b(l.PaginationItemButton,"disabled",k));switch(j){case"page":return a(c,Object.assign({as:"li"},{children:I===P?e(r,Object.assign({as:"span",className:l.PaginationItemCurrent,testId:"current"},B,{children:[a(u,{children:h}),I]})):a(n,Object.assign({className:t(l.PaginationItemButton,d(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(n,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(n,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};
+import{__rest as i}from"../../node_modules/tslib/tslib.es6.js";import{jsx as a,jsxs as e}from"react/jsx-runtime";import*as t from"react";import s from"classnames";import{Button as n}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 u}from"../Icon/icons/IconChevronRight.js";import{VisuallyHidden as g}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=s(l.PaginationItemButton,b(l.PaginationItemButton,"link"),d(l.PaginationItemButton,"disabled",k)),x=s(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(g,{children:[h,":"]}),I]})):a(n,Object.assign({className:s(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(n,Object.assign({className:N,size:"small",variation:"link",isDisabled:k,onClick:v,ariaLabel:C},B,{children:a(u,{size:"large"})}))}));case"previous":return a(c,Object.assign({as:"li"},{children:a(n,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/PasswordField/PasswordField.js

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

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

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

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

@@ -1 +1 @@
-import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";import{jsxs as r,jsx as i}from"react/jsx-runtime";import l from"classnames";import{Root as a,Track as t,Range as s,Thumb as o}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 S}from"../Flex/Flex.js";import{Label as g}from"../Label/Label.js";import{splitPrimitiveProps as F}from"../shared/styleUtils.js";import{View as f}from"../View/View.js";import{useStableId as h}from"../utils/useStableId.js";const C="slider-label",j="slider-root",k="slider-track",v="slider-range",x=d.forwardRef(((C,j)=>{var{ariaValuetext:k,className:v,defaultValue:x,descriptiveText:y,emptyTrackColor:T,errorMessage:N,filledTrackColor:V,hasError:E=!1,id:O,isDisabled:z,isValueHidden:H=!1,label:R,labelHidden:I=!1,onChange:w,orientation:M="horizontal",outerEndComponent:D,outerStartComponent:G,testId:L,thumbColor:P,trackSize:B,dir:U,value:_,size:q}=C,A=e(C,["ariaValuetext","className","defaultValue","descriptiveText","emptyTrackColor","errorMessage","filledTrackColor","hasError","id","isDisabled","isValueHidden","label","labelHidden","onChange","orientation","outerEndComponent","outerStartComponent","testId","thumbColor","trackSize","dir","value","size"]);const J=h(O),K=h(),Q=h(),W=y?Q:void 0,{flexContainerStyleProps:X,baseStyleProps:Y,rest:Z}=F(A),$=void 0!==_,[ee,re]=d.useState($?_:x),ie=$?[_]:void 0,le=$?void 0:[x],ae=d.useCallback((e=>{re(e[0]),n(w)&&w(e[0])}),[w]),te="vertical"===M,se=l(c.SliderFieldTrack,m(c.SliderFieldTrack,M),m(c.SliderFieldTrack,q)),oe=l(c.SliderFieldRoot,m(c.SliderFieldRoot,M),m(c.SliderFieldRoot,q),v);return r(S,Object.assign({className:l(c.Field,c.SliderField),testId:L,"data-size":q},Y,X,{children:[r(g,Object.assign({className:c.SliderFieldLabel,id:K,testId:"slider-label",visuallyHidden:I},{children:[i(f,Object.assign({as:"span"},{children:R})),H?null:i(f,Object.assign({as:"span"},{children:ee}))]})),i(u,{id:Q,labelHidden:I,descriptiveText:y}),i(b,Object.assign({className:c.SliderFieldGroup,id:J,orientation:M,outerStartComponent:G,outerEndComponent:D},{children:r(a,Object.assign({className:oe,"data-testid":"slider-root",disabled:z,defaultValue:le,onValueChange:ae,orientation:M,ref:j,value:ie},Z,{children:[i(t,Object.assign({className:se,"data-testid":"slider-track",style:{backgroundColor:String(T),[""+(te?"width":"height")]:B}},{children:i(s,{className:l(c.SliderFieldRange,m(c.SliderFieldRange,M)),"data-testid":"slider-range",style:{backgroundColor:String(V)}})})),i(o,{"aria-describedby":W,"aria-labelledby":K,"aria-valuetext":k,className:l(c.SliderFieldThumb,m(c.SliderFieldThumb,q)),style:{backgroundColor:String(P)}})]}))})),i(p,{hasError:E,errorMessage:N})]}))}));x.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,x as SliderField};
+import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";import l from"classnames";import{Root as a,Track as t,Range as s,Thumb as o}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 S}from"../shared/styleUtils.js";import{View as F}from"../View/View.js";import{useStableId as h}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:x,emptyTrackColor:T,errorMessage:V,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:P,thumbColor:B,trackSize:U,dir:_,value:q,size:A}=C,J=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 K=h(z),Q=h(),W=h(),X=x?W:void 0,{flexContainerStyleProps:Y,baseStyleProps:Z,rest:$}=S(J),ee=void 0!==q,[re,ie]=d.useState(ee?q:y),le=ee?[q]:void 0,ae=ee?void 0:[y],te=d.useCallback((e=>{ie(e[0]),n(w)&&w(e[0])}),[w]),se=d.useMemo((()=>{const e=n(E)?E(re):re;return"string"==typeof E?r(F,Object.assign({as:"span"},{children:e})):e}),[re,E]),oe="vertical"===D,de=l(c.SliderFieldTrack,m(c.SliderFieldTrack,D),m(c.SliderFieldTrack,A)),ne=l(c.SliderFieldRoot,m(c.SliderFieldRoot,D),m(c.SliderFieldRoot,A),v);return i(f,Object.assign({className:l(c.Field,c.SliderField),testId:P,"data-size":A},Z,Y,{children:[i(g,Object.assign({className:c.SliderFieldLabel,id:Q,testId:"slider-label",visuallyHidden:M},{children:[r(F,Object.assign({as:"span"},{children:I})),R?null:se]})),r(u,{id:W,labelHidden:M,descriptiveText:x}),r(b,Object.assign({className:c.SliderFieldGroup,id:K,orientation:D,outerStartComponent:L,outerEndComponent:G},{children:i(a,Object.assign({className:ne,"data-testid":"slider-root",disabled:H,defaultValue:ae,onValueChange:te,orientation:D,ref:j,value:le},$,{children:[r(t,Object.assign({className:de,"data-testid":"slider-track",style:{backgroundColor:String(T),[""+(oe?"width":"height")]:U}},{children:r(s,{className:l(c.SliderFieldRange,m(c.SliderFieldRange,D)),"data-testid":"slider-range",style:{backgroundColor:String(N)}})})),r(o,{"aria-describedby":X,"aria-labelledby":Q,"aria-valuetext":k,className:l(c.SliderFieldThumb,m(c.SliderFieldThumb,A)),style:{backgroundColor:String(B)}})]}))})),r(p,{hasError:O,errorMessage:V})]}))}));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"../../node_modules/tslib/tslib.es6.js";import{jsxs as i,jsx as t}from"react/jsx-runtime";import*as r from"react";import s 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 m,ComponentText as u}from"../shared/constants.js";import"../View/View.js";import{IconRemove as b}from"../Icon/icons/IconRemove.js";import{Input as h}from"../Input/Input.js";import{Label as f}from"../Label/Label.js";import{classNameModifier as F}from"../shared/utils.js";import{splitPrimitiveProps as j}from"../shared/styleUtils.js";import{useStableId as g}from"../utils/useStableId.js";const I="decrease-icon",v="increase-icon",B=r.forwardRef(((I,v)=>{const{className:B,descriptiveText:S,defaultValue:D,errorMessage:O,hasError:y=!1,id:C,isDisabled:L,isReadOnly:x,isRequired:R,increaseButtonLabel:E=u.StepperField.increaseButtonLabel,decreaseButtonLabel:N=u.StepperField.decreaseButtonLabel,label:w,labelHidden:z=!1,onStepChange:G,size:V,variation:H,testId:M,bottom:$,height:q,left:T,padding:k,position:P,right:W,top:A,width:U,value:_}=I,J=e(I,["className","descriptiveText","defaultValue","errorMessage","hasError","id","isDisabled","isReadOnly","isRequired","increaseButtonLabel","decreaseButtonLabel","label","labelHidden","onStepChange","size","variation","testId","bottom","height","left","padding","position","right","top","width","value"]),K=g(C),Q=g(),X=S?Q:void 0,{baseStyleProps:Y,flexContainerStyleProps:Z,rest:ee}=j(J),{step:ie,value:te,inputValue:re,handleDecrease:se,handleIncrease:ae,handleOnBlur:oe,handleOnChange:le,handleOnWheel:ne,setInputValue:de,shouldDisableDecreaseButton:pe,shouldDisableIncreaseButton:ce}=a(I);return r.useEffect((()=>{void 0!==_&&de(_)}),[_,de]),i(p,Object.assign({className:s(m.Field,F(m.Field,V),m.StepperField,B),"data-size":V,"data-variation":H,testId:M,width:U,height:q,position:P,padding:k,top:A,right:W,left:T,bottom:$},Z,{children:[t(f,Object.assign({htmlFor:K,visuallyHidden:z},{children:w})),t(o,{id:Q,labelHidden:z,descriptiveText:S}),t(n,Object.assign({outerStartComponent:t(d,Object.assign({"aria-controls":K,ariaLabel:`${N} ${te-ie}`,className:s(m.StepperFieldButtonDecrease,F(m.StepperFieldButtonDecrease,H)),"data-invalid":y,isDisabled:pe,onClick:se,size:V},{children:t(b,{"data-testid":"decrease-icon"})})),outerEndComponent:t(d,Object.assign({"aria-controls":K,ariaLabel:`${E} ${te+ie}`,className:s(m.StepperFieldButtonIncrease,F(m.StepperFieldButtonIncrease,H)),"data-invalid":y,isDisabled:ce,onClick:ae,size:V},{children:t(c,{"data-testid":"increase-icon"})}))},{children:t(h,Object.assign({"aria-describedby":X,className:m.StepperFieldInput,hasError:y,id:K,isDisabled:L,isReadOnly:x,isRequired:R,onBlur:oe,onChange:le,onWheel:ne,ref:v,size:V,variation:H,type:"number",value:re},Y,ee))})),t(l,{hasError:y,errorMessage:O})]}))}));B.displayName="StepperField";export{I as DECREASE_ICON,v as INCREASE_ICON,B as StepperField};
+import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";import{jsxs as i,jsx as t}from"react/jsx-runtime";import*as r from"react";import s 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 m,ComponentText as u}from"../shared/constants.js";import"../View/View.js";import{IconRemove as b}from"../Icon/icons/IconRemove.js";import{Input as h}from"../Input/Input.js";import{Label as f}from"../Label/Label.js";import{classNameModifier as F,classNameModifierByFlag as j}from"../shared/utils.js";import{splitPrimitiveProps as g}from"../shared/styleUtils.js";import{useStableId as I}from"../utils/useStableId.js";const B="decrease-icon",S="increase-icon",v=r.forwardRef(((B,S)=>{const{className:v,descriptiveText:D,defaultValue:O,errorMessage:y,hasError:C=!1,id:L,isDisabled:x,isReadOnly:R,isRequired:E,increaseButtonLabel:N=u.StepperField.increaseButtonLabel,decreaseButtonLabel:w=u.StepperField.decreaseButtonLabel,label:z,labelHidden:G=!1,onStepChange:V,size:H,variation:M,testId:$,bottom:q,height:T,left:k,padding:P,position:W,right:A,top:U,width:_,value:J}=B,K=e(B,["className","descriptiveText","defaultValue","errorMessage","hasError","id","isDisabled","isReadOnly","isRequired","increaseButtonLabel","decreaseButtonLabel","label","labelHidden","onStepChange","size","variation","testId","bottom","height","left","padding","position","right","top","width","value"]),Q=I(L),X=I(),Y=D?X:void 0,{baseStyleProps:Z,flexContainerStyleProps:ee,rest:ie}=g(K),{step:te,value:re,inputValue:se,handleDecrease:ae,handleIncrease:oe,handleOnBlur:le,handleOnChange:ne,handleOnWheel:de,setInputValue:pe,shouldDisableDecreaseButton:ce,shouldDisableIncreaseButton:me}=a(B);return r.useEffect((()=>{void 0!==J&&pe(J)}),[J,pe]),i(p,Object.assign({className:s(m.Field,F(m.Field,H),m.StepperField,v),"data-size":H,"data-variation":M,testId:$,width:_,height:T,position:W,padding:P,top:U,right:A,left:k,bottom:q},ee,{children:[t(f,Object.assign({htmlFor:Q,visuallyHidden:G},{children:z})),t(o,{id:X,labelHidden:G,descriptiveText:D}),t(n,Object.assign({outerStartComponent:t(d,Object.assign({"aria-controls":Q,ariaLabel:`${w} ${re-te}`,className:s(m.StepperFieldButtonDecrease,F(m.StepperFieldButtonDecrease,M),j(m.StepperFieldButtonDecrease,"disabled",ce)),"data-invalid":C,isDisabled:ce,onClick:ae,size:H},{children:t(b,{"data-testid":"decrease-icon"})})),outerEndComponent:t(d,Object.assign({"aria-controls":Q,ariaLabel:`${N} ${re+te}`,className:s(m.StepperFieldButtonIncrease,F(m.StepperFieldButtonIncrease,M),j(m.StepperFieldButtonIncrease,"disabled",me)),"data-invalid":C,isDisabled:me,onClick:oe,size:H},{children:t(c,{"data-testid":"increase-icon"})}))},{children:t(h,Object.assign({"aria-describedby":Y,className:m.StepperFieldInput,hasError:C,id:Q,isDisabled:x,isReadOnly:R,isRequired:E,onBlur:le,onChange:ne,onWheel:de,ref:S,size:H,variation:M,type:"number",value:se},Z,ie))})),t(l,{hasError:C,errorMessage:y})]}))}));v.displayName="StepperField";export{B as DECREASE_ICON,S as INCREASE_ICON,v as StepperField};

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

@@ -1 +1 @@
-const e={Alert:{className:"amplify-alert",components:["Alert"],description:"Top level element that wraps the Alert primitive"},AlertIcon:{className:"amplify-alert__icon",components:["Alert"],description:"Class applied to Icon component within the Alert primitive"},AlertHeading:{className:"amplify-alert__heading",components:["Alert"],description:"Class applied to the heading View"},AlertBody:{className:"amplify-alert__body",components:["Alert"],description:"Class applied to the body View"},AlertDismiss:{className:"amplify-alert__dismiss",components:["Alert"],description:"Class applied to the close Button"},Badge:{className:"amplify-badge",components:["Badge"],description:"Top level element that wraps the Badge component"},Button:{className:"amplify-button",components:["Button"],description:"Top level element that wraps the Button primitive"},ButtonGroup:{className:"amplify-buttongroup"},ButtonLoaderWrapper:{className:"amplify-button__loader-wrapper",components:["Button"],description:"Class applied to the Loader component within the Button Loading state"},Card:{className:"amplify-card",components:["Card"],description:"Top level element that wraps the Card primitive"},Checkbox:{className:"amplify-checkbox",components:["Checkbox"],description:"Top level element that wraps the Checkbox primitive"},CheckboxButton:{className:"amplify-checkbox__button",components:["Checkbox"],description:"Wrapper for the checked icon within the Checkbox primitive"},CheckboxIcon:{className:"amplify-checkbox__icon",components:["Checkbox"],description:"Class applied to the checked icon within the Checkbox primitive"},CheckboxInput:{className:"amplify-checkbox__input",components:["Checkbox"],description:"Class applied to the visually hidden checkbox input within the Checkbox primitive"},CheckboxLabel:{className:"amplify-checkbox__label",components:["Checkbox"],description:"Class applied to the label within the Checkbox primitive"},CheckboxField:{className:"amplify-checkboxfield",components:["CheckboxField"],description:"Top level element that wraps the CheckboxField primitive"},Collection:{className:"amplify-collection",components:["Collection"],description:"Top level element that wraps the Collection primitive"},CollectionItems:{className:"amplify-collection-items",components:["Collection"],description:"Class applied to the element that wraps all the items in a collection"},CollectionSearch:{className:"amplify-collection-search",components:["Collection"],description:"Class applied to the element that wraps the collection search box"},CollectionPagination:{className:"amplify-collection-pagination",components:["Collection"],description:"Class applied to the element that wraps the pagination component in a collection"},CountryCodeSelect:{className:"amplify-countrycodeselect",components:["PhoneNumberField"],description:"Class applied to the Country Code Select within the PhoneNumberField primitive"},Divider:{className:"amplify-divider",components:["Divider"],description:"Top level element that wraps the Divider primitive"},DividerLabel:{className:"amplify-divider--label",components:["Divider"],description:"Class applied to the label of the Divider component"},Expander:{className:"amplify-expander",components:["Expander"],description:"Top level element that wraps the Expander primitive"},ExpanderContent:{className:"amplify-expander__content",components:["Expander"],description:"Expander content container"},ExpanderContentText:{className:"amplify-expander__content__text",components:["Expander"],description:"Expander content text"},ExpanderHeader:{className:"amplify-expander__header",components:["Expander"],description:"Expander item header"},ExpanderIcon:{className:"amplify-expander__icon",components:["Expander"],description:"Icon to indicate whether an item is expanded or collapsed"},ExpanderItem:{className:"amplify-expander__item",components:["Expander"],description:"Expander item(containier for header, trigger, and content)"},ExpanderTrigger:{className:"amplify-expander__trigger",components:["Expander"],description:"Expander item trigger(button)"},Field:{className:"amplify-field"},FieldDescription:{className:"amplify-field__description"},FieldErrorMessage:{className:"amplify-field__error-message"},FieldGroup:{className:"amplify-field-group"},FieldGroupControl:{className:"amplify-field-group__control"},FieldGroupOuterEnd:{className:"amplify-field-group__outer-end"},FieldGroupOuterStart:{className:"amplify-field-group__outer-start"},FieldGroupInnerEnd:{className:"amplify-field-group__inner-end"},FieldGroupInnerStart:{className:"amplify-field-group__inner-start"},FieldGroupIcon:{className:"amplify-field-group__icon"},FieldGroupIconButton:{className:"amplify-field-group__icon-button"},FieldGroupHasInnerEnd:{className:"amplify-field-group--has-inner-end"},FieldGroupHasInnerStart:{className:"amplify-field-group--has-inner-start"},FieldShowPassword:{className:"amplify-field__show-password"},FieldGroupFieldWrapper:{className:"amplify-field-group__field-wrapper"},Flex:{className:"amplify-flex",components:["Flex"],description:"Top level element that wraps the Flex primitive"},Grid:{className:"amplify-grid",components:["Grid"],description:"Top level element that wraps the Grid primitive"},Heading:{className:"amplify-heading",components:["Heading"],description:"Top level element that wraps the Heading primitive"},Icon:{className:"amplify-icon",components:["Icon"],description:"Top level element that wraps the Icon primitive"},Image:{className:"amplify-image",components:["Image"],description:"Top level element that wraps the Image primitive"},Input:{className:"amplify-input"},Label:{className:"amplify-label"},Link:{className:"amplify-link",components:["Link"],description:"Top level element that wraps the Link primitive"},Loader:{className:"amplify-loader",components:["Loader"],description:"Top level element that wraps the Loader primitive"},LoaderDeterminate:{className:"amplify-loader--determinate",components:["Loader"],description:"Class applied to a determinate loader"},LoaderPercentageText:{className:"amplify-loader__percentage-text",components:["Loader"],description:"Class applied to the percentage text of loader"},MenuContent:{className:"amplify-menu-content",components:["Menu"],description:"Menu content container (Flex)"},MenuItem:{className:"amplify-menu-content__item",components:["Menu"],description:"Menu item button (MenuButton, wrapped in amplify-menu-content class)"},MenuTrigger:{className:"amplify-menu-trigger",components:["Menu"],description:"Menu trigger button (MenuButton, not wrapped in amplify-menu-content class)"},Pagination:{className:"amplify-pagination",components:["Pagination"],description:"Top level element that wraps the Pagination primitive"},PaginationItemButton:{className:"amplify-pagination__item-button",components:["Pagination"],description:"Class applied to the pagination buttons"},PaginationItemCurrent:{className:"amplify-pagination__item-current",components:["Pagination"],description:"Class applied to the currently selected pagination button"},PaginationItemEllipsis:{className:"amplify-pagination__item-ellipsis",components:["Pagination"],description:"Class applied to the ellipsis within the Pagination primitive"},PasswordField:{className:"amplify-passwordfield",components:["PasswordField"],description:"Top level element that wraps the PasswordField primitive"},PhoneNumberField:{className:"amplify-phonenumberfield",components:["PhoneNumberField"],description:"Top level element that wraps the PhoneNumberField primitive"},Placeholder:{className:"amplify-placeholder",components:["Placeholder"],description:"Top level element that wraps the Placeholder primitive"},Radio:{className:"amplify-radio",components:["RadioGroupField","Radio"],description:"Top level element that wraps the Radio primitive"},RadioButton:{className:"amplify-radio__button",components:["RadioGroupField","Radio"],description:"Class applied to the displayed radio button"},RadioInput:{className:"amplify-radio__input",components:["RadioGroupField","Radio"],description:"Class applied to the visually hidden radio input"},RadioLabel:{className:"amplify-radio__label",components:["RadioGroupField","Radio"],description:"Class applied to the radio label"},RadioGroupField:{className:"amplify-radiogroupfield",components:["RadioGroupField"],description:"Top level element that wraps the RadioGroupField primitive"},RadioGroup:{className:"amplify-radiogroup",components:["RadioGroupField"],description:"Class applied to the radio group wrapper"},Rating:{className:"amplify-rating",components:["Rating"],description:"Top level element that wraps the Rating primitive"},ScrollView:{className:"amplify-scrollview",components:["ScrollView"],description:"Top level element that wraps the ScrollView primitive"},SearchField:{className:"amplify-searchfield",components:["SearchField"],description:"Top level element that wraps the SearchField primitive"},SearchFieldClear:{className:"amplify-searchfield__clear",components:["SearchField"],description:"Class applied to the search field clear button"},SearchFieldSearch:{className:"amplify-searchfield__search",components:["SearchField"],description:"Class applied to the search button"},Select:{className:"amplify-select",components:["Select","SelectField"],description:"Class applied to the select element"},SelectField:{className:"amplify-selectfield",components:["SelectField"],description:"Top level element that wraps the SelectField primitive"},SelectWrapper:{className:"amplify-select__wrapper",components:["Select","SelectField"],description:"Class applied to the select wrapper"},SelectIconWrapper:{className:"amplify-select__icon-wrapper",components:["Select","SelectField"],description:"Class applied to the select icon wrapper"},SliderField:{className:"amplify-sliderfield",components:["SliderField"],description:"Top level element that wraps the SliderField primitive"},SliderFieldGroup:{className:"amplify-sliderfield__group",components:["SliderField"],description:"Class applied to the element that wraps the slider root"},SliderFieldLabel:{className:"amplify-sliderfield__label",components:["SliderField"],description:"Class applied to the slider label"},SliderFieldRange:{className:"amplify-sliderfield__range",components:["SliderField"],description:"Class applied to the filled in portion of the slider track"},SliderFieldRoot:{className:"amplify-sliderfield__root",components:["SliderField"],description:"Class applied to the slider root which wraps the track and thumb"},SliderFieldThumb:{className:"amplify-sliderfield__thumb",components:["SliderField"],description:"Class applied to the slider thumb"},SliderFieldTrack:{className:"amplify-sliderfield__track",components:["SliderField"],description:"Class applied to the slider track"},StepperField:{className:"amplify-stepperfield",components:["StepperField"],description:"Top level element that wraps the StepperField primitive"},StepperFieldButtonDecrease:{className:"amplify-stepperfield__button--decrease",components:["StepperField"],description:"Class applied to the decrease button"},StepperFieldButtonIncrease:{className:"amplify-stepperfield__button--increase",components:["StepperField"],description:"Class applied to the increase button"},StepperFieldInput:{className:"amplify-stepperfield__input",components:["StepperField"],description:"Class applied to the StepperField input"},SwitchField:{className:"amplify-switchfield",components:["SwitchField"],description:"Top level element that wraps the SwitchField primitive"},SwitchLabel:{className:"amplify-switch-label",components:["SwitchField"],description:"Class applied to the SwitchField label text"},SwitchThumb:{className:"amplify-switch-thumb",components:["SwitchField"],description:"Class applied to the SwitchField thumb"},SwitchTrack:{className:"amplify-switch-track",components:["SwitchField"],description:"Class applied to the SwitchField track"},SwitchWrapper:{className:"amplify-switch__wrapper",components:["SwitchField"],description:"Class applied to the label element that wraps the SwitchField label and track"},Table:{className:"amplify-table",components:["Table"],description:"Top level element that wraps the Table primitive"},TableCaption:{className:"amplify-table__caption",components:["Table"],description:"Class applied to the content provided as the caption prop"},TableBody:{className:"amplify-table__body",components:["Table"],description:"Class applied to TableBody component"},TableTd:{className:"amplify-table__td",components:["Table"],description:'Class applied to TableCell component rendered as a <td> element (<TableCell as="td" />)'},TableTh:{className:"amplify-table__th",components:["Table"],description:'Class applied to TableCell comopnent rendered as a <th> element (<TableCell as="th" />)'},TableFoot:{className:"amplify-table__foot",components:["Table"],description:"Class applied to TableFoot component"},TableHead:{className:"amplify-table__head",components:["Table"],description:"Class applied to TableHead component"},TableRow:{className:"amplify-table__row",components:["Table"],description:"Class applied to TableRow component"},Tabs:{className:"amplify-tabs",components:["Tabs"],description:"Top level element that wraps the Tabs primitive"},TabItems:{className:"amplify-tabs-item",components:["Tabs"],description:"Top level element that wraps the TabItem primitive"},Text:{className:"amplify-text",components:["Text"],description:"Top level element that wraps the Text primitive"},Textarea:{className:"amplify-textarea",components:["TextAreaField"],description:"Class applied to the text area"},TextAreaField:{className:"amplify-textareafield",components:["TextAreaField"],description:"Top level element that wraps the TextAreaField primitive"},TextField:{className:"amplify-textfield",components:["TextField"],description:"Top level element that wraps the TextField primitive"},ToggleButton:{className:"amplify-togglebutton",components:["ToggleButton"],description:"Top level element that wraps the ToggleButton primitive"},ToggleButtonGroup:{className:"amplify-togglebuttongroup",components:["ToggleButton","ToggleButtonGroup"],description:"Top level element that wraps the ToggleButtonGroup primitive"},VisuallyHidden:{className:"amplify-visually-hidden",components:["VisuallyHidden"],description:"Top level element that wraps the VisuallyHidden primitive"}},t={Collection:{searchButtonLabel:"Search"},Fields:{clearButtonLabel:"Clear input"},PaginationItem:{currentPageLabel:"Current Page:",nextLabel:"Go to next page",pageLabel:"Go to page",previousLabel:"Go to previous page"},PhoneNumberField:{countryCodeLabel:"Country code"},SearchField:{searchButtonLabel:"Search"},PasswordField:{showPasswordButtonLabel:"Show password",hidePasswordButtonLabel:"Hide password"},StepperField:{increaseButtonLabel:"Increase to",decreaseButtonLabel:"Decrease to"}};let i={};Object.keys(e).map((t=>{i[t]=e[t].className})),Object.freeze(i);export{i as ComponentClassNames,e as ComponentClassObject,t as ComponentText};
+import{ComponentClassName as e}from"./types.js";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"},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 Country 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"},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,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,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,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},l={Alert:{dismissButtonLabel:"Dismiss alert"},Collection:{searchButtonLabel:"Search"},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"}},i={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"};export{t as ComponentClassNames,a as ComponentClassObject,l as ComponentText,i as stylePropsToThemeKeys};

package/dist/esm/primitives/shared/responsive/getMediaQueries.js

@@ -1 +1 @@
-const t=({breakpoints:t})=>{const n=Object.keys(t).sort(((n,e)=>t[e]-t[n]));return n.map(((e,r)=>{let i="",o=t[e];const a=n[r-1],p=a?t[a]-1:null;return o>=0&&(i=`(min-width: ${o}px)`),null!==p&&(i&&(i+=" and "),i+=`(max-width: ${p}px)`),{breakpoint:e,query:i,maxWidth:p,minWidth:o}}))};export{t as getMediaQueries};
+const t=({breakpoints:t})=>{const n=Object.keys(t).sort(((n,e)=>t[e]-t[n]));return n.map(((e,r)=>{let i="";const o=t[e],a=n[r-1],p=a?t[a]-1:null;return o>=0&&(i=`(min-width: ${o}px)`),null!==p&&(i&&(i+=" and "),i+=`(max-width: ${p}px)`),{breakpoint:e,query:i,maxWidth:p,minWidth:o}}))};export{t as getMediaQueries};

package/dist/esm/primitives/shared/responsive/utils.js

@@ -1 +1 @@
-import{isDesignToken as r}from"@aws-amplify/ui";import{getCSSVariableIfValueIsThemeKey as t}from"../utils.js";const o=(o,e,s,i)=>{if(r(o))return o.toString();if("object"!=typeof o)return t(i,o);let f={};const c=Object.keys(s).sort(((r,t)=>s[r]-s[t]));return Array.isArray(o)?o.map(((r,t)=>{f[c[t]]=r})):f=o,n(i,f,e,s)},n=(o,n,e,s)=>{if(n.hasOwnProperty(e)){const s=n[e];return r(s)?s.toString():t(o,s)}const i=Object.keys(s).sort(((r,t)=>s[t]-s[r])),f=i.slice(i.indexOf(e));for(const e of f)if(n.hasOwnProperty(e)){const s=n[e];return r(s)?s.toString():t(o,s)}return null};export{o as getValueAtCurrentBreakpoint};
+import{isDesignToken as r}from"@aws-amplify/ui";import{getCSSVariableIfValueIsThemeKey as t}from"../utils.js";const o=({breakpoint:o,breakpoints:e,propKey:i,values:n})=>{if(r(n))return n.toString();if("object"!=typeof n)return t(i,n);let s={};const p=Object.keys(e).sort(((r,t)=>e[r]-e[t]));return Array.isArray(n)?n.map(((r,t)=>{s[p[t]]=r})):s=n,(({breakpoint:o,breakpoints:e,propKey:i,values:n})=>{if(void 0!==n[o]){const e=n[o];return r(e)?e.toString():t(i,e)}const s=Object.keys(e).sort(((r,t)=>e[t]-e[r])),p=s.slice(s.indexOf(o));for(const o of p)if(void 0!==n[o]){const e=n[o];return r(e)?e.toString():t(i,e)}return null})({breakpoint:o,breakpoints:e,propKey:i,values:s})};export{o as getValueAtCurrentBreakpoint};

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

@@ -1 +1 @@
-import{__rest as o}from"../../node_modules/tslib/tslib.es6.js";import*as n from"react";import{ComponentPropsToStylePropsMap as t}from"../types/style.js";import{getValueAtCurrentBreakpoint as r}from"./responsive/utils.js";import{useBreakpoint as e}from"./responsive/useBreakpoint.js";import"../../components/ThemeProvider/AmplifyContext.js";import{useTheme as i}from"../../hooks/useTheme.js";import{isNullOrEmptyString as a,isEmptyString as s}from"./utils.js";const l=t=>{const{rowSpan:r,columnSpan:e,row:i,column:s}=t,l=o(t,["rowSpan","columnSpan","row","column"]),{rowFromSpanValue:p,columnFromSpanValue:m}=n.useMemo((()=>({rowFromSpanValue:c(r),columnFromSpanValue:c(e)})),[r,e]);return Object.assign({row:a(i)?p:i,column:a(s)?m:s},l)},p=(o,t)=>{const{breakpoints:{values:r,defaultBreakpoint:a}}=i(),s=e({breakpoints:r,defaultBreakpoint:a}),p=l(o);return n.useMemo((()=>g({props:p,style:t,breakpoint:s,breakpoints:r})),[p,t,r,s])},m=o=>"auto"===o||"number"==typeof o&&!isNaN(o)||"string"==typeof o&&!isNaN(parseFloat(o)),c=o=>{if(m(o))return d(o);if(Array.isArray(o))return o.map((o=>d(o)));if("object"==typeof o&&null!=o){const n={};return Object.entries(o).forEach((([o,t])=>{n[o]=d(t)})),n}return null},d=o=>"auto"===o?"auto":`span ${o}`,g=({props:o={},style:n={},breakpoint:e,breakpoints:i})=>{const a={};return Object.keys(o).filter((n=>null!=o[n])).forEach((l=>{if(l in t){if(!s(o[l])){let a=o[l];a=r(a,e,i,l);const s=t[l];n=Object.assign(Object.assign({},n),{[s]:a})}}else a[l]=o[l]})),{propStyles:n,nonStyleProps:a}},u={alignContent:!0,alignItems:!0,direction:!0,gap:!0,justifyContent:!0,wrap:!0,columnGap:!0,rowGap:!0},f={alignSelf:!0,area:!0,backgroundColor:!0,backgroundImage:!0,basis:!0,border:!0,borderRadius:!0,bottom:!0,boxShadow:!0,color:!0,column:!0,columnEnd:!0,columnSpan:!0,columnStart:!0,display:!0,flex:!0,fontFamily:!0,fontSize:!0,fontStyle:!0,fontWeight:!0,grow:!0,height:!0,left:!0,letterSpacing:!0,lineHeight:!0,margin:!0,marginBlock:!0,marginBlockEnd:!0,marginBlockStart:!0,marginBottom:!0,marginInline:!0,marginInlineEnd:!0,marginInlineStart:!0,marginLeft:!0,marginRight:!0,marginTop:!0,maxHeight:!0,maxWidth:!0,minHeight:!0,minWidth:!0,opacity:!0,order:!0,overflow:!0,padding:!0,paddingBlock:!0,paddingBlockEnd:!0,paddingBlockStart:!0,paddingBottom:!0,paddingInline:!0,paddingInlineEnd:!0,paddingInlineStart:!0,paddingLeft:!0,paddingRight:!0,paddingTop:!0,position:!0,right:!0,row:!0,rowEnd:!0,rowSpan:!0,rowStart:!0,shrink:!0,textAlign:!0,textDecoration:!0,textTransform:!0,top:!0,transform:!0,transformOrigin:!0,width:!0,whiteSpace:!0},S=o=>{const n={flexContainerStyleProps:{},baseStyleProps:{},rest:{}};return Object.keys(o).forEach((t=>{t in u?n.flexContainerStyleProps[t]=o[t]:t in f?n.baseStyleProps[t]=o[t]:n.rest[t]=o[t]})),n};export{c as convertGridSpan,g as convertStylePropsToStyleObj,d as getGridSpan,m as isSpanPrimitiveValue,S as splitPrimitiveProps,p as useStyles,l as useTransformStyleProps};
+import{__rest as o}from"../../node_modules/tslib/tslib.es6.js";import*as n from"react";import{ComponentPropsToStylePropsMap as t}from"../types/style.js";import{getValueAtCurrentBreakpoint as r}from"./responsive/utils.js";import{useBreakpoint as e}from"./responsive/useBreakpoint.js";import"../../components/ThemeProvider/AmplifyContext.js";import{useTheme as i}from"../../hooks/useTheme.js";import{isEmptyString as a,isNullOrEmptyString as s}from"./utils.js";const p=o=>"auto"===o||"number"==typeof o&&!isNaN(o)||"string"==typeof o&&!isNaN(parseFloat(o)),l=o=>"auto"===o?"auto":`span ${o}`,m=o=>{if(p(o))return l(o);if(Array.isArray(o))return o.map((o=>l(o)));if("object"==typeof o&&null!=o){const n={};return Object.entries(o).forEach((([o,t])=>{n[o]=l(t)})),n}return null},u=t=>{const{rowSpan:r,columnSpan:e,row:i,column:a}=t,p=o(t,["rowSpan","columnSpan","row","column"]),{rowFromSpanValue:l,columnFromSpanValue:u}=n.useMemo((()=>({rowFromSpanValue:m(r),columnFromSpanValue:m(e)})),[r,e]);return Object.assign({row:s(i)?l:i,column:s(a)?u:a},p)},c=({props:o={},style:n={},breakpoint:e,breakpoints:i})=>{const s={};return Object.keys(o).filter((n=>null!=o[n])).forEach((p=>{if(p in t){if(!a(o[p])){const a=o[p],s=t[p];n=Object.assign(Object.assign({},n),{[s]:r({values:a,breakpoint:e,breakpoints:i,propKey:p})})}}else s[p]=o[p]})),{propStyles:n,nonStyleProps:s}},d=(o,t)=>{const{breakpoints:{values:r,defaultBreakpoint:a}}=i(),s=e({breakpoints:r,defaultBreakpoint:a}),p=u(o);return n.useMemo((()=>c({props:p,style:t,breakpoint:s,breakpoints:r})),[p,t,r,s])},g={alignContent:!0,alignItems:!0,direction:!0,gap:!0,justifyContent:!0,wrap:!0,columnGap:!0,rowGap:!0},f={alignSelf:!0,area:!0,backgroundColor:!0,backgroundImage:!0,basis:!0,border:!0,borderRadius:!0,bottom:!0,boxShadow:!0,color:!0,column:!0,columnEnd:!0,columnSpan:!0,columnStart:!0,display:!0,flex:!0,fontFamily:!0,fontSize:!0,fontStyle:!0,fontWeight:!0,grow:!0,height:!0,left:!0,letterSpacing:!0,lineHeight:!0,margin:!0,marginBlock:!0,marginBlockEnd:!0,marginBlockStart:!0,marginBottom:!0,marginInline:!0,marginInlineEnd:!0,marginInlineStart:!0,marginLeft:!0,marginRight:!0,marginTop:!0,maxHeight:!0,maxWidth:!0,minHeight:!0,minWidth:!0,opacity:!0,order:!0,overflow:!0,padding:!0,paddingBlock:!0,paddingBlockEnd:!0,paddingBlockStart:!0,paddingBottom:!0,paddingInline:!0,paddingInlineEnd:!0,paddingInlineStart:!0,paddingLeft:!0,paddingRight:!0,paddingTop:!0,position:!0,right:!0,row:!0,rowEnd:!0,rowSpan:!0,rowStart:!0,shrink:!0,textAlign:!0,textDecoration:!0,textTransform:!0,top:!0,transform:!0,transformOrigin:!0,width:!0,whiteSpace:!0},S=o=>{const n={flexContainerStyleProps:{},baseStyleProps:{},rest:{}};return Object.keys(o).forEach((t=>{t in g?n.flexContainerStyleProps[t]=o[t]:t in f?n.baseStyleProps[t]=o[t]:n.rest[t]=o[t]})),n};export{m as convertGridSpan,c as convertStylePropsToStyleObj,l as getGridSpan,p as isSpanPrimitiveValue,S as splitPrimitiveProps,d as useStyles,u as useTransformStyleProps};

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

@@ -0,0 +1 @@
+var e;!function(e){e.Alert="amplify-alert",e.AlertIcon="amplify-alert__icon",e.AlertHeading="amplify-alert__heading",e.AlertBody="amplify-alert__body",e.AlertDismiss="amplify-alert__dismiss",e.Badge="amplify-badge",e.Button="amplify-button",e.ButtonGroup="amplify-buttongroup",e.ButtonLoaderWrapper="amplify-button__loader-wrapper",e.Card="amplify-card",e.Checkbox="amplify-checkbox",e.CheckboxButton="amplify-checkbox__button",e.CheckboxIcon="amplify-checkbox__icon",e.CheckboxInput="amplify-checkbox__input",e.CheckboxLabel="amplify-checkbox__label",e.CheckboxField="amplify-checkboxfield",e.Collection="amplify-collection",e.CollectionItems="amplify-collection-items",e.CollectionSearch="amplify-collection-search",e.CollectionPagination="amplify-collection-pagination",e.CountryCodeSelect="amplify-countrycodeselect",e.Divider="amplify-divider",e.DividerLabel="amplify-divider--label",e.Expander="amplify-expander",e.ExpanderContent="amplify-expander__content",e.ExpanderContentText="amplify-expander__content__text",e.ExpanderHeader="amplify-expander__header",e.ExpanderIcon="amplify-expander__icon",e.ExpanderItem="amplify-expander__item",e.ExpanderTrigger="amplify-expander__trigger",e.Field="amplify-field",e.FieldDescription="amplify-field__description",e.FieldErrorMessage="amplify-field__error-message",e.FieldGroup="amplify-field-group",e.FieldGroupControl="amplify-field-group__control",e.FieldGroupOuterEnd="amplify-field-group__outer-end",e.FieldGroupOuterStart="amplify-field-group__outer-start",e.FieldGroupInnerEnd="amplify-field-group__inner-end",e.FieldGroupInnerStart="amplify-field-group__inner-start",e.FieldGroupIcon="amplify-field-group__icon",e.FieldGroupIconButton="amplify-field-group__icon-button",e.FieldGroupHasInnerEnd="amplify-field-group--has-inner-end",e.FieldGroupHasInnerStart="amplify-field-group--has-inner-start",e.FieldShowPassword="amplify-field__show-password",e.FieldGroupFieldWrapper="amplify-field-group__field-wrapper",e.Flex="amplify-flex",e.Grid="amplify-grid",e.Heading="amplify-heading",e.Icon="amplify-icon",e.Image="amplify-image",e.Input="amplify-input",e.Label="amplify-label",e.Link="amplify-link",e.Loader="amplify-loader",e.LoaderDeterminate="amplify-loader--determinate",e.LoaderPercentageText="amplify-loader__percentage-text",e.MenuContent="amplify-menu-content",e.MenuItem="amplify-menu-content__item",e.MenuTrigger="amplify-menu-trigger",e.Pagination="amplify-pagination",e.PaginationItemButton="amplify-pagination__item-button",e.PaginationItemCurrent="amplify-pagination__item-current",e.PaginationItemEllipsis="amplify-pagination__item-ellipsis",e.PasswordField="amplify-passwordfield",e.PhoneNumberField="amplify-phonenumberfield",e.Placeholder="amplify-placeholder",e.Radio="amplify-radio",e.RadioButton="amplify-radio__button",e.RadioInput="amplify-radio__input",e.RadioLabel="amplify-radio__label",e.RadioGroupField="amplify-radiogroupfield",e.RadioGroup="amplify-radiogroup",e.Rating="amplify-rating",e.ScrollView="amplify-scrollview",e.SearchField="amplify-searchfield",e.SearchFieldClear="amplify-searchfield__clear",e.SearchFieldSearch="amplify-searchfield__search",e.Select="amplify-select",e.SelectField="amplify-selectfield",e.SelectWrapper="amplify-select__wrapper",e.SelectIconWrapper="amplify-select__icon-wrapper",e.SliderField="amplify-sliderfield",e.SliderFieldGroup="amplify-sliderfield__group",e.SliderFieldLabel="amplify-sliderfield__label",e.SliderFieldRange="amplify-sliderfield__range",e.SliderFieldRoot="amplify-sliderfield__root",e.SliderFieldThumb="amplify-sliderfield__thumb",e.SliderFieldTrack="amplify-sliderfield__track",e.StepperField="amplify-stepperfield",e.StepperFieldButtonDecrease="amplify-stepperfield__button--decrease",e.StepperFieldButtonIncrease="amplify-stepperfield__button--increase",e.StepperFieldInput="amplify-stepperfield__input",e.SwitchField="amplify-switchfield",e.SwitchLabel="amplify-switch-label",e.SwitchThumb="amplify-switch-thumb",e.SwitchTrack="amplify-switch-track",e.SwitchWrapper="amplify-switch__wrapper",e.Table="amplify-table",e.TableCaption="amplify-table__caption",e.TableBody="amplify-table__body",e.TableTd="amplify-table__td",e.TableTh="amplify-table__th",e.TableFoot="amplify-table__foot",e.TableHead="amplify-table__head",e.TableRow="amplify-table__row",e.Tabs="amplify-tabs",e.TabItems="amplify-tabs-item",e.Text="amplify-text",e.Textarea="amplify-textarea",e.TextAreaField="amplify-textareafield",e.TextField="amplify-textfield",e.ToggleButton="amplify-togglebutton",e.ToggleButtonGroup="amplify-togglebuttongroup",e.VisuallyHidden="amplify-visually-hidden"}(e||(e={}));export{e as ComponentClassName};

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

@@ -1 +1 @@
-import{isDesignToken as e,cssNameTransform as t,defaultTheme as r}from"@aws-amplify/ui";import{stylePropsToThemeKeys as n}from"../types/theme.js";const s=e=>"string"==typeof e&&e.length>0,i=e=>"function"==typeof e,l=e=>"string"==typeof e&&0===e.length,c=e=>null==e||l(e),a=(e,t)=>{const r=t-e+1;return Array.from({length:r},((t,r)=>r+e))},f=(e,t)=>{if(!e)return null;const r=Object.entries(e).filter((e=>e[0].startsWith(t)));return Object.assign({},...Array.from(r,(([e,r])=>({[e.replace(t,"")]:r}))))},u=(e,t)=>{if(!e)return null;const r=Object.entries(e).filter((([e])=>e===t)).flatMap((([,e])=>Object.entries(e))).filter((e=>null==e?void 0:e[0]));return Object.fromEntries(r)};function o(e,t){const r=[...new Set(e.flatMap((e=>Object.keys(e.variantValues))))],n=Object.keys(t).filter((e=>r.includes(e)&&t[e])).reduce(((e,r)=>(e[r]=t[r],e)),{});return e.filter((({variantValues:e})=>Object.keys(e).length===Object.keys(n).length&&Object.entries(e).every((([e,t])=>n[e]===t)))).reduce(((e,t)=>Object.assign(Object.assign({},e),t.overrides)),{})}const j=(e,t)=>{if(!e&&!t)return null;if(!t)return e;if(!e)return t;const r=new Set(Object.keys(t)),n=Object.keys(e).filter((e=>r.has(e))),s=Object.fromEntries(n.map((r=>[r,Object.assign(Object.assign({},e[r]),t[r])])));return Object.assign(Object.assign(Object.assign({},e),t),s)},b=(e,t)=>t?`${e}--${t}`:null,O=(e,t,r)=>r?`${e}--${t}`:null,g=(s,i)=>{if("string"!=typeof i)return i;if(i.includes(" "))return i.split(" ").map((e=>g(s,e))).join(" ");const l=i.split(".");let{tokens:c}=r;c=c[n[s]];for(let e=0;e<l.length&&c;e++)c=c[l[e]];return e(c)?`var(--${t({path:[n[s],...l]})})`:i};export{b as classNameModifier,O as classNameModifierByFlag,f as findChildOverrides,g as getCSSVariableIfValueIsThemeKey,a as getConsecutiveIntArray,u as getOverrideProps,o as getOverridesFromVariants,l as isEmptyString,i as isFunction,c as isNullOrEmptyString,j as mergeVariantsAndOverrides,s as strHasLength};
+import{defaultTheme as t,isDesignToken as e,cssNameTransform as n}from"@aws-amplify/ui";import{stylePropsToThemeKeys as r}from"./constants.js";const s=t=>"string"==typeof t&&t.length>0,i=t=>"function"==typeof t,l=t=>"string"==typeof t&&0===t.length,c=t=>null==t||l(t),a=(t,e)=>{const n=e-t+1;return Array.from({length:n},((e,n)=>n+t))},f=(t,e)=>{if(!t)return null;const n=Object.entries(t).filter((t=>t[0].startsWith(e)));return Object.assign({},...Array.from(n,(([t,n])=>({[t.replace(e,"")]:n}))))},o=(t,e)=>{if(!t)return null;const n=Object.entries(t).filter((([t])=>t===e)).flatMap((([,t])=>Object.entries(t))).filter((t=>null==t?void 0:t[0]));return Object.fromEntries(n)};function u(t,e){const n=[...new Set(t.flatMap((t=>Object.keys(t.variantValues))))],r=Object.keys(e).filter((t=>n.includes(t)&&e[t])).reduce(((t,n)=>(t[n]=e[n],t)),{});return t.filter((({variantValues:t})=>Object.keys(t).length===Object.keys(r).length&&Object.entries(t).every((([t,e])=>r[t]===e)))).reduce(((t,e)=>Object.assign(Object.assign({},t),e.overrides)),{})}const j=(t,e)=>{if(!t&&!e)return null;if(!e)return t;if(!t)return e;const n=new Set(Object.keys(e)),r=Object.keys(t).filter((t=>n.has(t))),s=Object.fromEntries(r.map((n=>[n,Object.assign(Object.assign({},t[n]),e[n])])));return Object.assign(Object.assign(Object.assign({},t),e),s)},b=(t,e)=>e?`${t}--${e}`:null,O=(t,e,n)=>n?`${t}--${e}`:null,g=(s,i)=>{if("string"!=typeof i)return i;if(i.includes(" "))return i.split(" ").map((t=>g(s,t))).join(" ");const l=i.split("."),c=r[s];let a=t.tokens[c];for(let t=0;t<l.length&&a;t++)a=a[l[t]];return e(a)?`var(--${n({path:[r[s],...l]})})`:i};export{b as classNameModifier,O as classNameModifierByFlag,f as findChildOverrides,g as getCSSVariableIfValueIsThemeKey,a as getConsecutiveIntArray,o as getOverrideProps,u as getOverridesFromVariants,l as isEmptyString,i as isFunction,c as isNullOrEmptyString,j as mergeVariantsAndOverrides,s as strHasLength};

package/dist/esm/primitives/utils/testUtils.js

@@ -1 +1 @@
-import*as o from"react";const e=(e,r)=>o.useMemo((()=>e&&r?`${e}-${r}`:void 0),[e,r]);export{e as useTestId};
+const o=(o,t)=>o&&t?`${o}-${t}`:void 0;export{o as getTestId};

package/dist/esm/primitives/utils/useLayoutEffect.js

@@ -1 +1 @@
-import*as o from"react";const l=Boolean(null===globalThis||void 0===globalThis?void 0:globalThis.document)?o.useLayoutEffect:()=>{};export{l as useLayoutEffect};
+import*as o from"react";const l=(null===globalThis||void 0===globalThis?void 0:globalThis.document)?o.useLayoutEffect:()=>{};export{l as useLayoutEffect};