@neuroequality/neuroadapt-core/dist/sensory/focus-ring.d.ts

Core sensory, cognitive, and preference management for NeuroAdapt SDK

/**
 * Configuration options for AccessibleFocusRing
 */
export interface FocusRingOptions {
    color?: string;
    width?: string;
    offset?: string;
    style?: 'solid' | 'dashed' | 'dotted';
    borderRadius?: string;
    duration?: string;
    targetElement?: HTMLElement;
    className?: string;
}
/**
 * AccessibleFocusRing provides consistent, high-visibility focus indicators
 * that meet WCAG accessibility requirements for neurodivergent users
 */
export declare class AccessibleFocusRing {
    private readonly options;
    private styleElement;
    private isApplied;
    constructor(options?: FocusRingOptions);
    /**
     * Apply the accessible focus ring styles to the target element
     */
    apply(): void;
    /**
     * Remove the accessible focus ring styles
     */
    remove(): void;
    /**
     * Update the focus ring configuration
     */
    updateOptions(newOptions: Partial<FocusRingOptions>): void;
    /**
     * Check if focus ring is currently applied
     */
    isActive(): boolean;
    /**
     * Get current focus ring options
     */
    getOptions(): Readonly<Required<FocusRingOptions>>;
    private createStyleElement;
    private generateCSS;
    /**
     * Create a focus ring with high contrast settings
     */
    static createHighContrast(options?: FocusRingOptions): AccessibleFocusRing;
    /**
     * Create a focus ring optimized for dark themes
     */
    static createDarkTheme(options?: FocusRingOptions): AccessibleFocusRing;
    /**
     * Create a focus ring for users who prefer reduced motion
     */
    static createReducedMotion(options?: FocusRingOptions): AccessibleFocusRing;
}
//# sourceMappingURL=focus-ring.d.ts.map