{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "ring-chart-example",
  "type": "registry:example",
  "title": "Ring Chart Example",
  "description": "Composable ring-chart demo for Open in v0",
  "dependencies": [
    "@visx/shape@4.0.1-alpha.0",
    "motion"
  ],
  "registryDependencies": [
    "@bklit/ring-chart"
  ],
  "files": [
    {
      "path": "registry/examples/ring-chart.tsx",
      "content": "\"use client\"\n\n// In your app (monorepo/npm): import { RingChart, Ring, RingCenter } from \"@bklitui/ui/charts\"\nimport { RingChart, Ring, RingCenter } from \"@/components/charts\"\n\nconst ringData = [\n  { label: \"Email\", value: 42 },\n  { label: \"Social\", value: 28 },\n  { label: \"Direct\", value: 18 },\n  { label: \"Other\", value: 12 },\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        <RingChart data={ringData} size={280} strokeWidth={14}>\n  {ringData.map((item, i) => (\n    <Ring index={i} key={item.label} />\n  ))}\n  <RingCenter defaultLabel=\"Channels\" />\n</RingChart>\n      </div>\n    </main>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/page.tsx"
    },
    {
      "path": "registry/examples/ring-chart-index.ts",
      "content": "// biome-ignore-all lint/performance/noBarrelFile: v0 registry example barrel for shadcn install\nexport { RingChart } from \"./ring-chart\";\nexport { Ring } from \"./ring\";\nexport { RingCenter } from \"./ring-center\";\n",
      "type": "registry:lib",
      "target": "components/charts/index.ts"
    }
  ]
}