aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
88 lines • 2.47 kB
TypeScript
/**
* AuraGlass Context-Aware Glass Intensity
* Dynamic glass effects based on environment and usage patterns
*/
import React from "react";
interface EnvironmentContext {
lightLevel: number;
colorTemperature: number;
ambientNoise: number;
batteryLevel: number;
networkSpeed: number;
cpuUsage: number;
memoryUsage: number;
time: {
hour: number;
isWorkingHours: boolean;
timeZone: string;
};
location: {
type: "indoor" | "outdoor" | "unknown";
weather?: string;
};
device: {
type: "mobile" | "tablet" | "desktop" | "tv";
orientation: "portrait" | "landscape";
pixelRatio: number;
refreshRate: number;
};
}
interface UsageContext {
focusMode: boolean;
taskType: "reading" | "writing" | "media" | "gaming" | "work" | "casual";
sessionDuration: number;
interactionIntensity: number;
stressLevel: number;
productivity: number;
}
interface GlassContextAwareProps {
children: React.ReactNode;
className?: string;
adaptationSpeed?: number;
sensitivity?: number;
override?: Partial<{
intensity: number;
blur: number;
opacity: number;
contrast: number;
saturation: number;
}>;
onContextChange?: (context: EnvironmentContext & UsageContext) => void;
}
export declare function GlassContextAware({ children, className, adaptationSpeed, sensitivity, override, onContextChange, }: GlassContextAwareProps): import("react/jsx-runtime").JSX.Element;
export declare function useGlassContextAware(): {
context: (EnvironmentContext & UsageContext) | null;
setContext: React.Dispatch<React.SetStateAction<(EnvironmentContext & UsageContext) | null>>;
isAdaptive: boolean;
};
export declare const contextAwarePresets: {
office: {
adaptationSpeed: number;
sensitivity: number;
};
gaming: {
adaptationSpeed: number;
sensitivity: number;
};
reading: {
adaptationSpeed: number;
sensitivity: number;
};
presentation: {
adaptationSpeed: number;
sensitivity: number;
override: {
intensity: number;
opacity: number;
};
};
accessibility: {
adaptationSpeed: number;
sensitivity: number;
override: {
contrast: number;
};
};
};
export {};
//# sourceMappingURL=GlassContextAware.d.ts.map