aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
57 lines • 1.77 kB
TypeScript
import React from "react";
export interface Facet {
id: string;
label: string;
type: "checkbox" | "range" | "select" | "daterange";
options?: FacetOption[];
min?: number;
max?: number;
step?: number;
collapsed?: boolean;
showCount?: boolean;
}
export interface FacetOption {
id: string;
label: string;
value: string;
count?: number;
selected?: boolean;
disabled?: boolean;
}
export interface SearchResult {
id: string;
title: string;
description?: string;
category?: string;
tags?: string[];
score?: number;
metadata?: Record<string, any>;
}
export interface GlassFacetSearchProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "results"> {
query?: string;
onQueryChange?: (query: string) => void;
facets?: Facet[];
facetValues?: Record<string, any>;
onFacetChange?: (facetId: string, value: any) => void;
results?: SearchResult[];
onResultSelect?: (result: SearchResult) => void;
placeholder?: string;
loading?: boolean;
showFilters?: boolean;
showResults?: boolean;
maxResults?: number;
className?: string;
onSearch?: (query: string, filters: Record<string, any>) => void;
suggestions?: string[];
onSuggestionSelect?: (suggestion: string) => void;
recentSearches?: string[];
onRecentSearchSelect?: (search: string) => void;
variant?: "default" | "compact" | "minimal";
size?: "sm" | "md" | "lg";
elevation?: "low" | "medium" | "high";
"data-testid"?: string;
"aria-label"?: string;
}
declare const GlassFacetSearch: React.ForwardRefExoticComponent<GlassFacetSearchProps & React.RefAttributes<HTMLDivElement>>;
export { GlassFacetSearch };
//# sourceMappingURL=GlassFacetSearch.d.ts.map