/** * MUI Card Components * * A flexible card system with header, content, footer, and media slots. * Supports stat cards, media cards, and interactive states. * * @example * ```html * * * * Card Title * Subtitle * * * * Content goes here * * * Action * * * ``` */ import { MiuraElement } from '@miurajs/miura-element'; /** * Main Card Container */ export declare class MuiCard extends MiuraElement { /** * Card variant */ variant: 'default' | 'outlined' | 'elevated' | 'ghost'; /** * Padding size */ padding: 'none' | 'sm' | 'md' | 'lg'; /** * Make card clickable with hover effect */ clickable: boolean; /** * Selected state (for selectable cards) */ selected: boolean; /** * Layout direction for media cards */ direction: 'vertical' | 'horizontal'; /** * Accent color (shows colored top border) */ accent: string; /** * Border radius size */ radius: 'none' | 'sm' | 'md' | 'lg' | 'xl'; static styles: import("@miurajs/miura-render").CSSResult; template(): import("@miurajs/miura-render").TemplateResult; } /** * Card Header Component */ export declare class MuiCardHeader extends MiuraElement { /** * Header padding */ padding: 'sm' | 'md' | 'lg'; /** * Add bottom border */ bordered: boolean; static styles: import("@miurajs/miura-render").CSSResult; template(): import("@miurajs/miura-render").TemplateResult; } /** * Card Content Component */ export declare class MuiCardContent extends MiuraElement { /** * Content padding (inherits from card if not set) */ padding: 'none' | 'sm' | 'md' | 'lg' | ''; static styles: import("@miurajs/miura-render").CSSResult; template(): import("@miurajs/miura-render").TemplateResult; } /** * Card Footer Component */ export declare class MuiCardFooter extends MiuraElement { /** * Footer padding */ padding: 'sm' | 'md' | 'lg'; /** * Add top border */ bordered: boolean; /** * Alignment */ align: 'start' | 'center' | 'end' | 'between'; static styles: import("@miurajs/miura-render").CSSResult; template(): import("@miurajs/miura-render").TemplateResult; } /** * Stat Card Component (specialized card for metrics) */ export declare class MuiStatCard extends MiuraElement { /** * Stat label */ label: string; /** * Stat value */ value: string; /** * Change text (e.g., "+12%") */ change: string; /** * Whether change is positive */ positive: boolean; /** * Accent color for icon background */ accent: string; /** * Icon name */ icon: string; static styles: import("@miurajs/miura-render").CSSResult; template(): import("@miurajs/miura-render").TemplateResult; } export default MuiCard; //# sourceMappingURL=card.d.ts.map