@qwickapps/react-framework 1.3.1 → 1.3.3

package/dist/templates/TemplateResolver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateResolver.d.ts","sourceRoot":"","sources":["../../src/templates/TemplateResolver.ts"],"names":[],"mappings":"AAOA,OAAO,EAAsB,YAAY,EAAsD,KAAK,EAA4B,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACzK,OAAO,EAEL,iBAAiB,EAEjB,sBAAsB,EACvB,MAAM,UAAU,CAAC;AAElB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,qBAAa,gBAAiB,YAAW,iBAAiB;IACxD,OAAO,CAAC,YAAY,CAAgB;IACpC,OAAO,CAAC,gBAAgB,CAAmB;IAC3C,OAAO,CAAC,aAAa,CAAC,CAAwB;IAC9C,OAAO,CAAC,aAAa,CAAU;IAC/B,OAAO,CAAC,GAAG,CAAS;gBAER,MAAM,EAAE,sBAAsB;IA4BpC,GAAG,CAAC,CAAC,SAAS,KAAK,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IAI5D,MAAM,CAAC,CAAC,SAAS,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC;IAIlG;;OAEG;IACG,eAAe,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAG,MAAM,CAAE;IAsB3D;;;OAGG;YACW,iBAAiB;CAsChC"}
+{"version":3,"file":"TemplateResolver.d.ts","sourceRoot":"","sources":["../../src/templates/TemplateResolver.ts"],"names":[],"mappings":"AAOA,OAAO,EAAsB,YAAY,EAAsD,KAAK,EAA4B,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACzK,OAAO,EAEL,iBAAiB,EAEjB,sBAAsB,EACvB,MAAM,UAAU,CAAC;AAElB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,qBAAa,gBAAiB,YAAW,iBAAiB;IACxD,OAAO,CAAC,YAAY,CAAgB;IACpC,OAAO,CAAC,gBAAgB,CAAmB;IAC3C,OAAO,CAAC,aAAa,CAAC,CAAwB;IAC9C,OAAO,CAAC,aAAa,CAAU;IAC/B,OAAO,CAAC,GAAG,CAAS;gBAER,MAAM,EAAE,sBAAsB;IAwBpC,GAAG,CAAC,CAAC,SAAS,KAAK,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IAI5D,MAAM,CAAC,CAAC,SAAS,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC;IAIlG;;OAEG;IACG,eAAe,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAG,MAAM,CAAE;IAsB3D;;;OAGG;YACW,iBAAiB;CAsChC"}

package/dist/utils/htmlTransform.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"htmlTransform.d.ts","sourceRoot":"","sources":["../../src/utils/htmlTransform.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CAC/D;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACxE;AAED;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,aAAa,EA0G9C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,aAAa,EAqC/C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,SAAS,OAAO,EAAE,KAAK,MAAM,KAAG,KAAK,CAAC,SA+BrE,CAAC;AAkBF;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,MAAM,EACX,MAAM,GAAE,eAAgD,GACvD,KAAK,CAAC,SAAS,CAqCjB;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,MAAM,EACZ,MAAM,GAAE,eAAgD,GACvD,KAAK,CAAC,SAAS,EAAE,CASnB;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAuB3D"}
+{"version":3,"file":"htmlTransform.d.ts","sourceRoot":"","sources":["../../src/utils/htmlTransform.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CAC/D;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACxE;AAED;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,aAAa,EA0G9C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,aAAa,EAqC/C,CAAC;AAsBF;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,SAAS,OAAO,EAAE,KAAK,MAAM,KAAG,KAAK,CAAC,SAoCrE,CAAC;AAkBF;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,MAAM,EACX,MAAM,GAAE,eAAgD,GACvD,KAAK,CAAC,SAAS,CA0CjB;AAmCD;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,MAAM,EACZ,MAAM,GAAE,eAAgD,GACvD,KAAK,CAAC,SAAS,EAAE,CAYnB;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAuB3D"}

package/dist/utils/logger.d.ts

@@ -1,12 +1,24 @@
 /**
  * QwickApps React Framework - Logger Utility
  *
- * Re-exports from @qwickapps/logging with framework-specific loggers
+ * Optional logging with fallback to console when @qwickapps/logging is not available
  *
  * Copyright (c) 2025 QwickApps.com. All rights reserved.
  */
-export * from '@qwickapps/logging';
-import { Logger } from '@qwickapps/logging';
+export interface Logger {
+    debug(message: string, ...args: any[]): void;
+    info(message: string, ...args: any[]): void;
+    warn(message: string, ...args: any[]): void;
+    error(message: string, ...args: any[]): void;
+}
+/**
+ * Create logger with optional @qwickapps/logging dependency
+ */
+declare function createLogger(name: string): Logger;
+/**
+ * Re-export Logger type and createLogger function for compatibility
+ */
+export { createLogger };
 /**
  * Framework-specific loggers
  */

package/dist/utils/logger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"logger.d.ts","sourceRoot":"","sources":["../../src/utils/logger.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,cAAc,oBAAoB,CAAC;AAGnC,OAAO,EAAgB,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE1D;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAU1C,CAAC"}
+{"version":3,"file":"logger.d.ts","sourceRoot":"","sources":["../../src/utils/logger.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,WAAW,MAAM;IACrB,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IAC7C,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IAC5C,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IAC5C,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;CAC9C;AAqCD;;GAEG;AACH,iBAAS,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAS1C;AAED;;GAEG;AACH,OAAO,EAAE,YAAY,EAAE,CAAC;AAExB;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAU1C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qwickapps/react-framework",
-  "version": "1.3.1",
+  "version": "1.3.3",
   "type": "module",
   "description": "Complete React framework with responsive navigation, flexible layouts, theming system, and reusable components for building modern applications.",
   "main": "dist/index.js",
@@ -48,12 +48,14 @@
   "author": "QwickApps",
   "license": "PolyForm-Shield-1.0.0",
   "dependencies": {
-    "@qwickapps/logging": "^1.0.0",
     "@qwickapps/schema": "^1.3.1",
     "marked": "^4.3.0",
     "md5": "^2.3.0",
     "sanitize-html": "^2.17.0"
   },
+  "optionalDependencies": {
+    "@qwickapps/logging": "^1.0.0"
+  },
   "peerDependencies": {
     "@emotion/react": ">=11.0.0",
     "@emotion/styled": ">=11.0.0",

package/src/components/AccessibilityProvider.tsx

@@ -0,0 +1,466 @@
+import React, { createContext, useContext, useEffect, useReducer, ReactNode } from 'react';
+
+// Accessibility State
+export interface AccessibilityState {
+	highContrast: boolean;
+	reducedMotion: boolean;
+	largeText: boolean;
+	focusVisible: boolean;
+	isKeyboardUser: boolean;
+	issues: AccessibilityIssue[];
+	lastAnnouncement: Announcement | null;
+	preferences: Record<string, any>;
+}
+
+export interface AccessibilityIssue {
+	type: string;
+	message: string;
+	level: 'error' | 'warning' | 'info';
+	element?: Element;
+}
+
+export interface Announcement {
+	message: string;
+	level: 'polite' | 'assertive';
+	timestamp: number;
+}
+
+// Actions
+type AccessibilityAction =
+	| { type: 'SET_HIGH_CONTRAST'; payload: boolean }
+	| { type: 'SET_REDUCED_MOTION'; payload: boolean }
+	| { type: 'SET_LARGE_TEXT'; payload: boolean }
+	| { type: 'SET_FOCUS_VISIBLE'; payload: boolean }
+	| { type: 'SET_KEYBOARD_USER'; payload: boolean }
+	| { type: 'ADD_ISSUE'; payload: AccessibilityIssue }
+	| { type: 'CLEAR_ISSUES' }
+	| { type: 'SET_ANNOUNCEMENT'; payload: Announcement };
+
+// Context
+export interface AccessibilityContextValue extends AccessibilityState {
+	setHighContrast: (enabled: boolean) => void;
+	setReducedMotion: (enabled: boolean) => void;
+	setLargeText: (enabled: boolean) => void;
+	setFocusVisible: (enabled: boolean) => void;
+	announce: (message: string, level?: 'polite' | 'assertive') => void;
+	announcePolite: (message: string) => void;
+	announceAssertive: (message: string) => void;
+	addIssue: (issue: AccessibilityIssue) => void;
+	clearIssues: () => void;
+	runAudit: () => void;
+}
+
+const AccessibilityContext = createContext<AccessibilityContextValue | null>(null);
+
+// Reducer
+const accessibilityReducer = (state: AccessibilityState, action: AccessibilityAction): AccessibilityState => {
+	switch (action.type) {
+		case 'SET_HIGH_CONTRAST':
+			return { ...state, highContrast: action.payload };
+		case 'SET_REDUCED_MOTION':
+			return { ...state, reducedMotion: action.payload };
+		case 'SET_LARGE_TEXT':
+			return { ...state, largeText: action.payload };
+		case 'SET_FOCUS_VISIBLE':
+			return { ...state, focusVisible: action.payload };
+		case 'SET_KEYBOARD_USER':
+			return { ...state, isKeyboardUser: action.payload };
+		case 'ADD_ISSUE':
+			return { ...state, issues: [...state.issues, action.payload] };
+		case 'CLEAR_ISSUES':
+			return { ...state, issues: [] };
+		case 'SET_ANNOUNCEMENT':
+			return { ...state, lastAnnouncement: action.payload };
+		default:
+			return state;
+	}
+};
+
+// Initial state
+const initialState: AccessibilityState = {
+	highContrast: false,
+	reducedMotion: false,
+	largeText: false,
+	focusVisible: true,
+	isKeyboardUser: false,
+	issues: [],
+	lastAnnouncement: null,
+	preferences: {}
+};
+
+// ARIA Live Manager
+class AriaLiveManager {
+	private politeRegion: HTMLElement | null = null;
+	private assertiveRegion: HTMLElement | null = null;
+
+	constructor() {
+		this.createLiveRegions();
+	}
+
+	private createLiveRegions() {
+		if (typeof document === 'undefined') return;
+
+		// Polite announcements
+		this.politeRegion = document.createElement('div');
+		this.politeRegion.setAttribute('aria-live', 'polite');
+		this.politeRegion.setAttribute('aria-atomic', 'true');
+		this.politeRegion.setAttribute('id', 'qwickapps-aria-live-polite');
+		this.politeRegion.style.cssText = `
+			position: absolute !important;
+			left: -10000px !important;
+			width: 1px !important;
+			height: 1px !important;
+			overflow: hidden !important;
+		`;
+		document.body.appendChild(this.politeRegion);
+
+		// Assertive announcements
+		this.assertiveRegion = document.createElement('div');
+		this.assertiveRegion.setAttribute('aria-live', 'assertive');
+		this.assertiveRegion.setAttribute('aria-atomic', 'true');
+		this.assertiveRegion.setAttribute('id', 'qwickapps-aria-live-assertive');
+		this.assertiveRegion.style.cssText = `
+			position: absolute !important;
+			left: -10000px !important;
+			width: 1px !important;
+			height: 1px !important;
+			overflow: hidden !important;
+		`;
+		document.body.appendChild(this.assertiveRegion);
+	}
+
+	announce(message: string, level: 'polite' | 'assertive' = 'polite') {
+		if (level === 'assertive') {
+			this.announceAssertive(message);
+		} else {
+			this.announcePolite(message);
+		}
+	}
+
+	announcePolite(message: string) {
+		if (!this.politeRegion) return;
+		
+		this.politeRegion.textContent = '';
+		// Small delay ensures screen readers detect the change
+		setTimeout(() => {
+			if (this.politeRegion) {
+				this.politeRegion.textContent = message;
+			}
+		}, 100);
+	}
+
+	announceAssertive(message: string) {
+		if (!this.assertiveRegion) return;
+		
+		this.assertiveRegion.textContent = '';
+		// Small delay ensures screen readers detect the change
+		setTimeout(() => {
+			if (this.assertiveRegion) {
+				this.assertiveRegion.textContent = message;
+			}
+		}, 100);
+	}
+}
+
+const ariaLiveManager = new AriaLiveManager();
+
+// Props
+export interface AccessibilityProviderProps {
+	children: ReactNode;
+	enableAudit?: boolean;
+}
+
+/**
+ * Accessibility Provider Component
+ * Provides comprehensive accessibility context and utilities
+ * 
+ * Features:
+ * - System preference detection (high contrast, reduced motion)
+ * - Keyboard navigation detection
+ * - ARIA live announcements
+ * - Focus management
+ * - Accessibility auditing
+ * - Settings persistence
+ */
+export const AccessibilityProvider: React.FC<AccessibilityProviderProps> = ({ 
+	children, 
+	enableAudit = process.env.NODE_ENV === 'development' 
+}) => {
+	const [state, dispatch] = useReducer(accessibilityReducer, initialState);
+
+	useEffect(() => {
+		// Detect user preferences from system
+		detectUserPreferences();
+		
+		// Set up keyboard detection
+		const keyboardCleanup = setupKeyboardDetection();
+		
+		// Initialize focus management
+		initializeFocusManagement();
+		
+		// Run initial accessibility audit
+		if (enableAudit) {
+			runAccessibilityAudit();
+		}
+
+		// Cleanup
+		return () => {
+			if (keyboardCleanup) keyboardCleanup();
+		};
+	}, [enableAudit]);
+
+	const detectUserPreferences = () => {
+		if (typeof window === 'undefined') return;
+
+		// High contrast mode
+		if (window.matchMedia && window.matchMedia('(prefers-contrast: high)').matches) {
+			dispatch({ type: 'SET_HIGH_CONTRAST', payload: true });
+		}
+
+		// Reduced motion
+		if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
+			dispatch({ type: 'SET_REDUCED_MOTION', payload: true });
+		}
+
+		// Listen for changes
+		if (window.matchMedia) {
+			const contrastMedia = window.matchMedia('(prefers-contrast: high)');
+			const motionMedia = window.matchMedia('(prefers-reduced-motion: reduce)');
+
+			const contrastHandler = (e: MediaQueryListEvent) => {
+				dispatch({ type: 'SET_HIGH_CONTRAST', payload: e.matches });
+			};
+
+			const motionHandler = (e: MediaQueryListEvent) => {
+				dispatch({ type: 'SET_REDUCED_MOTION', payload: e.matches });
+			};
+
+			contrastMedia.addEventListener('change', contrastHandler);
+			motionMedia.addEventListener('change', motionHandler);
+
+			// Return cleanup function
+			return () => {
+				contrastMedia.removeEventListener('change', contrastHandler);
+				motionMedia.removeEventListener('change', motionHandler);
+			};
+		}
+	};
+
+	const setupKeyboardDetection = () => {
+		if (typeof document === 'undefined') return;
+
+		let keyboardUser = false;
+
+		const handleKeyDown = (e: KeyboardEvent) => {
+			if (e.key === 'Tab') {
+				keyboardUser = true;
+				dispatch({ type: 'SET_KEYBOARD_USER', payload: true });
+				document.body.classList.add('keyboard-user');
+			}
+		};
+
+		const handleMouseDown = () => {
+			if (keyboardUser) {
+				keyboardUser = false;
+				dispatch({ type: 'SET_KEYBOARD_USER', payload: false });
+				document.body.classList.remove('keyboard-user');
+			}
+		};
+
+		document.addEventListener('keydown', handleKeyDown);
+		document.addEventListener('mousedown', handleMouseDown);
+
+		return () => {
+			document.removeEventListener('keydown', handleKeyDown);
+			document.removeEventListener('mousedown', handleMouseDown);
+		};
+	};
+
+	const initializeFocusManagement = () => {
+		if (typeof document === 'undefined') return;
+
+		// Enhanced focus indicators for keyboard users
+		const style = document.createElement('style');
+		style.textContent = `
+			.keyboard-user *:focus {
+				outline: 3px solid #005cee !important;
+				outline-offset: 2px !important;
+			}
+			
+			.high-contrast *:focus {
+				outline: 3px solid #ffffff !important;
+				outline-offset: 2px !important;
+				box-shadow: 0 0 0 1px #000000 !important;
+			}
+			
+			.reduced-motion * {
+				animation-duration: 0.01ms !important;
+				animation-iteration-count: 1 !important;
+				transition-duration: 0.01ms !important;
+			}
+			
+			.large-text {
+				font-size: 1.2em !important;
+			}
+		`;
+		document.head.appendChild(style);
+	};
+
+	const runAccessibilityAudit = () => {
+		if (typeof document === 'undefined') return;
+
+		setTimeout(() => {
+			const issues: AccessibilityIssue[] = [];
+
+			// Check for images without alt text
+			const images = document.querySelectorAll('img:not([alt])');
+			images.forEach(img => {
+				issues.push({
+					type: 'missing-alt-text',
+					message: 'Image missing alt attribute',
+					level: 'error',
+					element: img
+				});
+			});
+
+			// Check for buttons without accessible names
+			const buttons = document.querySelectorAll('button:not([aria-label]):not([title])');
+			buttons.forEach(button => {
+				if (!button.textContent?.trim()) {
+					issues.push({
+						type: 'unnamed-button',
+						message: 'Button missing accessible name',
+						level: 'error',
+						element: button
+					});
+				}
+			});
+
+			// Check for form inputs without labels
+			const inputs = document.querySelectorAll('input:not([aria-label]):not([title])');
+			inputs.forEach(input => {
+				const id = input.getAttribute('id');
+				if (id) {
+					const label = document.querySelector(`label[for="${id}"]`);
+					if (!label) {
+						issues.push({
+							type: 'unlabeled-input',
+							message: 'Form input missing label',
+							level: 'error',
+							element: input
+						});
+					}
+				} else {
+					issues.push({
+						type: 'unlabeled-input',
+						message: 'Form input missing label',
+						level: 'error',
+						element: input
+					});
+				}
+			});
+
+			dispatch({ type: 'CLEAR_ISSUES' });
+			
+			issues.forEach(issue => {
+				dispatch({ type: 'ADD_ISSUE', payload: issue });
+			});
+
+			if (issues.length > 0) {
+				console.group('🔍 Accessibility Issues Found');
+				issues.forEach(issue => {
+					const logMethod = issue.level === 'error' ? console.error : console.warn;
+					logMethod(`${issue.type}: ${issue.message}`);
+				});
+				console.groupEnd();
+			}
+		}, 1000);
+	};
+
+	// Context value
+	const contextValue: AccessibilityContextValue = {
+		...state,
+		
+		// Actions
+		setHighContrast: (enabled: boolean) => dispatch({ type: 'SET_HIGH_CONTRAST', payload: enabled }),
+		setReducedMotion: (enabled: boolean) => dispatch({ type: 'SET_REDUCED_MOTION', payload: enabled }),
+		setLargeText: (enabled: boolean) => dispatch({ type: 'SET_LARGE_TEXT', payload: enabled }),
+		setFocusVisible: (enabled: boolean) => dispatch({ type: 'SET_FOCUS_VISIBLE', payload: enabled }),
+		
+		// Utilities
+		announce: (message: string, level: 'polite' | 'assertive' = 'polite') => {
+			ariaLiveManager.announce(message, level);
+			dispatch({ type: 'SET_ANNOUNCEMENT', payload: { message, level, timestamp: Date.now() } });
+		},
+		
+		announcePolite: (message: string) => {
+			ariaLiveManager.announcePolite(message);
+			dispatch({ type: 'SET_ANNOUNCEMENT', payload: { message, level: 'polite', timestamp: Date.now() } });
+		},
+		
+		announceAssertive: (message: string) => {
+			ariaLiveManager.announceAssertive(message);
+			dispatch({ type: 'SET_ANNOUNCEMENT', payload: { message, level: 'assertive', timestamp: Date.now() } });
+		},
+		
+		addIssue: (issue: AccessibilityIssue) => dispatch({ type: 'ADD_ISSUE', payload: issue }),
+		clearIssues: () => dispatch({ type: 'CLEAR_ISSUES' }),
+		
+		// Audit function
+		runAudit: runAccessibilityAudit
+	};
+
+	// Apply CSS classes based on preferences
+	useEffect(() => {
+		if (typeof document === 'undefined') return;
+
+		const { highContrast, reducedMotion, largeText } = state;
+		
+		document.body.classList.toggle('high-contrast', highContrast);
+		document.body.classList.toggle('reduced-motion', reducedMotion);
+		document.body.classList.toggle('large-text', largeText);
+	}, [state.highContrast, state.reducedMotion, state.largeText]);
+
+	return (
+		<AccessibilityContext.Provider value={contextValue}>
+			{children}
+		</AccessibilityContext.Provider>
+	);
+};
+
+/**
+ * Hook to access accessibility context
+ */
+export const useAccessibility = (): AccessibilityContextValue => {
+	const context = useContext(AccessibilityContext);
+	
+	if (!context) {
+		throw new Error('useAccessibility must be used within an AccessibilityProvider');
+	}
+	
+	return context;
+};
+
+/**
+ * Higher-Order Component for accessibility enhancements
+ */
+export const withAccessibility = <P extends object>(
+	WrappedComponent: React.ComponentType<P>
+) => {
+	const AccessibilityEnhancedComponent = (props: P) => {
+		const accessibility = useAccessibility();
+		
+		return (
+			<WrappedComponent 
+				{...props}
+				accessibility={accessibility}
+			/>
+		);
+	};
+
+	AccessibilityEnhancedComponent.displayName = `withAccessibility(${WrappedComponent.displayName || WrappedComponent.name || 'Component'})`;
+
+	return AccessibilityEnhancedComponent;
+};
+
+export default AccessibilityProvider;