make pyright happier (#5006)

* make pyright happier

* fix more stuff why not

* make typing think that LiteralVar.create is the same as Var.create

* assert stuff

* you cannot chain classmethods in 3.13

* change pyi generator a good bunch, but no changes in output thankfully

* more cleanup

* ok one more

reflex/app.py

@@ -114,9 +114,11 @@ from reflex.utils.imports import ImportVar
 if TYPE_CHECKING:
     from reflex.vars import Var
 
+    # Define custom types.
+    ComponentCallable = Callable[[], Component | tuple[Component, ...] | str | Var]
+else:
+    ComponentCallable = Callable[[], Component | tuple[Component, ...] | str]
 
-# Define custom types.
-ComponentCallable = Callable[[], Component]
 Reducer = Callable[[Event], Coroutine[Any, Any, StateUpdate]]
 
 
@@ -1224,13 +1226,15 @@ class App(MiddlewareMixin, LifespanMixin):
             custom_components |= component._get_all_custom_components()
 
         if self.error_boundary:
+            from reflex.compiler.compiler import into_component
+
             console.deprecate(
                 feature_name="App.error_boundary",
                 reason="Use app_wraps instead.",
                 deprecation_version="0.7.1",
                 removal_version="0.8.0",
             )
-            app_wrappers[(55, "ErrorBoundary")] = self.error_boundary()
+            app_wrappers[(55, "ErrorBoundary")] = into_component(self.error_boundary)
 
         # Perform auto-memoization of stateful components.
         with console.timing("Auto-memoize StatefulComponents"):

reflex/app_mixins/middleware.py

@@ -2,8 +2,8 @@
 
 from __future__ import annotations
 
-import asyncio
 import dataclasses
+import inspect
 
 from reflex.event import Event
 from reflex.middleware import HydrateMiddleware, Middleware
@@ -51,12 +51,11 @@ class MiddlewareMixin(AppMixin):
             An optional state to return.
         """
         for middleware in self._middlewares:
-            if asyncio.iscoroutinefunction(middleware.preprocess):
-                out = await middleware.preprocess(app=self, state=state, event=event)  # pyright: ignore [reportArgumentType]
-            else:
-                out = middleware.preprocess(app=self, state=state, event=event)  # pyright: ignore [reportArgumentType]
+            out = middleware.preprocess(app=self, state=state, event=event)  # pyright: ignore [reportArgumentType]
+            if inspect.isawaitable(out):
+                out = await out
             if out is not None:
-                return out  # pyright: ignore [reportReturnType]
+                return out
 
     async def _postprocess(
         self, state: BaseState, event: Event, update: StateUpdate
@@ -76,18 +75,12 @@ class MiddlewareMixin(AppMixin):
         """
         out = update
         for middleware in self._middlewares:
-            if asyncio.iscoroutinefunction(middleware.postprocess):
-                out = await middleware.postprocess(
-                    app=self,  # pyright: ignore [reportArgumentType]
-                    state=state,
-                    event=event,
-                    update=update,
-                )
-            else:
-                out = middleware.postprocess(
-                    app=self,  # pyright: ignore [reportArgumentType]
-                    state=state,
-                    event=event,
-                    update=update,
-                )
+            out = middleware.postprocess(
+                app=self,  # pyright: ignore [reportArgumentType]
+                state=state,
+                event=event,
+                update=update,
+            )
+            if inspect.isawaitable(out):
+                out = await out
         return out  # pyright: ignore[reportReturnType]

reflex/compiler/compiler.py

@@ -610,7 +610,15 @@ if TYPE_CHECKING:
     from reflex.app import ComponentCallable, UnevaluatedPage
 
 
-def _into_component_once(component: Component | ComponentCallable) -> Component | None:
+def _into_component_once(
+    component: Component
+    | ComponentCallable
+    | tuple[Component, ...]
+    | str
+    | Var
+    | int
+    | float,
+) -> Component | None:
     """Convert a component to a Component.
 
     Args:

reflex/compiler/utils.py

@@ -7,7 +7,7 @@ import concurrent.futures
 import traceback
 from datetime import datetime
 from pathlib import Path
-from typing import Any, Callable, Type
+from typing import Any, Sequence, Type
 from urllib.parse import urlparse
 
 from pydantic.v1.fields import ModelField
@@ -335,7 +335,7 @@ def compile_custom_component(
 
 
 def create_document_root(
-    head_components: list[Component] | None = None,
+    head_components: Sequence[Component] | None = None,
     html_lang: str | None = None,
     html_custom_attrs: dict[str, Var | str] | None = None,
 ) -> Component:
@@ -371,7 +371,7 @@ def create_theme(style: ComponentStyle) -> dict:
         The base style for the app.
     """
     # Get the global style from the style dict.
-    style_rules = Style({k: v for k, v in style.items() if not isinstance(k, Callable)})
+    style_rules = Style({k: v for k, v in style.items() if isinstance(k, str)})
 
     root_style = {
         # Root styles.

reflex/components/base/app_wrap.pyi

@@ -3,11 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Optional, overload
+from typing import Any, Mapping, Optional, Sequence, overload
 
 from reflex.components.base.fragment import Fragment
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 class AppWrap(Fragment):
@@ -16,7 +16,11 @@ class AppWrap(Fragment):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/base/body.pyi

@@ -3,11 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Optional, overload
+from typing import Any, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import Component
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 class Body(Component):
@@ -16,7 +16,11 @@ class Body(Component):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/base/document.pyi

@@ -3,11 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Optional, overload
+from typing import Any, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import Component
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 class NextDocumentLib(Component):
@@ -16,7 +16,11 @@ class NextDocumentLib(Component):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -63,7 +67,11 @@ class Html(NextDocumentLib):
         cls,
         *children,
         lang: str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -109,7 +117,11 @@ class DocumentHead(NextDocumentLib):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -155,7 +167,11 @@ class Main(NextDocumentLib):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -201,7 +217,11 @@ class NextScript(NextDocumentLib):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/base/error_boundary.pyi

@@ -3,11 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Optional, overload
+from typing import Any, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import Component
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 from reflex.vars.object import ObjectVar
 
@@ -22,7 +22,11 @@ class ErrorBoundary(Component):
         cls,
         *children,
         fallback_render: Component | Var[Component] | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/base/fragment.pyi

@@ -3,11 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Optional, overload
+from typing import Any, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import Component
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 class Fragment(Component):
@@ -16,7 +16,11 @@ class Fragment(Component):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/base/head.pyi

@@ -3,11 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Optional, overload
+from typing import Any, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import Component, MemoizationLeaf
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 class NextHeadLib(Component):
@@ -16,7 +16,11 @@ class NextHeadLib(Component):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -62,7 +66,11 @@ class Head(NextHeadLib, MemoizationLeaf):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/base/link.pyi

@@ -3,11 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Optional, overload
+from typing import Any, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import Component
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 class RawLink(Component):
@@ -18,7 +18,11 @@ class RawLink(Component):
         *children,
         href: Var[str] | str | None = None,
         rel: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -73,7 +77,11 @@ class ScriptTag(Component):
         referrer_policy: Var[str] | str | None = None,
         is_async: Var[bool] | bool | None = None,
         defer: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/base/meta.pyi

@@ -3,11 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Optional, overload
+from typing import Any, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import Component
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 class Title(Component):
@@ -17,7 +17,11 @@ class Title(Component):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -68,7 +72,11 @@ class Meta(Component):
         name: str | None = None,
         property: str | None = None,
         http_equiv: str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -124,7 +132,11 @@ class Description(Meta):
         content: str | None = None,
         property: str | None = None,
         http_equiv: str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -180,7 +192,11 @@ class Image(Meta):
         content: str | None = None,
         name: str | None = None,
         http_equiv: str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/base/script.pyi

@@ -3,11 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import Component
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 class Script(Component):
@@ -20,7 +20,11 @@ class Script(Component):
         strategy: Literal["afterInteractive", "beforeInteractive", "lazyOnload"]
         | Var[Literal["afterInteractive", "beforeInteractive", "lazyOnload"]]
         | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/base/strict_mode.pyi

@@ -3,11 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Optional, overload
+from typing import Any, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import Component
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 class StrictMode(Component):
@@ -16,7 +16,11 @@ class StrictMode(Component):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/component.py

@@ -18,17 +18,18 @@ from typing import (
     ClassVar,
     Iterator,
     List,
+    Mapping,
     Sequence,
     Set,
     Type,
     TypeVar,
     Union,
+    cast,
     get_args,
     get_origin,
 )
 
 import pydantic.v1
-import pydantic.v1.fields
 
 import reflex.state
 from reflex.base import Base
@@ -576,9 +577,15 @@ class Component(BaseComponent, ABC):
 
         # Add style props to the component.
         style = kwargs.get("style", {})
-        if isinstance(style, List):
+        if isinstance(style, Sequence):
+            if any(not isinstance(s, Mapping) for s in style):
+                raise TypeError("Style must be a dictionary or a list of dictionaries.")
             # Merge styles, the later ones overriding keys in the earlier ones.
-            style = {k: v for style_dict in style for k, v in style_dict.items()}
+            style = {
+                k: v
+                for style_dict in style
+                for k, v in cast(Mapping, style_dict).items()
+            }
 
         if isinstance(style, (Breakpoints, Var)):
             style = {
@@ -886,7 +893,7 @@ class Component(BaseComponent, ABC):
             _style.update(s)
         return _style
 
-    def _get_component_style(self, styles: ComponentStyle) -> Style | None:
+    def _get_component_style(self, styles: ComponentStyle | Style) -> Style | None:
         """Get the style to the component from `App.style`.
 
         Args:
@@ -896,14 +903,14 @@ class Component(BaseComponent, ABC):
             The style of the component.
         """
         component_style = None
-        if type(self) in styles:
-            component_style = Style(styles[type(self)])
-        if self.create in styles:
-            component_style = Style(styles[self.create])
+        if (style := styles.get(type(self))) is not None:  # pyright: ignore [reportArgumentType]
+            component_style = Style(style)
+        if (style := styles.get(self.create)) is not None:  # pyright: ignore [reportArgumentType]
+            component_style = Style(style)
         return component_style
 
     def _add_style_recursive(
-        self, style: ComponentStyle, theme: Component | None = None
+        self, style: ComponentStyle | Style, theme: Component | None = None
     ) -> Component:
         """Add additional style to the component and its children.
 

reflex/components/core/auto_scroll.pyi

@@ -3,11 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.el.elements.typography import Div
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.utils.imports import ImportDict
 from reflex.vars.base import Var
 
@@ -195,7 +195,11 @@ class AutoScroll(Div):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/core/banner.py

@@ -149,8 +149,12 @@ setTimeout(() => {{
                 "useEffect",
                 _var_data=VarData(
                     imports={
-                        "react": ["useEffect", "useState"],
-                        **dict(target_url._get_all_var_data().imports),  # pyright: ignore [reportArgumentType, reportOptionalMemberAccess]
+                        "react": ("useEffect", "useState"),
+                        **(
+                            dict(var_data.imports)
+                            if (var_data := target_url._get_all_var_data()) is not None
+                            else {}
+                        ),
                     }
                 ),
             ).call(

reflex/components/core/banner.pyi

@@ -3,15 +3,15 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.base.fragment import Fragment
 from reflex.components.component import Component
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.el.elements.typography import Div
 from reflex.components.lucide.icon import Icon
 from reflex.constants.compiler import CompileVars
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.utils.imports import ImportVar
 from reflex.vars import VarData
 from reflex.vars.base import Var
@@ -48,7 +48,11 @@ class ConnectionToaster(Fragment):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -94,7 +98,11 @@ class ConnectionBanner(Component):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -133,7 +141,11 @@ class ConnectionModal(Component):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -173,7 +185,11 @@ class WifiOffPulse(Icon):
         cls,
         *children,
         size: Var[int] | int | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -400,7 +416,11 @@ class ConnectionPulser(Div):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -639,7 +659,11 @@ class BackendDisabled(Div):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/core/client_side_routing.pyi

@@ -3,11 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Optional, overload
+from typing import Any, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import Component
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 route_not_found: Var
@@ -20,7 +20,11 @@ class ClientSideRouting(Component):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -69,7 +73,11 @@ class Default404Page(Component):
         cls,
         *children,
         status_code: Var[int] | int | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/core/clipboard.pyi

@@ -3,11 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Optional, Sequence, overload
+from typing import Any, Mapping, Optional, Sequence, overload
 
 from reflex.components.base.fragment import Fragment
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.utils.imports import ImportVar
 from reflex.vars.base import Var
 
@@ -21,7 +21,11 @@ class Clipboard(Fragment):
         on_paste_event_actions: Var[dict[str, bool | int]]
         | dict[str, bool | int]
         | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/core/debounce.pyi

@@ -3,11 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Optional, Type, overload
+from typing import Any, Mapping, Optional, Sequence, Type, overload
 
 from reflex.components.component import Component
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 DEFAULT_DEBOUNCE_TIMEOUT = 300
@@ -25,7 +25,11 @@ class DebounceInput(Component):
         value: Var[float | int | str] | float | int | str | None = None,
         input_ref: Var[str] | str | None = None,
         element: Type[Component] | Var[Type[Component]] | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/core/foreach.py

@@ -58,7 +58,11 @@ class Foreach(Component):
         """
         from reflex.vars import ArrayVar, ObjectVar, StringVar
 
-        iterable = LiteralVar.create(iterable).guess_type()
+        iterable = (
+            LiteralVar.create(iterable).guess_type()
+            if not isinstance(iterable, Var)
+            else iterable.guess_type()
+        )
 
         if iterable._var_type == Any:
             raise ForeachVarError(

reflex/components/core/html.pyi

@@ -3,11 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.el.elements.typography import Div
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 class Html(Div):
@@ -195,7 +195,11 @@ class Html(Div):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/core/match.py

@@ -1,7 +1,7 @@
 """rx.match."""
 
 import textwrap
-from typing import Any, Dict, List
+from typing import Any, Dict
 
 from reflex.components.base import Fragment
 from reflex.components.component import BaseComponent, Component, MemoizationLeaf
@@ -123,7 +123,7 @@ class Match(MemoizationLeaf):
         return case_element
 
     @classmethod
-    def _process_match_cases(cls, cases: List) -> list[list[Var]]:
+    def _process_match_cases(cls, cases: list) -> list[list[Var]]:
         """Process the individual match cases.
 
         Args:
@@ -232,13 +232,13 @@ class Match(MemoizationLeaf):
             _js_expr=format.format_match(
                 cond=str(match_cond_var),
                 match_cases=match_cases,
-                default=default,  # pyright: ignore [reportArgumentType]
+                default=default,
             ),
-            _var_type=default._var_type,  # pyright: ignore [reportAttributeAccessIssue,reportOptionalMemberAccess]
+            _var_type=default._var_type,
             _var_data=VarData.merge(
                 match_cond_var._get_all_var_data(),
                 *[el._get_all_var_data() for case in match_cases for el in case],
-                default._get_all_var_data(),  # pyright: ignore [reportAttributeAccessIssue, reportOptionalMemberAccess]
+                default._get_all_var_data(),
             ),
         )
 

reflex/components/core/sticky.pyi

@@ -3,7 +3,7 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import ComponentNamespace
 from reflex.components.core.breakpoints import Breakpoints
@@ -11,7 +11,6 @@ from reflex.components.el.elements.inline import A
 from reflex.components.el.elements.media import Svg
 from reflex.components.radix.themes.typography.text import Text
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 class StickyLogo(Svg):
@@ -201,7 +200,11 @@ class StickyLogo(Svg):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -549,7 +552,11 @@ class StickyLabel(Text):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -800,7 +807,11 @@ class StickyBadge(A):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1052,7 +1063,11 @@ class StickyNamespace(ComponentNamespace):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/core/upload.pyi

@@ -4,13 +4,13 @@
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
 from pathlib import Path
-from typing import Any, ClassVar, Optional, Sequence, overload
+from typing import Any, ClassVar, Mapping, Optional, Sequence, overload
 
 from reflex.components.base.fragment import Fragment
 from reflex.components.component import Component, ComponentNamespace, MemoizationLeaf
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.constants import Dirs
 from reflex.event import CallableEventSpec, EventSpec, EventType
-from reflex.style import Style
 from reflex.utils.imports import ImportVar
 from reflex.vars import VarData
 from reflex.vars.base import Var
@@ -43,7 +43,11 @@ class UploadFilesProvider(Component):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -89,7 +93,11 @@ class GhostUpload(Fragment):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -148,7 +156,11 @@ class Upload(MemoizationLeaf):
         no_click: Var[bool] | bool | None = None,
         no_drag: Var[bool] | bool | None = None,
         no_keyboard: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -214,7 +226,11 @@ class StyledUpload(Upload):
         no_click: Var[bool] | bool | None = None,
         no_drag: Var[bool] | bool | None = None,
         no_keyboard: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -280,7 +296,11 @@ class UploadNamespace(ComponentNamespace):
         no_click: Var[bool] | bool | None = None,
         no_drag: Var[bool] | bool | None = None,
         no_keyboard: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/datadisplay/code.pyi

@@ -4,13 +4,13 @@
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
 import dataclasses
-from typing import Any, ClassVar, Literal, Optional, overload
+from typing import Any, ClassVar, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import Component, ComponentNamespace
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.markdown.markdown import MarkdownComponentMap
 from reflex.constants.colors import Color
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 LiteralCodeLanguage = Literal[
@@ -929,7 +929,11 @@ class CodeBlock(Component, MarkdownComponentMap):
         code_tag_props: Var[dict[str, str]] | dict[str, str] | None = None,
         can_copy: bool | None = None,
         copy_button: Component | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1564,7 +1568,11 @@ class CodeblockNamespace(ComponentNamespace):
         code_tag_props: Var[dict[str, str]] | dict[str, str] | None = None,
         can_copy: bool | None = None,
         copy_button: Component | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/datadisplay/dataeditor.py

@@ -3,7 +3,7 @@
 from __future__ import annotations
 
 from enum import Enum
-from typing import Any, Dict, Literal, Sequence, TypedDict
+from typing import Any, Dict, Literal, Mapping, Sequence, TypedDict
 
 from reflex.base import Base
 from reflex.components.component import Component, NoSSRComponent
@@ -402,7 +402,7 @@ class DataEditor(NoSSRComponent):
 
         if "theme" in props:
             theme = props.get("theme")
-            if isinstance(theme, Dict):
+            if isinstance(theme, Mapping):
                 props["theme"] = DataEditorTheme(**theme)
 
         # Allow by default to select a region of cells in the grid.

reflex/components/datadisplay/dataeditor.pyi

@@ -4,12 +4,22 @@
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
 from enum import Enum
-from typing import Any, Dict, Literal, Optional, Sequence, TypedDict, Union, overload
+from typing import (
+    Any,
+    Dict,
+    Literal,
+    Mapping,
+    Optional,
+    Sequence,
+    TypedDict,
+    Union,
+    overload,
+)
 
 from reflex.base import Base
 from reflex.components.component import NoSSRComponent
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.utils.imports import ImportDict
 from reflex.utils.serializers import serializer
 from reflex.vars.base import Var
@@ -165,7 +175,11 @@ class DataEditor(NoSSRComponent):
         scroll_offset_x: Var[int] | int | None = None,
         scroll_offset_y: Var[int] | int | None = None,
         theme: DataEditorTheme | Dict | Var[DataEditorTheme | Dict] | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/datadisplay/shiki_code_block.pyi

@@ -3,10 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.base import Base
 from reflex.components.component import Component, ComponentNamespace
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.markdown.markdown import MarkdownComponentMap
 from reflex.components.props import NoExtrasAllowedProps
 from reflex.event import EventType
@@ -908,7 +909,11 @@ class ShikiCodeBlock(Component, MarkdownComponentMap):
         | list[ShikiBaseTransformers | dict[str, Any]]
         | None = None,
         decorations: Var[list[ShikiDecorations]] | list[ShikiDecorations] | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1521,7 +1526,11 @@ class ShikiHighLevelCodeBlock(ShikiCodeBlock):
         | list[ShikiBaseTransformers | dict[str, Any]]
         | None = None,
         decorations: Var[list[ShikiDecorations]] | list[ShikiDecorations] | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -2137,7 +2146,11 @@ class CodeblockNamespace(ComponentNamespace):
         | list[ShikiBaseTransformers | dict[str, Any]]
         | None = None,
         decorations: Var[list[ShikiDecorations]] | list[ShikiDecorations] | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/el/__init__.pyi

@@ -141,7 +141,7 @@ from .elements.metadata import Base as Base
 from .elements.metadata import Head as Head
 from .elements.metadata import Link as Link
 from .elements.metadata import Meta as Meta
-from .elements.metadata import Style as Style
+from .elements.metadata import StyleEl as StyleEl
 from .elements.metadata import Title as Title
 from .elements.metadata import base as base
 from .elements.metadata import head as head

reflex/components/el/element.pyi

@@ -3,11 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Optional, overload
+from typing import Any, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import Component
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 class Element(Component):
@@ -16,7 +16,11 @@ class Element(Component):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/el/elements/__init__.py

@@ -137,7 +137,7 @@ _MAPPING = {
 }
 
 
-EXCLUDE = ["del_", "Del", "image"]
+EXCLUDE = ["del_", "Del", "image", "style"]
 for v in _MAPPING.values():
     from reflex.utils.format import to_camel_case
 
@@ -149,6 +149,8 @@ for v in _MAPPING.values():
         ]
     )
 
+_MAPPING["metadata"].extend(["StyleEl"])
+
 _SUBMOD_ATTRS: dict[str, list[str]] = _MAPPING
 
 __getattr__, __dir__, __all__ = lazy_loader.attach(

reflex/components/el/elements/__init__.pyi

@@ -140,7 +140,7 @@ from .metadata import Base as Base
 from .metadata import Head as Head
 from .metadata import Link as Link
 from .metadata import Meta as Meta
-from .metadata import Style as Style
+from .metadata import StyleEl as StyleEl
 from .metadata import Title as Title
 from .metadata import base as base
 from .metadata import head as head
@@ -371,7 +371,7 @@ _MAPPING = {
         "Del",
     ],
 }
-EXCLUDE = ["del_", "Del", "image"]
+EXCLUDE = ["del_", "Del", "image", "style"]
 for v in _MAPPING.values():
     from reflex.utils.format import to_camel_case
 
@@ -382,3 +382,4 @@ for v in _MAPPING.values():
             if mod not in EXCLUDE
         ]
     )
+_MAPPING["metadata"].extend(["StyleEl"])

reflex/components/el/elements/base.pyi

@@ -3,11 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.el.element import Element
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 AutoCapitalize = Literal["off", "none", "on", "sentences", "words", "characters"]
@@ -272,7 +272,11 @@ class BaseHTML(Element):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/el/elements/forms.py

@@ -427,7 +427,7 @@ class Input(BaseHTML):
             (value_var := Var.create(value))._var_type
         ):
             props["value"] = ternary_operation(
-                (value_var != Var.create(None))  # pyright: ignore [reportArgumentType]
+                (value_var != Var.create(None))
                 & (value_var != Var(_js_expr="undefined")),
                 value,
                 Var.create(""),

reflex/components/el/elements/forms.pyi

@@ -3,13 +3,13 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, Union, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, Union, overload
 
 from jinja2 import Environment
 
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.el.element import Element
 from reflex.event import EventType, KeyInputInfo
-from reflex.style import Style
 from reflex.utils.imports import ImportDict
 from reflex.vars.base import Var
 
@@ -218,7 +218,11 @@ class Button(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -469,7 +473,11 @@ class Datalist(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -534,7 +542,11 @@ class Fieldset(Element):
         disabled: Var[bool] | bool | None = None,
         form: Var[str] | str | None = None,
         name: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -775,7 +787,11 @@ class Form(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1144,7 +1160,11 @@ class Input(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1429,7 +1449,11 @@ class Label(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1671,7 +1695,11 @@ class Legend(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1918,7 +1946,11 @@ class Meter(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -2167,7 +2199,11 @@ class Optgroup(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -2413,7 +2449,11 @@ class Option(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -2660,7 +2700,11 @@ class Output(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -2906,7 +2950,11 @@ class Progress(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -3157,7 +3205,11 @@ class Select(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -3428,7 +3480,11 @@ class Textarea(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/el/elements/inline.pyi

@@ -3,10 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from .base import BaseHTML
@@ -242,7 +242,11 @@ class A(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -490,7 +494,11 @@ class Abbr(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -730,7 +738,11 @@ class B(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -970,7 +982,11 @@ class Bdi(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1210,7 +1226,11 @@ class Bdo(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1450,7 +1470,11 @@ class Br(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1690,7 +1714,11 @@ class Cite(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1930,7 +1958,11 @@ class Code(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -2171,7 +2203,11 @@ class Data(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -2412,7 +2448,11 @@ class Dfn(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -2652,7 +2692,11 @@ class Em(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -2892,7 +2936,11 @@ class I(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -3132,7 +3180,11 @@ class Kbd(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -3372,7 +3424,11 @@ class Mark(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -3613,7 +3669,11 @@ class Q(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -3854,7 +3914,11 @@ class Rp(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -4094,7 +4158,11 @@ class Rt(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -4334,7 +4402,11 @@ class Ruby(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -4574,7 +4646,11 @@ class S(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -4814,7 +4890,11 @@ class Samp(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -5054,7 +5134,11 @@ class Small(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -5294,7 +5378,11 @@ class Span(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -5534,7 +5622,11 @@ class Strong(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -5774,7 +5866,11 @@ class Sub(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -6014,7 +6110,11 @@ class Sup(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -6255,7 +6355,11 @@ class Time(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -6496,7 +6600,11 @@ class U(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -6736,7 +6844,11 @@ class Wbr(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/el/elements/media.pyi

@@ -3,12 +3,12 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex import ComponentNamespace
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.constants.colors import Color
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from .base import BaseHTML
@@ -231,7 +231,11 @@ class Area(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -492,7 +496,11 @@ class Audio(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -779,7 +787,11 @@ class Img(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1029,7 +1041,11 @@ class Map(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1275,7 +1291,11 @@ class Track(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1531,7 +1551,11 @@ class Video(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1782,7 +1806,11 @@ class Embed(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -2055,7 +2083,11 @@ class Iframe(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -2307,7 +2339,11 @@ class Object(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -2552,7 +2588,11 @@ class Picture(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -2792,7 +2832,11 @@ class Portal(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -3037,7 +3081,11 @@ class Source(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -3285,7 +3333,11 @@ class Svg(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -3535,7 +3587,11 @@ class Text(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -3787,7 +3843,11 @@ class Line(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -4036,7 +4096,11 @@ class Circle(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -4285,7 +4349,11 @@ class Ellipse(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -4537,7 +4605,11 @@ class Rect(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -4786,7 +4858,11 @@ class Polygon(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -5028,7 +5104,11 @@ class Defs(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -5275,7 +5355,11 @@ class LinearGradient(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -5531,7 +5615,11 @@ class RadialGradient(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -5788,7 +5876,11 @@ class Stop(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -6032,7 +6124,11 @@ class Path(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -6286,7 +6382,11 @@ class SVG(ComponentNamespace):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/el/elements/metadata.pyi

@@ -3,11 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.el.element import Element
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from .base import BaseHTML
@@ -198,7 +198,11 @@ class Base(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -438,7 +442,11 @@ class Head(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -713,7 +721,11 @@ class Link(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -966,7 +978,11 @@ class Meta(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1032,7 +1048,11 @@ class Title(Element):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1079,7 +1099,11 @@ class StyleEl(Element):
         cls,
         *children,
         media: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/el/elements/other.pyi

@@ -3,10 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from .base import BaseHTML
@@ -196,7 +196,11 @@ class Details(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -438,7 +442,11 @@ class Dialog(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -679,7 +687,11 @@ class Summary(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -919,7 +931,11 @@ class Slot(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1159,7 +1175,11 @@ class Template(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1399,7 +1419,11 @@ class Math(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1640,7 +1664,11 @@ class Html(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/el/elements/scripts.pyi

@@ -3,10 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from .base import BaseHTML
@@ -195,7 +195,11 @@ class Canvas(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -435,7 +439,11 @@ class Noscript(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -709,7 +717,11 @@ class Script(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/el/elements/sectioning.pyi

@@ -3,10 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from .base import BaseHTML
@@ -195,7 +195,11 @@ class Body(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -435,7 +439,11 @@ class Address(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -675,7 +683,11 @@ class Article(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -915,7 +927,11 @@ class Aside(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1155,7 +1171,11 @@ class Footer(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1395,7 +1415,11 @@ class Header(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1635,7 +1659,11 @@ class H1(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1875,7 +1903,11 @@ class H2(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -2115,7 +2147,11 @@ class H3(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -2355,7 +2391,11 @@ class H4(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -2595,7 +2635,11 @@ class H5(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -2835,7 +2879,11 @@ class H6(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -3075,7 +3123,11 @@ class Main(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -3315,7 +3367,11 @@ class Nav(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -3555,7 +3611,11 @@ class Section(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/el/elements/tables.pyi

@@ -3,10 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from .base import BaseHTML
@@ -195,7 +195,11 @@ class Caption(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -436,7 +440,11 @@ class Col(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -678,7 +686,11 @@ class Colgroup(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -923,7 +935,11 @@ class Table(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1165,7 +1181,11 @@ class Tbody(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1411,7 +1431,11 @@ class Td(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1655,7 +1679,11 @@ class Tfoot(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1902,7 +1930,11 @@ class Th(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -2147,7 +2179,11 @@ class Thead(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -2387,7 +2423,11 @@ class Tr(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/el/elements/typography.pyi

@@ -3,10 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from .base import BaseHTML
@@ -196,7 +196,11 @@ class Blockquote(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -437,7 +441,11 @@ class Dd(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -677,7 +685,11 @@ class Div(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -917,7 +929,11 @@ class Dl(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1157,7 +1173,11 @@ class Dt(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1397,7 +1417,11 @@ class Figcaption(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1637,7 +1661,11 @@ class Hr(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1877,7 +1905,11 @@ class Li(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -2118,7 +2150,11 @@ class Menu(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -2364,7 +2400,11 @@ class Ol(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -2607,7 +2647,11 @@ class P(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -2847,7 +2891,11 @@ class Pre(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -3087,7 +3135,11 @@ class Ul(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -3329,7 +3381,11 @@ class Ins(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -3573,7 +3629,11 @@ class Del(BaseHTML):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/gridjs/datatable.py

@@ -2,7 +2,7 @@
 
 from __future__ import annotations
 
-from typing import Any, Dict, List, Sequence
+from typing import Any, Dict, Sequence
 
 from reflex.components.component import Component
 from reflex.components.tags import Tag
@@ -90,7 +90,7 @@ class DataTable(Gridjs):
 
         # If data is a list and columns are not provided, throw an error
         if (
-            (isinstance(data, Var) and types._issubclass(data._var_type, List))
+            (isinstance(data, Var) and types.typehint_issubclass(data._var_type, list))
             or isinstance(data, list)
         ) and columns is None:
             raise ValueError(

reflex/components/gridjs/datatable.pyi

@@ -3,11 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Dict, Optional, Sequence, overload
+from typing import Any, Dict, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import Component
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.utils.imports import ImportDict
 from reflex.vars.base import Var
 
@@ -17,7 +17,11 @@ class Gridjs(Component):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -69,7 +73,11 @@ class DataTable(Gridjs):
         sort: Var[bool] | bool | None = None,
         resizable: Var[bool] | bool | None = None,
         pagination: Dict | Var[Dict | bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/lucide/icon.pyi

@@ -3,11 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Optional, overload
+from typing import Any, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import Component
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 class LucideIconComponent(Component):
@@ -16,7 +16,11 @@ class LucideIconComponent(Component):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -63,7 +67,11 @@ class Icon(LucideIconComponent):
         cls,
         *children,
         size: Var[int] | int | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -117,7 +125,11 @@ class DynamicIcon(LucideIconComponent):
         cls,
         *children,
         name: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/markdown/markdown.py

@@ -347,7 +347,7 @@ let {_LANGUAGE!s} = match ? match[1] : '';
             if tag != "codeblock"
             # For codeblock, the mapping for some cases returns an array of elements. Let's join them into a string.
             else ternary_operation(
-                ARRAY_ISARRAY.call(_CHILDREN),  # pyright: ignore [reportArgumentType]
+                ARRAY_ISARRAY.call(_CHILDREN),
                 _CHILDREN.to(list).join("\n"),
                 _CHILDREN,
             ).to(str)

reflex/components/markdown/markdown.pyi

@@ -5,11 +5,11 @@
 # ------------------------------------------------------
 import dataclasses
 from functools import lru_cache
-from typing import Any, Callable, Optional, Sequence, overload
+from typing import Any, Callable, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import Component
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.utils.imports import ImportDict
 from reflex.vars.base import LiteralVar, Var, VarData
 
@@ -54,7 +54,11 @@ class Markdown(Component):
         *children,
         component_map: dict[str, Any] | None = None,
         component_map_hash: str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/moment/moment.pyi

@@ -5,11 +5,11 @@
 # ------------------------------------------------------
 import dataclasses
 from datetime import date, datetime, time, timedelta
-from typing import Any, Optional, overload
+from typing import Any, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import NoSSRComponent
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.utils.imports import ImportDict
 from reflex.vars.base import Var
 
@@ -59,7 +59,11 @@ class Moment(NoSSRComponent):
         local: Var[bool] | bool | None = None,
         tz: Var[str] | str | None = None,
         locale: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/next/base.pyi

@@ -3,11 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Optional, overload
+from typing import Any, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import Component
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 class NextComponent(Component):
@@ -18,7 +18,11 @@ class NextComponent(Component):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/next/image.pyi

@@ -3,10 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from .base import NextComponent
@@ -31,7 +31,11 @@ class Image(NextComponent):
         placeholder: Var[str] | str | None = None,
         loading: Literal["eager", "lazy"] | Var[Literal["eager", "lazy"]] | None = None,
         blur_data_url: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/next/link.pyi

@@ -3,11 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Optional, overload
+from typing import Any, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import Component
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 class NextLink(Component):
@@ -18,7 +18,11 @@ class NextLink(Component):
         *children,
         href: Var[str] | str | None = None,
         pass_href: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/next/video.pyi

@@ -3,11 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Optional, overload
+from typing import Any, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import Component
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from .base import NextComponent
@@ -20,7 +20,11 @@ class Video(NextComponent):
         *children,
         src: Var[str] | str | None = None,
         as_: Component | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/plotly/plotly.pyi

@@ -3,11 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Dict, Optional, TypedDict, TypeVar, overload
+from typing import Any, Dict, Mapping, Optional, Sequence, TypedDict, TypeVar, overload
 
 from reflex.components.component import NoSSRComponent
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.utils import console
 from reflex.utils.imports import ImportDict
 from reflex.vars.base import Var
@@ -58,7 +58,11 @@ class Plotly(NoSSRComponent):
         template: Template | Var[Template] | None = None,  # type: ignore
         config: Dict | Var[Dict] | None = None,
         use_resize_handler: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -157,7 +161,11 @@ class PlotlyBasic(Plotly):
         template: Template | Var[Template] | None = None,  # type: ignore
         config: Dict | Var[Dict] | None = None,
         use_resize_handler: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -252,7 +260,11 @@ class PlotlyCartesian(Plotly):
         template: Template | Var[Template] | None = None,  # type: ignore
         config: Dict | Var[Dict] | None = None,
         use_resize_handler: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -347,7 +359,11 @@ class PlotlyGeo(Plotly):
         template: Template | Var[Template] | None = None,  # type: ignore
         config: Dict | Var[Dict] | None = None,
         use_resize_handler: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -442,7 +458,11 @@ class PlotlyGl3d(Plotly):
         template: Template | Var[Template] | None = None,  # type: ignore
         config: Dict | Var[Dict] | None = None,
         use_resize_handler: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -537,7 +557,11 @@ class PlotlyGl2d(Plotly):
         template: Template | Var[Template] | None = None,  # type: ignore
         config: Dict | Var[Dict] | None = None,
         use_resize_handler: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -632,7 +656,11 @@ class PlotlyMapbox(Plotly):
         template: Template | Var[Template] | None = None,  # type: ignore
         config: Dict | Var[Dict] | None = None,
         use_resize_handler: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -727,7 +755,11 @@ class PlotlyFinance(Plotly):
         template: Template | Var[Template] | None = None,  # type: ignore
         config: Dict | Var[Dict] | None = None,
         use_resize_handler: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -822,7 +854,11 @@ class PlotlyStrict(Plotly):
         template: Template | Var[Template] | None = None,  # type: ignore
         config: Dict | Var[Dict] | None = None,
         use_resize_handler: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/radix/primitives/accordion.pyi

@@ -3,13 +3,13 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, Sequence, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import Component, ComponentNamespace
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.lucide.icon import Icon
 from reflex.components.radix.primitives.base import RadixPrimitiveComponent
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 LiteralAccordionType = Literal["single", "multiple"]
@@ -89,7 +89,11 @@ class AccordionComponent(RadixPrimitiveComponent):
         | Var[Literal["classic", "ghost", "outline", "soft", "surface"]]
         | None = None,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -221,7 +225,11 @@ class AccordionRoot(AccordionComponent):
         | Var[Literal["classic", "ghost", "outline", "soft", "surface"]]
         | None = None,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -350,7 +358,11 @@ class AccordionItem(AccordionComponent):
         | Var[Literal["classic", "ghost", "outline", "soft", "surface"]]
         | None = None,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -468,7 +480,11 @@ class AccordionHeader(AccordionComponent):
         | Var[Literal["classic", "ghost", "outline", "soft", "surface"]]
         | None = None,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -582,7 +598,11 @@ class AccordionTrigger(AccordionComponent):
         | Var[Literal["classic", "ghost", "outline", "soft", "surface"]]
         | None = None,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -634,7 +654,11 @@ class AccordionIcon(Icon):
         cls,
         *children,
         size: Var[int] | int | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -745,7 +769,11 @@ class AccordionContent(AccordionComponent):
         | Var[Literal["classic", "ghost", "outline", "soft", "surface"]]
         | None = None,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/radix/primitives/base.pyi

@@ -3,11 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Optional, overload
+from typing import Any, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import Component
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 class RadixPrimitiveComponent(Component):
@@ -17,7 +17,11 @@ class RadixPrimitiveComponent(Component):
         cls,
         *children,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -65,7 +69,11 @@ class RadixPrimitiveComponentWithClassName(RadixPrimitiveComponent):
         cls,
         *children,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/radix/primitives/drawer.pyi

@@ -3,12 +3,12 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, Sequence, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import ComponentNamespace
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.radix.primitives.base import RadixPrimitiveComponent
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 class DrawerComponent(RadixPrimitiveComponent):
@@ -18,7 +18,11 @@ class DrawerComponent(RadixPrimitiveComponent):
         cls,
         *children,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -82,7 +86,11 @@ class DrawerRoot(DrawerComponent):
         should_scale_background: Var[bool] | bool | None = None,
         close_threshold: Var[float] | float | None = None,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -146,7 +154,11 @@ class DrawerTrigger(DrawerComponent):
         cls,
         *children,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -194,7 +206,11 @@ class DrawerPortal(DrawerComponent):
         cls,
         *children,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -242,7 +258,11 @@ class DrawerContent(DrawerComponent):
         cls,
         *children,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -299,7 +319,11 @@ class DrawerOverlay(DrawerComponent):
         cls,
         *children,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -347,7 +371,11 @@ class DrawerClose(DrawerTrigger):
         cls,
         *children,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -395,7 +423,11 @@ class DrawerTitle(DrawerComponent):
         cls,
         *children,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -443,7 +475,11 @@ class DrawerDescription(DrawerComponent):
         cls,
         *children,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -491,7 +527,11 @@ class DrawerHandle(DrawerComponent):
         cls,
         *children,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -561,7 +601,11 @@ class Drawer(ComponentNamespace):
         should_scale_background: Var[bool] | bool | None = None,
         close_threshold: Var[float] | float | None = None,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/radix/primitives/form.pyi

@@ -3,12 +3,12 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, Union, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, Union, overload
 
 from reflex.components.component import ComponentNamespace
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.el.elements.forms import Form as HTMLForm
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from .base import RadixPrimitiveComponentWithClassName
@@ -20,7 +20,11 @@ class FormComponent(RadixPrimitiveComponentWithClassName):
         cls,
         *children,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -258,7 +262,11 @@ class FormRoot(FormComponent, HTMLForm):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -345,7 +353,11 @@ class FormField(FormComponent):
         name: Var[str] | str | None = None,
         server_invalid: Var[bool] | bool | None = None,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -396,7 +408,11 @@ class FormLabel(FormComponent):
         cls,
         *children,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -444,7 +460,11 @@ class FormControl(FormComponent):
         cls,
         *children,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -539,7 +559,11 @@ class FormMessage(FormComponent):
         | None = None,
         force_match: Var[bool] | bool | None = None,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -590,7 +614,11 @@ class FormValidityState(FormComponent):
         cls,
         *children,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -638,7 +666,11 @@ class FormSubmit(FormComponent):
         cls,
         *children,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -877,7 +909,11 @@ class Form(FormRoot):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1156,7 +1192,11 @@ class FormNamespace(ComponentNamespace):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/radix/primitives/progress.pyi

@@ -3,12 +3,12 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import ComponentNamespace
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.radix.primitives.base import RadixPrimitiveComponentWithClassName
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 class ProgressComponent(RadixPrimitiveComponentWithClassName):
@@ -18,7 +18,11 @@ class ProgressComponent(RadixPrimitiveComponentWithClassName):
         cls,
         *children,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -70,7 +74,11 @@ class ProgressRoot(ProgressComponent):
         | Var[Literal["full", "large", "medium", "none", "small"]]
         | None = None,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -181,7 +189,11 @@ class ProgressIndicator(ProgressComponent):
         ]
         | None = None,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -296,7 +308,11 @@ class Progress(ProgressRoot):
         | Var[Literal["full", "large", "medium", "none", "small"]]
         | None = None,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -412,7 +428,11 @@ class ProgressNamespace(ComponentNamespace):
         | Var[Literal["full", "large", "medium", "none", "small"]]
         | None = None,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/radix/primitives/slider.pyi

@@ -3,12 +3,12 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, Sequence, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import Component, ComponentNamespace
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.radix.primitives.base import RadixPrimitiveComponentWithClassName
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 LiteralSliderOrientation = Literal["horizontal", "vertical"]
@@ -21,7 +21,11 @@ class SliderComponent(RadixPrimitiveComponentWithClassName):
         cls,
         *children,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -85,7 +89,11 @@ class SliderRoot(SliderComponent):
         step: Var[int] | int | None = None,
         min_steps_between_thumbs: Var[int] | int | None = None,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -138,7 +146,11 @@ class SliderTrack(SliderComponent):
         cls,
         *children,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -187,7 +199,11 @@ class SliderRange(SliderComponent):
         cls,
         *children,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -236,7 +252,11 @@ class SliderThumb(SliderComponent):
         cls,
         *children,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/radix/themes/base.pyi

@@ -3,12 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components import Component
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.utils.imports import ImportDict
 from reflex.vars.base import Var
 
@@ -77,7 +76,11 @@ class CommonMarginProps(Component):
         ml: Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]
         | Var[Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]]
         | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -179,7 +182,11 @@ class CommonPaddingProps(Component):
             | Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]
         ]
         | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -233,7 +240,11 @@ class RadixLoadingProp(Component):
         cls,
         *children,
         loading: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -280,7 +291,11 @@ class RadixThemesComponent(Component):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -329,7 +344,11 @@ class RadixThemesTriggerComponent(RadixThemesComponent):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -446,7 +465,11 @@ class Theme(RadixThemesComponent):
         scaling: Literal["100%", "105%", "110%", "90%", "95%"]
         | Var[Literal["100%", "105%", "110%", "90%", "95%"]]
         | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -505,7 +528,11 @@ class ThemePanel(RadixThemesComponent):
         cls,
         *children,
         default_open: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -555,7 +582,11 @@ class RadixThemesColorModeProvider(Component):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/radix/themes/color_mode.py

@@ -83,7 +83,7 @@ def _find(const: list[str], var: Any):
 
 
 def _set_var_default(
-    props: dict, position: Any, prop: str, default1: str, default2: str = ""
+    props: dict, position: Any, prop: str, default1: str, default2: str | Var = ""
 ):
     props.setdefault(
         prop, cond(_find(position_map[prop], position), default1, default2)
@@ -122,7 +122,7 @@ class ColorModeIconButton(IconButton):
 
         # position is used to set nice defaults for positioning the icon button
         if isinstance(position, Var):
-            _set_var_default(props, position, "position", "fixed", position)  # pyright: ignore [reportArgumentType]
+            _set_var_default(props, position, "position", "fixed", position)
             _set_var_default(props, position, "bottom", "2rem")
             _set_var_default(props, position, "top", "2rem")
             _set_var_default(props, position, "left", "2rem")

reflex/components/radix/themes/color_mode.pyi

@@ -3,14 +3,14 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 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.style import Style, color_mode
+from reflex.style import color_mode
 from reflex.vars.base import Var
 
 from .components.icon_button import IconButton
@@ -25,7 +25,11 @@ class ColorModeIcon(Cond):
         cls,
         *children,
         cond: Any | Var[Any] | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -339,7 +343,11 @@ class ColorModeIconButton(IconButton):
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
         loading: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -497,7 +505,11 @@ class ColorModeSwitch(Switch):
         radius: Literal["full", "none", "small"]
         | Var[Literal["full", "none", "small"]]
         | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/radix/themes/components/alert_dialog.pyi

@@ -3,13 +3,12 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import ComponentNamespace
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.el import elements
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from ..base import RadixThemesComponent, RadixThemesTriggerComponent
@@ -24,7 +23,11 @@ class AlertDialogRoot(RadixThemesComponent):
         *children,
         open: Var[bool] | bool | None = None,
         default_open: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -77,7 +80,11 @@ class AlertDialogTrigger(RadixThemesTriggerComponent):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -302,7 +309,11 @@ class AlertDialogContent(elements.Div, RadixThemesComponent):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -375,7 +386,11 @@ class AlertDialogTitle(RadixThemesComponent):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -424,7 +439,11 @@ class AlertDialogDescription(RadixThemesComponent):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -473,7 +492,11 @@ class AlertDialogAction(RadixThemesTriggerComponent):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -513,7 +536,11 @@ class AlertDialogCancel(RadixThemesTriggerComponent):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/radix/themes/components/aspect_ratio.pyi

@@ -3,10 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Optional, overload
+from typing import Any, Mapping, Optional, Sequence, overload
 
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from ..base import RadixThemesComponent
@@ -18,7 +18,11 @@ class AspectRatio(RadixThemesComponent):
         cls,
         *children,
         ratio: Var[float | int] | float | int | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/radix/themes/components/avatar.pyi

@@ -3,11 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from ..base import RadixThemesComponent
@@ -93,7 +92,11 @@ class Avatar(RadixThemesComponent):
         | None = None,
         src: Var[str] | str | None = None,
         fallback: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

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

@@ -3,12 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.el import elements
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from ..base import RadixThemesComponent
@@ -267,7 +266,11 @@ class Badge(elements.Span, RadixThemesComponent):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

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

@@ -3,12 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.el import elements
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from ..base import RadixLoadingProp, RadixThemesComponent
@@ -286,7 +285,11 @@ class Button(elements.Button, RadixLoadingProp, RadixThemesComponent):
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
         loading: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

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

@@ -3,13 +3,12 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import ComponentNamespace
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.el import elements
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from ..base import RadixThemesComponent
@@ -268,7 +267,11 @@ class CalloutRoot(elements.Div, RadixThemesComponent):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -516,7 +519,11 @@ class CalloutIcon(elements.Div, RadixThemesComponent):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -759,7 +766,11 @@ class CalloutText(elements.P, RadixThemesComponent):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1072,7 +1083,11 @@ class Callout(CalloutRoot):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1391,7 +1406,11 @@ class CalloutNamespace(ComponentNamespace):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

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

@@ -3,12 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.el import elements
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from ..base import RadixThemesComponent
@@ -208,7 +207,11 @@ class Card(elements.Div, RadixThemesComponent):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/radix/themes/components/checkbox.pyi

@@ -3,12 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import ComponentNamespace
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from ..base import RadixThemesComponent
@@ -96,7 +95,11 @@ class Checkbox(RadixThemesComponent):
         required: Var[bool] | bool | None = None,
         name: Var[str] | str | None = None,
         value: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -233,7 +236,11 @@ class HighLevelCheckbox(RadixThemesComponent):
         required: Var[bool] | bool | None = None,
         name: Var[str] | str | None = None,
         value: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -367,7 +374,11 @@ class CheckboxNamespace(ComponentNamespace):
         required: Var[bool] | bool | None = None,
         name: Var[str] | str | None = None,
         value: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/radix/themes/components/checkbox_cards.pyi

@@ -4,11 +4,10 @@
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
 from types import SimpleNamespace
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from ..base import RadixThemesComponent
@@ -108,7 +107,11 @@ class CheckboxCardsRoot(RadixThemesComponent):
         ]
         | str
         | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -163,7 +166,11 @@ class CheckboxCardsItem(RadixThemesComponent):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/radix/themes/components/checkbox_group.pyi

@@ -4,11 +4,10 @@
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
 from types import SimpleNamespace
-from typing import Any, Literal, Optional, Sequence, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from ..base import RadixThemesComponent
@@ -88,7 +87,11 @@ class CheckboxGroupRoot(RadixThemesComponent):
         high_contrast: Var[bool] | bool | None = None,
         default_value: Sequence[str] | Var[Sequence[str]] | None = None,
         name: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -145,7 +148,11 @@ class CheckboxGroupItem(RadixThemesComponent):
         *children,
         value: Var[str] | str | None = None,
         disabled: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/radix/themes/components/context_menu.pyi

@@ -3,12 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, Sequence, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import ComponentNamespace
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from ..base import RadixThemesComponent
@@ -30,7 +29,11 @@ class ContextMenuRoot(RadixThemesComponent):
         *children,
         modal: Var[bool] | bool | None = None,
         dir: Literal["ltr", "rtl"] | Var[Literal["ltr", "rtl"]] | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -84,7 +87,11 @@ class ContextMenuTrigger(RadixThemesComponent):
         cls,
         *children,
         disabled: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -220,7 +227,11 @@ class ContextMenuContent(RadixThemesComponent):
         | Var[Literal["always", "partial"]]
         | None = None,
         hide_when_detached: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -296,7 +307,11 @@ class ContextMenuSub(RadixThemesComponent):
         *children,
         open: Var[bool] | bool | None = None,
         default_open: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -352,7 +367,11 @@ class ContextMenuSubTrigger(RadixThemesComponent):
         as_child: Var[bool] | bool | None = None,
         disabled: Var[bool] | bool | None = None,
         text_value: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -419,7 +438,11 @@ class ContextMenuSubContent(RadixThemesComponent):
         | Var[Literal["always", "partial"]]
         | None = None,
         hide_when_detached: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -548,7 +571,11 @@ class ContextMenuItem(RadixThemesComponent):
         as_child: Var[bool] | bool | None = None,
         disabled: Var[bool] | bool | None = None,
         text_value: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -604,7 +631,11 @@ class ContextMenuSeparator(RadixThemesComponent):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -728,7 +759,11 @@ class ContextMenuCheckbox(Checkbox):
         required: Var[bool] | bool | None = None,
         name: Var[str] | str | None = None,
         value: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -792,7 +827,11 @@ class ContextMenuLabel(RadixThemesComponent):
         cls,
         *children,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -843,7 +882,11 @@ class ContextMenuGroup(RadixThemesComponent):
         cls,
         *children,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -895,7 +938,11 @@ class ContextMenuRadioGroup(RadixThemesComponent):
         *children,
         as_child: Var[bool] | bool | None = None,
         value: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1026,7 +1073,11 @@ class ContextMenuRadioItem(HighLevelRadioGroup):
         default_value: Var[str] | str | None = None,
         name: Var[str] | str | None = None,
         required: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/radix/themes/components/data_list.pyi

@@ -4,11 +4,10 @@
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
 from types import SimpleNamespace
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from ..base import RadixThemesComponent
@@ -37,7 +36,11 @@ class DataListRoot(RadixThemesComponent):
             | Literal["both", "end", "normal", "start"]
         ]
         | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -98,7 +101,11 @@ class DataListItem(RadixThemesComponent):
             | Literal["baseline", "center", "end", "start", "stretch"]
         ]
         | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -219,7 +226,11 @@ class DataListLabel(RadixThemesComponent):
             ]
         ]
         | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -272,7 +283,11 @@ class DataListValue(RadixThemesComponent):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/radix/themes/components/dialog.pyi

@@ -3,13 +3,12 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import ComponentNamespace
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.el import elements
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from ..base import RadixThemesComponent, RadixThemesTriggerComponent
@@ -22,7 +21,11 @@ class DialogRoot(RadixThemesComponent):
         *children,
         open: Var[bool] | bool | None = None,
         default_open: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -75,7 +78,11 @@ class DialogTrigger(RadixThemesTriggerComponent):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -115,7 +122,11 @@ class DialogTitle(RadixThemesComponent):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -348,7 +359,11 @@ class DialogContent(elements.Div, RadixThemesComponent):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -424,7 +439,11 @@ class DialogDescription(RadixThemesComponent):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -473,7 +492,11 @@ class DialogClose(RadixThemesTriggerComponent):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -520,7 +543,11 @@ class Dialog(ComponentNamespace):
         *children,
         open: Var[bool] | bool | None = None,
         default_open: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/radix/themes/components/dropdown_menu.pyi

@@ -3,12 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import ComponentNamespace
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from ..base import RadixThemesComponent, RadixThemesTriggerComponent
@@ -30,7 +29,11 @@ class DropdownMenuRoot(RadixThemesComponent):
         open: Var[bool] | bool | None = None,
         modal: Var[bool] | bool | None = None,
         dir: Literal["ltr", "rtl"] | Var[Literal["ltr", "rtl"]] | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -86,7 +89,11 @@ class DropdownMenuTrigger(RadixThemesTriggerComponent):
         cls,
         *children,
         as_child: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -212,7 +219,11 @@ class DropdownMenuContent(RadixThemesComponent):
         | Var[Literal["always", "partial"]]
         | None = None,
         hide_when_detached: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -289,7 +300,11 @@ class DropdownMenuSubTrigger(RadixThemesTriggerComponent):
         as_child: Var[bool] | bool | None = None,
         disabled: Var[bool] | bool | None = None,
         text_value: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -331,7 +346,11 @@ class DropdownMenuSub(RadixThemesComponent):
         *children,
         open: Var[bool] | bool | None = None,
         default_open: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -399,7 +418,11 @@ class DropdownMenuSubContent(RadixThemesComponent):
         | Var[Literal["always", "partial"]]
         | None = None,
         hide_when_detached: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -528,7 +551,11 @@ class DropdownMenuItem(RadixThemesComponent):
         as_child: Var[bool] | bool | None = None,
         disabled: Var[bool] | bool | None = None,
         text_value: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -584,7 +611,11 @@ class DropdownMenuSeparator(RadixThemesComponent):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

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

@@ -3,13 +3,12 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import ComponentNamespace
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.el import elements
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from ..base import RadixThemesComponent, RadixThemesTriggerComponent
@@ -24,7 +23,11 @@ class HoverCardRoot(RadixThemesComponent):
         open: Var[bool] | bool | None = None,
         open_delay: Var[int] | int | None = None,
         close_delay: Var[int] | int | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -79,7 +82,11 @@ class HoverCardTrigger(RadixThemesTriggerComponent):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -323,7 +330,11 @@ class HoverCardContent(elements.Div, RadixThemesComponent):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -403,7 +414,11 @@ class HoverCard(ComponentNamespace):
         open: Var[bool] | bool | None = None,
         open_delay: Var[int] | int | None = None,
         close_delay: Var[int] | int | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

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

@@ -3,12 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.el import elements
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from ..base import RadixLoadingProp, RadixThemesComponent
@@ -287,7 +286,11 @@ class IconButton(elements.Button, RadixLoadingProp, RadixThemesComponent):
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
         loading: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

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

@@ -3,12 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.el import elements
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from ..base import RadixThemesComponent
@@ -248,7 +247,11 @@ class Inset(elements.Div, RadixThemesComponent):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

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

@@ -3,13 +3,12 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import ComponentNamespace
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.el import elements
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from ..base import RadixThemesComponent, RadixThemesTriggerComponent
@@ -23,7 +22,11 @@ class PopoverRoot(RadixThemesComponent):
         open: Var[bool] | bool | None = None,
         modal: Var[bool] | bool | None = None,
         default_open: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -77,7 +80,11 @@ class PopoverTrigger(RadixThemesTriggerComponent):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -319,7 +326,11 @@ class PopoverContent(elements.Div, RadixThemesComponent):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -405,7 +416,11 @@ class PopoverClose(RadixThemesTriggerComponent):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/radix/themes/components/progress.pyi

@@ -3,11 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from ..base import RadixThemesComponent
@@ -92,7 +91,11 @@ class Progress(RadixThemesComponent):
         | None = None,
         duration: Var[str] | str | None = None,
         fill_color: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/radix/themes/components/radio.pyi

@@ -3,11 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from ..base import RadixThemesComponent
@@ -85,7 +84,11 @@ class Radio(RadixThemesComponent):
         ]
         | None = None,
         high_contrast: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/radix/themes/components/radio_cards.pyi

@@ -4,11 +4,10 @@
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
 from types import SimpleNamespace
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from ..base import RadixThemesComponent
@@ -119,7 +118,11 @@ class RadioCardsRoot(RadixThemesComponent):
         | None = None,
         dir: Literal["ltr", "rtl"] | Var[Literal["ltr", "rtl"]] | None = None,
         loop: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -188,7 +191,11 @@ class RadioCardsItem(RadixThemesComponent):
         value: Var[str] | str | None = None,
         disabled: Var[bool] | bool | None = None,
         required: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/radix/themes/components/radio_group.py

@@ -179,7 +179,12 @@ class HighLevelRadioGroup(RadixThemesComponent):
                 as_="label",
             )
 
-        children = [rx.foreach(LiteralVar.create(items), radio_group_item)]
+        children = [
+            rx.foreach(
+                items,
+                radio_group_item,
+            )
+        ]
 
         return RadioGroupRoot.create(
             Flex.create(

reflex/components/radix/themes/components/radio_group.pyi

@@ -3,12 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, Sequence, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import ComponentNamespace
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from ..base import RadixThemesComponent
@@ -93,7 +92,11 @@ class RadioGroupRoot(RadixThemesComponent):
         disabled: Var[bool] | bool | None = None,
         name: Var[str] | str | None = None,
         required: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -156,7 +159,11 @@ class RadioGroupItem(RadixThemesComponent):
         value: Var[str] | str | None = None,
         disabled: Var[bool] | bool | None = None,
         required: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -284,7 +291,11 @@ class HighLevelRadioGroup(RadixThemesComponent):
         disabled: Var[bool] | bool | None = None,
         name: Var[str] | str | None = None,
         required: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -422,7 +433,11 @@ class RadioGroup(ComponentNamespace):
         disabled: Var[bool] | bool | None = None,
         name: Var[str] | str | None = None,
         required: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/radix/themes/components/scroll_area.pyi

@@ -3,10 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from ..base import RadixThemesComponent
@@ -24,7 +24,11 @@ class ScrollArea(RadixThemesComponent):
         | Var[Literal["always", "auto", "hover", "scroll"]]
         | None = None,
         scroll_hide_delay: Var[int] | int | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/radix/themes/components/segmented_control.pyi

@@ -4,11 +4,10 @@
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
 from types import SimpleNamespace
-from typing import Any, Literal, Optional, Sequence, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from ..base import RadixThemesComponent
@@ -95,7 +94,11 @@ class SegmentedControlRoot(RadixThemesComponent):
         | None = None,
         default_value: Sequence[str] | Var[Sequence[str] | str] | str | None = None,
         value: Sequence[str] | Var[Sequence[str] | str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -154,7 +157,11 @@ class SegmentedControlItem(RadixThemesComponent):
         cls,
         *children,
         value: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/radix/themes/components/select.pyi

@@ -3,12 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, Sequence, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import ComponentNamespace
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from ..base import RadixThemesComponent
@@ -30,7 +29,11 @@ class SelectRoot(RadixThemesComponent):
         name: Var[str] | str | None = None,
         disabled: Var[bool] | bool | None = None,
         required: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -157,7 +160,11 @@ class SelectTrigger(RadixThemesComponent):
         | Var[Literal["full", "large", "medium", "none", "small"]]
         | None = None,
         placeholder: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -282,7 +289,11 @@ class SelectContent(RadixThemesComponent):
         | Var[Literal["center", "end", "start"]]
         | None = None,
         align_offset: Var[int] | int | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -345,7 +356,11 @@ class SelectGroup(RadixThemesComponent):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -396,7 +411,11 @@ class SelectItem(RadixThemesComponent):
         *children,
         value: Var[str] | str | None = None,
         disabled: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -447,7 +466,11 @@ class SelectLabel(RadixThemesComponent):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -496,7 +519,11 @@ class SelectSeparator(RadixThemesComponent):
     def create(  # type: ignore
         cls,
         *children,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -629,7 +656,11 @@ class HighLevelSelect(SelectRoot):
         name: Var[str] | str | None = None,
         disabled: Var[bool] | bool | None = None,
         required: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -786,7 +817,11 @@ class Select(ComponentNamespace):
         name: Var[str] | str | None = None,
         disabled: Var[bool] | bool | None = None,
         required: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

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

@@ -3,11 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from ..base import RadixThemesComponent
@@ -93,7 +92,11 @@ class Separator(RadixThemesComponent):
         ]
         | None = None,
         decorative: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/radix/themes/components/skeleton.pyi

@@ -3,11 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Optional, overload
+from typing import Any, Mapping, Optional, Sequence, overload
 
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from ..base import RadixLoadingProp, RadixThemesComponent
@@ -43,7 +42,11 @@ class Skeleton(RadixLoadingProp, RadixThemesComponent):
         | str
         | None = None,
         loading: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

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

@@ -3,11 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, Sequence, Union, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, Union, overload
 
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType, passthrough_event_spec
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from ..base import RadixThemesComponent
@@ -110,7 +109,11 @@ class Slider(RadixThemesComponent):
         orientation: Literal["horizontal", "vertical"]
         | Var[Literal["horizontal", "vertical"]]
         | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/radix/themes/components/spinner.pyi

@@ -3,11 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from ..base import RadixLoadingProp, RadixThemesComponent
@@ -25,7 +24,11 @@ class Spinner(RadixLoadingProp, RadixThemesComponent):
         | Var[Breakpoints[str, Literal["1", "2", "3"]] | Literal["1", "2", "3"]]
         | None = None,
         loading: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

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

@@ -3,11 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from ..base import RadixThemesComponent
@@ -97,7 +96,11 @@ class Switch(RadixThemesComponent):
         radius: Literal["full", "none", "small"]
         | Var[Literal["full", "none", "small"]]
         | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

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

@@ -3,13 +3,12 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import ComponentNamespace
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.el import elements
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from ..base import CommonPaddingProps, RadixThemesComponent
@@ -209,7 +208,11 @@ class TableRoot(elements.Table, RadixThemesComponent):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -456,7 +459,11 @@ class TableHeader(elements.Thead, RadixThemesComponent):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -702,7 +709,11 @@ class TableRow(elements.Tr, RadixThemesComponent):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -964,7 +975,11 @@ class TableColumnHeaderCell(elements.Th, RadixThemesComponent):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1215,7 +1230,11 @@ class TableBody(elements.Tbody, RadixThemesComponent):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1524,7 +1543,11 @@ class TableCell(elements.Td, CommonPaddingProps, RadixThemesComponent):
             | Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]
         ]
         | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -1848,7 +1871,11 @@ class TableRowHeaderCell(elements.Th, CommonPaddingProps, RadixThemesComponent):
             | Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]
         ]
         | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/radix/themes/components/tabs.pyi

@@ -3,12 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.component import ComponentNamespace
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from ..base import RadixThemesComponent
@@ -31,7 +30,11 @@ class TabsRoot(RadixThemesComponent):
         activation_mode: Literal["automatic", "manual"]
         | Var[Literal["automatic", "manual"]]
         | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -93,7 +96,11 @@ class TabsList(RadixThemesComponent):
         | Var[Breakpoints[str, Literal["1", "2"]] | Literal["1", "2"]]
         | None = None,
         loop: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -205,7 +212,11 @@ class TabsTrigger(RadixThemesComponent):
             ]
         ]
         | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -259,7 +270,11 @@ class TabsContent(RadixThemesComponent):
         *children,
         value: Var[str] | str | None = None,
         force_mount: Var[bool] | bool | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,
@@ -322,7 +337,11 @@ class Tabs(ComponentNamespace):
         activation_mode: Literal["automatic", "manual"]
         | Var[Literal["automatic", "manual"]]
         | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

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

@@ -3,12 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Literal, Optional, overload
+from typing import Any, Literal, Mapping, Optional, Sequence, overload
 
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.el import elements
 from reflex.event import EventType, KeyInputInfo
-from reflex.style import Style
 from reflex.vars.base import Var
 
 from ..base import RadixThemesComponent
@@ -294,7 +293,11 @@ class TextArea(RadixThemesComponent, elements.Textarea):
         spell_check: Var[bool] | bool | None = None,
         tab_index: Var[int] | int | None = None,
         title: Var[str] | str | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

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

@@ -104,9 +104,10 @@ class TextFieldRoot(elements.Input, RadixThemesComponent):
         if value is not None and is_optional(
             (value_var := Var.create(value))._var_type
         ):
+            value_var_is_not_none = value_var != Var.create(None)
+            value_var_is_not_undefined = value_var != Var(_js_expr="undefined")
             props["value"] = ternary_operation(
-                (value_var != Var.create(None))  # pyright: ignore [reportArgumentType]
-                & (value_var != Var(_js_expr="undefined")),
+                value_var_is_not_none & value_var_is_not_undefined,
                 value,
                 Var.create(""),
             )