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

apps/v4/registry/bases/aria/blocks/preview-02/cards/album-card.tsx

@@ -0,0 +1,49 @@
+import { Badge } from "@/registry/bases/aria/ui/badge"
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardTitle,
+} from "@/registry/bases/aria/ui/card"
+import { Separator } from "@/registry/bases/aria/ui/separator"
+
+export function AlbumCard() {
+  return (
+    <Card>
+      <CardContent className="flex flex-col gap-4">
+        <div className="relative overflow-hidden rounded-lg">
+          <img
+            src="https://images.unsplash.com/photo-1534088568595-a066f410bcda?w=800&h=800&fit=crop"
+            alt="Synthetic Horizons EP cover art"
+            className="aspect-square w-full object-cover"
+          />
+          <Badge className="absolute top-3 right-3">$26,033.79</Badge>
+        </div>
+        <div className="flex flex-col gap-1">
+          <CardTitle>Synthetic Horizons EP</CardTitle>
+          <CardDescription className="text-xs tracking-wider uppercase">
+            Released Aug 14, 2023
+          </CardDescription>
+        </div>
+      </CardContent>
+      <CardFooter className="flex-col gap-4">
+        <Separator />
+        <div className="grid w-full grid-cols-2 gap-4">
+          <div className="flex flex-col gap-0.5">
+            <span className="text-xs tracking-wider text-muted-foreground uppercase">
+              Tracks
+            </span>
+            <span className="text-lg font-medium tabular-nums">6 Tracks</span>
+          </div>
+          <div className="flex flex-col gap-0.5">
+            <span className="line-clamp-1 text-xs tracking-wider text-muted-foreground uppercase">
+              Cumulative Streams
+            </span>
+            <span className="text-lg font-medium tabular-nums">6,198,524</span>
+          </div>
+        </div>
+      </CardFooter>
+    </Card>
+  )
+}