From 76857438f0a81cb1cf99867bae24ec361d3eee6c Mon Sep 17 00:00:00 2001
From: K1NGD4VID <Adesanyafuhad5@gmail.com>
Date: Sun, 26 Apr 2026 23:04:07 +0100
Subject: [PATCH] feat: add reusable Stepper component with customizable
 variants and accessibility support

---
 src/components/common/Stepper.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/common/Stepper.tsx b/src/components/common/Stepper.tsx
index 2fe91e5..4014355 100644
--- a/src/components/common/Stepper.tsx
+++ b/src/components/common/Stepper.tsx
@@ -58,6 +58,9 @@ const Stepper: React.FC<StepperProps> = ({
 
 	return (
 		<div className={cn('flex items-center', gapClasses[size], className)}>
+			<div className="sr-only" aria-live="polite" aria-atomic="true">
+				Step {currentStep} of {totalSteps}
+			</div>
 			{Array.from({ length: totalSteps }, (_, index) => {
 				const stepNumber = index + 1;
 				const isActive = stepNumber <= currentStep;