import { LitElement } from 'lit';
/**
 * Material Design 3 Card Component
 *
 * A flexible card component following Material Design 3 specifications.
 * Cards contain content and actions about a single subject.
 *
 * Based on official Material 3 guidelines:
 * https://m3.material.io/components/cards/guidelines
 *
 * @fires card-click - Fired when the card is clicked (if clickable)
 *
 * @slot - Default slot for card content
 * @slot header - Optional header content (e.g., title, subtitle)
 * @slot media - Optional media content (e.g., image, video)
 * @slot actions - Optional action buttons at the bottom
 *
 * @cssprop --md-card-container-shape - Border radius (default: 12px for medium shape)
 * @cssprop --md-card-container-color - Background color
 * @cssprop --md-card-elevation - Box shadow elevation
 * @cssprop --md-sys-color-surface-container-low - Elevated card surface
 * @cssprop --md-sys-color-surface-container-highest - Filled card surface
 * @cssprop --md-sys-color-surface - Outlined card surface
 * @cssprop --md-sys-color-outline-variant - Outlined card border
 */
export declare class M3Card extends LitElement {
    static styles: import("lit").CSSResult;
    /**
     * Card variant style
     * - elevated: Card with subtle elevation shadow (default)
     * - filled: Card with solid filled background
     * - outlined: Card with border outline
     */
    variant: 'elevated' | 'filled' | 'outlined';
    /**
     * Makes the card clickable/interactive
     */
    clickable: boolean;
    /**
     * Disables the card interaction
     */
    disabled: boolean;
    /**
     * Shows the card in dragged state
     */
    dragged: boolean;
    /**
     * Card width - controls responsive behavior
     * - auto: Natural width based on content (default)
     * - full: Full width of container
     * - fixed: Fixed width (specify with CSS)
     */
    width: 'auto' | 'full' | 'fixed';
    /**
     * ARIA label for accessibility (required if clickable)
     */
    ariaLabel: string | null;
    /**
     * ARIA role (automatically set to 'button' if clickable)
     */
    role: string | null;
    render(): import("lit").TemplateResult<1>;
    private _handleClick;
    private _handleKeyDown;
    /**
     * Focuses the card (if clickable)
     */
    focus(): void;
    /**
     * Removes focus from the card
     */
    blur(): void;
}
declare global {
    interface HTMLElementTagNameMap {
        'm3-card': M3Card;
    }
}
//# sourceMappingURL=m3-card.d.ts.map