primereact/avatar/index.mjs

A rich set of premium UI Components for React.

'use client';

var b=Object.defineProperty;var d=(r,t)=>{for(var a in t)b(r,a,{get:t[a],enumerable:!0})};import{createOptionalContext as h}from"@primereact/core/utils";var[u,i]=h();var x={};d(x,{Fallback:()=>l,Image:()=>c,Root:()=>v});import{Component as k,withComponent as y}from"@primereact/core/component";import{mergeProps as F}from"@primeuix/utils";import*as P from"react";var p={as:"span"};var l=y({name:"Avatar.Fallback",defaultProps:p,setup(){return{avatar:i()}},render(r){let{props:t,ptmi:a,avatar:o}=r,e=F({className:o?.cx("fallback")},o?.ptm("fallback"),a("root"));return P.createElement(k,{pIf:!o?.state.load,instance:r,attrs:e,children:t.children})}});import{Component as C,withComponent as w}from"@primereact/core/component";import{mergeProps as N}from"@primeuix/utils";import*as n from"react";var s={as:"img",src:void 0};var c=w({name:"Avatar.Image",defaultProps:s,setup(r){let{props:t}=r,a=i();return n.useLayoutEffect(()=>(a?.handleImageLoad?.(t.src),()=>{a?.handleImageUnload?.()}),[t.src]),{avatar:a}},render(r){let{props:t,ptmi:a,avatar:o}=r,e=N({src:t.src,className:o?.cx("image")},o?.ptm("image"),a("root"));return n.createElement(C,{pIf:o?.state.load,instance:r,attrs:e,children:t.children})}});import{Component as H,withComponent as L}from"@primereact/core/component";import{useAvatar as q}from"@primereact/headless/avatar";import{mergeProps as z}from"@primeuix/utils";import*as f from"react";import*as A from"@primereact/headless/avatar";var m={...A.defaultProps,as:"div",size:"normal",shape:"square"};var v=L({name:"Avatar.Root",defaultProps:m,setup(r){return q(r.inProps)},render(r){let{id:t,props:a,ptmi:o,cx:e,rootProps:R}=r,I=z(R,{id:t,className:e("root")},o("root"));return f.createElement(u,{value:r},f.createElement(H,{instance:r,attrs:I,children:a.children}))}});var g={};d(g,{defaultFallbackProps:()=>p,defaultImageProps:()=>s,defaultRootProps:()=>m});export{x as Avatar,l as AvatarFallback,c as AvatarImage,g as AvatarProps,u as AvatarProvider,v as AvatarRoot,p as defaultFallbackProps,s as defaultImageProps,m as defaultRootProps,i as useAvatarContext};