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

reflex/components/radix/themes/layout/container.pyi

@@ -1,16 +1,16 @@
 """Stub file for reflex/components/radix/themes/layout/container.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.style import STACK_CHILDREN_FULL_WIDTH
-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 RadixThemesComponent
 
 LiteralContainerSize = Literal["1", "2", "3", "4"]
@@ -24,48 +24,41 @@ class Container(elements.Div, RadixThemesComponent):
         padding: Optional[str] = "16px",
         stack_children_full_width: Optional[bool] = False,
         size: Optional[
-            Union[Var[Literal["1", "2", "3", "4"]], Literal["1", "2", "3", "4"]]
-        ] = None,
-        access_key: Optional[
-            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
-        ] = None,
+            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,
+        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,
@@ -73,51 +66,51 @@ class Container(elements.Div, 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,
     ) -> "Container":
         """Create the container component.
 

reflex/components/radix/themes/layout/flex.py

@@ -4,6 +4,7 @@ from __future__ import annotations
 
 from typing import Dict, Literal
 
+from reflex.components.core.breakpoints import Responsive
 from reflex.components.el import elements
 from reflex.vars import Var
 
@@ -27,19 +28,19 @@ class Flex(elements.Div, RadixThemesComponent):
     as_child: Var[bool]
 
     # How child items are layed out: "row" | "column" | "row-reverse" | "column-reverse"
-    direction: Var[LiteralFlexDirection]
+    direction: Var[Responsive[LiteralFlexDirection]]
 
     # Alignment of children along the main axis: "start" | "center" | "end" | "baseline" | "stretch"
-    align: Var[LiteralAlign]
+    align: Var[Responsive[LiteralAlign]]
 
     # Alignment of children along the cross axis: "start" | "center" | "end" | "between"
-    justify: Var[LiteralJustify]
+    justify: Var[Responsive[LiteralJustify]]
 
     # Whether children should wrap when they reach the end of their container: "nowrap" | "wrap" | "wrap-reverse"
-    wrap: Var[LiteralFlexWrap]
+    wrap: Var[Responsive[LiteralFlexWrap]]
 
     # Gap between children: "0" - "9"
-    spacing: Var[LiteralSpacing]
+    spacing: Var[Responsive[LiteralSpacing]]
 
     # Reflex maps the "spacing" prop to "gap" prop.
     _rename_props: Dict[str, str] = {"spacing": "gap"}

reflex/components/radix/themes/layout/flex.pyi

@@ -1,16 +1,17 @@
 """Stub file for reflex/components/radix/themes/layout/flex.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 Dict, Literal
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.el import elements
-from reflex.vars import Var
-from ..base import LiteralAlign, LiteralJustify, LiteralSpacing, RadixThemesComponent
+from reflex.event import EventHandler, EventSpec
+from reflex.style import Style
+from reflex.vars import BaseVar, Var
+
+from ..base import RadixThemesComponent
 
 LiteralFlexDirection = Literal["row", "column", "row-reverse", "column-reverse"]
 LiteralFlexWrap = Literal["nowrap", "wrap", "wrap-reverse"]
@@ -24,74 +25,103 @@ class Flex(elements.Div, RadixThemesComponent):
         as_child: Optional[Union[Var[bool], bool]] = None,
         direction: Optional[
             Union[
-                Var[Literal["row", "column", "row-reverse", "column-reverse"]],
+                Var[
+                    Union[
+                        Breakpoints[
+                            str,
+                            Literal["row", "column", "row-reverse", "column-reverse"],
+                        ],
+                        Literal["row", "column", "row-reverse", "column-reverse"],
+                    ]
+                ],
                 Literal["row", "column", "row-reverse", "column-reverse"],
+                Breakpoints[
+                    str, Literal["row", "column", "row-reverse", "column-reverse"]
+                ],
             ]
         ] = None,
         align: Optional[
             Union[
-                Var[Literal["start", "center", "end", "baseline", "stretch"]],
+                Var[
+                    Union[
+                        Breakpoints[
+                            str,
+                            Literal["start", "center", "end", "baseline", "stretch"],
+                        ],
+                        Literal["start", "center", "end", "baseline", "stretch"],
+                    ]
+                ],
                 Literal["start", "center", "end", "baseline", "stretch"],
+                Breakpoints[
+                    str, Literal["start", "center", "end", "baseline", "stretch"]
+                ],
             ]
         ] = None,
         justify: Optional[
             Union[
-                Var[Literal["start", "center", "end", "between"]],
+                Var[
+                    Union[
+                        Breakpoints[str, Literal["start", "center", "end", "between"]],
+                        Literal["start", "center", "end", "between"],
+                    ]
+                ],
                 Literal["start", "center", "end", "between"],
+                Breakpoints[str, Literal["start", "center", "end", "between"]],
             ]
         ] = None,
         wrap: Optional[
             Union[
-                Var[Literal["nowrap", "wrap", "wrap-reverse"]],
+                Var[
+                    Union[
+                        Breakpoints[str, Literal["nowrap", "wrap", "wrap-reverse"]],
+                        Literal["nowrap", "wrap", "wrap-reverse"],
+                    ]
+                ],
                 Literal["nowrap", "wrap", "wrap-reverse"],
+                Breakpoints[str, Literal["nowrap", "wrap", "wrap-reverse"]],
             ]
         ] = None,
         spacing: Optional[
             Union[
-                Var[Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]],
+                Var[
+                    Union[
+                        Breakpoints[
+                            str,
+                            Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"],
+                        ],
+                        Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"],
+                    ]
+                ],
                 Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"],
+                Breakpoints[
+                    str, Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]
+                ],
             ]
         ] = 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,
@@ -99,51 +129,51 @@ class Flex(elements.Div, 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,
     ) -> "Flex":
         """Create a new component instance.
 

reflex/components/radix/themes/layout/grid.py

@@ -4,6 +4,7 @@ from __future__ import annotations
 
 from typing import Dict, Literal
 
+from reflex.components.core.breakpoints import Responsive
 from reflex.components.el import elements
 from reflex.vars import Var
 
@@ -26,28 +27,28 @@ class Grid(elements.Div, RadixThemesComponent):
     as_child: Var[bool]
 
     # Number of columns
-    columns: Var[str]
+    columns: Var[Responsive[str]]
 
     # Number of rows
-    rows: Var[str]
+    rows: Var[Responsive[str]]
 
     # How the grid items are layed out: "row" | "column" | "dense" | "row-dense" | "column-dense"
-    flow: Var[LiteralGridFlow]
+    flow: Var[Responsive[LiteralGridFlow]]
 
     # Alignment of children along the main axis: "start" | "center" | "end" | "baseline" | "stretch"
-    align: Var[LiteralAlign]
+    align: Var[Responsive[LiteralAlign]]
 
     # Alignment of children along the cross axis: "start" | "center" | "end" | "between"
-    justify: Var[LiteralJustify]
+    justify: Var[Responsive[LiteralJustify]]
 
     # Gap between children: "0" - "9"
-    spacing: Var[LiteralSpacing]
+    spacing: Var[Responsive[LiteralSpacing]]
 
     # Gap between children horizontal: "0" - "9"
-    spacing_x: Var[LiteralSpacing]
+    spacing_x: Var[Responsive[LiteralSpacing]]
 
     # Gap between children vertical: "0" - "9"
-    spacing_y: Var[LiteralSpacing]
+    spacing_y: Var[Responsive[LiteralSpacing]]
 
     # Reflex maps the "spacing" prop to "gap" prop.
     _rename_props: Dict[str, str] = {