import { ChangeEventHandler, FocusEventHandler, ReactNode } from 'react';
export type NativeSelectVariant = "primary" | "secondary";
export interface NativeSelectProps {
    "aria-label"?: string;
    autoComplete?: string;
    autoFocus?: boolean;
    children?: ReactNode;
    className?: string;
    containerClassName?: string;
    defaultValue?: string | number | readonly string[];
    disabled?: boolean;
    form?: string;
    id?: string;
    name?: string;
    onBlur?: FocusEventHandler<HTMLSelectElement>;
    onChange?: ChangeEventHandler<HTMLSelectElement>;
    onFocus?: FocusEventHandler<HTMLSelectElement>;
    required?: boolean;
    value?: string | number | readonly string[];
    variant?: NativeSelectVariant;
}
/**
 * Native select primitive for mobile/browser-native pickers with the package's
 * rounded field shell and select radius applied consistently.
 *
 * - Uses semantic tokens (bg-content1, border-divider, text-foreground) that
 *   automatically adapt to light/dark via the active theme.
 * - Provides a custom chevron because `appearance-none` removes the browser one.
 * - Better focus, padding, and height consistency.
 */
export declare function NativeSelect({ children, className, containerClassName, disabled, variant, ...props }: NativeSelectProps): import("react").JSX.Element;