aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
44 lines • 1.37 kB
TypeScript
import React from "react";
export interface TessellationTile {
id: string;
content: React.ReactNode;
shape: "triangle" | "square" | "hexagon" | "rhombus" | "pentagon" | "octagon";
size?: number;
rotation?: number;
color?: string;
priority?: number;
metadata?: Record<string, any>;
}
export interface TilePosition {
x: number;
y: number;
rotation: number;
scale: number;
}
export interface GlassTessellationProps {
tiles: TessellationTile[];
tessellationType?: "triangular" | "square" | "hexagonal" | "rhombic" | "pentagonal" | "mixed";
containerWidth?: number;
containerHeight?: number;
tileSize?: number;
spacing?: number;
animatePattern?: boolean;
morphPattern?: boolean;
morphSpeed?: number;
showGrid?: boolean;
interactive?: boolean;
onTileClick?: (tile: TessellationTile) => void;
onTileHover?: (tile: TessellationTile | null) => void;
glassConfig?: {
blur?: number;
opacity?: number;
saturation?: number;
brightness?: number;
contrast?: number;
};
soundEnabled?: boolean;
className?: string;
style?: React.CSSProperties;
}
export declare const GlassTessellation: React.ForwardRefExoticComponent<GlassTessellationProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=GlassTessellation.d.ts.map