Enhance button size options and update select component render prop type to Var[Component] (#7)

Author: carlosabadia

reflex_ui/components/base/button.py

@@ -12,7 +12,9 @@
 LiteralButtonVariant = Literal[
     "primary", "destructive", "outline", "secondary", "ghost", "link", "dark"
 ]
-LiteralButtonSize = Literal["xs", "sm", "md", "lg", "icon"]
+LiteralButtonSize = Literal[
+    "xs", "sm", "md", "lg", "xl", "icon-xs", "icon-sm", "icon-md", "icon-lg", "icon-xl"
+]
 
 DEFAULT_CLASS_NAME = "inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-colors disabled:cursor-not-allowed disabled:border disabled:border-secondary-4/80 disabled:bg-secondary-3 disabled:text-secondary-8 shrink-0 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 text-medium cursor-pointer box-border"
 

reflex_ui/components/base/select.py

@@ -193,7 +193,7 @@ class SelectPositioner(SelectBaseComponent):
     collision_avoidance: Var[str]
 
     # The render prop
-    render_: Component
+    render_: Var[Component]
 
     @classmethod
     def create(cls, *children, **props) -> Component:
@@ -208,7 +208,7 @@ class SelectPopup(SelectBaseComponent):
     tag = "Select.Popup"
 
     # The render prop
-    render_: Component
+    render_: Var[Component]
 
     @classmethod
     def create(cls, *children, **props) -> Component: