aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
163 lines • 3.89 kB
TypeScript
/**
* AuraGlass Adaptive AI-Powered UI System
* Machine learning-driven UI optimization and personalization
*/
interface UserBehavior {
clicks: {
element: string;
timestamp: number;
position: {
x: number;
y: number;
};
}[];
hovers: {
element: string;
duration: number;
timestamp: number;
}[];
scrollPatterns: {
depth: number;
speed: number;
timestamp: number;
}[];
preferences: Map<string, any>;
interactionHeatmap: number[][];
sessionDuration: number;
deviceType: string;
timezone: string;
}
interface AdaptiveConfig {
glassIntensity: number;
animationSpeed: number;
colorScheme: 'light' | 'dark' | 'auto';
layoutDensity: 'compact' | 'comfortable' | 'spacious';
focusMode: boolean;
reducedMotion: boolean;
contrastLevel: 'normal' | 'high' | 'highest';
fontSize: number;
hapticStrength: number;
soundEnabled: boolean;
}
export declare class AdaptiveAIEngine {
private static instance;
private userBehavior;
private adaptiveConfig;
private modelWeights;
private learningRate;
private sessionStartTime;
private interactionHistory;
private constructor();
static getInstance(): AdaptiveAIEngine;
/**
* Initialize user behavior tracking
*/
private initUserBehavior;
/**
* Get default adaptive configuration
*/
private getDefaultConfig;
/**
* Detect device type
*/
private detectDeviceType;
/**
* Initialize behavior tracking
*/
private initializeTracking;
/**
* Analyze user behavior and adapt UI
*/
private analyzeAndAdapt;
/**
* Analyze user interaction patterns
*/
private analyzePatterns;
/**
* Identify interaction hotspots
*/
private identifyHotspots;
/**
* Detect user preferences from behavior
*/
private detectPreferences;
/**
* Generate AI predictions
*/
private generatePredictions;
/**
* Predict next user action
*/
private predictNextAction;
/**
* Generate UI suggestions
*/
private generateSuggestions;
/**
* Generate optimized configuration
*/
private generateOptimizations;
/**
* Update configuration with predictions
*/
private updateConfiguration;
/**
* Apply optimizations to the UI
*/
private applyOptimizations;
/**
* Get current adaptive configuration
*/
getConfiguration(): AdaptiveConfig;
/**
* Get behavior insights
*/
getInsights(): {
totalInteractions: number;
sessionDuration: number;
averageScrollSpeed: number;
hotspots: {
x: number;
y: number;
intensity: number;
}[];
preferences: Record<string, any>;
adaptiveConfig: AdaptiveConfig;
};
/**
* Reset learning
*/
reset(): void;
/**
* Export learning data
*/
exportData(): {
userBehavior: UserBehavior;
adaptiveConfig: AdaptiveConfig;
modelWeights: [string, number][];
interactionHistory: any[];
};
/**
* Import learning data
*/
importData(data: ReturnType<typeof this.exportData>): void;
}
export declare const adaptiveAI: AdaptiveAIEngine;
export declare function useAdaptiveAI(): {
config: AdaptiveConfig;
insights: {
totalInteractions: number;
sessionDuration: number;
averageScrollSpeed: number;
hotspots: {
x: number;
y: number;
intensity: number;
}[];
preferences: Record<string, any>;
adaptiveConfig: AdaptiveConfig;
};
ai: AdaptiveAIEngine;
};
export {};
//# sourceMappingURL=adaptiveAI.d.ts.map