import type * as React from 'react'; export type CardPadding = 'none' | 'md'; export type CardAppearance = 'default' | 'glass' | 'glass-shadow' | 'glass-elevated' | 'glass-primary' | 'brand' | 'soft' | 'outline'; export interface CardProps extends React.ComponentProps<'div'> { size?: 'default' | 'sm'; padding?: CardPadding; appearance?: CardAppearance; } declare function CardRoot({ className, size, padding, appearance, ...props }: CardProps): React.JSX.Element; declare function CardHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element; declare function CardTitle({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element; declare function CardDescription({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element; declare function CardAction({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element; export interface CardContentProps extends React.ComponentProps<'div'> { padding?: CardPadding; } declare function CardContent({ className, padding, ...props }: CardContentProps): React.JSX.Element; declare function CardFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element; /** * Card with composition API. * Attach sub-components as static properties for convenient access. * * @example * ```tsx * * * Title * Description * * Content * Footer * * ``` */ declare const Card: typeof CardRoot & { Root: typeof CardRoot; Header: typeof CardHeader; Title: typeof CardTitle; Description: typeof CardDescription; Action: typeof CardAction; Content: typeof CardContent; Footer: typeof CardFooter; }; export type CardHeaderProps = React.ComponentProps; export type CardFooterProps = React.ComponentProps; export type CardTitleProps = React.ComponentProps; export type CardActionProps = React.ComponentProps; export type CardDescriptionProps = React.ComponentProps; export { Card };