/**
 * @usevyre/react — Sidebar & App Layout
 *
 * AI CONTEXT:
 * ┌──────────────────────────────────────────────────────────────┐
 * │ Layout hierarchy:                                            │
 * │                                                              │
 * │ AppLayout              — root, manages collapsed state       │
 * │ ├── Sidebar            — left column                        │
 * │ │   ├── SidebarHeader  — logo + app name                    │
 * │ │   ├── SidebarContent — scrollable nav area                │
 * │ │   │   └── SidebarSection → SidebarItem                   │
 * │ │   └── SidebarFooter  — pinned bottom area                 │
 * │ └── AppShell           — right column (flex: 1)             │
 * │     ├── AppBar         — optional top bar                   │
 * │     │   └── SidebarTrigger — collapse toggle button         │
 * │     └── PageContent    — scrollable page content            │
 * │                                                              │
 * │ Import: import { AppLayout, AppShell, AppBar,               │
 * │           PageContent, SidebarTrigger,                      │
 * │           Sidebar, SidebarHeader, SidebarContent,           │
 * │           SidebarSection, SidebarItem, SidebarFooter }      │
 * │         from "@usevyre/react"                                  │
 * │                                                              │
 * │ AppLayout props:                                             │
 * │   defaultCollapsed = boolean (uncontrolled default)         │
 * │   collapsed  = boolean (controlled)                         │
 * │   onCollapsedChange = (v: boolean) => void                  │
 * │   className = string                                        │
 * │                                                              │
 * │ Sidebar props:                                               │
 * │   variant = "default" | "floating"                          │
 * │   className = string                                        │
 * │                                                              │
 * │ SidebarItem props:                                           │
 * │   active  = boolean                                         │
 * │   icon    = ReactNode                                       │
 * │   badge   = string | number                                 │
 * │   href    = string                                          │
 * │   onClick = () => void                                      │
 * │                                                              │
 * │ SidebarTrigger props (all optional):                         │
 * │   icon          = ReactNode (shown when expanded;           │
 * │                   default = built-in menu icon)             │
 * │   collapsedIcon = ReactNode (shown when collapsed;          │
 * │                   falls back to icon)                       │
 * └──────────────────────────────────────────────────────────────┘
 *
 * @example
 * <AppLayout>
 *   <Sidebar>
 *     <SidebarHeader title="Workspace" logo={<AppLogo />} />
 *     <SidebarContent>
 *       <SidebarSection label="Main">
 *         <SidebarItem icon={<HomeIcon />} active href="/">Dashboard</SidebarItem>
 *         <SidebarItem icon={<UsersIcon />} href="/users">Users</SidebarItem>
 *       </SidebarSection>
 *     </SidebarContent>
 *     <SidebarFooter>
 *       <SidebarItem icon={<SettingsIcon />} href="/settings">Settings</SidebarItem>
 *     </SidebarFooter>
 *   </Sidebar>
 *   <AppShell>
 *     <AppBar>
 *       <SidebarTrigger />
 *       <Breadcrumb>...</Breadcrumb>
 *     </AppBar>
 *     <PageContent>
 *       <h1>Dashboard</h1>
 *     </PageContent>
 *   </AppShell>
 * </AppLayout>
 */
import React from "react";
interface AppLayoutCtx {
    collapsed: boolean;
    toggleCollapsed: () => void;
}
export declare const useAppLayout: () => AppLayoutCtx;
export interface AppLayoutProps {
    defaultCollapsed?: boolean;
    collapsed?: boolean;
    onCollapsedChange?: (v: boolean) => void;
    className?: string;
    children?: React.ReactNode;
}
export declare const AppLayout: React.ForwardRefExoticComponent<AppLayoutProps & React.RefAttributes<HTMLDivElement>>;
export interface SidebarProps {
    variant?: "default" | "floating";
    className?: string;
    children?: React.ReactNode;
}
export declare const Sidebar: React.ForwardRefExoticComponent<SidebarProps & React.RefAttributes<HTMLElement>>;
export interface SidebarHeaderProps {
    logo?: React.ReactNode;
    title?: string;
    className?: string;
    children?: React.ReactNode;
}
export declare const SidebarHeader: React.ForwardRefExoticComponent<SidebarHeaderProps & React.RefAttributes<HTMLDivElement>>;
export interface SidebarContentProps {
    className?: string;
    children?: React.ReactNode;
}
export declare const SidebarContent: React.ForwardRefExoticComponent<SidebarContentProps & React.RefAttributes<HTMLDivElement>>;
export interface SidebarSectionProps {
    label?: string;
    className?: string;
    children?: React.ReactNode;
}
export declare const SidebarSection: React.ForwardRefExoticComponent<SidebarSectionProps & React.RefAttributes<HTMLDivElement>>;
export interface SidebarItemProps {
    active?: boolean;
    icon?: React.ReactNode;
    badge?: string | number;
    href?: string;
    onClick?: () => void;
    className?: string;
    children?: React.ReactNode;
}
export declare const SidebarItem: React.FC<SidebarItemProps>;
export interface SidebarFooterProps {
    className?: string;
    children?: React.ReactNode;
}
export declare const SidebarFooter: React.ForwardRefExoticComponent<SidebarFooterProps & React.RefAttributes<HTMLDivElement>>;
export interface AppShellProps {
    className?: string;
    children?: React.ReactNode;
}
export declare const AppShell: React.ForwardRefExoticComponent<AppShellProps & React.RefAttributes<HTMLDivElement>>;
export interface AppBarProps {
    className?: string;
    children?: React.ReactNode;
}
export declare const AppBar: React.ForwardRefExoticComponent<AppBarProps & React.RefAttributes<HTMLElement>>;
export interface SidebarTriggerProps {
    className?: string;
    /** Icon shown when the sidebar is expanded. Defaults to the built-in menu icon. */
    icon?: React.ReactNode;
    /** Icon shown when the sidebar is collapsed. Falls back to `icon`, then the built-in icon. */
    collapsedIcon?: React.ReactNode;
}
export declare const SidebarTrigger: React.FC<SidebarTriggerProps>;
export interface PageContentProps {
    className?: string;
    children?: React.ReactNode;
}
export declare const PageContent: React.ForwardRefExoticComponent<PageContentProps & React.RefAttributes<HTMLDivElement>>;
export {};