aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
42 lines • 1.24 kB
TypeScript
import React from "react";
export interface HeaderUserMenuItem {
id: string;
label: string;
icon?: React.ReactNode;
href?: string;
onClick?: () => void;
variant?: "default" | "danger";
separator?: boolean;
}
export interface HeaderUserInfo {
id: string;
name: string;
email?: string;
avatar?: string;
status?: "online" | "away" | "busy" | "offline";
}
export interface HeaderUserMenuProps {
user?: HeaderUserInfo;
items?: HeaderUserMenuItem[];
className?: string;
/** Glass surface intent */
intent?: "neutral" | "primary" | "success" | "warning" | "danger" | "info";
/** Glass surface elevation */
elevation?: "level1" | "level2" | "level3" | "level4";
/** Performance tier */
tier?: "low" | "medium" | "high";
/**
* Whether to respect motion preferences for animations
*/
respectMotionPreference?: boolean;
/**
* Accessible label for the menu
*/
"aria-label"?: string;
/**
* Test ID for testing
*/
"data-testid"?: string;
}
export declare const HeaderUserMenu: React.ForwardRefExoticComponent<HeaderUserMenuProps & React.RefAttributes<HTMLButtonElement>>;
//# sourceMappingURL=HeaderUserMenu.d.ts.map