aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
57 lines • 2.83 kB
TypeScript
import React from "react";
export interface GlassAlertProps extends React.HTMLAttributes<HTMLDivElement> {
/** Alert variant */
variant?: "default" | "success" | "warning" | "error" | "info" | "destructive";
/** Alert size */
size?: "sm" | "md" | "lg";
/** Glass elevation */
elevation?: "level1" | "level2" | "level3" | "level4";
/** Whether to show default icon */
showIcon?: boolean;
/** Custom icon to display */
icon?: React.ReactNode;
/** Whether the alert is dismissible */
dismissible?: boolean;
/** Callback when alert is dismissed */
onDismiss?: () => void;
/** Whether to animate entrance */
animate?: boolean;
/** Glass blur effect */
blur?: "none" | "subtle" | "medium" | "strong" | "intense";
/** Glass animation */
animation?: "none" | "float" | "pulse" | "shimmer" | "breathe" | "morph" | "ripple" | "wave";
/** Glass border style */
border?: "none" | "subtle" | "glow" | "gradient" | "neon" | "dynamic" | "particle";
/** Glass lighting effect */
lighting?: "ambient" | "directional" | "volumetric" | "caustic" | "iridescent";
/** Glass intensity */
intensity?: "subtle" | "medium" | "strong" | "extreme" | "ultra";
/** Performance mode */
performanceMode?: "low" | "medium" | "high" | "ultra";
/** Respect user's motion preferences */
respectMotionPreference?: boolean;
/** ARIA live region priority */
"aria-live"?: "polite" | "assertive" | "off";
}
declare const GlassAlert: React.ForwardRefExoticComponent<GlassAlertProps & React.RefAttributes<HTMLDivElement>>;
export interface GlassAlertTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
/** Title size variant */
size?: "sm" | "md" | "lg";
}
declare const GlassAlertTitle: React.ForwardRefExoticComponent<GlassAlertTitleProps & React.RefAttributes<HTMLParagraphElement>>;
export interface GlassAlertDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {
/** Description size variant */
size?: "xs" | "sm" | "md";
}
declare const GlassAlertDescription: React.ForwardRefExoticComponent<GlassAlertDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
export interface GlassAlertActionsProps extends React.HTMLAttributes<HTMLDivElement> {
/** Actions alignment */
align?: "left" | "right" | "center";
/** Actions spacing */
spacing?: "sm" | "md" | "lg";
}
declare const GlassAlertActions: React.ForwardRefExoticComponent<GlassAlertActionsProps & React.RefAttributes<HTMLDivElement>>;
export { GlassAlert, GlassAlertActions, GlassAlertDescription, GlassAlertTitle, };
export { GlassAlert as Alert, GlassAlertActions as AlertActions, GlassAlertDescription as AlertDescription, GlassAlertTitle as AlertTitle, };
export default GlassAlert;
//# sourceMappingURL=GlassAlert.d.ts.map