import { type ReactNode } from 'react';
/**
 * The chip a `ChipInput` is made of: a 24px pill with an optional 16px
 * leading (a face, an icon), a 12px label, and the ✕ that removes it.
 * Exported on its own (Katerina, 2026-09-01) under a name that promises
 * nothing about people — a chip like this may one day hold a label, a file,
 * a filter.
 *
 * Inside a `ChipInput` the chip is Base UI's `Combobox.Chip` wearing these
 * same classes, because there it has to answer the arrow keys and Backspace
 * along with the input. This component is for a chip standing alone.
 */
export interface InputChipProps {
    label: string;
    /** Before the label, 16px — an Avatar, an icon. */
    leading?: ReactNode;
    /** Draws the ✕; absent, the chip is display-only. */
    onRemove?: () => void;
    /**
     * The ✕'s name for a screen reader. `Remove <label>` when not given. A chip
     * whose ✕ does something other than remove it names what it does — a
     * launcher's scope chip leaves the scope ("Leave Ship").
     */
    removeLabel?: string;
    /**
     * Cut a long label with an ellipsis once the chip is capped, by a
     * `max-w-*` on `className`. Off unless asked: cutting clips up to 4px of a
     * letter's soft edge at 1x even when the label fits (measured 2026-09-15),
     * so a chip that is never capped keeps every pixel.
     */
    truncate?: boolean;
    className?: string;
}
/** A chip standing on its own: a label, an optional leading icon, an optional
 *  ✕. For a caller that keeps its own list. Inside a `ChipInput` the same look
 *  goes onto Base UI's `Combobox.Chip`, which joins the field's keyboard. */
export declare function InputChip({ label, leading, onRemove, removeLabel, truncate, className }: InputChipProps): import("react").JSX.Element;
/**
 * A multi-select input: chips for the chosen, a typeahead for the rest —
 * Peek's PersonChipInput (2026-09-01), generalised on the way in, and on Base
 * UI's `Combobox` since stage 5 of the migration (2026-09-13).
 *
 * **What the part brought, and what it took away from this file.** The list is
 * a real listbox now: the input keeps focus and says which row is highlighted
 * through `aria-activedescendant`, where before the rows were plain buttons in
 * a `<div>` and nothing was announced. With it went the highlight index, the
 * arrow keys, Enter, the filter loop, the blur timeout that kept a click on a
 * row from closing the list under the pointer, the `createPortal`, the
 * measured anchor rect, the resize and scroll listeners that re-measured it,
 * and `fit.ts` — the flip-up-when-low arithmetic this package carried for one
 * caller (PLAN Finding 22). Base UI's positioner does the flipping, and it
 * does it against the element rather than against a rect read a frame ago.
 *
 * **What this file still decides**, because none of it is the part's business:
 * which options are on offer (the chosen and the excluded are not), that a
 * match is on the label *or* the description, that suggestions appear only
 * once you type — focusing must not drop the whole directory over the surface
 * below — and that Backspace on an empty query takes the last chip.
 *
 * Escape clears the query when there is one and bubbles when there is not, so
 * the surface around it (dialog, launcher) can act.
 *
 * Generic over the option type: the objects handed back through `onChange`
 * are the caller's own, extra fields and all — no re-mapping on the way out.
 */
export interface ChipInputOption {
    id: string;
    label: string;
    /** The suggestion row's second line — a role, an address. Also searched. */
    description?: string;
}
export interface ChipInputProps<T extends ChipInputOption = ChipInputOption> {
    value: T[];
    onChange: (next: T[]) => void;
    /** The directory the typeahead searches. */
    options: T[];
    placeholder?: string;
    autoFocus?: boolean;
    /** Option ids excluded from the suggestion list (e.g., the current user). */
    excludeIds?: string[];
    /** Before a chip's label, 16px — a face, an icon. */
    chipLeading?: (option: T) => ReactNode;
    /** Before a suggestion row's label, 32px. */
    rowLeading?: (option: T) => ReactNode;
    /** Set by a `Field` with `required`; a caller inside one owes nothing. */
    'aria-required'?: boolean | 'true' | 'false';
    /**
     * The field's name, for a caller that is not inside a `Field` — a `Field`'s
     * label names it already. With neither this nor `aria-labelledby`, the
     * placeholder is the name, and it stays the name once a chip is in.
     */
    'aria-label'?: string;
    /** The id of what names the field on the page — a visible "To:", say. */
    'aria-labelledby'?: string;
}
export declare function ChipInput<T extends ChipInputOption = ChipInputOption>({ value, onChange, options, placeholder, autoFocus, excludeIds, chipLeading, rowLeading, ...aria }: ChipInputProps<T>): import("react").JSX.Element;
//# sourceMappingURL=ChipInput.d.ts.map