From 13c47ce50b593929f46ca8562720a237c6959f59 Mon Sep 17 00:00:00 2001
From: sadeghbarati <sadeghbaratiwork@gmail.com>
Date: Mon, 8 Jan 2024 10:00:12 +0330
Subject: [PATCH] feat: use slot fallback content

so user could change navigation button icons
---
 .../www/src/lib/registry/default/ui/carousel/CarouselNext.vue | 4 +++-
 .../src/lib/registry/default/ui/carousel/CarouselPrevious.vue | 4 +++-
 .../src/lib/registry/new-york/ui/carousel/CarouselNext.vue    | 4 +++-
 .../lib/registry/new-york/ui/carousel/CarouselPrevious.vue    | 4 +++-
 4 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/apps/www/src/lib/registry/default/ui/carousel/CarouselNext.vue b/apps/www/src/lib/registry/default/ui/carousel/CarouselNext.vue
index 67faba07..3b87ad3f 100644
--- a/apps/www/src/lib/registry/default/ui/carousel/CarouselNext.vue
+++ b/apps/www/src/lib/registry/default/ui/carousel/CarouselNext.vue
@@ -23,6 +23,8 @@ const { orientation, canScrollNext, scrollNext } = useCarousel()
     variant="outline"
     @click="scrollNext"
   >
-    <ChevronRight class="h-4 w-4 text-white stroke-white" />
+    <slot>
+      <ChevronRight class="h-4 w-4 text-current" />
+    </slot>
   </Button>
 </template>
diff --git a/apps/www/src/lib/registry/default/ui/carousel/CarouselPrevious.vue b/apps/www/src/lib/registry/default/ui/carousel/CarouselPrevious.vue
index c64b3d92..51dda3ce 100644
--- a/apps/www/src/lib/registry/default/ui/carousel/CarouselPrevious.vue
+++ b/apps/www/src/lib/registry/default/ui/carousel/CarouselPrevious.vue
@@ -23,6 +23,8 @@ const { orientation, canScrollPrev, scrollPrev } = useCarousel()
     variant="outline"
     @click="scrollPrev"
   >
-    <ChevronLeft class="h-4 w-4 text-white" />
+    <slot>
+      <ChevronLeft class="h-4 w-4 text-current" />
+    </slot>
   </Button>
 </template>
diff --git a/apps/www/src/lib/registry/new-york/ui/carousel/CarouselNext.vue b/apps/www/src/lib/registry/new-york/ui/carousel/CarouselNext.vue
index d237434b..5bbb489e 100644
--- a/apps/www/src/lib/registry/new-york/ui/carousel/CarouselNext.vue
+++ b/apps/www/src/lib/registry/new-york/ui/carousel/CarouselNext.vue
@@ -23,6 +23,8 @@ const { orientation, canScrollNext, scrollNext } = useCarousel()
     variant="outline"
     @click="scrollNext"
   >
-    <ChevronRightIcon class="h-4 w-4 text-white stroke-white" />
+    <slot>
+      <ChevronRightIcon class="h-4 w-4 text-current" />
+    </slot>
   </Button>
 </template>
diff --git a/apps/www/src/lib/registry/new-york/ui/carousel/CarouselPrevious.vue b/apps/www/src/lib/registry/new-york/ui/carousel/CarouselPrevious.vue
index 2018027a..b39d820a 100644
--- a/apps/www/src/lib/registry/new-york/ui/carousel/CarouselPrevious.vue
+++ b/apps/www/src/lib/registry/new-york/ui/carousel/CarouselPrevious.vue
@@ -23,6 +23,8 @@ const { orientation, canScrollPrev, scrollPrev } = useCarousel()
     variant="outline"
     @click="scrollPrev"
   >
-    <ChevronLeftIcon class="h-4 w-4 text-white" />
+    <slot>
+      <ChevronLeftIcon class="h-4 w-4 text-current" />
+    </slot>
   </Button>
 </template>