From 56ea270ae2084a9be3a805d1b835d592a940c68f Mon Sep 17 00:00:00 2001
From: Mohammed Essam Helewa <eng.helewa@gmail.com>
Date: Wed, 16 Oct 2024 19:45:35 +0300
Subject: [PATCH] Update Switch component

- Add support for RTL layouts
- Add <slot name="thumb" /> to allow inject icons inside  the thumb
---
 apps/www/src/lib/registry/default/ui/switch/Switch.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/www/src/lib/registry/default/ui/switch/Switch.vue b/apps/www/src/lib/registry/default/ui/switch/Switch.vue
index 49d9af1f..9ad5d80e 100644
--- a/apps/www/src/lib/registry/default/ui/switch/Switch.vue
+++ b/apps/www/src/lib/registry/default/ui/switch/Switch.vue
@@ -31,7 +31,9 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
     )"
   >
     <SwitchThumb
-      :class="cn('pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0')"
-    />
+      :class="cn('pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform ltr:data-[state=checked]:translate-x-5 rtl:data-[state=checked]:-translate-x-5')"
+    >
+      <slot name="thumb" />
+    </SwitchThumb>
   </SwitchRoot>
 </template>