import { ButtonHTMLAttributes, ComponentProps, ElementType, HTMLAttributes, InputHTMLAttributes, ReactNode, SVGProps, TextareaHTMLAttributes } from 'react';
export interface WrapperProps {
className?: string;
id: string;
label?: ReactNode;
labelColor?: string;
error?: ReactNode;
disabled?: boolean;
children: ReactNode;
orientation?: 'vertical' | 'horizontal';
dir?: 'start' | 'end';
resize?: 'none' | 'vertical' | 'horizontal' | 'both';
}
export declare const InputWrapper: ({ className, id, label, labelColor, error, disabled, children, orientation, dir, resize, }: WrapperProps) => import("react/jsx-runtime").JSX.Element;
interface InputElementOwnProps {
$hasStartContent?: boolean;
$hasEndContent?: boolean;
/** Render as a different element/component. */
as?: ElementType;
}
export type InputElementProps = Omit, keyof InputElementOwnProps> & InputElementOwnProps;
type InputElementPolymorphicComponent = (props: InputElementProps) => ReactNode;
export declare const InputElement: InputElementPolymorphicComponent;
export interface NumberInputElementProps extends InputHTMLAttributes {
$hasStartContent?: boolean;
$hasEndContent?: boolean;
$hideControls?: boolean;
}
export declare const NumberInputElement: import('react').ForwardRefExoticComponent>;
export declare const TextAreaElement: import('react').ForwardRefExoticComponent & import('react').RefAttributes>;
export declare const IconButton: import('react').ForwardRefExoticComponent & import('react').RefAttributes>;
export declare const IconWrapper: ({ className, ...props }: SVGProps) => import("react/jsx-runtime").JSX.Element;
export declare const InputStartContent: ({ className, ...props }: HTMLAttributes) => import("react/jsx-runtime").JSX.Element;
export declare const InputEndContent: ({ className, ...props }: HTMLAttributes) => import("react/jsx-runtime").JSX.Element;
export {};