{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"stats-hairline","type":"registry:block","title":"Stats Hairline","description":"Four key numbers separated by construction hairlines.","categories":["stats"],"dependencies":[],"registryDependencies":[],"files":[{"path":"registry/blocks/stats-hairline.tsx","content":"import { cn } from \"@/lib/utils\";\n\nconst stats = [\n  { value: \"12,400+\", label: \"teams in production\" },\n  { value: \"99.99%\", label: \"uptime, rolling 90 days\" },\n  { value: \"38ms\", label: \"median response time\" },\n  { value: \"4.9/5\", label: \"support satisfaction\" },\n];\n\nexport default function StatsHairline() {\n  return (\n    <section className=\"border-y border-border/60 bg-background\">\n      <div className=\"mx-auto grid w-full max-w-6xl grid-cols-2 lg:grid-cols-4\">\n        {stats.map((stat, index) => (\n          <div\n            key={stat.label}\n            className={cn(\n              \"px-6 py-10\",\n              index > 0 && \"lg:border-l lg:border-border/60\",\n              index % 2 === 1 && \"max-lg:border-l max-lg:border-border/60\",\n              index >= 2 && \"max-lg:border-t max-lg:border-border/60\",\n            )}\n          >\n            <p className=\"text-3xl font-semibold tracking-tight tabular-nums sm:text-4xl\">\n              {stat.value}\n            </p>\n            <p className=\"mt-1.5 text-sm text-muted-foreground\">{stat.label}</p>\n          </div>\n        ))}\n      </div>\n    </section>\n  );\n}\n","type":"registry:block","target":"components/blocks/stats/stats-hairline.tsx"}]}