{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "page-header",
  "title": "Page Header",
  "description": "Framework-neutral page heading with breadcrumbs, eyebrow, and action slots.",
  "registryDependencies": ["askyourpolicy/ss-registry/stitch-base"],
  "files": [
    {
      "path": "src/components/ui/page-header.tsx",
      "content": "import type { ComponentProps, ReactNode } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\ntype PageHeaderSize = \"sm\" | \"default\" | \"lg\";\n\ntype PageHeaderClassNames = {\n  actions?: string;\n  breadcrumbs?: string;\n  content?: string;\n  description?: string;\n  eyebrow?: string;\n  root?: string;\n  row?: string;\n  title?: string;\n};\n\ntype PageHeaderProps = Omit<ComponentProps<\"header\">, \"title\"> & {\n  actions?: ReactNode;\n  breadcrumbs?: ReactNode;\n  classNames?: PageHeaderClassNames;\n  description?: ReactNode;\n  eyebrow?: ReactNode;\n  size?: PageHeaderSize;\n  title: ReactNode;\n};\n\nconst titleSizeClasses: Record<PageHeaderSize, string> = {\n  sm: \"text-xl\",\n  default: \"text-2xl\",\n  lg: \"text-3xl sm:text-4xl\",\n};\n\nfunction PageHeader({\n  actions,\n  breadcrumbs,\n  className,\n  classNames,\n  description,\n  eyebrow,\n  size = \"default\",\n  title,\n  ...props\n}: PageHeaderProps) {\n  return (\n    <header\n      data-size={size}\n      data-slot=\"page-header\"\n      className={cn(\"flex min-w-0 flex-col gap-3\", classNames?.root, className)}\n      {...props}\n    >\n      {breadcrumbs != null ? (\n        <div\n          data-slot=\"page-header-breadcrumbs\"\n          className={cn(\"text-sm text-muted-foreground\", classNames?.breadcrumbs)}\n        >\n          {breadcrumbs}\n        </div>\n      ) : null}\n      <div\n        data-slot=\"page-header-row\"\n        className={cn(\n          \"flex min-w-0 flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\",\n          classNames?.row,\n        )}\n      >\n        <div\n          data-slot=\"page-header-content\"\n          className={cn(\"min-w-0 max-w-3xl\", classNames?.content)}\n        >\n          {eyebrow != null ? (\n            <div\n              data-slot=\"page-header-eyebrow\"\n              className={cn(\n                \"mb-1 text-xs font-semibold tracking-wide text-muted-foreground uppercase\",\n                classNames?.eyebrow,\n              )}\n            >\n              {eyebrow}\n            </div>\n          ) : null}\n          <h1\n            data-slot=\"page-header-title\"\n            className={cn(\n              \"font-heading leading-tight font-semibold tracking-tight text-balance\",\n              titleSizeClasses[size],\n              classNames?.title,\n            )}\n          >\n            {title}\n          </h1>\n          {description != null ? (\n            <div\n              data-slot=\"page-header-description\"\n              className={cn(\n                \"mt-1 text-sm leading-snug text-balance text-muted-foreground\",\n                size === \"lg\" && \"sm:text-base\",\n                classNames?.description,\n              )}\n            >\n              {description}\n            </div>\n          ) : null}\n        </div>\n        {actions != null ? (\n          <div\n            data-slot=\"page-header-actions\"\n            className={cn(\"flex shrink-0 flex-wrap items-center gap-2\", classNames?.actions)}\n          >\n            {actions}\n          </div>\n        ) : null}\n      </div>\n    </header>\n  );\n}\n\nexport { PageHeader, type PageHeaderClassNames, type PageHeaderProps, type PageHeaderSize };\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}