{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "glass-avatar",
  "title": "Glass Avatar",
  "description": "Circular profile images with gradient glow effects and fallback initials for user representation.",
  "dependencies": [
    "@radix-ui/react-avatar"
  ],
  "files": [
    {
      "path": "registry/liquid-glass/glass-avatar.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\"\nimport { cn } from \"@/lib/utils\"\n\nconst GlassAvatar = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root> & {\n    glowEffect?: boolean\n  }\n>(({ className, glowEffect = true, ...props }, ref) => (\n  <div className=\"relative\">\n    {glowEffect && (\n      <div className=\"absolute -inset-1 rounded-full bg-linear-to-r from-cyan-500/40 via-blue-500/40 to-purple-500/40 blur-md opacity-70\" />\n    )}\n    <AvatarPrimitive.Root\n      ref={ref}\n      className={cn(\n        \"relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full\",\n        \"border-2 border-white/30 shadow-[0_4px_16px_rgba(0,0,0,0.2)]\",\n        className,\n      )}\n      {...props}\n    />\n  </div>\n))\nGlassAvatar.displayName = AvatarPrimitive.Root.displayName\n\nconst GlassAvatarImage = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Image>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Image ref={ref} className={cn(\"aspect-square h-full w-full\", className)} {...props} />\n))\nGlassAvatarImage.displayName = AvatarPrimitive.Image.displayName\n\nconst GlassAvatarFallback = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Fallback>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Fallback\n    ref={ref}\n    className={cn(\n      \"flex h-full w-full items-center justify-center rounded-full\",\n      \"bg-white/10 backdrop-blur-xl text-white/80 text-sm font-medium\",\n      className,\n    )}\n    {...props}\n  />\n))\nGlassAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName\n\nexport { GlassAvatar, GlassAvatarImage, GlassAvatarFallback }\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}