snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)

apps/v4/examples/aria/aspect-ratio-square.tsx

@@ -0,0 +1,19 @@
+import Image from "next/image"
+
+import { AspectRatio } from "@/styles/aria-nova/ui/aspect-ratio"
+
+export function AspectRatioSquare() {
+  return (
+    <AspectRatio
+      ratio={1 / 1}
+      className="w-full max-w-[12rem] rounded-lg bg-muted"
+    >
+      <Image
+        src="https://avatar.vercel.sh/shadcn1"
+        alt="Photo"
+        fill
+        className="rounded-lg object-cover grayscale dark:brightness-20"
+      />
+    </AspectRatio>
+  )
+}