{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "avatar",
  "title": "Avatar",
  "description": "Displays a user avatar image with fallback initials.",
  "dependencies": [
    "@vllnt/ui@^0.3.0"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/default/avatar/avatar.tsx",
      "content": "\"use client\";\n\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\";\n\nimport { cn } from \"@vllnt/ui\";\n\nconst Avatar = ({\n  className,\n  ref,\n  ...props\n}: React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root> & {\n  ref?: React.Ref<React.ComponentRef<typeof AvatarPrimitive.Root>>;\n}) => (\n  <AvatarPrimitive.Root\n    className={cn(\n      \"relative flex size-10 shrink-0 overflow-hidden rounded-full\",\n      className,\n    )}\n    ref={ref}\n    {...props}\n  />\n);\nAvatar.displayName = AvatarPrimitive.Root.displayName;\n\nconst AvatarImage = ({\n  className,\n  ref,\n  ...props\n}: React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image> & {\n  ref?: React.Ref<React.ComponentRef<typeof AvatarPrimitive.Image>>;\n}) => (\n  <AvatarPrimitive.Image\n    className={cn(\"aspect-square h-full w-full\", className)}\n    ref={ref}\n    {...props}\n  />\n);\nAvatarImage.displayName = AvatarPrimitive.Image.displayName;\n\nconst AvatarFallback = ({\n  className,\n  ref,\n  ...props\n}: React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback> & {\n  ref?: React.Ref<React.ComponentRef<typeof AvatarPrimitive.Fallback>>;\n}) => (\n  <AvatarPrimitive.Fallback\n    className={cn(\n      \"flex h-full w-full items-center justify-center rounded-full bg-muted\",\n      className,\n    )}\n    ref={ref}\n    {...props}\n  />\n);\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;\n\nexport { Avatar, AvatarFallback, AvatarImage };\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component",
  "version": "0.3.0",
  "stability": "stable"
}