{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "progress-breakdown",
  "title": "Progress Breakdown",
  "type": "registry:block",
  "files": [
    {
      "path": "packages/registry-react/blocks/progress-breakdown/ProgressBreakdown.tsx",
      "content": "import * as React from 'react'\nimport type { LucideIcon } from 'lucide-react'\nimport { SectionCard } from '@/components/ui/section-card'\nimport { ProgressItem } from '@/components/ui/progress-item'\n\ninterface BreakdownItem {\n  name: string\n  value: number\n  secondaryLabel?: string\n}\n\nexport interface ProgressBreakdownProps {\n  title?: string\n  description?: string\n  items: BreakdownItem[]\n  headerIcon?: LucideIcon\n  className?: string\n}\n\nexport function ProgressBreakdown({ title, description, items, headerIcon: HeaderIcon, className }: ProgressBreakdownProps) {\n  return (\n    <SectionCard\n      title={title ?? 'Breakdown'}\n      description={description}\n      className={className}\n      contentClassName=\"space-y-4\"\n      headerAction={HeaderIcon ? <HeaderIcon className=\"text-muted-foreground size-5\" /> : undefined}\n    >\n      {items.map((item, index) => (\n        <ProgressItem\n          key={item.name}\n          label={item.name}\n          value={item.value}\n          secondaryLabel={item.secondaryLabel}\n          colorIndex={index}\n        />\n      ))}\n    </SectionCard>\n  )\n}\n",
      "type": "registry:block",
      "target": "~/components/blocks/ProgressBreakdown.tsx"
    }
  ],
  "dependencies": [
    "lucide-react"
  ],
  "devDependencies": [],
  "registryDependencies": [
    "https://uipkge.dev/r/react/section-card.json",
    "https://uipkge.dev/r/react/progress-item.json"
  ],
  "description": "Labeled progress bars in a SectionCard. Each bar cycles through chart-1..5 colors.",
  "categories": [
    "dashboard"
  ]
}