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

2026-09-15 22:44:43 +05:00
commit 1416db152c
5727 changed files with 630238 additions and 0 deletions
--- a/apps/v4/components/cards/exercise-minutes.tsx
+++ b/apps/v4/components/cards/exercise-minutes.tsx
@@ -0,0 +1,129 @@
+"use client"
+
+import { CartesianGrid, Line, LineChart, XAxis } from "recharts"
+
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/registry/new-york-v4/ui/card"
+import {
+  ChartContainer,
+  ChartTooltip,
+  ChartTooltipContent,
+  type ChartConfig,
+} from "@/registry/new-york-v4/ui/chart"
+
+const data = [
+  {
+    average: 400,
+    today: 240,
+    day: "Monday",
+  },
+  {
+    average: 300,
+    today: 139,
+    day: "Tuesday",
+  },
+  {
+    average: 200,
+    today: 980,
+    day: "Wednesday",
+  },
+  {
+    average: 278,
+    today: 390,
+    day: "Thursday",
+  },
+  {
+    average: 189,
+    today: 480,
+    day: "Friday",
+  },
+  {
+    average: 239,
+    today: 380,
+    day: "Saturday",
+  },
+  {
+    average: 349,
+    today: 430,
+    day: "Sunday",
+  },
+]
+
+const chartConfig = {
+  today: {
+    label: "Today",
+    color: "var(--primary)",
+  },
+  average: {
+    label: "Average",
+    color: "var(--primary)",
+  },
+} satisfies ChartConfig
+
+export function CardsExerciseMinutes() {
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Exercise Minutes</CardTitle>
+        <CardDescription>
+          Your exercise minutes are ahead of where you normally are.
+        </CardDescription>
+      </CardHeader>
+      <CardContent>
+        <ChartContainer config={chartConfig} className="w-full md:h-[200px]">
+          <LineChart
+            accessibilityLayer
+            data={data}
+            margin={{
+              top: 5,
+              right: 10,
+              left: 16,
+              bottom: 0,
+            }}
+          >
+            <CartesianGrid vertical={false} />
+            <XAxis
+              dataKey="day"
+              tickLine={false}
+              axisLine={false}
+              tickMargin={8}
+              tickFormatter={(value) => value.slice(0, 3)}
+            />
+            <Line
+              type="monotone"
+              dataKey="today"
+              strokeWidth={2}
+              stroke="var(--color-today)"
+              dot={{
+                fill: "var(--color-today)",
+              }}
+              activeDot={{
+                r: 5,
+              }}
+            />
+            <Line
+              type="monotone"
+              strokeWidth={2}
+              dataKey="average"
+              stroke="var(--color-average)"
+              strokeOpacity={0.5}
+              dot={{
+                fill: "var(--color-average)",
+                opacity: 0.5,
+              }}
+              activeDot={{
+                r: 5,
+              }}
+            />
+            <ChartTooltip content={<ChartTooltipContent />} />
+          </LineChart>
+        </ChartContainer>
+      </CardContent>
+    </Card>
+  )
+}