{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "area-chart-example",
  "type": "registry:example",
  "title": "Area Chart Example",
  "description": "Composable area-chart demo for Open in v0",
  "dependencies": [
    "@visx/curve@4.0.1-alpha.0",
    "@visx/shape@4.0.1-alpha.0",
    "motion"
  ],
  "registryDependencies": [
    "@bklit/area-chart",
    "@bklit/grid",
    "@bklit/x-axis",
    "@bklit/chart-tooltip"
  ],
  "files": [
    {
      "path": "registry/examples/area-chart.tsx",
      "content": "\"use client\"\n\n// In your app (monorepo/npm): import { AreaChart, Area, Grid, XAxis, ChartTooltip } from \"@bklitui/ui/charts\"\nimport { AreaChart, Area, Grid, XAxis, ChartTooltip } from \"@/components/charts\"\n\nimport { curveNatural } from \"@visx/curve\";\n\nconst chartData = [\n  { date: new Date(\"2024-01-01\"), desktop: 186 },\n  { date: new Date(\"2024-02-01\"), desktop: 305 },\n  { date: new Date(\"2024-03-01\"), desktop: 237 },\n  { date: new Date(\"2024-04-01\"), desktop: 73 },\n  { date: new Date(\"2024-05-01\"), desktop: 209 },\n  { date: new Date(\"2024-06-01\"), desktop: 214 },\n];\n\nexport default function Component() {\n  return (\n    <main className=\"flex min-h-svh w-full items-center justify-center p-6 md:p-10\">\n      <div className=\"w-full max-w-3xl\">\n        <AreaChart data={chartData} animationDuration={1100}>\n  <Grid horizontal />\n  <Area dataKey=\"desktop\" curve={curveNatural} strokeWidth={2.5} fillOpacity={0.4} />\n  <XAxis />\n  <ChartTooltip />\n</AreaChart>\n      </div>\n    </main>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/page.tsx"
    },
    {
      "path": "registry/examples/area-chart-index.ts",
      "content": "// biome-ignore-all lint/performance/noBarrelFile: v0 registry example barrel for shadcn install\nexport { AreaChart } from \"./area-chart\";\nexport { Area } from \"./area\";\nexport { Grid } from \"./grid\";\nexport { XAxis } from \"./x-axis\";\nexport { ChartTooltip } from \"./tooltip\";\n",
      "type": "registry:lib",
      "target": "components/charts/index.ts"
    }
  ]
}