import * as react_jsx_runtime from 'react/jsx-runtime';
import * as csstype from 'csstype';
import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
import { TextfieldInputProps, TextfieldAddonProps, TextfieldHelperTextProps } from './Textfield.types.cjs';
export { PreOrSuffix, TextfieldBoxProps, TextfieldSetProps } from './Textfield.types.cjs';
import * as _emotion_react from '@emotion/react';
import * as react from 'react';
import '../Typography/Typography.types.cjs';
import '@imwebme/clay-token';
import '../types.cjs';
import '../utilities/Clay/Clay.types.cjs';

/** @jsxImportSource @emotion/react */
declare const TextfieldNamespace: (({ variant, size, width, ...restProps }: {
    children?: react.ReactNode;
} & {
    as?: "div" | undefined;
    native?: ({
        [x: `data-${string}`]: string | boolean | undefined;
    } & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">) | undefined;
} & {
    className?: string | undefined;
    sx?: _emotion_react.CSSObject | undefined;
} & {
    variant?: "filled" | "secondary" | "outlined" | undefined;
    size?: "medium" | "large" | undefined;
    width?: (string & {}) | "full" | "120px" | "80px" | "160px" | "240px" | undefined;
} & Omit<TextfieldInputProps, "size">) => _emotion_react_types_jsx_namespace.EmotionJSX.Element) & {
    Set: react.ForwardRefExoticComponent<{
        as?: "fieldset" | undefined;
        native?: ({
            [x: `data-${string}`]: string | boolean | undefined;
        } & Omit<react.DetailedHTMLProps<react.FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, "ref">) | undefined;
    } & {
        className?: string | undefined;
        sx?: _emotion_react.CSSObject | undefined;
    } & {
        _hover?: _emotion_react.CSSObject | undefined;
        _active?: _emotion_react.CSSObject | undefined;
        _focus?: _emotion_react.CSSObject | undefined;
        _after?: _emotion_react.CSSObject | undefined;
        _before?: _emotion_react.CSSObject | undefined;
        size?: csstype.Property.Width<string | number> | undefined;
        shape?: "circle" | "rectangle" | undefined;
    } & react.CSSProperties & {
        children?: react.ReactNode;
    } & react.RefAttributes<HTMLFieldSetElement>>;
    Input: react.ForwardRefExoticComponent<react.InputHTMLAttributes<HTMLInputElement> & {
        isValid?: boolean | undefined;
        align?: "right" | "left" | undefined;
        onChangeText?: ((text: string) => void) | undefined;
    } & react.RefAttributes<HTMLInputElement>>;
    NumericInput: ({ onChange, value, numberFormatOption, onChangeText, locales, ...props }: react.InputHTMLAttributes<HTMLInputElement> & {
        isValid?: boolean | undefined;
        align?: "right" | "left" | undefined;
        onChangeText?: ((text: string) => void) | undefined;
    } & react.RefAttributes<HTMLInputElement> & {
        locales?: any;
        numberFormatOption?: Intl.NumberFormatOptions | undefined;
    }) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
    Legend: react.ForwardRefExoticComponent<{
        as?: react.ElementType | undefined;
        native?: ({
            [x: `data-${string}`]: string | boolean | undefined;
        } & Omit<any, "ref">) | undefined;
    } & {
        className?: string | undefined;
        sx?: _emotion_react.CSSObject | undefined;
    } & {
        children?: react.ReactNode;
    } & {
        type?: "primary" | "secondary" | undefined;
        text: string | number;
        bold?: boolean | undefined;
    } & react.RefAttributes<HTMLElement>>;
    Box: <E extends react.ElementType>(props: {
        children?: react.ReactNode;
    } & {
        as?: E | undefined;
        native?: ({
            [x: `data-${string}`]: string | boolean | undefined;
        } & react.PropsWithoutRef<react.ComponentProps<E>>) | undefined;
    } & {
        className?: string | undefined;
        sx?: _emotion_react.CSSObject | undefined;
    } & {
        variant?: "filled" | "secondary" | "outlined" | undefined;
        size?: "medium" | "large" | undefined;
        width?: (string & {}) | "full" | "120px" | "80px" | "160px" | "240px" | undefined;
    } & {
        ref?: react.ComponentPropsWithRef<E>["ref"] | undefined;
    }) => JSX.Element | null;
    Addon: <Element_1 extends react.ElementType>({ children, ...props }: TextfieldAddonProps<Element_1>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
    HelperText: <Element_2 extends react.ElementType>({ children, ...restProps }: TextfieldHelperTextProps<Element_2>) => react_jsx_runtime.JSX.Element;
};

export { TextfieldNamespace as Textfield, TextfieldAddonProps, TextfieldHelperTextProps, TextfieldInputProps };