import * as React from 'react'; import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete'; import { type FloatingContentProps } from '../../internal/floating'; type AutocompleteSize = 'sm' | 'md' | 'lg'; type AutocompleteVariant = 'outline' | 'soft'; type BaseAutocompleteRootProps = React.ComponentProps; interface AutocompleteProps extends BaseAutocompleteRootProps { /** * Input height, popup radius, and item sizing. * @default 'md' */ size?: AutocompleteSize; /** * Input appearance - bordered or filled. * @default 'outline' */ variant?: AutocompleteVariant; /** * Render a clear button inside the input when a value is present. * @default false */ clearable?: boolean; /** * Render a chevron button that toggles the popup. * @default false */ icon?: boolean; } declare function Autocomplete({ size, variant, clearable, icon, grid, children, ...rest }: AutocompleteProps): React.JSX.Element; interface AutocompleteInputProps extends Omit, 'size'> { /** Adornment rendered before the field, inside the input frame. */ startSlot?: React.ReactNode; /** Adornment rendered after the field, inside the input frame. */ endSlot?: React.ReactNode; } declare function AutocompleteInput({ className, startSlot, endSlot, placeholder, disabled, ...props }: AutocompleteInputProps): React.JSX.Element; type AutocompleteTriggerProps = React.ComponentProps; declare function AutocompleteTrigger({ className, ...props }: AutocompleteTriggerProps): React.JSX.Element; type AutocompleteValueProps = React.ComponentProps; declare function AutocompleteValue(props: AutocompleteValueProps): React.JSX.Element; type AutocompleteContentProps = React.ComponentProps & FloatingContentProps, React.ComponentProps>; declare function AutocompleteContent({ className, children, ...props }: AutocompleteContentProps): React.JSX.Element; interface AutocompleteListProps extends Omit, 'children'> { /** Items per row in grid mode (defaults to 2 when `grid` is set). */ cols?: number; /** A render function over the filtered items, or static `AutocompleteItem`s. */ children?: React.ReactNode | ((item: T, index: number) => React.ReactNode); } declare function AutocompleteList({ className, cols, children, ...props }: AutocompleteListProps): React.JSX.Element; interface AutocompleteItemProps extends React.ComponentProps { } declare function AutocompleteItem({ className, children, ...props }: AutocompleteItemProps): React.JSX.Element; interface AutocompleteEmptyProps extends React.ComponentProps { } declare function AutocompleteEmpty({ className, ...props }: AutocompleteEmptyProps): React.JSX.Element; type AutocompleteStatusProps = React.ComponentProps; declare function AutocompleteStatus({ className, ...props }: AutocompleteStatusProps): React.JSX.Element; type AutocompleteGroupProps = React.ComponentProps; declare function AutocompleteGroup(props: AutocompleteGroupProps): React.JSX.Element; type AutocompleteLabelProps = React.ComponentProps; declare function AutocompleteLabel({ className, ...props }: AutocompleteLabelProps): React.JSX.Element; type AutocompleteCollectionProps = React.ComponentProps; declare function AutocompleteCollection(props: AutocompleteCollectionProps): React.JSX.Element; type AutocompleteSeparatorProps = React.ComponentProps; declare function AutocompleteSeparator({ className, ...props }: AutocompleteSeparatorProps): React.JSX.Element; export { Autocomplete, AutocompleteInput, AutocompleteTrigger, AutocompleteValue, AutocompleteContent, AutocompleteList, AutocompleteItem, AutocompleteEmpty, AutocompleteStatus, AutocompleteGroup, AutocompleteLabel, AutocompleteCollection, AutocompleteSeparator, }; export type { AutocompleteProps, AutocompleteInputProps, AutocompleteTriggerProps, AutocompleteValueProps, AutocompleteContentProps, AutocompleteListProps, AutocompleteItemProps, AutocompleteEmptyProps, AutocompleteStatusProps, AutocompleteGroupProps, AutocompleteLabelProps, AutocompleteCollectionProps, AutocompleteSeparatorProps, }; //# sourceMappingURL=autocomplete.d.ts.map