{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "aspect-ratio-square",
  "title": "Aspect Ratio Square",
  "description": "Aspect Ratio example: Square.",
  "registryDependencies": [
    "aspect-ratio"
  ],
  "files": [
    {
      "path": "apps/docs/demos/aspect-ratio/square.tsx",
      "content": "\"use client\";\n\nimport { AspectRatio } from \"@keystoneui/react/aspect-ratio\";\n\nexport default function AspectRatioSquare() {\n  return (\n    <div className=\"max-w-xs overflow-hidden rounded-lg border\">\n      <AspectRatio ratio={1}>\n        <div className=\"flex h-full w-full items-center justify-center bg-muted text-muted-foreground\">\n          1 : 1\n        </div>\n      </AspectRatio>\n    </div>\n  );\n}\n",
      "type": "registry:example"
    }
  ],
  "type": "registry:example"
}