aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
54 lines • 1.9 kB
TypeScript
import React from "react";
interface ColorPalette {
primary: string;
secondary: string;
accent: string;
background: string;
surface: string;
text: string;
textSecondary: string;
border: string;
glassBase: string;
glassTint: string;
}
interface ColorAnalysis {
dominantColors: string[];
brightness: number;
contrast: number;
temperature: "warm" | "cool" | "neutral";
saturation: number;
mood: "energetic" | "calm" | "vibrant" | "muted";
}
interface ColorAdaptationConfig {
enabled: boolean;
sensitivity: number;
transitionDuration: number;
preserveAccessibility: boolean;
contextualAwareness: boolean;
timeBasedShifts: boolean;
seasonalAdaptation: boolean;
brandColorInfluence: number;
}
interface IntelligentColorContextType {
currentPalette: ColorPalette;
config: ColorAdaptationConfig;
adaptToPalette: (analysis: ColorAnalysis) => void;
adaptToTime: (timeOfDay: number) => void;
adaptToSeason: (season: "spring" | "summer" | "autumn" | "winter") => void;
adaptToBrand: (brandColors: string[]) => void;
updateConfig: (newConfig: Partial<ColorAdaptationConfig>) => void;
analyzeContent: (element: HTMLElement) => ColorAnalysis;
getAccessiblePalette: (basePalette: ColorPalette) => ColorPalette;
}
export declare const useIntelligentColor: () => IntelligentColorContextType;
export declare const IntelligentColorProvider: React.FC<{
children: React.ReactNode;
}>;
export declare const ColorAdaptationDemo: React.FC;
export declare function IntelligentColorSystem({ children, className, colors, ...props }: {
children?: React.ReactNode;
className?: string;
colors?: string[];
} & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
export default IntelligentColorProvider;
//# sourceMappingURL=IntelligentColorSystem.d.ts.map