refactor match code

.github/workflows/benchmarks.yml

@@ -70,6 +70,56 @@ jobs:
         env:
           GITHUB_SHA: ${{ github.sha }}
 
+  simple-apps-benchmarks: # This app tests the compile times of various compoonents and pages
+    if: github.event.pull_request.merged == true
+    env:
+      OUTPUT_FILE: benchmarks.json
+    timeout-minutes: 50
+    strategy:
+      # Prioritize getting more information out of the workflow (even if something fails)
+      fail-fast: false
+      matrix:
+        # Show OS combos first in GUI
+        os: [ubuntu-latest, windows-latest, macos-latest]
+        python-version: ["3.10.16", "3.11.11", "3.12.8"]
+        exclude:
+          - os: windows-latest
+            python-version: "3.10.16"
+          - os: windows-latest
+            python-version: "3.11.11"
+          # keep only one python version for MacOS
+          - os: macos-latest
+            python-version: "3.10.16"
+          - os: macos-latest
+            python-version: "3.11.11"
+        include:
+          - os: windows-latest
+            python-version: "3.10.11"
+          - os: windows-latest
+            python-version: "3.11.9"
+
+    runs-on: ${{ matrix.os }}
+    steps:
+      - uses: actions/checkout@v4
+      - uses: ./.github/actions/setup_build_env
+        with:
+          python-version: ${{ matrix.python-version }}
+          run-poetry-install: true
+          create-venv-at-path: .venv
+      - name: Run benchmark tests
+        env:
+          APP_HARNESS_HEADLESS: 1
+          PYTHONUNBUFFERED: 1
+        run: |
+          poetry run pytest -v benchmarks/ --benchmark-json=${{ env.OUTPUT_FILE }} -s
+      - name: Upload benchmark results
+        # Only run if the database creds are available in this context.
+        run:
+          poetry run python benchmarks/benchmark_compile_times.py --os "${{ matrix.os }}"
+          --python-version "${{ matrix.python-version }}" --commit-sha "${{ github.sha }}"
+          --benchmark-json "${{ env.OUTPUT_FILE }}" --branch-name "${{ github.head_ref || github.ref_name }}"
+          --event-type "${{ github.event_name }}" --pr-id "${{ github.event.pull_request.id }}"
+
   reflex-dist-size: # This job is used to calculate the size of the Reflex distribution (wheel file)
     if: github.event.pull_request.merged == true
     timeout-minutes: 30

.github/workflows/integration_tests.yml

@@ -94,6 +94,26 @@ jobs:
           # Check that npm is home
           npm -v
           poetry run bash scripts/integration.sh ./reflex-examples/counter dev
+      - name: Measure and upload .web size
+        run:
+          poetry run python benchmarks/benchmark_web_size.py --os "${{ matrix.os }}"
+          --python-version "${{ matrix.python-version }}" --commit-sha "${{ github.sha }}"
+          --pr-id "${{ github.event.pull_request.id }}"
+          --branch-name "${{ github.head_ref || github.ref_name }}"
+          --path ./reflex-examples/counter/.web
+          --app-name "counter"
+      - name: Install hyperfine
+        run: cargo install hyperfine
+      - name: Benchmark imports
+        working-directory: ./reflex-examples/counter
+        run: hyperfine --warmup 3 "export POETRY_VIRTUALENVS_PATH=../../.venv; poetry run python counter/counter.py" --show-output --export-json "${{ env.OUTPUT_FILE }}" --shell bash
+      - name: Upload Benchmarks
+        run:
+          poetry run python benchmarks/benchmark_imports.py --os "${{ matrix.os }}"
+          --python-version "${{ matrix.python-version }}" --commit-sha "${{ github.sha }}"
+          --benchmark-json "./reflex-examples/counter/${{ env.OUTPUT_FILE }}"
+          --branch-name "${{ github.head_ref || github.ref_name }}" --pr-id "${{ github.event.pull_request.id }}"
+          --app-name "counter"
       - name: Install requirements for nba proxy example
         working-directory: ./reflex-examples/nba-proxy
         run: |
@@ -154,6 +174,12 @@ jobs:
           # Check that npm is home
           npm -v
           poetry run bash scripts/integration.sh ./reflex-web prod
+      - name: Measure and upload .web size
+        run:
+          poetry run python benchmarks/benchmark_web_size.py --os "${{ matrix.os }}"
+          --python-version "${{ matrix.python-version }}" --commit-sha "${{ github.sha }}"
+          --pr-id "${{ github.event.pull_request.id }}" --branch-name "${{ github.head_ref || github.ref_name }}"
+          --app-name "reflex-web" --path ./reflex-web/.web
 
   rx-shout-from-template:
     strategy:
@@ -217,3 +243,9 @@ jobs:
           # Check that npm is home
           npm -v
           poetry run bash scripts/integration.sh ./reflex-web prod
+      - name: Measure and upload .web size
+        run:
+          poetry run python benchmarks/benchmark_web_size.py --os "${{ matrix.os }}"
+          --python-version "${{ matrix.python-version }}" --commit-sha "${{ github.sha }}"
+          --pr-id "${{ github.event.pull_request.id }}" --branch-name "${{ github.head_ref || github.ref_name }}"
+          --app-name "reflex-web" --path ./reflex-web/.web

benchmarks/test_benchmark_compile_components.py

@@ -0,0 +1,376 @@
+"""Benchmark tests for apps with varying component numbers."""
+
+from __future__ import annotations
+
+import functools
+import time
+from typing import Generator
+
+import pytest
+
+from benchmarks import WINDOWS_SKIP_REASON
+from reflex import constants
+from reflex.compiler import utils
+from reflex.testing import AppHarness, chdir
+from reflex.utils import build
+from reflex.utils.prerequisites import get_web_dir
+
+web_pages = get_web_dir() / constants.Dirs.PAGES
+
+
+def render_component(num: int):
+    """Generate a number of components based on num.
+
+    Args:
+        num: number of components to produce.
+
+    Returns:
+        The rendered number of components.
+    """
+    import reflex as rx
+
+    return [
+        rx.fragment(
+            rx.box(
+                rx.accordion.root(
+                    rx.accordion.item(
+                        header="Full Ingredients",
+                        content="Yes. It's built with accessibility in mind.",
+                        font_size="3em",
+                    ),
+                    rx.accordion.item(
+                        header="Applications",
+                        content="Yes. It's unstyled by default, giving you freedom over the look and feel.",
+                    ),
+                    collapsible=True,
+                    variant="ghost",
+                    width="25rem",
+                ),
+                padding_top="20px",
+            ),
+            rx.box(
+                rx.drawer.root(
+                    rx.drawer.trigger(
+                        rx.button("Open Drawer with snap points"), as_child=True
+                    ),
+                    rx.drawer.overlay(),
+                    rx.drawer.portal(
+                        rx.drawer.content(
+                            rx.flex(
+                                rx.drawer.title("Drawer Content"),
+                                rx.drawer.description("Drawer description"),
+                                rx.drawer.close(
+                                    rx.button("Close Button"),
+                                    as_child=True,
+                                ),
+                                direction="column",
+                                margin="5em",
+                                align_items="center",
+                            ),
+                            top="auto",
+                            height="100%",
+                            flex_direction="column",
+                            background_color="var(--green-3)",
+                        ),
+                    ),
+                    snap_points=["148px", "355px", 1],
+                ),
+            ),
+            rx.box(
+                rx.callout(
+                    "You will need admin privileges to install and access this application.",
+                    icon="info",
+                    size="3",
+                ),
+            ),
+            rx.box(
+                rx.table.root(
+                    rx.table.header(
+                        rx.table.row(
+                            rx.table.column_header_cell("Full name"),
+                            rx.table.column_header_cell("Email"),
+                            rx.table.column_header_cell("Group"),
+                        ),
+                    ),
+                    rx.table.body(
+                        rx.table.row(
+                            rx.table.row_header_cell("Danilo Sousa"),
+                            rx.table.cell("danilo@example.com"),
+                            rx.table.cell("Developer"),
+                        ),
+                        rx.table.row(
+                            rx.table.row_header_cell("Zahra Ambessa"),
+                            rx.table.cell("zahra@example.com"),
+                            rx.table.cell("Admin"),
+                        ),
+                        rx.table.row(
+                            rx.table.row_header_cell("Jasper Eriksson"),
+                            rx.table.cell("jasper@example.com"),
+                            rx.table.cell("Developer"),
+                        ),
+                    ),
+                )
+            ),
+        )
+    ] * num
+
+
+def AppWithTenComponentsOnePage():
+    """A reflex app with roughly 10 components on one page."""
+    import reflex as rx
+
+    def index() -> rx.Component:
+        return rx.center(rx.vstack(*render_component(1)))
+
+    app = rx.App(_state=rx.State)
+    app.add_page(index)
+
+
+def AppWithHundredComponentOnePage():
+    """A reflex app with roughly 100 components on one page."""
+    import reflex as rx
+
+    def index() -> rx.Component:
+        return rx.center(rx.vstack(*render_component(100)))
+
+    app = rx.App(_state=rx.State)
+    app.add_page(index)
+
+
+def AppWithThousandComponentsOnePage():
+    """A reflex app with roughly 1000 components on one page."""
+    import reflex as rx
+
+    def index() -> rx.Component:
+        return rx.center(rx.vstack(*render_component(1000)))
+
+    app = rx.App(_state=rx.State)
+    app.add_page(index)
+
+
+@pytest.fixture(scope="session")
+def app_with_10_components(
+    tmp_path_factory,
+) -> Generator[AppHarness, None, None]:
+    """Start Blank Template app at tmp_path via AppHarness.
+
+    Args:
+        tmp_path_factory: pytest tmp_path_factory fixture
+
+    Yields:
+        running AppHarness instance
+    """
+    root = tmp_path_factory.mktemp("app10components")
+
+    yield AppHarness.create(
+        root=root,
+        app_source=functools.partial(
+            AppWithTenComponentsOnePage,
+            render_component=render_component,  # pyright: ignore [reportCallIssue]
+        ),
+    )
+
+
+@pytest.fixture(scope="session")
+def app_with_100_components(
+    tmp_path_factory,
+) -> Generator[AppHarness, None, None]:
+    """Start Blank Template app at tmp_path via AppHarness.
+
+    Args:
+        tmp_path_factory: pytest tmp_path_factory fixture
+
+    Yields:
+        running AppHarness instance
+    """
+    root = tmp_path_factory.mktemp("app100components")
+
+    yield AppHarness.create(
+        root=root,
+        app_source=functools.partial(
+            AppWithHundredComponentOnePage,
+            render_component=render_component,  # pyright: ignore [reportCallIssue]
+        ),
+    )
+
+
+@pytest.fixture(scope="session")
+def app_with_1000_components(
+    tmp_path_factory,
+) -> Generator[AppHarness, None, None]:
+    """Create an app with 1000 components at tmp_path via AppHarness.
+
+    Args:
+        tmp_path_factory: pytest tmp_path_factory fixture
+
+    Yields:
+        an AppHarness instance
+    """
+    root = tmp_path_factory.mktemp("app1000components")
+
+    yield AppHarness.create(
+        root=root,
+        app_source=functools.partial(
+            AppWithThousandComponentsOnePage,
+            render_component=render_component,  # pyright: ignore [reportCallIssue]
+        ),
+    )
+
+
+@pytest.mark.skipif(constants.IS_WINDOWS, reason=WINDOWS_SKIP_REASON)
+@pytest.mark.benchmark(
+    group="Compile time of varying component numbers",
+    timer=time.perf_counter,
+    disable_gc=True,
+    warmup=False,
+)
+def test_app_10_compile_time_cold(benchmark, app_with_10_components):
+    """Test the compile time on a cold start for an app with roughly 10 components.
+
+    Args:
+        benchmark: The benchmark fixture.
+        app_with_10_components: The app harness.
+    """
+
+    def setup():
+        with chdir(app_with_10_components.app_path):
+            utils.empty_dir(web_pages, ["_app.js"])
+            app_with_10_components._initialize_app()
+            build.setup_frontend(app_with_10_components.app_path)
+
+    def benchmark_fn():
+        with chdir(app_with_10_components.app_path):
+            app_with_10_components.app_instance._compile()
+
+    benchmark.pedantic(benchmark_fn, setup=setup, rounds=10)
+
+
+@pytest.mark.benchmark(
+    group="Compile time of varying component numbers",
+    min_rounds=5,
+    timer=time.perf_counter,
+    disable_gc=True,
+    warmup=False,
+)
+def test_app_10_compile_time_warm(benchmark, app_with_10_components):
+    """Test the compile time on a warm start for an app with roughly 10 components.
+
+    Args:
+        benchmark: The benchmark fixture.
+        app_with_10_components: The app harness.
+    """
+    with chdir(app_with_10_components.app_path):
+        app_with_10_components._initialize_app()
+        build.setup_frontend(app_with_10_components.app_path)
+
+    def benchmark_fn():
+        with chdir(app_with_10_components.app_path):
+            app_with_10_components.app_instance._compile()
+
+    benchmark(benchmark_fn)
+
+
+@pytest.mark.skipif(constants.IS_WINDOWS, reason=WINDOWS_SKIP_REASON)
+@pytest.mark.benchmark(
+    group="Compile time of varying component numbers",
+    timer=time.perf_counter,
+    disable_gc=True,
+    warmup=False,
+)
+def test_app_100_compile_time_cold(benchmark, app_with_100_components):
+    """Test the compile time on a cold start for an app with roughly 100 components.
+
+    Args:
+        benchmark: The benchmark fixture.
+        app_with_100_components: The app harness.
+    """
+
+    def setup():
+        with chdir(app_with_100_components.app_path):
+            utils.empty_dir(web_pages, ["_app.js"])
+            app_with_100_components._initialize_app()
+            build.setup_frontend(app_with_100_components.app_path)
+
+    def benchmark_fn():
+        with chdir(app_with_100_components.app_path):
+            app_with_100_components.app_instance._compile()
+
+    benchmark.pedantic(benchmark_fn, setup=setup, rounds=5)
+
+
+@pytest.mark.benchmark(
+    group="Compile time of varying component numbers",
+    min_rounds=5,
+    timer=time.perf_counter,
+    disable_gc=True,
+    warmup=False,
+)
+def test_app_100_compile_time_warm(benchmark, app_with_100_components):
+    """Test the compile time on a warm start for an app with roughly 100 components.
+
+    Args:
+        benchmark: The benchmark fixture.
+        app_with_100_components: The app harness.
+    """
+    with chdir(app_with_100_components.app_path):
+        app_with_100_components._initialize_app()
+        build.setup_frontend(app_with_100_components.app_path)
+
+    def benchmark_fn():
+        with chdir(app_with_100_components.app_path):
+            app_with_100_components.app_instance._compile()
+
+    benchmark(benchmark_fn)
+
+
+@pytest.mark.skipif(constants.IS_WINDOWS, reason=WINDOWS_SKIP_REASON)
+@pytest.mark.benchmark(
+    group="Compile time of varying component numbers",
+    timer=time.perf_counter,
+    disable_gc=True,
+    warmup=False,
+)
+def test_app_1000_compile_time_cold(benchmark, app_with_1000_components):
+    """Test the compile time on a cold start for an app with roughly 1000 components.
+
+    Args:
+        benchmark: The benchmark fixture.
+        app_with_1000_components: The app harness.
+    """
+
+    def setup():
+        with chdir(app_with_1000_components.app_path):
+            utils.empty_dir(web_pages, keep_files=["_app.js"])
+            app_with_1000_components._initialize_app()
+            build.setup_frontend(app_with_1000_components.app_path)
+
+    def benchmark_fn():
+        with chdir(app_with_1000_components.app_path):
+            app_with_1000_components.app_instance._compile()
+
+    benchmark.pedantic(benchmark_fn, setup=setup, rounds=5)
+
+
+@pytest.mark.benchmark(
+    group="Compile time of varying component numbers",
+    min_rounds=5,
+    timer=time.perf_counter,
+    disable_gc=True,
+    warmup=False,
+)
+def test_app_1000_compile_time_warm(benchmark, app_with_1000_components):
+    """Test the compile time on a warm start for an app with roughly 1000 components.
+
+    Args:
+        benchmark: The benchmark fixture.
+        app_with_1000_components: The app harness.
+    """
+    with chdir(app_with_1000_components.app_path):
+        app_with_1000_components._initialize_app()
+        build.setup_frontend(app_with_1000_components.app_path)
+
+    def benchmark_fn():
+        with chdir(app_with_1000_components.app_path):
+            app_with_1000_components.app_instance._compile()
+
+    benchmark(benchmark_fn)

benchmarks/test_benchmark_compile_pages.py

@@ -0,0 +1,595 @@
+"""Benchmark tests for apps with varying page numbers."""
+
+from __future__ import annotations
+
+import functools
+import time
+from typing import Generator
+
+import pytest
+
+from benchmarks import WINDOWS_SKIP_REASON
+from reflex import constants
+from reflex.compiler import utils
+from reflex.testing import AppHarness, chdir
+from reflex.utils import build
+from reflex.utils.prerequisites import get_web_dir
+
+web_pages = get_web_dir() / constants.Dirs.PAGES
+
+
+def render_multiple_pages(app, num: int):
+    """Add multiple pages based on num.
+
+    Args:
+        app: The App object.
+        num: number of pages to render.
+
+    """
+    from typing import Tuple
+
+    from rxconfig import config  # pyright: ignore [reportMissingImports]
+
+    import reflex as rx
+
+    docs_url = "https://reflex.dev/docs/getting-started/introduction/"
+    filename = f"{config.app_name}/{config.app_name}.py"
+    college = [
+        "Stanford University",
+        "Arizona",
+        "Arizona state",
+        "Baylor",
+        "Boston College",
+        "Boston University",
+    ]
+
+    class State(rx.State):
+        """The app state."""
+
+        position: rx.Field[str]
+        college: rx.Field[str]
+        age: rx.Field[Tuple[int, int]] = rx.field((18, 50))
+        salary: rx.Field[Tuple[int, int]] = rx.field((0, 25000000))
+
+        @rx.event
+        def set_position(self, value: str):
+            self.position = value
+
+        @rx.event
+        def set_college(self, value: str):
+            self.college = value
+
+        @rx.event
+        def set_age(self, value: list[int]):
+            self.age = (value[0], value[1])
+
+        @rx.event
+        def set_salary(self, value: list[int]):
+            self.salary = (value[0], value[1])
+
+    comp1 = rx.center(
+        rx.theme_panel(),
+        rx.vstack(
+            rx.heading("Welcome to Reflex!", size="9"),
+            rx.text("Get started by editing ", rx.code(filename)),
+            rx.button(
+                "Check out our docs!",
+                on_click=lambda: rx.redirect(docs_url),
+                size="4",
+            ),
+            align="center",
+            spacing="7",
+            font_size="2em",
+        ),
+        height="100vh",
+    )
+
+    comp2 = rx.vstack(
+        rx.hstack(
+            rx.vstack(
+                rx.select(
+                    ["C", "PF", "SF", "PG", "SG"],
+                    placeholder="Select a position. (All)",
+                    on_change=State.set_position,
+                    size="3",
+                ),
+                rx.select(
+                    college,
+                    placeholder="Select a college. (All)",
+                    on_change=State.set_college,
+                    size="3",
+                ),
+            ),
+            rx.vstack(
+                rx.vstack(
+                    rx.hstack(
+                        rx.badge("Min Age: ", State.age[0]),
+                        rx.divider(orientation="vertical"),
+                        rx.badge("Max Age: ", State.age[1]),
+                    ),
+                    rx.slider(
+                        default_value=[18, 50],
+                        min=18,
+                        max=50,
+                        on_value_commit=State.set_age,
+                    ),
+                    align_items="left",
+                    width="100%",
+                ),
+                rx.vstack(
+                    rx.hstack(
+                        rx.badge("Min Sal: ", State.salary[0] // 1000000, "M"),
+                        rx.divider(orientation="vertical"),
+                        rx.badge("Max Sal: ", State.salary[1] // 1000000, "M"),
+                    ),
+                    rx.slider(
+                        default_value=[0, 25000000],
+                        min=0,
+                        max=25000000,
+                        on_value_commit=State.set_salary,
+                    ),
+                    align_items="left",
+                    width="100%",
+                ),
+            ),
+            spacing="4",
+        ),
+        width="100%",
+    )
+
+    for i in range(1, num + 1):
+        if i % 2 == 1:
+            app.add_page(comp1, route=f"page{i}")
+        else:
+            app.add_page(comp2, route=f"page{i}")
+
+
+def AppWithOnePage():
+    """A reflex app with one page."""
+    from rxconfig import config  # pyright: ignore [reportMissingImports]
+
+    import reflex as rx
+
+    docs_url = "https://reflex.dev/docs/getting-started/introduction/"
+    filename = f"{config.app_name}/{config.app_name}.py"
+
+    class State(rx.State):
+        """The app state."""
+
+        pass
+
+    def index() -> rx.Component:
+        return rx.center(
+            rx.input(
+                id="token", value=State.router.session.client_token, is_read_only=True
+            ),
+            rx.vstack(
+                rx.heading("Welcome to Reflex!", size="9"),
+                rx.text("Get started by editing ", rx.code(filename)),
+                rx.button(
+                    "Check out our docs!",
+                    on_click=lambda: rx.redirect(docs_url),
+                    size="4",
+                ),
+                align="center",
+                spacing="7",
+                font_size="2em",
+            ),
+            height="100vh",
+        )
+
+    app = rx.App(_state=rx.State)
+    app.add_page(index)
+
+
+def AppWithTenPages():
+    """A reflex app with 10 pages."""
+    import reflex as rx
+
+    app = rx.App(_state=rx.State)
+    render_multiple_pages(app, 10)
+
+
+def AppWithHundredPages():
+    """A reflex app with 100 pages."""
+    import reflex as rx
+
+    app = rx.App(_state=rx.State)
+    render_multiple_pages(app, 100)
+
+
+def AppWithThousandPages():
+    """A reflex app with Thousand pages."""
+    import reflex as rx
+
+    app = rx.App(_state=rx.State)
+    render_multiple_pages(app, 1000)
+
+
+def AppWithTenThousandPages():
+    """A reflex app with ten thousand pages."""
+    import reflex as rx
+
+    app = rx.App(_state=rx.State)
+    render_multiple_pages(app, 10000)
+
+
+@pytest.fixture(scope="session")
+def app_with_one_page(
+    tmp_path_factory,
+) -> Generator[AppHarness, None, None]:
+    """Create an app with 10000 pages at tmp_path via AppHarness.
+
+    Args:
+        tmp_path_factory: pytest tmp_path_factory fixture
+
+    Yields:
+        an AppHarness instance
+    """
+    root = tmp_path_factory.mktemp("app1")
+
+    yield AppHarness.create(root=root, app_source=AppWithOnePage)
+
+
+@pytest.fixture(scope="session")
+def app_with_ten_pages(
+    tmp_path_factory,
+) -> Generator[AppHarness, None, None]:
+    """Create an app with 10 pages at tmp_path via AppHarness.
+
+    Args:
+        tmp_path_factory: pytest tmp_path_factory fixture
+
+    Yields:
+        an AppHarness instance
+    """
+    root = tmp_path_factory.mktemp("app10")
+    yield AppHarness.create(
+        root=root,
+        app_source=functools.partial(
+            AppWithTenPages,
+            render_comp=render_multiple_pages,  # pyright: ignore [reportCallIssue]
+        ),
+    )
+
+
+@pytest.fixture(scope="session")
+def app_with_hundred_pages(
+    tmp_path_factory,
+) -> Generator[AppHarness, None, None]:
+    """Create an app with 100 pages at tmp_path via AppHarness.
+
+    Args:
+        tmp_path_factory: pytest tmp_path_factory fixture
+
+    Yields:
+        an AppHarness instance
+    """
+    root = tmp_path_factory.mktemp("app100")
+
+    yield AppHarness.create(
+        root=root,
+        app_source=functools.partial(
+            AppWithHundredPages,
+            render_comp=render_multiple_pages,  # pyright: ignore [reportCallIssue]
+        ),
+    )
+
+
+@pytest.fixture(scope="session")
+def app_with_thousand_pages(
+    tmp_path_factory,
+) -> Generator[AppHarness, None, None]:
+    """Create an app with 1000 pages at tmp_path via AppHarness.
+
+    Args:
+        tmp_path_factory: pytest tmp_path_factory fixture
+
+    Yields:
+        an AppHarness instance
+    """
+    root = tmp_path_factory.mktemp("app1000")
+
+    yield AppHarness.create(
+        root=root,
+        app_source=functools.partial(
+            AppWithThousandPages,
+            render_comp=render_multiple_pages,  # pyright: ignore [reportCallIssue]
+        ),
+    )
+
+
+@pytest.fixture(scope="session")
+def app_with_ten_thousand_pages(
+    tmp_path_factory,
+) -> Generator[AppHarness, None, None]:
+    """Create an app with 10000 pages at tmp_path via AppHarness.
+
+    Args:
+        tmp_path_factory: pytest tmp_path_factory fixture
+
+    Yields:
+        running AppHarness instance
+    """
+    root = tmp_path_factory.mktemp("app10000")
+
+    yield AppHarness.create(
+        root=root,
+        app_source=functools.partial(
+            AppWithTenThousandPages,
+            render_comp=render_multiple_pages,  # pyright: ignore [reportCallIssue]
+        ),
+    )
+
+
+@pytest.mark.skipif(constants.IS_WINDOWS, reason=WINDOWS_SKIP_REASON)
+@pytest.mark.benchmark(
+    group="Compile time of varying page numbers",
+    timer=time.perf_counter,
+    disable_gc=True,
+    warmup=False,
+)
+def test_app_1_compile_time_cold(benchmark, app_with_one_page):
+    """Test the compile time on a cold start for an app with 1 page.
+
+    Args:
+        benchmark: The benchmark fixture.
+        app_with_one_page: The app harness.
+    """
+
+    def setup():
+        with chdir(app_with_one_page.app_path):
+            utils.empty_dir(web_pages, keep_files=["_app.js"])
+            app_with_one_page._initialize_app()
+            build.setup_frontend(app_with_one_page.app_path)
+
+    def benchmark_fn():
+        with chdir(app_with_one_page.app_path):
+            app_with_one_page.app_instance._compile()
+
+    benchmark.pedantic(benchmark_fn, setup=setup, rounds=5)
+    app_with_one_page._reload_state_module()
+
+
+@pytest.mark.benchmark(
+    group="Compile time of varying page numbers",
+    min_rounds=5,
+    timer=time.perf_counter,
+    disable_gc=True,
+    warmup=False,
+)
+def test_app_1_compile_time_warm(benchmark, app_with_one_page):
+    """Test the compile time on a warm start for an app with 1 page.
+
+    Args:
+        benchmark: The benchmark fixture.
+        app_with_one_page: The app harness.
+    """
+    with chdir(app_with_one_page.app_path):
+        app_with_one_page._initialize_app()
+        build.setup_frontend(app_with_one_page.app_path)
+
+    def benchmark_fn():
+        with chdir(app_with_one_page.app_path):
+            app_with_one_page.app_instance._compile()
+
+    benchmark(benchmark_fn)
+    app_with_one_page._reload_state_module()
+
+
+@pytest.mark.skipif(constants.IS_WINDOWS, reason=WINDOWS_SKIP_REASON)
+@pytest.mark.benchmark(
+    group="Compile time of varying page numbers",
+    timer=time.perf_counter,
+    disable_gc=True,
+    warmup=False,
+)
+def test_app_10_compile_time_cold(benchmark, app_with_ten_pages):
+    """Test the compile time on a cold start for an app with 10 page.
+
+    Args:
+        benchmark: The benchmark fixture.
+        app_with_ten_pages: The app harness.
+    """
+
+    def setup():
+        with chdir(app_with_ten_pages.app_path):
+            utils.empty_dir(web_pages, keep_files=["_app.js"])
+            app_with_ten_pages._initialize_app()
+            build.setup_frontend(app_with_ten_pages.app_path)
+
+    def benchmark_fn():
+        with chdir(app_with_ten_pages.app_path):
+            app_with_ten_pages.app_instance._compile()
+
+    benchmark.pedantic(benchmark_fn, setup=setup, rounds=5)
+    app_with_ten_pages._reload_state_module()
+
+
+@pytest.mark.benchmark(
+    group="Compile time of varying page numbers",
+    min_rounds=5,
+    timer=time.perf_counter,
+    disable_gc=True,
+    warmup=False,
+)
+def test_app_10_compile_time_warm(benchmark, app_with_ten_pages):
+    """Test the compile time on a warm start for an app with 10 page.
+
+    Args:
+        benchmark: The benchmark fixture.
+        app_with_ten_pages: The app harness.
+    """
+    with chdir(app_with_ten_pages.app_path):
+        app_with_ten_pages._initialize_app()
+        build.setup_frontend(app_with_ten_pages.app_path)
+
+    def benchmark_fn():
+        with chdir(app_with_ten_pages.app_path):
+            app_with_ten_pages.app_instance._compile()
+
+    benchmark(benchmark_fn)
+    app_with_ten_pages._reload_state_module()
+
+
+@pytest.mark.skipif(constants.IS_WINDOWS, reason=WINDOWS_SKIP_REASON)
+@pytest.mark.benchmark(
+    group="Compile time of varying page numbers",
+    timer=time.perf_counter,
+    disable_gc=True,
+    warmup=False,
+)
+def test_app_100_compile_time_cold(benchmark, app_with_hundred_pages):
+    """Test the compile time on a cold start for an app with 100 page.
+
+    Args:
+        benchmark: The benchmark fixture.
+        app_with_hundred_pages: The app harness.
+    """
+
+    def setup():
+        with chdir(app_with_hundred_pages.app_path):
+            utils.empty_dir(web_pages, keep_files=["_app.js"])
+            app_with_hundred_pages._initialize_app()
+            build.setup_frontend(app_with_hundred_pages.app_path)
+
+    def benchmark_fn():
+        with chdir(app_with_hundred_pages.app_path):
+            app_with_hundred_pages.app_instance._compile()
+
+    benchmark.pedantic(benchmark_fn, setup=setup, rounds=5)
+    app_with_hundred_pages._reload_state_module()
+
+
+@pytest.mark.benchmark(
+    group="Compile time of varying page numbers",
+    min_rounds=5,
+    timer=time.perf_counter,
+    disable_gc=True,
+    warmup=False,
+)
+def test_app_100_compile_time_warm(benchmark, app_with_hundred_pages):
+    """Test the compile time on a warm start for an app with 100 page.
+
+    Args:
+        benchmark: The benchmark fixture.
+        app_with_hundred_pages: The app harness.
+    """
+    with chdir(app_with_hundred_pages.app_path):
+        app_with_hundred_pages._initialize_app()
+        build.setup_frontend(app_with_hundred_pages.app_path)
+
+    def benchmark_fn():
+        with chdir(app_with_hundred_pages.app_path):
+            app_with_hundred_pages.app_instance._compile()
+
+    benchmark(benchmark_fn)
+    app_with_hundred_pages._reload_state_module()
+
+
+@pytest.mark.skipif(constants.IS_WINDOWS, reason=WINDOWS_SKIP_REASON)
+@pytest.mark.benchmark(
+    group="Compile time of varying page numbers",
+    timer=time.perf_counter,
+    disable_gc=True,
+    warmup=False,
+)
+def test_app_1000_compile_time_cold(benchmark, app_with_thousand_pages):
+    """Test the compile time on a cold start for an app with 1000 page.
+
+    Args:
+        benchmark: The benchmark fixture.
+        app_with_thousand_pages: The app harness.
+    """
+
+    def setup():
+        with chdir(app_with_thousand_pages.app_path):
+            utils.empty_dir(web_pages, keep_files=["_app.js"])
+            app_with_thousand_pages._initialize_app()
+            build.setup_frontend(app_with_thousand_pages.app_path)
+
+    def benchmark_fn():
+        with chdir(app_with_thousand_pages.app_path):
+            app_with_thousand_pages.app_instance._compile()
+
+    benchmark.pedantic(benchmark_fn, setup=setup, rounds=5)
+    app_with_thousand_pages._reload_state_module()
+
+
+@pytest.mark.benchmark(
+    group="Compile time of varying page numbers",
+    min_rounds=5,
+    timer=time.perf_counter,
+    disable_gc=True,
+    warmup=False,
+)
+def test_app_1000_compile_time_warm(benchmark, app_with_thousand_pages):
+    """Test the compile time on a warm start for an app with 1000 page.
+
+    Args:
+        benchmark: The benchmark fixture.
+        app_with_thousand_pages: The app harness.
+    """
+    with chdir(app_with_thousand_pages.app_path):
+        app_with_thousand_pages._initialize_app()
+        build.setup_frontend(app_with_thousand_pages.app_path)
+
+    def benchmark_fn():
+        with chdir(app_with_thousand_pages.app_path):
+            app_with_thousand_pages.app_instance._compile()
+
+    benchmark(benchmark_fn)
+    app_with_thousand_pages._reload_state_module()
+
+
+@pytest.mark.skip
+@pytest.mark.benchmark(
+    group="Compile time of varying page numbers",
+    timer=time.perf_counter,
+    disable_gc=True,
+    warmup=False,
+)
+def test_app_10000_compile_time_cold(benchmark, app_with_ten_thousand_pages):
+    """Test the compile time on a cold start for an app with 10000 page.
+
+    Args:
+        benchmark: The benchmark fixture.
+        app_with_ten_thousand_pages: The app harness.
+    """
+
+    def setup():
+        with chdir(app_with_ten_thousand_pages.app_path):
+            utils.empty_dir(web_pages, keep_files=["_app.js"])
+            app_with_ten_thousand_pages._initialize_app()
+            build.setup_frontend(app_with_ten_thousand_pages.app_path)
+
+    def benchmark_fn():
+        with chdir(app_with_ten_thousand_pages.app_path):
+            app_with_ten_thousand_pages.app_instance._compile()
+
+    benchmark.pedantic(benchmark_fn, setup=setup, rounds=5)
+    app_with_ten_thousand_pages._reload_state_module()
+
+
+@pytest.mark.skip
+@pytest.mark.benchmark(
+    group="Compile time of varying page numbers",
+    min_rounds=5,
+    timer=time.perf_counter,
+    disable_gc=True,
+    warmup=False,
+)
+def test_app_10000_compile_time_warm(benchmark, app_with_ten_thousand_pages):
+    """Test the compile time on a warm start for an app with 10000 page.
+
+    Args:
+        benchmark: The benchmark fixture.
+        app_with_ten_thousand_pages: The app harness.
+    """
+
+    def benchmark_fn():
+        with chdir(app_with_ten_thousand_pages.app_path):
+            app_with_ten_thousand_pages.app_instance._compile()
+
+    benchmark(benchmark_fn)
+    app_with_ten_thousand_pages._reload_state_module()

poetry.lock

@@ -112,7 +112,7 @@ description = "Backport of CPython tarfile module"
 optional = false
 python-versions = ">=3.8"
 groups = ["main"]
-markers = "python_version <= \"3.11\" and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\")"
+markers = "(platform_machine != \"ppc64le\" and platform_machine != \"s390x\") and python_version <= \"3.11\""
 files = [
     {file = "backports.tarfile-1.2.0-py3-none-any.whl", hash = "sha256:77e284d754527b01fb1e6fa8a1afe577858ebe4e9dad8919e34c862cb399bc34"},
     {file = "backports_tarfile-1.2.0.tar.gz", hash = "sha256:d75e02c268746e1b8144c278978b6e98e85de6ad16f8e4b0844a154557eca991"},
@@ -251,7 +251,7 @@ files = [
     {file = "cffi-1.17.1-cp39-cp39-win_amd64.whl", hash = "sha256:d016c76bdd850f3c626af19b0542c9677ba156e4ee4fccfdd7848803533ef662"},
     {file = "cffi-1.17.1.tar.gz", hash = "sha256:1c39c6016c32bc48dd54561950ebd6836e1670f2ae46128f67cf49e789c52824"},
 ]
-markers = {main = "python_version <= \"3.11\" and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\") and sys_platform == \"linux\" and platform_python_implementation != \"PyPy\" or python_version >= \"3.12\" and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\") and sys_platform == \"linux\" and platform_python_implementation != \"PyPy\"", dev = "python_version <= \"3.11\" or python_version >= \"3.12\""}
+markers = {main = "(platform_machine != \"ppc64le\" and platform_machine != \"s390x\") and sys_platform == \"linux\" and platform_python_implementation != \"PyPy\" and (python_version <= \"3.11\" or python_version >= \"3.12\")", dev = "python_version <= \"3.11\" or python_version >= \"3.12\""}
 
 [package.dependencies]
 pycparser = "*"
@@ -399,7 +399,7 @@ files = [
     {file = "colorama-0.4.6-py2.py3-none-any.whl", hash = "sha256:4f1d9991f5acc0ca119f9d443620b77f9d6b33703e51011c16baf57afb285fc6"},
     {file = "colorama-0.4.6.tar.gz", hash = "sha256:08695f5cb7ed6e0531a20572697297273c47b8cae5a63ffc6d6ed5c201be6e44"},
 ]
-markers = {main = "python_version <= \"3.11\" and platform_system == \"Windows\" or python_version <= \"3.11\" and os_name == \"nt\" or python_version >= \"3.12\" and platform_system == \"Windows\" or python_version >= \"3.12\" and os_name == \"nt\"", dev = "python_version <= \"3.11\" and sys_platform == \"win32\" or python_version >= \"3.12\" and sys_platform == \"win32\""}
+markers = {main = "(platform_system == \"Windows\" or os_name == \"nt\") and (python_version <= \"3.11\" or python_version >= \"3.12\")", dev = "(python_version <= \"3.11\" or python_version >= \"3.12\") and sys_platform == \"win32\""}
 
 [[package]]
 name = "coverage"
@@ -488,7 +488,7 @@ description = "cryptography is a package which provides cryptographic recipes an
 optional = false
 python-versions = "!=3.9.0,!=3.9.1,>=3.7"
 groups = ["main"]
-markers = "python_version <= \"3.11\" and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\") and sys_platform == \"linux\" or python_version >= \"3.12\" and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\") and sys_platform == \"linux\""
+markers = "(platform_machine != \"ppc64le\" and platform_machine != \"s390x\") and sys_platform == \"linux\" and (python_version <= \"3.11\" or python_version >= \"3.12\")"
 files = [
     {file = "cryptography-44.0.1-cp37-abi3-macosx_10_9_universal2.whl", hash = "sha256:bf688f615c29bfe9dfc44312ca470989279f0e94bb9f631f85e3459af8efc009"},
     {file = "cryptography-44.0.1-cp37-abi3-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:dd7c7e2d71d908dc0f8d2027e1604102140d84b155e658c20e8ad1304317691f"},
@@ -586,7 +586,7 @@ description = "Distro - an OS platform information API"
 optional = false
 python-versions = ">=3.6"
 groups = ["main"]
-markers = "python_version <= \"3.11\" and sys_platform == \"linux\" or python_version >= \"3.12\" and sys_platform == \"linux\""
+markers = "(python_version <= \"3.11\" or python_version >= \"3.12\") and sys_platform == \"linux\""
 files = [
     {file = "distro-1.9.0-py3-none-any.whl", hash = "sha256:7bffd925d65168f85027d8da9af6bddab658135b840670a223589bc0c8ef02b2"},
     {file = "distro-1.9.0.tar.gz", hash = "sha256:2fa77c6fd8940f116ee1d6b94a2f90b13b5ea8d019b98bc8bafdcabcdd9bdbed"},
@@ -743,7 +743,7 @@ files = [
     {file = "greenlet-3.1.1-cp39-cp39-win_amd64.whl", hash = "sha256:3319aa75e0e0639bc15ff54ca327e8dc7a6fe404003496e3c6925cd3142e0e22"},
     {file = "greenlet-3.1.1.tar.gz", hash = "sha256:4ce3ac6cdb6adf7946475d7ef31777c26d94bccc377e070a7986bd2d5c515467"},
 ]
-markers = {main = "python_version <= \"3.11\" and (platform_machine == \"aarch64\" or platform_machine == \"ppc64le\" or platform_machine == \"x86_64\" or platform_machine == \"amd64\" or platform_machine == \"AMD64\" or platform_machine == \"win32\" or platform_machine == \"WIN32\") or python_version >= \"3.12\" and python_version < \"3.14\" and (platform_machine == \"aarch64\" or platform_machine == \"ppc64le\" or platform_machine == \"x86_64\" or platform_machine == \"amd64\" or platform_machine == \"AMD64\" or platform_machine == \"win32\" or platform_machine == \"WIN32\")", dev = "python_version <= \"3.11\" or python_version >= \"3.12\""}
+markers = {main = "(python_version <= \"3.11\" or python_version >= \"3.12\") and (platform_machine == \"aarch64\" or platform_machine == \"ppc64le\" or platform_machine == \"x86_64\" or platform_machine == \"amd64\" or platform_machine == \"AMD64\" or platform_machine == \"win32\" or platform_machine == \"WIN32\") and python_version < \"3.14\"", dev = "python_version <= \"3.11\" or python_version >= \"3.12\""}
 
 [package.extras]
 docs = ["Sphinx", "furo"]
@@ -894,7 +894,7 @@ description = "Read metadata from Python packages"
 optional = false
 python-versions = ">=3.9"
 groups = ["main"]
-markers = "python_version <= \"3.11\" and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\") or python_full_version < \"3.10.2\""
+markers = "(platform_machine != \"ppc64le\" and platform_machine != \"s390x\") and python_version <= \"3.11\" or python_full_version < \"3.10.2\""
 files = [
     {file = "importlib_metadata-8.6.1-py3-none-any.whl", hash = "sha256:02a89390c1e15fdfdc0d7c6b25cb3e62650d0494005c97d6f148bf5b9787525e"},
     {file = "importlib_metadata-8.6.1.tar.gz", hash = "sha256:310b41d755445d74569f993ccfc22838295d9fe005425094fad953d7f15c8580"},
@@ -932,7 +932,7 @@ description = "Utility functions for Python class constructs"
 optional = false
 python-versions = ">=3.8"
 groups = ["main"]
-markers = "python_version <= \"3.11\" and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\") or python_version >= \"3.12\" and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\")"
+markers = "(python_version <= \"3.11\" or python_version >= \"3.12\") and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\")"
 files = [
     {file = "jaraco.classes-3.4.0-py3-none-any.whl", hash = "sha256:f662826b6bed8cace05e7ff873ce0f9283b5c924470fe664fff1c2f00f581790"},
     {file = "jaraco.classes-3.4.0.tar.gz", hash = "sha256:47a024b51d0239c0dd8c8540c6c7f484be3b8fcf0b2d85c13825780d3b3f3acd"},
@@ -952,7 +952,7 @@ description = "Useful decorators and context managers"
 optional = false
 python-versions = ">=3.8"
 groups = ["main"]
-markers = "python_version <= \"3.11\" and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\") or python_version >= \"3.12\" and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\")"
+markers = "(python_version <= \"3.11\" or python_version >= \"3.12\") and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\")"
 files = [
     {file = "jaraco.context-6.0.1-py3-none-any.whl", hash = "sha256:f797fc481b490edb305122c9181830a3a5b76d84ef6d1aef2fb9b47ab956f9e4"},
     {file = "jaraco_context-6.0.1.tar.gz", hash = "sha256:9bae4ea555cf0b14938dc0aee7c9f32ed303aa20a3b73e7dc80111628792d1b3"},
@@ -972,7 +972,7 @@ description = "Functools like those found in stdlib"
 optional = false
 python-versions = ">=3.8"
 groups = ["main"]
-markers = "python_version <= \"3.11\" and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\") or python_version >= \"3.12\" and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\")"
+markers = "(python_version <= \"3.11\" or python_version >= \"3.12\") and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\")"
 files = [
     {file = "jaraco.functools-4.1.0-py3-none-any.whl", hash = "sha256:ad159f13428bc4acbf5541ad6dec511f91573b90fba04df61dafa2a1231cf649"},
     {file = "jaraco_functools-4.1.0.tar.gz", hash = "sha256:70f7e0e2ae076498e212562325e805204fc092d7b4c17e0e86c959e249701a9d"},
@@ -996,7 +996,7 @@ description = "Low-level, pure Python DBus protocol wrapper."
 optional = false
 python-versions = ">=3.7"
 groups = ["main"]
-markers = "python_version <= \"3.11\" and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\") and sys_platform == \"linux\" or python_version >= \"3.12\" and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\") and sys_platform == \"linux\""
+markers = "(platform_machine != \"ppc64le\" and platform_machine != \"s390x\") and sys_platform == \"linux\" and (python_version <= \"3.11\" or python_version >= \"3.12\")"
 files = [
     {file = "jeepney-0.8.0-py3-none-any.whl", hash = "sha256:c0a454ad016ca575060802ee4d590dd912e35c122fa04e70306de3d076cce755"},
     {file = "jeepney-0.8.0.tar.gz", hash = "sha256:5efe48d255973902f6badc3ce55e2aa6c5c3b3bc642059ef3a91247bcfcc5806"},
@@ -1032,7 +1032,7 @@ description = "Store and access your passwords safely."
 optional = false
 python-versions = ">=3.9"
 groups = ["main"]
-markers = "python_version <= \"3.11\" and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\") or python_version >= \"3.12\" and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\")"
+markers = "(python_version <= \"3.11\" or python_version >= \"3.12\") and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\")"
 files = [
     {file = "keyring-25.6.0-py3-none-any.whl", hash = "sha256:552a3f7af126ece7ed5c89753650eec89c7eaae8617d0aa4d9ad2b75111266bd"},
     {file = "keyring-25.6.0.tar.gz", hash = "sha256:0b39998aa941431eb3d9b0d4b2460bc773b9df6fed7621c2dfb291a7e0187a66"},
@@ -1216,7 +1216,7 @@ description = "More routines for operating on iterables, beyond itertools"
 optional = false
 python-versions = ">=3.9"
 groups = ["main"]
-markers = "python_version <= \"3.11\" and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\") or python_version >= \"3.12\" and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\")"
+markers = "(python_version <= \"3.11\" or python_version >= \"3.12\") and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\")"
 files = [
     {file = "more-itertools-10.6.0.tar.gz", hash = "sha256:2cd7fad1009c31cc9fb6a035108509e6547547a7a738374f10bd49a09eb3ee3b"},
     {file = "more_itertools-10.6.0-py3-none-any.whl", hash = "sha256:6eb054cb4b6db1473f6e15fcc676a08e4732548acd47c708f0e179c2c7c01e89"},
@@ -1272,68 +1272,68 @@ files = [
 
 [[package]]
 name = "numpy"
-version = "2.2.3"
+version = "2.2.2"
 description = "Fundamental package for array computing in Python"
 optional = false
 python-versions = ">=3.10"
 groups = ["dev"]
 markers = "python_version <= \"3.11\" or python_version >= \"3.12\""
 files = [
-    {file = "numpy-2.2.3-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:cbc6472e01952d3d1b2772b720428f8b90e2deea8344e854df22b0618e9cce71"},
-    {file = "numpy-2.2.3-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:cdfe0c22692a30cd830c0755746473ae66c4a8f2e7bd508b35fb3b6a0813d787"},
-    {file = "numpy-2.2.3-cp310-cp310-macosx_14_0_arm64.whl", hash = "sha256:e37242f5324ffd9f7ba5acf96d774f9276aa62a966c0bad8dae692deebec7716"},
-    {file = "numpy-2.2.3-cp310-cp310-macosx_14_0_x86_64.whl", hash = "sha256:95172a21038c9b423e68be78fd0be6e1b97674cde269b76fe269a5dfa6fadf0b"},
-    {file = "numpy-2.2.3-cp310-cp310-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:d5b47c440210c5d1d67e1cf434124e0b5c395eee1f5806fdd89b553ed1acd0a3"},
-    {file = "numpy-2.2.3-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:0391ea3622f5c51a2e29708877d56e3d276827ac5447d7f45e9bc4ade8923c52"},
-    {file = "numpy-2.2.3-cp310-cp310-musllinux_1_2_aarch64.whl", hash = "sha256:f6b3dfc7661f8842babd8ea07e9897fe3d9b69a1d7e5fbb743e4160f9387833b"},
-    {file = "numpy-2.2.3-cp310-cp310-musllinux_1_2_x86_64.whl", hash = "sha256:1ad78ce7f18ce4e7df1b2ea4019b5817a2f6a8a16e34ff2775f646adce0a5027"},
-    {file = "numpy-2.2.3-cp310-cp310-win32.whl", hash = "sha256:5ebeb7ef54a7be11044c33a17b2624abe4307a75893c001a4800857956b41094"},
-    {file = "numpy-2.2.3-cp310-cp310-win_amd64.whl", hash = "sha256:596140185c7fa113563c67c2e894eabe0daea18cf8e33851738c19f70ce86aeb"},
-    {file = "numpy-2.2.3-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:16372619ee728ed67a2a606a614f56d3eabc5b86f8b615c79d01957062826ca8"},
-    {file = "numpy-2.2.3-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:5521a06a3148686d9269c53b09f7d399a5725c47bbb5b35747e1cb76326b714b"},
-    {file = "numpy-2.2.3-cp311-cp311-macosx_14_0_arm64.whl", hash = "sha256:7c8dde0ca2f77828815fd1aedfdf52e59071a5bae30dac3b4da2a335c672149a"},
-    {file = "numpy-2.2.3-cp311-cp311-macosx_14_0_x86_64.whl", hash = "sha256:77974aba6c1bc26e3c205c2214f0d5b4305bdc719268b93e768ddb17e3fdd636"},
-    {file = "numpy-2.2.3-cp311-cp311-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:d42f9c36d06440e34226e8bd65ff065ca0963aeecada587b937011efa02cdc9d"},
-    {file = "numpy-2.2.3-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:f2712c5179f40af9ddc8f6727f2bd910ea0eb50206daea75f58ddd9fa3f715bb"},
-    {file = "numpy-2.2.3-cp311-cp311-musllinux_1_2_aarch64.whl", hash = "sha256:c8b0451d2ec95010d1db8ca733afc41f659f425b7f608af569711097fd6014e2"},
-    {file = "numpy-2.2.3-cp311-cp311-musllinux_1_2_x86_64.whl", hash = "sha256:d9b4a8148c57ecac25a16b0e11798cbe88edf5237b0df99973687dd866f05e1b"},
-    {file = "numpy-2.2.3-cp311-cp311-win32.whl", hash = "sha256:1f45315b2dc58d8a3e7754fe4e38b6fce132dab284a92851e41b2b344f6441c5"},
-    {file = "numpy-2.2.3-cp311-cp311-win_amd64.whl", hash = "sha256:9f48ba6f6c13e5e49f3d3efb1b51c8193215c42ac82610a04624906a9270be6f"},
-    {file = "numpy-2.2.3-cp312-cp312-macosx_10_13_x86_64.whl", hash = "sha256:12c045f43b1d2915eca6b880a7f4a256f59d62df4f044788c8ba67709412128d"},
-    {file = "numpy-2.2.3-cp312-cp312-macosx_11_0_arm64.whl", hash = "sha256:87eed225fd415bbae787f93a457af7f5990b92a334e346f72070bf569b9c9c95"},
-    {file = "numpy-2.2.3-cp312-cp312-macosx_14_0_arm64.whl", hash = "sha256:712a64103d97c404e87d4d7c47fb0c7ff9acccc625ca2002848e0d53288b90ea"},
-    {file = "numpy-2.2.3-cp312-cp312-macosx_14_0_x86_64.whl", hash = "sha256:a5ae282abe60a2db0fd407072aff4599c279bcd6e9a2475500fc35b00a57c532"},
-    {file = "numpy-2.2.3-cp312-cp312-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:5266de33d4c3420973cf9ae3b98b54a2a6d53a559310e3236c4b2b06b9c07d4e"},
-    {file = "numpy-2.2.3-cp312-cp312-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:3b787adbf04b0db1967798dba8da1af07e387908ed1553a0d6e74c084d1ceafe"},
-    {file = "numpy-2.2.3-cp312-cp312-musllinux_1_2_aarch64.whl", hash = "sha256:34c1b7e83f94f3b564b35f480f5652a47007dd91f7c839f404d03279cc8dd021"},
-    {file = "numpy-2.2.3-cp312-cp312-musllinux_1_2_x86_64.whl", hash = "sha256:4d8335b5f1b6e2bce120d55fb17064b0262ff29b459e8493d1785c18ae2553b8"},
-    {file = "numpy-2.2.3-cp312-cp312-win32.whl", hash = "sha256:4d9828d25fb246bedd31e04c9e75714a4087211ac348cb39c8c5f99dbb6683fe"},
-    {file = "numpy-2.2.3-cp312-cp312-win_amd64.whl", hash = "sha256:83807d445817326b4bcdaaaf8e8e9f1753da04341eceec705c001ff342002e5d"},
-    {file = "numpy-2.2.3-cp313-cp313-macosx_10_13_x86_64.whl", hash = "sha256:7bfdb06b395385ea9b91bf55c1adf1b297c9fdb531552845ff1d3ea6e40d5aba"},
-    {file = "numpy-2.2.3-cp313-cp313-macosx_11_0_arm64.whl", hash = "sha256:23c9f4edbf4c065fddb10a4f6e8b6a244342d95966a48820c614891e5059bb50"},
-    {file = "numpy-2.2.3-cp313-cp313-macosx_14_0_arm64.whl", hash = "sha256:a0c03b6be48aaf92525cccf393265e02773be8fd9551a2f9adbe7db1fa2b60f1"},
-    {file = "numpy-2.2.3-cp313-cp313-macosx_14_0_x86_64.whl", hash = "sha256:2376e317111daa0a6739e50f7ee2a6353f768489102308b0d98fcf4a04f7f3b5"},
-    {file = "numpy-2.2.3-cp313-cp313-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:8fb62fe3d206d72fe1cfe31c4a1106ad2b136fcc1606093aeab314f02930fdf2"},
-    {file = "numpy-2.2.3-cp313-cp313-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:52659ad2534427dffcc36aac76bebdd02b67e3b7a619ac67543bc9bfe6b7cdb1"},
-    {file = "numpy-2.2.3-cp313-cp313-musllinux_1_2_aarch64.whl", hash = "sha256:1b416af7d0ed3271cad0f0a0d0bee0911ed7eba23e66f8424d9f3dfcdcae1304"},
-    {file = "numpy-2.2.3-cp313-cp313-musllinux_1_2_x86_64.whl", hash = "sha256:1402da8e0f435991983d0a9708b779f95a8c98c6b18a171b9f1be09005e64d9d"},
-    {file = "numpy-2.2.3-cp313-cp313-win32.whl", hash = "sha256:136553f123ee2951bfcfbc264acd34a2fc2f29d7cdf610ce7daf672b6fbaa693"},
-    {file = "numpy-2.2.3-cp313-cp313-win_amd64.whl", hash = "sha256:5b732c8beef1d7bc2d9e476dbba20aaff6167bf205ad9aa8d30913859e82884b"},
-    {file = "numpy-2.2.3-cp313-cp313t-macosx_10_13_x86_64.whl", hash = "sha256:435e7a933b9fda8126130b046975a968cc2d833b505475e588339e09f7672890"},
-    {file = "numpy-2.2.3-cp313-cp313t-macosx_11_0_arm64.whl", hash = "sha256:7678556eeb0152cbd1522b684dcd215250885993dd00adb93679ec3c0e6e091c"},
-    {file = "numpy-2.2.3-cp313-cp313t-macosx_14_0_arm64.whl", hash = "sha256:2e8da03bd561504d9b20e7a12340870dfc206c64ea59b4cfee9fceb95070ee94"},
-    {file = "numpy-2.2.3-cp313-cp313t-macosx_14_0_x86_64.whl", hash = "sha256:c9aa4496fd0e17e3843399f533d62857cef5900facf93e735ef65aa4bbc90ef0"},
-    {file = "numpy-2.2.3-cp313-cp313t-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:f4ca91d61a4bf61b0f2228f24bbfa6a9facd5f8af03759fe2a655c50ae2c6610"},
-    {file = "numpy-2.2.3-cp313-cp313t-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:deaa09cd492e24fd9b15296844c0ad1b3c976da7907e1c1ed3a0ad21dded6f76"},
-    {file = "numpy-2.2.3-cp313-cp313t-musllinux_1_2_aarch64.whl", hash = "sha256:246535e2f7496b7ac85deffe932896a3577be7af8fb7eebe7146444680297e9a"},
-    {file = "numpy-2.2.3-cp313-cp313t-musllinux_1_2_x86_64.whl", hash = "sha256:daf43a3d1ea699402c5a850e5313680ac355b4adc9770cd5cfc2940e7861f1bf"},
-    {file = "numpy-2.2.3-cp313-cp313t-win32.whl", hash = "sha256:cf802eef1f0134afb81fef94020351be4fe1d6681aadf9c5e862af6602af64ef"},
-    {file = "numpy-2.2.3-cp313-cp313t-win_amd64.whl", hash = "sha256:aee2512827ceb6d7f517c8b85aa5d3923afe8fc7a57d028cffcd522f1c6fd082"},
-    {file = "numpy-2.2.3-pp310-pypy310_pp73-macosx_10_15_x86_64.whl", hash = "sha256:3c2ec8a0f51d60f1e9c0c5ab116b7fc104b165ada3f6c58abf881cb2eb16044d"},
-    {file = "numpy-2.2.3-pp310-pypy310_pp73-macosx_14_0_x86_64.whl", hash = "sha256:ed2cf9ed4e8ebc3b754d398cba12f24359f018b416c380f577bbae112ca52fc9"},
-    {file = "numpy-2.2.3-pp310-pypy310_pp73-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:39261798d208c3095ae4f7bc8eaeb3481ea8c6e03dc48028057d3cbdbdb8937e"},
-    {file = "numpy-2.2.3-pp310-pypy310_pp73-win_amd64.whl", hash = "sha256:783145835458e60fa97afac25d511d00a1eca94d4a8f3ace9fe2043003c678e4"},
-    {file = "numpy-2.2.3.tar.gz", hash = "sha256:dbdc15f0c81611925f382dfa97b3bd0bc2c1ce19d4fe50482cb0ddc12ba30020"},
+    {file = "numpy-2.2.2-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:7079129b64cb78bdc8d611d1fd7e8002c0a2565da6a47c4df8062349fee90e3e"},
+    {file = "numpy-2.2.2-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:2ec6c689c61df613b783aeb21f945c4cbe6c51c28cb70aae8430577ab39f163e"},
+    {file = "numpy-2.2.2-cp310-cp310-macosx_14_0_arm64.whl", hash = "sha256:40c7ff5da22cd391944a28c6a9c638a5eef77fcf71d6e3a79e1d9d9e82752715"},
+    {file = "numpy-2.2.2-cp310-cp310-macosx_14_0_x86_64.whl", hash = "sha256:995f9e8181723852ca458e22de5d9b7d3ba4da3f11cc1cb113f093b271d7965a"},
+    {file = "numpy-2.2.2-cp310-cp310-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:b78ea78450fd96a498f50ee096f69c75379af5138f7881a51355ab0e11286c97"},
+    {file = "numpy-2.2.2-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:3fbe72d347fbc59f94124125e73fc4976a06927ebc503ec5afbfb35f193cd957"},
+    {file = "numpy-2.2.2-cp310-cp310-musllinux_1_2_aarch64.whl", hash = "sha256:8e6da5cffbbe571f93588f562ed130ea63ee206d12851b60819512dd3e1ba50d"},
+    {file = "numpy-2.2.2-cp310-cp310-musllinux_1_2_x86_64.whl", hash = "sha256:09d6a2032faf25e8d0cadde7fd6145118ac55d2740132c1d845f98721b5ebcfd"},
+    {file = "numpy-2.2.2-cp310-cp310-win32.whl", hash = "sha256:159ff6ee4c4a36a23fe01b7c3d07bd8c14cc433d9720f977fcd52c13c0098160"},
+    {file = "numpy-2.2.2-cp310-cp310-win_amd64.whl", hash = "sha256:64bd6e1762cd7f0986a740fee4dff927b9ec2c5e4d9a28d056eb17d332158014"},
+    {file = "numpy-2.2.2-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:642199e98af1bd2b6aeb8ecf726972d238c9877b0f6e8221ee5ab945ec8a2189"},
+    {file = "numpy-2.2.2-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:6d9fc9d812c81e6168b6d405bf00b8d6739a7f72ef22a9214c4241e0dc70b323"},
+    {file = "numpy-2.2.2-cp311-cp311-macosx_14_0_arm64.whl", hash = "sha256:c7d1fd447e33ee20c1f33f2c8e6634211124a9aabde3c617687d8b739aa69eac"},
+    {file = "numpy-2.2.2-cp311-cp311-macosx_14_0_x86_64.whl", hash = "sha256:451e854cfae0febe723077bd0cf0a4302a5d84ff25f0bfece8f29206c7bed02e"},
+    {file = "numpy-2.2.2-cp311-cp311-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:bd249bc894af67cbd8bad2c22e7cbcd46cf87ddfca1f1289d1e7e54868cc785c"},
+    {file = "numpy-2.2.2-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:02935e2c3c0c6cbe9c7955a8efa8908dd4221d7755644c59d1bba28b94fd334f"},
+    {file = "numpy-2.2.2-cp311-cp311-musllinux_1_2_aarch64.whl", hash = "sha256:a972cec723e0563aa0823ee2ab1df0cb196ed0778f173b381c871a03719d4826"},
+    {file = "numpy-2.2.2-cp311-cp311-musllinux_1_2_x86_64.whl", hash = "sha256:d6d6a0910c3b4368d89dde073e630882cdb266755565155bc33520283b2d9df8"},
+    {file = "numpy-2.2.2-cp311-cp311-win32.whl", hash = "sha256:860fd59990c37c3ef913c3ae390b3929d005243acca1a86facb0773e2d8d9e50"},
+    {file = "numpy-2.2.2-cp311-cp311-win_amd64.whl", hash = "sha256:da1eeb460ecce8d5b8608826595c777728cdf28ce7b5a5a8c8ac8d949beadcf2"},
+    {file = "numpy-2.2.2-cp312-cp312-macosx_10_13_x86_64.whl", hash = "sha256:ac9bea18d6d58a995fac1b2cb4488e17eceeac413af014b1dd26170b766d8467"},
+    {file = "numpy-2.2.2-cp312-cp312-macosx_11_0_arm64.whl", hash = "sha256:23ae9f0c2d889b7b2d88a3791f6c09e2ef827c2446f1c4a3e3e76328ee4afd9a"},
+    {file = "numpy-2.2.2-cp312-cp312-macosx_14_0_arm64.whl", hash = "sha256:3074634ea4d6df66be04f6728ee1d173cfded75d002c75fac79503a880bf3825"},
+    {file = "numpy-2.2.2-cp312-cp312-macosx_14_0_x86_64.whl", hash = "sha256:8ec0636d3f7d68520afc6ac2dc4b8341ddb725039de042faf0e311599f54eb37"},
+    {file = "numpy-2.2.2-cp312-cp312-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:2ffbb1acd69fdf8e89dd60ef6182ca90a743620957afb7066385a7bbe88dc748"},
+    {file = "numpy-2.2.2-cp312-cp312-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:0349b025e15ea9d05c3d63f9657707a4e1d471128a3b1d876c095f328f8ff7f0"},
+    {file = "numpy-2.2.2-cp312-cp312-musllinux_1_2_aarch64.whl", hash = "sha256:463247edcee4a5537841d5350bc87fe8e92d7dd0e8c71c995d2c6eecb8208278"},
+    {file = "numpy-2.2.2-cp312-cp312-musllinux_1_2_x86_64.whl", hash = "sha256:9dd47ff0cb2a656ad69c38da850df3454da88ee9a6fde0ba79acceee0e79daba"},
+    {file = "numpy-2.2.2-cp312-cp312-win32.whl", hash = "sha256:4525b88c11906d5ab1b0ec1f290996c0020dd318af8b49acaa46f198b1ffc283"},
+    {file = "numpy-2.2.2-cp312-cp312-win_amd64.whl", hash = "sha256:5acea83b801e98541619af398cc0109ff48016955cc0818f478ee9ef1c5c3dcb"},
+    {file = "numpy-2.2.2-cp313-cp313-macosx_10_13_x86_64.whl", hash = "sha256:b208cfd4f5fe34e1535c08983a1a6803fdbc7a1e86cf13dd0c61de0b51a0aadc"},
+    {file = "numpy-2.2.2-cp313-cp313-macosx_11_0_arm64.whl", hash = "sha256:d0bbe7dd86dca64854f4b6ce2ea5c60b51e36dfd597300057cf473d3615f2369"},
+    {file = "numpy-2.2.2-cp313-cp313-macosx_14_0_arm64.whl", hash = "sha256:22ea3bb552ade325530e72a0c557cdf2dea8914d3a5e1fecf58fa5dbcc6f43cd"},
+    {file = "numpy-2.2.2-cp313-cp313-macosx_14_0_x86_64.whl", hash = "sha256:128c41c085cab8a85dc29e66ed88c05613dccf6bc28b3866cd16050a2f5448be"},
+    {file = "numpy-2.2.2-cp313-cp313-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:250c16b277e3b809ac20d1f590716597481061b514223c7badb7a0f9993c7f84"},
+    {file = "numpy-2.2.2-cp313-cp313-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:e0c8854b09bc4de7b041148d8550d3bd712b5c21ff6a8ed308085f190235d7ff"},
+    {file = "numpy-2.2.2-cp313-cp313-musllinux_1_2_aarch64.whl", hash = "sha256:b6fb9c32a91ec32a689ec6410def76443e3c750e7cfc3fb2206b985ffb2b85f0"},
+    {file = "numpy-2.2.2-cp313-cp313-musllinux_1_2_x86_64.whl", hash = "sha256:57b4012e04cc12b78590a334907e01b3a85efb2107df2b8733ff1ed05fce71de"},
+    {file = "numpy-2.2.2-cp313-cp313-win32.whl", hash = "sha256:4dbd80e453bd34bd003b16bd802fac70ad76bd463f81f0c518d1245b1c55e3d9"},
+    {file = "numpy-2.2.2-cp313-cp313-win_amd64.whl", hash = "sha256:5a8c863ceacae696aff37d1fd636121f1a512117652e5dfb86031c8d84836369"},
+    {file = "numpy-2.2.2-cp313-cp313t-macosx_10_13_x86_64.whl", hash = "sha256:b3482cb7b3325faa5f6bc179649406058253d91ceda359c104dac0ad320e1391"},
+    {file = "numpy-2.2.2-cp313-cp313t-macosx_11_0_arm64.whl", hash = "sha256:9491100aba630910489c1d0158034e1c9a6546f0b1340f716d522dc103788e39"},
+    {file = "numpy-2.2.2-cp313-cp313t-macosx_14_0_arm64.whl", hash = "sha256:41184c416143defa34cc8eb9d070b0a5ba4f13a0fa96a709e20584638254b317"},
+    {file = "numpy-2.2.2-cp313-cp313t-macosx_14_0_x86_64.whl", hash = "sha256:7dca87ca328f5ea7dafc907c5ec100d187911f94825f8700caac0b3f4c384b49"},
+    {file = "numpy-2.2.2-cp313-cp313t-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:0bc61b307655d1a7f9f4b043628b9f2b721e80839914ede634e3d485913e1fb2"},
+    {file = "numpy-2.2.2-cp313-cp313t-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:9fad446ad0bc886855ddf5909cbf8cb5d0faa637aaa6277fb4b19ade134ab3c7"},
+    {file = "numpy-2.2.2-cp313-cp313t-musllinux_1_2_aarch64.whl", hash = "sha256:149d1113ac15005652e8d0d3f6fd599360e1a708a4f98e43c9c77834a28238cb"},
+    {file = "numpy-2.2.2-cp313-cp313t-musllinux_1_2_x86_64.whl", hash = "sha256:106397dbbb1896f99e044efc90360d098b3335060375c26aa89c0d8a97c5f648"},
+    {file = "numpy-2.2.2-cp313-cp313t-win32.whl", hash = "sha256:0eec19f8af947a61e968d5429f0bd92fec46d92b0008d0a6685b40d6adf8a4f4"},
+    {file = "numpy-2.2.2-cp313-cp313t-win_amd64.whl", hash = "sha256:97b974d3ba0fb4612b77ed35d7627490e8e3dff56ab41454d9e8b23448940576"},
+    {file = "numpy-2.2.2-pp310-pypy310_pp73-macosx_10_15_x86_64.whl", hash = "sha256:b0531f0b0e07643eb089df4c509d30d72c9ef40defa53e41363eca8a8cc61495"},
+    {file = "numpy-2.2.2-pp310-pypy310_pp73-macosx_14_0_x86_64.whl", hash = "sha256:e9e82dcb3f2ebbc8cb5ce1102d5f1c5ed236bf8a11730fb45ba82e2841ec21df"},
+    {file = "numpy-2.2.2-pp310-pypy310_pp73-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:e0d4142eb40ca6f94539e4db929410f2a46052a0fe7a2c1c59f6179c39938d2a"},
+    {file = "numpy-2.2.2-pp310-pypy310_pp73-win_amd64.whl", hash = "sha256:356ca982c188acbfa6af0d694284d8cf20e95b1c3d0aefa8929376fea9146f60"},
+    {file = "numpy-2.2.2.tar.gz", hash = "sha256:ed6906f61834d687738d25988ae117683705636936cc605be0bb208b23df4d8f"},
 ]
 
 [[package]]
@@ -1420,9 +1420,9 @@ files = [
 
 [package.dependencies]
 numpy = [
-    {version = ">=1.22.4", markers = "python_version < \"3.11\""},
     {version = ">=1.23.2", markers = "python_version == \"3.11\""},
     {version = ">=1.26.0", markers = "python_version >= \"3.12\""},
+    {version = ">=1.22.4", markers = "python_version < \"3.11\""},
 ]
 python-dateutil = ">=2.8.2"
 pytz = ">=2020.1"
@@ -1693,7 +1693,7 @@ files = [
     {file = "pycparser-2.22-py3-none-any.whl", hash = "sha256:c3702b6d3dd8c7abc1afa565d7e63d53a1d0bd86cdc24edd75470f4de499cfcc"},
     {file = "pycparser-2.22.tar.gz", hash = "sha256:491c8be9c040f5390f5bf44a5b07752bd07f56edf992381b05c701439eec10f6"},
 ]
-markers = {main = "python_version <= \"3.11\" and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\") and sys_platform == \"linux\" and platform_python_implementation != \"PyPy\" or python_version >= \"3.12\" and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\") and sys_platform == \"linux\" and platform_python_implementation != \"PyPy\"", dev = "python_version <= \"3.11\" or python_version >= \"3.12\""}
+markers = {main = "(platform_machine != \"ppc64le\" and platform_machine != \"s390x\") and sys_platform == \"linux\" and platform_python_implementation != \"PyPy\" and (python_version <= \"3.11\" or python_version >= \"3.12\")", dev = "python_version <= \"3.11\" or python_version >= \"3.12\""}
 
 [[package]]
 name = "pydantic"
@@ -1881,15 +1881,15 @@ files = [
 
 [[package]]
 name = "pyright"
-version = "1.1.394"
+version = "1.1.393"
 description = "Command line wrapper for pyright"
 optional = false
 python-versions = ">=3.7"
 groups = ["dev"]
 markers = "python_version <= \"3.11\" or python_version >= \"3.12\""
 files = [
-    {file = "pyright-1.1.394-py3-none-any.whl", hash = "sha256:5f74cce0a795a295fb768759bbeeec62561215dea657edcaab48a932b031ddbb"},
-    {file = "pyright-1.1.394.tar.gz", hash = "sha256:56f2a3ab88c5214a451eb71d8f2792b7700434f841ea219119ade7f42ca93608"},
+    {file = "pyright-1.1.393-py3-none-any.whl", hash = "sha256:8320629bb7a44ca90944ba599390162bf59307f3d9fb6e27da3b7011b8c17ae5"},
+    {file = "pyright-1.1.393.tar.gz", hash = "sha256:aeeb7ff4e0364775ef416a80111613f91a05c8e01e58ecfefc370ca0db7aed9c"},
 ]
 
 [package.dependencies]
@@ -2203,7 +2203,7 @@ description = "A (partial) reimplementation of pywin32 using ctypes/cffi"
 optional = false
 python-versions = ">=3.6"
 groups = ["main"]
-markers = "python_version <= \"3.11\" and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\") and sys_platform == \"win32\" or python_version >= \"3.12\" and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\") and sys_platform == \"win32\""
+markers = "(platform_machine != \"ppc64le\" and platform_machine != \"s390x\") and sys_platform == \"win32\" and (python_version <= \"3.11\" or python_version >= \"3.12\")"
 files = [
     {file = "pywin32-ctypes-0.2.3.tar.gz", hash = "sha256:d162dc04946d704503b2edc4d55f3dba5c1d539ead017afa00142c38b9885755"},
     {file = "pywin32_ctypes-0.2.3-py3-none-any.whl", hash = "sha256:8a1513379d709975552d202d942d9837758905c8d01eb82b8bcc30918929e7b8"},
@@ -2449,7 +2449,7 @@ description = "Python bindings to FreeDesktop.org Secret Service API"
 optional = false
 python-versions = ">=3.6"
 groups = ["main"]
-markers = "python_version <= \"3.11\" and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\") and sys_platform == \"linux\" or python_version >= \"3.12\" and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\") and sys_platform == \"linux\""
+markers = "(platform_machine != \"ppc64le\" and platform_machine != \"s390x\") and sys_platform == \"linux\" and (python_version <= \"3.11\" or python_version >= \"3.12\")"
 files = [
     {file = "SecretStorage-3.3.3-py3-none-any.whl", hash = "sha256:f356e6628222568e3af06f2eba8df495efa13b3b63081dafd4f7d9a7b7bc9f99"},
     {file = "SecretStorage-3.3.3.tar.gz", hash = "sha256:2403533ef369eca6d2ba81718576c5e0f564d5cca1b58f73a8b23e7d4eeebd77"},
@@ -2798,6 +2798,7 @@ description = "A lil' TOML parser"
 optional = false
 python-versions = ">=3.8"
 groups = ["main", "dev"]
+markers = "python_version < \"3.11\""
 files = [
     {file = "tomli-2.2.1-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:678e4fa69e4575eb77d103de3df8a895e1591b48e740211bd1067378c69e8249"},
     {file = "tomli-2.2.1-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:023aa114dd824ade0100497eb2318602af309e5a55595f76b626d6d9f3b7b0a6"},
@@ -2832,7 +2833,6 @@ files = [
     {file = "tomli-2.2.1-py3-none-any.whl", hash = "sha256:cb55c73c5f4408779d0cf3eef9f762b9c9f147a77de7b258bef0a5628adc85cc"},
     {file = "tomli-2.2.1.tar.gz", hash = "sha256:cd45e1dc79c835ce60f7404ec8119f2eb06d38b1deba146f07ced3bbc44505ff"},
 ]
-markers = {main = "python_version < \"3.11\"", dev = "python_full_version <= \"3.11.0a6\""}
 
 [[package]]
 name = "tomlkit"
@@ -2849,15 +2849,15 @@ files = [
 
 [[package]]
 name = "trio"
-version = "0.29.0"
+version = "0.28.0"
 description = "A friendly Python library for async concurrency and I/O"
 optional = false
 python-versions = ">=3.9"
 groups = ["dev"]
 markers = "python_version <= \"3.11\" or python_version >= \"3.12\""
 files = [
-    {file = "trio-0.29.0-py3-none-any.whl", hash = "sha256:d8c463f1a9cc776ff63e331aba44c125f423a5a13c684307e828d930e625ba66"},
-    {file = "trio-0.29.0.tar.gz", hash = "sha256:ea0d3967159fc130acb6939a0be0e558e364fee26b5deeecc893a6b08c361bdf"},
+    {file = "trio-0.28.0-py3-none-any.whl", hash = "sha256:56d58977acc1635735a96581ec70513cc781b8b6decd299c487d3be2a721cd94"},
+    {file = "trio-0.28.0.tar.gz", hash = "sha256:4e547896fe9e8a5658e54e4c7c5fa1db748cbbbaa7c965e7d40505b928c73c05"},
 ]
 
 [package.dependencies]
@@ -2871,20 +2871,19 @@ sortedcontainers = "*"
 
 [[package]]
 name = "trio-websocket"
-version = "0.12.1"
+version = "0.11.1"
 description = "WebSocket library for Trio"
 optional = false
-python-versions = ">=3.8"
+python-versions = ">=3.7"
 groups = ["dev"]
 markers = "python_version <= \"3.11\" or python_version >= \"3.12\""
 files = [
-    {file = "trio_websocket-0.12.1-py3-none-any.whl", hash = "sha256:608ec746bb287e5d5a66baf483e41194193c5cf05ffaad6240e7d1fcd80d1e6f"},
-    {file = "trio_websocket-0.12.1.tar.gz", hash = "sha256:d55ccd4d3eae27c494f3fdae14823317839bdcb8214d1173eacc4d42c69fc91b"},
+    {file = "trio-websocket-0.11.1.tar.gz", hash = "sha256:18c11793647703c158b1f6e62de638acada927344d534e3c7628eedcb746839f"},
+    {file = "trio_websocket-0.11.1-py3-none-any.whl", hash = "sha256:520d046b0d030cf970b8b2b2e00c4c2245b3807853ecd44214acd33d74581638"},
 ]
 
 [package.dependencies]
 exceptiongroup = {version = "*", markers = "python_version < \"3.11\""}
-outcome = ">=1.2.0"
 trio = ">=0.11"
 wsproto = ">=0.14"
 
@@ -3172,7 +3171,7 @@ description = "Backport of pathlib-compatible object wrapper for zip files"
 optional = false
 python-versions = ">=3.9"
 groups = ["main"]
-markers = "python_version <= \"3.11\" and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\") or python_full_version < \"3.10.2\""
+markers = "(platform_machine != \"ppc64le\" and platform_machine != \"s390x\") and python_version <= \"3.11\" or python_full_version < \"3.10.2\""
 files = [
     {file = "zipp-3.21.0-py3-none-any.whl", hash = "sha256:ac1bbe05fd2991f160ebce24ffbac5f6d11d83dc90891255885223d42b3cd931"},
     {file = "zipp-3.21.0.tar.gz", hash = "sha256:2c9958f6430a2040341a52eb608ed6dd93ef4392e02ffe219417c1b28b5dd1f4"},
@@ -3189,4 +3188,4 @@ type = ["pytest-mypy"]
 [metadata]
 lock-version = "2.1"
 python-versions = ">=3.10, <4.0"
-content-hash = "36de501672441a558232190e75c187dd92682b56a99fcd84dc2dc6ab78f7dfc8"
+content-hash = "7ae644e1c5b910f4fd0d8ab0b530818077a96e5d329b2be1269e967c6b0b3d25"

pyproject.toml

@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "reflex"
-version = "0.7.2dev1"
+version = "0.7.1dev1"
 description = "Web apps in pure Python."
 license = "Apache-2.0"
 authors = [
@@ -23,20 +23,23 @@ fastapi = ">=0.96.0,!=0.111.0,!=0.111.1"
 gunicorn = ">=20.1.0,<24.0"
 jinja2 = ">=3.1.2,<4.0"
 psutil = ">=5.9.4,<7.0"
-pydantic = ">=1.10.21,<3.0"
+pydantic = ">=1.10.17,<3.0"
 python-multipart = ">=0.0.5,<0.1"
 python-socketio = ">=5.7.0,<6.0"
 redis = ">=4.3.5,<6.0"
 rich = ">=13.0.0,<14.0"
 sqlmodel = ">=0.0.14,<0.1"
-typer = ">=0.15.1,<1.0"
+typer = ">=0.4.2,<1.0"
 uvicorn = ">=0.20.0"
 starlette-admin = ">=0.11.0,<1.0"
 alembic = ">=1.11.1,<2.0"
 platformdirs = ">=3.10.0,<5.0"
 distro = { version = ">=1.8.0,<2.0", platform = "linux" }
 python-engineio = "!=4.6.0"
-wrapt = ">=1.17.0,<2.0"
+wrapt = [
+  { version = ">=1.14.0,<2.0", python = ">=3.11" },
+  { version = ">=1.11.0,<2.0", python = "<3.11" },
+]
 packaging = ">=23.1,<25.0"
 reflex-hosting-cli = ">=0.1.29"
 charset-normalizer = ">=3.3.2,<4.0"
@@ -52,7 +55,7 @@ typing_extensions = ">=4.6.0"
 [tool.poetry.group.dev.dependencies]
 pytest = ">=7.1.2,<9.0"
 pytest-mock = ">=3.10.0,<4.0"
-pyright = ">=1.1.394, <1.2"
+pyright = ">=1.1.392.post0,<1.2"
 darglint = ">=1.8.1,<2.0"
 dill = ">=0.3.8"
 toml = ">=0.10.2,<1.0"
@@ -84,37 +87,8 @@ reportIncompatibleMethodOverride = false
 target-version = "py310"
 output-format = "concise"
 lint.isort.split-on-trailing-comma = false
-lint.select = [
-  "ANN001",
-  "B",
-  "C4",
-  "D",
-  "E",
-  "ERA",
-  "F",
-  "FURB",
-  "I",
-  "N",
-  "PERF",
-  "PGH",
-  "PTH",
-  "RUF",
-  "SIM",
-  "T",
-  "TRY",
-  "W",
-]
-lint.ignore = [
-  "B008",
-  "D205",
-  "E501",
-  "F403",
-  "SIM115",
-  "RUF006",
-  "RUF008",
-  "RUF012",
-  "TRY0",
-]
+lint.select = ["ANN001","B", "C4", "D", "E", "ERA", "F", "FURB", "I", "N", "PERF", "PGH", "PTH", "RUF", "SIM", "T", "TRY", "W"]
+lint.ignore = ["B008", "D205", "E501", "F403", "SIM115", "RUF006", "RUF008", "RUF012", "TRY0"]
 lint.pydocstyle.convention = "google"
 
 [tool.ruff.lint.per-file-ignores]

reflex/.templates/jinja/web/package.json.jinja2

@@ -15,13 +15,7 @@
   "devDependencies": {
     {% for package, version in dev_dependencies.items() %}
     "{{ package }}": "{{ version }}"{% if not loop.last %},{% endif %}
-
-    {% endfor %}
-  },
-  "overrides": {
-    {% for package, version in overrides.items() %}
-    "{{ package }}": "{{ version }}"{% if not loop.last %},{% endif %}
-
+    
     {% endfor %}
   }
 }

reflex/.templates/jinja/web/pages/utils.js.jinja2

@@ -6,12 +6,6 @@
 {% filter indent(width=indent_width) %}
   {%- if component is not mapping %}
     {{- component }}
-  {%- elif "iterable" in component %}
-    {{- render_iterable_tag(component) }}
-  {%- elif component.name == "match"%}
-    {{- render_match_tag(component) }}
-  {%- elif "cond" in component %}
-    {{- render_condition_tag(component) }}
   {%- elif component.children|length %}
     {{- render_tag(component) }}
   {%- else %}
@@ -44,30 +38,6 @@
 {%- endmacro %}
 
 
-{# Rendering condition component. #}
-{# Args: #}
-{#     component: component dictionary #}
-{% macro render_condition_tag(component) %}
-{ {{- component.cond_state }} ? (
-  {{ render(component.true_value) }}
-) : (
-  {{ render(component.false_value) }}
-)}
-{%- endmacro %}
-
-
-{# Rendering iterable component. #}
-{# Args: #}
-{#     component: component dictionary #}
-{% macro render_iterable_tag(component) %}
-<>{ {{ component.iterable_state }}.map(({{ component.arg_name }}, {{ component.arg_index }}) => (
-  {% for child in component.children %}
-  {{ render(child) }}
-  {% endfor %}
-))}</>
-{%- endmacro %}
-
-
 {# Rendering props of a component. #}
 {# Args: #}
 {#     component: component dictionary #}
@@ -75,29 +45,6 @@
 {% if props|length %} {{ props|join(" ") }}{% endif %}
 {% endmacro %}
 
-{# Rendering Match component. #}
-{# Args: #}
-{#     component: component dictionary #}
-{% macro render_match_tag(component) %}
-{
-    (() => {
-        switch (JSON.stringify({{ component.cond._js_expr }})) {
-        {% for case in component.match_cases %}
-            {% for condition in case[:-1] %}
-                case JSON.stringify({{ condition._js_expr }}):
-            {% endfor %}
-                return {{ render(case[-1]) }};
-                break;
-        {% endfor %}
-            default:
-                return {{ render(component.default) }};
-                break;
-        }
-    })()
-  }
-{%- endmacro %}
-
-
 {# Rendering content with args. #}
 {# Args: #}
 {#     component: component dictionary #}

reflex/.templates/jinja/web/utils/context.js.jinja2

@@ -78,9 +78,9 @@ export function UploadFilesProvider({ children }) {
     return newFilesById
   })
   return (
-    <UploadFilesContext value={[filesById, setFilesById]}>
+    <UploadFilesContext.Provider value={[filesById, setFilesById]}>
       {children}
-    </UploadFilesContext>
+    </UploadFilesContext.Provider>
   )
 }
 
@@ -92,9 +92,9 @@ export function EventLoopProvider({ children }) {
     clientStorage,
   )
   return (
-    <EventLoopContext value={[addEvents, connectErrors]}>
+    <EventLoopContext.Provider value={[addEvents, connectErrors]}>
       {children}
-    </EventLoopContext>
+    </EventLoopContext.Provider>
   )
 }
 
@@ -112,13 +112,13 @@ export function StateProvider({ children }) {
 
   return (
     {% for state_name in initial_state %}
-    <StateContexts.{{state_name|var_name}} value={ {{state_name|var_name}} }>
+    <StateContexts.{{state_name|var_name}}.Provider value={ {{state_name|var_name}} }>
     {% endfor %}
-      <DispatchContext value={dispatchers}>
+      <DispatchContext.Provider value={dispatchers}>
         {children}
-      </DispatchContext>
+      </DispatchContext.Provider>
     {% for state_name in initial_state|reverse %}
-    </StateContexts.{{state_name|var_name}}>
+    </StateContexts.{{state_name|var_name}}.Provider>
     {% endfor %}
   )
 }

reflex/.templates/web/components/reflex/radix_themes_color_mode_provider.js

@@ -10,9 +10,7 @@ import {
 export default function RadixThemesColorModeProvider({ children }) {
   const { theme, resolvedTheme, setTheme } = useTheme();
   const [rawColorMode, setRawColorMode] = useState(defaultColorMode);
-  const [resolvedColorMode, setResolvedColorMode] = useState(
-    defaultColorMode === "dark" ? "dark" : "light"
-  );
+  const [resolvedColorMode, setResolvedColorMode] = useState("dark");
 
   useEffect(() => {
     if (isDevMode) {
@@ -36,17 +34,17 @@ export default function RadixThemesColorModeProvider({ children }) {
     const allowedModes = ["light", "dark", "system"];
     if (!allowedModes.includes(mode)) {
       console.error(
-        `Invalid color mode "${mode}". Defaulting to "${defaultColorMode}".`,
+        `Invalid color mode "${mode}". Defaulting to "${defaultColorMode}".`
       );
       mode = defaultColorMode;
     }
     setTheme(mode);
   };
   return (
-    <ColorModeContext
+    <ColorModeContext.Provider
       value={{ rawColorMode, resolvedColorMode, toggleColorMode, setColorMode }}
     >
       {children}
-    </ColorModeContext>
+    </ColorModeContext.Provider>
   );
 }

reflex/.templates/web/utils/helpers/range.js

@@ -1,43 +1,43 @@
 /**
  * Simulate the python range() builtin function.
  * inspired by https://dev.to/guyariely/using-python-range-in-javascript-337p
- * 
+ *
  * If needed outside of an iterator context, use `Array.from(range(10))` or
  * spread syntax `[...range(10)]` to get an array.
- * 
+ *
  * @param {number} start: the start or end of the range.
  * @param {number} stop: the end of the range.
  * @param {number} step: the step of the range.
  * @returns {object} an object with a Symbol.iterator method over the range
  */
 export default function range(start, stop, step) {
-    return {
-      [Symbol.iterator]() {
-        if (stop === undefined) {
-          stop = start;
-          start = 0;
-        }
-        if (step === undefined) {
-          step = 1;
-        }
-  
-        let i = start - step;
-  
-        return {
-          next() {
-            i += step;
-            if ((step > 0 && i < stop) || (step < 0 && i > stop)) {
-              return {
-                value: i,
-                done: false,
-              };
-            }
+  return {
+    [Symbol.iterator]() {
+      if ((stop ?? undefined) === undefined) {
+        stop = start;
+        start = 0;
+      }
+      if ((step ?? undefined) === undefined) {
+        step = 1;
+      }
+
+      let i = start - step;
+
+      return {
+        next() {
+          i += step;
+          if ((step > 0 && i < stop) || (step < 0 && i > stop)) {
             return {
-              value: undefined,
-              done: true,
+              value: i,
+              done: false,
             };
-          },
-        };
-      },
-    };
-  }
+          }
+          return {
+            value: undefined,
+            done: true,
+          };
+        },
+      };
+    },
+  };
+}

reflex/.templates/web/utils/state.js

@@ -926,6 +926,45 @@ export const isTrue = (val) => {
   return Boolean(val);
 };
 
+/**
+ * Returns a copy of a section of an array.
+ * @param {Array | string} arrayLike The array to slice.
+ * @param {[number, number, number]} slice The slice to apply.
+ * @returns The sliced array.
+ */
+export const atSlice = (arrayLike, slice) => {
+  const array = [...arrayLike];
+  const [startSlice, endSlice, stepSlice] = slice;
+  if (stepSlice ?? null === null) {
+    return array.slice(startSlice ?? undefined, endSlice ?? undefined);
+  }
+  const step = stepSlice ?? 1;
+  if (step > 0) {
+    return array
+      .slice(startSlice ?? undefined, endSlice ?? undefined)
+      .filter((_, i) => i % step === 0);
+  }
+  const actualStart = (endSlice ?? null) === null ? 0 : endSlice + 1;
+  const actualEnd =
+    (startSlice ?? null) === null ? array.length : startSlice + 1;
+  return array
+    .slice(actualStart, actualEnd)
+    .reverse()
+    .filter((_, i) => i % step === 0);
+};
+
+/**
+ * Get the value at a slice or index.
+ * @param {Array | string} arrayLike The array to get the value from.
+ * @param {number | [number, number, number]} sliceOrIndex The slice or index to get the value at.
+ * @returns The value at the slice or index.
+ */
+export const atSliceOrIndex = (arrayLike, sliceOrIndex) => {
+  return Array.isArray(sliceOrIndex)
+    ? atSlice(arrayLike, sliceOrIndex)
+    : arrayLike.at(sliceOrIndex);
+};
+
 /**
  * Get the value from a ref.
  * @param ref The ref to get the value from.

reflex/__init__.py

@@ -248,7 +248,6 @@ COMPONENTS_CORE_MAPPING: dict = {
         "selected_files",
         "upload",
     ],
-    "components.core.auto_scroll": ["auto_scroll"],
 }
 
 COMPONENTS_BASE_MAPPING: dict = {

reflex/__init__.pyi

@@ -34,7 +34,6 @@ from .components.component import Component as Component
 from .components.component import ComponentNamespace as ComponentNamespace
 from .components.component import NoSSRComponent as NoSSRComponent
 from .components.component import memo as memo
-from .components.core.auto_scroll import auto_scroll as auto_scroll
 from .components.core.banner import connection_banner as connection_banner
 from .components.core.banner import connection_modal as connection_modal
 from .components.core.breakpoints import breakpoints as breakpoints

reflex/app.py

@@ -11,17 +11,17 @@ import functools
 import inspect
 import io
 import json
+import multiprocessing
+import platform
 import sys
 import traceback
 from datetime import datetime
 from pathlib import Path
-from timeit import default_timer as timer
 from types import SimpleNamespace
 from typing import (
     TYPE_CHECKING,
     Any,
     AsyncIterator,
-    BinaryIO,
     Callable,
     Coroutine,
     Dict,
@@ -35,15 +35,12 @@ from typing import (
     get_type_hints,
 )
 
-from fastapi import FastAPI, HTTPException, Request
-from fastapi import UploadFile as FastAPIUploadFile
+from fastapi import FastAPI, HTTPException, Request, UploadFile
 from fastapi.middleware import cors
 from fastapi.responses import JSONResponse, StreamingResponse
 from fastapi.staticfiles import StaticFiles
 from rich.progress import MofNCompleteColumn, Progress, TimeElapsedColumn
 from socketio import ASGIApp, AsyncNamespace, AsyncServer
-from starlette.datastructures import Headers
-from starlette.datastructures import UploadFile as StarletteUploadFile
 from starlette_admin.contrib.sqla.admin import Admin
 from starlette_admin.contrib.sqla.view import ModelView
 
@@ -75,8 +72,7 @@ from reflex.components.core.client_side_routing import (
 from reflex.components.core.sticky import sticky
 from reflex.components.core.upload import Upload, get_upload_dir
 from reflex.components.radix import themes
-from reflex.components.sonner.toast import toast
-from reflex.config import ExecutorType, environment, get_config
+from reflex.config import environment, get_config
 from reflex.event import (
     _EVENT_FIELDS,
     Event,
@@ -85,6 +81,7 @@ from reflex.event import (
     EventType,
     IndividualEventType,
     get_hydrate_event,
+    window_alert,
 )
 from reflex.model import Model, get_db_status
 from reflex.page import DECORATED_PAGES
@@ -100,7 +97,6 @@ from reflex.state import (
     StateManager,
     StateUpdate,
     _substate_key,
-    all_base_state_classes,
     code_uses_state_contexts,
 )
 from reflex.utils import (
@@ -112,13 +108,12 @@ from reflex.utils import (
     prerequisites,
     types,
 )
-from reflex.utils.exec import get_compile_context, is_prod_mode, is_testing_env
+from reflex.utils.exec import is_prod_mode, is_testing_env
 from reflex.utils.imports import ImportVar
 
 if TYPE_CHECKING:
     from reflex.vars import Var
 
-
 # Define custom types.
 ComponentCallable = Callable[[], Component]
 Reducer = Callable[[Event], Coroutine[Any, Any, StateUpdate]]
@@ -144,7 +139,7 @@ def default_backend_exception_handler(exception: Exception) -> EventSpec:
         EventSpec: The window alert event.
 
     """
-    from reflex.components.sonner.toast import toast
+    from reflex.components.sonner.toast import Toaster, toast
 
     error = traceback.format_exc()
 
@@ -155,16 +150,18 @@ def default_backend_exception_handler(exception: Exception) -> EventSpec:
         if is_prod_mode()
         else [f"{type(exception).__name__}: {exception}.", "See logs for details."]
     )
-
-    return toast(
-        "An error occurred.",
-        level="error",
-        fallback_to_alert=True,
-        description="<br/>".join(error_message),
-        position="top-center",
-        id="backend_error",
-        style={"width": "500px"},
-    )
+    if Toaster.is_used:
+        return toast(
+            "An error occurred.",
+            level="error",
+            description="<br/>".join(error_message),
+            position="top-center",
+            id="backend_error",
+            style={"width": "500px"},
+        )
+    else:
+        error_message.insert(0, "An error occurred.")
+        return window_alert("\n".join(error_message))
 
 
 def extra_overlay_function() -> Optional[Component]:
@@ -201,17 +198,14 @@ def default_overlay_component() -> Component:
     Returns:
         The default overlay_component, which is a connection_modal.
     """
+    config = get_config()
     from reflex.components.component import memo
 
     def default_overlay_components():
         return Fragment.create(
             connection_pulser(),
             connection_toaster(),
-            *(
-                [backend_disabled()]
-                if get_compile_context() == constants.CompileContext.DEPLOY
-                else []
-            ),
+            *([backend_disabled()] if config.is_reflex_cloud else []),
             *codespaces.codespaces_auto_redirect(),
         )
 
@@ -237,53 +231,6 @@ class OverlayFragment(Fragment):
     pass
 
 
-@dataclasses.dataclass(frozen=True)
-class UploadFile(StarletteUploadFile):
-    """A file uploaded to the server.
-
-    Args:
-        file: The standard Python file object (non-async).
-        filename: The original file name.
-        size: The size of the file in bytes.
-        headers: The headers of the request.
-    """
-
-    file: BinaryIO
-
-    path: Optional[Path] = dataclasses.field(default=None)
-
-    _deprecated_filename: Optional[str] = dataclasses.field(default=None)
-
-    size: Optional[int] = dataclasses.field(default=None)
-
-    headers: Headers = dataclasses.field(default_factory=Headers)
-
-    @property
-    def name(self) -> Optional[str]:
-        """Get the name of the uploaded file.
-
-        Returns:
-            The name of the uploaded file.
-        """
-        if self.path:
-            return self.path.name
-
-    @property
-    def filename(self) -> Optional[str]:
-        """Get the filename of the uploaded file.
-
-        Returns:
-            The filename of the uploaded file.
-        """
-        console.deprecate(
-            feature_name="UploadFile.filename",
-            reason="Use UploadFile.name instead.",
-            deprecation_version="0.7.1",
-            removal_version="0.8.0",
-        )
-        return self._deprecated_filename
-
-
 @dataclasses.dataclass(
     frozen=True,
 )
@@ -375,9 +322,6 @@ class App(MiddlewareMixin, LifespanMixin):
     # A map from a page route to the component to render. Users should use `add_page`.
     _pages: Dict[str, Component] = dataclasses.field(default_factory=dict)
 
-    # A mapping of pages which created states as they were being evaluated.
-    _stateful_pages: Dict[str, None] = dataclasses.field(default_factory=dict)
-
     # The backend API object.
     _api: FastAPI | None = None
 
@@ -412,7 +356,7 @@ class App(MiddlewareMixin, LifespanMixin):
     ] = default_backend_exception_handler
 
     # Put the toast provider in the app wrap.
-    toaster: Component | None = dataclasses.field(default_factory=toast.provider)
+    bundle_toaster: bool = True
 
     @property
     def api(self) -> FastAPI | None:
@@ -595,10 +539,8 @@ class App(MiddlewareMixin, LifespanMixin):
         """Add optional api endpoints (_upload)."""
         if not self.api:
             return
-        upload_is_used_marker = (
-            prerequisites.get_backend_dir() / constants.Dirs.UPLOAD_IS_USED
-        )
-        if Upload.is_used or upload_is_used_marker.exists():
+
+        if Upload.is_used:
             # To upload files.
             self.api.post(str(constants.Endpoint.UPLOAD))(upload(self))
 
@@ -608,15 +550,10 @@ class App(MiddlewareMixin, LifespanMixin):
                 StaticFiles(directory=get_upload_dir()),
                 name="uploaded_files",
             )
-
-            upload_is_used_marker.parent.mkdir(parents=True, exist_ok=True)
-            upload_is_used_marker.touch()
         if codespaces.is_running_in_codespaces():
             self.api.get(str(constants.Endpoint.AUTH_CODESPACE))(
                 codespaces.auth_codespace
             )
-        if environment.REFLEX_ADD_ALL_ROUTES_ENDPOINT.get():
-            self.add_all_routes_endpoint()
 
     def _add_cors(self):
         """Add CORS middleware to the app."""
@@ -757,19 +694,13 @@ class App(MiddlewareMixin, LifespanMixin):
             route: The route of the page to compile.
             save_page: If True, the compiled page is saved to self._pages.
         """
-        n_states_before = len(all_base_state_classes)
         component, enable_state = compiler.compile_unevaluated_page(
             route, self._unevaluated_pages[route], self._state, self.style, self.theme
         )
 
-        # Indicate that the app should use state.
         if enable_state:
             self._enable_state()
 
-        # Indicate that evaluating this page creates one or more state classes.
-        if len(all_base_state_classes) > n_states_before:
-            self._stateful_pages[route] = None
-
         # Add the page.
         self._check_routes_conflict(route)
         if save_page:
@@ -1058,20 +989,6 @@ class App(MiddlewareMixin, LifespanMixin):
         def get_compilation_time() -> str:
             return str(datetime.now().time()).split(".")[0]
 
-        should_compile = self._should_compile()
-        backend_dir = prerequisites.get_backend_dir()
-        if not should_compile and backend_dir.exists():
-            stateful_pages_marker = backend_dir / constants.Dirs.STATEFUL_PAGES
-            if stateful_pages_marker.exists():
-                with stateful_pages_marker.open("r") as f:
-                    stateful_pages = json.load(f)
-                for route in stateful_pages:
-                    console.info(f"BE Evaluating stateful page: {route}")
-                    self._compile_page(route, save_page=False)
-                self._enable_state()
-            self._add_optional_endpoints()
-            return
-
         # Render a default 404 page if the user didn't supply one
         if constants.Page404.SLUG not in self._unevaluated_pages:
             self.add_page(route=constants.Page404.SLUG)
@@ -1098,6 +1015,10 @@ class App(MiddlewareMixin, LifespanMixin):
         should_compile = self._should_compile()
 
         if not should_compile:
+            if self.bundle_toaster:
+                from reflex.components.sonner.toast import Toaster
+
+                Toaster.is_used = True
             with console.timing("Evaluate Pages (Backend)"):
                 for route in self._unevaluated_pages:
                     console.debug(f"Evaluating page: {route}")
@@ -1127,47 +1048,38 @@ class App(MiddlewareMixin, LifespanMixin):
             + adhoc_steps_without_executor,
         )
 
+        if self.bundle_toaster:
+            from reflex.components.component import memo
+            from reflex.components.sonner.toast import toast
+
+            internal_toast_provider = toast.provider()
+
+            @memo
+            def memoized_toast_provider():
+                return internal_toast_provider
+
+            toast_provider = Fragment.create(memoized_toast_provider())
+
+            app_wrappers[(1, "ToasterProvider")] = toast_provider
+
         with console.timing("Evaluate Pages (Frontend)"):
-            performance_metrics: list[tuple[str, float]] = []
             for route in self._unevaluated_pages:
                 console.debug(f"Evaluating page: {route}")
-                start = timer()
                 self._compile_page(route, save_page=should_compile)
-                end = timer()
-                performance_metrics.append((route, end - start))
                 progress.advance(task)
-            console.debug(
-                "Slowest pages:\n"
-                + "\n".join(
-                    f"{route}: {time * 1000:.1f}ms"
-                    for route, time in sorted(
-                        performance_metrics, key=lambda x: x[1], reverse=True
-                    )[:10]
-                )
-            )
 
         # Add the optional endpoints (_upload)
         self._add_optional_endpoints()
 
         self._validate_var_dependencies()
         self._setup_overlay_component()
-
-        if config.show_built_with_reflex is None:
-            if (
-                get_compile_context() == constants.CompileContext.DEPLOY
-                and prerequisites.get_user_tier() in ["pro", "team", "enterprise"]
-            ):
-                config.show_built_with_reflex = False
-            else:
-                config.show_built_with_reflex = True
-
         if is_prod_mode() and config.show_built_with_reflex:
             self._setup_sticky_badge()
 
         progress.advance(task)
 
         # Store the compile results.
-        compile_results: list[tuple[str, str]] = []
+        compile_results = []
 
         progress.advance(task)
 
@@ -1187,17 +1099,6 @@ class App(MiddlewareMixin, LifespanMixin):
             # Add the custom components from the page to the set.
             custom_components |= component._get_all_custom_components()
 
-        if (toaster := self.toaster) is not None:
-            from reflex.components.component import memo
-
-            @memo
-            def memoized_toast_provider():
-                return toaster
-
-            toast_provider = Fragment.create(memoized_toast_provider())
-
-            app_wrappers[(1, "ToasterProvider")] = toast_provider
-
         # Add the app wraps to the app.
         for key, app_wrap in self.app_wraps.items():
             component = app_wrap(self._state is not None)
@@ -1257,19 +1158,33 @@ class App(MiddlewareMixin, LifespanMixin):
                     ),
                 )
 
-        executor = ExecutorType.get_executor_from_environment()
+        # Use a forking process pool, if possible.  Much faster, especially for large sites.
+        # Fallback to ThreadPoolExecutor as something that will always work.
+        executor = None
+        if (
+            platform.system() in ("Linux", "Darwin")
+            and (number_of_processes := environment.REFLEX_COMPILE_PROCESSES.get())
+            is not None
+        ):
+            executor = concurrent.futures.ProcessPoolExecutor(
+                max_workers=number_of_processes or None,
+                mp_context=multiprocessing.get_context("fork"),
+            )
+        else:
+            executor = concurrent.futures.ThreadPoolExecutor(
+                max_workers=environment.REFLEX_COMPILE_THREADS.get() or None
+            )
 
         for route, component in zip(self._pages, page_components, strict=True):
             ExecutorSafeFunctions.COMPONENTS[route] = component
 
         ExecutorSafeFunctions.STATE = self._state
 
-        with console.timing("Compile to Javascript"), executor as executor:
-            result_futures: list[concurrent.futures.Future[tuple[str, str]]] = []
+        with executor:
+            result_futures = []
 
-            def _submit_work(fn: Callable[..., tuple[str, str]], *args, **kwargs):
+            def _submit_work(fn: Callable, *args, **kwargs):
                 f = executor.submit(fn, *args, **kwargs)
-                f.add_done_callback(lambda _: progress.advance(task))
                 result_futures.append(f)
 
             # Compile the pre-compiled pages.
@@ -1295,10 +1210,10 @@ class App(MiddlewareMixin, LifespanMixin):
                 _submit_work(compiler.remove_tailwind_from_postcss)
 
             # Wait for all compilation tasks to complete.
-            compile_results.extend(
-                future.result()
-                for future in concurrent.futures.as_completed(result_futures)
-            )
+            with console.timing("Compile to Javascript"):
+                for future in concurrent.futures.as_completed(result_futures):
+                    compile_results.append(future.result())
+                    progress.advance(task)
 
         app_root = self._app_root(app_wrappers=app_wrappers)
 
@@ -1323,12 +1238,10 @@ class App(MiddlewareMixin, LifespanMixin):
         progress.advance(task)
 
         # Compile custom components.
-        (
-            custom_components_output,
-            custom_components_result,
-            custom_components_imports,
-        ) = compiler.compile_components(custom_components)
-        compile_results.append((custom_components_output, custom_components_result))
+        *custom_components_result, custom_components_imports = (
+            compiler.compile_components(custom_components)
+        )
+        compile_results.append(custom_components_result)
         all_imports.update(custom_components_imports)
 
         progress.advance(task)
@@ -1366,24 +1279,6 @@ class App(MiddlewareMixin, LifespanMixin):
             for output_path, code in compile_results:
                 compiler_utils.write_page(output_path, code)
 
-        # Write list of routes that create dynamic states for backend to use.
-        if self._state is not None:
-            stateful_pages_marker = (
-                prerequisites.get_backend_dir() / constants.Dirs.STATEFUL_PAGES
-            )
-            stateful_pages_marker.parent.mkdir(parents=True, exist_ok=True)
-            with stateful_pages_marker.open("w") as f:
-                json.dump(list(self._stateful_pages), f)
-
-    def add_all_routes_endpoint(self):
-        """Add an endpoint to the app that returns all the routes."""
-        if not self.api:
-            return
-
-        @self.api.get(str(constants.Endpoint.ALL_ROUTES))
-        async def all_routes():
-            return list(self._unevaluated_pages.keys())
-
     @contextlib.asynccontextmanager
     async def modify_state(self, token: str) -> AsyncIterator[BaseState]:
         """Modify the state out of band.
@@ -1690,7 +1585,7 @@ def upload(app: App):
         The upload function.
     """
 
-    async def upload_file(request: Request, files: List[FastAPIUploadFile]):
+    async def upload_file(request: Request, files: List[UploadFile]):
         """Upload a file.
 
         Args:
@@ -1766,8 +1661,7 @@ def upload(app: App):
             file_copies.append(
                 UploadFile(
                     file=content_copy,
-                    path=Path(file.filename.lstrip("/")) if file.filename else None,
-                    _deprecated_filename=file.filename,
+                    filename=file.filename,
                     size=file.size,
                     headers=file.headers,
                 )

reflex/compiler/compiler.py

@@ -508,7 +508,7 @@ def compile_tailwind(
         The compiled Tailwind config.
     """
     # Get the path for the output file.
-    output_path = str((get_web_dir() / constants.Tailwind.CONFIG).absolute())
+    output_path = get_web_dir() / constants.Tailwind.CONFIG
 
     # Compile the config.
     code = _compile_tailwind(config)

reflex/compiler/utils.py

@@ -10,7 +10,16 @@ from pathlib import Path
 from typing import Any, Callable, Dict, Optional, Type, Union
 from urllib.parse import urlparse
 
-from pydantic.v1.fields import ModelField
+from reflex.utils.exec import is_in_app_harness
+from reflex.utils.prerequisites import get_web_dir
+from reflex.vars.base import Var
+
+try:
+    from pydantic.v1.fields import ModelField
+except ModuleNotFoundError:
+    from pydantic.fields import (
+        ModelField,  # pyright: ignore [reportAttributeAccessIssue]
+    )
 
 from reflex import constants
 from reflex.components.base import (
@@ -30,10 +39,7 @@ from reflex.istate.storage import Cookie, LocalStorage, SessionStorage
 from reflex.state import BaseState, _resolve_delta
 from reflex.style import Style
 from reflex.utils import console, format, imports, path_ops
-from reflex.utils.exec import is_in_app_harness
 from reflex.utils.imports import ImportVar, ParsedImportDict
-from reflex.utils.prerequisites import get_web_dir
-from reflex.vars.base import Var
 
 # To re-export this function.
 merge_imports = imports.merge_imports
@@ -517,8 +523,6 @@ def write_page(path: str | Path, code: str):
     """
     path = Path(path)
     path_ops.mkdir(path.parent)
-    if path.exists() and path.read_text(encoding="utf-8") == code:
-        return
     path.write_text(code, encoding="utf-8")
 
 

reflex/components/base/bare.py

@@ -2,9 +2,9 @@
 
 from __future__ import annotations
 
-from typing import Any, Iterator, Sequence
+from typing import Any, Iterator
 
-from reflex.components.component import BaseComponent, Component, ComponentStyle
+from reflex.components.component import Component, ComponentStyle
 from reflex.components.tags import Tag
 from reflex.components.tags.tagless import Tagless
 from reflex.config import PerformanceMode, environment
@@ -47,11 +47,6 @@ def validate_str(value: str):
             )
 
 
-def _components_from_var(var: Var) -> Sequence[BaseComponent]:
-    var_data = var._get_all_var_data()
-    return var_data.components if var_data else ()
-
-
 class Bare(Component):
     """A component with no tag."""
 
@@ -86,8 +81,10 @@ class Bare(Component):
         """
         hooks = super()._get_all_hooks_internal()
         if isinstance(self.contents, Var):
-            for component in _components_from_var(self.contents):
-                hooks |= component._get_all_hooks_internal()
+            var_data = self.contents._get_all_var_data()
+            if var_data:
+                for component in var_data.components:
+                    hooks |= component._get_all_hooks_internal()
         return hooks
 
     def _get_all_hooks(self) -> dict[str, VarData | None]:
@@ -98,8 +95,10 @@ class Bare(Component):
         """
         hooks = super()._get_all_hooks()
         if isinstance(self.contents, Var):
-            for component in _components_from_var(self.contents):
-                hooks |= component._get_all_hooks()
+            var_data = self.contents._get_all_var_data()
+            if var_data:
+                for component in var_data.components:
+                    hooks |= component._get_all_hooks()
         return hooks
 
     def _get_all_imports(self, collapse: bool = False) -> ParsedImportDict:
@@ -126,8 +125,10 @@ class Bare(Component):
         """
         dynamic_imports = super()._get_all_dynamic_imports()
         if isinstance(self.contents, Var):
-            for component in _components_from_var(self.contents):
-                dynamic_imports |= component._get_all_dynamic_imports()
+            var_data = self.contents._get_all_var_data()
+            if var_data:
+                for component in var_data.components:
+                    dynamic_imports |= component._get_all_dynamic_imports()
         return dynamic_imports
 
     def _get_all_custom_code(self) -> set[str]:
@@ -138,8 +139,10 @@ class Bare(Component):
         """
         custom_code = super()._get_all_custom_code()
         if isinstance(self.contents, Var):
-            for component in _components_from_var(self.contents):
-                custom_code |= component._get_all_custom_code()
+            var_data = self.contents._get_all_var_data()
+            if var_data:
+                for component in var_data.components:
+                    custom_code |= component._get_all_custom_code()
         return custom_code
 
     def _get_all_app_wrap_components(self) -> dict[tuple[int, str], Component]:
@@ -150,9 +153,11 @@ class Bare(Component):
         """
         app_wrap_components = super()._get_all_app_wrap_components()
         if isinstance(self.contents, Var):
-            for component in _components_from_var(self.contents):
-                if isinstance(component, Component):
-                    app_wrap_components |= component._get_all_app_wrap_components()
+            var_data = self.contents._get_all_var_data()
+            if var_data:
+                for component in var_data.components:
+                    if isinstance(component, Component):
+                        app_wrap_components |= component._get_all_app_wrap_components()
         return app_wrap_components
 
     def _get_all_refs(self) -> set[str]:
@@ -163,8 +168,10 @@ class Bare(Component):
         """
         refs = super()._get_all_refs()
         if isinstance(self.contents, Var):
-            for component in _components_from_var(self.contents):
-                refs |= component._get_all_refs()
+            var_data = self.contents._get_all_var_data()
+            if var_data:
+                for component in var_data.components:
+                    refs |= component._get_all_refs()
         return refs
 
     def _render(self) -> Tag:
@@ -187,17 +194,14 @@ class Bare(Component):
             The component with the style added.
         """
         new_self = super()._add_style_recursive(style, theme)
-
-        are_components_touched = False
-
         if isinstance(self.contents, Var):
-            for component in _components_from_var(self.contents):
-                if isinstance(component, Component):
-                    component._add_style_recursive(style, theme)
-                    are_components_touched = True
+            var_data = self.contents._get_all_var_data()
+            if var_data:
+                for component in var_data.components:
+                    if isinstance(component, Component):
+                        component._add_style_recursive(style, theme)
 
-        if are_components_touched:
-            GLOBAL_CACHE.clear()
+        GLOBAL_CACHE.clear()
 
         return new_self
 

reflex/components/component.py

@@ -4,7 +4,6 @@ from __future__ import annotations
 
 import copy
 import dataclasses
-import inspect
 import typing
 from abc import ABC, abstractmethod
 from functools import lru_cache, wraps
@@ -22,8 +21,6 @@ from typing import (
     Set,
     Type,
     Union,
-    get_args,
-    get_origin,
 )
 
 from typing_extensions import Self
@@ -46,7 +43,6 @@ 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,
@@ -55,7 +51,13 @@ from reflex.event import (
 )
 from reflex.style import Style, format_as_emotion
 from reflex.utils import format, imports, types
-from reflex.utils.imports import ImportDict, ImportVar, ParsedImportDict, parse_imports
+from reflex.utils.imports import (
+    ImmutableParsedImportDict,
+    ImportDict,
+    ImportVar,
+    ParsedImportDict,
+    parse_imports,
+)
 from reflex.vars import VarData
 from reflex.vars.base import (
     CachedVarOperation,
@@ -63,8 +65,7 @@ from reflex.vars.base import (
     Var,
     cached_property_no_lock,
 )
-from reflex.vars.function import ArgsFunctionOperation, FunctionStringVar
-from reflex.vars.number import ternary_operation
+from reflex.vars.function import FunctionStringVar
 from reflex.vars.object import ObjectVar
 from reflex.vars.sequence import LiteralArrayVar
 
@@ -195,25 +196,6 @@ def satisfies_type_hint(obj: Any, type_hint: Any) -> bool:
     return types._isinstance(obj, type_hint, nested=1)
 
 
-def _components_from(
-    component_or_var: Union[BaseComponent, Var],
-) -> tuple[BaseComponent, ...]:
-    """Get the components from a component or Var.
-
-    Args:
-        component_or_var: The component or Var to get the components from.
-
-    Returns:
-        The components.
-    """
-    if isinstance(component_or_var, Var):
-        var_data = component_or_var._get_all_var_data()
-        return var_data.components if var_data else ()
-    if isinstance(component_or_var, BaseComponent):
-        return (component_or_var,)
-    return ()
-
-
 class Component(BaseComponent, ABC):
     """A component with style, event trigger and other props."""
 
@@ -512,7 +494,7 @@ class Component(BaseComponent, ABC):
 
         # Remove any keys that were added as events.
         for key in kwargs["event_triggers"]:
-            kwargs.pop(key, None)
+            del kwargs[key]
 
         # Place data_ and aria_ attributes into custom_attrs
         special_attributes = tuple(
@@ -688,22 +670,13 @@ class Component(BaseComponent, ABC):
         """
         return set()
 
-    @classmethod
-    def _are_fields_known(cls) -> bool:
-        """Check if all fields are known at compile time. True for most components.
-
-        Returns:
-            Whether all fields are known at compile time.
-        """
-        return True
-
     @classmethod
     @lru_cache(maxsize=None)
-    def _get_component_prop_names(cls) -> Set[str]:
-        """Get the names of the component props. NOTE: This assumes all fields are known.
+    def get_component_props(cls) -> set[str]:
+        """Get the props that expected a component as value.
 
         Returns:
-            The names of the component props.
+            The components props.
         """
         return {
             name
@@ -712,26 +685,6 @@ class Component(BaseComponent, ABC):
             and types._issubclass(field.outer_type_, Component)
         }
 
-    def _get_components_in_props(self) -> Sequence[BaseComponent]:
-        """Get the components in the props.
-
-        Returns:
-            The components in the props
-        """
-        if self._are_fields_known():
-            return [
-                component
-                for name in self._get_component_prop_names()
-                for component in _components_from(getattr(self, name))
-            ]
-        return [
-            component
-            for prop in self.get_props()
-            if (value := getattr(self, prop)) is not None
-            and isinstance(value, (BaseComponent, Var))
-            for component in _components_from(value)
-        ]
-
     @classmethod
     def create(cls, *children, **props) -> Self:
         """Create the component.
@@ -935,10 +888,8 @@ class Component(BaseComponent, ABC):
             children: The children of the component.
 
         """
+        from reflex.components.base.bare import Bare
         from reflex.components.base.fragment import Fragment
-        from reflex.components.core.cond import Cond
-        from reflex.components.core.foreach import Foreach
-        from reflex.components.core.match import Match
 
         no_valid_parents_defined = all(child._valid_parents == [] for child in children)
         if (
@@ -949,9 +900,7 @@ class Component(BaseComponent, ABC):
             return
 
         comp_name = type(self).__name__
-        allowed_components = [
-            comp.__name__ for comp in (Fragment, Foreach, Cond, Match)
-        ]
+        allowed_components = [comp.__name__ for comp in (Fragment,)]
 
         def validate_child(child: Any):
             child_name = type(child).__name__
@@ -961,24 +910,39 @@ class Component(BaseComponent, ABC):
                 for c in child.children:
                     validate_child(c)
 
-            if isinstance(child, Cond):
-                validate_child(child.comp1)
-                validate_child(child.comp2)
-
-            if isinstance(child, Match):
-                for cases in child.match_cases:
-                    validate_child(cases[-1])
-                validate_child(child.default)
+            if (
+                isinstance(child, Bare)
+                and child.contents is not None
+                and isinstance(child.contents, Var)
+            ):
+                var_data = child.contents._get_all_var_data()
+                if var_data is not None:
+                    for c in var_data.components:
+                        validate_child(c)
 
             if self._invalid_children and child_name in self._invalid_children:
                 raise ValueError(
                     f"The component `{comp_name}` cannot have `{child_name}` as a child component"
                 )
 
-            if self._valid_children and child_name not in [
-                *self._valid_children,
-                *allowed_components,
-            ]:
+            valid_children = self._valid_children + allowed_components
+
+            def child_is_in_valid(child_component: Any):
+                if type(child_component).__name__ in valid_children:
+                    return True
+
+                if (
+                    not isinstance(child_component, Bare)
+                    or child_component.contents is None
+                    or not isinstance(child_component.contents, Var)
+                    or (var_data := child_component.contents._get_all_var_data())
+                    is None
+                ):
+                    return False
+
+                return all(child_is_in_valid(c) for c in var_data.components)
+
+            if self._valid_children and not child_is_in_valid(child):
                 valid_child_list = ", ".join(
                     [f"`{v_child}`" for v_child in self._valid_children]
                 )
@@ -1188,9 +1152,6 @@ class Component(BaseComponent, ABC):
         if custom_code is not None:
             code.add(custom_code)
 
-        for component in self._get_components_in_props():
-            code |= component._get_all_custom_code()
-
         # Add the custom code from add_custom_code method.
         for clz in self._iter_parent_classes_with_method("add_custom_code"):
             for item in clz.add_custom_code(self):
@@ -1218,7 +1179,7 @@ class Component(BaseComponent, ABC):
             The dynamic imports.
         """
         # Store the import in a set to avoid duplicates.
-        dynamic_imports: set[str] = set()
+        dynamic_imports = set()
 
         # Get dynamic import for this component.
         dynamic_import = self._get_dynamic_imports()
@@ -1229,12 +1190,25 @@ class Component(BaseComponent, ABC):
         for child in self.children:
             dynamic_imports |= child._get_all_dynamic_imports()
 
-        for component in self._get_components_in_props():
-            dynamic_imports |= component._get_all_dynamic_imports()
+        for prop in self.get_component_props():
+            if getattr(self, prop) is not None:
+                dynamic_imports |= getattr(self, prop)._get_all_dynamic_imports()
 
         # Return the dynamic imports
         return dynamic_imports
 
+    def _get_props_imports(self) -> List[ParsedImportDict]:
+        """Get the imports needed for components props.
+
+        Returns:
+            The  imports for the components props of the component.
+        """
+        return [
+            getattr(self, prop)._get_all_imports()
+            for prop in self.get_component_props()
+            if getattr(self, prop) is not None
+        ]
+
     def _should_transpile(self, dep: str | None) -> bool:
         """Check if a dependency should be transpiled.
 
@@ -1244,7 +1218,7 @@ class Component(BaseComponent, ABC):
         Returns:
             True if the dependency should be transpiled.
         """
-        return bool(self.transpile_packages) and (
+        return (
             dep in self.transpile_packages
             or format.format_library_name(dep or "") in self.transpile_packages
         )
@@ -1327,10 +1301,9 @@ class Component(BaseComponent, ABC):
         event_imports = Imports.EVENTS if self.event_triggers else {}
 
         # Collect imports from Vars used directly by this component.
-        var_imports = [
-            var_data.imports
-            for var in self._get_vars()
-            if (var_data := var._get_all_var_data()) is not None
+        var_datas = [var._get_all_var_data() for var in self._get_vars()]
+        var_imports: List[ImmutableParsedImportDict] = [
+            var_data.imports for var_data in var_datas if var_data is not None
         ]
 
         added_import_dicts: list[ParsedImportDict] = []
@@ -1345,6 +1318,7 @@ class Component(BaseComponent, ABC):
             )
 
         return imports.merge_imports(
+            *self._get_props_imports(),
             self._get_dependencies_imports(),
             self._get_hooks_imports(),
             _imports,
@@ -1421,8 +1395,6 @@ class Component(BaseComponent, ABC):
                         for k in var_data.hooks
                     }
                 )
-                for component in var_data.components:
-                    vars_hooks.update(component._get_all_hooks())
         return vars_hooks
 
     def _get_events_hooks(self) -> dict[str, VarData | None]:
@@ -1571,9 +1543,6 @@ class Component(BaseComponent, ABC):
             refs.add(ref)
         for child in self.children:
             refs |= child._get_all_refs()
-        for component in self._get_components_in_props():
-            refs |= component._get_all_refs()
-
         return refs
 
     def _get_all_custom_components(
@@ -1597,9 +1566,6 @@ class Component(BaseComponent, ABC):
             if not isinstance(child, Component):
                 continue
             custom_components |= child._get_all_custom_components(seen=seen)
-        for component in self._get_components_in_props():
-            if isinstance(component, Component) and component.tag is not None:
-                custom_components |= component._get_all_custom_components(seen=seen)
         return custom_components
 
     @property
@@ -1663,65 +1629,17 @@ class CustomComponent(Component):
     # The props of the component.
     props: Dict[str, Any] = {}
 
-    def __init__(self, **kwargs):
+    # Props that reference other components.
+    component_props: Dict[str, Component] = {}
+
+    def __init__(self, *args, **kwargs):
         """Initialize the custom component.
 
         Args:
+            *args: The args to pass to the component.
             **kwargs: The kwargs to pass to the component.
         """
-        component_fn = kwargs.get("component_fn")
-
-        # Set the props.
-        props_types = typing.get_type_hints(component_fn) if component_fn else {}
-        props = {key: value for key, value in kwargs.items() if key in props_types}
-        kwargs = {key: value for key, value in kwargs.items() if key not in props_types}
-
-        event_types = {
-            key
-            for key in props
-            if (
-                (get_origin((annotation := props_types.get(key))) or annotation)
-                == EventHandler
-            )
-        }
-
-        def get_args_spec(key: str) -> types.ArgsSpec | Sequence[types.ArgsSpec]:
-            type_ = props_types[key]
-
-            return (
-                args[0]
-                if (args := get_args(type_))
-                else (
-                    annotation_args[1]
-                    if get_origin(
-                        (
-                            annotation := inspect.getfullargspec(
-                                component_fn
-                            ).annotations[key]
-                        )
-                    )
-                    is typing.Annotated
-                    and (annotation_args := get_args(annotation))
-                    else no_args_event_spec
-                )
-            )
-
-        super().__init__(
-            event_triggers={
-                key: EventChain.create(
-                    value=props[key],
-                    args_spec=get_args_spec(key),
-                    key=key,
-                )
-                for key in event_types
-            },
-            **kwargs,
-        )
-
-        to_camel_cased_props = {
-            format.to_camel_case(key) for key in props if key not in event_types
-        }
-        self.get_props = lambda: to_camel_cased_props  # pyright: ignore [reportIncompatibleVariableOverride]
+        super().__init__(*args, **kwargs)
 
         # Unset the style.
         self.style = Style()
@@ -1729,36 +1647,51 @@ class CustomComponent(Component):
         # Set the tag to the name of the function.
         self.tag = format.to_title_case(self.component_fn.__name__)
 
-        for key, value in props.items():
-            # Skip kwargs that are not props.
-            if key not in props_types:
-                continue
+        # Get the event triggers defined in the component declaration.
+        event_triggers_in_component_declaration = self.get_event_triggers()
 
-            camel_cased_key = format.to_camel_case(key)
+        # Set the props.
+        props = typing.get_type_hints(self.component_fn)
+        for key, value in kwargs.items():
+            # Skip kwargs that are not props.
+            if key not in props:
+                continue
 
             # Get the type based on the annotation.
-            type_ = props_types[key]
+            type_ = props[key]
 
             # Handle event chains.
-            if types._issubclass(type_, EventActionsMixin):
-                inspect.getfullargspec(component_fn).annotations[key]
-                self.props[camel_cased_key] = EventChain.create(
-                    value=value, args_spec=get_args_spec(key), key=key
+            if types._issubclass(type_, EventChain):
+                value = EventChain.create(
+                    value=value,
+                    args_spec=event_triggers_in_component_declaration.get(
+                        key, no_args_event_spec
+                    ),
+                    key=key,
                 )
+                self.props[format.to_camel_case(key)] = value
                 continue
 
-            value = LiteralVar.create(value)
-            self.props[camel_cased_key] = value
-            setattr(self, camel_cased_key, value)
+            # Handle subclasses of Base.
+            if isinstance(value, Base):
+                base_value = LiteralVar.create(value)
 
-    @classmethod
-    def _are_fields_known(cls) -> bool:
-        """Check if the fields are known.
+                # Track hooks and imports associated with Component instances.
+                if base_value is not None and isinstance(value, Component):
+                    self.component_props[key] = value
+                    value = base_value._replace(
+                        merge_var_data=VarData(
+                            imports=value._get_all_imports(),
+                            hooks=value._get_all_hooks(),
+                        )
+                    )
+                else:
+                    value = base_value
+            else:
+                value = LiteralVar.create(value)
 
-        Returns:
-            Whether the fields are known.
-        """
-        return False
+            # Set the prop.
+            self.props[format.to_camel_case(key)] = value
 
     def __eq__(self, other: Any) -> bool:
         """Check if the component is equal to another.
@@ -1780,7 +1713,7 @@ class CustomComponent(Component):
         return hash(self.tag)
 
     @classmethod
-    def get_props(cls) -> Set[str]:
+    def get_props(cls) -> Set[str]:  # pyright: ignore [reportIncompatibleVariableOverride]
         """Get the props for the component.
 
         Returns:
@@ -1817,8 +1750,27 @@ class CustomComponent(Component):
                 seen=seen
             )
 
+        # Fetch custom components from props as well.
+        for child_component in self.component_props.values():
+            if child_component.tag is None:
+                continue
+            if child_component.tag not in seen:
+                seen.add(child_component.tag)
+                if isinstance(child_component, CustomComponent):
+                    custom_components |= {child_component}
+                custom_components |= child_component._get_all_custom_components(
+                    seen=seen
+                )
         return custom_components
 
+    def _render(self) -> Tag:
+        """Define how to render the component in React.
+
+        Returns:
+            The tag to render.
+        """
+        return super()._render(props=self.props)
+
     def get_prop_vars(self) -> List[Var]:
         """Get the prop vars.
 
@@ -1828,19 +1780,29 @@ 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()
             for name, prop in self.props.items()
         ]
 
+    def _get_vars(
+        self, include_children: bool = False, ignore_ids: set[int] | None = None
+    ) -> Iterator[Var]:
+        """Walk all Vars used in this component.
+
+        Args:
+            include_children: Whether to include Vars from children.
+            ignore_ids: The ids to ignore.
+
+        Yields:
+            Each var referenced by the component (props, styles, event handlers).
+        """
+        ignore_ids = ignore_ids or set()
+        yield from super()._get_vars(
+            include_children=include_children, ignore_ids=ignore_ids
+        )
+        yield from filter(lambda prop: isinstance(prop, Var), self.props.values())
+
     @lru_cache(maxsize=None)  # noqa: B019
     def get_component(self) -> Component:
         """Render the component.
@@ -1966,8 +1928,6 @@ class StatefulComponent(BaseComponent):
         Returns:
             The stateful component or None if the component should not be memoized.
         """
-        from reflex.components.core.foreach import Foreach
-
         if component._memoization_mode.disposition == MemoizationDisposition.NEVER:
             # Never memoize this component.
             return None
@@ -1996,10 +1956,6 @@ class StatefulComponent(BaseComponent):
                 # Skip BaseComponent and StatefulComponent children.
                 if not isinstance(child, Component):
                     continue
-                # Always consider Foreach something that must be memoized by the parent.
-                if isinstance(child, Foreach):
-                    should_memoize = True
-                    break
                 child = cls._child_var(child)
                 if isinstance(child, Var) and child._get_all_var_data():
                     should_memoize = True
@@ -2049,18 +2005,9 @@ class StatefulComponent(BaseComponent):
             The Var from the child component or the child itself (for regular cases).
         """
         from reflex.components.base.bare import Bare
-        from reflex.components.core.cond import Cond
-        from reflex.components.core.foreach import Foreach
-        from reflex.components.core.match import Match
 
         if isinstance(child, Bare):
             return child.contents
-        if isinstance(child, Cond):
-            return child.cond
-        if isinstance(child, Foreach):
-            return child.iterable
-        if isinstance(child, Match):
-            return child.cond
         return child
 
     @classmethod
@@ -2407,53 +2354,6 @@ def render_dict_to_var(tag: dict | Component | str, imported_names: set[str]) ->
             return render_dict_to_var(tag.render(), imported_names)
         return Var.create(tag)
 
-    if "iterable" in tag:
-        function_return = Var.create(
-            [
-                render_dict_to_var(child.render(), imported_names)
-                for child in tag["children"]
-            ]
-        )
-
-        func = ArgsFunctionOperation.create(
-            (tag["arg_var_name"], tag["index_var_name"]),
-            function_return,
-        )
-
-        return FunctionStringVar.create("Array.prototype.map.call").call(
-            tag["iterable"]
-            if not isinstance(tag["iterable"], ObjectVar)
-            else tag["iterable"].items(),
-            func,
-        )
-
-    if tag["name"] == "match":
-        element = tag["cond"]
-
-        conditionals = render_dict_to_var(tag["default"], imported_names)
-
-        for case in tag["match_cases"][::-1]:
-            condition = case[0].to_string() == element.to_string()
-            for pattern in case[1:-1]:
-                condition = condition | (pattern.to_string() == element.to_string())
-
-            conditionals = ternary_operation(
-                condition,
-                render_dict_to_var(case[-1], imported_names),
-                conditionals,
-            )
-
-        return conditionals
-
-    if "cond" in tag:
-        return ternary_operation(
-            tag["cond"],
-            render_dict_to_var(tag["true_value"], imported_names),
-            render_dict_to_var(tag["false_value"], imported_names)
-            if tag["false_value"] is not None
-            else Var.create(None),
-        )
-
     props = {}
 
     special_props = []
@@ -2528,23 +2428,19 @@ class LiteralComponentVar(CachedVarOperation, LiteralVar, ComponentVar):
             The VarData for the var.
         """
         return VarData.merge(
-            self._var_data,
             VarData(
                 imports={
                     "@emotion/react": [
                         ImportVar(tag="jsx"),
                     ],
-                }
-            ),
-            VarData(
-                imports=self._var_value._get_all_imports(),
-            ),
-            VarData(
-                imports={
                     "react": [
                         ImportVar(tag="Fragment"),
                     ],
-                }
+                },
+                components=(self._var_value,),
+            ),
+            VarData(
+                imports=self._var_value._get_all_imports(),
             ),
         )
 
@@ -2571,21 +2467,9 @@ class LiteralComponentVar(CachedVarOperation, LiteralVar, ComponentVar):
         Returns:
             The var.
         """
-        var_datas = [
-            var_data
-            for var in value._get_vars(include_children=True)
-            if (var_data := var._get_all_var_data())
-        ]
-
         return LiteralComponentVar(
             _js_expr="",
             _var_type=type(value),
-            _var_data=VarData.merge(
-                _var_data,
-                *var_datas,
-                VarData(
-                    components=(value,),
-                ),
-            ),
+            _var_data=_var_data,
             _var_value=value,
         )

reflex/components/core/__init__.py

@@ -21,16 +21,14 @@ _SUBMOD_ATTRS: dict[str, list[str]] = {
     "colors": [
         "color",
     ],
-    "cond": ["Cond", "color_mode_cond", "cond"],
+    "cond": ["color_mode_cond", "cond"],
     "debounce": ["DebounceInput", "debounce_input"],
     "foreach": [
         "foreach",
-        "Foreach",
     ],
     "html": ["html", "Html"],
     "match": [
         "match",
-        "Match",
     ],
     "breakpoints": ["breakpoints", "set_breakpoints"],
     "responsive": [
@@ -48,7 +46,6 @@ _SUBMOD_ATTRS: dict[str, list[str]] = {
         "get_upload_url",
         "selected_files",
     ],
-    "auto_scroll": ["auto_scroll"],
 }
 
 __getattr__, __dir__, __all__ = lazy_loader.attach(

reflex/components/core/__init__.pyi

@@ -4,7 +4,6 @@
 # ------------------------------------------------------
 
 from . import layout as layout
-from .auto_scroll import auto_scroll as auto_scroll
 from .banner import ConnectionBanner as ConnectionBanner
 from .banner import ConnectionModal as ConnectionModal
 from .banner import ConnectionPulser as ConnectionPulser
@@ -18,16 +17,13 @@ from .breakpoints import set_breakpoints as set_breakpoints
 from .clipboard import Clipboard as Clipboard
 from .clipboard import clipboard as clipboard
 from .colors import color as color
-from .cond import Cond as Cond
 from .cond import color_mode_cond as color_mode_cond
 from .cond import cond as cond
 from .debounce import DebounceInput as DebounceInput
 from .debounce import debounce_input as debounce_input
-from .foreach import Foreach as Foreach
 from .foreach import foreach as foreach
 from .html import Html as Html
 from .html import html as html
-from .match import Match as Match
 from .match import match as match
 from .responsive import desktop_only as desktop_only
 from .responsive import mobile_and_tablet as mobile_and_tablet

reflex/components/core/auto_scroll.py

@@ -1,114 +0,0 @@
-"""A component that automatically scrolls to the bottom when new content is added."""
-
-from __future__ import annotations
-
-from reflex.components.el.elements.typography import Div
-from reflex.constants.compiler import MemoizationDisposition, MemoizationMode
-from reflex.utils.imports import ImportDict
-from reflex.vars.base import Var, get_unique_variable_name
-
-
-class AutoScroll(Div):
-    """A div that automatically scrolls to the bottom when new content is added."""
-
-    _memoization_mode = MemoizationMode(
-        disposition=MemoizationDisposition.ALWAYS, recursive=False
-    )
-
-    @classmethod
-    def create(cls, *children, **props):
-        """Create an AutoScroll component.
-
-        Args:
-            *children: The children of the component.
-            **props: The props of the component.
-
-        Returns:
-            An AutoScroll component.
-        """
-        props.setdefault("overflow", "auto")
-        props.setdefault("id", get_unique_variable_name())
-        return super().create(*children, **props)
-
-    def add_imports(self) -> ImportDict | list[ImportDict]:
-        """Add imports required for the component.
-
-        Returns:
-            The imports required for the component.
-        """
-        return {"react": ["useEffect", "useRef"]}
-
-    def add_hooks(self) -> list[str | Var]:
-        """Add hooks required for the component.
-
-        Returns:
-            The hooks required for the component.
-        """
-        ref_name = self.get_ref()
-        return [
-            "const wasNearBottom = useRef(false);",
-            "const hadScrollbar = useRef(false);",
-            f"""
-const checkIfNearBottom = () => {{
-    if (!{ref_name}.current) return;
-
-    const container = {ref_name}.current;
-    const nearBottomThreshold = 50; // pixels from bottom to trigger auto-scroll
-
-    const distanceFromBottom = container.scrollHeight - container.scrollTop - container.clientHeight;
-
-    wasNearBottom.current = distanceFromBottom <= nearBottomThreshold;
-
-    // Track if container had a scrollbar
-    hadScrollbar.current = container.scrollHeight > container.clientHeight;
-}};
-""",
-            f"""
-const scrollToBottomIfNeeded = () => {{
-    if (!{ref_name}.current) return;
-
-    const container = {ref_name}.current;
-    const hasScrollbarNow = container.scrollHeight > container.clientHeight;
-
-    // Scroll if:
-    // 1. User was near bottom, OR
-    // 2. Container didn't have scrollbar before but does now
-    if (wasNearBottom.current || (!hadScrollbar.current && hasScrollbarNow)) {{
-      container.scrollTop = container.scrollHeight;
-    }}
-
-    // Update scrollbar state for next check
-    hadScrollbar.current = hasScrollbarNow;
-}};
-""",
-            f"""
-useEffect(() => {{
-    const container = {ref_name}.current;
-    if (!container) return;
-
-    scrollToBottomIfNeeded();
-
-    // Create ResizeObserver to detect height changes
-    const resizeObserver = new ResizeObserver(() => {{
-        scrollToBottomIfNeeded();
-    }});
-
-    // Track scroll position before height changes
-    container.addEventListener('scroll', checkIfNearBottom);
-
-    // Initial check
-    checkIfNearBottom();
-
-    // Observe container for size changes
-    resizeObserver.observe(container);
-
-    return () => {{
-        container.removeEventListener('scroll', checkIfNearBottom);
-        resizeObserver.disconnect();
-    }};
-}});
-""",
-        ]
-
-
-auto_scroll = AutoScroll.create

reflex/components/core/auto_scroll.pyi

@@ -1,284 +0,0 @@
-"""Stub file for reflex/components/core/auto_scroll.py"""
-
-# ------------------- DO NOT EDIT ----------------------
-# This file was generated by `reflex/utils/pyi_generator.py`!
-# ------------------------------------------------------
-from typing import Any, Dict, Literal, Optional, Union, overload
-
-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
-
-class AutoScroll(Div):
-    @overload
-    @classmethod
-    def create(  # type: ignore
-        cls,
-        *children,
-        access_key: Optional[Union[Var[str], str]] = None,
-        auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
-        ] = None,
-        content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
-        ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
-        enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
-        ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
-        style: Optional[Style] = None,
-        key: Optional[Any] = None,
-        id: Optional[Any] = None,
-        class_name: Optional[Any] = None,
-        autofocus: Optional[bool] = None,
-        custom_attrs: Optional[Dict[str, Union[Var, Any]]] = None,
-        on_blur: Optional[EventType[()]] = None,
-        on_click: Optional[EventType[()]] = None,
-        on_context_menu: Optional[EventType[()]] = None,
-        on_double_click: Optional[EventType[()]] = None,
-        on_focus: Optional[EventType[()]] = None,
-        on_mount: Optional[EventType[()]] = None,
-        on_mouse_down: Optional[EventType[()]] = None,
-        on_mouse_enter: Optional[EventType[()]] = None,
-        on_mouse_leave: Optional[EventType[()]] = None,
-        on_mouse_move: Optional[EventType[()]] = None,
-        on_mouse_out: Optional[EventType[()]] = None,
-        on_mouse_over: Optional[EventType[()]] = None,
-        on_mouse_up: Optional[EventType[()]] = None,
-        on_scroll: Optional[EventType[()]] = None,
-        on_unmount: Optional[EventType[()]] = None,
-        **props,
-    ) -> "AutoScroll":
-        """Create an AutoScroll component.
-
-        Args:
-            *children: The children of the component.
-            access_key: Provides a hint for generating a keyboard shortcut for the current element.
-            auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
-            content_editable: Indicates whether the element's content is editable.
-            context_menu: Defines the ID of a <menu> element which will serve as the element's context menu.
-            dir: Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)
-            draggable: Defines whether the element can be dragged.
-            enter_key_hint: Hints what media types the media element is able to play.
-            hidden: Defines whether the element is hidden.
-            input_mode: Defines the type of the element.
-            item_prop: Defines the name of the element for metadata purposes.
-            lang: Defines the language used in the element.
-            role: Defines the role of the element.
-            slot: Assigns a slot in a shadow DOM shadow tree to an element.
-            spell_check: Defines whether the element may be checked for spelling errors.
-            tab_index: Defines the position of the current element in the tabbing order.
-            title: Defines a tooltip for the element.
-            style: The style of the component.
-            key: A unique key for the component.
-            id: The id for the component.
-            class_name: The class name for the component.
-            autofocus: Whether the component should take the focus once the page is loaded
-            custom_attrs: custom attribute
-            **props: The props of the component.
-
-        Returns:
-            An AutoScroll component.
-        """
-        ...
-
-    def add_imports(self) -> ImportDict | list[ImportDict]: ...
-    def add_hooks(self) -> list[str | Var]: ...
-
-auto_scroll = AutoScroll.create

reflex/components/core/banner.py

@@ -17,8 +17,7 @@ from reflex.components.radix.themes.components.dialog import (
 )
 from reflex.components.radix.themes.layout.flex import Flex
 from reflex.components.radix.themes.typography.text import Text
-from reflex.components.sonner.toast import ToastProps, toast_ref
-from reflex.config import environment
+from reflex.components.sonner.toast import Toaster, ToastProps
 from reflex.constants import Dirs, Hooks, Imports
 from reflex.constants.compiler import CompileVars
 from reflex.utils.imports import ImportVar
@@ -91,7 +90,7 @@ def default_connection_error() -> list[str | Var | Component]:
     ]
 
 
-class ConnectionToaster(Fragment):
+class ConnectionToaster(Toaster):
     """A connection toaster component."""
 
     def add_hooks(self) -> list[str | Var]:
@@ -111,42 +110,9 @@ class ConnectionToaster(Fragment):
             id=toast_id,
         )  # pyright: ignore [reportCallIssue]
 
-        if environment.REFLEX_DOES_BACKEND_COLD_START.get():
-            loading_message = Var.create("Backend is starting.")
-            backend_is_loading_toast_var = Var(
-                f"toast?.loading({loading_message!s}, {{...toast_props, description: '', closeButton: false, onDismiss: () => setUserDismissed(true)}},)"
-            )
-            backend_is_not_responding = Var.create("Backend is not responding.")
-            backend_is_down_toast_var = Var(
-                f"toast?.error({backend_is_not_responding!s}, {{...toast_props, description: '', onDismiss: () => setUserDismissed(true)}},)"
-            )
-            toast_var = Var(
-                f"""
-if (waitedForBackend) {{
-    {backend_is_down_toast_var!s}
-}} else {{
-    {backend_is_loading_toast_var!s};
-}}
-setTimeout(() => {{
-    if ({has_too_many_connection_errors!s}) {{
-        setWaitedForBackend(true);
-    }}
-}}, {environment.REFLEX_BACKEND_COLD_START_TIMEOUT.get() * 1000});
-"""
-            )
-        else:
-            loading_message = Var.create(
-                f"Cannot connect to server: {connection_error}."
-            )
-            toast_var = Var(
-                f"toast?.error({loading_message!s}, {{...toast_props, onDismiss: () => setUserDismissed(true)}},)"
-            )
-
         individual_hooks = [
-            Var(f"const toast = {toast_ref};"),
             f"const toast_props = {LiteralVar.create(props)!s};",
             "const [userDismissed, setUserDismissed] = useState(false);",
-            "const [waitedForBackend, setWaitedForBackend] = useState(false);",
             FunctionStringVar(
                 "useEffect",
                 _var_data=VarData(
@@ -162,16 +128,19 @@ setTimeout(() => {{
 () => {{
     if ({has_too_many_connection_errors!s}) {{
         if (!userDismissed) {{
-            {toast_var!s}
+            toast.error(
+                `Cannot connect to server: ${{{connection_error}}}.`,
+                {{...toast_props, onDismiss: () => setUserDismissed(true)}},
+            )
         }}
     }} else {{
-        toast?.dismiss("{toast_id}");
+        toast.dismiss("{toast_id}");
         setUserDismissed(false);  // after reconnection reset dismissed state
     }}
 }}
 """
                 ),
-                LiteralArrayVar.create([connect_errors, Var("waitedForBackend")]),
+                LiteralArrayVar.create([connect_errors]),
             ),
         ]
 
@@ -191,10 +160,11 @@ setTimeout(() => {{
         Returns:
             The connection toaster component.
         """
+        Toaster.is_used = True
         return super().create(*children, **props)
 
 
-class ConnectionBanner(Component):
+class ConnectionBanner(Fragment):
     """A connection banner component."""
 
     @classmethod
@@ -221,10 +191,10 @@ class ConnectionBanner(Component):
                 position="fixed",
             )
 
-        return cond(has_connection_errors, comp)
+        return super().create(cond(has_connection_errors, comp))
 
 
-class ConnectionModal(Component):
+class ConnectionModal(Fragment):
     """A connection status modal window."""
 
     @classmethod
@@ -239,16 +209,18 @@ class ConnectionModal(Component):
         """
         if not comp:
             comp = Text.create(*default_connection_error())
-        return cond(
-            has_too_many_connection_errors,
-            DialogRoot.create(
-                DialogContent.create(
-                    DialogTitle.create("Connection Error"),
-                    comp,
+        return super().create(
+            cond(
+                has_too_many_connection_errors,
+                DialogRoot.create(
+                    DialogContent.create(
+                        DialogTitle.create("Connection Error"),
+                        comp,
+                    ),
+                    open=has_too_many_connection_errors,
+                    z_index=9999,
                 ),
-                open=has_too_many_connection_errors,
-                z_index=9999,
-            ),
+            )
         )
 
 

reflex/components/core/banner.pyi

@@ -9,6 +9,7 @@ from reflex.components.base.fragment import Fragment
 from reflex.components.component import Component
 from reflex.components.el.elements.typography import Div
 from reflex.components.lucide.icon import Icon
+from reflex.components.sonner.toast import Toaster, ToastProps
 from reflex.constants.compiler import CompileVars
 from reflex.event import EventType
 from reflex.style import Style
@@ -41,13 +42,48 @@ class WebsocketTargetURL(Var):
 
 def default_connection_error() -> list[str | Var | Component]: ...
 
-class ConnectionToaster(Fragment):
+class ConnectionToaster(Toaster):
     def add_hooks(self) -> list[str | Var]: ...
     @overload
     @classmethod
     def create(  # type: ignore
         cls,
         *children,
+        theme: Optional[Union[Var[str], str]] = None,
+        rich_colors: Optional[Union[Var[bool], bool]] = None,
+        expand: Optional[Union[Var[bool], bool]] = None,
+        visible_toasts: Optional[Union[Var[int], int]] = None,
+        position: Optional[
+            Union[
+                Literal[
+                    "bottom-center",
+                    "bottom-left",
+                    "bottom-right",
+                    "top-center",
+                    "top-left",
+                    "top-right",
+                ],
+                Var[
+                    Literal[
+                        "bottom-center",
+                        "bottom-left",
+                        "bottom-right",
+                        "top-center",
+                        "top-left",
+                        "top-right",
+                    ]
+                ],
+            ]
+        ] = None,
+        close_button: Optional[Union[Var[bool], bool]] = None,
+        offset: Optional[Union[Var[str], str]] = None,
+        dir: Optional[Union[Var[str], str]] = None,
+        hotkey: Optional[Union[Var[str], str]] = None,
+        invert: Optional[Union[Var[bool], bool]] = None,
+        toast_options: Optional[Union[ToastProps, Var[ToastProps]]] = None,
+        gap: Optional[Union[Var[int], int]] = None,
+        loading_icon: Optional[Union[Icon, Var[Icon]]] = None,
+        pause_when_page_is_hidden: Optional[Union[Var[bool], bool]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,
@@ -75,6 +111,20 @@ class ConnectionToaster(Fragment):
 
         Args:
             *children: The children of the component.
+            theme: the theme of the toast
+            rich_colors: whether to show rich colors
+            expand: whether to expand the toast
+            visible_toasts: the number of toasts that are currently visible
+            position: the position of the toast
+            close_button: whether to show the close button
+            offset: offset of the toast
+            dir: directionality of the toast (default: ltr)
+            hotkey: Keyboard shortcut that will move focus to the toaster area.
+            invert: Dark toasts in light mode and vice versa.
+            toast_options: These will act as default options for all toasts. See toast() for all available options.
+            gap: Gap between toasts when expanded
+            loading_icon: Changes the default loading icon
+            pause_when_page_is_hidden: Pauses toast timers when the page is hidden, e.g., when the tab is backgrounded, the browser is minimized, or the OS is locked.
             style: The style of the component.
             key: A unique key for the component.
             id: The id for the component.
@@ -88,7 +138,7 @@ class ConnectionToaster(Fragment):
         """
         ...
 
-class ConnectionBanner(Component):
+class ConnectionBanner(Fragment):
     @overload
     @classmethod
     def create(  # type: ignore
@@ -127,7 +177,7 @@ class ConnectionBanner(Component):
         """
         ...
 
-class ConnectionModal(Component):
+class ConnectionModal(Fragment):
     @overload
     @classmethod
     def create(  # type: ignore
@@ -222,211 +272,30 @@ class ConnectionPulser(Div):
     def create(  # type: ignore
         cls,
         *children,
-        access_key: Optional[Union[Var[str], str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,
@@ -488,211 +357,30 @@ class BackendDisabled(Div):
     def create(  # type: ignore
         cls,
         *children,
-        access_key: Optional[Union[Var[str], str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,

reflex/components/core/breakpoints.py

@@ -18,7 +18,7 @@ def set_breakpoints(values: Tuple[str, str, str, str, str]):
     breakpoints_values.extend(values)
 
 
-K = TypeVar("K", bound=str)
+K = TypeVar("K")
 V = TypeVar("V")
 
 

reflex/components/core/client_side_routing.py

@@ -41,7 +41,7 @@ class ClientSideRouting(Component):
         return ""
 
 
-def wait_for_client_redirect(component: Component) -> Component:
+def wait_for_client_redirect(component: Component) -> Var[Component]:
     """Wait for a redirect to occur before rendering a component.
 
     This prevents the 404 page from flashing while the redirect is happening.
@@ -53,9 +53,9 @@ def wait_for_client_redirect(component: Component) -> Component:
         The conditionally rendered component.
     """
     return cond(
-        condition=route_not_found,
-        c1=component,
-        c2=ClientSideRouting.create(),
+        route_not_found,
+        component,
+        ClientSideRouting.create(),
     )
 
 

reflex/components/core/cond.py

@@ -2,118 +2,31 @@
 
 from __future__ import annotations
 
-from typing import Any, Dict, Optional, overload
+from typing import Any, TypeVar, Union, overload
 
 from reflex.components.base.fragment import Fragment
-from reflex.components.component import BaseComponent, Component, MemoizationLeaf
-from reflex.components.tags import CondTag, Tag
-from reflex.constants import Dirs
+from reflex.components.component import BaseComponent, Component
 from reflex.style import LIGHT_COLOR_MODE, resolved_color_mode
-from reflex.utils.imports import ImportDict, ImportVar
-from reflex.vars import VarData
+from reflex.utils import types
 from reflex.vars.base import LiteralVar, Var
 from reflex.vars.number import ternary_operation
 
-_IS_TRUE_IMPORT: ImportDict = {
-    f"$/{Dirs.STATE_PATH}": [ImportVar(tag="isTrue")],
-}
+
+@overload
+def cond(
+    condition: Any, c1: BaseComponent | Var[BaseComponent], c2: Any = None, /
+) -> Var[Component]: ...
 
 
-class Cond(MemoizationLeaf):
-    """Render one of two components based on a condition."""
-
-    # The cond to determine which component to render.
-    cond: Var[Any]
-
-    # The component to render if the cond is true.
-    comp1: BaseComponent | None = None
-    # The component to render if the cond is false.
-    comp2: BaseComponent | None = None
-
-    @classmethod
-    def create(
-        cls,
-        cond: Var,
-        comp1: BaseComponent,
-        comp2: Optional[BaseComponent] = None,
-    ) -> Component:
-        """Create a conditional component.
-
-        Args:
-            cond: The cond to determine which component to render.
-            comp1: The component to render if the cond is true.
-            comp2: The component to render if the cond is false.
-
-        Returns:
-            The conditional component.
-        """
-        # Wrap everything in fragments.
-        if type(comp1).__name__ != "Fragment":
-            comp1 = Fragment.create(comp1)
-        if comp2 is None or type(comp2).__name__ != "Fragment":
-            comp2 = Fragment.create(comp2) if comp2 else Fragment.create()
-        return Fragment.create(
-            cls(
-                cond=cond,
-                comp1=comp1,
-                comp2=comp2,
-                children=[comp1, comp2],
-            )
-        )
-
-    def _render(self) -> Tag:
-        return CondTag(
-            cond=self.cond,
-            true_value=self.comp1.render(),  # pyright: ignore [reportOptionalMemberAccess]
-            false_value=self.comp2.render(),  # pyright: ignore [reportOptionalMemberAccess]
-        )
-
-    def render(self) -> Dict:
-        """Render the component.
-
-        Returns:
-            The dictionary for template of component.
-        """
-        tag = self._render()
-        return dict(
-            tag.add_props(
-                **self.event_triggers,
-                key=self.key,
-                sx=self.style,
-                id=self.id,
-                class_name=self.class_name,
-            ).set(
-                props=tag.format_props(),
-            ),
-            cond_state=f"isTrue({self.cond!s})",
-        )
-
-    def add_imports(self) -> ImportDict:
-        """Add imports for the Cond component.
-
-        Returns:
-            The import dict for the component.
-        """
-        var_data = VarData.merge(self.cond._get_all_var_data())
-
-        imports = var_data.old_school_imports() if var_data else {}
-
-        return {**imports, **_IS_TRUE_IMPORT}
+T = TypeVar("T")
+V = TypeVar("V")
 
 
 @overload
-def cond(condition: Any, c1: Component, c2: Any) -> Component: ...  # pyright: ignore [reportOverlappingOverload]
+def cond(condition: Any, c1: T | Var[T], c2: V | Var[V], /) -> Var[T | V]: ...
 
 
-@overload
-def cond(condition: Any, c1: Component) -> Component: ...
-
-
-@overload
-def cond(condition: Any, c1: Any, c2: Any) -> Var: ...
-
-
-def cond(condition: Any, c1: Any, c2: Any = None) -> Component | Var:
+def cond(condition: Any, c1: Any, c2: Any = None, /) -> Var:
     """Create a conditional component or Prop.
 
     Args:
@@ -129,48 +42,40 @@ def cond(condition: Any, c1: Any, c2: Any = None) -> Component | Var:
     """
     # Convert the condition to a Var.
     cond_var = LiteralVar.create(condition)
-    if cond_var is None:
-        raise ValueError("The condition must be set.")
 
-    # If the first component is a component, create a Cond component.
-    if isinstance(c1, BaseComponent):
-        if c2 is not None and not isinstance(c2, BaseComponent):
-            raise ValueError("Both arguments must be components.")
-        return Cond.create(cond_var, c1, c2)
+    # If the first component is a component, create a Fragment if the second component is not set.
+    if isinstance(c1, BaseComponent) or (
+        isinstance(c1, Var)
+        and types.safe_typehint_issubclass(
+            c1._var_type, Union[BaseComponent, list[BaseComponent]]
+        )
+    ):
+        c2 = c2 if c2 is not None else Fragment.create()
 
-    # Otherwise, create a conditional Var.
     # Check that the second argument is valid.
-    if isinstance(c2, BaseComponent):
-        raise ValueError("Both arguments must be props.")
     if c2 is None:
         raise ValueError("For conditional vars, the second argument must be set.")
 
-    def create_var(cond_part: Any) -> Var[Any]:
-        return LiteralVar.create(cond_part)
-
-    # convert the truth and false cond parts into vars so the _var_data can be obtained.
-    c1 = create_var(c1)
-    c2 = create_var(c2)
-
     # Create the conditional var.
     return ternary_operation(
-        cond_var.bool()._replace(
-            merge_var_data=VarData(imports=_IS_TRUE_IMPORT),
-        ),
+        cond_var.bool(),
         c1,
         c2,
     )
 
 
 @overload
-def color_mode_cond(light: Component, dark: Component | None = None) -> Component: ...  # pyright: ignore [reportOverlappingOverload]
+def color_mode_cond(
+    light: BaseComponent | Var[BaseComponent],
+    dark: BaseComponent | Var[BaseComponent] | None = ...,
+) -> Var[Component]: ...
 
 
 @overload
-def color_mode_cond(light: Any, dark: Any = None) -> Var: ...
+def color_mode_cond(light: T | Var[T], dark: V | Var[V]) -> Var[T | V]: ...
 
 
-def color_mode_cond(light: Any, dark: Any = None) -> Var | Component:
+def color_mode_cond(light: Any, dark: Any = None) -> Var:
     """Create a component or Prop based on color_mode.
 
     Args:
@@ -185,3 +90,9 @@ def color_mode_cond(light: Any, dark: Any = None) -> Var | Component:
         light,
         dark,
     )
+
+
+class Cond:
+    """Create a conditional component or Prop."""
+
+    create = staticmethod(cond)

reflex/components/core/foreach.py

@@ -2,16 +2,9 @@
 
 from __future__ import annotations
 
-import functools
-import inspect
-from typing import Any, Callable, Iterable
+from typing import Callable, Iterable
 
-from reflex.components.base.fragment import Fragment
-from reflex.components.component import Component
-from reflex.components.tags import IterTag
-from reflex.constants import MemoizationMode
-from reflex.state import ComponentState
-from reflex.utils.exceptions import UntypedVarError
+from reflex.vars import ArrayVar, ObjectVar, StringVar
 from reflex.vars.base import LiteralVar, Var
 
 
@@ -23,149 +16,42 @@ class ForeachRenderError(TypeError):
     """Raised when there is an error with the foreach render function."""
 
 
-class Foreach(Component):
-    """A component that takes in an iterable and a render function and renders a list of components."""
+def foreach(
+    iterable: Var[Iterable] | Iterable,
+    render_fn: Callable,
+) -> Var:
+    """Create a foreach component.
 
-    _memoization_mode = MemoizationMode(recursive=False)
+    Args:
+        iterable: The iterable to create components from.
+        render_fn: A function from the render args to the component.
 
-    # The iterable to create components from.
-    iterable: Var[Iterable]
+    Returns:
+        The foreach component.
 
-    # A function from the render args to the component.
-    render_fn: Callable = Fragment.create
+    Raises:
+        ForeachVarError: If the iterable is of type Any.
+        TypeError: If the render function is a ComponentState.
+        UntypedVarError: If the iterable is of type Any without a type annotation.
+    """
+    iterable = LiteralVar.create(iterable).guess_type()
 
-    @classmethod
-    def create(
-        cls,
-        iterable: Var[Iterable] | Iterable,
-        render_fn: Callable,
-    ) -> Foreach:
-        """Create a foreach component.
+    if isinstance(iterable, ObjectVar):
+        iterable = iterable.entries()
 
-        Args:
-            iterable: The iterable to create components from.
-            render_fn: A function from the render args to the component.
+    if isinstance(iterable, StringVar):
+        iterable = iterable.split()
 
-        Returns:
-            The foreach component.
-
-        Raises:
-            ForeachVarError: If the iterable is of type Any.
-            TypeError: If the render function is a ComponentState.
-            UntypedVarError: If the iterable is of type Any without a type annotation.
-        """
-        from reflex.vars import ArrayVar, ObjectVar, StringVar
-
-        iterable = LiteralVar.create(iterable).guess_type()
-
-        if iterable._var_type == Any:
-            raise ForeachVarError(
-                f"Could not foreach over var `{iterable!s}` of type Any. "
-                "(If you are trying to foreach over a state var, add a type annotation to the var). "
-                "See https://reflex.dev/docs/library/dynamic-rendering/foreach/"
-            )
-
-        if (
-            hasattr(render_fn, "__qualname__")
-            and render_fn.__qualname__ == ComponentState.create.__qualname__
-        ):
-            raise TypeError(
-                "Using a ComponentState as `render_fn` inside `rx.foreach` is not supported yet."
-            )
-
-        if isinstance(iterable, ObjectVar):
-            iterable = iterable.entries()
-
-        if isinstance(iterable, StringVar):
-            iterable = iterable.split()
-
-        if not isinstance(iterable, ArrayVar):
-            raise ForeachVarError(
-                f"Could not foreach over var `{iterable!s}` of type {iterable._var_type}. "
-                "See https://reflex.dev/docs/library/dynamic-rendering/foreach/"
-            )
-
-        component = cls(
-            iterable=iterable,
-            render_fn=render_fn,
-        )
-        try:
-            # Keep a ref to a rendered component to determine correct imports/hooks/styles.
-            component.children = [component._render().render_component()]
-        except UntypedVarError as e:
-            raise UntypedVarError(
-                f"Could not foreach over var `{iterable!s}` without a type annotation. "
-                "See https://reflex.dev/docs/library/dynamic-rendering/foreach/"
-            ) from e
-        return component
-
-    def _render(self) -> IterTag:
-        props = {}
-
-        render_sig = inspect.signature(self.render_fn)
-        params = list(render_sig.parameters.values())
-
-        # Validate the render function signature.
-        if len(params) == 0 or len(params) > 2:
-            raise ForeachRenderError(
-                "Expected 1 or 2 parameters in foreach render function, got "
-                f"{[p.name for p in params]}. See "
-                "https://reflex.dev/docs/library/dynamic-rendering/foreach/"
-            )
-
-        if len(params) >= 1:
-            # Determine the arg var name based on the params accepted by render_fn.
-            props["arg_var_name"] = params[0].name
-
-        if len(params) == 2:
-            # Determine the index var name based on the params accepted by render_fn.
-            props["index_var_name"] = params[1].name
-        else:
-            render_fn = self.render_fn
-            # Otherwise, use a deterministic index, based on the render function bytecode.
-            code_hash = (
-                hash(
-                    getattr(
-                        render_fn,
-                        "__code__",
-                        (
-                            repr(self.render_fn)
-                            if not isinstance(render_fn, functools.partial)
-                            else render_fn.func.__code__
-                        ),
-                    )
-                )
-                .to_bytes(
-                    length=8,
-                    byteorder="big",
-                    signed=True,
-                )
-                .hex()
-            )
-            props["index_var_name"] = f"index_{code_hash}"
-
-        return IterTag(
-            iterable=self.iterable,
-            render_fn=self.render_fn,
-            children=self.children,
-            **props,
+    if not isinstance(iterable, ArrayVar):
+        raise ForeachVarError(
+            f"Could not foreach over var `{iterable!s}` of type {iterable._var_type}. "
+            "See https://reflex.dev/docs/library/dynamic-rendering/foreach/"
         )
 
-    def render(self):
-        """Render the component.
-
-        Returns:
-            The dictionary for template of component.
-        """
-        tag = self._render()
-
-        return dict(
-            tag,
-            iterable_state=str(tag.iterable),
-            arg_name=tag.arg_var_name,
-            arg_index=tag.get_index_var_arg(),
-            iterable_type=tag.iterable._var_type.mro()[0].__name__,
-        )
+    return iterable.foreach(render_fn)
 
 
-foreach = Foreach.create
+class Foreach:
+    """Create a foreach component."""
+
+    create = staticmethod(foreach)

reflex/components/core/html.pyi

@@ -3,7 +3,7 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Dict, Literal, Optional, Union, overload
+from typing import Any, Dict, Optional, Union, overload
 
 from reflex.components.el.elements.typography import Div
 from reflex.event import EventType
@@ -19,211 +19,30 @@ class Html(Div):
         dangerouslySetInnerHTML: Optional[
             Union[Dict[str, str], Var[Dict[str, str]]]
         ] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,

reflex/components/core/match.py

@@ -1,274 +1,161 @@
 """rx.match."""
 
-import textwrap
-from typing import Any, Dict, List, Optional, Tuple, Union
+from typing import Any, Union, cast
+
+from typing_extensions import Unpack
 
 from reflex.components.base import Fragment
-from reflex.components.component import BaseComponent, Component, MemoizationLeaf
-from reflex.components.tags import MatchTag, Tag
-from reflex.style import Style
-from reflex.utils import format, types
+from reflex.components.component import BaseComponent
+from reflex.utils import types
 from reflex.utils.exceptions import MatchTypeError
-from reflex.utils.imports import ImportDict
-from reflex.vars import VarData
-from reflex.vars.base import LiteralVar, Var
+from reflex.vars.base import VAR_TYPE, Var
+from reflex.vars.number import MatchOperation
+
+CASE_TYPE = tuple[Unpack[tuple[Any, ...]], Var[VAR_TYPE] | VAR_TYPE]
 
 
-class Match(MemoizationLeaf):
-    """Match cases based on a condition."""
+def _process_match_cases(cases: tuple[CASE_TYPE[VAR_TYPE], ...]):
+    """Process the individual match cases.
 
-    # The condition to determine which case to match.
-    cond: Var[Any]
+    Args:
+        cases: The match cases.
 
-    # The list of match cases to be matched.
-    match_cases: List[Any] = []
-
-    # The catchall case to match.
-    default: Any
-
-    @classmethod
-    def create(cls, cond: Any, *cases) -> Union[Component, Var]:
-        """Create a Match Component.
-
-        Args:
-            cond: The condition to determine which case to match.
-            cases: This list of cases to match.
-
-        Returns:
-            The match component.
-
-        Raises:
-            ValueError: When a default case is not provided for cases with Var return types.
-        """
-        match_cond_var = cls._create_condition_var(cond)
-        cases, default = cls._process_cases(list(cases))
-        match_cases = cls._process_match_cases(cases)
-
-        cls._validate_return_types(match_cases)
-
-        if default is None and types._issubclass(type(match_cases[0][-1]), Var):
+    Raises:
+        ValueError: If the default case is not the last case or the tuple elements are less than 2.
+    """
+    for case in cases:
+        if not isinstance(case, tuple):
             raise ValueError(
-                "For cases with return types as Vars, a default case must be provided"
+                "rx.match should have tuples of cases and a default case as the last argument."
             )
 
-        return cls._create_match_cond_var_or_component(
-            match_cond_var, match_cases, default
-        )
-
-    @classmethod
-    def _create_condition_var(cls, cond: Any) -> Var:
-        """Convert the condition to a Var.
-
-        Args:
-            cond: The condition.
-
-        Returns:
-            The condition as a base var
-
-        Raises:
-            ValueError: If the condition is not provided.
-        """
-        match_cond_var = LiteralVar.create(cond)
-
-        if match_cond_var is None:
-            raise ValueError("The condition must be set")
-        return match_cond_var
-
-    @classmethod
-    def _process_cases(
-        cls, cases: List
-    ) -> Tuple[List, Optional[Union[Var, BaseComponent]]]:
-        """Process the list of match cases and the catchall default case.
-
-        Args:
-            cases: The list of match cases.
-
-        Returns:
-            The default case and the list of match case tuples.
-
-        Raises:
-            ValueError: If there are multiple default cases.
-        """
-        default = None
-
-        if len([case for case in cases if not isinstance(case, tuple)]) > 1:
-            raise ValueError("rx.match can only have one default case.")
-
-        if not cases:
-            raise ValueError("rx.match should have at least one case.")
-
-        # Get the default case which should be the last non-tuple arg
-        if not isinstance(cases[-1], tuple):
-            default = cases.pop()
-            default = (
-                cls._create_case_var_with_var_data(default)
-                if not isinstance(default, BaseComponent)
-                else default
+        # There should be at least two elements in a case tuple(a condition and return value)
+        if len(case) < 2:
+            raise ValueError(
+                "A case tuple should have at least a match case element and a return value."
             )
 
-        return cases, default
 
-    @classmethod
-    def _create_case_var_with_var_data(cls, case_element: Any) -> Var:
-        """Convert a case element into a Var.If the case
-        is a Style type, we extract the var data and merge it with the
-        newly created Var.
+def _validate_return_types(*return_values: Any) -> bool:
+    """Validate that match cases have the same return types.
 
-        Args:
-            case_element: The case element.
+    Args:
+        return_values: The return values of the match cases.
 
-        Returns:
-            The case element Var.
-        """
-        _var_data = case_element._var_data if isinstance(case_element, Style) else None
-        case_element = LiteralVar.create(case_element, _var_data=_var_data)
-        return case_element
+    Returns:
+        True if all cases have the same return types.
 
-    @classmethod
-    def _process_match_cases(cls, cases: List) -> List[List[Var]]:
-        """Process the individual match cases.
+    Raises:
+        MatchTypeError: If the return types of cases are different.
+    """
 
-        Args:
-            cases: The match cases.
-
-        Returns:
-            The processed match cases.
-
-        Raises:
-            ValueError: If the default case is not the last case or the tuple elements are less than 2.
-        """
-        match_cases = []
-        for case in cases:
-            if not isinstance(case, tuple):
-                raise ValueError(
-                    "rx.match should have tuples of cases and a default case as the last argument."
-                )
-            # There should be at least two elements in a case tuple(a condition and return value)
-            if len(case) < 2:
-                raise ValueError(
-                    "A case tuple should have at least a match case element and a return value."
-                )
-
-            case_list = []
-            for element in case:
-                # convert all non component element to vars.
-                el = (
-                    cls._create_case_var_with_var_data(element)
-                    if not isinstance(element, BaseComponent)
-                    else element
-                )
-                if not isinstance(el, (Var, BaseComponent)):
-                    raise ValueError("Case element must be a var or component")
-                case_list.append(el)
-
-            match_cases.append(case_list)
-
-        return match_cases
-
-    @classmethod
-    def _validate_return_types(cls, match_cases: List[List[Var]]) -> None:
-        """Validate that match cases have the same return types.
-
-        Args:
-            match_cases: The match cases.
-
-        Raises:
-            MatchTypeError: If the return types of cases are different.
-        """
-        first_case_return = match_cases[0][-1]
-        return_type = type(first_case_return)
-
-        if isinstance(first_case_return, BaseComponent):
-            return_type = BaseComponent
-        elif isinstance(first_case_return, Var):
-            return_type = Var
-
-        for index, case in enumerate(match_cases):
-            if not types._issubclass(type(case[-1]), return_type):
-                raise MatchTypeError(
-                    f"Match cases should have the same return types. Case {index} with return "
-                    f"value `{case[-1]._js_expr if isinstance(case[-1], Var) else textwrap.shorten(str(case[-1]), width=250)}`"
-                    f" of type {type(case[-1])!r} is not {return_type}"
-                )
-
-    @classmethod
-    def _create_match_cond_var_or_component(
-        cls,
-        match_cond_var: Var,
-        match_cases: List[List[Var]],
-        default: Optional[Union[Var, BaseComponent]],
-    ) -> Union[Component, Var]:
-        """Create and return the match condition var or component.
-
-        Args:
-            match_cond_var: The match condition.
-            match_cases: The list of match cases.
-            default: The default case.
-
-        Returns:
-            The match component wrapped in a fragment or the match var.
-
-        Raises:
-            ValueError: If the return types are not vars when creating a match var for Var types.
-        """
-        if default is None and types._issubclass(
-            type(match_cases[0][-1]), BaseComponent
-        ):
-            default = Fragment.create()
-
-        if types._issubclass(type(match_cases[0][-1]), BaseComponent):
-            return Fragment.create(
-                cls(
-                    cond=match_cond_var,
-                    match_cases=match_cases,
-                    default=default,
-                    children=[case[-1] for case in match_cases] + [default],  # pyright: ignore [reportArgumentType]
-                )
+    def is_component_or_component_var(obj: Any) -> bool:
+        return types._isinstance(obj, BaseComponent) or (
+            isinstance(obj, Var)
+            and types.safe_typehint_issubclass(
+                obj._var_type, Union[list[BaseComponent], BaseComponent]
             )
-
-        # Validate the match cases (as well as the default case) to have Var return types.
-        if any(
-            case for case in match_cases if not isinstance(case[-1], Var)
-        ) or not isinstance(default, Var):
-            raise ValueError("Return types of match cases should be Vars.")
-
-        return Var(
-            _js_expr=format.format_match(
-                cond=str(match_cond_var),
-                match_cases=match_cases,
-                default=default,  # pyright: ignore [reportArgumentType]
-            ),
-            _var_type=default._var_type,  # pyright: ignore [reportAttributeAccessIssue,reportOptionalMemberAccess]
-            _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]
-            ),
         )
 
-    def _render(self) -> Tag:
-        return MatchTag(
-            cond=self.cond, match_cases=self.match_cases, default=self.default
+    def type_of_return_value(obj: Any) -> Any:
+        if isinstance(obj, Var):
+            return obj._var_type
+        return type(obj)
+
+    is_return_type_component = [
+        is_component_or_component_var(return_type) for return_type in return_values
+    ]
+
+    if any(is_return_type_component) and not all(is_return_type_component):
+        non_component_return_types = [
+            (type_of_return_value(return_value), i)
+            for i, return_value in enumerate(return_values)
+            if not is_return_type_component[i]
+        ]
+        raise MatchTypeError(
+            "Match cases should have the same return types. "
+            + "Expected return types to be of type Component or Var[Component]. "
+            + ". ".join(
+                [
+                    f"Return type of case {i} is {return_type}"
+                    for return_type, i in non_component_return_types
+                ]
+            )
         )
 
-    def render(self) -> Dict:
-        """Render the component.
-
-        Returns:
-            The dictionary for template of component.
-        """
-        tag = self._render()
-        tag.name = "match"
-        return dict(tag)
-
-    def add_imports(self) -> ImportDict:
-        """Add imports for the Match component.
-
-        Returns:
-            The import dict.
-        """
-        var_data = VarData.merge(self.cond._get_all_var_data())
-        return var_data.old_school_imports() if var_data else {}
+    return all(is_return_type_component)
 
 
-match = Match.create
+def _create_match_var(
+    match_cond_var: Var,
+    match_cases: tuple[CASE_TYPE[VAR_TYPE], ...],
+    default: VAR_TYPE | Var[VAR_TYPE],
+) -> Var[VAR_TYPE]:
+    """Create the match var.
+
+    Args:
+        match_cond_var: The match condition var.
+        match_cases: The match cases.
+        default: The default case.
+
+    Returns:
+        The match var.
+    """
+    return MatchOperation.create(match_cond_var, match_cases, default)
+
+
+def match(
+    cond: Any,
+    *cases: Unpack[
+        tuple[Unpack[tuple[CASE_TYPE[VAR_TYPE], ...]], Var[VAR_TYPE] | VAR_TYPE]
+    ],
+) -> Var[VAR_TYPE]:
+    """Create a match var.
+
+    Args:
+        cond: The condition to match.
+        cases: The match cases. Each case should be a tuple with the first elements as the match case and the last element as the return value. The last argument should be the default case.
+
+    Returns:
+        The match var.
+
+    Raises:
+        ValueError: If the default case is not the last case or the tuple elements are less than 2.
+    """
+    default = types.Unset()
+
+    if len([case for case in cases if not isinstance(case, tuple)]) > 1:
+        raise ValueError("rx.match can only have one default case.")
+
+    if not cases:
+        raise ValueError("rx.match should have at least one case.")
+
+    # Get the default case which should be the last non-tuple arg
+    if not isinstance(cases[-1], tuple):
+        default = cases[-1]
+        actual_cases = cases[:-1]
+    else:
+        actual_cases = cast(tuple[CASE_TYPE[VAR_TYPE], ...], cases)
+
+    _process_match_cases(actual_cases)
+
+    is_component_match = _validate_return_types(
+        *[case[-1] for case in actual_cases],
+        *([default] if not isinstance(default, types.Unset) else []),
+    )
+
+    if isinstance(default, types.Unset) and not is_component_match:
+        raise ValueError(
+            "For cases with return types as Vars, a default case must be provided"
+        )
+
+    if isinstance(default, types.Unset):
+        default = Fragment.create()
+
+    default = cast(Var[VAR_TYPE] | VAR_TYPE, default)
+
+    return _create_match_var(
+        cond,
+        actual_cases,
+        default,
+    )

reflex/components/core/upload.py

@@ -147,7 +147,7 @@ uploaded_files_url_prefix = Var(
 ).to(str)
 
 
-def get_upload_url(file_path: str | Var[str]) -> Var[str]:
+def get_upload_url(file_path: str) -> Var[str]:
     """Get the URL of an uploaded file.
 
     Args:
@@ -158,7 +158,7 @@ def get_upload_url(file_path: str | Var[str]) -> Var[str]:
     """
     Upload.is_used = True
 
-    return Var.create(f"{uploaded_files_url_prefix}/{file_path}")
+    return uploaded_files_url_prefix + "/" + file_path
 
 
 def _on_drop_spec(files: Var) -> Tuple[Var[Any]]:

reflex/components/core/upload.pyi

@@ -35,7 +35,7 @@ uploaded_files_url_prefix = Var(
     ),
 ).to(str)
 
-def get_upload_url(file_path: str | Var[str]) -> Var[str]: ...
+def get_upload_url(file_path: str) -> Var[str]: ...
 
 class UploadFilesProvider(Component):
     @overload

reflex/components/datadisplay/dataeditor.py

@@ -3,7 +3,9 @@
 from __future__ import annotations
 
 from enum import Enum
-from typing import Any, Dict, List, Literal, Optional, Tuple, TypedDict, Union
+from typing import Any, Dict, List, Literal, Optional, Tuple, Union
+
+from typing_extensions import TypedDict
 
 from reflex.base import Base
 from reflex.components.component import Component, NoSSRComponent
@@ -301,7 +303,7 @@ class DataEditor(NoSSRComponent):
 
     # Fired when editing is finished.
     on_finished_editing: EventHandler[
-        passthrough_event_spec(Union[GridCell, None], tuple[int, int])
+        passthrough_event_spec(Union[GridCell, None], tuple[int, int])  # pyright: ignore[reportArgumentType]
     ]
 
     # Fired when a row is appended.

reflex/components/datadisplay/dataeditor.pyi

@@ -4,7 +4,9 @@
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
 from enum import Enum
-from typing import Any, Dict, List, Literal, Optional, TypedDict, Union, overload
+from typing import Any, Dict, List, Literal, Optional, Union, overload
+
+from typing_extensions import TypedDict
 
 from reflex.base import Base
 from reflex.components.component import NoSSRComponent

reflex/components/datadisplay/shiki_code_block.py

@@ -828,7 +828,7 @@ class ShikiHighLevelCodeBlock(ShikiCodeBlock):
         if isinstance(code, Var):
             return string_replace_operation(
                 code, StringVar(_js_expr=f"/{regex_pattern}/g", _var_type=str), ""
-            )
+            ).guess_type()
         if isinstance(code, str):
             return re.sub(regex_pattern, "", code)
 

reflex/components/el/elements/base.py

@@ -1,136 +1,58 @@
 """Base classes."""
 
-from typing import Literal
+from typing import Union
 
 from reflex.components.el.element import Element
 from reflex.vars.base import Var
 
-AutoCapitalize = Literal["off", "none", "on", "sentences", "words", "characters"]
-ContentEditable = Literal[True, False, "inherit", "plaintext-only"]
-EnterKeyHint = Literal["enter", "done", "go", "next", "previous", "search", "send"]
-InputMode = Literal[
-    "none", "text", "tel", "url", "email", "numeric", "decimal", "search", "search"
-]
-AriaRole = Literal[
-    "alert",
-    "alertdialog",
-    "application",
-    "article",
-    "banner",
-    "button",
-    "cell",
-    "checkbox",
-    "columnheader",
-    "combobox",
-    "complementary",
-    "contentinfo",
-    "definition",
-    "dialog",
-    "directory",
-    "document",
-    "feed",
-    "figure",
-    "form",
-    "grid",
-    "gridcell",
-    "group",
-    "heading",
-    "img",
-    "link",
-    "list",
-    "listbox",
-    "listitem",
-    "log",
-    "main",
-    "marquee",
-    "math",
-    "menu",
-    "menubar",
-    "menuitem",
-    "menuitemcheckbox",
-    "menuitemradio",
-    "navigation",
-    "none",
-    "note",
-    "option",
-    "presentation",
-    "progressbar",
-    "radio",
-    "radiogroup",
-    "region",
-    "row",
-    "rowgroup",
-    "rowheader",
-    "scrollbar",
-    "search",
-    "searchbox",
-    "separator",
-    "slider",
-    "spinbutton",
-    "status",
-    "switch",
-    "tab",
-    "table",
-    "tablist",
-    "tabpanel",
-    "term",
-    "textbox",
-    "timer",
-    "toolbar",
-    "tooltip",
-    "tree",
-    "treegrid",
-    "treeitem",
-]
-
 
 class BaseHTML(Element):
     """Base class for common attributes."""
 
     # Provides a hint for generating a keyboard shortcut for the current element.
-    access_key: Var[str]
+    access_key: Var[Union[str, int, bool]]
 
     # Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
-    auto_capitalize: Var[AutoCapitalize]
+    auto_capitalize: Var[Union[str, int, bool]]
 
     # Indicates whether the element's content is editable.
-    content_editable: Var[ContentEditable]
+    content_editable: Var[Union[str, int, bool]]
 
     # Defines the ID of a <menu> element which will serve as the element's context menu.
-    context_menu: Var[str]
+    context_menu: Var[Union[str, int, bool]]
 
     # Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)
-    dir: Var[str]
+    dir: Var[Union[str, int, bool]]
 
     # Defines whether the element can be dragged.
-    draggable: Var[bool]
+    draggable: Var[Union[str, int, bool]]
 
     # Hints what media types the media element is able to play.
-    enter_key_hint: Var[EnterKeyHint]
+    enter_key_hint: Var[Union[str, int, bool]]
 
     # Defines whether the element is hidden.
-    hidden: Var[bool]
+    hidden: Var[Union[str, int, bool]]
 
     # Defines the type of the element.
-    input_mode: Var[InputMode]
+    input_mode: Var[Union[str, int, bool]]
 
     # Defines the name of the element for metadata purposes.
-    item_prop: Var[str]
+    item_prop: Var[Union[str, int, bool]]
 
     # Defines the language used in the element.
-    lang: Var[str]
+    lang: Var[Union[str, int, bool]]
 
     # Defines the role of the element.
-    role: Var[AriaRole]
+    role: Var[Union[str, int, bool]]
 
     # Assigns a slot in a shadow DOM shadow tree to an element.
-    slot: Var[str]
+    slot: Var[Union[str, int, bool]]
 
     # Defines whether the element may be checked for spelling errors.
-    spell_check: Var[bool]
+    spell_check: Var[Union[str, int, bool]]
 
     # Defines the position of the current element in the tabbing order.
-    tab_index: Var[int]
+    tab_index: Var[Union[str, int, bool]]
 
     # Defines a tooltip for the element.
-    title: Var[str]
+    title: Var[Union[str, int, bool]]

reflex/components/el/elements/base.pyi

@@ -3,302 +3,43 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Dict, Literal, Optional, Union, overload
+from typing import Any, Dict, Optional, Union, overload
 
 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"]
-ContentEditable = Literal[True, False, "inherit", "plaintext-only"]
-EnterKeyHint = Literal["enter", "done", "go", "next", "previous", "search", "send"]
-InputMode = Literal[
-    "none", "text", "tel", "url", "email", "numeric", "decimal", "search", "search"
-]
-AriaRole = Literal[
-    "alert",
-    "alertdialog",
-    "application",
-    "article",
-    "banner",
-    "button",
-    "cell",
-    "checkbox",
-    "columnheader",
-    "combobox",
-    "complementary",
-    "contentinfo",
-    "definition",
-    "dialog",
-    "directory",
-    "document",
-    "feed",
-    "figure",
-    "form",
-    "grid",
-    "gridcell",
-    "group",
-    "heading",
-    "img",
-    "link",
-    "list",
-    "listbox",
-    "listitem",
-    "log",
-    "main",
-    "marquee",
-    "math",
-    "menu",
-    "menubar",
-    "menuitem",
-    "menuitemcheckbox",
-    "menuitemradio",
-    "navigation",
-    "none",
-    "note",
-    "option",
-    "presentation",
-    "progressbar",
-    "radio",
-    "radiogroup",
-    "region",
-    "row",
-    "rowgroup",
-    "rowheader",
-    "scrollbar",
-    "search",
-    "searchbox",
-    "separator",
-    "slider",
-    "spinbutton",
-    "status",
-    "switch",
-    "tab",
-    "table",
-    "tablist",
-    "tabpanel",
-    "term",
-    "textbox",
-    "timer",
-    "toolbar",
-    "tooltip",
-    "tree",
-    "treegrid",
-    "treeitem",
-]
-
 class BaseHTML(Element):
     @overload
     @classmethod
     def create(  # type: ignore
         cls,
         *children,
-        access_key: Optional[Union[Var[str], str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,

reflex/components/el/elements/forms.py

@@ -3,7 +3,7 @@
 from __future__ import annotations
 
 from hashlib import md5
-from typing import Any, Dict, Iterator, Literal, Set, Tuple, Union
+from typing import Any, Dict, Iterator, Set, Tuple, Union
 
 from jinja2 import Environment
 
@@ -41,8 +41,6 @@ HANDLE_SUBMIT_JS_JINJA2 = Environment().from_string(
     """
 )
 
-ButtonType = Literal["submit", "reset", "button"]
-
 
 class Button(BaseHTML):
     """Display the button element."""
@@ -50,37 +48,37 @@ class Button(BaseHTML):
     tag = "button"
 
     # Automatically focuses the button when the page loads
-    auto_focus: Var[bool]
+    auto_focus: Var[Union[str, int, bool]]
 
     # Disables the button
     disabled: Var[bool]
 
     # Associates the button with a form (by id)
-    form: Var[str]
+    form: Var[Union[str, int, bool]]
 
     # URL to send the form data to (for type="submit" buttons)
-    form_action: Var[str]
+    form_action: Var[Union[str, int, bool]]
 
     # How the form data should be encoded when submitting to the server (for type="submit" buttons)
-    form_enc_type: Var[str]
+    form_enc_type: Var[Union[str, int, bool]]
 
     # HTTP method to use for sending form data (for type="submit" buttons)
-    form_method: Var[str]
+    form_method: Var[Union[str, int, bool]]
 
     # Bypasses form validation when submitting (for type="submit" buttons)
-    form_no_validate: Var[bool]
+    form_no_validate: Var[Union[str, int, bool]]
 
     # Specifies where to display the response after submitting the form (for type="submit" buttons)
-    form_target: Var[str]
+    form_target: Var[Union[str, int, bool]]
 
     # Name of the button, used when sending form data
-    name: Var[str]
+    name: Var[Union[str, int, bool]]
 
     # Type of the button (submit, reset, or button)
-    type: Var[ButtonType]
+    type: Var[Union[str, int, bool]]
 
     # Value of the button, used when sending form data
-    value: Var[Union[str, int, float]]
+    value: Var[Union[str, int, bool]]
 
 
 class Datalist(BaseHTML):
@@ -95,13 +93,13 @@ class Fieldset(Element):
     tag = "fieldset"
 
     # Disables all the form control descendants of the fieldset
-    disabled: Var[bool]
+    disabled: Var[Union[str, int, bool]]
 
     # Associates the fieldset with a form (by id)
-    form: Var[str]
+    form: Var[Union[str, int, bool]]
 
     # Name of the fieldset, used for scripting
-    name: Var[str]
+    name: Var[Union[str, int, bool]]
 
 
 def on_submit_event_spec() -> Tuple[Var[dict[str, Any]]]:
@@ -128,31 +126,31 @@ class Form(BaseHTML):
     tag = "form"
 
     # MIME types the server accepts for file upload
-    accept: Var[str]
+    accept: Var[Union[str, int, bool]]
 
     # Character encodings to be used for form submission
-    accept_charset: Var[str]
+    accept_charset: Var[Union[str, int, bool]]
 
     # URL where the form's data should be submitted
-    action: Var[str]
+    action: Var[Union[str, int, bool]]
 
     # Whether the form should have autocomplete enabled
-    auto_complete: Var[str]
+    auto_complete: Var[Union[str, int, bool]]
 
     # Encoding type for the form data when submitted
-    enc_type: Var[str]
+    enc_type: Var[Union[str, int, bool]]
 
     # HTTP method to use for form submission
-    method: Var[str]
+    method: Var[Union[str, int, bool]]
 
     # Name of the form
-    name: Var[str]
+    name: Var[Union[str, int, bool]]
 
     # Indicates that the form should not be validated on submit
-    no_validate: Var[bool]
+    no_validate: Var[Union[str, int, bool]]
 
     # Where to display the response after submitting the form
-    target: Var[str]
+    target: Var[Union[str, int, bool]]
 
     # If true, the form will be cleared after submit.
     reset_on_submit: Var[bool] = Var.create(False)
@@ -268,126 +266,106 @@ class Form(BaseHTML):
         ]
 
 
-HTMLInputTypeAttribute = Literal[
-    "button",
-    "checkbox",
-    "color",
-    "date",
-    "datetime-local",
-    "email",
-    "file",
-    "hidden",
-    "image",
-    "month",
-    "number",
-    "password",
-    "radio",
-    "range",
-    "reset",
-    "search",
-    "submit",
-    "tel",
-    "text",
-    "time",
-    "url",
-    "week",
-]
-
-
 class Input(BaseHTML):
     """Display the input element."""
 
     tag = "input"
 
     # Accepted types of files when the input is file type
-    accept: Var[str]
+    accept: Var[Union[str, int, bool]]
 
     # Alternate text for input type="image"
-    alt: Var[str]
+    alt: Var[Union[str, int, bool]]
 
     # Whether the input should have autocomplete enabled
-    auto_complete: Var[str]
+    auto_complete: Var[Union[str, int, bool]]
 
     # Automatically focuses the input when the page loads
-    auto_focus: Var[bool]
+    auto_focus: Var[Union[str, int, bool]]
 
     # Captures media from the user (camera or microphone)
-    capture: Var[Literal[True, False, "user", "environment"]]
+    capture: Var[Union[str, int, bool]]
 
     # Indicates whether the input is checked (for checkboxes and radio buttons)
-    checked: Var[bool]
+    checked: Var[Union[str, int, bool]]
 
     # The initial value (for checkboxes and radio buttons)
     default_checked: Var[bool]
 
     # The initial value for a text field
-    default_value: Var[Union[str, int, float]]
+    default_value: Var[str]
+
+    # Name part of the input to submit in 'dir' and 'name' pair when form is submitted
+    dirname: Var[Union[str, int, bool]]
 
     # Disables the input
-    disabled: Var[bool]
+    disabled: Var[Union[str, int, bool]]
 
     # Associates the input with a form (by id)
-    form: Var[str]
+    form: Var[Union[str, int, bool]]
 
     # URL to send the form data to (for type="submit" buttons)
-    form_action: Var[str]
+    form_action: Var[Union[str, int, bool]]
 
     # How the form data should be encoded when submitting to the server (for type="submit" buttons)
-    form_enc_type: Var[str]
+    form_enc_type: Var[Union[str, int, bool]]
 
     # HTTP method to use for sending form data (for type="submit" buttons)
-    form_method: Var[str]
+    form_method: Var[Union[str, int, bool]]
 
     # Bypasses form validation when submitting (for type="submit" buttons)
-    form_no_validate: Var[bool]
+    form_no_validate: Var[Union[str, int, bool]]
 
     # Specifies where to display the response after submitting the form (for type="submit" buttons)
-    form_target: Var[str]
+    form_target: Var[Union[str, int, bool]]
 
     # References a datalist for suggested options
-    list: Var[str]
+    list: Var[Union[str, int, bool]]
 
     # Specifies the maximum value for the input
-    max: Var[Union[str, int, float]]
+    max: Var[Union[str, int, bool]]
 
     # Specifies the maximum number of characters allowed in the input
-    max_length: Var[Union[int, float]]
+    max_length: Var[Union[str, int, bool]]
 
     # Specifies the minimum number of characters required in the input
-    min_length: Var[Union[int, float]]
+    min_length: Var[Union[str, int, bool]]
 
     # Specifies the minimum value for the input
-    min: Var[Union[str, int, float]]
+    min: Var[Union[str, int, bool]]
 
     # Indicates whether multiple values can be entered in an input of the type email or file
-    multiple: Var[bool]
+    multiple: Var[Union[str, int, bool]]
 
     # Name of the input, used when sending form data
-    name: Var[str]
+    name: Var[Union[str, int, bool]]
 
     # Regex pattern the input's value must match to be valid
-    pattern: Var[str]
+    pattern: Var[Union[str, int, bool]]
 
     # Placeholder text in the input
-    placeholder: Var[str]
+    placeholder: Var[Union[str, int, bool]]
 
     # Indicates whether the input is read-only
-    read_only: Var[bool]
+    read_only: Var[Union[str, int, bool]]
 
     # Indicates that the input is required
-    required: Var[bool]
+    required: Var[Union[str, int, bool]]
 
     # Specifies the visible width of a text control
-    size: Var[Union[int, float]]
+    size: Var[Union[str, int, bool]]
 
     # URL for image inputs
-    src: Var[str]
+    src: Var[Union[str, int, bool]]
 
     # Specifies the legal number intervals for an input
-    step: Var[Union[str, int, float]]
+    step: Var[Union[str, int, bool]]
 
     # Specifies the type of input
-    type: Var[HTMLInputTypeAttribute]
+    type: Var[Union[str, int, bool]]
+
+    # Name of the image map used with the input
+    use_map: Var[Union[str, int, bool]]
 
     # Value of the input
     value: Var[Union[str, int, float]]
@@ -441,10 +419,10 @@ class Label(BaseHTML):
     tag = "label"
 
     # ID of a form control with which the label is associated
-    html_for: Var[str]
+    html_for: Var[Union[str, int, bool]]
 
     # Associates the label with a form (by id)
-    form: Var[str]
+    form: Var[Union[str, int, bool]]
 
 
 class Legend(BaseHTML):
@@ -459,25 +437,25 @@ class Meter(BaseHTML):
     tag = "meter"
 
     # Associates the meter with a form (by id)
-    form: Var[str]
+    form: Var[Union[str, int, bool]]
 
     # High limit of range (above this is considered high value)
-    high: Var[Union[int, float]]
+    high: Var[Union[str, int, bool]]
 
     # Low limit of range (below this is considered low value)
-    low: Var[Union[int, float]]
+    low: Var[Union[str, int, bool]]
 
     # Maximum value of the range
-    max: Var[Union[int, float]]
+    max: Var[Union[str, int, bool]]
 
     # Minimum value of the range
-    min: Var[Union[int, float]]
+    min: Var[Union[str, int, bool]]
 
     # Optimum value in the range
-    optimum: Var[Union[int, float]]
+    optimum: Var[Union[str, int, bool]]
 
     # Current value of the meter
-    value: Var[Union[int, float]]
+    value: Var[Union[str, int, bool]]
 
 
 class Optgroup(BaseHTML):
@@ -486,10 +464,10 @@ class Optgroup(BaseHTML):
     tag = "optgroup"
 
     # Disables the optgroup
-    disabled: Var[bool]
+    disabled: Var[Union[str, int, bool]]
 
     # Label for the optgroup
-    label: Var[str]
+    label: Var[Union[str, int, bool]]
 
 
 class Option(BaseHTML):
@@ -498,16 +476,16 @@ class Option(BaseHTML):
     tag = "option"
 
     # Disables the option
-    disabled: Var[bool]
+    disabled: Var[Union[str, int, bool]]
 
     # Label for the option, if the text is not the label
-    label: Var[str]
+    label: Var[Union[str, int, bool]]
 
     # Indicates that the option is initially selected
-    selected: Var[bool]
+    selected: Var[Union[str, int, bool]]
 
     # Value to be sent as form data
-    value: Var[Union[str, int, float]]
+    value: Var[Union[str, int, bool]]
 
 
 class Output(BaseHTML):
@@ -516,13 +494,13 @@ class Output(BaseHTML):
     tag = "output"
 
     # Associates the output with one or more elements (by their IDs)
-    html_for: Var[str]
+    html_for: Var[Union[str, int, bool]]
 
     # Associates the output with a form (by id)
-    form: Var[str]
+    form: Var[Union[str, int, bool]]
 
     # Name of the output element for form submission
-    name: Var[str]
+    name: Var[Union[str, int, bool]]
 
 
 class Progress(BaseHTML):
@@ -531,13 +509,13 @@ class Progress(BaseHTML):
     tag = "progress"
 
     # Associates the progress element with a form (by id)
-    form: Var[str]
+    form: Var[Union[str, int, bool]]
 
     # Maximum value of the progress indicator
-    max: Var[Union[str, int, float]]
+    max: Var[Union[str, int, bool]]
 
     # Current value of the progress indicator
-    value: Var[Union[str, int, float]]
+    value: Var[Union[str, int, bool]]
 
 
 class Select(BaseHTML):
@@ -546,28 +524,28 @@ class Select(BaseHTML):
     tag = "select"
 
     # Whether the form control should have autocomplete enabled
-    auto_complete: Var[str]
+    auto_complete: Var[Union[str, int, bool]]
 
     # Automatically focuses the select when the page loads
-    auto_focus: Var[bool]
+    auto_focus: Var[Union[str, int, bool]]
 
     # Disables the select control
-    disabled: Var[bool]
+    disabled: Var[Union[str, int, bool]]
 
     # Associates the select with a form (by id)
-    form: Var[str]
+    form: Var[Union[str, int, bool]]
 
     # Indicates that multiple options can be selected
-    multiple: Var[bool]
+    multiple: Var[Union[str, int, bool]]
 
     # Name of the select, used when submitting the form
-    name: Var[str]
+    name: Var[Union[str, int, bool]]
 
     # Indicates that the select control must have a selected option
-    required: Var[bool]
+    required: Var[Union[str, int, bool]]
 
     # Number of visible options in a drop-down list
-    size: Var[int]
+    size: Var[Union[str, int, bool]]
 
     # Fired when the select value changes
     on_change: EventHandler[input_event]
@@ -609,58 +587,58 @@ class Textarea(BaseHTML):
     tag = "textarea"
 
     # Whether the form control should have autocomplete enabled
-    auto_complete: Var[str]
+    auto_complete: Var[Union[str, int, bool]]
 
     # Automatically focuses the textarea when the page loads
-    auto_focus: Var[bool]
+    auto_focus: Var[Union[str, int, bool]]
 
     # Automatically fit the content height to the text (use min-height with this prop)
     auto_height: Var[bool]
 
     # Visible width of the text control, in average character widths
-    cols: Var[int]
+    cols: Var[Union[str, int, bool]]
 
     # The default value of the textarea when initially rendered
     default_value: Var[str]
 
     # Name part of the textarea to submit in 'dir' and 'name' pair when form is submitted
-    dirname: Var[str]
+    dirname: Var[Union[str, int, bool]]
 
     # Disables the textarea
-    disabled: Var[bool]
+    disabled: Var[Union[str, int, bool]]
 
     # Enter key submits form (shift-enter adds new line)
     enter_key_submit: Var[bool]
 
     # Associates the textarea with a form (by id)
-    form: Var[str]
+    form: Var[Union[str, int, bool]]
 
     # Maximum number of characters allowed in the textarea
-    max_length: Var[int]
+    max_length: Var[Union[str, int, bool]]
 
     # Minimum number of characters required in the textarea
-    min_length: Var[int]
+    min_length: Var[Union[str, int, bool]]
 
     # Name of the textarea, used when submitting the form
-    name: Var[str]
+    name: Var[Union[str, int, bool]]
 
     # Placeholder text in the textarea
-    placeholder: Var[str]
+    placeholder: Var[Union[str, int, bool]]
 
     # Indicates whether the textarea is read-only
-    read_only: Var[bool]
+    read_only: Var[Union[str, int, bool]]
 
     # Indicates that the textarea is required
-    required: Var[bool]
+    required: Var[Union[str, int, bool]]
 
     # Visible number of lines in the text control
-    rows: Var[int]
+    rows: Var[Union[str, int, bool]]
 
     # The controlled value of the textarea, read only unless used with on_change
-    value: Var[str]
+    value: Var[Union[str, int, bool]]
 
     # How the text in the textarea is to be wrapped when submitting the form
-    wrap: Var[str]
+    wrap: Var[Union[str, int, bool]]
 
     # Fired when the input value changes
     on_change: EventHandler[input_event]

reflex/components/el/elements/inline.py

@@ -1,23 +1,11 @@
 """Inline classes."""
 
-from typing import Literal, Union
+from typing import Union
 
 from reflex.vars.base import Var
 
 from .base import BaseHTML
 
-ReferrerPolicy = Literal[
-    "",
-    "no-referrer",
-    "no-referrer-when-downgrade",
-    "origin",
-    "origin-when-cross-origin",
-    "same-origin",
-    "strict-origin",
-    "strict-origin-when-cross-origin",
-    "unsafe-url",
-]
-
 
 class A(BaseHTML):  # Inherits common attributes from BaseMeta
     """Display the 'a' element."""
@@ -25,28 +13,31 @@ class A(BaseHTML):  # Inherits common attributes from BaseMeta
     tag = "a"
 
     # Specifies that the target (the file specified in the href attribute) will be downloaded when a user clicks on the hyperlink.
-    download: Var[Union[str, bool]]
+    download: Var[Union[str, int, bool]]
 
     # Specifies the URL of the page the link goes to
-    href: Var[str]
+    href: Var[Union[str, int, bool]]
 
     # Specifies the language of the linked document
-    href_lang: Var[str]
+    href_lang: Var[Union[str, int, bool]]
 
     # Specifies what media/device the linked document is optimized for
-    media: Var[str]
+    media: Var[Union[str, int, bool]]
 
     # Specifies which referrer is sent when fetching the resource
-    ping: Var[str]
+    ping: Var[Union[str, int, bool]]
 
     # Specifies the relationship between the current document and the linked document
-    referrer_policy: Var[ReferrerPolicy]
+    referrer_policy: Var[Union[str, int, bool]]
 
     # Specifies the relationship between the linked document and the current document
-    rel: Var[str]
+    rel: Var[Union[str, int, bool]]
+
+    # Specifies the shape of the area
+    shape: Var[Union[str, int, bool]]
 
     # Specifies where to open the linked document
-    target: Var[Union[str, Literal["_self", "_blank", "_parent", "_top"]]]
+    target: Var[Union[str, int, bool]]
 
 
 class Abbr(BaseHTML):
@@ -97,7 +88,7 @@ class Data(BaseHTML):
     tag = "data"
 
     # Specifies the machine-readable translation of the data element.
-    value: Var[Union[str, int, float]]
+    value: Var[Union[str, int, bool]]
 
 
 class Dfn(BaseHTML):
@@ -136,7 +127,7 @@ class Q(BaseHTML):
     tag = "q"
 
     # Specifies the source URL of the quote.
-    cite: Var[str]
+    cite: Var[Union[str, int, bool]]
 
 
 class Rp(BaseHTML):
@@ -205,7 +196,7 @@ class Time(BaseHTML):
     tag = "time"
 
     # Specifies the date and/or time of the element.
-    date_time: Var[str]
+    date_time: Var[Union[str, int, bool]]
 
 
 class U(BaseHTML):

reflex/components/el/elements/media.py

@@ -1,9 +1,8 @@
 """Media classes."""
 
-from typing import Any, Literal, Union
+from typing import Any, Union
 
 from reflex import Component, ComponentNamespace
-from reflex.components.el.elements.inline import ReferrerPolicy
 from reflex.constants.colors import Color
 from reflex.vars.base import Var
 
@@ -16,37 +15,37 @@ class Area(BaseHTML):
     tag = "area"
 
     # Alternate text for the area, used for accessibility
-    alt: Var[str]
+    alt: Var[Union[str, int, bool]]
 
     # Coordinates to define the shape of the area
-    coords: Var[str]
+    coords: Var[Union[str, int, bool]]
 
     # Specifies that the target will be downloaded when clicked
-    download: Var[Union[str, bool]]
+    download: Var[Union[str, int, bool]]
 
     # Hyperlink reference for the area
-    href: Var[str]
+    href: Var[Union[str, int, bool]]
 
     # Language of the linked resource
-    href_lang: Var[str]
+    href_lang: Var[Union[str, int, bool]]
 
     # Specifies what media/device the linked resource is optimized for
-    media: Var[str]
+    media: Var[Union[str, int, bool]]
+
+    # A list of URLs to be notified if the user follows the hyperlink
+    ping: Var[Union[str, int, bool]]
 
     # Specifies which referrer information to send with the link
-    referrer_policy: Var[ReferrerPolicy]
+    referrer_policy: Var[Union[str, int, bool]]
 
     # Specifies the relationship of the target object to the link object
-    rel: Var[str]
+    rel: Var[Union[str, int, bool]]
 
     # Defines the shape of the area (rectangle, circle, polygon)
-    shape: Var[str]
+    shape: Var[Union[str, int, bool]]
 
     # Specifies where to open the linked document
-    target: Var[str]
-
-
-CrossOrigin = Literal["anonymous", "use-credentials", ""]
+    target: Var[Union[str, int, bool]]
 
 
 class Audio(BaseHTML):
@@ -55,29 +54,28 @@ class Audio(BaseHTML):
     tag = "audio"
 
     # Specifies that the audio will start playing as soon as it is ready
-    auto_play: Var[bool]
+    auto_play: Var[Union[str, int, bool]]
+
+    # Represents the time range of the buffered media
+    buffered: Var[Union[str, int, bool]]
 
     # Displays the standard audio controls
-    controls: Var[bool]
+    controls: Var[Union[str, int, bool]]
 
     # Configures the CORS requests for the element
-    cross_origin: Var[CrossOrigin]
+    cross_origin: Var[Union[str, int, bool]]
 
     # Specifies that the audio will loop
-    loop: Var[bool]
+    loop: Var[Union[str, int, bool]]
 
     # Indicates whether the audio is muted by default
-    muted: Var[bool]
+    muted: Var[Union[str, int, bool]]
 
     # Specifies how the audio file should be preloaded
-    preload: Var[str]
+    preload: Var[Union[str, int, bool]]
 
     # URL of the audio to play
-    src: Var[str]
-
-
-ImageDecoding = Literal["async", "auto", "sync"]
-ImageLoading = Literal["eager", "lazy"]
+    src: Var[Union[str, int, bool]]
 
 
 class Img(BaseHTML):
@@ -85,32 +83,41 @@ class Img(BaseHTML):
 
     tag = "img"
 
+    # Image alignment with respect to its surrounding elements
+    align: Var[Union[str, int, bool]]
+
     # Alternative text for the image
-    alt: Var[str]
+    alt: Var[Union[str, int, bool]]
 
     # Configures the CORS requests for the image
-    cross_origin: Var[CrossOrigin]
+    cross_origin: Var[Union[str, int, bool]]
 
     # How the image should be decoded
-    decoding: Var[ImageDecoding]
+    decoding: Var[Union[str, int, bool]]
+
+    # Specifies an intrinsic size for the image
+    intrinsicsize: Var[Union[str, int, bool]]
+
+    # Whether the image is a server-side image map
+    ismap: Var[Union[str, int, bool]]
 
     # Specifies the loading behavior of the image
-    loading: Var[ImageLoading]
+    loading: Var[Union[str, int, bool]]
 
     # Referrer policy for the image
-    referrer_policy: Var[ReferrerPolicy]
+    referrer_policy: Var[Union[str, int, bool]]
 
     # Sizes of the image for different layouts
-    sizes: Var[str]
+    sizes: Var[Union[str, int, bool]]
 
     # URL of the image to display
     src: Var[Any]
 
     # A set of source sizes and URLs for responsive images
-    src_set: Var[str]
+    src_set: Var[Union[str, int, bool]]
 
     # The name of the map to use with the image
-    use_map: Var[str]
+    use_map: Var[Union[str, int, bool]]
 
     @classmethod
     def create(cls, *children, **props) -> Component:
@@ -136,7 +143,7 @@ class Map(BaseHTML):
     tag = "map"
 
     # Name of the map, referenced by the 'usemap' attribute in 'img' and 'object' elements
-    name: Var[str]
+    name: Var[Union[str, int, bool]]
 
 
 class Track(BaseHTML):
@@ -145,19 +152,19 @@ class Track(BaseHTML):
     tag = "track"
 
     # Indicates that the track should be enabled unless the user's preferences indicate otherwise
-    default: Var[bool]
+    default: Var[Union[str, int, bool]]
 
     # Specifies the kind of text track
-    kind: Var[str]
+    kind: Var[Union[str, int, bool]]
 
     # Title of the text track, used by the browser when listing available text tracks
-    label: Var[str]
+    label: Var[Union[str, int, bool]]
 
     # URL of the track file
-    src: Var[str]
+    src: Var[Union[str, int, bool]]
 
     # Language of the track text data
-    src_lang: Var[str]
+    src_lang: Var[Union[str, int, bool]]
 
 
 class Video(BaseHTML):
@@ -166,31 +173,34 @@ class Video(BaseHTML):
     tag = "video"
 
     # Specifies that the video will start playing as soon as it is ready
-    auto_play: Var[bool]
+    auto_play: Var[Union[str, int, bool]]
+
+    # Represents the time range of the buffered media
+    buffered: Var[Union[str, int, bool]]
 
     # Displays the standard video controls
-    controls: Var[bool]
+    controls: Var[Union[str, int, bool]]
 
     # Configures the CORS requests for the video
-    cross_origin: Var[CrossOrigin]
+    cross_origin: Var[Union[str, int, bool]]
 
     # Specifies that the video will loop
-    loop: Var[bool]
+    loop: Var[Union[str, int, bool]]
 
     # Indicates whether the video is muted by default
-    muted: Var[bool]
+    muted: Var[Union[str, int, bool]]
 
     # Indicates that the video should play 'inline', inside its element's playback area
-    plays_inline: Var[bool]
+    plays_inline: Var[Union[str, int, bool]]
 
     # URL of an image to show while the video is downloading, or until the user hits the play button
-    poster: Var[str]
+    poster: Var[Union[str, int, bool]]
 
     # Specifies how the video file should be preloaded
-    preload: Var[str]
+    preload: Var[Union[str, int, bool]]
 
     # URL of the video to play
-    src: Var[str]
+    src: Var[Union[str, int, bool]]
 
 
 class Embed(BaseHTML):
@@ -199,10 +209,10 @@ class Embed(BaseHTML):
     tag = "embed"
 
     # URL of the embedded content
-    src: Var[str]
+    src: Var[Union[str, int, bool]]
 
     # Media type of the embedded content
-    type: Var[str]
+    type: Var[Union[str, int, bool]]
 
 
 class Iframe(BaseHTML):
@@ -210,26 +220,32 @@ class Iframe(BaseHTML):
 
     tag = "iframe"
 
+    # Alignment of the iframe within the page or surrounding elements
+    align: Var[Union[str, int, bool]]
+
     # Permissions policy for the iframe
-    allow: Var[str]
+    allow: Var[Union[str, int, bool]]
+
+    # Content Security Policy to apply to the iframe's content
+    csp: Var[Union[str, int, bool]]
 
     # Specifies the loading behavior of the iframe
-    loading: Var[Literal["eager", "lazy"]]
+    loading: Var[Union[str, int, bool]]
 
     # Name of the iframe, used as a target for hyperlinks and forms
-    name: Var[str]
+    name: Var[Union[str, int, bool]]
 
     # Referrer policy for the iframe
-    referrer_policy: Var[ReferrerPolicy]
+    referrer_policy: Var[Union[str, int, bool]]
 
     # Security restrictions for the content in the iframe
-    sandbox: Var[str]
+    sandbox: Var[Union[str, int, bool]]
 
     # URL of the document to display in the iframe
-    src: Var[str]
+    src: Var[Union[str, int, bool]]
 
     # HTML content to embed directly within the iframe
-    src_doc: Var[str]
+    src_doc: Var[Union[str, int, bool]]
 
 
 class Object(BaseHTML):
@@ -238,19 +254,19 @@ class Object(BaseHTML):
     tag = "object"
 
     # URL of the data to be used by the object
-    data: Var[str]
+    data: Var[Union[str, int, bool]]
 
     # Associates the object with a form element
-    form: Var[str]
+    form: Var[Union[str, int, bool]]
 
     # Name of the object, used for scripting or as a target for forms and links
-    name: Var[str]
+    name: Var[Union[str, int, bool]]
 
     # Media type of the data specified in the data attribute
-    type: Var[str]
+    type: Var[Union[str, int, bool]]
 
     # Name of an image map to use with the object
-    use_map: Var[str]
+    use_map: Var[Union[str, int, bool]]
 
 
 class Picture(BaseHTML):
@@ -271,19 +287,19 @@ class Source(BaseHTML):
     tag = "source"
 
     # Media query indicating what device the linked resource is optimized for
-    media: Var[str]
+    media: Var[Union[str, int, bool]]
 
     # Sizes of the source for different layouts
-    sizes: Var[str]
+    sizes: Var[Union[str, int, bool]]
 
     # URL of the media file or an image for the element to use
-    src: Var[str]
+    src: Var[Union[str, int, bool]]
 
     # A set of source sizes and URLs for responsive images
-    src_set: Var[str]
+    src_set: Var[Union[str, int, bool]]
 
     # Media type of the source
-    type: Var[str]
+    type: Var[Union[str, int, bool]]
 
 
 class Svg(BaseHTML):
@@ -415,16 +431,16 @@ class LinearGradient(BaseHTML):
     spread_method: Var[Union[str, bool]]
 
     # X coordinate of the starting point of the gradient.
-    x1: Var[Union[str, int, float]]
+    x1: Var[Union[str, int, bool]]
 
     # X coordinate of the ending point of the gradient.
-    x2: Var[Union[str, int, float]]
+    x2: Var[Union[str, int, bool]]
 
     # Y coordinate of the starting point of the gradient.
-    y1: Var[Union[str, int, float]]
+    y1: Var[Union[str, int, bool]]
 
     # Y coordinate of the ending point of the gradient.
-    y2: Var[Union[str, int, float]]
+    y2: Var[Union[str, int, bool]]
 
 
 class RadialGradient(BaseHTML):
@@ -433,19 +449,19 @@ class RadialGradient(BaseHTML):
     tag = "radialGradient"
 
     # The x coordinate of the end circle of the radial gradient.
-    cx: Var[Union[str, int, float]]
+    cx: Var[Union[str, int, bool]]
 
     # The y coordinate of the end circle of the radial gradient.
-    cy: Var[Union[str, int, float]]
+    cy: Var[Union[str, int, bool]]
 
     # The radius of the start circle of the radial gradient.
-    fr: Var[Union[str, int, float]]
+    fr: Var[Union[str, int, bool]]
 
     # The x coordinate of the start circle of the radial gradient.
-    fx: Var[Union[str, int, float]]
+    fx: Var[Union[str, int, bool]]
 
     # The y coordinate of the start circle of the radial gradient.
-    fy: Var[Union[str, int, float]]
+    fy: Var[Union[str, int, bool]]
 
     # Units for the gradient.
     gradient_units: Var[Union[str, bool]]
@@ -454,7 +470,7 @@ class RadialGradient(BaseHTML):
     gradient_transform: Var[Union[str, bool]]
 
     # The radius of the end circle of the radial gradient.
-    r: Var[Union[str, int, float]]
+    r: Var[Union[str, int, bool]]
 
     # Method used to spread the gradient.
     spread_method: Var[Union[str, bool]]
@@ -481,7 +497,7 @@ class Path(BaseHTML):
     tag = "path"
 
     # Defines the shape of the path.
-    d: Var[Union[str, int, float]]
+    d: Var[Union[str, int, bool]]
 
 
 class SVG(ComponentNamespace):

reflex/components/el/elements/metadata.py

@@ -1,10 +1,8 @@
 """Metadata classes."""
 
-from typing import List
+from typing import List, Union
 
 from reflex.components.el.element import Element
-from reflex.components.el.elements.inline import ReferrerPolicy
-from reflex.components.el.elements.media import CrossOrigin
 from reflex.vars.base import Var
 
 from .base import BaseHTML
@@ -16,8 +14,8 @@ class Base(BaseHTML):
     tag = "base"
 
     tag = "base"
-    href: Var[str]
-    target: Var[str]
+    href: Var[Union[str, int, bool]]
+    target: Var[Union[str, int, bool]]
 
 
 class Head(BaseHTML):
@@ -32,31 +30,31 @@ class Link(BaseHTML):
     tag = "link"
 
     # Specifies the CORS settings for the linked resource
-    cross_origin: Var[CrossOrigin]
+    cross_origin: Var[Union[str, int, bool]]
 
     # Specifies the URL of the linked document/resource
-    href: Var[str]
+    href: Var[Union[str, int, bool]]
 
     # Specifies the language of the text in the linked document
-    href_lang: Var[str]
+    href_lang: Var[Union[str, int, bool]]
 
     # Allows a browser to check the fetched link for integrity
-    integrity: Var[str]
+    integrity: Var[Union[str, int, bool]]
 
     # Specifies on what device the linked document will be displayed
-    media: Var[str]
+    media: Var[Union[str, int, bool]]
 
     # Specifies the referrer policy of the linked document
-    referrer_policy: Var[ReferrerPolicy]
+    referrer_policy: Var[Union[str, int, bool]]
 
     # Specifies the relationship between the current document and the linked one
-    rel: Var[str]
+    rel: Var[Union[str, int, bool]]
 
     # Specifies the sizes of icons for visual media
-    sizes: Var[str]
+    sizes: Var[Union[str, int, bool]]
 
     # Specifies the MIME type of the linked document
-    type: Var[str]
+    type: Var[Union[str, int, bool]]
 
 
 class Meta(BaseHTML):  # Inherits common attributes from BaseHTML
@@ -65,16 +63,16 @@ class Meta(BaseHTML):  # Inherits common attributes from BaseHTML
     tag = "meta"  # The HTML tag for this element is <meta>
 
     # Specifies the character encoding for the HTML document
-    char_set: Var[str]
+    char_set: Var[Union[str, int, bool]]
 
     # Defines the content of the metadata
-    content: Var[str]
+    content: Var[Union[str, int, bool]]
 
     # Provides an HTTP header for the information/value of the content attribute
-    http_equiv: Var[str]
+    http_equiv: Var[Union[str, int, bool]]
 
     # Specifies a name for the metadata
-    name: Var[str]
+    name: Var[Union[str, int, bool]]
 
 
 class Title(Element):
@@ -89,7 +87,7 @@ class StyleEl(Element):
 
     tag = "style"
 
-    media: Var[str]
+    media: Var[Union[str, int, bool]]
 
     special_props: List[Var] = [Var(_js_expr="suppressHydrationWarning")]
 

reflex/components/el/elements/metadata.pyi

@@ -3,7 +3,7 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Dict, Literal, Optional, Union, overload
+from typing import Any, Dict, Optional, Union, overload
 
 from reflex.components.el.element import Element
 from reflex.event import EventType
@@ -18,213 +18,32 @@ class Base(BaseHTML):
     def create(  # type: ignore
         cls,
         *children,
-        href: Optional[Union[Var[str], str]] = None,
-        target: Optional[Union[Var[str], str]] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        href: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        target: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,
@@ -287,211 +106,30 @@ class Head(BaseHTML):
     def create(  # type: ignore
         cls,
         *children,
-        access_key: Optional[Union[Var[str], str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,
@@ -555,251 +193,42 @@ class Link(BaseHTML):
         cls,
         *children,
         cross_origin: Optional[
-            Union[
-                Literal["", "anonymous", "use-credentials"],
-                Var[Literal["", "anonymous", "use-credentials"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        href: Optional[Union[Var[str], str]] = None,
-        href_lang: Optional[Union[Var[str], str]] = None,
-        integrity: Optional[Union[Var[str], str]] = None,
-        media: Optional[Union[Var[str], str]] = None,
+        href: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        href_lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        integrity: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        media: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         referrer_policy: Optional[
-            Union[
-                Literal[
-                    "",
-                    "no-referrer",
-                    "no-referrer-when-downgrade",
-                    "origin",
-                    "origin-when-cross-origin",
-                    "same-origin",
-                    "strict-origin",
-                    "strict-origin-when-cross-origin",
-                    "unsafe-url",
-                ],
-                Var[
-                    Literal[
-                        "",
-                        "no-referrer",
-                        "no-referrer-when-downgrade",
-                        "origin",
-                        "origin-when-cross-origin",
-                        "same-origin",
-                        "strict-origin",
-                        "strict-origin-when-cross-origin",
-                        "unsafe-url",
-                    ]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        rel: Optional[Union[Var[str], str]] = None,
-        sizes: Optional[Union[Var[str], str]] = None,
-        type: Optional[Union[Var[str], str]] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        rel: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        sizes: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        type: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,
@@ -871,215 +300,34 @@ class Meta(BaseHTML):
     def create(  # type: ignore
         cls,
         *children,
-        char_set: Optional[Union[Var[str], str]] = None,
-        content: Optional[Union[Var[str], str]] = None,
-        http_equiv: Optional[Union[Var[str], str]] = None,
-        name: Optional[Union[Var[str], str]] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        char_set: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        content: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        http_equiv: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        name: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,
@@ -1192,7 +440,7 @@ class StyleEl(Element):
     def create(  # type: ignore
         cls,
         *children,
-        media: Optional[Union[Var[str], str]] = None,
+        media: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,

reflex/components/el/elements/other.py

@@ -1,5 +1,7 @@
 """Other classes."""
 
+from typing import Union
+
 from reflex.vars.base import Var
 
 from .base import BaseHTML
@@ -11,7 +13,7 @@ class Details(BaseHTML):
     tag = "details"
 
     # Indicates whether the details will be visible (expanded) to the user
-    open: Var[bool]
+    open: Var[Union[str, int, bool]]
 
 
 class Dialog(BaseHTML):
@@ -20,7 +22,7 @@ class Dialog(BaseHTML):
     tag = "dialog"
 
     # Indicates whether the dialog is active and can be interacted with
-    open: Var[bool]
+    open: Var[Union[str, int, bool]]
 
 
 class Summary(BaseHTML):
@@ -65,7 +67,7 @@ class Html(BaseHTML):
     tag = "html"
 
     # Specifies the URL of the document's cache manifest (obsolete in HTML5)
-    manifest: Var[str]
+    manifest: Var[Union[str, int, bool]]
 
 
 details = Details.create

reflex/components/el/elements/scripts.py

@@ -1,7 +1,7 @@
 """Scripts classes."""
 
-from reflex.components.el.elements.inline import ReferrerPolicy
-from reflex.components.el.elements.media import CrossOrigin
+from typing import Union
+
 from reflex.vars.base import Var
 
 from .base import BaseHTML
@@ -25,28 +25,31 @@ class Script(BaseHTML):
     tag = "script"
 
     # Indicates that the script should be executed asynchronously
-    async_: Var[bool]
+    async_: Var[Union[str, int, bool]]
 
     # Character encoding of the external script
-    char_set: Var[str]
+    char_set: Var[Union[str, int, bool]]
 
     # Configures the CORS requests for the script
-    cross_origin: Var[CrossOrigin]
+    cross_origin: Var[Union[str, int, bool]]
 
     # Indicates that the script should be executed after the page has finished parsing
-    defer: Var[bool]
+    defer: Var[Union[str, int, bool]]
 
     # Security feature allowing browsers to verify what they fetch
-    integrity: Var[str]
+    integrity: Var[Union[str, int, bool]]
+
+    # Specifies the scripting language used in the type attribute
+    language: Var[Union[str, int, bool]]
 
     # Specifies which referrer information to send when fetching the script
-    referrer_policy: Var[ReferrerPolicy]
+    referrer_policy: Var[Union[str, int, bool]]
 
     # URL of an external script
-    src: Var[str]
+    src: Var[Union[str, int, bool]]
 
     # Specifies the MIME type of the script
-    type: Var[str]
+    type: Var[Union[str, int, bool]]
 
 
 canvas = Canvas.create

reflex/components/el/elements/scripts.pyi

@@ -3,7 +3,7 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Dict, Literal, Optional, Union, overload
+from typing import Any, Dict, Optional, Union, overload
 
 from reflex.event import EventType
 from reflex.style import Style
@@ -17,211 +17,30 @@ class Canvas(BaseHTML):
     def create(  # type: ignore
         cls,
         *children,
-        access_key: Optional[Union[Var[str], str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,
@@ -284,211 +103,30 @@ class Noscript(BaseHTML):
     def create(  # type: ignore
         cls,
         *children,
-        access_key: Optional[Union[Var[str], str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,
@@ -551,251 +189,43 @@ class Script(BaseHTML):
     def create(  # type: ignore
         cls,
         *children,
-        async_: Optional[Union[Var[bool], bool]] = None,
-        char_set: Optional[Union[Var[str], str]] = None,
+        async_: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        char_set: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         cross_origin: Optional[
-            Union[
-                Literal["", "anonymous", "use-credentials"],
-                Var[Literal["", "anonymous", "use-credentials"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        defer: Optional[Union[Var[bool], bool]] = None,
-        integrity: Optional[Union[Var[str], str]] = None,
+        defer: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        integrity: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        language: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         referrer_policy: Optional[
-            Union[
-                Literal[
-                    "",
-                    "no-referrer",
-                    "no-referrer-when-downgrade",
-                    "origin",
-                    "origin-when-cross-origin",
-                    "same-origin",
-                    "strict-origin",
-                    "strict-origin-when-cross-origin",
-                    "unsafe-url",
-                ],
-                Var[
-                    Literal[
-                        "",
-                        "no-referrer",
-                        "no-referrer-when-downgrade",
-                        "origin",
-                        "origin-when-cross-origin",
-                        "same-origin",
-                        "strict-origin",
-                        "strict-origin-when-cross-origin",
-                        "unsafe-url",
-                    ]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        src: Optional[Union[Var[str], str]] = None,
-        type: Optional[Union[Var[str], str]] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        src: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        type: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,
@@ -828,6 +258,7 @@ class Script(BaseHTML):
             cross_origin: Configures the CORS requests for the script
             defer: Indicates that the script should be executed after the page has finished parsing
             integrity: Security feature allowing browsers to verify what they fetch
+            language: Specifies the scripting language used in the type attribute
             referrer_policy: Specifies which referrer information to send when fetching the script
             src: URL of an external script
             type: Specifies the MIME type of the script

reflex/components/el/elements/tables.py

@@ -1,6 +1,6 @@
 """Tables classes."""
 
-from typing import Literal
+from typing import Union
 
 from reflex.vars.base import Var
 
@@ -12,14 +12,20 @@ class Caption(BaseHTML):
 
     tag = "caption"
 
+    # Alignment of the caption
+    align: Var[Union[str, int, bool]]
+
 
 class Col(BaseHTML):
     """Display the col element."""
 
     tag = "col"
 
+    # Alignment of the content within the column
+    align: Var[Union[str, int, bool]]
+
     # Number of columns the col element spans
-    span: Var[int]
+    span: Var[Union[str, int, bool]]
 
 
 class Colgroup(BaseHTML):
@@ -27,8 +33,11 @@ class Colgroup(BaseHTML):
 
     tag = "colgroup"
 
+    # Alignment of the content within the column group
+    align: Var[Union[str, int, bool]]
+
     # Number of columns the colgroup element spans
-    span: Var[int]
+    span: Var[Union[str, int, bool]]
 
 
 class Table(BaseHTML):
@@ -37,10 +46,10 @@ class Table(BaseHTML):
     tag = "table"
 
     # Alignment of the table
-    align: Var[Literal["left", "center", "right"]]
+    align: Var[Union[str, int, bool]]
 
     # Provides a summary of the table's purpose and structure
-    summary: Var[str]
+    summary: Var[Union[str, int, bool]]
 
 
 class Tbody(BaseHTML):
@@ -48,6 +57,9 @@ class Tbody(BaseHTML):
 
     tag = "tbody"
 
+    # Alignment of the content within the table body
+    align: Var[Union[str, int, bool]]
+
 
 class Td(BaseHTML):
     """Display the td element."""
@@ -55,16 +67,16 @@ class Td(BaseHTML):
     tag = "td"
 
     # Alignment of the content within the table cell
-    align: Var[Literal["left", "center", "right", "justify", "char"]]
+    align: Var[Union[str, int, bool]]
 
     # Number of columns a cell should span
-    col_span: Var[int]
+    col_span: Var[Union[str, int, bool]]
 
     # IDs of the headers associated with this cell
-    headers: Var[str]
+    headers: Var[Union[str, int, bool]]
 
     # Number of rows a cell should span
-    row_span: Var[int]
+    row_span: Var[Union[str, int, bool]]
 
 
 class Tfoot(BaseHTML):
@@ -72,6 +84,9 @@ class Tfoot(BaseHTML):
 
     tag = "tfoot"
 
+    # Alignment of the content within the table footer
+    align: Var[Union[str, int, bool]]
+
 
 class Th(BaseHTML):
     """Display the th element."""
@@ -79,19 +94,19 @@ class Th(BaseHTML):
     tag = "th"
 
     # Alignment of the content within the table header cell
-    align: Var[Literal["left", "center", "right", "justify", "char"]]
+    align: Var[Union[str, int, bool]]
 
     # Number of columns a header cell should span
-    col_span: Var[int]
+    col_span: Var[Union[str, int, bool]]
 
     # IDs of the headers associated with this header cell
-    headers: Var[str]
+    headers: Var[Union[str, int, bool]]
 
     # Number of rows a header cell should span
-    row_span: Var[int]
+    row_span: Var[Union[str, int, bool]]
 
     # Scope of the header cell (row, col, rowgroup, colgroup)
-    scope: Var[str]
+    scope: Var[Union[str, int, bool]]
 
 
 class Thead(BaseHTML):
@@ -99,12 +114,18 @@ class Thead(BaseHTML):
 
     tag = "thead"
 
+    # Alignment of the content within the table header
+    align: Var[Union[str, int, bool]]
+
 
 class Tr(BaseHTML):
     """Display the tr element."""
 
     tag = "tr"
 
+    # Alignment of the content within the table row
+    align: Var[Union[str, int, bool]]
+
 
 caption = Caption.create
 col = Col.create

reflex/components/el/elements/typography.py

@@ -1,6 +1,6 @@
 """Typography classes."""
 
-from typing import Literal
+from typing import Union
 
 from reflex.vars.base import Var
 
@@ -13,7 +13,7 @@ class Blockquote(BaseHTML):
     tag = "blockquote"
 
     # Define the title of a work.
-    cite: Var[str]
+    cite: Var[Union[str, int, bool]]
 
 
 class Dd(BaseHTML):
@@ -51,6 +51,9 @@ class Hr(BaseHTML):
 
     tag = "hr"
 
+    # Used to specify the alignment of text content of The Element. this attribute is used in all elements.
+    align: Var[Union[str, int, bool]]
+
 
 class Li(BaseHTML):
     """Display the li element."""
@@ -64,7 +67,7 @@ class Menu(BaseHTML):
     tag = "menu"
 
     # Specifies that the menu element is a context menu.
-    type: Var[str]
+    type: Var[Union[str, int, bool]]
 
 
 class Ol(BaseHTML):
@@ -73,13 +76,13 @@ class Ol(BaseHTML):
     tag = "ol"
 
     # Reverses the order of the list.
-    reversed: Var[bool]
+    reversed: Var[Union[str, int, bool]]
 
     # Specifies the start value of the first list item in an ordered list.
-    start: Var[int]
+    start: Var[Union[str, int, bool]]
 
     # Specifies the kind of marker to use in the list (letters or numbers).
-    type: Var[Literal["1", "a", "A", "i", "I"]]
+    type: Var[Union[str, int, bool]]
 
 
 class P(BaseHTML):
@@ -106,10 +109,10 @@ class Ins(BaseHTML):
     tag = "ins"
 
     # Specifies the URL of the document that explains the reason why the text was inserted/changed.
-    cite: Var[str]
+    cite: Var[Union[str, int, bool]]
 
     # Specifies the date and time of when the text was inserted/changed.
-    date_time: Var[str]
+    date_time: Var[Union[str, int, bool]]
 
 
 class Del(BaseHTML):
@@ -118,10 +121,10 @@ class Del(BaseHTML):
     tag = "del"
 
     # Specifies the URL of the document that explains the reason why the text was deleted.
-    cite: Var[str]
+    cite: Var[Union[str, int, bool]]
 
     # Specifies the date and time of when the text was deleted.
-    date_time: Var[str]
+    date_time: Var[Union[str, int, bool]]
 
 
 blockquote = Blockquote.create

reflex/components/markdown/markdown.py

@@ -114,8 +114,8 @@ class MarkdownComponentMap:
         explicit_return = explicit_return or cls._explicit_return
 
         return ArgsFunctionOperation.create(
-            args_names=(DestructuredArg(fields=tuple(fn_args)),),
-            return_expr=fn_body,
+            (DestructuredArg(fields=tuple(fn_args)),),
+            fn_body,
             explicit_return=explicit_return,
             _var_data=var_data,
         )

reflex/components/plotly/plotly.py

@@ -2,7 +2,9 @@
 
 from __future__ import annotations
 
-from typing import Any, Dict, List, Tuple, TypedDict, TypeVar, Union
+from typing import Any, Dict, List, Tuple, Union
+
+from typing_extensions import TypedDict, TypeVar
 
 from reflex.components.component import Component, NoSSRComponent
 from reflex.components.core.cond import color_mode_cond

reflex/components/plotly/plotly.pyi

@@ -3,7 +3,9 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Dict, List, Optional, TypedDict, TypeVar, Union, overload
+from typing import Any, Dict, List, Optional, Union, overload
+
+from typing_extensions import TypedDict, TypeVar
 
 from reflex.components.component import NoSSRComponent
 from reflex.event import EventType

reflex/components/radix/primitives/form.pyi

@@ -69,222 +69,45 @@ class FormRoot(FormComponent, HTMLForm):
         cls,
         *children,
         as_child: Optional[Union[Var[bool], bool]] = None,
-        accept: Optional[Union[Var[str], str]] = None,
-        accept_charset: Optional[Union[Var[str], str]] = None,
-        action: Optional[Union[Var[str], str]] = None,
-        auto_complete: Optional[Union[Var[str], str]] = None,
-        enc_type: Optional[Union[Var[str], str]] = None,
-        method: Optional[Union[Var[str], str]] = None,
-        name: Optional[Union[Var[str], str]] = None,
-        no_validate: Optional[Union[Var[bool], bool]] = None,
-        target: Optional[Union[Var[str], str]] = None,
+        accept: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        accept_charset: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        action: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        auto_complete: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        enc_type: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        method: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        name: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        no_validate: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        target: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         reset_on_submit: Optional[Union[Var[bool], bool]] = None,
         handle_submit_unique_name: Optional[Union[Var[str], str]] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,
@@ -718,222 +541,45 @@ class Form(FormRoot):
         cls,
         *children,
         as_child: Optional[Union[Var[bool], bool]] = None,
-        accept: Optional[Union[Var[str], str]] = None,
-        accept_charset: Optional[Union[Var[str], str]] = None,
-        action: Optional[Union[Var[str], str]] = None,
-        auto_complete: Optional[Union[Var[str], str]] = None,
-        enc_type: Optional[Union[Var[str], str]] = None,
-        method: Optional[Union[Var[str], str]] = None,
-        name: Optional[Union[Var[str], str]] = None,
-        no_validate: Optional[Union[Var[bool], bool]] = None,
-        target: Optional[Union[Var[str], str]] = None,
+        accept: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        accept_charset: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        action: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        auto_complete: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        enc_type: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        method: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        name: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        no_validate: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        target: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         reset_on_submit: Optional[Union[Var[bool], bool]] = None,
         handle_submit_unique_name: Optional[Union[Var[str], str]] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,
@@ -1024,222 +670,45 @@ class FormNamespace(ComponentNamespace):
     def __call__(
         *children,
         as_child: Optional[Union[Var[bool], bool]] = None,
-        accept: Optional[Union[Var[str], str]] = None,
-        accept_charset: Optional[Union[Var[str], str]] = None,
-        action: Optional[Union[Var[str], str]] = None,
-        auto_complete: Optional[Union[Var[str], str]] = None,
-        enc_type: Optional[Union[Var[str], str]] = None,
-        method: Optional[Union[Var[str], str]] = None,
-        name: Optional[Union[Var[str], str]] = None,
-        no_validate: Optional[Union[Var[bool], bool]] = None,
-        target: Optional[Union[Var[str], str]] = None,
+        accept: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        accept_charset: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        action: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        auto_complete: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        enc_type: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        method: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        name: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        no_validate: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        target: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         reset_on_submit: Optional[Union[Var[bool], bool]] = None,
         handle_submit_unique_name: Optional[Union[Var[str], str]] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,

reflex/components/radix/primitives/slider.py

@@ -188,7 +188,7 @@ class Slider(ComponentNamespace):
         else:
             children = [
                 track,
-                #     Foreach.create(props.get("value"), lambda e: SliderThumb.create()),  # foreach doesn't render Thumbs properly # noqa: ERA001
+                #     foreach(props.get("value"), lambda e: SliderThumb.create()),  # foreach doesn't render Thumbs properly # noqa: ERA001
             ]
 
         return SliderRoot.create(*children, **props)

reflex/components/radix/themes/color_mode.py

@@ -20,7 +20,7 @@ from __future__ import annotations
 from typing import Any, Dict, List, Literal, Optional, Union, get_args
 
 from reflex.components.component import BaseComponent
-from reflex.components.core.cond import Cond, color_mode_cond, cond
+from reflex.components.core.cond import color_mode_cond, cond
 from reflex.components.lucide.icon import Icon
 from reflex.components.radix.themes.components.dropdown_menu import dropdown_menu
 from reflex.components.radix.themes.components.switch import Switch
@@ -40,28 +40,23 @@ DEFAULT_LIGHT_ICON: Icon = Icon.create(tag="sun")
 DEFAULT_DARK_ICON: Icon = Icon.create(tag="moon")
 
 
-class ColorModeIcon(Cond):
-    """Displays the current color mode as an icon."""
+def color_mode_icon(
+    light_component: BaseComponent | None = None,
+    dark_component: BaseComponent | None = None,
+):
+    """Create a color mode icon component.
 
-    @classmethod
-    def create(
-        cls,
-        light_component: BaseComponent | None = None,
-        dark_component: BaseComponent | None = None,
-    ):
-        """Create an icon component based on color_mode.
+    Args:
+        light_component: The component to render in light mode.
+        dark_component: The component to render in dark mode.
 
-        Args:
-            light_component: the component to display when color mode is default
-            dark_component: the component to display when color mode is dark (non-default)
-
-        Returns:
-            The conditionally rendered component
-        """
-        return color_mode_cond(
-            light=light_component or DEFAULT_LIGHT_ICON,
-            dark=dark_component or DEFAULT_DARK_ICON,
-        )
+    Returns:
+        The color mode icon component.
+    """
+    return color_mode_cond(
+        light=light_component or DEFAULT_LIGHT_ICON,
+        dark=dark_component or DEFAULT_DARK_ICON,
+    )
 
 
 LiteralPosition = Literal["top-left", "top-right", "bottom-left", "bottom-right"]
@@ -152,7 +147,7 @@ class ColorModeIconButton(IconButton):
             return dropdown_menu.root(
                 dropdown_menu.trigger(
                     super().create(
-                        ColorModeIcon.create(),
+                        color_mode_icon(),
                     ),
                     **props,
                 ),
@@ -163,7 +158,7 @@ class ColorModeIconButton(IconButton):
                 ),
             )
         return IconButton.create(
-            ColorModeIcon.create(),
+            color_mode_icon(),
             on_click=toggle_color_mode,
             **props,
         )
@@ -197,7 +192,7 @@ class ColorModeSwitch(Switch):
 class ColorModeNamespace(Var):
     """Namespace for color mode components."""
 
-    icon = staticmethod(ColorModeIcon.create)
+    icon = staticmethod(color_mode_icon)
     button = staticmethod(ColorModeIconButton.create)
     switch = staticmethod(ColorModeSwitch.create)
 

reflex/components/radix/themes/color_mode.pyi

@@ -7,7 +7,6 @@ from typing import Any, Dict, List, Literal, Optional, Union, overload
 
 from reflex.components.component import BaseComponent
 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
@@ -19,48 +18,10 @@ from .components.icon_button import IconButton
 DEFAULT_LIGHT_ICON: Icon
 DEFAULT_DARK_ICON: Icon
 
-class ColorModeIcon(Cond):
-    @overload
-    @classmethod
-    def create(  # type: ignore
-        cls,
-        *children,
-        cond: Optional[Union[Any, Var[Any]]] = None,
-        comp1: Optional[BaseComponent] = None,
-        comp2: Optional[BaseComponent] = None,
-        style: Optional[Style] = None,
-        key: Optional[Any] = None,
-        id: Optional[Any] = None,
-        class_name: Optional[Any] = None,
-        autofocus: Optional[bool] = None,
-        custom_attrs: Optional[Dict[str, Union[Var, Any]]] = None,
-        on_blur: Optional[EventType[()]] = None,
-        on_click: Optional[EventType[()]] = None,
-        on_context_menu: Optional[EventType[()]] = None,
-        on_double_click: Optional[EventType[()]] = None,
-        on_focus: Optional[EventType[()]] = None,
-        on_mount: Optional[EventType[()]] = None,
-        on_mouse_down: Optional[EventType[()]] = None,
-        on_mouse_enter: Optional[EventType[()]] = None,
-        on_mouse_leave: Optional[EventType[()]] = None,
-        on_mouse_move: Optional[EventType[()]] = None,
-        on_mouse_out: Optional[EventType[()]] = None,
-        on_mouse_over: Optional[EventType[()]] = None,
-        on_mouse_up: Optional[EventType[()]] = None,
-        on_scroll: Optional[EventType[()]] = None,
-        on_unmount: Optional[EventType[()]] = None,
-        **props,
-    ) -> "ColorModeIcon":
-        """Create an icon component based on color_mode.
-
-        Args:
-            light_component: the component to display when color mode is default
-            dark_component: the component to display when color mode is dark (non-default)
-
-        Returns:
-            The conditionally rendered component
-        """
-        ...
+def color_mode_icon(
+    light_component: BaseComponent | None = None,
+    dark_component: BaseComponent | None = None,
+): ...
 
 LiteralPosition = Literal["top-left", "top-right", "bottom-left", "bottom-right"]
 position_values: List[str]
@@ -172,227 +133,45 @@ class ColorModeIconButton(IconButton):
                 Var[Literal["full", "large", "medium", "none", "small"]],
             ]
         ] = None,
-        auto_focus: Optional[Union[Var[bool], bool]] = None,
+        auto_focus: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         disabled: Optional[Union[Var[bool], bool]] = None,
-        form: Optional[Union[Var[str], str]] = None,
-        form_action: Optional[Union[Var[str], str]] = None,
-        form_enc_type: Optional[Union[Var[str], str]] = None,
-        form_method: Optional[Union[Var[str], str]] = None,
-        form_no_validate: Optional[Union[Var[bool], bool]] = None,
-        form_target: Optional[Union[Var[str], str]] = None,
-        name: Optional[Union[Var[str], str]] = None,
-        type: Optional[
-            Union[
-                Literal["button", "reset", "submit"],
-                Var[Literal["button", "reset", "submit"]],
-            ]
+        form: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        form_action: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        form_enc_type: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        value: Optional[Union[Var[Union[float, int, str]], float, int, str]] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        form_method: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        form_no_validate: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        form_target: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        name: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        type: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        value: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         loading: Optional[Union[Var[bool], bool]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
@@ -622,7 +401,7 @@ class ColorModeSwitch(Switch):
         ...
 
 class ColorModeNamespace(Var):
-    icon = staticmethod(ColorModeIcon.create)
+    icon = staticmethod(color_mode_icon)
     button = staticmethod(ColorModeIconButton.create)
     switch = staticmethod(ColorModeSwitch.create)
 

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

@@ -130,211 +130,30 @@ class AlertDialogContent(elements.Div, RadixThemesComponent):
             ]
         ] = None,
         force_mount: Optional[Union[Var[bool], bool]] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,

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

@@ -105,211 +105,30 @@ class Badge(elements.Span, RadixThemesComponent):
                 Var[Literal["full", "large", "medium", "none", "small"]],
             ]
         ] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,

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

@@ -109,227 +109,45 @@ class Button(elements.Button, RadixLoadingProp, RadixThemesComponent):
                 Var[Literal["full", "large", "medium", "none", "small"]],
             ]
         ] = None,
-        auto_focus: Optional[Union[Var[bool], bool]] = None,
+        auto_focus: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         disabled: Optional[Union[Var[bool], bool]] = None,
-        form: Optional[Union[Var[str], str]] = None,
-        form_action: Optional[Union[Var[str], str]] = None,
-        form_enc_type: Optional[Union[Var[str], str]] = None,
-        form_method: Optional[Union[Var[str], str]] = None,
-        form_no_validate: Optional[Union[Var[bool], bool]] = None,
-        form_target: Optional[Union[Var[str], str]] = None,
-        name: Optional[Union[Var[str], str]] = None,
-        type: Optional[
-            Union[
-                Literal["button", "reset", "submit"],
-                Var[Literal["button", "reset", "submit"]],
-            ]
+        form: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        form_action: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        form_enc_type: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        value: Optional[Union[Var[Union[float, int, str]], float, int, str]] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        form_method: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        form_no_validate: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        form_target: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        name: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        type: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        value: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         loading: Optional[Union[Var[bool], bool]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,

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

@@ -38,211 +38,30 @@ class Card(elements.Div, RadixThemesComponent):
                 Var[Literal["classic", "ghost", "surface"]],
             ]
         ] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,

reflex/components/radix/themes/components/context_menu.py

@@ -10,7 +10,6 @@ from reflex.vars.base import Var
 
 from ..base import LiteralAccentColor, RadixThemesComponent
 from .checkbox import Checkbox
-from .radio_group import HighLevelRadioGroup
 
 LiteralDirType = Literal["ltr", "rtl"]
 
@@ -227,11 +226,7 @@ class ContextMenuItem(RadixThemesComponent):
     # Optional text used for typeahead purposes. By default the typeahead behavior will use the content of the item. Use this when the content is complex, or you have non-textual content inside.
     text_value: Var[str]
 
-    _valid_parents: List[str] = [
-        "ContextMenuContent",
-        "ContextMenuSubContent",
-        "ContextMenuGroup",
-    ]
+    _valid_parents: List[str] = ["ContextMenuContent", "ContextMenuSubContent"]
 
     # Fired when the item is selected.
     on_select: EventHandler[no_args_event_spec]
@@ -252,75 +247,6 @@ class ContextMenuCheckbox(Checkbox):
     shortcut: Var[str]
 
 
-class ContextMenuLabel(RadixThemesComponent):
-    """The component that contains the label."""
-
-    tag = "ContextMenu.Label"
-
-    # Change the default rendered element for the one passed as a child, merging their props and behavior. Defaults to False.
-    as_child: Var[bool]
-
-
-class ContextMenuGroup(RadixThemesComponent):
-    """The component that contains the group."""
-
-    tag = "ContextMenu.Group"
-
-    # Change the default rendered element for the one passed as a child, merging their props and behavior. Defaults to False.
-    as_child: Var[bool]
-
-    _valid_parents: List[str] = ["ContextMenuContent", "ContextMenuSubContent"]
-
-
-class ContextMenuRadioGroup(RadixThemesComponent):
-    """The component that contains context menu radio items."""
-
-    tag = "ContextMenu.RadioGroup"
-
-    # Change the default rendered element for the one passed as a child, merging their props and behavior. Defaults to False.
-    as_child: Var[bool]
-
-    # The value of the selected item in the group.
-    value: Var[str]
-
-    # Props to rename
-    _rename_props = {"onChange": "onValueChange"}
-
-    # Fired when the value of the radio group changes.
-    on_change: EventHandler[passthrough_event_spec(str)]
-
-    _valid_parents: List[str] = [
-        "ContextMenuRadioItem",
-        "ContextMenuSubContent",
-        "ContextMenuContent",
-        "ContextMenuSub",
-    ]
-
-
-class ContextMenuRadioItem(HighLevelRadioGroup):
-    """The component that contains context menu radio items."""
-
-    tag = "ContextMenu.RadioItem"
-
-    # Override theme color for Dropdown Menu Content
-    color_scheme: Var[LiteralAccentColor]
-
-    # Change the default rendered element for the one passed as a child, merging their props and behavior. Defaults to False.
-    as_child: Var[bool]
-
-    # The unique value of the item.
-    value: Var[str]
-
-    # When true, prevents the user from interacting with the item.
-    disabled: Var[bool]
-
-    # Event handler called when the user selects an item (via mouse or keyboard). Calling event.preventDefault in this handler will prevent the context menu from closing when selecting that item.
-    on_select: EventHandler[no_args_event_spec]
-
-    # Optional text used for typeahead purposes. By default the typeahead behavior will use the .textContent of the item. Use this when the content is complex, or you have non-textual content inside.
-    text_value: Var[str]
-
-
 class ContextMenu(ComponentNamespace):
     """Menu representing a set of actions, displayed at the origin of a pointer right-click or long-press."""
 
@@ -333,10 +259,6 @@ class ContextMenu(ComponentNamespace):
     item = staticmethod(ContextMenuItem.create)
     separator = staticmethod(ContextMenuSeparator.create)
     checkbox = staticmethod(ContextMenuCheckbox.create)
-    label = staticmethod(ContextMenuLabel.create)
-    group = staticmethod(ContextMenuGroup.create)
-    radio_group = staticmethod(ContextMenuRadioGroup.create)
-    radio = staticmethod(ContextMenuRadioItem.create)
 
 
 context_menu = ContextMenu()

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

@@ -3,7 +3,7 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Dict, List, Literal, Optional, Union, overload
+from typing import Any, Dict, Literal, Optional, Union, overload
 
 from reflex.components.component import ComponentNamespace
 from reflex.components.core.breakpoints import Breakpoints
@@ -13,7 +13,6 @@ from reflex.vars.base import Var
 
 from ..base import RadixThemesComponent
 from .checkbox import Checkbox
-from .radio_group import HighLevelRadioGroup
 
 LiteralDirType = Literal["ltr", "rtl"]
 LiteralSizeType = Literal["1", "2"]
@@ -821,320 +820,6 @@ class ContextMenuCheckbox(Checkbox):
         """
         ...
 
-class ContextMenuLabel(RadixThemesComponent):
-    @overload
-    @classmethod
-    def create(  # type: ignore
-        cls,
-        *children,
-        as_child: Optional[Union[Var[bool], bool]] = None,
-        style: Optional[Style] = None,
-        key: Optional[Any] = None,
-        id: Optional[Any] = None,
-        class_name: Optional[Any] = None,
-        autofocus: Optional[bool] = None,
-        custom_attrs: Optional[Dict[str, Union[Var, Any]]] = None,
-        on_blur: Optional[EventType[()]] = None,
-        on_click: Optional[EventType[()]] = None,
-        on_context_menu: Optional[EventType[()]] = None,
-        on_double_click: Optional[EventType[()]] = None,
-        on_focus: Optional[EventType[()]] = None,
-        on_mount: Optional[EventType[()]] = None,
-        on_mouse_down: Optional[EventType[()]] = None,
-        on_mouse_enter: Optional[EventType[()]] = None,
-        on_mouse_leave: Optional[EventType[()]] = None,
-        on_mouse_move: Optional[EventType[()]] = None,
-        on_mouse_out: Optional[EventType[()]] = None,
-        on_mouse_over: Optional[EventType[()]] = None,
-        on_mouse_up: Optional[EventType[()]] = None,
-        on_scroll: Optional[EventType[()]] = None,
-        on_unmount: Optional[EventType[()]] = None,
-        **props,
-    ) -> "ContextMenuLabel":
-        """Create a new component instance.
-
-        Will prepend "RadixThemes" to the component tag to avoid conflicts with
-        other UI libraries for common names, like Text and Button.
-
-        Args:
-            *children: Child components.
-            as_child: Change the default rendered element for the one passed as a child, merging their props and behavior. Defaults to False.
-            style: The style of the component.
-            key: A unique key for the component.
-            id: The id for the component.
-            class_name: The class name for the component.
-            autofocus: Whether the component should take the focus once the page is loaded
-            custom_attrs: custom attribute
-            **props: Component properties.
-
-        Returns:
-            A new component instance.
-        """
-        ...
-
-class ContextMenuGroup(RadixThemesComponent):
-    @overload
-    @classmethod
-    def create(  # type: ignore
-        cls,
-        *children,
-        as_child: Optional[Union[Var[bool], bool]] = None,
-        style: Optional[Style] = None,
-        key: Optional[Any] = None,
-        id: Optional[Any] = None,
-        class_name: Optional[Any] = None,
-        autofocus: Optional[bool] = None,
-        custom_attrs: Optional[Dict[str, Union[Var, Any]]] = None,
-        on_blur: Optional[EventType[()]] = None,
-        on_click: Optional[EventType[()]] = None,
-        on_context_menu: Optional[EventType[()]] = None,
-        on_double_click: Optional[EventType[()]] = None,
-        on_focus: Optional[EventType[()]] = None,
-        on_mount: Optional[EventType[()]] = None,
-        on_mouse_down: Optional[EventType[()]] = None,
-        on_mouse_enter: Optional[EventType[()]] = None,
-        on_mouse_leave: Optional[EventType[()]] = None,
-        on_mouse_move: Optional[EventType[()]] = None,
-        on_mouse_out: Optional[EventType[()]] = None,
-        on_mouse_over: Optional[EventType[()]] = None,
-        on_mouse_up: Optional[EventType[()]] = None,
-        on_scroll: Optional[EventType[()]] = None,
-        on_unmount: Optional[EventType[()]] = None,
-        **props,
-    ) -> "ContextMenuGroup":
-        """Create a new component instance.
-
-        Will prepend "RadixThemes" to the component tag to avoid conflicts with
-        other UI libraries for common names, like Text and Button.
-
-        Args:
-            *children: Child components.
-            as_child: Change the default rendered element for the one passed as a child, merging their props and behavior. Defaults to False.
-            style: The style of the component.
-            key: A unique key for the component.
-            id: The id for the component.
-            class_name: The class name for the component.
-            autofocus: Whether the component should take the focus once the page is loaded
-            custom_attrs: custom attribute
-            **props: Component properties.
-
-        Returns:
-            A new component instance.
-        """
-        ...
-
-class ContextMenuRadioGroup(RadixThemesComponent):
-    @overload
-    @classmethod
-    def create(  # type: ignore
-        cls,
-        *children,
-        as_child: Optional[Union[Var[bool], bool]] = None,
-        value: Optional[Union[Var[str], str]] = None,
-        style: Optional[Style] = None,
-        key: Optional[Any] = None,
-        id: Optional[Any] = None,
-        class_name: Optional[Any] = None,
-        autofocus: Optional[bool] = None,
-        custom_attrs: Optional[Dict[str, Union[Var, Any]]] = None,
-        on_blur: Optional[EventType[()]] = None,
-        on_change: Optional[Union[EventType[()], EventType[str]]] = None,
-        on_click: Optional[EventType[()]] = None,
-        on_context_menu: Optional[EventType[()]] = None,
-        on_double_click: Optional[EventType[()]] = None,
-        on_focus: Optional[EventType[()]] = None,
-        on_mount: Optional[EventType[()]] = None,
-        on_mouse_down: Optional[EventType[()]] = None,
-        on_mouse_enter: Optional[EventType[()]] = None,
-        on_mouse_leave: Optional[EventType[()]] = None,
-        on_mouse_move: Optional[EventType[()]] = None,
-        on_mouse_out: Optional[EventType[()]] = None,
-        on_mouse_over: Optional[EventType[()]] = None,
-        on_mouse_up: Optional[EventType[()]] = None,
-        on_scroll: Optional[EventType[()]] = None,
-        on_unmount: Optional[EventType[()]] = None,
-        **props,
-    ) -> "ContextMenuRadioGroup":
-        """Create a new component instance.
-
-        Will prepend "RadixThemes" to the component tag to avoid conflicts with
-        other UI libraries for common names, like Text and Button.
-
-        Args:
-            *children: Child components.
-            as_child: Change the default rendered element for the one passed as a child, merging their props and behavior. Defaults to False.
-            value: The value of the selected item in the group.
-            on_change: Fired when the value of the radio group changes.
-            style: The style of the component.
-            key: A unique key for the component.
-            id: The id for the component.
-            class_name: The class name for the component.
-            autofocus: Whether the component should take the focus once the page is loaded
-            custom_attrs: custom attribute
-            **props: Component properties.
-
-        Returns:
-            A new component instance.
-        """
-        ...
-
-class ContextMenuRadioItem(HighLevelRadioGroup):
-    @overload
-    @classmethod
-    def create(  # type: ignore
-        cls,
-        *children,
-        color_scheme: Optional[
-            Union[
-                Literal[
-                    "amber",
-                    "blue",
-                    "bronze",
-                    "brown",
-                    "crimson",
-                    "cyan",
-                    "gold",
-                    "grass",
-                    "gray",
-                    "green",
-                    "indigo",
-                    "iris",
-                    "jade",
-                    "lime",
-                    "mint",
-                    "orange",
-                    "pink",
-                    "plum",
-                    "purple",
-                    "red",
-                    "ruby",
-                    "sky",
-                    "teal",
-                    "tomato",
-                    "violet",
-                    "yellow",
-                ],
-                Var[
-                    Literal[
-                        "amber",
-                        "blue",
-                        "bronze",
-                        "brown",
-                        "crimson",
-                        "cyan",
-                        "gold",
-                        "grass",
-                        "gray",
-                        "green",
-                        "indigo",
-                        "iris",
-                        "jade",
-                        "lime",
-                        "mint",
-                        "orange",
-                        "pink",
-                        "plum",
-                        "purple",
-                        "red",
-                        "ruby",
-                        "sky",
-                        "teal",
-                        "tomato",
-                        "violet",
-                        "yellow",
-                    ]
-                ],
-            ]
-        ] = None,
-        as_child: Optional[Union[Var[bool], bool]] = None,
-        value: Optional[Union[Var[str], str]] = None,
-        disabled: Optional[Union[Var[bool], bool]] = None,
-        text_value: Optional[Union[Var[str], str]] = None,
-        items: Optional[Union[List[str], Var[List[str]]]] = None,
-        direction: Optional[
-            Union[
-                Literal["column", "column-reverse", "row", "row-reverse"],
-                Var[Literal["column", "column-reverse", "row", "row-reverse"]],
-            ]
-        ] = None,
-        spacing: Optional[
-            Union[
-                Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"],
-                Var[Literal["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]],
-            ]
-        ] = None,
-        size: Optional[
-            Union[Literal["1", "2", "3"], Var[Literal["1", "2", "3"]]]
-        ] = None,
-        variant: Optional[
-            Union[
-                Literal["classic", "soft", "surface"],
-                Var[Literal["classic", "soft", "surface"]],
-            ]
-        ] = None,
-        high_contrast: Optional[Union[Var[bool], bool]] = None,
-        default_value: Optional[Union[Var[str], str]] = None,
-        name: Optional[Union[Var[str], str]] = None,
-        required: Optional[Union[Var[bool], bool]] = None,
-        style: Optional[Style] = None,
-        key: Optional[Any] = None,
-        id: Optional[Any] = None,
-        class_name: Optional[Any] = None,
-        autofocus: Optional[bool] = None,
-        custom_attrs: Optional[Dict[str, Union[Var, Any]]] = None,
-        on_blur: Optional[EventType[()]] = None,
-        on_click: Optional[EventType[()]] = None,
-        on_context_menu: Optional[EventType[()]] = None,
-        on_double_click: Optional[EventType[()]] = None,
-        on_focus: Optional[EventType[()]] = None,
-        on_mount: Optional[EventType[()]] = None,
-        on_mouse_down: Optional[EventType[()]] = None,
-        on_mouse_enter: Optional[EventType[()]] = None,
-        on_mouse_leave: Optional[EventType[()]] = None,
-        on_mouse_move: Optional[EventType[()]] = None,
-        on_mouse_out: Optional[EventType[()]] = None,
-        on_mouse_over: Optional[EventType[()]] = None,
-        on_mouse_up: Optional[EventType[()]] = None,
-        on_scroll: Optional[EventType[()]] = None,
-        on_select: Optional[EventType[()]] = None,
-        on_unmount: Optional[EventType[()]] = None,
-        **props,
-    ) -> "ContextMenuRadioItem":
-        """Create a radio group component.
-
-        Args:
-            items: The items of the radio group.
-            color_scheme: The color of the radio group
-            as_child: Change the default rendered element for the one passed as a child, merging their props and behavior. Defaults to False.
-            value: The controlled value of the radio item to check. Should be used in conjunction with on_change.
-            disabled: Whether the radio group is disabled
-            on_select: Event handler called when the user selects an item (via mouse or keyboard). Calling event.preventDefault in this handler will prevent the context menu from closing when selecting that item.
-            text_value: Optional text used for typeahead purposes. By default the typeahead behavior will use the .textContent of the item. Use this when the content is complex, or you have non-textual content inside.
-            items: The items of the radio group.
-            direction: The direction of the radio group.
-            spacing: The gap between the items of the radio group.
-            size: The size of the radio group.
-            variant: The variant of the radio group
-            high_contrast: Whether to render the radio group with higher contrast color against background
-            default_value: The initial value of checked radio item. Should be used in conjunction with on_change.
-            name: The name of the group. Submitted with its owning form as part of a name/value pair.
-            required: Whether the radio group is required
-            style: The style of the component.
-            key: A unique key for the component.
-            id: The id for the component.
-            class_name: The class name for the component.
-            autofocus: Whether the component should take the focus once the page is loaded
-            custom_attrs: custom attribute
-            **props: Additional properties to apply to the accordion item.
-
-        Returns:
-            The created radio group component.
-
-        Raises:
-            TypeError: If the type of items is invalid.
-        """
-        ...
-
 class ContextMenu(ComponentNamespace):
     root = staticmethod(ContextMenuRoot.create)
     trigger = staticmethod(ContextMenuTrigger.create)
@@ -1145,9 +830,5 @@ class ContextMenu(ComponentNamespace):
     item = staticmethod(ContextMenuItem.create)
     separator = staticmethod(ContextMenuSeparator.create)
     checkbox = staticmethod(ContextMenuCheckbox.create)
-    label = staticmethod(ContextMenuLabel.create)
-    group = staticmethod(ContextMenuGroup.create)
-    radio_group = staticmethod(ContextMenuRadioGroup.create)
-    radio = staticmethod(ContextMenuRadioItem.create)
 
 context_menu = ContextMenu()

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

@@ -176,211 +176,30 @@ class DialogContent(elements.Div, RadixThemesComponent):
                 ],
             ]
         ] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,

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

@@ -163,211 +163,30 @@ class HoverCardContent(elements.Div, RadixThemesComponent):
                 ],
             ]
         ] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,

reflex/components/radix/themes/components/icon_button.py

@@ -6,7 +6,7 @@ from typing import Literal
 
 from reflex.components.component import Component
 from reflex.components.core.breakpoints import Responsive
-from reflex.components.core.match import Match
+from reflex.components.core.match import match
 from reflex.components.el import elements
 from reflex.components.lucide import Icon
 from reflex.style import Style
@@ -77,7 +77,7 @@ class IconButton(elements.Button, RadixLoadingProp, RadixThemesComponent):
             if isinstance(props["size"], str):
                 children[0].size = RADIX_TO_LUCIDE_SIZE[props["size"]]
             else:
-                size_map_var = Match.create(
+                size_map_var = match(
                     props["size"],
                     *list(RADIX_TO_LUCIDE_SIZE.items()),
                     12,

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

@@ -110,227 +110,45 @@ class IconButton(elements.Button, RadixLoadingProp, RadixThemesComponent):
                 Var[Literal["full", "large", "medium", "none", "small"]],
             ]
         ] = None,
-        auto_focus: Optional[Union[Var[bool], bool]] = None,
+        auto_focus: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         disabled: Optional[Union[Var[bool], bool]] = None,
-        form: Optional[Union[Var[str], str]] = None,
-        form_action: Optional[Union[Var[str], str]] = None,
-        form_enc_type: Optional[Union[Var[str], str]] = None,
-        form_method: Optional[Union[Var[str], str]] = None,
-        form_no_validate: Optional[Union[Var[bool], bool]] = None,
-        form_target: Optional[Union[Var[str], str]] = None,
-        name: Optional[Union[Var[str], str]] = None,
-        type: Optional[
-            Union[
-                Literal["button", "reset", "submit"],
-                Var[Literal["button", "reset", "submit"]],
-            ]
+        form: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        form_action: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        form_enc_type: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        value: Optional[Union[Var[Union[float, int, str]], float, int, str]] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        form_method: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        form_no_validate: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        form_target: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        name: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        type: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        value: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         loading: Optional[Union[Var[bool], bool]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,

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

@@ -103,211 +103,30 @@ class Inset(elements.Div, RadixThemesComponent):
                 str,
             ]
         ] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,

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

@@ -156,211 +156,30 @@ class PopoverContent(elements.Div, RadixThemesComponent):
             Union[Literal["always", "partial"], Var[Literal["always", "partial"]]]
         ] = None,
         hide_when_detached: Optional[Union[Var[bool], bool]] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,

reflex/components/radix/themes/components/text_area.py

@@ -1,6 +1,6 @@
 """Interactive components provided by @radix-ui/themes."""
 
-from typing import Literal
+from typing import Literal, Union
 
 from reflex.components.component import Component
 from reflex.components.core.breakpoints import Responsive
@@ -51,7 +51,7 @@ class TextArea(RadixThemesComponent, elements.Textarea):
     disabled: Var[bool]
 
     # Associates the textarea with a form (by id)
-    form: Var[str]
+    form: Var[Union[str, int, bool]]
 
     # Maximum number of characters allowed in the textarea
     max_length: Var[int]

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

@@ -126,7 +126,7 @@ class TextArea(RadixThemesComponent, elements.Textarea):
         default_value: Optional[Union[Var[str], str]] = None,
         dirname: Optional[Union[Var[str], str]] = None,
         disabled: Optional[Union[Var[bool], bool]] = None,
-        form: Optional[Union[Var[str], str]] = None,
+        form: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         max_length: Optional[Union[Var[int], int]] = None,
         min_length: Optional[Union[Var[int], int]] = None,
         name: Optional[Union[Var[str], str]] = None,
@@ -137,213 +137,32 @@ class TextArea(RadixThemesComponent, elements.Textarea):
         value: Optional[Union[Var[str], str]] = None,
         wrap: Optional[Union[Var[str], str]] = None,
         auto_height: Optional[Union[Var[bool], bool]] = None,
-        cols: Optional[Union[Var[int], int]] = None,
+        cols: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_submit: Optional[Union[Var[bool], bool]] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,

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

@@ -70,7 +70,7 @@ class TextFieldRoot(elements.Input, RadixThemesComponent):
     value: Var[Union[str, int, float]]
 
     # References a datalist for suggested options
-    list: Var[str]
+    list: Var[Union[str, int, bool]]
 
     # Fired when the value of the textarea changes.
     on_change: EventHandler[input_event]

reflex/components/radix/themes/components/text_field.pyi

@@ -119,235 +119,55 @@ class TextFieldRoot(elements.Input, RadixThemesComponent):
         required: Optional[Union[Var[bool], bool]] = None,
         type: Optional[Union[Var[str], str]] = None,
         value: Optional[Union[Var[Union[float, int, str]], float, int, str]] = None,
-        list: Optional[Union[Var[str], str]] = None,
-        accept: Optional[Union[Var[str], str]] = None,
-        alt: Optional[Union[Var[str], str]] = None,
-        auto_focus: Optional[Union[Var[bool], bool]] = None,
-        capture: Optional[
-            Union[
-                Literal["environment", "user", False, True],
-                Var[Literal["environment", "user", False, True]],
-            ]
-        ] = None,
-        checked: Optional[Union[Var[bool], bool]] = None,
+        list: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        accept: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        alt: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        auto_focus: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        capture: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        checked: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         default_checked: Optional[Union[Var[bool], bool]] = None,
-        form: Optional[Union[Var[str], str]] = None,
-        form_action: Optional[Union[Var[str], str]] = None,
-        form_enc_type: Optional[Union[Var[str], str]] = None,
-        form_method: Optional[Union[Var[str], str]] = None,
-        form_no_validate: Optional[Union[Var[bool], bool]] = None,
-        form_target: Optional[Union[Var[str], str]] = None,
-        max: Optional[Union[Var[Union[float, int, str]], float, int, str]] = None,
-        min: Optional[Union[Var[Union[float, int, str]], float, int, str]] = None,
-        multiple: Optional[Union[Var[bool], bool]] = None,
-        pattern: Optional[Union[Var[str], str]] = None,
-        src: Optional[Union[Var[str], str]] = None,
-        step: Optional[Union[Var[Union[float, int, str]], float, int, str]] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        dirname: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        form: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        form_action: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        form_enc_type: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        form_method: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        form_no_validate: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        form_target: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        max: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        min: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        multiple: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        pattern: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        src: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        step: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        use_map: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,
@@ -409,6 +229,7 @@ class TextFieldRoot(elements.Input, RadixThemesComponent):
             capture: Captures media from the user (camera or microphone)
             checked: Indicates whether the input is checked (for checkboxes and radio buttons)
             default_checked: The initial value (for checkboxes and radio buttons)
+            dirname: Name part of the input to submit in 'dir' and 'name' pair when form is submitted
             form: Associates the input with a form (by id)
             form_action: URL to send the form data to (for type="submit" buttons)
             form_enc_type: How the form data should be encoded when submitting to the server (for type="submit" buttons)
@@ -421,6 +242,7 @@ class TextFieldRoot(elements.Input, RadixThemesComponent):
             pattern: Regex pattern the input's value must match to be valid
             src: URL for image inputs
             step: Specifies the legal number intervals for an input
+            use_map: Name of the image map used with the input
             access_key: Provides a hint for generating a keyboard shortcut for the current element.
             auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
             content_editable: Indicates whether the element's content is editable.
@@ -664,235 +486,55 @@ class TextField(ComponentNamespace):
         required: Optional[Union[Var[bool], bool]] = None,
         type: Optional[Union[Var[str], str]] = None,
         value: Optional[Union[Var[Union[float, int, str]], float, int, str]] = None,
-        list: Optional[Union[Var[str], str]] = None,
-        accept: Optional[Union[Var[str], str]] = None,
-        alt: Optional[Union[Var[str], str]] = None,
-        auto_focus: Optional[Union[Var[bool], bool]] = None,
-        capture: Optional[
-            Union[
-                Literal["environment", "user", False, True],
-                Var[Literal["environment", "user", False, True]],
-            ]
-        ] = None,
-        checked: Optional[Union[Var[bool], bool]] = None,
+        list: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        accept: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        alt: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        auto_focus: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        capture: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        checked: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         default_checked: Optional[Union[Var[bool], bool]] = None,
-        form: Optional[Union[Var[str], str]] = None,
-        form_action: Optional[Union[Var[str], str]] = None,
-        form_enc_type: Optional[Union[Var[str], str]] = None,
-        form_method: Optional[Union[Var[str], str]] = None,
-        form_no_validate: Optional[Union[Var[bool], bool]] = None,
-        form_target: Optional[Union[Var[str], str]] = None,
-        max: Optional[Union[Var[Union[float, int, str]], float, int, str]] = None,
-        min: Optional[Union[Var[Union[float, int, str]], float, int, str]] = None,
-        multiple: Optional[Union[Var[bool], bool]] = None,
-        pattern: Optional[Union[Var[str], str]] = None,
-        src: Optional[Union[Var[str], str]] = None,
-        step: Optional[Union[Var[Union[float, int, str]], float, int, str]] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        dirname: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        form: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        form_action: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        form_enc_type: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        form_method: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        form_no_validate: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        form_target: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        max: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        min: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        multiple: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        pattern: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        src: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        step: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        use_map: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,
@@ -954,6 +596,7 @@ class TextField(ComponentNamespace):
             capture: Captures media from the user (camera or microphone)
             checked: Indicates whether the input is checked (for checkboxes and radio buttons)
             default_checked: The initial value (for checkboxes and radio buttons)
+            dirname: Name part of the input to submit in 'dir' and 'name' pair when form is submitted
             form: Associates the input with a form (by id)
             form_action: URL to send the form data to (for type="submit" buttons)
             form_enc_type: How the form data should be encoded when submitting to the server (for type="submit" buttons)
@@ -966,6 +609,7 @@ class TextField(ComponentNamespace):
             pattern: Regex pattern the input's value must match to be valid
             src: URL for image inputs
             step: Specifies the legal number intervals for an input
+            use_map: Name of the image map used with the input
             access_key: Provides a hint for generating a keyboard shortcut for the current element.
             auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
             content_editable: Indicates whether the element's content is editable.

reflex/components/radix/themes/layout/box.pyi

@@ -3,7 +3,7 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Dict, Literal, Optional, Union, overload
+from typing import Any, Dict, Optional, Union, overload
 
 from reflex.components.el import elements
 from reflex.event import EventType
@@ -18,211 +18,30 @@ class Box(elements.Div, RadixThemesComponent):
     def create(  # type: ignore
         cls,
         *children,
-        access_key: Optional[Union[Var[str], str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,

reflex/components/radix/themes/layout/center.pyi

@@ -95,211 +95,30 @@ class Center(Flex):
                 ],
             ]
         ] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,

reflex/components/radix/themes/layout/container.pyi

@@ -35,211 +35,30 @@ class Container(elements.Div, RadixThemesComponent):
                 ],
             ]
         ] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,

reflex/components/radix/themes/layout/flex.pyi

@@ -98,211 +98,30 @@ class Flex(elements.Div, RadixThemesComponent):
                 ],
             ]
         ] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,

reflex/components/radix/themes/layout/grid.pyi

@@ -127,211 +127,30 @@ class Grid(elements.Div, RadixThemesComponent):
                 ],
             ]
         ] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,

reflex/components/radix/themes/layout/list.py

@@ -5,7 +5,7 @@ from __future__ import annotations
 from typing import Any, Iterable, Literal, Union
 
 from reflex.components.component import Component, ComponentNamespace
-from reflex.components.core.foreach import Foreach
+from reflex.components.core.foreach import foreach
 from reflex.components.el.elements.typography import Li, Ol, Ul
 from reflex.components.lucide.icon import Icon
 from reflex.components.markdown.markdown import MarkdownComponentMap
@@ -70,7 +70,7 @@ class BaseList(Component, MarkdownComponentMap):
 
         if not children and items is not None:
             if isinstance(items, Var):
-                children = [Foreach.create(items, ListItem.create)]
+                children = [foreach(items, ListItem.create)]
             else:
                 children = [ListItem.create(item) for item in items]
         props["direction"] = "column"

reflex/components/radix/themes/layout/list.pyi

@@ -172,211 +172,30 @@ class UnorderedList(BaseList, Ul):
             ]
         ] = None,
         items: Optional[Union[Iterable, Var[Iterable]]] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,
@@ -484,218 +303,33 @@ class OrderedList(BaseList, Ol):
             ]
         ] = None,
         items: Optional[Union[Iterable, Var[Iterable]]] = None,
-        reversed: Optional[Union[Var[bool], bool]] = None,
-        start: Optional[Union[Var[int], int]] = None,
-        type: Optional[
-            Union[
-                Literal["1", "A", "I", "a", "i"], Var[Literal["1", "A", "I", "a", "i"]]
-            ]
-        ] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        reversed: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        start: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        type: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,
@@ -763,211 +397,30 @@ class ListItem(Li, MarkdownComponentMap):
     def create(  # type: ignore
         cls,
         *children,
-        access_key: Optional[Union[Var[str], str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,

reflex/components/radix/themes/layout/section.pyi

@@ -32,211 +32,30 @@ class Section(elements.Section, RadixThemesComponent):
                 ],
             ]
         ] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,

reflex/components/radix/themes/layout/spacer.pyi

@@ -95,211 +95,30 @@ class Spacer(Flex):
                 ],
             ]
         ] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,

reflex/components/radix/themes/layout/stack.pyi

@@ -72,211 +72,30 @@ class Stack(Flex):
                 ],
             ]
         ] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,
@@ -388,211 +207,30 @@ class VStack(Stack):
                 ],
             ]
         ] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,
@@ -704,211 +342,30 @@ class HStack(Stack):
                 ],
             ]
         ] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,

reflex/components/radix/themes/typography/blockquote.pyi

@@ -108,212 +108,31 @@ class Blockquote(elements.Blockquote, RadixThemesComponent):
             ]
         ] = None,
         high_contrast: Optional[Union[Var[bool], bool]] = None,
-        cite: Optional[Union[Var[str], str]] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        cite: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,

reflex/components/radix/themes/typography/code.pyi

@@ -115,211 +115,30 @@ class Code(elements.Code, RadixThemesComponent, MarkdownComponentMap):
             ]
         ] = None,
         high_contrast: Optional[Union[Var[bool], bool]] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,

reflex/components/radix/themes/typography/heading.pyi

@@ -135,211 +135,30 @@ class Heading(elements.H1, RadixThemesComponent, MarkdownComponentMap):
             ]
         ] = None,
         high_contrast: Optional[Union[Var[bool], bool]] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,

reflex/components/radix/themes/typography/link.pyi

@@ -136,252 +136,41 @@ class Link(RadixThemesComponent, A, MemoizationLeaf, MarkdownComponentMap):
         ] = None,
         high_contrast: Optional[Union[Var[bool], bool]] = None,
         is_external: Optional[Union[Var[bool], bool]] = None,
-        download: Optional[Union[Var[Union[bool, str]], bool, str]] = None,
-        href: Optional[Union[Var[str], str]] = None,
-        href_lang: Optional[Union[Var[str], str]] = None,
-        media: Optional[Union[Var[str], str]] = None,
-        ping: Optional[Union[Var[str], str]] = None,
+        download: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        href: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        href_lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        media: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        ping: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         referrer_policy: Optional[
-            Union[
-                Literal[
-                    "",
-                    "no-referrer",
-                    "no-referrer-when-downgrade",
-                    "origin",
-                    "origin-when-cross-origin",
-                    "same-origin",
-                    "strict-origin",
-                    "strict-origin-when-cross-origin",
-                    "unsafe-url",
-                ],
-                Var[
-                    Literal[
-                        "",
-                        "no-referrer",
-                        "no-referrer-when-downgrade",
-                        "origin",
-                        "origin-when-cross-origin",
-                        "same-origin",
-                        "strict-origin",
-                        "strict-origin-when-cross-origin",
-                        "unsafe-url",
-                    ]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        rel: Optional[Union[Var[str], str]] = None,
-        target: Optional[
-            Union[
-                Literal["_blank", "_parent", "_self", "_top"],
-                Var[Union[Literal["_blank", "_parent", "_self", "_top"], str]],
-                str,
-            ]
-        ] = None,
-        access_key: Optional[Union[Var[str], str]] = None,
+        rel: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        shape: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        target: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         auto_capitalize: Optional[
-            Union[
-                Literal["characters", "none", "off", "on", "sentences", "words"],
-                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
         content_editable: Optional[
-            Union[
-                Literal["inherit", "plaintext-only", False, True],
-                Var[Literal["inherit", "plaintext-only", False, True]],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        context_menu: Optional[Union[Var[str], str]] = None,
-        dir: Optional[Union[Var[str], str]] = None,
-        draggable: Optional[Union[Var[bool], bool]] = None,
+        context_menu: Optional[
+            Union[Var[Union[bool, int, str]], bool, int, str]
+        ] = None,
+        dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         enter_key_hint: Optional[
-            Union[
-                Literal["done", "enter", "go", "next", "previous", "search", "send"],
-                Var[
-                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
-                ],
-            ]
+            Union[Var[Union[bool, int, str]], bool, int, str]
         ] = None,
-        hidden: Optional[Union[Var[bool], bool]] = None,
-        input_mode: Optional[
-            Union[
-                Literal[
-                    "decimal",
-                    "email",
-                    "none",
-                    "numeric",
-                    "search",
-                    "tel",
-                    "text",
-                    "url",
-                ],
-                Var[
-                    Literal[
-                        "decimal",
-                        "email",
-                        "none",
-                        "numeric",
-                        "search",
-                        "tel",
-                        "text",
-                        "url",
-                    ]
-                ],
-            ]
-        ] = None,
-        item_prop: Optional[Union[Var[str], str]] = None,
-        lang: Optional[Union[Var[str], str]] = None,
-        role: Optional[
-            Union[
-                Literal[
-                    "alert",
-                    "alertdialog",
-                    "application",
-                    "article",
-                    "banner",
-                    "button",
-                    "cell",
-                    "checkbox",
-                    "columnheader",
-                    "combobox",
-                    "complementary",
-                    "contentinfo",
-                    "definition",
-                    "dialog",
-                    "directory",
-                    "document",
-                    "feed",
-                    "figure",
-                    "form",
-                    "grid",
-                    "gridcell",
-                    "group",
-                    "heading",
-                    "img",
-                    "link",
-                    "list",
-                    "listbox",
-                    "listitem",
-                    "log",
-                    "main",
-                    "marquee",
-                    "math",
-                    "menu",
-                    "menubar",
-                    "menuitem",
-                    "menuitemcheckbox",
-                    "menuitemradio",
-                    "navigation",
-                    "none",
-                    "note",
-                    "option",
-                    "presentation",
-                    "progressbar",
-                    "radio",
-                    "radiogroup",
-                    "region",
-                    "row",
-                    "rowgroup",
-                    "rowheader",
-                    "scrollbar",
-                    "search",
-                    "searchbox",
-                    "separator",
-                    "slider",
-                    "spinbutton",
-                    "status",
-                    "switch",
-                    "tab",
-                    "table",
-                    "tablist",
-                    "tabpanel",
-                    "term",
-                    "textbox",
-                    "timer",
-                    "toolbar",
-                    "tooltip",
-                    "tree",
-                    "treegrid",
-                    "treeitem",
-                ],
-                Var[
-                    Literal[
-                        "alert",
-                        "alertdialog",
-                        "application",
-                        "article",
-                        "banner",
-                        "button",
-                        "cell",
-                        "checkbox",
-                        "columnheader",
-                        "combobox",
-                        "complementary",
-                        "contentinfo",
-                        "definition",
-                        "dialog",
-                        "directory",
-                        "document",
-                        "feed",
-                        "figure",
-                        "form",
-                        "grid",
-                        "gridcell",
-                        "group",
-                        "heading",
-                        "img",
-                        "link",
-                        "list",
-                        "listbox",
-                        "listitem",
-                        "log",
-                        "main",
-                        "marquee",
-                        "math",
-                        "menu",
-                        "menubar",
-                        "menuitem",
-                        "menuitemcheckbox",
-                        "menuitemradio",
-                        "navigation",
-                        "none",
-                        "note",
-                        "option",
-                        "presentation",
-                        "progressbar",
-                        "radio",
-                        "radiogroup",
-                        "region",
-                        "row",
-                        "rowgroup",
-                        "rowheader",
-                        "scrollbar",
-                        "search",
-                        "searchbox",
-                        "separator",
-                        "slider",
-                        "spinbutton",
-                        "status",
-                        "switch",
-                        "tab",
-                        "table",
-                        "tablist",
-                        "tabpanel",
-                        "term",
-                        "textbox",
-                        "timer",
-                        "toolbar",
-                        "tooltip",
-                        "tree",
-                        "treegrid",
-                        "treeitem",
-                    ]
-                ],
-            ]
-        ] = None,
-        slot: Optional[Union[Var[str], str]] = None,
-        spell_check: Optional[Union[Var[bool], bool]] = None,
-        tab_index: Optional[Union[Var[int], int]] = None,
-        title: Optional[Union[Var[str], str]] = None,
+        hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,
@@ -424,6 +213,7 @@ class Link(RadixThemesComponent, A, MemoizationLeaf, MarkdownComponentMap):
             ping: Specifies which referrer is sent when fetching the resource
             referrer_policy: Specifies the relationship between the current document and the linked document
             rel: Specifies the relationship between the linked document and the current document
+            shape: Specifies the shape of the area
             target: Specifies where to open the linked document
             access_key: Provides a hint for generating a keyboard shortcut for the current element.
             auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.

reflex/components/react_player/react_player.py

@@ -2,7 +2,7 @@
 
 from __future__ import annotations
 
-from typing import TypedDict
+from typing_extensions import TypedDict
 
 from reflex.components.component import NoSSRComponent
 from reflex.event import EventHandler, no_args_event_spec, passthrough_event_spec

reflex/components/react_player/react_player.pyi

@@ -3,7 +3,9 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Dict, Optional, TypedDict, Union, overload
+from typing import Any, Dict, Optional, Union, overload
+
+from typing_extensions import TypedDict
 
 from reflex.components.component import NoSSRComponent
 from reflex.event import EventType

reflex/components/sonner/toast.py

@@ -2,7 +2,7 @@
 
 from __future__ import annotations
 
-from typing import Any, Literal, Optional, Union
+from typing import Any, ClassVar, Literal, Optional, Union
 
 from reflex.base import Base
 from reflex.components.component import Component, ComponentNamespace
@@ -17,7 +17,6 @@ from reflex.utils.serializers import serializer
 from reflex.vars import VarData
 from reflex.vars.base import LiteralVar, Var
 from reflex.vars.function import FunctionVar
-from reflex.vars.number import ternary_operation
 from reflex.vars.object import ObjectVar
 
 LiteralPosition = Literal[
@@ -218,6 +217,9 @@ class Toaster(Component):
     # Pauses toast timers when the page is hidden, e.g., when the tab is backgrounded, the browser is minimized, or the OS is locked.
     pause_when_page_is_hidden: Var[bool]
 
+    # Marked True when any Toast component is created.
+    is_used: ClassVar[bool] = False
+
     def add_hooks(self) -> list[Var | str]:
         """Add hooks for the toaster component.
 
@@ -239,17 +241,13 @@ class Toaster(Component):
 
     @staticmethod
     def send_toast(
-        message: str | Var = "",
-        level: str | None = None,
-        fallback_to_alert: bool = False,
-        **props,
+        message: str | Var = "", level: str | None = None, **props
     ) -> EventSpec:
         """Send a toast message.
 
         Args:
             message: The message to display.
             level: The level of the toast.
-            fallback_to_alert: Whether to fallback to an alert if the toaster is not created.
             **props: The options for the toast.
 
         Raises:
@@ -258,6 +256,11 @@ class Toaster(Component):
         Returns:
             The toast event.
         """
+        if not Toaster.is_used:
+            raise ValueError(
+                "Toaster component must be created before sending a toast. (use `rx.toast.provider()`)"
+            )
+
         toast_command = (
             ObjectVar.__getattr__(toast_ref.to(dict), level) if level else toast_ref
         ).to(FunctionVar)
@@ -274,21 +277,6 @@ class Toaster(Component):
         else:
             toast = toast_command.call(message)
 
-        if fallback_to_alert:
-            toast = ternary_operation(
-                toast_ref.bool(),
-                toast,
-                FunctionVar("window.alert").call(
-                    Var.create(
-                        message
-                        if isinstance(message, str) and message
-                        else props.get("title", props.get("description", ""))
-                    )
-                    .to(str)
-                    .replace("<br/>", "\n")
-                ),
-            )
-
         return run_script(toast)
 
     @staticmethod
@@ -391,6 +379,7 @@ class Toaster(Component):
         Returns:
             The toaster component.
         """
+        cls.is_used = True
         return super().create(*children, **props)
 
 

reflex/components/sonner/toast.pyi

@@ -3,7 +3,7 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Dict, Literal, Optional, Union, overload
+from typing import Any, ClassVar, Dict, Literal, Optional, Union, overload
 
 from reflex.base import Base
 from reflex.components.component import Component, ComponentNamespace
@@ -60,13 +60,12 @@ class ToastProps(PropsBase, NoExtrasAllowedProps):
     def dict(self, *args: Any, **kwargs: Any) -> dict[str, Any]: ...
 
 class Toaster(Component):
+    is_used: ClassVar[bool] = False
+
     def add_hooks(self) -> list[Var | str]: ...
     @staticmethod
     def send_toast(
-        message: str | Var = "",
-        level: str | None = None,
-        fallback_to_alert: bool = False,
-        **props,
+        message: str | Var = "", level: str | None = None, **props
     ) -> EventSpec: ...
     @staticmethod
     def toast_info(message: str | Var = "", **kwargs: Any): ...
@@ -186,17 +185,13 @@ class ToastNamespace(ComponentNamespace):
 
     @staticmethod
     def __call__(
-        message: Union[str, Var] = "",
-        level: Optional[str] = None,
-        fallback_to_alert: bool = False,
-        **props,
+        message: Union[str, Var] = "", level: Optional[str] = None, **props
     ) -> "EventSpec":
         """Send a toast message.
 
         Args:
             message: The message to display.
             level: The level of the toast.
-            fallback_to_alert: Whether to fallback to an alert if the toaster is not created.
             **props: The options for the toast.
 
         Raises: