import { MiuraElement } from '@miurajs/miura-element';
/**
* Typography component
* Heading
* Paragraph text
* Long text...
*/
export declare class MuiText extends MiuraElement {
variant: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body' | 'body-sm' | 'caption' | 'code' | 'label' | 'overline';
color: 'inherit' | 'primary' | 'secondary' | 'muted' | 'success' | 'warning' | 'error' | 'info';
weight: 'inherit' | 'normal' | 'medium' | 'semibold' | 'bold';
align: 'left' | 'center' | 'right';
truncate: boolean;
lines: number;
static styles: any;
template(): import("@miurajs/miura-render").TemplateResult;
}
/**
* Empty State — shown when there's no content
*
*
* Create Story
*
*/
export declare class MuiEmptyState extends MiuraElement {
icon: string;
title: string;
description: string;
size: 'sm' | 'md' | 'lg';
static styles: any;
template(): import("@miurajs/miura-render").TemplateResult;
}
/**
* Progress Bar — linear and indeterminate
*
*
*
*/
export declare class MuiProgress extends MiuraElement {
value: number;
max: number;
indeterminate: boolean;
size: 'xs' | 'sm' | 'md' | 'lg';
color: 'primary' | 'success' | 'warning' | 'error';
showValue: boolean;
label: string;
static styles: any;
template(): import("@miurajs/miura-render").TemplateResult;
}
/**
* Skeleton — loading placeholder
*
*
*
*
*/
export declare class MuiSkeleton extends MiuraElement {
variant: 'text' | 'circular' | 'rectangular';
width: string;
height: string;
size: string;
lines: number;
static styles: any;
template(): import("@miurajs/miura-render").TemplateResult;
}
/**
* Timeline — vertical event history
*
*
*
* Published
* 2 hours ago
*
*
*/
export declare class MuiTimeline extends MiuraElement {
static styles: any;
template(): import("@miurajs/miura-render").TemplateResult;
}
export declare class MuiTimelineItem extends MiuraElement {
icon: string;
color: 'default' | 'primary' | 'success' | 'warning' | 'error';
last: boolean;
static styles: any;
template(): import("@miurajs/miura-render").TemplateResult;
}
//# sourceMappingURL=display.d.ts.map