aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
51 lines • 1.44 kB
TypeScript
import React from "react";
export interface FilterOption {
id: string;
label: string;
value: string;
count?: number;
disabled?: boolean;
}
export interface FilterGroup {
id: string;
label: string;
type: "checkbox" | "select" | "slider" | "daterange" | "search";
options?: FilterOption[];
min?: number;
max?: number;
step?: number;
placeholder?: string;
collapsed?: boolean;
required?: boolean;
}
export interface FilterPreset {
id: string;
name: string;
filters: Record<string, any>;
}
export interface GlassFilterPanelProps {
filters?: FilterGroup[];
values?: Record<string, any>;
onChange?: (filters: Record<string, any>) => void;
onApply?: () => void;
onClear?: () => void;
presets?: FilterPreset[];
onSavePreset?: (name: string) => void;
className?: string;
title?: string;
collapsible?: boolean;
showSearch?: boolean;
showPresets?: boolean;
showApplyButton?: boolean;
showClearButton?: boolean;
variant?: "default" | "compact" | "minimal";
size?: "sm" | "md" | "lg";
elevation?: "low" | "medium" | "high";
/**
* Custom data-testid for testing
*/
"data-testid"?: string;
}
declare const GlassFilterPanel: React.ForwardRefExoticComponent<GlassFilterPanelProps & React.RefAttributes<HTMLDivElement>>;
export { GlassFilterPanel };
//# sourceMappingURL=GlassFilterPanel.d.ts.map