@kitn.ai/ui/dist/elements/avatar.js

Framework-agnostic, Shadow-DOM web components for building AI chat interfaces — works in React, Vue, Angular, Svelte, or plain HTML. Authored in SolidJS.

import{s as m,k as g,m as v,i,c as d,a as b,d as o,S as k,t as l,f as x}from"./chunks/define-CNSKFZCd.js";import{c as h}from"./chunks/cn-CU7UAWzk.js";var w=l('<img class="h-full w-full rounded-md object-cover">'),z=l("<div>"),p=l("<span>");const j={sm:"h-6 w-6 text-[10px]",md:"h-8 w-8 text-xs",lg:"h-10 w-10 text-sm"};function y(e){const[r,u]=m(e,["src","alt","fallback","size","class"]),f=()=>r.size??"md";return(()=>{var s=z();return g(s,v({get class(){return h("inline-flex items-center justify-center rounded-md bg-accent font-semibold text-accent-foreground flex-shrink-0",j[f()],r.class)}},u),!1,!0),i(s,d(k,{get when(){return r.src},get fallback(){return(()=>{var t=p();return i(t,()=>r.fallback),t})()},get children(){var t=w();return b(a=>{var c=r.src,n=r.alt??r.fallback;return c!==a.e&&o(t,"src",a.e=c),n!==a.t&&o(t,"alt",a.t=n),a},{e:void 0,t:void 0}),t}})),s})()}x("kai-avatar",{src:void 0,alt:void 0,fallback:"",size:"md"},e=>d(y,{get src(){return e.src},get alt(){return e.alt},get fallback(){return e.fallback??""},get size(){return e.size??"md"}}));