aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
45 lines • 1.63 kB
TypeScript
import React from "react";
export interface MoodState {
name: string;
color: string;
intensity: number;
description: string;
icon?: React.ReactNode;
}
export interface GlassMoodRingProps extends React.HTMLAttributes<HTMLDivElement> {
/** Current mood state */
mood?: MoodState;
/** Available mood states */
moodStates?: MoodState[];
/** Size of the mood ring */
size?: "sm" | "md" | "lg" | "xl";
/** Whether the ring is interactive */
interactive?: boolean;
/** Whether to show mood transitions */
animated?: boolean;
/** Transition duration in milliseconds */
transitionDuration?: number;
/** Whether to show mood labels */
showLabels?: boolean;
/** Whether to show mood description */
showDescription?: boolean;
/** Custom mood change handler */
onMoodChange?: (mood: MoodState) => void;
/** Auto-transition interval in milliseconds */
autoTransition?: number;
/** Whether to enable biometric integration */
biometricIntegration?: boolean;
/** Ambient response to environmental factors */
ambientResponse?: boolean;
/** Ring thickness */
thickness?: "thin" | "medium" | "thick";
/** Glow effect intensity */
glowIntensity?: "none" | "subtle" | "medium" | "strong";
/** Pulse animation */
pulse?: boolean;
/** Respect user's motion preferences */
respectMotionPreference?: boolean;
}
export declare const GlassMoodRing: React.ForwardRefExoticComponent<GlassMoodRingProps & React.RefAttributes<HTMLDivElement>>;
export default GlassMoodRing;
//# sourceMappingURL=GlassMoodRing.d.ts.map