{"$schema":"https://ui.logic2b.com/schema/registry-item.json","name":"label","type":"registry:ui","description":"Renders an accessible label associated with form controls, built on Radix Label.","dependencies":["radix-ui"],"registryDependencies":["utils"],"files":[{"path":"ui/label.tsx","type":"registry:ui","content":"import * as React from \"react\"\nimport { Label as LabelPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        \"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Label }\n"}],"categories":["form"],"accessibility":{"support":"native","pattern":"form label","primitive":"HTMLLabelElement","keyboard":[],"aria":["Uses native label semantics and forwards htmlFor to its labelled control."],"consumer":["Point htmlFor at exactly one labelable control and keep the label text visible."]},"api":{"source":"src/ui/label.tsx","exports":[{"name":"Label","kind":"component","propsType":"React.ComponentProps<typeof LabelPrimitive.Root>"}]}}