reflex 0.3.9a3__py3-none-any.whl → 0.3.10__py3-none-any.whl

reflex/components/radix/themes/components/separator.py

@@ -4,7 +4,6 @@ from typing import Literal
 from reflex.vars import Var
 
 from ..base import (
-    CommonMarginProps,
     LiteralAccentColor,
     RadixThemesComponent,
 )
@@ -12,16 +11,16 @@ from ..base import (
 LiteralSeperatorSize = Literal["1", "2", "3", "4"]
 
 
-class Separator(CommonMarginProps, RadixThemesComponent):
+class Separator(RadixThemesComponent):
     """Trigger an action or event, such as submitting a form or displaying a dialog."""
 
     tag = "Separator"
 
-    # The size of the select: "1" | "2" | "3"
-    size: Var[LiteralSeperatorSize]
+    # The size of the select: "1" | "2" | "3" | "4"
+    size: Var[LiteralSeperatorSize] = Var.create_safe("4")
 
     # The color of the select
-    color: Var[LiteralAccentColor]
+    color_scheme: Var[LiteralAccentColor]
 
     # The orientation of the separator.
     orientation: Var[Literal["horizontal", "vertical"]]

reflex/components/radix/themes/components/separator.pyi

@@ -9,11 +9,11 @@ from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from typing import Literal
 from reflex.vars import Var
-from ..base import CommonMarginProps, LiteralAccentColor, RadixThemesComponent
+from ..base import LiteralAccentColor, RadixThemesComponent
 
 LiteralSeperatorSize = Literal["1", "2", "3", "4"]
 
-class Separator(CommonMarginProps, RadixThemesComponent):
+class Separator(RadixThemesComponent):
     @overload
     @classmethod
     def create(  # type: ignore
@@ -92,53 +92,12 @@ class Separator(CommonMarginProps, RadixThemesComponent):
             ]
         ] = None,
         decorative: Optional[Union[Var[bool], bool]] = None,
-        m: Optional[
-            Union[
-                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
-                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
-            ]
-        ] = None,
-        mx: Optional[
-            Union[
-                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
-                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
-            ]
-        ] = None,
-        my: Optional[
-            Union[
-                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
-                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
-            ]
-        ] = None,
-        mt: Optional[
-            Union[
-                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
-                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
-            ]
-        ] = None,
-        mr: Optional[
-            Union[
-                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
-                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
-            ]
-        ] = None,
-        mb: Optional[
-            Union[
-                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
-                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
-            ]
-        ] = None,
-        ml: Optional[
-            Union[
-                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
-                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
-            ]
-        ] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
+        _rename_props: Optional[Dict[str, str]] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
         on_blur: Optional[
             Union[EventHandler, EventSpec, list, function, BaseVar]
@@ -196,21 +155,15 @@ class Separator(CommonMarginProps, RadixThemesComponent):
             *children: Child components.
             color: map to CSS default color property.
             color_scheme: map to radix color property.
-            size: The size of the select: "1" | "2" | "3"
+            size: The size of the select: "1" | "2" | "3" | "4"
             orientation: The orientation of the separator.
             decorative: When true, signifies that it is purely visual, carries no semantic meaning, and ensures it is not present in the accessibility tree.
-            m: Margin: "0" - "9"
-            mx: Margin horizontal: "0" - "9"
-            my: Margin vertical: "0" - "9"
-            mt: Margin top: "0" - "9"
-            mr: Margin right: "0" - "9"
-            mb: Margin bottom: "0" - "9"
-            ml: Margin left: "0" - "9"
             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
+            _rename_props: props to change the name of
             custom_attrs: custom attribute
             **props: Component properties.
 

reflex/components/radix/themes/components/slider.py

@@ -1,17 +1,17 @@
 """Interactive components provided by @radix-ui/themes."""
 from typing import Any, Dict, List, Literal, Union
 
+from reflex.constants import EventTriggers
 from reflex.vars import Var
 
 from ..base import (
-    CommonMarginProps,
     LiteralAccentColor,
     LiteralRadius,
     RadixThemesComponent,
 )
 
 
-class Slider(CommonMarginProps, RadixThemesComponent):
+class Slider(RadixThemesComponent):
     """Trigger an action or event, such as submitting a form or displaying a dialog."""
 
     tag = "Slider"
@@ -26,7 +26,7 @@ class Slider(CommonMarginProps, RadixThemesComponent):
     variant: Var[Literal["classic", "surface", "soft"]]
 
     # Override theme color for button
-    color: Var[LiteralAccentColor]
+    color_scheme: Var[LiteralAccentColor]
 
     # Whether to render the button with higher contrast color against background
     high_contrast: Var[bool]
@@ -58,6 +58,9 @@ class Slider(CommonMarginProps, RadixThemesComponent):
     # The orientation of the slider.
     orientation: Var[Literal["horizontal", "vertical"]]
 
+    # Props to rename
+    _rename_props = {"onChange": "onValueChange"}
+
     def get_event_triggers(self) -> Dict[str, Any]:
         """Get the events triggers signatures for the component.
 
@@ -66,6 +69,6 @@ class Slider(CommonMarginProps, RadixThemesComponent):
         """
         return {
             **super().get_event_triggers(),
-            "on_value_change": lambda e0: [e0],
-            "on_value_commit": lambda e0: [e0],
+            EventTriggers.ON_CHANGE: lambda e0: [e0],
+            EventTriggers.ON_VALUE_COMMIT: lambda e0: [e0],
         }

reflex/components/radix/themes/components/slider.pyi

@@ -8,15 +8,11 @@ from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from typing import Any, Dict, List, Literal, Union
+from reflex.constants import EventTriggers
 from reflex.vars import Var
-from ..base import (
-    CommonMarginProps,
-    LiteralAccentColor,
-    LiteralRadius,
-    RadixThemesComponent,
-)
+from ..base import LiteralAccentColor, LiteralRadius, RadixThemesComponent
 
-class Slider(CommonMarginProps, RadixThemesComponent):
+class Slider(RadixThemesComponent):
     def get_event_triggers(self) -> Dict[str, Any]: ...
     @overload
     @classmethod
@@ -120,57 +116,19 @@ class Slider(CommonMarginProps, RadixThemesComponent):
                 Literal["horizontal", "vertical"],
             ]
         ] = None,
-        m: Optional[
-            Union[
-                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
-                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
-            ]
-        ] = None,
-        mx: Optional[
-            Union[
-                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
-                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
-            ]
-        ] = None,
-        my: Optional[
-            Union[
-                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
-                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
-            ]
-        ] = None,
-        mt: Optional[
-            Union[
-                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
-                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
-            ]
-        ] = None,
-        mr: Optional[
-            Union[
-                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
-                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
-            ]
-        ] = None,
-        mb: Optional[
-            Union[
-                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
-                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
-            ]
-        ] = None,
-        ml: Optional[
-            Union[
-                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
-                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
-            ]
-        ] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
+        _rename_props: Optional[Dict[str, str]] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
         on_blur: Optional[
             Union[EventHandler, EventSpec, list, function, BaseVar]
         ] = None,
+        on_change: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
         on_click: Optional[
             Union[EventHandler, EventSpec, list, function, BaseVar]
         ] = None,
@@ -213,9 +171,6 @@ class Slider(CommonMarginProps, RadixThemesComponent):
         on_unmount: Optional[
             Union[EventHandler, EventSpec, list, function, BaseVar]
         ] = None,
-        on_value_change: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
-        ] = None,
         on_value_commit: Optional[
             Union[EventHandler, EventSpec, list, function, BaseVar]
         ] = None,
@@ -243,18 +198,12 @@ class Slider(CommonMarginProps, RadixThemesComponent):
             step: The step value of the slider.
             disabled: Whether the slider is disabled
             orientation: The orientation of the slider.
-            m: Margin: "0" - "9"
-            mx: Margin horizontal: "0" - "9"
-            my: Margin vertical: "0" - "9"
-            mt: Margin top: "0" - "9"
-            mr: Margin right: "0" - "9"
-            mb: Margin bottom: "0" - "9"
-            ml: Margin left: "0" - "9"
-            style: The style of the component.
+            style: Props to rename  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
+            _rename_props: props to change the name of
             custom_attrs: custom attribute
             **props: Component properties.
 

reflex/components/radix/themes/components/switch.py

@@ -5,7 +5,6 @@ from reflex.constants import EventTriggers
 from reflex.vars import Var
 
 from ..base import (
-    CommonMarginProps,
     LiteralAccentColor,
     LiteralRadius,
     LiteralVariant,
@@ -15,7 +14,7 @@ from ..base import (
 LiteralSwitchSize = Literal["1", "2", "3", "4"]
 
 
-class Switch(CommonMarginProps, RadixThemesComponent):
+class Switch(RadixThemesComponent):
     """A toggle switch alternative to the checkbox."""
 
     tag = "Switch"
@@ -48,7 +47,7 @@ class Switch(CommonMarginProps, RadixThemesComponent):
     variant: Var[LiteralVariant]
 
     # Override theme color for switch
-    color: Var[LiteralAccentColor]
+    color_scheme: Var[LiteralAccentColor]
 
     # Whether to render the switch with higher contrast color against background
     high_contrast: Var[bool]
@@ -56,6 +55,9 @@ class Switch(CommonMarginProps, RadixThemesComponent):
     # Override theme radius for switch: "none" | "small" | "medium" | "large" | "full"
     radius: Var[LiteralRadius]
 
+    # Props to rename
+    _rename_props = {"onChange": "onCheckedChange"}
+
     def get_event_triggers(self) -> Dict[str, Any]:
         """Get the event triggers that pass the component's value to the handler.
 
@@ -64,5 +66,5 @@ class Switch(CommonMarginProps, RadixThemesComponent):
         """
         return {
             **super().get_event_triggers(),
-            EventTriggers.ON_CHECKED_CHANGE: lambda checked: [checked],
+            EventTriggers.ON_CHANGE: lambda checked: [checked],
         }

reflex/components/radix/themes/components/switch.pyi

@@ -11,7 +11,6 @@ from typing import Any, Dict, Literal
 from reflex.constants import EventTriggers
 from reflex.vars import Var
 from ..base import (
-    CommonMarginProps,
     LiteralAccentColor,
     LiteralRadius,
     LiteralVariant,
@@ -20,7 +19,7 @@ from ..base import (
 
 LiteralSwitchSize = Literal["1", "2", "3", "4"]
 
-class Switch(CommonMarginProps, RadixThemesComponent):
+class Switch(RadixThemesComponent):
     def get_event_triggers(self) -> Dict[str, Any]: ...
     @overload
     @classmethod
@@ -113,58 +112,17 @@ class Switch(CommonMarginProps, RadixThemesComponent):
                 Literal["none", "small", "medium", "large", "full"],
             ]
         ] = None,
-        m: Optional[
-            Union[
-                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
-                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
-            ]
-        ] = None,
-        mx: Optional[
-            Union[
-                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
-                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
-            ]
-        ] = None,
-        my: Optional[
-            Union[
-                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
-                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
-            ]
-        ] = None,
-        mt: Optional[
-            Union[
-                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
-                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
-            ]
-        ] = None,
-        mr: Optional[
-            Union[
-                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
-                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
-            ]
-        ] = None,
-        mb: Optional[
-            Union[
-                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
-                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
-            ]
-        ] = None,
-        ml: Optional[
-            Union[
-                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
-                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
-            ]
-        ] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
+        _rename_props: Optional[Dict[str, str]] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
         on_blur: Optional[
             Union[EventHandler, EventSpec, list, function, BaseVar]
         ] = None,
-        on_checked_change: Optional[
+        on_change: Optional[
             Union[EventHandler, EventSpec, list, function, BaseVar]
         ] = None,
         on_click: Optional[
@@ -231,18 +189,12 @@ class Switch(CommonMarginProps, RadixThemesComponent):
             variant: Variant of switch: "solid" | "soft" | "outline" | "ghost"
             high_contrast: Whether to render the switch with higher contrast color against background
             radius: Override theme radius for switch: "none" | "small" | "medium" | "large" | "full"
-            m: Margin: "0" - "9"
-            mx: Margin horizontal: "0" - "9"
-            my: Margin vertical: "0" - "9"
-            mt: Margin top: "0" - "9"
-            mr: Margin right: "0" - "9"
-            mb: Margin bottom: "0" - "9"
-            ml: Margin left: "0" - "9"
-            style: The style of the component.
+            style: Props to rename  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
+            _rename_props: props to change the name of
             custom_attrs: custom attribute
             **props: Component properties.
 

reflex/components/radix/themes/components/table.py

@@ -5,13 +5,12 @@ from reflex import el
 from reflex.vars import Var
 
 from ..base import (
-    CommonMarginProps,
     RadixThemesComponent,
 )
 
 
-class TableRoot(el.Table, CommonMarginProps, RadixThemesComponent):
-    """Trigger an action or event, such as submitting a form or displaying a dialog."""
+class TableRoot(el.Table, RadixThemesComponent):
+    """A semantic table for presenting tabular data."""
 
     tag = "Table.Root"
 
@@ -22,14 +21,14 @@ class TableRoot(el.Table, CommonMarginProps, RadixThemesComponent):
     variant: Var[Literal["surface", "ghost"]]
 
 
-class TableHeader(el.Thead, CommonMarginProps, RadixThemesComponent):
-    """Trigger an action or event, such as submitting a form or displaying a dialog."""
+class TableHeader(el.Thead, RadixThemesComponent):
+    """The header of the table defines column names and other non-data elements."""
 
     tag = "Table.Header"
 
 
-class TableRow(el.Tr, CommonMarginProps, RadixThemesComponent):
-    """Trigger an action or event, such as submitting a form or displaying a dialog."""
+class TableRow(el.Tr, RadixThemesComponent):
+    """A row containing table cells."""
 
     tag = "Table.Row"
 
@@ -37,8 +36,8 @@ class TableRow(el.Tr, CommonMarginProps, RadixThemesComponent):
     align: Var[Literal["start", "center", "end", "baseline"]]
 
 
-class TableColumnHeaderCell(el.Th, CommonMarginProps, RadixThemesComponent):
-    """Trigger an action or event, such as submitting a form or displaying a dialog."""
+class TableColumnHeaderCell(el.Th, RadixThemesComponent):
+    """A table cell that is semantically treated as a column header."""
 
     tag = "Table.ColumnHeaderCell"
 
@@ -49,14 +48,14 @@ class TableColumnHeaderCell(el.Th, CommonMarginProps, RadixThemesComponent):
     width: Var[Union[str, int]]
 
 
-class TableBody(el.Tbody, CommonMarginProps, RadixThemesComponent):
-    """Trigger an action or event, such as submitting a form or displaying a dialog."""
+class TableBody(el.Tbody, RadixThemesComponent):
+    """The body of the table contains the data rows."""
 
     tag = "Table.Body"
 
 
-class TableCell(el.Td, CommonMarginProps, RadixThemesComponent):
-    """Trigger an action or event, such as submitting a form or displaying a dialog."""
+class TableCell(el.Td, RadixThemesComponent):
+    """A cell containing data."""
 
     tag = "Table.Cell"
 
@@ -67,8 +66,8 @@ class TableCell(el.Td, CommonMarginProps, RadixThemesComponent):
     width: Var[Union[str, int]]
 
 
-class TableRowHeaderCell(el.Th, CommonMarginProps, RadixThemesComponent):
-    """Trigger an action or event, such as submitting a form or displaying a dialog."""
+class TableRowHeaderCell(el.Th, RadixThemesComponent):
+    """A table cell that is semantically treated as a row header."""
 
     tag = "Table.RowHeaderCell"