reflex 0.7.4a2__py3-none-any.whl → 0.7.5__py3-none-any.whl

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:
@@ -576,9 +578,15 @@ class Component(BaseComponent, ABC):
 
         # Add style props to the component.
         style = kwargs.get("style", {})
-        if isinstance(style, List):
+        if isinstance(style, Sequence):
+            if any(not isinstance(s, Mapping) for s in style):
+                raise TypeError("Style must be a dictionary or a list of dictionaries.")
             # Merge styles, the later ones overriding keys in the earlier ones.
-            style = {k: v for style_dict in style for k, v in style_dict.items()}
+            style = {
+                k: v
+                for style_dict in style
+                for k, v in cast(Mapping, style_dict).items()
+            }
 
         if isinstance(style, (Breakpoints, Var)):
             style = {
@@ -886,7 +894,7 @@ class Component(BaseComponent, ABC):
             _style.update(s)
         return _style
 
-    def _get_component_style(self, styles: ComponentStyle) -> Style | None:
+    def _get_component_style(self, styles: ComponentStyle | Style) -> Style | None:
         """Get the style to the component from `App.style`.
 
         Args:
@@ -896,14 +904,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.
 
@@ -1228,7 +1236,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
@@ -1893,7 +1903,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:
@@ -1902,16 +1949,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,
@@ -69,7 +73,11 @@ class Default404Page(Component):
         cls,
         *children,
         status_code: Var[int] | int | None = None,
-        style: Style | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
         key: Any | None = None,
         id: Any | None = None,
         class_name: Any | None = None,

reflex/components/core/clipboard.pyi

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

reflex/components/core/debounce.pyi

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

reflex/components/core/foreach.py

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

reflex/components/core/html.pyi

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

reflex/components/core/match.py

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

reflex/components/core/sticky.pyi

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

reflex/components/core/upload.pyi

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

reflex/components/datadisplay/code.pyi

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