4c:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4d:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4e:T14e0,import * as React from 'react' import { User } from 'lucide-react' import { cn } from '@/lib/utils' export interface AvatarProps extends React.HTMLAttributes { src?: string alt?: string fallback?: React.ReactNode icon?: React.ReactNode size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' variant?: 'purple' | 'yellow' | 'pink' | 'orange' | 'cyan' | 'lime' | 'mint' | 'zinc' shape?: 'circle' | 'square' status?: 'online' | 'busy' | 'offline' | 'away' badge?: string | number name?: React.ReactNode description?: React.ReactNode } const sizeClasses = { xs: 'h-7 w-7 text-[10px]', sm: 'h-9 w-9 text-xs', md: 'h-11 w-11 text-sm', lg: 'h-14 w-14 text-base', xl: 'h-18 w-18 text-xl', '2xl': 'h-24 w-24 text-3xl', } const iconSizeClasses = { xs: 'h-3.5 w-3.5', sm: 'h-4 w-4', md: 'h-5 w-5', lg: 'h-7 w-7', xl: 'h-9 w-9', '2xl': 'h-12 w-12', } const variantClasses = { purple: 'bg-rk-lavender text-rk-ink', yellow: 'bg-rk-primary text-rk-ink', pink: 'bg-rk-pink text-rk-ink', orange: 'bg-rk-secondary text-rk-ink', cyan: 'bg-rk-sky text-rk-ink', lime: 'bg-[#A3E635] text-rk-ink', mint: 'bg-rk-success text-rk-ink', zinc: 'bg-rk-canvas text-rk-ink', } const statusClasses = { online: 'bg-rk-success', busy: 'bg-rk-error', offline: 'bg-[#9CA3AF]', away: 'bg-rk-primary-hover', } export const Avatar = React.forwardRef( ( { src, alt = '', fallback, icon, size = 'md', variant = 'purple', shape = 'circle', status, badge, name, description, className, ...props }, ref ) => { const [hasError, setHasError] = React.useState(false) const renderContent = () => { if (src && !hasError) { return ( {alt}

setHasError(true)} className="h-full w-full object-cover" /> ) } if (icon) { return React.isValidElement(icon) ? React.cloneElement(icon as React.ReactElement<{ className?: string }>, { className: cn(iconSizeClasses[size], (icon.props as { className?: string })?.className), }) : icon } if (fallback) { return {fallback} } if (alt) { return {alt.slice(0, 2).toUpperCase()} } return } const avatarBox = (

{renderContent()}

{status && ( )} {badge !== undefined && ( {badge} )}

) if (name || description) { return (

{avatarBox}

{name && {name}} {description && {description}}

) } return (

{avatarBox}

) } ) Avatar.displayName = 'Avatar' export interface AvatarGroupProps extends React.HTMLAttributes { children: React.ReactNode max?: number } export const AvatarGroup: React.FC = ({ children, max, className, ...props }) => { const childrenArray = React.Children.toArray(children) const displayChildren = max ? childrenArray.slice(0, max) : childrenArray const overflowCount = max ? childrenArray.length - max : 0 return (

{displayChildren.map((child, index) => (

{child}

))} {overflowCount > 0 && (

+{overflowCount}

)}

) } 4b:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","clsx",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/clsx","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"clsx"}]]}]}],["$","li","tailwind-merge",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/tailwind-merge","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"tailwind-merge"}]]}]}]]}],["$","$L4c",null,{"namespace":"@rawkitui","registryDependencies":[]}]]}],null]}],["$","$L4d",null,{"files":[{"path":"components/ui/avatar.tsx","content":"$4e","type":"registry:ui","target":"components/ui/avatar.tsx"}],"className":"h-[70svh] min-h-80"}]]}]