import { type ReactNode } from 'react';
/** One selectable glyph. `label` is the accessible name (consumer-localised);
 *  `node` is the rendered lucide/SVG element. */
export interface IconPickerIcon {
    id: string;
    label: string;
    node: ReactNode;
}
/** Agent-readiness curated handle for IconPicker. */
export interface IconPickerHandle {
    getValue: () => string;
    setValue: (id: string) => void;
    isOpen: () => boolean;
    open: () => void;
    close: () => void;
    getQuery: () => string;
    setQuery: (query: string) => void;
}
export interface IconPickerProps {
    /** The glyph set. `label` is each glyph's accessible name. */
    icons: IconPickerIcon[];
    /** Controlled selected icon id. Pair with onChange. */
    value?: string;
    /** Uncontrolled initial selected icon id. */
    defaultValue?: string;
    /** Fires with the chosen icon id when a glyph is picked. */
    onChange?: (id: string) => void;
    /** Shown on the trigger when nothing is selected. */
    placeholder?: ReactNode;
    disabled?: boolean;
    id?: string;
    className?: string;
    /** Trigger accessible name. Defaults to the bundled `iconPicker.trigger`. */
    'aria-label'?: string;
}
declare const optionVariants: (props?: ({
    selected?: boolean | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export declare const IconPicker: import("react").ForwardRefExoticComponent<IconPickerProps & import("react").RefAttributes<HTMLButtonElement>>;
export { optionVariants as iconPickerOptionVariants };
//# sourceMappingURL=icon-picker.d.ts.map