/**
 * Button — ported 1:1 from the Veryfront Studio `Button` primitive. Studio's
 * semantic Tailwind classes (`bg-primary`, `vf-type-base`, `vf-weight-normal`)
 * are mechanically remapped to veryfront's arbitrary-value vocabulary
 * (`bg-[var(--primary)]`, `text-base`, `font-normal`) — a deterministic token
 * mapping, not a redesign. Private to the chat module.
 *
 * Hover rule: every variant converges to primary/secondary on hover; primary
 * inverts the other way; destructive deepens; outline drops its border; link
 * drops underline. Loading keeps the label, sets `aria-busy` + `disabled`, and
 * applies a subtle opacity pulse.
 *
 * @module react/components/ui/button
 */
import * as React from "react";
import { type VariantProps } from "./cva.js";
declare const buttonVariants: (props?: ({
    variant?: "link" | "text" | "primary" | "outline" | "destructive" | "ghost" | "icon-ghost" | "icon-primary" | "icon-secondary" | "icon-tertiary" | "secondary" | "secondary-to-link" | "tertiary" | null | undefined;
    on?: "card" | "chrome" | null | undefined;
    iconAfter?: "true" | null | undefined;
    size?: "default" | "icon-default" | "icon-lg" | "icon-sm" | "icon-xl" | "icon-xs" | "lg" | "lg-to-default" | "sm" | null | undefined;
} & {
    class?: import("../../../utils/clsx.js").ClassValue;
    className?: import("../../../utils/clsx.js").ClassValue;
}) | undefined) => string;
/** Props accepted by `<Button>`. */
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
    /** Render as a Radix-style Slot, merging props onto the child element. */
    asChild?: boolean;
    /** Slide the icon right on hover. */
    animateIcon?: boolean;
    ref?: React.Ref<HTMLButtonElement>;
}
/** Render an action button. */
export declare function Button({ className, variant, size, iconAfter, on, asChild, animateIcon, type, ref, ...props }: ButtonProps): React.ReactElement;
/** Props accepted by `<LoadingButton>`. */
export interface LoadingButtonProps extends ButtonProps {
    /** Pending state — applies the opacity pulse, sets `aria-busy`, disables. */
    isLoading: boolean;
}
/** Button that pulses subtly while pending and blocks double-submits. */
export declare function LoadingButton({ children, isLoading, disabled, className, ref, ...props }: LoadingButtonProps): React.ReactElement;
export { buttonVariants };
//# sourceMappingURL=button.d.ts.map