import type * as React from "react";
declare const chipBodyButtonClass = "inline-flex cursor-pointer items-center gap-1.5 transition-[background-color,color,transform] duration-[var(--duration-fast)] ease-[var(--ease-smooth)] hover:bg-foreground/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/60 focus-visible:ring-inset active:scale-[0.98] motion-reduce:transition-colors motion-reduce:active:scale-100";
export type RemovableChipProps = {
    /** Accessible label for the trailing remove (×) button. */
    removeLabel: string;
    /** Remove handler for the trailing × button. */
    onRemove?: () => void;
    /**
     * Pressed/open visual — adds a ring so the active state reads at a glance.
     * The ring uses the default focus colour; override it (or add a fill) through
     * `className` when a chip wants a branded active state.
     */
    active?: boolean;
    /**
     * Chip body — typically one or more `RemovableChipButton`s plus any middle
     * affordances (e.g. a popover trigger). The faint divider and the trailing ×
     * button are appended automatically.
     */
    children: React.ReactNode;
} & Omit<React.ComponentProps<"div">, "children">;
/**
 * The shared shell for the picker's segmented chips: a rounded `bg-muted/40`
 * pill hosting a body, then a faint divider, then a trailing × remove button.
 * Centralising the shell, divider, and remove button keeps every chip's shape,
 * focus ring, and press animation in sync — consumers supply only the body and
 * the labels. Powers `McpToolkitChip` and `McpRecommendedToolkitsChip`.
 */
export declare function RemovableChip({ removeLabel, onRemove, active, children, className, ...rest }: RemovableChipProps): React.JSX.Element;
export type RemovableChipButtonProps = Omit<React.ComponentProps<"button">, "type">;
/**
 * A body affordance inside a `RemovableChip` (e.g. "open this server's tools"
 * or "review this set"). Shares the chip's hover, focus, and press styling and
 * rounds its left edge to meet the shell. Pass `className` to tune padding for
 * its position in the chip.
 */
export declare function RemovableChipButton({ className, ...props }: RemovableChipButtonProps): React.JSX.Element;
export { chipBodyButtonClass as removableChipButtonClass };
//# sourceMappingURL=removable-chip.d.ts.map