aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
43 lines • 1.35 kB
TypeScript
/**
* AuraGlass Magnetic Cursor Effects
* Interactive cursor with magnetic attraction and glass effects
*/
import React from "react";
interface GlassMagneticCursorProps {
className?: string;
variant?: "default" | "glow" | "trail" | "morph" | "ripple";
size?: number;
color?: string;
magnetStrength?: number;
magnetRadius?: number;
showCursor?: boolean;
trailLength?: number;
glowIntensity?: number;
morphTargets?: boolean;
hapticFeedback?: boolean;
customCursor?: React.ReactNode;
respectMotionPreference?: boolean;
"aria-label"?: string;
"aria-describedby"?: string;
role?: string;
}
export declare const GlassMagneticCursor: React.ForwardRefExoticComponent<GlassMagneticCursorProps & React.RefAttributes<HTMLDivElement>>;
export declare const GlassMagneticWrapper: React.ForwardRefExoticComponent<{
children: React.ReactNode;
className?: string;
strength?: number;
radius?: number;
haptic?: boolean;
"aria-label"?: string;
role?: string;
} & React.RefAttributes<HTMLDivElement>>;
export declare function useMagneticCursor(options?: {
strength?: number;
radius?: number;
onHover?: (isHovering: boolean) => void;
}): {
ref: React.RefObject<HTMLElement>;
isHovering: boolean;
};
export {};
//# sourceMappingURL=GlassMagneticCursor.d.ts.map