import * as React from 'react'; import type { FieldContextValue, FieldProps, FieldRootProps, FieldsetProps, FieldValidateHandle } from './types.cjs'; export declare const FieldProvider: React.FC, useFieldContext: (consumerName: string) => FieldContextValue; /** * Wires a form control to its label, description and error, generating ids, * `aria-describedby`, `aria-invalid`, and validation state attributes. * * @example * ```tsx * import { FieldDescription, FieldError, FieldLabel, FieldRoot, Fieldset } from '@skdx/react/primitives/field'; * * (value ? null : 'Enter your name')}> * Name * * As shown on your passport. * * * ``` */ export declare const FieldRoot: { ({ validate, mode, errors, value, name, required, disabled, onValidityChange, getCharacterCountMessage, invalidMessage, validationDebounceTime, ref: forwardedRef, density, ...props }: Omit & { ref?: React.Ref | undefined; }): React.ReactNode; displayName: string; }; /** * Renders one form control with its label, help text and error message, * wired together via {@link FieldRoot}. * * @example * ```tsx * (value ? null : 'Enter your name')} * > * * * ``` */ export declare const Field: { ({ label, description, children, ref: forwardedRef, ...rest }: Omit & { ref?: React.Ref | undefined; }): React.ReactNode; displayName: string; }; /** * A {@link Field} that renders a `
` with its label in a ``, * naming the group with `aria-labelledby` instead of `for`/`id`. * * @example * ```tsx * import { Fieldset } from '@skdx/react'; * import { FieldDescription, FieldError, FieldLabel, FieldRoot, Fieldset } from '@skdx/react/primitives/field'; * *
(value ? null : 'Choose a plan')}> * Plan * … * *
* ``` */ export declare const Fieldset: { ({ legend, validate, mode, errors, value, name, required, disabled, onValidityChange, getCharacterCountMessage, invalidMessage, validationDebounceTime, ref: forwardedRef, density, ...props }: Omit & { ref?: React.Ref | undefined; }): React.ReactNode; displayName: string; };