import type React from 'react'; export interface LabelOwnProps { /** * Unique identifier for the element. * @example 'example-id' */ id?: string; /** * Visible label text; also serves as the accessible name. * @example 'example' */ text?: string; /** * ID of the associated form control, bound via the native `for` attribute (enables click-to-focus and screen-reader pairing). * @example 'example' */ forInput?: string; /** * Marks the field as required for form validation. * @defaultValue false * @example true */ required?: boolean; /** * Muted indicator text for non-required fields, e.g. "(optional)". * @example 'example' */ optionalText?: string; /** * Disables the component, preventing interaction. * @defaultValue false * @example true */ disabled?: boolean; /** * Component size. Allowed values: `xs`, `sm`, `md`, `lg`, `xl`. * @example 'xs' */ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'; /** * Helper text displayed below the input. * @example 'example' */ helperText?: string; /** * Error message shown below the label; rendered in an assertive live region (`role="alert"`). * @example 'example' */ errorText?: string; /** CSS class applied to the Custom Element host. * @example 'my-component' */ className?: string; /** Inline styles applied to the Custom Element host. * @example { marginTop: 8 } */ style?: React.CSSProperties; } /** * Props for `