Merge branch 'main' into remix-over-next

.pre-commit-config.yaml

@@ -2,7 +2,7 @@ fail_fast: true
 
 repos:
   - repo: https://github.com/charliermarsh/ruff-pre-commit
-    rev: v0.11.0
+    rev: v0.11.2
     hooks:
       - id: ruff-format
         args: [reflex, tests]
@@ -28,7 +28,7 @@ repos:
         entry: python3 scripts/make_pyi.py
 
   - repo: https://github.com/RobertCraigie/pyright-python
-    rev: v1.1.394
+    rev: v1.1.397
     hooks:
       - id: pyright
         args: [reflex, tests]

pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "reflex"
-version = "0.7.4dev1"
+version = "0.7.5dev1"
 description = "Web apps in pure Python."
 license = { text = "Apache-2.0" }
 authors = [
@@ -25,7 +25,7 @@ dependencies = [
   "charset-normalizer >=3.3.2,<4.0",
   "distro >=1.8.0,<2.0; platform_system == 'Linux'",
   "fastapi >=0.96.0,!=0.111.0,!=0.111.1",
-  "granian[reload] >=2.0.0",
+  "granian[reload] >=2.2.0",
   "gunicorn >=23.0.0,<24.0.0",
   "httpx >=0.25.1,<1.0",
   "jinja2 >=3.1.2,<4.0",
@@ -149,7 +149,7 @@ dev = [
   "plotly >=5.13.0,<7.0",
   "pre-commit >=4.1.0,<5.0",
   "psycopg[binary] >=3.2.6,<4.0",
-  "pyright >=1.1.396,<1.2",
+  "pyright >=1.1.397,<1.2",
   "pytest >=7.1.2,<9.0",
   "pytest-asyncio >=0.24.0",
   "pytest-benchmark >=4.0.0,<6.0",
@@ -160,7 +160,7 @@ dev = [
   "pytest-retry >=1.7.0,<2.0",
   "pytest-split >=0.10.0,<1.0",
   "python-dotenv >=1,<2",
-  "ruff ==0.11.0",
+  "ruff >=0.11.2",
   "selenium >=4.11.0,<5.0",
   "toml >=0.10.2,<1.0",
 ]

reflex/__init__.py

@@ -344,6 +344,7 @@ _MAPPING: dict = {
     "istate.wrappers": ["get_state"],
     "style": ["Style", "toggle_color_mode"],
     "utils.imports": ["ImportDict", "ImportVar"],
+    "utils.misc": ["run_in_thread"],
     "utils.serializers": ["serializer"],
     "vars": ["Var", "field", "Field"],
 }

reflex/__init__.pyi

@@ -197,6 +197,7 @@ from .style import Style as Style
 from .style import toggle_color_mode as toggle_color_mode
 from .utils.imports import ImportDict as ImportDict
 from .utils.imports import ImportVar as ImportVar
+from .utils.misc import run_in_thread as run_in_thread
 from .utils.serializers import serializer as serializer
 from .vars import Field as Field
 from .vars import Var as Var

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]]
 
 
@@ -498,9 +500,9 @@ class App(MiddlewareMixin, LifespanMixin):
                     else config.cors_allowed_origins
                 ),
                 cors_credentials=True,
-                max_http_buffer_size=constants.POLLING_MAX_HTTP_BUFFER_SIZE,
-                ping_interval=constants.Ping.INTERVAL,
-                ping_timeout=constants.Ping.TIMEOUT,
+                max_http_buffer_size=environment.REFLEX_SOCKET_MAX_HTTP_BUFFER_SIZE.get(),
+                ping_interval=environment.REFLEX_SOCKET_INTERVAL.get(),
+                ping_timeout=environment.REFLEX_SOCKET_TIMEOUT.get(),
                 json=SimpleNamespace(
                     dumps=staticmethod(format.json_dumps),
                     loads=staticmethod(json.loads),
@@ -1108,8 +1110,6 @@ class App(MiddlewareMixin, LifespanMixin):
         if config.react_strict_mode:
             app_wrappers[(200, "StrictMode")] = StrictMode.create()
 
-        should_compile = self._should_compile()
-
         if not should_compile:
             with console.timing("Evaluate Pages (Backend)"):
                 for route in self._unevaluated_pages:
@@ -1226,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"):
@@ -1427,7 +1429,7 @@ class App(MiddlewareMixin, LifespanMixin):
         async with self.state_manager.modify_state(token) as state:
             # No other event handler can modify the state while in this context.
             yield state
-            delta = state.get_delta()
+            delta = await state._get_resolved_delta()
             if delta:
                 # When the state is modified reset dirty status and emit the delta to the frontend.
                 state._clean()

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

@@ -230,8 +230,7 @@ def _compile_root_stylesheet(stylesheets: list[str]) -> str:
                 in constants.Reflex.STYLESHEETS_SUPPORTED
             ):
                 target = (
-                    Path.cwd()
-                    / constants.Dirs.WEB
+                    get_web_dir()
                     / constants.Dirs.STYLES
                     / (stylesheet.rsplit(".", 1)[0].strip("/") + ".css")
                 )
@@ -621,7 +620,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
@@ -315,7 +315,7 @@ def compile_custom_component(
     imports.setdefault("@emotion/react", []).append(ImportVar("jsx"))
 
     # Concatenate the props.
-    props = [prop._js_expr for prop in component.get_prop_vars()]
+    props = list(component.props)
 
     # Compile the component.
     return (
@@ -332,7 +332,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:
@@ -374,7 +374,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 ReactRouterLib(Component):
@@ -154,7 +154,11 @@ class ScrollRestoration(ReactRouterLib):
     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,
@@ -200,7 +204,11 @@ class Outlet(ReactRouterLib):
     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,
@@ -246,7 +254,11 @@ class Scripts(ReactRouterLib):
     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

@@ -7,7 +7,6 @@ from typing import Any, Literal, Optional, overload
 
 from reflex.components import el as elements
 from reflex.event import EventType
-from reflex.style import Style
 from reflex.vars.base import Var
 
 class Script(elements.Script):

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
@@ -48,12 +49,13 @@ from reflex.constants import (
 from reflex.constants.compiler import SpecialAttributes
 from reflex.constants.state import FRONTEND_EVENT_STATE
 from reflex.event import (
-    EventActionsMixin,
     EventCallback,
     EventChain,
     EventHandler,
     EventSpec,
     no_args_event_spec,
+    parse_args_spec,
+    run_script,
 )
 from reflex.style import Style, format_as_emotion
 from reflex.utils import console, format, imports, types
@@ -65,7 +67,7 @@ from reflex.vars.base import (
     Var,
     cached_property_no_lock,
 )
-from reflex.vars.function import ArgsFunctionOperation, FunctionStringVar
+from reflex.vars.function import ArgsFunctionOperation, FunctionStringVar, FunctionVar
 from reflex.vars.number import ternary_operation
 from reflex.vars.object import ObjectVar
 from reflex.vars.sequence import LiteralArrayVar
@@ -179,7 +181,7 @@ def evaluate_style_namespaces(style: ComponentStyle) -> dict:
 # Map from component to styling.
 ComponentStyle = dict[str | Type[BaseComponent] | Callable | ComponentNamespace, Any]
 ComponentChild = types.PrimitiveType | Var | BaseComponent
-ComponentChildTypes = (*types.PrimitiveTypes, Var, BaseComponent)
+ComponentChildTypes = (*types.PrimitiveTypes, Var, BaseComponent, type(None))
 
 
 def _satisfies_type_hint(obj: Any, type_hint: Any) -> bool:
@@ -579,9 +581,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 = {
@@ -893,7 +901,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:
@@ -903,14 +911,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.
 
@@ -1235,7 +1243,9 @@ class Component(BaseComponent, ABC):
         Yields:
             The parent classes that define the method (differently than the base).
         """
-        seen_methods = {getattr(Component, method)}
+        seen_methods = (
+            {getattr(Component, method)} if hasattr(Component, method) else set()
+        )
         for clz in cls.mro():
             if clz is Component:
                 break
@@ -1900,7 +1910,44 @@ class CustomComponent(Component):
 
         return custom_components
 
-    def get_prop_vars(self) -> List[Var]:
+    @staticmethod
+    def _get_event_spec_from_args_spec(name: str, event: EventChain) -> Callable:
+        """Get the event spec from the args spec.
+
+        Args:
+            name: The name of the event
+            event: The args spec.
+
+        Returns:
+            The event spec.
+        """
+
+        def fn(*args):
+            return run_script(Var(name).to(FunctionVar).call(*args))
+
+        if event.args_spec:
+            arg_spec = (
+                event.args_spec
+                if not isinstance(event.args_spec, Sequence)
+                else event.args_spec[0]
+            )
+            names = inspect.getfullargspec(arg_spec).args
+            fn.__signature__ = inspect.Signature(  # pyright: ignore[reportFunctionMemberAccess]
+                parameters=[
+                    inspect.Parameter(
+                        name=name,
+                        kind=inspect.Parameter.POSITIONAL_ONLY,
+                        annotation=arg._var_type,
+                    )
+                    for name, arg in zip(
+                        names, parse_args_spec(event.args_spec), strict=True
+                    )
+                ]
+            )
+
+        return fn
+
+    def get_prop_vars(self) -> List[Var | Callable]:
         """Get the prop vars.
 
         Returns:
@@ -1909,16 +1956,10 @@ class CustomComponent(Component):
         return [
             Var(
                 _js_expr=name,
-                _var_type=(
-                    prop._var_type
-                    if isinstance(prop, Var)
-                    else (
-                        type(prop)
-                        if not isinstance(prop, EventActionsMixin)
-                        else EventChain
-                    )
-                ),
+                _var_type=(prop._var_type if isinstance(prop, Var) else type(prop)),
             ).guess_type()
+            if isinstance(prop, Var) or not isinstance(prop, EventChain)
+            else CustomComponent._get_event_spec_from_args_spec(name, prop)
             for name, prop in self.props.items()
         ]
 

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,

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,

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.py

@@ -79,9 +79,7 @@ class Icon(LucideIconComponent):
             )
             tag = "circle_help"
 
-        props["tag"] = LUCIDE_ICON_MAPPING_OVERRIDE.get(
-            tag, format.to_title_case(tag) + "Icon"
-        )
+        props["tag"] = LUCIDE_ICON_MAPPING_OVERRIDE.get(tag, format.to_title_case(tag))
         props["alias"] = f"Lucide{props['tag']}"
         props.setdefault("color", "var(--current-color)")
         return super().create(**props)
@@ -98,7 +96,7 @@ class DynamicIcon(LucideIconComponent):
         _imports = super()._get_imports()
         if self.library:
             _imports.pop(self.library)
-        _imports["lucide-react/dynamic"] = [ImportVar("DynamicIcon", install=False)]
+        _imports["lucide-react"] = [ImportVar("DynamicIcon", package_path="/dynamic")]
         return _imports
 
 
@@ -1680,6 +1678,9 @@ LUCIDE_ICON_LIST = [
 # The default transformation of some icon names doesn't match how the
 # icons are exported from Lucide. Manual overrides can go here.
 LUCIDE_ICON_MAPPING_OVERRIDE = {
-    "grid_2x_2_check": "Grid2x2Check",
-    "grid_2x_2_x": "Grid2x2X",
+    "box_select": "BoxSelectIcon",
+    "grid_2x_2_check": "Grid2x2CheckIcon",
+    "grid_2x_2_x": "Grid2x2XIcon",
+    "grid_2x_2_plus": "Grid2x2PlusIcon",
+    "layers_3": "Layers3Icon",
 }

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,
@@ -1732,6 +1744,9 @@ LUCIDE_ICON_LIST = [
     "zoom_out",
 ]
 LUCIDE_ICON_MAPPING_OVERRIDE = {
-    "grid_2x_2_check": "Grid2x2Check",
-    "grid_2x_2_x": "Grid2x2X",
+    "box_select": "BoxSelectIcon",
+    "grid_2x_2_check": "Grid2x2CheckIcon",
+    "grid_2x_2_x": "Grid2x2XIcon",
+    "grid_2x_2_plus": "Grid2x2PlusIcon",
+    "layers_3": "Layers3Icon",
 }

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,