import Tailwind from '../base/tailwind-base';
/**
 * @tag plus-chip
 * @since 0.0.0
 * @status experimental
 *
 * PlusChip component provides a compact element for displaying information, tags, or actions.
 * Supports various visual styles, sizes, and states.
 *
 * @slot - The default slot for chip content
 *
 * @csspart base - The component's base wrapper
 * @csspart icon - The dismiss icon wrapper
 *
 * @cssproperty --text-color - Controls the text color of the chip
 * @cssproperty --border-color - Controls the border color of the chip
 * @cssproperty --bg-default - Controls the default background color
 * @cssproperty --bg-hovered - Controls the background color when hovered
 * @cssproperty --bg-pressed - Controls the background color when pressed
 * @cssproperty --bg-focused - Controls the background color when focused
 */
export default class PlusChip extends Tailwind {
    /**
     * Determines the visual style of the chip
     * - filled: Solid background color
     * - outlined: Transparent background with border
     * @default 'filled'
     */
    kind: 'filled' | 'outlined';
    /**
     * Sets the size of the chip
     * - sm: Small size
     * - md: Medium size
     * - lg: Large size
     * @default 'md'
     */
    size: 'sm' | 'md' | 'lg';
    /**
     * Defines the type of chip
     * - default: Standard chip
     * - avatar: Chip with avatar support
     * @default 'default'
     */
    type: 'default' | 'avatar';
    /**
     * Sets the status/color variant of the chip
     * - default: Neutral color scheme
     * - success: Green color scheme
     * - warning: Yellow color scheme
     * - danger: Red color scheme
     * - info: Blue color scheme
     * @default 'default'
     */
    status: 'default' | 'success' | 'warning' | 'danger' | 'info';
    /**
     * Controls the border radius style
     * - full: Fully rounded corners
     * - rounded: Slightly rounded corners
     * @default 'full'
     */
    shape: 'full' | 'rounded';
    /**
     * Toggles inverted color scheme
     * @default false
     */
    invert: boolean;
    /**
     * Shows/hides the dismiss button
     * @default false
     */
    dismiss: boolean;
    /**
     * Disables the chip interaction
     * @default false
     */
    disabled: boolean;
    /**
     * Handles the dismiss event
     * @private
     */
    private onDismiss;
    render(): import("lit-html").TemplateResult<1>;
}
export { PlusChip };
//# sourceMappingURL=chip.d.ts.map