@buddhacognitivelab/theme-glassmorphic/dist/theme/gradientGlassmorphism.d.ts

Enhanced glassmorphic theme package with dual-mode support, advanced glass effects, interactive UI components, and gesture-based interactions

/**
 * @fileoverview Phase 3: Gradient-Enhanced Glassmorphism Effects
 * Integration of gradient system with glassmorphism for advanced visual effects
 */
import { EnhancedGlassEffect, GlassVariantType, GlassDepthLevel } from './glassmorphism';
import { GradientSystem } from './gradientSystem';
export interface GradientGlassEffect extends EnhancedGlassEffect {
    gradientOverlay?: {
        background: string;
        opacity: number;
        blendMode: string;
    };
    gradientBorder?: {
        background: string;
        width: number;
        opacity: number;
    };
    gradientShadow?: {
        background: string;
        blur: number;
        spread: number;
        opacity: number;
    };
}
export interface GradientGlassConfig {
    variant: GlassVariantType;
    depth: GlassDepthLevel;
    gradientType: 'background' | 'overlay' | 'border' | 'shadow' | 'combined';
    intensity: number;
    animation?: {
        type: 'flowing' | 'pulsing' | 'shifting' | 'shimmer';
        duration: string;
        timing: string;
    };
}
/**
 * Creates gradient-enhanced glassmorphism effects
 */
export declare function createGradientGlassEffect(config: GradientGlassConfig, gradientSystem: GradientSystem, mode: 'light' | 'dark'): GradientGlassEffect;
/**
 * Converts gradient glass effect to CSS properties
 */
export declare function gradientGlassToCSS(effect: GradientGlassEffect, config?: GradientGlassConfig): Record<string, string>;
/**
 * Creates preset gradient glass configurations
 */
export declare const gradientGlassPresets: {
    heroSection: {
        variant: GlassVariantType;
        depth: GlassDepthLevel;
        gradientType: "combined";
        intensity: number;
        animation: {
            type: "flowing";
            duration: string;
            timing: string;
        };
    };
    cardHover: {
        variant: GlassVariantType;
        depth: GlassDepthLevel;
        gradientType: "overlay";
        intensity: number;
        animation: {
            type: "shimmer";
            duration: string;
            timing: string;
        };
    };
    modalBackdrop: {
        variant: GlassVariantType;
        depth: GlassDepthLevel;
        gradientType: "background";
        intensity: number;
    };
    buttonPrimary: {
        variant: GlassVariantType;
        depth: GlassDepthLevel;
        gradientType: "border";
        intensity: number;
        animation: {
            type: "pulsing";
            duration: string;
            timing: string;
        };
    };
    navigationBar: {
        variant: GlassVariantType;
        depth: GlassDepthLevel;
        gradientType: "combined";
        intensity: number;
    };
};
/**
 * Utility functions for gradient glass effects
 */
export declare const gradientGlassUtils: {
    /**
     * Creates a responsive gradient glass effect that adapts to screen size
     */
    createResponsiveGradientGlass(baseConfig: GradientGlassConfig, gradientSystem: GradientSystem, mode: "light" | "dark", breakpoint: "mobile" | "tablet" | "desktop"): GradientGlassEffect;
    /**
     * Creates an interactive gradient glass effect with hover states
     */
    createInteractiveGradientGlass(baseConfig: GradientGlassConfig, gradientSystem: GradientSystem, mode: "light" | "dark"): {
        default: GradientGlassEffect;
        hover: GradientGlassEffect;
        active: GradientGlassEffect;
    };
    /**
     * Blends multiple gradient glass effects
     */
    blendGradientGlassEffects(effects: GradientGlassEffect[], blendMode?: "overlay" | "multiply" | "screen" | "normal"): GradientGlassEffect;
};