@tap-payments/os-micro-frontend-shared 0.3.150 → 0.3.151-test.2

package/build/_chunks/{chunk-UAHUS5PL.js → chunk-FZJGVE3N.js}

@@ -1 +1 @@
-import {yc,Ba,Ca}from'./chunk-RBCDAZB4.js';import {Eb,Vc}from'./chunk-R3NBSKNX.js';import co,{useId,useState,useRef,useCallback,useEffect,useMemo}from'react';import B from'@mui/material/Box';import mo from'@mui/material/ClickAwayListener';import to from'@mui/material/Stack';import Q from'@mui/material/Typography';import {styled,alpha}from'@mui/material/styles';import L from'@mui/material/Button';import io from'@mui/material/TextField';import lo from'@mui/material/MenuList';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {useTranslation}from'react-i18next';import {RgbColorPicker,RgbaColorPicker}from'react-colorful';import Ho from'@mui/material/Divider';import uo from'@mui/material/Popper';import q from'@mui/material/MenuItem';import Y from'@mui/material/InputAdornment';import v from'color';import {Popper}from'@mui/material';var O=styled("button")({background:"transparent",border:"none",padding:0,margin:0,cursor:"pointer",width:10,height:10,display:"flex",justifyContent:"center",alignItems:"center","&:disabled, &.Mui-disabled":{opacity:.5,cursor:"not-allowed"}}),G=styled(B)(({theme:o})=>({boxShadow:"0px 8px 30px rgba(0, 0, 0, 0.16)",width:264,backgroundColor:"#ffffff",padding:"12px",borderRadius:o.spacing(1),"& .react-colorful":{width:"100%","&__saturation":{minHeight:152,borderRadius:"4px",marginBottom:o.spacing(2),border:0,"&-pointer":{width:13,height:13}},"&__hue":{borderRadius:"4px",height:"8px","&-pointer":{width:10,height:10}},"&__alpha":{marginTop:o.spacing(2),marginBottom:0,border:0,borderRadius:"4px",height:"8px","&-pointer":{width:10,height:10}}}})),D=styled(B)(()=>({display:"flex",gap:"8px",justifyContent:"flex-end"})),V=styled(o=>jsx(Q,{...o,component:"button"}))(({theme:o})=>({fontWeight:500,fontSize:"9px",color:o.palette.info.dark,textDecoration:"underline",cursor:"pointer",background:"transparent",border:"none",padding:0,margin:0,"&:disabled, &.Mui-disabled":{color:alpha(o.palette.info.dark,.5),textDecoration:"none"},"&:hover":{textDecoration:"none"}})),X=styled(L)(({theme:o})=>({textTransform:"capitalize",minWidth:"auto",width:74,borderRadius:"4px",border:`1px solid ${o.palette.info.dark}`,backgroundColor:o.palette.info.dark,fontWeight:700,fontSize:"11px",color:o.palette.common.white,"&:hover":{backgroundColor:o.palette.info.dark}})),$=styled(L)(({theme:o})=>({textTransform:"capitalize",minWidth:"auto",width:74,borderRadius:"4px",border:`1px solid ${o.palette.divider}`,backgroundColor:o.palette.common.white,fontWeight:500,fontSize:"11px",color:o.palette.text.primary,"&:hover":{background:"transparent"}})),U=styled(B,{shouldForwardProp:o=>o!=="active"})(({theme:o,active:s})=>({display:"flex",justifyContent:"space-between",alignItems:"center",color:o.palette.text.primary,border:"1px solid #F2F2F2",fontSize:12,fontWeight:500,backgroundColor:"transparent",padding:"4px 8px",borderRadius:"4px",minWidth:70,cursor:"pointer",...s&&{border:"1px solid #1F88D0",boxShadow:"0px 0px 4px 0px #1F88D080"}})),Z=styled(lo)({backgroundColor:"#ffffff",borderRadius:"4px",boxShadow:"0px 8px 30px 0px #00000029",minWidth:70,"& .MuiMenuItem-root":{fontSize:12,fontWeight:500,padding:"4px 8px"}}),x=styled(io)(({theme:o})=>({"& .MuiOutlinedInput-root":{fontSize:"12px",fontWeight:500,borderRadius:"4px","& input":{padding:"4px","&::-webkit-outer-spin-button, &::-webkit-inner-spin-button":{WebkitAppearance:"none",margin:0},"&[type=number]":{MozAppearance:"textfield"}},"& .MuiOutlinedInput-notchedOutline":{borderColor:o.palette.divider,borderWidth:"1px"},"&:hover, &.Mui-focused":{"& .MuiOutlinedInput-notchedOutline":{borderColor:o.palette.divider,borderWidth:"1px"}}}}));var go=({scheme:o,setScheme:s})=>{let[n,r]=co.useState(null),m=!!n,a=useCallback(c=>{r(n?null:c.currentTarget);},[n]),i=useCallback(()=>{r(null);},[]),d=useCallback(c=>{i(),s(c);},[i,s]);return jsxs(Fragment,{children:[jsxs(U,{component:"button",active:m,onClick:a,children:[o,jsx(B,{component:"img",sx:{transform:m?"rotateZ(180deg)":"rotateZ(0)",transition:"200ms transform ease-out"},src:Vc})]}),jsx(uo,{anchorEl:n,open:!!n,placement:"bottom",disablePortal:true,keepMounted:true,modifiers:[{name:"offset",options:{offset:[0,4]}}],children:jsx(mo,{onClickAway:c=>{n?.contains(c.target)||i();},children:jsxs(Z,{children:[jsx(q,{onClick:()=>d("RGB"),children:"RGB"}),jsx(q,{onClick:()=>d("HEX"),children:"HEX"})]})})})]})},J=go;var So=({value:o,onChange:s,disableAlpha:n=false})=>{let[r,m]=useState(o),{r:a,g:i,b:d,a:c}=r;useEffect(()=>{m(o);},[o]);let u=useCallback((l,f)=>(isNaN(l)&&(l=0),l<0&&(l=0),l>f&&(l=f),console.log("num",l),l),[]),t=useCallback((l,f)=>P=>{m({...r,[l]:u(+P.target.value,f)});},[r,u]),e=useCallback((l,f)=>{s({...r,[l]:u(r[l],f)});},[s,r,u]);return jsxs(to,{direction:"row",spacing:1,...n&&{flex:1},children:[jsx(x,{type:"number",value:a,onBlur:()=>e("r",255),onChange:t("r",255),inputProps:{min:0,max:255,style:{textAlign:"center"}},variant:"outlined",size:"small",...n&&{sx:{flex:1}}}),jsx(x,{type:"number",value:i,onBlur:()=>e("g",255),onChange:t("g",255),inputProps:{min:0,max:255,style:{textAlign:"center"}},variant:"outlined",size:"small",...n&&{sx:{flex:1}}}),jsx(x,{type:"number",value:d,onBlur:()=>e("b",255),onChange:t("b",255),inputProps:{min:0,max:255,style:{textAlign:"center"}},variant:"outlined",size:"small",...n&&{sx:{flex:1}}}),!n&&jsx(x,{type:"number",value:c,onBlur:()=>e("a",100),onChange:t("a",100),inputProps:{min:0,max:100,style:{textAlign:"center"}},variant:"outlined",sx:{"& .MuiOutlinedInput-root":{pr:1}},InputProps:{endAdornment:jsx(Y,{position:"end",sx:{m:0},children:jsx(Q,{component:"span",display:"inline-block",fontSize:12,fontWeight:500,children:"%"})})},size:"small"})]})},K=So;var _o=({value:o,onChange:s,disableAlpha:n=false})=>{let r=useMemo(()=>v.rgb(o.r,o.g,o.b,o.a).hex().replace("#",""),[o]),[m,a]=useState(r),i=Math.round(o.a*100);return useEffect(()=>{let t=v.rgb(o.r,o.g,o.b).hex().replace("#","");a(t);},[o.r,o.g,o.b]),jsxs(to,{direction:"row",spacing:1,alignItems:"flex-start",children:[jsx(x,{value:m,onChange:t=>{let e=t.target.value.replace(/[^0-9a-fA-F]/g,"").toUpperCase();e.length>6&&(e=e.slice(0,6)),a(e);},onBlur:()=>{let t=m;if(t.length===3&&(t=t.split("").map(e=>e+e).join(""),a(t)),t.length===6)try{let e=v(`#${t}`).alpha(o.a);s({r:e.red(),g:e.green(),b:e.blue(),a:e.alpha()});}catch{a(r);}else a(r);},placeholder:"FFFFFF",sx:{flex:1.4,"& .MuiOutlinedInput-root":{pl:1}},InputProps:{startAdornment:jsx(Y,{position:"start",sx:{m:0},children:jsx(Q,{component:"span",color:t=>alpha(t.palette.text.primary,.5),display:"inline-block",fontSize:12,fontWeight:500,children:"#"})})}}),!n&&jsx(x,{type:"number",value:i,onChange:t=>{let e=parseInt(t.target.value,10);isNaN(e)&&(e=0),e<0&&(e=0),e>100&&(e=100),s({...o,a:e/100});},inputProps:{min:0,max:100},sx:{flex:.8,"& .MuiOutlinedInput-root":{pr:1}},InputProps:{endAdornment:jsx(Y,{position:"end",sx:{m:0},children:jsx(Q,{component:"span",color:"text.primary",display:"inline-block",fontSize:12,fontWeight:500,children:"%"})})}})]})},j=_o;var Wo=({initialValue:o="#ffffff",onCancel:s,onConfirm:n,disableAlpha:r=false})=>{let[m,a]=useState("RGB"),[i,d]=useState(()=>{let{alpha:p,...y}=Ba(o).value;return {...y,a:p}}),{t:c}=useTranslation(),u=useCallback(()=>{let{alpha:p,...y}=Ba(o).value;d({...y,a:p}),s();},[o,s]),t=useCallback(()=>{let{a:p,...y}=i;n(Ca({...y,alpha:r?1:p}));},[i,n,r]),e=useCallback(p=>{d(r?{...p,a:1}:p);},[r]),l=useCallback(p=>{d({...p,a:p.a/100});},[]),f=useCallback(p=>{d({...p,a:p.a});},[]);return jsxs(G,{className:"color-picker__widget",children:[jsx(r?RgbColorPicker:RgbaColorPicker,{color:i,onChange:e}),jsxs(to,{mt:2,spacing:1,direction:"row",children:[jsx(J,{scheme:m,setScheme:a}),m==="RGB"?jsx(K,{value:{...i,a:Math.round(i.a*100)},onChange:l,disableAlpha:r}):jsx(j,{value:{...i,a:i.a},onChange:f,disableAlpha:r})]}),jsx(Ho,{sx:{my:"12px"}}),jsxs(D,{className:"color-picker__widget-actions",children:[jsx($,{className:"color-picker__widget-actions__cancel",onClick:u,children:c("cancel")}),jsx(X,{className:"color-picker__widget-actions__confirm",onClick:t,children:c("okay")})]})]})},eo=Wo;var ro={hideReset:false,disableAlpha:false},Vo=({value:o="#ffffff",onChange:s,onReset:n,sx:r,options:m=ro,disabled:a=false})=>{let i=yc(useId(),"color-picker"),[d,c]=useState(null),{disableAlpha:u=false,hideReset:t=false}={...ro,...m},e=useRef(null),l=useCallback(()=>{a||c(e.current);},[a]),f=useCallback(()=>{a||c(null);},[a]),P=useCallback(p=>{s(u?p.substring(0,7):p),c(null);},[s,u]);return jsx(mo,{onClickAway:()=>c(null),children:jsxs(to,{ref:e,id:i,"data-testid":"ColorPicker",bgcolor:"grey.400",borderRadius:"4px",p:"4px",pr:"12px",direction:"row",justifyContent:"space-between",spacing:1,alignItems:"center",className:"color-picker",sx:r,children:[jsxs(to,{direction:"row",spacing:1,alignItems:"center",className:"color-picker__controls-wrapper",children:[jsx(B,{borderRadius:"5px",width:32,height:32,sx:{backgroundColor:o},className:"color-picker__viewer"}),jsxs(B,{className:"color-picker__actions-wrapper",children:[jsx(Q,{className:"color-picker__label",fontWeight:500,fontSize:9,color:"text.primary",textTransform:"uppercase",children:o}),jsx(V,{className:"color-picker__edit-btn",type:"button",onClick:l,disabled:a,children:"Edit"})]})]}),t?jsx("div",{}):jsx(O,{className:"color-picker__close-btn",type:"button",disabled:a,onClick:n,children:jsx(B,{component:"img",src:Eb,width:10,height:10})}),jsx(Popper,{anchorEl:d,open:!!d,placement:"top",children:jsx(eo,{initialValue:o,onCancel:f,onConfirm:P,disableAlpha:u})})]})})},no=Vo;var ot=no;export{ot as a};
+import {yc,Ba,Ca}from'./chunk-2CIV4TII.js';import {Fb,Wc}from'./chunk-KCEYICHJ.js';import co,{useId,useState,useRef,useCallback,useEffect,useMemo}from'react';import B from'@mui/material/Box';import mo from'@mui/material/ClickAwayListener';import to from'@mui/material/Stack';import Q from'@mui/material/Typography';import {styled,alpha}from'@mui/material/styles';import L from'@mui/material/Button';import io from'@mui/material/TextField';import lo from'@mui/material/MenuList';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {useTranslation}from'react-i18next';import {RgbColorPicker,RgbaColorPicker}from'react-colorful';import Ho from'@mui/material/Divider';import uo from'@mui/material/Popper';import q from'@mui/material/MenuItem';import Y from'@mui/material/InputAdornment';import v from'color';import {Popper}from'@mui/material';var O=styled("button")({background:"transparent",border:"none",padding:0,margin:0,cursor:"pointer",width:10,height:10,display:"flex",justifyContent:"center",alignItems:"center","&:disabled, &.Mui-disabled":{opacity:.5,cursor:"not-allowed"}}),G=styled(B)(({theme:o})=>({boxShadow:"0px 8px 30px rgba(0, 0, 0, 0.16)",width:264,backgroundColor:"#ffffff",padding:"12px",borderRadius:o.spacing(1),"& .react-colorful":{width:"100%","&__saturation":{minHeight:152,borderRadius:"4px",marginBottom:o.spacing(2),border:0,"&-pointer":{width:13,height:13}},"&__hue":{borderRadius:"4px",height:"8px","&-pointer":{width:10,height:10}},"&__alpha":{marginTop:o.spacing(2),marginBottom:0,border:0,borderRadius:"4px",height:"8px","&-pointer":{width:10,height:10}}}})),D=styled(B)(()=>({display:"flex",gap:"8px",justifyContent:"flex-end"})),V=styled(o=>jsx(Q,{...o,component:"button"}))(({theme:o})=>({fontWeight:500,fontSize:"9px",color:o.palette.info.dark,textDecoration:"underline",cursor:"pointer",background:"transparent",border:"none",padding:0,margin:0,"&:disabled, &.Mui-disabled":{color:alpha(o.palette.info.dark,.5),textDecoration:"none"},"&:hover":{textDecoration:"none"}})),X=styled(L)(({theme:o})=>({textTransform:"capitalize",minWidth:"auto",width:74,borderRadius:"4px",border:`1px solid ${o.palette.info.dark}`,backgroundColor:o.palette.info.dark,fontWeight:700,fontSize:"11px",color:o.palette.common.white,"&:hover":{backgroundColor:o.palette.info.dark}})),$=styled(L)(({theme:o})=>({textTransform:"capitalize",minWidth:"auto",width:74,borderRadius:"4px",border:`1px solid ${o.palette.divider}`,backgroundColor:o.palette.common.white,fontWeight:500,fontSize:"11px",color:o.palette.text.primary,"&:hover":{background:"transparent"}})),U=styled(B,{shouldForwardProp:o=>o!=="active"})(({theme:o,active:s})=>({display:"flex",justifyContent:"space-between",alignItems:"center",color:o.palette.text.primary,border:"1px solid #F2F2F2",fontSize:12,fontWeight:500,backgroundColor:"transparent",padding:"4px 8px",borderRadius:"4px",minWidth:70,cursor:"pointer",...s&&{border:"1px solid #1F88D0",boxShadow:"0px 0px 4px 0px #1F88D080"}})),Z=styled(lo)({backgroundColor:"#ffffff",borderRadius:"4px",boxShadow:"0px 8px 30px 0px #00000029",minWidth:70,"& .MuiMenuItem-root":{fontSize:12,fontWeight:500,padding:"4px 8px"}}),x=styled(io)(({theme:o})=>({"& .MuiOutlinedInput-root":{fontSize:"12px",fontWeight:500,borderRadius:"4px","& input":{padding:"4px","&::-webkit-outer-spin-button, &::-webkit-inner-spin-button":{WebkitAppearance:"none",margin:0},"&[type=number]":{MozAppearance:"textfield"}},"& .MuiOutlinedInput-notchedOutline":{borderColor:o.palette.divider,borderWidth:"1px"},"&:hover, &.Mui-focused":{"& .MuiOutlinedInput-notchedOutline":{borderColor:o.palette.divider,borderWidth:"1px"}}}}));var go=({scheme:o,setScheme:s})=>{let[n,r]=co.useState(null),m=!!n,a=useCallback(c=>{r(n?null:c.currentTarget);},[n]),i=useCallback(()=>{r(null);},[]),d=useCallback(c=>{i(),s(c);},[i,s]);return jsxs(Fragment,{children:[jsxs(U,{component:"button",active:m,onClick:a,children:[o,jsx(B,{component:"img",sx:{transform:m?"rotateZ(180deg)":"rotateZ(0)",transition:"200ms transform ease-out"},src:Wc})]}),jsx(uo,{anchorEl:n,open:!!n,placement:"bottom",disablePortal:true,keepMounted:true,modifiers:[{name:"offset",options:{offset:[0,4]}}],children:jsx(mo,{onClickAway:c=>{n?.contains(c.target)||i();},children:jsxs(Z,{children:[jsx(q,{onClick:()=>d("RGB"),children:"RGB"}),jsx(q,{onClick:()=>d("HEX"),children:"HEX"})]})})})]})},J=go;var So=({value:o,onChange:s,disableAlpha:n=false})=>{let[r,m]=useState(o),{r:a,g:i,b:d,a:c}=r;useEffect(()=>{m(o);},[o]);let u=useCallback((l,f)=>(isNaN(l)&&(l=0),l<0&&(l=0),l>f&&(l=f),console.log("num",l),l),[]),t=useCallback((l,f)=>P=>{m({...r,[l]:u(+P.target.value,f)});},[r,u]),e=useCallback((l,f)=>{s({...r,[l]:u(r[l],f)});},[s,r,u]);return jsxs(to,{direction:"row",spacing:1,...n&&{flex:1},children:[jsx(x,{type:"number",value:a,onBlur:()=>e("r",255),onChange:t("r",255),inputProps:{min:0,max:255,style:{textAlign:"center"}},variant:"outlined",size:"small",...n&&{sx:{flex:1}}}),jsx(x,{type:"number",value:i,onBlur:()=>e("g",255),onChange:t("g",255),inputProps:{min:0,max:255,style:{textAlign:"center"}},variant:"outlined",size:"small",...n&&{sx:{flex:1}}}),jsx(x,{type:"number",value:d,onBlur:()=>e("b",255),onChange:t("b",255),inputProps:{min:0,max:255,style:{textAlign:"center"}},variant:"outlined",size:"small",...n&&{sx:{flex:1}}}),!n&&jsx(x,{type:"number",value:c,onBlur:()=>e("a",100),onChange:t("a",100),inputProps:{min:0,max:100,style:{textAlign:"center"}},variant:"outlined",sx:{"& .MuiOutlinedInput-root":{pr:1}},InputProps:{endAdornment:jsx(Y,{position:"end",sx:{m:0},children:jsx(Q,{component:"span",display:"inline-block",fontSize:12,fontWeight:500,children:"%"})})},size:"small"})]})},K=So;var _o=({value:o,onChange:s,disableAlpha:n=false})=>{let r=useMemo(()=>v.rgb(o.r,o.g,o.b,o.a).hex().replace("#",""),[o]),[m,a]=useState(r),i=Math.round(o.a*100);return useEffect(()=>{let t=v.rgb(o.r,o.g,o.b).hex().replace("#","");a(t);},[o.r,o.g,o.b]),jsxs(to,{direction:"row",spacing:1,alignItems:"flex-start",children:[jsx(x,{value:m,onChange:t=>{let e=t.target.value.replace(/[^0-9a-fA-F]/g,"").toUpperCase();e.length>6&&(e=e.slice(0,6)),a(e);},onBlur:()=>{let t=m;if(t.length===3&&(t=t.split("").map(e=>e+e).join(""),a(t)),t.length===6)try{let e=v(`#${t}`).alpha(o.a);s({r:e.red(),g:e.green(),b:e.blue(),a:e.alpha()});}catch{a(r);}else a(r);},placeholder:"FFFFFF",sx:{flex:1.4,"& .MuiOutlinedInput-root":{pl:1}},InputProps:{startAdornment:jsx(Y,{position:"start",sx:{m:0},children:jsx(Q,{component:"span",color:t=>alpha(t.palette.text.primary,.5),display:"inline-block",fontSize:12,fontWeight:500,children:"#"})})}}),!n&&jsx(x,{type:"number",value:i,onChange:t=>{let e=parseInt(t.target.value,10);isNaN(e)&&(e=0),e<0&&(e=0),e>100&&(e=100),s({...o,a:e/100});},inputProps:{min:0,max:100},sx:{flex:.8,"& .MuiOutlinedInput-root":{pr:1}},InputProps:{endAdornment:jsx(Y,{position:"end",sx:{m:0},children:jsx(Q,{component:"span",color:"text.primary",display:"inline-block",fontSize:12,fontWeight:500,children:"%"})})}})]})},j=_o;var Wo=({initialValue:o="#ffffff",onCancel:s,onConfirm:n,disableAlpha:r=false})=>{let[m,a]=useState("RGB"),[i,d]=useState(()=>{let{alpha:p,...y}=Ba(o).value;return {...y,a:p}}),{t:c}=useTranslation(),u=useCallback(()=>{let{alpha:p,...y}=Ba(o).value;d({...y,a:p}),s();},[o,s]),t=useCallback(()=>{let{a:p,...y}=i;n(Ca({...y,alpha:r?1:p}));},[i,n,r]),e=useCallback(p=>{d(r?{...p,a:1}:p);},[r]),l=useCallback(p=>{d({...p,a:p.a/100});},[]),f=useCallback(p=>{d({...p,a:p.a});},[]);return jsxs(G,{className:"color-picker__widget",children:[jsx(r?RgbColorPicker:RgbaColorPicker,{color:i,onChange:e}),jsxs(to,{mt:2,spacing:1,direction:"row",children:[jsx(J,{scheme:m,setScheme:a}),m==="RGB"?jsx(K,{value:{...i,a:Math.round(i.a*100)},onChange:l,disableAlpha:r}):jsx(j,{value:{...i,a:i.a},onChange:f,disableAlpha:r})]}),jsx(Ho,{sx:{my:"12px"}}),jsxs(D,{className:"color-picker__widget-actions",children:[jsx($,{className:"color-picker__widget-actions__cancel",onClick:u,children:c("cancel")}),jsx(X,{className:"color-picker__widget-actions__confirm",onClick:t,children:c("okay")})]})]})},eo=Wo;var ro={hideReset:false,disableAlpha:false},Vo=({value:o="#ffffff",onChange:s,onReset:n,sx:r,options:m=ro,disabled:a=false})=>{let i=yc(useId(),"color-picker"),[d,c]=useState(null),{disableAlpha:u=false,hideReset:t=false}={...ro,...m},e=useRef(null),l=useCallback(()=>{a||c(e.current);},[a]),f=useCallback(()=>{a||c(null);},[a]),P=useCallback(p=>{s(u?p.substring(0,7):p),c(null);},[s,u]);return jsx(mo,{onClickAway:()=>c(null),children:jsxs(to,{ref:e,id:i,"data-testid":"ColorPicker",bgcolor:"grey.400",borderRadius:"4px",p:"4px",pr:"12px",direction:"row",justifyContent:"space-between",spacing:1,alignItems:"center",className:"color-picker",sx:r,children:[jsxs(to,{direction:"row",spacing:1,alignItems:"center",className:"color-picker__controls-wrapper",children:[jsx(B,{borderRadius:"5px",width:32,height:32,sx:{backgroundColor:o},className:"color-picker__viewer"}),jsxs(B,{className:"color-picker__actions-wrapper",children:[jsx(Q,{className:"color-picker__label",fontWeight:500,fontSize:9,color:"text.primary",textTransform:"uppercase",children:o}),jsx(V,{className:"color-picker__edit-btn",type:"button",onClick:l,disabled:a,children:"Edit"})]})]}),t?jsx("div",{}):jsx(O,{className:"color-picker__close-btn",type:"button",disabled:a,onClick:n,children:jsx(B,{component:"img",src:Fb,width:10,height:10})}),jsx(Popper,{anchorEl:d,open:!!d,placement:"top",children:jsx(eo,{initialValue:o,onCancel:f,onConfirm:P,disableAlpha:u})})]})})},no=Vo;var ot=no;export{ot as a};

package/build/_chunks/{chunk-M5MYK5ZE.js → chunk-GIJKKRNG.js}

@@ -1 +1 @@
-import {a}from'./chunk-GNY2VGGW.js';import {yc}from'./chunk-RBCDAZB4.js';import {Td,Mi,Ni,Oi,Pi,Qi}from'./chunk-R3NBSKNX.js';import {useId}from'react';import {styled}from'@mui/material/styles';import {jsxs,jsx}from'react/jsx-runtime';var m=styled(a)(({theme:t})=>({fontSize:"10px",color:"rgba(32, 35, 43, 0.5)",opacity:.7,textAlign:"left",fontWeight:t.typography.fontWeightBold,lineHeight:"14px",userSelect:"none",paddingLeft:"0.175rem",textTransform:"capitalize"})),w=styled("div")(()=>({display:"flex",justifyContent:"center",alignItems:"center",position:"relative",textAlign:"center"})),I=styled("img")(()=>({width:14,height:14,verticalAlign:"center"}));var g=new Map([["json",Td],["brand",Mi],["entity",Ni],["bank",Oi],["individual",Pi],["password",Qi]]);function W({title:t,icon:n}){let x=yc(useId(),"window-app-icon"),e=g.get(n||"")??(g.get(t?.toLowerCase())||n);return jsxs(w,{id:x,className:"action-box","data-testid":"WindowAppIcon",children:[e&&jsx(I,{src:e,alt:"icon"}),jsx(m,{className:"title",children:t})]})}var y=W;var z=y;export{z as a};
+import {a}from'./chunk-GNY2VGGW.js';import {yc}from'./chunk-2CIV4TII.js';import {Ud,Ni,Oi,Pi,Qi,Ri}from'./chunk-KCEYICHJ.js';import {useId}from'react';import {styled}from'@mui/material/styles';import {jsxs,jsx}from'react/jsx-runtime';var m=styled(a)(({theme:t})=>({fontSize:"10px",color:"rgba(32, 35, 43, 0.5)",opacity:.7,textAlign:"left",fontWeight:t.typography.fontWeightBold,lineHeight:"14px",userSelect:"none",paddingLeft:"0.175rem",textTransform:"capitalize"})),w=styled("div")(()=>({display:"flex",justifyContent:"center",alignItems:"center",position:"relative",textAlign:"center"})),I=styled("img")(()=>({width:14,height:14,verticalAlign:"center"}));var g=new Map([["json",Ud],["brand",Ni],["entity",Oi],["bank",Pi],["individual",Qi],["password",Ri]]);function W({title:t,icon:n}){let x=yc(useId(),"window-app-icon"),e=g.get(n||"")??(g.get(t?.toLowerCase())||n);return jsxs(w,{id:x,className:"action-box","data-testid":"WindowAppIcon",children:[e&&jsx(I,{src:e,alt:"icon"}),jsx(m,{className:"title",children:t})]})}var y=W;var z=y;export{z as a};

package/build/_chunks/{chunk-2Z4YOMWE.js → chunk-GIWRSAQ2.js}

@@ -1 +1 @@
-import {yc}from'./chunk-RBCDAZB4.js';import {useId,useMemo,useEffect}from'react';import {styled}from'@mui/material';import {jsx}from'react/jsx-runtime';var t=styled("span")(({theme:e})=>({fontWeight:500,color:e.palette.info.dark,cursor:"pointer",fontSize:"9px",textDecoration:"underline"}));var i=window.URL||window.webkitURL,b=({data:e,isLoading:r,isError:l})=>{let p=yc(useId(),"open-file-in-new-tab"),o=useMemo(()=>e?i.createObjectURL(e):"",[e]);useEffect(()=>()=>{o&&i.revokeObjectURL(o);},[o]);let a=()=>{o&&window.open(o,"_blank");};return r||l?null:jsx(t,{id:p,"data-testid":"OpenFileInNewTab",onClick:a,children:"View"})},c=b;export{c as a};
+import {yc}from'./chunk-2CIV4TII.js';import {useId,useMemo,useEffect}from'react';import {styled}from'@mui/material';import {jsx}from'react/jsx-runtime';var t=styled("span")(({theme:e})=>({fontWeight:500,color:e.palette.info.dark,cursor:"pointer",fontSize:"9px",textDecoration:"underline"}));var i=window.URL||window.webkitURL,b=({data:e,isLoading:r,isError:l})=>{let p=yc(useId(),"open-file-in-new-tab"),o=useMemo(()=>e?i.createObjectURL(e):"",[e]);useEffect(()=>()=>{o&&i.revokeObjectURL(o);},[o]);let a=()=>{o&&window.open(o,"_blank");};return r||l?null:jsx(t,{id:p,"data-testid":"OpenFileInNewTab",onClick:a,children:"View"})},c=b;export{c as a};

package/build/_chunks/{chunk-EDJGLQW3.js → chunk-GWT72RF2.js}

@@ -1 +1 @@
-import {b}from'./chunk-JQ6FKHTQ.js';import {yc}from'./chunk-RBCDAZB4.js';import {ff}from'./chunk-R3NBSKNX.js';import {useId}from'react';import {jsxs,jsx}from'react/jsx-runtime';var T=({text:t,startLength:r=8,endLength:d=4,chipIndex:a,copyText:i,selectionProps:m})=>{let n=yc(useId(),"masked-text"),c=t.slice(0,r),x=t.slice(t.length-d);return jsxs(b,{id:n,"data-testid":"MaskedText",chipIndex:a,copyText:i,selectionProps:m,children:[c,jsx("img",{src:ff,alt:"passwordDots"}),x]})},p=T;var g=p;export{g as a};
+import {b}from'./chunk-2U6YCW6N.js';import {yc}from'./chunk-2CIV4TII.js';import {gf}from'./chunk-KCEYICHJ.js';import {useId}from'react';import {jsxs,jsx}from'react/jsx-runtime';var T=({text:t,startLength:r=8,endLength:d=4,chipIndex:a,copyText:i,selectionProps:m})=>{let n=yc(useId(),"masked-text"),c=t.slice(0,r),x=t.slice(t.length-d);return jsxs(b,{id:n,"data-testid":"MaskedText",chipIndex:a,copyText:i,selectionProps:m,children:[c,jsx("img",{src:gf,alt:"passwordDots"}),x]})},p=T;var g=p;export{g as a};

package/build/_chunks/{chunk-OLRRHASW.js → chunk-GYI5NSQ5.js}

@@ -1 +1 @@
-import {b}from'./chunk-JQ6FKHTQ.js';import {yc}from'./chunk-RBCDAZB4.js';import {useId}from'react';import {styled,Box}from'@mui/material';import {jsx}from'react/jsx-runtime';var r=styled(Box)(()=>({display:"flex",gap:"4px",alignItems:"center",flexDirection:"row"})),i=styled(b)(()=>({padding:"0.75px 12px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"flex",alignItems:"center",gap:"4px"}));var x=({chips:t,containerSx:a,defaultChipSx:n,...l})=>{let u=yc(useId(),"status-group-chips");return !t||t.length===0?null:jsx(r,{id:u,"data-testid":"StatusGroupChips",sx:a,...l,children:t.map(({key:d,content:C,sx:f,...m})=>jsx(i,{sx:{...n,...f},...m,children:C},d))})},y=x;export{y as a};
+import {b}from'./chunk-2U6YCW6N.js';import {yc}from'./chunk-2CIV4TII.js';import {useId}from'react';import {styled,Box}from'@mui/material';import {jsx}from'react/jsx-runtime';var r=styled(Box)(()=>({display:"flex",gap:"4px",alignItems:"center",flexDirection:"row"})),i=styled(b)(()=>({padding:"0.75px 12px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"flex",alignItems:"center",gap:"4px"}));var x=({chips:t,containerSx:a,defaultChipSx:n,...l})=>{let u=yc(useId(),"status-group-chips");return !t||t.length===0?null:jsx(r,{id:u,"data-testid":"StatusGroupChips",sx:a,...l,children:t.map(({key:d,content:C,sx:f,...m})=>jsx(i,{sx:{...n,...f},...m,children:C},d))})},y=x;export{y as a};

package/build/_chunks/{chunk-5ZAUKWVJ.js → chunk-H6HHXYRL.js}

@@ -1 +1 @@
-import {yc}from'./chunk-RBCDAZB4.js';import {forwardRef,useId,memo}from'react';import {styled}from'@mui/material/styles';import {jsx}from'react/jsx-runtime';var d=styled("img")(({theme:o})=>({width:o.spacing(2),height:o.spacing(2),verticalAlign:"middle"})),f=forwardRef((o,n)=>{let r=yc(useId(),"icon");return jsx(d,{id:r,"data-testid":"Icon",sx:o.sx,...o,ref:n})}),e=memo(f);var L=e;export{L as a};
+import {yc}from'./chunk-2CIV4TII.js';import {forwardRef,useId,memo}from'react';import {styled}from'@mui/material/styles';import {jsx}from'react/jsx-runtime';var d=styled("img")(({theme:o})=>({width:o.spacing(2),height:o.spacing(2),verticalAlign:"middle"})),f=forwardRef((o,n)=>{let r=yc(useId(),"icon");return jsx(d,{id:r,"data-testid":"Icon",sx:o.sx,...o,ref:n})}),e=memo(f);var L=e;export{L as a};

package/build/_chunks/{chunk-IGIVQ5NH.js → chunk-HBTIZDBD.js}

@@ -1 +1 @@
-import {a as a$1}from'./chunk-KHM5KW53.js';import {a}from'./chunk-4PJI6O5J.js';import {yc}from'./chunk-RBCDAZB4.js';import {useId}from'react';import p from'@mui/material/Box';import {styled,alpha}from'@mui/material/styles';import {jsxs,jsx,Fragment}from'react/jsx-runtime';var u=styled(p)(({rows:e,columns:t})=>({display:"grid",gridTemplateColumns:`auto repeat(${t}, 1fr)`,gridTemplateRows:`auto repeat(${e}, 1fr)`,gap:"6px"})),$=styled(p)(()=>({width:24,position:"sticky",top:0,left:0,zIndex:3})),g=styled(p)(({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",textAlign:"center",fontSize:"10px",fontWeight:500,color:e.palette.grey[700],lineHeight:"100%",letterSpacing:"0",position:"sticky",top:0,zIndex:2,backgroundColor:"#fbfbfb"})),M=styled(p)(({theme:e,percentage:t=0})=>({width:"24px",height:"8px",borderRadius:"1px",backgroundColor:t===0?alpha(e.palette.grey[700],.1):alpha(e.palette.info.dark,t)})),O=styled(g)(()=>({fontSize:"9px",top:"auto",left:0,zIndex:1})),w=styled(p)(()=>({padding:"22px 12px",overflow:"auto",maxHeight:"480px"}));function b({xAxis:e,yAxis:t,series:n,isLoading:m,tooltip:l}){let s=yc(useId(),"heat-map"),d=e.labels,y=t.labels;return jsxs(w,{id:s,"data-testid":"HeatMap",children:[jsxs(u,{className:"x-labels",rows:1,columns:d.length,children:[jsx($,{}),d.map((r,c)=>jsx(g,{children:e.render?e.render(r):r},`x-${c}-${r}`))]}),jsx(u,{className:"y-labels",rows:y.length,columns:d.length,children:y.map((r,c)=>jsxs(Fragment,{children:[jsx(O,{sx:{minWidth:"25px"},children:t.render?t.render(r):r},`y-${c}-${r}`),d.map((i,h)=>{if(m)return jsx(a,{variant:"rectangular",width:"24px",height:"8px"},`${i}-${h}`);let f=n?.[i]?.[r]??{};return jsx(a$1,{title:l?.render&&f?.value?l.render(f,i,r):null,children:jsx(M,{percentage:f?.colorOpacityDegree})},`${i}-${h}`)})]}))})]})}var H=[.06,.1,.2,.3,.4,.5,.6,.7,.8,.9,1];function D(e,t,n){if(t===n)return 0;let m=n-t,l=(e-t)/m,s=Math.floor(l*10);return H[Math.max(0,Math.min(10,s))]}var q=b;export{D as a,q as b};
+import {a as a$1}from'./chunk-KHM5KW53.js';import {a}from'./chunk-2YUYBTYF.js';import {yc}from'./chunk-2CIV4TII.js';import {useId}from'react';import p from'@mui/material/Box';import {styled,alpha}from'@mui/material/styles';import {jsxs,jsx,Fragment}from'react/jsx-runtime';var u=styled(p)(({rows:e,columns:t})=>({display:"grid",gridTemplateColumns:`auto repeat(${t}, 1fr)`,gridTemplateRows:`auto repeat(${e}, 1fr)`,gap:"6px"})),$=styled(p)(()=>({width:24,position:"sticky",top:0,left:0,zIndex:3})),g=styled(p)(({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",textAlign:"center",fontSize:"10px",fontWeight:500,color:e.palette.grey[700],lineHeight:"100%",letterSpacing:"0",position:"sticky",top:0,zIndex:2,backgroundColor:"#fbfbfb"})),M=styled(p)(({theme:e,percentage:t=0})=>({width:"24px",height:"8px",borderRadius:"1px",backgroundColor:t===0?alpha(e.palette.grey[700],.1):alpha(e.palette.info.dark,t)})),O=styled(g)(()=>({fontSize:"9px",top:"auto",left:0,zIndex:1})),w=styled(p)(()=>({padding:"22px 12px",overflow:"auto",maxHeight:"480px"}));function b({xAxis:e,yAxis:t,series:n,isLoading:m,tooltip:l}){let s=yc(useId(),"heat-map"),d=e.labels,y=t.labels;return jsxs(w,{id:s,"data-testid":"HeatMap",children:[jsxs(u,{className:"x-labels",rows:1,columns:d.length,children:[jsx($,{}),d.map((r,c)=>jsx(g,{children:e.render?e.render(r):r},`x-${c}-${r}`))]}),jsx(u,{className:"y-labels",rows:y.length,columns:d.length,children:y.map((r,c)=>jsxs(Fragment,{children:[jsx(O,{sx:{minWidth:"25px"},children:t.render?t.render(r):r},`y-${c}-${r}`),d.map((i,h)=>{if(m)return jsx(a,{variant:"rectangular",width:"24px",height:"8px"},`${i}-${h}`);let f=n?.[i]?.[r]??{};return jsx(a$1,{title:l?.render&&f?.value?l.render(f,i,r):null,children:jsx(M,{percentage:f?.colorOpacityDegree})},`${i}-${h}`)})]}))})]})}var H=[.06,.1,.2,.3,.4,.5,.6,.7,.8,.9,1];function D(e,t,n){if(t===n)return 0;let m=n-t,l=(e-t)/m,s=Math.floor(l*10);return H[Math.max(0,Math.min(10,s))]}var q=b;export{D as a,q as b};

package/build/_chunks/{chunk-B4AATE4F.js → chunk-HEVN6IWL.js}

@@ -1 +1 @@
-import {a}from'./chunk-4PJI6O5J.js';import {yc,cb}from'./chunk-RBCDAZB4.js';import {useId}from'react';import {motion}from'framer-motion';import {Box,Typography}from'@mui/material';import {styled}from'@mui/material/styles';import I from'@mui/material/Box';import {jsxs,jsx}from'react/jsx-runtime';var u=styled(Box)(({size:t})=>({display:"flex",flexDirection:"column",alignItems:"center",width:t,height:t,position:"relative"})),y=styled(Box)({position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center"}),b=styled(Typography,{shouldForwardProp:t=>t!=="isEmpty"})(({isEmpty:t})=>({fontSize:"17px",fontWeight:700,color:t?"#CFD0D2":"#000"})),D=styled(Typography,{shouldForwardProp:t=>t!=="isEmpty"})(({isEmpty:t})=>({whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",color:t?"#CFD0D2":"#8D8D94",fontSize:"11px",fontWeight:500,letterSpacing:"0%",textAlign:"right",verticalAlign:"middle"}));var C=()=>jsxs(I,{component:"span",sx:{display:"flex",flexDirection:"column",alignItems:"center",gap:"6px"},children:[jsx(a,{width:51,height:16}),jsx(a,{width:84,height:8})]});var v=({value:t,label:k,size:o=172,strokeWidth:p=22,isLoading:l=false})=>{let E=yc(useId(),"progress-ring"),m=t==null||t==="",F=cb(t||"0"),s=Math.min(Math.max(F??0,0),100),c=(o-p)/2,n=2*Math.PI*c,r=o/2;return jsxs(u,{id:E,"data-testid":"ProgressRing",size:o,children:[jsxs("svg",{width:o,height:o,viewBox:`0 0 ${o} ${o}`,style:{position:"absolute",top:0,left:0},children:[jsx("defs",{children:jsxs("linearGradient",{id:"progressGradient",x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[jsx("stop",{offset:"0.67%",stopColor:"#3DA6E1"}),jsx("stop",{offset:"98.91%",stopColor:"#147DC5"})]})}),jsx("circle",{cx:r,cy:r,r:c,stroke:"#F3F3F3",strokeWidth:p,fill:"transparent"}),jsx(motion.circle,{cx:r,cy:r,r:c,stroke:"url(#progressGradient)",strokeWidth:p,fill:"transparent",strokeLinecap:"round",strokeDasharray:n,strokeDashoffset:n,transform:`rotate(-90 ${r} ${r})`,animate:{strokeDashoffset:l?n:n-n*s/100},transition:{duration:1,ease:"easeOut"}})]}),jsxs(y,{children:[jsx(b,{isEmpty:m,children:l?jsx(C,{}):m?"----":jsxs(motion.span,{initial:{opacity:0},animate:{opacity:1},transition:{ease:"easeOut",duration:.5},children:[Number.isInteger(s)?s:s.toFixed(1),"%"]})}),!l&&jsx(D,{isEmpty:m,children:k})]})]})},T=v;var U=T;export{U as a};
+import {a}from'./chunk-2YUYBTYF.js';import {yc,cb}from'./chunk-2CIV4TII.js';import {useId}from'react';import {motion}from'framer-motion';import {Box,Typography}from'@mui/material';import {styled}from'@mui/material/styles';import I from'@mui/material/Box';import {jsxs,jsx}from'react/jsx-runtime';var u=styled(Box)(({size:t})=>({display:"flex",flexDirection:"column",alignItems:"center",width:t,height:t,position:"relative"})),y=styled(Box)({position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center"}),b=styled(Typography,{shouldForwardProp:t=>t!=="isEmpty"})(({isEmpty:t})=>({fontSize:"17px",fontWeight:700,color:t?"#CFD0D2":"#000"})),D=styled(Typography,{shouldForwardProp:t=>t!=="isEmpty"})(({isEmpty:t})=>({whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",color:t?"#CFD0D2":"#8D8D94",fontSize:"11px",fontWeight:500,letterSpacing:"0%",textAlign:"right",verticalAlign:"middle"}));var C=()=>jsxs(I,{component:"span",sx:{display:"flex",flexDirection:"column",alignItems:"center",gap:"6px"},children:[jsx(a,{width:51,height:16}),jsx(a,{width:84,height:8})]});var v=({value:t,label:k,size:o=172,strokeWidth:p=22,isLoading:l=false})=>{let E=yc(useId(),"progress-ring"),m=t==null||t==="",F=cb(t||"0"),s=Math.min(Math.max(F??0,0),100),c=(o-p)/2,n=2*Math.PI*c,r=o/2;return jsxs(u,{id:E,"data-testid":"ProgressRing",size:o,children:[jsxs("svg",{width:o,height:o,viewBox:`0 0 ${o} ${o}`,style:{position:"absolute",top:0,left:0},children:[jsx("defs",{children:jsxs("linearGradient",{id:"progressGradient",x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[jsx("stop",{offset:"0.67%",stopColor:"#3DA6E1"}),jsx("stop",{offset:"98.91%",stopColor:"#147DC5"})]})}),jsx("circle",{cx:r,cy:r,r:c,stroke:"#F3F3F3",strokeWidth:p,fill:"transparent"}),jsx(motion.circle,{cx:r,cy:r,r:c,stroke:"url(#progressGradient)",strokeWidth:p,fill:"transparent",strokeLinecap:"round",strokeDasharray:n,strokeDashoffset:n,transform:`rotate(-90 ${r} ${r})`,animate:{strokeDashoffset:l?n:n-n*s/100},transition:{duration:1,ease:"easeOut"}})]}),jsxs(y,{children:[jsx(b,{isEmpty:m,children:l?jsx(C,{}):m?"----":jsxs(motion.span,{initial:{opacity:0},animate:{opacity:1},transition:{ease:"easeOut",duration:.5},children:[Number.isInteger(s)?s:s.toFixed(1),"%"]})}),!l&&jsx(D,{isEmpty:m,children:k})]})]})},T=v;var U=T;export{U as a};

package/build/_chunks/{chunk-JQRIG5FB.js → chunk-HIILTBHV.js}

@@ -1,3 +1,3 @@
-import {a}from'./chunk-KHM5KW53.js';import {yc}from'./chunk-RBCDAZB4.js';import {wi}from'./chunk-R3NBSKNX.js';import {useState,useId}from'react';import T from'@mui/material/Skeleton';import i from'@mui/material/Box';import {styled,Box}from'@mui/material';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var h=styled(Box)(()=>({display:"flex",alignItems:"center",justifyContent:"center",borderRadius:12,border:"1.03px solid"})),c=styled(Box)`
+import {a}from'./chunk-KHM5KW53.js';import {yc}from'./chunk-2CIV4TII.js';import {xi}from'./chunk-KCEYICHJ.js';import {useState,useId}from'react';import T from'@mui/material/Skeleton';import i from'@mui/material/Box';import {styled,Box}from'@mui/material';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var h=styled(Box)(()=>({display:"flex",alignItems:"center",justifyContent:"center",borderRadius:12,border:"1.03px solid"})),c=styled(Box)`
   position: absolute;
-`;function d({mainIcon:B,overlayIcon:p,mainIconAlt:u="main icon",mainIconSize:t=20,containerSize:a$1=24,overlayPosition:b={top:10,left:17},borderColor:w="#F2F2F2",label:y="",sx:I,onError:W,containerSx:C}){let[e,s]=useState(true),F=yc(useId(),"icon-with-badge");return jsx(a,{title:y,children:jsx(i,{id:F,"data-testid":"IconWithBadge",display:"flex",alignItems:"center",gap:1,sx:{position:"relative",...C},children:jsxs(h,{style:{borderColor:w,width:a$1,height:a$1},children:[t&&e&&jsx(i,{width:t,height:t,children:e&&jsx(T,{variant:"circular",width:`${t}px`,height:`${t}px`})}),jsxs(Fragment,{children:[p&&jsx(c,{sx:b,children:p}),jsx(i,{width:t,height:t,component:"img",src:B||wi,alt:u,sx:{borderRadius:"50%",objectFit:"scale-down",opacity:e?0:1,...I},onError:n=>{s(false),n.currentTarget.src=wi,W?.(n);},onLoad:()=>{s(false);}})]})]})})})}var M=d;export{M as a};
+`;function d({mainIcon:B,overlayIcon:p,mainIconAlt:u="main icon",mainIconSize:t=20,containerSize:a$1=24,overlayPosition:b={top:10,left:17},borderColor:w="#F2F2F2",label:y="",sx:I,onError:W,containerSx:C}){let[e,s]=useState(true),F=yc(useId(),"icon-with-badge");return jsx(a,{title:y,children:jsx(i,{id:F,"data-testid":"IconWithBadge",display:"flex",alignItems:"center",gap:1,sx:{position:"relative",...C},children:jsxs(h,{style:{borderColor:w,width:a$1,height:a$1},children:[t&&e&&jsx(i,{width:t,height:t,children:e&&jsx(T,{variant:"circular",width:`${t}px`,height:`${t}px`})}),jsxs(Fragment,{children:[p&&jsx(c,{sx:b,children:p}),jsx(i,{width:t,height:t,component:"img",src:B||xi,alt:u,sx:{borderRadius:"50%",objectFit:"scale-down",opacity:e?0:1,...I},onError:n=>{s(false),n.currentTarget.src=xi,W?.(n);},onLoad:()=>{s(false);}})]})]})})})}var M=d;export{M as a};