@aws-amplify/ui-react 2.11.0 → 2.14.0

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

@@ -0,0 +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"},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",compoents:["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"}};let t={};Object.keys(e).map((i=>{t[i]=e[i].className})),Object.freeze(t);export{t as ComponentClassNames,e as ComponentClassObject};

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

@@ -0,0 +1 @@
+import{isFunction as r}from"./utils.js";const o=r=>r.reduce(((r,o)=>a=>o(r(a))),(r=>r)),a=t=>{const{and:n,or:e,field:s,operator:i,operand:c}=t;if(Array.isArray(n)){const r=n.map((r=>a(r)));return a=>a.and(o(r))}if(Array.isArray(e)){const r=e.map((r=>a(r)));return a=>a.or(o(r))}return o=>r(o[s])?o[s].call(o,i,c):o};export{a as createDataStorePredicate};

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

@@ -0,0 +1 @@
+const e={CountryCodeSelect:{ariaLabel:"Country code"},ShowPasswordButton:{ariaLabel:{showPassword:"Show password",hidePassword:"Hide password"}},Fields:{ariaLabel:{clearField:"Clear search"}},SearchField:{ariaLabel:{search:"Search"}},StepperField:{ariaLabel:{IncreaseTo:"Increase to",DecreaseTo:"Decrease to"}},Collection:{SearchFieldLabel:"Search"}};export{e as SharedText};

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

@@ -0,0 +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};

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

@@ -0,0 +1 @@
+import*as e from"react";import{getMediaQueries as t}from"./getMediaQueries.js";const n="undefined"==typeof window?e.useEffect:e.useLayoutEffect,o=({breakpoints:o,defaultBreakpoint:a})=>{const r="undefined"!=typeof window&&void 0!==window.matchMedia?window.matchMedia:null,i=e.useMemo((()=>t({breakpoints:o})),[o]),[s,u]=e.useState(a),c=e.useCallback(((e,t)=>{e&&u(t)}),[u]);return n((()=>{if(!r)return;const e=i.map((({query:e,breakpoint:t})=>{const n=r(e);c(n.matches,t);const o=e=>{e.matches&&u(t)};return n.addEventListener("change",o),()=>n.removeEventListener("change",o)}));return()=>{e.forEach((e=>e()))}}),[o,u,r,i]),e.useDebugValue(s,(e=>e)),s};export{o as useBreakpoint};

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

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

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

@@ -0,0 +1 @@
+import{__rest as o}from"../../node_modules/tslib/tslib.es6.js";import*as t from"react";import{isDesignToken as n}from"@aws-amplify/ui";import{ComponentPropsToStylePropsMap as r}from"../types/style.js";import{getValueAtCurrentBreakpoint as e}from"./responsive/utils.js";import{useBreakpoint as i}from"./responsive/useBreakpoint.js";import"../../components/AmplifyProvider/AmplifyContext.js";import{useTheme as a}from"../../hooks/useTheme.js";import{isNullOrEmptyString as s,isEmptyString as p}from"./utils.js";const l=n=>{const{rowSpan:r,columnSpan:e,row:i,column:a}=n,p=o(n,["rowSpan","columnSpan","row","column"]),{rowFromSpanValue:l,columnFromSpanValue:m}=t.useMemo((()=>({rowFromSpanValue:c(r),columnFromSpanValue:c(e)})),[r,e]);return Object.assign({row:s(i)?l:i,column:s(a)?m:a},p)},m=(o,n)=>{const{breakpoints:{values:r,defaultBreakpoint:e}}=a(),s=i({breakpoints:r,defaultBreakpoint:e}),p=l(o);return t.useMemo((()=>d({props:p,style:n,breakpoint:s,breakpoints:r})),[p,n,r,s])},u=o=>"auto"===o||"number"==typeof o&&!isNaN(o)||"string"==typeof o&&!isNaN(parseFloat(o)),c=o=>{if(u(o))return g(o);if(Array.isArray(o))return o.map((o=>g(o)));if("object"==typeof o&&null!=o){const t={};return Object.entries(o).forEach((([o,n])=>{t[o]=g(n)})),t}return null},g=o=>"auto"===o?"auto":`span ${o}`,d=({props:o={},style:t={},breakpoint:i,breakpoints:a})=>{const s={};return Object.keys(o).filter((t=>null!=o[t])).forEach((l=>{if(l in r){if(!p(o[l])){let s=o[l];s=n(s)?s.toString():e(s,i,a);const p=r[l];t=Object.assign(Object.assign({},t),{[p]:s})}}else s[l]=o[l]})),{propStyles:t,nonStyleProps:s}},f={alignContent:!0,alignItems:!0,direction:!0,gap:!0,justifyContent:!0,wrap:!0,columnGap:!0,rowGap:!0},S={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,marginBlockEnd:!0,marginBlockStart:!0,marginBottom:!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,paddingBlockEnd:!0,paddingBlockStart:!0,paddingBottom:!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},b=o=>{const t={flexContainerStyleProps:{},baseStyleProps:{},rest:{}};return Object.keys(o).forEach((n=>{n in f?t.flexContainerStyleProps[n]=o[n]:n in S?t.baseStyleProps[n]=o[n]:t.rest[n]=o[n]})),t};export{c as convertGridSpan,d as convertStylePropsToStyleObj,g as getGridSpan,u as isSpanPrimitiveValue,b as splitPrimitiveProps,m as useStyles,l as useTransformStyleProps};

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

@@ -0,0 +1 @@
+const e=e=>"string"==typeof e&&e.length>0,t=e=>"function"==typeof e,n=e=>"string"==typeof e&&0===e.length,r=e=>null==e||n(e),s=(e,t)=>{const n=t-e+1;return Array.from({length:n},((t,n)=>n+e))},i=(e,t)=>{if(!e)return null;const n=Object.entries(e).filter((e=>e[0].startsWith(t)));return Object.assign({},...Array.from(n,(([e,n])=>({[e.replace(t,"")]:n}))))},c=(e,t)=>{if(!e)return null;const n=Object.entries(e).filter((([e])=>e===t)).flatMap((([,e])=>Object.entries(e))).filter((e=>null==e?void 0:e[0]));return Object.fromEntries(n)};function l(e,t){const n=[...new Set(e.flatMap((e=>Object.keys(e.variantValues))))],r=Object.keys(t).filter((e=>n.includes(e)&&t[e])).reduce(((e,n)=>(e[n]=t[n],e)),{});return e.filter((({variantValues:e})=>Object.keys(e).length===Object.keys(r).length&&Object.entries(e).every((([e,t])=>r[e]===t)))).reduce(((e,t)=>Object.assign(Object.assign({},e),t.overrides)),{})}const a=(e,t)=>{if(!e&&!t)return null;if(!t)return e;if(!e)return t;const n=new Set(Object.keys(t)),r=Object.keys(e).filter((e=>n.has(e))),s=Object.fromEntries(r.map((n=>[n,Object.assign(Object.assign({},e[n]),t[n])])));return Object.assign(Object.assign(Object.assign({},e),t),s)};export{i as findChildOverrides,s as getConsecutiveIntArray,c as getOverrideProps,l as getOverridesFromVariants,n as isEmptyString,t as isFunction,r as isNullOrEmptyString,a as mergeVariantsAndOverrides,e as strHasLength};

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

@@ -0,0 +1 @@
+const n={alignContent:"alignContent",alignItems:"alignItems",alignSelf:"alignSelf",area:"gridArea",autoColumns:"gridAutoColumns",autoFlow:"gridAutoFlow",autoRows:"gridAutoRows",backgroundColor:"backgroundColor",backgroundImage:"backgroundImage",basis:"flexBasis",border:"border",borderRadius:"borderRadius",bottom:"bottom",boxShadow:"boxShadow",color:"color",column:"gridColumn",columnEnd:"gridColumnEnd",columnGap:"columnGap",columnSpan:"gridColumn",columnStart:"gridColumnStart",direction:"flexDirection",display:"display",flex:"flex",fontFamily:"fontFamily",fontSize:"fontSize",fontStyle:"fontStyle",fontWeight:"fontWeight",gap:"gap",grow:"flexGrow",height:"height",justifyContent:"justifyContent",left:"left",letterSpacing:"letterSpacing",lineHeight:"lineHeight",margin:"margin",marginBlockEnd:"marginBlockEnd",marginBlockStart:"marginBlockStart",marginBottom:"marginBlockEnd",marginInlineEnd:"marginInlineEnd",marginInlineStart:"marginInlineStart",marginLeft:"marginInlineStart",marginRight:"marginInlineEnd",marginTop:"marginBlockStart",maxHeight:"maxHeight",maxWidth:"maxWidth",minHeight:"minHeight",minWidth:"minWidth",objectFit:"objectFit",objectPosition:"objectPosition",opacity:"opacity",order:"order",overflow:"overflow",padding:"padding",paddingBlockEnd:"paddingBlockEnd",paddingBlockStart:"paddingBlockStart",paddingBottom:"paddingBlockEnd",paddingInlineEnd:"paddingInlineEnd",paddingInlineStart:"paddingInlineStart",paddingLeft:"paddingInlineStart",paddingRight:"paddingInlineEnd",paddingTop:"paddingBlockStart",position:"position",resize:"resize",right:"right",row:"gridRow",rowEnd:"gridRowEnd",rowGap:"rowGap",rowSpan:"gridRow",rowStart:"gridRowStart",shrink:"flexShrink",templateAreas:"gridTemplateAreas",templateColumns:"gridTemplateColumns",templateRows:"gridTemplateRows",textAlign:"textAlign",textDecoration:"textDecoration",textTransform:"textTransform",top:"top",transform:"transform",transformOrigin:"transformOrigin",width:"width",whiteSpace:"whiteSpace",wrap:"flexWrap"},t=Object.keys(n);export{n as ComponentPropsToStylePropsMap,t as ComponentPropsToStylePropsMapKeys};

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

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

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

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

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

@@ -0,0 +1 @@
+import*as t from"react";import{useLayoutEffect as o}from"./useLayoutEffect.js";const r="amplify-id",e=t["useId".toString()]||(()=>{});let i=0;const s=r=>{const[s,n]=t.useState(e());return o((()=>{r||n((t=>null!=t?t:String(i++)))}),[r]),r||(s?`amplify-id-${s}`:"")};export{r as AUTO_GENERATED_ID_PREFIX,s as useStableId};