{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "heading",
  "type": "registry:ui",
  "title": "Heading",
  "description": "A heading primitive that renders h1 through h6 with a matched type scale, tuned letter spacing and medium weight. Pick the level with the as prop in React.",
  "dependencies": [],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/heading.tsx",
      "type": "registry:ui",
      "target": "components/ui/heading.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\n\nconst sizes = {\n  h1: \"text-3xl tracking-[-0.022em] font-medium\",\n  h2: \"text-2xl tracking-[-0.018em] font-medium\",\n  h3: \"text-lg tracking-[-0.008em] font-medium\",\n  h4: \"text-base tracking-[0] font-medium\",\n  h5: \"text-sm tracking-[0.005em] font-medium\",\n  h6: \"text-xs tracking-[0.01em] font-medium uppercase text-fg-muted\",\n} as const\n\nfunction Heading({\n  as: Comp = \"h2\",\n  className,\n  ...props\n}: React.ComponentProps<\"h2\"> & { as?: keyof typeof sizes }) {\n  return (\n    <Comp\n      data-slot=\"heading\"\n      className={cn(\"text-fg\", sizes[Comp], className)}\n      {...props}\n    />\n  )\n}\nexport { Heading }\n"
    }
  ]
}