import React from 'react';
import { type InputProps } from './Input.js';
export interface PhoneInputProps extends Omit<InputProps, 'leadingAddon' | 'leadingIcon'> {
    /** The dial code shown in the leading block, e.g. `+1`. */
    dialCode?: string;
    /**
     * Accessible name for the dial-code trigger. It shows only `+1`, which names
     * a value rather than an action, so the button needs a label of its own.
     */
    countryLabel?: string;
    /**
     * Spread onto the dial-code `<button>`. This is how a country picker gets
     * attached — see the note on scope below.
     */
    countryButtonProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
}
/**
 * PhoneInput — Figma `Input/Phone` (80:372).
 *
 * A dial-code block butted against an Input, sharing one outline: the block
 * carries the left radii and the control the right, so the seam is square on
 * both sides and reads as a single control. Both keep their full 1px border,
 * which is what Figma draws — the 2px seam is the two strokes meeting, not an
 * accident.
 *
 * Three sizes, no State axis. Every interaction state is the Input's, reached
 * through the ordinary props, because Figma composes this from the same `Input`
 * instance rather than redrawing it.
 *
 * WHAT THIS DELIBERATELY DOES NOT DO
 *
 * It does not pick countries. The chevron implies a menu and Figma specifies no
 * open state for it — no list, no flags, no search, no selected state. Country
 * data and the picker are application concerns with real editorial weight (which
 * territories, which names, which order), and inventing them here would be
 * designing rather than implementing.
 *
 * So the trigger is a real `<button>` with an accessible name, and
 * `countryButtonProps` is how you wire it to a `Menu`, a popover or your own
 * listbox — including the `aria-haspopup` and `aria-expanded` that only the
 * thing owning the popup can set honestly.
 */
export declare const PhoneInput: React.ForwardRefExoticComponent<PhoneInputProps & React.RefAttributes<HTMLInputElement>>;
//# sourceMappingURL=PhoneInput.d.ts.map