@youwen/ai-design-system/dist/components/radix/variants.d.ts

Enterprise AI-driven design system with comprehensive design tokens

/**
 * Radix 组件样式变体
 * 使用 class-variance-authority 管理样式变体
 */
export declare const buttonVariants: (props?: ({
    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export declare const tooltipVariants: (props?: ({
    variant?: "default" | "success" | "warning" | "info" | "error" | null | undefined;
    size?: "default" | "sm" | "lg" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export declare const dialogVariants: (props?: ({
    variant?: "default" | "card" | "fullscreen" | "drawer" | null | undefined;
    size?: "default" | "sm" | "lg" | "xl" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export declare const dropdownMenuVariants: (props?: ({
    variant?: "default" | "compact" | null | undefined;
    size?: "default" | "sm" | "lg" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export declare const selectVariants: (props?: ({
    variant?: "default" | "outline" | "ghost" | null | undefined;
    size?: "default" | "sm" | "lg" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export declare const separatorVariants: (props?: ({
    orientation?: "horizontal" | "vertical" | null | undefined;
    variant?: "default" | "dashed" | "dotted" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export declare const labelVariants: (props?: ({
    variant?: "default" | "success" | "error" | "muted" | null | undefined;
    size?: "default" | "sm" | "lg" | null | undefined;
    required?: boolean | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export declare const tabsVariants: (props?: ({
    variant?: "default" | "vertical" | "underline" | "pills" | null | undefined;
    size?: "default" | "sm" | "lg" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export declare const tabTriggerVariants: (props?: ({
    variant?: "default" | "underline" | "pills" | null | undefined;
    size?: "default" | "sm" | "lg" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export declare const focusRingVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
export declare const disabledVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
export declare const animationVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
export declare const responsiveVariants: {
    sm: string;
    md: string;
    lg: string;
    xl: string;
    '2xl': string;
};
export declare const themeVariants: {
    light: {
        bg: string;
        text: string;
        border: string;
    };
    dark: {
        bg: string;
        text: string;
        border: string;
    };
};