import { ChipProps as CoreChipProps } from './internal/Chip'; import { IconProps as CoreIconProps } from '../Icon'; import { AvatarProps as CoreAvatarProps } from '../Avatar/internal/Avatar'; import { DataTrackingId, DistributiveOmit } from '../../types'; import { AiMarkBooleanProps } from '../../types/ai-marks'; /** * Props for the Chip component * @property {string} label - The text that displays in the chip * @property {"small" | "medium"} [size] - The size of the chip * @property {string} [color] - Color of the Chip * @property {boolean} [aiMark] - Whether to display an AI mark icon in the chip * @property {(e?: MouseEvent | KeyboardEvent) => void} [onClick] - Callback for when the Chip is clicked * @property {(e: MouseEvent | KeyboardEvent) => void} [onClose] - Called when the component is closed * @property {boolean} [textWrap] - Wraps text when it overflows * @property {Svg} [icon] - Icon displayed in the chip, before the text. * @property {string} [avatar] - Image URL to display in an avatar before the chip text. * @extends CoreChipProps * @extends DataTrackingId * @extends AiMarkBooleanProps */ export type ChipProps = DistributiveOmit & DataTrackingId & AiMarkBooleanProps & ({ icon?: CoreIconProps["svg"]; avatar?: never; } | { icon?: never; avatar?: CoreAvatarProps["image"]; }); /** * Chip component for displaying compact information or tags. * * Features: * - Configurable sizes (small, medium) * - Custom color support with automatic contrast calculation * - Optional click handler for interactive chips * - Optional close button for removable chips * - Optional AI mark icon to indicate AI-generated content * - Automatic AI mark type selection: gradient on default chips, inherited color on colored chips * - AI mark on clickable chips (hover/focus morph temporarily disabled; see @TODO in source) * - Text wrapping support for long labels * - Full accessibility support with ARIA attributes * - Keyboard navigation (Enter/Space to click, Delete/Backspace to close) * - Screen reader instructions for removal actions * - Theme-aware color adaptation * - Layout utility props for positioning and spacing * - Automatic tracking ID generation for analytics * * @example * console.log('Chip removed')} * onClick={(e) => console.log('Chip clicked')} * /> * * @example * */ export declare const Chip: import('react').ForwardRefExoticComponent>;