//#region src/css/runtime.d.ts /** * Development Mode CSS Runtime * * Provides runtime CSS injection for development mode. * In production, this module should NOT be included. * * Features: * - Dynamic CSS injection when rules are missing * - Warning mechanism for missing CSS rules * - Can be used as a fallback for hot-reload scenarios */ export interface CssRuntimeOptions { /** Warn in console when generating CSS at runtime (default: true) */ warnOnGenerate?: boolean; /** Style element ID (default: "luna-dev-css") */ styleId?: string; /** Whether to log each rule generation (default: false) */ verbose?: boolean; } export interface CssRuntimeState { /** Generated CSS rules */ rules: Map; /** Style element for injection */ styleEl: HTMLStyleElement | null; /** Whether initialized */ initialized: boolean; } /** * Initialize the CSS runtime */ export declare function initCssRuntime(opts?: CssRuntimeOptions): void; /** * Check if a CSS class exists in stylesheets */ export declare function hasClass(className: string): boolean; /** * Generate CSS for a property:value declaration * Returns the class name */ export declare function css(property: string, value: string): string; /** * Generate CSS for multiple property:value pairs * Returns space-separated class names */ export declare function styles(pairs: [string, string][]): string; /** * Generate CSS for pseudo-class */ export declare function on(pseudo: string, property: string, value: string): string; /** * Hover shorthand */ export declare function hover(property: string, value: string): string; /** * Focus shorthand */ export declare function focus(property: string, value: string): string; /** * Active shorthand */ export declare function active(property: string, value: string): string; /** * Media query CSS generation */ export declare function media(condition: string, property: string, value: string): string; /** * Responsive breakpoint shortcuts */ export declare const at_sm: (p: string, v: string) => string; export declare const at_md: (p: string, v: string) => string; export declare const at_lg: (p: string, v: string) => string; export declare const at_xl: (p: string, v: string) => string; export declare const dark: (p: string, v: string) => string; /** * Get all generated CSS as a string */ export declare function getGeneratedCss(): string; /** * Get count of generated rules */ export declare function getGeneratedCount(): number; /** * Reset the runtime state (for testing) */ export declare function resetRuntime(): void; /** * Combine multiple class names */ export declare function combine(classes: string[]): string; //#endregion