/**
 * Flexbox stack layout container.
 *
 * 🤖 **AI Agent Usage Notes (Zero-Raw-HTML Adherence)**:
 * - Use `LuStack` as the primary tool for building Flexbox-based layouts.
 * - NEVER use `<div style="display:flex">` or `<div class="flex">`.
 * - **IMPORTANT**: By default, `LuStack` has intrinsic padding to prevent cramped content.
 *   If you are using `LuStack` PURELY as a structural/alignment wrapper (e.g., to align items in a header),
 *   you MUST explicitly set `pad="0"` to avoid the "blowfish" layout inflation bug.
 *
 * ⛔ Do NOT add a `class` prop with Tailwind utilities for layout, rely on `gap`, `pad`, `align`, and `justify`.
 */
interface LuStackProps {
    /** Flex direction. @default 'horizontal' (if unset) */
    direction?: "vertical" | "horizontal";
    /** Visual variant. Resolves to BEM modifier `lu-stack--{variant}`. */
    variant?: string;
    /** HTML element to render as. @default 'div' */
    as?: string;
    /** Space token scale gap, e.g. gap="4" → gap: var(--lu-space-4) */
    gap?: string | number;
    /** Flexbox align-items property */
    align?: "center" | "start" | "end" | "stretch" | "baseline";
    /** Flexbox justify-content property */
    justify?: "center" | "start" | "end" | "between" | "around" | "evenly";
    /** 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<LuStackProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LuStackProps> & 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;
    };
};