{"$schema":"https://ui.logic2b.com/schema/registry-item.json","name":"aspect-ratio","type":"registry:ui","description":"Displays content, such as images or videos, within a fixed, desired ratio.","dependencies":["radix-ui"],"files":[{"path":"ui/aspect-ratio.tsx","type":"registry:ui","content":"\"use client\"\n\nimport * as React from \"react\"\nimport { AspectRatio as AspectRatioPrimitive } from \"radix-ui\"\n\nfunction AspectRatio({\n  ...props\n}: React.ComponentProps<typeof AspectRatioPrimitive.Root>) {\n  return <AspectRatioPrimitive.Root data-slot=\"aspect-ratio\" {...props} />\n}\n\nexport { AspectRatio }\n"}],"categories":["layout"],"accessibility":{"support":"consumer","pattern":"layout wrapper","primitive":"Radix Aspect Ratio","keyboard":[],"aria":["Adds no semantic role and preserves the accessibility tree of its child content."],"consumer":["Give contained images, videos and embeds their own accessible names or captions."]},"api":{"source":"src/ui/aspect-ratio.tsx","exports":[{"name":"AspectRatio","kind":"component","propsType":"React.ComponentProps<typeof AspectRatioPrimitive.Root>"}]}}