aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
87 lines • 1.88 kB
TypeScript
import React from "react";
export interface SpotlightAction {
/**
* Unique identifier
*/
id: string;
/**
* Display title
*/
title: string;
/**
* Description
*/
description?: string;
/**
* Icon
*/
icon?: React.ReactNode;
/**
* Category/section
*/
category?: string;
/**
* Keywords for search matching
*/
keywords?: string[];
/**
* Keyboard shortcut display
*/
shortcut?: string;
/**
* Action callback
*/
onAction: () => void;
}
export interface GlassSpotlightSearchProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> {
/**
* Whether the spotlight is open
*/
open: boolean;
/**
* Callback when the spotlight should close
*/
onClose: () => void;
/**
* Available actions
*/
actions: SpotlightAction[];
/**
* Placeholder text
* @default 'Search for actions...'
*/
placeholder?: string;
/**
* Maximum number of results to show
* @default 10
*/
maxResults?: number;
/**
* Glassmorphism elevation level
* @default 'level5'
*/
elevation?: "level1" | "level2" | "level3" | "level4" | "level5";
/**
* Show recent actions
* @default true
*/
showRecent?: boolean;
/**
* Maximum recent actions to track
* @default 5
*/
maxRecent?: number;
/**
* Enable fuzzy search
* @default true
*/
fuzzySearch?: boolean;
/**
* Group results by category
* @default true
*/
groupByCategory?: boolean;
}
export declare const GlassSpotlightSearch: React.ForwardRefExoticComponent<GlassSpotlightSearchProps & React.RefAttributes<HTMLDivElement>>;
export default GlassSpotlightSearch;
//# sourceMappingURL=GlassSpotlightSearch.d.ts.map