import { Placement } from '@floating-ui/dom';
import { JSX } from 'react';
import { DSSuggestionElement } from '..';
import { InputProps } from '../input/input';
import { CustomReactElementProps, PolymorphicComponentPropWithRef } from '../react-types';
type FieldBaseProps = {
    "data-required"?: "hidden";
    count?: number;
    description?: React.ReactNode;
    error?: React.ReactNode;
    helpText?: React.ReactNode;
    helpTextLabel?: string;
    label?: React.ReactNode;
    options?: string[] | FieldSuggestionSelected;
    prefix?: string;
    readOnly?: boolean;
    suffix?: string;
    validation?: React.ReactNode;
};
export type FieldProps<As extends React.ElementType = "div"> = PolymorphicComponentPropWithRef<As, FieldBaseProps>;
type FieldComponent = <As extends React.ElementType = "div">(props: FieldProps<As>) => JSX.Element;
export declare const FieldComp: FieldComponent;
export type FieldAffixProps = React.ComponentPropsWithoutRef<"div">;
export type FieldDatalistProps = React.ComponentPropsWithoutRef<"datalist"> & {
    "data-nofilter"?: boolean;
    /**
     * @deprecated Use `data-placement` instead.
     */
    "data-position"?: Placement;
    "data-placement"?: Placement;
};
export type FieldOptionProps = React.ComponentPropsWithoutRef<"option">;
export type FieldComboboxSelected = FieldSuggestionSelected;
export type FieldComboboxProps = FieldSuggestionProps;
export type FieldSuggestionSelected = {
    label: string;
    value: string;
    children?: React.ReactNode;
}[];
export type FieldSuggestionProps = Omit<CustomReactElementProps<DSSuggestionElement>, "onChange" | "onInput"> & {
    "data-creatable"?: boolean;
    "data-multiple"?: boolean;
    "data-variant"?: "inside";
    onAfterChange?: (e: CustomEvent<HTMLDataElement>) => void;
    onAfterSelect?: (e: CustomEvent<HTMLDataElement>) => void;
    onBeforeChange?: (e: CustomEvent<HTMLDataElement>) => void;
    onBeforeMatch?: (e: CustomEvent<HTMLOptionElement>) => void;
    onBeforeSelect?: (e: CustomEvent<HTMLDataElement>) => void;
    onSelectedChange?: (selected: FieldSuggestionSelected) => void;
    options?: FieldSuggestionSelected;
    selected?: FieldSuggestionSelected;
} & Pick<InputProps, "disabled" | "name" | "onChange" | "onInput" | "placeholder" | "readOnly" | "type" | "value"> & // Allow input props to be passed down
Pick<FieldDatalistProps, "data-position" | "data-placement" | "data-nofilter">;
export type FieldLabelProps = React.ComponentPropsWithoutRef<"label">;
export type FieldDescriptionProps = React.ComponentPropsWithoutRef<"p">;
export type FieldCountProps = React.ComponentPropsWithoutRef<"p"> & {
    /**
     * @deprecated Use "data-limit" instead
     */
    "data-count"?: number;
    "data-limit": number;
};
export declare const Field: FieldComponent & {
    Affixes: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
    /**
     * @deprecated Use Field.Suggestion instead
     */
    Combobox: import('react').ForwardRefExoticComponent<Omit<FieldSuggestionProps, "ref"> & import('react').RefAttributes<DSSuggestionElement>>;
    Suggestion: import('react').ForwardRefExoticComponent<Omit<FieldSuggestionProps, "ref"> & import('react').RefAttributes<DSSuggestionElement>>;
    Datalist: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDataListElement>, HTMLDataListElement>, "ref"> & {
        "data-nofilter"?: boolean;
        /**
         * @deprecated Use `data-placement` instead.
         */
        "data-position"?: Placement;
        "data-placement"?: Placement;
    } & import('react').RefAttributes<HTMLDataListElement>>;
    Option: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, "ref"> & import('react').RefAttributes<HTMLOptionElement>>;
    Description: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import('react').RefAttributes<HTMLParagraphElement>>;
    Label: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;
    Count: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
        /**
         * @deprecated Use "data-limit" instead
         */
        "data-count"?: number;
        "data-limit": number;
    } & import('react').RefAttributes<HTMLParagraphElement>>;
};
export {};