@aws-amplify/ui-react 4.6.0 → 4.6.1

package/dist/esm/components/Geo/LocationSearch/index.mjs

@@ -1 +1 @@
-import{__rest as r}from"tslib";import e,{useRef as o,useEffect as t}from"react";import i from"maplibre-gl";import{createAmplifyGeocoder as n}from"maplibre-gl-js-amplify";import{useMap as c,useControl as l}from"react-map-gl";const m={maplibregl:i,marker:{color:"#3FB1CE"},popup:!0,showResultMarkers:{color:"#3FB1CE"},showResultsWhileTyping:!0},p=e=>{var{position:o="top-right"}=e,t=r(e,["position"]);return l((()=>n(t)),{position:o}),null},a=r=>{const i=o(!1);return t((()=>{i.current||(n(r).addTo("#geocoder-container"),i.current=!0)}),[r]),e.createElement("div",{id:"geocoder-container"})},s=r=>{const{current:o}=c();return o?e.createElement(p,Object.assign({},m,r)):e.createElement(a,Object.assign({},m,r))},g=s;export{g as Geocoder,s as LocationSearch};
+import{__rest as r}from"tslib";import e,{useRef as t,useEffect as o}from"react";import i from"maplibre-gl";import{createAmplifyGeocoder as n}from"maplibre-gl-js-amplify";import{useMap as l,useControl as m}from"react-map-gl";const p={maplibregl:i,marker:{color:"#3FB1CE"},popup:!0,showResultMarkers:{color:"#3FB1CE"},showResultsWhileTyping:!0},s="geocoder-container",a=e=>{var{position:t="top-right"}=e,o=r(e,["position"]);return m((()=>n(o)),{position:t}),null},c=r=>{const i=t(!1);return o((()=>{i.current||(n(r).addTo(`#${s}`),i.current=!0)}),[r]),e.createElement("div",{id:s})},u=r=>{const{current:t}=l();return t?e.createElement(a,Object.assign({},p,r)):e.createElement(c,Object.assign({},p,r))},g=u;export{g as Geocoder,u as LocationSearch};

package/dist/esm/components/Geo/MapView/index.mjs

@@ -1 +1 @@
-import{__rest as i,__awaiter as o}from"tslib";import e,{forwardRef as r,useMemo as t,useState as l,useEffect as a}from"react";import n from"maplibre-gl";import{AmplifyMapLibreRequest as m}from"maplibre-gl-js-amplify";import s from"react-map-gl";import{Amplify as p,Auth as v}from"aws-amplify";const d=r(((r,d)=>{var u,f,c,{mapLib:g,mapStyle:y,style:b}=r,w=i(r,["mapLib","mapStyle","style"]);const h=p.configure(),L=t((()=>{var i,o,e,r;return null!==(r=null!==(o=null===(i=h.geo)||void 0===i?void 0:i.amazon_location_service)&&void 0!==o?o:null===(e=h.geo)||void 0===e?void 0:e.AmazonLocationService)&&void 0!==r?r:{}}),[h]),[S,j]=l(),q=t((()=>Object.assign({height:"100vh",position:"relative",width:"100vw"},b)),[b]);return a((()=>{o(void 0,void 0,void 0,(function*(){const i=yield v.currentUserCredentials();if(i){const{region:o}=L,{transformRequest:e}=new m(i,o);j((()=>e))}}))}),[L]),S?e.createElement(s,Object.assign({},w,{mapLib:null!=g?g:n,mapStyle:null!=y?y:null===(u=L.maps)||void 0===u?void 0:u.default,ref:d,style:q,transformRequest:S,fog:null!==(f=w.fog)&&void 0!==f?f:void 0,terrain:null!==(c=w.terrain)&&void 0!==c?c:void 0})):null}));d.displayName="MapView";export{d as MapView};
+import{__rest as e,__awaiter as i}from"tslib";import o,{forwardRef as r,useMemo as t,useState as l,useEffect as a}from"react";import n from"maplibre-gl";import{AmplifyMapLibreRequest as m}from"maplibre-gl-js-amplify";import s from"react-map-gl";import{Amplify as p,Auth as v}from"aws-amplify";const f=r(((r,f)=>{var c,{mapLib:d,mapStyle:u,style:g}=r,y=e(r,["mapLib","mapStyle","style"]);const b=p.configure(),w=t((()=>{var e,i,o,r;return null!==(r=null!==(i=null===(e=b.geo)||void 0===e?void 0:e.amazon_location_service)&&void 0!==i?i:null===(o=b.geo)||void 0===o?void 0:o.AmazonLocationService)&&void 0!==r?r:{}}),[b]),[h,L]=l(),S=t((()=>Object.assign({height:"100vh",position:"relative",width:"100vw"},g)),[g]);return a((()=>{i(void 0,void 0,void 0,(function*(){const e=yield v.currentUserCredentials();if(e){const{region:i}=w,{transformRequest:o}=new m(e,i);L((()=>o))}}))}),[w]),h?o.createElement(s,Object.assign({},y,{mapLib:null!=d?d:n,mapStyle:null!=u?u:null===(c=w.maps)||void 0===c?void 0:c.default,ref:f,style:S,transformRequest:h,fog:y.fog,terrain:y.terrain})):null}));f.displayName="MapView";export{f as MapView};

package/dist/esm/components/InAppMessaging/Backdrop/Backdrop.mjs

@@ -1 +1 @@
-import{__rest as i}from"tslib";import a from"react";import{View as e}from"../../../primitives/View/View.mjs";const r="inappmessaging-backdrop";function t(r){var{onClick:t}=r,n=i(r,["onClick"]);return a.createElement(e,Object.assign({className:"amplify-inappmessaging-backdrop","data-testid":"inappmessaging-backdrop",onClick:t},n))}export{r as BACKDROP_TEST_ID,t as Backdrop};
+import{__rest as i}from"tslib";import t from"react";import{View as a}from"../../../primitives/View/View.mjs";const e="inappmessaging-backdrop";function r(r){var{onClick:o}=r,m=i(r,["onClick"]);return t.createElement(a,Object.assign({className:"amplify-inappmessaging-backdrop","data-testid":e,onClick:o},m))}export{e as BACKDROP_TEST_ID,r as Backdrop};

package/dist/esm/hooks/actions/constants.mjs

@@ -1 +1 @@
-const t="ui",a="actions",e="auth",s="datastore",o="core",i="signout",n="navigate",r="create",c="delete",d="update",u="statemutation",h="started",g="finished",f="actions:auth",m="actions:auth:signout",p="actions:auth:signout:started",l="actions:auth:signout:finished",v="actions:core",y="actions:core:statemutation",b="actions:core:statemutation:started",q="actions:core:statemutation:finished",x="actions:core:navigate",E="actions:core:navigate:started",j="actions:core:navigate:finished",k="actions:datastore",w="actions:datastore:create",z="actions:datastore:create:started",A="actions:datastore:create:finished",B="actions:datastore:delete",C="actions:datastore:delete:started",D="actions:datastore:delete:finished",F="actions:datastore:update",G="actions:datastore:update:started",H="actions:datastore:update:finished",I="Error querying datastore item by id";export{i as ACTION_AUTH_SIGNOUT,l as ACTION_AUTH_SIGNOUT_FINISHED,p as ACTION_AUTH_SIGNOUT_STARTED,r as ACTION_DATASTORE_CREATE,A as ACTION_DATASTORE_CREATE_FINISHED,z as ACTION_DATASTORE_CREATE_STARTED,c as ACTION_DATASTORE_DELETE,D as ACTION_DATASTORE_DELETE_FINISHED,C as ACTION_DATASTORE_DELETE_STARTED,d as ACTION_DATASTORE_UPDATE,H as ACTION_DATASTORE_UPDATE_FINISHED,G as ACTION_DATASTORE_UPDATE_STARTED,n as ACTION_NAVIGATE,j as ACTION_NAVIGATE_FINISHED,E as ACTION_NAVIGATE_STARTED,u as ACTION_STATE_MUTATION,q as ACTION_STATE_MUTATION_FINISHED,b as ACTION_STATE_MUTATION_STARTED,e as CATEGORY_AUTH,o as CATEGORY_CORE,s as CATEGORY_DATASTORE,I as DATASTORE_QUERY_BY_ID_ERROR,f as EVENT_ACTION_AUTH,m as EVENT_ACTION_AUTH_SIGNOUT,v as EVENT_ACTION_CORE,x as EVENT_ACTION_CORE_NAVIGATE,y as EVENT_ACTION_CORE_STATE_MUTATION,k as EVENT_ACTION_DATASTORE,w as EVENT_ACTION_DATASTORE_CREATE,B as EVENT_ACTION_DATASTORE_DELETE,F as EVENT_ACTION_DATASTORE_UPDATE,g as STATUS_FINISHED,h as STATUS_STARTED,t as UI_CHANNEL,a as UI_EVENT_TYPE_ACTIONS};
+const $="ui",t="actions",e="auth",a="datastore",i="core",r="signout",o="navigate",s="create",d="delete",n="update",u="statemutation",c="started",g="finished",h=`${t}:${e}`,m=`${h}:${r}`,p=`${m}:${c}`,y=`${m}:${g}`,b=`${t}:${i}`,f=`${b}:${u}`,l=`${f}:${c}`,q=`${f}:${g}`,v=`${b}:${o}`,x=`${v}:${c}`,E=`${v}:${g}`,j=`${t}:${a}`,k=`${j}:${s}`,w=`${k}:${c}`,z=`${k}:${g}`,A=`${j}:${d}`,B=`${A}:${c}`,C=`${A}:${g}`,D=`${j}:${n}`,F=`${D}:${c}`,G=`${D}:${g}`,H="Error querying datastore item by id";export{r as ACTION_AUTH_SIGNOUT,y as ACTION_AUTH_SIGNOUT_FINISHED,p as ACTION_AUTH_SIGNOUT_STARTED,s as ACTION_DATASTORE_CREATE,z as ACTION_DATASTORE_CREATE_FINISHED,w as ACTION_DATASTORE_CREATE_STARTED,d as ACTION_DATASTORE_DELETE,C as ACTION_DATASTORE_DELETE_FINISHED,B as ACTION_DATASTORE_DELETE_STARTED,n as ACTION_DATASTORE_UPDATE,G as ACTION_DATASTORE_UPDATE_FINISHED,F as ACTION_DATASTORE_UPDATE_STARTED,o as ACTION_NAVIGATE,E as ACTION_NAVIGATE_FINISHED,x as ACTION_NAVIGATE_STARTED,u as ACTION_STATE_MUTATION,q as ACTION_STATE_MUTATION_FINISHED,l as ACTION_STATE_MUTATION_STARTED,e as CATEGORY_AUTH,i as CATEGORY_CORE,a as CATEGORY_DATASTORE,H as DATASTORE_QUERY_BY_ID_ERROR,h as EVENT_ACTION_AUTH,m as EVENT_ACTION_AUTH_SIGNOUT,b as EVENT_ACTION_CORE,v as EVENT_ACTION_CORE_NAVIGATE,f as EVENT_ACTION_CORE_STATE_MUTATION,j as EVENT_ACTION_DATASTORE,k as EVENT_ACTION_DATASTORE_CREATE,A as EVENT_ACTION_DATASTORE_DELETE,D as EVENT_ACTION_DATASTORE_UPDATE,g as STATUS_FINISHED,c as STATUS_STARTED,$ as UI_CHANNEL,t as UI_EVENT_TYPE_ACTIONS};

package/dist/esm/hooks/actions/useNavigateAction.mjs

@@ -1 +1 @@
-import*as e from"react";import{Hub as r}from"aws-amplify";import{UI_CHANNEL as o,ACTION_NAVIGATE_STARTED as a,EVENT_ACTION_CORE_NAVIGATE as n,ACTION_NAVIGATE_FINISHED as t}from"./constants.mjs";import{AMPLIFY_SYMBOL as s}from"../../helpers/constants.mjs";const l="noopener noreferrer",c="_self",i=l=>{const{type:c,url:i,anchor:p,target:d}=l,m=e.useMemo((()=>{switch(c){case"url":return()=>{window.open(i,d||"_self","noopener noreferrer")};case"anchor":return()=>{window.location.hash=null!=p?p:""};case"reload":return()=>{window.location.reload()};default:return()=>{console.warn('Please provide a valid navigate type. Available types are "url", "anchor" and "reload".')}}}),[p,d,c,i]);return()=>{r.dispatch(o,{event:a,data:l},n,s),m(),r.dispatch(o,{event:t,data:l},n,s)}};export{c as defaultTarget,i as useNavigateAction,l as windowFeatures};
+import*as e from"react";import{Hub as r}from"aws-amplify";import{UI_CHANNEL as a,ACTION_NAVIGATE_STARTED as o,EVENT_ACTION_CORE_NAVIGATE as t,ACTION_NAVIGATE_FINISHED as n}from"./constants.mjs";import{AMPLIFY_SYMBOL as s}from"../../helpers/constants.mjs";const l="noopener noreferrer",c="_self",i=i=>{const{type:p,url:d,anchor:m,target:u}=i,h=e.useMemo((()=>{switch(p){case"url":return()=>{window.open(d,u||c,l)};case"anchor":return()=>{window.location.hash=null!=m?m:""};case"reload":return()=>{window.location.reload()};default:return()=>{console.warn('Please provide a valid navigate type. Available types are "url", "anchor" and "reload".')}}}),[m,u,p,d]);return()=>{r.dispatch(a,{event:o,data:i},t,s),h(),r.dispatch(a,{event:n,data:i},t,s)}};export{c as defaultTarget,i as useNavigateAction,l as windowFeatures};

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

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

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

@@ -1 +1 @@
-import{__rest as e}from"tslib";import*as i from"react";import t from"classnames";import{Text as s}from"../Text/Text.mjs";import{ComponentClassNames as r}from"../shared/constants.mjs";const a="qa-field-description",d=a=>{var{descriptiveText:d,labelHidden:l}=a,o=e(a,["descriptiveText","labelHidden"]);return d?i.createElement(s,Object.assign({"data-testid":"qa-field-description",className:t(r.FieldDescription,{[r.VisuallyHidden]:l})},o),d):null};d.displayName="FieldDescription";export{d as FieldDescription,a as QA_FIELD_DESCRIPTION};
+import{__rest as e}from"tslib";import*as t from"react";import i from"classnames";import{Text as s}from"../Text/Text.mjs";import{ComponentClassNames as r}from"../shared/constants.mjs";const a="qa-field-description",d=d=>{var{descriptiveText:l,labelHidden:m}=d,o=e(d,["descriptiveText","labelHidden"]);return l?t.createElement(s,Object.assign({"data-testid":a,className:i(r.FieldDescription,{[r.VisuallyHidden]:m})},o),l):null};d.displayName="FieldDescription";export{d as FieldDescription,a as QA_FIELD_DESCRIPTION};

package/dist/esm/primitives/Loader/Loader.mjs

@@ -1 +1 @@
-import{__rest as e}from"tslib";import*as t from"react";import a from"classnames";import{classNameModifier as r}from"@aws-amplify/ui";import{ComponentClassNames as i}from"../shared/constants.mjs";import{View as l}from"../View/View.mjs";const s="linear-empty",n="linear-filled",o="circular-empty",m="circular-filled",c=8,d=42,y=84*Math.PI,p=t.forwardRef(((s,n)=>{var{className:o,filledColor:m,emptyColor:c,size:d,variation:p,isDeterminate:f=!1,isPercentageTextHidden:x=!1,percentage:g=0}=s,u=e(s,["className","filledColor","emptyColor","size","variation","isDeterminate","isPercentageTextHidden","percentage"]);g=Math.min(g,100);const v=`${g=Math.max(g,0)}%`,E=a(i.Loader,r(i.Loader,d),r(i.Loader,p),f?i.LoaderDeterminate:null,o),h=t.createElement("g",null,t.createElement("line",{x1:"0",x2:"100%",y1:"50%",y2:"50%",style:{stroke:String(c)},"data-testid":"linear-empty"}),t.createElement("line",{x1:"0",x2:f?v:"100%",y1:"50%",y2:"50%",style:{stroke:f&&0===g?"none":m?String(m):void 0},"data-testid":"linear-filled"}),f?t.createElement("text",{"aria-live":"polite",className:a(i.LoaderPercentageText,x?i.VisuallyHidden:null),x:`${-1+g}%`,y:"200%"},v):null),k=t.createElement("g",null,t.createElement("circle",{cx:"50%",cy:"50%",r:"42%",strokeWidth:"8%",style:{stroke:String(c)},"data-testid":"circular-empty"}),t.createElement("circle",{cx:"50%",cy:"50%",r:"42%",strokeWidth:"8%",style:{stroke:String(m),strokeDasharray:f?`${y}% ${y}%`:void 0,strokeDashoffset:f?y-y*g/100+"%":void 0},"data-testid":"circular-filled"}),f?t.createElement("text",{"aria-live":"polite",className:a(i.LoaderPercentageText,x?i.VisuallyHidden:null),x:"130%",y:"80%"},v):null);return t.createElement(l,Object.assign({as:"svg",className:E,"data-size":d,"data-variation":p,ref:n,role:"img"},u),"linear"===p?h:k)}));p.displayName="Loader";export{o as CIRCULAR_EMPTY,m as CIRCULAR_FILLED,c as CIRCULAR_STROKE_WIDTH,y as CIRCUMFERENCE,s as LINEAR_EMPTY,n as LINEAR_FILLED,p as Loader,d as RADIUS};
+import{__rest as e}from"tslib";import*as t from"react";import a from"classnames";import{classNameModifier as r}from"@aws-amplify/ui";import{ComponentClassNames as i}from"../shared/constants.mjs";import{View as l}from"../View/View.mjs";const s="linear-empty",n="linear-filled",o="circular-empty",m="circular-filled",c=8,d=42,y=84*Math.PI,p=t.forwardRef(((c,d)=>{var{className:p,filledColor:f,emptyColor:x,size:g,variation:u,isDeterminate:v=!1,isPercentageTextHidden:E=!1,percentage:h=0}=c,k=e(c,["className","filledColor","emptyColor","size","variation","isDeterminate","isPercentageTextHidden","percentage"]);h=Math.min(h,100);const L=`${h=Math.max(h,0)}%`,N=a(i.Loader,r(i.Loader,g),r(i.Loader,u),v?i.LoaderDeterminate:null,p),D=t.createElement("g",null,t.createElement("line",{x1:"0",x2:"100%",y1:"50%",y2:"50%",style:{stroke:String(x)},"data-testid":s}),t.createElement("line",{x1:"0",x2:v?L:"100%",y1:"50%",y2:"50%",style:{stroke:v&&0===h?"none":f?String(f):void 0},"data-testid":n}),v?t.createElement("text",{"aria-live":"polite",className:a(i.LoaderPercentageText,E?i.VisuallyHidden:null),x:`${-1+h}%`,y:"200%"},L):null),P=t.createElement("g",null,t.createElement("circle",{cx:"50%",cy:"50%",r:"42%",strokeWidth:"8%",style:{stroke:String(x)},"data-testid":o}),t.createElement("circle",{cx:"50%",cy:"50%",r:"42%",strokeWidth:"8%",style:{stroke:String(f),strokeDasharray:v?`${y}% ${y}%`:void 0,strokeDashoffset:v?y-y*h/100+"%":void 0},"data-testid":m}),v?t.createElement("text",{"aria-live":"polite",className:a(i.LoaderPercentageText,E?i.VisuallyHidden:null),x:"130%",y:"80%"},L):null);return t.createElement(l,Object.assign({as:"svg",className:N,"data-size":g,"data-variation":u,ref:d,role:"img"},k),"linear"===u?D:P)}));p.displayName="Loader";export{o as CIRCULAR_EMPTY,m as CIRCULAR_FILLED,c as CIRCULAR_STROKE_WIDTH,y as CIRCUMFERENCE,s as LINEAR_EMPTY,n as LINEAR_FILLED,p as Loader,d as RADIUS};

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

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

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

@@ -1 +1 @@
-import{__rest as e}from"tslib";import*as m from"react";import t from"classnames";import*as r from"@radix-ui/react-dropdown-menu";import{sanitizeNamespaceImport as a}from"@aws-amplify/ui";import{ComponentClassNames as s}from"../shared/constants.mjs";import{MenuButton as i}from"./MenuButton.mjs";const{DropdownMenuItem:o}=a(r),n="amplify-menu-item-test-id",l=m.forwardRef(((r,a)=>{var{children:n,className:l}=r,p=e(r,["children","className"]);return m.createElement(o,{asChild:!0,ref:a},m.createElement(i,Object.assign({className:t(s.MenuItem,l),testId:"amplify-menu-item-test-id"},p,{variation:"menu"}),n))}));l.displayName="MenuItem";export{n as MENU_ITEM_TEST_ID,l as MenuItem};
+import{__rest as e}from"tslib";import*as m from"react";import r from"classnames";import*as t from"@radix-ui/react-dropdown-menu";import{sanitizeNamespaceImport as a}from"@aws-amplify/ui";import{ComponentClassNames as s}from"../shared/constants.mjs";import{MenuButton as o}from"./MenuButton.mjs";const{DropdownMenuItem:i}=a(t),n="amplify-menu-item-test-id",c=m.forwardRef(((t,a)=>{var{children:c,className:l}=t,p=e(t,["children","className"]);return m.createElement(i,{asChild:!0,ref:a},m.createElement(o,Object.assign({className:r(s.MenuItem,l),testId:n},p,{variation:"menu"}),c))}));c.displayName="MenuItem";export{n as MENU_ITEM_TEST_ID,c as MenuItem};

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

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

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

@@ -1 +1 @@
-import*as t from"react";import{getConsecutiveIntArray as r}from"../shared/utils.mjs";const a="...",m=(a,m,e=1)=>t.useMemo((()=>{const t=Math.max(a,1),o=Math.max(e,1),n=Math.max(t,m),s=n;if(n<5+2*o)return r(1,n);const i=Math.max(t-o,1),h=Math.min(t+o,s),u=i>2,M=h<s-1;if(u&&!M){return[1,"...",...r(s-(3+2*o)+1,s)]}if(!u&&M){return[...r(1,3+2*o),"...",s]}return[1,"...",...r(i,h),"...",s]}),[a,m,e]);export{a as ELLIPSIS,m as useRange};
+import*as t from"react";import{getConsecutiveIntArray as r}from"../shared/utils.mjs";const a="...",m=(m,o,n=1)=>t.useMemo((()=>{const t=Math.max(m,1),s=Math.max(n,1),e=Math.max(t,o),i=e;if(e<5+2*s)return r(1,e);const c=Math.max(t-s,1),h=Math.min(t+s,i),u=c>2,M=h<i-1;if(u&&!M){const t=r(i-(3+2*s)+1,i);return[1,a,...t]}if(!u&&M){return[...r(1,3+2*s),a,i]}const f=r(c,h);return[1,a,...f,a,i]}),[m,o,n]);export{a as ELLIPSIS,m as useRange};

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

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

package/dist/esm/primitives/SliderField/SliderField.mjs

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

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

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

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

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

package/dist/esm/version.mjs

@@ -1 +1 @@
-const o="4.6.0";export{o as VERSION};
+const o="4.6.1";export{o as VERSION};