claritykit-svelte
Version:
A comprehensive Svelte component library focused on accessibility, ADHD-optimized design, developer experience, and full SSR compatibility
35 lines • 1.18 kB
TypeScript
interface FocusSettings {
dimBackground: boolean;
hideNonEssential: boolean;
reducedMotion: boolean;
highContrast: boolean;
largerText: boolean;
simplifiedInterface: boolean;
breakReminders: boolean;
breathingExercise: boolean;
}
interface Props {
active?: boolean;
focusedElement?: string | null;
settings?: Partial<FocusSettings>;
onToggle?: (active: boolean) => void;
onElementFocus?: (elementId: string | null) => void;
onSettingsChange?: (settings: FocusSettings) => void;
class?: string;
'data-testid'?: string;
}
/**
* FocusMode
*
* ADHD-optimized focus mode component that simplifies interface and reduces cognitive load.
*
* @prop {boolean} [active] - Focus mode state
* @prop {string} [focusedElement] - Currently focused element ID
* @prop {Object} [settings] - Focus mode configuration
* @prop {Function} [onToggle] - Toggle focus mode callback
* @prop {Function} [onElementFocus] - Element focus callback
*/
declare const FocusMode: import("svelte").Component<Props, {}, "">;
type FocusMode = ReturnType<typeof FocusMode>;
export default FocusMode;
//# sourceMappingURL=FocusMode.svelte.d.ts.map