/**
 * CSS Grid layout container.
 *
 * 🤖 **AI Agent Usage Notes (Zero-Raw-HTML Adherence)**:
 * - Use `LuGrid` as the primary tool for building multi-column Grid layouts.
 * - NEVER use `<div style="display:grid">` or `<div class="grid">`.
 * - Similar to `LuStack`, `LuGrid` supports a `pad` prop. Set `pad="0"` if you are using the grid purely for column arrangement without needing internal bounding padding.
 *
 * ⛔ Do NOT add a `class` prop with Tailwind utilities for column definitions, use the `cols`, `smCols`, `mdCols`, and `lgCols` props.
 */
interface LuGridProps {
    /** Total number of columns. */
    cols?: number;
    /** Columns at the 'sm' breakpoint. */
    smCols?: number;
    /** Columns at the 'md' breakpoint. */
    mdCols?: number;
    /** Columns at the 'lg' breakpoint. */
    lgCols?: number;
    /** Visual variant. Resolves to BEM modifier `lu-grid--{variant}`. */
    variant?: string;
    /** HTML element to render as. @default 'div' */
    as?: string;
    /** Space token scale padding, e.g. pad="4" → padding: var(--lu-space-4) */
    pad?: string | number;
}
declare var __VLS_6: {};
type __VLS_Slots = {} & {
    default?: (props: typeof __VLS_6) => any;
};
declare const __VLS_component: import("vue").DefineComponent<LuGridProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LuGridProps> & Readonly<{}>, {
    as: string;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
export default _default;
type __VLS_WithSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};