reflex 0.4.9a1__py3-none-any.whl → 0.5.0__py3-none-any.whl

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

@@ -43,7 +43,7 @@ class LayoutComponent(CommonMarginProps, RadixThemesComponent):
     pl: Var[LiteralSpacing]
 
     # Whether the element will take up the smallest possible space: "0" | "1"
-    shrink: Var[LiteralBoolNumber]
+    flex_shrink: Var[LiteralBoolNumber]
 
     # Whether the element will take up the largest possible space: "0" | "1"
-    grow: Var[LiteralBoolNumber]
+    flex_grow: Var[LiteralBoolNumber]

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

@@ -61,8 +61,8 @@ class LayoutComponent(CommonMarginProps, RadixThemesComponent):
                 Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"],
             ]
         ] = None,
-        shrink: Optional[Union[Var[Literal["0", "1"]], Literal["0", "1"]]] = None,
-        grow: Optional[Union[Var[Literal["0", "1"]], Literal["0", "1"]]] = None,
+        flex_shrink: Optional[Union[Var[Literal["0", "1"]], Literal["0", "1"]]] = None,
+        flex_grow: Optional[Union[Var[Literal["0", "1"]], Literal["0", "1"]]] = None,
         m: Optional[
             Union[
                 Var[Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]],
@@ -172,8 +172,8 @@ class LayoutComponent(CommonMarginProps, RadixThemesComponent):
             pr: Padding right: "0" - "9"
             pb: Padding bottom: "0" - "9"
             pl: Padding left: "0" - "9"
-            shrink: Whether the element will take up the smallest possible space: "0" | "1"
-            grow: Whether the element will take up the largest possible space: "0" | "1"
+            flex_shrink: Whether the element will take up the smallest possible space: "0" | "1"
+            flex_grow: Whether the element will take up the largest possible space: "0" | "1"
             m: Margin: "0" - "9"
             mx: Margin horizontal: "0" - "9"
             my: Margin vertical: "0" - "9"

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

@@ -2,7 +2,7 @@
 
 from __future__ import annotations
 
-from reflex.components.component import Component
+from reflex.style import Style
 
 from .flex import Flex
 
@@ -10,8 +10,13 @@ from .flex import Flex
 class Center(Flex):
     """A center component."""
 
-    def _apply_theme(self, theme: Component):
-        self.style.update(
+    def add_style(self) -> Style | None:
+        """Add style that center the content.
+
+        Returns:
+            The style of the component.
+        """
+        return Style(
             {
                 "display": "flex",
                 "align_items": "center",

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

@@ -7,10 +7,11 @@ 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 reflex.components.component import Component
+from reflex.style import Style
 from .flex import Flex
 
 class Center(Flex):
+    def add_style(self) -> Style | None: ...
     @overload
     @classmethod
     def create(  # type: ignore

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

@@ -4,6 +4,7 @@ from __future__ import annotations
 from typing import Literal
 
 from reflex import el
+from reflex.style import STACK_CHILDREN_FULL_WIDTH
 from reflex.vars import Var
 
 from ..base import RadixThemesComponent
@@ -19,5 +20,32 @@ class Container(el.Div, RadixThemesComponent):
 
     tag = "Container"
 
-    # The size of the container: "1" - "4" (default "4")
-    size: Var[LiteralContainerSize]
+    # The size of the container: "1" - "4" (default "3")
+    size: Var[LiteralContainerSize] = Var.create_safe("3")
+
+    @classmethod
+    def create(
+        cls,
+        *children,
+        padding: str = "16px",
+        stack_children_full_width: bool = False,
+        **props,
+    ):
+        """Create the container component.
+
+        Args:
+            children: The children components.
+            padding: The padding of the container.
+            stack_children_full_width: If True, any vstack/hstack children will have 100% width.
+            props: The properties of the container.
+
+        Returns:
+            The container component.
+        """
+        if stack_children_full_width:
+            props["style"] = {**STACK_CHILDREN_FULL_WIDTH, **props.pop("style", {})}
+        return super().create(
+            *children,
+            padding=padding,
+            **props,
+        )

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

@@ -9,6 +9,7 @@ from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from typing import Literal
 from reflex import el
+from reflex.style import STACK_CHILDREN_FULL_WIDTH
 from reflex.vars import Var
 from ..base import RadixThemesComponent
 
@@ -20,6 +21,8 @@ class Container(el.Div, RadixThemesComponent):
     def create(  # type: ignore
         cls,
         *children,
+        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,
@@ -116,39 +119,15 @@ class Container(el.Div, RadixThemesComponent):
         ] = None,
         **props
     ) -> "Container":
-        """Create a new component instance.
-
-        Will prepend "RadixThemes" to the component tag to avoid conflicts with
-        other UI libraries for common names, like Text and Button.
+        """Create the container component.
 
         Args:
-            *children: Child components.
-            size: The size of the container: "1" - "4" (default "4")
-            access_key:  Provides a hint for generating a keyboard shortcut for the current element.
-            auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
-            content_editable: Indicates whether the element's content is editable.
-            context_menu: Defines the ID of a <menu> element which will serve as the element's context menu.
-            dir: Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)
-            draggable: Defines whether the element can be dragged.
-            enter_key_hint: Hints what media types the media element is able to play.
-            hidden: Defines whether the element is hidden.
-            input_mode: Defines the type of the element.
-            item_prop: Defines the name of the element for metadata purposes.
-            lang: Defines the language used in the element.
-            role: Defines the role of the element.
-            slot: Assigns a slot in a shadow DOM shadow tree to an element.
-            spell_check: Defines whether the element may be checked for spelling errors.
-            tab_index: Defines the position of the current element in the tabbing order.
-            title: Defines a tooltip for the element.
-            style: The style of the component.
-            key: A unique key for the component.
-            id: The id for the component.
-            class_name: The class name for the component.
-            autofocus: Whether the component should take the focus once the page is loaded
-            custom_attrs: custom attribute
-            **props: Component properties.
+            children: The children components.
+            padding: The padding of the container.
+            stack_children_full_width: If True, any vstack/hstack children will have 100% width.
+            props: The properties of the container.
 
         Returns:
-            A new component instance.
+            The container component.
         """
         ...

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

@@ -1,4 +1,5 @@
 """List components."""
+from __future__ import annotations
 
 from typing import Iterable, Literal, Optional, Union
 
@@ -49,7 +50,7 @@ class BaseList(Component):
     def create(
         cls,
         *children,
-        items: Optional[Union[Var[Iterable], Iterable]] = None,
+        items: Optional[Var[Iterable]] = None,
         **props,
     ):
         """Create a list component.
@@ -68,7 +69,7 @@ class BaseList(Component):
             if isinstance(items, Var):
                 children = [Foreach.create(items, ListItem.create)]
             else:
-                children = [ListItem.create(item) for item in items]
+                children = [ListItem.create(item) for item in items]  # type: ignore
         props["list_style_position"] = "outside"
         props["direction"] = "column"
         style = props.setdefault("style", {})
@@ -77,12 +78,16 @@ class BaseList(Component):
             style["gap"] = props["gap"]
         return super().create(*children, **props)
 
-    def _apply_theme(self, theme: Component):
-        self.style = Style(
+    def add_style(self) -> Style | None:
+        """Add style to the component.
+
+        Returns:
+            The style of the component.
+        """
+        return Style(
             {
                 "direction": "column",
                 "list_style_position": "inside",
-                **self.style,
             }
         )
 

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

@@ -40,7 +40,7 @@ class BaseList(Component):
     def create(  # type: ignore
         cls,
         *children,
-        items: Optional[Union[Union[Var[Iterable], Iterable], Iterable]] = None,
+        items: Optional[Union[Var[Iterable], Iterable]] = None,
         list_style_type: Optional[
             Union[
                 Var[
@@ -157,6 +157,7 @@ class BaseList(Component):
 
         """
         ...
+    def add_style(self) -> Style | None: ...
 
 class UnorderedList(BaseList, Ul):
     @overload
@@ -165,7 +166,7 @@ class UnorderedList(BaseList, Ul):
         cls,
         *children,
         items: Optional[Union[Var[Iterable], Iterable]] = None,
-        list_style_type: Optional[Literal["none", "disc", "circle", "square"]] = "disc",
+        list_style_type: Optional[LiteralListStyleTypeUnordered] = "disc",
         access_key: Optional[
             Union[Var[Union[str, int, bool]], Union[str, int, bool]]
         ] = None,
@@ -302,24 +303,7 @@ class OrderedList(BaseList, Ol):
         cls,
         *children,
         items: Optional[Union[Var[Iterable], Iterable]] = None,
-        list_style_type: Optional[
-            Literal[
-                "none",
-                "decimal",
-                "decimal-leading-zero",
-                "lower-roman",
-                "upper-roman",
-                "lower-greek",
-                "lower-latin",
-                "upper-latin",
-                "armenian",
-                "georgian",
-                "lower-alpha",
-                "upper-alpha",
-                "hiragana",
-                "katakana",
-            ]
-        ] = "decimal",
+        list_style_type: Optional[LiteralListStyleTypeOrdered] = "decimal",
         reversed: Optional[
             Union[Var[Union[str, int, bool]], Union[str, int, bool]]
         ] = None,
@@ -600,7 +584,7 @@ class List(ComponentNamespace):
     @staticmethod
     def __call__(
         *children,
-        items: Optional[Union[Union[Var[Iterable], Iterable], Iterable]] = None,
+        items: Optional[Union[Var[Iterable], Iterable]] = None,
         list_style_type: Optional[
             Union[
                 Var[

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

@@ -2,7 +2,7 @@
 
 from __future__ import annotations
 
-from reflex.components.component import Component
+from reflex.style import Style
 
 from .flex import Flex
 
@@ -10,8 +10,13 @@ from .flex import Flex
 class Spacer(Flex):
     """A spacer component."""
 
-    def _apply_theme(self, theme: Component):
-        self.style.update(
+    def add_style(self) -> Style | None:
+        """Add style to the component.
+
+        Returns:
+            The style of the component.
+        """
+        return Style(
             {
                 "flex": 1,
                 "justify_self": "stretch",

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

@@ -7,10 +7,11 @@ 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 reflex.components.component import Component
+from reflex.style import Style
 from .flex import Flex
 
 class Spacer(Flex):
+    def add_style(self) -> Style | None: ...
     @overload
     @classmethod
     def create(  # type: ignore

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

@@ -16,7 +16,7 @@ class Stack(Flex):
     def create(
         cls,
         *children,
-        spacing: LiteralSpacing = "2",
+        spacing: LiteralSpacing = "3",
         align: LiteralAlign = "start",
         **props,
     ) -> Component:
@@ -31,6 +31,12 @@ class Stack(Flex):
         Returns:
             The stack component.
         """
+        # Apply the default classname
+        given_class_name = props.pop("class_name", [])
+        if isinstance(given_class_name, str):
+            given_class_name = [given_class_name]
+        props["class_name"] = ["rx-Stack", *given_class_name]
+
         return super().create(
             *children,
             spacing=spacing,

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

@@ -18,7 +18,7 @@ class Stack(Flex):
     def create(  # type: ignore
         cls,
         *children,
-        spacing: Optional[LiteralSpacing] = "2",
+        spacing: Optional[LiteralSpacing] = "3",
         align: Optional[LiteralAlign] = "start",
         as_child: Optional[Union[Var[bool], bool]] = None,
         direction: Optional[
@@ -177,7 +177,7 @@ class VStack(Stack):
     def create(  # type: ignore
         cls,
         *children,
-        spacing: Optional[LiteralSpacing] = "2",
+        spacing: Optional[LiteralSpacing] = "3",
         align: Optional[LiteralAlign] = "start",
         direction: Optional[
             Union[
@@ -336,7 +336,7 @@ class HStack(Stack):
     def create(  # type: ignore
         cls,
         *children,
-        spacing: Optional[LiteralSpacing] = "2",
+        spacing: Optional[LiteralSpacing] = "3",
         align: Optional[LiteralAlign] = "start",
         direction: Optional[
             Union[

reflex/components/radix/themes/typography/link.py

@@ -2,11 +2,13 @@
 
 https://www.radix-ui.com/themes/docs/theme/typography
 """
+
 from __future__ import annotations
 
 from typing import Literal
 
 from reflex.components.component import Component, MemoizationLeaf
+from reflex.components.core.colors import color
 from reflex.components.core.cond import cond
 from reflex.components.el.elements.inline import A
 from reflex.components.next.link import NextLink
@@ -23,7 +25,7 @@ from .base import (
     LiteralTextWeight,
 )
 
-LiteralLinkUnderline = Literal["auto", "hover", "always"]
+LiteralLinkUnderline = Literal["auto", "hover", "always", "none"]
 
 next_link = NextLink.create()
 
@@ -45,7 +47,7 @@ class Link(RadixThemesComponent, A, MemoizationLeaf):
     # Removes the leading trim space: "normal" | "start" | "end" | "both"
     trim: Var[LiteralTextTrim]
 
-    # Sets the visibility of the underline affordance: "auto" | "hover" | "always"
+    # Sets the visibility of the underline affordance: "auto" | "hover" | "always" | "none"
     underline: Var[LiteralLinkUnderline]
 
     # Overrides the accent color inherited from the Theme.
@@ -74,12 +76,17 @@ class Link(RadixThemesComponent, A, MemoizationLeaf):
         Returns:
             Component: The link component
         """
+        props.setdefault(":hover", {"color": color("accent", 8)})
+
         is_external = props.pop("is_external", None)
+
         if is_external is not None:
             props["target"] = cond(is_external, "_blank", "")
+
         if props.get("href") is not None:
             if not len(children):
                 raise ValueError("Link without a child will not display")
+
             if "as_child" not in props:
                 # Extract props for the NextLink, the rest go to the Link/A element.
                 known_next_link_props = NextLink.get_props()
@@ -87,6 +94,7 @@ class Link(RadixThemesComponent, A, MemoizationLeaf):
                 for prop in props.copy():
                     if prop in known_next_link_props:
                         next_link_props[prop] = props.pop(prop)
+
                 # If user does not use `as_child`, by default we render using next_link to avoid page refresh during internal navigation
                 return super().create(
                     NextLink.create(*children, **next_link_props),

reflex/components/radix/themes/typography/link.pyi

@@ -9,6 +9,7 @@ from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from typing import Literal
 from reflex.components.component import Component, MemoizationLeaf
+from reflex.components.core.colors import color
 from reflex.components.core.cond import cond
 from reflex.components.el.elements.inline import A
 from reflex.components.next.link import NextLink
@@ -17,7 +18,7 @@ from reflex.vars import Var
 from ..base import LiteralAccentColor, RadixThemesComponent
 from .base import LiteralTextSize, LiteralTextTrim, LiteralTextWeight
 
-LiteralLinkUnderline = Literal["auto", "hover", "always"]
+LiteralLinkUnderline = Literal["auto", "hover", "always", "none"]
 next_link = NextLink.create()
 
 class Link(RadixThemesComponent, A, MemoizationLeaf):
@@ -47,8 +48,8 @@ class Link(RadixThemesComponent, A, MemoizationLeaf):
         ] = None,
         underline: Optional[
             Union[
-                Var[Literal["auto", "hover", "always"]],
-                Literal["auto", "hover", "always"],
+                Var[Literal["auto", "hover", "always", "none"]],
+                Literal["auto", "hover", "always", "none"],
             ]
         ] = None,
         color_scheme: Optional[
@@ -237,7 +238,7 @@ class Link(RadixThemesComponent, A, MemoizationLeaf):
             size: Text size: "1" - "9"
             weight: Thickness of text: "light" | "regular" | "medium" | "bold"
             trim: Removes the leading trim space: "normal" | "start" | "end" | "both"
-            underline: Sets the visibility of the underline affordance: "auto" | "hover" | "always"
+            underline: Sets the visibility of the underline affordance: "auto" | "hover" | "always" | "none"
             color_scheme: Overrides the accent color inherited from the Theme.
             high_contrast: Whether to render the text with higher contrast color
             is_external: If True, the link will open in a new tab

reflex/components/sonner/__init__.py

@@ -0,0 +1,3 @@
+"""Init file for the sonner component."""
+
+from .toast import toast