From 10e2c1118fd0a706ac54c5595cec76e906240494 Mon Sep 17 00:00:00 2001
From: Ahmed Rowaihi <ahmedrowaihi1@gmail.com>
Date: Fri, 29 Mar 2024 19:39:24 +0300
Subject: [PATCH 1/2] =?UTF-8?q?=F0=9F=91=8C=20IMPROVE(carousel):=20fix=20m?=
 =?UTF-8?q?issing=20classname,=20use=20data=20attribute=20for=20thumbs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

to allow overwriting styles of active thumb, dynamically with isSlideActive using className
---
 src/registry/default/extension/carousel.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/registry/default/extension/carousel.tsx b/src/registry/default/extension/carousel.tsx
index 5933041..92f4f09 100644
--- a/src/registry/default/extension/carousel.tsx
+++ b/src/registry/default/extension/carousel.tsx
@@ -295,10 +295,11 @@ const CarouselIndicator = forwardRef<
     <Button
       ref={ref}
       size="icon"
-      className={cn("h-1 w-6 rounded-full", {
-        "bg-primary": isSlideActive,
-        "bg-primary/50": !isSlideActive,
-      })}
+      className={cn(
+        "h-1 w-6 rounded-full",
+        "data-[active='false']:bg-primary/50 data-[active='true']:bg-primary",
+        className
+      )}
       onClick={() => onThumbClick(index)}
       {...props}
     >

From eede7952bc86269bb71eb5a7a816987bf0054925 Mon Sep 17 00:00:00 2001
From: Ahmed Rowaihi <ahmedrowaihi1@gmail.com>
Date: Fri, 29 Mar 2024 20:22:46 +0300
Subject: [PATCH 2/2] FIX: missing data-active attribute

---
 src/registry/default/extension/carousel.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/registry/default/extension/carousel.tsx b/src/registry/default/extension/carousel.tsx
index 92f4f09..727555c 100644
--- a/src/registry/default/extension/carousel.tsx
+++ b/src/registry/default/extension/carousel.tsx
@@ -300,6 +300,7 @@ const CarouselIndicator = forwardRef<
         "data-[active='false']:bg-primary/50 data-[active='true']:bg-primary",
         className
       )}
+      data-active={isSlideActive}
       onClick={() => onThumbClick(index)}
       {...props}
     >