aura-glass/dist/core/mixins/zSpaceLayer.d.ts

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

import { CSSProperties } from 'react';
export interface ZSpaceLayerConfig {
    zIndex?: number;
    elevation?: number | 'level1' | 'level2' | 'level3' | 'level4';
    backdrop?: boolean;
    blur?: number;
    opacity?: number;
}
export declare const zSpaceLayer: (config?: ZSpaceLayerConfig) => CSSProperties;
export declare const createZSpaceLayers: (layers: ZSpaceLayerConfig[]) => CSSProperties[];
export declare const zSpacePresets: {
    readonly background: {
        readonly zIndex: 0;
        readonly elevation: 0;
        readonly backdrop: true;
        readonly blur: 10;
    };
    readonly content: {
        readonly zIndex: 1;
        readonly elevation: "level1";
        readonly backdrop: false;
    };
    readonly overlay: {
        readonly zIndex: 10;
        readonly elevation: "level2";
        readonly backdrop: true;
        readonly blur: 5;
    };
    readonly modal: {
        readonly zIndex: 100;
        readonly elevation: "level3";
        readonly backdrop: true;
        readonly blur: 8;
    };
    readonly tooltip: {
        readonly zIndex: 1000;
        readonly elevation: "level4";
        readonly backdrop: true;
        readonly blur: 4;
    };
    readonly dropdown: {
        readonly zIndex: 100;
        readonly elevation: "level2";
        readonly backdrop: true;
        readonly blur: 3;
    };
};
export declare const getZSpaceLayer: (preset: keyof typeof zSpacePresets) => CSSProperties;
export declare class ZSpaceManager {
    private static instance;
    private layers;
    static getInstance(): ZSpaceManager;
    registerLayer(id: string, baseZIndex?: number): number;
    unregisterLayer(id: string): void;
    getLayerZIndex(id: string): number;
    clear(): void;
}
export declare const zSpaceManager: ZSpaceManager;
//# sourceMappingURL=zSpaceLayer.d.ts.map