{
  "$schema": "https://uipkge.dev/schema/registry-item.json",
  "name": "section-card",
  "title": "Section Card",
  "type": "registry:ui",
  "files": [
    {
      "path": "packages/registry-svelte/components/section-card/SectionCard.svelte",
      "content": "<script lang=\"ts\" module>\n  import type { Snippet } from 'svelte'\n  import type { HTMLAttributes } from 'svelte/elements'\n\n  export interface SectionCardProps extends HTMLAttributes<HTMLDivElement> {\n    title: string\n    description?: string\n    contentClass?: string\n    /** Trailing header content (icon buttons, badges, switches). */\n    headerAction?: Snippet\n    /** Full-width footer below the content (save/cancel actions). */\n    footer?: Snippet\n    children?: Snippet\n  }\n</script>\n\n<script lang=\"ts\">\n  import { cn } from '$lib/utils'\n  import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '$lib/components/ui/card'\n\n  let {\n    class: className,\n    title,\n    description,\n    contentClass,\n    headerAction,\n    footer,\n    children,\n    ...restProps\n  }: SectionCardProps = $props()\n</script>\n\n<Card class={cn('flex flex-col', className)} {...restProps}>\n  <CardHeader class=\"pb-4\">\n    <div class=\"flex flex-wrap items-center justify-between gap-2\">\n      <div class=\"min-w-0\">\n        <CardTitle class=\"text-base font-semibold\">{title}</CardTitle>\n        {#if description}\n          <CardDescription class=\"mt-0.5\">{description}</CardDescription>\n        {/if}\n      </div>\n      {@render headerAction?.()}\n    </div>\n  </CardHeader>\n  <CardContent class={cn('flex-1', contentClass)}>\n    {@render children?.()}\n  </CardContent>\n  {@render footer?.()}\n</Card>\n",
      "type": "registry:ui",
      "target": "~/src/lib/components/ui/section-card/SectionCard.svelte"
    },
    {
      "path": "packages/registry-svelte/components/section-card/index.ts",
      "content": "export { default as SectionCard, type SectionCardProps } from './SectionCard.svelte'\n",
      "type": "registry:ui",
      "target": "~/src/lib/components/ui/section-card/index.ts"
    }
  ],
  "dependencies": [],
  "devDependencies": [],
  "registryDependencies": [
    "https://uipkge.dev/r/svelte/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"
  ]
}