aura-glass/dist/components/advanced/GlassParallaxLayers.d.ts

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

import React from "react";
interface ParallaxLayer {
    depth: number;
    content: React.ReactNode;
    className?: string;
    blur?: "none" | "sm" | "md" | "lg" | "xl";
    opacity?: number;
    scale?: number;
    rotateX?: number;
    rotateY?: number;
    offset?: {
        x: number;
        y: number;
    };
}
export interface GlassParallaxLayersProps {
    layers: ParallaxLayer[];
    className?: string;
    mouseIntensity?: number;
    scrollIntensity?: number;
    perspective?: number;
    autoRotate?: boolean;
    rotateSpeed?: number;
    interactive?: boolean;
    debug?: boolean;
    /** Accessible label for the parallax container */
    "aria-label"?: string;
    /** Reduced motion preference */
    respectMotionPreference?: boolean;
}
export declare const GlassParallaxLayers: React.ForwardRefExoticComponent<GlassParallaxLayersProps & React.RefAttributes<HTMLDivElement>>;
export declare const parallaxPresets: {
    hero: {
        depth: number;
        blur: string;
        content: null;
    }[];
    card: {
        depth: number;
        blur: string;
        scale: number;
        content: null;
    }[];
    depth: {
        depth: number;
        content: null;
    }[];
};
export declare function useParallaxLayers(count?: number, depthRange?: [number, number]): {
    depth: number;
    content: null;
    blur: "none";
}[];
export {};
//# sourceMappingURL=GlassParallaxLayers.d.ts.map