{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "label",
  "title": "Label",
  "author": "AniBT <https://anibt.net>",
  "description": "AniBT field label: 13/600 in ink2 above its control; a disabled control greys it instead of fading it.",
  "dependencies": [
    "radix-ui"
  ],
  "registryDependencies": [
    "@anibt/theme"
  ],
  "files": [
    {
      "path": "registry/anibt/ui/label.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Label as LabelPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/lib/utils\"\n\n/**\n * Label — the head of AniBT's form grammar (A 「贴纸手账」).\n *\n * 13/600 in `--anibt-ink2`: one step quieter than the value under it and one\n * step louder than a hint. It sits above its control, 6px over it (`Field`\n * owns that gap), and never shares the control's row. `items-center gap-1.5`\n * keeps a required mark or a glyph on the label's line.\n *\n * A disabled control greys its label to `--muted-foreground` instead of\n * dimming it with opacity, so the copy stays legible. Option text beside a\n * checkbox or a switch is not a field label: `Field orientation=\"horizontal\"`\n * turns it into 13/400 body ink, or pass `font-normal text-foreground`.\n */\nfunction Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        \"flex items-center gap-1.5 text-[13px] leading-5 font-semibold text-anibt-ink2 select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:text-muted-foreground peer-disabled:cursor-not-allowed peer-disabled:text-muted-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Label }\n",
      "type": "registry:ui"
    }
  ],
  "categories": [
    "forms"
  ],
  "type": "registry:ui"
}