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

apps/v4/registry/bases/aria/blocks/preview/cards/weekly-fitness-summary.tsx

@@ -0,0 +1,59 @@
+"use client"
+
+import * as React from "react"
+
+import { Button } from "@/registry/bases/aria/ui/button"
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/registry/bases/aria/ui/card"
+
+const FITNESS_WEEKLY_LOAD = [
+  { day: "M", load: 84 },
+  { day: "T", load: 52 },
+  { day: "W", load: 73 },
+  { day: "T", load: 66 },
+  { day: "F", load: 91 },
+  { day: "S", load: 48 },
+  { day: "S", load: 61 },
+]
+
+export function WeeklyFitnessSummary() {
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Weekly Fitness Summary</CardTitle>
+        <CardDescription>Calories and workout load by day</CardDescription>
+      </CardHeader>
+      <CardContent className="flex flex-col gap-4">
+        <div className="grid grid-cols-7 gap-1.5">
+          {FITNESS_WEEKLY_LOAD.map((day, index) => (
+            <div
+              key={`${day.day}-${index}`}
+              className="rounded-md p-1.5 text-center ring ring-border"
+            >
+              <div className="text-sm text-muted-foreground">{day.day}</div>
+              <div className="relative mt-1 h-16 overflow-hidden rounded-sm bg-muted">
+                <div
+                  className="absolute inset-x-0 bottom-0 rounded-sm bg-chart-3"
+                  style={
+                    {
+                      height: `${day.load}%`,
+                    } as React.CSSProperties
+                  }
+                />
+              </div>
+            </div>
+          ))}
+        </div>
+      </CardContent>
+      <CardFooter>
+        <Button className="w-full">View details</Button>
+      </CardFooter>
+    </Card>
+  )
+}