aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
171 lines • 5 kB
TypeScript
import React from 'react';
export interface ConsciousnessFeatures {
/**
* Master consciousness toggle
*/
consciousness?: boolean;
/**
* Enable predictive UI features
*/
predictive?: boolean;
/**
* Enable content preloading
*/
preloadContent?: boolean;
/**
* Enable eye tracking integration
*/
eyeTracking?: boolean;
/**
* Enable gaze-responsive features
*/
gazeResponsive?: boolean;
/**
* Enable biometric adaptation
*/
adaptive?: boolean;
/**
* Enable biometric responsive features
*/
biometricResponsive?: boolean;
/**
* Enable spatial audio
*/
spatialAudio?: boolean;
/**
* Enable audio feedback
*/
audioFeedback?: boolean;
/**
* Enable achievement tracking
*/
trackAchievements?: boolean;
/**
* Achievement identifier
*/
achievementId?: string;
/**
* Container usage context for consciousness features
*/
usageContext?: 'main' | 'sidebar' | 'modal' | 'card' | 'list' | 'form';
}
export interface GlassContainerProps extends React.HTMLAttributes<HTMLDivElement>, ConsciousnessFeatures {
/**
* Container size
*/
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
/**
* Container centering
*/
centered?: boolean;
/**
* Container padding
*/
padding?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
/**
* Responsive padding
*/
responsivePadding?: {
sm?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
md?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
lg?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
xl?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
'2xl'?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
};
/**
* Container variant
*/
variant?: 'default' | 'fluid' | 'breakout';
/**
* Whether to apply glassmorphism background
*/
glass?: boolean;
/**
* Glass elevation level
*/
elevation?: 0 | 1 | 2 | 3 | 4 | 'float' | 'modal';
/**
* Border radius
*/
radius?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
/**
* Glass material variant
*/
material?: 'glass' | 'liquid';
/**
* Material properties for liquid glass
*/
materialProps?: {
ior?: number;
thickness?: number;
tint?: {
r: number;
g: number;
b: number;
a: number;
};
variant?: 'regular' | 'clear';
quality?: 'ultra' | 'high' | 'balanced' | 'efficient';
};
}
/**
* GlassContainer component
* Responsive container with glassmorphism styling, flexible sizing, and consciousness interface integration
*/
export declare const GlassContainer: React.ForwardRefExoticComponent<GlassContainerProps & React.RefAttributes<HTMLDivElement>>;
export declare const Container: React.ForwardRefExoticComponent<GlassContainerProps & React.RefAttributes<HTMLDivElement>>;
/**
* Enhanced GlassContainer with consciousness features enabled by default
* Use this for containers that should be intelligent and adaptive
*/
export declare const ConsciousGlassContainer: React.ForwardRefExoticComponent<GlassContainerProps & React.RefAttributes<HTMLDivElement>>;
/**
* Utility function to create consciousness-enhanced variants of any container
*/
export declare function withConsciousness<T extends GlassContainerProps>(defaultProps?: Partial<ConsciousnessFeatures>): (props: T) => import("react/jsx-runtime").JSX.Element;
/**
* Pre-configured consciousness container presets
*/
export declare const ConsciousnessPresets: {
/**
* Minimal consciousness features for performance-sensitive contexts
*/
readonly minimal: {
readonly predictive: true;
readonly trackAchievements: true;
};
/**
* Balanced consciousness features for general use
*/
readonly balanced: {
readonly predictive: true;
readonly adaptive: true;
readonly biometricResponsive: true;
readonly trackAchievements: true;
};
/**
* Full consciousness features for immersive experiences
*/
readonly immersive: {
readonly predictive: true;
readonly preloadContent: true;
readonly eyeTracking: true;
readonly gazeResponsive: true;
readonly adaptive: true;
readonly biometricResponsive: true;
readonly spatialAudio: true;
readonly audioFeedback: true;
readonly trackAchievements: true;
};
/**
* Accessibility-focused consciousness features
*/
readonly accessible: {
readonly adaptive: true;
readonly biometricResponsive: true;
readonly spatialAudio: true;
readonly audioFeedback: true;
readonly trackAchievements: true;
};
};
//# sourceMappingURL=GlassContainer.d.ts.map