reflex 0.7.14a5__py3-none-any.whl → 0.8.0__py3-none-any.whl

reflex/components/radix/themes/base.py

@@ -241,7 +241,7 @@ class Theme(RadixThemesComponent):
             The import dict.
         """
         return {
-            "$/utils/theme.js": [ImportVar(tag="theme", is_default=True)],
+            "$/utils/theme": [ImportVar(tag="theme", is_default=True)],
         }
 
     def _render(self, props: dict[str, Any] | None = None) -> Tag:
@@ -276,9 +276,9 @@ class ThemePanel(RadixThemesComponent):
 
 
 class RadixThemesColorModeProvider(Component):
-    """Next-themes integration for radix themes components."""
+    """React-themes integration for radix themes components."""
 
-    library = "$/components/reflex/radix_themes_color_mode_provider.js"
+    library = "$/components/reflex/radix_themes_color_mode_provider"
     tag = "RadixThemesColorModeProvider"
     is_default = True
 

reflex/components/radix/themes/base.pyi

@@ -4,11 +4,11 @@
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
 from collections.abc import Mapping, Sequence
-from typing import Any, Literal, overload
+from typing import Any, Literal
 
 from reflex.components import Component
 from reflex.components.core.breakpoints import Breakpoints
-from reflex.event import EventType
+from reflex.event import EventType, PointerEventInfo
 from reflex.utils.imports import ImportDict
 from reflex.vars.base import Var
 
@@ -51,9 +51,8 @@ LiteralAccentColor = Literal[
 ]
 
 class CommonMarginProps(Component):
-    @overload
     @classmethod
-    def create(  # type: ignore
+    def create(
         cls,
         *children,
         m: Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]
@@ -89,9 +88,9 @@ class CommonMarginProps(Component):
         autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
-        on_click: EventType[()] | None = None,
-        on_context_menu: EventType[()] | None = None,
-        on_double_click: EventType[()] | None = None,
+        on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_context_menu: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_double_click: EventType[()] | EventType[PointerEventInfo] | None = None,
         on_focus: EventType[()] | None = None,
         on_mount: EventType[()] | None = None,
         on_mouse_down: EventType[()] | None = None,
@@ -102,6 +101,7 @@ class CommonMarginProps(Component):
         on_mouse_over: EventType[()] | None = None,
         on_mouse_up: EventType[()] | None = None,
         on_scroll: EventType[()] | None = None,
+        on_scroll_end: EventType[()] | None = None,
         on_unmount: EventType[()] | None = None,
         **props,
     ) -> CommonMarginProps:
@@ -130,9 +130,8 @@ class CommonMarginProps(Component):
         """
 
 class CommonPaddingProps(Component):
-    @overload
     @classmethod
-    def create(  # type: ignore
+    def create(
         cls,
         *children,
         p: Breakpoints[str, Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]]
@@ -196,9 +195,9 @@ class CommonPaddingProps(Component):
         autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
-        on_click: EventType[()] | None = None,
-        on_context_menu: EventType[()] | None = None,
-        on_double_click: EventType[()] | None = None,
+        on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_context_menu: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_double_click: EventType[()] | EventType[PointerEventInfo] | None = None,
         on_focus: EventType[()] | None = None,
         on_mount: EventType[()] | None = None,
         on_mouse_down: EventType[()] | None = None,
@@ -209,6 +208,7 @@ class CommonPaddingProps(Component):
         on_mouse_over: EventType[()] | None = None,
         on_mouse_up: EventType[()] | None = None,
         on_scroll: EventType[()] | None = None,
+        on_scroll_end: EventType[()] | None = None,
         on_unmount: EventType[()] | None = None,
         **props,
     ) -> CommonPaddingProps:
@@ -237,9 +237,8 @@ class CommonPaddingProps(Component):
         """
 
 class RadixLoadingProp(Component):
-    @overload
     @classmethod
-    def create(  # type: ignore
+    def create(
         cls,
         *children,
         loading: Var[bool] | bool | None = None,
@@ -255,9 +254,9 @@ class RadixLoadingProp(Component):
         autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
-        on_click: EventType[()] | None = None,
-        on_context_menu: EventType[()] | None = None,
-        on_double_click: EventType[()] | None = None,
+        on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_context_menu: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_double_click: EventType[()] | EventType[PointerEventInfo] | None = None,
         on_focus: EventType[()] | None = None,
         on_mount: EventType[()] | None = None,
         on_mouse_down: EventType[()] | None = None,
@@ -268,6 +267,7 @@ class RadixLoadingProp(Component):
         on_mouse_over: EventType[()] | None = None,
         on_mouse_up: EventType[()] | None = None,
         on_scroll: EventType[()] | None = None,
+        on_scroll_end: EventType[()] | None = None,
         on_unmount: EventType[()] | None = None,
         **props,
     ) -> RadixLoadingProp:
@@ -290,9 +290,8 @@ class RadixLoadingProp(Component):
         """
 
 class RadixThemesComponent(Component):
-    @overload
     @classmethod
-    def create(  # type: ignore
+    def create(
         cls,
         *children,
         style: Sequence[Mapping[str, Any]]
@@ -307,9 +306,9 @@ class RadixThemesComponent(Component):
         autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
-        on_click: EventType[()] | None = None,
-        on_context_menu: EventType[()] | None = None,
-        on_double_click: EventType[()] | None = None,
+        on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_context_menu: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_double_click: EventType[()] | EventType[PointerEventInfo] | None = None,
         on_focus: EventType[()] | None = None,
         on_mount: EventType[()] | None = None,
         on_mouse_down: EventType[()] | None = None,
@@ -320,6 +319,7 @@ class RadixThemesComponent(Component):
         on_mouse_over: EventType[()] | None = None,
         on_mouse_up: EventType[()] | None = None,
         on_scroll: EventType[()] | None = None,
+        on_scroll_end: EventType[()] | None = None,
         on_unmount: EventType[()] | None = None,
         **props,
     ) -> RadixThemesComponent:
@@ -344,9 +344,8 @@ class RadixThemesComponent(Component):
         """
 
 class RadixThemesTriggerComponent(RadixThemesComponent):
-    @overload
     @classmethod
-    def create(  # type: ignore
+    def create(
         cls,
         *children,
         style: Sequence[Mapping[str, Any]]
@@ -361,9 +360,9 @@ class RadixThemesTriggerComponent(RadixThemesComponent):
         autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
-        on_click: EventType[()] | None = None,
-        on_context_menu: EventType[()] | None = None,
-        on_double_click: EventType[()] | None = None,
+        on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_context_menu: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_double_click: EventType[()] | EventType[PointerEventInfo] | None = None,
         on_focus: EventType[()] | None = None,
         on_mount: EventType[()] | None = None,
         on_mouse_down: EventType[()] | None = None,
@@ -374,6 +373,7 @@ class RadixThemesTriggerComponent(RadixThemesComponent):
         on_mouse_over: EventType[()] | None = None,
         on_mouse_up: EventType[()] | None = None,
         on_scroll: EventType[()] | None = None,
+        on_scroll_end: EventType[()] | None = None,
         on_unmount: EventType[()] | None = None,
         **props,
     ) -> RadixThemesTriggerComponent:
@@ -388,9 +388,8 @@ class RadixThemesTriggerComponent(RadixThemesComponent):
         """
 
 class Theme(RadixThemesComponent):
-    @overload
     @classmethod
-    def create(  # type: ignore
+    def create(
         cls,
         *children,
         color_mode: Literal["dark", "inherit", "light"] | None = None,
@@ -482,9 +481,9 @@ class Theme(RadixThemesComponent):
         autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
-        on_click: EventType[()] | None = None,
-        on_context_menu: EventType[()] | None = None,
-        on_double_click: EventType[()] | None = None,
+        on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_context_menu: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_double_click: EventType[()] | EventType[PointerEventInfo] | None = None,
         on_focus: EventType[()] | None = None,
         on_mount: EventType[()] | None = None,
         on_mouse_down: EventType[()] | None = None,
@@ -495,6 +494,7 @@ class Theme(RadixThemesComponent):
         on_mouse_over: EventType[()] | None = None,
         on_mouse_up: EventType[()] | None = None,
         on_scroll: EventType[()] | None = None,
+        on_scroll_end: EventType[()] | None = None,
         on_unmount: EventType[()] | None = None,
         **props,
     ) -> Theme:
@@ -528,9 +528,8 @@ class Theme(RadixThemesComponent):
 
 class ThemePanel(RadixThemesComponent):
     def add_imports(self) -> dict[str, str]: ...
-    @overload
     @classmethod
-    def create(  # type: ignore
+    def create(
         cls,
         *children,
         default_open: Var[bool] | bool | None = None,
@@ -546,9 +545,9 @@ class ThemePanel(RadixThemesComponent):
         autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
-        on_click: EventType[()] | None = None,
-        on_context_menu: EventType[()] | None = None,
-        on_double_click: EventType[()] | None = None,
+        on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_context_menu: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_double_click: EventType[()] | EventType[PointerEventInfo] | None = None,
         on_focus: EventType[()] | None = None,
         on_mount: EventType[()] | None = None,
         on_mouse_down: EventType[()] | None = None,
@@ -559,6 +558,7 @@ class ThemePanel(RadixThemesComponent):
         on_mouse_over: EventType[()] | None = None,
         on_mouse_up: EventType[()] | None = None,
         on_scroll: EventType[()] | None = None,
+        on_scroll_end: EventType[()] | None = None,
         on_unmount: EventType[()] | None = None,
         **props,
     ) -> ThemePanel:
@@ -584,9 +584,8 @@ class ThemePanel(RadixThemesComponent):
         """
 
 class RadixThemesColorModeProvider(Component):
-    @overload
     @classmethod
-    def create(  # type: ignore
+    def create(
         cls,
         *children,
         style: Sequence[Mapping[str, Any]]
@@ -601,9 +600,9 @@ class RadixThemesColorModeProvider(Component):
         autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
-        on_click: EventType[()] | None = None,
-        on_context_menu: EventType[()] | None = None,
-        on_double_click: EventType[()] | None = None,
+        on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_context_menu: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_double_click: EventType[()] | EventType[PointerEventInfo] | None = None,
         on_focus: EventType[()] | None = None,
         on_mount: EventType[()] | None = None,
         on_mouse_down: EventType[()] | None = None,
@@ -614,6 +613,7 @@ class RadixThemesColorModeProvider(Component):
         on_mouse_over: EventType[()] | None = None,
         on_mouse_up: EventType[()] | None = None,
         on_scroll: EventType[()] | None = None,
+        on_scroll_end: EventType[()] | None = None,
         on_unmount: EventType[()] | None = None,
         **props,
     ) -> RadixThemesColorModeProvider:

reflex/components/radix/themes/color_mode.py

@@ -19,7 +19,7 @@ from __future__ import annotations
 
 from typing import Any, Literal, get_args
 
-from reflex.components.component import BaseComponent
+from reflex.components.component import BaseComponent, field
 from reflex.components.core.cond import Cond, color_mode_cond, cond
 from reflex.components.lucide.icon import Icon
 from reflex.components.radix.themes.components.dropdown_menu import dropdown_menu
@@ -99,10 +99,12 @@ class ColorModeIconButton(IconButton):
     """Icon Button for toggling light / dark mode via toggle_color_mode."""
 
     # The position of the icon button. Follow document flow if None.
-    position: LiteralPosition | Var[LiteralPosition] | None = None
+    position: LiteralPosition | Var[LiteralPosition] | None = field(
+        default=None, is_javascript_property=False
+    )
 
     # Allow picking the "system" value for the color mode.
-    allow_system: bool = False
+    allow_system: bool = field(default=False, is_javascript_property=False)
 
     @classmethod
     def create(
@@ -168,9 +170,6 @@ class ColorModeIconButton(IconButton):
             **props,
         )
 
-    def _exclude_props(self) -> list[str]:
-        return ["position", "allow_system"]
-
 
 class ColorModeSwitch(Switch):
     """Switch for toggling light / dark mode via toggle_color_mode."""

reflex/components/radix/themes/color_mode.pyi

@@ -4,13 +4,13 @@
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
 from collections.abc import Mapping, Sequence
-from typing import Any, Literal, overload
+from typing import Any, Literal
 
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.core.cond import Cond
 from reflex.components.lucide.icon import Icon
 from reflex.components.radix.themes.components.switch import Switch
-from reflex.event import EventType
+from reflex.event import EventType, PointerEventInfo
 from reflex.style import color_mode
 from reflex.vars.base import Var
 
@@ -20,9 +20,8 @@ DEFAULT_LIGHT_ICON: Icon
 DEFAULT_DARK_ICON: Icon
 
 class ColorModeIcon(Cond):
-    @overload
     @classmethod
-    def create(  # type: ignore
+    def create(
         cls,
         *children,
         cond: Any | Var[Any] | None = None,
@@ -38,9 +37,9 @@ class ColorModeIcon(Cond):
         autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
-        on_click: EventType[()] | None = None,
-        on_context_menu: EventType[()] | None = None,
-        on_double_click: EventType[()] | None = None,
+        on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_context_menu: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_double_click: EventType[()] | EventType[PointerEventInfo] | None = None,
         on_focus: EventType[()] | None = None,
         on_mount: EventType[()] | None = None,
         on_mouse_down: EventType[()] | None = None,
@@ -51,6 +50,7 @@ class ColorModeIcon(Cond):
         on_mouse_over: EventType[()] | None = None,
         on_mouse_up: EventType[()] | None = None,
         on_scroll: EventType[()] | None = None,
+        on_scroll_end: EventType[()] | None = None,
         on_unmount: EventType[()] | None = None,
         **props,
     ) -> ColorModeIcon:
@@ -69,9 +69,8 @@ position_values: list[str]
 position_map: dict[str, list[str]]
 
 class ColorModeIconButton(IconButton):
-    @overload
     @classmethod
-    def create(  # type: ignore
+    def create(
         cls,
         *children,
         position: Literal["bottom-left", "bottom-right", "top-left", "top-right"]
@@ -356,9 +355,9 @@ class ColorModeIconButton(IconButton):
         autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
-        on_click: EventType[()] | None = None,
-        on_context_menu: EventType[()] | None = None,
-        on_double_click: EventType[()] | None = None,
+        on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_context_menu: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_double_click: EventType[()] | EventType[PointerEventInfo] | None = None,
         on_focus: EventType[()] | None = None,
         on_mount: EventType[()] | None = None,
         on_mouse_down: EventType[()] | None = None,
@@ -369,6 +368,7 @@ class ColorModeIconButton(IconButton):
         on_mouse_over: EventType[()] | None = None,
         on_mouse_up: EventType[()] | None = None,
         on_scroll: EventType[()] | None = None,
+        on_scroll_end: EventType[()] | None = None,
         on_unmount: EventType[()] | None = None,
         **props,
     ) -> ColorModeIconButton:
@@ -425,9 +425,8 @@ class ColorModeIconButton(IconButton):
         """
 
 class ColorModeSwitch(Switch):
-    @overload
     @classmethod
-    def create(  # type: ignore
+    def create(
         cls,
         *children,
         as_child: Var[bool] | bool | None = None,
@@ -520,9 +519,9 @@ class ColorModeSwitch(Switch):
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
         on_change: EventType[()] | EventType[bool] | None = None,
-        on_click: EventType[()] | None = None,
-        on_context_menu: EventType[()] | None = None,
-        on_double_click: EventType[()] | None = None,
+        on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_context_menu: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_double_click: EventType[()] | EventType[PointerEventInfo] | None = None,
         on_focus: EventType[()] | None = None,
         on_mount: EventType[()] | None = None,
         on_mouse_down: EventType[()] | None = None,
@@ -533,6 +532,7 @@ class ColorModeSwitch(Switch):
         on_mouse_over: EventType[()] | None = None,
         on_mouse_up: EventType[()] | None = None,
         on_scroll: EventType[()] | None = None,
+        on_scroll_end: EventType[()] | None = None,
         on_unmount: EventType[()] | None = None,
         **props,
     ) -> ColorModeSwitch:

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

@@ -3,41 +3,78 @@
 # 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 .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 input as input
-from .text_field import text_field as text_field
-from .tooltip import tooltip as tooltip
+from .alert_dialog import alert_dialog
+from .aspect_ratio import aspect_ratio
+from .avatar import avatar
+from .badge import badge
+from .button import button
+from .callout import callout
+from .card import card
+from .checkbox import checkbox
+from .checkbox_cards import checkbox_cards
+from .checkbox_group import checkbox_group
+from .context_menu import context_menu
+from .data_list import data_list
+from .dialog import dialog
+from .dropdown_menu import dropdown_menu, menu
+from .hover_card import hover_card
+from .icon_button import icon_button
+from .inset import inset
+from .popover import popover
+from .progress import progress
+from .radio_cards import radio_cards
+from .radio_group import radio, radio_group
+from .scroll_area import scroll_area
+from .segmented_control import segmented_control
+from .select import select
+from .separator import divider, separator
+from .skeleton import skeleton
+from .slider import slider
+from .spinner import spinner
+from .switch import switch
+from .table import table
+from .tabs import tabs
+from .text_area import text_area
+from .text_field import input, text_field
+from .tooltip import tooltip
+
+__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",
+    "radio",
+    "radio_cards",
+    "radio_group",
+    "scroll_area",
+    "segmented_control",
+    "select",
+    "separator",
+    "skeleton",
+    "slider",
+    "spinner",
+    "switch",
+    "table",
+    "tabs",
+    "text_area",
+    "text_field",
+    "tooltip",
+]