aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
65 lines • 1.69 kB
TypeScript
import React, { HTMLAttributes } from 'react';
export interface GlassProps extends HTMLAttributes<HTMLDivElement> {
/**
* HTML element tag to render as
*/
as?: React.ElementType;
/**
* Elevation level for depth perception (0-6)
*/
elev?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
/**
* Glass variant for semantic surfaces
*/
variant?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
/**
* Border radius preset
*/
radius?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
/**
* Blur intensity
*/
blur?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
/**
* Motion animation preset
*/
motion?: 'none' | 'float' | 'shimmer' | 'ambient' | 'press';
/**
* Enable interactive states
*/
interactive?: boolean;
/**
* Contrast guard mode
*/
contrast?: 'auto' | 'on' | 'off';
/**
* Disabled state
*/
disabled?: boolean;
/**
* Add noise texture overlay
*/
noise?: boolean;
/**
* Add specular overlay
*/
specular?: boolean;
/**
* Add edge frost effect
*/
edge?: boolean;
/**
* Glow effect variant
*/
glow?: 'none' | 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
}
/**
* Advanced Glass Primitive Component
* Token-first glassmorphism with full a11y support
*/
export declare const GlassAdvanced: React.ForwardRefExoticComponent<GlassProps & React.RefAttributes<HTMLDivElement>>;
/**
* SSR-safe class composition helper
*/
export declare function composeGlassClasses(props: Partial<GlassProps>): string;
//# sourceMappingURL=GlassAdvanced.d.ts.map