aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
32 lines • 1.32 kB
TypeScript
export interface AccessibilitySettings {
fontSize: 'small' | 'medium' | 'large' | 'x-large';
contrast: 'normal' | 'high' | 'higher';
colorBlindMode: 'none' | 'deuteranopia' | 'protanopia' | 'tritanopia';
reduceMotion: boolean;
autoplayMedia: boolean;
stickyFocus: boolean;
announceChanges: boolean;
keyboardNavigation: boolean;
simplifiedUI: boolean;
readingGuide: boolean;
focusIndicators: 'subtle' | 'prominent' | 'high-contrast';
}
export declare const defaultAccessibilitySettings: AccessibilitySettings;
export declare const useAccessibility: () => {
settings: AccessibilitySettings;
updateSettings: (updates: Partial<AccessibilitySettings>) => void;
resetSettings: () => void;
announce: (message: string, priority?: "polite" | "assertive") => void;
handleKeyboardNavigation: (event: KeyboardEvent, onEnter?: () => void, onEscape?: () => void) => void;
focusElement: (element: HTMLElement | null) => void;
getAccessibilityClasses: () => string;
isLoading: boolean;
};
export declare const useAccessibilityFeatures: () => {
prefersReducedMotion: boolean;
prefersHighContrast: boolean;
prefersLargeText: boolean;
hasColorBlindMode: boolean;
needsFocusManagement: boolean;
};
//# sourceMappingURL=useAccessibility.d.ts.map