import { components as SelectDropdownElements, SingleValueProps } from 'react-select';
import { CustomSelectComponentProps, ExtendedOption, SelectDropdownGroup } from '../types';
/**
 * Custom option component that displays a check icon for selected items.
 * Also manages ARIA attributes for accessibility.
 */
export declare const IconOption: ({ children, ...rest }: CustomSelectComponentProps<typeof SelectDropdownElements.Option>) => import("react/jsx-runtime").JSX.Element;
/**
 * Custom single value component that displays abbreviated text when available.
 * This is only for selected single values - we notablely do not want rightLabel or subtitle here.
 * Falls back to the full label if no abbreviation is provided.
 */
export declare const AbbreviatedSingleValue: (props: SingleValueProps<ExtendedOption, false>) => import("react/jsx-runtime").JSX.Element;
/**
 * Formats an option label with icon, subtitle, and right label support.
 * Handles disabled state styling and responsive layout.
 *
 * @param option - The extended option to format
 * @returns JSX element representing the formatted option
 */
export declare const formatOptionLabel: ({ label, icon: Icon, size, subtitle, rightLabel, disabled, }: ExtendedOption) => import("react/jsx-runtime").JSX.Element;
/**
 * Formats a group label, optionally rendering a visual divider.
 *
 * @param group - The group to format
 * @returns JSX element representing the formatted group label or divider
 */
export declare const formatGroupLabel: ({ label, divider }: SelectDropdownGroup) => string | import("react/jsx-runtime").JSX.Element | undefined;