{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "section-card",
  "title": "Section Card",
  "type": "registry:ui",
  "files": [
    {
      "path": "packages/registry-react/components/section-card/section-card.tsx",
      "content": "import * as React from 'react'\nimport { cn } from '@/lib/utils'\nimport { Card, CardContent, CardHeader, CardTitle, CardDescription } from '@/components/ui/card'\n\nexport interface SectionCardProps {\n  title: string\n  description?: string\n  className?: string\n  contentClassName?: string\n  /** Rendered top-right of the header — the React equivalent of the\n   *  `header-action` named slot. */\n  headerAction?: React.ReactNode\n  /** Rendered after the content, outside CardContent — the React\n   *  equivalent of the `footer` named slot. */\n  footer?: React.ReactNode\n  children?: React.ReactNode\n}\n\nconst SectionCard = React.forwardRef<HTMLDivElement, SectionCardProps>(\n  ({ title, description, className, contentClassName, headerAction, footer, children }, ref) => (\n    <Card ref={ref} className={cn('flex flex-col', className)}>\n      <CardHeader className=\"pb-4\">\n        <div className=\"flex items-center justify-between\">\n          <div>\n            <CardTitle className=\"text-base font-semibold\">{title}</CardTitle>\n            {description && <CardDescription className=\"mt-0.5\">{description}</CardDescription>}\n          </div>\n          {headerAction}\n        </div>\n      </CardHeader>\n      <CardContent className={cn('flex-1', contentClassName)}>{children}</CardContent>\n      {footer}\n    </Card>\n  ),\n)\nSectionCard.displayName = 'SectionCard'\n\nexport { SectionCard }\n",
      "type": "registry:ui",
      "target": "~/components/ui/section-card/section-card.tsx"
    },
    {
      "path": "packages/registry-react/components/section-card/index.ts",
      "content": "export { SectionCard, type SectionCardProps } from './section-card'\n",
      "type": "registry:ui",
      "target": "~/components/ui/section-card/index.ts"
    }
  ],
  "dependencies": [],
  "devDependencies": [],
  "registryDependencies": [
    "https://uipkge.dev/r/react/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"
  ]
}