aura-glass/dist/components/immersive/GlassHologram.d.ts

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

import React from "react";
export interface HologramLayer {
    id: string;
    type: "image" | "video" | "text" | "shape" | "particle";
    content?: string | React.ReactNode;
    source?: string;
    opacity: number;
    depth: number;
    rotation: {
        x: number;
        y: number;
        z: number;
    };
    scale: {
        x: number;
        y: number;
        z: number;
    };
    position: {
        x: number;
        y: number;
        z: number;
    };
    animation?: {
        type: "rotate" | "float" | "pulse" | "fade" | "wave" | "spiral";
        speed: number;
        amplitude: number;
        enabled: boolean;
    };
    glitch?: {
        enabled: boolean;
        intensity: number;
        frequency: number;
    };
    holographic?: {
        interference: boolean;
        chromatic: boolean;
        scanlines: boolean;
        noise: number;
    };
}
export interface HologramProjection {
    angle: number;
    distance: number;
    height: number;
    tilt: number;
}
export interface GlassHologramProps extends React.HTMLAttributes<HTMLDivElement> {
    /** Hologram layers */
    layers?: HologramLayer[];
    /** Projection settings */
    projection?: HologramProjection;
    /** Holographic effects intensity */
    intensity?: "low" | "medium" | "high" | "ultra";
    /** Color scheme */
    colorScheme?: "blue" | "green" | "red" | "purple" | "cyan" | "white" | "rainbow";
    /** Environment lighting */
    ambientLight?: number;
    /** Whether to enable auto-rotation */
    autoRotate?: boolean;
    /** Auto-rotation speed */
    rotationSpeed?: number;
    /** Whether to respond to mouse movement */
    interactive?: boolean;
    /** Hologram size */
    size?: "sm" | "md" | "lg" | "xl";
    /** Background pattern */
    background?: "none" | "grid" | "circuit" | "matrix" | "particles";
    /** Scan line effect */
    scanLines?: boolean;
    /** Glitch effects */
    glitchEnabled?: boolean;
    /** Chromatic aberration */
    chromaticAberration?: boolean;
    /** Noise overlay */
    noiseOverlay?: boolean;
    /** Depth of field blur */
    depthOfField?: boolean;
    /** Layer selection handler */
    onLayerSelect?: (layer: HologramLayer) => void;
    /** Projection change handler */
    onProjectionChange?: (projection: HologramProjection) => void;
    /** Custom shader effects */
    customShaders?: string[];
    /** Loading state */
    loading?: boolean;
    /** Error state */
    error?: string;
    /** Controls overlay */
    showControls?: boolean;
    /** Debug mode */
    debug?: boolean;
    /** Respect motion preferences */
    respectMotionPreference?: boolean;
}
export declare const GlassHologram: React.ForwardRefExoticComponent<GlassHologramProps & React.RefAttributes<HTMLDivElement>>;
export default GlassHologram;
//# sourceMappingURL=GlassHologram.d.ts.map