/**
 * Primitives for `Form` — `FormFieldRoot` is unwrapped grouping (lets `FormMessage` target one `ValidityState` reason).
 *
 * @example
 * ```tsx
 * import { FormRoot, FormErrorSummary, FormFieldRoot, FormLabel, FormControl, FormMessage, FormSubmit } from '@skdx/react/primitives/form';
 *
 * <FormRoot onSubmit={save}>
 *   <FormErrorSummary />
 *   <FormFieldRoot name="email">
 *     <FormLabel>Email</FormLabel>
 *     <FormControl>
 *       <input type="email" required />
 *     </FormControl>
 *     <FormMessage match="valueMissing">Email is required.</FormMessage>
 *     <FormMessage match="typeMismatch">Enter a valid email.</FormMessage>
 *   </FormFieldRoot>
 *   <FormSubmit>Save</FormSubmit>
 * </FormRoot>
 * ```
 */
export { FormRoot } from './Form.js';
export { FormFieldRoot } from './FormField.js';
export { FormLabel } from './FormLabel.js';
export { FormControl } from './FormControl.js';
export { FormMessage } from './FormMessage.js';
export { FormSubmit } from './FormSubmit.js';
export { FormErrorSummary } from './FormErrorSummary.js';
export type { FormRootProps, FormFieldRootProps, FormLabelProps, FormControlProps, FormMessageProps, FormSubmitProps, FormErrorSummaryProps, ValiditySnapshot, } from './types.js';