import { AnyObject, TextInputProps as TextInputProps$1, TextAreaProps as TextAreaProps$1, RadioGroupProps as RadioGroupProps$1, NumberInputProps as NumberInputProps$1, SelectProps as SelectProps$1, CheckboxProps as CheckboxProps$1, CheckboxGroupProps as CheckboxGroupProps$1, SwitchProps as SwitchProps$1 } from '@vtex/admin-ui';
export { Radio, RadioProps } from '@vtex/admin-ui';
import { UseFormReturn, RegisterOptions } from 'react-hook-form';
export { RegisterOptions, useFieldArray, useForm as useFormState } from 'react-hook-form';
import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
export { yupResolver } from '@hookform/resolvers/yup';

type FormState = UseFormReturn<any>;

declare const Form: React.ForwardRefExoticComponent<FormProps & React.RefAttributes<HTMLFormElement>>;
interface FormProps extends ComponentPropsWithoutRef<'form'> {
    state: FormState;
    onSubmit: (data: AnyObject) => void;
}

/**
 * React Hook for subscribe to input changes
 * @example
 * const form = useFormState()
 * const subscribedValue = useWatch({
 *   form,
 *   name: "fieldName"
 * })
 */
declare function useWatch(props: UseWatchProps): any;
interface UseWatchProps {
    /** Target form */
    form: FormState;
    /**  Name of the field */
    name: string;
    /** Default value for useWatch to return before the initial render */
    defaultValue?: unknown;
    /**
     * Option to disable the subscription
     * @default false
     * */
    disabled?: boolean;
}
type WatchState = ReturnType<typeof useWatch>;

/**
 * React Component for subscribe to input changes
 * @example
 * const form = useFormState()
 *
 * <Watch name="fieldName" form={form} />
 */
declare function Watch(props: WatchProps): React.JSX.Element;
interface WatchProps extends UseWatchProps {
    children?: (props: WatchState) => ReactNode;
}

/**
 * Gets wether the field has an error
 * @param state form state
 * @param name field name
 */
declare function hasError(state: FormState, name: string): boolean;
/**
 * Gets the error text of a field
 * @param state form state
 * @param name field name
 */
declare function getErrorText(state: FormState, name: string): string | undefined;

/**
 * React hook that improves the field's developer experience
 * @example
 * function Field(props) {
 *  useFieldDx(props)
 *  // ... rest
 * }
 */
declare function useFieldDx(props: AnyObject): void;
/**
 * Wether is dev mode
 */
declare function isDevMode(): boolean;
/**
 * Displays a message to the developer with an appropriate tone
 * @param message dev message
 * @example
 * developerMessage({
 *  text: 'Text content',
 *  tone: 'error' | 'warning' | 'neutral'
 * })
 */
declare function developerMessage(message: DeveloperMessage): void;
type DeveloperMessageTone = 'error' | 'warning' | 'neutral';
interface DeveloperMessage {
    /** text content */
    text: string;
    /** message tone */
    tone: DeveloperMessageTone;
}

interface FormFieldProps {
    /**
     * Input required state
     */
    name: string;
    /**
     * Form state
     */
    state: FormState;
    /**
     * Field validation
     */
    validation?: RegisterOptions;
}

/**
 * Admin UI TextInput controlled by useFormState
 * @example
 * const form = useFormState()
 *
 * <TextInput name="required-name" state={form} />
 */
declare function TextInput(props: TextInputProps): React.JSX.Element;
type InputHiddenProps$2 = 'name' | 'error' | 'errorText' | 'required' | 'onChange' | 'onBlur' | 'maxLength' | 'minLength' | 'max' | 'min' | 'pattern' | 'disabled' | 'value';
type InheritedProps$7 = Omit<TextInputProps$1, InputHiddenProps$2>;
type TextInputProps = InheritedProps$7 & FormFieldProps;

/**
 * Admin UI TextArea controlled by useFormState
 * @example
 * const form = useFormState()
 *
 * <TextArea name="required-name" state={form} />
 */
declare function TextArea(props: TextAreaProps): React.JSX.Element;
type TextAreaHiddenProps = 'name' | 'error' | 'errorText' | 'required' | 'onChange' | 'onBlur' | 'minLength' | 'max' | 'min' | 'pattern' | 'disabled' | 'value';
type InheritedProps$6 = Omit<TextAreaProps$1, TextAreaHiddenProps>;
type TextAreaProps = InheritedProps$6 & FormFieldProps;

/**
 * Admin UI RadioGroup controlled by useFormState
 * @example
 * const form = useFormState()
 *
 * <RadioGroup name="required-name" state={form}>
 *  <Radio />
 * </RadioGroup>
 */
declare function RadioGroup(props: RadioGroupProps): React.JSX.Element;
type RadioGroupHiddenProps = 'state' | 'error' | 'errorText';
type InheritedProps$5 = Omit<RadioGroupProps$1, RadioGroupHiddenProps>;
type RadioGroupProps = InheritedProps$5 & FormFieldProps;

/**
 * Admin UI NumberInput controlled by useFormState
 * @example
 * const form = useFormState()
 *
 * <NumberInput name="required-name" state={form} />
 */
declare function NumberInput(props: NumberInputProps): React.JSX.Element;
type InputHiddenProps$1 = 'name' | 'error' | 'errorText' | 'required' | 'onChange' | 'onBlur' | 'maxLength' | 'minLength' | 'max' | 'min' | 'pattern' | 'disabled' | 'value';
type InheritedProps$4 = Omit<NumberInputProps$1, InputHiddenProps$1>;
type NumberInputProps = InheritedProps$4 & FormFieldProps;

/**
 * Admin UI Select controlled by useFormState
 * @example
 * const form = useFormState()
 *
 * <Select name="required-name" state={form}>
 *  <option value="value">value</option>
 * </Select>
 */
declare function Select(props: SelectProps): React.JSX.Element;
type SelectHiddenProps = 'name' | 'error' | 'errorText' | 'required' | 'onChange' | 'onBlur' | 'maxLength' | 'minLength' | 'max' | 'min' | 'pattern' | 'disabled' | 'value';
type InheritedProps$3 = Omit<SelectProps$1, SelectHiddenProps>;
type SelectProps = InheritedProps$3 & FormFieldProps;

/**
 * Admin UI Checkbox controlled by useFormState
 * @example
 * // Standalone
 * const form = useFormState()
 * <Checkbox name="required-name" state={form} />
 *
 * // Withing a group
 * const form = useFormState()
 * <CheckboxGroup label="Group label" name="required-name" state={form}>
 *  <Checkbox value="unique-value" label="Label"/>
 * </CheckboxGroup>
 */
declare function Checkbox(props: CheckboxProps): React.JSX.Element;
type InputHiddenProps = 'name' | 'error' | 'errorText' | 'required' | 'onChange' | 'onBlur' | 'maxLength' | 'minLength' | 'max' | 'min' | 'pattern' | 'disabled' | 'state';
type InheritedProps$2 = Omit<CheckboxProps$1, InputHiddenProps>;
type CheckboxProps = InheritedProps$2 & Partial<FormFieldProps>;

/**
 * Admin UI CheckboxGroup controlled by useFormState
 * @example
 * const form = useFormState()
 *
 * <CheckboxGroup label="Group label" name="required-name" state={form}>
 *  <Checkbox value="unique-value" label="Label" />
 * </CheckboxGroup>
 */
declare function CheckboxGroup(props: CheckboxGroupProps): React.JSX.Element;
type CheckboxGroupHiddenProps = 'state' | 'error' | 'errorText';
type InheritedProps$1 = Omit<CheckboxGroupProps$1, CheckboxGroupHiddenProps>;
type CheckboxGroupProps = InheritedProps$1 & FormFieldProps;

/**
 * Admin UI Switch controlled by useFormState
 * @example
 * const form = useFormState()
 *
 * <Switch name="required-name" state={form} />
 */
declare function Switch(props: SwitchProps): React.JSX.Element;
type SwitchHiddenProps = 'name' | 'error' | 'errorText' | 'required' | 'onChange' | 'onBlur' | 'maxLength' | 'minLength' | 'max' | 'min' | 'pattern' | 'disabled' | 'value';
type InheritedProps = Omit<SwitchProps$1, SwitchHiddenProps>;
type SwitchProps = InheritedProps & FormFieldProps;

export { Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, Form, FormFieldProps, FormProps, FormState, NumberInput, NumberInputProps, RadioGroup, RadioGroupProps, Select, SelectProps, Switch, SwitchProps, TextArea, TextAreaProps, TextInput, TextInputProps, UseWatchProps, Watch, WatchProps, WatchState, developerMessage, getErrorText, hasError, isDevMode, useFieldDx, useWatch };