aura-glass/dist/components/layout/GlassAppShell.d.ts

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

import React from "react";
export interface GlassAppShellProps extends React.HTMLAttributes<HTMLDivElement> {
    /**
     * App shell variant
     */
    variant?: "default" | "floating" | "minimal";
    /**
     * Header component
     */
    header?: React.ReactNode;
    /**
     * Sidebar component
     */
    sidebar?: React.ReactNode;
    /**
     * Footer component
     */
    footer?: React.ReactNode;
    /**
     * Whether sidebar is collapsible
     */
    collapsible?: boolean;
    /**
     * Whether sidebar is collapsed by default
     */
    defaultCollapsed?: boolean;
    /**
     * Sidebar width
     */
    sidebarWidth?: "sm" | "md" | "lg";
    /**
     * Whether to show sidebar on mobile as overlay
     */
    mobileOverlay?: boolean;
    /**
     * Mobile breakpoint
     */
    mobileBreakpoint?: number;
    /**
     * Page padding
     */
    padding?: "none" | "sm" | "md" | "lg" | "xl";
    /**
     * Content max width
     */
    maxWidth?: "sm" | "md" | "lg" | "xl" | "2xl" | "full";
    /**
     * Whether content should be centered
     */
    centered?: boolean;
    /**
     * Glass elevation for main content
     */
    contentElevation?: 0 | 1 | 2 | 3 | 4;
    /**
     * Loading state
     */
    loading?: boolean;
    /**
     * Loading component
     */
    loadingComponent?: React.ReactNode;
    /**
     * Page transition animation
     */
    pageTransition?: boolean;
    /**
     * Whether to respect user's motion preferences
     */
    respectMotionPreference?: boolean;
    /**
     * Accessibility label for the main application shell
     */
    "aria-label"?: string;
    /**
     * Accessibility role for the shell
     */
    role?: string;
}
export interface BreadcrumbItem {
    label: string;
    href?: string;
}
export interface PageHeaderProps {
    /**
     * Page title
     */
    title: string;
    /**
     * Page description
     */
    description?: string;
    /**
     * Breadcrumb navigation - can be an array of breadcrumb items or any React node
     */
    breadcrumb?: BreadcrumbItem[] | React.ReactNode;
    /**
     * Page actions
     */
    actions?: React.ReactNode;
    /**
     * Header variant
     */
    variant?: "default" | "centered" | "minimal";
    className?: string;
}
export interface ContentSectionProps {
    /**
     * Section title
     */
    title?: string;
    /**
     * Section description
     */
    description?: string;
    /**
     * Section actions
     */
    actions?: React.ReactNode;
    /**
     * Section content
     */
    children: React.ReactNode;
    /**
     * Section variant
     */
    variant?: "default" | "card" | "minimal";
    /**
     * Glass elevation (for card variant)
     */
    elevation?: 0 | 1 | 2 | 3 | 4;
    /**
     * Whether to respect user's motion preferences
     */
    respectMotionPreference?: boolean;
    /**
     * Section ID for accessibility
     */
    id?: string;
    className?: string;
}
/**
 * GlassAppShell component
 * Modern application shell with glassmorphism design
 */
export declare const GlassAppShell: React.ForwardRefExoticComponent<GlassAppShellProps & React.RefAttributes<HTMLDivElement>>;
/**
 * PageHeader component
 * Consistent page header with title, description, and actions
 */
export declare const PageHeader: React.ForwardRefExoticComponent<PageHeaderProps & React.RefAttributes<HTMLDivElement>>;
/**
 * ContentSection component
 * Reusable content section with optional glassmorphism
 */
export declare const ContentSection: React.ForwardRefExoticComponent<ContentSectionProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=GlassAppShell.d.ts.map