@youwen/ai-design-system
Version:
Enterprise AI-driven design system with comprehensive design tokens
25 lines (24 loc) • 1.51 kB
TypeScript
import * as React from "react";
import { type VariantProps } from "class-variance-authority";
declare const widgetCardVariants: (props?: ({
size?: "auto" | "figma" | "standard" | "v2Standard" | "compact" | null | undefined;
padding?: "base" | "figma" | "none" | "v2" | null | undefined;
theme?: "default" | "figma" | "v2Dark" | "v2Light" | "glass" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export interface WidgetCardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof widgetCardVariants> {
cardTitle?: React.ReactNode;
cardContent?: React.ReactNode;
cardFooter?: React.ReactNode;
cardVariant?: "default" | "outlined" | "elevated" | "glass" | "gradient";
layout?: "leftTop" | "rightTop" | "leftBottom" | "rightBottom" | "leftTop,rightTop" | "leftTop,leftBottom" | "leftTop,rightBottom" | "rightTop,leftBottom" | "rightTop,rightBottom" | "leftBottom,rightBottom" | "leftTop,rightTop,leftBottom" | "leftTop,rightTop,rightBottom" | "leftTop,leftBottom,rightBottom" | "rightTop,leftBottom,rightBottom" | "all";
gradientConfig?: {
type: 'linear' | 'radial' | 'conic';
colors: string[];
direction?: string;
opacity?: number;
};
animated?: boolean;
hoverEffect?: 'scale' | 'glow' | 'lift' | 'none';
}
declare const WidgetCard: React.ForwardRefExoticComponent<WidgetCardProps & React.RefAttributes<HTMLDivElement>>;
export { WidgetCard, widgetCardVariants };