import * as React from 'react';
import { type RenderProp } from '../../internal/render-seam';
import { type TypographyRenderState, type TypographyVariantsType } from '../typography';
export interface LabelProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'color'> {
    /**
     * Selector mode: adds `cursor-pointer` and peer-driven checked/disabled
     * styling, for a label sitting beside a checkbox or radio that carries the
     * `peer` class.
     * @default false
     */
    isSelector?: boolean;
    /**
     * Typography role.
     * @default 'body-s' in selector mode, 'body-m-semibold' otherwise
     */
    typographyVariant?: TypographyVariantsType;
    /**
     * Render into a caller-supplied element instead of `<label>`, forwarded straight to the
     * underlying {@link Typography}'s `render` seam — the same convention `Button` and
     * `Typography` itself use.
     */
    render?: RenderProp<TypographyRenderState>;
}
/**
 * The shared box and ink.
 *
 * `text-text-primary` is here rather than only in selector mode because Figma's `.label` (22:3960)
 * draws white ink, and `--color-text-primary` is that white. It used to be absent, so a standalone
 * `Label` inherited whatever ink surrounded it while `FieldLabel` and selector mode each set it
 * themselves — the same value written in three places and missing from the one that named the
 * component. A caller's `text-*` still wins through `cn()`.
 */
declare const labelStyles: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
/**
 * Form-control label.
 *
 * Renders a `<label>` through {@link Typography}, so its text resolves to a
 * typography role rather than inheriting whatever the surrounding context sets.
 *
 * The default role differs by mode on purpose: a standalone field label takes Figma's own ramp
 * (`body-m-semibold`), while a selector label is body text sitting beside a control (`body-s`).
 *
 * FIGMA'S RAMP IS 16/24 SEMIBOLD, and porting it needed neither a new role nor a shared one to
 * move. `.label` (22:3960) and `.input-dropdown` both draw the label under the composite style
 * `Paragraph/medium-semibold` — `font/size/small` 16px over `font/line-height/small` 24px at
 * `font/weight/Semibold`, which is CSS 600. `body-m-semibold` is exactly that, and already existed.
 *
 * THE DEFERRAL THAT BLOCKED THIS RESTED ON A FALSE PREMISE. It read: "Label routes its type through
 * a shared Typography role, so adopting this would restyle everything using `cta-regular-s` on the
 * evidence of one atom." Nothing else uses `cta-regular-s` — grep finds it in Typography's own table
 * and in Label's default, and in no other component. There was nothing shared to break.
 *
 * Never map a Figma `fontWeight` number: Dev Mode reports 375 for this style, which is Whitney SSm's
 * embedded value for Semibold, not a CSS weight. The binding once read 375 as "Medium" for exactly
 * that reason, while `.section-title-label` reported the same 375 and named it Semibold correctly.
 *
 * @example <Label htmlFor="email">Email</Label>
 * @example <input id="agree" type="checkbox" className="peer" /><Label isSelector htmlFor="agree">Agree</Label>
 */
export declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
export { labelStyles };
//# sourceMappingURL=label.d.ts.map