{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "dashboard-home",
  "type": "registry:component",
  "title": "Dashboard home",
  "description": "A React dashboard home screen with a page header and new project action, a KPI row with deltas, a 30 day active users bar chart and an activity feed.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.minidev.pro/r/activity-feed.json",
    "https://ui.minidev.pro/r/button.json",
    "https://ui.minidev.pro/r/chart-card.json",
    "https://ui.minidev.pro/r/kpi-row.json",
    "https://ui.minidev.pro/r/page-header.json"
  ],
  "files": [
    {
      "path": "registry/blocks/dashboard-home.tsx",
      "type": "registry:ui",
      "target": "components/ui/dashboard-home.tsx",
      "content": "\"use client\"\nimport { PageHeader } from \"@/components/ui/page-header\"\nimport { KpiRow } from \"@/components/ui/kpi-row\"\nimport { ChartCard } from \"@/components/ui/chart-card\"\nimport { ActivityFeed } from \"@/components/ui/activity-feed\"\nimport { Button } from \"@/components/ui/button\"\n\nfunction DashboardHome() {\n  return (\n    <div data-slot=\"dashboard-home\" className=\"space-y-6\">\n      <PageHeader title=\"Overview\" description=\"Acme workspace\" actions={<Button size=\"sm\">New project</Button>} />\n      <KpiRow items={[\n        { label: \"Projects\", value: \"18\", delta: \"+2\" },\n        { label: \"Deploys\", value: \"96\", delta: \"+12\" },\n        { label: \"Active users\", value: \"4.2k\", delta: \"+18%\" },\n        { label: \"Uptime\", value: \"99.98%\", delta: \"30d\" },\n      ]} />\n      <div className=\"grid gap-4 lg:grid-cols-5\">\n        <ChartCard className=\"lg:col-span-3\" title=\"Active users\" description=\"Last 30 days\">\n          <div className=\"flex h-40 items-end gap-1\">\n            {Array.from({length:24},(_,i)=>20+((i*17)%80)).map((h,i)=>(\n              <div key={i} className=\"flex-1 rounded-t-[3px] bg-accent/70 transition-colors hover:bg-accent\" style={{height:`${h}%`}} />\n            ))}\n          </div>\n        </ChartCard>\n        <ActivityFeed className=\"lg:col-span-2\" items={[\n          { id:\"1\", user:\"Ada\", action:\"deployed web@4.2.0\", time:\"now\" },\n          { id:\"2\", user:\"Mira\", action:\"invited 3 teammates\", time:\"2m\" },\n        ]} />\n      </div>\n    </div>\n  )\n}\nexport { DashboardHome }\n"
    }
  ]
}