aura-glass/dist/components/card/GlassCard.d.ts

A comprehensive glassmorphism design system for React applications with 142+ production-ready components

import React from "react";
import { type OptimizedGlassProps } from "../../primitives";
export interface GlassCardProps extends Omit<OptimizedGlassProps, "variant" | "tint"> {
    /**
     * Card variant style
     */
    variant?: "default" | "outlined" | "elevated" | "interactive" | "feature" | "minimal" | "primary" | "outline";
    /**
     * Tint color (for liquid glass material)
     */
    tint?: string | {
        r: number;
        g: number;
        b: number;
        a: number;
    };
    /**
     * Card size
     */
    size?: "sm" | "md" | "lg" | "xl";
    /**
     * Whether the card is hoverable
     */
    hoverable?: boolean;
    /**
     * Whether the card is clickable
     */
    clickable?: boolean;
    /**
     * Loading state
     */
    loading?: boolean;
    /**
     * Disabled state
     */
    disabled?: boolean;
    /**
     * Glass material variant
     */
    material?: "glass" | "liquid";
    /**
     * Material properties for liquid glass
     */
    materialProps?: {
        ior?: number;
        thickness?: number;
        tint?: {
            r: number;
            g: number;
            b: number;
            a: number;
        };
        variant?: "regular" | "clear";
        quality?: "ultra" | "high" | "balanced" | "efficient";
    };
}
/**
 * GlassCard component
 * A versatile card component with glassmorphism styling
 */
export declare const GlassCard: React.ForwardRefExoticComponent<GlassCardProps & React.RefAttributes<HTMLDivElement>>;
/**
 * CardHeader component
 */
export interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
    /**
     * Header size
     */
    size?: "sm" | "md" | "lg";
    /**
     * Whether to show border below header
     */
    bordered?: boolean;
}
export declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
/**
 * CardTitle component
 */
export interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
    /**
     * Title size
     */
    size?: "sm" | "md" | "lg" | "xl";
    /**
     * Heading level
     */
    level?: 1 | 2 | 3 | 4 | 5 | 6;
}
export declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<HTMLHeadingElement>>;
/**
 * CardDescription component
 */
export interface CardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
    /**
     * Description size
     */
    size?: "sm" | "md" | "lg";
}
export declare const CardDescription: React.ForwardRefExoticComponent<CardDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
/**
 * CardContent component
 */
export interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {
    /**
     * Content padding
     */
    padding?: "none" | "sm" | "md" | "lg";
    /**
     * Automatically add vertical spacing between direct children
     * Defaults to true for better readability across components
     */
    autoSpacing?: boolean;
    /**
     * Spacing size when autoSpacing is enabled
     */
    spacing?: "sm" | "md" | "lg";
}
export declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
/**
 * CardFooter component
 */
export interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
    /**
     * Footer alignment
     */
    align?: "left" | "center" | "right" | "between" | "around";
    /**
     * Whether to show border above footer
     */
    bordered?: boolean;
    /**
     * Footer padding
     */
    padding?: "none" | "sm" | "md" | "lg";
}
export declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
/**
 * CardActions component
 */
export interface CardActionsProps extends React.HTMLAttributes<HTMLDivElement> {
    /**
     * Actions alignment
     */
    align?: "left" | "center" | "right";
    /**
     * Actions spacing
     */
    spacing?: "sm" | "md" | "lg";
}
export declare const CardActions: React.ForwardRefExoticComponent<CardActionsProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=GlassCard.d.ts.map