{
  "name": "avatar",
  "type": "registry:ui",
  "dependencies": [
    "reka-ui"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "ui/avatar/Avatar.vue",
      "content": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport type { AvatarVariants } from \".\"\nimport { AvatarRoot } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\nimport { avatarVariant } from \".\"\n\nconst props = withDefaults(defineProps<{\n  class?: HTMLAttributes[\"class\"]\n  size?: AvatarVariants[\"size\"]\n  shape?: AvatarVariants[\"shape\"]\n}>(), {\n  size: \"sm\",\n  shape: \"circle\",\n})\n</script>\n\n<template>\n  <AvatarRoot :class=\"cn(avatarVariant({ size, shape }), props.class)\">\n    <slot />\n  </AvatarRoot>\n</template>\n",
      "type": "registry:ui",
      "target": ""
    },
    {
      "path": "ui/avatar/AvatarFallback.vue",
      "content": "<script setup lang=\"ts\">\nimport type { AvatarFallbackProps } from \"reka-ui\"\nimport { AvatarFallback } from \"reka-ui\"\n\nconst props = defineProps<AvatarFallbackProps>()\n</script>\n\n<template>\n  <AvatarFallback v-bind=\"props\">\n    <slot />\n  </AvatarFallback>\n</template>\n",
      "type": "registry:ui",
      "target": ""
    },
    {
      "path": "ui/avatar/AvatarImage.vue",
      "content": "<script setup lang=\"ts\">\nimport type { AvatarImageProps } from \"reka-ui\"\nimport { AvatarImage } from \"reka-ui\"\n\nconst props = defineProps<AvatarImageProps>()\n</script>\n\n<template>\n  <AvatarImage v-bind=\"props\" class=\"h-full w-full object-cover\">\n    <slot />\n  </AvatarImage>\n</template>\n",
      "type": "registry:ui",
      "target": ""
    },
    {
      "path": "ui/avatar/index.ts",
      "content": "import type { VariantProps } from \"class-variance-authority\"\nimport { cva } from \"class-variance-authority\"\n\nexport { default as Avatar } from \"./Avatar.vue\"\nexport { default as AvatarFallback } from \"./AvatarFallback.vue\"\nexport { default as AvatarImage } from \"./AvatarImage.vue\"\n\nexport const avatarVariant = cva(\n  \"inline-flex items-center justify-center font-normal text-foreground select-none shrink-0 bg-secondary overflow-hidden\",\n  {\n    variants: {\n      size: {\n        sm: \"h-10 w-10 text-xs\",\n        base: \"h-16 w-16 text-2xl\",\n        lg: \"h-32 w-32 text-5xl\",\n      },\n      shape: {\n        circle: \"rounded-full\",\n        square: \"rounded-md\",\n      },\n    },\n  },\n)\n\nexport type AvatarVariants = VariantProps<typeof avatarVariant>\n",
      "type": "registry:ui",
      "target": ""
    }
  ]
}