aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
161 lines • 5.12 kB
TypeScript
/**
* AuraGlass Predictive UI Engine
* AI-powered system that learns user behavior and anticipates interface needs
*/
import React from "react";
interface UserInteraction {
type: "click" | "hover" | "scroll" | "focus" | "resize" | "navigate";
element: string;
timestamp: number;
context: {
viewport: {
width: number;
height: number;
};
timeOfDay: number;
deviceType: "mobile" | "tablet" | "desktop";
location?: {
x: number;
y: number;
};
duration?: number;
};
metadata: Record<string, any>;
}
interface BehavioralPattern {
id: string;
type: "sequence" | "temporal" | "spatial" | "contextual";
confidence: number;
frequency: number;
lastSeen: number;
pattern: any[];
prediction: string;
}
interface PredictiveAction {
id: string;
type: "preload" | "pre-render" | "animate" | "suggest" | "optimize";
target: string;
confidence: number;
timing: number;
metadata: Record<string, any>;
}
interface PredictiveInsight {
id: string;
type?: string;
category: "performance" | "usability" | "accessibility" | "engagement";
insight: string;
confidence: number;
impact: number;
recommendation: string;
metadata?: {
sentiment?: "positive" | "neutral" | "negative";
urgency?: "low" | "medium" | "high";
topic?: string;
userStress?: number;
complexity?: number;
[key: string]: any;
};
}
declare class PredictiveUIEngine {
private interactions;
private patterns;
private neuralNet;
private sessionStartTime;
private predictions;
private insights;
constructor();
private loadStoredData;
private saveData;
recordInteraction(interaction: UserInteraction): void;
private analyzePatterns;
private analyzeSequentialPatterns;
private analyzeTemporalPatterns;
private analyzeSpatialPatterns;
private analyzeContextualPatterns;
private generatePredictions;
private createPredictiveAction;
private generateNeuralPredictions;
private generateInsights;
private findCommonElements;
private getScreenRegion;
private findSpatialSequences;
private findContextualPatterns;
private interactionsToVector;
private hashString;
private calculateAverageResponseTime;
private calculateAbandonmentRate;
getPredictions(): PredictiveAction[];
getInsights(): PredictiveInsight[];
getPatterns(): BehavioralPattern[];
generateWorkflowSuggestions(context: any): Promise<any[]>;
analyzeBoardPerformance(context: any): Promise<any>;
trainFromFeedback(actionId: string, wasAccurate: boolean): void;
}
export declare function GlassPredictiveEngineProvider({ children, onPrediction, onInsight, }: {
children: React.ReactNode;
onPrediction?: (prediction: PredictiveAction) => void;
onInsight?: (insight: PredictiveInsight) => void;
}): import("react/jsx-runtime").JSX.Element;
export declare function usePredictiveEngine(): {
engine: PredictiveUIEngine | null;
recordInteraction: (interaction: Omit<UserInteraction, "timestamp">) => void;
predictions: PredictiveAction[];
insights: PredictiveInsight[];
};
export declare function GlassPredictionIndicator({ className, showInsights, maxPredictions, }: {
className?: string;
showInsights?: boolean;
maxPredictions?: number;
}): import("react/jsx-runtime").JSX.Element;
export declare function useInteractionRecorder(elementId?: string): {
recordClick: (event: React.MouseEvent) => void;
recordHover: (event: React.MouseEvent) => void;
recordFocus: (event: React.FocusEvent) => void;
};
export declare const predictiveEnginePresets: {
conservative: {
neuralNetConfig: {
inputSize: number;
hiddenSize: number;
outputSize: number;
};
confidenceThreshold: number;
maxPredictions: number;
};
balanced: {
neuralNetConfig: {
inputSize: number;
hiddenSize: number;
outputSize: number;
};
confidenceThreshold: number;
maxPredictions: number;
};
aggressive: {
neuralNetConfig: {
inputSize: number;
hiddenSize: number;
outputSize: number;
};
confidenceThreshold: number;
maxPredictions: number;
};
experimental: {
neuralNetConfig: {
inputSize: number;
hiddenSize: number;
outputSize: number;
};
confidenceThreshold: number;
maxPredictions: number;
};
};
interface GlassPredictiveEngineProps extends React.HTMLAttributes<HTMLDivElement> {
onPrediction?: (prediction: PredictiveAction) => void;
onInsight?: (insight: PredictiveInsight) => void;
showIndicator?: boolean;
children?: React.ReactNode;
}
export declare const GlassPredictiveEngine: React.FC<GlassPredictiveEngineProps>;
export default GlassPredictiveEngine;
//# sourceMappingURL=GlassPredictiveEngine.d.ts.map