reflex 0.5.2a1__py3-none-any.whl → 0.5.3a1__py3-none-any.whl

reflex/components/radix/themes/components/hover_card.py

@@ -1,8 +1,8 @@
 """Interactive components provided by @radix-ui/themes."""
 from typing import Any, Dict, Literal
 
-from reflex import el
 from reflex.components.component import ComponentNamespace
+from reflex.components.el import elements
 from reflex.constants import EventTriggers
 from reflex.vars import Var
 
@@ -47,7 +47,7 @@ class HoverCardTrigger(RadixThemesTriggerComponent):
     tag = "HoverCard.Trigger"
 
 
-class HoverCardContent(el.Div, RadixThemesComponent):
+class HoverCardContent(elements.Div, RadixThemesComponent):
     """Contains the content of the open hover card."""
 
     tag = "HoverCard.Content"

reflex/components/radix/themes/components/hover_card.pyi

@@ -8,8 +8,8 @@ from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from typing import Any, Dict, Literal
-from reflex import el
 from reflex.components.component import ComponentNamespace
+from reflex.components.el import elements
 from reflex.constants import EventTriggers
 from reflex.vars import Var
 from ..base import RadixThemesComponent, RadixThemesTriggerComponent
@@ -175,7 +175,7 @@ class HoverCardTrigger(RadixThemesTriggerComponent):
         """
         ...
 
-class HoverCardContent(el.Div, RadixThemesComponent):
+class HoverCardContent(elements.Div, RadixThemesComponent):
     @overload
     @classmethod
     def create(  # type: ignore

reflex/components/radix/themes/components/icon_button.py

@@ -3,9 +3,9 @@ from __future__ import annotations
 
 from typing import Literal
 
-from reflex import el
 from reflex.components.component import Component
 from reflex.components.core.match import Match
+from reflex.components.el import elements
 from reflex.components.lucide import Icon
 from reflex.style import Style
 from reflex.vars import Var
@@ -21,7 +21,7 @@ from ..base import (
 LiteralButtonSize = Literal["1", "2", "3", "4"]
 
 
-class IconButton(el.Button, RadixLoadingProp, RadixThemesComponent):
+class IconButton(elements.Button, RadixLoadingProp, RadixThemesComponent):
     """A button designed specifically for usage with a single icon."""
 
     tag = "IconButton"

reflex/components/radix/themes/components/icon_button.pyi

@@ -8,9 +8,9 @@ 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 import el
 from reflex.components.component import Component
 from reflex.components.core.match import Match
+from reflex.components.el import elements
 from reflex.components.lucide import Icon
 from reflex.style import Style
 from reflex.vars import Var
@@ -24,7 +24,7 @@ from ..base import (
 
 LiteralButtonSize = Literal["1", "2", "3", "4"]
 
-class IconButton(el.Button, RadixLoadingProp, RadixThemesComponent):
+class IconButton(elements.Button, RadixLoadingProp, RadixThemesComponent):
     @overload
     @classmethod
     def create(  # type: ignore

reflex/components/radix/themes/components/inset.py

@@ -1,7 +1,7 @@
 """Interactive components provided by @radix-ui/themes."""
 from typing import Literal, Union
 
-from reflex import el
+from reflex.components.el import elements
 from reflex.vars import Var
 
 from ..base import (
@@ -11,7 +11,7 @@ from ..base import (
 LiteralButtonSize = Literal["1", "2", "3", "4"]
 
 
-class Inset(el.Div, RadixThemesComponent):
+class Inset(elements.Div, RadixThemesComponent):
     """Applies a negative margin to allow content to bleed into the surrounding container."""
 
     tag = "Inset"

reflex/components/radix/themes/components/inset.pyi

@@ -8,13 +8,13 @@ from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from typing import Literal, Union
-from reflex import el
+from reflex.components.el import elements
 from reflex.vars import Var
 from ..base import RadixThemesComponent
 
 LiteralButtonSize = Literal["1", "2", "3", "4"]
 
-class Inset(el.Div, RadixThemesComponent):
+class Inset(elements.Div, RadixThemesComponent):
     @overload
     @classmethod
     def create(  # type: ignore

reflex/components/radix/themes/components/popover.py

@@ -1,8 +1,8 @@
 """Interactive components provided by @radix-ui/themes."""
 from typing import Any, Dict, Literal
 
-from reflex import el
 from reflex.components.component import ComponentNamespace
+from reflex.components.el import elements
 from reflex.constants import EventTriggers
 from reflex.vars import Var
 
@@ -41,7 +41,7 @@ class PopoverTrigger(RadixThemesTriggerComponent):
     tag = "Popover.Trigger"
 
 
-class PopoverContent(el.Div, RadixThemesComponent):
+class PopoverContent(elements.Div, RadixThemesComponent):
     """Contains content to be rendered in the open popover."""
 
     tag = "Popover.Content"

reflex/components/radix/themes/components/popover.pyi

@@ -8,8 +8,8 @@ from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from typing import Any, Dict, Literal
-from reflex import el
 from reflex.components.component import ComponentNamespace
+from reflex.components.el import elements
 from reflex.constants import EventTriggers
 from reflex.vars import Var
 from ..base import RadixThemesComponent, RadixThemesTriggerComponent
@@ -171,7 +171,7 @@ class PopoverTrigger(RadixThemesTriggerComponent):
         """
         ...
 
-class PopoverContent(el.Div, RadixThemesComponent):
+class PopoverContent(elements.Div, RadixThemesComponent):
     def get_event_triggers(self) -> Dict[str, Any]: ...
     @overload
     @classmethod

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

@@ -1,8 +1,8 @@
 """Interactive components provided by @radix-ui/themes."""
 from typing import List, Literal
 
-from reflex import el
 from reflex.components.component import ComponentNamespace
+from reflex.components.el import elements
 from reflex.vars import Var
 
 from ..base import (
@@ -10,7 +10,7 @@ from ..base import (
 )
 
 
-class TableRoot(el.Table, RadixThemesComponent):
+class TableRoot(elements.Table, RadixThemesComponent):
     """A semantic table for presenting tabular data."""
 
     tag = "Table.Root"
@@ -22,7 +22,7 @@ class TableRoot(el.Table, RadixThemesComponent):
     variant: Var[Literal["surface", "ghost"]]
 
 
-class TableHeader(el.Thead, RadixThemesComponent):
+class TableHeader(elements.Thead, RadixThemesComponent):
     """The header of the table defines column names and other non-data elements."""
 
     tag = "Table.Header"
@@ -32,7 +32,7 @@ class TableHeader(el.Thead, RadixThemesComponent):
     _valid_parents: List[str] = ["TableRoot"]
 
 
-class TableRow(el.Tr, RadixThemesComponent):
+class TableRow(elements.Tr, RadixThemesComponent):
     """A row containing table cells."""
 
     tag = "Table.Row"
@@ -43,7 +43,7 @@ class TableRow(el.Tr, RadixThemesComponent):
     _invalid_children: List[str] = ["TableBody", "TableHeader", "TableRow"]
 
 
-class TableColumnHeaderCell(el.Th, RadixThemesComponent):
+class TableColumnHeaderCell(elements.Th, RadixThemesComponent):
     """A table cell that is semantically treated as a column header."""
 
     tag = "Table.ColumnHeaderCell"
@@ -61,7 +61,7 @@ class TableColumnHeaderCell(el.Th, RadixThemesComponent):
     ]
 
 
-class TableBody(el.Tbody, RadixThemesComponent):
+class TableBody(elements.Tbody, RadixThemesComponent):
     """The body of the table contains the data rows."""
 
     tag = "Table.Body"
@@ -76,7 +76,7 @@ class TableBody(el.Tbody, RadixThemesComponent):
     _valid_parents: List[str] = ["TableRoot"]
 
 
-class TableCell(el.Td, RadixThemesComponent):
+class TableCell(elements.Td, RadixThemesComponent):
     """A cell containing data."""
 
     tag = "Table.Cell"
@@ -93,7 +93,7 @@ class TableCell(el.Td, RadixThemesComponent):
     ]
 
 
-class TableRowHeaderCell(el.Th, RadixThemesComponent):
+class TableRowHeaderCell(elements.Th, RadixThemesComponent):
     """A table cell that is semantically treated as a row header."""
 
     tag = "Table.RowHeaderCell"

reflex/components/radix/themes/components/table.pyi

@@ -8,12 +8,12 @@ from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from typing import List, Literal
-from reflex import el
 from reflex.components.component import ComponentNamespace
+from reflex.components.el import elements
 from reflex.vars import Var
 from ..base import RadixThemesComponent
 
-class TableRoot(el.Table, RadixThemesComponent):
+class TableRoot(elements.Table, RadixThemesComponent):
     @overload
     @classmethod
     def create(  # type: ignore
@@ -164,7 +164,7 @@ class TableRoot(el.Table, RadixThemesComponent):
         """
         ...
 
-class TableHeader(el.Thead, RadixThemesComponent):
+class TableHeader(elements.Thead, RadixThemesComponent):
     @overload
     @classmethod
     def create(  # type: ignore
@@ -303,7 +303,7 @@ class TableHeader(el.Thead, RadixThemesComponent):
         """
         ...
 
-class TableRow(el.Tr, RadixThemesComponent):
+class TableRow(elements.Tr, RadixThemesComponent):
     @overload
     @classmethod
     def create(  # type: ignore
@@ -445,7 +445,7 @@ class TableRow(el.Tr, RadixThemesComponent):
         """
         ...
 
-class TableColumnHeaderCell(el.Th, RadixThemesComponent):
+class TableColumnHeaderCell(elements.Th, RadixThemesComponent):
     @overload
     @classmethod
     def create(  # type: ignore
@@ -607,7 +607,7 @@ class TableColumnHeaderCell(el.Th, RadixThemesComponent):
         """
         ...
 
-class TableBody(el.Tbody, RadixThemesComponent):
+class TableBody(elements.Tbody, RadixThemesComponent):
     @overload
     @classmethod
     def create(  # type: ignore
@@ -746,7 +746,7 @@ class TableBody(el.Tbody, RadixThemesComponent):
         """
         ...
 
-class TableCell(el.Td, RadixThemesComponent):
+class TableCell(elements.Td, RadixThemesComponent):
     @overload
     @classmethod
     def create(  # type: ignore
@@ -904,7 +904,7 @@ class TableCell(el.Td, RadixThemesComponent):
         """
         ...
 
-class TableRowHeaderCell(el.Th, RadixThemesComponent):
+class TableRowHeaderCell(elements.Th, RadixThemesComponent):
     @overload
     @classmethod
     def create(  # type: ignore

reflex/components/radix/themes/components/text_area.py

@@ -1,21 +1,24 @@
 """Interactive components provided by @radix-ui/themes."""
 from typing import Any, Dict, Literal, Union
 
-from reflex import el
 from reflex.components.component import Component
 from reflex.components.core.debounce import DebounceInput
+from reflex.components.el import elements
 from reflex.constants import EventTriggers
 from reflex.vars import Var
 
 from ..base import (
     LiteralAccentColor,
+    LiteralRadius,
     RadixThemesComponent,
 )
 
 LiteralTextAreaSize = Literal["1", "2", "3"]
 
+LiteralTextAreaResize = Literal["none", "vertical", "horizontal", "both"]
 
-class TextArea(RadixThemesComponent, el.Textarea):
+
+class TextArea(RadixThemesComponent, elements.Textarea):
     """The input part of a TextArea, may be used by itself."""
 
     tag = "TextArea"
@@ -26,9 +29,15 @@ class TextArea(RadixThemesComponent, el.Textarea):
     # The variant of the text area
     variant: Var[Literal["classic", "surface", "soft"]]
 
+    # The resize behavior of the text area: "none" | "vertical" | "horizontal" | "both"
+    resize: Var[LiteralTextAreaResize]
+
     # The color of the text area
     color_scheme: Var[LiteralAccentColor]
 
+    # The radius of the text area: "none" | "small" | "medium" | "large" | "full"
+    radius: Var[LiteralRadius]
+
     # Whether the form control should have autocomplete enabled
     auto_complete: Var[bool]
 

reflex/components/radix/themes/components/text_area.pyi

@@ -8,16 +8,17 @@ from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from typing import Any, Dict, Literal, Union
-from reflex import el
 from reflex.components.component import Component
 from reflex.components.core.debounce import DebounceInput
+from reflex.components.el import elements
 from reflex.constants import EventTriggers
 from reflex.vars import Var
-from ..base import LiteralAccentColor, RadixThemesComponent
+from ..base import LiteralAccentColor, LiteralRadius, RadixThemesComponent
 
 LiteralTextAreaSize = Literal["1", "2", "3"]
+LiteralTextAreaResize = Literal["none", "vertical", "horizontal", "both"]
 
-class TextArea(RadixThemesComponent, el.Textarea):
+class TextArea(RadixThemesComponent, elements.Textarea):
     @overload
     @classmethod
     def create(  # type: ignore
@@ -32,6 +33,12 @@ class TextArea(RadixThemesComponent, el.Textarea):
                 Literal["classic", "surface", "soft"],
             ]
         ] = None,
+        resize: Optional[
+            Union[
+                Var[Literal["none", "vertical", "horizontal", "both"]],
+                Literal["none", "vertical", "horizontal", "both"],
+            ]
+        ] = None,
         color_scheme: Optional[
             Union[
                 Var[
@@ -94,6 +101,12 @@ class TextArea(RadixThemesComponent, el.Textarea):
                 ],
             ]
         ] = None,
+        radius: Optional[
+            Union[
+                Var[Literal["none", "small", "medium", "large", "full"]],
+                Literal["none", "small", "medium", "large", "full"],
+            ]
+        ] = None,
         auto_complete: Optional[Union[Var[bool], bool]] = None,
         auto_focus: Optional[Union[Var[bool], bool]] = None,
         dirname: Optional[Union[Var[str], str]] = None,
@@ -219,7 +232,9 @@ class TextArea(RadixThemesComponent, el.Textarea):
             *children: The children of the component.
             size: The size of the text area: "1" | "2" | "3"
             variant: The variant of the text area
+            resize: The resize behavior of the text area: "none" | "vertical" | "horizontal" | "both"
             color_scheme: The color of the text area
+            radius: The radius of the text area: "none" | "small" | "medium" | "large" | "full"
             auto_complete: Whether the form control should have autocomplete enabled
             auto_focus: Automatically focuses the textarea when the page loads
             dirname: Name part of the textarea to submit in 'dir' and 'name' pair when form is submitted

reflex/components/radix/themes/components/text_field.py

@@ -3,10 +3,10 @@ from __future__ import annotations
 
 from typing import Any, Dict, Literal, Union
 
-from reflex.components import el
 from reflex.components.base.fragment import Fragment
 from reflex.components.component import Component, ComponentNamespace
 from reflex.components.core.debounce import DebounceInput
+from reflex.components.el import elements
 from reflex.constants import EventTriggers
 from reflex.style import Style, format_as_emotion
 from reflex.utils import console
@@ -22,7 +22,7 @@ LiteralTextFieldSize = Literal["1", "2", "3"]
 LiteralTextFieldVariant = Literal["classic", "surface", "soft"]
 
 
-class TextFieldRoot(el.Div, RadixThemesComponent):
+class TextFieldRoot(elements.Div, RadixThemesComponent):
     """Captures user input with an optional slot for buttons and icons."""
 
     tag = "TextField.Root"
@@ -197,4 +197,4 @@ class TextField(ComponentNamespace):
     __call__ = staticmethod(TextFieldRoot.create)
 
 
-text_field = TextField()
+input = text_field = TextField()

reflex/components/radix/themes/components/text_field.pyi

@@ -8,10 +8,10 @@ from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from typing import Any, Dict, Literal, Union
-from reflex.components import el
 from reflex.components.base.fragment import Fragment
 from reflex.components.component import Component, ComponentNamespace
 from reflex.components.core.debounce import DebounceInput
+from reflex.components.el import elements
 from reflex.constants import EventTriggers
 from reflex.style import Style, format_as_emotion
 from reflex.utils import console
@@ -21,7 +21,7 @@ from ..base import LiteralAccentColor, LiteralRadius, RadixThemesComponent
 LiteralTextFieldSize = Literal["1", "2", "3"]
 LiteralTextFieldVariant = Literal["classic", "surface", "soft"]
 
-class TextFieldRoot(el.Div, RadixThemesComponent):
+class TextFieldRoot(elements.Div, RadixThemesComponent):
     @overload
     @classmethod
     def create(  # type: ignore
@@ -662,4 +662,4 @@ class TextField(ComponentNamespace):
         """
         ...
 
-text_field = TextField()
+input = text_field = TextField()

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

@@ -1,42 +1,16 @@
 """Layout components."""
+from __future__ import annotations
 
-from .box import Box
-from .center import Center
-from .container import Container
-from .flex import Flex
-from .grid import Grid
-from .list import list_ns as list
-from .section import Section
-from .spacer import Spacer
-from .stack import HStack, Stack, VStack
+from reflex import RADIX_THEMES_LAYOUT_MAPPING
+from reflex.utils import lazy_loader
 
-box = Box.create
-center = Center.create
-container = Container.create
-flex = Flex.create
-grid = Grid.create
-section = Section.create
-spacer = Spacer.create
-stack = Stack.create
-hstack = HStack.create
-vstack = VStack.create
-list_item = list.item
-ordered_list = list.ordered
-unordered_list = list.unordered
+_SUBMOD_ATTRS: dict[str, list[str]] = {
+    "".join(k.split("components.radix.themes.layout.")[-1]): v
+    for k, v in RADIX_THEMES_LAYOUT_MAPPING.items()
+}
 
-__all__ = [
-    "box",
-    "center",
-    "container",
-    "flex",
-    "grid",
-    "section",
-    "spacer",
-    "stack",
-    "hstack",
-    "vstack",
-    "list",
-    "list_item",
-    "ordered_list",
-    "unordered_list",
-]
+
+__getattr__, __dir__, __all__ = lazy_loader.attach(
+    __name__,
+    submod_attrs=_SUBMOD_ATTRS,
+)

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

@@ -0,0 +1,21 @@
+"""Stub file for reflex/components/radix/themes/layout/__init__.py"""
+# ------------------- DO NOT EDIT ----------------------
+# This file was generated by `reflex/utils/pyi_generator.py`!
+# ------------------------------------------------------
+
+from .box import box as box
+from .center import center as center
+from .container import container as container
+from .flex import flex as flex
+from .grid import grid as grid
+from .section import section as section
+from .spacer import spacer as spacer
+from .stack import stack as stack
+from .stack import hstack as hstack
+from .stack import vstack as vstack
+from .list import list_ns as list
+from .list import list_item as list_item
+from .list import ordered_list as ordered_list
+from .list import unordered_list as unordered_list
+from reflex import RADIX_THEMES_LAYOUT_MAPPING
+from reflex.utils import lazy_loader

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

@@ -1,12 +1,15 @@
 """Declarative layout and common spacing props."""
 from __future__ import annotations
 
-from reflex import el
+from reflex.components.el import elements
 
 from ..base import RadixThemesComponent
 
 
-class Box(el.Div, RadixThemesComponent):
+class Box(elements.Div, RadixThemesComponent):
     """A fundamental layout building block, based on `div` element."""
 
     tag = "Box"
+
+
+box = Box.create

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

@@ -7,10 +7,10 @@ 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 import el
+from reflex.components.el import elements
 from ..base import RadixThemesComponent
 
-class Box(el.Div, RadixThemesComponent):
+class Box(elements.Div, RadixThemesComponent):
     @overload
     @classmethod
     def create(  # type: ignore
@@ -144,3 +144,5 @@ class Box(el.Div, RadixThemesComponent):
             A new component instance.
         """
         ...
+
+box = Box.create

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

@@ -21,3 +21,6 @@ class Center(Flex):
             "align_items": "center",
             "justify_content": "center",
         }
+
+
+center = Center.create

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

@@ -182,3 +182,5 @@ class Center(Flex):
             A new component instance.
         """
         ...
+
+center = Center.create

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

@@ -3,7 +3,7 @@ from __future__ import annotations
 
 from typing import Literal
 
-from reflex import el
+from reflex.components.el import elements
 from reflex.style import STACK_CHILDREN_FULL_WIDTH
 from reflex.vars import Var
 
@@ -12,7 +12,7 @@ from ..base import RadixThemesComponent
 LiteralContainerSize = Literal["1", "2", "3", "4"]
 
 
-class Container(el.Div, RadixThemesComponent):
+class Container(elements.Div, RadixThemesComponent):
     """Constrains the maximum width of page content.
 
     See https://www.radix-ui.com/themes/docs/components/container
@@ -49,3 +49,6 @@ class Container(el.Div, RadixThemesComponent):
             padding=padding,
             **props,
         )
+
+
+container = Container.create

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

@@ -8,14 +8,14 @@ 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 import el
+from reflex.components.el import elements
 from reflex.style import STACK_CHILDREN_FULL_WIDTH
 from reflex.vars import Var
 from ..base import RadixThemesComponent
 
 LiteralContainerSize = Literal["1", "2", "3", "4"]
 
-class Container(el.Div, RadixThemesComponent):
+class Container(elements.Div, RadixThemesComponent):
     @overload
     @classmethod
     def create(  # type: ignore
@@ -131,3 +131,5 @@ class Container(el.Div, RadixThemesComponent):
             The container component.
         """
         ...
+
+container = Container.create

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

@@ -4,7 +4,7 @@ from __future__ import annotations
 
 from typing import Dict, Literal
 
-from reflex import el
+from reflex.components.el import elements
 from reflex.vars import Var
 
 from ..base import (
@@ -18,7 +18,7 @@ LiteralFlexDirection = Literal["row", "column", "row-reverse", "column-reverse"]
 LiteralFlexWrap = Literal["nowrap", "wrap", "wrap-reverse"]
 
 
-class Flex(el.Div, RadixThemesComponent):
+class Flex(elements.Div, RadixThemesComponent):
     """Component for creating flex layouts."""
 
     tag = "Flex"
@@ -43,3 +43,6 @@ class Flex(el.Div, RadixThemesComponent):
 
     # Reflex maps the "spacing" prop to "gap" prop.
     _rename_props: Dict[str, str] = {"spacing": "gap"}
+
+
+flex = Flex.create