// Generated by dts-bundle-generator v7.2.0

import React from 'react';
import { ButtonHTMLAttributes, ComponentPropsWithRef, HTMLAttributes, InputHTMLAttributes, ReactNode } from 'react';

export type InputIconProperties = Required<Pick<InputBaseProps, "appendPosition">>;
export type InputIconProps = InputIconProperties & ButtonHTMLAttributes<HTMLButtonElement>;
export declare const InputIcon: React.FC<InputIconProps>;
export type InputPasswordProperties = Pick<InputBaseProps, "appearance" | "disabled" | "aiGenerated">;
export declare const InputPassword: React.ForwardRefExoticComponent<InputPasswordProperties & Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof InputProperties> & React.RefAttributes<HTMLInputElement>>;
export type InputPasswordProps = ComponentPropsWithRef<typeof InputPassword>;
export type InputSearchProperties = Pick<InputBaseProps, "appearance" | "disabled" | "aiGenerated">;
export declare const InputSearch: React.ForwardRefExoticComponent<InputSearchProperties & Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof InputProperties> & React.RefAttributes<HTMLInputElement>>;
export type InputSearchProps = ComponentPropsWithRef<typeof InputSearch>;
export interface SkeletonProperties {
	/**
	 * Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.
	 */
	width: string;
	/**
	 * Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.
	 */
	height: string;
	/**
	 * The border radius of the skeleton.
	 */
	borderRadius?: string;
	/**
	 * This is an attribute used to identify a DOM node for testing purposes.
	 */
	"data-testid"?: string;
}
export type SkeletonProps = SkeletonProperties & HTMLAttributes<HTMLDivElement>;
export type InputSkeletonProperties = Partial<Pick<SkeletonProps, "width" | "className" | "data-testid">>;
export type InputSkeletonProps = InputSkeletonProperties;
export declare const InputSkeleton: React.FC<InputSkeletonProps>;
/**
 * Properties specific to `InputText`, the internal component used to render
 * the static `prefix`/`suffix` text inside the `Input` container.
 */
export interface InputTextProperties {
	/**
	 * Which side of the `Input` container this text is rendered on: `"start"`
	 * for a prefix, `"end"` for a suffix. Mirrors `InputBaseProps.appendPosition`.
	 */
	appendPosition: Required<InputBaseProps>["appendPosition"];
}
/**
 * Props accepted by `InputText`. Extends `InputTextProperties` with the
 * native `<span>` HTML attributes, omitting `style` since `InputText.tsx`
 * already discards it.
 */
export interface InputTextProps extends InputTextProperties, Omit<HTMLAttributes<HTMLSpanElement>, "style"> {
}
/**
 * Renders static, non-interactive text (e.g. a currency symbol or unit of
 * measure) inside the Input container, used to implement the `prefix` and
 * `suffix` props. Unlike `InputIcon`, it renders a plain `<span>` instead of
 * a `<button>`, since this content is not meant to be focusable or
 * clickable.
 */
export declare const InputText: React.FC<InputTextProps>;
export interface InputComponents {
	Password: typeof InputPassword;
	Search: typeof InputSearch;
	Skeleton: typeof InputSkeleton;
}
export interface InputProperties {
	/**
	 * Change the visual style of the input.
	 * @default neutral
	 */
	appearance?: "neutral" | "success" | "warning" | "danger" | "ai-generative";
	/**
	 * Highlights the field to indicate its value was generated by AI.
	 * Applies AI gradient border, white background and an AI focus ring.
	 */
	aiGenerated?: boolean;
	/**
	 * Disables the input, disallowing user interaction.
	 */
	disabled?: boolean;
	/**
	 * Sent icon display position
	 * @default start
	 */
	appendPosition?: "end" | "start";
	/**
	 * SVG icon to be displayed on input.
	 * @TJS-type React.ReactNode
	 */
	append?: ReactNode;
	/**
	 * Static, non-interactive text displayed at the start of the input, inside
	 * the same container (e.g. a currency symbol such as "$"). Unlike
	 * `append`, it renders as plain text and is never wrapped in a button.
	 * @TJS-type React.ReactNode
	 */
	prefix?: ReactNode;
	/**
	 * Static, non-interactive text displayed at the end of the input, inside
	 * the same container (e.g. a unit of measure such as "kg" or "%").
	 * Unlike `append`, it renders as plain text and is never wrapped in a
	 * button.
	 * @TJS-type React.ReactNode
	 */
	suffix?: ReactNode;
	/**
	 * This is an attribute used to identify a DOM node for testing purposes.
	 */
	"data-testid"?: string;
}
export type InputBaseProps = InputProperties & Omit<InputHTMLAttributes<HTMLInputElement>, keyof InputProperties>;
export declare const Input: React.ForwardRefExoticComponent<InputProperties & Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof InputProperties> & React.RefAttributes<HTMLInputElement>> & InputComponents;
export type InputProps = ComponentPropsWithRef<typeof Input>;

export {};