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

reflex/components/radix/__init__.pyi

@@ -0,0 +1,73 @@
+"""Stub file for reflex/components/radix/__init__.py"""
+# ------------------- DO NOT EDIT ----------------------
+# This file was generated by `reflex/utils/pyi_generator.py`!
+# ------------------------------------------------------
+
+from . import primitives as primitives
+from . import themes as themes
+
+from .themes.color_mode import color_mode as color_mode
+from .themes.base import theme as theme
+from .themes.base import theme_panel as theme_panel
+from .themes.components.alert_dialog import alert_dialog as alert_dialog
+from .themes.components.aspect_ratio import aspect_ratio as aspect_ratio
+from .themes.components.avatar import avatar as avatar
+from .themes.components.badge import badge as badge
+from .themes.components.button import button as button
+from .themes.components.callout import callout as callout
+from .themes.components.card import card as card
+from .themes.components.checkbox import checkbox as checkbox
+from .themes.components.context_menu import context_menu as context_menu
+from .themes.components.data_list import data_list as data_list
+from .themes.components.dialog import dialog as dialog
+from .themes.components.hover_card import hover_card as hover_card
+from .themes.components.icon_button import icon_button as icon_button
+from .themes.components.text_field import input as input
+from .themes.components.inset import inset as inset
+from .themes.components.popover import popover as popover
+from .themes.components.scroll_area import scroll_area as scroll_area
+from .themes.components.select import select as select
+from .themes.components.skeleton import skeleton as skeleton
+from .themes.components.slider import slider as slider
+from .themes.components.spinner import spinner as spinner
+from .themes.components.switch import switch as switch
+from .themes.components.table import table as table
+from .themes.components.tabs import tabs as tabs
+from .themes.components.text_area import text_area as text_area
+from .themes.components.tooltip import tooltip as tooltip
+from .themes.components.segmented_control import segmented_control as segmented_control
+from .themes.components.radio_cards import radio_cards as radio_cards
+from .themes.components.checkbox_cards import checkbox_cards as checkbox_cards
+from .themes.components.checkbox_group import checkbox_group as checkbox_group
+from .themes.components.text_field import text_field as text_field
+from .themes.components.radio_group import radio as radio
+from .themes.components.radio_group import radio_group as radio_group
+from .themes.components.dropdown_menu import menu as menu
+from .themes.components.dropdown_menu import dropdown_menu as dropdown_menu
+from .themes.components.separator import divider as divider
+from .themes.components.separator import separator as separator
+from .themes.typography.blockquote import blockquote as blockquote
+from .themes.typography.code import code as code
+from .themes.typography.heading import heading as heading
+from .themes.typography.link import link as link
+from .themes.typography.text import text as text
+from .themes.layout.box import box as box
+from .themes.layout.center import center as center
+from .themes.layout.container import container as container
+from .themes.layout.flex import flex as flex
+from .themes.layout.grid import grid as grid
+from .themes.layout.section import section as section
+from .themes.layout.spacer import spacer as spacer
+from .themes.layout.stack import stack as stack
+from .themes.layout.stack import hstack as hstack
+from .themes.layout.stack import vstack as vstack
+from .themes.layout.list import list_ns as list
+from .themes.layout.list import list_item as list_item
+from .themes.layout.list import ordered_list as ordered_list
+from .themes.layout.list import unordered_list as unordered_list
+from .primitives.accordion import accordion as accordion
+from .primitives.drawer import drawer as drawer
+from .primitives.form import form as form
+from .primitives.progress import progress as progress
+from reflex import RADIX_MAPPING
+from reflex.utils import lazy_loader

reflex/components/radix/primitives/__init__.py

@@ -1,7 +1,15 @@
 """Radix primitive components (https://www.radix-ui.com/primitives)."""
+from __future__ import annotations
 
-from .accordion import accordion
-from .drawer import drawer
-from .form import form
-from .progress import progress
-from .slider import slider
+from reflex import RADIX_PRIMITIVES_MAPPING
+from reflex.utils import lazy_loader
+
+_SUBMOD_ATTRS: dict[str, list[str]] = {
+    "".join(k.split("components.radix.primitives.")[-1]): v
+    for k, v in RADIX_PRIMITIVES_MAPPING.items()
+}
+
+__getattr__, __dir__, __all__ = lazy_loader.attach(
+    __name__,
+    submod_attrs=_SUBMOD_ATTRS,
+)

reflex/components/radix/primitives/__init__.pyi

@@ -0,0 +1,11 @@
+"""Stub file for reflex/components/radix/primitives/__init__.py"""
+# ------------------- DO NOT EDIT ----------------------
+# This file was generated by `reflex/utils/pyi_generator.py`!
+# ------------------------------------------------------
+
+from .accordion import accordion as accordion
+from .drawer import drawer as drawer
+from .form import form as form
+from .progress import progress as progress
+from reflex import RADIX_PRIMITIVES_MAPPING
+from reflex.utils import lazy_loader

reflex/components/radix/themes/__init__.py

@@ -1,7 +1,21 @@
 """Namespace for components provided by the @radix-ui/themes library."""
-from .base import theme as theme
-from .base import theme_panel as theme_panel
-from .color_mode import color_mode_var_and_namespace as color_mode
-from .components import *
-from .layout import *
-from .typography import *
+from __future__ import annotations
+
+from reflex.utils import lazy_loader
+
+_SUBMODULES: set[str] = {"components", "layout", "typography"}
+_SUBMOD_ATTRS: dict[str, list[str]] = {
+    "base": [
+        "theme",
+        "theme_panel",
+    ],
+    "color_mode": [
+        "color_mode",
+    ],
+}
+
+__getattr__, __dir__, __all__ = lazy_loader.attach(
+    __name__,
+    submodules=_SUBMODULES,
+    submod_attrs=_SUBMOD_ATTRS,
+)

reflex/components/radix/themes/__init__.pyi

@@ -0,0 +1,13 @@
+"""Stub file for reflex/components/radix/themes/__init__.py"""
+# ------------------- DO NOT EDIT ----------------------
+# This file was generated by `reflex/utils/pyi_generator.py`!
+# ------------------------------------------------------
+
+from . import components as components
+from . import layout as layout
+from . import typography as typography
+
+from .base import theme as theme
+from .base import theme_panel as theme_panel
+from .color_mode import color_mode as color_mode
+from reflex.utils import lazy_loader

reflex/components/radix/themes/base.py

@@ -6,7 +6,8 @@ from typing import Any, Dict, Literal
 
 from reflex.components import Component
 from reflex.components.tags import Tag
-from reflex.utils import imports
+from reflex.config import get_config
+from reflex.utils.imports import ImportVar
 from reflex.vars import Var
 
 LiteralAlign = Literal["start", "center", "end", "baseline", "stretch"]
@@ -208,18 +209,23 @@ class Theme(RadixThemesComponent):
             children = [ThemePanel.create(), *children]
         return super().create(*children, **props)
 
-    def _get_imports(self) -> imports.ImportDict:
-        return imports.merge_imports(
-            super()._get_imports(),
-            {
-                "": [
-                    imports.ImportVar(tag="@radix-ui/themes/styles.css", install=False)
-                ],
-                "/utils/theme.js": [
-                    imports.ImportVar(tag="theme", is_default=True),
-                ],
-            },
-        )
+    def add_imports(self) -> dict[str, list[ImportVar] | ImportVar]:
+        """Add imports for the Theme component.
+
+        Returns:
+            The import dict.
+        """
+        _imports: dict[str, list[ImportVar] | ImportVar] = {
+            "/utils/theme.js": [ImportVar(tag="theme", is_default=True)],
+        }
+        if get_config().tailwind is None:
+            # When tailwind is disabled, import the radix-ui styles directly because they will
+            # not be included in the tailwind.css file.
+            _imports[""] = ImportVar(
+                tag="@radix-ui/themes/styles.css",
+                install=False,
+            )
+        return _imports
 
     def _render(self, props: dict[str, Any] | None = None) -> Tag:
         tag = super()._render(props)
@@ -243,13 +249,13 @@ class ThemePanel(RadixThemesComponent):
     # Whether the panel is open. Defaults to False.
     default_open: Var[bool]
 
-    def _get_imports(self) -> dict[str, list[imports.ImportVar]]:
-        return imports.merge_imports(
-            super()._get_imports(),
-            {
-                "react": [imports.ImportVar(tag="useEffect")],
-            },
-        )
+    def add_imports(self) -> dict[str, str]:
+        """Add imports for the ThemePanel component.
+
+        Returns:
+            The import dict.
+        """
+        return {"react": "useEffect"}
 
     def _get_hooks(self) -> str | None:
         # The panel freezes the tab if the user color preference differs from the

reflex/components/radix/themes/base.pyi

@@ -10,7 +10,8 @@ from reflex.style import Style
 from typing import Any, Dict, Literal
 from reflex.components import Component
 from reflex.components.tags import Tag
-from reflex.utils import imports
+from reflex.config import get_config
+from reflex.utils.imports import ImportVar
 from reflex.vars import Var
 
 LiteralAlign = Literal["start", "center", "end", "baseline", "stretch"]
@@ -579,8 +580,10 @@ class Theme(RadixThemesComponent):
             A new component instance.
         """
         ...
+    def add_imports(self) -> dict[str, list[ImportVar] | ImportVar]: ...
 
 class ThemePanel(RadixThemesComponent):
+    def add_imports(self) -> dict[str, str]: ...
     @overload
     @classmethod
     def create(  # type: ignore

reflex/components/radix/themes/color_mode.py

@@ -174,4 +174,6 @@ class ColorModeNamespace(BaseVar):
     switch = staticmethod(ColorModeSwitch.create)
 
 
-color_mode_var_and_namespace = ColorModeNamespace(**dataclasses.asdict(color_mode))
+color_mode = color_mode_var_and_namespace = ColorModeNamespace(
+    **dataclasses.asdict(color_mode)
+)

reflex/components/radix/themes/color_mode.pyi

@@ -543,4 +543,6 @@ class ColorModeNamespace(BaseVar):
     button = staticmethod(ColorModeIconButton.create)
     switch = staticmethod(ColorModeSwitch.create)
 
-color_mode_var_and_namespace = ColorModeNamespace(**dataclasses.asdict(color_mode))
+color_mode = color_mode_var_and_namespace = ColorModeNamespace(
+    **dataclasses.asdict(color_mode)
+)

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

@@ -1,83 +1,15 @@
 """Radix themes components."""
+from __future__ import annotations
 
-from .alert_dialog import alert_dialog as alert_dialog
-from .aspect_ratio import aspect_ratio as aspect_ratio
-from .avatar import avatar as avatar
-from .badge import badge as badge
-from .button import button as button
-from .callout import callout as callout
-from .card import card as card
-from .checkbox import checkbox as checkbox
-from .checkbox_cards import checkbox_cards as checkbox_cards
-from .checkbox_group import checkbox_group as checkbox_group
-from .context_menu import context_menu as context_menu
-from .data_list import data_list as data_list
-from .dialog import dialog as dialog
-from .dropdown_menu import dropdown_menu as dropdown_menu
-from .dropdown_menu import menu as menu
-from .hover_card import hover_card as hover_card
-from .icon_button import icon_button as icon_button
-from .inset import inset as inset
-from .popover import popover as popover
-from .progress import progress as progress
-from .radio_cards import radio_cards as radio_cards
-from .radio_group import radio as radio
-from .radio_group import radio_group as radio_group
-from .scroll_area import scroll_area as scroll_area
-from .segmented_control import segmented_control as segmented_control
-from .select import select as select
-from .separator import divider as divider
-from .separator import separator as separator
-from .skeleton import skeleton as skeleton
-from .slider import slider as slider
-from .spinner import spinner as spinner
-from .switch import switch as switch
-from .table import table as table
-from .tabs import tabs as tabs
-from .text_area import text_area as text_area
-from .text_field import text_field as text_field
-from .tooltip import tooltip as tooltip
+from reflex import RADIX_THEMES_COMPONENTS_MAPPING
+from reflex.utils import lazy_loader
 
-input = text_field
+_SUBMOD_ATTRS: dict[str, list[str]] = {
+    "".join(k.split("components.radix.themes.components.")[-1]): v
+    for k, v in RADIX_THEMES_COMPONENTS_MAPPING.items()
+}
 
-__all__ = [
-    "alert_dialog",
-    "aspect_ratio",
-    "avatar",
-    "badge",
-    "button",
-    "callout",
-    "card",
-    "checkbox",
-    "checkbox_cards",
-    "checkbox_group",
-    "context_menu",
-    "data_list",
-    "dialog",
-    "divider",
-    "dropdown_menu",
-    "hover_card",
-    "icon_button",
-    "input",
-    "inset",
-    "menu",
-    "popover",
-    # progress is in experimental namespace until https://github.com/radix-ui/themes/pull/492
-    # "progress",
-    "radio",
-    "radio_cards",
-    "radio_group",
-    "scroll_area",
-    "segmented_control",
-    "select",
-    "separator",
-    "skeleton",
-    "slider",
-    "spinner",
-    "switch",
-    "table",
-    "tabs",
-    "text_area",
-    "text_field",
-    "tooltip",
-]
+__getattr__, __dir__, __all__ = lazy_loader.attach(
+    __name__,
+    submod_attrs=_SUBMOD_ATTRS,
+)

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

@@ -0,0 +1,44 @@
+"""Stub file for reflex/components/radix/themes/components/__init__.py"""
+# ------------------- DO NOT EDIT ----------------------
+# This file was generated by `reflex/utils/pyi_generator.py`!
+# ------------------------------------------------------
+
+from .alert_dialog import alert_dialog as alert_dialog
+from .aspect_ratio import aspect_ratio as aspect_ratio
+from .avatar import avatar as avatar
+from .badge import badge as badge
+from .button import button as button
+from .callout import callout as callout
+from .card import card as card
+from .checkbox import checkbox as checkbox
+from .context_menu import context_menu as context_menu
+from .data_list import data_list as data_list
+from .dialog import dialog as dialog
+from .hover_card import hover_card as hover_card
+from .icon_button import icon_button as icon_button
+from .text_field import input as input
+from .inset import inset as inset
+from .popover import popover as popover
+from .scroll_area import scroll_area as scroll_area
+from .select import select as select
+from .skeleton import skeleton as skeleton
+from .slider import slider as slider
+from .spinner import spinner as spinner
+from .switch import switch as switch
+from .table import table as table
+from .tabs import tabs as tabs
+from .text_area import text_area as text_area
+from .tooltip import tooltip as tooltip
+from .segmented_control import segmented_control as segmented_control
+from .radio_cards import radio_cards as radio_cards
+from .checkbox_cards import checkbox_cards as checkbox_cards
+from .checkbox_group import checkbox_group as checkbox_group
+from .text_field import text_field as text_field
+from .radio_group import radio as radio
+from .radio_group import radio_group as radio_group
+from .dropdown_menu import menu as menu
+from .dropdown_menu import dropdown_menu as dropdown_menu
+from .separator import divider as divider
+from .separator import separator as separator
+from reflex import RADIX_THEMES_COMPONENTS_MAPPING
+from reflex.utils import lazy_loader

reflex/components/radix/themes/components/alert_dialog.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
 
@@ -37,7 +37,7 @@ class AlertDialogTrigger(RadixThemesTriggerComponent):
     tag = "AlertDialog.Trigger"
 
 
-class AlertDialogContent(el.Div, RadixThemesComponent):
+class AlertDialogContent(elements.Div, RadixThemesComponent):
     """Contains the content of the dialog. This component is based on the div element."""
 
     tag = "AlertDialog.Content"

reflex/components/radix/themes/components/alert_dialog.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 AlertDialogTrigger(RadixThemesTriggerComponent):
         """
         ...
 
-class AlertDialogContent(el.Div, RadixThemesComponent):
+class AlertDialogContent(elements.Div, RadixThemesComponent):
     def get_event_triggers(self) -> Dict[str, Any]: ...
     @overload
     @classmethod

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

@@ -2,7 +2,7 @@
 
 from typing import Literal
 
-from reflex import el
+from reflex.components.el import elements
 from reflex.vars import Var
 
 from ..base import (
@@ -12,7 +12,7 @@ from ..base import (
 )
 
 
-class Badge(el.Span, RadixThemesComponent):
+class Badge(elements.Span, RadixThemesComponent):
     """A stylized badge element."""
 
     tag = "Badge"

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

@@ -8,11 +8,11 @@ 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.vars import Var
 from ..base import LiteralAccentColor, LiteralRadius, RadixThemesComponent
 
-class Badge(el.Span, RadixThemesComponent):
+class Badge(elements.Span, RadixThemesComponent):
     @overload
     @classmethod
     def create(  # type: ignore

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

@@ -2,7 +2,7 @@
 
 from typing import Literal
 
-from reflex import el
+from reflex.components.el import elements
 from reflex.vars import Var
 
 from ..base import (
@@ -16,7 +16,7 @@ from ..base import (
 LiteralButtonSize = Literal["1", "2", "3", "4"]
 
 
-class Button(el.Button, RadixLoadingProp, RadixThemesComponent):
+class Button(elements.Button, RadixLoadingProp, RadixThemesComponent):
     """Trigger an action or event, such as submitting a form or displaying a dialog."""
 
     tag = "Button"

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

@@ -8,7 +8,7 @@ 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.vars import Var
 from ..base import (
     LiteralAccentColor,
@@ -20,7 +20,7 @@ from ..base import (
 
 LiteralButtonSize = Literal["1", "2", "3", "4"]
 
-class Button(el.Button, RadixLoadingProp, RadixThemesComponent):
+class Button(elements.Button, RadixLoadingProp, RadixThemesComponent):
     @overload
     @classmethod
     def create(  # type: ignore

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

@@ -3,8 +3,8 @@
 from typing import Literal, Union
 
 import reflex as rx
-from reflex import el
 from reflex.components.component import Component, ComponentNamespace
+from reflex.components.el import elements
 from reflex.components.lucide.icon import Icon
 from reflex.vars import Var
 
@@ -16,7 +16,7 @@ from ..base import (
 CalloutVariant = Literal["soft", "surface", "outline"]
 
 
-class CalloutRoot(el.Div, RadixThemesComponent):
+class CalloutRoot(elements.Div, RadixThemesComponent):
     """Groups Icon and Text parts of a Callout."""
 
     tag = "Callout.Root"
@@ -37,13 +37,13 @@ class CalloutRoot(el.Div, RadixThemesComponent):
     high_contrast: Var[bool]
 
 
-class CalloutIcon(el.Div, RadixThemesComponent):
+class CalloutIcon(elements.Div, RadixThemesComponent):
     """Provides width and height for the icon associated with the callout."""
 
     tag = "Callout.Icon"
 
 
-class CalloutText(el.P, RadixThemesComponent):
+class CalloutText(elements.P, RadixThemesComponent):
     """Renders the callout text. This component is based on the p element."""
 
     tag = "Callout.Text"

reflex/components/radix/themes/components/callout.pyi

@@ -9,15 +9,15 @@ from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from typing import Literal, Union
 import reflex as rx
-from reflex import el
 from reflex.components.component import Component, ComponentNamespace
+from reflex.components.el import elements
 from reflex.components.lucide.icon import Icon
 from reflex.vars import Var
 from ..base import LiteralAccentColor, RadixThemesComponent
 
 CalloutVariant = Literal["soft", "surface", "outline"]
 
-class CalloutRoot(el.Div, RadixThemesComponent):
+class CalloutRoot(elements.Div, RadixThemesComponent):
     @overload
     @classmethod
     def create(  # type: ignore
@@ -230,7 +230,7 @@ class CalloutRoot(el.Div, RadixThemesComponent):
         """
         ...
 
-class CalloutIcon(el.Div, RadixThemesComponent):
+class CalloutIcon(elements.Div, RadixThemesComponent):
     @overload
     @classmethod
     def create(  # type: ignore
@@ -365,7 +365,7 @@ class CalloutIcon(el.Div, RadixThemesComponent):
         """
         ...
 
-class CalloutText(el.P, RadixThemesComponent):
+class CalloutText(elements.P, RadixThemesComponent):
     @overload
     @classmethod
     def create(  # type: ignore

reflex/components/radix/themes/components/card.py

@@ -1,7 +1,7 @@
 """Interactive components provided by @radix-ui/themes."""
 from typing import Literal
 
-from reflex import el
+from reflex.components.el import elements
 from reflex.vars import Var
 
 from ..base import (
@@ -9,7 +9,7 @@ from ..base import (
 )
 
 
-class Card(el.Div, RadixThemesComponent):
+class Card(elements.Div, RadixThemesComponent):
     """Container that groups related content and actions."""
 
     tag = "Card"

reflex/components/radix/themes/components/card.pyi

@@ -8,11 +8,11 @@ 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.vars import Var
 from ..base import RadixThemesComponent
 
-class Card(el.Div, RadixThemesComponent):
+class Card(elements.Div, RadixThemesComponent):
     @overload
     @classmethod
     def create(  # type: ignore

reflex/components/radix/themes/components/dialog.py

@@ -2,8 +2,8 @@
 
 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
 
@@ -45,7 +45,7 @@ class DialogTitle(RadixThemesComponent):
     tag = "Dialog.Title"
 
 
-class DialogContent(el.Div, RadixThemesComponent):
+class DialogContent(elements.Div, RadixThemesComponent):
     """Content component to display inside a Dialog modal."""
 
     tag = "Dialog.Content"

reflex/components/radix/themes/components/dialog.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
@@ -248,7 +248,7 @@ class DialogTitle(RadixThemesComponent):
         """
         ...
 
-class DialogContent(el.Div, RadixThemesComponent):
+class DialogContent(elements.Div, RadixThemesComponent):
     def get_event_triggers(self) -> Dict[str, Any]: ...
     @overload
     @classmethod