{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "aspect-ratio",
  "title": "Aspect Ratio",
  "type": "registry:ui",
  "files": [
    {
      "path": "packages/registry-react/components/aspect-ratio/AspectRatio.tsx",
      "content": "'use client'\n\nimport * as React from 'react'\nimport * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio'\n\nconst AspectRatio = React.forwardRef<\n  React.ElementRef<typeof AspectRatioPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof AspectRatioPrimitive.Root>\n>(({ ...props }, ref) => (\n  <AspectRatioPrimitive.Root ref={ref} data-uipkge=\"\" data-slot=\"aspect-ratio\" {...props} />\n))\nAspectRatio.displayName = 'AspectRatio'\n\nexport { AspectRatio }\n",
      "type": "registry:ui",
      "target": "~/components/ui/aspect-ratio/AspectRatio.tsx"
    },
    {
      "path": "packages/registry-react/components/aspect-ratio/index.ts",
      "content": "export { AspectRatio } from './AspectRatio'\n",
      "type": "registry:ui",
      "target": "~/components/ui/aspect-ratio/index.ts"
    }
  ],
  "dependencies": [
    "@radix-ui/react-aspect-ratio"
  ],
  "devDependencies": [],
  "registryDependencies": [],
  "description": "Wraps content (typically images, video, or iframes) at a fixed width:height ratio so it never letterboxes or jumps as it loads. Common ratios: 16/9 for video, 1/1 for avatars, 4/3 for cards.",
  "categories": [
    "layout"
  ]
}