/**
 * Pill — ported 1:1 from Veryfront Studio. A filled trigger pill (label +
 * optional icon/chevron) for selection triggers — "click to open / select"
 * rather than "click to act". Surface-paired via the `on` prop, matching
 * Button's surface system. Semantic classes remapped to veryfront's
 * `[var(--token)]` vocabulary; icon glyphs sized a half-step down. Private to
 * the chat module.
 *
 * @module react/components/ui/pill
 */
import * as React from "react";
import { type VariantProps } from "./cva.js";
declare const pillVariants: (props?: ({
    on?: "card" | "chrome" | null | undefined;
} & {
    class?: import("../../../utils/clsx.js").ClassValue;
    className?: import("../../../utils/clsx.js").ClassValue;
}) | undefined) => string;
/** Props accepted by `<Pill>`. */
export interface PillProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type">, VariantProps<typeof pillVariants> {
    ref?: React.Ref<HTMLButtonElement>;
}
/** Render a selection-trigger pill. */
export declare function Pill({ className, on, ref, ...props }: PillProps): React.ReactElement;
export { pillVariants };
//# sourceMappingURL=pill.d.ts.map