aura-glass/dist/components/modal/GlassHoverCard.d.ts

A comprehensive glassmorphism design system for React applications with 142+ production-ready components

import React from "react";
export interface GlassHoverCardProps {
    /**
     * Content to display in the hover card
     */
    content: React.ReactNode;
    /**
     * Children to trigger the hover card
     */
    children: React.ReactNode;
    /**
     * Hover card placement
     */
    placement?: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
    /**
     * Hover card alignment
     */
    align?: "start" | "center" | "end";
    /**
     * Offset from trigger element
     */
    offset?: number;
    /**
     * Delay before showing (ms)
     */
    showDelay?: number;
    /**
     * Delay before hiding (ms)
     */
    hideDelay?: number;
    /**
     * Whether hover card is open
     */
    open?: boolean;
    /**
     * Callback when open state changes
     */
    onOpenChange?: (open: boolean) => void;
    /**
     * Custom className
     */
    className?: string;
    /**
     * Maximum width
     */
    maxWidth?: string | number;
    /**
     * Custom trigger className
     */
    triggerClassName?: string;
    /**
     * Accessible title for the hover card
     */
    title?: string;
    /**
     * Accessible description for the hover card
     */
    description?: string;
    /**
     * Whether to respect motion preferences
     */
    respectMotionPreference?: boolean;
    /**
     * Custom aria-label
     */
    "aria-label"?: string;
    /**
     * Custom aria-labelledby
     */
    "aria-labelledby"?: string;
    /**
     * Custom aria-describedby
     */
    "aria-describedby"?: string;
}
export interface GlassHoverCardContentProps {
    /**
     * Content to display
     */
    children: React.ReactNode;
    /**
     * Content className
     */
    className?: string;
    /**
     * Whether to show arrow
     */
    showArrow?: boolean;
    /**
     * Arrow className
     */
    arrowClassName?: string;
}
export interface GlassHoverCardTriggerProps {
    /**
     * Trigger content
     */
    children: React.ReactNode;
    /**
     * Trigger className
     */
    className?: string;
    /**
     * Trigger as child
     */
    asChild?: boolean;
}
/**
 * GlassHoverCard component
 * A glassmorphism hover card that appears on hover
 */
export declare const GlassHoverCard: React.ForwardRefExoticComponent<GlassHoverCardProps & React.RefAttributes<HTMLDivElement>>;
/**
 * GlassHoverCardContent component
 * Content wrapper for hover card
 */
export declare const GlassHoverCardContent: React.FC<GlassHoverCardContentProps>;
/**
 * GlassHoverCardTrigger component
 * Trigger wrapper for hover card
 */
export declare const GlassHoverCardTrigger: React.FC<GlassHoverCardTriggerProps>;
/**
 * Hook for managing hover card state
 */
export declare const useHoverCard: () => {
    isOpen: boolean;
    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
    open: () => void;
    close: () => void;
    toggle: () => void;
};
//# sourceMappingURL=GlassHoverCard.d.ts.map