reflex 0.5.5a1__py3-none-any.whl → 0.5.6__py3-none-any.whl

reflex/components/radix/themes/components/aspect_ratio.pyi

@@ -1,14 +1,14 @@
 """Stub file for reflex/components/radix/themes/components/aspect_ratio.py"""
+
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
+from typing import Any, Callable, Dict, Optional, Union, overload
 
-from typing import Any, Dict, Literal, Optional, Union, overload
-from reflex.vars import Var, BaseVar, ComputedVar
-from reflex.event import EventChain, EventHandler, EventSpec
+from reflex.event import EventHandler, EventSpec
 from reflex.style import Style
-from typing import Union
-from reflex.vars import Var
+from reflex.vars import BaseVar, Var
+
 from ..base import RadixThemesComponent
 
 class AspectRatio(RadixThemesComponent):
@@ -17,7 +17,7 @@ class AspectRatio(RadixThemesComponent):
     def create(  # type: ignore
         cls,
         *children,
-        ratio: Optional[Union[Var[Union[float, int]], Union[float, int]]] = None,
+        ratio: Optional[Union[Var[Union[float, int]], float, int]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,
@@ -25,51 +25,51 @@ class AspectRatio(RadixThemesComponent):
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
         on_blur: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_click: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_context_menu: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_double_click: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_focus: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mount: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_down: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_enter: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_scroll: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
-        **props
+        **props,
     ) -> "AspectRatio":
         """Create a new component instance.
 

reflex/components/radix/themes/components/avatar.py

@@ -2,6 +2,7 @@
 
 from typing import Literal
 
+from reflex.components.core.breakpoints import Responsive
 from reflex.vars import Var
 
 from ..base import (
@@ -22,7 +23,7 @@ class Avatar(RadixThemesComponent):
     variant: Var[Literal["solid", "soft"]]
 
     # The size of the avatar: "1" - "9"
-    size: Var[LiteralSize]
+    size: Var[Responsive[LiteralSize]]
 
     # Color theme of the avatar
     color_scheme: Var[LiteralAccentColor]

reflex/components/radix/themes/components/avatar.pyi

@@ -1,15 +1,16 @@
 """Stub file for reflex/components/radix/themes/components/avatar.py"""
+
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
+from typing import Any, Callable, Dict, Literal, Optional, Union, overload
 
-from typing import Any, Dict, Literal, Optional, Union, overload
-from reflex.vars import Var, BaseVar, ComputedVar
-from reflex.event import EventChain, EventHandler, EventSpec
+from reflex.components.core.breakpoints import Breakpoints
+from reflex.event import EventHandler, EventSpec
 from reflex.style import Style
-from typing import Literal
-from reflex.vars import Var
-from ..base import LiteralAccentColor, LiteralRadius, RadixThemesComponent
+from reflex.vars import BaseVar, Var
+
+from ..base import RadixThemesComponent
 
 LiteralSize = Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]
 
@@ -24,8 +25,16 @@ class Avatar(RadixThemesComponent):
         ] = None,
         size: Optional[
             Union[
-                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
+                Var[
+                    Union[
+                        Breakpoints[
+                            str, Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]
+                        ],
+                        Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
+                    ]
+                ],
                 Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
+                Breakpoints[str, Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
             ]
         ] = None,
         color_scheme: Optional[
@@ -106,51 +115,51 @@ class Avatar(RadixThemesComponent):
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
         on_blur: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_click: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_context_menu: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_double_click: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_focus: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mount: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_down: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_enter: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_scroll: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
-        **props
+        **props,
     ) -> "Avatar":
         """Create a new component instance.
 

reflex/components/radix/themes/components/badge.py

@@ -2,6 +2,7 @@
 
 from typing import Literal
 
+from reflex.components.core.breakpoints import Responsive
 from reflex.components.el import elements
 from reflex.vars import Var
 
@@ -21,7 +22,7 @@ class Badge(elements.Span, RadixThemesComponent):
     variant: Var[Literal["solid", "soft", "surface", "outline"]]
 
     # The size of the badge
-    size: Var[Literal["1", "2", "3"]]
+    size: Var[Responsive[Literal["1", "2", "3"]]]
 
     # Color theme of the badge
     color_scheme: Var[LiteralAccentColor]

reflex/components/radix/themes/components/badge.pyi

@@ -1,16 +1,17 @@
 """Stub file for reflex/components/radix/themes/components/badge.py"""
+
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
+from typing import Any, Callable, Dict, Literal, Optional, Union, overload
 
-from typing import Any, Dict, Literal, Optional, Union, overload
-from reflex.vars import Var, BaseVar, ComputedVar
-from reflex.event import EventChain, EventHandler, EventSpec
-from reflex.style import Style
-from typing import Literal
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.el import elements
-from reflex.vars import Var
-from ..base import LiteralAccentColor, LiteralRadius, RadixThemesComponent
+from reflex.event import EventHandler, EventSpec
+from reflex.style import Style
+from reflex.vars import BaseVar, Var
+
+from ..base import RadixThemesComponent
 
 class Badge(elements.Span, RadixThemesComponent):
     @overload
@@ -25,7 +26,15 @@ class Badge(elements.Span, RadixThemesComponent):
             ]
         ] = None,
         size: Optional[
-            Union[Var[Literal["1", "2", "3"]], Literal["1", "2", "3"]]
+            Union[
+                Var[
+                    Union[
+                        Breakpoints[str, Literal["1", "2", "3"]], Literal["1", "2", "3"]
+                    ]
+                ],
+                Literal["1", "2", "3"],
+                Breakpoints[str, Literal["1", "2", "3"]],
+            ]
         ] = None,
         color_scheme: Optional[
             Union[
@@ -96,46 +105,30 @@ class Badge(elements.Span, RadixThemesComponent):
                 Literal["none", "small", "medium", "large", "full"],
             ]
         ] = None,
-        access_key: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
-        ] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
+            Union[Var[Union[bool, int, str]], str, int, bool]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
+            Union[Var[Union[bool, int, str]], str, int, bool]
         ] = None,
         context_menu: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
-        ] = None,
-        dir: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
-        draggable: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
+            Union[Var[Union[bool, int, str]], str, int, bool]
         ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
         enter_key_hint: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
-        ] = None,
-        hidden: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
-        ] = None,
-        input_mode: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
-        ] = None,
-        item_prop: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
-        ] = None,
-        lang: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
-        role: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
-        slot: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
-        spell_check: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
-        ] = None,
-        tab_index: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
-        ] = None,
-        title: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
-        ] = None,
+            Union[Var[Union[bool, int, str]], str, int, bool]
+        ] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,
@@ -143,51 +136,51 @@ class Badge(elements.Span, RadixThemesComponent):
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
         on_blur: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_click: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_context_menu: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_double_click: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_focus: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mount: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_down: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_enter: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_scroll: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
-        **props
+        **props,
     ) -> "Badge":
         """Create a new component instance.
 

reflex/components/radix/themes/components/button.py

@@ -2,6 +2,7 @@
 
 from typing import Literal
 
+from reflex.components.core.breakpoints import Responsive
 from reflex.components.el import elements
 from reflex.vars import Var
 
@@ -25,7 +26,7 @@ class Button(elements.Button, RadixLoadingProp, RadixThemesComponent):
     as_child: Var[bool]
 
     # Button size "1" - "4"
-    size: Var[LiteralButtonSize]
+    size: Var[Responsive[LiteralButtonSize]]
 
     # Variant of button: "solid" | "soft" | "outline" | "ghost"
     variant: Var[LiteralVariant]

reflex/components/radix/themes/components/button.pyi

@@ -1,19 +1,17 @@
 """Stub file for reflex/components/radix/themes/components/button.py"""
+
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
+from typing import Any, Callable, Dict, Literal, Optional, Union, overload
 
-from typing import Any, Dict, Literal, Optional, Union, overload
-from reflex.vars import Var, BaseVar, ComputedVar
-from reflex.event import EventChain, EventHandler, EventSpec
-from reflex.style import Style
-from typing import Literal
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.el import elements
-from reflex.vars import Var
+from reflex.event import EventHandler, EventSpec
+from reflex.style import Style
+from reflex.vars import BaseVar, Var
+
 from ..base import (
-    LiteralAccentColor,
-    LiteralRadius,
-    LiteralVariant,
     RadixLoadingProp,
     RadixThemesComponent,
 )
@@ -28,7 +26,16 @@ class Button(elements.Button, RadixLoadingProp, RadixThemesComponent):
         *children,
         as_child: Optional[Union[Var[bool], bool]] = None,
         size: Optional[
-            Union[Var[Literal["1", "2", "3", "4"]], Literal["1", "2", "3", "4"]]
+            Union[
+                Var[
+                    Union[
+                        Breakpoints[str, Literal["1", "2", "3", "4"]],
+                        Literal["1", "2", "3", "4"],
+                    ]
+                ],
+                Literal["1", "2", "3", "4"],
+                Breakpoints[str, Literal["1", "2", "3", "4"]],
+            ]
         ] = None,
         variant: Optional[
             Union[
@@ -105,71 +112,45 @@ class Button(elements.Button, RadixLoadingProp, RadixThemesComponent):
                 Literal["none", "small", "medium", "large", "full"],
             ]
         ] = None,
-        auto_focus: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
-        ] = None,
+        auto_focus: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
         disabled: Optional[Union[Var[bool], bool]] = None,
-        form: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
-        form_action: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
-        ] = None,
+        form: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
+        form_action: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
         form_enc_type: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
-        ] = None,
-        form_method: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
+            Union[Var[Union[bool, int, str]], str, int, bool]
         ] = None,
+        form_method: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
         form_no_validate: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
-        ] = None,
-        form_target: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
-        ] = None,
-        name: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
-        type: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
-        value: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
-        ] = None,
-        access_key: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
+            Union[Var[Union[bool, int, str]], str, int, bool]
         ] = None,
+        form_target: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
+        name: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
+        type: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
+        value: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
+            Union[Var[Union[bool, int, str]], str, int, bool]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
+            Union[Var[Union[bool, int, str]], str, int, bool]
         ] = None,
         context_menu: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
-        ] = None,
-        dir: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
-        draggable: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
+            Union[Var[Union[bool, int, str]], str, int, bool]
         ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
         enter_key_hint: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
-        ] = None,
-        hidden: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
-        ] = None,
-        input_mode: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
-        ] = None,
-        item_prop: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
-        ] = None,
-        lang: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
-        role: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
-        slot: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
-        spell_check: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
-        ] = None,
-        tab_index: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
-        ] = None,
-        title: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
-        ] = None,
+            Union[Var[Union[bool, int, str]], str, int, bool]
+        ] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], str, int, bool]] = None,
         loading: Optional[Union[Var[bool], bool]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
@@ -178,51 +159,51 @@ class Button(elements.Button, RadixLoadingProp, RadixThemesComponent):
         autofocus: Optional[bool] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
         on_blur: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_click: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_context_menu: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_double_click: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_focus: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mount: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_down: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_enter: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_scroll: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
         on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
+            Union[EventHandler, EventSpec, list, Callable, BaseVar]
         ] = None,
-        **props
+        **props,
     ) -> "Button":
         """Create a new component instance.
 

reflex/components/radix/themes/components/callout.py

@@ -4,6 +4,7 @@ from typing import Literal, Union
 
 import reflex as rx
 from reflex.components.component import Component, ComponentNamespace
+from reflex.components.core.breakpoints import Responsive
 from reflex.components.el import elements
 from reflex.components.lucide.icon import Icon
 from reflex.vars import Var
@@ -25,7 +26,7 @@ class CalloutRoot(elements.Div, RadixThemesComponent):
     as_child: Var[bool]
 
     # Size "1" - "3"
-    size: Var[Literal["1", "2", "3"]]
+    size: Var[Responsive[Literal["1", "2", "3"]]]
 
     # Variant of button: "soft" | "surface" | "outline"
     variant: Var[CalloutVariant]