aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
97 lines • 2.99 kB
TypeScript
import React from "react";
export interface GlassEngineConfig {
opacity: {
base: number;
hover: number;
active: number;
};
blur: {
base: number;
hover: number;
active: number;
};
brightness: {
base: number;
hover: number;
active: number;
};
tinting: {
enabled: boolean;
intensity: number;
adaptiveColor: boolean;
};
texture: {
type: "smooth" | "frosted" | "rippled" | "crystalline" | "liquid";
intensity: number;
animated: boolean;
};
environment: {
weatherReactive: boolean;
timeReactive: boolean;
temperatureReactive: boolean;
};
}
interface GlassEngineContextType {
config: GlassEngineConfig;
updateConfig: (newConfig: Partial<GlassEngineConfig>) => void;
createGlassStyle: (variant?: string, customProps?: Partial<GlassEngineConfig>) => React.CSSProperties;
getTexturePattern: (type: string) => string;
adaptToEnvironment: (conditions: EnvironmentalConditions) => void;
}
interface EnvironmentalConditions {
weather: "sunny" | "cloudy" | "rainy" | "snowy" | "foggy";
temperature: number;
timeOfDay: number;
humidity: number;
season: "spring" | "summer" | "autumn" | "winter";
}
export declare const useGlassEngine: () => GlassEngineContextType;
export declare const GlassEngineProvider: React.FC<{
children: React.ReactNode;
initialConfig?: Partial<GlassEngineConfig>;
}>;
interface AdaptiveGlassProps {
children: React.ReactNode;
variant?: "base" | "hover" | "active";
textureOverride?: string;
environmentalAware?: boolean;
className?: string;
as?: keyof JSX.IntrinsicElements;
[key: string]: any;
}
export declare const AdaptiveGlass: React.FC<AdaptiveGlassProps>;
export declare const GlassOpacityEngine: React.FC<{
children: React.ReactNode;
dynamicOpacity?: boolean;
opacityRange?: [number, number];
trigger?: "hover" | "scroll" | "time" | "content";
className?: string;
}>;
export declare const GlassColorTinting: React.FC<{
children: React.ReactNode;
contentAware?: boolean;
tintColor?: string;
intensity?: number;
className?: string;
}>;
export declare const GlassTextureVariations: React.FC<{
children: React.ReactNode;
contentType?: "text" | "image" | "video" | "code" | "data";
autoAdapt?: boolean;
className?: string;
}>;
export declare const EnvironmentalGlass: React.FC<{
children: React.ReactNode;
weatherAPI?: boolean;
timeSync?: boolean;
className?: string;
}>;
export declare const GlassEngineDemo: React.FC;
export interface GlassEngineProps extends React.HTMLAttributes<HTMLDivElement> {
initialConfig?: Partial<GlassEngineConfig>;
renderDemo?: boolean;
children?: React.ReactNode;
}
export declare const GlassEngine: React.FC<GlassEngineProps>;
export default GlassEngine;
//# sourceMappingURL=GlassEngine.d.ts.map