import { ReactNode } from 'react';
export interface SelectOption<V extends string> {
    value: V;
    label: ReactNode;
}
interface SelectFieldProps<V extends string> {
    value: V;
    options: SelectOption<V>[];
    onChange: (value: V) => void;
}
/**
 * Bordered select that matches Figma's field chrome. Built on a custom
 * trigger + MUI Menu rather than MUI's <Select> so the border, radius,
 * padding, and chevron land exactly — MUI's Select renders its own
 * standard-variant input that resists `sx` overrides.
 */
export declare function SelectField<V extends string>({ value, options, onChange }: SelectFieldProps<V>): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=SelectField.d.ts.map