import * as React from 'react'; import { Combobox as BaseCombobox } from '@base-ui/react/combobox'; import { type FloatingContentProps } from '../../internal/floating'; type ComboboxSize = 'sm' | 'md' | 'lg'; type ComboboxVariant = 'outline' | 'soft'; type BaseComboboxRootProps = React.ComponentProps; interface ComboboxProps extends BaseComboboxRootProps { /** * Input height, popup radius, and item sizing. * @default 'md' */ size?: ComboboxSize; /** * Input appearance - bordered or filled. * @default 'outline' */ variant?: ComboboxVariant; /** * 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 true */ icon?: boolean; } declare function Combobox({ size, variant, clearable, icon, grid, children, ...rest }: ComboboxProps): React.JSX.Element; interface ComboboxInputProps extends Omit, 'size'> { /** Adornment rendered before the field, inside the input frame. */ startSlot?: React.ReactNode; /** Adornment rendered after the field, before the controls. */ endSlot?: React.ReactNode; } declare function ComboboxInput({ className, startSlot, endSlot, placeholder, ...props }: ComboboxInputProps): React.JSX.Element; interface ComboboxChipsProps extends React.ComponentProps { /** Placeholder for the inline text field. */ placeholder?: string; /** Props forwarded to the inner text `input`. */ inputProps?: Omit, 'placeholder'>; } declare function ComboboxChips({ className, children, placeholder, inputProps, ...props }: ComboboxChipsProps): React.JSX.Element; interface ComboboxTriggerProps extends React.ComponentProps { /** Adornment before the value, inside the trigger frame. */ startSlot?: React.ReactNode; /** Adornment after the value, before the chevron. */ endSlot?: React.ReactNode; } declare function ComboboxTrigger({ className, startSlot, endSlot, children, ...props }: ComboboxTriggerProps): React.JSX.Element; type ComboboxValueProps = React.ComponentProps; declare function ComboboxValue(props: ComboboxValueProps): React.JSX.Element; interface ComboboxChipProps extends React.ComponentProps { } declare function ComboboxChip({ className, children, ...props }: ComboboxChipProps): React.JSX.Element; type ComboboxContentProps = React.ComponentProps & FloatingContentProps, React.ComponentProps>; declare function ComboboxContent({ className, children, ...props }: ComboboxContentProps): React.JSX.Element; interface ComboboxListProps 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 `ComboboxItem`s. */ children?: React.ReactNode | ((item: T, index: number) => React.ReactNode); } declare function ComboboxList({ className, cols, children, ...props }: ComboboxListProps): React.JSX.Element; interface ComboboxItemProps extends React.ComponentProps { } declare function ComboboxItem({ className, children, ...props }: ComboboxItemProps): React.JSX.Element; interface ComboboxEmptyProps extends React.ComponentProps { } declare function ComboboxEmpty({ className, ...props }: ComboboxEmptyProps): React.JSX.Element; type ComboboxGroupProps = React.ComponentProps; declare function ComboboxGroup(props: ComboboxGroupProps): React.JSX.Element; type ComboboxLabelProps = React.ComponentProps; declare function ComboboxLabel({ className, ...props }: ComboboxLabelProps): React.JSX.Element; type ComboboxCollectionProps = React.ComponentProps; declare function ComboboxCollection(props: ComboboxCollectionProps): React.JSX.Element; type ComboboxSeparatorProps = React.ComponentProps; declare function ComboboxSeparator({ className, ...props }: ComboboxSeparatorProps): React.JSX.Element; export { Combobox, ComboboxInput, ComboboxTrigger, ComboboxChips, ComboboxValue, ComboboxChip, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty, ComboboxGroup, ComboboxLabel, ComboboxCollection, ComboboxSeparator, }; export type { ComboboxProps, ComboboxInputProps, ComboboxTriggerProps, ComboboxChipsProps, ComboboxValueProps, ComboboxChipProps, ComboboxContentProps, ComboboxListProps, ComboboxItemProps, ComboboxEmptyProps, ComboboxGroupProps, ComboboxLabelProps, ComboboxCollectionProps, ComboboxSeparatorProps, }; //# sourceMappingURL=combobox.d.ts.map