claritykit-svelte
Version:
A comprehensive Svelte component library focused on accessibility, ADHD-optimized design, developer experience, and full SSR compatibility
44 lines • 1.32 kB
TypeScript
interface WidgetTemplate {
id: string;
type: string;
title: string;
description: string;
category: string;
icon: string;
preview?: string;
defaultSize: {
w: number;
h: number;
};
defaultProps?: Record<string, any>;
tags?: string[];
component?: any;
difficulty?: 'beginner' | 'intermediate' | 'advanced';
adhdOptimized?: boolean;
}
interface Props {
availableWidgets: WidgetTemplate[];
open?: boolean;
searchQuery?: string;
selectedCategory?: string;
onWidgetSelect?: (widget: WidgetTemplate) => void;
onClose?: () => void;
class?: string;
'data-testid'?: string;
}
/**
* WidgetLibrary
*
* Widget library panel for adding dashboard components with search and categorization.
*
* @prop {Array} availableWidgets - Available widget types
* @prop {boolean} [open] - Panel open state
* @prop {string} [searchQuery] - Search filter
* @prop {string} [selectedCategory] - Category filter
* @prop {Function} [onWidgetSelect] - Widget selection callback
* @prop {Function} [onClose] - Close panel callback
*/
declare const WidgetLibrary: import("svelte").Component<Props, {}, "">;
type WidgetLibrary = ReturnType<typeof WidgetLibrary>;
export default WidgetLibrary;
//# sourceMappingURL=WidgetLibrary.svelte.d.ts.map