@undp/design-system-react/dist/avatar-BspwR9Fk.cjs

React based design system for UNDP

const e=require("./rolldown-runtime-mLOUI7ql.cjs"),t=require("./utils-Dd9-5CFr.cjs"),n=require("./dist-BZMXZCSu.cjs"),r=require("./dist-VI-VV5wq.cjs"),i=require("./dist-DluBSGxD.cjs"),a=require("./dist-Cepu74FS.cjs");let o=require("react");o=e.r(o,1);let s=require("react/jsx-runtime");var c=Object.defineProperty,l=(e,t)=>c(e,`name`,{value:t,configurable:!0}),u=`Avatar`,[d,f]=i.n(u),p=[0,()=>void 0],[m,h]=d(u),g=o.forwardRef(l(function(e,t){let{__scopeAvatar:n,...i}=e,[a,c]=o.useState(`idle`),[l,u]=C();return(0,s.jsx)(m,{scope:n,imageLoadingStatus:a,setImageLoadingStatus:c,imageCount:l,setImageCount:u,children:(0,s.jsx)(r.t.span,{...i,ref:t})})},`Avatar`)),_=`AvatarImage`,v=o.forwardRef(l(function(e,t){let{__scopeAvatar:n,src:c,onLoadingStatusChange:l,...u}=e,d=h(_,n);d.setImageCount;let f=x(c,{referrerPolicy:u.referrerPolicy,crossOrigin:u.crossOrigin,loadingStatus:d.imageLoadingStatus,setLoadingStatus:d.setImageLoadingStatus}),p=a.t(e=>{l?.(e)}),m=o.useRef(f);return i.t(()=>{let e=m.current;m.current=f,f!==e&&p(f)},[f,p]),f===`loaded`?(0,s.jsx)(r.t.img,{...u,ref:t,src:c}):null},`AvatarImage`)),y=`AvatarFallback`,b=o.forwardRef(l(function(e,t){let{__scopeAvatar:n,delayMs:i,...a}=e,c=h(y,n),[l,u]=o.useState(i===void 0);return o.useEffect(()=>{if(i!==void 0){let e=window.setTimeout(()=>u(!0),i);return()=>window.clearTimeout(e)}},[i]),l&&c.imageLoadingStatus!==`loaded`?(0,s.jsx)(r.t.span,{...a,ref:t}):null},`AvatarFallback`));function x(e,{loadingStatus:t,setLoadingStatus:n,referrerPolicy:r,crossOrigin:a}){return i.t(()=>{if(!e){n(`error`);return}let t=new window.Image,i=l(e=>{let t=e.currentTarget;n(S(t))},`handleLoad`),o=l(()=>n(`error`),`handleError`);return t.addEventListener(`load`,i),t.addEventListener(`error`,o),r&&(t.referrerPolicy=r),t.crossOrigin=a??null,t.src=e,n(S(t)),()=>{t.removeEventListener(`load`,i),t.removeEventListener(`error`,o),n(`idle`)}},[e,a,r,n]),t}l(x,`useImageLoadingStatus`);function S(e){return e.complete?e.naturalWidth>0?`loaded`:`error`:`loading`}l(S,`getImageLoadingStatus`);function C(){return p}l(C,`useImageCount`);function w(e){}l(w,`useUpdateImageCount`);function T({className:e,size:n=`default`,...r}){return(0,s.jsx)(g,{"data-slot":`avatar`,"data-size":n,className:t.t(`group/avatar relative flex size-8 shrink-0 select-none rounded-full after:absolute after:inset-0 after:rounded-full data-[size=lg]:size-10 data-[size=sm]:size-6`,e),...r})}function E({className:e,...n}){return(0,s.jsx)(v,{"data-slot":`avatar-image`,className:t.t(`aspect-square size-full rounded-full object-cover`,e),...n})}var D=n.t(`flex size-full items-center justify-center rounded-full border-0 text-sm group-data-[size=sm]/avatar:text-xs`,{variants:{color:{transparent:`bg-transparent text-content-primary border border-stroke`,background:`bg-background text-content-primary border border-stroke`,"background-soft":`bg-background-soft text-content-primary border border-stroke`,foreground:`bg-foreground text-content-reverse`,"foreground-soft":`bg-foreground-soft text-content-reverse`,primary:`bg-primary text-content-reverse`,secondary:`bg-secondary text-content-reverse`,tertiary:`bg-tertiary text-content-reverse`,quaternary:`bg-quaternary text-content-primary`,success:`bg-success text-content-reverse`,warning:`bg-warning text-content-primary`,info:`bg-info text-content-reverse`,error:`bg-error text-content-reverse`,surface:`bg-surface text-content-primary border border-stroke`,"surface-2xs":`bg-surface-2xs text-content-primary`,"surface-xs":`bg-surface-xs text-content-primary`,"surface-sm":`bg-surface-sm text-content-primary`,"surface-md":`bg-surface-md text-content-primary`,"surface-lg":`bg-surface-lg text-content-primary`,"surface-xl":`bg-surface-xl text-content-reverse`,"surface-2xl":`bg-surface-2xl text-content-reverse`,"surface-3xl":`bg-surface-3xl text-content-reverse`,"surface-4xl":`bg-surface-4xl text-content-reverse`,"sgd-1":`bg-sdg-1 text-content-reverse`,"sgd-2":`bg-sdg-2 text-content-reverse`,"sgd-3":`bg-sdg-3 text-content-reverse`,"sgd-4":`bg-sdg-4 text-content-reverse`,"sgd-5":`bg-sdg-5 text-content-reverse`,"sgd-6":`bg-sdg-6 text-content-reverse`,"sgd-7":`bg-sdg-7 text-content-reverse`,"sgd-8":`bg-sdg-8 text-content-reverse`,"sgd-9":`bg-sdg-9 text-content-reverse`,"sgd-10":`bg-sdg-10 text-content-reverse`,"sgd-11":`bg-sdg-11 text-content-reverse`,"sgd-12":`bg-sdg-12 text-content-reverse`,"sgd-13":`bg-sdg-13 text-content-reverse`,"sgd-14":`bg-sdg-14 text-content-reverse`,"sgd-15":`bg-sdg-15 text-content-reverse`,"sgd-16":`bg-sdg-16 text-content-reverse`,"sgd-17":`bg-sdg-17 text-content-reverse`},border:{true:`border border-stroke`,false:``}},defaultVariants:{color:`surface`,border:!0}});function O({className:e,color:n,border:r,...i}){return(0,s.jsx)(b,{"data-slot":`avatar-fallback`,className:t.t(D({color:n,border:r}),e),...i})}var k=n.t(`absolute right-0 bottom-0 z-10 inline-flex select-none items-center justify-center rounded-full text-content-reverse group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2 group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2`,{variants:{status:{available:`bg-success`,idle:`bg-warning-hover`,offline:`bg-background border-2 border-stroke-hard`,busy:`bg-error`}},defaultVariants:{status:`available`}});function A({className:e,status:n,...r}){return(0,s.jsx)(`span`,{"data-slot":`avatar-badge`,className:t.t(k({status:n}),e),...r})}function j({className:e,...n}){return(0,s.jsx)(`div`,{"data-slot":`avatar-group`,className:t.t(`group/avatar-group flex -space-x-2`,e),...n})}function M({className:e,...n}){return(0,s.jsx)(`div`,{"data-slot":`avatar-group-count`,className:t.t(`relative flex size-8 shrink-0 items-center justify-center rounded-full bg-surface text-content-secondary text-sm group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3`,e),...n})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return M}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return T}});
//# sourceMappingURL=avatar-BspwR9Fk.cjs.map