{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"stats-cards","type":"registry:block","title":"Stats Cards","description":"Six live metrics with directional deltas.","categories":["stats"],"dependencies":["lucide-react"],"registryDependencies":[],"files":[{"path":"registry/blocks/stats-cards.tsx","content":"import {\n  ArrowDownRight,\n  ArrowUpRight,\n  Clock,\n  Globe,\n  Rocket,\n  ShieldCheck,\n  Users,\n  Zap,\n} from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst stats = [\n  { icon: Rocket, label: \"Deploys this month\", value: \"38,410\", delta: \"+12%\", up: true },\n  { icon: Clock, label: \"Median build time\", value: \"48s\", delta: \"−9s\", up: true },\n  { icon: Users, label: \"Active developers\", value: \"1,284\", delta: \"+4%\", up: true },\n  { icon: Globe, label: \"Regions serving\", value: \"30\", delta: \"+2\", up: true },\n  { icon: Zap, label: \"p95 latency\", value: \"41ms\", delta: \"+3ms\", up: false },\n  { icon: ShieldCheck, label: \"Failed audits\", value: \"0\", delta: \"12 mo\", up: true },\n];\n\nexport default function StatsCards() {\n  return (\n    <section className=\"bg-background\">\n      <div className=\"mx-auto w-full max-w-6xl px-6 py-20 sm:py-24\">\n        <div className=\"mb-10 max-w-md\">\n          <h2 className=\"text-2xl font-semibold tracking-tight text-balance sm:text-3xl\">\n            This month, in numbers\n          </h2>\n          <p className=\"mt-2 text-muted-foreground\">\n            Pulled from the live platform — deltas versus last month.\n          </p>\n        </div>\n\n        <div className=\"grid grid-cols-2 gap-4 lg:grid-cols-3\">\n          {stats.map((stat) => (\n            <div\n              key={stat.label}\n              className=\"rounded-xl border border-border/60 bg-card p-5\"\n            >\n              <div className=\"flex items-center justify-between\">\n                <stat.icon className=\"size-4 text-muted-foreground\" />\n                <span\n                  className={cn(\n                    \"flex items-center gap-0.5 font-mono text-xs tabular-nums\",\n                    stat.up ? \"text-muted-foreground\" : \"text-destructive\",\n                  )}\n                >\n                  {stat.up ? (\n                    <ArrowUpRight className=\"size-3\" />\n                  ) : (\n                    <ArrowDownRight className=\"size-3\" />\n                  )}\n                  {stat.delta}\n                </span>\n              </div>\n              <p className=\"mt-4 text-2xl font-semibold tracking-tight tabular-nums sm:text-3xl\">\n                {stat.value}\n              </p>\n              <p className=\"mt-1 text-sm text-muted-foreground\">{stat.label}</p>\n            </div>\n          ))}\n        </div>\n      </div>\n    </section>\n  );\n}\n","type":"registry:block","target":"components/blocks/stats/stats-cards.tsx"}]}