From 17852ed7e766fe087ca3c693e130761be6919fc4 Mon Sep 17 00:00:00 2001
From: TaiJuWu <33004323+TaiJuWu@users.noreply.github.com>
Date: Thu, 25 May 2023 04:14:50 +0800
Subject: [PATCH] chore: Update transition.py (#1073)

---
 pynecone/components/disclosure/transition.py | 42 ++++++++++----------
 1 file changed, 22 insertions(+), 20 deletions(-)

diff --git a/pynecone/components/disclosure/transition.py b/pynecone/components/disclosure/transition.py
index d1d76c28f..dcbca9d34 100644
--- a/pynecone/components/disclosure/transition.py
+++ b/pynecone/components/disclosure/transition.py
@@ -2,22 +2,17 @@
 from typing import Union
 
 from pynecone.components.libs.chakra import ChakraComponent
-from pynecone.utils import imports
-from pynecone.vars import ImportVar, Var
+from pynecone.vars import Var
 
 
 class Transition(ChakraComponent):
     """Base componemt of all transitions."""
 
+    # Show the component; triggers when enter or exit states
     in_: Var[bool]
 
-    unmount_on_exit: Var[bool] = False  # type: ignore
-
-    def _get_imports(self) -> imports.ImportDict:
-        return imports.merge_imports(
-            super()._get_imports(),
-            {"@chakra-ui/react": {ImportVar(tag="useDisclosure")}},
-        )
+    # If true, the element will unmount when `in={false}` and animation is done
+    unmount_on_exit: Var[bool]
 
 
 class Fade(Transition):
@@ -31,11 +26,11 @@ class ScaleFade(Transition):
 
     tag = "ScaleFade"
 
-    unmount_on_exit: Var[bool] = False  # type: ignore
+    # The initial scale of the element
+    initial_scale: Var[float]
 
-    initial_scale: Var[float] = 0.95  # type: ignore
-
-    reverse: Var[bool] = True  # type: ignore
+    # If true, the element will transition back to exit state
+    reverse: Var[bool]
 
 
 class Slide(Transition):
@@ -43,7 +38,8 @@ class Slide(Transition):
 
     tag = "Slide"
 
-    direction: Var[str] = "right"  # type: ignore
+    # The direction to slide from
+    direction: Var[str]
 
 
 class SlideFade(Transition):
@@ -51,11 +47,14 @@ class SlideFade(Transition):
 
     tag = "SlideFade"
 
-    offsetX: Var[Union[str, int]] = 0  # type: ignore
+    # The offset on the horizontal or x axis
+    offsetX: Var[Union[str, int]]
 
-    offsetY: Var[Union[str, int]] = 8  # type: ignore
+    # The offset on the vertical or y axis
+    offsetY: Var[Union[str, int]]
 
-    reverse: Var[bool] = True  # type: ignore
+    # If true, the element will be transitioned back to the offset when it leaves. Otherwise, it'll only fade out
+    reverse: Var[bool]
 
 
 class Collapse(Transition):
@@ -63,8 +62,11 @@ class Collapse(Transition):
 
     tag = "Collapse"
 
-    animateOpacity: Var[bool] = True  # type: ignore
+    # If true, the opacity of the content will be animated
+    animateOpacity: Var[bool]
 
-    endingHeight: Var[str] = "auto"  # type: ignore
+    # The height you want the content in its expanded state.
+    endingHeight: Var[str]
 
-    startingHeight: Var[Union[str, int]] = 0  # type: ignore
+    # The height you want the content in its collapsed state.
+    startingHeight: Var[Union[str, int]]