import { Key } from 'react-aria-components';
import { TextInputProps } from '../TextInput';
import { MobileSelectorSheetProps } from '../../atoms/MobileSelector';
import { SelectOption } from '../Select/types';
/**
 * Value type for single selection mode
 */
export type SingleSelectionValue = Key | null;
/**
 * Value type for multiple selection mode
 */
export type MultipleSelectionValue = Key[];
/**
 * Props for single selection mode
 */
export type SingleSelectionProps = Omit<TextInputProps, 'onChange' | 'value'> & MobileSelectorSheetProps & {
    /** Whether the selector is multi-select */
    isMultiSelect?: false;
    /** Current selected value */
    value: SingleSelectionValue;
    /** Callback when selection changes */
    onChange: (value: SingleSelectionValue) => void;
    options: SelectOption[];
    className?: string;
};
/**
 * Props for multiple selection mode
 */
export type MultipleSelectionProps = Omit<TextInputProps, 'onChange' | 'value'> & MobileSelectorSheetProps & {
    /** Whether the selector is multi-select */
    isMultiSelect: true;
    /** Current selected values */
    value: MultipleSelectionValue;
    /** Callback when selection changes */
    onChange: (value: MultipleSelectionValue) => void;
    options: SelectOption[];
    className?: string;
};
export type MobileSelectProps = SingleSelectionProps | MultipleSelectionProps;
/**
 * Variants for the input container styling
 */
export declare const mobileSelectVariants: (props?: ({
    isDisabled?: boolean | null | undefined;
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
//# sourceMappingURL=types.d.ts.map