/** * Responsive layout container. * * 🤖 **AI Agent Usage Notes (Zero-Raw-HTML Adherence)**: * - Use `LuContainer` as the main wrapper for page content to constrain maximum width and provide responsive padding. * - This replaces the deprecated ``. * - **Variants**: * - `sm`: 40rem (640px) — use for tight prose, login forms, or small modals. * - `md`: 56rem (896px) — use for medium content. * - `lg` (default): 72rem (1152px) — use for documentation and standard pages. * - `xl`: 88rem (1408px) — use for wide dashboard layouts. * - `fluid`: 100% width — use when you want edge-to-edge content (maintains side gutters). * - NEVER use `
` or `class="max-w-*"`. */ interface LuContainerProps { /** Size preset determining max-width. @default 'lg' */ size?: 'sm' | 'md' | 'lg' | 'xl' | 'fluid'; /** Per-instance max-width override (CSS value, e.g. '80rem'). Overrides size preset. */ maxWidth?: string; /** HTML element to render as. @default 'div' */ as?: string; } declare var __VLS_6: {}; type __VLS_Slots = {} & { default?: (props: typeof __VLS_6) => any; }; declare const __VLS_component: import("vue").DefineComponent & Readonly<{}>, { size: "sm" | "md" | "lg" | "xl" | "fluid"; as: string; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>; declare const _default: __VLS_WithSlots; export default _default; type __VLS_WithSlots = T & { new (): { $slots: S; }; };