/// <reference types="react" />
import type { ChipStackProps } from './types';
/**
 * Overlapping chip row for avatars, logos, flags, or any circular content.
 *
 * ### Variant
 * Pick one of four variants — the variant encodes both the render mode and fan-out direction:
 *
 * | Variant | Behavior |
 * |---|---|
 * | `"static"` *(default)* | Overlapping row, no animation |
 * | `"fanout-right"` | Fans right on hover (anchor: leftmost chip) |
 * | `"fanout-left"` | Fans left on hover (anchor: rightmost chip) |
 * | `"fanout-center"` | Fans both ways on hover (anchor: middle chip) |
 *
 * Add `compact` to show only the anchor chip until hovered.
 *
 * ### Input styles
 * - **Data-driven** — `items` + `getItemKey` + `renderItem`
 * - **Compositional** — `children` (wrap in `<OverlapChip>` for static, or pass raw nodes)
 *
 * When both are provided, `children` takes precedence. Face avatars: `ChipStackFaceSlot` in `renderItem` with `getChipStackFaceItemKey` as `getItemKey`.
 * Hoist `renderItem` to module scope when referential stability matters.
 *
 * ---
 *
 * ### Examples
 *
 * ```tsx
 * <ChipStack
 *   variant="fanout-right"
 *   items={members}
 *   getItemKey={getChipStackFaceItemKey}
 *   renderItem={(item, index, { slotSize }) => (
 *     <ChipStackFaceSlot item={item} sourceIndex={index} slotSize={slotSize} />
 *   )}
 * />
 * ```
 *
 * ```tsx
 * // Brand logos — static overlap row
 * <ChipStack variant="static" maxItems={4}>
 *   {methods.map((m) => (
 *     <OverlapChip key={m.id} title={m.label}>
 *       <img src={m.logo} alt={m.label} />
 *     </OverlapChip>
 *   ))}
 * </ChipStack>
 * ```
 *
 * ```tsx
 * // Custom overflow slot
 * <ChipStack
 *   variant="fanout-right"
 *   items={assignees}
 *   getItemKey={(a) => a.id}
 *   renderItem={renderFaceItem}
 *   maxItems={3}
 *   renderOverflow={({ overflowItems, size }) => (
 *     <MyBadge count={overflowItems.length} size={size} />
 *   )}
 * />
 * ```
 */
declare function ChipStack<T = unknown>(props: Readonly<ChipStackProps<T>>): import("react").JSX.Element | null;
export default ChipStack;
export { ChipStack };