claritykit-svelte
Version:
A comprehensive Svelte component library focused on accessibility, ADHD-optimized design, developer experience, and full SSR compatibility
46 lines • 1.7 kB
TypeScript
interface BreakReminder {
enabled: boolean;
interval: number;
duration: number;
lastBreak: Date | null;
type: 'gentle' | 'firm' | 'urgent';
}
interface Props {
editable?: boolean;
focusMode?: boolean;
focusedWidget?: string | null;
autoSave?: boolean;
breakReminder?: BreakReminder;
showWidgetLibrary?: boolean;
onToggleEdit?: () => void;
onToggleFocus?: () => void;
onToggleWidgetLibrary?: () => void;
onExportLayout?: () => void;
onImportLayout?: (layout: any) => void;
onResetLayout?: () => void;
onToggleAutoSave?: () => void;
onBreakReminderUpdate?: (config: BreakReminder) => void;
onTakeBreak?: () => void;
class?: string;
'data-testid'?: string;
}
/**
* DashboardControls
*
* ADHD-optimized dashboard control panel with focus mode, break reminders, and accessibility features.
*
* @prop {boolean} [editable] - Enable editing mode
* @prop {boolean} [focusMode] - Focus mode state
* @prop {string} [focusedWidget] - Currently focused widget ID
* @prop {boolean} [autoSave] - Auto-save state
* @prop {Object} [breakReminder] - Break reminder configuration
* @prop {Function} [onToggleEdit] - Toggle edit mode callback
* @prop {Function} [onToggleFocus] - Toggle focus mode callback
* @prop {Function} [onExportLayout] - Export layout callback
* @prop {Function} [onImportLayout] - Import layout callback
* @prop {Function} [onResetLayout] - Reset layout callback
*/
declare const DashboardControls: import("svelte").Component<Props, {}, "">;
type DashboardControls = ReturnType<typeof DashboardControls>;
export default DashboardControls;
//# sourceMappingURL=DashboardControls.svelte.d.ts.map