/** * MUI Layout System * * A flexible multi-panel layout system with: * - Icon rail (fixed primary navigation) * - Collapsible/resizable navigation panel * - Main content area * - Optional side panels that can dock left/right * * @example * ```html * * * * * * * Navigation content * * * * Main content * * * * Properties panel * * * ``` */ import { MiuraElement } from '@miurajs/miura-element'; /** * Main Layout Container * Orchestrates rail, panels, and main content in a flexbox row. */ export default class MuiLayout extends MiuraElement { /** * Full viewport height */ fullHeight: boolean; static styles: import("@miurajs/miura-render").CSSResult; template(): import("@miurajs/miura-render").TemplateResult; } /** * Layout Rail (Icon Navigation) * Fixed-width vertical icon navigation bar. */ export declare class MuiLayoutRail extends MiuraElement { /** * Rail width in pixels */ width: number; /** * Show app logo slot */ logo: boolean; static styles: import("@miurajs/miura-render").CSSResult; template(): import("@miurajs/miura-render").TemplateResult; } import { MuiPanel } from './panel.js'; /** * Layout Panel * An extension of the standalone MuiPanel, specialized for use with the layout system slots (nav/end). */ export declare class MuiLayoutPanel extends MuiPanel { title: string; minWidth: number; maxWidth: number; defaultWidth: number; border: 'none' | 'start' | 'end'; constructor(); connectedCallback(): void; static get styles(): any[]; template(): import("@miurajs/miura-render").TemplateResult; } /** * Main Content Area */ export declare class MuiLayoutMain extends MiuraElement { padding: 'none' | 'sm' | 'md' | 'lg'; bg: 'transparent' | 'surface' | 'subtle'; static styles: import("@miurajs/miura-render").CSSResult; template(): import("@miurajs/miura-render").TemplateResult; } //# sourceMappingURL=layout.d.ts.map