@youwen/ai-design-system
Version:
Enterprise AI-driven design system with comprehensive design tokens
23 lines (22 loc) • 1.3 kB
TypeScript
import * as React from "react";
import { type VariantProps } from "class-variance-authority";
declare const dataDisplayVariants: (props?: ({
variant?: "default" | "success" | "warning" | "info" | "error" | "muted" | null | undefined;
size?: "sm" | "lg" | "md" | null | undefined;
alignment?: "center" | "left" | "right" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export interface DataDisplayProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof dataDisplayVariants> {
value: string | number;
label?: string;
unit?: string;
description?: string;
trend?: {
value: string | number;
direction: 'up' | 'down' | 'neutral';
};
}
declare const DataDisplay: React.ForwardRefExoticComponent<DataDisplayProps & React.RefAttributes<HTMLDivElement>>;
declare const KPIDisplay: React.ForwardRefExoticComponent<DataDisplayProps & React.RefAttributes<HTMLDivElement>>;
declare const MetricDisplay: React.ForwardRefExoticComponent<DataDisplayProps & React.RefAttributes<HTMLDivElement>>;
declare const CompactDisplay: React.ForwardRefExoticComponent<DataDisplayProps & React.RefAttributes<HTMLDivElement>>;
export { DataDisplay, KPIDisplay, MetricDisplay, CompactDisplay, dataDisplayVariants };