{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "dashboard",
  "title": "Dashboard",
  "description": "Complete dashboard layout with stats, charts, and navigation.",
  "dependencies": [
    "@phosphor-icons/react",
    "recharts"
  ],
  "registryDependencies": [
    "@sistine/badge",
    "@sistine/card",
    "@sistine/chart",
    "@sistine/table"
  ],
  "files": [
    {
      "path": "components/blocks/dashboard.tsx",
      "content": "\"use client\";\n\nimport { PulseIcon as Activity, CreditCard, CurrencyDollarSimpleIcon, Users } from \"@phosphor-icons/react\";\nimport { Bar, BarChart, CartesianGrid, XAxis, YAxis } from \"recharts\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from \"@/components/ui/card\";\nimport { ChartContainer, ChartTooltip, ChartTooltipContent } from \"@/components/ui/chart\";\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from \"@/components/ui/table\";\n\nexport function DashboardBlock() {\n  return (\n    <div className=\"space-y-6 p-6\">\n      {/* Stats Grid */}\n      <div className=\"grid grid-cols-1 md:grid-cols-4 gap-4\">\n        <Card className=\"text-foreground\">\n          <CardHeader className=\"flex flex-row items-center justify-between pb-2\">\n            <CardTitle className=\"text-sm font-medium text-foreground\">Total Revenue</CardTitle>\n            <CurrencyDollarSimpleIcon className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold text-foreground\">$45,231.89</div>\n            <p className=\"text-xs text-muted-foreground mt-1\">\n              <span className=\"text-green-400\">+20.1%</span> from last month\n            </p>\n          </CardContent>\n        </Card>\n        <Card className=\"text-foreground\">\n          <CardHeader className=\"flex flex-row items-center justify-between pb-2\">\n            <CardTitle className=\"text-sm font-medium text-foreground\">Subscriptions</CardTitle>\n            <Users className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold text-foreground\">+2350</div>\n            <p className=\"text-xs text-muted-foreground mt-1\">\n              <span className=\"text-green-400\">+180.1%</span> from last month\n            </p>\n          </CardContent>\n        </Card>\n        <Card className=\"text-foreground\">\n          <CardHeader className=\"flex flex-row items-center justify-between pb-2\">\n            <CardTitle className=\"text-sm font-medium text-foreground\">Sales</CardTitle>\n            <CreditCard className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold text-foreground\">+12,234</div>\n            <p className=\"text-xs text-muted-foreground mt-1\">\n              <span className=\"text-green-400\">+19%</span> from last month\n            </p>\n          </CardContent>\n        </Card>\n        <Card className=\"text-foreground\">\n          <CardHeader className=\"flex flex-row items-center justify-between pb-2\">\n            <CardTitle className=\"text-sm font-medium text-foreground\">Active Now</CardTitle>\n            <Activity className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold text-foreground\">+573</div>\n            <p className=\"text-xs text-muted-foreground mt-1\">\n              <span className=\"text-green-400\">+201</span> since last hour\n            </p>\n          </CardContent>\n        </Card>\n      </div>\n\n      {/* Charts and Tables */}\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n        <Card className=\"text-foreground\">\n          <CardHeader>\n            <CardTitle className=\"text-foreground\">Recent Activity</CardTitle>\n            <CardDescription className=\"text-muted-foreground\">Latest transactions and events</CardDescription>\n          </CardHeader>\n          <CardContent>\n            <Table>\n              <TableHeader>\n                <TableRow>\n                  <TableHead className=\"text-foreground\">User</TableHead>\n                  <TableHead className=\"text-foreground\">Action</TableHead>\n                  <TableHead className=\"text-foreground\">Status</TableHead>\n                </TableRow>\n              </TableHeader>\n              <TableBody>\n                <TableRow>\n                  <TableCell className=\"text-foreground\">John Doe</TableCell>\n                  <TableCell className=\"text-foreground\">Purchase</TableCell>\n                  <TableCell>\n                    <Badge>Completed</Badge>\n                  </TableCell>\n                </TableRow>\n                <TableRow>\n                  <TableCell className=\"text-foreground\">Jane Smith</TableCell>\n                  <TableCell className=\"text-foreground\">Subscription</TableCell>\n                  <TableCell>\n                    <Badge>Active</Badge>\n                  </TableCell>\n                </TableRow>\n              </TableBody>\n            </Table>\n          </CardContent>\n        </Card>\n\n        <Card className=\"text-foreground\">\n          <CardHeader>\n            <CardTitle className=\"text-foreground\">Overview</CardTitle>\n            <CardDescription className=\"text-muted-foreground\">Performance metrics</CardDescription>\n          </CardHeader>\n          <CardContent>\n            <ChartContainer\n              config={{\n                revenue: {\n                  label: \"Revenue\",\n                  color: \"var(--chart-1)\",\n                },\n                users: {\n                  label: \"Users\",\n                  color: \"var(--chart-2)\",\n                },\n              }}\n              className=\"h-[300px]\"\n            >\n              <BarChart\n                data={[\n                  {\n                    month: \"Jan\",\n                    revenue: 186,\n                    users: 80,\n                  },\n                  {\n                    month: \"Feb\",\n                    revenue: 305,\n                    users: 200,\n                  },\n                  {\n                    month: \"Mar\",\n                    revenue: 237,\n                    users: 120,\n                  },\n                  {\n                    month: \"Apr\",\n                    revenue: 273,\n                    users: 190,\n                  },\n                  {\n                    month: \"May\",\n                    revenue: 209,\n                    users: 130,\n                  },\n                  {\n                    month: \"Jun\",\n                    revenue: 214,\n                    users: 140,\n                  },\n                ]}\n              >\n                <CartesianGrid strokeDasharray=\"3 3\" className=\"stroke-muted\" />\n                <XAxis dataKey=\"month\" tickLine={false} axisLine={false} tickMargin={8} />\n                <YAxis tickLine={false} axisLine={false} tickMargin={8} />\n                <ChartTooltip content={<ChartTooltipContent />} />\n                <Bar dataKey=\"revenue\" fill=\"var(--color-revenue)\" radius={4} />\n                <Bar dataKey=\"users\" fill=\"var(--color-users)\" radius={4} />\n              </BarChart>\n            </ChartContainer>\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/blocks/dashboard.tsx"
    }
  ],
  "type": "registry:block"
}