{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "stat-card1",
  "title": "Stat",
  "description": "KPI and pipeline cards with labels, values, and progress bars. Suited for dashboards and reports, built from shadcn/ui for clear metric presentation.",
  "files": [
    {
      "path": "contents/examples/cards/stat/1/index.tsx",
      "content": "import { Card, CardContent, CardDescription, CardHeader, CardTitle } from \"@/components/ui/card\";\n\nexport default function CardStat() {\n  return (\n    <Card className=\"w-full shadow-none md:w-[400px]\">\n      <CardHeader>\n        <CardTitle>Sales Overview</CardTitle>\n        <CardDescription>\n          <span className=\"text-green-600\">+20.1%</span> from last month\n        </CardDescription>\n      </CardHeader>\n      <CardContent className=\"space-y-4\">\n        <div className=\"text-2xl font-bold\">$42.5k</div>\n        <div className=\"grid grid-cols-2 gap-4\">\n          <div className=\"flex items-center gap-2 text-sm\">\n            <div className=\"bg-muted rounded-md px-2 py-1 text-center text-xs\">62.2%</div>\n            <span className=\"text-sm\">Orders</span>\n          </div>\n          <div className=\"flex items-center justify-end gap-2 text-sm\">\n            <div className=\"bg-muted rounded-md px-2 py-1 text-center text-xs\">25.5%</div>\n            <span className=\"text-sm\">Visits</span>\n          </div>\n        </div>\n        <div className=\"flex overflow-hidden rounded-lg\">\n          <span className=\"h-4 bg-lime-400 dark:bg-lime-700\" style={{ width: \"70%\" }}></span>\n          <span className=\"h-4 bg-indigo-400 dark:bg-indigo-700\" style={{ width: \"30%\" }}></span>\n        </div>\n      </CardContent>\n    </Card>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/stat-card1.tsx"
    }
  ],
  "type": "registry:block"
}