@ultraviolet/form 2.13.2 → 2.13.3

package/dist/index.d.ts

@@ -1,555 +1,7 @@
-import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
-import { Checkbox, CheckboxGroup, DateInput, Radio, SelectInput, SelectableCard, NumberInput, NumberInputV2, TagInput, TextArea, TextInput, TextInputV2, TimeInput, Toggle, Button, RadioGroup, SelectableCardGroup, SelectInputV2 } from '@ultraviolet/ui';
-import * as react from 'react';
-import { ComponentProps, ReactNode, FocusEvent, ForwardedRef, FocusEventHandler, Ref, JSX } from 'react';
-import * as react_hook_form from 'react-hook-form';
-import { FieldValues, FieldPath, Validate, PathValue, Path, UseControllerProps, FieldError, UseFormReturn, DefaultValues, FieldErrors, FieldArrayPath, Control, FieldPathValue, DeepPartial, ArrayPath, FieldArray } from 'react-hook-form';
-export { ArrayPath, Control, ControllerRenderProps, DeepPartial, FieldArray, FieldArrayPath, FieldArrayPathValue, FieldErrors, FieldPath, FieldPathByValue, FieldPathValue, FieldPathValues, FieldValues, Path, PathValue, UseFieldArrayMove, UseFieldArrayRemove, UseFormReturn, UseFormSetValue, useController, useFieldArray, useForm, useFormContext, useFormState, useWatch } from 'react-hook-form';
-import { CSSObject, Theme, css } from '@emotion/react';
-import Select, { OptionProps, GroupBase, Props, CommonProps } from 'react-select';
-
-declare const FORM_ERROR = "FINAL_FORM/form-error";
-
-type MetaField = {
-    min?: number | string;
-    max?: number | string;
-    minLength?: number;
-    maxLength?: number;
-    regex?: (RegExp | RegExp[])[];
-    minDate?: Date;
-    maxDate?: Date;
-    label: string;
-    value?: string | number;
-};
-type RequiredErrors = {
-    [key in FieldError['type']]: (params: MetaField) => string;
-};
-type FormErrors = {
-    [key in 'required' | 'min' | 'max' | 'minLength' | 'maxLength' | 'pattern' | 'minDate' | 'maxDate']: RequiredErrors[key];
-};
-type BaseFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
-    name: TName;
-    required?: boolean;
-    /**
-     * @deprecated use rules props instead
-     */
-    validate?: Validate<PathValue<TFieldValues, Path<TFieldValues>>, TFieldValues>;
-    rules?: UseControllerProps<TFieldValues>['rules'];
-    defaultValue?: PathValue<TFieldValues, Path<TFieldValues>>;
-    label?: string;
-    value?: PathValue<TFieldValues, Path<TFieldValues>>;
-    onChange?: (value?: PathValue<TFieldValues, TName>) => void;
-    shouldUnregister?: UseControllerProps<TFieldValues, TName>['shouldUnregister'];
-};
-
-type CheckboxFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<BaseFieldProps<TFieldValues, TName>, 'value'> & Partial<Pick<ComponentProps<typeof Checkbox>, 'id' | 'disabled' | 'onBlur' | 'onFocus' | 'progress' | 'size' | 'data-testid' | 'helper' | 'tooltip'>> & {
-    className?: string;
-    children?: ReactNode;
-};
-declare const CheckboxField: <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ id, name, label, size, progress, disabled, required, className, children, onChange, onBlur, onFocus, rules, helper, tooltip, "data-testid": dataTestId, shouldUnregister, }: CheckboxFieldProps<TFieldValues, TName>) => _emotion_react_jsx_runtime.JSX.Element;
-
-type CheckboxGroupFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TName> & Partial<Pick<ComponentProps<typeof CheckboxGroup>, 'className' | 'helper' | 'required' | 'direction' | 'children' | 'error' | 'legend'>> & Required<Pick<ComponentProps<typeof CheckboxGroup>, 'legend'>>;
-declare const CheckboxGroupField: {
-    <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ legend, className, helper, direction, children, onChange, label, error: customError, name, required, shouldUnregister, rules, }: CheckboxGroupFieldProps<TFieldValues, TName>): _emotion_react_jsx_runtime.JSX.Element;
-    Checkbox: ({ onFocus, onBlur, disabled, error, name, value, children, helper, className, autoFocus, "data-testid": dataTestId, required, }: Omit<({
-        error?: react.ReactNode;
-        size?: number | undefined;
-        progress?: boolean | undefined;
-        helper?: react.ReactNode;
-        disabled?: boolean | undefined;
-        checked?: boolean | "indeterminate" | undefined;
-        className?: string | undefined;
-        "data-visibility"?: string | undefined;
-        required?: boolean | undefined;
-        'data-testid'?: string | undefined;
-        tooltip?: string | undefined;
-    } & Pick<react.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "onBlur" | "name" | "onFocus" | "autoFocus" | "id" | "tabIndex"> & (({
-        "aria-label"?: undefined;
-    } & {
-        children: react.ReactNode;
-    }) | ({
-        children?: undefined;
-    } & {
-        'aria-label': string;
-    }))) & react.RefAttributes<HTMLInputElement>, "onChange" | "checked"> & {
-        value: string;
-    }) => _emotion_react_jsx_runtime.JSX.Element;
-};
-
-type DateFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TName> & Omit<ComponentProps<typeof DateInput>, 'maxDate' | 'minDate' | 'disabled' | 'required' | 'locale' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'autoFocus' | 'stardDate' | 'endDate'> & {
-    maxDate?: Date;
-    minDate?: Date;
-    disabled?: boolean;
-    required?: boolean;
-    locale?: string;
-    onBlur?: (event: FocusEvent<HTMLElement>) => void;
-    onFocus?: (value: FocusEvent<HTMLElement>) => void;
-    autoFocus?: boolean;
-};
-declare const DateField: <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ required, name, label, format, locale, maxDate, minDate, disabled, onChange, onBlur, onFocus, rules, autoFocus, excludeDates, selectsRange, "data-testid": dataTestId, shouldUnregister, }: DateFieldProps<TFieldValues, TName>) => _emotion_react_jsx_runtime.JSX.Element;
-
-type Without<T, U> = {
-    [P in Exclude<keyof T, keyof U>]?: never;
-};
-type SingleXOR<T, U> = T | U extends object ? (Without<T, U> & U) | (Without<U, T> & T) : T | U;
-type XOR<T extends unknown[]> = T extends [infer Only] ? Only : T extends [infer A, infer B, ...infer Rest] ? XOR<[SingleXOR<A, B>, ...Rest]> : never;
-type FormStateReturn<TFormValues extends FieldValues> = {
-    values: TFormValues;
-    hasValidationErrors: boolean;
-    errors: FieldErrors<TFormValues>;
-    submitting: boolean;
-    pristine: boolean;
-    handleSubmit: () => Promise<void>;
-    submitError: boolean;
-    valid: boolean;
-    form: {
-        change: UseFormReturn<TFormValues>['setValue'];
-        reset: UseFormReturn<TFormValues>['reset'];
-        submit: () => Promise<void>;
-    };
-};
-type OnRawSubmitReturn = {
-    [FORM_ERROR]?: string;
-} | undefined | null | string | void | boolean | number;
-type FormProps<TFormValues extends FieldValues = FieldValues> = {
-    children?: ((props: FormStateReturn<TFormValues>) => ReactNode) | ReactNode;
-    errors: FormErrors;
-    name?: string;
-    onRawSubmit: (data: TFormValues, formState: {
-        reset: UseFormReturn<TFormValues>['reset'];
-        resetFieldState: UseFormReturn<TFormValues>['resetField'];
-        restart: () => void;
-        change: UseFormReturn<TFormValues>['setValue'];
-    }) => Promise<OnRawSubmitReturn> | OnRawSubmitReturn;
-} & XOR<[
-    {
-        /**
-         * @deprecated Use the `methods` prop with [useForm](https://www.react-hook-form.com/api/useform/) instead.
-         *
-         * @example
-         * ```tsx
-         *  const methods = useForm({
-         *    defaultValues,
-         *    mode: 'onChange'
-         *  })
-         *
-         *  return (
-         *    <Form methods={methods} onRawSubmit={handleSubmit} errors={formErrors}>
-         *      // ...
-         *    </Form>
-         *  )
-         * ```
-         */
-        initialValues?: DefaultValues<TFormValues>;
-    },
-    {
-        methods: UseFormReturn<TFormValues>;
-    }
-]>;
-declare const Form: <TFormValues extends FieldValues>({ children, methods: methodsProp, initialValues, errors, onRawSubmit, name, }: FormProps<TFormValues>) => _emotion_react_jsx_runtime.JSX.Element;
-
-type RadioFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<BaseFieldProps<TFieldValues, TName>, 'label'> & Partial<Pick<ComponentProps<typeof Radio>, 'disabled' | 'id' | 'onBlur' | 'onFocus' | 'data-testid' | 'tooltip' | 'label'>> & {
-    className?: string;
-};
-/**
- * @deprecated This component is deprecated, use `RadioGroupField` instead.
- */
-declare const RadioField: <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ className, "data-testid": dataTestId, disabled, id, name, onBlur, label, onChange, onFocus, required, value, rules, tooltip, shouldUnregister, }: RadioFieldProps<TFieldValues, TName>) => _emotion_react_jsx_runtime.JSX.Element;
-
-type SelectOption = {
-    value: string;
-    label: ReactNode;
-    disabled?: boolean;
-    description?: string;
-    inlineDescription?: string;
-};
-type WithSelectProps = {
-    selectProps: SelectProps;
-};
-type SelectStyleProps = {
-    error?: string;
-    /**
-     * Custom styles of the SelectInput. See [React select documentation](https://react-select.com/styles)
-     */
-    customStyle: (state: SelectProps & WithSelectProps) => Record<string, CSSObject>;
-    animation?: string;
-    /**
-     * Time of the animation
-     */
-    animationDuration?: number;
-    /**
-     * Show/hide the label inside the component
-     */
-    noTopLabel?: boolean;
-    theme: Theme;
-};
-type StyledContainerProps = {
-    isDisabled?: boolean;
-    additionalStyles?: Parameters<typeof css>[0];
-};
-type SelectProps = StyledContainerProps & Omit<Props<SelectOption>, 'value'> & CommonProps<SelectOption, boolean, GroupBase<SelectOption>> & {
-    value?: string | SelectOption;
-    checked?: boolean;
-    error?: string;
-    labelId?: string;
-    required?: boolean;
-    time?: boolean;
-};
-type StateManagedSelect = typeof Select;
-type SelectInputProps = Partial<SelectProps & SelectStyleProps & Pick<ComponentProps<typeof SelectInput>, 'data-testid'> & {
-    /**
-     * Name of the animation
-     */
-    animation?: string;
-    /**
-     * Play the animation when the value change
-     */
-    animationOnChange?: boolean;
-    disabled?: boolean;
-    readOnly?: boolean;
-    innerRef?: ForwardedRef<StateManagedSelect>;
-    /**
-     * Custom components of the SelectInput. See [React select documentation](https://react-select.com/components)
-     */
-    customComponents?: SelectProps['components'];
-    children: ReactNode;
-    emptyState?: ComponentProps<Select>['noOptionsMessage'];
-}>;
-/**
- * @deprecated This component is deprecated, please use `SelectInputFieldV2` instead
- */
-type SelectInputFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<BaseFieldProps<TFieldValues, TName>, 'onChange'> & Partial<Pick<SelectInputProps, 'animation' | 'animationDuration' | 'animationOnChange' | 'children' | 'className' | 'disabled' | 'error' | 'id' | 'inputId' | 'isClearable' | 'isLoading' | 'isSearchable' | 'menuPortalTarget' | 'onBlur' | 'onChange' | 'onFocus' | 'options' | 'placeholder' | 'readOnly' | 'required' | 'value' | 'noTopLabel' | 'emptyState' | 'customStyle' | 'data-testid'>> & {
-    multiple?: boolean;
-    parse?: (value: unknown, name?: string) => unknown;
-    format?: (value: unknown, name: string) => unknown;
-    maxLength?: number;
-    minLength?: number;
-};
-declare const SelectInputField: {
-    <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ animation, animationDuration, animationOnChange, children, className, disabled, format: formatProp, id, inputId, isClearable, isLoading, isSearchable, label, maxLength, menuPortalTarget, minLength, multiple, name, onBlur, onChange, onFocus, options: optionsProp, parse: parseProp, placeholder, readOnly, required, rules, noTopLabel, emptyState, customStyle, shouldUnregister, "data-testid": dataTestId, }: SelectInputFieldProps<TFieldValues, TName>): _emotion_react_jsx_runtime.JSX.Element;
-    Option: (props: Partial<OptionProps<{
-        value: string;
-        label: ReactNode;
-        disabled?: boolean | undefined;
-        description?: string | undefined;
-        inlineDescription?: string | undefined;
-    }, boolean, GroupBase<{
-        value: string;
-        label: ReactNode;
-        disabled?: boolean | undefined;
-        description?: string | undefined;
-        inlineDescription?: string | undefined;
-    }>> & {
-        value: string;
-        label: ReactNode;
-        disabled?: boolean | undefined;
-        description?: string | undefined;
-        inlineDescription?: string | undefined;
-    }>) => react.JSX.Element;
-};
-
-type SelectableCardFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<BaseFieldProps<TFieldValues, TName>, 'label' | 'onChange'> & Partial<Pick<ComponentProps<typeof SelectableCard>, 'disabled' | 'onBlur' | 'onChange' | 'onFocus' | 'showTick' | 'type' | 'id' | 'children' | 'tooltip' | 'label' | 'data-testid'>> & {
-    className?: string;
-};
-declare const SelectableCardField: <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, value, onChange, showTick, type, disabled, children, className, onFocus, onBlur, required, tooltip, id, label, rules, shouldUnregister, "data-testid": dataTestId, }: SelectableCardFieldProps<TFieldValues, TName>) => _emotion_react_jsx_runtime.JSX.Element;
-
-type NumberInputValueFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TName> & Partial<Pick<ComponentProps<typeof NumberInput>, 'disabled' | 'maxValue' | 'minValue' | 'onMaxCrossed' | 'onMinCrossed' | 'size' | 'step' | 'text' | 'className'>> & {
-    onBlur?: FocusEventHandler<HTMLInputElement>;
-    onFocus?: FocusEventHandler<HTMLInputElement>;
-};
-/**
- * @deprecated This component is deprecated, use `NumberInputFieldV2` instead.
- */
-declare const NumberInputField: <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ disabled, maxValue, minValue, name, onChange, onBlur, onFocus, onMaxCrossed, onMinCrossed, required, size, step, text, rules, className, label, shouldUnregister, }: NumberInputValueFieldProps<TFieldValues, TName>) => _emotion_react_jsx_runtime.JSX.Element;
-
-type NumberInputV2Props<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TName> & Partial<Pick<ComponentProps<typeof NumberInputV2>, 'disabled' | 'id' | 'onBlur' | 'onChange' | 'onFocus' | 'value' | 'data-testid' | 'label' | 'tooltip' | 'unit' | 'size' | 'step' | 'className' | 'placeholder' | 'error' | 'success' | 'helper' | 'labelDescription' | 'aria-label' | 'autoFocus' | 'readOnly' | 'min' | 'max'>> & {
-    className?: string;
-    name: string;
-    required?: boolean;
-};
-declare const NumberInputFieldV2: <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ disabled, max, min, name, onChange, onBlur, size, step, unit, tooltip, className, label, labelDescription, id, placeholder, success, helper, rules, "aria-label": ariaLabel, "data-testid": dataTestId, required, autoFocus, readOnly, shouldUnregister, }: NumberInputV2Props<TFieldValues, TName>) => _emotion_react_jsx_runtime.JSX.Element;
-
-declare const SubmitErrorAlert: ({ className }: {
-    className?: string;
-}) => _emotion_react_jsx_runtime.JSX.Element | null;
-
-type TagInputFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TName> & Partial<Pick<ComponentProps<typeof TagInput>, 'variant' | 'placeholder' | 'disabled' | 'className' | 'id' | 'data-testid' | 'clearable' | 'label' | 'labelDescription' | 'size' | 'success' | 'readOnly' | 'tooltip'>>;
-declare const TagInputField: <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ className, disabled, id, name, onChange, placeholder, required, rules, variant, shouldUnregister, "data-testid": dataTestId, clearable, label, labelDescription, size, success, readOnly, tooltip, }: TagInputFieldProps<TFieldValues, TName>) => _emotion_react_jsx_runtime.JSX.Element;
-
-type TextAreaFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TName> & Omit<ComponentProps<typeof TextArea>, 'value' | 'error' | 'name' | 'onChange'> & {
-    regex?: (RegExp | RegExp[])[];
-};
-/**
- * This component offers a form field based on Ultraviolet UI TextArea component
- */
-declare const TextAreaField: <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ autoFocus, clearable, className, tabIndex, "data-testid": dataTestId, disabled, helper, label, labelDescription, onChange, minLength, maxLength, name, onFocus, onBlur, placeholder, readOnly, required, rows, success, tooltip, validate, regex: regexes, }: TextAreaFieldProps<TFieldValues, TName>) => _emotion_react_jsx_runtime.JSX.Element;
-
-type TextInputFieldProps$1<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TName> & Partial<Pick<ComponentProps<typeof TextInput>, 'autoCapitalize' | 'autoComplete' | 'autoCorrect' | 'autoFocus' | 'autoSave' | 'cols' | 'disabled' | 'fillAvailable' | 'generated' | 'id' | 'multiline' | 'notice' | 'onBlur' | 'onFocus' | 'onKeyDown' | 'onKeyUp' | 'placeholder' | 'random' | 'readOnly' | 'resizable' | 'rows' | 'type' | 'noTopLabel' | 'unit' | 'valid' | 'size' | 'maxLength' | 'minLength' | 'min' | 'max' | 'data-testid'>> & {
-    className?: string;
-    regex?: (RegExp | RegExp[])[];
-    format?: (value: unknown) => PathValue<TFieldValues, Path<TFieldValues>>;
-    parse?: (value: string) => PathValue<TFieldValues, Path<TFieldValues>>;
-    customError?: string;
-    formatOnBlur?: boolean;
-    innerRef?: Ref<HTMLInputElement>;
-};
-/**
- * @deprecated This component is deprecated, please use `TextInputFieldV2` instead
- */
-declare const TextInputField$1: <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ autoCapitalize, autoComplete, autoCorrect, autoFocus, autoSave, className, cols, disabled, fillAvailable, generated, id, label, multiline, name, noTopLabel, notice, onChange, onFocus, onKeyDown, onKeyUp, onBlur, placeholder, random, readOnly, required, resizable, rows, type, unit, size, rules, valid, parse, format, formatOnBlur, regex: regexes, min, max, minLength, maxLength, validate, defaultValue, customError, innerRef, shouldUnregister, "data-testid": dataTestId, }: TextInputFieldProps$1<TFieldValues, TName>) => _emotion_react_jsx_runtime.JSX.Element;
-
-type TextInputFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TName> & Omit<ComponentProps<typeof TextInputV2>, 'value' | 'error' | 'name' | 'onChange'> & {
-    regex?: (RegExp | RegExp[])[];
-};
-/**
- * This component offers a form field based on Ultraviolet UI TextInputV2 component
- */
-declare const TextInputField: <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ validate, regex: regexes, id, className, tabIndex, onChange, placeholder, disabled, readOnly, success, helper, tooltip, label, autoFocus, required, "data-testid": dataTestId, name, onFocus, onBlur, clearable, labelDescription, type, prefix, suffix, size, loading, onRandomize, minLength, maxLength, "aria-labelledby": ariaLabelledBy, "aria-label": ariaLabel, autoComplete, }: TextInputFieldProps<TFieldValues, TName>) => _emotion_react_jsx_runtime.JSX.Element;
-
-type TimeFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TName> & Omit<ComponentProps<typeof TimeInput>, 'onChange'> & {
-    name: string;
-};
-declare const TimeField: <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ required, name, schedule, placeholder, disabled, readOnly, onBlur, onFocus, onChange, isLoading, isClearable, inputId, id, animation, animationDuration, animationOnChange, className, isSearchable, rules, options, "data-testid": dataTestId, shouldUnregister, noTopLabel, }: TimeFieldProps<TFieldValues, TName>) => _emotion_react_jsx_runtime.JSX.Element;
-
-type ToggleFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<BaseFieldProps<TFieldValues, TName>, 'label'> & Pick<ComponentProps<typeof Toggle>, 'disabled' | 'label' | 'onChange' | 'size' | 'tooltip' | 'labelPosition' | 'className' | 'data-testid'> & {
-    parse?: (value: boolean) => any;
-    format?: (value: any) => boolean;
-};
-declare const ToggleField: <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ className, disabled, label, name, onChange, required, size, tooltip, rules, labelPosition, parse, format, "data-testid": dataTestId, shouldUnregister, }: ToggleFieldProps<TFieldValues, TName>) => _emotion_react_jsx_runtime.JSX.Element;
-
-type SubmitProps = {
-    children?: ReactNode;
-    className?: string;
-    disabled?: boolean;
-    icon?: ComponentProps<typeof Button>['icon'];
-    iconPosition?: ComponentProps<typeof Button>['iconPosition'];
-    size?: ComponentProps<typeof Button>['size'];
-    variant?: ComponentProps<typeof Button>['variant'];
-    sentiment?: ComponentProps<typeof Button>['sentiment'];
-    tooltip?: ComponentProps<typeof Button>['tooltip'];
-    fullWidth?: ComponentProps<typeof Button>['fullWidth'];
-    onClick?: ComponentProps<typeof Button>['onClick'];
-};
-declare const Submit: ({ children, className, disabled, icon, iconPosition, size, variant, sentiment, tooltip, fullWidth, onClick, }: SubmitProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type RadioGroupFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TName> & Partial<Pick<ComponentProps<typeof RadioGroup>, 'legend' | 'children' | 'error' | 'helper' | 'direction'>> & {
-    className?: string;
-};
-declare const RadioGroupField: {
-    <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ className, legend, name, onChange, required, rules, children, label, error: customError, helper, direction, shouldUnregister, }: RadioGroupFieldProps<TFieldValues, TName>): JSX.Element;
-    Radio: ({ onFocus, onBlur, disabled, error, name, value, label, helper, className, autoFocus, onKeyDown, "data-testid": dataTestId, }: Omit<({
-        error?: react.ReactNode;
-        checked?: boolean | undefined;
-        value: string | number;
-        helper?: react.ReactNode;
-        className?: string | undefined;
-        'data-testid'?: string | undefined;
-        tooltip?: string | undefined;
-    } & Required<Pick<react.InputHTMLAttributes<HTMLInputElement>, "onChange">> & (Pick<react.InputHTMLAttributes<HTMLInputElement>, "required" | "onBlur" | "disabled" | "name" | "onFocus" | "autoFocus" | "id" | "onKeyDown"> & ({
-        'aria-label': string;
-        label?: undefined;
-    } | {
-        'aria-label'?: undefined;
-        label: react.ReactNode;
-    }))) & react.RefAttributes<HTMLInputElement>, "required" | "onChange" | "checked"> & {
-        name?: string | undefined;
-    }) => _emotion_react_jsx_runtime.JSX.Element;
-};
-
-type InputKeyProps = {
-    label: ComponentProps<typeof TextInputField>['label'];
-    required?: ComponentProps<typeof TextInputField>['required'];
-    regex?: ComponentProps<typeof TextInputField>['regex'];
-};
-type InputValueProps = {
-    type?: ComponentProps<typeof TextInputField>['type'];
-    placeholder?: ComponentProps<typeof TextInputField>['placeholder'];
-} & InputKeyProps;
-type AddButtonProps = {
-    name: ComponentProps<typeof Button>['children'];
-    fullWidth?: ComponentProps<typeof Button>['fullWidth'];
-    tooltip?: string;
-    maxSizeReachedTooltip?: string;
-};
-type KeyValueFieldProps<TFieldValues extends FieldValues, TFieldArrayName extends FieldArrayPath<TFieldValues>> = {
-    name: TFieldArrayName;
-    inputKey: InputKeyProps;
-    inputValue: InputValueProps;
-    addButton: AddButtonProps;
-    maxSize?: number;
-    readonly?: boolean;
-    control?: Control<TFieldValues>;
-};
-/**
- * A React component that allows users to manage key-value pairs
- */
-declare const KeyValueField: <TFieldValues extends FieldValues = FieldValues, TFieldArrayName extends FieldArrayPath<TFieldValues> = FieldArrayPath<TFieldValues>>({ name, inputKey, inputValue, addButton, maxSize, readonly, control, }: KeyValueFieldProps<TFieldValues, TFieldArrayName>) => _emotion_react_jsx_runtime.JSX.Element;
-
-type SelectableCardGroupFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TName> & Omit<BaseFieldProps<TFieldValues, TName>, 'label' | 'onChange'> & Partial<Pick<ComponentProps<typeof SelectableCardGroup>, 'helper' | 'error' | 'columns' | 'children' | 'showTick' | 'type' | 'className' | 'onChange'>> & Pick<ComponentProps<typeof SelectableCardGroup>, 'legend'>;
-declare const SelectableCardGroupField: {
-    <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ className, legend, name, onChange, required, rules, children, label, error: customError, helper, columns, showTick, type, shouldUnregister, }: SelectableCardGroupFieldProps<TFieldValues, TName>): JSX.Element;
-    Card: ({ value, disabled, children, className, isError, onFocus, onBlur, tooltip, id, label, "data-testid": dataTestId, }: {
-        value: string | number;
-        onBlur?: react.FocusEventHandler<HTMLInputElement> | undefined;
-        disabled?: boolean | undefined;
-        children?: react.ReactNode | (({ disabled, checked, }: Pick<{
-            name?: string | undefined;
-            children?: react.ReactNode | any;
-            value: string | number;
-            onChange: react.ChangeEventHandler<HTMLInputElement>;
-            showTick?: boolean | undefined;
-            type?: "checkbox" | "radio" | undefined;
-            disabled?: boolean | undefined;
-            checked?: boolean | undefined;
-            className?: string | undefined;
-            isError?: boolean | undefined;
-            onFocus?: react.FocusEventHandler<HTMLInputElement> | undefined;
-            onBlur?: react.FocusEventHandler<HTMLInputElement> | undefined;
-            id?: string | undefined;
-            tooltip?: string | undefined;
-            label?: react.ReactNode;
-            'data-testid'?: string | undefined;
-        }, "disabled" | "checked">) => react.ReactNode);
-        className?: string | undefined;
-        ref?: react.LegacyRef<HTMLDivElement> | undefined;
-        name?: string | undefined;
-        label?: react.ReactNode;
-        onFocus?: react.FocusEventHandler<HTMLInputElement> | undefined;
-        id?: string | undefined;
-        'data-testid'?: string | undefined;
-        tooltip?: string | undefined;
-        key?: react.Key | null | undefined;
-        isError?: boolean | undefined;
-    }) => _emotion_react_jsx_runtime.JSX.Element;
-};
-
-type SelectInputFieldV2Props<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TName> & Pick<ComponentProps<typeof SelectInputV2>, 'placeholder' | 'placeholderSearch' | 'label' | 'helper' | 'options' | 'emptyState' | 'searchable' | 'readOnly' | 'clearable' | 'size' | 'multiselect' | 'required' | 'descriptionDirection' | 'footer' | 'labelDescription' | 'success' | 'loadMore' | 'isLoading' | 'selectAll' | 'selectAllGroup' | 'autofocus' | 'data-testid' | 'onChange' | 'id' | 'onBlur' | 'aria-label' | 'className' | 'onFocus' | 'optionalInfoPlacement' | 'disabled'>;
-declare const SelectInputFieldV2: <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ autofocus, className, id, label, onFocus, onBlur, placeholder, readOnly, required, size, "data-testid": dataTestId, disabled, placeholderSearch, helper, options, emptyState, onChange, searchable, clearable, multiselect, descriptionDirection, footer, labelDescription, success, loadMore, isLoading, selectAll, selectAllGroup, name, "aria-label": ariaLabel, optionalInfoPlacement, rules, shouldUnregister, }: SelectInputFieldV2Props<TFieldValues, TName>) => _emotion_react_jsx_runtime.JSX.Element;
-
-type ErrorContextValue = {
-    errors: RequiredErrors;
-    getError: (meta: MetaField, error?: FieldError) => string | undefined;
-};
-type ErrorProviderProps = {
-    children: ReactNode;
-    errors: RequiredErrors;
-};
-declare const ErrorProvider: ({ children, errors }: ErrorProviderProps) => _emotion_react_jsx_runtime.JSX.Element;
-declare const useErrors: () => ErrorContextValue;
-
-type CallbackFn<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = (value: FieldPathValue<TFieldValues, TFieldName>, values: DeepPartial<TFieldValues>) => void | Promise<void>;
-declare const useOnFieldChange: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>>(fieldName: TFieldName, callback: CallbackFn<TFieldValues, TFieldName>, enabled?: boolean) => void;
-
-type UseFormStateParams = {
-    subscription?: Record<string, boolean>;
-};
-/**
- * @deprecated Use [useForm](https://www.react-hook-form.com/api/useform/), [useFormContext](https://www.react-hook-form.com/api/useformcontext/) or [useWatch](https://www.react-hook-form.com/api/usewatch/) to get values. Use [useFormState](https://www.react-hook-form.com/api/useformstate/) to get form states.
- *
- * @example
- * ```tsx
- * const Input = () {
- *   const username = useWatch({
- *    name: 'username'
- *   })
- *
- *   const { isValid } = useFormState()
- * }
- * ```
-
- */
-declare const useFormStateDeprecated: <TFieldValues extends FieldValues>(_params?: UseFormStateParams) => {
-    dirtySinceLastSubmit: boolean;
-    submitErrors: (Record<string, Partial<{
-        type: string | number;
-        message: string;
-    }>> & Partial<{
-        type: string | number;
-        message: string;
-    }>) | undefined;
-    values: TFieldValues;
-    hasValidationErrors: boolean;
-    pristine: boolean;
-    errors: react_hook_form.FieldErrors<TFieldValues>;
-    initialValues: Readonly<react_hook_form.DeepPartial<TFieldValues>> | undefined;
-    touched: Partial<Readonly<react_hook_form.DeepMap<react_hook_form.DeepPartial<TFieldValues>, boolean>>>;
-    submitting: boolean;
-    invalid: boolean;
-    valid: boolean;
-};
-
-type Options$1<TFieldValues extends FieldValues> = {
-    subscription?: Record<string, boolean>;
-    validate?: Validate<FieldPathValue<TFieldValues, Path<TFieldValues>>, TFieldValues>;
-};
-/**
- * @deprecated Use [useForm](https://www.react-hook-form.com/api/useform/), [useFormContext](https://www.react-hook-form.com/api/useformcontext/) or [useWatch](https://www.react-hook-form.com/api/usewatch/) to get values. Use [useFormState](https://www.react-hook-form.com/api/useformstate/) to get fields states.
- *
- * @example
- * ```tsx
- *  const Input = () {
- *   const username = useWatch({
- *    name: 'username'
- *   })
- *
- *   const { errors } = useFormState()
- *
- *   console.log(errors.username)
- * }
- * ```
- */
-declare const useFieldDeprecated: <T, TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(name: TFieldName, options?: Options$1<TFieldValues>) => {
-    input: {
-        value: T;
-        onChange: (...event: any[]) => void;
-    };
-    meta: {
-        error: string | undefined;
-        touched: boolean;
-        invalid: boolean;
-        dirty: boolean;
-    };
-};
-
-/**
- * @deprecated Use [useFormContext](https://www.react-hook-form.com/api/useformcontext/)
- *
- * @example
- * ```tsx
- * const Input = () {
- *   const { setValue } = useFormContext()
- *
- *   setValue('username', 'John Wick')
- * }
- * ```
- */
-declare const useFormDeprecated: <TFieldValues extends FieldValues>() => {
-    change: react_hook_form.UseFormSetValue<TFieldValues>;
-    resetFieldState: react_hook_form.UseFormResetField<TFieldValues>;
-    getFieldState: react_hook_form.UseFormGetFieldState<TFieldValues>;
-    batch: (callback: () => void) => void;
-    restart: react_hook_form.UseFormReset<TFieldValues>;
-    reset: react_hook_form.UseFormReset<TFieldValues>;
-    submit: (e?: react.BaseSyntheticEvent<object, any, any> | undefined) => Promise<void>;
-};
-
-type Options<TFieldValues extends FieldValues> = {
-    validate?: Validate<FieldArray<TFieldValues>[], TFieldValues>;
-    subscription?: Record<string, boolean>;
-};
-/**
- * @deprecated Use [useFieldArray](https://www.react-hook-form.com/api/usefieldarray/)
- */
-declare const useFieldArrayDeprecated: <T, TFieldValues extends FieldValues = FieldValues>(name: ArrayPath<TFieldValues>, options?: Options<TFieldValues>) => {
-    fields: {
-        push: react_hook_form.UseFieldArrayAppend<TFieldValues, ArrayPath<TFieldValues>>;
-        value: T[];
-        remove: react_hook_form.UseFieldArrayRemove;
-        update: react_hook_form.UseFieldArrayUpdate<TFieldValues, ArrayPath<TFieldValues>>;
-        map: (callback: (name: string, index: number) => ReactNode) => ReactNode[];
-        move: react_hook_form.UseFieldArrayMove;
-        length: number;
-    };
-};
-
-export { type BaseFieldProps, CheckboxField, CheckboxGroupField, DateField, ErrorProvider, FORM_ERROR, Form, type FormErrors, type FormProps, KeyValueField, NumberInputField, NumberInputFieldV2, RadioField, RadioGroupField, SelectInputField, SelectInputFieldV2, SelectableCardField, SelectableCardGroupField, Submit, SubmitErrorAlert, TagInputField, TextAreaField, TextInputField$1 as TextInputField, TextInputField as TextInputFieldV2, TimeField, ToggleField, useErrors, useFieldArrayDeprecated, useFieldDeprecated, useFormDeprecated, useFormStateDeprecated, useOnFieldChange };
+export { FORM_ERROR } from './constants';
+export * from './components';
+export type { BaseFieldProps, FormErrors } from './types';
+export { useErrors, ErrorProvider } from './providers/ErrorContext';
+export { useFormStateDeprecated, useFieldDeprecated, useFormDeprecated, useFieldArrayDeprecated, useOnFieldChange, } from './hooks';
+export { useForm, useFieldArray, useWatch, useController, useFormState, useFormContext, } from 'react-hook-form';
+export type { UseFieldArrayMove, DeepPartial, UseFormSetValue, UseFormReturn, ControllerRenderProps, PathValue, FieldValues, FieldPath, FieldErrors, Path, UseFieldArrayRemove, ArrayPath, FieldArrayPath, FieldPathValues, FieldArray, FieldPathValue, FieldArrayPathValue, FieldPathByValue, Control, } from 'react-hook-form';