{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "metric-stat-card",
  "title": "Metric Stat Card",
  "description": "Single-value metric card with optional status labelling.",
  "registryDependencies": [
    "@blocks/metric-utils",
    "@blocks/reporting-types",
    "@circle-ui/card",
    "@circle-ui/utils"
  ],
  "files": [
    {
      "path": "registry/berlin/blocks/reporting/metric-stat-card.tsx",
      "content": "// Generated from packages/ui/src/components/reporting/metric-stat-card.tsx\nimport * as React from \"react\";\n\nimport { Card, CardContent, CardHeader } from \"@/registry/berlin/circle-ui/card\";\nimport { cn } from \"@/registry/berlin/lib/utils\";\nimport { formatMetricValue, statusClasses } from \"@/registry/berlin/blocks/metric-utils\";\n\nimport type { MetricStatCardProps } from \"@/registry/berlin/blocks/reporting-types\";\n\n// Registry source of truth for patient-results metric card pulls into circleOS.\nexport function MetricStatCard({\n  title,\n  value,\n  unit,\n  status,\n  className,\n}: MetricStatCardProps) {\n  return (\n    <Card className={cn(\"rounded-[12px] border-black/10 bg-white\", className)}>\n      <CardHeader className=\"gap-4 p-6 pb-0\">\n        <div className=\"flex items-center justify-between gap-4\">\n          <p className=\"min-w-0 flex-1 text-sm leading-6 tracking-[-0.01em] text-[#202020]\">\n            {title}\n          </p>\n          {status ? (\n            <span\n              className={cn(\n                \"inline-flex shrink-0 items-center justify-center whitespace-nowrap rounded-full px-4 py-1.5 text-center text-xs font-medium leading-none\",\n                statusClasses(status.tone),\n              )}\n            >\n              {status.label}\n            </span>\n          ) : null}\n        </div>\n      </CardHeader>\n      <CardContent className=\"flex items-baseline justify-center gap-1 p-6 pt-4\">\n        <span className=\"text-[48px] font-medium leading-[48px] tracking-[-0.03em] text-black\">\n          {formatMetricValue(value)}\n        </span>\n        {unit ? (\n          <span className=\"text-[16px] leading-[16px] tracking-[-0.03em] text-black\">\n            {unit}\n          </span>\n        ) : null}\n      </CardContent>\n    </Card>\n  );\n}\n",
      "type": "registry:ui",
      "target": "src/components/ui/reporting/metric-stat-card.tsx"
    }
  ],
  "type": "registry:ui"
}