{
  "$schema": "https://shadcn-vue.com/schema/registry-item.json",
  "name": "progress-breakdown",
  "title": "Progress Breakdown",
  "type": "registry:block",
  "files": [
    {
      "path": "packages/registry-vue/blocks/progress-breakdown/ProgressBreakdown.vue",
      "content": "<script setup lang=\"ts\">\nimport type { Component } from 'vue'\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\ndefineProps<{\n  title?: string\n  description?: string\n  items: BreakdownItem[]\n  headerIcon?: Component\n  class?: string\n}>()\n</script>\n\n<template>\n  <SectionCard :title=\"title ?? 'Breakdown'\" :description=\"description\" :class=\"$props.class\" content-class=\"space-y-4\">\n    <template v-if=\"headerIcon\" #header-action>\n      <component :is=\"headerIcon\" class=\"text-muted-foreground size-5\" />\n    </template>\n    <ProgressItem\n      v-for=\"(item, index) in items\"\n      :key=\"item.name\"\n      :label=\"item.name\"\n      :value=\"item.value\"\n      :secondary-label=\"item.secondaryLabel\"\n      :color-index=\"index\"\n    />\n  </SectionCard>\n</template>\n",
      "type": "registry:block",
      "target": "~/app/components/blocks/ProgressBreakdown.vue"
    }
  ],
  "dependencies": [
    "lucide-vue-next"
  ],
  "devDependencies": [],
  "registryDependencies": [
    "https://uipkge.dev/r/vue/section-card.json",
    "https://uipkge.dev/r/vue/progress-item.json"
  ],
  "description": "Labeled progress bars in a SectionCard. Each bar cycles through chart-1..5 colors.",
  "categories": [
    "dashboard"
  ]
}