aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
54 lines • 1.55 kB
TypeScript
import React from "react";
export interface A11yIssue {
id: string;
type: "error" | "warning" | "info";
rule: string;
message: string;
element?: string;
line?: number;
column?: number;
code?: string;
suggestion?: string;
wcag?: string;
}
export interface A11yAuditResult {
score: number;
issues: A11yIssue[];
summary: {
errors: number;
warnings: number;
info: number;
};
timestamp: number;
}
export interface GlassA11yAuditorProps {
/** Content to audit */
children?: React.ReactNode;
/** Whether to show audit panel */
showPanel?: boolean;
/** Whether to run audit automatically */
autoAudit?: boolean;
/** Audit rules to check */
rules?: string[];
/** Custom className */
className?: string;
/** Audit complete handler */
onAuditComplete?: (result: A11yAuditResult) => void;
/** Issue click handler */
onIssueClick?: (issue: A11yIssue) => void;
/** Respect user's motion preferences */
respectMotionPreference?: boolean;
/** Custom ID */
id?: string;
/** ARIA label */
"aria-label"?: string;
/** Test ID */
"data-testid"?: string;
}
export declare const GlassA11yAuditor: React.ForwardRefExoticComponent<GlassA11yAuditorProps & React.RefAttributes<HTMLDivElement>>;
export declare const useA11yAudit: () => {
result: A11yAuditResult | null;
isAuditing: boolean;
audit: (rules?: string[]) => Promise<A11yAuditResult>;
};
//# sourceMappingURL=GlassA11yAuditor.d.ts.map