{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "image",
  "title": "Image",
  "description": "AI Elements image; renders from base64 (uint8Array optional).",
  "dependencies": [
    "ai"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "components/ai-elements/image.tsx",
      "content": "import { cn } from \"@/lib/utils\";\nimport type { Experimental_GeneratedImage } from \"ai\";\n\n// `Experimental_GeneratedImage` (AI SDK) requires `uint8Array`, but this element\n// renders from `base64` alone — callers (the generateImage tool, showcase) only\n// have base64 + mediaType. Make uint8Array optional so they don't fabricate bytes.\nexport type ImageProps = Omit<Experimental_GeneratedImage, \"uint8Array\"> & {\n  uint8Array?: Experimental_GeneratedImage[\"uint8Array\"];\n  className?: string;\n  alt?: string;\n};\n\nexport const Image = ({\n  base64,\n  uint8Array: _uint8Array,\n  mediaType,\n  ...props\n}: ImageProps) => (\n  <img\n    {...props}\n    alt={props.alt}\n    className={cn(\n      \"h-auto max-w-full overflow-hidden rounded-md\",\n      props.className\n    )}\n    src={`data:${mediaType};base64,${base64}`}\n  />\n);\n",
      "type": "registry:component",
      "target": "components/ai-elements/image.tsx"
    }
  ],
  "type": "registry:component"
}