import { ComboboxProps } from './ComboboxTypes';
/**
 * Combobox component for selecting items with search and filtering capabilities.
 *
 * Features:
 * - Single and multiple item selection
 * - Search and filtering with configurable options
 * - Optional "Add New" item functionality
 * - Grouping support with custom group labels and sorting
 * - Loading states with spinner indicators
 * - Disabled and read-only states
 * - Customizable popover behavior and positioning
 * - Full accessibility support with ARIA attributes
 * - Keyboard navigation support
 * - Layout utility props for positioning and spacing
 * - Automatic tracking ID generation for analytics
 *
 * @example
 * <Combobox
 *   items={items}
 *   itemToString={(item) => item.name}
 *   onChange={setSelectedItem}
 *   filterOptions={{ keys: ["name"] }}
 * >
 *   <Combobox.SearchField label="Select an item" />
 *   <Combobox.Content>
 *     {({ items }) => (
 *       <Combobox.List>
 *         {items.map((item, i) => (
 *           <Combobox.Item key={item.id} item={item} index={i}>
 *             {item.name}
 *           </Combobox.Item>
 *         ))}
 *       </Combobox.List>
 *     )}
 *   </Combobox.Content>
 * </Combobox>
 */
export declare const Combobox: (<Item>(props: ComboboxProps<Item>) => import("react/jsx-runtime").JSX.Element) & {
    /**
     * ComboboxSelect component for selecting items from a predefined list.
     *
     * Features:
     * - Single and multiple item selection from predefined options
     * - Dropdown-style selection interface
     * - Grouping support with custom group labels and sorting
     * - Loading states with spinner indicators
     * - Disabled and read-only states
     * - Customizable popover behavior and positioning
     * - Full accessibility support with ARIA attributes
     * - Keyboard navigation support
     * - Layout utility props for positioning and spacing
     * - Automatic tracking ID generation for analytics
     *
     * @example
     * <Combobox.Select
     *   items={items}
     *   itemToString={(item) => item.name}
     *   onChange={setSelectedItem}
     * >
     *   <Combobox.SelectTrigger label="Select an item" />
     *   <Combobox.Content>
     *     {({ items }) => (
     *       <Combobox.List>
     *         {items.map((item, i) => (
     *           <Combobox.Item key={item.id} item={item} index={i}>
     *             {item.name}
     *           </Combobox.Item>
     *         ))}
     *       </Combobox.List>
     *     )}
     *   </Combobox.Content>
     * </Combobox.Select>
     */
    Select: <Item>(props: import('./ComboboxTypes').ComboboxSelectProps<Item>) => import("react/jsx-runtime").JSX.Element;
    /**
     * ComboboxSearchField component for the search input field.
     *
     * Features:
     * - Search input with clear button functionality
     * - Supports multiple selection with chip display
     * - Handles keyboard navigation and accessibility
     * - Integrates with combobox state management
     * - Supports custom styling and layout
     * - Manages focus and blur events
     * - Enhanced prefix support for icons and avatars
     * - Automatic tracking ID generation for analytics
     *
     * @example
     * <Combobox.SearchField
     *   label="Search users"
     *   placeholder="Type to search..."
     *   prefix={{ icon: { svg: SearchIcon } }}
     * />
     */
    SearchField: ({ prefix: prefixProp, ...props }: import('./ComboboxTypes').ComboboxSearchFieldProps) => import("react/jsx-runtime").JSX.Element;
    /**
     * ComboboxSelectTrigger component for the select trigger field.
     *
     * Features:
     * - Select input with dropdown trigger
     * - Supports single selection display
     * - Handles keyboard navigation and accessibility
     * - Integrates with combobox state management
     * - Supports custom styling and layout
     * - Manages focus and blur events
     * - Enhanced prefix support for icons and avatars
     * - Automatic tracking ID generation for analytics
     *
     * @example
     * <Combobox.SelectTrigger
     *   label="Select user"
     *   placeholder="Choose a user..."
     *   prefix={{ avatar: { name: "User" } }}
     * />
     */
    SelectTrigger: ({ prefix: prefixProp, ...props }: import('./ComboboxTypes').ComboboxSelectTriggerProps) => import("react/jsx-runtime").JSX.Element;
    /**
     * ComboboxContent component for rendering the content area of a combobox.
     *
     * Features:
     * - Supports both popover and inline rendering modes
     * - Provides render props pattern for flexible content rendering
     * - Handles grouped items with proper ARIA labels
     * - Integrates with combobox state management
     * - Supports custom styling and layout
     * - Manages focus and blur events for popover behavior
     *
     * @example
     * <Combobox.Content>
     *   {({ items }) => (
     *     <Combobox.List>
     *       {items.map((item, index) => (
     *         <Combobox.Item key={item.id} item={item} index={index}>
     *           {item.name}
     *         </Combobox.Item>
     *       ))}
     *     </Combobox.List>
     *   )}
     * </Combobox.Content>
     */
    Content: <Item = any>({ children, className, disablePopover, ...rest }: import('./ComboboxContent').ComboboxContentProps<Item>) => import("react/jsx-runtime").JSX.Element;
    /**
     * ComboboxList component for rendering the list of items.
     *
     * Features:
     * - Renders list of items with proper accessibility
     * - Supports both single and multiple selection modes
     * - Loading state with spinner
     * - Empty state handling
     * - Automatic tracking ID generation for analytics
     *
     * @example
     * <Combobox.List>
     *   {items.map((item, i) => (
     *     <Combobox.Item key={item.id} item={item} index={i}>
     *       {item.name}
     *     </Combobox.Item>
     *   ))}
     * </Combobox.List>
     */
    List: <Item = any>({ children, className, ...rest }: import('./ComboboxList').ComboboxListProps) => import("react/jsx-runtime").JSX.Element;
    /**
     * ComboboxItem component for rendering individual items in the list.
     *
     * Features:
     * - Individual item rendering with proper accessibility
     * - Support for disabled state
     * - Custom content rendering
     * - Automatic tracking ID generation for analytics
     *
     * @example
     * <Combobox.Item item={item} index={index}>
     *   <Flex direction="column">
     *     <Text>{item.name}</Text>
     *     <Text size="small" subdued>{item.description}</Text>
     *   </Flex>
     * </Combobox.Item>
     */
    Item: <Item = any>(props: import('./ComboboxTypes').ComboboxItemProps<Item>) => import("react/jsx-runtime").JSX.Element;
    /**
     * ComboboxItemAddNew component for rendering an "Add New" option.
     *
     * Features:
     * - "Add New" option that appears when no exact match is found
     * - Customizable content rendering
     * - Callback when selected
     * - Automatic tracking ID generation for analytics
     *
     * @example
     * <Combobox.ItemAddNew onSelection={(inputValue) => addNewItem(inputValue)}>
     *   Add "{inputValue}" as new item
     * </Combobox.ItemAddNew>
     */
    ItemAddNew: <Item = any>(props: import('./ComboboxTypes').ComboboxItemAddNewProps<Item>) => import("react/jsx-runtime").JSX.Element;
    /**
     * ComboboxEmpty component for rendering content when no items are available.
     *
     * Features:
     * - Renders content when list is empty
     * - Customizable empty state message
     * - Automatic tracking ID generation for analytics
     *
     * @example
     * <Combobox.Empty>
     *   <Text>No items found. Try adjusting your search.</Text>
     * </Combobox.Empty>
     */
    Empty: <Item = any>({ children, }: import('./ComboboxEmpty').ComboboxEmptyProps) => import("react/jsx-runtime").JSX.Element;
};
export declare const ComboboxElement: (<Item>(props: ComboboxProps<Item>) => import("react/jsx-runtime").JSX.Element) & {
    /**
     * ComboboxSelect component for selecting items from a predefined list.
     *
     * Features:
     * - Single and multiple item selection from predefined options
     * - Dropdown-style selection interface
     * - Grouping support with custom group labels and sorting
     * - Loading states with spinner indicators
     * - Disabled and read-only states
     * - Customizable popover behavior and positioning
     * - Full accessibility support with ARIA attributes
     * - Keyboard navigation support
     * - Layout utility props for positioning and spacing
     * - Automatic tracking ID generation for analytics
     *
     * @example
     * <Combobox.Select
     *   items={items}
     *   itemToString={(item) => item.name}
     *   onChange={setSelectedItem}
     * >
     *   <Combobox.SelectTrigger label="Select an item" />
     *   <Combobox.Content>
     *     {({ items }) => (
     *       <Combobox.List>
     *         {items.map((item, i) => (
     *           <Combobox.Item key={item.id} item={item} index={i}>
     *             {item.name}
     *           </Combobox.Item>
     *         ))}
     *       </Combobox.List>
     *     )}
     *   </Combobox.Content>
     * </Combobox.Select>
     */
    Select: <Item>(props: import('./ComboboxTypes').ComboboxSelectProps<Item>) => import("react/jsx-runtime").JSX.Element;
    /**
     * ComboboxSearchField component for the search input field.
     *
     * Features:
     * - Search input with clear button functionality
     * - Supports multiple selection with chip display
     * - Handles keyboard navigation and accessibility
     * - Integrates with combobox state management
     * - Supports custom styling and layout
     * - Manages focus and blur events
     * - Enhanced prefix support for icons and avatars
     * - Automatic tracking ID generation for analytics
     *
     * @example
     * <Combobox.SearchField
     *   label="Search users"
     *   placeholder="Type to search..."
     *   prefix={{ icon: { svg: SearchIcon } }}
     * />
     */
    SearchField: ({ prefix: prefixProp, ...props }: import('./ComboboxTypes').ComboboxSearchFieldProps) => import("react/jsx-runtime").JSX.Element;
    /**
     * ComboboxSelectTrigger component for the select trigger field.
     *
     * Features:
     * - Select input with dropdown trigger
     * - Supports single selection display
     * - Handles keyboard navigation and accessibility
     * - Integrates with combobox state management
     * - Supports custom styling and layout
     * - Manages focus and blur events
     * - Enhanced prefix support for icons and avatars
     * - Automatic tracking ID generation for analytics
     *
     * @example
     * <Combobox.SelectTrigger
     *   label="Select user"
     *   placeholder="Choose a user..."
     *   prefix={{ avatar: { name: "User" } }}
     * />
     */
    SelectTrigger: ({ prefix: prefixProp, ...props }: import('./ComboboxTypes').ComboboxSelectTriggerProps) => import("react/jsx-runtime").JSX.Element;
    /**
     * ComboboxContent component for rendering the content area of a combobox.
     *
     * Features:
     * - Supports both popover and inline rendering modes
     * - Provides render props pattern for flexible content rendering
     * - Handles grouped items with proper ARIA labels
     * - Integrates with combobox state management
     * - Supports custom styling and layout
     * - Manages focus and blur events for popover behavior
     *
     * @example
     * <Combobox.Content>
     *   {({ items }) => (
     *     <Combobox.List>
     *       {items.map((item, index) => (
     *         <Combobox.Item key={item.id} item={item} index={index}>
     *           {item.name}
     *         </Combobox.Item>
     *       ))}
     *     </Combobox.List>
     *   )}
     * </Combobox.Content>
     */
    Content: <Item = any>({ children, className, disablePopover, ...rest }: import('./ComboboxContent').ComboboxContentProps<Item>) => import("react/jsx-runtime").JSX.Element;
    /**
     * ComboboxList component for rendering the list of items.
     *
     * Features:
     * - Renders list of items with proper accessibility
     * - Supports both single and multiple selection modes
     * - Loading state with spinner
     * - Empty state handling
     * - Automatic tracking ID generation for analytics
     *
     * @example
     * <Combobox.List>
     *   {items.map((item, i) => (
     *     <Combobox.Item key={item.id} item={item} index={i}>
     *       {item.name}
     *     </Combobox.Item>
     *   ))}
     * </Combobox.List>
     */
    List: <Item = any>({ children, className, ...rest }: import('./ComboboxList').ComboboxListProps) => import("react/jsx-runtime").JSX.Element;
    /**
     * ComboboxItem component for rendering individual items in the list.
     *
     * Features:
     * - Individual item rendering with proper accessibility
     * - Support for disabled state
     * - Custom content rendering
     * - Automatic tracking ID generation for analytics
     *
     * @example
     * <Combobox.Item item={item} index={index}>
     *   <Flex direction="column">
     *     <Text>{item.name}</Text>
     *     <Text size="small" subdued>{item.description}</Text>
     *   </Flex>
     * </Combobox.Item>
     */
    Item: <Item = any>(props: import('./ComboboxTypes').ComboboxItemProps<Item>) => import("react/jsx-runtime").JSX.Element;
    /**
     * ComboboxItemAddNew component for rendering an "Add New" option.
     *
     * Features:
     * - "Add New" option that appears when no exact match is found
     * - Customizable content rendering
     * - Callback when selected
     * - Automatic tracking ID generation for analytics
     *
     * @example
     * <Combobox.ItemAddNew onSelection={(inputValue) => addNewItem(inputValue)}>
     *   Add "{inputValue}" as new item
     * </Combobox.ItemAddNew>
     */
    ItemAddNew: <Item = any>(props: import('./ComboboxTypes').ComboboxItemAddNewProps<Item>) => import("react/jsx-runtime").JSX.Element;
    /**
     * ComboboxEmpty component for rendering content when no items are available.
     *
     * Features:
     * - Renders content when list is empty
     * - Customizable empty state message
     * - Automatic tracking ID generation for analytics
     *
     * @example
     * <Combobox.Empty>
     *   <Text>No items found. Try adjusting your search.</Text>
     * </Combobox.Empty>
     */
    Empty: <Item = any>({ children, }: import('./ComboboxEmpty').ComboboxEmptyProps) => import("react/jsx-runtime").JSX.Element;
};