glassheart-ui-vanilla/dist/components/GlassContainer.d.ts

GlassHeart UI - Vanilla JavaScript components

export interface GlassContainerOptions {
    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';
    variant?: 'default' | 'outline' | 'solid' | 'transparent';
    glass?: 'light' | 'medium' | 'heavy';
    interactive?: boolean;
    liquid?: boolean;
    animated?: boolean;
    padding?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
    margin?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
    shadow?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
    overflow?: 'visible' | 'hidden' | 'scroll' | 'auto';
    position?: 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky';
    zIndex?: number;
    className?: string;
    content?: string;
    children?: HTMLElement[];
    onClick?: () => void;
    onMouseEnter?: () => void;
    onMouseLeave?: () => void;
}
export declare class GlassContainer {
    private element;
    private options;
    constructor(options?: GlassContainerOptions);
    private createElement;
    private getContainerClasses;
    private getContainerStyles;
    private setupEventListeners;
    render(selector: string | HTMLElement): void;
    appendTo(element: HTMLElement): void;
    remove(): void;
    update(options: Partial<GlassContainerOptions>): void;
    getElement(): HTMLDivElement;
    get size(): string;
    get variant(): string;
    get glass(): string;
    get interactive(): boolean;
    get liquid(): boolean;
    get animated(): boolean;
    static create(options?: GlassContainerOptions): GlassContainer;
    static fromElement(element: HTMLElement, options?: GlassContainerOptions): GlassContainer;
}
//# sourceMappingURL=GlassContainer.d.ts.map