import React from "react";
import type { PhoneField } from "./component.js";
declare function CountryComponent({ children, labels, ...props }: PhoneField.CountryProps): React.JSX.Element;
/**
 * Country picker state. Without children it renders a complete, unstyled
 * picker; compose the `Country*` parts to customize any piece of it.
 */
export declare const Country: React.MemoExoticComponent<typeof CountryComponent>;
/** Button that opens the picker. Defaults to the selected flag, dial code, and an icon. */
export declare function CountryTrigger({ children, ...props }: PhoneField.CountryTriggerProps): React.JSX.Element;
/** Selected country text. Pass a function child to render it yourself. */
export declare function CountryValue({ children }: PhoneField.CountryValueProps): React.JSX.Element;
/** Decorative trigger icon. Defaults to an up/down chevron. */
export declare function CountryIcon({ children, ...props }: PhoneField.CountryIconProps): React.JSX.Element;
/** Portals the popup to `document.body`. */
export declare function CountryPortal(props: PhoneField.CountryPortalProps): React.JSX.Element;
/** Positions the popup. Defaults to `side="bottom"`, `align="start"`, `sideOffset={4}`. */
export declare function CountryPositioner(props: PhoneField.CountryPositionerProps): React.JSX.Element;
/** Popup container. */
export declare function CountryPopup(props: PhoneField.CountryPopupProps): React.JSX.Element;
/** Search box that filters by name, ISO2 code, or dial code. */
export declare function CountrySearch({ placeholder: placeholderProp, ...props }: PhoneField.CountrySearchProps): React.JSX.Element;
/** Shown when the search has no matches. */
export declare function CountryEmpty({ children, ...props }: PhoneField.CountryEmptyProps): React.JSX.Element;
/**
 * Filtered country list. Pass a function child to render each country; keys
 * are handled for you. With `preferredCountries`, pinned countries render in
 * a separate `data-slot="phone-field-country-group"` with `data-preferred`.
 */
export declare function CountryList({ children, ...props }: PhoneField.CountryListProps): React.JSX.Element;
/** One selectable country. Defaults to flag, name, and dial code. */
export declare function CountryItem({ country, children, ...props }: PhoneField.CountryItemProps): React.JSX.Element;
/** Rendered inside an item only while it is selected. Defaults to a check mark. */
export declare function CountryItemIndicator({ children, ...props }: PhoneField.CountryItemIndicatorProps): React.JSX.Element;
export {};