{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "admin-stat-strip",
  "type": "registry:ui",
  "title": "Admin stat strip",
  "description": "Responsive Tailwind row of admin KPI tiles, each with a label, a large tabular value and an optional up or down delta. Collapses from four columns to one.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.minidev.pro/r/metric-delta.json",
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/admin-stat-strip.tsx",
      "type": "registry:ui",
      "target": "components/ui/admin-stat-strip.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\nimport { MetricDelta } from \"@/components/ui/metric-delta\"\n\ntype Stat = { label: string; value: string; delta?: number }\n\ntype AdminStatStripProps = {\n  stats?: Stat[]\n  className?: string\n}\n\nconst SAMPLE_STATS: Stat[] = [\n  { label: \"Active users\", value: \"2,418\", delta: 12 },\n  { label: \"MRR\", value: \"$48,200\", delta: 8 },\n  { label: \"Invoices paid\", value: \"212\", delta: 5 },\n  { label: \"Trial conversion\", value: \"18%\", delta: -3 },\n]\n\n/** A row of admin KPIs with label, value and a delta, four up on desktop. */\nfunction AdminStatStrip({ stats = SAMPLE_STATS, className }: AdminStatStripProps) {\n  return (\n    <div data-slot=\"admin-stat-strip\" className={cn(\"grid w-full gap-3 sm:grid-cols-2 lg:grid-cols-4\", className)}>\n      {stats.map((s) => (\n        <div key={s.label} className=\"rounded-xl border border-border bg-surface p-4\">\n          <p className=\"text-xs text-fg-muted\">{s.label}</p>\n          <div className=\"mt-1 flex items-end justify-between gap-2\">\n            <p className=\"text-xl font-medium tabular-nums text-fg\">{s.value}</p>\n            {s.delta != null ? <MetricDelta value={s.delta} /> : null}\n          </div>\n        </div>\n      ))}\n    </div>\n  )\n}\nexport { AdminStatStrip }\nexport type { AdminStatStripProps, Stat as AdminStat }\n"
    }
  ]
}