import * as react from 'react';
import { HTMLAttributes, ReactNode } from 'react';

interface CardProps extends HTMLAttributes<HTMLDivElement> {
    /**
     * `true` — yellow border tint (`border-tollerud-yellow/25`), no fill.
     * `"filled"` — yellow border + subtle yellow background fill (`bg-tollerud-yellow/5`). Use for callout boxes, cheapest-item highlights, and CTAs.
     *
     * Cascades to `CardHeader`/`CardContent`/`CardFooter` tinting. Any of those parts can
     * set their own `accent` prop to override the cascade for just that region.
     */
    accent?: boolean | 'filled';
    density?: 'comfortable' | 'compact';
    /** Render as the single child element instead of a `<div>`, merging props and styles onto it. */
    asChild?: boolean;
    /**
     * Force structured layout (no shell padding, header/content/footer own their padding) on or off.
     * Omit to auto-detect from `CardHeader`/`CardContent`/`CardFooter` children — that detection reads
     * `child.type.displayName`, which can fail to survive a Next.js Server/Client Component boundary.
     * Set this explicitly when composing across that boundary instead of relying on auto-detection.
     */
    structured?: boolean;
}
type CardChangeDirection = 'up' | 'down' | 'flat';
interface CardChangeProps extends HTMLAttributes<HTMLSpanElement> {
    /** Change label — defaults to `—` when `direction` is `flat`. */
    value?: string;
    direction: CardChangeDirection;
    /** Override the color. Omit to use the default (up=success, down=error, flat=info). */
    tone?: 'success' | 'error' | 'warning' | 'info' | 'accent';
}
interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {
    /** Trailing header content — change chip, buttons, badge, etc. */
    actions?: ReactNode;
    /** Tint just this header. Omit to inherit the parent `Card`'s `accent`. */
    accent?: boolean | 'filled';
}
interface CardContentProps extends HTMLAttributes<HTMLDivElement> {
    /** Tint just this content region. Omit to inherit the parent `Card`'s `accent`. */
    accent?: boolean | 'filled';
}
interface CardFooterProps extends HTMLAttributes<HTMLDivElement> {
    /** Tint just this footer. Omit to inherit the parent `Card`'s `accent`. */
    accent?: boolean | 'filled';
}
declare const Card: react.ForwardRefExoticComponent<CardProps & react.RefAttributes<HTMLDivElement>>;
declare const CardChange: react.ForwardRefExoticComponent<CardChangeProps & react.RefAttributes<HTMLSpanElement>>;
declare const CardHeader: react.ForwardRefExoticComponent<CardHeaderProps & react.RefAttributes<HTMLDivElement>>;
declare const CardTitle: react.ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & react.RefAttributes<HTMLHeadingElement>>;
declare const CardDescription: react.ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & react.RefAttributes<HTMLParagraphElement>>;
declare const CardContent: react.ForwardRefExoticComponent<CardContentProps & react.RefAttributes<HTMLDivElement>>;
declare const CardFooter: react.ForwardRefExoticComponent<CardFooterProps & react.RefAttributes<HTMLDivElement>>;

export { Card, CardChange, type CardChangeDirection, type CardChangeProps, CardContent, type CardContentProps, CardDescription, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle };