import { NavigationSidebarConfig } from '../../types/navigation'; /** * The desktop width, as a custom property on `:root`. Read by the `lg:` rule in * {@link SIDEBAR_GEOMETRY_CLASSES} and written by this component whenever the * user toggles — but NEVER during render. * * It has to be a global variable rather than an inline style because of WHEN the * value is knowable. The width follows a preference in `localStorage`, which the * server cannot read: any markup derived from it differs between the server's * HTML and the client's hydration render, and React tears the tree down and * regenerates it. Seeding this property from a tiny script in `` moves the * preference OUT of React's rendered output — the markup becomes identical on * both sides, while the width is already correct on the very first paint. * * Consumers are expected to seed it before first paint; unseeded, the fallback * in the class below paints the expanded width until this component's effect * catches up, which is the flash the seed exists to remove. */ export declare const NAVIGATION_SIDEBAR_WIDTH_VAR = "--of-navigation-sidebar-width"; export interface NavigationSidebarProps { config: NavigationSidebarConfig; /** * When true, all navigation items are disabled and visually dimmed. * The collapse/expand toggle button remains interactive. */ disabled?: boolean; } export declare function NavigationSidebar({ config, disabled }: NavigationSidebarProps): import("react").JSX.Element; //# sourceMappingURL=navigation-sidebar.d.ts.map