From 1f879e147be02bec5db96044be3f35156ae1f9ee Mon Sep 17 00:00:00 2001
From: Olcay Karabacak <olcaykarabacak35@gmail.com>
Date: Fri, 5 Jan 2024 00:24:26 +0300
Subject: [PATCH] formatted

---
 components/doc/dialog/headlessdoc.js         |   7 +-
 components/lib/passthrough/tailwind/index.js | 108 +++++++++----------
 2 files changed, 55 insertions(+), 60 deletions(-)

diff --git a/components/doc/dialog/headlessdoc.js b/components/doc/dialog/headlessdoc.js
index d3cda14ddb..126934be0c 100644
--- a/components/doc/dialog/headlessdoc.js
+++ b/components/doc/dialog/headlessdoc.js
@@ -170,12 +170,7 @@ export default function HeadlessDemo() {
                                 </g>
                                 <path d="M22.0969 18.6465L20.3461 18.2616L21.7078 20.1862V26.1522L26.0214 22.3031L26.3764 15.7598L24.2367 16.5296L22.0969 18.6465Z" fill="white" />
                                 <path d="M11.2035 18.6465L12.9543 18.2616L11.5926 20.1862V26.1522L7.27906 22.3031L6.92397 15.7598L9.06376 16.5296L11.2035 18.6465Z" fill="white" />
-                                <path
-                                    fillRule="evenodd"
-                                    clipRule="evenodd"
-                                    d="M12.1761 20.5713L13.7323 18.2618L14.7049 18.8392H18.5955L19.5681 18.2618L21.1243 20.5713V29.2316L19.3056 32.6659H13.6397L12.1761 29.2316V20.5713Z"
-                                    fill="white"
-                                />
+                                <path fillRule="evenodd" clipRule="evenodd" d="M12.1761 20.5713L13.7323 18.2618L14.7049 18.8392H18.5955L19.5681 18.2618L21.1243 20.5713V29.2316L19.3056 32.6659H13.6397L12.1761 29.2316V20.5713Z" fill="white" />
                                 <path d="M21.7079 29.8089L24.2367 27.3071V24.8052L21.7079 26.9221V29.8089Z" fill="white" />
                                 <path d="M11.5927 29.8089L9.06387 27.3071V24.8052L11.5927 26.9221V29.8089Z" fill="white" />
                                 <path fillRule="evenodd" clipRule="evenodd" d="M16.2613 7.09967H14.1215L12.5652 10.7563L15.0941 18.0694H18.401L20.7353 10.7563L19.1791 7.09967H17.0394V18.0694H16.2613V7.09967Z" fill="white" />
diff --git a/components/lib/passthrough/tailwind/index.js b/components/lib/passthrough/tailwind/index.js
index f4e6e2fdbb..55b56e98d8 100644
--- a/components/lib/passthrough/tailwind/index.js
+++ b/components/lib/passthrough/tailwind/index.js
@@ -341,32 +341,32 @@ const Tailwind = {
                               exitActive: '!opacity-0 !scale-75 translate-x-0 -translate-y-full translate-z-0'
                           }
                         : props.position === 'bottom'
-                        ? {
-                              enter: 'opacity-0 scale-75 translate-y-full',
-                              enterActive: '!opacity-100 !scale-100 !translate-y-0 transition-all duration-200 ease-out',
-                              exit: 'opacity-100 scale-100 transition-all duration-200 ease-out',
-                              exitActive: '!opacity-0 !scale-75 translate-x-0 translate-y-full translate-z-0'
-                          }
-                        : props.position === 'left' || props.position === 'top-left' || props.position === 'bottom-left'
-                        ? {
-                              enter: 'opacity-0 scale-75 -translate-x-full translate-y-0 translate-z-0',
-                              enterActive: '!opacity-100 !scale-100 !translate-x-0 transition-all duration-200 ease-out',
-                              exit: 'opacity-100 scale-100 transition-all duration-200 ease-out',
-                              exitActive: '!opacity-0 !scale-75 -translate-x-full translate-y-0 translate-z-0'
-                          }
-                        : props.position === 'right' || props.position === 'top-right' || props.position === 'bottom-right'
-                        ? {
-                              enter: 'opacity-0 scale-75 translate-x-full translate-y-0 translate-z-0',
-                              enterActive: '!opacity-100 !scale-100 !translate-x-0 transition-all duration-200 ease-out',
-                              exit: 'opacity-100 scale-100 transition-all duration-200 ease-out',
-                              exitActive: '!opacity-0 !scale-75 translate-x-full translate-y-0 translate-z-0'
-                          }
-                        : {
-                              enter: 'opacity-0 scale-75',
-                              enterActive: '!opacity-100 !scale-100 transition-all duration-200 ease-out',
-                              exit: 'opacity-100 scale-100 transition-all duration-200 ease-out',
-                              exitActive: '!opacity-0 !scale-75'
-                          }
+                          ? {
+                                enter: 'opacity-0 scale-75 translate-y-full',
+                                enterActive: '!opacity-100 !scale-100 !translate-y-0 transition-all duration-200 ease-out',
+                                exit: 'opacity-100 scale-100 transition-all duration-200 ease-out',
+                                exitActive: '!opacity-0 !scale-75 translate-x-0 translate-y-full translate-z-0'
+                            }
+                          : props.position === 'left' || props.position === 'top-left' || props.position === 'bottom-left'
+                            ? {
+                                  enter: 'opacity-0 scale-75 -translate-x-full translate-y-0 translate-z-0',
+                                  enterActive: '!opacity-100 !scale-100 !translate-x-0 transition-all duration-200 ease-out',
+                                  exit: 'opacity-100 scale-100 transition-all duration-200 ease-out',
+                                  exitActive: '!opacity-0 !scale-75 -translate-x-full translate-y-0 translate-z-0'
+                              }
+                            : props.position === 'right' || props.position === 'top-right' || props.position === 'bottom-right'
+                              ? {
+                                    enter: 'opacity-0 scale-75 translate-x-full translate-y-0 translate-z-0',
+                                    enterActive: '!opacity-100 !scale-100 !translate-x-0 transition-all duration-200 ease-out',
+                                    exit: 'opacity-100 scale-100 transition-all duration-200 ease-out',
+                                    exitActive: '!opacity-0 !scale-75 translate-x-full translate-y-0 translate-z-0'
+                                }
+                              : {
+                                    enter: 'opacity-0 scale-75',
+                                    enterActive: '!opacity-100 !scale-100 transition-all duration-200 ease-out',
+                                    exit: 'opacity-100 scale-100 transition-all duration-200 ease-out',
+                                    exitActive: '!opacity-0 !scale-75'
+                                }
             };
         }
     },
@@ -442,34 +442,34 @@ const Tailwind = {
                           exitActive: '!opacity-0'
                       }
                     : props.position === 'top'
-                    ? {
-                          enter: 'translate-x-0 -translate-y-full translate-z-0',
-                          enterActive: '!translate-y-0 transition-transform duration-300',
-                          exit: 'translate-y-0 transition-transform duration-300',
-                          exitActive: 'translate-x-0 !-translate-y-full translate-z-0'
-                      }
-                    : props.position === 'bottom'
-                    ? {
-                          enter: 'translate-x-0 translate-y-full translate-z-0',
-                          enterActive: '!translate-y-0 transition-transform duration-300',
-                          exit: 'translate-y-0 transition-transform duration-300',
-                          exitActive: 'translate-x-0 !translate-y-full translate-z-0'
-                      }
-                    : props.position === 'left'
-                    ? {
-                          enter: '-translate-x-full translate-y-0 translate-z-0',
-                          enterActive: '!translate-x-0 transition-transform duration-300',
-                          exit: 'translate-x-0 transition-transform duration-300',
-                          exitActive: '!-translate-x-full translate-y-0 translate-z-0'
-                      }
-                    : props.position === 'right'
-                    ? {
-                          enter: 'translate-x-full translate-y-0 translate-z-0',
-                          enterActive: '!translate-x-0 transition-transform duration-300',
-                          exit: 'translate-x-0 transition-transform duration-300',
-                          exitActive: '!translate-x-full translate-y-0 translate-z-0'
-                      }
-                    : undefined
+                      ? {
+                            enter: 'translate-x-0 -translate-y-full translate-z-0',
+                            enterActive: '!translate-y-0 transition-transform duration-300',
+                            exit: 'translate-y-0 transition-transform duration-300',
+                            exitActive: 'translate-x-0 !-translate-y-full translate-z-0'
+                        }
+                      : props.position === 'bottom'
+                        ? {
+                              enter: 'translate-x-0 translate-y-full translate-z-0',
+                              enterActive: '!translate-y-0 transition-transform duration-300',
+                              exit: 'translate-y-0 transition-transform duration-300',
+                              exitActive: 'translate-x-0 !translate-y-full translate-z-0'
+                          }
+                        : props.position === 'left'
+                          ? {
+                                enter: '-translate-x-full translate-y-0 translate-z-0',
+                                enterActive: '!translate-x-0 transition-transform duration-300',
+                                exit: 'translate-x-0 transition-transform duration-300',
+                                exitActive: '!-translate-x-full translate-y-0 translate-z-0'
+                            }
+                          : props.position === 'right'
+                            ? {
+                                  enter: 'translate-x-full translate-y-0 translate-z-0',
+                                  enterActive: '!translate-x-0 transition-transform duration-300',
+                                  exit: 'translate-x-0 transition-transform duration-300',
+                                  exitActive: '!translate-x-full translate-y-0 translate-z-0'
+                              }
+                            : undefined
             };
         }
     },