import * as React from "react"; import { type VariantProps } from "class-variance-authority"; declare const buttonVariants: (props?: ({ variant?: "link" | "default" | "outline" | "secondary" | "destructive" | "ghost" | null | undefined; size?: "default" | "icon" | "sm" | "lg" | null | undefined; } & import("class-variance-authority/types").ClassProp) | undefined) => string; export interface CoreButtonProps extends React.ButtonHTMLAttributes, VariantProps { asChild?: boolean; } declare const Button: React.ForwardRefExoticComponent>; /** * Enhanced button variants with meccs-ui styling * Base classes match meccs-ui: focus:outline-0, transition-[color,background-color,border-color,box-shadow] * * Active state: we use active:bg-{semantic}/75 + active:scale-95 + inset shadow only (no active:bg-none). * In the showcase app one Tailwind run can emit utilities in an order where primary wins; in consumers * the prebuilt nqui styles load order can make active:bg-none win and clear the fill. Omitting * active:bg-none keeps the pressed background and shrink animation consistent everywhere. * * Disabled filled buttons: do not use transparent bg + *-foreground text — on light surfaces * primary-foreground reads as white-on-white. Use bg-muted + text-muted-foreground + border-border * so disabled state works on any theme without extra wrapper styles. */ declare const enhancedButtonVariants: (props?: ({ variant?: "link" | "default" | "outline" | "secondary" | "destructive" | "ghost" | "success" | "warning" | "info" | null | undefined; size?: "default" | "icon" | "sm" | "lg" | null | undefined; } & import("class-variance-authority/types").ClassProp) | undefined) => string; export interface EnhancedButtonProps extends React.ButtonHTMLAttributes, VariantProps { asChild?: boolean; } /** * Enhanced Button component with meccs-ui styling * * Wraps the base shadcn Button component with enhanced styling: * - Borders, gradients, and shadows for dimensional appearance * - Enhanced focus and active states with scale animation * - Smooth opacity and transform transitions * * Enhanced variants: default, destructive, secondary, success, warning, info * Unchanged variants: outline, ghost, link (fallback to core button) * * @example * ```tsx * Click me * Delete * ``` */ declare const EnhancedButton: React.ForwardRefExoticComponent>; export { Button, buttonVariants, EnhancedButton, enhancedButtonVariants, }; export { Button as CoreButton }; //# sourceMappingURL=button.d.ts.map