/**
 * @fileoverview Layout constants
 * @description Layout component class names and CSS selectors
 * Used for IDE autocomplete and type safety
 *
 * Note: CSS uses semantic HTML selectors with role attributes for scoping:
 * - `header[role='banner']` - not `.header` or `.dndev-header`
 * - `main[role='main']` - not `.main` or `.dndev-main`
 * - `footer[role='contentinfo']` - not `.footer` or `.dndev-footer`
 * - `aside[role='navigation'].sidebar` - uses `.sidebar` class but scoped by role
 *
 * Class names are organizational only. CSS targets by element+role for semantic scoping.
 *
 * @version 0.0.1
 * @since 0.0.1
 * @author AMBROISE PARK Consulting
 */
export declare const layoutClasses: {
    readonly layoutContainer: "dndev-layout";
    readonly sidebar: "sidebar";
    readonly sidebarTop: "sidebar-top";
    readonly sidebarContent: "sidebar-content";
    readonly sidebarBottom: "sidebar-bottom";
    readonly sidebarResizeHandle: "dndev-sidebar-resize-handle";
    readonly header: "header";
    readonly main: "main";
    readonly footer: "footer";
    readonly container: "dndev-container";
    readonly pageContainer: "dndev-container";
    readonly breadcrumbsContainer: "breadcrumbs-container";
};
/**
 * Layout utility class names.
 * These are direct CSS class names that map to CSS variables (e.g., h-header → var(--header-height)).
 *
 * Framework components use these CSS classes directly.
 * These are exported for:
 * - Direct use in consumer apps
 * - IDE autocomplete
 *
 * @version 0.0.1
 * @since 0.0.1
 * @author AMBROISE PARK Consulting
 */
export declare const layoutUtilities: {
    readonly zHeader: "dndev-z-header";
    readonly zSidebar: "dndev-z-sidebar";
    readonly zOverlay: "dndev-z-overlay";
    readonly zModal: "dndev-z-modal";
    readonly zTooltip: "dndev-z-tooltip";
    readonly zToast: "dndev-z-toast";
};
/**
 * Combined export of all layout classes and utilities
 * For consumer apps
 *
 * @version 0.0.1
 * @since 0.0.1
 * @author AMBROISE PARK Consulting
 */
export declare const allLayoutClasses: {
    readonly zHeader: "dndev-z-header";
    readonly zSidebar: "dndev-z-sidebar";
    readonly zOverlay: "dndev-z-overlay";
    readonly zModal: "dndev-z-modal";
    readonly zTooltip: "dndev-z-tooltip";
    readonly zToast: "dndev-z-toast";
    readonly layoutContainer: "dndev-layout";
    readonly sidebar: "sidebar";
    readonly sidebarTop: "sidebar-top";
    readonly sidebarContent: "sidebar-content";
    readonly sidebarBottom: "sidebar-bottom";
    readonly sidebarResizeHandle: "dndev-sidebar-resize-handle";
    readonly header: "header";
    readonly main: "main";
    readonly footer: "footer";
    readonly container: "dndev-container";
    readonly pageContainer: "dndev-container";
    readonly breadcrumbsContainer: "breadcrumbs-container";
};
/**
 * Layout CSS custom property names for programmatic access
 *
 * @version 0.0.1
 * @since 0.0.1
 * @author AMBROISE PARK Consulting
 */
export declare const layoutVariables: {
    readonly headerHeight: "--header-height";
    readonly headerPadding: "--header-padding";
    readonly headerIconSize: "--header-icon-size";
    readonly headerLogoMaxHeight: "--header-logo-max-height";
    readonly sidebarWidth: "--sidebar-width";
    readonly sidebarPadding: "--sidebar-padding";
    readonly mainPadding: "--main-padding";
    readonly mainMaxWidth: "--main-max-width";
    readonly contentWidth: "--content-width";
    readonly contentPadding: "--content-padding";
    readonly footerHeight: "--footer-height";
    readonly footerPadding: "--footer-padding";
    readonly zHeader: "--z-header";
    readonly zSidebar: "--z-sidebar";
    readonly zFooter: "--z-footer";
    readonly zOverlay: "--z-overlay";
    readonly zModal: "--z-modal";
    readonly zTooltip: "--z-tooltip";
    readonly zToast: "--z-toast";
};
/**
 * CSS variable exports
 * Exports CSS variable names for use in TypeScript
 *
 * @version 0.0.1
 * @since 0.0.1
 * @author AMBROISE PARK Consulting
 */
export declare const cssVariables: {
    readonly headerHeight: "--header-height";
    readonly headerPadding: "--header-padding";
    readonly logoSize: "--logo-size";
    readonly sidebarWidth: "--sidebar-width";
    readonly sidebarPadding: "--sidebar-padding";
    readonly footerHeight: "--footer-height";
    readonly footerPadding: "--footer-padding";
    readonly layoutGap: "--layout-gap";
    readonly sectionGap: "--gap-lg";
    readonly contentGap: "--content-gap";
    readonly zHeader: "--z-header";
    readonly zSidebar: "--z-sidebar";
    readonly zFooter: "--z-footer";
    readonly zModal: "--z-modal";
    readonly zTooltip: "--z-tooltip";
};
/**
 * CSS variable type
 *
 * @version 0.0.1
 * @since 0.0.1
 * @author AMBROISE PARK Consulting
 */
export type CssVariable = keyof typeof cssVariables;
//# sourceMappingURL=layoutConstants.d.ts.map