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

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

import React from "react";
import { MobileNavSection } from "./GlassMobileNav";
import { BottomNavItem } from "./GlassBottomNav";
export interface ResponsiveNavConfig {
    /**
     * Mobile breakpoint (px)
     */
    mobileBreakpoint?: number;
    /**
     * Tablet breakpoint (px)
     */
    tabletBreakpoint?: number;
    /**
     * Navigation behavior on mobile
     */
    mobileNavType?: "drawer" | "bottom" | "both";
    /**
     * Navigation behavior on tablet
     */
    tabletNavType?: "drawer" | "bottom" | "sidebar";
}
export interface GlassResponsiveNavProps {
    /**
     * Responsive configuration
     */
    config?: ResponsiveNavConfig;
    /**
     * Whether mobile nav is open
     */
    mobileNavOpen?: boolean;
    /**
     * Mobile nav open state change handler
     */
    onMobileNavOpenChange?: (open: boolean) => void;
    /**
     * Navigation sections (for drawer/sidebar)
     */
    navigation?: MobileNavSection[];
    /**
     * Bottom navigation items
     */
    bottomNavItems?: BottomNavItem[];
    /**
     * Current active path
     */
    activePath?: string;
    /**
     * Active bottom nav item ID
     */
    activeBottomNavId?: string;
    /**
     * Bottom nav active change handler
     */
    onBottomNavActiveChange?: (id: string) => void;
    /**
     * Path matcher function
     */
    isActive?: (href: string, activePath: string) => boolean;
    /**
     * Logo/brand component
     */
    logo?: React.ReactNode;
    /**
     * Navigation title
     */
    title?: string;
    /**
     * Footer content for mobile nav
     */
    footer?: React.ReactNode;
    /**
     * Glass elevation
     */
    elevation?: 0 | 1 | 2 | 3 | 4 | "float" | "modal";
    /**
     * Custom classes
     */
    className?: string;
    /**
     * Children content
     */
    children?: React.ReactNode;
    /**
     * Whether to respect motion preferences for animations
     */
    respectMotionPreference?: boolean;
    /**
     * ARIA label for the navigation
     */
    "aria-label"?: string;
}
/**
 * GlassResponsiveNav component
 * Adaptive navigation that switches between mobile drawer and bottom nav based on screen size
 */
export declare const GlassResponsiveNav: React.ForwardRefExoticComponent<GlassResponsiveNavProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=GlassResponsiveNav.d.ts.map