aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
53 lines • 1.47 kB
TypeScript
import React from "react";
export interface GoldenRatioItem {
id: string;
content: React.ReactNode;
priority?: number;
category?: string;
aspectRatio?: number;
minSize?: {
width: number;
height: number;
};
maxSize?: {
width: number;
height: number;
};
metadata?: Record<string, any>;
}
export interface GoldenRatioSection {
width: number;
height: number;
x: number;
y: number;
item?: GoldenRatioItem;
level: number;
ratio: number;
}
export interface GlassGoldenRatioGridProps {
items: GoldenRatioItem[];
containerWidth?: number;
containerHeight?: number;
goldenRatio?: number;
subdivisionLevels?: number;
spacing?: number;
animateLayout?: boolean;
showGrid?: boolean;
showRatioLines?: boolean;
responsive?: boolean;
onItemClick?: (item: GoldenRatioItem) => void;
onItemHover?: (item: GoldenRatioItem | null) => void;
onLayoutChange?: (sections: GoldenRatioSection[]) => void;
glassConfig?: {
blur?: number;
opacity?: number;
saturation?: number;
brightness?: number;
contrast?: number;
};
soundEnabled?: boolean;
className?: string;
style?: React.CSSProperties;
}
export declare const GlassGoldenRatioGrid: React.ForwardRefExoticComponent<GlassGoldenRatioGridProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=GlassGoldenRatioGrid.d.ts.map