https://stashr.me/assets/UserAvatar-CWBs_lK_.js

1import{r as i,bc as E,bn as v,j as d,bj as z,c7 as M,c8 as I,c as x,aR as g,H as w,bK as y}from"./index-M3hYlBpI.js";import{b as $,c as O,t as P}from"./index-B77H7hCP.js";import{e as F}from"./SettingsSection-CrAuDdHC.js";const N=i.createContext(void 0);function R(){const n=i.useContext(N);if(n===void 0)throw new Error(E(13));return n}const S={imageLoadingStatus:()=>null},H=i.forwardRef(function(e,t){const{className:r,render:a,style:s,...o}=e,[l,c]=i.useState("idle"),f={imageLoadingStatus:l},m=i.useMemo(()=>({imageLoadingStatus:l,setImageLoadingStatus:c}),[l,c]),u=v("span",e,{state:f,ref:t,props:o,stateAttributesMapping:S});return d.jsx(N.Provider,{value:m,children:u})});function T(n,{referrerPolicy:e,crossOrigin:t}){const[r,a]=i.useState("idle");return z(()=>{if(!n)return a("error"),M;let s=!0;const o=new window.Image,l=c=>()=>{s&&a(c)};return a("loading"),o.onload=l("loaded"),o.onerror=l("error"),e&&(o.referrerPolicy=e),o.crossOrigin=t??null,o.src=n,o.complete&&a(o.naturalWidth>0?"loaded":"error"),()=>{s=!1}},[n,t,e]),r}const U={...S,...P},V=i.forwardRef(function(e,t){const{className:r,render:a,onLoadingStatusChange:s,referrerPolicy:o,crossOrigin:l,style:c,...f}=e,m=R(),u=T(e.src,{referrerPolicy:o,crossOrigin:l}),p=u==="loaded",{mounted:b,transitionStatus:C,setMounted:L}=$(p),h=i.useRef(null),A=I(j=>{s?.(j),m.setImageLoadingStatus(j)});z(()=>{u!=="idle"&&A(u)},[u,A]),O({open:p,ref:h,onComplete(){p||L(!1)}});const k=v("img",e,{state:{imageLoadingStatus:u,transitionStatus:C},ref:[t,h],props:f,stateAttributesMapping:U,enabled:b});return b?k:null}),q=i.forwardRef(function(e,t){const{className:r,render:a,delay:s,style:o,...l}=e,{imageLoadingStatus:c}=R(),[f,m]=i.useState(s===void 0),u=F();return i.useEffect(()=>(s!==void 0&&u.start(s,()=>m(!0)),u.clear),[u,s]),v("span",e,{state:{imageLoadingStatus:c},ref:t,props:l,stateAttributesMapping:S,enabled:c!=="loaded"&&f})});function D(n){const e=x.c(10);let t,r,a;e[0]!==n?({className:t,size:a,...r}=n,e[0]=n,e[1]=t,e[2]=r,e[3]=a):(t=e[1],r=e[2],a=e[3]);const s=a===void 0?"default":a;let o;e[4]!==t?(o=g("group/avatar relative flex size-8 shrink-0 select-none rounded-full after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten",t),e[4]=t,e[5]=o):o=e[5];let l;return e[6]!==r||e[7]!==s||e[8]!==o?(l=d.jsx(H,{className:o,"data-size":s,"data-slot":"avatar",...r}),e[6]=r,e[7]=s,e[8]=o,e[9]=l):l=e[9],l}function K(n){const e=x.c(8);let t,r;e[0]!==n?({className:t,...r}=n,e[0]=n,e[1]=t,e[2]=r):(t=e[1],r=e[2]);let a;e[3]!==t?(a=g("aspect-square size-full rounded-full object-cover",t),e[3]=t,e[4]=a):a=e[4];let s;return e[5]!==r||e[6]!==a?(s=d.jsx(V,{className:a,"data-slot":"avatar-image",...r}),e[5]=r,e[6]=a,e[7]=s):s=e[7],s}function W(n){const e=x.c(8);let t,r;e[0]!==n?({className:t,...r}=n,e[0]=n,e[1]=t,e[2]=r):(t=e[1],r=e[2]);let a;e[3]!==t?(a=g("flex size-full items-center justify-center rounded-full bg-muted text-muted-foreground text-sm group-data-[size=sm]/avatar:text-xs",t),e[3]=t,e[4]=a):a=e[4];let s;return e[5]!==r||e[6]!==a?(s=d.jsx(q,{className:a,"data-slot":"avatar-fallback",...r}),e[5]=r,e[6]=a,e[7]=s):s=e[7],s}function B(n){let e=0;for(let t=0;t<n.length;t++)e=(e*31+n.charCodeAt(t))%1e9;return Math.abs(e)%360}function Y({className:n,user:e}){const t=i.useMemo(()=>e?.email?B(e.email):0,[e?.email]),[r,a]=i.useState(!1),s=!!e?.image&&!r;return d.jsxs(D,{className:g("image-transparent-border size-8 rounded-full",n),children:[e?.image&&d.jsx(K,{alt:e.name,onError:()=>a(!0),src:e.image}),d.jsx(W,{className:g("border-0",s&&"animate-pulse"),style:s?void 0:{background:`linear-gradient(135deg, hsl(${t} 80% 68%), hsl(${(t+30)%360} 75% 58%))`},children:!s&&d.jsx(w,{className:"size-[55%]",color:`hsl(${t} 35% 93%)`,icon:y})})]},e?.image??"fallback")}export{K as A,Y as U,W as a,D as b};