aura-glass/dist/components/navigation/GlassHeader.d.ts

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

import React from "react";
import { type LiquidGlassMaterial as MaterialType, type MaterialVariant } from "../../tokens/glass";
import type { ConsciousnessFeatures } from "../layout/GlassContainer";
export interface HeaderAction {
    id: string;
    label: string;
    icon?: React.ReactNode;
    onClick?: () => void;
    href?: string;
    badge?: string | number;
    disabled?: boolean;
}
export interface UserMenuItem {
    id: string;
    label: string;
    icon?: React.ReactNode;
    href?: string;
    onClick?: () => void;
    disabled?: boolean;
    divider?: boolean;
}
export interface GlassHeaderProps extends React.HTMLAttributes<HTMLDivElement>, ConsciousnessFeatures {
    /**
     * Header variant
     */
    variant?: "default" | "floating" | "sticky" | "transparent";
    /**
     * Header size
     */
    size?: "sm" | "md" | "lg";
    /**
     * Material type - standard uses OptimizedGlass, liquid uses LiquidGlassMaterial
     */
    material?: MaterialType;
    /**
     * Material variant - regular or clear transparency (only for liquid material)
     */
    materialVariant?: MaterialVariant;
    /**
     * Enable scroll-adaptive density (liquid material only)
     */
    scrollAdaptive?: boolean;
    /**
     * Left content (logo, brand)
     */
    logo?: React.ReactNode;
    /**
     * Navigation items
     */
    navigation?: React.ReactNode;
    /**
     * Header actions
     */
    actions?: HeaderAction[];
    /**
     * Search configuration
     */
    search?: {
        placeholder?: string;
        onSearch?: (query: string) => void;
        suggestions?: string[];
    };
    /**
     * User menu configuration
     */
    userMenu?: {
        user: {
            name: string;
            email?: string;
            avatar?: string;
            status?: "online" | "away" | "busy" | "offline";
        };
        items: UserMenuItem[];
    };
    /**
     * Mobile menu toggle
     */
    mobileMenuOpen?: boolean;
    /**
     * Mobile menu toggle callback
     */
    onMobileMenuToggle?: () => void;
    /**
     * Breadcrumbs
     */
    breadcrumbs?: React.ReactNode;
    /**
     * Custom content
     */
    children?: React.ReactNode;
    className?: string;
}
/**
 * GlassHeader component
 * A glassmorphism header with navigation, search, and user menu
 */
export declare const GlassHeader: React.ForwardRefExoticComponent<GlassHeaderProps & React.RefAttributes<HTMLDivElement>>;
/**
 * HeaderBreadcrumbs component
 */
export interface BreadcrumbItem {
    label: string;
    href?: string;
    onClick?: () => void;
}
export interface HeaderBreadcrumbsProps {
    items: BreadcrumbItem[];
    separator?: React.ReactNode;
    className?: string;
}
export declare function HeaderBreadcrumbs({ items, separator, className, }: HeaderBreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
/**
 * HeaderNavigation component
 */
export interface NavItem {
    label: string;
    href?: string;
    onClick?: () => void;
    active?: boolean;
    disabled?: boolean;
}
export interface HeaderNavigationProps {
    items: NavItem[];
    className?: string;
}
export declare function HeaderNavigation({ items, className }: HeaderNavigationProps): import("react/jsx-runtime").JSX.Element;
/**
 * Enhanced GlassHeader with consciousness features enabled by default
 * Use this for headers that should be intelligent and adaptive
 */
export declare const ConsciousGlassHeader: React.ForwardRefExoticComponent<GlassHeaderProps & React.RefAttributes<HTMLDivElement>>;
/**
 * Predictive header with intelligent search suggestions and navigation tracking
 */
export declare const PredictiveHeader: React.ForwardRefExoticComponent<GlassHeaderProps & React.RefAttributes<HTMLDivElement>>;
/**
 * Gaze-responsive header with eye tracking for enhanced interactions
 */
export declare const GazeResponsiveHeader: React.ForwardRefExoticComponent<GlassHeaderProps & React.RefAttributes<HTMLDivElement>>;
/**
 * Accessibility-focused header with biometric adaptation and spatial audio
 */
export declare const AccessibleHeader: React.ForwardRefExoticComponent<GlassHeaderProps & React.RefAttributes<HTMLDivElement>>;
/**
 * Pre-configured consciousness header presets
 */
export declare const HeaderConsciousnessPresets: {
    /**
     * Minimal consciousness features for performance-sensitive contexts
     */
    readonly minimal: {
        readonly predictive: true;
        readonly trackAchievements: true;
    };
    /**
     * Balanced consciousness features for general use
     */
    readonly balanced: {
        readonly predictive: true;
        readonly adaptive: true;
        readonly biometricResponsive: true;
        readonly trackAchievements: true;
    };
    /**
     * Full consciousness features for immersive experiences
     */
    readonly immersive: {
        readonly predictive: true;
        readonly preloadContent: true;
        readonly eyeTracking: true;
        readonly gazeResponsive: true;
        readonly adaptive: true;
        readonly biometricResponsive: true;
        readonly spatialAudio: true;
        readonly audioFeedback: true;
        readonly trackAchievements: true;
    };
    /**
     * Accessibility-focused consciousness features
     */
    readonly accessible: {
        readonly adaptive: true;
        readonly biometricResponsive: true;
        readonly spatialAudio: true;
        readonly audioFeedback: true;
        readonly trackAchievements: true;
    };
};
//# sourceMappingURL=GlassHeader.d.ts.map