import { ComponentProps, ReactElement } from 'react';
import { Checkbox as Checkbox$1 } from '@base-ui/react/checkbox';

/**
 * Checkbox — shadcn/WealthX Design System
 * Figma: https://www.figma.com/design/9V9F0NGVsif8LGmEhVjOcT/Design-System---shadcn?node-id=72-2723
 *
 * States: unchecked | checked | indeterminate × default | disabled | error
 * White-label: checked/indeterminate use `primary` token → adapts to tenant color.
 * Error+checked/indeterminate: stacked variant overrides primary with destructive (higher specificity).
 */
type CheckboxProps = ComponentProps<typeof Checkbox$1.Root>;
declare function Checkbox({ className, ...props }: CheckboxProps): ReactElement;
/**
 * CheckboxCard — card wrapper with label + optional description.
 * Figma: Checkbox_card (3029:12381)
 *
 * Card background: primary/5 when checked/indeterminate; destructive/5 when error+checked.
 * White-label: opacity modifier on primary token → adapts to tenant color.
 */
type CheckboxCardProps = ComponentProps<typeof Checkbox$1.Root> & {
    label: string;
    description?: string;
    error?: boolean;
};
declare function CheckboxCard({ className, checked, defaultChecked, onCheckedChange, disabled, error, label, description, ...props }: CheckboxCardProps): ReactElement;

export { Checkbox, CheckboxCard, type CheckboxCardProps, type CheckboxProps };