aura-glass/dist/components/layouts/GlassMasonryGrid.d.ts

A comprehensive glassmorphism design system for React applications with 142+ production-ready components

import React from "react";
export interface MasonryItem {
    id: string;
    content: React.ReactNode;
    height?: number;
    aspectRatio?: number;
    priority?: number;
    category?: string;
    metadata?: {
        [key: string]: any;
    };
}
export interface MasonryConfig {
    columns: number | "auto";
    gap: number;
    minItemWidth: number;
    maxItemWidth?: number;
    itemPadding: number;
    autoResize: boolean;
    animationDelay: number;
    breakpoints: {
        [key: number]: number;
    };
}
export interface GlassMasonryGridProps {
    items: MasonryItem[];
    config?: Partial<MasonryConfig>;
    showControls?: boolean;
    showFilters?: boolean;
    showStats?: boolean;
    enableVirtualization?: boolean;
    enableInfiniteScroll?: boolean;
    enableDragReorder?: boolean;
    enableSearch?: boolean;
    filterBy?: string;
    sortBy?: "id" | "height" | "priority" | "category";
    sortOrder?: "asc" | "desc";
    loadingItems?: number;
    onItemClick?: (item: MasonryItem, index: number) => void;
    onItemsReorder?: (items: MasonryItem[]) => void;
    onLoadMore?: () => void;
    onFilterChange?: (filter: string) => void;
    className?: string;
}
export declare const GlassMasonryGrid: React.ForwardRefExoticComponent<GlassMasonryGridProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=GlassMasonryGrid.d.ts.map