2 lines
5.4 KiB
JavaScript
2 lines
5.4 KiB
JavaScript
import{j as s,r as m}from"./react-vendor-jWT2yUdV.js";import{t as L,b0 as P,f as ia,V as c,ar as da,v as ca,y as S,z as ua,av as fa,X as H,n as Z,D as y,Y as ma,E as ba}from"./index-DiaaLdUu.js";import{s as ga}from"./chunk-2QAN2V2R-B2qCPZrG.js";import{u as va}from"./index-BsnVex0g.js";var pa=L({slots:{base:["flex","relative","justify-center","items-center","box-border","overflow-hidden","align-middle","text-white","z-0",...ia],img:["flex","object-cover","w-full","h-full","transition-opacity","!duration-500","opacity-0","data-[loaded=true]:opacity-100"],fallback:[...P,"flex","items-center","justify-center"],name:[...P,"font-normal","text-center","text-inherit"],icon:[...P,"flex","items-center","justify-center","text-inherit","w-full","h-full"]},variants:{size:{sm:{base:"w-8 h-8 text-tiny"},md:{base:"w-10 h-10 text-tiny"},lg:{base:"w-14 h-14 text-small"}},color:{default:{base:c.solid.default},primary:{base:c.solid.primary},secondary:{base:c.solid.secondary},success:{base:c.solid.success},warning:{base:c.solid.warning},danger:{base:c.solid.danger}},radius:{none:{base:"rounded-none"},sm:{base:"rounded-small"},md:{base:"rounded-medium"},lg:{base:"rounded-large"},full:{base:"rounded-full"}},isBordered:{true:{base:"ring-2 ring-offset-2 ring-offset-background dark:ring-offset-background-dark"}},isDisabled:{true:{base:"opacity-disabled"}},isInGroup:{true:{base:["-ms-2 data-[hover=true]:-translate-x-3 rtl:data-[hover=true]:translate-x-3 transition-transform","data-[focus-visible=true]:-translate-x-3 rtl:data-[focus-visible=true]:translate-x-3"]}},isInGridGroup:{true:{base:"m-0 data-[hover=true]:translate-x-0"}},disableAnimation:{true:{base:"transition-none",img:"transition-none"},false:{}}},defaultVariants:{size:"md",color:"default",radius:"full"},compoundVariants:[{color:"default",isBordered:!0,class:{base:"ring-default"}},{color:"primary",isBordered:!0,class:{base:"ring-primary"}},{color:"secondary",isBordered:!0,class:{base:"ring-secondary"}},{color:"success",isBordered:!0,class:{base:"ring-success"}},{color:"warning",isBordered:!0,class:{base:"ring-warning"}},{color:"danger",isBordered:!0,class:{base:"ring-danger"}}]});L({slots:{base:"flex items-center justify-center h-auto w-max",count:"hover:-translate-x-0"},variants:{isGrid:{true:"inline-grid grid-cols-4 gap-3"}}});var xa=()=>s.jsxs("svg",{"aria-hidden":"true",fill:"none",height:"80%",role:"presentation",viewBox:"0 0 24 24",width:"80%",children:[s.jsx("path",{d:"M12 2C9.38 2 7.25 4.13 7.25 6.75C7.25 9.32 9.26 11.4 11.88 11.49C11.96 11.48 12.04 11.48 12.1 11.49C12.12 11.49 12.13 11.49 12.15 11.49C12.16 11.49 12.16 11.49 12.17 11.49C14.73 11.4 16.74 9.32 16.75 6.75C16.75 4.13 14.62 2 12 2Z",fill:"currentColor"}),s.jsx("path",{d:"M17.0809 14.1489C14.2909 12.2889 9.74094 12.2889 6.93094 14.1489C5.66094 14.9989 4.96094 16.1489 4.96094 17.3789C4.96094 18.6089 5.66094 19.7489 6.92094 20.5889C8.32094 21.5289 10.1609 21.9989 12.0009 21.9989C13.8409 21.9989 15.6809 21.5289 17.0809 20.5889C18.3409 19.7389 19.0409 18.5989 19.0409 17.3589C19.0309 16.1289 18.3409 14.9889 17.0809 14.1489Z",fill:"currentColor"})]}),[Ia,ha]=da({name:"AvatarGroupContext",strict:!1});function Ca(w={}){var b,g,v,n,p,r;const e=ca(),a=ha(),i=!!a,{as:d,ref:u,src:t,name:x,icon:k,classNames:l,fallback:U,alt:X=x||"avatar",imgRef:Y,color:G=(b=a==null?void 0:a.color)!=null?b:"default",radius:B=(g=a==null?void 0:a.radius)!=null?g:"full",size:F=(v=a==null?void 0:a.size)!=null?v:"md",isBordered:N=(n=a==null?void 0:a.isBordered)!=null?n:!1,isDisabled:j=(p=a==null?void 0:a.isDisabled)!=null?p:!1,isFocusable:$=!1,getInitials:q=ga,ignoreFallback:M=!1,showFallback:J=!1,ImgComponent:_="img",imgProps:D,className:K,onError:Q,disableAnimation:R,...z}=w,W=d||"span",aa=S(u),A=S(Y),{isFocusVisible:ea,isFocused:sa,focusProps:V}=ua(),{isHovered:ra,hoverProps:ta}=fa({isDisabled:j}),h=(r=R??(e==null?void 0:e.disableAnimation))!=null?r:!1,C=va({src:t,onError:Q,ignoreFallback:M})==="loaded",E=typeof _=="string",la=(!t||!C)&&J,f=m.useMemo(()=>{var o;return pa({color:G,radius:B,size:F,isBordered:N,isDisabled:j,isInGroup:i,disableAnimation:h,isInGridGroup:(o=a==null?void 0:a.isGrid)!=null?o:!1})},[G,B,F,N,j,h,i,a==null?void 0:a.isGrid]),O=H(l==null?void 0:l.base,K),I=m.useMemo(()=>$||d==="button",[$,d]),oa=m.useCallback((o={})=>({ref:aa,tabIndex:I?0:-1,"data-hover":y(ra),"data-focus":y(sa),"data-focus-visible":y(ea),className:f.base({class:H(O,o==null?void 0:o.className)}),...Z(z,ta,I?V:{})}),[I,f,O,V,z]),na=m.useCallback((o={})=>({ref:A,src:t,"data-loaded":y(C),className:f.img({class:l==null?void 0:l.img}),...Z(D,o,ma({disableAnimation:h},{enabled:E}))}),[f,C,D,h,t,A,E]);return{Component:W,ImgComponent:_,src:t,alt:X,icon:k,name:x,imgRef:A,slots:f,classNames:l,fallback:U,isImgLoaded:C,showFallback:la,ignoreFallback:M,getInitials:q,getAvatarProps:oa,getImageProps:na}}var T=ba((w,b)=>{const{Component:g,ImgComponent:v,src:n,icon:p=s.jsx(xa,{}),alt:r,classNames:e,slots:a,name:i,showFallback:d,fallback:u,getInitials:t,getAvatarProps:x,getImageProps:k}=Ca({...w,ref:b}),l=m.useMemo(()=>!d&&n?null:u?s.jsx("div",{"aria-label":r,className:a.fallback({class:e==null?void 0:e.fallback}),role:"img",children:u}):i?s.jsx("span",{"aria-label":r,className:a.name({class:e==null?void 0:e.name}),role:"img",children:t(i)}):s.jsx("span",{"aria-label":r,className:a.icon({class:e==null?void 0:e.icon}),role:"img",children:p}),[d,n,u,i,e]);return s.jsxs(g,{...x(),children:[n&&s.jsx(v,{...k(),alt:r}),l]})});T.displayName="HeroUI.Avatar";var Pa=T;export{Pa as a};
|