{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "section-heading",
  "title": "Section Heading",
  "description": "Editorial hierarchy for meaningful sections.",
  "registryDependencies": [
    "@manner/utils",
    "@manner/manner-theme"
  ],
  "files": [
    {
      "path": "registry/manner/editorial/section-heading.tsx",
      "content": "import * as React from \"react\"\n\nimport { cn } from \"@/lib/cn\"\n\ntype SectionHeadingProps = Omit<React.ComponentProps<\"header\">, \"title\"> & {\n  eyebrow?: string\n  title: React.ReactNode\n  description?: React.ReactNode\n  action?: React.ReactNode\n}\n\nfunction SectionHeading({ eyebrow, title, description, action, className, ...props }: SectionHeadingProps) {\n  return (\n    <header data-slot=\"section-heading\" className={cn(\"grid gap-5 border-l-2 border-[var(--accent)] pl-5 sm:grid-cols-[1fr_auto]\", className)} {...props}>\n      <div>\n        {eyebrow && <p className=\"m-0 font-mono text-[.68rem] uppercase tracking-[.13em] text-[var(--accent)]\">{eyebrow}</p>}\n        <h2 className=\"my-2 font-[family-name:var(--serif)] text-4xl font-medium leading-[.98] tracking-[-.035em] text-[var(--ink)]\">{title}</h2>\n        {description && <p className=\"m-0 max-w-[62ch] text-sm leading-relaxed text-[var(--ink-secondary)]\">{description}</p>}\n      </div>\n      {action && <div>{action}</div>}\n    </header>\n  )\n}\n\nexport { SectionHeading, type SectionHeadingProps }\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}