aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
33 lines • 1.31 kB
TypeScript
import React from 'react';
import { GlassIntent, GlassElevation, QualityTier } from '../core/mixins/glassMixins';
export interface GlassProps extends React.HTMLAttributes<HTMLDivElement> {
/** Glass semantic intent */
intent?: GlassIntent;
/** Glass elevation level */
elevation?: GlassElevation;
/** Performance quality tier */
tier?: QualityTier;
/** Border radius */
radius?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
/** Enable interactive states */
interactive?: boolean;
/** Enable hover lift effect */
hoverLift?: boolean;
/** Enable focus ring */
focusRing?: boolean;
/** Enable press effect */
press?: boolean;
/** Custom CSS classes */
className?: string;
/** Children elements */
children?: React.ReactNode;
}
declare const GlassCore: React.ForwardRefExoticComponent<GlassProps & React.RefAttributes<HTMLDivElement>>;
export { GlassCore };
export default GlassCore;
export type { GlassIntent, GlassElevation, QualityTier };
/** @deprecated Use GlassIntent instead */
export type GlassVariant = 'clear' | 'frosted' | 'tinted' | 'luminous' | 'dynamic';
/** @deprecated Use elevation levels instead */
export type BlurIntensity = 'none' | 'subtle' | 'medium' | 'strong' | 'intense';
//# sourceMappingURL=GlassCore.d.ts.map