import * as i0 from '@angular/core';

/**
 * Collapsible side panel. Lives inside a row `<wr-layout>` next to a
 * `<wr-layout-content>`. Two-way `[(collapsed)]` controls width.
 *
 * @example
 * ```html
 * <wr-layout>
 *   <wr-layout-sider [(collapsed)]="collapsed" width="14rem" collapsedWidth="3rem">
 *     …
 *   </wr-layout-sider>
 *   <wr-layout-content>Main</wr-layout-content>
 * </wr-layout>
 * ```
 */
declare class WrLayoutSider {
    /** Two-way bindable collapsed state. @default false */
    readonly collapsed: i0.ModelSignal<boolean>;
    /** Width when expanded. Any CSS length. @default '16rem' */
    readonly width: i0.InputSignal<string>;
    /** Width when collapsed. Any CSS length. `0` to fully hide. @default '4rem' */
    readonly collapsedWidth: i0.InputSignal<string>;
    /** Place the sider on the right edge instead of the left. @default false */
    readonly reverse: i0.InputSignalWithTransform<boolean, any>;
    /** Emits whenever `collapsed` changes (in addition to the two-way `[(collapsed)]`). */
    readonly collapsedChanged: i0.OutputEmitterRef<boolean>;
    protected readonly classes: i0.Signal<string>;
    /** Imperative toggle helper — `[(collapsed)]` still works alongside this. */
    toggle(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<WrLayoutSider, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<WrLayoutSider, "wr-layout-sider", never, { "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "collapsedWidth": { "alias": "collapsedWidth"; "required": false; "isSignal": true; }; "reverse": { "alias": "reverse"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; "collapsedChanged": "collapsedChanged"; }, never, ["*"], true, never>;
}

/**
 * App-shell layout container. Lays its children out as a flex column by
 * default; switches to a row when a `<wr-layout-sider>` is among the
 * direct children (so `header → [sider + content] → footer` falls into
 * place automatically — same convention as ng-zorro / antd Layout).
 *
 * @example
 * ```html
 * <wr-layout>
 *   <wr-layout-header>App bar</wr-layout-header>
 *   <wr-layout>
 *     <wr-layout-sider [(collapsed)]="collapsed">Sidebar</wr-layout-sider>
 *     <wr-layout-content>Main</wr-layout-content>
 *   </wr-layout>
 *   <wr-layout-footer>© 2026</wr-layout-footer>
 * </wr-layout>
 * ```
 *
 * @see https://ngwr.dev/components/layout
 */
declare class WrLayout {
    protected readonly siders: i0.Signal<readonly WrLayoutSider[]>;
    protected readonly classes: i0.Signal<string>;
    static ɵfac: i0.ɵɵFactoryDeclaration<WrLayout, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<WrLayout, "wr-layout", never, {}, {}, ["siders"], ["*"], true, never>;
}

/**
 * Top bar of a {@link WrLayout}. Stretches across the parent;
 * size and stickiness are app-controlled via CSS.
 */
declare class WrLayoutHeader {
    static ɵfac: i0.ɵɵFactoryDeclaration<WrLayoutHeader, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<WrLayoutHeader, "wr-layout-header", never, {}, {}, never, ["*"], true, never>;
}

/**
 * Main content area of a {@link WrLayout}. Flex-grows to fill
 * remaining space.
 */
declare class WrLayoutContent {
    static ɵfac: i0.ɵɵFactoryDeclaration<WrLayoutContent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<WrLayoutContent, "wr-layout-content", never, {}, {}, never, ["*"], true, never>;
}

/**
 * Bottom bar of a {@link WrLayout}. Doesn't grow — sized by its
 * children.
 */
declare class WrLayoutFooter {
    static ɵfac: i0.ɵɵFactoryDeclaration<WrLayoutFooter, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<WrLayoutFooter, "wr-layout-footer", never, {}, {}, never, ["*"], true, never>;
}

export { WrLayout, WrLayoutContent, WrLayoutFooter, WrLayoutHeader, WrLayoutSider };