@kopexa/sight/dist/components/country-picker/country-picker.d.ts

Kopexa Sight Design System — React component library for GRC applications

import * as react_jsx_runtime from 'react/jsx-runtime';
import { CountryCodeFormat } from './countries.js';

type CountryPickerProps = {
    /** Selected country as ISO alpha-2 or alpha-3 (controlled). */
    value?: string | null;
    /** Initial selection (uncontrolled), ISO alpha-2 or alpha-3. */
    defaultValue?: string | null;
    /** Called with the code in `valueFormat` (or `null` when cleared). */
    onChange?: (code: string | null) => void;
    /** Format of `value`/`onChange` codes. Default `"alpha2"`. */
    valueFormat?: CountryCodeFormat;
    /** Locale for names, sorting and filtering. Defaults to the app locale. */
    locale?: string;
    /** Trigger text when nothing is selected. */
    placeholder?: string;
    /** Search input placeholder. */
    searchPlaceholder?: string;
    /** Empty-state text. */
    emptyMessage?: string;
    /** Show the ISO code at the end of each row. Default `true`. */
    showCode?: boolean;
    disabled?: boolean;
    /** Class for the trigger. */
    className?: string;
    id?: string;
};
/**
 * Country selector — searchable combobox with flags and localized names.
 * Built on `@kopexa/combobox` (Base UI). Names come from `Intl.DisplayNames`
 * (i18n) and filtering matches the localized name as well as the alpha-2 /
 * alpha-3 codes.
 */
declare function CountryPicker({ value, defaultValue, onChange, valueFormat, locale, placeholder, searchPlaceholder, emptyMessage, showCode, disabled, className, id, }: CountryPickerProps): react_jsx_runtime.JSX.Element;

export { CountryPicker, type CountryPickerProps };