@purple/phoenix-components 5.31.0 → 5.31.1

package/dist/bundle.cjs.js

@@ -638,7 +638,7 @@
 	path {
 		fill: ${e=>e.theme.tokens.color.text.success.primary};
 	}
-`,Mt=({size:t="md",success:i,warning:n,error:o,contentRight:r,helperText:l,className:C,disabled:a=!1,focused:d,minimal:s,filled:c,testId:p,...h})=>{const g="xs"!==t?h.label:void 0;return e.jsxs(Dt,{"data-testid":p,className:C,children:[e.jsx(mt,{focused:d,warning:!!n,error:!!o,filled:c,disabled:a,size:t,children:g}),e.jsxs(ft,{children:[h.children,e.jsx(Et,{focused:d,minimal:s,error:!!o,success:i,warning:!!n,disabled:a,size:t,children:e.jsx(yt,{focused:d,filled:c,label:g,children:e.jsx("span",{children:g})})}),i&&e.jsx(Ht,{$size:t,src:Ye}),r&&e.jsx(kt,{size:t,children:r})]}),l&&!o&&!n&&e.jsx(Lt,{focused:d,children:l}),e.jsx(Ge,{warning:n,error:o})]})};function Vt(e,t){const[i,n]=w.default.useState(!1);return{focused:i,thisOnFocus:t=>{n(!0),e?.(t)},thisOnBlur:e=>{n(!1),t?.(e)}}}function $t(e,t){const i=e.includes(","),n=e.replace(",","."),[o,r]=n.split("."),l=void 0===r?void 0:r.slice(0,t),C=0===o.indexOf("-"),a=(C?"-":"")+Number.parseInt(C?o.slice(1):o).toString()+(void 0===l?"":`.${l}`);return{stringValue:i?a.replace(".",","):a,numberValue:Number.parseFloat(a)}}const Zt=({size:t="md",testId:i="NumberInput",label:n,success:r,warning:l,error:C,contentRight:a,helperText:d,className:s,onChange:c,value:p,onFocus:h,onBlur:g,numberFormatErrorMessage:u="Wrong number format",maxDecimalCount:D=2,min:m,max:f,numberBelowMinErrorMessage:x=`Number must be ${m} or higher`,numberAboveMaxErrorMessage:F=`Number must be ${f} or lower`,...v})=>{const b=o.useRef(null),{focused:w,thisOnFocus:E,thisOnBlur:y}=Vt(h,g),L=null==p?"":p.toString(),[k,H]=o.useState(L),[M,V]=o.useState(void 0);return o.useEffect((()=>{let e,t=null,i=k;if(k)if(function(e){return/^((0|-?[1-9])\d*([.,]\d+)?)|(-0([.,]\d+))$/.test(e)}(k)){const{stringValue:n,numberValue:o}=$t(k,D);i=n,void 0!==m&&o<m?e=x:void 0!==f&&o>f?e=F:t=o}else e=u;V(e),c(t),H(i)}),[k,H]),o.useEffect((()=>{if(null===p)w||(H(""),V(void 0));else{const{stringValue:e,numberValue:t}=$t(p.toString(),D);Number.parseFloat(k)!==t&&(H(e),V(void 0))}}),[p]),e.jsx(Mt,{label:n,success:!M&&r,warning:l,error:M??C,contentRight:a,helperText:d,className:s,size:t,disabled:v.disabled,filled:!!k,focused:w,minimal:v.minimal,testId:i,children:e.jsx(vt,{...v,onChange:e=>H(e.target.value),onInput:()=>{if(b.current){const e=b.current.value;let t=b.current.selectionStart||e.length;const i=/[^0-9.,-]/gi,n=e.length;i.test(e)&&(b.current.value=e.replace(i,""),t-=n-b.current.value.length,b.current.setSelectionRange(t,t))}},type:"text",onFocus:E,onBlur:y,focused:w,disabled:v.disabled??!1,$size:t,value:k,inputMode:D>0?"decimal":"numeric",ref:b,maxLength:16})})};const Bt="1px 2px 6px rgba(0,0,0,.13)",zt={_0:"#FFFFFF",_15:"#FAFAFA",_20:"#F5F5F5",_25:"#EDEDED",_30:"#E4E4E3",_35:"#D9D9D8",_40:"#CCCCCC",_45:"#BABABA",_50:"#737373",_60:"#595959",_80:"#4D4D4D",_85:"#333333",_90:"#141313",_100:"#000000"},jt={$pc:{colors:{primary:{dark:"#522974",darkHoverBackground:"#3F2059",darkDisabledBackground:"#BBA5CD",light:"#F1EDF6",lightHoverBackground:"#DFD5EB",lightDisabledBackground:"#F7F4FA",lightDisabledColor:"#D0C0DD"},neutral:{dark:zt._80,darkHoverBackground:zt._85,darkDisabledBackground:zt._35,light:zt._20,lightHoverBackground:zt._25,lightDisabledBackground:zt._15,lightDisabledColor:zt._45},success:{dark:"#0C8B51",darkHoverBackground:"#097041",darkDisabledBackground:"#A5CDBA",light:"#E8F0EC",lightHoverBackground:"#CFE8DA",lightDisabledBackground:"#F4FAF7",lightDisabledColor:"#C0DDCE"},error:{dark:"#A50000",darkHoverBackground:"#9C0909",darkDisabledBackground:"#CDA5A5",light:"#FCF2F2",lightHoverBackground:"#EDD3D3",lightDisabledBackground:"#FAF4F4",lightDisabledColor:"#DDC0C0"},warning:{dark:"#CB7307",darkHoverBackground:"#CB7307",darkDisabledBackground:"#E8CBA7",light:"#FBF6E9",lightHoverBackground:"#F4E9CB",lightDisabledBackground:"#FDF9EF",lightDisabledColor:"#EDC089"},info:{dark:"#3F75AC",darkHoverBackground:"#3F75AC",darkDisabledBackground:"#9EBFE1",light:"#F2F7FC",lightHoverBackground:"#E3ECF5",lightDisabledBackground:"#F2F7FC",lightDisabledColor:"#A5C4E3"},gray:zt,focus:"#8CB7FA",borderInputHover:zt._50,borderInput:zt._40,borderHr:zt._35,borderDisabled:zt._30,text:{darkest:zt._90,dark:zt._80,light:zt._50,lightest:zt._45,white:zt._0}},fontFamily:"'Mulish', sans-serif",fontWeight:{regular:400,bold:500},fontSize:14,borderRadius:{tiny:"4px",small:"4px",medium:"5px",large:"6px"},spacing:{xxxs:4,xxs:8,xs:12,s:16,m:20,l:24,xl:32,xxl:40,xxxl:52},transitionDuration:".2s",formControl:{height:{tiny:32,small:36,medium:44,large:52},paddingX:11},button:{minimalHoverBackground:"rgba(0,0,0,.05)",boxShadow:"4px 4px 6px rgba(0, 0, 0, 0.11)",height:{tiny:32,small:36,medium:44,large:52},fontSize:{tiny:14,small:14,medium:14,large:15},iconSize:{tiny:14,small:16,medium:20,large:22},padding:{tiny:"6px 12px",small:"8px 16px",medium:"12px 22px",large:"16px 26px"},borderRadius:{tiny:4,small:4,medium:5,large:6}},card:{default:{borderColor:"rgba(0,0,0,.1)",borderColorHover:"rgba(0,0,0,.2)",boxShadow:"none"},elevated:{borderColor:"rgba(0,0,0,0)",borderColorHover:"rgba(0,0,0,.2)",boxShadow:Bt}},checkboxRadio:{size:{medium:20,large:24}},fileUpload:{preview:{minSize:140,maxSize:160}},heading:{size:{h1:32,h2:28,h3:24,h4:20}},modal:{zIndex:9e3,overlayBackground:"rgba(0, 0, 0, 0.6)",windowShadow:"0 10px 30px rgba(0, 0, 0, 0.1)",size:{tiny:420,small:640,medium:940,large:1200}},multiSelect:{multiValueLabel:{paddingX:{tiny:5,small:6,medium:8,large:12},paddingY:{tiny:3,small:3,medium:5,large:8},fontSize:{tiny:12,small:12,medium:13,large:14}}},notice:{disabledButtonColor:zt._45,disabledButtonBackground:"#FAFAFA"},selectPicker:{boxShadow:Bt,iconMaxSize:{medium:48,large:64}},spinner:{size:{tiny:14,small:16,medium:18,large:20}},tabs:{size:{small:12,medium:14,large:18}},tag:{padding:{small:"4px 12px",medium:"6px 14px"}},text:{size:{small:12,medium:14,large:18}},tooltip:{background:zt._90,boxShadow:Bt}},tokens:{ref:{color:{gray:{0:"#FFFFFF",5:"#F8F8F8",10:"#F1F1F1",20:"#E4E4E4",30:"#D2D2D2",40:"#BABABA",50:"#9D9D9D",55:"#8A8A8A",60:"#6E6E6E",65:"#616161",70:"#4D4D4D",80:"#333333",85:"#212121",90:"#161616",100:"#000000"},purple:{5:"#F5EFF9",10:"#E7D8F1",15:"#D2B6E5",20:"#C1A4DF",30:"#A87CD5",50:"#8449BF",55:"#6F3CA4",60:"#633096",70:"#542D7C",90:"#351852"},teal:{5:"#E8F7F5",10:"#D7F4F0",20:"#97CFC7",50:"#00A78F",60:"#098775",70:"#2A6A61",80:"#1A584F",90:"#09352F"},blue:{5:"#EEF4FB",10:"#DCEAFB",20:"#ABC9ED",40:"#5692D7",50:"#4184D2",60:"#2E70BD",70:"#3069AC",80:"#245998",90:"#0F2651"},yellow:{5:"#FCF6EA",10:"#F5EAD3",20:"#DABD81",50:"#D99814",60:"#BD7F00",70:"#886A2E",80:"#725723",90:"#3D3017"},red:{5:"#FBF1EF",10:"#F9E4E0",20:"#D6A499",40:"#EE6C4F",50:"#C84E33",60:"#9C3923",70:"#893725",80:"#742919",90:"#4E1C11"}},borderRadius:{pill:"999px",circle:"50%",xs:"4px",sm:"6px",md:"8px",lg:"16px"},boxShadow:{xs:{x:"0",y:"2px",blur:"2px",spread:"0",color:"rgba(0,0,0,.06)",type:"dropShadow"},sm:[{x:"0",y:"4px",blur:"10px",spread:"0",color:"rgba(0,0,0,.08)",type:"dropShadow"},{x:"0",y:"2px",blur:"4px",spread:"0",color:"rgba(0,0,0,.04)",type:"dropShadow"}],md:[{x:"0",y:"8px",blur:"30px",spread:"0",color:"rgba(0,0,0,.15)",type:"dropShadow"},{x:"0",y:"4px",blur:"12px",spread:"0",color:"rgba(0,0,0,.08)",type:"dropShadow"}],lg:{x:"0",y:"20px",blur:"50px",spread:"0",color:"rgba(0,0,0,.20)",type:"dropShadow"}},fontFamily:{base:"Mulish"},fontWeight:{regular:"400",semibold:"600",bold:"600"},spacing:{"3xs":"4px","2xs":"8px",xs:"12px",sm:"16px",md:"20px",lg:"24px",xl:"32px","2xl":"40px","3xl":"52px"},lineHeight:{xs:"100%",sm:"120%",md:"140%",lg:"160%"},fontSize:{xs:"12px",sm:"14px",md:"16px",lg:"18px",xl:"20px","2xl":"24px","3xl":"28px","4xl":"32px"}},text:{regular:{lg:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"100%",fontSize:"18px"},md:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"100%",fontSize:"16px"},sm:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"100%",fontSize:"14px"},xs:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"100%",fontSize:"12px"}},bold:{lg:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"100%",fontSize:"18px"},md:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"100%",fontSize:"16px"},sm:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"100%",fontSize:"14px"},xs:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"100%",fontSize:"12px"}},lineHeight:"100%"},paragraphSm:{regular:{lg:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"120%",fontSize:"18px"},md:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"120%",fontSize:"16px"},sm:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"120%",fontSize:"14px"},xs:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"120%",fontSize:"12px"}},bold:{lg:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"120%",fontSize:"18px"},md:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"120%",fontSize:"16px"},sm:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"120%",fontSize:"14px"},xs:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"120%",fontSize:"12px"}}},paragraphMd:{regular:{lg:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"140%",fontSize:"18px"},md:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"140%",fontSize:"16px"},sm:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"140%",fontSize:"14px"},xs:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"140%",fontSize:"12px"}},bold:{lg:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"140%",fontSize:"18px"},md:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"140%",fontSize:"16px"},sm:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"140%",fontSize:"14px"},xs:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"140%",fontSize:"12px"}}},paragraphLg:{regular:{lg:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"160%",fontSize:"18px"},md:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"160%",fontSize:"16px"},sm:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"160%",fontSize:"14px"},xs:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"160%",fontSize:"12px"}},bold:{lg:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"160%",fontSize:"18px"},md:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"160%",fontSize:"16px"},sm:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"160%",fontSize:"14px"},xs:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"160%",fontSize:"12px"}}},heading:{regular:{lg:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"120%",fontSize:"32px"},md:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"120%",fontSize:"28px"},sm:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"120%",fontSize:"24px"},xs:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"120%",fontSize:"20px"}},bold:{lg:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"120%",fontSize:"32px"},md:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"120%",fontSize:"28px"},sm:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"120%",fontSize:"24px"},xs:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"120%",fontSize:"20px"}},lineHeight:"120%",fontSize:{xs:"20px",sm:"24px",md:"28px",lg:"32px"}},button:{fontWeight:"600",boxShadow:{primary:{x:"0",y:"0",blur:"0",spread:"0",color:"rgba(0,0,0,0)",type:"dropShadow"}},spacing:{x:{xs:"12px",sm:"16px",md:"22px",lg:"26px"}},sizing:{icon:{xs:"14px",sm:"16px",md:"20px",lg:"22px"}},fontSize:{xs:"14px",sm:"14px",md:"14px",lg:"15px"},borderWidth:"1px"},inputButton:{borderRadius:{xs:"4px",sm:"6px",md:"6px",lg:"6px"},sizing:{height:{xs:"32px",sm:"36px",md:"44px",lg:"52px"}}},checkboxRadio:{sizing:{sm:"16px",md:"20px",lg:"24px"}},notice:{borderRadius:"6px"},tag:{borderRadius:"999px",sizing:{height:{sm:"22px",md:"26px"}},spacing:{x:{sm:"12px",md:"14px"}},fontSize:{sm:"12px",md:"12px"},fontWeight:"400",borderWidth:"1px"},toggle:{sizing:{container:{md:{width:"36px",height:"20px"}},slider:{md:"14px"}},color:{background:{container:{off:"#FFFFFF",offDisabled:"#F8F8F8",offInteraction:"#FFFFFF"},slider:{off:"#D2D2D2",offDisabled:"#E4E4E4"}},border:{container:{off:"#D2D2D2",offDisabled:"#E4E4E4",offInteraction:"#BABABA"}}}},modal:{color:{background:{overlay:"rgba(0,0,0,.6)"}},sizing:{maxWidth:{xs:"420px",sm:"640px",md:"940px",lg:"1200px"}},boxShadow:{x:"0",y:"20px",blur:"50px",spread:"0",color:"rgba(0,0,0,.20)",type:"dropShadow"},borderRadius:"16px"},color:{background:{primary:"#FFFFFF",secondary:"#F8F8F8",tertiary:"#F1F1F1",brand:{primary:"#8449BF",primaryInteraction:"#633096",primaryDisabled:"#D2B6E5",secondary:"#F5EFF9",secondaryInteraction:"#E7D8F1",secondaryDisabled:"#F5EFF9"},success:{primary:"#00A78F",primaryInteraction:"#098775",primaryDisabled:"#97CFC7",secondary:"#E8F7F5",secondaryInteraction:"#D7F4F0",secondaryDisabled:"#E8F7F5"},error:{primary:"#C84E33",primaryInteraction:"#9C3923",primaryDisabled:"#D6A499",secondary:"#FBF1EF",secondaryInteraction:"#F9E4E0",secondaryDisabled:"#FBF1EF"},warning:{primary:"#D99814",primaryInteraction:"#BD7F00",primaryDisabled:"#DABD81",secondary:"#FCF6EA",secondaryInteraction:"#F5EAD3",secondaryDisabled:"#FCF6EA"},info:{primary:"#4184D2",primaryInteraction:"#2E70BD",primaryDisabled:"#ABC9ED",secondary:"#EEF4FB",secondaryInteraction:"#DCEAFB",secondaryDisabled:"#EEF4FB"},neutral:{primary:"#616161",primaryInteraction:"#4D4D4D",primaryDisabled:"#BABABA",secondary:"#F1F1F1",secondaryInteraction:"#E4E4E4",secondaryDisabled:"#F1F1F1"}},text:{primary:"#161616",secondary:"#4D4D4D",tertiary:"#6E6E6E",quaternary:"#9D9D9D",inverse:"#FFFFFF",brand:{primary:"#8449BF",disabled:"#D2B6E5",onPrimary:"#FFFFFF",onSecondary:"#8449BF"},success:{primary:"#00A78F",disabled:"#97CFC7",onPrimary:"#FFFFFF",onSecondary:"#00A78F"},error:{primary:"#C84E33",disabled:"#D6A499",onPrimary:"#FFFFFF",onSecondary:"#C84E33"},warning:{primary:"#BD7F00",disabled:"#DABD81",onPrimary:"#FFFFFF",onSecondary:"#BD7F00"},info:{primary:"#4184D2",disabled:"#ABC9ED",onPrimary:"#FFFFFF",onSecondary:"#4184D2"},neutral:{primary:"#161616",disabled:"#BABABA",onPrimary:"#FFFFFF",onSecondary:"#161616"}},border:{primary:"#D2D2D2",primaryInteraction:"#9D9D9D",secondary:"#E4E4E4",secondaryInteraction:"#BABABA",focus:"#ABC9ED",brand:{primary:"#8449BF",secondary:"#C1A4DF"},error:{primary:"#C84E33"},success:{primary:"#00A78F"},warning:{primary:"#D99814"},info:{primary:"#4184D2"},neutral:{primary:"#9D9D9D"}}},card:{color:{background:{primary:"#FFFFFF",primaryDisabled:"#FFFFFF",secondary:"#F8F8F8",secondaryDisabled:"#F8F8F8"},border:{base:"#E4E4E4",elevated:"#F1F1F1",interaction:"#BABABA",disabled:"#F1F1F1"}},boxShadow:[{x:"0",y:"4px",blur:"10px",spread:"0",color:"rgba(0,0,0,.08)",type:"dropShadow"},{x:"0",y:"2px",blur:"4px",spread:"0",color:"rgba(0,0,0,.04)",type:"dropShadow"}],borderRadius:"8px"},leverageSlider:{color:{background:{leverage:{1:"#00A78F",10:"#0FA888",25:"#21A67E",50:"#33A574",100:"#45A469",200:"#5EA25B",300:"#79A04C",400:"#809F47",500:"#909E3F",600:"#AC9C2E",777:"#C99A1E",800:"#C99A1E",1e3:"#D99814",2e3:"#D17324",unlimited:"#C84E33"}}}},duration:{transition:{base:"200ms"}},textParagraph:{fontSize:{xs:"12px",sm:"14px",md:"16px",lg:"18px"}},tooltip:{boxShadow:[{x:"0",y:"8px",blur:"30px",spread:"0",color:"rgba(0,0,0,.15)",type:"dropShadow"},{x:"0",y:"4px",blur:"12px",spread:"0",color:"rgba(0,0,0,.08)",type:"dropShadow"}],color:{background:"#161616"}},dropdown:{boxShadow:[{x:"0",y:"8px",blur:"30px",spread:"0",color:"rgba(0,0,0,.15)",type:"dropShadow"},{x:"0",y:"4px",blur:"12px",spread:"0",color:"rgba(0,0,0,.08)",type:"dropShadow"}],borderRadius:"8px"},spinner:{sizing:{xs:"14px",sm:"16px",md:"18px",lg:"20px"}},fontSize:{base:"14px"},input:{spacing:{x:"11px"},borderWidth:"1px"},borderWidth:{focus:"2px"},multiSelect:{spacing:{multiValueLabel:{x:{xs:"5px",sm:"6px",md:"8px",lg:"12px"},y:{xs:"3px",sm:"3px",md:"5px",lg:"8px"}}},fontSize:{multiValueLabel:{xs:"12px",sm:"12px",md:"13px",lg:"14px"}}},tabs:{borderWidth:{tab:{bottom:"2px"}}},menu:{borderRadius:{item:"6px"}}},dir:"ltr"},At=v.default(b.default)`
+`,Mt=({size:t="md",success:i,warning:n,error:o,contentRight:r,helperText:l,className:C,disabled:a=!1,focused:d,minimal:s,filled:c,testId:p,...h})=>{const g="xs"!==t?h.label:void 0;return e.jsxs(Dt,{"data-testid":p,className:C,children:[e.jsx(mt,{focused:d,warning:!!n,error:!!o,filled:c,disabled:a,size:t,children:g}),e.jsxs(ft,{children:[h.children,e.jsx(Et,{focused:d,minimal:s,error:!!o,success:i,warning:!!n,disabled:a,size:t,children:e.jsx(yt,{focused:d,filled:c,label:g,children:e.jsx("span",{children:g})})}),i&&e.jsx(Ht,{$size:t,src:Ye}),r&&e.jsx(kt,{size:t,children:r})]}),l&&!o&&!n&&e.jsx(Lt,{focused:d,children:l}),e.jsx(Ge,{warning:n,error:o})]})};function Vt(e,t){const[i,n]=w.default.useState(!1);return{focused:i,thisOnFocus:t=>{n(!0),e?.(t)},thisOnBlur:e=>{n(!1),t?.(e)}}}function $t(e,t){const i=e.includes(","),n=e.replace(",","."),[o,r]=n.split("."),l=void 0===r?void 0:r.slice(0,t),C=0===o.indexOf("-"),a=(C?"-":"")+Number.parseInt(C?o.slice(1):o).toString()+(void 0===l?"":`.${l}`);return{stringValue:i?a.replace(".",","):a,numberValue:Number.parseFloat(a)}}const Zt=({size:t="md",testId:i="NumberInput",label:n,success:r,warning:l,error:C,contentRight:a,helperText:d,className:s,onChange:c,value:p,onFocus:h,onBlur:g,numberFormatErrorMessage:u="Wrong number format",maxDecimalCount:D=2,min:m,max:f,numberBelowMinErrorMessage:x=`Number must be ${m} or higher`,numberAboveMaxErrorMessage:F=`Number must be ${f} or lower`,...v})=>{const b=o.useRef(null),{focused:w,thisOnFocus:E,thisOnBlur:y}=Vt(h,g),L=null==p?"":p.toString(),[k,H]=o.useState(L),[M,V]=o.useState(void 0);return o.useEffect((()=>{let e,t=null,i=k;if(k)if(function(e){return/^((0|-?[1-9])\d*([.,]\d+)?)|(-0([.,]\d+))$/.test(e)}(k)){const{stringValue:n,numberValue:o}=$t(k,D);i=n,void 0!==m&&o<m?e=x:void 0!==f&&o>f?e=F:t=o}else e=u;V(e),c(t),H(i)}),[k,H]),o.useEffect((()=>{if(null===p)w||(H(""),V(void 0));else{const{stringValue:e,numberValue:t}=$t(p.toString(),D);Number.parseFloat(k)!==t&&(H(e),V(void 0))}}),[p]),e.jsx(Mt,{label:n,success:!M&&r,warning:l,error:M??C,contentRight:a,helperText:d,className:s,size:t,disabled:v.disabled,filled:!!k,focused:w,minimal:v.minimal,testId:i,children:e.jsx(vt,{...v,onChange:e=>H(e.target.value),onInput:()=>{if(b.current){const e=b.current.value;let t=b.current.selectionStart||e.length;const i=/[^0-9.,-]/gi,n=e.length;i.test(e)&&(b.current.value=e.replace(i,""),t-=n-b.current.value.length,b.current.setSelectionRange(t,t))}},type:"text",onFocus:E,onBlur:y,focused:w,disabled:v.disabled??!1,$size:t,value:k,inputMode:D>0?"decimal":"numeric",ref:b,maxLength:16})})};const Bt="1px 2px 6px rgba(0,0,0,.13)",zt={_0:"#FFFFFF",_15:"#FAFAFA",_20:"#F5F5F5",_25:"#EDEDED",_30:"#E4E4E3",_35:"#D9D9D8",_40:"#CCCCCC",_45:"#BABABA",_50:"#737373",_60:"#595959",_80:"#4D4D4D",_85:"#333333",_90:"#141313",_100:"#000000"},jt={$pc:{colors:{primary:{dark:"#522974",darkHoverBackground:"#3F2059",darkDisabledBackground:"#BBA5CD",light:"#F1EDF6",lightHoverBackground:"#DFD5EB",lightDisabledBackground:"#F7F4FA",lightDisabledColor:"#D0C0DD"},neutral:{dark:zt._80,darkHoverBackground:zt._85,darkDisabledBackground:zt._35,light:zt._20,lightHoverBackground:zt._25,lightDisabledBackground:zt._15,lightDisabledColor:zt._45},success:{dark:"#0C8B51",darkHoverBackground:"#097041",darkDisabledBackground:"#A5CDBA",light:"#E8F0EC",lightHoverBackground:"#CFE8DA",lightDisabledBackground:"#F4FAF7",lightDisabledColor:"#C0DDCE"},error:{dark:"#A50000",darkHoverBackground:"#9C0909",darkDisabledBackground:"#CDA5A5",light:"#FCF2F2",lightHoverBackground:"#EDD3D3",lightDisabledBackground:"#FAF4F4",lightDisabledColor:"#DDC0C0"},warning:{dark:"#CB7307",darkHoverBackground:"#CB7307",darkDisabledBackground:"#E8CBA7",light:"#FBF6E9",lightHoverBackground:"#F4E9CB",lightDisabledBackground:"#FDF9EF",lightDisabledColor:"#EDC089"},info:{dark:"#3F75AC",darkHoverBackground:"#3F75AC",darkDisabledBackground:"#9EBFE1",light:"#F2F7FC",lightHoverBackground:"#E3ECF5",lightDisabledBackground:"#F2F7FC",lightDisabledColor:"#A5C4E3"},gray:zt,focus:"#8CB7FA",borderInputHover:zt._50,borderInput:zt._40,borderHr:zt._35,borderDisabled:zt._30,text:{darkest:zt._90,dark:zt._80,light:zt._50,lightest:zt._45,white:zt._0}},fontFamily:"'Mulish', sans-serif",fontWeight:{regular:400,bold:500},fontSize:14,borderRadius:{tiny:"4px",small:"4px",medium:"5px",large:"6px"},spacing:{xxxs:4,xxs:8,xs:12,s:16,m:20,l:24,xl:32,xxl:40,xxxl:52},transitionDuration:".2s",formControl:{height:{tiny:32,small:36,medium:44,large:52},paddingX:11},button:{minimalHoverBackground:"rgba(0,0,0,.05)",boxShadow:"4px 4px 6px rgba(0, 0, 0, 0.11)",height:{tiny:32,small:36,medium:44,large:52},fontSize:{tiny:14,small:14,medium:14,large:15},iconSize:{tiny:14,small:16,medium:20,large:22},padding:{tiny:"6px 12px",small:"8px 16px",medium:"12px 22px",large:"16px 26px"},borderRadius:{tiny:4,small:4,medium:5,large:6}},card:{default:{borderColor:"rgba(0,0,0,.1)",borderColorHover:"rgba(0,0,0,.2)",boxShadow:"none"},elevated:{borderColor:"rgba(0,0,0,0)",borderColorHover:"rgba(0,0,0,.2)",boxShadow:Bt}},checkboxRadio:{size:{medium:20,large:24}},fileUpload:{preview:{minSize:140,maxSize:160}},heading:{size:{h1:32,h2:28,h3:24,h4:20}},modal:{zIndex:9e3,overlayBackground:"rgba(0, 0, 0, 0.6)",windowShadow:"0 10px 30px rgba(0, 0, 0, 0.1)",size:{tiny:420,small:640,medium:940,large:1200}},multiSelect:{multiValueLabel:{paddingX:{tiny:5,small:6,medium:8,large:12},paddingY:{tiny:3,small:3,medium:5,large:8},fontSize:{tiny:12,small:12,medium:13,large:14}}},notice:{disabledButtonColor:zt._45,disabledButtonBackground:"#FAFAFA"},selectPicker:{boxShadow:Bt,iconMaxSize:{medium:48,large:64}},spinner:{size:{tiny:14,small:16,medium:18,large:20}},tabs:{size:{small:12,medium:14,large:18}},tag:{padding:{small:"4px 12px",medium:"6px 14px"}},text:{size:{small:12,medium:14,large:18}},tooltip:{background:zt._90,boxShadow:Bt}},tokens:{ref:{color:{gray:{0:"#FFFFFF",5:"#F8F8F8",10:"#F1F1F1",20:"#E4E4E4",30:"#D2D2D2",40:"#BABABA",50:"#9D9D9D",55:"#8A8A8A",60:"#6E6E6E",65:"#616161",70:"#4D4D4D",80:"#333333",85:"#212121",90:"#161616",100:"#000000"},purple:{5:"#F5EFF9",10:"#E7D8F1",15:"#D2B6E5",20:"#C1A4DF",30:"#A87CD5",50:"#8449BF",55:"#6F3CA4",60:"#633096",70:"#542D7C",90:"#351852"},teal:{5:"#E8F7F5",10:"#D7F4F0",20:"#97CFC7",50:"#00A78F",60:"#098775",70:"#2A6A61",80:"#1A584F",90:"#09352F"},blue:{5:"#EEF4FB",10:"#DCEAFB",20:"#ABC9ED",40:"#5692D7",50:"#4184D2",60:"#2E70BD",70:"#3069AC",80:"#245998",90:"#0F2651"},yellow:{5:"#FCF6EA",10:"#F5EAD3",20:"#DABD81",50:"#D99814",60:"#BD7F00",70:"#886A2E",80:"#725723",90:"#3D3017"},red:{5:"#FBF1EF",10:"#F9E4E0",20:"#D6A499",40:"#EE6C4F",50:"#C84E33",60:"#9C3923",70:"#893725",80:"#742919",90:"#4E1C11"}},borderRadius:{pill:"999px",circle:"50%",xs:"4px",sm:"6px",md:"8px",lg:"16px"},boxShadow:{xs:{x:"0",y:"2px",blur:"2px",spread:"0",color:"rgba(0,0,0,.06)",type:"dropShadow"},sm:[{x:"0",y:"4px",blur:"10px",spread:"0",color:"rgba(0,0,0,.08)",type:"dropShadow"},{x:"0",y:"2px",blur:"4px",spread:"0",color:"rgba(0,0,0,.04)",type:"dropShadow"}],md:[{x:"0",y:"8px",blur:"30px",spread:"0",color:"rgba(0,0,0,.15)",type:"dropShadow"},{x:"0",y:"4px",blur:"12px",spread:"0",color:"rgba(0,0,0,.08)",type:"dropShadow"}],lg:{x:"0",y:"20px",blur:"50px",spread:"0",color:"rgba(0,0,0,.20)",type:"dropShadow"}},fontFamily:{base:"Mulish"},fontWeight:{regular:"400",semibold:"600",bold:"600"},spacing:{"3xs":"4px","2xs":"8px",xs:"12px",sm:"16px",md:"20px",lg:"24px",xl:"32px","2xl":"40px","3xl":"52px"},lineHeight:{xs:"100%",sm:"120%",md:"140%",lg:"160%"},fontSize:{xs:"12px",sm:"14px",md:"16px",lg:"18px",xl:"20px","2xl":"24px","3xl":"28px","4xl":"32px"}},text:{regular:{lg:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"100%",fontSize:"18px"},md:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"100%",fontSize:"16px"},sm:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"100%",fontSize:"14px"},xs:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"100%",fontSize:"12px"}},bold:{lg:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"100%",fontSize:"18px"},md:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"100%",fontSize:"16px"},sm:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"100%",fontSize:"14px"},xs:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"100%",fontSize:"12px"}},lineHeight:"100%"},paragraphSm:{regular:{lg:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"120%",fontSize:"18px"},md:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"120%",fontSize:"16px"},sm:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"120%",fontSize:"14px"},xs:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"120%",fontSize:"12px"}},bold:{lg:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"120%",fontSize:"18px"},md:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"120%",fontSize:"16px"},sm:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"120%",fontSize:"14px"},xs:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"120%",fontSize:"12px"}}},paragraphMd:{regular:{lg:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"140%",fontSize:"18px"},md:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"140%",fontSize:"16px"},sm:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"140%",fontSize:"14px"},xs:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"140%",fontSize:"12px"}},bold:{lg:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"140%",fontSize:"18px"},md:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"140%",fontSize:"16px"},sm:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"140%",fontSize:"14px"},xs:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"140%",fontSize:"12px"}}},paragraphLg:{regular:{lg:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"160%",fontSize:"18px"},md:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"160%",fontSize:"16px"},sm:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"160%",fontSize:"14px"},xs:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"160%",fontSize:"12px"}},bold:{lg:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"160%",fontSize:"18px"},md:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"160%",fontSize:"16px"},sm:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"160%",fontSize:"14px"},xs:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"160%",fontSize:"12px"}}},heading:{regular:{lg:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"120%",fontSize:"32px"},md:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"120%",fontSize:"28px"},sm:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"120%",fontSize:"24px"},xs:{fontFamily:"Mulish",fontWeight:"400",lineHeight:"120%",fontSize:"20px"}},bold:{lg:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"120%",fontSize:"32px"},md:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"120%",fontSize:"28px"},sm:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"120%",fontSize:"24px"},xs:{fontFamily:"Mulish",fontWeight:"600",lineHeight:"120%",fontSize:"20px"}},lineHeight:"120%",fontSize:{xs:"20px",sm:"24px",md:"28px",lg:"32px"}},button:{fontWeight:"600",boxShadow:{primary:{x:"0",y:"0",blur:"0",spread:"0",color:"rgba(0,0,0,0)",type:"dropShadow"}},spacing:{x:{xs:"12px",sm:"16px",md:"22px",lg:"26px"}},sizing:{icon:{xs:"14px",sm:"16px",md:"20px",lg:"22px"}},fontSize:{xs:"14px",sm:"14px",md:"14px",lg:"15px"},borderWidth:"1px"},inputButton:{borderRadius:{xs:"4px",sm:"6px",md:"6px",lg:"6px"},sizing:{height:{xs:"32px",sm:"36px",md:"44px",lg:"52px"}}},checkboxRadio:{sizing:{sm:"16px",md:"20px",lg:"24px"}},notice:{borderRadius:"6px"},tag:{borderRadius:"999px",sizing:{height:{sm:"22px",md:"26px"}},spacing:{x:{sm:"12px",md:"14px"}},fontSize:{sm:"12px",md:"12px"},fontWeight:"400",borderWidth:"1px"},toggle:{sizing:{container:{md:{width:"36px",height:"20px"}},slider:{md:"14px"}},color:{background:{container:{off:"#FFFFFF",offDisabled:"#F8F8F8",offInteraction:"#FFFFFF"},slider:{off:"#D2D2D2",offDisabled:"#E4E4E4"}},border:{container:{off:"#D2D2D2",offDisabled:"#E4E4E4",offInteraction:"#BABABA"}}}},modal:{color:{background:{overlay:"rgba(0,0,0,.6)"}},sizing:{maxWidth:{xs:"420px",sm:"640px",md:"940px",lg:"1200px"}},boxShadow:{x:"0",y:"20px",blur:"50px",spread:"0",color:"rgba(0,0,0,.20)",type:"dropShadow"},borderRadius:"16px"},color:{background:{primary:"#FFFFFF",secondary:"#F8F8F8",tertiary:"#F1F1F1",brand:{primary:"#8449BF",primaryInteraction:"#633096",primaryDisabled:"#D2B6E5",secondary:"#F5EFF9",secondaryInteraction:"#E7D8F1",secondaryDisabled:"#F5EFF9"},success:{primary:"#00A78F",primaryInteraction:"#098775",primaryDisabled:"#97CFC7",secondary:"#E8F7F5",secondaryInteraction:"#D7F4F0",secondaryDisabled:"#E8F7F5"},error:{primary:"#C84E33",primaryInteraction:"#9C3923",primaryDisabled:"#D6A499",secondary:"#FBF1EF",secondaryInteraction:"#F9E4E0",secondaryDisabled:"#FBF1EF"},warning:{primary:"#D99814",primaryInteraction:"#BD7F00",primaryDisabled:"#DABD81",secondary:"#FCF6EA",secondaryInteraction:"#F5EAD3",secondaryDisabled:"#FCF6EA"},info:{primary:"#4184D2",primaryInteraction:"#2E70BD",primaryDisabled:"#ABC9ED",secondary:"#EEF4FB",secondaryInteraction:"#DCEAFB",secondaryDisabled:"#EEF4FB"},neutral:{primary:"#616161",primaryInteraction:"#4D4D4D",primaryDisabled:"#BABABA",secondary:"#F1F1F1",secondaryInteraction:"#E4E4E4",secondaryDisabled:"#F1F1F1"},premierClub:{gradientStart:"#FFDE6F",gradientEnd:"#EEBE23"}},text:{primary:"#161616",secondary:"#4D4D4D",tertiary:"#6E6E6E",quaternary:"#9D9D9D",inverse:"#FFFFFF",brand:{primary:"#8449BF",disabled:"#D2B6E5",onPrimary:"#FFFFFF",onSecondary:"#8449BF"},success:{primary:"#00A78F",disabled:"#97CFC7",onPrimary:"#FFFFFF",onSecondary:"#00A78F"},error:{primary:"#C84E33",disabled:"#D6A499",onPrimary:"#FFFFFF",onSecondary:"#C84E33"},warning:{primary:"#BD7F00",disabled:"#DABD81",onPrimary:"#FFFFFF",onSecondary:"#BD7F00"},info:{primary:"#4184D2",disabled:"#ABC9ED",onPrimary:"#FFFFFF",onSecondary:"#4184D2"},neutral:{primary:"#161616",disabled:"#BABABA",onPrimary:"#FFFFFF",onSecondary:"#161616"}},border:{primary:"#D2D2D2",primaryInteraction:"#9D9D9D",secondary:"#E4E4E4",secondaryInteraction:"#BABABA",focus:"#ABC9ED",brand:{primary:"#8449BF",secondary:"#C1A4DF"},error:{primary:"#C84E33"},success:{primary:"#00A78F"},warning:{primary:"#D99814"},info:{primary:"#4184D2"},neutral:{primary:"#9D9D9D"}}},card:{color:{background:{primary:"#FFFFFF",primaryDisabled:"#FFFFFF",secondary:"#F8F8F8",secondaryDisabled:"#F8F8F8"},border:{base:"#E4E4E4",elevated:"#F1F1F1",interaction:"#BABABA",disabled:"#F1F1F1"}},boxShadow:[{x:"0",y:"4px",blur:"10px",spread:"0",color:"rgba(0,0,0,.08)",type:"dropShadow"},{x:"0",y:"2px",blur:"4px",spread:"0",color:"rgba(0,0,0,.04)",type:"dropShadow"}],borderRadius:"8px"},leverageSlider:{color:{background:{leverage:{1:"#00A78F",10:"#0FA888",25:"#21A67E",50:"#33A574",100:"#45A469",200:"#5EA25B",300:"#79A04C",400:"#809F47",500:"#909E3F",600:"#AC9C2E",777:"#C99A1E",800:"#C99A1E",1e3:"#D99814",2e3:"#D17324",unlimited:"#C84E33"}}}},duration:{transition:{base:"200ms"}},textParagraph:{fontSize:{xs:"12px",sm:"14px",md:"16px",lg:"18px"}},tooltip:{boxShadow:[{x:"0",y:"8px",blur:"30px",spread:"0",color:"rgba(0,0,0,.15)",type:"dropShadow"},{x:"0",y:"4px",blur:"12px",spread:"0",color:"rgba(0,0,0,.08)",type:"dropShadow"}],color:{background:"#161616"}},dropdown:{boxShadow:[{x:"0",y:"8px",blur:"30px",spread:"0",color:"rgba(0,0,0,.15)",type:"dropShadow"},{x:"0",y:"4px",blur:"12px",spread:"0",color:"rgba(0,0,0,.08)",type:"dropShadow"}],borderRadius:"8px"},spinner:{sizing:{xs:"14px",sm:"16px",md:"18px",lg:"20px"}},fontSize:{base:"14px"},input:{spacing:{x:"11px"},borderWidth:"1px"},borderWidth:{focus:"2px"},multiSelect:{spacing:{multiValueLabel:{x:{xs:"5px",sm:"6px",md:"8px",lg:"12px"},y:{xs:"3px",sm:"3px",md:"5px",lg:"8px"}}},fontSize:{multiValueLabel:{xs:"12px",sm:"12px",md:"13px",lg:"14px"}}},tabs:{borderWidth:{tab:{bottom:"2px"}}},menu:{borderRadius:{item:"6px"}}},dir:"ltr"},At=v.default(b.default)`
 	path {
 		fill: currentColor;
 	}