export interface WidgetCatalogItem {
    id: string;
    label: string;
    description?: string;
    /** Suggested default grid size */
    defaultW?: number;
    defaultH?: number;
    icon?: string;
    category?: string;
    /** Soft accent for the icon tile */
    tone?: 'brand' | 'sky' | 'emerald' | 'amber' | 'rose' | 'violet';
}
export type WidgetPickerLayout = 'grid' | 'list';
interface WidgetPickerProps {
    widgets: WidgetCatalogItem[];
    title?: string;
    columns?: 1 | 2 | 3;
    layout?: WidgetPickerLayout;
    searchable?: boolean;
    showSize?: boolean;
    showCategories?: boolean;
    query?: string;
    category?: string;
    class?: string;
    onselect?: (id: string) => void;
}
declare const WidgetPicker: import("svelte").Component<WidgetPickerProps, {}, "query" | "category">;
type WidgetPicker = ReturnType<typeof WidgetPicker>;
export default WidgetPicker;