spb/vquant Public MIT

1/*2 * =============================================================================3 *  VibeQuant (vquant) — AI-Powered Financial Intelligence Platform4 * -----------------------------------------------------------------------------5 *  File:      client/src/components/ui/avatar.tsx6 *7 *  Author:    Simon-Pierre Boucher8 *  Contact:   contact@spboucher.ai9 *  Website:   https://www.spboucher.ai10 *  Demo:      https://www.vquant.ai11 *  License:   MIT (see LICENSE)12 *13 *  Copyright © 2026 Simon-Pierre Boucher. All rights reserved.14 * =============================================================================15 */1617"use client"1819import * as React from "react"20import * as AvatarPrimitive from "@radix-ui/react-avatar"2122import { cn } from "@/lib/utils"2324const Avatar = React.forwardRef<25  React.ElementRef<typeof AvatarPrimitive.Root>,26  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>27>(({ className, ...props }, ref) => (28  <AvatarPrimitive.Root29    ref={ref}30    className={cn(`31      after:content-[''] after:block after:absolute after:inset-0 after:rounded-full after:pointer-events-none after:border after:border-black/10 dark:after:border-white/1032      relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full`,33      className34    )}35    {...props}36  />37))38Avatar.displayName = AvatarPrimitive.Root.displayName3940const AvatarImage = React.forwardRef<41  React.ElementRef<typeof AvatarPrimitive.Image>,42  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>43>(({ className, ...props }, ref) => (44  <AvatarPrimitive.Image45    ref={ref}46    className={cn("aspect-square h-full w-full", className)}47    {...props}48  />49))50AvatarImage.displayName = AvatarPrimitive.Image.displayName5152const AvatarFallback = React.forwardRef<53  React.ElementRef<typeof AvatarPrimitive.Fallback>,54  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>55>(({ className, ...props }, ref) => (56  <AvatarPrimitive.Fallback57    ref={ref}58    className={cn(59      "flex h-full w-full items-center justify-center rounded-full bg-muted",60      className61    )}62    {...props}63  />64))65AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName6667export { Avatar, AvatarImage, AvatarFallback }68