{
  "$schema": "https://blode.co/ui/schema/registry-item.json",
  "name": "label",
  "title": "Label",
  "author": "Matthew Blode",
  "description": "An accessible label that associates text with a form control.",
  "dependencies": ["@base-ui/react"],
  "files": [
    {
      "path": "ui/label.tsx",
      "content": "\"use client\";\n\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst Label = ({ className, htmlFor, ...props }: React.ComponentProps<\"label\">) => (\n  <label\n    htmlFor={htmlFor}\n    className={cn(\n      \"flex select-none items-center gap-2 font-medium text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50 group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50\",\n      className,\n    )}\n    data-slot=\"label\"\n    {...props}\n  />\n);\n\nexport { Label };\n",
      "type": "registry:ui",
      "target": ""
    }
  ],
  "type": "registry:ui"
}