Accessible label component built on Radix UI's `LabelPrimitive`, styled with `class-variance-authority` (CVA) to support multiple size and spacing variants. ## Key Components ### `labelVariants` CVA configuration defining two variant axes: | Axis | Options | Default | |------|---------|---------| | `variant` | `default`, `small`, `medium`, `large` | `default` | | `spacing` | `default`, `tight`, `normal`, `loose` | `default` | ### `Label` A `forwardRef` wrapper around `LabelPrimitive.Root` that merges CVA-generated classes with any additional `className` passed by the consumer. ## Usage Example ```typescript import { Label } from "./label" // Default label Email address // Small label with tight spacing Username // Large label with loose spacing Biography // With custom class override Required Field ``` ## Notes - Rendered as a client component (`"use client"`). - Inherits all native `` accessibility behaviours from Radix UI, including automatic association with form controls via `htmlFor`. - Extend or override styles via the `className` prop; CVA classes are merged using the `cn` utility.