{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "avatar-sizes",
  "title": "Avatar Sizes",
  "description": "Avatar example: Sizes.",
  "registryDependencies": [
    "avatar"
  ],
  "files": [
    {
      "path": "apps/docs/demos/avatar/sizes.tsx",
      "content": "\"use client\";\n\nimport { Avatar, AvatarFallback, AvatarImage } from \"@keystoneui/react/avatar\";\n\nexport default function AvatarSizes() {\n  return (\n    <div className=\"flex flex-wrap items-center gap-3\">\n      <Avatar size=\"xs\">\n        <AvatarImage\n          alt=\"@shadcn\"\n          src=\"https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?w=80&h=80&fit=crop&crop=face\"\n        />\n        <AvatarFallback>CN</AvatarFallback>\n      </Avatar>\n      <Avatar size=\"sm\">\n        <AvatarImage\n          alt=\"@shadcn\"\n          src=\"https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?w=80&h=80&fit=crop&crop=face\"\n        />\n        <AvatarFallback>CN</AvatarFallback>\n      </Avatar>\n      <Avatar>\n        <AvatarImage\n          alt=\"@shadcn\"\n          src=\"https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?w=80&h=80&fit=crop&crop=face\"\n        />\n        <AvatarFallback>CN</AvatarFallback>\n      </Avatar>\n      <Avatar size=\"lg\">\n        <AvatarImage\n          alt=\"@shadcn\"\n          src=\"https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?w=80&h=80&fit=crop&crop=face\"\n        />\n        <AvatarFallback>CN</AvatarFallback>\n      </Avatar>\n    </div>\n  );\n}\n",
      "type": "registry:example"
    }
  ],
  "type": "registry:example"
}