/**
 * Checkbox — Studio's Checkbox is built on `@radix-ui/react-checkbox`; here it's
 * re-expressed on a native `<input type="checkbox">` (full a11y for free — focus,
 * keyboard, form participation) with an overlaid check, keeping Studio's exact
 * box styling. Self-contained, no radix. Accepts the native API plus an optional
 * radix-style `onCheckedChange`. Plus `CheckboxField` + `CheckboxGroup`.
 *
 * @module react/components/ui/checkbox
 */
import * as React from "react";
/** Props accepted by `<Checkbox>`. */
export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> {
    /** Radix-style convenience callback fired with the next checked state. */
    onCheckedChange?: (checked: boolean) => void;
    ref?: React.Ref<HTMLInputElement>;
}
/** A checkbox with an overlaid check indicator. */
export declare function Checkbox({ className, onChange, onCheckedChange, ref, ...props }: CheckboxProps): React.ReactElement;
/** Props accepted by `<CheckboxField>`. */
export interface CheckboxFieldProps extends CheckboxProps {
    label: React.ReactNode;
    description?: string;
}
/** A checkbox paired with a clickable label and optional description. */
export declare function CheckboxField({ label, description, id, ref, ...props }: CheckboxFieldProps): React.ReactElement;
/** Vertical group of checkboxes. */
export declare function CheckboxGroup({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.ReactElement;
//# sourceMappingURL=checkbox.d.ts.map