@aws-amplify/ui-react 2.18.1 → 2.19.0

package/dist/esm/node_modules/tslib/tslib.es6.js

@@ -1,15 +1 @@
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
 function t(t,n){var e={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&n.indexOf(o)<0&&(e[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(t);r<o.length;r++)n.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(t,o[r])&&(e[o[r]]=t[o[r]])}return e}function n(t,n,e,o){return new(e||(e=Promise))((function(r,c){function f(t){try{i(o.next(t))}catch(t){c(t)}}function a(t){try{i(o.throw(t))}catch(t){c(t)}}function i(t){var n;t.done?r(t.value):(n=t.value,n instanceof e?n:new e((function(t){t(n)}))).then(f,a)}i((o=o.apply(t,n||[])).next())}))}export{n as __awaiter,t as __rest};

package/dist/esm/primitives/Collection/Collection.js

@@ -1 +1 @@
-import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";import{jsx as s,jsxs as r}from"react/jsx-runtime";import i from"classnames";import t from"lodash/debounce";import*as a from"react";import{Flex as l}from"../Flex/Flex.js";import{Grid as o}from"../Grid/Grid.js";import{Pagination as n}from"../Pagination/Pagination.js";import{usePagination as c}from"../Pagination/usePagination.js";import{SearchField as m}from"../SearchField/SearchField.js";import{ComponentClassNames as d}from"../shared/constants.js";import{SharedText as h}from"../shared/i18n.js";import{strHasLength as g}from"../shared/utils.js";import{getPageCount as p,getItemsAtPage as j,itemHasText as u}from"./utils.js";const b=10,f=r=>{var{children:i,direction:t="column",items:a}=r,o=e(r,["children","direction","items"]);return s(l,Object.assign({direction:t},o,{children:Array.isArray(a)?a.map(i):null}))},P=r=>{var{children:i,items:t}=r,a=e(r,["children","items"]);return s(o,Object.assign({},a,{children:Array.isArray(t)?t.map(i):null}))},C=o=>{var{className:C,isSearchable:y,isPaginated:N,items:O,itemsPerPage:F=b,searchFilter:S=u,searchPlaceholder:A,type:I="list",testId:v}=o,x=e(o,["className","isSearchable","isPaginated","items","itemsPerPage","searchFilter","searchPlaceholder","type","testId"]);const[G,k]=a.useState(),L=a.useCallback(t(k,300),[k]);O=Array.isArray(O)?O:[],y&&g(G)&&(O=O.filter((e=>S(e,G))));const _=c({totalPages:p(O.length,F)});N&&(O=j(O,_.currentPage,F));const q="list"===I?s(f,Object.assign({className:d.CollectionItems,items:O},x)):"grid"===I?s(P,Object.assign({className:d.CollectionItems,items:O},x)):null;return r(l,Object.assign({testId:v,className:i(d.Collection,C)},{children:[y?s(l,Object.assign({className:d.CollectionSearch},{children:s(m,{label:h.Collection.SearchFieldLabel,placeholder:A,onChange:e=>L(e.target.value),onClear:()=>k("")})})):null,q,N?s(l,Object.assign({className:d.CollectionPagination},{children:s(n,Object.assign({},_))})):null]}))};C.displayName="Collection";export{C as Collection};
+import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";import{jsx as s,jsxs as r}from"react/jsx-runtime";import a from"classnames";import t from"lodash/debounce";import*as i from"react";import{Flex as l}from"../Flex/Flex.js";import{Grid as o}from"../Grid/Grid.js";import{Pagination as n}from"../Pagination/Pagination.js";import{usePagination as c}from"../Pagination/usePagination.js";import{SearchField as m}from"../SearchField/SearchField.js";import{ComponentClassNames as d,ComponentText as h}from"../shared/constants.js";import{strHasLength as g}from"../shared/utils.js";import{getPageCount as p,getItemsAtPage as u,itemHasText as b}from"./utils.js";const j=10,P=r=>{var{children:a,direction:t="column",items:i}=r,o=e(r,["children","direction","items"]);return s(l,Object.assign({direction:t},o,{children:Array.isArray(i)?i.map(a):null}))},f=r=>{var{children:a,items:t}=r,i=e(r,["children","items"]);return s(o,Object.assign({},i,{children:Array.isArray(t)?t.map(a):null}))},C=o=>{var{className:C,isSearchable:y,isPaginated:N,items:O,itemsPerPage:A=j,searchFilter:F=b,searchLabel:S=h.Collection.searchButtonLabel,searchPlaceholder:I,type:v="list",testId:x}=o,L=e(o,["className","isSearchable","isPaginated","items","itemsPerPage","searchFilter","searchLabel","searchPlaceholder","type","testId"]);const[G,k]=i.useState(),B=i.useCallback(t(k,300),[k]);O=Array.isArray(O)?O:[],y&&g(G)&&(O=O.filter((e=>F(e,G))));const _=c({totalPages:p(O.length,A)});N&&(O=u(O,_.currentPage,A));const q="list"===v?s(P,Object.assign({className:d.CollectionItems,items:O},L)):"grid"===v?s(f,Object.assign({className:d.CollectionItems,items:O},L)):null;return r(l,Object.assign({testId:x,className:a(d.Collection,C)},{children:[y?s(l,Object.assign({className:d.CollectionSearch},{children:s(m,{label:S,placeholder:I,onChange:e=>B(e.target.value),onClear:()=>k("")})})):null,q,N?s(l,Object.assign({className:d.CollectionPagination},{children:s(n,Object.assign({},_))})):null]}))};C.displayName="Collection";export{C as Collection};

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

@@ -1 +1 @@
-import{jsx as o}from"react/jsx-runtime";import*as r from"react";import"../FieldGroupIcon/FieldGroupIcon.js";import{FieldGroupIconButton as i}from"../FieldGroupIcon/FieldGroupIconButton.js";import"../Icon/Icon.js";import"classnames";import"../shared/constants.js";import{SharedText as e}from"../shared/i18n.js";import"../View/View.js";import{IconClose as s}from"../Icon/icons/IconClose.js";const t=e.Fields.ariaLabel.clearField,a=r.forwardRef(((r,e)=>o(i,Object.assign({ariaLabel:t,ref:e},r,{children:o(s,{size:r.size})}))));a.displayName="FieldClearButton";export{a as FieldClearButton};
+import{__rest as o}from"../../node_modules/tslib/tslib.es6.js";import{jsx as r}from"react/jsx-runtime";import*as e from"react";import"../FieldGroupIcon/FieldGroupIcon.js";import{FieldGroupIconButton as i}from"../FieldGroupIcon/FieldGroupIconButton.js";import"../Icon/Icon.js";import"classnames";import{ComponentText as s}from"../shared/constants.js";import"../View/View.js";import{IconClose as t}from"../Icon/icons/IconClose.js";const a=s.Fields.clearButtonLabel,n=e.forwardRef(((e,s)=>{var{ariaLabel:n=a,size:m}=e,l=o(e,["ariaLabel","size"]);return r(i,Object.assign({ariaLabel:n,ref:s},l,{children:r(t,{size:m})}))}));n.displayName="FieldClearButton";export{n as FieldClearButton};

package/dist/esm/primitives/Loader/Loader.js

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

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

@@ -1 +1 @@
-import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";import{jsx as s}from"react/jsx-runtime";import*as a from"react";import o from"classnames";import{ComponentClassNames as t}from"../shared/constants.js";import{Flex as r}from"../Flex/Flex.js";import{usePaginationItems as n}from"./usePaginationItems.js";import{View as i}from"../View/View.js";const m=a.forwardRef(((a,m)=>{var{className:l,currentPage:c=1,totalPages:g,hasMorePages:f=!1,siblingCount:p,onNext:u,onPrevious:P,onChange:j}=a,h=e(a,["className","currentPage","totalPages","hasMorePages","siblingCount","onNext","onPrevious","onChange"]);const d=n(c,g,f,p,u,P,j);return s(i,Object.assign({as:"nav",className:o(t.Pagination,l),ref:m},h,{children:s(r,Object.assign({as:"ol",justifyContent:"center",alignItems:"center",gap:"inherit"},{children:d}))}))}));m.displayName="Pagination";export{m as Pagination};
+import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";import{jsx as a}from"react/jsx-runtime";import*as s from"react";import r from"classnames";import{Flex as t}from"../Flex/Flex.js";import{View as o}from"../View/View.js";import{usePaginationItems as n}from"./usePaginationItems.js";import{ComponentClassNames as i}from"../shared/constants.js";const l=s.forwardRef(((s,l)=>{var{className:m,currentPage:g=1,totalPages:c,hasMorePages:p=!1,siblingCount:u,currentPageLabel:b,pageLabel:P,previousLabel:f,nextLabel:j,onNext:h,onPrevious:x,onChange:L}=s,d=e(s,["className","currentPage","totalPages","hasMorePages","siblingCount","currentPageLabel","pageLabel","previousLabel","nextLabel","onNext","onPrevious","onChange"]);const v=n(g,c,p,u,b,P,f,j,h,x,L);return a(o,Object.assign({as:"nav",className:r(i.Pagination,m),ref:l},d,{children:a(t,Object.assign({as:"ol",justifyContent:"center",alignItems:"center",gap:"inherit"},{children:v}))}))}));l.displayName="Pagination";export{l as Pagination};

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

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

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

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

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

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 i}from"../Button/Button.js";import{ComponentClassNames as t}from"../shared/constants.js";import"../Icon/Icon.js";import"classnames";import{SharedText as e}from"../shared/i18n.js";import"../View/View.js";import{IconVisibilityOff as a}from"../Icon/icons/IconVisibilityOff.js";import{IconVisibility as m}from"../Icon/icons/IconVisibility.js";const n=e.ShowPasswordButton.ariaLabel,d=r.forwardRef(((r,e)=>{var{fieldType:d,size:p}=r,c=s(r,["fieldType","size"]);return o(i,Object.assign({ariaLabel:"password"===d?n.showPassword:n.hidePassword,className:t.FieldShowPassword,ref:e,size:p},c,{children:o("password"===d?m:a,{size:p})}))}));d.displayName="ShowPasswordButton";export{d as ShowPasswordButton};
+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"../Icon/Icon.js";import"classnames";import"../View/View.js";import{IconVisibilityOff as a}from"../Icon/icons/IconVisibilityOff.js";import{IconVisibility as n}from"../Icon/icons/IconVisibility.js";const d=e.PasswordField,m=r.forwardRef(((r,e)=>{var{fieldType:m,size:l,hidePasswordButtonLabel:w,showPasswordButtonLabel:c}=r,p=s(r,["fieldType","size","hidePasswordButtonLabel","showPasswordButtonLabel"]);return o(t,Object.assign({ariaLabel:"password"===m?c||d.showPasswordButtonLabel:w||d.hidePasswordButtonLabel,className:i.FieldShowPassword,ref:e,size:l},p,{children:o("password"===m?n:a,{size:l})}))}));m.displayName="ShowPasswordButton";export{m as ShowPasswordButton};

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

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

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

@@ -1 +1 @@
-import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";import{jsx as o}from"react/jsx-runtime";import r from"classnames";import*as i from"react";import{ComponentClassNames as t}from"../shared/constants.js";import{FieldClearButton as n}from"../Field/FieldClearButton.js";import"../Field/FieldDescription.js";import"../Field/FieldErrorMessage.js";import{strHasLength as s}from"../shared/utils.js";import{SearchFieldButton as a}from"./SearchFieldButton.js";import{TextField as l}from"../TextField/TextField.js";import{useSearchField as m}from"./useSearchField.js";const d=i.forwardRef(((i,d)=>{var{autoComplete:p="off",className:c,labelHidden:u=!0,name:f="q",onSubmit:C,onClear:F,searchButtonRef:b,size:j}=i,h=e(i,["autoComplete","className","labelHidden","name","onSubmit","onClear","searchButtonRef","size"]);const{value:S,onClearHandler:x,onInput:z,onKeyDown:R,onClick:k,composedRefs:v}=m({onSubmit:C,onClear:F,externalRef:d});return o(l,Object.assign({autoComplete:p,className:r(t.SearchField,c),labelHidden:u,innerEndComponent:o(n,{excludeFromTabOrder:!0,isVisible:s(S),onClick:x,size:j,variation:"link"}),isMultiline:!1,name:f,onInput:z,onKeyDown:R,outerEndComponent:o(a,{onClick:k,ref:b,size:j}),ref:v,size:j,value:S},h))}));d.displayName="SearchField";export{d as SearchField};
+import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";import{jsx as o}from"react/jsx-runtime";import r from"classnames";import*as i from"react";import{ComponentClassNames as t}from"../shared/constants.js";import{FieldClearButton as a}from"../Field/FieldClearButton.js";import"../Field/FieldDescription.js";import"../Field/FieldErrorMessage.js";import{strHasLength as n}from"../shared/utils.js";import{SearchFieldButton as l}from"./SearchFieldButton.js";import{TextField as s}from"../TextField/TextField.js";import{useSearchField as m}from"./useSearchField.js";const d=i.forwardRef(((i,d)=>{var{autoComplete:c="off",className:u,clearButtonLabel:p,labelHidden:f=!0,name:b="q",onSubmit:C,onClear:F,searchButtonRef:j,size:h}=i,S=e(i,["autoComplete","className","clearButtonLabel","labelHidden","name","onSubmit","onClear","searchButtonRef","size"]);const{value:x,onClearHandler:B,onInput:z,onKeyDown:R,onClick:k,composedRefs:v}=m({onSubmit:C,onClear:F,externalRef:d});return o(s,Object.assign({autoComplete:c,className:r(t.SearchField,u),labelHidden:f,innerEndComponent:o(a,{ariaLabel:p,excludeFromTabOrder:!0,isVisible:n(x),onClick:B,size:h,variation:"link"}),isMultiline:!1,name:b,onInput:z,onKeyDown:R,outerEndComponent:o(l,{onClick:k,ref:j,size:h}),ref:v,size:h,value:x},S))}));d.displayName="SearchField";export{d as SearchField};

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

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

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 d}from"@radix-ui/react-slider";import*as o 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 f}from"../Label/Label.js";import{splitPrimitiveProps as h}from"../shared/styleUtils.js";import{View as S}from"../View/View.js";import{useStableId as g}from"../utils/useStableId.js";const C="slider-label",j="slider-root",k="slider-track",v="slider-range",T=o.forwardRef(((C,j)=>{var{ariaValuetext:k,className:v,defaultValue:T,descriptiveText:x,emptyTrackColor:y,errorMessage:N,filledTrackColor:V,hasError:E=!1,id:O,isDisabled:z,isValueHidden:H=!1,label:I,labelHidden:w=!1,onChange:M,orientation:R="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=g(O),K=g(),Q=g(),W=x?Q:void 0,{flexContainerStyleProps:X,baseStyleProps:Y,rest:Z}=h(A),$=void 0!==_,[ee,re]=o.useState($?_:T),ie=$?[_]:void 0,le=$?void 0:[T],ae=o.useCallback((e=>{re(e[0]),n(M)&&M(e[0])}),[M]),te="vertical"===R,se=l(c.SliderFieldTrack,m(c.SliderFieldTrack,R),m(c.SliderFieldTrack,q)),de=l(c.SliderFieldRoot,m(c.SliderFieldTrack,R),m(c.SliderFieldTrack,q),v);return r(F,Object.assign({className:l(c.Field,c.SliderField),testId:L,"data-size":q},Y,X,{children:[r(f,Object.assign({className:c.SliderFieldLabel,id:K,testId:"slider-label",visuallyHidden:w},{children:[i(S,Object.assign({as:"span"},{children:I})),H?null:i(S,Object.assign({as:"span"},{children:ee}))]})),i(u,{id:Q,labelHidden:w,descriptiveText:x}),i(b,Object.assign({className:c.SliderFieldGroup,id:J,orientation:R,outerStartComponent:G,outerEndComponent:D},{children:r(a,Object.assign({className:de,"data-testid":"slider-root",disabled:z,defaultValue:le,onValueChange:ae,orientation:R,ref:j,value:ie},Z,{children:[i(t,Object.assign({className:se,"data-testid":"slider-track",style:{backgroundColor:y,[""+(te?"width":"height")]:B}},{children:i(s,{className:l(c.SliderFieldRange,m(c.SliderFieldRange,R)),"data-testid":"slider-range",style:{backgroundColor:V}})})),i(d,{"aria-describedby":W,"aria-labelledby":K,"aria-valuetext":k,className:l(c.SliderFieldThumb,m(c.SliderFieldThumb,q)),style:{backgroundColor:P}})]}))})),i(p,{hasError:E,errorMessage:N})]}))}));T.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,T as SliderField};
+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};

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