{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "avatar",
  "title": "Avatar",
  "description": "An avatar component",
  "dependencies": [
    "@ark-ui/react",
    "class-variance-authority",
    "clsx",
    "tailwind-merge"
  ],
  "files": [
    {
      "path": "src/registry/thornberry/components/avatar.tsx",
      "content": "import { Avatar as ArkAvatar, useAvatar as useArkAvatar } from \"@ark-ui/react\";\nimport { cva } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nimport type { VariantProps } from \"class-variance-authority\";\nimport type { ComponentProps } from \"react\";\n\nconst avatarVariants = cva(\n  \"relative flex shrink-0 items-center justify-center overflow-hidden rounded-full\",\n  {\n    variants: {\n      size: {\n        xs: \"size-8 text-xs\",\n        sm: \"size-9 text-sm\",\n        md: \"size-10 text-md\",\n        lg: \"size-11 text-lg\",\n        xl: \"size-12 text-xl\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n\nconst useAvatar = useArkAvatar;\n\nconst AvatarProvider = ({\n  className,\n  size,\n  ...rest\n}: ComponentProps<typeof ArkAvatar.RootProvider> &\n  VariantProps<typeof avatarVariants>) => (\n  <ArkAvatar.RootProvider\n    className={cn(avatarVariants({ size, className }))}\n    {...rest}\n  />\n);\n\nconst AvatarRoot = ({\n  className,\n  size,\n  ...rest\n}: ComponentProps<typeof ArkAvatar.Root> &\n  VariantProps<typeof avatarVariants>) => (\n  <ArkAvatar.Root\n    className={cn(avatarVariants({ size, className }))}\n    {...rest}\n  />\n);\n\nconst AvatarFallback = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkAvatar.Fallback>) => (\n  <ArkAvatar.Fallback\n    className={cn(\n      \"flex size-full items-center justify-center rounded-full bg-muted\",\n      className,\n    )}\n    {...rest}\n  />\n);\n\nconst AvatarImage = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkAvatar.Image>) => (\n  <ArkAvatar.Image\n    className={cn(\"aspect-square size-full\", className)}\n    alt=\"Avatar\"\n    {...rest}\n  />\n);\n\nexport { AvatarRoot, AvatarFallback, AvatarImage, AvatarProvider, useAvatar };\n",
      "type": "registry:ui"
    },
    {
      "path": "src/lib/utils.ts",
      "content": "import { clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport type { ClassValue } from \"clsx\";\n\nexport const cn = (...inputs: ClassValue[]) => {\n  return twMerge(clsx(inputs));\n};\n",
      "type": "registry:lib",
      "target": ""
    }
  ],
  "type": "registry:ui"
}