import { type LumenCustomElementRegistry, type LumenElementConstructor } from '../element-base.js';
export declare const lumenCardContentElementConfig: {
    readonly baseClassName: "ui-card__content";
    readonly defaults: {
        readonly 'data-slot': "card-content";
    };
    readonly tagName: "lumen-card-content";
};
export declare const lumenCardDescriptionElementConfig: {
    readonly baseClassName: "ui-card__description";
    readonly defaults: {
        readonly 'data-slot': "card-description";
    };
    readonly tagName: "lumen-card-description";
};
export declare const lumenCardFooterElementConfig: {
    readonly baseClassName: "ui-card__footer";
    readonly defaults: {
        readonly 'data-slot': "card-footer";
    };
    readonly tagName: "lumen-card-footer";
};
export declare const lumenCardHeaderElementConfig: {
    readonly baseClassName: "ui-card__header";
    readonly defaults: {
        readonly 'data-slot': "card-header";
    };
    readonly tagName: "lumen-card-header";
};
export declare const lumenCardTitleElementConfig: {
    readonly baseClassName: "ui-card__title";
    readonly defaults: {
        readonly 'data-slot': "card-title";
    };
    readonly tagName: "lumen-card-title";
};
export declare const lumenContainerElementConfig: {
    readonly attributeClasses: {
        readonly size: {
            readonly full: "ui-container--full";
            readonly lg: "ui-container--lg";
            readonly md: "ui-container--md";
            readonly sm: "ui-container--sm";
        };
    };
    readonly baseClassName: "ui-container";
    readonly defaults: {
        readonly 'data-ui-container': "";
        readonly size: "lg";
    };
    readonly tagName: "lumen-container";
};
export declare const lumenDirectionElementConfig: {
    readonly baseClassName: "ui-direction";
    readonly defaults: {
        readonly dir: "ltr";
    };
    readonly tagName: "lumen-direction";
};
export declare const lumenGridElementConfig: {
    readonly attributeClasses: {
        readonly columns: {
            readonly 1: "ui-grid--columns-1";
            readonly 2: "ui-grid--columns-2";
            readonly 3: "ui-grid--columns-3";
            readonly 4: "ui-grid--columns-4";
            readonly 6: "ui-grid--columns-6";
            readonly 12: "ui-grid--columns-12";
            readonly auto: "ui-grid--columns-auto";
        };
        readonly gap: {
            readonly '2xl': "ui-grid--gap-2xl";
            readonly '3xl': "ui-grid--gap-3xl";
            readonly group: "ui-grid--gap-group";
            readonly related: "ui-grid--gap-related";
            readonly section: "ui-grid--gap-section";
            readonly xs: "ui-grid--gap-xs";
            readonly lg: "ui-grid--gap-lg";
            readonly md: "ui-grid--gap-md";
            readonly none: "ui-grid--gap-none";
            readonly sm: "ui-grid--gap-sm";
            readonly xl: "ui-grid--gap-xl";
        };
    };
    readonly baseClassName: "ui-grid";
    readonly defaults: {
        readonly 'data-ui-grid': "";
        readonly columns: "auto";
        readonly gap: "group";
    };
    readonly tagName: "lumen-grid";
};
export declare const lumenLabelElementConfig: {
    readonly baseClassName: "ui-label";
    readonly tagName: "lumen-label";
};
export declare const lumenSeparatorElementConfig: {
    readonly attributeClasses: {
        readonly orientation: {
            readonly horizontal: "ui-separator--horizontal";
            readonly vertical: "ui-separator--vertical";
        };
    };
    readonly baseClassName: "ui-separator";
    readonly defaults: {
        readonly orientation: "horizontal";
    };
    readonly tagName: "lumen-separator";
};
export declare const lumenSkeletonElementConfig: {
    readonly attributeClasses: {
        readonly animation: {
            readonly none: "ui-skeleton--static";
            readonly pulse: "ui-skeleton--pulse";
        };
        readonly shape: {
            readonly circle: "ui-skeleton--circle";
            readonly text: "ui-skeleton--text";
        };
    };
    readonly baseClassName: "ui-skeleton";
    readonly observedAttributes: readonly ["animation", "height", "shape", "width", "aria-hidden", "aria-label", "aria-labelledby", "role"];
    readonly tagName: "lumen-skeleton";
};
export declare const lumenSpinnerElementConfig: {
    readonly baseClassName: "ui-spinner";
    readonly observedAttributes: readonly ["aria-hidden", "aria-label", "aria-labelledby", "role"];
    readonly tagName: "lumen-spinner";
};
export declare const lumenStackElementConfig: {
    readonly attributeClasses: {
        readonly align: {
            readonly center: "ui-stack--align-center";
            readonly end: "ui-stack--align-end";
            readonly start: "ui-stack--align-start";
            readonly stretch: "ui-stack--align-stretch";
        };
        readonly direction: {
            readonly horizontal: "ui-stack--horizontal";
            readonly vertical: "ui-stack--vertical";
        };
        readonly justify: {
            readonly between: "ui-stack--justify-between";
            readonly center: "ui-stack--justify-center";
            readonly end: "ui-stack--justify-end";
            readonly start: "ui-stack--justify-start";
        };
        readonly wrap: {
            readonly '': "ui-stack--wrap";
            readonly true: "ui-stack--wrap";
        };
        readonly gap: {
            readonly '2xl': "ui-stack--gap-2xl";
            readonly '3xl': "ui-stack--gap-3xl";
            readonly group: "ui-stack--gap-group";
            readonly related: "ui-stack--gap-related";
            readonly section: "ui-stack--gap-section";
            readonly xs: "ui-stack--gap-xs";
            readonly lg: "ui-stack--gap-lg";
            readonly md: "ui-stack--gap-md";
            readonly none: "ui-stack--gap-none";
            readonly sm: "ui-stack--gap-sm";
            readonly xl: "ui-stack--gap-xl";
        };
    };
    readonly baseClassName: "ui-stack";
    readonly defaults: {
        readonly 'data-ui-stack': "";
        readonly direction: "vertical";
        readonly gap: "group";
    };
    readonly tagName: "lumen-stack";
};
export declare const lumenTypographyElementConfig: {
    readonly baseClassName: "ui-typography";
    readonly tagName: "lumen-typography";
};
export declare const lumenVisuallyHiddenElementConfig: {
    readonly baseClassName: "ui-visually-hidden";
    readonly defaults: {
        readonly 'data-ui-visually-hidden': "";
    };
    readonly tagName: "lumen-visually-hidden";
};
export declare const LumenCardContentElement: LumenElementConstructor;
export declare const LumenCardDescriptionElement: LumenElementConstructor;
export declare const LumenCardFooterElement: LumenElementConstructor;
export declare const LumenCardHeaderElement: LumenElementConstructor;
export declare const LumenCardTitleElement: LumenElementConstructor;
export declare const LumenContainerElement: LumenElementConstructor;
export declare const LumenDirectionElement: LumenElementConstructor;
export declare const LumenGridElement: LumenElementConstructor;
export declare const LumenLabelElement: LumenElementConstructor;
export declare const LumenSeparatorElement: LumenElementConstructor;
export declare const LumenSkeletonElement: LumenElementConstructor;
export declare const LumenSpinnerElement: LumenElementConstructor;
export declare const LumenStackElement: LumenElementConstructor;
export declare const LumenTypographyElement: LumenElementConstructor;
export declare const LumenVisuallyHiddenElement: LumenElementConstructor;
export declare const defineLumenFoundations: (registry?: LumenCustomElementRegistry) => void;
//# sourceMappingURL=foundations.d.ts.map