import type { ReactNode } from 'react';
export interface DnDevSidebarProps {
    /** Top slot - ReactNode from preset or consumer override */
    top?: ReactNode | null;
    /** Content slot - ReactNode from preset or consumer override */
    content?: ReactNode | null;
    /** Bottom slot - ReactNode from preset or consumer override */
    bottom?: ReactNode | null;
    /** Default width in pixels (default: 240) */
    defaultWidth?: number;
    /** Minimum width when resizing (default: 48) */
    minWidth?: number;
    /** Maximum width when resizing (default: 400) */
    maxWidth?: number;
}
/**
 * DnDevSidebar - Flat sidebar zone with built-in resize
 *
 * Structure: aside.sidebar > nav.sidebar-nav + div.resize-handle
 * Resize logic lives on aside directly. No wrapper components.
 *
 * @critical The `<aside>` MUST have `role="navigation"` — ALL CSS in layout-variables.css
 * targets `aside[role='navigation'].sidebar`. Removing it silently breaks every sidebar feature.
 * DO NOT remove or change role="navigation" under any circumstance.
 */
declare function DnDevSidebarComponent({ top, content, bottom, defaultWidth, minWidth, maxWidth, }: DnDevSidebarProps): ReactNode;
export declare const DnDevSidebar: import("react").MemoExoticComponent<typeof DnDevSidebarComponent>;
export {};
//# sourceMappingURL=DnDevSidebar.d.ts.map