Override react-is@19.0.0 for recharts compatibility (#4857)

See https://github.com/recharts/recharts/issues/4558 for details.

.github/workflows/benchmarks.yml

@@ -70,56 +70,6 @@ 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,26 +94,6 @@ 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: |
@@ -174,12 +154,6 @@ 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:
@@ -243,9 +217,3 @@ 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

@@ -1,376 +0,0 @@
-"""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

@@ -1,595 +0,0 @@
-"""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 = "(platform_machine != \"ppc64le\" and platform_machine != \"s390x\") and python_version <= \"3.11\""
+markers = "python_version <= \"3.11\" and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\")"
 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 = "(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\""}
+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\""}
 
 [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 = "(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\""}
+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\""}
 
 [[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 = "(platform_machine != \"ppc64le\" and platform_machine != \"s390x\") and sys_platform == \"linux\" and (python_version <= \"3.11\" or python_version >= \"3.12\")"
+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\""
 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\" or python_version >= \"3.12\") and sys_platform == \"linux\""
+markers = "python_version <= \"3.11\" and sys_platform == \"linux\" 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\" 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\""}
+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\""}
 
 [package.extras]
 docs = ["Sphinx", "furo"]
@@ -894,7 +894,7 @@ description = "Read metadata from Python packages"
 optional = false
 python-versions = ">=3.9"
 groups = ["main"]
-markers = "(platform_machine != \"ppc64le\" and platform_machine != \"s390x\") and python_version <= \"3.11\" or python_full_version < \"3.10.2\""
+markers = "python_version <= \"3.11\" and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\") 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\" or python_version >= \"3.12\") and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\")"
+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\")"
 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\" or python_version >= \"3.12\") and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\")"
+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\")"
 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\" or python_version >= \"3.12\") and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\")"
+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\")"
 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 = "(platform_machine != \"ppc64le\" and platform_machine != \"s390x\") and sys_platform == \"linux\" and (python_version <= \"3.11\" or python_version >= \"3.12\")"
+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\""
 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\" or python_version >= \"3.12\") and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\")"
+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\")"
 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\" or python_version >= \"3.12\") and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\")"
+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\")"
 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.2"
+version = "2.2.3"
 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.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"},
+    {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"},
 ]
 
 [[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 = "(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\""}
+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\""}
 
 [[package]]
 name = "pydantic"
@@ -1881,15 +1881,15 @@ files = [
 
 [[package]]
 name = "pyright"
-version = "1.1.393"
+version = "1.1.394"
 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.393-py3-none-any.whl", hash = "sha256:8320629bb7a44ca90944ba599390162bf59307f3d9fb6e27da3b7011b8c17ae5"},
-    {file = "pyright-1.1.393.tar.gz", hash = "sha256:aeeb7ff4e0364775ef416a80111613f91a05c8e01e58ecfefc370ca0db7aed9c"},
+    {file = "pyright-1.1.394-py3-none-any.whl", hash = "sha256:5f74cce0a795a295fb768759bbeeec62561215dea657edcaab48a932b031ddbb"},
+    {file = "pyright-1.1.394.tar.gz", hash = "sha256:56f2a3ab88c5214a451eb71d8f2792b7700434f841ea219119ade7f42ca93608"},
 ]
 
 [package.dependencies]
@@ -2203,7 +2203,7 @@ description = "A (partial) reimplementation of pywin32 using ctypes/cffi"
 optional = false
 python-versions = ">=3.6"
 groups = ["main"]
-markers = "(platform_machine != \"ppc64le\" and platform_machine != \"s390x\") and sys_platform == \"win32\" and (python_version <= \"3.11\" or python_version >= \"3.12\")"
+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\""
 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 = "(platform_machine != \"ppc64le\" and platform_machine != \"s390x\") and sys_platform == \"linux\" and (python_version <= \"3.11\" or python_version >= \"3.12\")"
+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\""
 files = [
     {file = "SecretStorage-3.3.3-py3-none-any.whl", hash = "sha256:f356e6628222568e3af06f2eba8df495efa13b3b63081dafd4f7d9a7b7bc9f99"},
     {file = "SecretStorage-3.3.3.tar.gz", hash = "sha256:2403533ef369eca6d2ba81718576c5e0f564d5cca1b58f73a8b23e7d4eeebd77"},
@@ -2798,7 +2798,6 @@ 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"},
@@ -2833,6 +2832,7 @@ 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.28.0"
+version = "0.29.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.28.0-py3-none-any.whl", hash = "sha256:56d58977acc1635735a96581ec70513cc781b8b6decd299c487d3be2a721cd94"},
-    {file = "trio-0.28.0.tar.gz", hash = "sha256:4e547896fe9e8a5658e54e4c7c5fa1db748cbbbaa7c965e7d40505b928c73c05"},
+    {file = "trio-0.29.0-py3-none-any.whl", hash = "sha256:d8c463f1a9cc776ff63e331aba44c125f423a5a13c684307e828d930e625ba66"},
+    {file = "trio-0.29.0.tar.gz", hash = "sha256:ea0d3967159fc130acb6939a0be0e558e364fee26b5deeecc893a6b08c361bdf"},
 ]
 
 [package.dependencies]
@@ -2871,19 +2871,20 @@ sortedcontainers = "*"
 
 [[package]]
 name = "trio-websocket"
-version = "0.11.1"
+version = "0.12.1"
 description = "WebSocket library for Trio"
 optional = false
-python-versions = ">=3.7"
+python-versions = ">=3.8"
 groups = ["dev"]
 markers = "python_version <= \"3.11\" or python_version >= \"3.12\""
 files = [
-    {file = "trio-websocket-0.11.1.tar.gz", hash = "sha256:18c11793647703c158b1f6e62de638acada927344d534e3c7628eedcb746839f"},
-    {file = "trio_websocket-0.11.1-py3-none-any.whl", hash = "sha256:520d046b0d030cf970b8b2b2e00c4c2245b3807853ecd44214acd33d74581638"},
+    {file = "trio_websocket-0.12.1-py3-none-any.whl", hash = "sha256:608ec746bb287e5d5a66baf483e41194193c5cf05ffaad6240e7d1fcd80d1e6f"},
+    {file = "trio_websocket-0.12.1.tar.gz", hash = "sha256:d55ccd4d3eae27c494f3fdae14823317839bdcb8214d1173eacc4d42c69fc91b"},
 ]
 
 [package.dependencies]
 exceptiongroup = {version = "*", markers = "python_version < \"3.11\""}
+outcome = ">=1.2.0"
 trio = ">=0.11"
 wsproto = ">=0.14"
 
@@ -3171,7 +3172,7 @@ description = "Backport of pathlib-compatible object wrapper for zip files"
 optional = false
 python-versions = ">=3.9"
 groups = ["main"]
-markers = "(platform_machine != \"ppc64le\" and platform_machine != \"s390x\") and python_version <= \"3.11\" or python_full_version < \"3.10.2\""
+markers = "python_version <= \"3.11\" and (platform_machine != \"ppc64le\" and platform_machine != \"s390x\") 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"},
@@ -3188,4 +3189,4 @@ type = ["pytest-mypy"]
 [metadata]
 lock-version = "2.1"
 python-versions = ">=3.10, <4.0"
-content-hash = "7ae644e1c5b910f4fd0d8ab0b530818077a96e5d329b2be1269e967c6b0b3d25"
+content-hash = "36de501672441a558232190e75c187dd92682b56a99fcd84dc2dc6ab78f7dfc8"

pyproject.toml

@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "reflex"
-version = "0.7.1dev1"
+version = "0.7.2dev1"
 description = "Web apps in pure Python."
 license = "Apache-2.0"
 authors = [
@@ -23,23 +23,20 @@ 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.2,<3.0"
+pydantic = ">=1.10.21,<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.4.2,<1.0"
+typer = ">=0.15.1,<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 = [
-  { version = ">=1.14.0,<2.0", python = ">=3.11" },
-  { version = ">=1.11.0,<2.0", python = "<3.11" },
-]
+wrapt = ">=1.17.0,<2.0"
 packaging = ">=23.1,<25.0"
 reflex-hosting-cli = ">=0.1.29"
 charset-normalizer = ">=3.3.2,<4.0"
@@ -55,7 +52,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.392, <1.2"
+pyright = ">=1.1.394, <1.2"
 darglint = ">=1.8.1,<2.0"
 dill = ">=0.3.8"
 toml = ">=0.10.2,<1.0"
@@ -87,8 +84,37 @@ 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,7 +15,13 @@
   "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/utils/context.js.jinja2

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

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

@@ -10,7 +10,9 @@ import {
 export default function RadixThemesColorModeProvider({ children }) {
   const { theme, resolvedTheme, setTheme } = useTheme();
   const [rawColorMode, setRawColorMode] = useState(defaultColorMode);
-  const [resolvedColorMode, setResolvedColorMode] = useState("dark");
+  const [resolvedColorMode, setResolvedColorMode] = useState(
+    defaultColorMode === "dark" ? "dark" : "light"
+  );
 
   useEffect(() => {
     if (isDevMode) {
@@ -34,17 +36,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.Provider
+    <ColorModeContext
       value={{ rawColorMode, resolvedColorMode, toggleColorMode, setColorMode }}
     >
       {children}
-    </ColorModeContext.Provider>
+    </ColorModeContext>
   );
 }

reflex/__init__.py

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

reflex/__init__.pyi

@@ -34,6 +34,7 @@ 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,12 +35,15 @@ from typing import (
     get_type_hints,
 )
 
-from fastapi import FastAPI, HTTPException, Request, UploadFile
+from fastapi import FastAPI, HTTPException, Request
+from fastapi import UploadFile as FastAPIUploadFile
 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
 
@@ -72,7 +75,8 @@ 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.config import environment, get_config
+from reflex.components.sonner.toast import toast
+from reflex.config import ExecutorType, environment, get_config
 from reflex.event import (
     _EVENT_FIELDS,
     Event,
@@ -81,7 +85,6 @@ 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
@@ -97,6 +100,7 @@ from reflex.state import (
     StateManager,
     StateUpdate,
     _substate_key,
+    all_base_state_classes,
     code_uses_state_contexts,
 )
 from reflex.utils import (
@@ -108,12 +112,13 @@ from reflex.utils import (
     prerequisites,
     types,
 )
-from reflex.utils.exec import is_prod_mode, is_testing_env
+from reflex.utils.exec import get_compile_context, 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]]
@@ -139,7 +144,7 @@ def default_backend_exception_handler(exception: Exception) -> EventSpec:
         EventSpec: The window alert event.
 
     """
-    from reflex.components.sonner.toast import Toaster, toast
+    from reflex.components.sonner.toast import toast
 
     error = traceback.format_exc()
 
@@ -150,18 +155,16 @@ def default_backend_exception_handler(exception: Exception) -> EventSpec:
         if is_prod_mode()
         else [f"{type(exception).__name__}: {exception}.", "See logs for details."]
     )
-    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))
+
+    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"},
+    )
 
 
 def extra_overlay_function() -> Optional[Component]:
@@ -198,14 +201,17 @@ 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 config.is_reflex_cloud else []),
+            *(
+                [backend_disabled()]
+                if get_compile_context() == constants.CompileContext.DEPLOY
+                else []
+            ),
             *codespaces.codespaces_auto_redirect(),
         )
 
@@ -231,6 +237,53 @@ 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,
 )
@@ -322,6 +375,9 @@ 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
 
@@ -356,7 +412,7 @@ class App(MiddlewareMixin, LifespanMixin):
     ] = default_backend_exception_handler
 
     # Put the toast provider in the app wrap.
-    bundle_toaster: bool = True
+    toaster: Component | None = dataclasses.field(default_factory=toast.provider)
 
     @property
     def api(self) -> FastAPI | None:
@@ -539,8 +595,10 @@ class App(MiddlewareMixin, LifespanMixin):
         """Add optional api endpoints (_upload)."""
         if not self.api:
             return
-
-        if Upload.is_used:
+        upload_is_used_marker = (
+            prerequisites.get_backend_dir() / constants.Dirs.UPLOAD_IS_USED
+        )
+        if Upload.is_used or upload_is_used_marker.exists():
             # To upload files.
             self.api.post(str(constants.Endpoint.UPLOAD))(upload(self))
 
@@ -550,10 +608,15 @@ 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."""
@@ -694,13 +757,19 @@ 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:
@@ -989,6 +1058,20 @@ 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)
@@ -1015,10 +1098,6 @@ 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}")
@@ -1048,38 +1127,47 @@ 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 = []
+        compile_results: list[tuple[str, str]] = []
 
         progress.advance(task)
 
@@ -1099,6 +1187,17 @@ 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)
@@ -1158,33 +1257,19 @@ class App(MiddlewareMixin, LifespanMixin):
                     ),
                 )
 
-        # 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
-            )
+        executor = ExecutorType.get_executor_from_environment()
 
         for route, component in zip(self._pages, page_components, strict=True):
             ExecutorSafeFunctions.COMPONENTS[route] = component
 
         ExecutorSafeFunctions.STATE = self._state
 
-        with executor:
-            result_futures = []
+        with console.timing("Compile to Javascript"), executor as executor:
+            result_futures: list[concurrent.futures.Future[tuple[str, str]]] = []
 
-            def _submit_work(fn: Callable, *args, **kwargs):
+            def _submit_work(fn: Callable[..., tuple[str, str]], *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.
@@ -1210,10 +1295,10 @@ class App(MiddlewareMixin, LifespanMixin):
                 _submit_work(compiler.remove_tailwind_from_postcss)
 
             # Wait for all compilation tasks to complete.
-            with console.timing("Compile to Javascript"):
-                for future in concurrent.futures.as_completed(result_futures):
-                    compile_results.append(future.result())
-                    progress.advance(task)
+            compile_results.extend(
+                future.result()
+                for future in concurrent.futures.as_completed(result_futures)
+            )
 
         app_root = self._app_root(app_wrappers=app_wrappers)
 
@@ -1238,10 +1323,12 @@ class App(MiddlewareMixin, LifespanMixin):
         progress.advance(task)
 
         # Compile custom components.
-        *custom_components_result, custom_components_imports = (
-            compiler.compile_components(custom_components)
-        )
-        compile_results.append(custom_components_result)
+        (
+            custom_components_output,
+            custom_components_result,
+            custom_components_imports,
+        ) = compiler.compile_components(custom_components)
+        compile_results.append((custom_components_output, custom_components_result))
         all_imports.update(custom_components_imports)
 
         progress.advance(task)
@@ -1279,6 +1366,24 @@ 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.
@@ -1585,7 +1690,7 @@ def upload(app: App):
         The upload function.
     """
 
-    async def upload_file(request: Request, files: List[UploadFile]):
+    async def upload_file(request: Request, files: List[FastAPIUploadFile]):
         """Upload a file.
 
         Args:
@@ -1661,7 +1766,8 @@ def upload(app: App):
             file_copies.append(
                 UploadFile(
                     file=content_copy,
-                    filename=file.filename,
+                    path=Path(file.filename.lstrip("/")) if file.filename else None,
+                    _deprecated_filename=file.filename,
                     size=file.size,
                     headers=file.headers,
                 )

reflex/base.py

@@ -5,15 +5,9 @@ from __future__ import annotations
 import os
 from typing import TYPE_CHECKING, Any, List, Type
 
-try:
-    import pydantic.v1.main as pydantic_main
-    from pydantic.v1 import BaseModel
-    from pydantic.v1.fields import ModelField
-except ModuleNotFoundError:
-    if not TYPE_CHECKING:
-        import pydantic.main as pydantic_main
-        from pydantic import BaseModel
-        from pydantic.fields import ModelField
+import pydantic.v1.main as pydantic_main
+from pydantic.v1 import BaseModel
+from pydantic.v1.fields import ModelField
 
 
 def validate_field_name(bases: List[Type["BaseModel"]], field_name: str) -> None:
@@ -50,7 +44,7 @@ if TYPE_CHECKING:
     from reflex.vars import Var
 
 
-class Base(BaseModel):  # pyright: ignore [reportPossiblyUnboundVariable]
+class Base(BaseModel):
     """The base class subclassed by all Reflex classes.
 
     This class wraps Pydantic and provides common methods such as

reflex/compiler/compiler.py

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

reflex/compiler/utils.py

@@ -10,16 +10,7 @@ from pathlib import Path
 from typing import Any, Callable, Dict, Optional, Type, Union
 from urllib.parse import urlparse
 
-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 pydantic.v1.fields import ModelField
 
 from reflex import constants
 from reflex.components.base import (
@@ -39,7 +30,10 @@ 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
@@ -523,6 +517,8 @@ 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
+from typing import Any, Iterator, Sequence
 
-from reflex.components.component import Component, LiteralComponentVar
+from reflex.components.component import BaseComponent, Component, ComponentStyle
 from reflex.components.tags import Tag
 from reflex.components.tags.tagless import Tagless
 from reflex.config import PerformanceMode, environment
@@ -12,7 +12,7 @@ from reflex.utils import console
 from reflex.utils.decorator import once
 from reflex.utils.imports import ParsedImportDict
 from reflex.vars import BooleanVar, ObjectVar, Var
-from reflex.vars.base import VarData
+from reflex.vars.base import GLOBAL_CACHE, VarData
 from reflex.vars.sequence import LiteralStringVar
 
 
@@ -47,6 +47,11 @@ 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."""
 
@@ -80,8 +85,9 @@ class Bare(Component):
             The hooks for the component.
         """
         hooks = super()._get_all_hooks_internal()
-        if isinstance(self.contents, LiteralComponentVar):
-            hooks |= self.contents._var_value._get_all_hooks_internal()
+        if isinstance(self.contents, Var):
+            for component in _components_from_var(self.contents):
+                hooks |= component._get_all_hooks_internal()
         return hooks
 
     def _get_all_hooks(self) -> dict[str, VarData | None]:
@@ -91,18 +97,22 @@ class Bare(Component):
             The hooks for the component.
         """
         hooks = super()._get_all_hooks()
-        if isinstance(self.contents, LiteralComponentVar):
-            hooks |= self.contents._var_value._get_all_hooks()
+        if isinstance(self.contents, Var):
+            for component in _components_from_var(self.contents):
+                hooks |= component._get_all_hooks()
         return hooks
 
-    def _get_all_imports(self) -> ParsedImportDict:
+    def _get_all_imports(self, collapse: bool = False) -> ParsedImportDict:
         """Include the imports for the component.
 
+        Args:
+            collapse: Whether to collapse the imports.
+
         Returns:
             The imports for the component.
         """
-        imports = super()._get_all_imports()
-        if isinstance(self.contents, LiteralComponentVar):
+        imports = super()._get_all_imports(collapse=collapse)
+        if isinstance(self.contents, Var):
             var_data = self.contents._get_all_var_data()
             if var_data:
                 imports |= {k: list(v) for k, v in var_data.imports}
@@ -115,8 +125,9 @@ class Bare(Component):
             The dynamic imports.
         """
         dynamic_imports = super()._get_all_dynamic_imports()
-        if isinstance(self.contents, LiteralComponentVar):
-            dynamic_imports |= self.contents._var_value._get_all_dynamic_imports()
+        if isinstance(self.contents, Var):
+            for component in _components_from_var(self.contents):
+                dynamic_imports |= component._get_all_dynamic_imports()
         return dynamic_imports
 
     def _get_all_custom_code(self) -> set[str]:
@@ -126,10 +137,24 @@ class Bare(Component):
             The custom code.
         """
         custom_code = super()._get_all_custom_code()
-        if isinstance(self.contents, LiteralComponentVar):
-            custom_code |= self.contents._var_value._get_all_custom_code()
+        if isinstance(self.contents, Var):
+            for component in _components_from_var(self.contents):
+                custom_code |= component._get_all_custom_code()
         return custom_code
 
+    def _get_all_app_wrap_components(self) -> dict[tuple[int, str], Component]:
+        """Get the components that should be wrapped in the app.
+
+        Returns:
+            The components that should be wrapped in the app.
+        """
+        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()
+        return app_wrap_components
+
     def _get_all_refs(self) -> set[str]:
         """Get the refs for the children of the component.
 
@@ -137,8 +162,9 @@ class Bare(Component):
             The refs for the children.
         """
         refs = super()._get_all_refs()
-        if isinstance(self.contents, LiteralComponentVar):
-            refs |= self.contents._var_value._get_all_refs()
+        if isinstance(self.contents, Var):
+            for component in _components_from_var(self.contents):
+                refs |= component._get_all_refs()
         return refs
 
     def _render(self) -> Tag:
@@ -148,6 +174,33 @@ class Bare(Component):
             return Tagless(contents=f"{{{self.contents!s}}}")
         return Tagless(contents=str(self.contents))
 
+    def _add_style_recursive(
+        self, style: ComponentStyle, theme: Component | None = None
+    ) -> Component:
+        """Add style to the component and its children.
+
+        Args:
+            style: The style to add.
+            theme: The theme to add.
+
+        Returns:
+            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
+
+        if are_components_touched:
+            GLOBAL_CACHE.clear()
+
+        return new_self
+
     def _get_vars(
         self, include_children: bool = False, ignore_ids: set[int] | None = None
     ) -> Iterator[Var]:

reflex/components/component.py

@@ -4,6 +4,7 @@ from __future__ import annotations
 
 import copy
 import dataclasses
+import inspect
 import typing
 from abc import ABC, abstractmethod
 from functools import lru_cache, wraps
@@ -21,6 +22,8 @@ from typing import (
     Set,
     Type,
     Union,
+    get_args,
+    get_origin,
 )
 
 from typing_extensions import Self
@@ -43,6 +46,7 @@ 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,
@@ -51,13 +55,7 @@ from reflex.event import (
 )
 from reflex.style import Style, format_as_emotion
 from reflex.utils import format, imports, types
-from reflex.utils.imports import (
-    ImmutableParsedImportDict,
-    ImportDict,
-    ImportVar,
-    ParsedImportDict,
-    parse_imports,
-)
+from reflex.utils.imports import ImportDict, ImportVar, ParsedImportDict, parse_imports
 from reflex.vars import VarData
 from reflex.vars.base import (
     CachedVarOperation,
@@ -197,6 +195,25 @@ 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."""
 
@@ -495,7 +512,7 @@ class Component(BaseComponent, ABC):
 
         # Remove any keys that were added as events.
         for key in kwargs["event_triggers"]:
-            del kwargs[key]
+            kwargs.pop(key, None)
 
         # Place data_ and aria_ attributes into custom_attrs
         special_attributes = tuple(
@@ -672,12 +689,21 @@ class Component(BaseComponent, ABC):
         return set()
 
     @classmethod
-    @lru_cache(maxsize=None)
-    def get_component_props(cls) -> set[str]:
-        """Get the props that expected a component as value.
+    def _are_fields_known(cls) -> bool:
+        """Check if all fields are known at compile time. True for most components.
 
         Returns:
-            The components props.
+            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.
+
+        Returns:
+            The names of the component props.
         """
         return {
             name
@@ -686,6 +712,26 @@ 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.
@@ -1142,6 +1188,9 @@ 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):
@@ -1169,7 +1218,7 @@ class Component(BaseComponent, ABC):
             The dynamic imports.
         """
         # Store the import in a set to avoid duplicates.
-        dynamic_imports = set()
+        dynamic_imports: set[str] = set()
 
         # Get dynamic import for this component.
         dynamic_import = self._get_dynamic_imports()
@@ -1180,25 +1229,12 @@ class Component(BaseComponent, ABC):
         for child in self.children:
             dynamic_imports |= child._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()
+        for component in self._get_components_in_props():
+            dynamic_imports |= component._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.
 
@@ -1208,7 +1244,7 @@ class Component(BaseComponent, ABC):
         Returns:
             True if the dependency should be transpiled.
         """
-        return (
+        return bool(self.transpile_packages) and (
             dep in self.transpile_packages
             or format.format_library_name(dep or "") in self.transpile_packages
         )
@@ -1291,9 +1327,10 @@ class Component(BaseComponent, ABC):
         event_imports = Imports.EVENTS if self.event_triggers else {}
 
         # Collect imports from Vars used directly by this component.
-        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
+        var_imports = [
+            var_data.imports
+            for var in self._get_vars()
+            if (var_data := var._get_all_var_data()) is not None
         ]
 
         added_import_dicts: list[ParsedImportDict] = []
@@ -1308,7 +1345,6 @@ class Component(BaseComponent, ABC):
             )
 
         return imports.merge_imports(
-            *self._get_props_imports(),
             self._get_dependencies_imports(),
             self._get_hooks_imports(),
             _imports,
@@ -1385,6 +1421,8 @@ 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]:
@@ -1533,6 +1571,9 @@ 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(
@@ -1556,6 +1597,9 @@ 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
@@ -1619,17 +1663,65 @@ class CustomComponent(Component):
     # The props of the component.
     props: Dict[str, Any] = {}
 
-    # Props that reference other components.
-    component_props: Dict[str, Component] = {}
-
-    def __init__(self, *args, **kwargs):
+    def __init__(self, **kwargs):
         """Initialize the custom component.
 
         Args:
-            *args: The args to pass to the component.
             **kwargs: The kwargs to pass to the component.
         """
-        super().__init__(*args, **kwargs)
+        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]
 
         # Unset the style.
         self.style = Style()
@@ -1637,51 +1729,36 @@ class CustomComponent(Component):
         # Set the tag to the name of the function.
         self.tag = format.to_title_case(self.component_fn.__name__)
 
-        # Get the event triggers defined in the component declaration.
-        event_triggers_in_component_declaration = self.get_event_triggers()
-
-        # Set the props.
-        props = typing.get_type_hints(self.component_fn)
-        for key, value in kwargs.items():
+        for key, value in props.items():
             # Skip kwargs that are not props.
-            if key not in props:
+            if key not in props_types:
                 continue
 
+            camel_cased_key = format.to_camel_case(key)
+
             # Get the type based on the annotation.
-            type_ = props[key]
+            type_ = props_types[key]
 
             # Handle event chains.
-            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,
+            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
                 )
-                self.props[format.to_camel_case(key)] = value
                 continue
 
-            # Handle subclasses of Base.
-            if isinstance(value, Base):
-                base_value = LiteralVar.create(value)
+            value = LiteralVar.create(value)
+            self.props[camel_cased_key] = value
+            setattr(self, camel_cased_key, value)
 
-                # 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)
+    @classmethod
+    def _are_fields_known(cls) -> bool:
+        """Check if the fields are known.
 
-            # Set the prop.
-            self.props[format.to_camel_case(key)] = value
+        Returns:
+            Whether the fields are known.
+        """
+        return False
 
     def __eq__(self, other: Any) -> bool:
         """Check if the component is equal to another.
@@ -1703,7 +1780,7 @@ class CustomComponent(Component):
         return hash(self.tag)
 
     @classmethod
-    def get_props(cls) -> Set[str]:  # pyright: ignore [reportIncompatibleVariableOverride]
+    def get_props(cls) -> Set[str]:
         """Get the props for the component.
 
         Returns:
@@ -1740,27 +1817,8 @@ 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.
 
@@ -1770,29 +1828,19 @@ class CustomComponent(Component):
         return [
             Var(
                 _js_expr=name,
-                _var_type=(prop._var_type if isinstance(prop, Var) else type(prop)),
+                _var_type=(
+                    prop._var_type
+                    if isinstance(prop, Var)
+                    else (
+                        type(prop)
+                        if not isinstance(prop, EventActionsMixin)
+                        else EventChain
+                    )
+                ),
             ).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.
@@ -2480,6 +2528,7 @@ class LiteralComponentVar(CachedVarOperation, LiteralVar, ComponentVar):
             The VarData for the var.
         """
         return VarData.merge(
+            self._var_data,
             VarData(
                 imports={
                     "@emotion/react": [
@@ -2522,9 +2571,21 @@ 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=_var_data,
+            _var_data=VarData.merge(
+                _var_data,
+                *var_datas,
+                VarData(
+                    components=(value,),
+                ),
+            ),
             _var_value=value,
         )

reflex/components/core/__init__.py

@@ -48,6 +48,7 @@ _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,6 +4,7 @@
 # ------------------------------------------------------
 
 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

reflex/components/core/auto_scroll.py

@@ -0,0 +1,114 @@
+"""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

@@ -0,0 +1,284 @@
+"""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

@@ -5,6 +5,7 @@ from __future__ import annotations
 from typing import Optional
 
 from reflex import constants
+from reflex.components.base.fragment import Fragment
 from reflex.components.component import Component
 from reflex.components.core.cond import cond
 from reflex.components.el.elements.typography import Div
@@ -16,7 +17,8 @@ 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 Toaster, ToastProps
+from reflex.components.sonner.toast import ToastProps, toast_ref
+from reflex.config import environment
 from reflex.constants import Dirs, Hooks, Imports
 from reflex.constants.compiler import CompileVars
 from reflex.utils.imports import ImportVar
@@ -89,7 +91,7 @@ def default_connection_error() -> list[str | Var | Component]:
     ]
 
 
-class ConnectionToaster(Toaster):
+class ConnectionToaster(Fragment):
     """A connection toaster component."""
 
     def add_hooks(self) -> list[str | Var]:
@@ -109,9 +111,42 @@ class ConnectionToaster(Toaster):
             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(
@@ -127,19 +162,16 @@ class ConnectionToaster(Toaster):
 () => {{
     if ({has_too_many_connection_errors!s}) {{
         if (!userDismissed) {{
-            toast.error(
-                `Cannot connect to server: ${{{connection_error}}}.`,
-                {{...toast_props, onDismiss: () => setUserDismissed(true)}},
-            )
+            {toast_var!s}
         }}
     }} else {{
-        toast.dismiss("{toast_id}");
+        toast?.dismiss("{toast_id}");
         setUserDismissed(false);  // after reconnection reset dismissed state
     }}
 }}
 """
                 ),
-                LiteralArrayVar.create([connect_errors]),
+                LiteralArrayVar.create([connect_errors, Var("waitedForBackend")]),
             ),
         ]
 
@@ -159,7 +191,6 @@ class ConnectionToaster(Toaster):
         Returns:
             The connection toaster component.
         """
-        Toaster.is_used = True
         return super().create(*children, **props)
 
 

reflex/components/core/banner.pyi

@@ -5,10 +5,10 @@
 # ------------------------------------------------------
 from typing import Any, Dict, Literal, Optional, Union, overload
 
+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,48 +41,13 @@ class WebsocketTargetURL(Var):
 
 def default_connection_error() -> list[str | Var | Component]: ...
 
-class ConnectionToaster(Toaster):
+class ConnectionToaster(Fragment):
     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,
@@ -110,20 +75,6 @@ class ConnectionToaster(Toaster):
 
         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.
@@ -271,30 +222,211 @@ class ConnectionPulser(Div):
     def create(  # type: ignore
         cls,
         *children,
-        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,
@@ -356,30 +488,211 @@ class BackendDisabled(Div):
     def create(  # type: ignore
         cls,
         *children,
-        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,

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")
+K = TypeVar("K", bound=str)
 V = TypeVar("V")
 
 

reflex/components/core/cond.py

@@ -61,14 +61,6 @@ class Cond(MemoizationLeaf):
             )
         )
 
-    def _get_props_imports(self):
-        """Get the imports needed for component's props.
-
-        Returns:
-            The imports for the component's props of the component.
-        """
-        return []
-
     def _render(self) -> Tag:
         return CondTag(
             cond=self.cond,

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, Optional, Union, overload
+from typing import Any, Dict, Literal, Optional, Union, overload
 
 from reflex.components.el.elements.typography import Div
 from reflex.event import EventType
@@ -19,30 +19,211 @@ class Html(Div):
         dangerouslySetInnerHTML: Optional[
             Union[Dict[str, str], Var[Dict[str, str]]]
         ] = None,
-        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,

reflex/components/core/upload.py

@@ -29,7 +29,7 @@ from reflex.event import (
 from reflex.utils import format
 from reflex.utils.imports import ImportVar
 from reflex.vars import VarData
-from reflex.vars.base import CallableVar, Var, get_unique_variable_name
+from reflex.vars.base import Var, get_unique_variable_name
 from reflex.vars.sequence import LiteralStringVar
 
 DEFAULT_UPLOAD_ID: str = "default"
@@ -45,7 +45,6 @@ upload_files_context_var_data: VarData = VarData(
 )
 
 
-@CallableVar
 def upload_file(id_: str = DEFAULT_UPLOAD_ID) -> Var:
     """Get the file upload drop trigger.
 
@@ -75,7 +74,6 @@ def upload_file(id_: str = DEFAULT_UPLOAD_ID) -> Var:
     )
 
 
-@CallableVar
 def selected_files(id_: str = DEFAULT_UPLOAD_ID) -> Var:
     """Get the list of selected files.
 
@@ -149,7 +147,7 @@ uploaded_files_url_prefix = Var(
 ).to(str)
 
 
-def get_upload_url(file_path: str) -> Var[str]:
+def get_upload_url(file_path: str | Var[str]) -> Var[str]:
     """Get the URL of an uploaded file.
 
     Args:
@@ -160,7 +158,7 @@ def get_upload_url(file_path: str) -> Var[str]:
     """
     Upload.is_used = True
 
-    return uploaded_files_url_prefix + "/" + file_path
+    return Var.create(f"{uploaded_files_url_prefix}/{file_path}")
 
 
 def _on_drop_spec(files: Var) -> Tuple[Var[Any]]:

reflex/components/core/upload.pyi

@@ -13,14 +13,12 @@ from reflex.event import CallableEventSpec, EventSpec, EventType
 from reflex.style import Style
 from reflex.utils.imports import ImportVar
 from reflex.vars import VarData
-from reflex.vars.base import CallableVar, Var
+from reflex.vars.base import Var
 
 DEFAULT_UPLOAD_ID: str
 upload_files_context_var_data: VarData
 
-@CallableVar
 def upload_file(id_: str = DEFAULT_UPLOAD_ID) -> Var: ...
-@CallableVar
 def selected_files(id_: str = DEFAULT_UPLOAD_ID) -> Var: ...
 @CallableEventSpec
 def clear_selected_files(id_: str = DEFAULT_UPLOAD_ID) -> EventSpec: ...
@@ -37,7 +35,7 @@ uploaded_files_url_prefix = Var(
     ),
 ).to(str)
 
-def get_upload_url(file_path: str) -> Var[str]: ...
+def get_upload_url(file_path: str | Var[str]) -> Var[str]: ...
 
 class UploadFilesProvider(Component):
     @overload

reflex/components/datadisplay/dataeditor.py

@@ -3,9 +3,7 @@
 from __future__ import annotations
 
 from enum import Enum
-from typing import Any, Dict, List, Literal, Optional, Tuple, Union
-
-from typing_extensions import TypedDict
+from typing import Any, Dict, List, Literal, Optional, Tuple, TypedDict, Union
 
 from reflex.base import Base
 from reflex.components.component import Component, NoSSRComponent

reflex/components/datadisplay/dataeditor.pyi

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

reflex/components/el/elements/base.py

@@ -1,58 +1,136 @@
 """Base classes."""
 
-from typing import Union
+from typing import Literal
 
 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[Union[str, int, bool]]
+    access_key: Var[str]
 
     # Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
-    auto_capitalize: Var[Union[str, int, bool]]
+    auto_capitalize: Var[AutoCapitalize]
 
     # Indicates whether the element's content is editable.
-    content_editable: Var[Union[str, int, bool]]
+    content_editable: Var[ContentEditable]
 
     # Defines the ID of a <menu> element which will serve as the element's context menu.
-    context_menu: Var[Union[str, int, bool]]
+    context_menu: Var[str]
 
     # Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)
-    dir: Var[Union[str, int, bool]]
+    dir: Var[str]
 
     # Defines whether the element can be dragged.
-    draggable: Var[Union[str, int, bool]]
+    draggable: Var[bool]
 
     # Hints what media types the media element is able to play.
-    enter_key_hint: Var[Union[str, int, bool]]
+    enter_key_hint: Var[EnterKeyHint]
 
     # Defines whether the element is hidden.
-    hidden: Var[Union[str, int, bool]]
+    hidden: Var[bool]
 
     # Defines the type of the element.
-    input_mode: Var[Union[str, int, bool]]
+    input_mode: Var[InputMode]
 
     # Defines the name of the element for metadata purposes.
-    item_prop: Var[Union[str, int, bool]]
+    item_prop: Var[str]
 
     # Defines the language used in the element.
-    lang: Var[Union[str, int, bool]]
+    lang: Var[str]
 
     # Defines the role of the element.
-    role: Var[Union[str, int, bool]]
+    role: Var[AriaRole]
 
     # Assigns a slot in a shadow DOM shadow tree to an element.
-    slot: Var[Union[str, int, bool]]
+    slot: Var[str]
 
     # Defines whether the element may be checked for spelling errors.
-    spell_check: Var[Union[str, int, bool]]
+    spell_check: Var[bool]
 
     # Defines the position of the current element in the tabbing order.
-    tab_index: Var[Union[str, int, bool]]
+    tab_index: Var[int]
 
     # Defines a tooltip for the element.
-    title: Var[Union[str, int, bool]]
+    title: Var[str]

reflex/components/el/elements/base.pyi

@@ -3,43 +3,302 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Dict, Optional, Union, overload
+from typing import Any, Dict, Literal, 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[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,

reflex/components/el/elements/forms.py

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

reflex/components/el/elements/inline.py

@@ -1,11 +1,23 @@
 """Inline classes."""
 
-from typing import Union
+from typing import Literal, 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."""
@@ -13,31 +25,28 @@ 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, int, bool]]
+    download: Var[Union[str, bool]]
 
     # Specifies the URL of the page the link goes to
-    href: Var[Union[str, int, bool]]
+    href: Var[str]
 
     # Specifies the language of the linked document
-    href_lang: Var[Union[str, int, bool]]
+    href_lang: Var[str]
 
     # Specifies what media/device the linked document is optimized for
-    media: Var[Union[str, int, bool]]
+    media: Var[str]
 
     # Specifies which referrer is sent when fetching the resource
-    ping: Var[Union[str, int, bool]]
+    ping: Var[str]
 
     # Specifies the relationship between the current document and the linked document
-    referrer_policy: Var[Union[str, int, bool]]
+    referrer_policy: Var[ReferrerPolicy]
 
     # Specifies the relationship between the linked document and the current document
-    rel: Var[Union[str, int, bool]]
-
-    # Specifies the shape of the area
-    shape: Var[Union[str, int, bool]]
+    rel: Var[str]
 
     # Specifies where to open the linked document
-    target: Var[Union[str, int, bool]]
+    target: Var[Union[str, Literal["_self", "_blank", "_parent", "_top"]]]
 
 
 class Abbr(BaseHTML):
@@ -88,7 +97,7 @@ class Data(BaseHTML):
     tag = "data"
 
     # Specifies the machine-readable translation of the data element.
-    value: Var[Union[str, int, bool]]
+    value: Var[Union[str, int, float]]
 
 
 class Dfn(BaseHTML):
@@ -127,7 +136,7 @@ class Q(BaseHTML):
     tag = "q"
 
     # Specifies the source URL of the quote.
-    cite: Var[Union[str, int, bool]]
+    cite: Var[str]
 
 
 class Rp(BaseHTML):
@@ -196,7 +205,7 @@ class Time(BaseHTML):
     tag = "time"
 
     # Specifies the date and/or time of the element.
-    date_time: Var[Union[str, int, bool]]
+    date_time: Var[str]
 
 
 class U(BaseHTML):

reflex/components/el/elements/media.py

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

reflex/components/el/elements/metadata.py

@@ -1,8 +1,10 @@
 """Metadata classes."""
 
-from typing import List, Union
+from typing import List
 
 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
@@ -14,8 +16,8 @@ class Base(BaseHTML):
     tag = "base"
 
     tag = "base"
-    href: Var[Union[str, int, bool]]
-    target: Var[Union[str, int, bool]]
+    href: Var[str]
+    target: Var[str]
 
 
 class Head(BaseHTML):
@@ -30,31 +32,31 @@ class Link(BaseHTML):
     tag = "link"
 
     # Specifies the CORS settings for the linked resource
-    cross_origin: Var[Union[str, int, bool]]
+    cross_origin: Var[CrossOrigin]
 
     # Specifies the URL of the linked document/resource
-    href: Var[Union[str, int, bool]]
+    href: Var[str]
 
     # Specifies the language of the text in the linked document
-    href_lang: Var[Union[str, int, bool]]
+    href_lang: Var[str]
 
     # Allows a browser to check the fetched link for integrity
-    integrity: Var[Union[str, int, bool]]
+    integrity: Var[str]
 
     # Specifies on what device the linked document will be displayed
-    media: Var[Union[str, int, bool]]
+    media: Var[str]
 
     # Specifies the referrer policy of the linked document
-    referrer_policy: Var[Union[str, int, bool]]
+    referrer_policy: Var[ReferrerPolicy]
 
     # Specifies the relationship between the current document and the linked one
-    rel: Var[Union[str, int, bool]]
+    rel: Var[str]
 
     # Specifies the sizes of icons for visual media
-    sizes: Var[Union[str, int, bool]]
+    sizes: Var[str]
 
     # Specifies the MIME type of the linked document
-    type: Var[Union[str, int, bool]]
+    type: Var[str]
 
 
 class Meta(BaseHTML):  # Inherits common attributes from BaseHTML
@@ -63,16 +65,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[Union[str, int, bool]]
+    char_set: Var[str]
 
     # Defines the content of the metadata
-    content: Var[Union[str, int, bool]]
+    content: Var[str]
 
     # Provides an HTTP header for the information/value of the content attribute
-    http_equiv: Var[Union[str, int, bool]]
+    http_equiv: Var[str]
 
     # Specifies a name for the metadata
-    name: Var[Union[str, int, bool]]
+    name: Var[str]
 
 
 class Title(Element):
@@ -87,7 +89,7 @@ class StyleEl(Element):
 
     tag = "style"
 
-    media: Var[Union[str, int, bool]]
+    media: Var[str]
 
     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, Optional, Union, overload
+from typing import Any, Dict, Literal, Optional, Union, overload
 
 from reflex.components.el.element import Element
 from reflex.event import EventType
@@ -18,32 +18,213 @@ class Base(BaseHTML):
     def create(  # type: ignore
         cls,
         *children,
-        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,
+        href: Optional[Union[Var[str], str]] = None,
+        target: Optional[Union[Var[str], str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,
@@ -106,30 +287,211 @@ class Head(BaseHTML):
     def create(  # type: ignore
         cls,
         *children,
-        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,
@@ -193,42 +555,251 @@ class Link(BaseHTML):
         cls,
         *children,
         cross_origin: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["", "anonymous", "use-credentials"],
+                Var[Literal["", "anonymous", "use-credentials"]],
+            ]
         ] = 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,
+        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,
         referrer_policy: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            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",
+                    ]
+                ],
+            ]
         ] = 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,
+        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,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,
@@ -300,34 +871,215 @@ class Meta(BaseHTML):
     def create(  # type: ignore
         cls,
         *children,
-        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,
+        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,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,
@@ -440,7 +1192,7 @@ class StyleEl(Element):
     def create(  # type: ignore
         cls,
         *children,
-        media: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        media: Optional[Union[Var[str], str]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
         id: Optional[Any] = None,

reflex/components/el/elements/other.py

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

reflex/components/el/elements/scripts.py

@@ -1,7 +1,7 @@
 """Scripts classes."""
 
-from typing import Union
-
+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
@@ -25,31 +25,28 @@ class Script(BaseHTML):
     tag = "script"
 
     # Indicates that the script should be executed asynchronously
-    async_: Var[Union[str, int, bool]]
+    async_: Var[bool]
 
     # Character encoding of the external script
-    char_set: Var[Union[str, int, bool]]
+    char_set: Var[str]
 
     # Configures the CORS requests for the script
-    cross_origin: Var[Union[str, int, bool]]
+    cross_origin: Var[CrossOrigin]
 
     # Indicates that the script should be executed after the page has finished parsing
-    defer: Var[Union[str, int, bool]]
+    defer: Var[bool]
 
     # Security feature allowing browsers to verify what they fetch
-    integrity: Var[Union[str, int, bool]]
-
-    # Specifies the scripting language used in the type attribute
-    language: Var[Union[str, int, bool]]
+    integrity: Var[str]
 
     # Specifies which referrer information to send when fetching the script
-    referrer_policy: Var[Union[str, int, bool]]
+    referrer_policy: Var[ReferrerPolicy]
 
     # URL of an external script
-    src: Var[Union[str, int, bool]]
+    src: Var[str]
 
     # Specifies the MIME type of the script
-    type: Var[Union[str, int, bool]]
+    type: Var[str]
 
 
 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, Optional, Union, overload
+from typing import Any, Dict, Literal, Optional, Union, overload
 
 from reflex.event import EventType
 from reflex.style import Style
@@ -17,30 +17,211 @@ class Canvas(BaseHTML):
     def create(  # type: ignore
         cls,
         *children,
-        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,
@@ -103,30 +284,211 @@ class Noscript(BaseHTML):
     def create(  # type: ignore
         cls,
         *children,
-        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,
@@ -189,43 +551,251 @@ class Script(BaseHTML):
     def create(  # type: ignore
         cls,
         *children,
-        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,
+        async_: Optional[Union[Var[bool], bool]] = None,
+        char_set: Optional[Union[Var[str], str]] = None,
         cross_origin: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["", "anonymous", "use-credentials"],
+                Var[Literal["", "anonymous", "use-credentials"]],
+            ]
         ] = 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,
+        defer: Optional[Union[Var[bool], bool]] = None,
+        integrity: Optional[Union[Var[str], str]] = None,
         referrer_policy: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            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",
+                    ]
+                ],
+            ]
         ] = 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,
+        src: Optional[Union[Var[str], str]] = None,
+        type: Optional[Union[Var[str], str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,
@@ -258,7 +828,6 @@ 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 Union
+from typing import Literal
 
 from reflex.vars.base import Var
 
@@ -12,20 +12,14 @@ 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[Union[str, int, bool]]
+    span: Var[int]
 
 
 class Colgroup(BaseHTML):
@@ -33,11 +27,8 @@ 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[Union[str, int, bool]]
+    span: Var[int]
 
 
 class Table(BaseHTML):
@@ -46,10 +37,10 @@ class Table(BaseHTML):
     tag = "table"
 
     # Alignment of the table
-    align: Var[Union[str, int, bool]]
+    align: Var[Literal["left", "center", "right"]]
 
     # Provides a summary of the table's purpose and structure
-    summary: Var[Union[str, int, bool]]
+    summary: Var[str]
 
 
 class Tbody(BaseHTML):
@@ -57,9 +48,6 @@ 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."""
@@ -67,16 +55,16 @@ class Td(BaseHTML):
     tag = "td"
 
     # Alignment of the content within the table cell
-    align: Var[Union[str, int, bool]]
+    align: Var[Literal["left", "center", "right", "justify", "char"]]
 
     # Number of columns a cell should span
-    col_span: Var[Union[str, int, bool]]
+    col_span: Var[int]
 
     # IDs of the headers associated with this cell
-    headers: Var[Union[str, int, bool]]
+    headers: Var[str]
 
     # Number of rows a cell should span
-    row_span: Var[Union[str, int, bool]]
+    row_span: Var[int]
 
 
 class Tfoot(BaseHTML):
@@ -84,9 +72,6 @@ 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."""
@@ -94,19 +79,19 @@ class Th(BaseHTML):
     tag = "th"
 
     # Alignment of the content within the table header cell
-    align: Var[Union[str, int, bool]]
+    align: Var[Literal["left", "center", "right", "justify", "char"]]
 
     # Number of columns a header cell should span
-    col_span: Var[Union[str, int, bool]]
+    col_span: Var[int]
 
     # IDs of the headers associated with this header cell
-    headers: Var[Union[str, int, bool]]
+    headers: Var[str]
 
     # Number of rows a header cell should span
-    row_span: Var[Union[str, int, bool]]
+    row_span: Var[int]
 
     # Scope of the header cell (row, col, rowgroup, colgroup)
-    scope: Var[Union[str, int, bool]]
+    scope: Var[str]
 
 
 class Thead(BaseHTML):
@@ -114,18 +99,12 @@ 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 Union
+from typing import Literal
 
 from reflex.vars.base import Var
 
@@ -13,7 +13,7 @@ class Blockquote(BaseHTML):
     tag = "blockquote"
 
     # Define the title of a work.
-    cite: Var[Union[str, int, bool]]
+    cite: Var[str]
 
 
 class Dd(BaseHTML):
@@ -51,9 +51,6 @@ 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."""
@@ -67,7 +64,7 @@ class Menu(BaseHTML):
     tag = "menu"
 
     # Specifies that the menu element is a context menu.
-    type: Var[Union[str, int, bool]]
+    type: Var[str]
 
 
 class Ol(BaseHTML):
@@ -76,13 +73,13 @@ class Ol(BaseHTML):
     tag = "ol"
 
     # Reverses the order of the list.
-    reversed: Var[Union[str, int, bool]]
+    reversed: Var[bool]
 
     # Specifies the start value of the first list item in an ordered list.
-    start: Var[Union[str, int, bool]]
+    start: Var[int]
 
     # Specifies the kind of marker to use in the list (letters or numbers).
-    type: Var[Union[str, int, bool]]
+    type: Var[Literal["1", "a", "A", "i", "I"]]
 
 
 class P(BaseHTML):
@@ -109,10 +106,10 @@ class Ins(BaseHTML):
     tag = "ins"
 
     # Specifies the URL of the document that explains the reason why the text was inserted/changed.
-    cite: Var[Union[str, int, bool]]
+    cite: Var[str]
 
     # Specifies the date and time of when the text was inserted/changed.
-    date_time: Var[Union[str, int, bool]]
+    date_time: Var[str]
 
 
 class Del(BaseHTML):
@@ -121,10 +118,10 @@ class Del(BaseHTML):
     tag = "del"
 
     # Specifies the URL of the document that explains the reason why the text was deleted.
-    cite: Var[Union[str, int, bool]]
+    cite: Var[str]
 
     # Specifies the date and time of when the text was deleted.
-    date_time: Var[Union[str, int, bool]]
+    date_time: Var[str]
 
 
 blockquote = Blockquote.create

reflex/components/plotly/plotly.py

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

reflex/components/plotly/plotly.pyi

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

reflex/components/radix/primitives/form.pyi

@@ -69,45 +69,222 @@ class FormRoot(FormComponent, HTMLForm):
         cls,
         *children,
         as_child: Optional[Union[Var[bool], bool]] = 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,
+        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,
         reset_on_submit: Optional[Union[Var[bool], bool]] = None,
         handle_submit_unique_name: Optional[Union[Var[str], str]] = None,
-        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,
@@ -541,45 +718,222 @@ class Form(FormRoot):
         cls,
         *children,
         as_child: Optional[Union[Var[bool], bool]] = 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,
+        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,
         reset_on_submit: Optional[Union[Var[bool], bool]] = None,
         handle_submit_unique_name: Optional[Union[Var[str], str]] = None,
-        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,
@@ -670,45 +1024,222 @@ class FormNamespace(ComponentNamespace):
     def __call__(
         *children,
         as_child: Optional[Union[Var[bool], bool]] = 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,
+        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,
         reset_on_submit: Optional[Union[Var[bool], bool]] = None,
         handle_submit_unique_name: Optional[Union[Var[str], str]] = None,
-        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,

reflex/components/radix/themes/color_mode.py

@@ -144,7 +144,7 @@ class ColorModeIconButton(IconButton):
 
         if allow_system:
 
-            def color_mode_item(_color_mode: str):
+            def color_mode_item(_color_mode: Literal["light", "dark", "system"]):
                 return dropdown_menu.item(
                     _color_mode.title(), on_click=set_color_mode(_color_mode)
                 )

reflex/components/radix/themes/color_mode.pyi

@@ -172,45 +172,227 @@ class ColorModeIconButton(IconButton):
                 Var[Literal["full", "large", "medium", "none", "small"]],
             ]
         ] = None,
-        auto_focus: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        auto_focus: Optional[Union[Var[bool], bool]] = None,
         disabled: Optional[Union[Var[bool], bool]] = 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]
+        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"]],
+            ]
         ] = 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,
+        value: Optional[Union[Var[Union[float, int, str]], float, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,
         loading: Optional[Union[Var[bool], bool]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,

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

@@ -130,30 +130,211 @@ class AlertDialogContent(elements.Div, RadixThemesComponent):
             ]
         ] = None,
         force_mount: Optional[Union[Var[bool], bool]] = None,
-        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,

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

@@ -105,30 +105,211 @@ class Badge(elements.Span, RadixThemesComponent):
                 Var[Literal["full", "large", "medium", "none", "small"]],
             ]
         ] = None,
-        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,

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

@@ -109,45 +109,227 @@ class Button(elements.Button, RadixLoadingProp, RadixThemesComponent):
                 Var[Literal["full", "large", "medium", "none", "small"]],
             ]
         ] = None,
-        auto_focus: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        auto_focus: Optional[Union[Var[bool], bool]] = None,
         disabled: Optional[Union[Var[bool], bool]] = 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]
+        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"]],
+            ]
         ] = 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,
+        value: Optional[Union[Var[Union[float, int, str]], float, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,
         loading: Optional[Union[Var[bool], bool]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,

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

@@ -38,30 +38,211 @@ class Card(elements.Div, RadixThemesComponent):
                 Var[Literal["classic", "ghost", "surface"]],
             ]
         ] = None,
-        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,

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

@@ -10,6 +10,7 @@ from reflex.vars.base import Var
 
 from ..base import LiteralAccentColor, RadixThemesComponent
 from .checkbox import Checkbox
+from .radio_group import HighLevelRadioGroup
 
 LiteralDirType = Literal["ltr", "rtl"]
 
@@ -226,7 +227,11 @@ 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"]
+    _valid_parents: List[str] = [
+        "ContextMenuContent",
+        "ContextMenuSubContent",
+        "ContextMenuGroup",
+    ]
 
     # Fired when the item is selected.
     on_select: EventHandler[no_args_event_spec]
@@ -247,6 +252,75 @@ 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."""
 
@@ -259,6 +333,10 @@ 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, Literal, Optional, Union, overload
+from typing import Any, Dict, List, Literal, Optional, Union, overload
 
 from reflex.components.component import ComponentNamespace
 from reflex.components.core.breakpoints import Breakpoints
@@ -13,6 +13,7 @@ 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"]
@@ -820,6 +821,320 @@ 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)
@@ -830,5 +1145,9 @@ 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,30 +176,211 @@ class DialogContent(elements.Div, RadixThemesComponent):
                 ],
             ]
         ] = None,
-        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,

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

@@ -163,30 +163,211 @@ class HoverCardContent(elements.Div, RadixThemesComponent):
                 ],
             ]
         ] = None,
-        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,

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

@@ -110,45 +110,227 @@ class IconButton(elements.Button, RadixLoadingProp, RadixThemesComponent):
                 Var[Literal["full", "large", "medium", "none", "small"]],
             ]
         ] = None,
-        auto_focus: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        auto_focus: Optional[Union[Var[bool], bool]] = None,
         disabled: Optional[Union[Var[bool], bool]] = 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]
+        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"]],
+            ]
         ] = 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,
+        value: Optional[Union[Var[Union[float, int, str]], float, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,
         loading: Optional[Union[Var[bool], bool]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,

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

@@ -103,30 +103,211 @@ class Inset(elements.Div, RadixThemesComponent):
                 str,
             ]
         ] = None,
-        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,

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

@@ -156,30 +156,211 @@ 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[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,

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

@@ -1,6 +1,6 @@
 """Interactive components provided by @radix-ui/themes."""
 
-from typing import Literal, Union
+from typing import Literal
 
 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[Union[str, int, bool]]
+    form: Var[str]
 
     # 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[Union[bool, int, str]], bool, int, str]] = None,
+        form: Optional[Union[Var[str], 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,32 +137,213 @@ 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[Union[bool, int, str]], bool, int, str]] = None,
+        cols: Optional[Union[Var[int], int]] = None,
         enter_key_submit: Optional[Union[Var[bool], bool]] = None,
-        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,

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[Union[str, int, bool]]
+    list: Var[str]
 
     # Fired when the value of the textarea changes.
     on_change: EventHandler[input_event]

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

@@ -119,55 +119,235 @@ 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[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,
+        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,
         default_checked: Optional[Union[Var[bool], bool]] = 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,
+        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,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,
@@ -229,7 +409,6 @@ 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)
@@ -242,7 +421,6 @@ 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.
@@ -486,55 +664,235 @@ 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[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,
+        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,
         default_checked: Optional[Union[Var[bool], bool]] = 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,
+        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,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,
@@ -596,7 +954,6 @@ 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)
@@ -609,7 +966,6 @@ 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, Optional, Union, overload
+from typing import Any, Dict, Literal, Optional, Union, overload
 
 from reflex.components.el import elements
 from reflex.event import EventType
@@ -18,30 +18,211 @@ class Box(elements.Div, RadixThemesComponent):
     def create(  # type: ignore
         cls,
         *children,
-        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,

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

@@ -95,30 +95,211 @@ class Center(Flex):
                 ],
             ]
         ] = None,
-        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,

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

@@ -35,30 +35,211 @@ class Container(elements.Div, RadixThemesComponent):
                 ],
             ]
         ] = None,
-        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,

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

@@ -98,30 +98,211 @@ class Flex(elements.Div, RadixThemesComponent):
                 ],
             ]
         ] = None,
-        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,

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

@@ -127,30 +127,211 @@ class Grid(elements.Div, RadixThemesComponent):
                 ],
             ]
         ] = None,
-        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,

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

@@ -172,30 +172,211 @@ class UnorderedList(BaseList, Ul):
             ]
         ] = None,
         items: Optional[Union[Iterable, Var[Iterable]]] = None,
-        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,
@@ -303,33 +484,218 @@ class OrderedList(BaseList, Ol):
             ]
         ] = None,
         items: Optional[Union[Iterable, Var[Iterable]]] = 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,
+        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,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,
@@ -397,30 +763,211 @@ class ListItem(Li, MarkdownComponentMap):
     def create(  # type: ignore
         cls,
         *children,
-        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,

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

@@ -32,30 +32,211 @@ class Section(elements.Section, RadixThemesComponent):
                 ],
             ]
         ] = None,
-        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,

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

@@ -95,30 +95,211 @@ class Spacer(Flex):
                 ],
             ]
         ] = None,
-        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,

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

@@ -72,30 +72,211 @@ class Stack(Flex):
                 ],
             ]
         ] = None,
-        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,
@@ -207,30 +388,211 @@ class VStack(Stack):
                 ],
             ]
         ] = None,
-        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,
@@ -342,30 +704,211 @@ class HStack(Stack):
                 ],
             ]
         ] = None,
-        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,

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

@@ -108,31 +108,212 @@ class Blockquote(elements.Blockquote, RadixThemesComponent):
             ]
         ] = None,
         high_contrast: Optional[Union[Var[bool], bool]] = 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,
+        cite: Optional[Union[Var[str], str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,

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

@@ -115,30 +115,211 @@ class Code(elements.Code, RadixThemesComponent, MarkdownComponentMap):
             ]
         ] = None,
         high_contrast: Optional[Union[Var[bool], bool]] = None,
-        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,

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

@@ -135,30 +135,211 @@ class Heading(elements.H1, RadixThemesComponent, MarkdownComponentMap):
             ]
         ] = None,
         high_contrast: Optional[Union[Var[bool], bool]] = None,
-        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,

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

@@ -136,41 +136,252 @@ 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, 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,
+        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,
         referrer_policy: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            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",
+                    ]
+                ],
+            ]
         ] = 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,
+        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,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,
@@ -213,7 +424,6 @@ 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_extensions import TypedDict
+from typing 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,9 +3,7 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
-from typing import Any, Dict, Optional, Union, overload
-
-from typing_extensions import TypedDict
+from typing import Any, Dict, Optional, TypedDict, Union, overload
 
 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, ClassVar, Literal, Optional, Union
+from typing import Any, Literal, Optional, Union
 
 from reflex.base import Base
 from reflex.components.component import Component, ComponentNamespace
@@ -17,6 +17,7 @@ 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[
@@ -217,9 +218,6 @@ 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.
 
@@ -241,13 +239,17 @@ class Toaster(Component):
 
     @staticmethod
     def send_toast(
-        message: str | Var = "", level: str | None = None, **props
+        message: str | Var = "",
+        level: str | None = None,
+        fallback_to_alert: bool = False,
+        **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:
@@ -256,11 +258,6 @@ 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)
@@ -277,6 +274,21 @@ 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
@@ -379,7 +391,6 @@ 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, ClassVar, Dict, Literal, Optional, Union, overload
+from typing import Any, Dict, Literal, Optional, Union, overload
 
 from reflex.base import Base
 from reflex.components.component import Component, ComponentNamespace
@@ -60,12 +60,13 @@ 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, **props
+        message: str | Var = "",
+        level: str | None = None,
+        fallback_to_alert: bool = False,
+        **props,
     ) -> EventSpec: ...
     @staticmethod
     def toast_info(message: str | Var = "", **kwargs: Any): ...
@@ -185,13 +186,17 @@ class ToastNamespace(ComponentNamespace):
 
     @staticmethod
     def __call__(
-        message: Union[str, Var] = "", level: Optional[str] = None, **props
+        message: Union[str, Var] = "",
+        level: Optional[str] = None,
+        fallback_to_alert: bool = False,
+        **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:

reflex/components/tags/tag.py

@@ -101,7 +101,7 @@ class Tag:
         """
         self.props.update(
             {
-                format.to_camel_case(name, allow_hyphens=True): (
+                format.to_camel_case(name, treat_hyphens_as_underscores=False): (
                     prop
                     if types._isinstance(prop, (EventChain, Mapping))
                     else LiteralVar.create(prop)

reflex/config.py

@@ -2,20 +2,26 @@
 
 from __future__ import annotations
 
+import concurrent.futures
 import dataclasses
 import enum
 import importlib
 import inspect
+import multiprocessing
 import os
+import platform
 import sys
 import threading
 import urllib.parse
+from functools import lru_cache
 from importlib.util import find_spec
 from pathlib import Path
 from types import ModuleType
 from typing import (
     TYPE_CHECKING,
+    Annotated,
     Any,
+    Callable,
     Dict,
     Generic,
     List,
@@ -24,10 +30,11 @@ from typing import (
     TypeVar,
     get_args,
     get_origin,
+    get_type_hints,
 )
 
+import pydantic.v1 as pydantic
 from reflex_cli.constants.hosting import Hosting
-from typing_extensions import Annotated, get_type_hints
 
 from reflex import constants
 from reflex.base import Base
@@ -35,12 +42,6 @@ from reflex.utils import console
 from reflex.utils.exceptions import ConfigError, EnvironmentVarValueError
 from reflex.utils.types import GenericType, is_union, value_inside_optional
 
-try:
-    import pydantic.v1 as pydantic
-except ModuleNotFoundError:
-    import pydantic
-
-
 try:
     from dotenv import load_dotenv  # pyright: ignore [reportMissingImports]
 except ImportError:
@@ -408,6 +409,19 @@ class EnvVar(Generic[T]):
             os.environ[self.name] = str_value
 
 
+@lru_cache()
+def get_type_hints_environment(cls: type) -> dict[str, Any]:
+    """Get the type hints for the environment variables.
+
+    Args:
+        cls: The class.
+
+    Returns:
+        The type hints.
+    """
+    return get_type_hints(cls)
+
+
 class env_var:  # noqa: N801 # pyright: ignore [reportRedeclaration]
     """Descriptor for environment variables."""
 
@@ -434,7 +448,9 @@ class env_var:  # noqa: N801 # pyright: ignore [reportRedeclaration]
         """
         self.name = name
 
-    def __get__(self, instance: Any, owner: Any):
+    def __get__(
+        self, instance: EnvironmentVariables, owner: type[EnvironmentVariables]
+    ):
         """Get the EnvVar instance.
 
         Args:
@@ -444,7 +460,7 @@ class env_var:  # noqa: N801 # pyright: ignore [reportRedeclaration]
         Returns:
             The EnvVar instance.
         """
-        type_ = get_args(get_type_hints(owner)[self.name])[0]
+        type_ = get_args(get_type_hints_environment(owner)[self.name])[0]
         env_name = self.name
         if self.internal:
             env_name = f"__{env_name}"
@@ -481,9 +497,103 @@ class PerformanceMode(enum.Enum):
     OFF = "off"
 
 
+class ExecutorType(enum.Enum):
+    """Executor for compiling the frontend."""
+
+    THREAD = "thread"
+    PROCESS = "process"
+    MAIN_THREAD = "main_thread"
+
+    @classmethod
+    def get_executor_from_environment(cls):
+        """Get the executor based on the environment variables.
+
+        Returns:
+            The executor.
+        """
+        executor_type = environment.REFLEX_COMPILE_EXECUTOR.get()
+
+        reflex_compile_processes = environment.REFLEX_COMPILE_PROCESSES.get()
+        reflex_compile_threads = environment.REFLEX_COMPILE_THREADS.get()
+        # By default, use the main thread. Unless the user has specified a different executor.
+        # Using a process pool is much faster, but not supported on all platforms. It's gated behind a flag.
+        if executor_type is None:
+            if (
+                platform.system() not in ("Linux", "Darwin")
+                and reflex_compile_processes is not None
+            ):
+                console.warn("Multiprocessing is only supported on Linux and MacOS.")
+
+            if (
+                platform.system() in ("Linux", "Darwin")
+                and reflex_compile_processes is not None
+            ):
+                if reflex_compile_processes == 0:
+                    console.warn(
+                        "Number of processes must be greater than 0. If you want to use the default number of processes, set REFLEX_COMPILE_EXECUTOR to 'process'. Defaulting to None."
+                    )
+                    reflex_compile_processes = None
+                elif reflex_compile_processes < 0:
+                    console.warn(
+                        "Number of processes must be greater than 0. Defaulting to None."
+                    )
+                    reflex_compile_processes = None
+                executor_type = ExecutorType.PROCESS
+            elif reflex_compile_threads is not None:
+                if reflex_compile_threads == 0:
+                    console.warn(
+                        "Number of threads must be greater than 0. If you want to use the default number of threads, set REFLEX_COMPILE_EXECUTOR to 'thread'. Defaulting to None."
+                    )
+                    reflex_compile_threads = None
+                elif reflex_compile_threads < 0:
+                    console.warn(
+                        "Number of threads must be greater than 0. Defaulting to None."
+                    )
+                    reflex_compile_threads = None
+                executor_type = ExecutorType.THREAD
+            else:
+                executor_type = ExecutorType.MAIN_THREAD
+
+        match executor_type:
+            case ExecutorType.PROCESS:
+                executor = concurrent.futures.ProcessPoolExecutor(
+                    max_workers=reflex_compile_processes,
+                    mp_context=multiprocessing.get_context("fork"),
+                )
+            case ExecutorType.THREAD:
+                executor = concurrent.futures.ThreadPoolExecutor(
+                    max_workers=reflex_compile_threads
+                )
+            case ExecutorType.MAIN_THREAD:
+                FUTURE_RESULT_TYPE = TypeVar("FUTURE_RESULT_TYPE")
+
+                class MainThreadExecutor:
+                    def __enter__(self):
+                        return self
+
+                    def __exit__(self, *args):
+                        pass
+
+                    def submit(
+                        self, fn: Callable[..., FUTURE_RESULT_TYPE], *args, **kwargs
+                    ) -> concurrent.futures.Future[FUTURE_RESULT_TYPE]:
+                        future_job = concurrent.futures.Future()
+                        future_job.set_result(fn(*args, **kwargs))
+                        return future_job
+
+                executor = MainThreadExecutor()
+
+        return executor
+
+
 class EnvironmentVariables:
     """Environment variables class to instantiate environment variables."""
 
+    # Indicate the current command that was invoked in the reflex CLI.
+    REFLEX_COMPILE_CONTEXT: EnvVar[constants.CompileContext] = env_var(
+        constants.CompileContext.UNDEFINED, internal=True
+    )
+
     # Whether to use npm over bun to install frontend packages.
     REFLEX_USE_NPM: EnvVar[bool] = env_var(False)
 
@@ -522,6 +632,8 @@ class EnvironmentVariables:
         Path(constants.Dirs.UPLOADED_FILES)
     )
 
+    REFLEX_COMPILE_EXECUTOR: EnvVar[Optional[ExecutorType]] = env_var(None)
+
     # Whether to use separate processes to compile the frontend and how many. If not set, defaults to thread executor.
     REFLEX_COMPILE_PROCESSES: EnvVar[Optional[int]] = env_var(None)
 
@@ -529,7 +641,7 @@ class EnvironmentVariables:
     REFLEX_COMPILE_THREADS: EnvVar[Optional[int]] = env_var(None)
 
     # The directory to store reflex dependencies.
-    REFLEX_DIR: EnvVar[Path] = env_var(Path(constants.Reflex.DIR))
+    REFLEX_DIR: EnvVar[Path] = env_var(constants.Reflex.DIR)
 
     # Whether to print the SQL queries if the log level is INFO or lower.
     SQLALCHEMY_ECHO: EnvVar[bool] = env_var(False)
@@ -601,6 +713,15 @@ class EnvironmentVariables:
     # Paths to exclude from the hot reload. Takes precedence over include paths. Separated by a colon.
     REFLEX_HOT_RELOAD_EXCLUDE_PATHS: EnvVar[List[Path]] = env_var([])
 
+    # Enables different behavior for when the backend would do a cold start if it was inactive.
+    REFLEX_DOES_BACKEND_COLD_START: EnvVar[bool] = env_var(False)
+
+    # The timeout for the backend to do a cold start in seconds.
+    REFLEX_BACKEND_COLD_START_TIMEOUT: EnvVar[int] = env_var(10)
+
+    # Used by flexgen to enumerate the pages.
+    REFLEX_ADD_ALL_ROUTES_ENDPOINT: EnvVar[bool] = env_var(False)
+
 
 environment = EnvironmentVariables()
 
@@ -737,7 +858,7 @@ class Config(Base):
     env_file: Optional[str] = None
 
     # Whether to display the sticky "Built with Reflex" badge on all pages.
-    show_built_with_reflex: bool = True
+    show_built_with_reflex: Optional[bool] = None
 
     # Whether the app is running in the reflex cloud environment.
     is_reflex_cloud: bool = False

reflex/constants/__init__.py

@@ -25,6 +25,7 @@ from .base import (
 from .compiler import (
     NOCOMPILE_FILE,
     SETTER_PREFIX,
+    CompileContext,
     CompileVars,
     ComponentName,
     Ext,
@@ -65,6 +66,7 @@ __ALL__ = [
     ColorMode,
     Config,
     COOKIES,
+    CompileContext,
     ComponentName,
     CustomComponents,
     DefaultPage,

reflex/constants/base.py

@@ -53,6 +53,12 @@ class Dirs(SimpleNamespace):
     POSTCSS_JS = "postcss.config.js"
     # The name of the states directory.
     STATES = ".states"
+    # Where compilation artifacts for the backend are stored.
+    BACKEND = "backend"
+    # JSON-encoded list of page routes that need to be evaluated on the backend.
+    STATEFUL_PAGES = "stateful_pages.json"
+    # Marker file indicating that upload component was used in the frontend.
+    UPLOAD_IS_USED = "upload_is_used"
 
 
 class Reflex(SimpleNamespace):

reflex/constants/compiler.py

@@ -111,6 +111,15 @@ class ComponentName(Enum):
         return self.value.lower() + Ext.ZIP
 
 
+class CompileContext(str, Enum):
+    """The context in which the compiler is running."""
+
+    RUN = "run"
+    EXPORT = "export"
+    DEPLOY = "deploy"
+    UNDEFINED = "undefined"
+
+
 class Imports(SimpleNamespace):
     """Common sets of import vars."""
 

reflex/constants/event.py

@@ -12,6 +12,7 @@ class Endpoint(Enum):
     UPLOAD = "_upload"
     AUTH_CODESPACE = "auth-codespace"
     HEALTH = "_health"
+    ALL_ROUTES = "_all_routes"
 
     def __str__(self) -> str:
         """Get the string representation of the endpoint.

reflex/constants/installer.py

@@ -178,16 +178,15 @@ class PackageJson(SimpleNamespace):
     PATH = "package.json"
 
     DEPENDENCIES = {
-        "@babel/standalone": "7.26.6",
         "@emotion/react": "11.14.0",
         "axios": "1.7.9",
         "json5": "2.2.3",
-        "next": "15.1.6",
+        "next": "15.1.7",
         "next-sitemap": "4.2.3",
         "next-themes": "0.4.4",
-        "react": "18.3.1",
-        "react-dom": "18.3.1",
-        "react-focus-lock": "2.13.5",
+        "react": "19.0.0",
+        "react-dom": "19.0.0",
+        "react-focus-lock": "2.13.6",
         "socket.io-client": "4.8.1",
         "universal-cookie": "7.2.2",
     }
@@ -196,3 +195,7 @@ class PackageJson(SimpleNamespace):
         "postcss": "8.5.1",
         "postcss-import": "16.1.0",
     }
+    OVERRIDES = {
+        # This should always match the `react` version in DEPENDENCIES for recharts compatibility.
+        "react-is": "19.0.0"
+    }

reflex/constants/utils.py

@@ -1,8 +1,6 @@
 """Utility functions for constants."""
 
-from typing import Any, Callable, Generic, Type
-
-from typing_extensions import TypeVar
+from typing import Any, Callable, Generic, Type, TypeVar
 
 T = TypeVar("T")
 V = TypeVar("V")

reflex/event.py

@@ -10,31 +10,27 @@ from base64 import b64encode
 from functools import partial
 from typing import (
     TYPE_CHECKING,
+    Annotated,
     Any,
     Callable,
     Dict,
     Generic,
     List,
     Optional,
+    Protocol,
     Sequence,
     Tuple,
     Type,
+    TypedDict,
+    TypeVar,
     Union,
+    get_args,
+    get_origin,
     get_type_hints,
     overload,
 )
 
-from typing_extensions import (
-    Protocol,
-    Self,
-    TypeAliasType,
-    TypedDict,
-    TypeVar,
-    TypeVarTuple,
-    Unpack,
-    get_args,
-    get_origin,
-)
+from typing_extensions import Self, TypeAliasType, TypeVarTuple, Unpack
 
 from reflex import constants
 from reflex.constants.compiler import CompileVars, Hooks, Imports
@@ -59,11 +55,6 @@ from reflex.vars.function import (
 )
 from reflex.vars.object import ObjectVar
 
-try:
-    from typing import Annotated
-except ImportError:
-    from typing_extensions import Annotated
-
 
 @dataclasses.dataclass(
     init=True,

reflex/experimental/layout.pyi

@@ -21,30 +21,211 @@ class Sidebar(Box, MemoizationLeaf):
     def create(  # type: ignore
         cls,
         *children,
-        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,
@@ -204,30 +385,211 @@ class Layout(Box):
         cls,
         *children,
         sidebar: Optional[Component] = None,
-        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,
@@ -272,30 +634,211 @@ class LayoutNamespace(ComponentNamespace):
     def __call__(
         *children,
         sidebar: Optional[Component] = None,
-        access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
+        access_key: Optional[Union[Var[str], str]] = None,
         auto_capitalize: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["characters", "none", "off", "on", "sentences", "words"],
+                Var[Literal["characters", "none", "off", "on", "sentences", "words"]],
+            ]
         ] = None,
         content_editable: Optional[
-            Union[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["inherit", "plaintext-only", False, True],
+                Var[Literal["inherit", "plaintext-only", False, True]],
+            ]
         ] = 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,
+        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[Var[Union[bool, int, str]], bool, int, str]
+            Union[
+                Literal["done", "enter", "go", "next", "previous", "search", "send"],
+                Var[
+                    Literal["done", "enter", "go", "next", "previous", "search", "send"]
+                ],
+            ]
         ] = 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,
+        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,