{
  "$schema": "https://shadcn-vue.com/schema/registry-item.json",
  "name": "section-card",
  "title": "Section Card",
  "type": "registry:ui",
  "files": [
    {
      "path": "packages/registry-vue/components/section-card/SectionCard.vue",
      "content": "<script setup lang=\"ts\">\nimport { cn } from '@/lib/utils'\nimport { Card, CardContent, CardHeader, CardTitle, CardDescription } from '@/components/ui/card'\n\nconst props = defineProps<{\n  title: string\n  description?: string\n  class?: string\n  contentClass?: string\n}>()\n</script>\n\n<template>\n  <Card :class=\"cn('flex flex-col', props.class)\">\n    <CardHeader class=\"pb-4\">\n      <div class=\"flex items-center justify-between\">\n        <div>\n          <CardTitle class=\"text-base font-semibold\">{{ title }}</CardTitle>\n          <CardDescription v-if=\"description\" class=\"mt-0.5\">{{ description }}</CardDescription>\n        </div>\n        <slot name=\"header-action\" />\n      </div>\n    </CardHeader>\n    <CardContent :class=\"cn('flex-1', props.contentClass)\">\n      <slot />\n    </CardContent>\n    <slot name=\"footer\" />\n  </Card>\n</template>\n",
      "type": "registry:ui",
      "target": "~/app/components/ui/section-card/SectionCard.vue"
    },
    {
      "path": "packages/registry-vue/components/section-card/index.ts",
      "content": "export { default as SectionCard } from './SectionCard.vue'\n",
      "type": "registry:ui",
      "target": "~/app/components/ui/section-card/index.ts"
    }
  ],
  "dependencies": [],
  "devDependencies": [],
  "registryDependencies": [
    "https://uipkge.dev/r/vue/card.json"
  ],
  "description": "Card variant tuned for settings pages — title, description, and content slots, with optional footer for save/cancel actions. The block-level building block for `.../settings/*` routes.",
  "categories": [
    "layout"
  ]
}